@flowstack-ui/brick 0.1.4 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/agents/app-bar.json +15 -3
- package/dist/agents/app-bar.md +6 -2
- package/dist/agents/divider.json +11 -5
- package/dist/agents/divider.md +5 -3
- package/dist/agents/drawer.json +23 -3
- package/dist/agents/drawer.md +7 -2
- package/dist/agents/grid.json +9 -0
- package/dist/agents/grid.md +2 -0
- package/dist/agents/interface-composition.json +11 -1
- package/dist/agents/interface-composition.md +3 -1
- package/dist/agents/manifest.json +1 -1
- package/dist/agents/nav-list.json +16 -5
- package/dist/agents/nav-list.md +6 -3
- package/dist/agents/navigation-menu.json +15 -1
- package/dist/agents/navigation-menu.md +4 -1
- package/dist/agents/text.json +6 -1
- package/dist/agents/text.md +2 -1
- package/dist/components/alert-dialog/AlertDialog.d.ts +7 -0
- package/dist/components/alert-dialog/AlertDialog.d.ts.map +1 -1
- package/dist/components/alert-dialog/AlertDialog.js +2 -2
- package/dist/components/alert-dialog/AlertDialog.js.map +1 -1
- package/dist/components/alert-dialog/index.d.ts +1 -1
- package/dist/components/alert-dialog/index.d.ts.map +1 -1
- package/dist/components/alert-dialog/index.js.map +1 -1
- package/dist/components/dialog/Dialog.d.ts +7 -0
- package/dist/components/dialog/Dialog.d.ts.map +1 -1
- package/dist/components/dialog/Dialog.js +2 -2
- package/dist/components/dialog/Dialog.js.map +1 -1
- package/dist/components/dialog/index.d.ts +1 -1
- package/dist/components/dialog/index.d.ts.map +1 -1
- package/dist/components/dialog/index.js.map +1 -1
- package/dist/components/drawer/Drawer.d.ts +8 -1
- package/dist/components/drawer/Drawer.d.ts.map +1 -1
- package/dist/components/drawer/Drawer.js +3 -2
- package/dist/components/drawer/Drawer.js.map +1 -1
- package/dist/components/drawer/index.d.ts +1 -1
- package/dist/components/drawer/index.d.ts.map +1 -1
- package/dist/components/drawer/index.js.map +1 -1
- package/dist/components/grid/Grid.d.ts +9 -2
- package/dist/components/grid/Grid.d.ts.map +1 -1
- package/dist/components/grid/Grid.js +51 -4
- package/dist/components/grid/Grid.js.map +1 -1
- package/dist/components/navigation-menu/NavigationMenu.d.ts +6 -3
- package/dist/components/navigation-menu/NavigationMenu.d.ts.map +1 -1
- package/dist/components/navigation-menu/NavigationMenu.js +2 -2
- package/dist/components/navigation-menu/NavigationMenu.js.map +1 -1
- package/dist/components/navigation-menu/index.d.ts +1 -1
- package/dist/components/navigation-menu/index.d.ts.map +1 -1
- package/dist/components/navigation-menu/index.js.map +1 -1
- package/dist/components/text/Text.d.ts +1 -1
- package/dist/components/text/Text.d.ts.map +1 -1
- package/dist/components/text/Text.js.map +1 -1
- package/dist/drawer.d.ts +1 -0
- package/dist/drawer.d.ts.map +1 -1
- package/dist/drawer.js +1 -0
- package/dist/drawer.js.map +1 -1
- package/dist/index.d.ts +3 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/styles/alert-dialog.css +1 -1
- package/dist/styles/alert-dialog.css.map +1 -1
- package/dist/styles/badge.css +1 -1
- package/dist/styles/badge.css.map +1 -1
- package/dist/styles/code-block.css.map +1 -1
- package/dist/styles/context-menu.css.map +1 -1
- package/dist/styles/core.css +1 -1
- package/dist/styles/core.css.map +1 -1
- package/dist/styles/dialog.css +1 -1
- package/dist/styles/dialog.css.map +1 -1
- package/dist/styles/drawer.css +1 -1
- package/dist/styles/drawer.css.map +1 -1
- package/dist/styles/nav-list.css +1 -1
- package/dist/styles/nav-list.css.map +1 -1
- package/dist/styles/navigation-menu.css +1 -1
- package/dist/styles/navigation-menu.css.map +1 -1
- package/dist/styles/sidebar.css.map +1 -1
- package/dist/styles/swipeable-item.css.map +1 -1
- package/dist/styles/text.css +1 -1
- package/dist/styles/text.css.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tokens.css.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":null,"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":null,"mappings":"AEAA,sCAAA,wBDCE,4gCA2BA,gGACA,gGACA,+FACA,6GACA,6GACA,mGAEA,iHACA,oEACA,mEAEA,8OAOA,qaAgBA,gKAIA,2KACA,sMACA,mKACA,2FAEA,0NAEA,0GACA,4GACA,0OACA,uCAEA,uZAcA,0FACA,kKACA,wFAEA,8CACE,qNACA,yNAGF,8BACE,+FACA,mEACA,gECxGJ","sources":["home/runner/work/brick/brick/.brick-cache/production/sidebar.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/sidebar/sidebar.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/sidebar/sidebar.css\";","@layer brick.components {\n .brick-sidebar {\n --brick-sidebar-expanded-width-sm: 14rem;\n --brick-sidebar-expanded-width-md: 17rem;\n --brick-sidebar-expanded-width-lg: 20rem;\n --brick-sidebar-rail-width-sm: 3.25rem;\n --brick-sidebar-rail-width-md: 3.75rem;\n --brick-sidebar-rail-width-lg: 4.25rem;\n --brick-sidebar-panel-width: var(--brick-sidebar-expanded-width-md);\n --brick-sidebar-panel-background: var(--brick-color-surface-base);\n --brick-sidebar-panel-border: var(--brick-color-border-subtle);\n --brick-sidebar-panel-radius: 0;\n --brick-sidebar-panel-gap: 0px;\n --brick-sidebar-region-padding-inline: var(--brick-space-4);\n --brick-sidebar-region-padding-block: var(--brick-space-4);\n --brick-sidebar-content-gap: var(--brick-space-3);\n --brick-sidebar-sticky-offset: 0px;\n --brick-sidebar-available-block-size: calc(100dvh - var(--brick-sidebar-sticky-offset));\n --brick-sidebar-transition-duration: 180ms;\n --brick-sidebar-transition-easing: ease;\n\n display: grid;\n min-inline-size: 0;\n grid-template-columns: minmax(0, var(--brick-sidebar-panel-width)) minmax(0, 1fr);\n align-items: start;\n gap: var(--brick-sidebar-panel-gap);\n }\n\n .brick-sidebar[data-size=\"sm\"] { --brick-sidebar-panel-width: var(--brick-sidebar-expanded-width-sm); }\n .brick-sidebar[data-size=\"lg\"] { --brick-sidebar-panel-width: var(--brick-sidebar-expanded-width-lg); }\n .brick-sidebar[data-state=\"rail\"] { --brick-sidebar-panel-width: var(--brick-sidebar-rail-width-md); }\n .brick-sidebar[data-state=\"rail\"][data-size=\"sm\"] { --brick-sidebar-panel-width: var(--brick-sidebar-rail-width-sm); }\n .brick-sidebar[data-state=\"rail\"][data-size=\"lg\"] { --brick-sidebar-panel-width: var(--brick-sidebar-rail-width-lg); }\n .brick-sidebar[data-state=\"offcanvas\"] { --brick-sidebar-panel-width: 0px; --brick-sidebar-panel-gap: 0px; }\n\n .brick-sidebar[data-side=\"right\"] { grid-template-columns: minmax(0, 1fr) minmax(0, var(--brick-sidebar-panel-width)); }\n .brick-sidebar[data-side=\"right\"] > .brick-sidebar__panel { grid-column: 2; }\n .brick-sidebar[data-side=\"right\"] > .brick-sidebar__main { grid-column: 1; grid-row: 1; }\n\n .brick-sidebar[data-variant=\"floating\"] {\n --brick-sidebar-panel-background: var(--brick-color-surface-raised);\n --brick-sidebar-panel-radius: var(--brick-radius-surface);\n --brick-sidebar-panel-gap: var(--brick-space-3);\n padding: var(--brick-space-3);\n }\n\n .brick-sidebar__panel {\n position: relative;\n z-index: 1;\n display: flex;\n overflow: clip;\n min-inline-size: 0;\n inline-size: var(--brick-sidebar-panel-width);\n max-inline-size: 100%;\n align-self: stretch;\n flex-direction: column;\n border-inline-end: var(--brick-border-width) solid var(--brick-sidebar-panel-border);\n border-radius: var(--brick-sidebar-panel-radius);\n background: var(--brick-sidebar-panel-background);\n color: var(--brick-color-text-primary);\n }\n\n .brick-sidebar[data-side=\"right\"] > .brick-sidebar__panel {\n border-inline-start: var(--brick-border-width) solid var(--brick-sidebar-panel-border);\n border-inline-end: 0;\n }\n .brick-sidebar[data-variant=\"floating\"] > .brick-sidebar__panel { border: var(--brick-border-width) solid var(--brick-sidebar-panel-border); box-shadow: var(--brick-shadow-raised); }\n .brick-sidebar[data-position=\"sticky\"] > .brick-sidebar__panel { position: sticky; inset-block-start: var(--brick-sidebar-sticky-offset); block-size: var(--brick-sidebar-available-block-size); min-block-size: 0; }\n .brick-sidebar[data-state=\"offcanvas\"] > .brick-sidebar__panel { visibility: hidden; inline-size: 0; block-size: 0; min-block-size: 0; align-self: start; border: 0; translate: -100% 0; }\n .brick-sidebar[data-state=\"offcanvas\"][data-side=\"right\"] > .brick-sidebar__panel { translate: 100% 0; }\n\n .brick-sidebar__header,\n .brick-sidebar__footer { display: flex; flex: 0 0 auto; align-items: center; gap: var(--brick-sidebar-content-gap); padding: var(--brick-sidebar-region-padding-block) var(--brick-sidebar-region-padding-inline); }\n .brick-sidebar__header { border-block-end: var(--brick-border-width) solid var(--brick-sidebar-panel-border); }\n .brick-sidebar__footer { border-block-start: var(--brick-border-width) solid var(--brick-sidebar-panel-border); }\n .brick-sidebar__content { display: flex; min-block-size: 0; min-inline-size: 0; flex: 1 1 auto; flex-direction: column; gap: var(--brick-sidebar-content-gap); padding: var(--brick-sidebar-region-padding-block) var(--brick-sidebar-region-padding-inline); }\n .brick-sidebar__main { min-inline-size: 0; }\n\n .brick-sidebar__trigger {\n box-sizing: border-box;\n display: inline-flex;\n min-inline-size: var(--brick-control-min-block-size-sm);\n min-block-size: var(--brick-control-min-block-size-sm);\n align-items: center;\n justify-content: center;\n padding: var(--brick-space-2);\n border: var(--brick-border-width) solid transparent;\n border-radius: var(--brick-radius-control);\n background: transparent;\n color: var(--brick-color-text-primary);\n cursor: pointer;\n }\n .brick-sidebar__trigger:hover:not(:disabled) { background: var(--brick-color-surface-subtle); }\n .brick-sidebar__trigger:focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n .brick-sidebar__trigger:disabled { color: var(--brick-color-text-muted); cursor: not-allowed; }\n\n @media (prefers-reduced-motion: no-preference) {\n .brick-sidebar { transition: grid-template-columns var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing), gap var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing); }\n .brick-sidebar__panel { transition: inline-size var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing), translate var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing); }\n }\n\n @media (forced-colors: active) {\n .brick-sidebar { --brick-sidebar-panel-background: Canvas; --brick-sidebar-panel-border: CanvasText; }\n .brick-sidebar__trigger { border-color: ButtonBorder; color: ButtonText; }\n .brick-sidebar__trigger:focus-visible { outline-color: Highlight; }\n }\n}\n","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n"],"names":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,osCA6BA,kGAIA,2iBAcA,oFAIA,mGAIA,qZAcA,qEACA,iEAEA,wJAKA,iDACA,oDAEA,uCACE,uDAGF,8BACE,oEACA,qEACA,oEDxFJ","sources":["home/runner/work/brick/brick/.brick-cache/production/swipeable-item.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/
|
|
1
|
+
{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,osCA6BA,kGAIA,2iBAcA,oFAIA,mGAIA,qZAcA,qEACA,iEAEA,wJAKA,iDACA,oDAEA,uCACE,uDAGF,8BACE,oEACA,qEACA,oEDxFJ","sources":["home/runner/work/brick/brick/.brick-cache/production/swipeable-item.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/swipeable-item/swipeable-item.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/swipeable-item/swipeable-item.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-swipeable-item {\n --brick-swipeable-item-background: var(--brick-color-surface-base);\n --brick-swipeable-item-foreground: var(--brick-color-text-primary);\n --brick-swipeable-item-action-background: var(--brick-color-surface-raised);\n --brick-swipeable-item-action-foreground: var(--brick-color-text-primary);\n --brick-swipeable-item-border-color: var(--brick-color-border-subtle);\n --brick-swipeable-item-border-width: var(--brick-border-width);\n --brick-swipeable-item-radius: var(--brick-radius-surface);\n --brick-swipeable-item-focus-color: var(--brick-color-focus-ring);\n --brick-swipeable-item-focus-width: 2px;\n --brick-swipeable-item-focus-offset: -3px;\n --brick-swipeable-item-action-gap: var(--brick-space-2);\n --brick-swipeable-item-action-padding-inline: var(--brick-space-2);\n --brick-swipeable-item-action-min-size: 2.75rem;\n --brick-swipeable-item-transition-duration: var(--brick-motion-duration-fast);\n\n position: relative;\n isolation: isolate;\n box-sizing: border-box;\n display: grid;\n inline-size: 100%;\n min-inline-size: 0;\n overflow: hidden;\n border: var(--brick-swipeable-item-border-width) solid transparent;\n border-radius: var(--brick-swipeable-item-radius);\n background: var(--brick-swipeable-item-action-background);\n color: var(--brick-swipeable-item-foreground);\n }\n\n .brick-swipeable-item[data-variant=\"outline\"] {\n border-color: var(--brick-swipeable-item-border-color);\n }\n\n .brick-swipeable-item__content {\n position: relative;\n z-index: 1;\n box-sizing: border-box;\n min-inline-size: 0;\n border-radius: calc(var(--brick-swipeable-item-radius) - var(--brick-swipeable-item-border-width));\n background: var(--brick-swipeable-item-background);\n color: var(--brick-swipeable-item-foreground);\n outline: var(--brick-swipeable-item-focus-width) solid transparent;\n outline-offset: var(--brick-swipeable-item-focus-offset);\n transform: translate3d(var(--atom-swipeable-item-offset, 0px), 0, 0);\n transition: transform var(--brick-swipeable-item-transition-duration) ease;\n }\n\n .brick-swipeable-item[data-dragging] .brick-swipeable-item__content {\n transition: none;\n }\n\n .brick-swipeable-item__content:focus-visible {\n outline-color: var(--brick-swipeable-item-focus-color);\n }\n\n .brick-swipeable-item__actions {\n position: absolute;\n z-index: 0;\n inset-block: 0;\n box-sizing: border-box;\n display: flex;\n align-items: stretch;\n gap: var(--brick-swipeable-item-action-gap);\n min-inline-size: var(--brick-swipeable-item-action-min-size);\n padding-inline: var(--brick-swipeable-item-action-padding-inline);\n background: var(--brick-swipeable-item-action-background);\n color: var(--brick-swipeable-item-action-foreground);\n }\n\n .brick-swipeable-item__actions[data-side=\"start\"] { inset-inline-start: 0; }\n .brick-swipeable-item__actions[data-side=\"end\"] { inset-inline-end: 0; }\n\n .brick-swipeable-item__actions > * {\n min-inline-size: var(--brick-swipeable-item-action-min-size);\n min-block-size: var(--brick-swipeable-item-action-min-size);\n }\n\n .brick-swipeable-item[data-disabled] { opacity: 0.55; }\n .brick-swipeable-item[data-readonly] { cursor: default; }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-swipeable-item__content { transition-duration: 0s; }\n }\n\n @media (forced-colors: active) {\n .brick-swipeable-item[data-variant=\"outline\"] { border-color: CanvasText; }\n .brick-swipeable-item__content:focus-visible { outline-color: Highlight; }\n .brick-swipeable-item__actions { border-inline: 1px solid CanvasText; }\n }\n}\n"],"names":[]}
|
package/dist/styles/text.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer brick.tokens,brick.foundations;@layer brick.components{.brick-text{--brick-text-font-family:var(--brick-typography-body-md-font-family);--brick-text-font-size:var(--brick-typography-body-md-font-size);--brick-text-font-weight:var(--brick-typography-body-md-font-weight);--brick-text-line-height:var(--brick-typography-body-md-line-height);--brick-text-letter-spacing:var(--brick-typography-body-md-letter-spacing);--brick-text-foreground:var(--brick-color-text-primary);color:var(--brick-text-foreground);font-family:var(--brick-text-font-family);font-size:var(--brick-text-font-size);font-weight:var(--brick-text-font-weight);letter-spacing:var(--brick-text-letter-spacing);line-height:var(--brick-text-line-height);overflow-wrap:break-word;text-align:start;text-wrap:wrap;margin:0}.brick-text[data-variant=display]{--brick-text-font-family:var(--brick-typography-display-font-family);--brick-text-font-size:var(--brick-typography-display-font-size);--brick-text-font-weight:var(--brick-typography-display-font-weight);--brick-text-line-height:var(--brick-typography-display-line-height);--brick-text-letter-spacing:var(--brick-typography-display-letter-spacing)}.brick-text[data-variant=title-lg]{--brick-text-font-family:var(--brick-typography-title-lg-font-family);--brick-text-font-size:var(--brick-typography-title-lg-font-size);--brick-text-font-weight:var(--brick-typography-title-lg-font-weight);--brick-text-line-height:var(--brick-typography-title-lg-line-height);--brick-text-letter-spacing:var(--brick-typography-title-lg-letter-spacing)}.brick-text[data-variant=title-md]{--brick-text-font-family:var(--brick-typography-title-md-font-family);--brick-text-font-size:var(--brick-typography-title-md-font-size);--brick-text-font-weight:var(--brick-typography-title-md-font-weight);--brick-text-line-height:var(--brick-typography-title-md-line-height);--brick-text-letter-spacing:var(--brick-typography-title-md-letter-spacing)}.brick-text[data-variant=title-sm]{--brick-text-font-family:var(--brick-typography-title-sm-font-family);--brick-text-font-size:var(--brick-typography-title-sm-font-size);--brick-text-font-weight:var(--brick-typography-title-sm-font-weight);--brick-text-line-height:var(--brick-typography-title-sm-line-height);--brick-text-letter-spacing:var(--brick-typography-title-sm-letter-spacing)}.brick-text[data-variant=body-lg]{--brick-text-font-family:var(--brick-typography-body-lg-font-family);--brick-text-font-size:var(--brick-typography-body-lg-font-size);--brick-text-font-weight:var(--brick-typography-body-lg-font-weight);--brick-text-line-height:var(--brick-typography-body-lg-line-height);--brick-text-letter-spacing:var(--brick-typography-body-lg-letter-spacing)}.brick-text[data-variant=body-sm]{--brick-text-font-family:var(--brick-typography-body-sm-font-family);--brick-text-font-size:var(--brick-typography-body-sm-font-size);--brick-text-font-weight:var(--brick-typography-body-sm-font-weight);--brick-text-line-height:var(--brick-typography-body-sm-line-height);--brick-text-letter-spacing:var(--brick-typography-body-sm-letter-spacing)}.brick-text[data-variant=caption]{--brick-text-font-family:var(--brick-typography-caption-font-family);--brick-text-font-size:var(--brick-typography-caption-font-size);--brick-text-font-weight:var(--brick-typography-caption-font-weight);--brick-text-line-height:var(--brick-typography-caption-line-height);--brick-text-letter-spacing:var(--brick-typography-caption-letter-spacing)}.brick-text[data-tone=inherit]{--brick-text-foreground:currentColor}.brick-text[data-tone=secondary]{--brick-text-foreground:var(--brick-color-text-secondary)}.brick-text[data-tone=muted]{--brick-text-foreground:var(--brick-color-text-muted)}.brick-text[data-tone=accent]{--brick-text-foreground:var(--brick-color-accent-text)}.brick-text[data-tone=info]{--brick-text-foreground:var(--brick-color-info-text)}.brick-text[data-tone=success]{--brick-text-foreground:var(--brick-color-success-text)}.brick-text[data-tone=warning]{--brick-text-foreground:var(--brick-color-warning-text)}.brick-text[data-tone=danger]{--brick-text-foreground:var(--brick-color-danger-text)}.brick-text[data-weight=inherit]{--brick-text-font-weight:inherit}.brick-text[data-weight=regular]{--brick-text-font-weight:var(--brick-font-weight-regular)}.brick-text[data-weight=medium]{--brick-text-font-weight:var(--brick-font-weight-medium)}.brick-text[data-weight=semibold]{--brick-text-font-weight:var(--brick-font-weight-semibold)}.brick-text[data-align=start]{text-align:start}.brick-text[data-align=center]{text-align:center}.brick-text[data-align=end]{text-align:end}.brick-text[data-wrap=nowrap]{text-wrap:nowrap}.brick-text[data-wrap=balance]{text-wrap:balance}.brick-text[data-wrap=pretty]{text-wrap:pretty}.brick-text[data-truncate]{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;display:block;overflow:hidden}.brick-text[data-line-clamp]{-webkit-box-orient:vertical;min-inline-size:0;display:-webkit-box;overflow:hidden}.brick-text[data-line-clamp="2"]{-webkit-line-clamp:2}.brick-text[data-line-clamp="3"]{-webkit-line-clamp:3}.brick-text[data-line-clamp="4"]{-webkit-line-clamp:4}.brick-text[data-line-clamp="5"]{-webkit-line-clamp:5}.brick-text[data-line-clamp="6"]{-webkit-line-clamp:6}@media (forced-colors:active){.brick-text:not([data-tone=inherit]){--brick-text-foreground:CanvasText}}}@layer brick.effects;
|
|
1
|
+
@layer brick.tokens,brick.foundations;@layer brick.components{.brick-text{--brick-text-font-family:var(--brick-typography-body-md-font-family);--brick-text-font-size:var(--brick-typography-body-md-font-size);--brick-text-font-weight:var(--brick-typography-body-md-font-weight);--brick-text-line-height:var(--brick-typography-body-md-line-height);--brick-text-letter-spacing:var(--brick-typography-body-md-letter-spacing);--brick-text-text-transform:none;--brick-text-foreground:var(--brick-color-text-primary);color:var(--brick-text-foreground);font-family:var(--brick-text-font-family);font-size:var(--brick-text-font-size);font-weight:var(--brick-text-font-weight);letter-spacing:var(--brick-text-letter-spacing);line-height:var(--brick-text-line-height);overflow-wrap:break-word;text-align:start;text-transform:var(--brick-text-text-transform);text-wrap:wrap;margin:0}.brick-text[data-variant=display]{--brick-text-font-family:var(--brick-typography-display-font-family);--brick-text-font-size:var(--brick-typography-display-font-size);--brick-text-font-weight:var(--brick-typography-display-font-weight);--brick-text-line-height:var(--brick-typography-display-line-height);--brick-text-letter-spacing:var(--brick-typography-display-letter-spacing)}.brick-text[data-variant=title-lg]{--brick-text-font-family:var(--brick-typography-title-lg-font-family);--brick-text-font-size:var(--brick-typography-title-lg-font-size);--brick-text-font-weight:var(--brick-typography-title-lg-font-weight);--brick-text-line-height:var(--brick-typography-title-lg-line-height);--brick-text-letter-spacing:var(--brick-typography-title-lg-letter-spacing)}.brick-text[data-variant=title-md]{--brick-text-font-family:var(--brick-typography-title-md-font-family);--brick-text-font-size:var(--brick-typography-title-md-font-size);--brick-text-font-weight:var(--brick-typography-title-md-font-weight);--brick-text-line-height:var(--brick-typography-title-md-line-height);--brick-text-letter-spacing:var(--brick-typography-title-md-letter-spacing)}.brick-text[data-variant=title-sm]{--brick-text-font-family:var(--brick-typography-title-sm-font-family);--brick-text-font-size:var(--brick-typography-title-sm-font-size);--brick-text-font-weight:var(--brick-typography-title-sm-font-weight);--brick-text-line-height:var(--brick-typography-title-sm-line-height);--brick-text-letter-spacing:var(--brick-typography-title-sm-letter-spacing)}.brick-text[data-variant=body-lg]{--brick-text-font-family:var(--brick-typography-body-lg-font-family);--brick-text-font-size:var(--brick-typography-body-lg-font-size);--brick-text-font-weight:var(--brick-typography-body-lg-font-weight);--brick-text-line-height:var(--brick-typography-body-lg-line-height);--brick-text-letter-spacing:var(--brick-typography-body-lg-letter-spacing)}.brick-text[data-variant=body-sm]{--brick-text-font-family:var(--brick-typography-body-sm-font-family);--brick-text-font-size:var(--brick-typography-body-sm-font-size);--brick-text-font-weight:var(--brick-typography-body-sm-font-weight);--brick-text-line-height:var(--brick-typography-body-sm-line-height);--brick-text-letter-spacing:var(--brick-typography-body-sm-letter-spacing)}.brick-text[data-variant=caption]{--brick-text-font-family:var(--brick-typography-caption-font-family);--brick-text-font-size:var(--brick-typography-caption-font-size);--brick-text-font-weight:var(--brick-typography-caption-font-weight);--brick-text-line-height:var(--brick-typography-caption-line-height);--brick-text-letter-spacing:var(--brick-typography-caption-letter-spacing)}.brick-text[data-variant=eyebrow]{--brick-text-font-family:var(--brick-typography-eyebrow-font-family);--brick-text-font-size:var(--brick-typography-eyebrow-font-size);--brick-text-font-weight:var(--brick-typography-eyebrow-font-weight);--brick-text-line-height:var(--brick-typography-eyebrow-line-height);--brick-text-letter-spacing:var(--brick-typography-eyebrow-letter-spacing);--brick-text-text-transform:uppercase}.brick-text[data-tone=inherit]{--brick-text-foreground:currentColor}.brick-text[data-tone=secondary]{--brick-text-foreground:var(--brick-color-text-secondary)}.brick-text[data-tone=muted]{--brick-text-foreground:var(--brick-color-text-muted)}.brick-text[data-tone=accent]{--brick-text-foreground:var(--brick-color-accent-text)}.brick-text[data-tone=info]{--brick-text-foreground:var(--brick-color-info-text)}.brick-text[data-tone=success]{--brick-text-foreground:var(--brick-color-success-text)}.brick-text[data-tone=warning]{--brick-text-foreground:var(--brick-color-warning-text)}.brick-text[data-tone=danger]{--brick-text-foreground:var(--brick-color-danger-text)}.brick-text[data-weight=inherit]{--brick-text-font-weight:inherit}.brick-text[data-weight=regular]{--brick-text-font-weight:var(--brick-font-weight-regular)}.brick-text[data-weight=medium]{--brick-text-font-weight:var(--brick-font-weight-medium)}.brick-text[data-weight=semibold]{--brick-text-font-weight:var(--brick-font-weight-semibold)}.brick-text[data-align=start]{text-align:start}.brick-text[data-align=center]{text-align:center}.brick-text[data-align=end]{text-align:end}.brick-text[data-wrap=nowrap]{text-wrap:nowrap}.brick-text[data-wrap=balance]{text-wrap:balance}.brick-text[data-wrap=pretty]{text-wrap:pretty}.brick-text[data-truncate]{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;display:block;overflow:hidden}.brick-text[data-line-clamp]{-webkit-box-orient:vertical;min-inline-size:0;display:-webkit-box;overflow:hidden}.brick-text[data-line-clamp="2"]{-webkit-line-clamp:2}.brick-text[data-line-clamp="3"]{-webkit-line-clamp:3}.brick-text[data-line-clamp="4"]{-webkit-line-clamp:4}.brick-text[data-line-clamp="5"]{-webkit-line-clamp:5}.brick-text[data-line-clamp="6"]{-webkit-line-clamp:6}@media (forced-colors:active){.brick-text:not([data-tone=inherit]){--brick-text-foreground:CanvasText}}}@layer brick.effects;
|
|
2
2
|
/*# sourceMappingURL=text.css.map */
|
package/dist/styles/text.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,
|
|
1
|
+
{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,yyBAsBA,6XAQA,mYAQA,mYAQA,mYAQA,6XAQA,6XAQA,6XAQA,maASA,oEAIA,2FAIA,mFAIA,qFAIA,iFAIA,uFAIA,uFAIA,qFAIA,kEAIA,2FAIA,yFAIA,6FAIA,+CAIA,iDAIA,2CAIA,+CAIA,iDAIA,+CAIA,qHAQA,+GAOA,sDAIA,sDAIA,sDAIA,sDAIA,sDAIA,8BACE,0EDpMJ","sources":["home/runner/work/brick/brick/.brick-cache/production/text.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/text/text.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/text/text.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-text {\n --brick-text-font-family: var(--brick-typography-body-md-font-family);\n --brick-text-font-size: var(--brick-typography-body-md-font-size);\n --brick-text-font-weight: var(--brick-typography-body-md-font-weight);\n --brick-text-line-height: var(--brick-typography-body-md-line-height);\n --brick-text-letter-spacing: var(--brick-typography-body-md-letter-spacing);\n --brick-text-text-transform: none;\n --brick-text-foreground: var(--brick-color-text-primary);\n\n margin: 0;\n color: var(--brick-text-foreground);\n font-family: var(--brick-text-font-family);\n font-size: var(--brick-text-font-size);\n font-weight: var(--brick-text-font-weight);\n letter-spacing: var(--brick-text-letter-spacing);\n line-height: var(--brick-text-line-height);\n overflow-wrap: break-word;\n text-align: start;\n text-transform: var(--brick-text-text-transform);\n text-wrap: wrap;\n }\n\n .brick-text[data-variant=\"display\"] {\n --brick-text-font-family: var(--brick-typography-display-font-family);\n --brick-text-font-size: var(--brick-typography-display-font-size);\n --brick-text-font-weight: var(--brick-typography-display-font-weight);\n --brick-text-line-height: var(--brick-typography-display-line-height);\n --brick-text-letter-spacing: var(--brick-typography-display-letter-spacing);\n }\n\n .brick-text[data-variant=\"title-lg\"] {\n --brick-text-font-family: var(--brick-typography-title-lg-font-family);\n --brick-text-font-size: var(--brick-typography-title-lg-font-size);\n --brick-text-font-weight: var(--brick-typography-title-lg-font-weight);\n --brick-text-line-height: var(--brick-typography-title-lg-line-height);\n --brick-text-letter-spacing: var(--brick-typography-title-lg-letter-spacing);\n }\n\n .brick-text[data-variant=\"title-md\"] {\n --brick-text-font-family: var(--brick-typography-title-md-font-family);\n --brick-text-font-size: var(--brick-typography-title-md-font-size);\n --brick-text-font-weight: var(--brick-typography-title-md-font-weight);\n --brick-text-line-height: var(--brick-typography-title-md-line-height);\n --brick-text-letter-spacing: var(--brick-typography-title-md-letter-spacing);\n }\n\n .brick-text[data-variant=\"title-sm\"] {\n --brick-text-font-family: var(--brick-typography-title-sm-font-family);\n --brick-text-font-size: var(--brick-typography-title-sm-font-size);\n --brick-text-font-weight: var(--brick-typography-title-sm-font-weight);\n --brick-text-line-height: var(--brick-typography-title-sm-line-height);\n --brick-text-letter-spacing: var(--brick-typography-title-sm-letter-spacing);\n }\n\n .brick-text[data-variant=\"body-lg\"] {\n --brick-text-font-family: var(--brick-typography-body-lg-font-family);\n --brick-text-font-size: var(--brick-typography-body-lg-font-size);\n --brick-text-font-weight: var(--brick-typography-body-lg-font-weight);\n --brick-text-line-height: var(--brick-typography-body-lg-line-height);\n --brick-text-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n }\n\n .brick-text[data-variant=\"body-sm\"] {\n --brick-text-font-family: var(--brick-typography-body-sm-font-family);\n --brick-text-font-size: var(--brick-typography-body-sm-font-size);\n --brick-text-font-weight: var(--brick-typography-body-sm-font-weight);\n --brick-text-line-height: var(--brick-typography-body-sm-line-height);\n --brick-text-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n }\n\n .brick-text[data-variant=\"caption\"] {\n --brick-text-font-family: var(--brick-typography-caption-font-family);\n --brick-text-font-size: var(--brick-typography-caption-font-size);\n --brick-text-font-weight: var(--brick-typography-caption-font-weight);\n --brick-text-line-height: var(--brick-typography-caption-line-height);\n --brick-text-letter-spacing: var(--brick-typography-caption-letter-spacing);\n }\n\n .brick-text[data-variant=\"eyebrow\"] {\n --brick-text-font-family: var(--brick-typography-eyebrow-font-family);\n --brick-text-font-size: var(--brick-typography-eyebrow-font-size);\n --brick-text-font-weight: var(--brick-typography-eyebrow-font-weight);\n --brick-text-line-height: var(--brick-typography-eyebrow-line-height);\n --brick-text-letter-spacing: var(--brick-typography-eyebrow-letter-spacing);\n --brick-text-text-transform: uppercase;\n }\n\n .brick-text[data-tone=\"inherit\"] {\n --brick-text-foreground: currentColor;\n }\n\n .brick-text[data-tone=\"secondary\"] {\n --brick-text-foreground: var(--brick-color-text-secondary);\n }\n\n .brick-text[data-tone=\"muted\"] {\n --brick-text-foreground: var(--brick-color-text-muted);\n }\n\n .brick-text[data-tone=\"accent\"] {\n --brick-text-foreground: var(--brick-color-accent-text);\n }\n\n .brick-text[data-tone=\"info\"] {\n --brick-text-foreground: var(--brick-color-info-text);\n }\n\n .brick-text[data-tone=\"success\"] {\n --brick-text-foreground: var(--brick-color-success-text);\n }\n\n .brick-text[data-tone=\"warning\"] {\n --brick-text-foreground: var(--brick-color-warning-text);\n }\n\n .brick-text[data-tone=\"danger\"] {\n --brick-text-foreground: var(--brick-color-danger-text);\n }\n\n .brick-text[data-weight=\"inherit\"] {\n --brick-text-font-weight: inherit;\n }\n\n .brick-text[data-weight=\"regular\"] {\n --brick-text-font-weight: var(--brick-font-weight-regular);\n }\n\n .brick-text[data-weight=\"medium\"] {\n --brick-text-font-weight: var(--brick-font-weight-medium);\n }\n\n .brick-text[data-weight=\"semibold\"] {\n --brick-text-font-weight: var(--brick-font-weight-semibold);\n }\n\n .brick-text[data-align=\"start\"] {\n text-align: start;\n }\n\n .brick-text[data-align=\"center\"] {\n text-align: center;\n }\n\n .brick-text[data-align=\"end\"] {\n text-align: end;\n }\n\n .brick-text[data-wrap=\"nowrap\"] {\n text-wrap: nowrap;\n }\n\n .brick-text[data-wrap=\"balance\"] {\n text-wrap: balance;\n }\n\n .brick-text[data-wrap=\"pretty\"] {\n text-wrap: pretty;\n }\n\n .brick-text[data-truncate] {\n display: block;\n min-inline-size: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .brick-text[data-line-clamp] {\n display: -webkit-box;\n min-inline-size: 0;\n overflow: hidden;\n -webkit-box-orient: vertical;\n }\n\n .brick-text[data-line-clamp=\"2\"] {\n -webkit-line-clamp: 2;\n }\n\n .brick-text[data-line-clamp=\"3\"] {\n -webkit-line-clamp: 3;\n }\n\n .brick-text[data-line-clamp=\"4\"] {\n -webkit-line-clamp: 4;\n }\n\n .brick-text[data-line-clamp=\"5\"] {\n -webkit-line-clamp: 5;\n }\n\n .brick-text[data-line-clamp=\"6\"] {\n -webkit-line-clamp: 6;\n }\n\n @media (forced-colors: active) {\n .brick-text:not([data-tone=\"inherit\"]) {\n --brick-text-foreground: CanvasText;\n }\n }\n}\n"],"names":[]}
|