@dalexto/lexsys-registry 0.0.2

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 (206) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +98 -0
  3. package/dist/index.d.ts +25 -0
  4. package/dist/index.js +2164 -0
  5. package/dist/install-layer.d.ts +4 -0
  6. package/dist/items/accordion.d.ts +7 -0
  7. package/dist/items/alert-dialog.d.ts +7 -0
  8. package/dist/items/alert.d.ts +7 -0
  9. package/dist/items/auth-form.d.ts +7 -0
  10. package/dist/items/autocomplete.d.ts +7 -0
  11. package/dist/items/avatar.d.ts +7 -0
  12. package/dist/items/badge.d.ts +7 -0
  13. package/dist/items/button.d.ts +7 -0
  14. package/dist/items/card.d.ts +7 -0
  15. package/dist/items/checkbox-group.d.ts +7 -0
  16. package/dist/items/checkbox.d.ts +7 -0
  17. package/dist/items/collapsible.d.ts +7 -0
  18. package/dist/items/combobox.d.ts +7 -0
  19. package/dist/items/command-palette.d.ts +7 -0
  20. package/dist/items/context-menu.d.ts +7 -0
  21. package/dist/items/dashboard-shell.d.ts +7 -0
  22. package/dist/items/dialog.d.ts +7 -0
  23. package/dist/items/drawer.d.ts +7 -0
  24. package/dist/items/field.d.ts +7 -0
  25. package/dist/items/fieldset.d.ts +7 -0
  26. package/dist/items/form-field.d.ts +7 -0
  27. package/dist/items/form.d.ts +7 -0
  28. package/dist/items/index.d.ts +49 -0
  29. package/dist/items/input.d.ts +7 -0
  30. package/dist/items/menu.d.ts +7 -0
  31. package/dist/items/menubar.d.ts +7 -0
  32. package/dist/items/meter.d.ts +7 -0
  33. package/dist/items/navigation-menu.d.ts +7 -0
  34. package/dist/items/number-field.d.ts +7 -0
  35. package/dist/items/otp-field.d.ts +7 -0
  36. package/dist/items/popover.d.ts +7 -0
  37. package/dist/items/preview-card.d.ts +7 -0
  38. package/dist/items/progress.d.ts +7 -0
  39. package/dist/items/radio-group.d.ts +7 -0
  40. package/dist/items/scroll-area.d.ts +7 -0
  41. package/dist/items/select.d.ts +7 -0
  42. package/dist/items/separator.d.ts +7 -0
  43. package/dist/items/settings-panel.d.ts +7 -0
  44. package/dist/items/sidebar.d.ts +7 -0
  45. package/dist/items/slider.d.ts +7 -0
  46. package/dist/items/switch.d.ts +7 -0
  47. package/dist/items/tabs.d.ts +7 -0
  48. package/dist/items/textarea.d.ts +7 -0
  49. package/dist/items/toast.d.ts +7 -0
  50. package/dist/items/toggle-group.d.ts +7 -0
  51. package/dist/items/toggle.d.ts +7 -0
  52. package/dist/items/toolbar.d.ts +7 -0
  53. package/dist/items/tooltip.d.ts +7 -0
  54. package/dist/registry.types.d.ts +40 -0
  55. package/dist/styles/theme.d.ts +2 -0
  56. package/dist/utilities/cn.d.ts +2 -0
  57. package/dist/validate-registry-composition.d.ts +2 -0
  58. package/dist/validate-registry-item.d.ts +2 -0
  59. package/dist/validate-registry-template-imports.d.ts +4 -0
  60. package/dist/validate-registry.d.ts +9 -0
  61. package/package.json +52 -0
  62. package/templates/blocks/AuthForm/AuthForm.tsx +109 -0
  63. package/templates/blocks/AuthForm/AuthForm.types.ts +34 -0
  64. package/templates/blocks/AuthForm/AuthForm.variants.ts +11 -0
  65. package/templates/blocks/CommandPalette/CommandPalette.tsx +245 -0
  66. package/templates/blocks/CommandPalette/CommandPalette.types.ts +73 -0
  67. package/templates/blocks/CommandPalette/CommandPalette.variants.ts +26 -0
  68. package/templates/blocks/FormField/FormField.tsx +83 -0
  69. package/templates/blocks/FormField/FormField.types.ts +26 -0
  70. package/templates/blocks/FormField/FormField.variants.ts +9 -0
  71. package/templates/blocks/SettingsPanel/SettingsPanel.tsx +104 -0
  72. package/templates/blocks/SettingsPanel/SettingsPanel.types.ts +31 -0
  73. package/templates/blocks/SettingsPanel/SettingsPanel.variants.ts +9 -0
  74. package/templates/blocks/Sidebar/Sidebar.tsx +414 -0
  75. package/templates/blocks/Sidebar/Sidebar.types.ts +99 -0
  76. package/templates/blocks/Sidebar/Sidebar.variants.ts +84 -0
  77. package/templates/primitives/Accordion/Accordion.tsx +102 -0
  78. package/templates/primitives/Accordion/Accordion.types.ts +20 -0
  79. package/templates/primitives/Accordion/Accordion.variants.ts +32 -0
  80. package/templates/primitives/Alert/Alert.tsx +62 -0
  81. package/templates/primitives/Alert/Alert.types.ts +35 -0
  82. package/templates/primitives/Alert/Alert.variants.ts +41 -0
  83. package/templates/primitives/AlertDialog/AlertDialog.tsx +168 -0
  84. package/templates/primitives/AlertDialog/AlertDialog.types.ts +30 -0
  85. package/templates/primitives/AlertDialog/AlertDialog.variants.ts +57 -0
  86. package/templates/primitives/Autocomplete/Autocomplete.tsx +394 -0
  87. package/templates/primitives/Autocomplete/Autocomplete.types.ts +82 -0
  88. package/templates/primitives/Autocomplete/Autocomplete.variants.ts +154 -0
  89. package/templates/primitives/Avatar/Avatar.tsx +56 -0
  90. package/templates/primitives/Avatar/Avatar.types.ts +31 -0
  91. package/templates/primitives/Avatar/Avatar.variants.ts +40 -0
  92. package/templates/primitives/Badge/Badge.tsx +30 -0
  93. package/templates/primitives/Badge/Badge.types.ts +30 -0
  94. package/templates/primitives/Badge/Badge.variants.ts +81 -0
  95. package/templates/primitives/Button/Button.tsx +53 -0
  96. package/templates/primitives/Button/Button.types.ts +25 -0
  97. package/templates/primitives/Button/Button.variants.ts +69 -0
  98. package/templates/primitives/Card/Card.tsx +85 -0
  99. package/templates/primitives/Card/Card.types.ts +54 -0
  100. package/templates/primitives/Card/Card.variants.ts +46 -0
  101. package/templates/primitives/Checkbox/Checkbox.tsx +72 -0
  102. package/templates/primitives/Checkbox/Checkbox.types.ts +28 -0
  103. package/templates/primitives/Checkbox/Checkbox.variants.ts +39 -0
  104. package/templates/primitives/CheckboxGroup/CheckboxGroup.tsx +32 -0
  105. package/templates/primitives/CheckboxGroup/CheckboxGroup.types.ts +17 -0
  106. package/templates/primitives/CheckboxGroup/CheckboxGroup.variants.ts +25 -0
  107. package/templates/primitives/Collapsible/Collapsible.tsx +74 -0
  108. package/templates/primitives/Collapsible/Collapsible.types.ts +28 -0
  109. package/templates/primitives/Collapsible/Collapsible.variants.ts +44 -0
  110. package/templates/primitives/Combobox/Combobox.tsx +450 -0
  111. package/templates/primitives/Combobox/Combobox.types.ts +99 -0
  112. package/templates/primitives/Combobox/Combobox.variants.ts +180 -0
  113. package/templates/primitives/ContextMenu/ContextMenu.tsx +375 -0
  114. package/templates/primitives/ContextMenu/ContextMenu.types.ts +57 -0
  115. package/templates/primitives/ContextMenu/ContextMenu.variants.ts +39 -0
  116. package/templates/primitives/Dialog/Dialog.tsx +148 -0
  117. package/templates/primitives/Dialog/Dialog.types.ts +29 -0
  118. package/templates/primitives/Dialog/Dialog.variants.ts +56 -0
  119. package/templates/primitives/Drawer/Drawer.tsx +266 -0
  120. package/templates/primitives/Drawer/Drawer.types.ts +77 -0
  121. package/templates/primitives/Drawer/Drawer.variants.ts +175 -0
  122. package/templates/primitives/Field/Field.tsx +132 -0
  123. package/templates/primitives/Field/Field.types.ts +43 -0
  124. package/templates/primitives/Field/Field.variants.ts +77 -0
  125. package/templates/primitives/Fieldset/Fieldset.tsx +36 -0
  126. package/templates/primitives/Fieldset/Fieldset.types.ts +26 -0
  127. package/templates/primitives/Fieldset/Fieldset.variants.ts +37 -0
  128. package/templates/primitives/Form/Form.tsx +24 -0
  129. package/templates/primitives/Form/Form.types.ts +13 -0
  130. package/templates/primitives/Form/Form.variants.ts +11 -0
  131. package/templates/primitives/Input/Input.tsx +36 -0
  132. package/templates/primitives/Input/Input.types.ts +27 -0
  133. package/templates/primitives/Input/Input.variants.ts +41 -0
  134. package/templates/primitives/Menu/Menu.tsx +352 -0
  135. package/templates/primitives/Menu/Menu.types.ts +56 -0
  136. package/templates/primitives/Menu/Menu.variants.ts +73 -0
  137. package/templates/primitives/Menubar/Menubar.tsx +25 -0
  138. package/templates/primitives/Menubar/Menubar.types.ts +12 -0
  139. package/templates/primitives/Menubar/Menubar.variants.ts +22 -0
  140. package/templates/primitives/Meter/Meter.tsx +123 -0
  141. package/templates/primitives/Meter/Meter.types.ts +45 -0
  142. package/templates/primitives/Meter/Meter.variants.ts +47 -0
  143. package/templates/primitives/NavigationMenu/NavigationMenu.tsx +256 -0
  144. package/templates/primitives/NavigationMenu/NavigationMenu.types.ts +58 -0
  145. package/templates/primitives/NavigationMenu/NavigationMenu.variants.ts +40 -0
  146. package/templates/primitives/NumberField/NumberField.tsx +168 -0
  147. package/templates/primitives/NumberField/NumberField.types.ts +51 -0
  148. package/templates/primitives/NumberField/NumberField.variants.ts +92 -0
  149. package/templates/primitives/OtpField/OtpField.tsx +65 -0
  150. package/templates/primitives/OtpField/OtpField.types.ts +29 -0
  151. package/templates/primitives/OtpField/OtpField.variants.ts +45 -0
  152. package/templates/primitives/Popover/Popover.tsx +193 -0
  153. package/templates/primitives/Popover/Popover.types.ts +35 -0
  154. package/templates/primitives/Popover/Popover.variants.ts +68 -0
  155. package/templates/primitives/PreviewCard/PreviewCard.tsx +153 -0
  156. package/templates/primitives/PreviewCard/PreviewCard.types.ts +42 -0
  157. package/templates/primitives/PreviewCard/PreviewCard.variants.ts +24 -0
  158. package/templates/primitives/Progress/Progress.tsx +95 -0
  159. package/templates/primitives/Progress/Progress.types.ts +39 -0
  160. package/templates/primitives/Progress/Progress.variants.ts +39 -0
  161. package/templates/primitives/RadioGroup/RadioGroup.tsx +66 -0
  162. package/templates/primitives/RadioGroup/RadioGroup.types.ts +34 -0
  163. package/templates/primitives/RadioGroup/RadioGroup.variants.ts +59 -0
  164. package/templates/primitives/ScrollArea/ScrollArea.tsx +135 -0
  165. package/templates/primitives/ScrollArea/ScrollArea.types.ts +34 -0
  166. package/templates/primitives/ScrollArea/ScrollArea.variants.ts +38 -0
  167. package/templates/primitives/Select/Select.tsx +319 -0
  168. package/templates/primitives/Select/Select.types.ts +74 -0
  169. package/templates/primitives/Select/Select.variants.ts +94 -0
  170. package/templates/primitives/Separator/Separator.tsx +30 -0
  171. package/templates/primitives/Separator/Separator.types.ts +13 -0
  172. package/templates/primitives/Separator/Separator.variants.ts +19 -0
  173. package/templates/primitives/Slider/Slider.tsx +124 -0
  174. package/templates/primitives/Slider/Slider.types.ts +51 -0
  175. package/templates/primitives/Slider/Slider.variants.ts +38 -0
  176. package/templates/primitives/Switch/Switch.tsx +61 -0
  177. package/templates/primitives/Switch/Switch.types.ts +29 -0
  178. package/templates/primitives/Switch/Switch.variants.ts +48 -0
  179. package/templates/primitives/Tabs/Tabs.tsx +70 -0
  180. package/templates/primitives/Tabs/Tabs.types.ts +23 -0
  181. package/templates/primitives/Tabs/Tabs.variants.ts +29 -0
  182. package/templates/primitives/Textarea/Textarea.tsx +42 -0
  183. package/templates/primitives/Textarea/Textarea.types.ts +31 -0
  184. package/templates/primitives/Textarea/Textarea.variants.ts +46 -0
  185. package/templates/primitives/Toast/Toast.tsx +195 -0
  186. package/templates/primitives/Toast/Toast.types.ts +52 -0
  187. package/templates/primitives/Toast/Toast.variants.ts +88 -0
  188. package/templates/primitives/Toggle/Toggle.tsx +24 -0
  189. package/templates/primitives/Toggle/Toggle.types.ts +19 -0
  190. package/templates/primitives/Toggle/Toggle.variants.ts +32 -0
  191. package/templates/primitives/ToggleGroup/ToggleGroup.tsx +34 -0
  192. package/templates/primitives/ToggleGroup/ToggleGroup.types.ts +19 -0
  193. package/templates/primitives/ToggleGroup/ToggleGroup.variants.ts +32 -0
  194. package/templates/primitives/Toolbar/Toolbar.tsx +118 -0
  195. package/templates/primitives/Toolbar/Toolbar.types.ts +32 -0
  196. package/templates/primitives/Toolbar/Toolbar.variants.ts +84 -0
  197. package/templates/primitives/Tooltip/Tooltip.tsx +98 -0
  198. package/templates/primitives/Tooltip/Tooltip.types.ts +22 -0
  199. package/templates/primitives/Tooltip/Tooltip.variants.ts +24 -0
  200. package/templates/shared/utils/cn.ts +46 -0
  201. package/templates/styles/theme.css +311 -0
  202. package/templates/styles/tokens.css +1445 -0
  203. package/templates/templates/DashboardShell/DashboardShell.tsx +124 -0
  204. package/templates/templates/DashboardShell/DashboardShell.types.ts +37 -0
  205. package/templates/templates/DashboardShell/DashboardShell.variants.ts +25 -0
  206. package/templates/tsconfig.json +5 -0
