@flowstack-ui/brick 0.1.0 → 0.1.1

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.
Files changed (155) hide show
  1. package/README.md +18 -2
  2. package/dist/styles/accordion.css +2 -0
  3. package/dist/styles/accordion.css.map +1 -0
  4. package/dist/styles/alert-dialog.css +2 -0
  5. package/dist/styles/alert-dialog.css.map +1 -0
  6. package/dist/styles/app-bar.css +2 -0
  7. package/dist/styles/app-bar.css.map +1 -0
  8. package/dist/styles/aspect-ratio.css +2 -0
  9. package/dist/styles/aspect-ratio.css.map +1 -0
  10. package/dist/styles/avatar.css +2 -0
  11. package/dist/styles/avatar.css.map +1 -0
  12. package/dist/styles/badge.css +2 -0
  13. package/dist/styles/badge.css.map +1 -0
  14. package/dist/styles/bottom-navigation.css +2 -0
  15. package/dist/styles/bottom-navigation.css.map +1 -0
  16. package/dist/styles/breadcrumb.css +2 -0
  17. package/dist/styles/breadcrumb.css.map +1 -0
  18. package/dist/styles/button.css +2 -0
  19. package/dist/styles/button.css.map +1 -0
  20. package/dist/styles/card.css +2 -0
  21. package/dist/styles/card.css.map +1 -0
  22. package/dist/styles/checkbox-group.css +2 -0
  23. package/dist/styles/checkbox-group.css.map +1 -0
  24. package/dist/styles/checkbox.css +2 -0
  25. package/dist/styles/checkbox.css.map +1 -0
  26. package/dist/styles/chip.css +2 -0
  27. package/dist/styles/chip.css.map +1 -0
  28. package/dist/styles/code-block.css +2 -0
  29. package/dist/styles/code-block.css.map +1 -0
  30. package/dist/styles/code.css +2 -0
  31. package/dist/styles/code.css.map +1 -0
  32. package/dist/styles/collapsible.css +2 -0
  33. package/dist/styles/collapsible.css.map +1 -0
  34. package/dist/styles/combobox.css +2 -0
  35. package/dist/styles/combobox.css.map +1 -0
  36. package/dist/styles/container.css +2 -0
  37. package/dist/styles/container.css.map +1 -0
  38. package/dist/styles/context-menu.css +2 -0
  39. package/dist/styles/context-menu.css.map +1 -0
  40. package/dist/styles/core.css +2 -0
  41. package/dist/styles/core.css.map +1 -0
  42. package/dist/styles/data-grid.css +2 -0
  43. package/dist/styles/data-grid.css.map +1 -0
  44. package/dist/styles/dialog.css +2 -0
  45. package/dist/styles/dialog.css.map +1 -0
  46. package/dist/styles/divider.css +2 -0
  47. package/dist/styles/divider.css.map +1 -0
  48. package/dist/styles/drawer.css +2 -0
  49. package/dist/styles/drawer.css.map +1 -0
  50. package/dist/styles/dropdown-menu.css +2 -0
  51. package/dist/styles/dropdown-menu.css.map +1 -0
  52. package/dist/styles/feed.css +2 -0
  53. package/dist/styles/feed.css.map +1 -0
  54. package/dist/styles/field.css +2 -0
  55. package/dist/styles/field.css.map +1 -0
  56. package/dist/styles/fieldset.css +2 -0
  57. package/dist/styles/fieldset.css.map +1 -0
  58. package/dist/styles/file-upload.css +2 -0
  59. package/dist/styles/file-upload.css.map +1 -0
  60. package/dist/styles/form.css +2 -0
  61. package/dist/styles/form.css.map +1 -0
  62. package/dist/styles/grid.css +2 -0
  63. package/dist/styles/grid.css.map +1 -0
  64. package/dist/styles/hide.css +2 -0
  65. package/dist/styles/hide.css.map +1 -0
  66. package/dist/styles/hover-card.css +2 -0
  67. package/dist/styles/hover-card.css.map +1 -0
  68. package/dist/styles/icon-button.css +2 -0
  69. package/dist/styles/icon-button.css.map +1 -0
  70. package/dist/styles/icon.css +2 -0
  71. package/dist/styles/icon.css.map +1 -0
  72. package/dist/styles/image.css +2 -0
  73. package/dist/styles/image.css.map +1 -0
  74. package/dist/styles/input.css +2 -0
  75. package/dist/styles/input.css.map +1 -0
  76. package/dist/styles/link.css +2 -0
  77. package/dist/styles/link.css.map +1 -0
  78. package/dist/styles/list.css +2 -0
  79. package/dist/styles/list.css.map +1 -0
  80. package/dist/styles/menubar.css +2 -0
  81. package/dist/styles/menubar.css.map +1 -0
  82. package/dist/styles/multi-select.css +2 -0
  83. package/dist/styles/multi-select.css.map +1 -0
  84. package/dist/styles/nav-list.css +2 -0
  85. package/dist/styles/nav-list.css.map +1 -0
  86. package/dist/styles/navigation-menu.css +2 -0
  87. package/dist/styles/navigation-menu.css.map +1 -0
  88. package/dist/styles/number-input.css +2 -0
  89. package/dist/styles/number-input.css.map +1 -0
  90. package/dist/styles/otp-field.css +2 -0
  91. package/dist/styles/otp-field.css.map +1 -0
  92. package/dist/styles/pagination.css +2 -0
  93. package/dist/styles/pagination.css.map +1 -0
  94. package/dist/styles/password-toggle-field.css +2 -0
  95. package/dist/styles/password-toggle-field.css.map +1 -0
  96. package/dist/styles/popover.css +2 -0
  97. package/dist/styles/popover.css.map +1 -0
  98. package/dist/styles/progress-circle.css +2 -0
  99. package/dist/styles/progress-circle.css.map +1 -0
  100. package/dist/styles/progress.css +2 -0
  101. package/dist/styles/progress.css.map +1 -0
  102. package/dist/styles/radio-group.css +2 -0
  103. package/dist/styles/radio-group.css.map +1 -0
  104. package/dist/styles/rating.css +2 -0
  105. package/dist/styles/rating.css.map +1 -0
  106. package/dist/styles/scroll-area.css +2 -0
  107. package/dist/styles/scroll-area.css.map +1 -0
  108. package/dist/styles/select.css +2 -0
  109. package/dist/styles/select.css.map +1 -0
  110. package/dist/styles/show.css +2 -0
  111. package/dist/styles/show.css.map +1 -0
  112. package/dist/styles/sidebar.css +2 -0
  113. package/dist/styles/sidebar.css.map +1 -0
  114. package/dist/styles/skeleton.css +2 -0
  115. package/dist/styles/skeleton.css.map +1 -0
  116. package/dist/styles/skip-link.css +2 -0
  117. package/dist/styles/skip-link.css.map +1 -0
  118. package/dist/styles/slider.css +2 -0
  119. package/dist/styles/slider.css.map +1 -0
  120. package/dist/styles/stack.css +2 -0
  121. package/dist/styles/stack.css.map +1 -0
  122. package/dist/styles/surface.css +2 -0
  123. package/dist/styles/surface.css.map +1 -0
  124. package/dist/styles/swipeable-item.css +2 -0
  125. package/dist/styles/swipeable-item.css.map +1 -0
  126. package/dist/styles/switch.css +2 -0
  127. package/dist/styles/switch.css.map +1 -0
  128. package/dist/styles/table.css +2 -0
  129. package/dist/styles/table.css.map +1 -0
  130. package/dist/styles/tabs.css +2 -0
  131. package/dist/styles/tabs.css.map +1 -0
  132. package/dist/styles/text.css +2 -0
  133. package/dist/styles/text.css.map +1 -0
  134. package/dist/styles/textarea.css +2 -0
  135. package/dist/styles/textarea.css.map +1 -0
  136. package/dist/styles/toast.css +2 -0
  137. package/dist/styles/toast.css.map +1 -0
  138. package/dist/styles/toggle-group.css +2 -0
  139. package/dist/styles/toggle-group.css.map +1 -0
  140. package/dist/styles/toggle.css +2 -0
  141. package/dist/styles/toggle.css.map +1 -0
  142. package/dist/styles/toolbar.css +2 -0
  143. package/dist/styles/toolbar.css.map +1 -0
  144. package/dist/styles/tooltip.css +2 -0
  145. package/dist/styles/tooltip.css.map +1 -0
  146. package/dist/styles/tree-grid.css +2 -0
  147. package/dist/styles/tree-grid.css.map +1 -0
  148. package/dist/styles/tree.css +2 -0
  149. package/dist/styles/tree.css.map +1 -0
  150. package/dist/styles/visually-hidden.css +2 -0
  151. package/dist/styles/visually-hidden.css.map +1 -0
  152. package/dist/styles.css +1 -1
  153. package/dist/styles.css.map +1 -1
  154. package/docs/guides/installation.md +28 -2
  155. package/package.json +2 -1
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-select-trigger{--brick-select-trigger-min-block-size:var(--brick-control-min-block-size-md);--brick-select-trigger-padding-inline:var(--brick-space-3);--brick-select-trigger-gap:var(--brick-space-2);--brick-select-trigger-radius:var(--brick-radius-control);--brick-select-trigger-font-family:var(--brick-typography-field-value-md-font-family);--brick-select-trigger-font-size:var(--brick-typography-field-value-md-font-size);--brick-select-trigger-font-weight:var(--brick-typography-field-value-md-font-weight);--brick-select-trigger-line-height:var(--brick-typography-field-value-md-line-height);--brick-select-trigger-letter-spacing:var(--brick-typography-field-value-md-letter-spacing);--brick-select-trigger-background:var(--brick-color-surface-raised);--brick-select-trigger-foreground:var(--brick-color-text-primary);--brick-select-trigger-placeholder:var(--brick-color-text-muted);--brick-select-trigger-border:var(--brick-color-border-strong);--brick-select-trigger-hover-background:var(--brick-color-surface-base);--brick-select-trigger-hover-border:var(--brick-color-accent-border);--brick-select-trigger-focus-ring:var(--brick-color-focus-ring);--brick-select-trigger-invalid-border:var(--brick-color-danger-text);--brick-select-trigger-disabled-background:var(--brick-color-surface-subtle);--brick-select-trigger-disabled-foreground:var(--brick-color-text-secondary);--brick-select-trigger-disabled-border:var(--brick-color-border-subtle);--brick-select-trigger-readonly-background:var(--brick-color-surface-subtle);--brick-select-icon-size:1.125rem;--brick-select-icon-foreground:var(--brick-color-text-secondary);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-select-trigger-min-block-size);justify-content:space-between;align-items:center;gap:var(--brick-select-trigger-gap);padding-inline:var(--brick-select-trigger-padding-inline);border:var(--brick-border-width) solid var(--brick-select-trigger-border);border-radius:var(--brick-select-trigger-radius);background:var(--brick-select-trigger-background);color:var(--brick-select-trigger-foreground);font-family:var(--brick-select-trigger-font-family);font-size:var(--brick-select-trigger-font-size);font-weight:var(--brick-select-trigger-font-weight);letter-spacing:var(--brick-select-trigger-letter-spacing);line-height:var(--brick-select-trigger-line-height);text-align:start;vertical-align:middle;cursor:pointer;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);display:inline-flex}.brick-select-trigger[data-full-width]{inline-size:100%}.brick-select-trigger:not([data-full-width]){inline-size:fit-content}.brick-select-trigger[data-variant=soft]{--brick-select-trigger-background:var(--brick-color-surface-subtle);--brick-select-trigger-border:var(--brick-color-border-subtle);--brick-select-trigger-hover-background:var(--brick-color-accent-soft)}.brick-select-trigger[data-variant=underline]{--brick-select-trigger-background:transparent;--brick-select-trigger-radius:0;border-width:0 0 var(--brick-border-width)}.brick-select-trigger[data-shape=sharp]{--brick-select-trigger-radius:0}.brick-select-trigger[data-shape=pill]{--brick-select-trigger-radius:var(--brick-radius-full)}.brick-select-trigger[data-size=sm]{--brick-select-trigger-min-block-size:var(--brick-control-min-block-size-sm);--brick-select-trigger-padding-inline:var(--brick-space-2);--brick-select-trigger-gap:.375rem;--brick-select-icon-size:1rem}.brick-select-trigger[data-size=lg]{--brick-select-trigger-min-block-size:var(--brick-control-min-block-size-lg);--brick-select-trigger-padding-inline:var(--brick-space-4);--brick-select-trigger-gap:var(--brick-space-3);--brick-select-trigger-font-size:var(--brick-typography-field-value-lg-font-size);--brick-select-icon-size:1.25rem}.brick-select-value{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.brick-select-value[data-placeholder]{color:var(--brick-select-trigger-placeholder)}.brick-select-icon{inline-size:var(--brick-select-icon-size);block-size:var(--brick-select-icon-size);color:var(--brick-select-icon-foreground);transition:transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);flex:none;place-items:center;display:inline-grid}.brick-select-trigger[data-state=open] .brick-select-icon{transform:rotate(180deg)}.brick-select-direction-artwork,.brick-select-check-artwork{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;block-size:100%;inline-size:100%;display:block;overflow:visible}.brick-select-trigger:focus-visible{border-color:var(--brick-select-trigger-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-select-trigger-focus-ring);outline:0}.brick-select-trigger[data-invalid]{border-color:var(--brick-select-trigger-invalid-border)}.brick-select-trigger[data-disabled]{border-color:var(--brick-select-trigger-disabled-border);background:var(--brick-select-trigger-disabled-background);color:var(--brick-select-trigger-disabled-foreground);cursor:not-allowed}.brick-select-trigger[data-readonly]{background:var(--brick-select-trigger-readonly-background);cursor:default}.brick-select-content{--brick-select-content-background:var(--brick-color-surface-raised);--brick-select-content-foreground:var(--brick-color-text-primary);--brick-select-content-border:var(--brick-color-border-subtle);--brick-select-content-radius:var(--brick-radius-control);--brick-select-content-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);--brick-select-content-max-block-size:min(20rem, var(--available-height,20rem));--brick-select-content-padding:var(--brick-space-1);--brick-select-content-z-index:70;--brick-select-item-min-block-size:var(--brick-control-min-block-size-md);--brick-select-item-padding-inline:var(--brick-space-3);--brick-select-item-gap:var(--brick-space-2);--brick-select-item-highlighted-background:var(--brick-color-accent-soft);--brick-select-item-selected-foreground:var(--brick-color-accent-text);--brick-select-item-disabled-foreground:var(--brick-color-text-muted);--brick-select-indicator-size:1rem;--brick-select-label-foreground:var(--brick-color-text-secondary);--brick-select-separator-color:var(--brick-color-border-subtle);--brick-select-scroll-button-block-size:2rem;--brick-select-arrow-size:.625rem;box-sizing:border-box;min-inline-size:var(--anchor-width);max-inline-size:min(28rem, calc(100vw - 2 * var(--brick-space-3)));max-block-size:var(--brick-select-content-max-block-size);border:var(--brick-border-width) solid var(--brick-select-content-border);border-radius:var(--brick-select-content-radius);background:var(--brick-select-content-background);box-shadow:var(--brick-select-content-shadow);color:var(--brick-select-content-foreground);z-index:var(--brick-select-content-z-index);overflow:hidden}.brick-select-content[data-size=sm]{--brick-select-item-min-block-size:var(--brick-control-min-block-size-sm)}.brick-select-content[data-size=lg]{--brick-select-item-min-block-size:var(--brick-control-min-block-size-lg)}.brick-select-viewport{box-sizing:border-box;max-block-size:inherit;padding:var(--brick-select-content-padding);overscroll-behavior:contain;scrollbar-width:thin;overflow-y:auto}.brick-select-group+.brick-select-group{margin-block-start:var(--brick-space-1)}.brick-select-label{padding:var(--brick-space-2) var(--brick-select-item-padding-inline) var(--brick-space-1);color:var(--brick-select-label-foreground);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-label-md-font-weight);line-height:var(--brick-typography-caption-line-height)}.brick-select-item{box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-select-item-min-block-size);grid-template-columns:minmax(0, 1fr) var(--brick-select-indicator-size);align-items:center;gap:var(--brick-select-item-gap);padding-inline:var(--brick-select-item-padding-inline);border-radius:calc(var(--brick-select-content-radius) - var(--brick-border-width));cursor:pointer;outline:0;display:grid}.brick-select-item[data-highlighted]{background:var(--brick-select-item-highlighted-background)}.brick-select-item[data-selected]{color:var(--brick-select-item-selected-foreground);font-weight:var(--brick-typography-label-md-font-weight)}.brick-select-item[data-disabled]{color:var(--brick-select-item-disabled-foreground);cursor:not-allowed;opacity:.65}.brick-select-item-text{overflow-wrap:anywhere;min-inline-size:0}.brick-select-item-indicator{inline-size:var(--brick-select-indicator-size);block-size:var(--brick-select-indicator-size);place-items:center;display:inline-grid}.brick-select-separator{block-size:var(--brick-border-width);margin:var(--brick-space-1) var(--brick-select-item-padding-inline);background:var(--brick-select-separator-color)}:where(.brick-select-scroll-up,.brick-select-scroll-down){box-sizing:border-box;inline-size:100%;block-size:var(--brick-select-scroll-button-block-size);padding:var(--brick-space-1);background:var(--brick-select-content-background);color:var(--brick-select-content-foreground);border:0;place-items:center;display:grid}:where(.brick-select-scroll-up,.brick-select-scroll-down) .brick-select-direction-artwork{block-size:1rem;inline-size:1rem}.brick-select-arrow{inline-size:var(--brick-select-arrow-size);block-size:var(--brick-select-arrow-size);pointer-events:none;display:block}.brick-select-arrow-artwork{box-sizing:border-box;border:var(--brick-border-width) solid var(--brick-select-content-border);background:var(--brick-select-content-background);block-size:100%;inline-size:100%;display:block;transform:rotate(45deg)}.brick-select-arrow[data-side=bottom]{transform:translateY(-50%)}.brick-select-arrow[data-side=top]{transform:translateY(50%)}.brick-select-arrow[data-side=left]{transform:translate(50%)}.brick-select-arrow[data-side=right]{transform:translate(-50%)}.brick-select-arrow[data-side=bottom] .brick-select-arrow-artwork{border-bottom:0;border-right:0}.brick-select-arrow[data-side=top] .brick-select-arrow-artwork{border-top:0;border-left:0}.brick-select-arrow[data-side=left] .brick-select-arrow-artwork{border-bottom:0;border-left:0}.brick-select-arrow[data-side=right] .brick-select-arrow-artwork{border-top:0;border-right:0}@media (hover:hover) and (pointer:fine){.brick-select-trigger:not([data-disabled],[data-readonly],[data-invalid]):hover{border-color:var(--brick-select-trigger-hover-border);background:var(--brick-select-trigger-hover-background)}.brick-select-item:not([data-disabled]):hover{background:var(--brick-select-item-highlighted-background)}}@media (prefers-reduced-motion:reduce){.brick-select-trigger,.brick-select-icon{transition-duration:0s}}@media (forced-colors:active){.brick-select-trigger,.brick-select-content{color:canvastext;background:canvas;border-color:buttontext}.brick-select-trigger:focus-visible,.brick-select-item[data-highlighted]{outline:var(--brick-border-focus-width) solid Highlight;outline-offset:0;box-shadow:none}.brick-select-trigger[data-invalid]{border-color:mark}.brick-select-trigger[data-disabled],.brick-select-item[data-disabled]{color:graytext;border-color:graytext}.brick-select-item[data-selected]{color:highlight}.brick-select-separator{background:buttontext}}}@layer brick.effects;
2
+ /*# sourceMappingURL=select.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,0pFAiDA,wDACA,qEACA,mPACA,uKACA,wEACA,8FACA,6OACA,+UAEA,gGACA,oFACA,4RACA,mFACA,+MAEA,0LACA,4FACA,kOACA,+GAEA,2pDAkCA,8GACA,8GAEA,iLACA,gFACA,8TACA,8ZACA,gGACA,8IACA,oHACA,iEACA,iKACA,gLACA,8TACA,2HACA,2IACA,qPACA,iEACA,6DACA,6DACA,+DACA,iGACA,0FACA,8FACA,6FAEA,wCACE,8LACA,0GAEF,uCAA0C,iEAC1C,8BACE,uGACA,kKACA,sDACA,4GACA,kDACA,gDD7IJ","sources":["home/runner/work/brick/brick/.brick-cache/production/select.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/select/select.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/select/select.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-select-trigger {\n --brick-select-trigger-min-block-size: var(--brick-control-min-block-size-md);\n --brick-select-trigger-padding-inline: var(--brick-space-3);\n --brick-select-trigger-gap: var(--brick-space-2);\n --brick-select-trigger-radius: var(--brick-radius-control);\n --brick-select-trigger-font-family: var(--brick-typography-field-value-md-font-family);\n --brick-select-trigger-font-size: var(--brick-typography-field-value-md-font-size);\n --brick-select-trigger-font-weight: var(--brick-typography-field-value-md-font-weight);\n --brick-select-trigger-line-height: var(--brick-typography-field-value-md-line-height);\n --brick-select-trigger-letter-spacing: var(--brick-typography-field-value-md-letter-spacing);\n --brick-select-trigger-background: var(--brick-color-surface-raised);\n --brick-select-trigger-foreground: var(--brick-color-text-primary);\n --brick-select-trigger-placeholder: var(--brick-color-text-muted);\n --brick-select-trigger-border: var(--brick-color-border-strong);\n --brick-select-trigger-hover-background: var(--brick-color-surface-base);\n --brick-select-trigger-hover-border: var(--brick-color-accent-border);\n --brick-select-trigger-focus-ring: var(--brick-color-focus-ring);\n --brick-select-trigger-invalid-border: var(--brick-color-danger-text);\n --brick-select-trigger-disabled-background: var(--brick-color-surface-subtle);\n --brick-select-trigger-disabled-foreground: var(--brick-color-text-secondary);\n --brick-select-trigger-disabled-border: var(--brick-color-border-subtle);\n --brick-select-trigger-readonly-background: var(--brick-color-surface-subtle);\n --brick-select-icon-size: 1.125rem;\n --brick-select-icon-foreground: var(--brick-color-text-secondary);\n\n display: inline-flex;\n box-sizing: border-box;\n min-inline-size: 0;\n max-inline-size: 100%;\n min-block-size: var(--brick-select-trigger-min-block-size);\n align-items: center;\n justify-content: space-between;\n gap: var(--brick-select-trigger-gap);\n padding-inline: var(--brick-select-trigger-padding-inline);\n border: var(--brick-border-width) solid var(--brick-select-trigger-border);\n border-radius: var(--brick-select-trigger-radius);\n background: var(--brick-select-trigger-background);\n color: var(--brick-select-trigger-foreground);\n font-family: var(--brick-select-trigger-font-family);\n font-size: var(--brick-select-trigger-font-size);\n font-weight: var(--brick-select-trigger-font-weight);\n letter-spacing: var(--brick-select-trigger-letter-spacing);\n line-height: var(--brick-select-trigger-line-height);\n text-align: start;\n vertical-align: middle;\n cursor: pointer;\n transition: background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n }\n\n .brick-select-trigger[data-full-width] { inline-size: 100%; }\n .brick-select-trigger:not([data-full-width]) { inline-size: fit-content; }\n .brick-select-trigger[data-variant=\"soft\"] { --brick-select-trigger-background: var(--brick-color-surface-subtle); --brick-select-trigger-border: var(--brick-color-border-subtle); --brick-select-trigger-hover-background: var(--brick-color-accent-soft); }\n .brick-select-trigger[data-variant=\"underline\"] { --brick-select-trigger-background: transparent; --brick-select-trigger-radius: 0; border-width: 0 0 var(--brick-border-width); }\n .brick-select-trigger[data-shape=\"sharp\"] { --brick-select-trigger-radius: 0; }\n .brick-select-trigger[data-shape=\"pill\"] { --brick-select-trigger-radius: var(--brick-radius-full); }\n .brick-select-trigger[data-size=\"sm\"] { --brick-select-trigger-min-block-size: var(--brick-control-min-block-size-sm); --brick-select-trigger-padding-inline: var(--brick-space-2); --brick-select-trigger-gap: 0.375rem; --brick-select-icon-size: 1rem; }\n .brick-select-trigger[data-size=\"lg\"] { --brick-select-trigger-min-block-size: var(--brick-control-min-block-size-lg); --brick-select-trigger-padding-inline: var(--brick-space-4); --brick-select-trigger-gap: var(--brick-space-3); --brick-select-trigger-font-size: var(--brick-typography-field-value-lg-font-size); --brick-select-icon-size: 1.25rem; }\n\n .brick-select-value { min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n .brick-select-value[data-placeholder] { color: var(--brick-select-trigger-placeholder); }\n .brick-select-icon { display: inline-grid; flex: 0 0 auto; inline-size: var(--brick-select-icon-size); block-size: var(--brick-select-icon-size); place-items: center; color: var(--brick-select-icon-foreground); transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard); }\n .brick-select-trigger[data-state=\"open\"] .brick-select-icon { transform: rotate(180deg); }\n .brick-select-direction-artwork, .brick-select-check-artwork { display: block; inline-size: 100%; block-size: 100%; overflow: visible; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; }\n\n .brick-select-trigger:focus-visible { outline: 0; border-color: var(--brick-select-trigger-focus-ring); box-shadow: 0 0 0 var(--brick-border-focus-width) var(--brick-select-trigger-focus-ring); }\n .brick-select-trigger[data-invalid] { border-color: var(--brick-select-trigger-invalid-border); }\n .brick-select-trigger[data-disabled] { border-color: var(--brick-select-trigger-disabled-border); background: var(--brick-select-trigger-disabled-background); color: var(--brick-select-trigger-disabled-foreground); cursor: not-allowed; }\n .brick-select-trigger[data-readonly] { background: var(--brick-select-trigger-readonly-background); cursor: default; }\n\n .brick-select-content {\n --brick-select-content-background: var(--brick-color-surface-raised);\n --brick-select-content-foreground: var(--brick-color-text-primary);\n --brick-select-content-border: var(--brick-color-border-subtle);\n --brick-select-content-radius: var(--brick-radius-control);\n --brick-select-content-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);\n --brick-select-content-max-block-size: min(20rem, var(--available-height, 20rem));\n --brick-select-content-padding: var(--brick-space-1);\n --brick-select-content-z-index: 70;\n --brick-select-item-min-block-size: var(--brick-control-min-block-size-md);\n --brick-select-item-padding-inline: var(--brick-space-3);\n --brick-select-item-gap: var(--brick-space-2);\n --brick-select-item-highlighted-background: var(--brick-color-accent-soft);\n --brick-select-item-selected-foreground: var(--brick-color-accent-text);\n --brick-select-item-disabled-foreground: var(--brick-color-text-muted);\n --brick-select-indicator-size: 1rem;\n --brick-select-label-foreground: var(--brick-color-text-secondary);\n --brick-select-separator-color: var(--brick-color-border-subtle);\n --brick-select-scroll-button-block-size: 2rem;\n --brick-select-arrow-size: 0.625rem;\n\n box-sizing: border-box;\n min-inline-size: var(--anchor-width);\n max-inline-size: min(28rem, calc(100vw - 2 * var(--brick-space-3)));\n max-block-size: var(--brick-select-content-max-block-size);\n overflow: hidden;\n border: var(--brick-border-width) solid var(--brick-select-content-border);\n border-radius: var(--brick-select-content-radius);\n background: var(--brick-select-content-background);\n box-shadow: var(--brick-select-content-shadow);\n color: var(--brick-select-content-foreground);\n z-index: var(--brick-select-content-z-index);\n }\n\n .brick-select-content[data-size=\"sm\"] { --brick-select-item-min-block-size: var(--brick-control-min-block-size-sm); }\n .brick-select-content[data-size=\"lg\"] { --brick-select-item-min-block-size: var(--brick-control-min-block-size-lg); }\n\n .brick-select-viewport { box-sizing: border-box; max-block-size: inherit; overflow-y: auto; padding: var(--brick-select-content-padding); overscroll-behavior: contain; scrollbar-width: thin; }\n .brick-select-group + .brick-select-group { margin-block-start: var(--brick-space-1); }\n .brick-select-label { padding: var(--brick-space-2) var(--brick-select-item-padding-inline) var(--brick-space-1); color: var(--brick-select-label-foreground); font-size: var(--brick-typography-caption-font-size); font-weight: var(--brick-typography-label-md-font-weight); line-height: var(--brick-typography-caption-line-height); }\n .brick-select-item { display: grid; box-sizing: border-box; min-inline-size: 0; min-block-size: var(--brick-select-item-min-block-size); grid-template-columns: minmax(0, 1fr) var(--brick-select-indicator-size); align-items: center; gap: var(--brick-select-item-gap); padding-inline: var(--brick-select-item-padding-inline); border-radius: calc(var(--brick-select-content-radius) - var(--brick-border-width)); outline: 0; cursor: pointer; }\n .brick-select-item[data-highlighted] { background: var(--brick-select-item-highlighted-background); }\n .brick-select-item[data-selected] { color: var(--brick-select-item-selected-foreground); font-weight: var(--brick-typography-label-md-font-weight); }\n .brick-select-item[data-disabled] { color: var(--brick-select-item-disabled-foreground); cursor: not-allowed; opacity: 0.65; }\n .brick-select-item-text { min-inline-size: 0; overflow-wrap: anywhere; }\n .brick-select-item-indicator { display: inline-grid; inline-size: var(--brick-select-indicator-size); block-size: var(--brick-select-indicator-size); place-items: center; }\n .brick-select-separator { block-size: var(--brick-border-width); margin: var(--brick-space-1) var(--brick-select-item-padding-inline); background: var(--brick-select-separator-color); }\n :where(.brick-select-scroll-up, .brick-select-scroll-down) { display: grid; box-sizing: border-box; inline-size: 100%; block-size: var(--brick-select-scroll-button-block-size); place-items: center; padding: var(--brick-space-1); border: 0; background: var(--brick-select-content-background); color: var(--brick-select-content-foreground); }\n :where(.brick-select-scroll-up, .brick-select-scroll-down) .brick-select-direction-artwork { inline-size: 1rem; block-size: 1rem; }\n .brick-select-arrow { display: block; inline-size: var(--brick-select-arrow-size); block-size: var(--brick-select-arrow-size); pointer-events: none; }\n .brick-select-arrow-artwork { display: block; box-sizing: border-box; inline-size: 100%; block-size: 100%; border: var(--brick-border-width) solid var(--brick-select-content-border); background: var(--brick-select-content-background); transform: rotate(45deg); }\n .brick-select-arrow[data-side=\"bottom\"] { transform: translateY(-50%); }\n .brick-select-arrow[data-side=\"top\"] { transform: translateY(50%); }\n .brick-select-arrow[data-side=\"left\"] { transform: translateX(50%); }\n .brick-select-arrow[data-side=\"right\"] { transform: translateX(-50%); }\n .brick-select-arrow[data-side=\"bottom\"] .brick-select-arrow-artwork { border-right: 0; border-bottom: 0; }\n .brick-select-arrow[data-side=\"top\"] .brick-select-arrow-artwork { border-left: 0; border-top: 0; }\n .brick-select-arrow[data-side=\"left\"] .brick-select-arrow-artwork { border-left: 0; border-bottom: 0; }\n .brick-select-arrow[data-side=\"right\"] .brick-select-arrow-artwork { border-right: 0; border-top: 0; }\n\n @media (hover: hover) and (pointer: fine) {\n .brick-select-trigger:not([data-disabled], [data-readonly], [data-invalid]):hover { border-color: var(--brick-select-trigger-hover-border); background: var(--brick-select-trigger-hover-background); }\n .brick-select-item:not([data-disabled]):hover { background: var(--brick-select-item-highlighted-background); }\n }\n @media (prefers-reduced-motion: reduce) { .brick-select-trigger, .brick-select-icon { transition-duration: 0ms; } }\n @media (forced-colors: active) {\n .brick-select-trigger, .brick-select-content { border-color: ButtonText; background: Canvas; color: CanvasText; }\n .brick-select-trigger:focus-visible, .brick-select-item[data-highlighted] { outline: var(--brick-border-focus-width) solid Highlight; outline-offset: 0; box-shadow: none; }\n .brick-select-trigger[data-invalid] { border-color: Mark; }\n .brick-select-trigger[data-disabled], .brick-select-item[data-disabled] { border-color: GrayText; color: GrayText; }\n .brick-select-item[data-selected] { color: Highlight; }\n .brick-select-separator { background: ButtonText; }\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{@media (width<30rem){.brick-show[data-from=sm]{display:none!important}}@media (width<48rem){.brick-show[data-from=md]{display:none!important}}@media (width<64rem){.brick-show[data-from=lg]{display:none!important}}@media (width<80rem){.brick-show[data-from=xl]{display:none!important}}}@layer brick.effects;
2
+ /*# sourceMappingURL=show.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,qBAAyB,kDACzB,qBAAyB,kDACzB,qBAAyB,kDACzB,qBAAyB,mDDJ3B","sources":["home/runner/work/brick/brick/.brick-cache/production/show.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/show/show.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/show/show.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n @media (width < 30rem) { .brick-show[data-from=\"sm\"] { display: none !important; } }\n @media (width < 48rem) { .brick-show[data-from=\"md\"] { display: none !important; } }\n @media (width < 64rem) { .brick-show[data-from=\"lg\"] { display: none !important; } }\n @media (width < 80rem) { .brick-show[data-from=\"xl\"] { display: none !important; } }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-sidebar{--brick-sidebar-expanded-width-sm:14rem;--brick-sidebar-expanded-width-md:17rem;--brick-sidebar-expanded-width-lg:20rem;--brick-sidebar-rail-width-sm:3.25rem;--brick-sidebar-rail-width-md:3.75rem;--brick-sidebar-rail-width-lg:4.25rem;--brick-sidebar-panel-width:var(--brick-sidebar-expanded-width-md);--brick-sidebar-panel-background:var(--brick-color-surface-base);--brick-sidebar-panel-border:var(--brick-color-border-subtle);--brick-sidebar-panel-radius:0;--brick-sidebar-panel-gap:0px;--brick-sidebar-region-padding-inline:var(--brick-space-4);--brick-sidebar-region-padding-block:var(--brick-space-4);--brick-sidebar-content-gap:var(--brick-space-3);--brick-sidebar-sticky-offset:0px;--brick-sidebar-available-block-size:calc(100dvh - var(--brick-sidebar-sticky-offset));--brick-sidebar-transition-duration:.18s;--brick-sidebar-transition-easing:ease;grid-template-columns:minmax(0, var(--brick-sidebar-panel-width)) minmax(0, 1fr);align-items:start;gap:var(--brick-sidebar-panel-gap);min-inline-size:0;display:grid}.brick-sidebar[data-size=sm]{--brick-sidebar-panel-width:var(--brick-sidebar-expanded-width-sm)}.brick-sidebar[data-size=lg]{--brick-sidebar-panel-width:var(--brick-sidebar-expanded-width-lg)}.brick-sidebar[data-state=rail]{--brick-sidebar-panel-width:var(--brick-sidebar-rail-width-md)}.brick-sidebar[data-state=rail][data-size=sm]{--brick-sidebar-panel-width:var(--brick-sidebar-rail-width-sm)}.brick-sidebar[data-state=rail][data-size=lg]{--brick-sidebar-panel-width:var(--brick-sidebar-rail-width-lg)}.brick-sidebar[data-state=offcanvas]{--brick-sidebar-panel-width:0px;--brick-sidebar-panel-gap:0px}.brick-sidebar[data-side=right]{grid-template-columns:minmax(0, 1fr) minmax(0, var(--brick-sidebar-panel-width))}.brick-sidebar[data-side=right]>.brick-sidebar__panel{grid-column:2}.brick-sidebar[data-side=right]>.brick-sidebar__main{grid-area:1/1}.brick-sidebar[data-variant=floating]{--brick-sidebar-panel-background:var(--brick-color-surface-raised);--brick-sidebar-panel-radius:var(--brick-radius-surface);--brick-sidebar-panel-gap:var(--brick-space-3);padding:var(--brick-space-3)}.brick-sidebar__panel{z-index:1;min-inline-size:0;inline-size:var(--brick-sidebar-panel-width);border-inline-end:var(--brick-border-width) solid var(--brick-sidebar-panel-border);border-radius:var(--brick-sidebar-panel-radius);background:var(--brick-sidebar-panel-background);max-inline-size:100%;color:var(--brick-color-text-primary);flex-direction:column;align-self:stretch;display:flex;position:relative;overflow:clip}.brick-sidebar[data-side=right]>.brick-sidebar__panel{border-inline-start:var(--brick-border-width) solid var(--brick-sidebar-panel-border);border-inline-end:0}.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)}.brick-sidebar[data-position=sticky]>.brick-sidebar__panel{block-size:var(--brick-sidebar-available-block-size);min-block-size:0;position:sticky;inset-block-start:var(--brick-sidebar-sticky-offset)}.brick-sidebar[data-state=offcanvas]>.brick-sidebar__panel{visibility:hidden;border:0;align-self:start;block-size:0;min-block-size:0;inline-size:0;translate:-100%}.brick-sidebar[data-state=offcanvas][data-side=right]>.brick-sidebar__panel{translate:100%}.brick-sidebar__header,.brick-sidebar__footer{align-items:center;gap:var(--brick-sidebar-content-gap);padding:var(--brick-sidebar-region-padding-block) var(--brick-sidebar-region-padding-inline);flex:none;display:flex}.brick-sidebar__header{border-block-end:var(--brick-border-width) solid var(--brick-sidebar-panel-border)}.brick-sidebar__footer{border-block-start:var(--brick-border-width) solid var(--brick-sidebar-panel-border)}.brick-sidebar__content{gap:var(--brick-sidebar-content-gap);min-block-size:0;min-inline-size:0;padding:var(--brick-sidebar-region-padding-block) var(--brick-sidebar-region-padding-inline);flex-direction:column;flex:auto;display:flex}.brick-sidebar__main{min-inline-size:0}.brick-sidebar__trigger{box-sizing:border-box;min-inline-size:var(--brick-control-min-block-size-sm);min-block-size:var(--brick-control-min-block-size-sm);padding:var(--brick-space-2);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-radius-control);color:var(--brick-color-text-primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.brick-sidebar__trigger:hover:not(:disabled){background:var(--brick-color-surface-subtle)}.brick-sidebar__trigger:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-sidebar__trigger:disabled{color:var(--brick-color-text-muted);cursor:not-allowed}@media (prefers-reduced-motion:no-preference){.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)}.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)}}@media (forced-colors:active){.brick-sidebar{--brick-sidebar-panel-background:Canvas;--brick-sidebar-panel-border:CanvasText}.brick-sidebar__trigger{color:buttontext;border-color:buttonborder}.brick-sidebar__trigger:focus-visible{outline-color:highlight}}}@layer brick.effects;
2
+ /*# sourceMappingURL=sidebar.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,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,gEDxGJ","sources":["home/runner/work/brick/brick/.brick-cache/production/sidebar.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/sidebar/sidebar.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/sidebar/sidebar.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@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"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-skeleton{--brick-skeleton-background:var(--brick-color-surface-subtle);--brick-skeleton-highlight:var(--brick-color-surface-raised);--brick-skeleton-width:100%;--brick-skeleton-height:1em;--brick-skeleton-radius:var(--brick-radius-subtle);box-sizing:border-box;inline-size:var(--brick-skeleton-width);block-size:var(--brick-skeleton-height);border-radius:var(--brick-skeleton-radius);vertical-align:middle;max-inline-size:100%;display:inline-block;position:relative}.brick-skeleton[data-loading]{background:var(--brick-skeleton-background);overflow:hidden}.brick-skeleton[data-variant=circular]{--brick-skeleton-width:2.5rem;--brick-skeleton-height:2.5rem;--brick-skeleton-radius:9999px;aspect-ratio:1}.brick-skeleton[data-variant=rectangular]{--brick-skeleton-height:4rem;--brick-skeleton-radius:0}.brick-skeleton[data-variant=rounded]{--brick-skeleton-height:4rem;--brick-skeleton-radius:var(--brick-radius-surface)}.brick-skeleton[data-has-children]{block-size:fit-content;inline-size:fit-content}.brick-skeleton-content{display:inherit;visibility:visible}.brick-skeleton[data-loading]>.brick-skeleton-content{visibility:hidden}.brick-skeleton[data-lines]{gap:var(--brick-space-2);background:0 0;flex-direction:column;block-size:auto;display:flex;overflow:visible}.brick-skeleton-line{inline-size:100%;block-size:var(--brick-skeleton-height);border-radius:var(--brick-skeleton-radius);background:var(--brick-skeleton-background);display:block;overflow:hidden}.brick-skeleton-line:last-child{inline-size:72%}.brick-skeleton[data-animation=pulse][data-loading],.brick-skeleton[data-animation=pulse][data-loading] .brick-skeleton-line{animation:1.8s ease-in-out infinite brick-skeleton-pulse}.brick-skeleton[data-animation=wave][data-loading]:after,.brick-skeleton[data-animation=wave][data-loading] .brick-skeleton-line:after{content:"";background:linear-gradient(90deg, transparent, var(--brick-skeleton-highlight), transparent);animation:1.8s ease-in-out infinite brick-skeleton-wave;position:absolute;inset:0;translate:-100%}.brick-skeleton[data-animation=wave][data-lines]:after{content:none}.brick-skeleton-line{position:relative}@keyframes brick-skeleton-pulse{0%,to{opacity:1}50%{opacity:.52}}@keyframes brick-skeleton-wave{to{translate:100%}}@media (prefers-reduced-motion:reduce){.brick-skeleton,.brick-skeleton:after,.brick-skeleton-line,.brick-skeleton-line:after{animation:none!important}}@media (forced-colors:active){.brick-skeleton[data-loading],.brick-skeleton-line{forced-color-adjust:auto;background:canvas;border:1px solid canvastext}}}@layer brick.effects;
2
+ /*# sourceMappingURL=skeleton.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,ydAeA,0FACA,kJACA,iGACA,uHACA,kFACA,2DACA,wEACA,wIACA,mMACA,gDACA,sLACA,iVACA,oEACA,uCACA,iEACA,kDACA,uCAA0C,gHAC1C,8BAAiC,4HDjCnC","sources":["home/runner/work/brick/brick/.brick-cache/production/skeleton.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/skeleton/skeleton.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/skeleton/skeleton.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-skeleton {\n --brick-skeleton-background: var(--brick-color-surface-subtle);\n --brick-skeleton-highlight: var(--brick-color-surface-raised);\n --brick-skeleton-width: 100%;\n --brick-skeleton-height: 1em;\n --brick-skeleton-radius: var(--brick-radius-subtle);\n position: relative;\n display: inline-block;\n box-sizing: border-box;\n inline-size: var(--brick-skeleton-width);\n block-size: var(--brick-skeleton-height);\n max-inline-size: 100%;\n border-radius: var(--brick-skeleton-radius);\n vertical-align: middle;\n }\n .brick-skeleton[data-loading] { overflow: hidden; background: var(--brick-skeleton-background); }\n .brick-skeleton[data-variant=\"circular\"] { --brick-skeleton-width: 2.5rem; --brick-skeleton-height: 2.5rem; --brick-skeleton-radius: 9999px; aspect-ratio: 1; }\n .brick-skeleton[data-variant=\"rectangular\"] { --brick-skeleton-height: 4rem; --brick-skeleton-radius: 0; }\n .brick-skeleton[data-variant=\"rounded\"] { --brick-skeleton-height: 4rem; --brick-skeleton-radius: var(--brick-radius-surface); }\n .brick-skeleton[data-has-children] { inline-size: fit-content; block-size: fit-content; }\n .brick-skeleton-content { display: inherit; visibility: visible; }\n .brick-skeleton[data-loading] > .brick-skeleton-content { visibility: hidden; }\n .brick-skeleton[data-lines] { display: flex; block-size: auto; flex-direction: column; gap: var(--brick-space-2); background: transparent; overflow: visible; }\n .brick-skeleton-line { display: block; inline-size: 100%; block-size: var(--brick-skeleton-height); border-radius: var(--brick-skeleton-radius); background: var(--brick-skeleton-background); overflow: hidden; }\n .brick-skeleton-line:last-child { inline-size: 72%; }\n .brick-skeleton[data-animation=\"pulse\"][data-loading], .brick-skeleton[data-animation=\"pulse\"][data-loading] .brick-skeleton-line { animation: brick-skeleton-pulse 1.8s ease-in-out infinite; }\n .brick-skeleton[data-animation=\"wave\"][data-loading]::after, .brick-skeleton[data-animation=\"wave\"][data-loading] .brick-skeleton-line::after { content: \"\"; position: absolute; inset: 0; translate: -100% 0; background: linear-gradient(90deg, transparent, var(--brick-skeleton-highlight), transparent); animation: brick-skeleton-wave 1.8s ease-in-out infinite; }\n .brick-skeleton[data-animation=\"wave\"][data-lines]::after { content: none; }\n .brick-skeleton-line { position: relative; }\n @keyframes brick-skeleton-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.52; } }\n @keyframes brick-skeleton-wave { to { translate: 100% 0; } }\n @media (prefers-reduced-motion: reduce) { .brick-skeleton, .brick-skeleton::after, .brick-skeleton-line, .brick-skeleton-line::after { animation: none !important; } }\n @media (forced-colors: active) { .brick-skeleton[data-loading], .brick-skeleton-line { border: 1px solid CanvasText; background: Canvas; forced-color-adjust: auto; } }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-skip-link{--brick-skip-link-background:var(--brick-color-surface-overlay);--brick-skip-link-foreground:var(--brick-color-text-primary);--brick-skip-link-border-color:var(--brick-color-accent-border);--brick-skip-link-border-width:var(--brick-border-width);--brick-skip-link-radius:var(--brick-radius-control);--brick-skip-link-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 42%);--brick-skip-link-focus-ring:var(--brick-color-focus-ring);--brick-skip-link-inset-block:.75rem;--brick-skip-link-inset-inline:.75rem;--brick-skip-link-max-inline-size:32rem;--brick-skip-link-z-index:calc(var(--brick-layer-overlay) + 10);z-index:var(--brick-skip-link-z-index);max-inline-size:min(var(--brick-skip-link-max-inline-size), calc(100vw - var(--brick-skip-link-inset-inline) - var(--brick-skip-link-inset-inline)));min-block-size:var(--brick-control-target-min);transform:translateY(calc(-100% - var(--brick-skip-link-inset-block) - .5rem));border:var(--brick-skip-link-border-width) solid var(--brick-skip-link-border-color);border-radius:var(--brick-skip-link-radius);background:var(--brick-skip-link-background);box-shadow:var(--brick-skip-link-shadow);color:var(--brick-skip-link-foreground);font-family:var(--brick-typography-control-sm-font-family);font-size:var(--brick-typography-control-sm-font-size);font-weight:var(--brick-typography-control-sm-font-weight);letter-spacing:var(--brick-typography-control-sm-letter-spacing);line-height:var(--brick-typography-control-sm-line-height);overflow-wrap:anywhere;text-align:start;justify-content:center;align-items:center;padding:.625rem .875rem;text-decoration:none;display:inline-flex;position:fixed;inset-block-start:var(--brick-skip-link-inset-block);inset-inline-start:var(--brick-skip-link-inset-inline)}.brick-skip-link:focus{outline:var(--brick-border-focus-width) solid var(--brick-skip-link-focus-ring);outline-offset:var(--brick-border-focus-offset);transform:none}.brick-skip-link:focus:hover{--brick-skip-link-border-color:var(--brick-color-accent-text);--brick-skip-link-foreground:var(--brick-color-accent-text)}.brick-skip-link:focus:active{--brick-skip-link-background:var(--brick-color-accent-soft)}@media (forced-colors:active){.brick-skip-link{--brick-skip-link-background:Canvas;--brick-skip-link-foreground:CanvasText;--brick-skip-link-border-color:LinkText;--brick-skip-link-focus-ring:Highlight;--brick-skip-link-shadow:none;forced-color-adjust:auto}}}@layer brick.effects;
2
+ /*# sourceMappingURL=skip-link.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,gwDA0CA,sKAMA,uJAKA,0FAIA,8BACE,qOD3DJ","sources":["home/runner/work/brick/brick/.brick-cache/production/skip-link.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/skip-link/skip-link.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/skip-link/skip-link.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-skip-link {\n --brick-skip-link-background: var(--brick-color-surface-overlay);\n --brick-skip-link-foreground: var(--brick-color-text-primary);\n --brick-skip-link-border-color: var(--brick-color-accent-border);\n --brick-skip-link-border-width: var(--brick-border-width);\n --brick-skip-link-radius: var(--brick-radius-control);\n --brick-skip-link-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 42%);\n --brick-skip-link-focus-ring: var(--brick-color-focus-ring);\n --brick-skip-link-inset-block: 0.75rem;\n --brick-skip-link-inset-inline: 0.75rem;\n --brick-skip-link-max-inline-size: 32rem;\n --brick-skip-link-z-index: calc(var(--brick-layer-overlay) + 10);\n\n position: fixed;\n z-index: var(--brick-skip-link-z-index);\n inset-block-start: var(--brick-skip-link-inset-block);\n inset-inline-start: var(--brick-skip-link-inset-inline);\n display: inline-flex;\n max-inline-size: min(\n var(--brick-skip-link-max-inline-size),\n calc(100vw - var(--brick-skip-link-inset-inline) - var(--brick-skip-link-inset-inline))\n );\n min-block-size: var(--brick-control-target-min);\n align-items: center;\n justify-content: center;\n padding: 0.625rem 0.875rem;\n transform: translateY(calc(-100% - var(--brick-skip-link-inset-block) - 0.5rem));\n border: var(--brick-skip-link-border-width) solid var(--brick-skip-link-border-color);\n border-radius: var(--brick-skip-link-radius);\n background: var(--brick-skip-link-background);\n box-shadow: var(--brick-skip-link-shadow);\n color: var(--brick-skip-link-foreground);\n font-family: var(--brick-typography-control-sm-font-family);\n font-size: var(--brick-typography-control-sm-font-size);\n font-weight: var(--brick-typography-control-sm-font-weight);\n letter-spacing: var(--brick-typography-control-sm-letter-spacing);\n line-height: var(--brick-typography-control-sm-line-height);\n overflow-wrap: anywhere;\n text-align: start;\n text-decoration: none;\n }\n\n .brick-skip-link:focus {\n transform: none;\n outline: var(--brick-border-focus-width) solid var(--brick-skip-link-focus-ring);\n outline-offset: var(--brick-border-focus-offset);\n }\n\n .brick-skip-link:focus:hover {\n --brick-skip-link-border-color: var(--brick-color-accent-text);\n --brick-skip-link-foreground: var(--brick-color-accent-text);\n }\n\n .brick-skip-link:focus:active {\n --brick-skip-link-background: var(--brick-color-accent-soft);\n }\n\n @media (forced-colors: active) {\n .brick-skip-link {\n --brick-skip-link-background: Canvas;\n --brick-skip-link-foreground: CanvasText;\n --brick-skip-link-border-color: LinkText;\n --brick-skip-link-focus-ring: Highlight;\n --brick-skip-link-shadow: none;\n forced-color-adjust: auto;\n }\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-slider{--brick-slider-track-size:.375rem;--brick-slider-track-length:10rem;--brick-slider-track-background:var(--brick-color-surface-subtle);--brick-slider-track-border:var(--brick-color-border-subtle);--brick-slider-range-background:var(--brick-color-accent-solid);--brick-slider-thumb-size:1.125rem;--brick-slider-thumb-background:var(--brick-color-surface-raised);--brick-slider-thumb-border:var(--brick-color-accent-solid);--brick-slider-thumb-shadow:var(--brick-shadow-sm);--brick-slider-marker-color:var(--brick-color-border-strong);--brick-slider-value-label-background:var(--brick-color-surface-raised);--brick-slider-value-label-foreground:var(--brick-color-text-primary);box-sizing:border-box;min-inline-size:0;color:var(--brick-color-text-primary);display:block;position:relative}.brick-slider[data-orientation=horizontal]{inline-size:100%}.brick-slider[data-orientation=horizontal]:has(.brick-slider__value-label){padding-block-start:2.25rem}.brick-slider[data-orientation=vertical]{inline-size:var(--brick-control-target-min);block-size:var(--brick-slider-track-length)}.brick-slider__track{box-sizing:border-box;-webkit-user-select:none;user-select:none;display:block;position:relative}.brick-slider[data-orientation=horizontal] .brick-slider__track{inline-size:100%;block-size:var(--brick-control-target-min)}.brick-slider[data-orientation=vertical] .brick-slider__track{inline-size:var(--brick-control-target-min);block-size:100%}.brick-slider__track:before{border:var(--brick-border-width) solid var(--brick-slider-track-border);border-radius:var(--brick-radius-full);background:var(--brick-slider-track-background);content:"";position:absolute}.brick-slider[data-orientation=horizontal] .brick-slider__track:before{block-size:var(--brick-slider-track-size);inset-block-start:50%;inset-inline:0;transform:translateY(-50%)}.brick-slider[data-orientation=vertical] .brick-slider__track:before{inline-size:var(--brick-slider-track-size);inset-block:0;inset-inline-start:50%;transform:translate(-50%)}.brick-slider__range{z-index:1;border-radius:var(--brick-radius-full);background:var(--brick-slider-range-background);pointer-events:none;position:absolute}.brick-slider[data-orientation=horizontal] .brick-slider__range{block-size:var(--brick-slider-track-size);inset-block-start:50%;transform:translateY(-50%)}.brick-slider[data-orientation=vertical] .brick-slider__range{inline-size:var(--brick-slider-track-size);inset-inline-start:50%;transform:translate(-50%)}.brick-slider__thumb{z-index:3;box-sizing:border-box;inline-size:var(--brick-control-target-min);block-size:var(--brick-control-target-min);border-radius:var(--brick-radius-full);cursor:grab;background:0 0;border:0;outline:0;place-items:center;display:grid;position:absolute}.brick-slider__thumb:before{inline-size:var(--brick-slider-thumb-size);block-size:var(--brick-slider-thumb-size);box-sizing:border-box;border:calc(2 * var(--brick-border-width)) solid var(--brick-slider-thumb-border);border-radius:var(--brick-radius-full);background:var(--brick-slider-thumb-background);box-shadow:var(--brick-slider-thumb-shadow);content:"";transition:transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard)}.brick-slider[data-orientation=horizontal] .brick-slider__thumb{inset-block-start:50%;transform:translate(-50%,-50%)}[dir=rtl] .brick-slider[data-orientation=horizontal] .brick-slider__thumb{transform:translate(50%,-50%)}.brick-slider[data-orientation=vertical] .brick-slider__thumb{inset-inline-start:50%;transform:translate(-50%,50%)}.brick-slider__thumb:active{cursor:grabbing}.brick-slider__thumb:active:before{transform:scale(1.12)}.brick-slider__thumb:is(:focus-visible,[data-focus-visible]):before{outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-slider__marker{z-index:2;color:var(--brick-color-text-secondary);pointer-events:none;font:var(--brick-typography-body-sm-font-weight) var(--brick-typography-body-sm-font-size)/var(--brick-typography-body-sm-line-height) var(--brick-typography-body-sm-font-family);place-items:center;display:grid;position:absolute}.brick-slider__marker:before{border-radius:var(--brick-radius-full);background:var(--brick-slider-marker-color);content:"";position:absolute}.brick-slider__marker[data-orientation=horizontal]{padding-block-start:2.25rem;inset-block-start:50%;inset-inline-start:calc(var(--brick-slider-marker-percent) * 1%);transform:translate(-50%,-50%)}.brick-slider__marker[data-orientation=horizontal][data-edge=start]{transform:translateY(-50%)}.brick-slider__marker[data-orientation=horizontal][data-edge=end]{transform:translate(-100%,-50%)}[dir=rtl] .brick-slider__marker[data-orientation=horizontal]{transform:translate(50%,-50%)}[dir=rtl] .brick-slider__marker[data-orientation=horizontal][data-edge=start]{transform:translate(-100%,-50%)}[dir=rtl] .brick-slider__marker[data-orientation=horizontal][data-edge=end]{transform:translateY(-50%)}.brick-slider__marker[data-orientation=horizontal]:before{block-size:.25rem;inline-size:.25rem}.brick-slider__marker[data-orientation=vertical]{padding-inline-start:2.25rem;inset-block-end:calc(var(--brick-slider-marker-percent) * 1%);inset-inline-start:50%;transform:translate(-50%,50%)}.brick-slider__marker[data-orientation=vertical]:before{block-size:.25rem;inline-size:.25rem}.brick-slider__value-label{min-inline-size:1.75rem;padding:var(--brick-space-1) var(--brick-space-2);border:var(--brick-border-width) solid var(--brick-color-border-subtle);border-radius:var(--brick-radius-subtle);background:var(--brick-slider-value-label-background);color:var(--brick-slider-value-label-foreground);box-shadow:var(--brick-shadow-sm);text-align:center;white-space:nowrap;font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height);font-variant-numeric:tabular-nums;position:absolute;inset-block-end:calc(100% + var(--brick-space-1));inset-inline-start:50%;transform:translate(-50%)}.brick-slider[data-orientation=vertical] .brick-slider__value-label{inset-block-end:50%;inset-inline-start:calc(100% + var(--brick-space-1));transform:translateY(50%)}.brick-slider[data-size=sm]{--brick-slider-track-size:.25rem;--brick-slider-thumb-size:.875rem}.brick-slider[data-size=lg]{--brick-slider-track-size:.5rem;--brick-slider-thumb-size:1.375rem}.brick-slider[data-variant=soft]{--brick-slider-range-background:var(--brick-color-accent-soft);--brick-slider-thumb-border:var(--brick-color-accent-text)}.brick-slider[data-invalid]{--brick-slider-thumb-border:var(--brick-color-danger-text);--brick-slider-range-background:var(--brick-color-danger-text)}.brick-slider[data-disabled]{opacity:.6}.brick-slider[data-disabled] .brick-slider__thumb{cursor:not-allowed}.brick-slider[data-readonly] .brick-slider__thumb{cursor:default}@media (prefers-reduced-motion:reduce){.brick-slider__thumb:before{transition:none}}@media (forced-colors:active){.brick-slider{forced-color-adjust:none}.brick-slider__track:before{background:canvas;border-color:buttontext}.brick-slider__range{background:highlight}.brick-slider__thumb:before{box-shadow:none;background:canvas;border-color:highlight}.brick-slider__marker:before{background:buttontext}.brick-slider__value-label{color:canvastext;box-shadow:none;background:canvas;border-color:buttontext}.brick-slider[data-disabled]{opacity:1}.brick-slider[data-disabled] .brick-slider__thumb:before{border-color:graytext}}}@layer brick.effects;
2
+ /*# sourceMappingURL=slider.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,8xBAqBA,4DACA,uGAGA,iIAKA,qHAOA,4HAKA,0HAKA,wNAQA,iLAOA,+KAOA,4JAQA,2JAMA,0JAMA,mRAeA,kcAYA,qHAIA,wGAGA,mHAKA,4CACA,yDACA,gMAKA,iUASA,6IAMA,qMAMA,+FACA,kGACA,2FACA,8GACA,uGACA,+FACA,iMAMA,6FAEA,+rBAmBA,uKAMA,+FACA,+FACA,2JAIA,sJACA,wCACA,qEACA,iEAEA,uCAA0C,6CAC1C,8BACE,uCACA,sEACA,0CACA,qFACA,mDACA,sGACA,uCACA,iFDxNJ","sources":["home/runner/work/brick/brick/.brick-cache/production/slider.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/slider/slider.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/slider/slider.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-slider {\n --brick-slider-track-size: 0.375rem;\n --brick-slider-track-length: 10rem;\n --brick-slider-track-background: var(--brick-color-surface-subtle);\n --brick-slider-track-border: var(--brick-color-border-subtle);\n --brick-slider-range-background: var(--brick-color-accent-solid);\n --brick-slider-thumb-size: 1.125rem;\n --brick-slider-thumb-background: var(--brick-color-surface-raised);\n --brick-slider-thumb-border: var(--brick-color-accent-solid);\n --brick-slider-thumb-shadow: var(--brick-shadow-sm);\n --brick-slider-marker-color: var(--brick-color-border-strong);\n --brick-slider-value-label-background: var(--brick-color-surface-raised);\n --brick-slider-value-label-foreground: var(--brick-color-text-primary);\n\n display: block;\n position: relative;\n box-sizing: border-box;\n min-inline-size: 0;\n color: var(--brick-color-text-primary);\n }\n\n .brick-slider[data-orientation=\"horizontal\"] { inline-size: 100%; }\n .brick-slider[data-orientation=\"horizontal\"]:has(.brick-slider__value-label) {\n padding-block-start: 2.25rem;\n }\n .brick-slider[data-orientation=\"vertical\"] {\n inline-size: var(--brick-control-target-min);\n block-size: var(--brick-slider-track-length);\n }\n\n .brick-slider__track {\n position: relative;\n display: block;\n box-sizing: border-box;\n user-select: none;\n }\n\n .brick-slider[data-orientation=\"horizontal\"] .brick-slider__track {\n inline-size: 100%;\n block-size: var(--brick-control-target-min);\n }\n\n .brick-slider[data-orientation=\"vertical\"] .brick-slider__track {\n inline-size: var(--brick-control-target-min);\n block-size: 100%;\n }\n\n .brick-slider__track::before {\n position: absolute;\n border: var(--brick-border-width) solid var(--brick-slider-track-border);\n border-radius: var(--brick-radius-full);\n background: var(--brick-slider-track-background);\n content: \"\";\n }\n\n .brick-slider[data-orientation=\"horizontal\"] .brick-slider__track::before {\n inset-inline: 0;\n inset-block-start: 50%;\n block-size: var(--brick-slider-track-size);\n transform: translateY(-50%);\n }\n\n .brick-slider[data-orientation=\"vertical\"] .brick-slider__track::before {\n inset-block: 0;\n inset-inline-start: 50%;\n inline-size: var(--brick-slider-track-size);\n transform: translateX(-50%);\n }\n\n .brick-slider__range {\n position: absolute;\n z-index: 1;\n border-radius: var(--brick-radius-full);\n background: var(--brick-slider-range-background);\n pointer-events: none;\n }\n\n .brick-slider[data-orientation=\"horizontal\"] .brick-slider__range {\n inset-block-start: 50%;\n block-size: var(--brick-slider-track-size);\n transform: translateY(-50%);\n }\n\n .brick-slider[data-orientation=\"vertical\"] .brick-slider__range {\n inset-inline-start: 50%;\n inline-size: var(--brick-slider-track-size);\n transform: translateX(-50%);\n }\n\n .brick-slider__thumb {\n position: absolute;\n z-index: 3;\n display: grid;\n box-sizing: border-box;\n inline-size: var(--brick-control-target-min);\n block-size: var(--brick-control-target-min);\n place-items: center;\n border: 0;\n border-radius: var(--brick-radius-full);\n outline: 0;\n background: transparent;\n cursor: grab;\n }\n\n .brick-slider__thumb::before {\n inline-size: var(--brick-slider-thumb-size);\n block-size: var(--brick-slider-thumb-size);\n box-sizing: border-box;\n border: calc(2 * var(--brick-border-width)) solid var(--brick-slider-thumb-border);\n border-radius: var(--brick-radius-full);\n background: var(--brick-slider-thumb-background);\n box-shadow: var(--brick-slider-thumb-shadow);\n content: \"\";\n transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n }\n\n .brick-slider[data-orientation=\"horizontal\"] .brick-slider__thumb {\n inset-block-start: 50%;\n transform: translate(-50%, -50%);\n }\n [dir=\"rtl\"] .brick-slider[data-orientation=\"horizontal\"] .brick-slider__thumb {\n transform: translate(50%, -50%);\n }\n .brick-slider[data-orientation=\"vertical\"] .brick-slider__thumb {\n inset-inline-start: 50%;\n transform: translate(-50%, 50%);\n }\n\n .brick-slider__thumb:active { cursor: grabbing; }\n .brick-slider__thumb:active::before { transform: scale(1.12); }\n .brick-slider__thumb:is(:focus-visible, [data-focus-visible])::before {\n outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n outline-offset: var(--brick-border-focus-offset);\n }\n\n .brick-slider__marker {\n position: absolute;\n z-index: 2;\n display: grid;\n color: var(--brick-color-text-secondary);\n place-items: center;\n pointer-events: none;\n font: var(--brick-typography-body-sm-font-weight) var(--brick-typography-body-sm-font-size)/var(--brick-typography-body-sm-line-height) var(--brick-typography-body-sm-font-family);\n }\n .brick-slider__marker::before {\n position: absolute;\n border-radius: var(--brick-radius-full);\n background: var(--brick-slider-marker-color);\n content: \"\";\n }\n .brick-slider__marker[data-orientation=\"horizontal\"] {\n inset-inline-start: calc(var(--brick-slider-marker-percent) * 1%);\n inset-block-start: 50%;\n padding-block-start: 2.25rem;\n transform: translate(-50%, -50%);\n }\n .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"start\"] { transform: translate(0, -50%); }\n .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"end\"] { transform: translate(-100%, -50%); }\n [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"] { transform: translate(50%, -50%); }\n [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"start\"] { transform: translate(-100%, -50%); }\n [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"end\"] { transform: translate(0, -50%); }\n .brick-slider__marker[data-orientation=\"horizontal\"]::before { inline-size: 0.25rem; block-size: 0.25rem; }\n .brick-slider__marker[data-orientation=\"vertical\"] {\n inset-inline-start: 50%;\n inset-block-end: calc(var(--brick-slider-marker-percent) * 1%);\n padding-inline-start: 2.25rem;\n transform: translate(-50%, 50%);\n }\n .brick-slider__marker[data-orientation=\"vertical\"]::before { inline-size: 0.25rem; block-size: 0.25rem; }\n\n .brick-slider__value-label {\n position: absolute;\n inset-inline-start: 50%;\n inset-block-end: calc(100% + var(--brick-space-1));\n min-inline-size: 1.75rem;\n padding: var(--brick-space-1) var(--brick-space-2);\n border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n border-radius: var(--brick-radius-subtle);\n background: var(--brick-slider-value-label-background);\n color: var(--brick-slider-value-label-foreground);\n box-shadow: var(--brick-shadow-sm);\n transform: translateX(-50%);\n text-align: center;\n white-space: nowrap;\n font-family: var(--brick-typography-body-sm-font-family);\n font-size: var(--brick-typography-body-sm-font-size);\n line-height: var(--brick-typography-body-sm-line-height);\n font-variant-numeric: tabular-nums;\n }\n .brick-slider[data-orientation=\"vertical\"] .brick-slider__value-label {\n inset-inline-start: calc(100% + var(--brick-space-1));\n inset-block-end: 50%;\n transform: translateY(50%);\n }\n\n .brick-slider[data-size=\"sm\"] { --brick-slider-track-size: 0.25rem; --brick-slider-thumb-size: 0.875rem; }\n .brick-slider[data-size=\"lg\"] { --brick-slider-track-size: 0.5rem; --brick-slider-thumb-size: 1.375rem; }\n .brick-slider[data-variant=\"soft\"] {\n --brick-slider-range-background: var(--brick-color-accent-soft);\n --brick-slider-thumb-border: var(--brick-color-accent-text);\n }\n .brick-slider[data-invalid] { --brick-slider-thumb-border: var(--brick-color-danger-text); --brick-slider-range-background: var(--brick-color-danger-text); }\n .brick-slider[data-disabled] { opacity: 0.6; }\n .brick-slider[data-disabled] .brick-slider__thumb { cursor: not-allowed; }\n .brick-slider[data-readonly] .brick-slider__thumb { cursor: default; }\n\n @media (prefers-reduced-motion: reduce) { .brick-slider__thumb::before { transition: none; } }\n @media (forced-colors: active) {\n .brick-slider { forced-color-adjust: none; }\n .brick-slider__track::before { border-color: ButtonText; background: Canvas; }\n .brick-slider__range { background: Highlight; }\n .brick-slider__thumb::before { border-color: Highlight; background: Canvas; box-shadow: none; }\n .brick-slider__marker::before { background: ButtonText; }\n .brick-slider__value-label { border-color: ButtonText; background: Canvas; color: CanvasText; box-shadow: none; }\n .brick-slider[data-disabled] { opacity: 1; }\n .brick-slider[data-disabled] .brick-slider__thumb::before { border-color: GrayText; }\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-stack{--brick-stack-gap:var(--brick-space-0);box-sizing:border-box;justify-content:start;align-items:stretch;gap:var(--brick-stack-gap);flex-direction:column;min-inline-size:0;display:flex}.brick-stack[data-direction=row]{flex-direction:row}.brick-stack[data-gap="1"]{--brick-stack-gap:var(--brick-space-1)}.brick-stack[data-gap="2"]{--brick-stack-gap:var(--brick-space-2)}.brick-stack[data-gap="3"]{--brick-stack-gap:var(--brick-space-3)}.brick-stack[data-gap="4"]{--brick-stack-gap:var(--brick-space-4)}.brick-stack[data-gap="5"]{--brick-stack-gap:var(--brick-space-5)}.brick-stack[data-gap="6"]{--brick-stack-gap:var(--brick-space-6)}.brick-stack[data-align=start]{align-items:start}.brick-stack[data-align=center]{align-items:center}.brick-stack[data-align=end]{align-items:end}.brick-stack[data-align=baseline]{align-items:baseline}.brick-stack[data-justify=center]{justify-content:center}.brick-stack[data-justify=end]{justify-content:end}.brick-stack[data-justify=between]{justify-content:space-between}.brick-stack[data-justify=around]{justify-content:space-around}.brick-stack[data-justify=evenly]{justify-content:space-evenly}.brick-stack[data-wrap]{flex-wrap:wrap}}@layer brick.effects;
2
+ /*# sourceMappingURL=stack.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,oMAYA,oDAIA,kEAIA,kEAIA,kEAIA,kEAIA,kEAIA,kEAIA,iDAIA,mDAIA,6CAIA,uDAIA,yDAIA,mDAIA,iEAIA,+DAIA,+DAIA,wCD7EF","sources":["home/runner/work/brick/brick/.brick-cache/production/stack.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/stack/stack.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/stack/stack.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-stack {\n --brick-stack-gap: var(--brick-space-0);\n\n box-sizing: border-box;\n display: flex;\n min-inline-size: 0;\n flex-direction: column;\n align-items: stretch;\n justify-content: start;\n gap: var(--brick-stack-gap);\n }\n\n .brick-stack[data-direction=\"row\"] {\n flex-direction: row;\n }\n\n .brick-stack[data-gap=\"1\"] {\n --brick-stack-gap: var(--brick-space-1);\n }\n\n .brick-stack[data-gap=\"2\"] {\n --brick-stack-gap: var(--brick-space-2);\n }\n\n .brick-stack[data-gap=\"3\"] {\n --brick-stack-gap: var(--brick-space-3);\n }\n\n .brick-stack[data-gap=\"4\"] {\n --brick-stack-gap: var(--brick-space-4);\n }\n\n .brick-stack[data-gap=\"5\"] {\n --brick-stack-gap: var(--brick-space-5);\n }\n\n .brick-stack[data-gap=\"6\"] {\n --brick-stack-gap: var(--brick-space-6);\n }\n\n .brick-stack[data-align=\"start\"] {\n align-items: start;\n }\n\n .brick-stack[data-align=\"center\"] {\n align-items: center;\n }\n\n .brick-stack[data-align=\"end\"] {\n align-items: end;\n }\n\n .brick-stack[data-align=\"baseline\"] {\n align-items: baseline;\n }\n\n .brick-stack[data-justify=\"center\"] {\n justify-content: center;\n }\n\n .brick-stack[data-justify=\"end\"] {\n justify-content: end;\n }\n\n .brick-stack[data-justify=\"between\"] {\n justify-content: space-between;\n }\n\n .brick-stack[data-justify=\"around\"] {\n justify-content: space-around;\n }\n\n .brick-stack[data-justify=\"evenly\"] {\n justify-content: space-evenly;\n }\n\n .brick-stack[data-wrap] {\n flex-wrap: wrap;\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-surface{--brick-surface-background:var(--brick-color-surface-base);--brick-surface-foreground:var(--brick-color-text-primary);--brick-surface-border-color:var(--brick-color-border-subtle);--brick-surface-border-width:0rem;--brick-surface-elevation-none:none;--brick-surface-elevation-low:0 .25rem .75rem color-mix(in srgb, var(--brick-color-shadow), transparent 58%);--brick-surface-elevation-medium:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 38%);--brick-surface-elevation-high:0 1.5rem 4.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 18%);--brick-surface-shadow:var(--brick-surface-elevation-none);--brick-surface-radius:var(--brick-radius-surface);--brick-surface-padding:var(--brick-space-0);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;padding:var(--brick-surface-padding);border:var(--brick-surface-border-width) solid var(--brick-surface-border-color);border-radius:var(--brick-surface-radius);background:var(--brick-surface-background);box-shadow:var(--brick-surface-shadow);color:var(--brick-surface-foreground)}.brick-surface[data-level=canvas]{--brick-surface-background:var(--brick-color-surface-canvas)}.brick-surface[data-level=subtle]{--brick-surface-background:var(--brick-color-surface-subtle)}.brick-surface[data-level=raised]{--brick-surface-background:var(--brick-color-surface-raised)}.brick-surface[data-bordered]{--brick-surface-border-width:var(--brick-border-width)}.brick-surface[data-elevation=low]{--brick-surface-shadow:var(--brick-surface-elevation-low)}.brick-surface[data-elevation=medium]{--brick-surface-shadow:var(--brick-surface-elevation-medium)}.brick-surface[data-elevation=high]{--brick-surface-shadow:var(--brick-surface-elevation-high)}.brick-surface[data-radius=none]{--brick-surface-radius:0rem}.brick-surface[data-radius=subtle]{--brick-surface-radius:var(--brick-radius-subtle)}.brick-surface[data-inset=sm]{--brick-surface-padding:var(--brick-space-3)}.brick-surface[data-inset=md]{--brick-surface-padding:var(--brick-space-5)}.brick-surface[data-inset=lg]{--brick-surface-padding:var(--brick-space-6)}@media (forced-colors:active){.brick-surface[data-bordered],.brick-surface:not([data-elevation=none]){--brick-surface-border-width:var(--brick-border-width);--brick-surface-border-color:CanvasText;--brick-surface-shadow:none}}}@layer brick.effects;
2
+ /*# sourceMappingURL=surface.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,kkCA4BA,+FAIA,+FAIA,+FAIA,qFAIA,6FAIA,mGAIA,+FAIA,6DAIA,qFAIA,2EAIA,2EAIA,2EAIA,8BACE,qMD9EJ","sources":["home/runner/work/brick/brick/.brick-cache/production/surface.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/surface/surface.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/surface/surface.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-surface {\n --brick-surface-background: var(--brick-color-surface-base);\n --brick-surface-foreground: var(--brick-color-text-primary);\n --brick-surface-border-color: var(--brick-color-border-subtle);\n --brick-surface-border-width: 0rem;\n --brick-surface-elevation-none: none;\n --brick-surface-elevation-low: 0 0.25rem 0.75rem\n color-mix(in srgb, var(--brick-color-shadow), transparent 58%);\n --brick-surface-elevation-medium: 0 0.75rem 2rem\n color-mix(in srgb, var(--brick-color-shadow), transparent 38%);\n --brick-surface-elevation-high: 0 1.5rem 4.5rem\n color-mix(in srgb, var(--brick-color-shadow), transparent 18%);\n --brick-surface-shadow: var(--brick-surface-elevation-none);\n --brick-surface-radius: var(--brick-radius-surface);\n --brick-surface-padding: var(--brick-space-0);\n\n box-sizing: border-box;\n min-inline-size: 0;\n max-inline-size: 100%;\n padding: var(--brick-surface-padding);\n border: var(--brick-surface-border-width) solid\n var(--brick-surface-border-color);\n border-radius: var(--brick-surface-radius);\n background: var(--brick-surface-background);\n box-shadow: var(--brick-surface-shadow);\n color: var(--brick-surface-foreground);\n }\n\n .brick-surface[data-level=\"canvas\"] {\n --brick-surface-background: var(--brick-color-surface-canvas);\n }\n\n .brick-surface[data-level=\"subtle\"] {\n --brick-surface-background: var(--brick-color-surface-subtle);\n }\n\n .brick-surface[data-level=\"raised\"] {\n --brick-surface-background: var(--brick-color-surface-raised);\n }\n\n .brick-surface[data-bordered] {\n --brick-surface-border-width: var(--brick-border-width);\n }\n\n .brick-surface[data-elevation=\"low\"] {\n --brick-surface-shadow: var(--brick-surface-elevation-low);\n }\n\n .brick-surface[data-elevation=\"medium\"] {\n --brick-surface-shadow: var(--brick-surface-elevation-medium);\n }\n\n .brick-surface[data-elevation=\"high\"] {\n --brick-surface-shadow: var(--brick-surface-elevation-high);\n }\n\n .brick-surface[data-radius=\"none\"] {\n --brick-surface-radius: 0rem;\n }\n\n .brick-surface[data-radius=\"subtle\"] {\n --brick-surface-radius: var(--brick-radius-subtle);\n }\n\n .brick-surface[data-inset=\"sm\"] {\n --brick-surface-padding: var(--brick-space-3);\n }\n\n .brick-surface[data-inset=\"md\"] {\n --brick-surface-padding: var(--brick-space-5);\n }\n\n .brick-surface[data-inset=\"lg\"] {\n --brick-surface-padding: var(--brick-space-6);\n }\n\n @media (forced-colors: active) {\n .brick-surface[data-bordered],\n .brick-surface:not([data-elevation=\"none\"]) {\n --brick-surface-border-width: var(--brick-border-width);\n --brick-surface-border-color: CanvasText;\n --brick-surface-shadow: none;\n }\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-swipeable-item{--brick-swipeable-item-background:var(--brick-color-surface-base);--brick-swipeable-item-foreground:var(--brick-color-text-primary);--brick-swipeable-item-action-background:var(--brick-color-surface-raised);--brick-swipeable-item-action-foreground:var(--brick-color-text-primary);--brick-swipeable-item-border-color:var(--brick-color-border-subtle);--brick-swipeable-item-border-width:var(--brick-border-width);--brick-swipeable-item-radius:var(--brick-radius-surface);--brick-swipeable-item-focus-color:var(--brick-color-focus-ring);--brick-swipeable-item-focus-width:2px;--brick-swipeable-item-focus-offset:-3px;--brick-swipeable-item-action-gap:var(--brick-space-2);--brick-swipeable-item-action-padding-inline:var(--brick-space-2);--brick-swipeable-item-action-min-size:2.75rem;--brick-swipeable-item-transition-duration:var(--brick-motion-duration-fast);isolation:isolate;box-sizing:border-box;border:var(--brick-swipeable-item-border-width) solid transparent;border-radius:var(--brick-swipeable-item-radius);background:var(--brick-swipeable-item-action-background);inline-size:100%;min-inline-size:0;color:var(--brick-swipeable-item-foreground);display:grid;position:relative;overflow:hidden}.brick-swipeable-item[data-variant=outline]{border-color:var(--brick-swipeable-item-border-color)}.brick-swipeable-item__content{z-index:1;box-sizing:border-box;border-radius:calc(var(--brick-swipeable-item-radius) - var(--brick-swipeable-item-border-width));background:var(--brick-swipeable-item-background);min-inline-size:0;color:var(--brick-swipeable-item-foreground);outline:var(--brick-swipeable-item-focus-width) solid transparent;outline-offset:var(--brick-swipeable-item-focus-offset);transform:translate3d(var(--atom-swipeable-item-offset,0px), 0, 0);transition:transform var(--brick-swipeable-item-transition-duration) ease;position:relative}.brick-swipeable-item[data-dragging] .brick-swipeable-item__content{transition:none}.brick-swipeable-item__content:focus-visible{outline-color:var(--brick-swipeable-item-focus-color)}.brick-swipeable-item__actions{z-index:0;box-sizing:border-box;align-items:stretch;gap:var(--brick-swipeable-item-action-gap);min-inline-size:var(--brick-swipeable-item-action-min-size);padding-inline:var(--brick-swipeable-item-action-padding-inline);background:var(--brick-swipeable-item-action-background);color:var(--brick-swipeable-item-action-foreground);display:flex;position:absolute;inset-block:0}.brick-swipeable-item__actions[data-side=start]{inset-inline-start:0}.brick-swipeable-item__actions[data-side=end]{inset-inline-end:0}.brick-swipeable-item__actions>*{min-inline-size:var(--brick-swipeable-item-action-min-size);min-block-size:var(--brick-swipeable-item-action-min-size)}.brick-swipeable-item[data-disabled]{opacity:.55}.brick-swipeable-item[data-readonly]{cursor:default}@media (prefers-reduced-motion:reduce){.brick-swipeable-item__content{transition-duration:0s}}@media (forced-colors:active){.brick-swipeable-item[data-variant=outline]{border-color:canvastext}.brick-swipeable-item__content:focus-visible{outline-color:highlight}.brick-swipeable-item__actions{border-inline:1px solid canvastext}}}@layer brick.effects;
2
+ /*# sourceMappingURL=swipeable-item.css.map */
@@ -0,0 +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/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":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-switch{--brick-switch-target-size:var(--brick-control-target-min);--brick-switch-track-inline-size:2.5rem;--brick-switch-track-block-size:1.5rem;--brick-switch-thumb-size:1.125rem;--brick-switch-track-inset:.1875rem;--brick-switch-track-background:var(--brick-color-surface-subtle);--brick-switch-track-border:var(--brick-color-border-strong);--brick-switch-thumb-background:var(--brick-color-surface-raised);--brick-switch-thumb-border:var(--brick-color-border-default);--brick-switch-checked-background:var(--brick-color-accent-solid);--brick-switch-checked-border:var(--brick-color-accent-solid);--brick-switch-checked-thumb:var(--brick-color-accent-on-solid);--brick-switch-hover-background:var(--brick-color-surface-base);--brick-switch-pressed-background:var(--brick-color-accent-soft-pressed);--brick-switch-focus-ring:var(--brick-color-focus-ring);--brick-switch-invalid-border:var(--brick-color-danger-text);--brick-switch-readonly-background:var(--brick-color-surface-subtle);box-sizing:border-box;inline-size:max(var(--brick-switch-target-size), var(--brick-switch-track-inline-size));min-inline-size:var(--brick-switch-target-size);min-block-size:var(--brick-switch-target-size);border-radius:var(--brick-radius-full);appearance:none;color:inherit;vertical-align:middle;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.brick-switch:before{box-sizing:border-box;inline-size:var(--brick-switch-track-inline-size);block-size:var(--brick-switch-track-block-size);border:var(--brick-border-width) solid var(--brick-switch-track-border);border-radius:var(--brick-radius-full);background:var(--brick-switch-track-background);content:"";transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);position:absolute}.brick-switch:not([data-disabled],[data-readonly]){cursor:pointer}.brick-switch[data-readonly]{cursor:default}.brick-switch:is(:focus-visible,[data-focus-visible]){outline:var(--brick-border-focus-width) solid var(--brick-switch-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-switch-thumb{box-sizing:border-box;inline-size:var(--brick-switch-thumb-size);block-size:var(--brick-switch-thumb-size);border:var(--brick-border-width) solid var(--brick-switch-thumb-border);border-radius:var(--brick-radius-full);background:var(--brick-switch-thumb-background);box-shadow:var(--brick-shadow-sm);transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);display:block;position:absolute;inset-inline-start:calc((100% - var(--brick-switch-track-inline-size)) / 2 + var(--brick-switch-track-inset));transform:translate(0)}.brick-switch[data-state=checked]:before{border-color:var(--brick-switch-checked-border);background:var(--brick-switch-checked-background)}.brick-switch[data-state=checked] .brick-switch-thumb{border-color:var(--brick-switch-checked-thumb);background:var(--brick-switch-checked-thumb);transform:translateX(calc(var(--brick-switch-track-inline-size) - var(--brick-switch-thumb-size) - 2 * var(--brick-switch-track-inset)))}[dir=rtl] .brick-switch[data-state=checked] .brick-switch-thumb{transform:translateX(calc(-1 * (var(--brick-switch-track-inline-size) - var(--brick-switch-thumb-size) - 2 * var(--brick-switch-track-inset))))}.brick-switch[data-invalid]:before{border-color:var(--brick-switch-invalid-border)}.brick-switch[data-readonly]:before{background:var(--brick-switch-readonly-background)}.brick-switch[data-disabled]{cursor:not-allowed;opacity:.65}.brick-switch[data-size=sm]{--brick-switch-track-inline-size:2rem;--brick-switch-track-block-size:1.25rem;--brick-switch-thumb-size:.875rem}.brick-switch[data-size=lg]{--brick-switch-track-inline-size:3rem;--brick-switch-track-block-size:1.75rem;--brick-switch-thumb-size:1.375rem}.brick-switch:not([data-disabled],[data-readonly]):active:before{background:var(--brick-switch-pressed-background)}@media (hover:hover) and (pointer:fine){.brick-switch:not([data-disabled],[data-readonly],[data-state=checked]):hover:before{background:var(--brick-switch-hover-background)}.brick-switch:not([data-disabled],[data-readonly])[data-state=checked]:hover:before{background:var(--brick-color-accent-solid-hover);border-color:var(--brick-color-accent-solid-hover)}}@media (prefers-reduced-motion:reduce){:where(.brick-switch-thumb){transition-duration:0s}}@media (forced-colors:active){.brick-switch{forced-color-adjust:none}.brick-switch:before{background:canvas;border-color:buttontext}.brick-switch-thumb{box-shadow:none;background:buttontext;border-color:buttontext}.brick-switch[data-state=checked]:before{background:highlight;border-color:highlight}.brick-switch[data-state=checked] .brick-switch-thumb{background:highlighttext;border-color:highlighttext}.brick-switch[data-invalid]:before{border-color:mark}.brick-switch[data-disabled]{opacity:1}.brick-switch[data-disabled]:before,.brick-switch[data-disabled] .brick-switch-thumb{border-color:graytext}}}@layer brick.effects;
2
+ /*# sourceMappingURL=switch.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,w5CAqCA,+fAcA,kEACA,4CAEA,mLAKA,4uBAkBA,2IAKA,2RAMA,gNAIA,mFACA,uFACA,4DAEA,4IAMA,6IAMA,mHAIA,wCACE,qIAGA,yLAMF,uCACE,oDAGF,8BACE,uCACA,+DACA,kFACA,qFACA,0GACA,qDACA,uCACA,6GDvIJ","sources":["home/runner/work/brick/brick/.brick-cache/production/switch.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/switch/switch.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/switch/switch.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-switch {\n --brick-switch-target-size: var(--brick-control-target-min);\n --brick-switch-track-inline-size: 2.5rem;\n --brick-switch-track-block-size: 1.5rem;\n --brick-switch-thumb-size: 1.125rem;\n --brick-switch-track-inset: 0.1875rem;\n --brick-switch-track-background: var(--brick-color-surface-subtle);\n --brick-switch-track-border: var(--brick-color-border-strong);\n --brick-switch-thumb-background: var(--brick-color-surface-raised);\n --brick-switch-thumb-border: var(--brick-color-border-default);\n --brick-switch-checked-background: var(--brick-color-accent-solid);\n --brick-switch-checked-border: var(--brick-color-accent-solid);\n --brick-switch-checked-thumb: var(--brick-color-accent-on-solid);\n --brick-switch-hover-background: var(--brick-color-surface-base);\n --brick-switch-pressed-background: var(--brick-color-accent-soft-pressed);\n --brick-switch-focus-ring: var(--brick-color-focus-ring);\n --brick-switch-invalid-border: var(--brick-color-danger-text);\n --brick-switch-readonly-background: var(--brick-color-surface-subtle);\n\n position: relative;\n display: inline-grid;\n box-sizing: border-box;\n inline-size: max(var(--brick-switch-target-size), var(--brick-switch-track-inline-size));\n min-inline-size: var(--brick-switch-target-size);\n min-block-size: var(--brick-switch-target-size);\n place-items: center;\n flex: 0 0 auto;\n padding: 0;\n border: 0;\n border-radius: var(--brick-radius-full);\n appearance: none;\n background: transparent;\n color: inherit;\n vertical-align: middle;\n user-select: none;\n }\n\n .brick-switch::before {\n position: absolute;\n box-sizing: border-box;\n inline-size: var(--brick-switch-track-inline-size);\n block-size: var(--brick-switch-track-block-size);\n border: var(--brick-border-width) solid var(--brick-switch-track-border);\n border-radius: var(--brick-radius-full);\n background: var(--brick-switch-track-background);\n content: \"\";\n transition:\n background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n }\n\n .brick-switch:not([data-disabled], [data-readonly]) { cursor: pointer; }\n .brick-switch[data-readonly] { cursor: default; }\n\n .brick-switch:is(:focus-visible, [data-focus-visible]) {\n outline: var(--brick-border-focus-width) solid var(--brick-switch-focus-ring);\n outline-offset: var(--brick-border-focus-offset);\n }\n\n .brick-switch-thumb {\n position: absolute;\n inset-inline-start: calc((100% - var(--brick-switch-track-inline-size)) / 2 + var(--brick-switch-track-inset));\n display: block;\n box-sizing: border-box;\n inline-size: var(--brick-switch-thumb-size);\n block-size: var(--brick-switch-thumb-size);\n border: var(--brick-border-width) solid var(--brick-switch-thumb-border);\n border-radius: var(--brick-radius-full);\n background: var(--brick-switch-thumb-background);\n box-shadow: var(--brick-shadow-sm);\n transform: translateX(0);\n transition:\n background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n }\n\n .brick-switch[data-state=\"checked\"]::before {\n border-color: var(--brick-switch-checked-border);\n background: var(--brick-switch-checked-background);\n }\n\n .brick-switch[data-state=\"checked\"] .brick-switch-thumb {\n border-color: var(--brick-switch-checked-thumb);\n background: var(--brick-switch-checked-thumb);\n transform: translateX(calc(var(--brick-switch-track-inline-size) - var(--brick-switch-thumb-size) - 2 * var(--brick-switch-track-inset)));\n }\n\n [dir=\"rtl\"] .brick-switch[data-state=\"checked\"] .brick-switch-thumb {\n transform: translateX(calc(-1 * (var(--brick-switch-track-inline-size) - var(--brick-switch-thumb-size) - 2 * var(--brick-switch-track-inset))));\n }\n\n .brick-switch[data-invalid]::before { border-color: var(--brick-switch-invalid-border); }\n .brick-switch[data-readonly]::before { background: var(--brick-switch-readonly-background); }\n .brick-switch[data-disabled] { cursor: not-allowed; opacity: 0.65; }\n\n .brick-switch[data-size=\"sm\"] {\n --brick-switch-track-inline-size: 2rem;\n --brick-switch-track-block-size: 1.25rem;\n --brick-switch-thumb-size: 0.875rem;\n }\n\n .brick-switch[data-size=\"lg\"] {\n --brick-switch-track-inline-size: 3rem;\n --brick-switch-track-block-size: 1.75rem;\n --brick-switch-thumb-size: 1.375rem;\n }\n\n .brick-switch:not([data-disabled], [data-readonly]):active::before {\n background: var(--brick-switch-pressed-background);\n }\n\n @media (hover: hover) and (pointer: fine) {\n .brick-switch:not([data-disabled], [data-readonly], [data-state=\"checked\"]):hover::before {\n background: var(--brick-switch-hover-background);\n }\n .brick-switch:not([data-disabled], [data-readonly])[data-state=\"checked\"]:hover::before {\n background: var(--brick-color-accent-solid-hover);\n border-color: var(--brick-color-accent-solid-hover);\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n :where(.brick-switch::before, .brick-switch-thumb) { transition-duration: 0ms; }\n }\n\n @media (forced-colors: active) {\n .brick-switch { forced-color-adjust: none; }\n .brick-switch::before { border-color: ButtonText; background: Canvas; }\n .brick-switch-thumb { border-color: ButtonText; background: ButtonText; box-shadow: none; }\n .brick-switch[data-state=\"checked\"]::before { border-color: Highlight; background: Highlight; }\n .brick-switch[data-state=\"checked\"] .brick-switch-thumb { border-color: HighlightText; background: HighlightText; }\n .brick-switch[data-invalid]::before { border-color: Mark; }\n .brick-switch[data-disabled] { opacity: 1; }\n .brick-switch[data-disabled]::before,\n .brick-switch[data-disabled] .brick-switch-thumb { border-color: GrayText; }\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-table-container{box-sizing:border-box;overscroll-behavior-inline:contain;inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow-x:auto}.brick-table{--brick-table-inline-size:100%;--brick-table-min-inline-size:0;--brick-table-border-color:var(--brick-color-border-subtle);--brick-table-border-width:var(--brick-border-width);--brick-table-radius:var(--brick-radius-surface);--brick-table-header-background:var(--brick-color-surface-subtle);--brick-table-header-foreground:var(--brick-color-text-primary);--brick-table-body-background:var(--brick-color-surface);--brick-table-row-stripe-background:var(--brick-color-surface-subtle);--brick-table-footer-background:var(--brick-color-surface-subtle);--brick-table-footer-foreground:var(--brick-color-text-primary);--brick-table-cell-foreground:var(--brick-color-text-primary);--brick-table-cell-padding-inline:var(--brick-space-4);--brick-table-cell-padding-block:var(--brick-space-3);--brick-table-row-min-block-size:3rem;--brick-table-caption-foreground:var(--brick-color-text-secondary);--brick-table-caption-gap:var(--brick-space-3);--brick-table-sticky-offset:0px;--brick-table-sticky-z-index:1;--brick-table-sort-indicator-size:1rem;--brick-table-sort-indicator-color:var(--brick-color-text-secondary);inline-size:var(--brick-table-inline-size);min-inline-size:var(--brick-table-min-inline-size);border-collapse:separate;border-spacing:0;color:var(--brick-table-cell-foreground);font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-typography-body-md-font-size);line-height:var(--brick-typography-body-md-line-height)}.brick-table[data-size=sm]{font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height);--brick-table-row-min-block-size:2.5rem}.brick-table[data-size=lg]{font-size:var(--brick-typography-body-lg-font-size);line-height:var(--brick-typography-body-lg-line-height);--brick-table-row-min-block-size:3.5rem}.brick-table[data-density=compact]{--brick-table-cell-padding-block:var(--brick-space-1)}.brick-table__caption{color:var(--brick-table-caption-foreground);text-align:start}.brick-table__caption[data-side=top]{caption-side:top;padding-block-end:var(--brick-table-caption-gap)}.brick-table__caption[data-side=bottom]{caption-side:bottom;padding-block-start:var(--brick-table-caption-gap)}.brick-table__head,.brick-table__cell{box-sizing:border-box;min-block-size:var(--brick-table-row-min-block-size);padding-block:var(--brick-table-cell-padding-block);padding-inline:var(--brick-table-cell-padding-inline);border-block-end:var(--brick-table-border-width) solid var(--brick-table-border-color);text-align:start;vertical-align:middle;overflow-wrap:break-word}.brick-table__head{color:var(--brick-table-header-foreground);background:var(--brick-table-header-background);font-weight:var(--brick-typography-heading-sm-font-weight);white-space:nowrap}.brick-table__cell{background:var(--brick-table-body-background)}.brick-table__head[data-align=center],.brick-table__cell[data-align=center]{text-align:center}.brick-table__head[data-align=end],.brick-table__cell[data-align=end]{text-align:end}.brick-table__head[data-numeric],.brick-table__cell[data-numeric]{white-space:nowrap;font-variant-numeric:tabular-nums}.brick-table__footer .brick-table__head,.brick-table__footer .brick-table__cell{color:var(--brick-table-footer-foreground);background:var(--brick-table-footer-background);font-weight:var(--brick-typography-heading-sm-font-weight)}.brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(2n) .brick-table__cell,.brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(2n) .brick-table__head{background:var(--brick-table-row-stripe-background)}.brick-table[data-variant=outline]{border:var(--brick-table-border-width) solid var(--brick-table-border-color);border-radius:var(--brick-table-radius)}.brick-table[data-variant=outline] :where(.brick-table__head,.brick-table__cell)+:where(.brick-table__head,.brick-table__cell){border-inline-start:var(--brick-table-border-width) solid var(--brick-table-border-color)}.brick-table[data-variant=outline] .brick-table__footer .brick-table__row:last-child :where(.brick-table__head,.brick-table__cell),.brick-table[data-variant=outline] .brick-table__body:last-child .brick-table__row:last-child :where(.brick-table__head,.brick-table__cell){border-block-end:0}.brick-table[data-variant=outline] .brick-table__footer .brick-table__row:last-child>:first-child{border-end-start-radius:calc(var(--brick-table-radius) - var(--brick-table-border-width))}.brick-table[data-variant=outline] .brick-table__footer .brick-table__row:last-child>:last-child{border-end-end-radius:calc(var(--brick-table-radius) - var(--brick-table-border-width))}.brick-table[data-sticky-header] .brick-table__header .brick-table__head{z-index:var(--brick-table-sticky-z-index);position:sticky;inset-block-start:var(--brick-table-sticky-offset)}.brick-table__sort-indicator{inline-size:var(--brick-table-sort-indicator-size);block-size:var(--brick-table-sort-indicator-size);color:var(--brick-table-sort-indicator-color);flex:none;display:inline-flex}.brick-table__sort-indicator svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;block-size:100%;inline-size:100%}.brick-table__head[data-sort=ascending] .brick-table__sort-indicator path{d:path("m4 10 4-4 4 4")}.brick-table__head[data-sort=descending] .brick-table__sort-indicator path{d:path("m4 6 4 4 4-4")}@media (forced-colors:active){.brick-table{--brick-table-border-color:CanvasText;--brick-table-header-background:Canvas;--brick-table-body-background:Canvas;--brick-table-row-stripe-background:Canvas;--brick-table-footer-background:Canvas;--brick-table-sort-indicator-color:CanvasText}}}@layer brick.effects;
2
+ /*# sourceMappingURL=table.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,wJASA,o7CAgCA,+KACA,+KACA,yFAEA,mFACA,uGACA,+GAEA,kXAWA,4LACA,iEACA,8FACA,qFACA,uHACA,sOAEA,sPAGA,wJACA,yNACA,kSAEA,4LACA,yLAEA,sLAEA,8MACA,8JACA,kGACA,kGAEA,8BACE,iQDtFJ","sources":["home/runner/work/brick/brick/.brick-cache/production/table.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/table/table.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/table/table.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-table-container {\n box-sizing: border-box;\n inline-size: 100%;\n min-inline-size: 0;\n max-inline-size: 100%;\n overflow-x: auto;\n overscroll-behavior-inline: contain;\n }\n\n .brick-table {\n --brick-table-inline-size: 100%;\n --brick-table-min-inline-size: 0;\n --brick-table-border-color: var(--brick-color-border-subtle);\n --brick-table-border-width: var(--brick-border-width);\n --brick-table-radius: var(--brick-radius-surface);\n --brick-table-header-background: var(--brick-color-surface-subtle);\n --brick-table-header-foreground: var(--brick-color-text-primary);\n --brick-table-body-background: var(--brick-color-surface);\n --brick-table-row-stripe-background: var(--brick-color-surface-subtle);\n --brick-table-footer-background: var(--brick-color-surface-subtle);\n --brick-table-footer-foreground: var(--brick-color-text-primary);\n --brick-table-cell-foreground: var(--brick-color-text-primary);\n --brick-table-cell-padding-inline: var(--brick-space-4);\n --brick-table-cell-padding-block: var(--brick-space-3);\n --brick-table-row-min-block-size: 3rem;\n --brick-table-caption-foreground: var(--brick-color-text-secondary);\n --brick-table-caption-gap: var(--brick-space-3);\n --brick-table-sticky-offset: 0px;\n --brick-table-sticky-z-index: 1;\n --brick-table-sort-indicator-size: 1rem;\n --brick-table-sort-indicator-color: var(--brick-color-text-secondary);\n inline-size: var(--brick-table-inline-size);\n min-inline-size: var(--brick-table-min-inline-size);\n border-collapse: separate;\n border-spacing: 0;\n color: var(--brick-table-cell-foreground);\n font-family: var(--brick-typography-body-md-font-family);\n font-size: var(--brick-typography-body-md-font-size);\n line-height: var(--brick-typography-body-md-line-height);\n }\n\n .brick-table[data-size=\"sm\"] { font-size: var(--brick-typography-body-sm-font-size); line-height: var(--brick-typography-body-sm-line-height); --brick-table-row-min-block-size: 2.5rem; }\n .brick-table[data-size=\"lg\"] { font-size: var(--brick-typography-body-lg-font-size); line-height: var(--brick-typography-body-lg-line-height); --brick-table-row-min-block-size: 3.5rem; }\n .brick-table[data-density=\"compact\"] { --brick-table-cell-padding-block: var(--brick-space-1); }\n\n .brick-table__caption { color: var(--brick-table-caption-foreground); text-align: start; }\n .brick-table__caption[data-side=\"top\"] { caption-side: top; padding-block-end: var(--brick-table-caption-gap); }\n .brick-table__caption[data-side=\"bottom\"] { caption-side: bottom; padding-block-start: var(--brick-table-caption-gap); }\n\n .brick-table__head,\n .brick-table__cell {\n box-sizing: border-box;\n min-block-size: var(--brick-table-row-min-block-size);\n padding-block: var(--brick-table-cell-padding-block);\n padding-inline: var(--brick-table-cell-padding-inline);\n border-block-end: var(--brick-table-border-width) solid var(--brick-table-border-color);\n text-align: start;\n vertical-align: middle;\n overflow-wrap: break-word;\n }\n .brick-table__head { color: var(--brick-table-header-foreground); background: var(--brick-table-header-background); font-weight: var(--brick-typography-heading-sm-font-weight); white-space: nowrap; }\n .brick-table__cell { background: var(--brick-table-body-background); }\n .brick-table__head[data-align=\"center\"], .brick-table__cell[data-align=\"center\"] { text-align: center; }\n .brick-table__head[data-align=\"end\"], .brick-table__cell[data-align=\"end\"] { text-align: end; }\n .brick-table__head[data-numeric], .brick-table__cell[data-numeric] { white-space: nowrap; font-variant-numeric: tabular-nums; }\n .brick-table__footer .brick-table__head,\n .brick-table__footer .brick-table__cell { color: var(--brick-table-footer-foreground); background: var(--brick-table-footer-background); font-weight: var(--brick-typography-heading-sm-font-weight); }\n .brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(even) .brick-table__cell,\n .brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(even) .brick-table__head { background: var(--brick-table-row-stripe-background); }\n\n .brick-table[data-variant=\"outline\"] { border: var(--brick-table-border-width) solid var(--brick-table-border-color); border-radius: var(--brick-table-radius); }\n .brick-table[data-variant=\"outline\"] :where(.brick-table__head, .brick-table__cell) + :where(.brick-table__head, .brick-table__cell) { border-inline-start: var(--brick-table-border-width) solid var(--brick-table-border-color); }\n .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child :where(.brick-table__head, .brick-table__cell),\n .brick-table[data-variant=\"outline\"] .brick-table__body:last-child .brick-table__row:last-child :where(.brick-table__head, .brick-table__cell) { border-block-end: 0; }\n .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n\n .brick-table[data-sticky-header] .brick-table__header .brick-table__head { position: sticky; inset-block-start: var(--brick-table-sticky-offset); z-index: var(--brick-table-sticky-z-index); }\n\n .brick-table__sort-indicator { display: inline-flex; inline-size: var(--brick-table-sort-indicator-size); block-size: var(--brick-table-sort-indicator-size); flex: none; color: var(--brick-table-sort-indicator-color); }\n .brick-table__sort-indicator svg { inline-size: 100%; block-size: 100%; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }\n .brick-table__head[data-sort=\"ascending\"] .brick-table__sort-indicator path { d: path(\"m4 10 4-4 4 4\"); }\n .brick-table__head[data-sort=\"descending\"] .brick-table__sort-indicator path { d: path(\"m4 6 4 4 4-4\"); }\n\n @media (forced-colors: active) {\n .brick-table { --brick-table-border-color: CanvasText; --brick-table-header-background: Canvas; --brick-table-body-background: Canvas; --brick-table-row-stripe-background: Canvas; --brick-table-footer-background: Canvas; --brick-table-sort-indicator-color: CanvasText; }\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-tabs{--brick-tabs-foreground:var(--brick-color-text-secondary);--brick-tabs-selected-foreground:var(--brick-color-accent-text);--brick-tabs-hover-background:var(--brick-color-surface-subtle);--brick-tabs-list-background:transparent;--brick-tabs-selected-background:transparent;--brick-tabs-border-color:var(--brick-color-border-default);--brick-tabs-indicator-color:var(--brick-color-accent-solid);--brick-tabs-focus-ring:var(--brick-color-focus-ring);--brick-tabs-gap:var(--brick-space-1);--brick-tabs-trigger-gap:var(--brick-space-2);--brick-tabs-trigger-height:2.75rem;--brick-tabs-trigger-padding:var(--brick-space-3);--brick-tabs-panel-padding:var(--brick-space-4);--brick-tabs-radius:var(--brick-radius-control);--brick-tabs-font-family:var(--brick-typography-control-md-font-family);--brick-tabs-font-size:var(--brick-typography-control-md-font-size);--brick-tabs-font-weight:var(--brick-typography-control-md-font-weight);--brick-tabs-line-height:var(--brick-typography-control-md-line-height);flex-direction:column;min-inline-size:0;display:flex}.brick-tabs[data-size=sm]{--brick-tabs-trigger-height:2.25rem;--brick-tabs-trigger-padding:var(--brick-space-2);--brick-tabs-panel-padding:var(--brick-space-3);--brick-tabs-font-family:var(--brick-typography-control-sm-font-family);--brick-tabs-font-size:var(--brick-typography-control-sm-font-size);--brick-tabs-font-weight:var(--brick-typography-control-sm-font-weight);--brick-tabs-line-height:var(--brick-typography-control-sm-line-height)}.brick-tabs[data-size=lg]{--brick-tabs-trigger-height:3.25rem;--brick-tabs-trigger-padding:var(--brick-space-4);--brick-tabs-panel-padding:var(--brick-space-5);--brick-tabs-font-family:var(--brick-typography-control-lg-font-family);--brick-tabs-font-size:var(--brick-typography-control-lg-font-size);--brick-tabs-font-weight:var(--brick-typography-control-lg-font-weight);--brick-tabs-line-height:var(--brick-typography-control-lg-line-height)}.brick-tabs[data-orientation=vertical]{flex-direction:row;align-items:stretch}.brick-tabs-list{box-sizing:border-box;gap:var(--brick-tabs-gap);border-block-end:var(--brick-border-width) solid var(--brick-tabs-border-color);background:var(--brick-tabs-list-background);scrollbar-width:thin;flex:none;min-inline-size:0;max-inline-size:100%;display:flex;position:relative;overflow:auto hidden}.brick-tabs-list[data-orientation=vertical]{border-block-end:0;border-inline-end:var(--brick-border-width) solid var(--brick-tabs-border-color);flex-direction:column;min-inline-size:max-content;overflow:visible}.brick-tabs-trigger{box-sizing:border-box;min-block-size:var(--brick-tabs-trigger-height);justify-content:center;align-items:center;gap:var(--brick-tabs-trigger-gap);padding-inline:var(--brick-tabs-trigger-padding);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-tabs-radius) var(--brick-tabs-radius) 0 0;color:var(--brick-tabs-foreground);font-family:var(--brick-tabs-font-family);font-size:var(--brick-tabs-font-size);font-weight:var(--brick-tabs-font-weight);line-height:var(--brick-tabs-line-height);white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;flex:none;display:inline-flex}.brick-tabs-trigger:hover:not(:disabled){background:var(--brick-tabs-hover-background);color:var(--brick-color-text-primary)}.brick-tabs-trigger[data-state=active]{color:var(--brick-tabs-selected-foreground)}.brick-tabs-trigger:focus-visible,.brick-tabs-content:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-tabs-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-tabs-trigger:disabled{opacity:.55;cursor:not-allowed}.brick-tabs[data-full-width] .brick-tabs-list[data-orientation=horizontal]>.brick-tabs-trigger{flex:1 1 0}.brick-tabs-content{box-sizing:border-box;min-inline-size:0;padding:var(--brick-tabs-panel-padding);color:var(--brick-color-text-primary);flex:auto}.brick-tabs-indicator{z-index:1;pointer-events:none;background:var(--brick-tabs-indicator-color);transition:translate var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), inline-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), block-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);position:absolute}.brick-tabs-indicator[data-orientation=horizontal]{inset-block-end:0;inline-size:var(--tabs-indicator-width);block-size:.125rem;translate:var(--tabs-indicator-left) 0;left:0}.brick-tabs-indicator[data-orientation=vertical]{inline-size:.125rem;block-size:var(--tabs-indicator-height);translate:0 var(--tabs-indicator-top);inset-block-start:0;inset-inline-end:0}.brick-tabs:not([data-variant=line]) .brick-tabs-indicator{display:none}.brick-tabs[data-variant=line] .brick-tabs-trigger[data-state=active]{border-block-end-color:var(--brick-tabs-indicator-color)}.brick-tabs[data-variant=line] .brick-tabs-list[data-orientation=vertical] .brick-tabs-trigger[data-state=active]{border-block-end-color:#0000;border-inline-end-color:var(--brick-tabs-indicator-color)}.brick-tabs[data-variant=solid]{--brick-tabs-list-background:var(--brick-color-surface-subtle);--brick-tabs-selected-background:var(--brick-color-surface-raised)}.brick-tabs[data-variant=soft]{--brick-tabs-selected-background:var(--brick-color-accent-soft)}.brick-tabs:is([data-variant=solid],[data-variant=soft]) .brick-tabs-list{padding:var(--brick-space-1);border-radius:var(--brick-tabs-radius);border:0}.brick-tabs:is([data-variant=solid],[data-variant=soft]) .brick-tabs-trigger{border-radius:calc(var(--brick-tabs-radius) - var(--brick-space-1))}.brick-tabs:is([data-variant=solid],[data-variant=soft]) .brick-tabs-trigger[data-state=active]{background:var(--brick-tabs-selected-background);box-shadow:var(--brick-shadow-sm)}.brick-tabs[data-variant=enclosed] .brick-tabs-list{gap:var(--brick-space-1)}.brick-tabs[data-variant=enclosed] .brick-tabs-trigger[data-state=active]{border-color:var(--brick-tabs-border-color);border-block-end-color:var(--brick-color-surface-base);background:var(--brick-color-surface-base);margin-block-end:calc(-1 * var(--brick-border-width))}.brick-tabs[data-variant=enclosed] .brick-tabs-content{border:var(--brick-border-width) solid var(--brick-tabs-border-color);border-radius:0 0 var(--brick-tabs-radius) var(--brick-tabs-radius);border-block-start:0}@media (prefers-reduced-motion:reduce){.brick-tabs-indicator{transition:none}}@media (forced-colors:active){.brick-tabs-list{border-color:canvastext}.brick-tabs-trigger{color:buttontext;forced-color-adjust:auto}.brick-tabs-trigger[data-state=active]{color:highlight;border-color:highlight;box-shadow:inset 0 -.125rem highlight}.brick-tabs-indicator{background:highlight}.brick-tabs-trigger:focus-visible,.brick-tabs-content:focus-visible{outline-color:highlight}}}@layer brick.effects;
2
+ /*# sourceMappingURL=tabs.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,siCAyBA,4bACA,4bAEA,8EAEA,wTAeA,mNAEA,8nBAsBA,6HACA,mFACA,+LACA,4DACA,0GAEA,oJAEA,mXACA,8KACA,0LACA,wEAEA,+HACA,yMAEA,kKACA,+FACA,uJACA,iJACA,mLAEA,6EACA,8QACA,sNAEA,uCAA0C,uCAC1C,8BACE,yCACA,8DACA,oHACA,2CACA,8FDtGJ","sources":["home/runner/work/brick/brick/.brick-cache/production/tabs.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/tabs/tabs.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/tabs/tabs.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-tabs {\n --brick-tabs-foreground: var(--brick-color-text-secondary);\n --brick-tabs-selected-foreground: var(--brick-color-accent-text);\n --brick-tabs-hover-background: var(--brick-color-surface-subtle);\n --brick-tabs-list-background: transparent;\n --brick-tabs-selected-background: transparent;\n --brick-tabs-border-color: var(--brick-color-border-default);\n --brick-tabs-indicator-color: var(--brick-color-accent-solid);\n --brick-tabs-focus-ring: var(--brick-color-focus-ring);\n --brick-tabs-gap: var(--brick-space-1);\n --brick-tabs-trigger-gap: var(--brick-space-2);\n --brick-tabs-trigger-height: 2.75rem;\n --brick-tabs-trigger-padding: var(--brick-space-3);\n --brick-tabs-panel-padding: var(--brick-space-4);\n --brick-tabs-radius: var(--brick-radius-control);\n --brick-tabs-font-family: var(--brick-typography-control-md-font-family);\n --brick-tabs-font-size: var(--brick-typography-control-md-font-size);\n --brick-tabs-font-weight: var(--brick-typography-control-md-font-weight);\n --brick-tabs-line-height: var(--brick-typography-control-md-line-height);\n\n display: flex;\n min-inline-size: 0;\n flex-direction: column;\n }\n\n .brick-tabs[data-size=\"sm\"] { --brick-tabs-trigger-height: 2.25rem; --brick-tabs-trigger-padding: var(--brick-space-2); --brick-tabs-panel-padding: var(--brick-space-3); --brick-tabs-font-family: var(--brick-typography-control-sm-font-family); --brick-tabs-font-size: var(--brick-typography-control-sm-font-size); --brick-tabs-font-weight: var(--brick-typography-control-sm-font-weight); --brick-tabs-line-height: var(--brick-typography-control-sm-line-height); }\n .brick-tabs[data-size=\"lg\"] { --brick-tabs-trigger-height: 3.25rem; --brick-tabs-trigger-padding: var(--brick-space-4); --brick-tabs-panel-padding: var(--brick-space-5); --brick-tabs-font-family: var(--brick-typography-control-lg-font-family); --brick-tabs-font-size: var(--brick-typography-control-lg-font-size); --brick-tabs-font-weight: var(--brick-typography-control-lg-font-weight); --brick-tabs-line-height: var(--brick-typography-control-lg-line-height); }\n\n .brick-tabs[data-orientation=\"vertical\"] { flex-direction: row; align-items: stretch; }\n\n .brick-tabs-list {\n position: relative;\n display: flex;\n box-sizing: border-box;\n min-inline-size: 0;\n max-inline-size: 100%;\n flex: 0 0 auto;\n gap: var(--brick-tabs-gap);\n overflow-x: auto;\n overflow-y: hidden;\n border-block-end: var(--brick-border-width) solid var(--brick-tabs-border-color);\n background: var(--brick-tabs-list-background);\n scrollbar-width: thin;\n }\n\n .brick-tabs-list[data-orientation=\"vertical\"] { min-inline-size: max-content; flex-direction: column; overflow: visible; border-block-end: 0; border-inline-end: var(--brick-border-width) solid var(--brick-tabs-border-color); }\n\n .brick-tabs-trigger {\n display: inline-flex;\n box-sizing: border-box;\n min-block-size: var(--brick-tabs-trigger-height);\n flex: 0 0 auto;\n align-items: center;\n justify-content: center;\n gap: var(--brick-tabs-trigger-gap);\n padding-inline: var(--brick-tabs-trigger-padding);\n border: var(--brick-border-width) solid transparent;\n border-radius: var(--brick-tabs-radius) var(--brick-tabs-radius) 0 0;\n background: transparent;\n color: var(--brick-tabs-foreground);\n font-family: var(--brick-tabs-font-family);\n font-size: var(--brick-tabs-font-size);\n font-weight: var(--brick-tabs-font-weight);\n line-height: var(--brick-tabs-line-height);\n white-space: nowrap;\n cursor: pointer;\n touch-action: manipulation;\n }\n\n .brick-tabs-trigger:hover:not(:disabled) { background: var(--brick-tabs-hover-background); color: var(--brick-color-text-primary); }\n .brick-tabs-trigger[data-state=\"active\"] { color: var(--brick-tabs-selected-foreground); }\n .brick-tabs-trigger:focus-visible, .brick-tabs-content:focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-tabs-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n .brick-tabs-trigger:disabled { opacity: 0.55; cursor: not-allowed; }\n .brick-tabs[data-full-width] .brick-tabs-list[data-orientation=\"horizontal\"] > .brick-tabs-trigger { flex: 1 1 0; }\n\n .brick-tabs-content { box-sizing: border-box; min-inline-size: 0; flex: 1 1 auto; padding: var(--brick-tabs-panel-padding); color: var(--brick-color-text-primary); }\n\n .brick-tabs-indicator { position: absolute; z-index: 1; pointer-events: none; background: var(--brick-tabs-indicator-color); transition: translate var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), inline-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), block-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard); }\n .brick-tabs-indicator[data-orientation=\"horizontal\"] { inset-block-end: 0; left: 0; inline-size: var(--tabs-indicator-width); block-size: 0.125rem; translate: var(--tabs-indicator-left) 0; }\n .brick-tabs-indicator[data-orientation=\"vertical\"] { inset-block-start: 0; inset-inline-end: 0; inline-size: 0.125rem; block-size: var(--tabs-indicator-height); translate: 0 var(--tabs-indicator-top); }\n .brick-tabs:not([data-variant=\"line\"]) .brick-tabs-indicator { display: none; }\n\n .brick-tabs[data-variant=\"line\"] .brick-tabs-trigger[data-state=\"active\"] { border-block-end-color: var(--brick-tabs-indicator-color); }\n .brick-tabs[data-variant=\"line\"] .brick-tabs-list[data-orientation=\"vertical\"] .brick-tabs-trigger[data-state=\"active\"] { border-block-end-color: transparent; border-inline-end-color: var(--brick-tabs-indicator-color); }\n\n .brick-tabs[data-variant=\"solid\"] { --brick-tabs-list-background: var(--brick-color-surface-subtle); --brick-tabs-selected-background: var(--brick-color-surface-raised); }\n .brick-tabs[data-variant=\"soft\"] { --brick-tabs-selected-background: var(--brick-color-accent-soft); }\n .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) .brick-tabs-list { padding: var(--brick-space-1); border: 0; border-radius: var(--brick-tabs-radius); }\n .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) .brick-tabs-trigger { border-radius: calc(var(--brick-tabs-radius) - var(--brick-space-1)); }\n .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) .brick-tabs-trigger[data-state=\"active\"] { background: var(--brick-tabs-selected-background); box-shadow: var(--brick-shadow-sm); }\n\n .brick-tabs[data-variant=\"enclosed\"] .brick-tabs-list { gap: var(--brick-space-1); }\n .brick-tabs[data-variant=\"enclosed\"] .brick-tabs-trigger[data-state=\"active\"] { border-color: var(--brick-tabs-border-color); border-block-end-color: var(--brick-color-surface-base); background: var(--brick-color-surface-base); margin-block-end: calc(-1 * var(--brick-border-width)); }\n .brick-tabs[data-variant=\"enclosed\"] .brick-tabs-content { border: var(--brick-border-width) solid var(--brick-tabs-border-color); border-block-start: 0; border-radius: 0 0 var(--brick-tabs-radius) var(--brick-tabs-radius); }\n\n @media (prefers-reduced-motion: reduce) { .brick-tabs-indicator { transition: none; } }\n @media (forced-colors: active) {\n .brick-tabs-list { border-color: CanvasText; }\n .brick-tabs-trigger { color: ButtonText; forced-color-adjust: auto; }\n .brick-tabs-trigger[data-state=\"active\"] { border-color: Highlight; color: Highlight; box-shadow: inset 0 -0.125rem 0 Highlight; }\n .brick-tabs-indicator { background: Highlight; }\n .brick-tabs-trigger:focus-visible, .brick-tabs-content:focus-visible { outline-color: Highlight; }\n }\n}\n"],"names":[]}
@@ -0,0 +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;
2
+ /*# sourceMappingURL=text.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,wtBAoBA,6XAQA,mYAQA,mYAQA,mYAQA,6XAQA,6XAQA,6XAQA,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,0EDzLJ","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-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-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-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":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-textarea{--brick-textarea-padding-inline:var(--brick-space-3);--brick-textarea-padding-block:var(--brick-space-3);--brick-textarea-gap:var(--brick-space-2);--brick-textarea-radius:var(--brick-radius-control);--brick-textarea-font-family:var(--brick-typography-field-value-md-font-family);--brick-textarea-font-size:var(--brick-typography-field-value-md-font-size);--brick-textarea-font-weight:var(--brick-typography-field-value-md-font-weight);--brick-textarea-line-height:var(--brick-typography-field-value-md-line-height);--brick-textarea-letter-spacing:var(--brick-typography-field-value-md-letter-spacing);--brick-textarea-background:var(--brick-color-surface-raised);--brick-textarea-foreground:var(--brick-color-text-primary);--brick-textarea-placeholder-foreground:var(--brick-color-text-muted);--brick-textarea-border:var(--brick-color-border-strong);--brick-textarea-hover-background:var(--brick-color-surface-base);--brick-textarea-hover-border:var(--brick-color-accent-border);--brick-textarea-focus-ring:var(--brick-color-focus-ring);--brick-textarea-invalid-border:var(--brick-color-danger-text);--brick-textarea-disabled-background:var(--brick-color-surface-subtle);--brick-textarea-disabled-foreground:var(--brick-color-text-secondary);--brick-textarea-disabled-border:var(--brick-color-border-subtle);--brick-textarea-readonly-background:var(--brick-color-surface-subtle);--brick-textarea-count-foreground:var(--brick-color-text-secondary);--brick-textarea-count-over-limit-foreground:var(--brick-color-danger-text);box-sizing:border-box;gap:var(--brick-textarea-gap);min-inline-size:0;max-inline-size:100%;padding:var(--brick-textarea-padding-block) var(--brick-textarea-padding-inline);border:var(--brick-border-width) solid var(--brick-textarea-border);border-radius:var(--brick-textarea-radius);background:var(--brick-textarea-background);color:var(--brick-textarea-foreground);vertical-align:top;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);grid-template-columns:minmax(0,1fr);display:inline-grid}.brick-textarea[data-full-width]{inline-size:100%}.brick-textarea:not([data-full-width]){inline-size:fit-content}.brick-textarea[data-variant=soft]{--brick-textarea-background:var(--brick-color-surface-subtle);--brick-textarea-border:var(--brick-color-border-subtle);--brick-textarea-hover-background:var(--brick-color-accent-soft)}.brick-textarea[data-variant=underline]{--brick-textarea-background:transparent;--brick-textarea-radius:0;border-width:0 0 var(--brick-border-width)}.brick-textarea[data-shape=sharp]{--brick-textarea-radius:0}.brick-textarea[data-size=sm]{--brick-textarea-padding-inline:var(--brick-space-2);--brick-textarea-padding-block:var(--brick-space-2);--brick-textarea-gap:var(--brick-space-1)}.brick-textarea[data-size=lg]{--brick-textarea-padding-inline:var(--brick-space-4);--brick-textarea-padding-block:var(--brick-space-4);--brick-textarea-gap:var(--brick-space-3);--brick-textarea-font-size:var(--brick-typography-field-value-lg-font-size);--brick-textarea-line-height:var(--brick-typography-field-value-lg-line-height)}.brick-textarea-control{box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%;color:inherit;font-family:var(--brick-textarea-font-family);font-size:var(--brick-textarea-font-size);font-weight:var(--brick-textarea-font-weight);letter-spacing:var(--brick-textarea-letter-spacing);line-height:var(--brick-textarea-line-height);background:0 0;border:0;outline:0;margin:0;padding:0;display:block}.brick-textarea[data-resize=none] .brick-textarea-control{resize:none}.brick-textarea[data-resize=vertical] .brick-textarea-control{resize:vertical}.brick-textarea[data-resize=horizontal] .brick-textarea-control{resize:horizontal}.brick-textarea[data-resize=both] .brick-textarea-control{resize:both}.brick-textarea-control::placeholder{color:var(--brick-textarea-placeholder-foreground);opacity:1}.brick-textarea-count{min-inline-size:0;color:var(--brick-textarea-count-foreground);font-family:var(--brick-typography-caption-font-family);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-caption-font-weight);line-height:var(--brick-typography-caption-line-height);text-align:end;justify-self:end;display:block}.brick-textarea-count[data-over-limit]{color:var(--brick-textarea-count-over-limit-foreground)}.brick-textarea:focus-within{border-color:var(--brick-textarea-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-textarea-focus-ring)}.brick-textarea:has(.brick-textarea-control[data-invalid]){border-color:var(--brick-textarea-invalid-border)}.brick-textarea:has(.brick-textarea-control[data-disabled]){border-color:var(--brick-textarea-disabled-border);background:var(--brick-textarea-disabled-background);color:var(--brick-textarea-disabled-foreground)}.brick-textarea:has(.brick-textarea-control[data-readonly]){background:var(--brick-textarea-readonly-background)}.brick-textarea-control:disabled{cursor:not-allowed}.brick-textarea-control:read-only{cursor:default}@media (hover:hover) and (pointer:fine){.brick-textarea:not(:has(.brick-textarea-control[data-disabled],.brick-textarea-control[data-readonly],.brick-textarea-control[data-invalid])):hover{border-color:var(--brick-textarea-hover-border);background:var(--brick-textarea-hover-background)}}@media (prefers-reduced-motion:reduce){.brick-textarea{transition-duration:0s}}@media (forced-colors:active){.brick-textarea{color:canvastext;background:canvas;border-color:buttontext}.brick-textarea:focus-within{outline:var(--brick-border-focus-width) solid Highlight;outline-offset:0;box-shadow:none}.brick-textarea:has(.brick-textarea-control[data-invalid]){border-color:mark}.brick-textarea:has(.brick-textarea-control[data-disabled]){color:graytext;border-color:graytext}.brick-textarea-count[data-over-limit]{color:mark}}}@layer brick.effects;
2
+ /*# sourceMappingURL=textarea.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,osEAwCA,kDACA,+DACA,2NAKA,qJAKA,4DACA,iLAKA,6UAQA,+ZAmBA,sEACA,8EACA,kFACA,sEACA,kGAEA,+VAWA,+FAEA,6JAIA,6GACA,oNAKA,iHACA,oDACA,iDAEA,wCACE,wPAKF,uCACE,wCAEF,8BACE,2EACA,sHACA,6EACA,iGACA,oDDrIJ","sources":["home/runner/work/brick/brick/.brick-cache/production/textarea.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/textarea/textarea.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/textarea/textarea.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-textarea {\n --brick-textarea-padding-inline: var(--brick-space-3);\n --brick-textarea-padding-block: var(--brick-space-3);\n --brick-textarea-gap: var(--brick-space-2);\n --brick-textarea-radius: var(--brick-radius-control);\n --brick-textarea-font-family: var(--brick-typography-field-value-md-font-family);\n --brick-textarea-font-size: var(--brick-typography-field-value-md-font-size);\n --brick-textarea-font-weight: var(--brick-typography-field-value-md-font-weight);\n --brick-textarea-line-height: var(--brick-typography-field-value-md-line-height);\n --brick-textarea-letter-spacing: var(--brick-typography-field-value-md-letter-spacing);\n --brick-textarea-background: var(--brick-color-surface-raised);\n --brick-textarea-foreground: var(--brick-color-text-primary);\n --brick-textarea-placeholder-foreground: var(--brick-color-text-muted);\n --brick-textarea-border: var(--brick-color-border-strong);\n --brick-textarea-hover-background: var(--brick-color-surface-base);\n --brick-textarea-hover-border: var(--brick-color-accent-border);\n --brick-textarea-focus-ring: var(--brick-color-focus-ring);\n --brick-textarea-invalid-border: var(--brick-color-danger-text);\n --brick-textarea-disabled-background: var(--brick-color-surface-subtle);\n --brick-textarea-disabled-foreground: var(--brick-color-text-secondary);\n --brick-textarea-disabled-border: var(--brick-color-border-subtle);\n --brick-textarea-readonly-background: var(--brick-color-surface-subtle);\n --brick-textarea-count-foreground: var(--brick-color-text-secondary);\n --brick-textarea-count-over-limit-foreground: var(--brick-color-danger-text);\n\n display: inline-grid;\n box-sizing: border-box;\n min-inline-size: 0;\n max-inline-size: 100%;\n grid-template-columns: minmax(0, 1fr);\n gap: var(--brick-textarea-gap);\n padding: var(--brick-textarea-padding-block) var(--brick-textarea-padding-inline);\n border: var(--brick-border-width) solid var(--brick-textarea-border);\n border-radius: var(--brick-textarea-radius);\n background: var(--brick-textarea-background);\n color: var(--brick-textarea-foreground);\n vertical-align: top;\n transition: background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n }\n\n .brick-textarea[data-full-width] { inline-size: 100%; }\n .brick-textarea:not([data-full-width]) { inline-size: fit-content; }\n .brick-textarea[data-variant=\"soft\"] {\n --brick-textarea-background: var(--brick-color-surface-subtle);\n --brick-textarea-border: var(--brick-color-border-subtle);\n --brick-textarea-hover-background: var(--brick-color-accent-soft);\n }\n .brick-textarea[data-variant=\"underline\"] {\n --brick-textarea-background: transparent;\n --brick-textarea-radius: 0;\n border-width: 0 0 var(--brick-border-width);\n }\n .brick-textarea[data-shape=\"sharp\"] { --brick-textarea-radius: 0; }\n .brick-textarea[data-size=\"sm\"] {\n --brick-textarea-padding-inline: var(--brick-space-2);\n --brick-textarea-padding-block: var(--brick-space-2);\n --brick-textarea-gap: var(--brick-space-1);\n }\n .brick-textarea[data-size=\"lg\"] {\n --brick-textarea-padding-inline: var(--brick-space-4);\n --brick-textarea-padding-block: var(--brick-space-4);\n --brick-textarea-gap: var(--brick-space-3);\n --brick-textarea-font-size: var(--brick-typography-field-value-lg-font-size);\n --brick-textarea-line-height: var(--brick-typography-field-value-lg-line-height);\n }\n\n .brick-textarea-control {\n display: block;\n box-sizing: border-box;\n inline-size: 100%;\n min-inline-size: 0;\n max-inline-size: 100%;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n background: transparent;\n color: inherit;\n font-family: var(--brick-textarea-font-family);\n font-size: var(--brick-textarea-font-size);\n font-weight: var(--brick-textarea-font-weight);\n letter-spacing: var(--brick-textarea-letter-spacing);\n line-height: var(--brick-textarea-line-height);\n }\n\n .brick-textarea[data-resize=\"none\"] .brick-textarea-control { resize: none; }\n .brick-textarea[data-resize=\"vertical\"] .brick-textarea-control { resize: vertical; }\n .brick-textarea[data-resize=\"horizontal\"] .brick-textarea-control { resize: horizontal; }\n .brick-textarea[data-resize=\"both\"] .brick-textarea-control { resize: both; }\n .brick-textarea-control::placeholder { color: var(--brick-textarea-placeholder-foreground); opacity: 1; }\n\n .brick-textarea-count {\n display: block;\n min-inline-size: 0;\n justify-self: end;\n color: var(--brick-textarea-count-foreground);\n font-family: var(--brick-typography-caption-font-family);\n font-size: var(--brick-typography-caption-font-size);\n font-weight: var(--brick-typography-caption-font-weight);\n line-height: var(--brick-typography-caption-line-height);\n text-align: end;\n }\n .brick-textarea-count[data-over-limit] { color: var(--brick-textarea-count-over-limit-foreground); }\n\n .brick-textarea:focus-within {\n border-color: var(--brick-textarea-focus-ring);\n box-shadow: 0 0 0 var(--brick-border-focus-width) var(--brick-textarea-focus-ring);\n }\n .brick-textarea:has(.brick-textarea-control[data-invalid]) { border-color: var(--brick-textarea-invalid-border); }\n .brick-textarea:has(.brick-textarea-control[data-disabled]) {\n border-color: var(--brick-textarea-disabled-border);\n background: var(--brick-textarea-disabled-background);\n color: var(--brick-textarea-disabled-foreground);\n }\n .brick-textarea:has(.brick-textarea-control[data-readonly]) { background: var(--brick-textarea-readonly-background); }\n .brick-textarea-control:disabled { cursor: not-allowed; }\n .brick-textarea-control:read-only { cursor: default; }\n\n @media (hover: hover) and (pointer: fine) {\n .brick-textarea:not(:has(.brick-textarea-control[data-disabled], .brick-textarea-control[data-readonly], .brick-textarea-control[data-invalid])):hover {\n border-color: var(--brick-textarea-hover-border);\n background: var(--brick-textarea-hover-background);\n }\n }\n @media (prefers-reduced-motion: reduce) {\n .brick-textarea { transition-duration: 0ms; }\n }\n @media (forced-colors: active) {\n .brick-textarea { border-color: ButtonText; background: Canvas; color: CanvasText; }\n .brick-textarea:focus-within { outline: var(--brick-border-focus-width) solid Highlight; outline-offset: 0; box-shadow: none; }\n .brick-textarea:has(.brick-textarea-control[data-invalid]) { border-color: Mark; }\n .brick-textarea:has(.brick-textarea-control[data-disabled]) { border-color: GrayText; color: GrayText; }\n .brick-textarea-count[data-over-limit] { color: Mark; }\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-toast-viewport{--brick-toast-viewport-z-index:var(--brick-layer-overlay);--brick-toast-viewport-gap:var(--brick-space-3);--brick-toast-offset-block-start:var(--brick-space-4);--brick-toast-offset-block-end:var(--brick-space-4);--brick-toast-offset-inline-start:var(--brick-space-4);--brick-toast-offset-inline-end:var(--brick-space-4);--brick-toast-inline-size:24rem;--brick-toast-overlap-step:var(--brick-space-2);z-index:var(--brick-toast-viewport-z-index);inline-size:min(var(--brick-toast-inline-size), calc(100vw - var(--brick-toast-offset-inline-start) - var(--brick-toast-offset-inline-end) - env(safe-area-inset-left) - env(safe-area-inset-right)));max-block-size:calc(100vh - var(--brick-toast-offset-block-start) - var(--brick-toast-offset-block-end));gap:var(--brick-toast-viewport-gap);pointer-events:none;outline:none;flex-direction:column;margin:0;padding:0;display:flex;position:fixed}.brick-toast-viewport[data-width=compact]{--brick-toast-inline-size:20rem}.brick-toast-viewport[data-width=full]{--brick-toast-inline-size:calc(100vw - var(--brick-toast-offset-inline-start) - var(--brick-toast-offset-inline-end))}.brick-toast-viewport[data-position^=top-]{inset-block-start:calc(var(--brick-toast-offset-block-start) + env(safe-area-inset-top))}.brick-toast-viewport[data-position^=bottom-]{inset-block-end:calc(var(--brick-toast-offset-block-end) + env(safe-area-inset-bottom))}.brick-toast-viewport[data-position$=-start]{inset-inline-start:calc(var(--brick-toast-offset-inline-start) + env(safe-area-inset-left))}.brick-toast-viewport[data-position$=-end]{inset-inline-end:calc(var(--brick-toast-offset-inline-end) + env(safe-area-inset-right))}.brick-toast-viewport[data-position$=-center]{inset-inline-start:50%;transform:translate(-50%)}.brick-toast{--brick-toast-background:var(--brick-color-surface-raised);--brick-toast-foreground:var(--brick-color-text-primary);--brick-toast-description-foreground:var(--brick-color-text-secondary);--brick-toast-border-color:var(--brick-color-border-subtle);--brick-toast-accent-color:var(--brick-color-accent-solid);--brick-toast-radius:var(--brick-radius-overlay);--brick-toast-shadow:0 .75rem 2rem var(--brick-color-shadow);--brick-toast-padding:var(--brick-space-3);--brick-toast-content-gap:var(--brick-space-1);--brick-toast-action-gap:var(--brick-space-2);--brick-toast-motion-duration:var(--brick-motion-duration-fast);--brick-toast-motion-easing:var(--brick-motion-easing-enter);align-items:center;gap:var(--brick-space-3);box-sizing:border-box;border:1px solid var(--brick-toast-border-color);border-inline-start:.25rem solid var(--brick-toast-accent-color);border-radius:var(--brick-toast-radius);min-block-size:3rem;inline-size:100%;min-inline-size:0;padding:var(--brick-toast-padding);background:var(--brick-toast-background);box-shadow:var(--brick-toast-shadow);color:var(--brick-toast-foreground);pointer-events:auto;touch-action:pan-y;transition:opacity var(--brick-toast-motion-duration) var(--brick-toast-motion-easing), transform var(--brick-toast-motion-duration) var(--brick-toast-motion-easing), margin var(--brick-toast-motion-duration) var(--brick-toast-motion-easing);grid-template-columns:auto minmax(0,1fr);display:grid;position:relative}.brick-toast:has(.brick-toast__close){padding-inline-end:calc(2.75rem + var(--brick-space-3))}.brick-toast[data-type=default],.brick-toast[data-type=loading]{--brick-toast-accent-color:var(--brick-color-accent-solid)}.brick-toast[data-type=success]{--brick-toast-accent-color:var(--brick-color-success-solid);--brick-toast-border-color:var(--brick-color-success-border)}.brick-toast[data-type=error]{--brick-toast-accent-color:var(--brick-color-danger-solid);--brick-toast-border-color:var(--brick-color-danger-border)}.brick-toast[data-type=warning]{--brick-toast-accent-color:var(--brick-color-warning-solid);--brick-toast-border-color:var(--brick-color-warning-border)}.brick-toast[data-type=info]{--brick-toast-accent-color:var(--brick-color-info-solid);--brick-toast-border-color:var(--brick-color-info-border)}.brick-toast[data-state=entering]{opacity:0;transform:translateY(.5rem)}.brick-toast[data-state=exiting]{opacity:0;transform:translateY(-.375rem)}.brick-toast[data-swipe=move]{transform:translate(var(--atom-toast-swipe-move-x), var(--atom-toast-swipe-move-y));transition:none}.brick-toast[data-swipe=cancel]{transform:translate(0)}.brick-toast[data-swipe=end]{opacity:0}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]){gap:0;display:grid}.brick-toast-viewport[data-position^=top-][data-stacking=overlap]:not([data-expanded]){padding-block-end:calc(2 * var(--brick-toast-overlap-step))}.brick-toast-viewport[data-position^=bottom-][data-stacking=overlap]:not([data-expanded]){padding-block-start:calc(2 * var(--brick-toast-overlap-step))}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]) .brick-toast{grid-area:1/1}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]) .brick-toast[data-index="0"]{z-index:1}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]) .brick-toast[data-index="1"]{z-index:2}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]) .brick-toast[data-index="2"]{z-index:3}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]):has(.brick-toast[data-index="1"]) .brick-toast[data-index="0"]{transform:translateY(var(--brick-toast-overlap-step))}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]):has(.brick-toast[data-index="2"]) .brick-toast[data-index="0"]{transform:translateY(calc(2 * var(--brick-toast-overlap-step)))}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]):has(.brick-toast[data-index="2"]) .brick-toast[data-index="1"]{transform:translateY(var(--brick-toast-overlap-step))}.brick-toast-viewport[data-position^=bottom-][data-stacking=overlap]:not([data-expanded]) .brick-toast{align-self:end}.brick-toast-viewport[data-position^=bottom-][data-stacking=overlap]:not([data-expanded]):has(.brick-toast[data-index="1"]) .brick-toast[data-index="0"]{transform:translateY(calc(-1 * var(--brick-toast-overlap-step)))}.brick-toast-viewport[data-position^=bottom-][data-stacking=overlap]:not([data-expanded]):has(.brick-toast[data-index="2"]) .brick-toast[data-index="0"]{transform:translateY(calc(-2 * var(--brick-toast-overlap-step)))}.brick-toast-viewport[data-position^=bottom-][data-stacking=overlap]:not([data-expanded]):has(.brick-toast[data-index="2"]) .brick-toast[data-index="1"]{transform:translateY(calc(-1 * var(--brick-toast-overlap-step)))}.brick-toast__icon{block-size:1.25rem;inline-size:1.25rem;color:var(--brick-toast-accent-color);place-items:center;display:inline-grid}.brick-toast__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;block-size:100%;inline-size:100%}.brick-toast__spinner{box-sizing:border-box;border:2px solid color-mix(in srgb, currentColor 30%, transparent);border-block-start-color:currentColor;border-radius:50%;block-size:1rem;inline-size:1rem;animation:.8s linear infinite brick-toast-spin}.brick-toast__content{gap:var(--brick-toast-content-gap);min-inline-size:0;display:grid}.brick-toast__content:first-child{grid-column-start:1}.brick-toast__title,.brick-toast__description{overflow-wrap:anywhere;margin:0}.brick-toast__title{font-family:var(--brick-typography-compact-title-font-family);font-size:var(--brick-typography-compact-title-font-size);font-weight:var(--brick-typography-compact-title-font-weight);line-height:var(--brick-typography-compact-title-line-height)}.brick-toast__description{color:var(--brick-toast-description-foreground);font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height)}.brick-toast__actions{gap:var(--brick-toast-action-gap);flex-wrap:wrap;margin-block-start:var(--brick-space-1);display:flex}.brick-toast__action,.brick-toast__close{font:inherit;color:var(--brick-toast-accent-color);cursor:pointer;border:0}.brick-toast__action{border-radius:var(--brick-radius-control);min-block-size:2.25rem;padding-inline:var(--brick-space-2);background:color-mix(in srgb, var(--brick-toast-accent-color) 12%, transparent);color:var(--brick-color-text-primary);font-size:var(--brick-typography-body-sm-font-size);font-weight:var(--brick-typography-control-sm-font-weight)}.brick-toast__close{border-radius:var(--brick-radius-full);block-size:2.75rem;inline-size:2.75rem;color:var(--brick-color-text-secondary);background:0 0;place-items:center;margin:0;padding:0;display:inline-grid;position:absolute;inset-block-start:50%;inset-inline-end:var(--brick-space-1);transform:translateY(-50%)}.brick-toast__close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;block-size:1.125rem;inline-size:1.125rem}.brick-toast__action:hover{background:color-mix(in srgb, var(--brick-toast-accent-color) 18%, transparent)}.brick-toast__close:hover{background:var(--brick-color-surface-subtle);color:var(--brick-color-text-primary)}.brick-toast__action:focus-visible,.brick-toast__close:focus-visible{outline:2px solid var(--brick-color-focus-ring);outline-offset:2px}@keyframes brick-toast-spin{to{transform:rotate(360deg)}}@media (width<=30rem){.brick-toast-viewport[data-width=responsive]{--brick-toast-inline-size:calc(100vw - var(--brick-space-4) * 2);--brick-toast-offset-inline-start:var(--brick-space-2);--brick-toast-offset-inline-end:var(--brick-space-2)}}@media (prefers-reduced-motion:reduce){.brick-toast{transition:none}.brick-toast[data-state=entering],.brick-toast[data-state=exiting]{transform:none}.brick-toast__spinner{border-style:dotted;animation:none}}@media (forced-colors:active){.brick-toast{box-shadow:none;color:canvastext;forced-color-adjust:auto;background:canvas;border-color:canvastext}.brick-toast__icon,.brick-toast__action,.brick-toast__close{color:buttontext}.brick-toast__action{background:buttonface;border:1px solid buttontext}.brick-toast__action:focus-visible,.brick-toast__close:focus-visible{outline-color:highlight}}}@layer brick.effects;
2
+ /*# sourceMappingURL=toast.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,24BA0BA,0EACA,6JAIA,oIAGA,sIAGA,yIAGA,oIAGA,+FAKA,27CAoCA,8FAIA,2HAIA,yJAIA,qJAIA,yJAIA,gJAKA,wEACA,0EACA,kIAIA,uDACA,uCAEA,qFAIA,mJAGA,wJAGA,6FAGA,yGACA,yGACA,yGACA,uLAGA,iMAGA,uLAGA,sHAGA,0NAGA,0NAGA,0NAIA,uIAOA,kJASA,uPASA,wFAKA,sDACA,8EAEA,wQAMA,8OAMA,4HACA,oHAOA,+VASA,4TAeA,qIACA,2GACA,6GACA,wIAGA,yDAEA,sBACE,2NAOF,uCACE,6BACA,kFAEA,0DAGF,8BACE,iHACA,6EAGA,uEACA,+FDvQJ","sources":["home/runner/work/brick/brick/.brick-cache/production/toast.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/toast/toast.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/toast/toast.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-toast-viewport {\n --brick-toast-viewport-z-index: var(--brick-layer-overlay);\n --brick-toast-viewport-gap: var(--brick-space-3);\n --brick-toast-offset-block-start: var(--brick-space-4);\n --brick-toast-offset-block-end: var(--brick-space-4);\n --brick-toast-offset-inline-start: var(--brick-space-4);\n --brick-toast-offset-inline-end: var(--brick-space-4);\n --brick-toast-inline-size: 24rem;\n --brick-toast-overlap-step: var(--brick-space-2);\n\n position: fixed;\n z-index: var(--brick-toast-viewport-z-index);\n display: flex;\n inline-size: min(\n var(--brick-toast-inline-size),\n calc(100vw - var(--brick-toast-offset-inline-start) - var(--brick-toast-offset-inline-end) - env(safe-area-inset-left) - env(safe-area-inset-right))\n );\n max-block-size: calc(100vh - var(--brick-toast-offset-block-start) - var(--brick-toast-offset-block-end));\n flex-direction: column;\n gap: var(--brick-toast-viewport-gap);\n margin: 0;\n padding: 0;\n outline: none;\n pointer-events: none;\n }\n\n .brick-toast-viewport[data-width=\"compact\"] { --brick-toast-inline-size: 20rem; }\n .brick-toast-viewport[data-width=\"full\"] {\n --brick-toast-inline-size: calc(100vw - var(--brick-toast-offset-inline-start) - var(--brick-toast-offset-inline-end));\n }\n\n .brick-toast-viewport[data-position^=\"top-\"] {\n inset-block-start: calc(var(--brick-toast-offset-block-start) + env(safe-area-inset-top));\n }\n .brick-toast-viewport[data-position^=\"bottom-\"] {\n inset-block-end: calc(var(--brick-toast-offset-block-end) + env(safe-area-inset-bottom));\n }\n .brick-toast-viewport[data-position$=\"-start\"] {\n inset-inline-start: calc(var(--brick-toast-offset-inline-start) + env(safe-area-inset-left));\n }\n .brick-toast-viewport[data-position$=\"-end\"] {\n inset-inline-end: calc(var(--brick-toast-offset-inline-end) + env(safe-area-inset-right));\n }\n .brick-toast-viewport[data-position$=\"-center\"] {\n inset-inline-start: 50%;\n transform: translateX(-50%);\n }\n\n .brick-toast {\n --brick-toast-background: var(--brick-color-surface-raised);\n --brick-toast-foreground: var(--brick-color-text-primary);\n --brick-toast-description-foreground: var(--brick-color-text-secondary);\n --brick-toast-border-color: var(--brick-color-border-subtle);\n --brick-toast-accent-color: var(--brick-color-accent-solid);\n --brick-toast-radius: var(--brick-radius-overlay);\n --brick-toast-shadow: 0 0.75rem 2rem var(--brick-color-shadow);\n --brick-toast-padding: var(--brick-space-3);\n --brick-toast-content-gap: var(--brick-space-1);\n --brick-toast-action-gap: var(--brick-space-2);\n --brick-toast-motion-duration: var(--brick-motion-duration-fast);\n --brick-toast-motion-easing: var(--brick-motion-easing-enter);\n\n position: relative;\n display: grid;\n inline-size: 100%;\n min-block-size: 3rem;\n min-inline-size: 0;\n grid-template-columns: auto minmax(0, 1fr);\n align-items: center;\n gap: var(--brick-space-3);\n box-sizing: border-box;\n border: 1px solid var(--brick-toast-border-color);\n border-inline-start: 0.25rem solid var(--brick-toast-accent-color);\n border-radius: var(--brick-toast-radius);\n padding: var(--brick-toast-padding);\n background: var(--brick-toast-background);\n box-shadow: var(--brick-toast-shadow);\n color: var(--brick-toast-foreground);\n pointer-events: auto;\n touch-action: pan-y;\n transition: opacity var(--brick-toast-motion-duration) var(--brick-toast-motion-easing),\n transform var(--brick-toast-motion-duration) var(--brick-toast-motion-easing),\n margin var(--brick-toast-motion-duration) var(--brick-toast-motion-easing);\n }\n .brick-toast:has(.brick-toast__close) {\n padding-inline-end: calc(2.75rem + var(--brick-space-3));\n }\n\n .brick-toast[data-type=\"default\"],\n .brick-toast[data-type=\"loading\"] {\n --brick-toast-accent-color: var(--brick-color-accent-solid);\n }\n .brick-toast[data-type=\"success\"] {\n --brick-toast-accent-color: var(--brick-color-success-solid);\n --brick-toast-border-color: var(--brick-color-success-border);\n }\n .brick-toast[data-type=\"error\"] {\n --brick-toast-accent-color: var(--brick-color-danger-solid);\n --brick-toast-border-color: var(--brick-color-danger-border);\n }\n .brick-toast[data-type=\"warning\"] {\n --brick-toast-accent-color: var(--brick-color-warning-solid);\n --brick-toast-border-color: var(--brick-color-warning-border);\n }\n .brick-toast[data-type=\"info\"] {\n --brick-toast-accent-color: var(--brick-color-info-solid);\n --brick-toast-border-color: var(--brick-color-info-border);\n }\n\n .brick-toast[data-state=\"entering\"] { opacity: 0; transform: translateY(0.5rem); }\n .brick-toast[data-state=\"exiting\"] { opacity: 0; transform: translateY(-0.375rem); }\n .brick-toast[data-swipe=\"move\"] {\n transform: translate(var(--atom-toast-swipe-move-x), var(--atom-toast-swipe-move-y));\n transition: none;\n }\n .brick-toast[data-swipe=\"cancel\"] { transform: translate(0, 0); }\n .brick-toast[data-swipe=\"end\"] { opacity: 0; }\n\n .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) {\n display: grid;\n gap: 0;\n }\n .brick-toast-viewport[data-position^=\"top-\"][data-stacking=\"overlap\"]:not([data-expanded]) {\n padding-block-end: calc(2 * var(--brick-toast-overlap-step));\n }\n .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]) {\n padding-block-start: calc(2 * var(--brick-toast-overlap-step));\n }\n .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast {\n grid-area: 1 / 1;\n }\n .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast[data-index=\"0\"] { z-index: 1; }\n .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast[data-index=\"1\"] { z-index: 2; }\n .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast[data-index=\"2\"] { z-index: 3; }\n .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"1\"]) .brick-toast[data-index=\"0\"] {\n transform: translateY(var(--brick-toast-overlap-step));\n }\n .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"2\"]) .brick-toast[data-index=\"0\"] {\n transform: translateY(calc(2 * var(--brick-toast-overlap-step)));\n }\n .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"2\"]) .brick-toast[data-index=\"1\"] {\n transform: translateY(var(--brick-toast-overlap-step));\n }\n .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast {\n align-self: end;\n }\n .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"1\"]) .brick-toast[data-index=\"0\"] {\n transform: translateY(calc(-1 * var(--brick-toast-overlap-step)));\n }\n .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"2\"]) .brick-toast[data-index=\"0\"] {\n transform: translateY(calc(-2 * var(--brick-toast-overlap-step)));\n }\n .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"2\"]) .brick-toast[data-index=\"1\"] {\n transform: translateY(calc(-1 * var(--brick-toast-overlap-step)));\n }\n\n .brick-toast__icon {\n display: inline-grid;\n inline-size: 1.25rem;\n block-size: 1.25rem;\n place-items: center;\n color: var(--brick-toast-accent-color);\n }\n .brick-toast__icon svg {\n inline-size: 100%;\n block-size: 100%;\n fill: none;\n stroke: currentColor;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-width: 2;\n }\n .brick-toast__spinner {\n inline-size: 1rem;\n block-size: 1rem;\n box-sizing: border-box;\n border: 2px solid color-mix(in srgb, currentColor 30%, transparent);\n border-block-start-color: currentColor;\n border-radius: 50%;\n animation: brick-toast-spin 800ms linear infinite;\n }\n .brick-toast__content {\n display: grid;\n min-inline-size: 0;\n gap: var(--brick-toast-content-gap);\n }\n .brick-toast__content:first-child { grid-column-start: 1; }\n .brick-toast__title,\n .brick-toast__description { margin: 0; overflow-wrap: anywhere; }\n .brick-toast__title {\n font-family: var(--brick-typography-compact-title-font-family);\n font-size: var(--brick-typography-compact-title-font-size);\n font-weight: var(--brick-typography-compact-title-font-weight);\n line-height: var(--brick-typography-compact-title-line-height);\n }\n .brick-toast__description {\n color: var(--brick-toast-description-foreground);\n font-family: var(--brick-typography-body-sm-font-family);\n font-size: var(--brick-typography-body-sm-font-size);\n line-height: var(--brick-typography-body-sm-line-height);\n }\n .brick-toast__actions { display: flex; flex-wrap: wrap; gap: var(--brick-toast-action-gap); margin-block-start: var(--brick-space-1); }\n .brick-toast__action,\n .brick-toast__close {\n border: 0;\n font: inherit;\n color: var(--brick-toast-accent-color);\n cursor: pointer;\n }\n .brick-toast__action {\n min-block-size: 2.25rem;\n border-radius: var(--brick-radius-control);\n padding-inline: var(--brick-space-2);\n background: color-mix(in srgb, var(--brick-toast-accent-color) 12%, transparent);\n color: var(--brick-color-text-primary);\n font-size: var(--brick-typography-body-sm-font-size);\n font-weight: var(--brick-typography-control-sm-font-weight);\n }\n .brick-toast__close {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-end: var(--brick-space-1);\n display: inline-grid;\n inline-size: 2.75rem;\n block-size: 2.75rem;\n place-items: center;\n margin: 0;\n border-radius: var(--brick-radius-full);\n padding: 0;\n background: transparent;\n color: var(--brick-color-text-secondary);\n transform: translateY(-50%);\n }\n .brick-toast__close svg { inline-size: 1.125rem; block-size: 1.125rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 2; }\n .brick-toast__action:hover { background: color-mix(in srgb, var(--brick-toast-accent-color) 18%, transparent); }\n .brick-toast__close:hover { background: var(--brick-color-surface-subtle); color: var(--brick-color-text-primary); }\n .brick-toast__action:focus-visible,\n .brick-toast__close:focus-visible { outline: 2px solid var(--brick-color-focus-ring); outline-offset: 2px; }\n\n @keyframes brick-toast-spin { to { transform: rotate(360deg); } }\n\n @media (max-width: 30rem) {\n .brick-toast-viewport[data-width=\"responsive\"] {\n --brick-toast-inline-size: calc(100vw - var(--brick-space-4) * 2);\n --brick-toast-offset-inline-start: var(--brick-space-2);\n --brick-toast-offset-inline-end: var(--brick-space-2);\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-toast { transition: none; }\n .brick-toast[data-state=\"entering\"],\n .brick-toast[data-state=\"exiting\"] { transform: none; }\n .brick-toast__spinner { animation: none; border-style: dotted; }\n }\n\n @media (forced-colors: active) {\n .brick-toast { border-color: CanvasText; background: Canvas; box-shadow: none; color: CanvasText; forced-color-adjust: auto; }\n .brick-toast__icon,\n .brick-toast__action,\n .brick-toast__close { color: ButtonText; }\n .brick-toast__action { border: 1px solid ButtonText; background: ButtonFace; }\n .brick-toast__action:focus-visible,\n .brick-toast__close:focus-visible { outline-color: Highlight; }\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-toggle-group{--brick-toggle-group-gap:.5rem;box-sizing:border-box;align-items:stretch;gap:var(--brick-toggle-group-gap);min-inline-size:0;max-inline-size:100%;display:inline-flex}.brick-toggle-group[data-orientation=horizontal]{flex-flow:wrap}.brick-toggle-group[data-orientation=vertical]{flex-direction:column}.brick-toggle-group[data-full-width]{inline-size:100%;display:flex}.brick-toggle-group[data-full-width]>.brick-toggle-group-item{flex:1 1 0}.brick-toggle-group>.brick-toggle-group-item{--brick-toggle-min-block-size:var(--brick-control-min-block-size-md);--brick-toggle-padding-inline:1rem;--brick-toggle-gap:.5rem;--brick-toggle-icon-size:1.125rem}.brick-toggle-group[data-size=sm]>.brick-toggle-group-item{--brick-toggle-min-block-size:var(--brick-control-min-block-size-sm);--brick-toggle-padding-inline:.75rem;--brick-toggle-gap:.375rem;--brick-toggle-icon-size:1rem;font-size:var(--brick-typography-control-sm-font-size);padding-block:.25rem}.brick-toggle-group[data-size=lg]>.brick-toggle-group-item{--brick-toggle-min-block-size:var(--brick-control-min-block-size-lg);--brick-toggle-padding-inline:1.25rem;--brick-toggle-gap:.625rem;--brick-toggle-icon-size:1.25rem;font-size:var(--brick-typography-control-lg-font-size);padding-block:.5rem}.brick-toggle-group[data-shape=pill]>.brick-toggle-group-item{--brick-toggle-radius:var(--brick-radius-full)}.brick-toggle-group[data-variant=solid]>.brick-toggle-group-item[data-state=on]{border-color:var(--brick-color-accent-solid);background:var(--brick-color-accent-solid);color:var(--brick-color-accent-on-solid);box-shadow:none}.brick-toggle-group[data-variant=outline]>.brick-toggle-group-item{border-color:var(--brick-color-border-default);background:0 0}.brick-toggle-group[data-variant=outline]>.brick-toggle-group-item[data-state=on]{border-color:var(--brick-color-accent-border);color:var(--brick-color-accent-text);box-shadow:none;background:0 0}.brick-toggle-group[data-variant=ghost]>.brick-toggle-group-item{background:0 0}.brick-toggle-group[data-variant=ghost]>.brick-toggle-group-item[data-state=on]{background:var(--brick-color-accent-soft);box-shadow:none;border-color:#0000}.brick-toggle-group[data-variant=solid]>.brick-toggle-group-item[data-state=on]:not([data-disabled]):active{border-color:var(--brick-color-accent-solid-pressed);background:var(--brick-color-accent-solid-pressed)}.brick-toggle-group[data-attached=true]{--brick-toggle-group-gap:0;flex-wrap:nowrap}.brick-toggle-group[data-attached=true]>.brick-toggle-group-item{--brick-toggle-radius:0}.brick-toggle-group[data-attached=true][data-orientation=horizontal]>.brick-toggle-group-item+.brick-toggle-group-item{margin-inline-start:calc(-1 * var(--brick-border-width))}.brick-toggle-group[data-attached=true][data-orientation=vertical]>.brick-toggle-group-item+.brick-toggle-group-item{margin-block-start:calc(-1 * var(--brick-border-width))}.brick-toggle-group[data-attached=true][data-orientation=horizontal]>.brick-toggle-group-item:first-child{border-start-start-radius:var(--brick-radius-control);border-end-start-radius:var(--brick-radius-control)}.brick-toggle-group[data-attached=true][data-orientation=horizontal]>.brick-toggle-group-item:last-child{border-start-end-radius:var(--brick-radius-control);border-end-end-radius:var(--brick-radius-control)}.brick-toggle-group[data-attached=true][data-orientation=vertical]>.brick-toggle-group-item:first-child{border-start-start-radius:var(--brick-radius-control);border-start-end-radius:var(--brick-radius-control)}.brick-toggle-group[data-attached=true][data-orientation=vertical]>.brick-toggle-group-item:last-child{border-end-end-radius:var(--brick-radius-control);border-end-start-radius:var(--brick-radius-control)}.brick-toggle-group[data-attached=true][data-shape=pill][data-orientation=horizontal]>.brick-toggle-group-item:first-child{border-start-start-radius:var(--brick-radius-full);border-end-start-radius:var(--brick-radius-full)}.brick-toggle-group[data-attached=true][data-shape=pill][data-orientation=horizontal]>.brick-toggle-group-item:last-child{border-start-end-radius:var(--brick-radius-full);border-end-end-radius:var(--brick-radius-full)}.brick-toggle-group[data-attached=true][data-shape=pill][data-orientation=vertical]>.brick-toggle-group-item:first-child{border-start-start-radius:var(--brick-radius-full);border-start-end-radius:var(--brick-radius-full)}.brick-toggle-group[data-attached=true][data-shape=pill][data-orientation=vertical]>.brick-toggle-group-item:last-child{border-end-end-radius:var(--brick-radius-full);border-end-start-radius:var(--brick-radius-full)}@media (hover:hover) and (pointer:fine){.brick-toggle-group[data-variant=solid]>.brick-toggle-group-item[data-state=on]:not([data-disabled]):hover{border-color:var(--brick-color-accent-solid-hover);background:var(--brick-color-accent-solid-hover)}}}@layer brick.effects;
2
+ /*# sourceMappingURL=toggle-group.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,0LAWA,gEAIA,qEAIA,mEAKA,yEAIA,gNAOA,0SAUA,6SAUA,6GAIA,iOAOA,iIAKA,oMAOA,gFAIA,6JAMA,oNAKA,oFAMA,yFAIA,gLAIA,6KAIA,oNAKA,+MAKA,kNAKA,6MAKA,+NAKA,0NAKA,6NAKA,wNAKA,wCACE,iNDzJJ","sources":["home/runner/work/brick/brick/.brick-cache/production/toggle-group.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/toggle-group/toggle-group.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/toggle-group/toggle-group.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-toggle-group {\n --brick-toggle-group-gap: 0.5rem;\n\n display: inline-flex;\n box-sizing: border-box;\n min-inline-size: 0;\n max-inline-size: 100%;\n align-items: stretch;\n gap: var(--brick-toggle-group-gap);\n }\n\n .brick-toggle-group[data-orientation=\"horizontal\"] {\n flex-flow: row wrap;\n }\n\n .brick-toggle-group[data-orientation=\"vertical\"] {\n flex-direction: column;\n }\n\n .brick-toggle-group[data-full-width] {\n display: flex;\n inline-size: 100%;\n }\n\n .brick-toggle-group[data-full-width] > .brick-toggle-group-item {\n flex: 1 1 0;\n }\n\n .brick-toggle-group > .brick-toggle-group-item {\n --brick-toggle-min-block-size: var(--brick-control-min-block-size-md);\n --brick-toggle-padding-inline: 1rem;\n --brick-toggle-gap: 0.5rem;\n --brick-toggle-icon-size: 1.125rem;\n }\n\n .brick-toggle-group[data-size=\"sm\"] > .brick-toggle-group-item {\n --brick-toggle-min-block-size: var(--brick-control-min-block-size-sm);\n --brick-toggle-padding-inline: 0.75rem;\n --brick-toggle-gap: 0.375rem;\n --brick-toggle-icon-size: 1rem;\n\n padding-block: 0.25rem;\n font-size: var(--brick-typography-control-sm-font-size);\n }\n\n .brick-toggle-group[data-size=\"lg\"] > .brick-toggle-group-item {\n --brick-toggle-min-block-size: var(--brick-control-min-block-size-lg);\n --brick-toggle-padding-inline: 1.25rem;\n --brick-toggle-gap: 0.625rem;\n --brick-toggle-icon-size: 1.25rem;\n\n padding-block: 0.5rem;\n font-size: var(--brick-typography-control-lg-font-size);\n }\n\n .brick-toggle-group[data-shape=\"pill\"] > .brick-toggle-group-item {\n --brick-toggle-radius: var(--brick-radius-full);\n }\n\n .brick-toggle-group[data-variant=\"solid\"] > .brick-toggle-group-item[data-state=\"on\"] {\n border-color: var(--brick-color-accent-solid);\n background: var(--brick-color-accent-solid);\n color: var(--brick-color-accent-on-solid);\n box-shadow: none;\n }\n\n .brick-toggle-group[data-variant=\"outline\"] > .brick-toggle-group-item {\n border-color: var(--brick-color-border-default);\n background: transparent;\n }\n\n .brick-toggle-group[data-variant=\"outline\"] > .brick-toggle-group-item[data-state=\"on\"] {\n border-color: var(--brick-color-accent-border);\n background: transparent;\n color: var(--brick-color-accent-text);\n box-shadow: none;\n }\n\n .brick-toggle-group[data-variant=\"ghost\"] > .brick-toggle-group-item {\n background: transparent;\n }\n\n .brick-toggle-group[data-variant=\"ghost\"] > .brick-toggle-group-item[data-state=\"on\"] {\n border-color: transparent;\n background: var(--brick-color-accent-soft);\n box-shadow: none;\n }\n\n .brick-toggle-group[data-variant=\"solid\"] > .brick-toggle-group-item[data-state=\"on\"]:not([data-disabled]):active {\n border-color: var(--brick-color-accent-solid-pressed);\n background: var(--brick-color-accent-solid-pressed);\n }\n\n .brick-toggle-group[data-attached=\"true\"] {\n --brick-toggle-group-gap: 0;\n\n flex-wrap: nowrap;\n }\n\n .brick-toggle-group[data-attached=\"true\"] > .brick-toggle-group-item {\n --brick-toggle-radius: 0;\n }\n\n .brick-toggle-group[data-attached=\"true\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item + .brick-toggle-group-item {\n margin-inline-start: calc(-1 * var(--brick-border-width));\n }\n\n .brick-toggle-group[data-attached=\"true\"][data-orientation=\"vertical\"] > .brick-toggle-group-item + .brick-toggle-group-item {\n margin-block-start: calc(-1 * var(--brick-border-width));\n }\n\n .brick-toggle-group[data-attached=\"true\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item:first-child {\n border-start-start-radius: var(--brick-radius-control);\n border-end-start-radius: var(--brick-radius-control);\n }\n\n .brick-toggle-group[data-attached=\"true\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item:last-child {\n border-start-end-radius: var(--brick-radius-control);\n border-end-end-radius: var(--brick-radius-control);\n }\n\n .brick-toggle-group[data-attached=\"true\"][data-orientation=\"vertical\"] > .brick-toggle-group-item:first-child {\n border-start-start-radius: var(--brick-radius-control);\n border-start-end-radius: var(--brick-radius-control);\n }\n\n .brick-toggle-group[data-attached=\"true\"][data-orientation=\"vertical\"] > .brick-toggle-group-item:last-child {\n border-end-start-radius: var(--brick-radius-control);\n border-end-end-radius: var(--brick-radius-control);\n }\n\n .brick-toggle-group[data-attached=\"true\"][data-shape=\"pill\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item:first-child {\n border-start-start-radius: var(--brick-radius-full);\n border-end-start-radius: var(--brick-radius-full);\n }\n\n .brick-toggle-group[data-attached=\"true\"][data-shape=\"pill\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item:last-child {\n border-start-end-radius: var(--brick-radius-full);\n border-end-end-radius: var(--brick-radius-full);\n }\n\n .brick-toggle-group[data-attached=\"true\"][data-shape=\"pill\"][data-orientation=\"vertical\"] > .brick-toggle-group-item:first-child {\n border-start-start-radius: var(--brick-radius-full);\n border-start-end-radius: var(--brick-radius-full);\n }\n\n .brick-toggle-group[data-attached=\"true\"][data-shape=\"pill\"][data-orientation=\"vertical\"] > .brick-toggle-group-item:last-child {\n border-end-start-radius: var(--brick-radius-full);\n border-end-end-radius: var(--brick-radius-full);\n }\n\n @media (hover: hover) and (pointer: fine) {\n .brick-toggle-group[data-variant=\"solid\"] > .brick-toggle-group-item[data-state=\"on\"]:not([data-disabled]):hover {\n border-color: var(--brick-color-accent-solid-hover);\n background: var(--brick-color-accent-solid-hover);\n }\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{:where(.brick-toggle,.brick-toggle-group-item){--brick-toggle-min-block-size:var(--brick-control-min-block-size-md);--brick-toggle-padding-inline:1rem;--brick-toggle-gap:.5rem;--brick-toggle-radius:var(--brick-radius-control);--brick-toggle-icon-size:1.125rem;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-toggle-min-block-size);justify-content:center;align-items:center;gap:var(--brick-toggle-gap);padding-block:.375rem;padding-inline:var(--brick-toggle-padding-inline);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-toggle-radius);appearance:none;background:var(--brick-color-surface-subtle);color:var(--brick-color-text-primary);font-family:var(--brick-typography-control-md-font-family);font-size:var(--brick-typography-control-md-font-size);font-weight:var(--brick-typography-control-md-font-weight);letter-spacing:var(--brick-typography-control-md-letter-spacing);line-height:var(--brick-typography-control-md-line-height);overflow-wrap:anywhere;text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);text-decoration:none;display:inline-flex}:where(.brick-toggle,.brick-toggle-group-item)>:where(svg,img){inline-size:var(--brick-toggle-icon-size);block-size:var(--brick-toggle-icon-size);flex:none}:where(.brick-toggle,.brick-toggle-group-item):not([data-disabled]){cursor:pointer}:where(.brick-toggle,.brick-toggle-group-item):focus-visible{z-index:1;outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}:where(.brick-toggle,.brick-toggle-group-item)[data-state=on]{border-color:var(--brick-color-accent-border);background:var(--brick-color-accent-soft);color:var(--brick-color-accent-on-soft);box-shadow:inset 0 -.125rem 0 var(--brick-color-accent-solid)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=solid][data-state=on]{border-color:var(--brick-color-accent-solid);background:var(--brick-color-accent-solid);color:var(--brick-color-accent-on-solid);box-shadow:none}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=outline]{border-color:var(--brick-color-border-default);background:0 0}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=outline][data-state=on]{border-color:var(--brick-color-accent-border);color:var(--brick-color-accent-text);box-shadow:none;background:0 0}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=ghost]{background:0 0}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=ghost][data-state=on]{background:var(--brick-color-accent-soft);box-shadow:none;border-color:#0000}:where(.brick-toggle,.brick-toggle-group-item):not([data-disabled]):active{background:var(--brick-color-accent-soft-pressed)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=solid][data-state=on]:not([data-disabled]):active{border-color:var(--brick-color-accent-solid-pressed);background:var(--brick-color-accent-solid-pressed)}:where(.brick-toggle,.brick-toggle-group-item)[data-disabled]{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);box-shadow:none;cursor:not-allowed;opacity:.65}:where(.brick-toggle,.brick-toggle-group-item)[data-disabled][data-state=on]{border-color:var(--brick-color-border-strong);box-shadow:inset 0 -.125rem 0 var(--brick-color-text-secondary)}:where(.brick-toggle,.brick-toggle-group-item)[data-size=sm]{--brick-toggle-min-block-size:var(--brick-control-min-block-size-sm);--brick-toggle-padding-inline:.75rem;--brick-toggle-gap:.375rem;--brick-toggle-icon-size:1rem;font-size:var(--brick-typography-control-sm-font-size);padding-block:.25rem}:where(.brick-toggle,.brick-toggle-group-item)[data-size=lg]{--brick-toggle-min-block-size:var(--brick-control-min-block-size-lg);--brick-toggle-padding-inline:1.25rem;--brick-toggle-gap:.625rem;--brick-toggle-icon-size:1.25rem;font-size:var(--brick-typography-control-lg-font-size);padding-block:.5rem}:where(.brick-toggle,.brick-toggle-group-item)[data-shape=pill]{--brick-toggle-radius:var(--brick-radius-full)}:where(.brick-toggle,.brick-toggle-group-item)[data-icon-only]{inline-size:var(--brick-toggle-min-block-size);padding-inline:0}@media (hover:hover) and (pointer:fine){:where(.brick-toggle,.brick-toggle-group-item):not([data-disabled]):hover{background:var(--brick-color-surface-base)}:where(.brick-toggle,.brick-toggle-group-item):not([data-disabled])[data-state=on]:hover{background:var(--brick-color-accent-soft-hover)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=solid][data-state=on]:not([data-disabled]):hover{border-color:var(--brick-color-accent-solid-hover);background:var(--brick-color-accent-solid-hover)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=ghost]:not([data-disabled]):hover{background:var(--brick-color-surface-subtle)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=ghost]:not([data-disabled])[data-state=on]:hover{background:var(--brick-color-accent-soft-hover)}}@media (prefers-reduced-motion:reduce){:where(.brick-toggle,.brick-toggle-group-item){transition-duration:0s}}@media (forced-colors:active){:where(.brick-toggle,.brick-toggle-group-item){color:buttontext;background:buttonface;border-color:buttontext}:where(.brick-toggle,.brick-toggle-group-item)[data-state=on]{color:buttontext;outline-offset:-.25rem;box-shadow:none;background:buttonface;border-color:highlight;outline:.125rem solid highlight}:where(.brick-toggle,.brick-toggle-group-item):focus-visible{outline-offset:var(--brick-border-focus-offset);outline-color:highlight}:where(.brick-toggle,.brick-toggle-group-item)[data-disabled]{color:graytext;opacity:1;border-color:graytext}}}@layer brick.effects;
2
+ /*# sourceMappingURL=toggle.css.map */