convert Detail component to new API
This commit is contained in:
parent
2d8e200591
commit
bf1173698e
|
@ -2,20 +2,14 @@
|
|||
import "@spectrum-css/typography/dist/index-vars.css"
|
||||
|
||||
// Sizes
|
||||
export let xl = false;
|
||||
export let l = false;
|
||||
export let m = false;
|
||||
export let s = false;
|
||||
export let size = "M"
|
||||
|
||||
export let serif = false;
|
||||
$: useDefault = ![xl, l, m, s].includes(true)
|
||||
export let serif = false
|
||||
</script>
|
||||
|
||||
<p class="spectrum-Detail"
|
||||
<p
|
||||
class="spectrum-Detail spectrum-Detail--size{size}"
|
||||
class:spectrum-Detail--serif={serif}
|
||||
class:spectrum-Detail--sizeXL={xl}
|
||||
class:spectrum-Detail--sizeL={l}
|
||||
class:spectrum-Detail--sizeM={m || useDefault}
|
||||
class:spectrum-Detail--sizeS={s}>
|
||||
>
|
||||
<slot />
|
||||
</p>
|
Loading…
Reference in New Issue