package/templates/styles/tokens.css ADDED
@@ -0,0 +1,1445 @@
1
+ /* Generated by @dalexto/lexsys-tokens. Do not edit directly. */
2
+
3
+ :root {
4
+ --lsys-color-white: oklch(1 0 0);
5
+ --lsys-color-black: oklch(0 0 0);
6
+ --lsys-color-neutral-50: oklch(0.925 0 0);
7
+ --lsys-color-neutral-100: oklch(0.855 0 0);
8
+ --lsys-color-neutral-200: oklch(0.786 0 0);
9
+ --lsys-color-neutral-300: oklch(0.712 0 0);
10
+ --lsys-color-neutral-400: oklch(0.637 0 0);
11
+ --lsys-color-neutral-500: oklch(0.562 0 0);
12
+ --lsys-color-neutral-600: oklch(0.482 0 0);
13
+ --lsys-color-neutral-700: oklch(0.398 0 0);
14
+ --lsys-color-neutral-800: oklch(0.309 0 0);
15
+ --lsys-color-neutral-900: oklch(0.218 0 0);
16
+ --lsys-color-neutral-950: oklch(0.097 0 0);
17
+ --lsys-color-red-50: oklch(0.836 0.083 28.091);
18
+ --lsys-color-red-100: oklch(0.8 0.101 28.526);
19
+ --lsys-color-red-200: oklch(0.73 0.136 28.48);
20
+ --lsys-color-red-300: oklch(0.65 0.17 28.192);
21
+ --lsys-color-red-400: oklch(0.595 0.186 27.396);
22
+ --lsys-color-red-500: oklch(0.54 0.2 26.992);
23
+ --lsys-color-red-600: oklch(0.466 0.185 26.009);
24
+ --lsys-color-red-700: oklch(0.39 0.158 25.454);
25
+ --lsys-color-red-800: oklch(0.306 0.124 25.101);
26
+ --lsys-color-red-900: oklch(0.234 0.095 24.172);
27
+ --lsys-color-red-950: oklch(0.197 0.08 24.164);
28
+ --lsys-color-orange-50: oklch(0.969 0.014 39.42);
29
+ --lsys-color-orange-100: oklch(0.934 0.035 39.988);
30
+ --lsys-color-orange-200: oklch(0.864 0.076 39.826);
31
+ --lsys-color-orange-300: oklch(0.785 0.129 39.49);
32
+ --lsys-color-orange-400: oklch(0.729 0.172 38.784);
33
+ --lsys-color-orange-500: oklch(0.675 0.218 38.562);
34
+ --lsys-color-orange-600: oklch(0.585 0.193 37.555);
35
+ --lsys-color-orange-700: oklch(0.475 0.165 35.426);
36
+ --lsys-color-orange-800: oklch(0.345 0.126 33.371);
37
+ --lsys-color-orange-900: oklch(0.216 0.083 31.655);
38
+ --lsys-color-orange-950: oklch(0.153 0.059 31.482);
39
+ --lsys-color-yellow-50: oklch(0.987 0.026 92);
40
+ --lsys-color-yellow-100: oklch(0.973 0.051 92);
41
+ --lsys-color-yellow-200: oklch(0.946 0.089 92);
42
+ --lsys-color-yellow-300: oklch(0.906 0.13 92);
43
+ --lsys-color-yellow-400: oklch(0.852 0.168 92);
44
+ --lsys-color-yellow-500: oklch(0.79 0.178 92);
45
+ --lsys-color-yellow-600: oklch(0.706 0.17 92);
46
+ --lsys-color-yellow-700: oklch(0.578 0.145 92);
47
+ --lsys-color-yellow-800: oklch(0.444 0.097 92);
48
+ --lsys-color-yellow-900: oklch(0.315 0.065 92);
49
+ --lsys-color-yellow-950: oklch(0.248 0.05 92);
50
+ --lsys-color-green-50: oklch(0.936 0.063 154.09);
51
+ --lsys-color-green-100: oklch(0.913 0.083 153.563);
52
+ --lsys-color-green-200: oklch(0.867 0.124 152.08);
53
+ --lsys-color-green-300: oklch(0.823 0.161 150.17);
54
+ --lsys-color-green-400: oklch(0.782 0.191 148.446);
55
+ --lsys-color-green-500: oklch(0.726 0.2 146.985);
56
+ --lsys-color-green-600: oklch(0.621 0.168 147.169);
57
+ --lsys-color-green-700: oklch(0.511 0.134 147.564);
58
+ --lsys-color-green-800: oklch(0.394 0.099 148.066);
59
+ --lsys-color-green-900: oklch(0.272 0.062 148.962);
60
+ --lsys-color-green-950: oklch(0.211 0.044 148.998);
61
+ --lsys-color-blue-50: oklch(0.924 0.098 274.036);
62
+ --lsys-color-blue-100: oklch(0.876 0.13 271.991);
63
+ --lsys-color-blue-200: oklch(0.778 0.195 267.901);
64
+ --lsys-color-blue-300: oklch(0.647 0.214 265.621);
65
+ --lsys-color-blue-400: oklch(0.596 0.214 264.251);
66
+ --lsys-color-blue-500: oklch(0.546 0.215 262.881);
67
+ --lsys-color-blue-600: oklch(0.455 0.191 259.631);
68
+ --lsys-color-blue-700: oklch(0.36 0.151 259.071);
69
+ --lsys-color-blue-800: oklch(0.276 0.117 259.071);
70
+ --lsys-color-blue-900: oklch(0.212 0.085 253.121);
71
+ --lsys-color-blue-950: oklch(0.18 0.07 250.146);
72
+ --lsys-color-purple-50: oklch(0.977 0.014 308.299);
73
+ --lsys-color-purple-100: oklch(0.946 0.033 307.174);
74
+ --lsys-color-purple-200: oklch(0.902 0.063 306.703);
75
+ --lsys-color-purple-300: oklch(0.827 0.119 306.383);
76
+ --lsys-color-purple-400: oklch(0.714 0.203 305.504);
77
+ --lsys-color-purple-500: oklch(0.627 0.265 303.9);
78
+ --lsys-color-purple-600: oklch(0.558 0.288 302.321);
79
+ --lsys-color-purple-700: oklch(0.496 0.265 301.924);
80
+ --lsys-color-purple-800: oklch(0.438 0.218 303.724);
81
+ --lsys-color-purple-900: oklch(0.381 0.176 304.987);
82
+ --lsys-color-purple-950: oklch(0.291 0.149 302.717);
83
+ --lsys-color-space-indigo-50: oklch(0.937 0.005 274.963);
84
+ --lsys-color-space-indigo-100: oklch(0.871 0.011 274.875);
85
+ --lsys-color-space-indigo-200: oklch(0.737 0.025 275.233);
86
+ --lsys-color-space-indigo-300: oklch(0.599 0.037 272.432);
87
+ --lsys-color-space-indigo-400: oklch(0.452 0.055 272.278);
88
+ --lsys-color-space-indigo-500: oklch(0.295 0.076 269.953);
89
+ --lsys-color-space-indigo-600: oklch(0.259 0.063 270.048);
90
+ --lsys-color-space-indigo-700: oklch(0.221 0.048 269.859);
91
+ --lsys-color-space-indigo-800: oklch(0.179 0.036 272.337);
92
+ --lsys-color-space-indigo-900: oklch(0.136 0.019 270.815);
93
+ --lsys-color-space-indigo-950: oklch(0.108 0.013 269.716);
94
+ --lsys-color-background-base: var(--lsys-color-white);
95
+ --lsys-color-background-surface: var(--lsys-color-white);
96
+ --lsys-color-background-subtle: var(--lsys-color-neutral-50);
97
+ --lsys-color-background-overlay: var(--lsys-color-neutral-800);
98
+ --lsys-color-text-primary: var(--lsys-color-neutral-900);
99
+ --lsys-color-text-secondary: var(--lsys-color-neutral-600);
100
+ --lsys-color-text-disabled: var(--lsys-color-neutral-400);
101
+ --lsys-color-text-inverse: var(--lsys-color-white);
102
+ --lsys-color-text-link: var(--lsys-brand-color-accent-base);
103
+ --lsys-color-text-accent: var(--lsys-brand-color-accent-base);
104
+ --lsys-color-feedback-info-background: var(--lsys-color-blue-50);
105
+ --lsys-color-feedback-info-foreground: var(--lsys-color-blue-700);
106
+ --lsys-color-feedback-success-background: var(--lsys-color-green-50);
107
+ --lsys-color-feedback-success-foreground: var(--lsys-color-green-700);
108
+ --lsys-color-feedback-warning-background: var(--lsys-color-yellow-50);
109
+ --lsys-color-feedback-warning-foreground: var(--lsys-color-yellow-800);
110
+ --lsys-color-feedback-danger-background: var(--lsys-color-red-50);
111
+ --lsys-color-feedback-danger-foreground: var(--lsys-color-red-700);
112
+ --lsys-radius-none: 0px;
113
+ --lsys-radius-sm: 0.25rem;
114
+ --lsys-radius-md: 0.375rem;
115
+ --lsys-radius-lg: 0.5rem;
116
+ --lsys-radius-xl: 0.75rem;
117
+ --lsys-radius-2xl: 1rem;
118
+ --lsys-radius-full: 9999px;
119
+ --lsys-radius-control: var(--lsys-radius-md);
120
+ --lsys-radius-selection: var(--lsys-radius-sm);
121
+ --lsys-radius-surface: var(--lsys-radius-lg);
122
+ --lsys-radius-pill: var(--lsys-radius-full);
123
+ --lsys-space-1: 0.25rem;
124
+ --lsys-space-2: 0.5rem;
125
+ --lsys-space-3: 0.75rem;
126
+ --lsys-space-4: 1rem;
127
+ --lsys-space-6: 1.5rem;
128
+ --lsys-space-8: 2rem;
129
+ --lsys-space-9: 2.25rem;
130
+ --lsys-space-10: 2.5rem;
131
+ --lsys-space-12: 3rem;
132
+ --lsys-space-16: 4rem;
133
+ --lsys-space-control-gap-sm: var(--lsys-space-1);
134
+ --lsys-space-control-gap-md: var(--lsys-space-2);
135
+ --lsys-space-control-gap-lg: var(--lsys-space-3);
136
+ --lsys-space-control-x-xs: var(--lsys-space-2);
137
+ --lsys-space-control-x-sm: var(--lsys-space-3);
138
+ --lsys-space-control-x-md: var(--lsys-space-4);
139
+ --lsys-space-control-x-lg: var(--lsys-space-6);
140
+ --lsys-space-control-x-xl: var(--lsys-space-8);
141
+ --lsys-space-control-y-xs: var(--lsys-space-1);
142
+ --lsys-space-control-y-sm: var(--lsys-space-2);
143
+ --lsys-space-control-y-md: var(--lsys-space-3);
144
+ --lsys-space-control-y-lg: var(--lsys-space-4);
145
+ --lsys-space-surface-sm: var(--lsys-space-4);
146
+ --lsys-space-surface-md: var(--lsys-space-6);
147
+ --lsys-space-surface-gap-sm: var(--lsys-space-1);
148
+ --lsys-space-surface-gap-md: var(--lsys-space-3);
149
+ --lsys-space-overlay-side-offset: var(--lsys-space-2);
150
+ --lsys-size-1: 0.25rem;
151
+ --lsys-size-2: 0.5rem;
152
+ --lsys-size-3: 0.75rem;
153
+ --lsys-size-4: 1rem;
154
+ --lsys-size-5: 1.25rem;
155
+ --lsys-size-6: 1.5rem;
156
+ --lsys-size-7: 1.75rem;
157
+ --lsys-size-8: 2rem;
158
+ --lsys-size-9: 2.25rem;
159
+ --lsys-size-10: 2.5rem;
160
+ --lsys-size-11: 2.75rem;
161
+ --lsys-size-12: 3rem;
162
+ --lsys-size-13: 3.25rem;
163
+ --lsys-size-14: 3.5rem;
164
+ --lsys-size-15: 3.75rem;
165
+ --lsys-size-16: 4rem;
166
+ --lsys-size-20: 5rem;
167
+ --lsys-size-48: 12rem;
168
+ --lsys-size-80: 20rem;
169
+ --lsys-size-96: 24rem;
170
+ --lsys-size-128: 32rem;
171
+ --lsys-size-160: 40rem;
172
+ --lsys-size-control-xs: var(--lsys-size-6);
173
+ --lsys-size-control-compact: var(--lsys-size-7);
174
+ --lsys-size-control-sm: var(--lsys-size-8);
175
+ --lsys-size-control-md: var(--lsys-size-10);
176
+ --lsys-size-control-lg: var(--lsys-size-12);
177
+ --lsys-size-control-xl: var(--lsys-size-14);
178
+ --lsys-size-control-2xl: var(--lsys-size-16);
179
+ --lsys-size-selection-control-sm: var(--lsys-size-3);
180
+ --lsys-size-selection-control-md: var(--lsys-size-4);
181
+ --lsys-size-selection-control-lg: var(--lsys-size-5);
182
+ --lsys-size-area-swipe-sm: var(--lsys-size-12);
183
+ --lsys-size-area-swipe-md: var(--lsys-size-16);
184
+ --lsys-size-area-swipe-lg: var(--lsys-size-20);
185
+ --lsys-size-selection-indicator-sm: var(--lsys-size-1);
186
+ --lsys-size-selection-indicator-md: var(--lsys-size-2);
187
+ --lsys-size-selection-indicator-lg: var(--lsys-size-2);
188
+ --lsys-size-track-sm: var(--lsys-size-1);
189
+ --lsys-size-track-md: var(--lsys-size-2);
190
+ --lsys-size-track-lg: var(--lsys-size-3);
191
+ --lsys-size-thumb-sm: var(--lsys-size-4);
192
+ --lsys-size-thumb-md: var(--lsys-size-5);
193
+ --lsys-size-thumb-lg: var(--lsys-size-6);
194
+ --lsys-size-switch-track-width-sm: var(--lsys-size-9);
195
+ --lsys-size-switch-track-width-md: var(--lsys-size-11);
196
+ --lsys-size-switch-track-width-lg: var(--lsys-size-13);
197
+ --lsys-size-switch-track-height-sm: var(--lsys-size-5);
198
+ --lsys-size-switch-track-height-md: var(--lsys-size-6);
199
+ --lsys-size-switch-track-height-lg: var(--lsys-size-7);
200
+ --lsys-size-panel-width-sm: var(--lsys-size-80);
201
+ --lsys-size-panel-width-md: var(--lsys-size-96);
202
+ --lsys-size-panel-width-lg: var(--lsys-size-128);
203
+ --lsys-size-panel-width-xl: var(--lsys-size-160);
204
+ --lsys-size-panel-height-sm: var(--lsys-size-48);
205
+ --lsys-size-panel-height-md: var(--lsys-size-80);
206
+ --lsys-size-panel-height-lg: var(--lsys-size-128);
207
+ --lsys-size-overlay-list-max-height: var(--lsys-size-panel-height-sm);
208
+ --lsys-size-overlay-viewport-max-height: var(--lsys-layout-viewport-full);
209
+ --lsys-font-family-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
210
+ --lsys-font-family-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
211
+ --lsys-font-family-mono: "JetBrains Mono", "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
212
+ --lsys-font-size-xs: 0.75rem;
213
+ --lsys-font-size-sm: 0.875rem;
214
+ --lsys-font-size-base: 1rem;
215
+ --lsys-font-size-lg: 1.125rem;
216
+ --lsys-font-size-xl: 1.25rem;
217
+ --lsys-font-size-2xl: 1.5rem;
218
+ --lsys-font-size-3xl: 1.875rem;
219
+ --lsys-font-size-4xl: 2.25rem;
220
+ --lsys-font-size-5xl: 3rem;
221
+ --lsys-font-size-6xl: 3.75rem;
222
+ --lsys-font-size-7xl: 4.5rem;
223
+ --lsys-font-size-8xl: 6rem;
224
+ --lsys-font-size-9xl: 8rem;
225
+ --lsys-font-weight-thin: 100;
226
+ --lsys-font-weight-extralight: 200;
227
+ --lsys-font-weight-light: 300;
228
+ --lsys-font-weight-normal: 400;
229
+ --lsys-font-weight-medium: 500;
230
+ --lsys-font-weight-semibold: 600;
231
+ --lsys-font-weight-bold: 700;
232
+ --lsys-font-weight-extrabold: 800;
233
+ --lsys-font-weight-black: 900;
234
+ --lsys-line-height-none: 1;
235
+ --lsys-line-height-tight: 1.25;
236
+ --lsys-line-height-snug: 1.375;
237
+ --lsys-line-height-normal: 1.5;
238
+ --lsys-line-height-relaxed: 1.625;
239
+ --lsys-line-height-loose: 2;
240
+ --lsys-letter-spacing-tighter: -0.05em;
241
+ --lsys-letter-spacing-tight: -0.025em;
242
+ --lsys-letter-spacing-normal: 0em;
243
+ --lsys-letter-spacing-wide: 0.025em;
244
+ --lsys-letter-spacing-wider: 0.05em;
245
+ --lsys-letter-spacing-widest: 0.1em;
246
+ --lsys-duration-instant: 0ms;
247
+ --lsys-duration-fastest: 100ms;
248
+ --lsys-duration-fast: 150ms;
249
+ --lsys-duration-normal: 200ms;
250
+ --lsys-duration-slow: 300ms;
251
+ --lsys-duration-slower: 500ms;
252
+ --lsys-duration-control: var(--lsys-duration-fast);
253
+ --lsys-duration-surface: var(--lsys-duration-fast);
254
+ --lsys-easing-linear: cubic-bezier(0, 0, 1, 1);
255
+ --lsys-easing-standard: cubic-bezier(0.2, 0, 0, 1);
256
+ --lsys-easing-enter: cubic-bezier(0, 0, 0.2, 1);
257
+ --lsys-easing-exit: cubic-bezier(0.4, 0, 1, 1);
258
+ --lsys-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
259
+ --lsys-easing-control: var(--lsys-easing-standard);
260
+ --lsys-easing-surface: var(--lsys-easing-standard);
261
+ --lsys-motion-offset-entry-y: var(--lsys-space-2);
262
+ --lsys-aspect-ratio-1-1: 1;
263
+ --lsys-aspect-ratio-4-3: 1.333333;
264
+ --lsys-aspect-ratio-3-2: 1.5;
265
+ --lsys-aspect-ratio-3-4: 0.75;
266
+ --lsys-aspect-ratio-16-9: 1.777778;
267
+ --lsys-aspect-ratio-21-9: 2.333333;
268
+ --lsys-blur-none: 0px;
269
+ --lsys-blur-xs: 2px;
270
+ --lsys-blur-sm: 4px;
271
+ --lsys-blur-md: 8px;
272
+ --lsys-blur-lg: 12px;
273
+ --lsys-blur-xl: 16px;
274
+ --lsys-blur-2xl: 24px;
275
+ --lsys-blur-3xl: 40px;
276
+ --lsys-border-none: 0px;
277
+ --lsys-border-hairline: 0.5px;
278
+ --lsys-border-thin: 1px;
279
+ --lsys-border-medium: 2px;
280
+ --lsys-border-thick: 4px;
281
+ --lsys-border-default: var(--lsys-color-neutral-200);
282
+ --lsys-border-strong: var(--lsys-color-neutral-400);
283
+ --lsys-border-focus: var(--lsys-brand-color-primary-base);
284
+ --lsys-border-accent: var(--lsys-brand-color-accent-base);
285
+ --lsys-border-control-color: var(--lsys-color-neutral-200);
286
+ --lsys-border-control-width: var(--lsys-border-thin);
287
+ --lsys-border-control-style: solid;
288
+ --lsys-breakpoint-sm: 40rem;
289
+ --lsys-breakpoint-md: 48rem;
290
+ --lsys-breakpoint-lg: 64rem;
291
+ --lsys-breakpoint-xl: 80rem;
292
+ --lsys-breakpoint-2xl: 96rem;
293
+ --lsys-opacity-0: 0;
294
+ --lsys-opacity-5: 0.05;
295
+ --lsys-opacity-10: 0.1;
296
+ --lsys-opacity-20: 0.2;
297
+ --lsys-opacity-30: 0.3;
298
+ --lsys-opacity-40: 0.4;
299
+ --lsys-opacity-50: 0.5;
300
+ --lsys-opacity-60: 0.6;
301
+ --lsys-opacity-70: 0.7;
302
+ --lsys-opacity-80: 0.8;
303
+ --lsys-opacity-90: 0.9;
304
+ --lsys-opacity-100: 1;
305
+ --lsys-opacity-disabled: var(--lsys-opacity-50);
306
+ --lsys-opacity-busy: var(--lsys-opacity-80);
307
+ --lsys-outline-width-none: 0px;
308
+ --lsys-outline-width-hairline: 1px;
309
+ --lsys-outline-width-thin: 2px;
310
+ --lsys-outline-width-medium: 3px;
311
+ --lsys-outline-width-thick: 4px;
312
+ --lsys-outline-width-focus: var(--lsys-outline-width-thin);
313
+ --lsys-outline-width-inset: var(--lsys-outline-width-thin);
314
+ --lsys-outline-width-zero: var(--lsys-outline-width-none);
315
+ --lsys-outline-offset-none: 0px;
316
+ --lsys-outline-offset-xs: 1px;
317
+ --lsys-outline-offset-sm: 2px;
318
+ --lsys-outline-offset-md: 4px;
319
+ --lsys-outline-offset-lg: 6px;
320
+ --lsys-outline-offset-xl: 8px;
321
+ --lsys-outline-offset-focus: var(--lsys-outline-offset-sm);
322
+ --lsys-outline-offset-zero: var(--lsys-outline-offset-none);
323
+ --lsys-shadow-0-color: oklch(0 0 0 / 0);
324
+ --lsys-shadow-0-offset-x: 0;
325
+ --lsys-shadow-0-offset-y: 0;
326
+ --lsys-shadow-0-blur: 0;
327
+ --lsys-shadow-0-spread: 0;
328
+ --lsys-shadow-0-inset: ;
329
+ --lsys-shadow-0-box-shadow: var(--lsys-shadow-0-inset) var(--lsys-shadow-0-offset-x) var(--lsys-shadow-0-offset-y) var(--lsys-shadow-0-blur) var(--lsys-shadow-0-spread) var(--lsys-shadow-0-color);
330
+ --lsys-shadow-1-color: oklch(0 0 0 / 0.06);
331
+ --lsys-shadow-1-offset-x: 0;
332
+ --lsys-shadow-1-offset-y: 1px;
333
+ --lsys-shadow-1-blur: 2px;
334
+ --lsys-shadow-1-spread: 0;
335
+ --lsys-shadow-1-inset: ;
336
+ --lsys-shadow-1-box-shadow: var(--lsys-shadow-1-inset) var(--lsys-shadow-1-offset-x) var(--lsys-shadow-1-offset-y) var(--lsys-shadow-1-blur) var(--lsys-shadow-1-spread) var(--lsys-shadow-1-color);
337
+ --lsys-shadow-2-color: oklch(0 0 0 / 0.08);
338
+ --lsys-shadow-2-offset-x: 0;
339
+ --lsys-shadow-2-offset-y: 2px;
340
+ --lsys-shadow-2-blur: 4px;
341
+ --lsys-shadow-2-spread: 0;
342
+ --lsys-shadow-2-inset: ;
343
+ --lsys-shadow-2-box-shadow: var(--lsys-shadow-2-inset) var(--lsys-shadow-2-offset-x) var(--lsys-shadow-2-offset-y) var(--lsys-shadow-2-blur) var(--lsys-shadow-2-spread) var(--lsys-shadow-2-color);
344
+ --lsys-shadow-3-color: oklch(0 0 0 / 0.1);
345
+ --lsys-shadow-3-offset-x: 0;
346
+ --lsys-shadow-3-offset-y: 4px;
347
+ --lsys-shadow-3-blur: 8px;
348
+ --lsys-shadow-3-spread: 0;
349
+ --lsys-shadow-3-inset: ;
350
+ --lsys-shadow-3-box-shadow: var(--lsys-shadow-3-inset) var(--lsys-shadow-3-offset-x) var(--lsys-shadow-3-offset-y) var(--lsys-shadow-3-blur) var(--lsys-shadow-3-spread) var(--lsys-shadow-3-color);
351
+ --lsys-shadow-4-color: oklch(0 0 0 / 0.12);
352
+ --lsys-shadow-4-offset-x: 0;
353
+ --lsys-shadow-4-offset-y: 8px;
354
+ --lsys-shadow-4-blur: 16px;
355
+ --lsys-shadow-4-spread: 0;
356
+ --lsys-shadow-4-inset: ;
357
+ --lsys-shadow-4-box-shadow: var(--lsys-shadow-4-inset) var(--lsys-shadow-4-offset-x) var(--lsys-shadow-4-offset-y) var(--lsys-shadow-4-blur) var(--lsys-shadow-4-spread) var(--lsys-shadow-4-color);
358
+ --lsys-shadow-5-color: oklch(0 0 0 / 0.14);
359
+ --lsys-shadow-5-offset-x: 0;
360
+ --lsys-shadow-5-offset-y: 16px;
361
+ --lsys-shadow-5-blur: 32px;
362
+ --lsys-shadow-5-spread: 0;
363
+ --lsys-shadow-5-inset: ;
364
+ --lsys-shadow-5-box-shadow: var(--lsys-shadow-5-inset) var(--lsys-shadow-5-offset-x) var(--lsys-shadow-5-offset-y) var(--lsys-shadow-5-blur) var(--lsys-shadow-5-spread) var(--lsys-shadow-5-color);
365
+ --lsys-shadow-6-color: oklch(0 0 0 / 0.16);
366
+ --lsys-shadow-6-offset-x: 0;
367
+ --lsys-shadow-6-offset-y: 24px;
368
+ --lsys-shadow-6-blur: 48px;
369
+ --lsys-shadow-6-spread: 0;
370
+ --lsys-shadow-6-inset: ;
371
+ --lsys-shadow-6-box-shadow: var(--lsys-shadow-6-inset) var(--lsys-shadow-6-offset-x) var(--lsys-shadow-6-offset-y) var(--lsys-shadow-6-blur) var(--lsys-shadow-6-spread) var(--lsys-shadow-6-color);
372
+ --lsys-shadow-inner-color: oklch(0 0 0 / 0.08);
373
+ --lsys-shadow-inner-offset-x: 0;
374
+ --lsys-shadow-inner-offset-y: 1px;
375
+ --lsys-shadow-inner-blur: 2px;
376
+ --lsys-shadow-inner-spread: 0;
377
+ --lsys-shadow-inner-inset: inset;
378
+ --lsys-shadow-inner-box-shadow: var(--lsys-shadow-inner-inset) var(--lsys-shadow-inner-offset-x) var(--lsys-shadow-inner-offset-y) var(--lsys-shadow-inner-blur) var(--lsys-shadow-inner-spread) var(--lsys-shadow-inner-color);
379
+ --lsys-z-index-base: 0;
380
+ --lsys-z-index-behind: -10;
381
+ --lsys-z-index-local: 30;
382
+ --lsys-z-index-raised: 10;
383
+ --lsys-z-index-sticky: 100;
384
+ --lsys-z-index-dropdown: 1000;
385
+ --lsys-z-index-overlay: 2000;
386
+ --lsys-z-index-modal: 3000;
387
+ --lsys-z-index-popover: 4000;
388
+ --lsys-z-index-toast: 5000;
389
+ --lsys-z-index-tooltip: 6000;
390
+ --lsys-z-index-max: 9999;
391
+ --lsys-brand-color-primary-base: var(--lsys-color-orange-600);
392
+ --lsys-brand-color-primary-hover: var(--lsys-color-orange-700);
393
+ --lsys-brand-color-primary-active: var(--lsys-color-orange-800);
394
+ --lsys-brand-color-primary-disabled: var(--lsys-color-neutral-300);
395
+ --lsys-brand-color-accent-base: var(--lsys-color-space-indigo-500);
396
+ --lsys-brand-color-accent-hover: var(--lsys-color-space-indigo-700);
397
+ --lsys-brand-color-accent-active: var(--lsys-color-space-indigo-900);
398
+ --lsys-brand-color-accent-disabled: var(--lsys-color-neutral-200);
399
+ --lsys-typography-family-sans: var(--lsys-font-family-sans);
400
+ --lsys-typography-family-serif: var(--lsys-font-family-serif);
401
+ --lsys-typography-family-mono: var(--lsys-font-family-mono);
402
+ --lsys-typography-body-xs-font-family: var(--lsys-typography-family-sans);
403
+ --lsys-typography-body-xs-font-size: var(--lsys-font-size-xs);
404
+ --lsys-typography-body-xs-font-weight: var(--lsys-font-weight-normal);
405
+ --lsys-typography-body-xs-line-height: var(--lsys-line-height-normal);
406
+ --lsys-typography-body-xs-letter-spacing: var(--lsys-letter-spacing-normal);
407
+ --lsys-typography-body-sm-font-family: var(--lsys-typography-family-sans);
408
+ --lsys-typography-body-sm-font-size: var(--lsys-font-size-sm);
409
+ --lsys-typography-body-sm-font-weight: var(--lsys-font-weight-normal);
410
+ --lsys-typography-body-sm-line-height: var(--lsys-line-height-normal);
411
+ --lsys-typography-body-sm-letter-spacing: var(--lsys-letter-spacing-normal);
412
+ --lsys-typography-body-md-font-family: var(--lsys-typography-family-sans);
413
+ --lsys-typography-body-md-font-size: var(--lsys-font-size-base);
414
+ --lsys-typography-body-md-font-weight: var(--lsys-font-weight-normal);
415
+ --lsys-typography-body-md-line-height: var(--lsys-line-height-normal);
416
+ --lsys-typography-body-md-letter-spacing: var(--lsys-letter-spacing-normal);
417
+ --lsys-typography-body-lg-font-family: var(--lsys-typography-family-sans);
418
+ --lsys-typography-body-lg-font-size: var(--lsys-font-size-lg);
419
+ --lsys-typography-body-lg-font-weight: var(--lsys-font-weight-normal);
420
+ --lsys-typography-body-lg-line-height: var(--lsys-line-height-relaxed);
421
+ --lsys-typography-body-lg-letter-spacing: var(--lsys-letter-spacing-normal);
422
+ --lsys-typography-body-xl-font-family: var(--lsys-typography-family-sans);
423
+ --lsys-typography-body-xl-font-size: var(--lsys-font-size-xl);
424
+ --lsys-typography-body-xl-font-weight: var(--lsys-font-weight-normal);
425
+ --lsys-typography-body-xl-line-height: var(--lsys-line-height-relaxed);
426
+ --lsys-typography-body-xl-letter-spacing: var(--lsys-letter-spacing-normal);
427
+ --lsys-typography-heading-xs-font-family: var(--lsys-typography-family-sans);
428
+ --lsys-typography-heading-xs-font-size: var(--lsys-font-size-base);
429
+ --lsys-typography-heading-xs-font-weight: var(--lsys-font-weight-semibold);
430
+ --lsys-typography-heading-xs-line-height: var(--lsys-line-height-tight);
431
+ --lsys-typography-heading-xs-letter-spacing: var(--lsys-letter-spacing-tight);
432
+ --lsys-typography-heading-sm-font-family: var(--lsys-typography-family-sans);
433
+ --lsys-typography-heading-sm-font-size: var(--lsys-font-size-lg);
434
+ --lsys-typography-heading-sm-font-weight: var(--lsys-font-weight-semibold);
435
+ --lsys-typography-heading-sm-line-height: var(--lsys-line-height-tight);
436
+ --lsys-typography-heading-sm-letter-spacing: var(--lsys-letter-spacing-tight);
437
+ --lsys-typography-heading-md-font-family: var(--lsys-typography-family-sans);
438
+ --lsys-typography-heading-md-font-size: var(--lsys-font-size-xl);
439
+ --lsys-typography-heading-md-font-weight: var(--lsys-font-weight-semibold);
440
+ --lsys-typography-heading-md-line-height: var(--lsys-line-height-tight);
441
+ --lsys-typography-heading-md-letter-spacing: var(--lsys-letter-spacing-tight);
442
+ --lsys-typography-heading-lg-font-family: var(--lsys-typography-family-sans);
443
+ --lsys-typography-heading-lg-font-size: var(--lsys-font-size-2xl);
444
+ --lsys-typography-heading-lg-font-weight: var(--lsys-font-weight-bold);
445
+ --lsys-typography-heading-lg-line-height: var(--lsys-line-height-tight);
446
+ --lsys-typography-heading-lg-letter-spacing: var(--lsys-letter-spacing-tight);
447
+ --lsys-typography-heading-xl-font-family: var(--lsys-typography-family-sans);
448
+ --lsys-typography-heading-xl-font-size: var(--lsys-font-size-3xl);
449
+ --lsys-typography-heading-xl-font-weight: var(--lsys-font-weight-bold);
450
+ --lsys-typography-heading-xl-line-height: var(--lsys-line-height-tight);
451
+ --lsys-typography-heading-xl-letter-spacing: var(--lsys-letter-spacing-tight);
452
+ --lsys-typography-heading-2xl-font-family: var(--lsys-typography-family-sans);
453
+ --lsys-typography-heading-2xl-font-size: var(--lsys-font-size-4xl);
454
+ --lsys-typography-heading-2xl-font-weight: var(--lsys-font-weight-bold);
455
+ --lsys-typography-heading-2xl-line-height: var(--lsys-line-height-tight);
456
+ --lsys-typography-heading-2xl-letter-spacing: var(--lsys-letter-spacing-tight);
457
+ --lsys-typography-display-sm-font-family: var(--lsys-typography-family-sans);
458
+ --lsys-typography-display-sm-font-size: var(--lsys-font-size-5xl);
459
+ --lsys-typography-display-sm-font-weight: var(--lsys-font-weight-bold);
460
+ --lsys-typography-display-sm-line-height: var(--lsys-line-height-none);
461
+ --lsys-typography-display-sm-letter-spacing: var(--lsys-letter-spacing-tight);
462
+ --lsys-typography-display-md-font-family: var(--lsys-typography-family-sans);
463
+ --lsys-typography-display-md-font-size: var(--lsys-font-size-6xl);
464
+ --lsys-typography-display-md-font-weight: var(--lsys-font-weight-bold);
465
+ --lsys-typography-display-md-line-height: var(--lsys-line-height-none);
466
+ --lsys-typography-display-md-letter-spacing: var(--lsys-letter-spacing-tighter);
467
+ --lsys-typography-display-lg-font-family: var(--lsys-typography-family-sans);
468
+ --lsys-typography-display-lg-font-size: var(--lsys-font-size-7xl);
469
+ --lsys-typography-display-lg-font-weight: var(--lsys-font-weight-extrabold);
470
+ --lsys-typography-display-lg-line-height: var(--lsys-line-height-none);
471
+ --lsys-typography-display-lg-letter-spacing: var(--lsys-letter-spacing-tighter);
472
+ --lsys-typography-label-xs-font-family: var(--lsys-typography-family-sans);
473
+ --lsys-typography-label-xs-font-size: var(--lsys-font-size-xs);
474
+ --lsys-typography-label-xs-font-weight: var(--lsys-font-weight-medium);
475
+ --lsys-typography-label-xs-line-height: var(--lsys-line-height-tight);
476
+ --lsys-typography-label-xs-letter-spacing: var(--lsys-letter-spacing-normal);
477
+ --lsys-typography-label-sm-font-family: var(--lsys-typography-family-sans);
478
+ --lsys-typography-label-sm-font-size: var(--lsys-font-size-sm);
479
+ --lsys-typography-label-sm-font-weight: var(--lsys-font-weight-medium);
480
+ --lsys-typography-label-sm-line-height: var(--lsys-line-height-tight);
481
+ --lsys-typography-label-sm-letter-spacing: var(--lsys-letter-spacing-normal);
482
+ --lsys-typography-label-md-font-family: var(--lsys-typography-family-sans);
483
+ --lsys-typography-label-md-font-size: var(--lsys-font-size-base);
484
+ --lsys-typography-label-md-font-weight: var(--lsys-font-weight-medium);
485
+ --lsys-typography-label-md-line-height: var(--lsys-line-height-snug);
486
+ --lsys-typography-label-md-letter-spacing: var(--lsys-letter-spacing-normal);
487
+ --lsys-typography-label-lg-font-family: var(--lsys-typography-family-sans);
488
+ --lsys-typography-label-lg-font-size: var(--lsys-font-size-lg);
489
+ --lsys-typography-label-lg-font-weight: var(--lsys-font-weight-medium);
490
+ --lsys-typography-label-lg-line-height: var(--lsys-line-height-snug);
491
+ --lsys-typography-label-lg-letter-spacing: var(--lsys-letter-spacing-normal);
492
+ --lsys-typography-control-xs-font-family: var(--lsys-typography-family-sans);
493
+ --lsys-typography-control-xs-font-size: var(--lsys-font-size-xs);
494
+ --lsys-typography-control-xs-font-weight: var(--lsys-font-weight-medium);
495
+ --lsys-typography-control-xs-line-height: var(--lsys-line-height-tight);
496
+ --lsys-typography-control-xs-letter-spacing: var(--lsys-letter-spacing-normal);
497
+ --lsys-typography-control-sm-font-family: var(--lsys-typography-family-sans);
498
+ --lsys-typography-control-sm-font-size: var(--lsys-font-size-sm);
499
+ --lsys-typography-control-sm-font-weight: var(--lsys-font-weight-medium);
500
+ --lsys-typography-control-sm-line-height: var(--lsys-line-height-tight);
501
+ --lsys-typography-control-sm-letter-spacing: var(--lsys-letter-spacing-normal);
502
+ --lsys-typography-control-md-font-family: var(--lsys-typography-family-sans);
503
+ --lsys-typography-control-md-font-size: var(--lsys-font-size-sm);
504
+ --lsys-typography-control-md-font-weight: var(--lsys-font-weight-medium);
505
+ --lsys-typography-control-md-line-height: var(--lsys-line-height-tight);
506
+ --lsys-typography-control-md-letter-spacing: var(--lsys-letter-spacing-normal);
507
+ --lsys-typography-control-lg-font-family: var(--lsys-typography-family-sans);
508
+ --lsys-typography-control-lg-font-size: var(--lsys-font-size-base);
509
+ --lsys-typography-control-lg-font-weight: var(--lsys-font-weight-medium);
510
+ --lsys-typography-control-lg-line-height: var(--lsys-line-height-snug);
511
+ --lsys-typography-control-lg-letter-spacing: var(--lsys-letter-spacing-normal);
512
+ --lsys-typography-control-xl-font-family: var(--lsys-typography-family-sans);
513
+ --lsys-typography-control-xl-font-size: var(--lsys-font-size-base);
514
+ --lsys-typography-control-xl-font-weight: var(--lsys-font-weight-medium);
515
+ --lsys-typography-control-xl-line-height: var(--lsys-line-height-snug);
516
+ --lsys-typography-control-xl-letter-spacing: var(--lsys-letter-spacing-normal);
517
+ --lsys-typography-code-sm-font-family: var(--lsys-typography-family-mono);
518
+ --lsys-typography-code-sm-font-size: var(--lsys-font-size-xs);
519
+ --lsys-typography-code-sm-font-weight: var(--lsys-font-weight-normal);
520
+ --lsys-typography-code-sm-line-height: var(--lsys-line-height-normal);
521
+ --lsys-typography-code-sm-letter-spacing: var(--lsys-letter-spacing-normal);
522
+ --lsys-typography-code-md-font-family: var(--lsys-typography-family-mono);
523
+ --lsys-typography-code-md-font-size: var(--lsys-font-size-sm);
524
+ --lsys-typography-code-md-font-weight: var(--lsys-font-weight-normal);
525
+ --lsys-typography-code-md-line-height: var(--lsys-line-height-normal);
526
+ --lsys-typography-code-md-letter-spacing: var(--lsys-letter-spacing-normal);
527
+ --lsys-typography-code-lg-font-family: var(--lsys-typography-family-mono);
528
+ --lsys-typography-code-lg-font-size: var(--lsys-font-size-base);
529
+ --lsys-typography-code-lg-font-weight: var(--lsys-font-weight-normal);
530
+ --lsys-typography-code-lg-line-height: var(--lsys-line-height-relaxed);
531
+ --lsys-typography-code-lg-letter-spacing: var(--lsys-letter-spacing-normal);
532
+ --lsys-action-primary-base: var(--lsys-brand-color-primary-base);
533
+ --lsys-action-primary-hover: var(--lsys-brand-color-primary-hover);
534
+ --lsys-action-primary-active: var(--lsys-brand-color-primary-active);
535
+ --lsys-action-primary-disabled: var(--lsys-brand-color-primary-disabled);
536
+ --lsys-action-secondary-base: var(--lsys-color-neutral-100);
537
+ --lsys-action-secondary-hover: var(--lsys-color-neutral-200);
538
+ --lsys-action-secondary-active: var(--lsys-color-neutral-300);
539
+ --lsys-action-secondary-disabled: var(--lsys-color-neutral-100);
540
+ --lsys-action-danger-base: var(--lsys-color-red-600);
541
+ --lsys-action-danger-hover: var(--lsys-color-red-700);
542
+ --lsys-action-danger-active: var(--lsys-color-red-800);
543
+ --lsys-action-danger-disabled: var(--lsys-color-red-300);
544
+ --lsys-elevation-behind-z-index: var(--lsys-z-index-behind);
545
+ --lsys-elevation-backdrop-z-index: var(--lsys-z-index-overlay);
546
+ --lsys-elevation-handle-z-index: var(--lsys-z-index-local);
547
+ --lsys-elevation-layer-z-index: var(--lsys-z-index-modal);
548
+ --lsys-elevation-floating-z-index: var(--lsys-z-index-popover);
549
+ --lsys-elevation-toast-z-index: var(--lsys-z-index-toast);
550
+ --lsys-elevation-tooltip-z-index: var(--lsys-z-index-tooltip);
551
+ --lsys-elevation-shadow-floating-color: var(--lsys-shadow-4-color);
552
+ --lsys-elevation-shadow-floating-inset: var(--lsys-shadow-4-inset);
553
+ --lsys-elevation-shadow-floating-offset-x: var(--lsys-shadow-4-offset-x);
554
+ --lsys-elevation-shadow-floating-offset-y: var(--lsys-shadow-4-offset-y);
555
+ --lsys-elevation-shadow-floating-blur: var(--lsys-shadow-4-blur);
556
+ --lsys-elevation-shadow-floating-spread: var(--lsys-shadow-4-spread);
557
+ --lsys-elevation-shadow-floating-box-shadow: var(--lsys-elevation-shadow-floating-inset) var(--lsys-elevation-shadow-floating-offset-x) var(--lsys-elevation-shadow-floating-offset-y) var(--lsys-elevation-shadow-floating-blur) var(--lsys-elevation-shadow-floating-spread) var(--lsys-elevation-shadow-floating-color);
558
+ --lsys-elevation-shadow-raised-color: var(--lsys-shadow-5-color);
559
+ --lsys-elevation-shadow-raised-inset: var(--lsys-shadow-5-inset);
560
+ --lsys-elevation-shadow-raised-offset-x: var(--lsys-shadow-5-offset-x);
561
+ --lsys-elevation-shadow-raised-offset-y: var(--lsys-shadow-5-offset-y);
562
+ --lsys-elevation-shadow-raised-blur: var(--lsys-shadow-5-blur);
563
+ --lsys-elevation-shadow-raised-spread: var(--lsys-shadow-5-spread);
564
+ --lsys-elevation-shadow-raised-box-shadow: var(--lsys-elevation-shadow-raised-inset) var(--lsys-elevation-shadow-raised-offset-x) var(--lsys-elevation-shadow-raised-offset-y) var(--lsys-elevation-shadow-raised-blur) var(--lsys-elevation-shadow-raised-spread) var(--lsys-elevation-shadow-raised-color);
565
+ --lsys-layout-viewport-sm: var(--lsys-breakpoint-sm);
566
+ --lsys-layout-viewport-md: var(--lsys-breakpoint-md);
567
+ --lsys-layout-viewport-lg: var(--lsys-breakpoint-lg);
568
+ --lsys-layout-viewport-xl: var(--lsys-breakpoint-xl);
569
+ --lsys-layout-viewport-2xl: var(--lsys-breakpoint-2xl);
570
+ --lsys-layout-viewport-full: 100dvh;
571
+ --lsys-layout-aspect-ratio-square: var(--lsys-aspect-ratio-1-1);
572
+ --lsys-layout-aspect-ratio-standard: var(--lsys-aspect-ratio-4-3);
573
+ --lsys-layout-aspect-ratio-photo: var(--lsys-aspect-ratio-3-2);
574
+ --lsys-layout-aspect-ratio-portrait: var(--lsys-aspect-ratio-3-4);
575
+ --lsys-layout-aspect-ratio-video: var(--lsys-aspect-ratio-16-9);
576
+ --lsys-layout-aspect-ratio-ultrawide: var(--lsys-aspect-ratio-21-9);
577
+ --lsys-accordion-background: var(--lsys-color-background-surface);
578
+ --lsys-accordion-foreground: var(--lsys-color-text-primary);
579
+ --lsys-accordion-border-color: var(--lsys-border-default);
580
+ --lsys-accordion-radius: var(--lsys-radius-surface);
581
+ --lsys-accordion-item-border-color: var(--lsys-border-default);
582
+ --lsys-accordion-trigger-background-hover: var(--lsys-color-background-subtle);
583
+ --lsys-accordion-trigger-padding-x: var(--lsys-space-control-x-md);
584
+ --lsys-accordion-trigger-padding-y: var(--lsys-space-control-y-md);
585
+ --lsys-accordion-trigger-font-family: var(--lsys-typography-label-sm-font-family);
586
+ --lsys-accordion-trigger-font-size: var(--lsys-typography-label-sm-font-size);
587
+ --lsys-accordion-trigger-font-weight: var(--lsys-typography-label-sm-font-weight);
588
+ --lsys-accordion-trigger-font-line-height: var(--lsys-typography-label-sm-line-height);
589
+ --lsys-accordion-panel-foreground: var(--lsys-color-text-secondary);
590
+ --lsys-accordion-panel-padding-x: var(--lsys-space-control-x-md);
591
+ --lsys-accordion-panel-padding-bottom: var(--lsys-space-surface-sm);
592
+ --lsys-accordion-panel-font-size: var(--lsys-typography-body-sm-font-size);
593
+ --lsys-accordion-panel-font-line-height: var(--lsys-typography-body-sm-line-height);
594
+ --lsys-accordion-focus-ring-color: var(--lsys-border-focus);
595
+ --lsys-accordion-focus-ring-width: var(--lsys-outline-width-inset);
596
+ --lsys-accordion-transition-duration: var(--lsys-duration-control);
597
+ --lsys-accordion-transition-easing: var(--lsys-easing-control);
598
+ --lsys-alert-dialog-backdrop-background: var(--lsys-color-text-primary);
599
+ --lsys-alert-dialog-backdrop-opacity: 0.56;
600
+ --lsys-alert-dialog-backdrop-z-index: var(--lsys-elevation-backdrop-z-index);
601
+ --lsys-alert-dialog-viewport-padding: var(--lsys-space-surface-md);
602
+ --lsys-alert-dialog-viewport-inset: var(--lsys-space-surface-md);
603
+ --lsys-alert-dialog-viewport-z-index: var(--lsys-elevation-layer-z-index);
604
+ --lsys-alert-dialog-popup-background: var(--lsys-color-background-base);
605
+ --lsys-alert-dialog-popup-foreground: var(--lsys-color-text-primary);
606
+ --lsys-alert-dialog-popup-border-color: var(--lsys-border-default);
607
+ --lsys-alert-dialog-popup-radius: var(--lsys-radius-surface);
608
+ --lsys-alert-dialog-popup-max-width: var(--lsys-size-panel-width-lg);
609
+ --lsys-alert-dialog-popup-padding: var(--lsys-space-surface-md);
610
+ --lsys-alert-dialog-popup-gap: var(--lsys-space-surface-gap-md);
611
+ --lsys-alert-dialog-popup-shadow: var(--lsys-elevation-shadow-raised-box-shadow);
612
+ --lsys-alert-dialog-title-foreground: var(--lsys-color-text-primary);
613
+ --lsys-alert-dialog-title-padding-end: var(--lsys-size-control-lg);
614
+ --lsys-alert-dialog-title-font-size: var(--lsys-typography-heading-sm-font-size);
615
+ --lsys-alert-dialog-title-font-weight: var(--lsys-typography-heading-sm-font-weight);
616
+ --lsys-alert-dialog-title-font-line-height: var(--lsys-typography-heading-sm-line-height);
617
+ --lsys-alert-dialog-description-foreground: var(--lsys-color-text-secondary);
618
+ --lsys-alert-dialog-description-font-size: var(--lsys-typography-body-sm-font-size);
619
+ --lsys-alert-dialog-description-font-weight: var(--lsys-typography-body-sm-font-weight);
620
+ --lsys-alert-dialog-description-font-line-height: var(--lsys-typography-body-sm-line-height);
621
+ --lsys-alert-dialog-trigger-background: var(--lsys-action-danger-base);
622
+ --lsys-alert-dialog-trigger-foreground: var(--lsys-color-text-inverse);
623
+ --lsys-alert-dialog-trigger-hover-background: var(--lsys-action-danger-base);
624
+ --lsys-alert-dialog-trigger-height: var(--lsys-size-control-md);
625
+ --lsys-alert-dialog-trigger-radius: var(--lsys-radius-control);
626
+ --lsys-alert-dialog-trigger-padding-x: var(--lsys-space-control-x-md);
627
+ --lsys-alert-dialog-trigger-font-size: var(--lsys-typography-control-md-font-size);
628
+ --lsys-alert-dialog-trigger-font-weight: var(--lsys-typography-control-md-font-weight);
629
+ --lsys-alert-dialog-trigger-font-line-height: var(--lsys-typography-control-md-line-height);
630
+ --lsys-alert-dialog-close-foreground: var(--lsys-color-text-secondary);
631
+ --lsys-alert-dialog-close-hover-background: var(--lsys-color-background-subtle);
632
+ --lsys-alert-dialog-close-size: var(--lsys-size-control-sm);
633
+ --lsys-alert-dialog-close-inset: var(--lsys-space-control-x-sm);
634
+ --lsys-alert-dialog-close-radius: var(--lsys-radius-control);
635
+ --lsys-alert-dialog-focus-ring-color: var(--lsys-border-focus);
636
+ --lsys-alert-dialog-focus-ring-offset-color: var(--lsys-color-background-base);
637
+ --lsys-alert-dialog-focus-ring-width: var(--lsys-outline-width-focus);
638
+ --lsys-alert-dialog-focus-ring-offset: var(--lsys-outline-offset-focus);
639
+ --lsys-alert-dialog-transition-duration: var(--lsys-duration-control);
640
+ --lsys-alert-dialog-transition-easing: var(--lsys-easing-control);
641
+ --lsys-alert-radius: var(--lsys-radius-surface);
642
+ --lsys-alert-padding: var(--lsys-space-surface-sm);
643
+ --lsys-alert-gap: var(--lsys-space-surface-gap-sm);
644
+ --lsys-alert-transition-duration: var(--lsys-duration-surface);
645
+ --lsys-alert-transition-easing: var(--lsys-easing-surface);
646
+ --lsys-alert-title-font-size: var(--lsys-typography-label-sm-font-size);
647
+ --lsys-alert-title-font-weight: var(--lsys-typography-label-sm-font-weight);
648
+ --lsys-alert-title-font-line-height: var(--lsys-typography-label-sm-line-height);
649
+ --lsys-alert-description-foreground: var(--lsys-color-text-secondary);
650
+ --lsys-alert-description-font-size: var(--lsys-typography-body-sm-font-size);
651
+ --lsys-alert-description-font-line-height: var(--lsys-typography-body-sm-line-height);
652
+ --lsys-alert-neutral-background: var(--lsys-color-background-surface);
653
+ --lsys-alert-neutral-foreground: var(--lsys-color-text-primary);
654
+ --lsys-alert-neutral-border-color: var(--lsys-border-default);
655
+ --lsys-alert-primary-background: var(--lsys-color-feedback-info-background);
656
+ --lsys-alert-primary-foreground: var(--lsys-color-feedback-info-foreground);
657
+ --lsys-alert-primary-border-color: var(--lsys-color-feedback-info-foreground);
658
+ --lsys-alert-danger-background: var(--lsys-color-feedback-danger-background);
659
+ --lsys-alert-danger-foreground: var(--lsys-color-feedback-danger-foreground);
660
+ --lsys-alert-danger-border-color: var(--lsys-color-feedback-danger-foreground);
661
+ --lsys-avatar-background: var(--lsys-color-background-subtle);
662
+ --lsys-avatar-foreground: var(--lsys-color-text-secondary);
663
+ --lsys-avatar-border-color: var(--lsys-border-default);
664
+ --lsys-avatar-fallback-background: var(--lsys-color-background-subtle);
665
+ --lsys-avatar-fallback-foreground: var(--lsys-color-text-secondary);
666
+ --lsys-avatar-radius-circle: var(--lsys-radius-pill);
667
+ --lsys-avatar-radius-square: var(--lsys-radius-control);
668
+ --lsys-avatar-size-sm: var(--lsys-size-control-sm);
669
+ --lsys-avatar-size-md: var(--lsys-size-control-md);
670
+ --lsys-avatar-size-lg: var(--lsys-size-control-lg);
671
+ --lsys-avatar-font-size-sm: var(--lsys-typography-label-xs-font-size);
672
+ --lsys-avatar-font-size-md: var(--lsys-typography-label-sm-font-size);
673
+ --lsys-avatar-font-size-lg: var(--lsys-typography-label-md-font-size);
674
+ --lsys-avatar-font-weight: var(--lsys-typography-label-md-font-weight);
675
+ --lsys-avatar-font-line-height: 1;
676
+ --lsys-avatar-transition-duration: var(--lsys-duration-surface);
677
+ --lsys-avatar-transition-easing: var(--lsys-easing-surface);
678
+ --lsys-badge-radius: var(--lsys-radius-control);
679
+ --lsys-badge-height-sm: var(--lsys-size-control-xs);
680
+ --lsys-badge-height-md: var(--lsys-size-control-compact);
681
+ --lsys-badge-padding-x-sm: var(--lsys-space-control-x-xs);
682
+ --lsys-badge-padding-x-md: var(--lsys-space-control-x-sm);
683
+ --lsys-badge-font-size-sm: var(--lsys-typography-label-xs-font-size);
684
+ --lsys-badge-font-size-md: var(--lsys-typography-label-sm-font-size);
685
+ --lsys-badge-font-weight: var(--lsys-typography-label-sm-font-weight);
686
+ --lsys-badge-font-line-height: 1;
687
+ --lsys-badge-transition-duration: var(--lsys-duration-control);
688
+ --lsys-badge-transition-easing: var(--lsys-easing-control);
689
+ --lsys-badge-outline-background: transparent;
690
+ --lsys-badge-neutral-background: var(--lsys-color-background-subtle);
691
+ --lsys-badge-neutral-foreground: var(--lsys-color-text-primary);
692
+ --lsys-badge-neutral-border-color: var(--lsys-border-default);
693
+ --lsys-badge-primary-background: var(--lsys-action-primary-base);
694
+ --lsys-badge-primary-foreground: var(--lsys-color-text-inverse);
695
+ --lsys-badge-primary-border-color: var(--lsys-action-primary-base);
696
+ --lsys-badge-danger-background: var(--lsys-action-danger-base);
697
+ --lsys-badge-danger-foreground: var(--lsys-color-text-inverse);
698
+ --lsys-badge-danger-border-color: var(--lsys-action-danger-base);
699
+ --lsys-button-radius: var(--lsys-radius-control);
700
+ --lsys-button-focus-ring-color: var(--lsys-border-focus);
701
+ --lsys-button-focus-ring-offset-color: var(--lsys-color-background-base);
702
+ --lsys-button-focus-ring-width: var(--lsys-outline-width-focus);
703
+ --lsys-button-focus-ring-offset: var(--lsys-outline-offset-focus);
704
+ --lsys-button-primary-background: var(--lsys-action-primary-base);
705
+ --lsys-button-primary-foreground: var(--lsys-color-text-inverse);
706
+ --lsys-button-primary-hover-background: var(--lsys-action-primary-hover);
707
+ --lsys-button-primary-border-color: transparent;
708
+ --lsys-button-secondary-background: var(--lsys-color-background-subtle);
709
+ --lsys-button-secondary-foreground: var(--lsys-color-text-primary);
710
+ --lsys-button-secondary-hover-background: var(--lsys-color-background-surface);
711
+ --lsys-button-secondary-border-color: var(--lsys-border-default);
712
+ --lsys-button-danger-background: var(--lsys-action-danger-base);
713
+ --lsys-button-danger-foreground: var(--lsys-color-text-inverse);
714
+ --lsys-button-danger-hover-background: var(--lsys-action-danger-hover);
715
+ --lsys-button-danger-border-color: transparent;
716
+ --lsys-button-height-xs: var(--lsys-size-control-xs);
717
+ --lsys-button-height-sm: var(--lsys-size-control-sm);
718
+ --lsys-button-height-md: var(--lsys-size-control-md);
719
+ --lsys-button-height-lg: var(--lsys-size-control-lg);
720
+ --lsys-button-height-xl: var(--lsys-size-control-xl);
721
+ --lsys-button-padding-x-xs: var(--lsys-space-control-x-xs);
722
+ --lsys-button-padding-x-sm: var(--lsys-space-control-x-sm);
723
+ --lsys-button-padding-x-md: var(--lsys-space-control-x-md);
724
+ --lsys-button-padding-x-lg: var(--lsys-space-control-x-lg);
725
+ --lsys-button-padding-x-xl: var(--lsys-space-control-x-xl);
726
+ --lsys-button-font-family: var(--lsys-typography-control-md-font-family);
727
+ --lsys-button-font-size-xs: var(--lsys-typography-control-xs-font-size);
728
+ --lsys-button-font-size-sm: var(--lsys-typography-control-sm-font-size);
729
+ --lsys-button-font-size-md: var(--lsys-typography-control-md-font-size);
730
+ --lsys-button-font-size-lg: var(--lsys-typography-control-lg-font-size);
731
+ --lsys-button-font-size-xl: var(--lsys-typography-control-xl-font-size);
732
+ --lsys-button-font-weight: var(--lsys-typography-control-md-font-weight);
733
+ --lsys-button-font-line-height: var(--lsys-typography-control-md-line-height);
734
+ --lsys-button-font-letter-spacing: var(--lsys-typography-control-md-letter-spacing);
735
+ --lsys-button-transition-duration: var(--lsys-duration-control);
736
+ --lsys-button-transition-easing: var(--lsys-easing-control);
737
+ --lsys-card-background: var(--lsys-color-background-surface);
738
+ --lsys-card-foreground: var(--lsys-color-text-primary);
739
+ --lsys-card-border-color: var(--lsys-border-default);
740
+ --lsys-card-muted-background: var(--lsys-color-background-subtle);
741
+ --lsys-card-radius: var(--lsys-radius-surface);
742
+ --lsys-card-padding: var(--lsys-space-surface-md);
743
+ --lsys-card-gap-sm: var(--lsys-space-surface-gap-sm);
744
+ --lsys-card-gap-md: var(--lsys-space-surface-gap-md);
745
+ --lsys-card-header-padding-bottom: var(--lsys-space-surface-sm);
746
+ --lsys-card-title-foreground: var(--lsys-color-text-primary);
747
+ --lsys-card-title-font-size: var(--lsys-typography-heading-sm-font-size);
748
+ --lsys-card-title-font-weight: var(--lsys-typography-heading-sm-font-weight);
749
+ --lsys-card-title-font-line-height: var(--lsys-typography-heading-sm-line-height);
750
+ --lsys-card-title-font-letter-spacing: var(--lsys-typography-heading-sm-letter-spacing);
751
+ --lsys-card-description-foreground: var(--lsys-color-text-secondary);
752
+ --lsys-card-description-font-size: var(--lsys-typography-body-sm-font-size);
753
+ --lsys-card-description-font-line-height: var(--lsys-typography-body-sm-line-height);
754
+ --lsys-card-content-font-size: var(--lsys-typography-body-sm-font-size);
755
+ --lsys-card-content-font-line-height: var(--lsys-typography-body-sm-line-height);
756
+ --lsys-card-content-padding-top: 0;
757
+ --lsys-card-footer-padding-top: 0;
758
+ --lsys-card-transition-duration: var(--lsys-duration-surface);
759
+ --lsys-card-transition-easing: var(--lsys-easing-surface);
760
+ --lsys-checkbox-background: var(--lsys-color-background-base);
761
+ --lsys-checkbox-foreground: var(--lsys-color-text-inverse);
762
+ --lsys-checkbox-border-color: var(--lsys-border-default);
763
+ --lsys-checkbox-checked-background: var(--lsys-action-primary-base);
764
+ --lsys-checkbox-checked-border-color: var(--lsys-action-primary-base);
765
+ --lsys-checkbox-checked-foreground: var(--lsys-color-text-inverse);
766
+ --lsys-checkbox-radius: var(--lsys-radius-selection);
767
+ --lsys-checkbox-size-sm: var(--lsys-size-selection-control-sm);
768
+ --lsys-checkbox-size-md: var(--lsys-size-selection-control-md);
769
+ --lsys-checkbox-size-lg: var(--lsys-size-selection-control-lg);
770
+ --lsys-checkbox-indicator-font-size-sm: var(--lsys-typography-label-xs-font-size);
771
+ --lsys-checkbox-indicator-font-size-md: var(--lsys-typography-label-xs-font-size);
772
+ --lsys-checkbox-indicator-font-size-lg: var(--lsys-typography-label-sm-font-size);
773
+ --lsys-checkbox-label-gap: var(--lsys-space-control-gap-md);
774
+ --lsys-checkbox-label-foreground: var(--lsys-color-text-primary);
775
+ --lsys-checkbox-label-font-size: var(--lsys-typography-label-sm-font-size);
776
+ --lsys-checkbox-label-font-weight: var(--lsys-typography-label-sm-font-weight);
777
+ --lsys-checkbox-label-font-line-height: var(--lsys-typography-label-sm-line-height);
778
+ --lsys-checkbox-focus-ring-color: var(--lsys-border-focus);
779
+ --lsys-checkbox-focus-ring-offset-color: var(--lsys-color-background-base);
780
+ --lsys-checkbox-focus-ring-width: var(--lsys-outline-width-focus);
781
+ --lsys-checkbox-focus-ring-offset: var(--lsys-outline-offset-focus);
782
+ --lsys-checkbox-transition-duration: var(--lsys-duration-control);
783
+ --lsys-checkbox-transition-easing: var(--lsys-easing-control);
784
+ --lsys-collapsible-background: var(--lsys-color-background-surface);
785
+ --lsys-collapsible-foreground: var(--lsys-color-text-primary);
786
+ --lsys-collapsible-border-color: var(--lsys-border-default);
787
+ --lsys-collapsible-radius: var(--lsys-radius-surface);
788
+ --lsys-collapsible-focus-ring-color: var(--lsys-border-focus);
789
+ --lsys-collapsible-focus-ring-width: var(--lsys-outline-width-inset);
790
+ --lsys-collapsible-trigger-background-hover: var(--lsys-color-background-subtle);
791
+ --lsys-collapsible-trigger-gap: var(--lsys-space-control-gap-sm);
792
+ --lsys-collapsible-trigger-padding-x: var(--lsys-space-surface-md);
793
+ --lsys-collapsible-trigger-padding-y: var(--lsys-space-surface-sm);
794
+ --lsys-collapsible-trigger-icon-size: var(--lsys-size-selection-control-md);
795
+ --lsys-collapsible-trigger-font-size: var(--lsys-typography-label-sm-font-size);
796
+ --lsys-collapsible-trigger-font-weight: var(--lsys-typography-label-sm-font-weight);
797
+ --lsys-collapsible-trigger-font-line-height: var(--lsys-typography-label-sm-line-height);
798
+ --lsys-collapsible-panel-foreground: var(--lsys-color-text-secondary);
799
+ --lsys-collapsible-panel-padding-x: var(--lsys-space-surface-md);
800
+ --lsys-collapsible-panel-padding-bottom: var(--lsys-space-surface-md);
801
+ --lsys-collapsible-panel-font-size: var(--lsys-typography-body-sm-font-size);
802
+ --lsys-collapsible-panel-font-line-height: var(--lsys-typography-body-sm-line-height);
803
+ --lsys-collapsible-transition-duration: var(--lsys-duration-surface);
804
+ --lsys-collapsible-transition-easing: var(--lsys-easing-surface);
805
+ --lsys-dialog-backdrop-background: var(--lsys-color-text-primary);
806
+ --lsys-dialog-backdrop-opacity: 0.48;
807
+ --lsys-dialog-backdrop-z-index: var(--lsys-elevation-backdrop-z-index);
808
+ --lsys-dialog-viewport-padding: var(--lsys-space-surface-md);
809
+ --lsys-dialog-viewport-inset: var(--lsys-space-surface-md);
810
+ --lsys-dialog-viewport-z-index: var(--lsys-elevation-layer-z-index);
811
+ --lsys-dialog-popup-background: var(--lsys-color-background-base);
812
+ --lsys-dialog-popup-foreground: var(--lsys-color-text-primary);
813
+ --lsys-dialog-popup-border-color: var(--lsys-border-default);
814
+ --lsys-dialog-popup-radius: var(--lsys-radius-surface);
815
+ --lsys-dialog-popup-max-width: var(--lsys-size-panel-width-lg);
816
+ --lsys-dialog-popup-padding: var(--lsys-space-surface-md);
817
+ --lsys-dialog-popup-gap: var(--lsys-space-surface-gap-md);
818
+ --lsys-dialog-popup-shadow: var(--lsys-elevation-shadow-raised-box-shadow);
819
+ --lsys-dialog-title-foreground: var(--lsys-color-text-primary);
820
+ --lsys-dialog-title-padding-end: var(--lsys-size-control-lg);
821
+ --lsys-dialog-title-font-size: var(--lsys-typography-heading-sm-font-size);
822
+ --lsys-dialog-title-font-weight: var(--lsys-typography-heading-sm-font-weight);
823
+ --lsys-dialog-title-font-line-height: var(--lsys-typography-heading-sm-line-height);
824
+ --lsys-dialog-description-foreground: var(--lsys-color-text-secondary);
825
+ --lsys-dialog-description-font-size: var(--lsys-typography-body-sm-font-size);
826
+ --lsys-dialog-description-font-weight: var(--lsys-typography-body-sm-font-weight);
827
+ --lsys-dialog-description-font-line-height: var(--lsys-typography-body-sm-line-height);
828
+ --lsys-dialog-trigger-background: var(--lsys-action-primary-base);
829
+ --lsys-dialog-trigger-foreground: var(--lsys-color-text-inverse);
830
+ --lsys-dialog-trigger-hover-background: var(--lsys-action-primary-hover);
831
+ --lsys-dialog-trigger-height: var(--lsys-size-control-md);
832
+ --lsys-dialog-trigger-radius: var(--lsys-radius-control);
833
+ --lsys-dialog-trigger-padding-x: var(--lsys-space-control-x-md);
834
+ --lsys-dialog-trigger-font-size: var(--lsys-typography-control-md-font-size);
835
+ --lsys-dialog-trigger-font-weight: var(--lsys-typography-control-md-font-weight);
836
+ --lsys-dialog-trigger-font-line-height: var(--lsys-typography-control-md-line-height);
837
+ --lsys-dialog-close-foreground: var(--lsys-color-text-secondary);
838
+ --lsys-dialog-close-hover-background: var(--lsys-color-background-subtle);
839
+ --lsys-dialog-close-size: var(--lsys-size-control-sm);
840
+ --lsys-dialog-close-inset: var(--lsys-space-control-x-sm);
841
+ --lsys-dialog-close-radius: var(--lsys-radius-control);
842
+ --lsys-dialog-focus-ring-color: var(--lsys-border-focus);
843
+ --lsys-dialog-focus-ring-offset-color: var(--lsys-color-background-base);
844
+ --lsys-dialog-focus-ring-width: var(--lsys-outline-width-focus);
845
+ --lsys-dialog-focus-ring-offset: var(--lsys-outline-offset-focus);
846
+ --lsys-dialog-transition-duration: var(--lsys-duration-control);
847
+ --lsys-dialog-transition-easing: var(--lsys-easing-control);
848
+ --lsys-drawer-backdrop-background: var(--lsys-color-text-primary);
849
+ --lsys-drawer-backdrop-opacity: 0.48;
850
+ --lsys-drawer-backdrop-z-index: var(--lsys-elevation-backdrop-z-index);
851
+ --lsys-drawer-indent-background: var(--lsys-color-background-subtle);
852
+ --lsys-drawer-indent-scale: 0.96;
853
+ --lsys-drawer-indent-radius: var(--lsys-radius-surface);
854
+ --lsys-drawer-indent-z-index: var(--lsys-elevation-behind-z-index);
855
+ --lsys-drawer-viewport-padding: var(--lsys-space-surface-sm);
856
+ --lsys-drawer-viewport-inset: var(--lsys-space-surface-sm);
857
+ --lsys-drawer-viewport-max-height: var(--lsys-size-overlay-viewport-max-height);
858
+ --lsys-drawer-viewport-z-index: var(--lsys-elevation-layer-z-index);
859
+ --lsys-drawer-popup-background: var(--lsys-color-background-base);
860
+ --lsys-drawer-popup-foreground: var(--lsys-color-text-primary);
861
+ --lsys-drawer-popup-border-color: var(--lsys-border-default);
862
+ --lsys-drawer-popup-radius: var(--lsys-radius-surface);
863
+ --lsys-drawer-popup-max-width: var(--lsys-size-panel-width-xl);
864
+ --lsys-drawer-popup-width-sm: var(--lsys-size-panel-width-sm);
865
+ --lsys-drawer-popup-width-md: var(--lsys-size-panel-width-md);
866
+ --lsys-drawer-popup-width-lg: var(--lsys-size-panel-width-lg);
867
+ --lsys-drawer-popup-height-sm: var(--lsys-size-panel-height-sm);
868
+ --lsys-drawer-popup-height-md: var(--lsys-size-panel-height-md);
869
+ --lsys-drawer-popup-height-lg: var(--lsys-size-panel-height-lg);
870
+ --lsys-drawer-popup-shadow: var(--lsys-elevation-shadow-raised-box-shadow);
871
+ --lsys-drawer-content-padding: var(--lsys-space-surface-md);
872
+ --lsys-drawer-content-gap: var(--lsys-space-surface-gap-md);
873
+ --lsys-drawer-handle-background: var(--lsys-border-default);
874
+ --lsys-drawer-handle-width: var(--lsys-size-control-lg);
875
+ --lsys-drawer-handle-height: var(--lsys-size-track-md);
876
+ --lsys-drawer-handle-margin-top: var(--lsys-space-control-y-sm);
877
+ --lsys-drawer-handle-radius: var(--lsys-radius-pill);
878
+ --lsys-drawer-handle-z-index: var(--lsys-elevation-handle-z-index);
879
+ --lsys-drawer-swipe-area-size: var(--lsys-size-area-swipe-sm);
880
+ --lsys-drawer-title-foreground: var(--lsys-color-text-primary);
881
+ --lsys-drawer-title-padding-end: var(--lsys-size-control-lg);
882
+ --lsys-drawer-title-font-size: var(--lsys-typography-heading-sm-font-size);
883
+ --lsys-drawer-title-font-weight: var(--lsys-typography-heading-sm-font-weight);
884
+ --lsys-drawer-title-font-line-height: var(--lsys-typography-heading-sm-line-height);
885
+ --lsys-drawer-description-foreground: var(--lsys-color-text-secondary);
886
+ --lsys-drawer-description-font-size: var(--lsys-typography-body-sm-font-size);
887
+ --lsys-drawer-description-font-weight: var(--lsys-typography-body-sm-font-weight);
888
+ --lsys-drawer-description-font-line-height: var(--lsys-typography-body-sm-line-height);
889
+ --lsys-drawer-trigger-background: var(--lsys-action-primary-base);
890
+ --lsys-drawer-trigger-foreground: var(--lsys-color-text-inverse);
891
+ --lsys-drawer-trigger-hover-background: var(--lsys-action-primary-hover);
892
+ --lsys-drawer-trigger-height: var(--lsys-size-control-md);
893
+ --lsys-drawer-trigger-radius: var(--lsys-radius-control);
894
+ --lsys-drawer-trigger-padding-x: var(--lsys-space-control-x-md);
895
+ --lsys-drawer-trigger-font-size: var(--lsys-typography-control-md-font-size);
896
+ --lsys-drawer-trigger-font-weight: var(--lsys-typography-control-md-font-weight);
897
+ --lsys-drawer-trigger-font-line-height: var(--lsys-typography-control-md-line-height);
898
+ --lsys-drawer-close-foreground: var(--lsys-color-text-secondary);
899
+ --lsys-drawer-close-hover-background: var(--lsys-color-background-subtle);
900
+ --lsys-drawer-close-size: var(--lsys-size-control-sm);
901
+ --lsys-drawer-close-inset: var(--lsys-space-control-x-sm);
902
+ --lsys-drawer-close-radius: var(--lsys-radius-control);
903
+ --lsys-drawer-focus-ring-color: var(--lsys-border-focus);
904
+ --lsys-drawer-focus-ring-offset-color: var(--lsys-color-background-base);
905
+ --lsys-drawer-focus-ring-width: var(--lsys-outline-width-focus);
906
+ --lsys-drawer-focus-ring-offset: var(--lsys-outline-offset-focus);
907
+ --lsys-drawer-transition-duration: var(--lsys-duration-control);
908
+ --lsys-drawer-transition-easing: var(--lsys-easing-control);
909
+ --lsys-field-gap: var(--lsys-space-control-gap-sm);
910
+ --lsys-field-foreground: var(--lsys-color-text-primary);
911
+ --lsys-field-label-foreground: var(--lsys-color-text-primary);
912
+ --lsys-field-label-invalid-foreground: var(--lsys-action-danger-base);
913
+ --lsys-field-label-font-size: var(--lsys-typography-label-sm-font-size);
914
+ --lsys-field-label-font-weight: var(--lsys-typography-label-sm-font-weight);
915
+ --lsys-field-label-font-line-height: var(--lsys-typography-label-sm-line-height);
916
+ --lsys-field-label-font-letter-spacing: var(--lsys-typography-label-sm-letter-spacing);
917
+ --lsys-field-description-foreground: var(--lsys-color-text-secondary);
918
+ --lsys-field-description-font-size: var(--lsys-typography-body-xs-font-size);
919
+ --lsys-field-description-font-weight: var(--lsys-typography-body-xs-font-weight);
920
+ --lsys-field-description-font-line-height: var(--lsys-typography-body-xs-line-height);
921
+ --lsys-field-description-font-letter-spacing: var(--lsys-typography-body-xs-letter-spacing);
922
+ --lsys-field-error-foreground: var(--lsys-action-danger-base);
923
+ --lsys-field-error-font-size: var(--lsys-typography-body-xs-font-size);
924
+ --lsys-field-error-font-weight: var(--lsys-typography-body-xs-font-weight);
925
+ --lsys-field-error-font-line-height: var(--lsys-typography-body-xs-line-height);
926
+ --lsys-field-error-font-letter-spacing: var(--lsys-typography-body-xs-letter-spacing);
927
+ --lsys-field-item-gap: var(--lsys-space-control-gap-sm);
928
+ --lsys-field-control-background: var(--lsys-color-background-base);
929
+ --lsys-field-control-foreground: var(--lsys-color-text-primary);
930
+ --lsys-field-control-placeholder-color: var(--lsys-color-text-secondary);
931
+ --lsys-field-control-border-color: var(--lsys-border-default);
932
+ --lsys-field-control-focus-border-color: var(--lsys-border-focus);
933
+ --lsys-field-control-focus-ring-color: var(--lsys-border-focus);
934
+ --lsys-field-control-focus-ring-offset-color: var(--lsys-color-background-base);
935
+ --lsys-field-control-focus-ring-width: var(--lsys-outline-width-focus);
936
+ --lsys-field-control-focus-ring-offset: var(--lsys-outline-offset-focus);
937
+ --lsys-field-control-invalid-border-color: var(--lsys-action-danger-base);
938
+ --lsys-field-control-invalid-ring-color: var(--lsys-action-danger-base);
939
+ --lsys-field-control-invalid-ring-width: var(--lsys-outline-width-focus);
940
+ --lsys-field-control-radius: var(--lsys-radius-control);
941
+ --lsys-field-control-height-sm: var(--lsys-size-control-sm);
942
+ --lsys-field-control-height-md: var(--lsys-size-control-md);
943
+ --lsys-field-control-height-lg: var(--lsys-size-control-lg);
944
+ --lsys-field-control-padding-x-sm: var(--lsys-space-control-x-sm);
945
+ --lsys-field-control-padding-x-md: var(--lsys-space-control-x-md);
946
+ --lsys-field-control-padding-x-lg: var(--lsys-space-control-x-lg);
947
+ --lsys-field-control-font-family: var(--lsys-typography-control-md-font-family);
948
+ --lsys-field-control-font-size-sm: var(--lsys-typography-control-sm-font-size);
949
+ --lsys-field-control-font-size-md: var(--lsys-typography-control-md-font-size);
950
+ --lsys-field-control-font-size-lg: var(--lsys-typography-control-lg-font-size);
951
+ --lsys-field-control-font-weight: var(--lsys-typography-control-md-font-weight);
952
+ --lsys-field-control-font-line-height: var(--lsys-typography-control-md-line-height);
953
+ --lsys-field-control-font-letter-spacing: var(--lsys-typography-control-md-letter-spacing);
954
+ --lsys-field-transition-duration: var(--lsys-duration-control);
955
+ --lsys-field-transition-easing: var(--lsys-easing-control);
956
+ --lsys-fieldset-background: var(--lsys-color-background-surface);
957
+ --lsys-fieldset-foreground: var(--lsys-color-text-primary);
958
+ --lsys-fieldset-border-color: var(--lsys-border-default);
959
+ --lsys-fieldset-radius: var(--lsys-radius-surface);
960
+ --lsys-fieldset-padding: var(--lsys-space-surface-md);
961
+ --lsys-fieldset-gap: var(--lsys-space-surface-gap-md);
962
+ --lsys-fieldset-legend-foreground: var(--lsys-color-text-primary);
963
+ --lsys-fieldset-legend-margin-bottom: var(--lsys-space-surface-gap-sm);
964
+ --lsys-fieldset-legend-font-size: var(--lsys-typography-label-md-font-size);
965
+ --lsys-fieldset-legend-font-weight: var(--lsys-typography-label-md-font-weight);
966
+ --lsys-fieldset-legend-font-line-height: var(--lsys-typography-label-md-line-height);
967
+ --lsys-fieldset-legend-font-letter-spacing: var(--lsys-typography-label-md-letter-spacing);
968
+ --lsys-form-gap: var(--lsys-space-surface-gap-md);
969
+ --lsys-form-foreground: var(--lsys-color-text-primary);
970
+ --lsys-input-background: var(--lsys-color-background-base);
971
+ --lsys-input-foreground: var(--lsys-color-text-primary);
972
+ --lsys-input-placeholder-color: var(--lsys-color-text-secondary);
973
+ --lsys-input-border-color: var(--lsys-border-default);
974
+ --lsys-input-focus-border-color: var(--lsys-border-focus);
975
+ --lsys-input-focus-ring-color: var(--lsys-border-focus);
976
+ --lsys-input-focus-ring-offset-color: var(--lsys-color-background-base);
977
+ --lsys-input-focus-ring-width: var(--lsys-outline-width-focus);
978
+ --lsys-input-focus-ring-offset: var(--lsys-outline-offset-focus);
979
+ --lsys-input-invalid-border-color: var(--lsys-action-danger-base);
980
+ --lsys-input-invalid-ring-color: var(--lsys-action-danger-base);
981
+ --lsys-input-invalid-ring-width: var(--lsys-outline-width-focus);
982
+ --lsys-input-radius: var(--lsys-radius-control);
983
+ --lsys-input-height-sm: var(--lsys-size-control-sm);
984
+ --lsys-input-height-md: var(--lsys-size-control-md);
985
+ --lsys-input-height-lg: var(--lsys-size-control-lg);
986
+ --lsys-input-padding-x-sm: var(--lsys-space-control-x-sm);
987
+ --lsys-input-padding-x-md: var(--lsys-space-control-x-md);
988
+ --lsys-input-padding-x-lg: var(--lsys-space-control-x-lg);
989
+ --lsys-input-font-family: var(--lsys-typography-control-md-font-family);
990
+ --lsys-input-font-size-sm: var(--lsys-typography-control-sm-font-size);
991
+ --lsys-input-font-size-md: var(--lsys-typography-control-md-font-size);
992
+ --lsys-input-font-size-lg: var(--lsys-typography-control-lg-font-size);
993
+ --lsys-input-font-weight: var(--lsys-typography-control-md-font-weight);
994
+ --lsys-input-font-line-height: var(--lsys-typography-control-md-line-height);
995
+ --lsys-input-font-letter-spacing: var(--lsys-typography-control-md-letter-spacing);
996
+ --lsys-input-transition-duration: var(--lsys-duration-control);
997
+ --lsys-input-transition-easing: var(--lsys-easing-control);
998
+ --lsys-menu-radius: var(--lsys-radius-surface);
999
+ --lsys-menu-trigger-background: var(--lsys-color-background-surface);
1000
+ --lsys-menu-trigger-foreground: var(--lsys-color-text-primary);
1001
+ --lsys-menu-trigger-border-color: var(--lsys-border-default);
1002
+ --lsys-menu-trigger-open-background: var(--lsys-color-background-subtle);
1003
+ --lsys-menu-trigger-open-border-color: var(--lsys-border-focus);
1004
+ --lsys-menu-trigger-gap: var(--lsys-space-control-gap-sm);
1005
+ --lsys-menu-trigger-radius: var(--lsys-radius-control);
1006
+ --lsys-menu-trigger-height: var(--lsys-size-control-md);
1007
+ --lsys-menu-trigger-padding-x: var(--lsys-space-control-x-md);
1008
+ --lsys-menu-trigger-font-size: var(--lsys-typography-control-sm-font-size);
1009
+ --lsys-menu-trigger-font-weight: var(--lsys-typography-control-md-font-weight);
1010
+ --lsys-menu-trigger-font-line-height: var(--lsys-typography-control-sm-line-height);
1011
+ --lsys-menu-popup-background: var(--lsys-color-background-base);
1012
+ --lsys-menu-popup-foreground: var(--lsys-color-text-primary);
1013
+ --lsys-menu-popup-border-color: var(--lsys-border-default);
1014
+ --lsys-menu-popup-max-width: var(--lsys-size-panel-width-sm);
1015
+ --lsys-menu-popup-shadow: var(--lsys-elevation-shadow-floating-box-shadow);
1016
+ --lsys-menu-positioner-z-index: var(--lsys-elevation-floating-z-index);
1017
+ --lsys-menu-positioner-side-offset: var(--lsys-space-overlay-side-offset);
1018
+ --lsys-menu-viewport-max-height: var(--lsys-size-overlay-list-max-height);
1019
+ --lsys-menu-list-gap: var(--lsys-space-control-gap-sm);
1020
+ --lsys-menu-list-padding: var(--lsys-space-control-y-xs);
1021
+ --lsys-menu-item-foreground: var(--lsys-color-text-primary);
1022
+ --lsys-menu-item-gap: var(--lsys-space-control-gap-sm);
1023
+ --lsys-menu-item-radius: var(--lsys-radius-control);
1024
+ --lsys-menu-item-padding-x: var(--lsys-space-control-x-sm);
1025
+ --lsys-menu-item-padding-y: var(--lsys-space-control-y-xs);
1026
+ --lsys-menu-item-font-size: var(--lsys-typography-control-sm-font-size);
1027
+ --lsys-menu-item-font-weight: var(--lsys-typography-control-md-font-weight);
1028
+ --lsys-menu-item-font-line-height: var(--lsys-typography-control-sm-line-height);
1029
+ --lsys-menu-item-highlight-background: var(--lsys-color-background-subtle);
1030
+ --lsys-menu-item-highlight-foreground: var(--lsys-color-text-primary);
1031
+ --lsys-menu-item-checked-background: var(--lsys-action-primary-base);
1032
+ --lsys-menu-item-checked-foreground: var(--lsys-color-text-inverse);
1033
+ --lsys-menu-item-indicator-size: var(--lsys-size-selection-control-sm);
1034
+ --lsys-menu-submenu-icon-size: var(--lsys-size-selection-control-sm);
1035
+ --lsys-menu-group-gap: var(--lsys-space-control-gap-sm);
1036
+ --lsys-menu-group-label-foreground: var(--lsys-color-text-secondary);
1037
+ --lsys-menu-group-label-padding-y: var(--lsys-space-control-y-xs);
1038
+ --lsys-menu-group-label-font-size: var(--lsys-typography-label-xs-font-size);
1039
+ --lsys-menu-group-label-font-weight: var(--lsys-typography-label-xs-font-weight);
1040
+ --lsys-menu-group-label-font-line-height: var(--lsys-typography-label-xs-line-height);
1041
+ --lsys-menu-separator-background: var(--lsys-border-default);
1042
+ --lsys-menu-separator-margin-y: var(--lsys-space-control-y-xs);
1043
+ --lsys-menu-arrow-size: var(--lsys-size-selection-indicator-md);
1044
+ --lsys-menu-backdrop-background: var(--lsys-color-text-primary);
1045
+ --lsys-menu-backdrop-opacity: 0.2;
1046
+ --lsys-menu-backdrop-z-index: var(--lsys-elevation-backdrop-z-index);
1047
+ --lsys-menu-focus-border-color: var(--lsys-border-focus);
1048
+ --lsys-menu-focus-ring-color: var(--lsys-border-focus);
1049
+ --lsys-menu-focus-ring-offset-color: var(--lsys-color-background-base);
1050
+ --lsys-menu-focus-ring-width: var(--lsys-outline-width-focus);
1051
+ --lsys-menu-focus-ring-offset: var(--lsys-outline-offset-focus);
1052
+ --lsys-menu-transition-duration: var(--lsys-duration-control);
1053
+ --lsys-menu-transition-easing: var(--lsys-easing-control);
1054
+ --lsys-number-field-gap: var(--lsys-space-control-gap-sm);
1055
+ --lsys-number-field-foreground: var(--lsys-color-text-primary);
1056
+ --lsys-number-field-background: var(--lsys-color-background-base);
1057
+ --lsys-number-field-border-color: var(--lsys-border-default);
1058
+ --lsys-number-field-radius: var(--lsys-radius-control);
1059
+ --lsys-number-field-height-sm: var(--lsys-size-control-sm);
1060
+ --lsys-number-field-height-md: var(--lsys-size-control-md);
1061
+ --lsys-number-field-height-lg: var(--lsys-size-control-lg);
1062
+ --lsys-number-field-input-foreground: var(--lsys-color-text-primary);
1063
+ --lsys-number-field-input-placeholder-color: var(--lsys-color-text-secondary);
1064
+ --lsys-number-field-input-padding-x-sm: var(--lsys-space-control-x-sm);
1065
+ --lsys-number-field-input-padding-x-md: var(--lsys-space-control-x-md);
1066
+ --lsys-number-field-input-padding-x-lg: var(--lsys-space-control-x-lg);
1067
+ --lsys-number-field-input-font-family: var(--lsys-typography-control-md-font-family);
1068
+ --lsys-number-field-input-font-size-sm: var(--lsys-typography-control-sm-font-size);
1069
+ --lsys-number-field-input-font-size-md: var(--lsys-typography-control-md-font-size);
1070
+ --lsys-number-field-input-font-size-lg: var(--lsys-typography-control-lg-font-size);
1071
+ --lsys-number-field-input-font-weight: var(--lsys-typography-control-md-font-weight);
1072
+ --lsys-number-field-input-font-line-height: var(--lsys-typography-control-md-line-height);
1073
+ --lsys-number-field-input-font-letter-spacing: var(--lsys-typography-control-md-letter-spacing);
1074
+ --lsys-number-field-stepper-background: var(--lsys-color-background-subtle);
1075
+ --lsys-number-field-stepper-foreground: var(--lsys-color-text-primary);
1076
+ --lsys-number-field-stepper-hover-background: var(--lsys-color-background-subtle);
1077
+ --lsys-number-field-stepper-border-color: var(--lsys-border-default);
1078
+ --lsys-number-field-stepper-width-sm: var(--lsys-size-control-sm);
1079
+ --lsys-number-field-stepper-width-md: var(--lsys-size-control-md);
1080
+ --lsys-number-field-stepper-width-lg: var(--lsys-size-control-lg);
1081
+ --lsys-number-field-stepper-font-size-sm: var(--lsys-typography-control-sm-font-size);
1082
+ --lsys-number-field-stepper-font-size-md: var(--lsys-typography-control-md-font-size);
1083
+ --lsys-number-field-stepper-font-size-lg: var(--lsys-typography-control-lg-font-size);
1084
+ --lsys-number-field-stepper-font-weight: var(--lsys-typography-control-md-font-weight);
1085
+ --lsys-number-field-focus-ring-color: var(--lsys-border-focus);
1086
+ --lsys-number-field-focus-ring-width: var(--lsys-outline-width-inset);
1087
+ --lsys-number-field-invalid-ring-color: var(--lsys-action-danger-base);
1088
+ --lsys-number-field-invalid-ring-width: var(--lsys-outline-width-inset);
1089
+ --lsys-number-field-scrub-foreground: var(--lsys-color-text-secondary);
1090
+ --lsys-number-field-scrub-font-size: var(--lsys-typography-label-sm-font-size);
1091
+ --lsys-number-field-scrub-font-weight: var(--lsys-typography-label-sm-font-weight);
1092
+ --lsys-number-field-scrub-cursor-background: var(--lsys-action-primary-base);
1093
+ --lsys-number-field-scrub-cursor-radius: var(--lsys-radius-pill);
1094
+ --lsys-number-field-scrub-cursor-size: var(--lsys-size-selection-indicator-md);
1095
+ --lsys-number-field-transition-duration: var(--lsys-duration-control);
1096
+ --lsys-number-field-transition-easing: var(--lsys-easing-control);
1097
+ --lsys-popover-backdrop-background: var(--lsys-color-text-primary);
1098
+ --lsys-popover-backdrop-opacity: 0.24;
1099
+ --lsys-popover-backdrop-z-index: var(--lsys-elevation-backdrop-z-index);
1100
+ --lsys-popover-positioner-z-index: var(--lsys-elevation-floating-z-index);
1101
+ --lsys-popover-positioner-side-offset: var(--lsys-space-overlay-side-offset);
1102
+ --lsys-popover-popup-background: var(--lsys-color-background-base);
1103
+ --lsys-popover-popup-foreground: var(--lsys-color-text-primary);
1104
+ --lsys-popover-popup-border-color: var(--lsys-border-default);
1105
+ --lsys-popover-popup-radius: var(--lsys-radius-surface);
1106
+ --lsys-popover-popup-max-width: var(--lsys-size-panel-width-sm);
1107
+ --lsys-popover-popup-inset: var(--lsys-space-surface-md);
1108
+ --lsys-popover-popup-padding: var(--lsys-space-surface-md);
1109
+ --lsys-popover-popup-gap: var(--lsys-space-surface-gap-sm);
1110
+ --lsys-popover-popup-shadow: var(--lsys-elevation-shadow-floating-box-shadow);
1111
+ --lsys-popover-arrow-size: var(--lsys-size-selection-control-sm);
1112
+ --lsys-popover-title-foreground: var(--lsys-color-text-primary);
1113
+ --lsys-popover-title-padding-end: var(--lsys-size-control-lg);
1114
+ --lsys-popover-title-font-size: var(--lsys-typography-heading-xs-font-size);
1115
+ --lsys-popover-title-font-weight: var(--lsys-typography-heading-xs-font-weight);
1116
+ --lsys-popover-title-font-line-height: var(--lsys-typography-heading-xs-line-height);
1117
+ --lsys-popover-description-foreground: var(--lsys-color-text-secondary);
1118
+ --lsys-popover-description-font-size: var(--lsys-typography-body-sm-font-size);
1119
+ --lsys-popover-description-font-weight: var(--lsys-typography-body-sm-font-weight);
1120
+ --lsys-popover-description-font-line-height: var(--lsys-typography-body-sm-line-height);
1121
+ --lsys-popover-trigger-background: var(--lsys-color-background-base);
1122
+ --lsys-popover-trigger-foreground: var(--lsys-color-text-primary);
1123
+ --lsys-popover-trigger-border-color: var(--lsys-border-default);
1124
+ --lsys-popover-trigger-hover-background: var(--lsys-color-background-subtle);
1125
+ --lsys-popover-trigger-height: var(--lsys-size-control-md);
1126
+ --lsys-popover-trigger-radius: var(--lsys-radius-control);
1127
+ --lsys-popover-trigger-padding-x: var(--lsys-space-control-x-md);
1128
+ --lsys-popover-trigger-font-size: var(--lsys-typography-control-md-font-size);
1129
+ --lsys-popover-trigger-font-weight: var(--lsys-typography-control-md-font-weight);
1130
+ --lsys-popover-trigger-font-line-height: var(--lsys-typography-control-md-line-height);
1131
+ --lsys-popover-close-foreground: var(--lsys-color-text-secondary);
1132
+ --lsys-popover-close-hover-background: var(--lsys-color-background-subtle);
1133
+ --lsys-popover-close-size: var(--lsys-size-control-sm);
1134
+ --lsys-popover-close-inset: var(--lsys-space-control-x-sm);
1135
+ --lsys-popover-close-radius: var(--lsys-radius-control);
1136
+ --lsys-popover-focus-ring-color: var(--lsys-border-focus);
1137
+ --lsys-popover-focus-ring-offset-color: var(--lsys-color-background-base);
1138
+ --lsys-popover-focus-ring-width: var(--lsys-outline-width-focus);
1139
+ --lsys-popover-focus-ring-offset: var(--lsys-outline-offset-focus);
1140
+ --lsys-popover-transition-duration: var(--lsys-duration-control);
1141
+ --lsys-popover-transition-easing: var(--lsys-easing-control);
1142
+ --lsys-progress-gap: var(--lsys-space-control-gap-sm);
1143
+ --lsys-progress-label-foreground: var(--lsys-color-text-secondary);
1144
+ --lsys-progress-label-font-size: var(--lsys-typography-label-sm-font-size);
1145
+ --lsys-progress-label-font-line-height: var(--lsys-typography-label-sm-line-height);
1146
+ --lsys-progress-track-background: var(--lsys-color-background-subtle);
1147
+ --lsys-progress-track-radius: var(--lsys-radius-pill);
1148
+ --lsys-progress-track-height-sm: var(--lsys-size-track-sm);
1149
+ --lsys-progress-track-height-md: var(--lsys-size-track-md);
1150
+ --lsys-progress-track-height-lg: var(--lsys-size-track-lg);
1151
+ --lsys-progress-indicator-background: var(--lsys-action-primary-base);
1152
+ --lsys-progress-transition-duration: var(--lsys-duration-surface);
1153
+ --lsys-progress-transition-easing: var(--lsys-easing-surface);
1154
+ --lsys-radio-group-gap: var(--lsys-space-control-gap-md);
1155
+ --lsys-radio-group-item-background: var(--lsys-color-background-base);
1156
+ --lsys-radio-group-item-foreground: var(--lsys-action-primary-base);
1157
+ --lsys-radio-group-item-border-color: var(--lsys-border-default);
1158
+ --lsys-radio-group-item-checked-border-color: var(--lsys-action-primary-base);
1159
+ --lsys-radio-group-item-radius: var(--lsys-radius-pill);
1160
+ --lsys-radio-group-item-size-sm: var(--lsys-size-selection-control-sm);
1161
+ --lsys-radio-group-item-size-md: var(--lsys-size-selection-control-md);
1162
+ --lsys-radio-group-item-size-lg: var(--lsys-size-selection-control-lg);
1163
+ --lsys-radio-group-indicator-size-sm: var(--lsys-size-selection-indicator-sm);
1164
+ --lsys-radio-group-indicator-size-md: var(--lsys-size-selection-indicator-md);
1165
+ --lsys-radio-group-indicator-size-lg: var(--lsys-size-selection-indicator-lg);
1166
+ --lsys-radio-group-label-gap: var(--lsys-space-control-gap-md);
1167
+ --lsys-radio-group-label-foreground: var(--lsys-color-text-primary);
1168
+ --lsys-radio-group-label-font-size: var(--lsys-typography-label-sm-font-size);
1169
+ --lsys-radio-group-label-font-weight: var(--lsys-typography-label-sm-font-weight);
1170
+ --lsys-radio-group-label-font-line-height: var(--lsys-typography-label-sm-line-height);
1171
+ --lsys-radio-group-focus-ring-color: var(--lsys-border-focus);
1172
+ --lsys-radio-group-focus-ring-offset-color: var(--lsys-color-background-base);
1173
+ --lsys-radio-group-focus-ring-width: var(--lsys-outline-width-focus);
1174
+ --lsys-radio-group-focus-ring-offset: var(--lsys-outline-offset-focus);
1175
+ --lsys-radio-group-transition-duration: var(--lsys-duration-control);
1176
+ --lsys-radio-group-transition-easing: var(--lsys-easing-control);
1177
+ --lsys-scroll-area-scrollbar-size: var(--lsys-size-control-xs);
1178
+ --lsys-scroll-area-scrollbar-padding: var(--lsys-space-control-x-xs);
1179
+ --lsys-scroll-area-thumb-background: var(--lsys-border-strong);
1180
+ --lsys-scroll-area-thumb-radius: var(--lsys-radius-pill);
1181
+ --lsys-select-background: var(--lsys-color-background-base);
1182
+ --lsys-select-foreground: var(--lsys-color-text-primary);
1183
+ --lsys-select-placeholder-color: var(--lsys-color-text-secondary);
1184
+ --lsys-select-border-color: var(--lsys-border-default);
1185
+ --lsys-select-radius: var(--lsys-radius-control);
1186
+ --lsys-select-height-sm: var(--lsys-size-control-sm);
1187
+ --lsys-select-height-md: var(--lsys-size-control-md);
1188
+ --lsys-select-height-lg: var(--lsys-size-control-lg);
1189
+ --lsys-select-padding-x-sm: var(--lsys-space-control-x-sm);
1190
+ --lsys-select-padding-x-md: var(--lsys-space-control-x-md);
1191
+ --lsys-select-padding-x-lg: var(--lsys-space-control-x-lg);
1192
+ --lsys-select-trigger-gap: var(--lsys-space-control-gap-sm);
1193
+ --lsys-select-font-family: var(--lsys-typography-control-md-font-family);
1194
+ --lsys-select-font-size-sm: var(--lsys-typography-control-sm-font-size);
1195
+ --lsys-select-font-size-md: var(--lsys-typography-control-md-font-size);
1196
+ --lsys-select-font-size-lg: var(--lsys-typography-control-lg-font-size);
1197
+ --lsys-select-font-weight: var(--lsys-typography-control-md-font-weight);
1198
+ --lsys-select-font-line-height: var(--lsys-typography-control-md-line-height);
1199
+ --lsys-select-font-letter-spacing: var(--lsys-typography-control-md-letter-spacing);
1200
+ --lsys-select-label-foreground: var(--lsys-color-text-primary);
1201
+ --lsys-select-label-font-size: var(--lsys-typography-label-sm-font-size);
1202
+ --lsys-select-label-font-weight: var(--lsys-typography-label-sm-font-weight);
1203
+ --lsys-select-label-font-line-height: var(--lsys-typography-label-sm-line-height);
1204
+ --lsys-select-icon-foreground: var(--lsys-color-text-secondary);
1205
+ --lsys-select-icon-size: var(--lsys-size-selection-control-md);
1206
+ --lsys-select-popup-background: var(--lsys-color-background-base);
1207
+ --lsys-select-popup-foreground: var(--lsys-color-text-primary);
1208
+ --lsys-select-popup-border-color: var(--lsys-border-default);
1209
+ --lsys-select-popup-max-height: var(--lsys-size-overlay-list-max-height);
1210
+ --lsys-select-popup-shadow: var(--lsys-elevation-shadow-floating-box-shadow);
1211
+ --lsys-select-positioner-z-index: var(--lsys-elevation-floating-z-index);
1212
+ --lsys-select-positioner-side-offset: var(--lsys-space-overlay-side-offset);
1213
+ --lsys-select-list-gap: var(--lsys-space-control-gap-sm);
1214
+ --lsys-select-list-padding: var(--lsys-space-control-y-xs);
1215
+ --lsys-select-item-foreground: var(--lsys-color-text-primary);
1216
+ --lsys-select-item-gap: var(--lsys-space-control-gap-sm);
1217
+ --lsys-select-item-radius: var(--lsys-radius-control);
1218
+ --lsys-select-item-padding-x: var(--lsys-space-control-x-sm);
1219
+ --lsys-select-item-padding-y: var(--lsys-space-control-y-xs);
1220
+ --lsys-select-item-font-size: var(--lsys-typography-control-sm-font-size);
1221
+ --lsys-select-item-font-weight: var(--lsys-typography-control-md-font-weight);
1222
+ --lsys-select-item-font-line-height: var(--lsys-typography-control-sm-line-height);
1223
+ --lsys-select-item-highlight-background: var(--lsys-color-background-subtle);
1224
+ --lsys-select-item-highlight-foreground: var(--lsys-color-text-primary);
1225
+ --lsys-select-item-selected-background: var(--lsys-action-primary-base);
1226
+ --lsys-select-item-selected-foreground: var(--lsys-color-text-inverse);
1227
+ --lsys-select-item-indicator-size: var(--lsys-size-selection-control-sm);
1228
+ --lsys-select-group-gap: var(--lsys-space-control-gap-sm);
1229
+ --lsys-select-group-label-foreground: var(--lsys-color-text-secondary);
1230
+ --lsys-select-group-label-padding-y: var(--lsys-space-control-y-xs);
1231
+ --lsys-select-group-label-font-size: var(--lsys-typography-label-xs-font-size);
1232
+ --lsys-select-group-label-font-weight: var(--lsys-typography-label-xs-font-weight);
1233
+ --lsys-select-group-label-font-line-height: var(--lsys-typography-label-xs-line-height);
1234
+ --lsys-select-arrow-size: var(--lsys-size-selection-indicator-md);
1235
+ --lsys-select-scroll-arrow-height: var(--lsys-size-control-xs);
1236
+ --lsys-select-backdrop-background: var(--lsys-color-text-primary);
1237
+ --lsys-select-backdrop-opacity: 0.2;
1238
+ --lsys-select-backdrop-z-index: var(--lsys-elevation-backdrop-z-index);
1239
+ --lsys-select-focus-border-color: var(--lsys-border-focus);
1240
+ --lsys-select-focus-ring-color: var(--lsys-border-focus);
1241
+ --lsys-select-focus-ring-offset-color: var(--lsys-color-background-base);
1242
+ --lsys-select-focus-ring-width: var(--lsys-outline-width-focus);
1243
+ --lsys-select-focus-ring-offset: var(--lsys-outline-offset-focus);
1244
+ --lsys-select-invalid-border-color: var(--lsys-action-danger-base);
1245
+ --lsys-select-invalid-ring-color: var(--lsys-action-danger-base);
1246
+ --lsys-select-invalid-ring-width: var(--lsys-outline-width-focus);
1247
+ --lsys-select-transition-duration: var(--lsys-duration-control);
1248
+ --lsys-select-transition-easing: var(--lsys-easing-control);
1249
+ --lsys-separator-color: var(--lsys-border-default);
1250
+ --lsys-separator-thickness: 1px;
1251
+ --lsys-slider-gap: var(--lsys-space-control-gap-md);
1252
+ --lsys-slider-control-padding-y: var(--lsys-space-control-y-sm);
1253
+ --lsys-slider-track-background: var(--lsys-color-background-subtle);
1254
+ --lsys-slider-track-radius: var(--lsys-radius-pill);
1255
+ --lsys-slider-track-height: var(--lsys-size-track-md);
1256
+ --lsys-slider-indicator-background: var(--lsys-action-primary-base);
1257
+ --lsys-slider-thumb-background: var(--lsys-color-background-base);
1258
+ --lsys-slider-thumb-border-color: var(--lsys-action-primary-base);
1259
+ --lsys-slider-thumb-radius: var(--lsys-radius-pill);
1260
+ --lsys-slider-thumb-size: var(--lsys-size-thumb-md);
1261
+ --lsys-slider-focus-ring-color: var(--lsys-border-focus);
1262
+ --lsys-slider-focus-ring-offset-color: var(--lsys-color-background-base);
1263
+ --lsys-slider-focus-ring-width: var(--lsys-outline-width-focus);
1264
+ --lsys-slider-focus-ring-offset: var(--lsys-outline-offset-focus);
1265
+ --lsys-slider-transition-duration: var(--lsys-duration-control);
1266
+ --lsys-slider-transition-easing: var(--lsys-easing-control);
1267
+ --lsys-switch-background: var(--lsys-color-background-subtle);
1268
+ --lsys-switch-checked-background: var(--lsys-action-primary-base);
1269
+ --lsys-switch-radius: var(--lsys-radius-pill);
1270
+ --lsys-switch-padding: var(--lsys-space-control-y-xs);
1271
+ --lsys-switch-width-sm: var(--lsys-size-switch-track-width-sm);
1272
+ --lsys-switch-width-md: var(--lsys-size-switch-track-width-md);
1273
+ --lsys-switch-width-lg: var(--lsys-size-switch-track-width-lg);
1274
+ --lsys-switch-height-sm: var(--lsys-size-switch-track-height-sm);
1275
+ --lsys-switch-height-md: var(--lsys-size-switch-track-height-md);
1276
+ --lsys-switch-height-lg: var(--lsys-size-switch-track-height-lg);
1277
+ --lsys-switch-thumb-background: var(--lsys-color-background-base);
1278
+ --lsys-switch-thumb-radius: var(--lsys-radius-pill);
1279
+ --lsys-switch-thumb-size-sm: var(--lsys-size-thumb-sm);
1280
+ --lsys-switch-thumb-size-md: var(--lsys-size-thumb-md);
1281
+ --lsys-switch-thumb-size-lg: var(--lsys-size-thumb-lg);
1282
+ --lsys-switch-thumb-translate-sm: var(--lsys-size-thumb-sm);
1283
+ --lsys-switch-thumb-translate-md: var(--lsys-size-thumb-md);
1284
+ --lsys-switch-thumb-translate-lg: var(--lsys-size-thumb-lg);
1285
+ --lsys-switch-focus-ring-color: var(--lsys-border-focus);
1286
+ --lsys-switch-focus-ring-offset-color: var(--lsys-color-background-base);
1287
+ --lsys-switch-focus-ring-width: var(--lsys-outline-width-focus);
1288
+ --lsys-switch-focus-ring-offset: var(--lsys-outline-offset-focus);
1289
+ --lsys-switch-transition-duration: var(--lsys-duration-control);
1290
+ --lsys-switch-transition-easing: var(--lsys-easing-control);
1291
+ --lsys-tabs-gap: var(--lsys-space-control-gap-lg);
1292
+ --lsys-tabs-list-background: var(--lsys-color-background-subtle);
1293
+ --lsys-tabs-list-radius: var(--lsys-radius-control);
1294
+ --lsys-tabs-list-padding: var(--lsys-space-control-y-xs);
1295
+ --lsys-tabs-tab-background: transparent;
1296
+ --lsys-tabs-tab-foreground: var(--lsys-color-text-secondary);
1297
+ --lsys-tabs-tab-active-background: var(--lsys-color-background-base);
1298
+ --lsys-tabs-tab-active-foreground: var(--lsys-color-text-primary);
1299
+ --lsys-tabs-tab-radius: var(--lsys-radius-selection);
1300
+ --lsys-tabs-tab-padding-x: var(--lsys-space-control-x-sm);
1301
+ --lsys-tabs-tab-padding-y: var(--lsys-space-control-y-xs);
1302
+ --lsys-tabs-tab-font-size: var(--lsys-typography-control-sm-font-size);
1303
+ --lsys-tabs-tab-font-weight: var(--lsys-typography-control-sm-font-weight);
1304
+ --lsys-tabs-tab-font-line-height: var(--lsys-typography-control-sm-line-height);
1305
+ --lsys-tabs-panel-foreground: var(--lsys-color-text-primary);
1306
+ --lsys-tabs-panel-font-size: var(--lsys-typography-body-sm-font-size);
1307
+ --lsys-tabs-panel-font-line-height: var(--lsys-typography-body-sm-line-height);
1308
+ --lsys-tabs-focus-ring-color: var(--lsys-border-focus);
1309
+ --lsys-tabs-focus-ring-width: var(--lsys-outline-width-inset);
1310
+ --lsys-tabs-transition-duration: var(--lsys-duration-control);
1311
+ --lsys-tabs-transition-easing: var(--lsys-easing-control);
1312
+ --lsys-textarea-background: var(--lsys-color-background-base);
1313
+ --lsys-textarea-foreground: var(--lsys-color-text-primary);
1314
+ --lsys-textarea-placeholder-color: var(--lsys-color-text-secondary);
1315
+ --lsys-textarea-border-color: var(--lsys-border-default);
1316
+ --lsys-textarea-focus-border-color: var(--lsys-border-focus);
1317
+ --lsys-textarea-focus-ring-color: var(--lsys-border-focus);
1318
+ --lsys-textarea-focus-ring-offset-color: var(--lsys-color-background-base);
1319
+ --lsys-textarea-focus-ring-width: var(--lsys-outline-width-focus);
1320
+ --lsys-textarea-focus-ring-offset: var(--lsys-outline-offset-focus);
1321
+ --lsys-textarea-invalid-border-color: var(--lsys-action-danger-base);
1322
+ --lsys-textarea-invalid-ring-color: var(--lsys-action-danger-base);
1323
+ --lsys-textarea-invalid-ring-width: var(--lsys-outline-width-focus);
1324
+ --lsys-textarea-radius: var(--lsys-radius-control);
1325
+ --lsys-textarea-min-height-sm: var(--lsys-size-control-xl);
1326
+ --lsys-textarea-min-height-md: var(--lsys-size-control-2xl);
1327
+ --lsys-textarea-min-height-lg: var(--lsys-size-control-2xl);
1328
+ --lsys-textarea-padding-x-sm: var(--lsys-space-control-x-sm);
1329
+ --lsys-textarea-padding-x-md: var(--lsys-space-control-x-md);
1330
+ --lsys-textarea-padding-x-lg: var(--lsys-space-control-x-lg);
1331
+ --lsys-textarea-padding-y-sm: var(--lsys-space-control-y-sm);
1332
+ --lsys-textarea-padding-y-md: var(--lsys-space-control-y-md);
1333
+ --lsys-textarea-padding-y-lg: var(--lsys-space-control-y-lg);
1334
+ --lsys-textarea-font-family: var(--lsys-typography-control-md-font-family);
1335
+ --lsys-textarea-font-size-sm: var(--lsys-typography-control-sm-font-size);
1336
+ --lsys-textarea-font-size-md: var(--lsys-typography-control-md-font-size);
1337
+ --lsys-textarea-font-size-lg: var(--lsys-typography-control-lg-font-size);
1338
+ --lsys-textarea-font-weight: var(--lsys-typography-control-md-font-weight);
1339
+ --lsys-textarea-font-line-height: var(--lsys-typography-control-md-line-height);
1340
+ --lsys-textarea-font-letter-spacing: var(--lsys-typography-control-md-letter-spacing);
1341
+ --lsys-textarea-transition-duration: var(--lsys-duration-control);
1342
+ --lsys-textarea-transition-easing: var(--lsys-easing-control);
1343
+ --lsys-toast-viewport-width: var(--lsys-size-panel-width-md);
1344
+ --lsys-toast-viewport-max-height: var(--lsys-size-overlay-viewport-max-height);
1345
+ --lsys-toast-viewport-inset: var(--lsys-space-surface-sm);
1346
+ --lsys-toast-viewport-gap: var(--lsys-space-surface-gap-sm);
1347
+ --lsys-toast-viewport-gap-expanded: var(--lsys-space-surface-gap-md);
1348
+ --lsys-toast-viewport-padding: var(--lsys-space-surface-sm);
1349
+ --lsys-toast-viewport-z-index: var(--lsys-elevation-toast-z-index);
1350
+ --lsys-toast-background: var(--lsys-color-background-base);
1351
+ --lsys-toast-foreground: var(--lsys-color-text-primary);
1352
+ --lsys-toast-border-color: var(--lsys-border-default);
1353
+ --lsys-toast-shadow: var(--lsys-elevation-shadow-raised-box-shadow);
1354
+ --lsys-toast-success-background: var(--lsys-color-feedback-success-background);
1355
+ --lsys-toast-success-foreground: var(--lsys-color-feedback-success-foreground);
1356
+ --lsys-toast-success-border-color: var(--lsys-color-feedback-success-foreground);
1357
+ --lsys-toast-info-background: var(--lsys-color-feedback-info-background);
1358
+ --lsys-toast-info-foreground: var(--lsys-color-feedback-info-foreground);
1359
+ --lsys-toast-info-border-color: var(--lsys-color-feedback-info-foreground);
1360
+ --lsys-toast-danger-background: var(--lsys-color-feedback-danger-background);
1361
+ --lsys-toast-danger-foreground: var(--lsys-color-feedback-danger-foreground);
1362
+ --lsys-toast-danger-border-color: var(--lsys-color-feedback-danger-foreground);
1363
+ --lsys-toast-radius: var(--lsys-radius-surface);
1364
+ --lsys-toast-padding: var(--lsys-space-surface-md);
1365
+ --lsys-toast-padding-end: var(--lsys-size-control-lg);
1366
+ --lsys-toast-gap: var(--lsys-space-surface-gap-sm);
1367
+ --lsys-toast-content-gap: var(--lsys-space-surface-gap-sm);
1368
+ --lsys-toast-content-behind-opacity: 0.72;
1369
+ --lsys-toast-arrow-size: var(--lsys-size-selection-control-sm);
1370
+ --lsys-toast-title-foreground: var(--lsys-color-text-primary);
1371
+ --lsys-toast-title-font-size: var(--lsys-typography-heading-xs-font-size);
1372
+ --lsys-toast-title-font-weight: var(--lsys-typography-heading-xs-font-weight);
1373
+ --lsys-toast-title-font-line-height: var(--lsys-typography-heading-xs-line-height);
1374
+ --lsys-toast-description-foreground: var(--lsys-color-text-secondary);
1375
+ --lsys-toast-description-font-size: var(--lsys-typography-body-sm-font-size);
1376
+ --lsys-toast-description-font-weight: var(--lsys-typography-body-sm-font-weight);
1377
+ --lsys-toast-description-font-line-height: var(--lsys-typography-body-sm-line-height);
1378
+ --lsys-toast-action-foreground: var(--lsys-color-text-primary);
1379
+ --lsys-toast-action-border-color: var(--lsys-border-default);
1380
+ --lsys-toast-action-hover-background: var(--lsys-color-background-subtle);
1381
+ --lsys-toast-action-height: var(--lsys-size-control-sm);
1382
+ --lsys-toast-action-radius: var(--lsys-radius-control);
1383
+ --lsys-toast-action-padding-x: var(--lsys-space-control-x-sm);
1384
+ --lsys-toast-action-font-size: var(--lsys-typography-control-sm-font-size);
1385
+ --lsys-toast-action-font-weight: var(--lsys-typography-control-sm-font-weight);
1386
+ --lsys-toast-action-font-line-height: var(--lsys-typography-control-sm-line-height);
1387
+ --lsys-toast-close-foreground: var(--lsys-color-text-secondary);
1388
+ --lsys-toast-close-hover-background: var(--lsys-color-background-subtle);
1389
+ --lsys-toast-close-size: var(--lsys-size-control-sm);
1390
+ --lsys-toast-close-inset: var(--lsys-space-control-x-sm);
1391
+ --lsys-toast-close-radius: var(--lsys-radius-control);
1392
+ --lsys-toast-focus-ring-color: var(--lsys-border-focus);
1393
+ --lsys-toast-focus-ring-width: var(--lsys-outline-width-inset);
1394
+ --lsys-toast-transition-duration: var(--lsys-duration-control);
1395
+ --lsys-toast-transition-easing: var(--lsys-easing-control);
1396
+ --lsys-toast-motion-offset-y: var(--lsys-motion-offset-entry-y);
1397
+ --lsys-toggle-background: var(--lsys-color-background-base);
1398
+ --lsys-toggle-foreground: var(--lsys-color-text-primary);
1399
+ --lsys-toggle-border-color: var(--lsys-border-default);
1400
+ --lsys-toggle-hover-background: var(--lsys-color-background-subtle);
1401
+ --lsys-toggle-pressed-background: var(--lsys-action-primary-base);
1402
+ --lsys-toggle-pressed-foreground: var(--lsys-color-text-inverse);
1403
+ --lsys-toggle-pressed-border-color: var(--lsys-action-primary-base);
1404
+ --lsys-toggle-radius: var(--lsys-radius-control);
1405
+ --lsys-toggle-height-sm: var(--lsys-size-control-sm);
1406
+ --lsys-toggle-height-md: var(--lsys-size-control-md);
1407
+ --lsys-toggle-height-lg: var(--lsys-size-control-lg);
1408
+ --lsys-toggle-padding-x-sm: var(--lsys-space-control-x-sm);
1409
+ --lsys-toggle-padding-x-md: var(--lsys-space-control-x-md);
1410
+ --lsys-toggle-padding-x-lg: var(--lsys-space-control-x-lg);
1411
+ --lsys-toggle-font-family: var(--lsys-typography-control-md-font-family);
1412
+ --lsys-toggle-font-size-sm: var(--lsys-typography-control-sm-font-size);
1413
+ --lsys-toggle-font-size-md: var(--lsys-typography-control-md-font-size);
1414
+ --lsys-toggle-font-size-lg: var(--lsys-typography-control-lg-font-size);
1415
+ --lsys-toggle-font-weight: var(--lsys-typography-control-md-font-weight);
1416
+ --lsys-toggle-font-line-height: var(--lsys-typography-control-md-line-height);
1417
+ --lsys-toggle-font-letter-spacing: var(--lsys-typography-control-md-letter-spacing);
1418
+ --lsys-toggle-focus-ring-color: var(--lsys-border-focus);
1419
+ --lsys-toggle-focus-ring-offset-color: var(--lsys-color-background-base);
1420
+ --lsys-toggle-focus-ring-width: var(--lsys-outline-width-focus);
1421
+ --lsys-toggle-focus-ring-offset: var(--lsys-outline-offset-focus);
1422
+ --lsys-toggle-transition-duration: var(--lsys-duration-control);
1423
+ --lsys-toggle-transition-easing: var(--lsys-easing-control);
1424
+ --lsys-toggle-group-background: var(--lsys-color-background-subtle);
1425
+ --lsys-toggle-group-border-color: var(--lsys-border-default);
1426
+ --lsys-toggle-group-radius: var(--lsys-radius-control);
1427
+ --lsys-toggle-group-padding: var(--lsys-space-control-y-xs);
1428
+ --lsys-toggle-group-gap-sm: var(--lsys-space-control-gap-sm);
1429
+ --lsys-toggle-group-gap-md: var(--lsys-space-control-gap-sm);
1430
+ --lsys-toggle-group-gap-lg: var(--lsys-space-control-gap-md);
1431
+ --lsys-tooltip-positioner-z-index: var(--lsys-elevation-tooltip-z-index);
1432
+ --lsys-tooltip-positioner-side-offset: var(--lsys-space-overlay-side-offset);
1433
+ --lsys-tooltip-background: var(--lsys-color-text-primary);
1434
+ --lsys-tooltip-foreground: var(--lsys-color-background-base);
1435
+ --lsys-tooltip-border-color: var(--lsys-border-default);
1436
+ --lsys-tooltip-radius: var(--lsys-radius-control);
1437
+ --lsys-tooltip-shadow: var(--lsys-elevation-shadow-floating-box-shadow);
1438
+ --lsys-tooltip-padding-x: var(--lsys-space-control-x-xs);
1439
+ --lsys-tooltip-padding-y: var(--lsys-space-control-y-xs);
1440
+ --lsys-tooltip-font-size: var(--lsys-typography-label-xs-font-size);
1441
+ --lsys-tooltip-font-weight: var(--lsys-typography-label-xs-font-weight);
1442
+ --lsys-tooltip-font-line-height: var(--lsys-typography-label-xs-line-height);
1443
+ --lsys-tooltip-transition-duration: var(--lsys-duration-control);
1444
+ --lsys-tooltip-transition-easing: var(--lsys-easing-control);
1445
+ }