fix accidental removal of Label component
This commit is contained in:
parent
1a53da89b4
commit
79b421769e
|
@ -0,0 +1,62 @@
|
||||||
|
<script>
|
||||||
|
export let forAttr = "",
|
||||||
|
extraSmall = false,
|
||||||
|
small = false,
|
||||||
|
medium = false,
|
||||||
|
large = false,
|
||||||
|
extraLarge = false,
|
||||||
|
white = false,
|
||||||
|
grey = false,
|
||||||
|
black = false
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<label
|
||||||
|
class="bb-label"
|
||||||
|
class:extraSmall
|
||||||
|
class:small
|
||||||
|
class:medium
|
||||||
|
class:large
|
||||||
|
class:extraLarge
|
||||||
|
class:white
|
||||||
|
class:grey
|
||||||
|
class:black
|
||||||
|
for={forAttr}
|
||||||
|
>
|
||||||
|
<slot />
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.bb-label {
|
||||||
|
font-family: var(--font-sans);
|
||||||
|
font-weight: 500;
|
||||||
|
text-rendering: var(--text-render);
|
||||||
|
color: var(--ink);
|
||||||
|
font-size: var(--font-size-s);
|
||||||
|
margin-bottom: var(--spacing-s);
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.extraSmall {
|
||||||
|
font-size: var(--font-size-xs);
|
||||||
|
}
|
||||||
|
.small {
|
||||||
|
font-size: var(--font-size-s);
|
||||||
|
}
|
||||||
|
.medium {
|
||||||
|
font-size: var(--font-size-m);
|
||||||
|
}
|
||||||
|
.large {
|
||||||
|
font-size: var(--font-size-l);
|
||||||
|
}
|
||||||
|
.extraLarge {
|
||||||
|
font-size: var(--font-size-xl);
|
||||||
|
}
|
||||||
|
.white {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.grey {
|
||||||
|
color: var(--grey-6);
|
||||||
|
}
|
||||||
|
.black {
|
||||||
|
color: var(--ink);
|
||||||
|
}
|
||||||
|
</style>
|
|
@ -26,6 +26,7 @@ export { default as DetailSummary } from "./DetailSummary/DetailSummary.svelte"
|
||||||
export { default as Popover } from "./Popover/Popover.svelte"
|
export { default as Popover } from "./Popover/Popover.svelte"
|
||||||
export { default as ProgressBar } from "./ProgressBar/ProgressBar.svelte"
|
export { default as ProgressBar } from "./ProgressBar/ProgressBar.svelte"
|
||||||
export { default as ProgressCircle } from "./ProgressCircle/ProgressCircle.svelte"
|
export { default as ProgressCircle } from "./ProgressCircle/ProgressCircle.svelte"
|
||||||
|
export { default as Label } from "./Label/Label.svelte"
|
||||||
export { default as Layout } from "./Layout/Layout.svelte"
|
export { default as Layout } from "./Layout/Layout.svelte"
|
||||||
export { default as Link } from "./Link/Link.svelte"
|
export { default as Link } from "./Link/Link.svelte"
|
||||||
export { default as Menu } from "./Menu/Menu.svelte"
|
export { default as Menu } from "./Menu/Menu.svelte"
|
||||||
|
|
Loading…
Reference in New Issue