@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/shared/utils/cn.ts ADDED
@@ -0,0 +1,46 @@
1
+ import { clsx, type ClassValue } from "clsx"
2
+ import { twMerge } from "tailwind-merge"
3
+
4
+ export const cn = (...inputs: ClassValue[]): string => {
5
+ return twMerge(clsx(inputs))
6
+ }
7
+
8
+ type StatefulClassName<State> =
9
+ | string
10
+ | ((state: State) => string | undefined)
11
+ | undefined
12
+
13
+ export const mergeClassName = <State>(
14
+ baseClassName: ClassValue,
15
+ className: StatefulClassName<State>,
16
+ ) => {
17
+ return (state: State) =>
18
+ cn(
19
+ baseClassName,
20
+ typeof className === "function" ? className(state) : className,
21
+ )
22
+ }
23
+
24
+ /**
25
+ * Shared CVA state fragments backed by semantic opacity tokens.
26
+ */
27
+ export const disabledStateClasses = [
28
+ "disabled:pointer-events-none disabled:opacity-(--lsys-opacity-disabled)",
29
+ "data-[disabled]:pointer-events-none data-[disabled]:opacity-(--lsys-opacity-disabled)",
30
+ ].join(" ")
31
+
32
+ export const busyStateClasses =
33
+ "aria-busy:cursor-wait aria-busy:opacity-(--lsys-opacity-busy)"
34
+
35
+ export const invalidStateClasses = [
36
+ "aria-invalid:border-(--lsys-input-invalid-border-color)",
37
+ "aria-invalid:ring-(--lsys-input-invalid-ring-color)",
38
+ "data-[invalid]:border-(--lsys-input-invalid-border-color)",
39
+ "data-[invalid]:ring-(--lsys-input-invalid-ring-color)",
40
+ ].join(" ")
41
+
42
+ /**
43
+ * Default sideOffset for floating Positioner parts.
44
+ * Matches spacing.overlay.sideOffset (spacing.2 = 0.5rem = 8px at a 16px root).
45
+ */
46
+ export const overlayPositionerSideOffset = 8
package/templates/styles/theme.css ADDED
@@ -0,0 +1,311 @@
1
+ /* Generated by @dalexto/lexsys-tokens. Do not edit directly. */
2
+
3
+ :root {
4
+ color-scheme: light;
5
+ --lsys-color-background-overlay: oklch(0 0 0 / 0.15);
6
+ }
7
+
8
+ .dark {
9
+ color-scheme: dark;
10
+ --lsys-color-background-base: var(--lsys-color-neutral-950);
11
+ --lsys-color-background-surface: var(--lsys-color-neutral-900);
12
+ --lsys-color-background-subtle: var(--lsys-color-neutral-800);
13
+ --lsys-color-background-overlay: oklch(0 0 0 / 0.6);
14
+ --lsys-color-text-primary: var(--lsys-color-neutral-50);
15
+ --lsys-color-text-secondary: var(--lsys-color-neutral-400);
16
+ --lsys-color-text-disabled: var(--lsys-color-neutral-600);
17
+ --lsys-color-text-inverse: var(--lsys-color-neutral-950);
18
+ --lsys-color-feedback-info-background: var(--lsys-color-blue-950);
19
+ --lsys-color-feedback-info-foreground: var(--lsys-color-blue-200);
20
+ --lsys-color-feedback-success-background: var(--lsys-color-green-950);
21
+ --lsys-color-feedback-success-foreground: var(--lsys-color-green-200);
22
+ --lsys-color-feedback-warning-background: var(--lsys-color-yellow-950);
23
+ --lsys-color-feedback-warning-foreground: var(--lsys-color-yellow-200);
24
+ --lsys-color-feedback-danger-background: var(--lsys-color-red-950);
25
+ --lsys-color-feedback-danger-foreground: var(--lsys-color-red-200);
26
+ --lsys-border-default: var(--lsys-color-neutral-700);
27
+ --lsys-border-strong: var(--lsys-color-neutral-500);
28
+ --lsys-action-secondary-base: var(--lsys-color-neutral-800);
29
+ --lsys-action-secondary-hover: var(--lsys-color-neutral-700);
30
+ --lsys-action-secondary-active: var(--lsys-color-neutral-600);
31
+ --lsys-action-danger-base: var(--lsys-color-red-400);
32
+ --lsys-action-danger-hover: var(--lsys-color-red-500);
33
+ --lsys-action-danger-active: var(--lsys-color-red-600);
34
+ --lsys-action-danger-disabled: var(--lsys-color-red-300);
35
+ }
36
+
37
+ @theme inline {
38
+ --radius-twix-control: var(--lsys-radius-control);
39
+ --radius-twix-selection: var(--lsys-radius-selection);
40
+ --radius-twix-surface: var(--lsys-radius-surface);
41
+ --radius-twix-pill: var(--lsys-radius-pill);
42
+ --spacing-twix-control-gap-sm: var(--lsys-space-control-gap-sm);
43
+ --spacing-twix-control-gap-md: var(--lsys-space-control-gap-md);
44
+ --spacing-twix-control-gap-lg: var(--lsys-space-control-gap-lg);
45
+ --spacing-twix-control-x-xs: var(--lsys-space-control-x-xs);
46
+ --spacing-twix-control-x-sm: var(--lsys-space-control-x-sm);
47
+ --spacing-twix-control-x-md: var(--lsys-space-control-x-md);
48
+ --spacing-twix-control-x-lg: var(--lsys-space-control-x-lg);
49
+ --spacing-twix-control-x-xl: var(--lsys-space-control-x-xl);
50
+ --spacing-twix-control-y-xs: var(--lsys-space-control-y-xs);
51
+ --spacing-twix-control-y-sm: var(--lsys-space-control-y-sm);
52
+ --spacing-twix-control-y-md: var(--lsys-space-control-y-md);
53
+ --spacing-twix-control-y-lg: var(--lsys-space-control-y-lg);
54
+ --spacing-twix-surface-sm: var(--lsys-space-surface-sm);
55
+ --spacing-twix-surface-md: var(--lsys-space-surface-md);
56
+ --spacing-twix-surface-gap-sm: var(--lsys-space-surface-gap-sm);
57
+ --spacing-twix-surface-gap-md: var(--lsys-space-surface-gap-md);
58
+ --spacing-twix-overlay-side-offset: var(--lsys-space-overlay-side-offset);
59
+ --spacing-twix-control-xs: var(--lsys-size-control-xs);
60
+ --spacing-twix-control-compact: var(--lsys-size-control-compact);
61
+ --spacing-twix-control-sm: var(--lsys-size-control-sm);
62
+ --spacing-twix-control-md: var(--lsys-size-control-md);
63
+ --spacing-twix-control-lg: var(--lsys-size-control-lg);
64
+ --spacing-twix-control-xl: var(--lsys-size-control-xl);
65
+ --spacing-twix-control-2xl: var(--lsys-size-control-2xl);
66
+ --spacing-twix-selection-control-sm: var(--lsys-size-selection-control-sm);
67
+ --spacing-twix-selection-control-md: var(--lsys-size-selection-control-md);
68
+ --spacing-twix-selection-control-lg: var(--lsys-size-selection-control-lg);
69
+ --spacing-twix-area-swipe-sm: var(--lsys-size-area-swipe-sm);
70
+ --spacing-twix-area-swipe-md: var(--lsys-size-area-swipe-md);
71
+ --spacing-twix-area-swipe-lg: var(--lsys-size-area-swipe-lg);
72
+ --spacing-twix-selection-indicator-sm: var(--lsys-size-selection-indicator-sm);
73
+ --spacing-twix-selection-indicator-md: var(--lsys-size-selection-indicator-md);
74
+ --spacing-twix-selection-indicator-lg: var(--lsys-size-selection-indicator-lg);
75
+ --spacing-twix-track-sm: var(--lsys-size-track-sm);
76
+ --spacing-twix-track-md: var(--lsys-size-track-md);
77
+ --spacing-twix-track-lg: var(--lsys-size-track-lg);
78
+ --spacing-twix-thumb-sm: var(--lsys-size-thumb-sm);
79
+ --spacing-twix-thumb-md: var(--lsys-size-thumb-md);
80
+ --spacing-twix-thumb-lg: var(--lsys-size-thumb-lg);
81
+ --spacing-twix-switch-track-width-sm: var(--lsys-size-switch-track-width-sm);
82
+ --spacing-twix-switch-track-width-md: var(--lsys-size-switch-track-width-md);
83
+ --spacing-twix-switch-track-width-lg: var(--lsys-size-switch-track-width-lg);
84
+ --spacing-twix-switch-track-height-sm: var(--lsys-size-switch-track-height-sm);
85
+ --spacing-twix-switch-track-height-md: var(--lsys-size-switch-track-height-md);
86
+ --spacing-twix-switch-track-height-lg: var(--lsys-size-switch-track-height-lg);
87
+ --spacing-twix-panel-width-sm: var(--lsys-size-panel-width-sm);
88
+ --spacing-twix-panel-width-md: var(--lsys-size-panel-width-md);
89
+ --spacing-twix-panel-width-lg: var(--lsys-size-panel-width-lg);
90
+ --spacing-twix-panel-width-xl: var(--lsys-size-panel-width-xl);
91
+ --spacing-twix-panel-height-sm: var(--lsys-size-panel-height-sm);
92
+ --spacing-twix-panel-height-md: var(--lsys-size-panel-height-md);
93
+ --spacing-twix-panel-height-lg: var(--lsys-size-panel-height-lg);
94
+ --spacing-twix-overlay-list-max-height: var(--lsys-size-overlay-list-max-height);
95
+ --spacing-twix-overlay-viewport-max-height: var(--lsys-size-overlay-viewport-max-height);
96
+ --duration-twix-control: var(--lsys-duration-control);
97
+ --duration-twix-surface: var(--lsys-duration-surface);
98
+ --ease-twix-control: var(--lsys-easing-control);
99
+ --ease-twix-surface: var(--lsys-easing-surface);
100
+ --twix-motion-offset-entry-y: var(--lsys-motion-offset-entry-y);
101
+ --text-twix-family-sans: var(--lsys-typography-family-sans);
102
+ --text-twix-family-serif: var(--lsys-typography-family-serif);
103
+ --text-twix-family-mono: var(--lsys-typography-family-mono);
104
+ --text-twix-body-xs-font-family: var(--lsys-typography-body-xs-font-family);
105
+ --text-twix-body-xs-font-size: var(--lsys-typography-body-xs-font-size);
106
+ --text-twix-body-xs-font-weight: var(--lsys-typography-body-xs-font-weight);
107
+ --text-twix-body-xs-line-height: var(--lsys-typography-body-xs-line-height);
108
+ --text-twix-body-xs-letter-spacing: var(--lsys-typography-body-xs-letter-spacing);
109
+ --text-twix-body-sm-font-family: var(--lsys-typography-body-sm-font-family);
110
+ --text-twix-body-sm-font-size: var(--lsys-typography-body-sm-font-size);
111
+ --text-twix-body-sm-font-weight: var(--lsys-typography-body-sm-font-weight);
112
+ --text-twix-body-sm-line-height: var(--lsys-typography-body-sm-line-height);
113
+ --text-twix-body-sm-letter-spacing: var(--lsys-typography-body-sm-letter-spacing);
114
+ --text-twix-body-md-font-family: var(--lsys-typography-body-md-font-family);
115
+ --text-twix-body-md-font-size: var(--lsys-typography-body-md-font-size);
116
+ --text-twix-body-md-font-weight: var(--lsys-typography-body-md-font-weight);
117
+ --text-twix-body-md-line-height: var(--lsys-typography-body-md-line-height);
118
+ --text-twix-body-md-letter-spacing: var(--lsys-typography-body-md-letter-spacing);
119
+ --text-twix-body-lg-font-family: var(--lsys-typography-body-lg-font-family);
120
+ --text-twix-body-lg-font-size: var(--lsys-typography-body-lg-font-size);
121
+ --text-twix-body-lg-font-weight: var(--lsys-typography-body-lg-font-weight);
122
+ --text-twix-body-lg-line-height: var(--lsys-typography-body-lg-line-height);
123
+ --text-twix-body-lg-letter-spacing: var(--lsys-typography-body-lg-letter-spacing);
124
+ --text-twix-body-xl-font-family: var(--lsys-typography-body-xl-font-family);
125
+ --text-twix-body-xl-font-size: var(--lsys-typography-body-xl-font-size);
126
+ --text-twix-body-xl-font-weight: var(--lsys-typography-body-xl-font-weight);
127
+ --text-twix-body-xl-line-height: var(--lsys-typography-body-xl-line-height);
128
+ --text-twix-body-xl-letter-spacing: var(--lsys-typography-body-xl-letter-spacing);
129
+ --text-twix-heading-xs-font-family: var(--lsys-typography-heading-xs-font-family);
130
+ --text-twix-heading-xs-font-size: var(--lsys-typography-heading-xs-font-size);
131
+ --text-twix-heading-xs-font-weight: var(--lsys-typography-heading-xs-font-weight);
132
+ --text-twix-heading-xs-line-height: var(--lsys-typography-heading-xs-line-height);
133
+ --text-twix-heading-xs-letter-spacing: var(--lsys-typography-heading-xs-letter-spacing);
134
+ --text-twix-heading-sm-font-family: var(--lsys-typography-heading-sm-font-family);
135
+ --text-twix-heading-sm-font-size: var(--lsys-typography-heading-sm-font-size);
136
+ --text-twix-heading-sm-font-weight: var(--lsys-typography-heading-sm-font-weight);
137
+ --text-twix-heading-sm-line-height: var(--lsys-typography-heading-sm-line-height);
138
+ --text-twix-heading-sm-letter-spacing: var(--lsys-typography-heading-sm-letter-spacing);
139
+ --text-twix-heading-md-font-family: var(--lsys-typography-heading-md-font-family);
140
+ --text-twix-heading-md-font-size: var(--lsys-typography-heading-md-font-size);
141
+ --text-twix-heading-md-font-weight: var(--lsys-typography-heading-md-font-weight);
142
+ --text-twix-heading-md-line-height: var(--lsys-typography-heading-md-line-height);
143
+ --text-twix-heading-md-letter-spacing: var(--lsys-typography-heading-md-letter-spacing);
144
+ --text-twix-heading-lg-font-family: var(--lsys-typography-heading-lg-font-family);
145
+ --text-twix-heading-lg-font-size: var(--lsys-typography-heading-lg-font-size);
146
+ --text-twix-heading-lg-font-weight: var(--lsys-typography-heading-lg-font-weight);
147
+ --text-twix-heading-lg-line-height: var(--lsys-typography-heading-lg-line-height);
148
+ --text-twix-heading-lg-letter-spacing: var(--lsys-typography-heading-lg-letter-spacing);
149
+ --text-twix-heading-xl-font-family: var(--lsys-typography-heading-xl-font-family);
150
+ --text-twix-heading-xl-font-size: var(--lsys-typography-heading-xl-font-size);
151
+ --text-twix-heading-xl-font-weight: var(--lsys-typography-heading-xl-font-weight);
152
+ --text-twix-heading-xl-line-height: var(--lsys-typography-heading-xl-line-height);
153
+ --text-twix-heading-xl-letter-spacing: var(--lsys-typography-heading-xl-letter-spacing);
154
+ --text-twix-heading-2xl-font-family: var(--lsys-typography-heading-2xl-font-family);
155
+ --text-twix-heading-2xl-font-size: var(--lsys-typography-heading-2xl-font-size);
156
+ --text-twix-heading-2xl-font-weight: var(--lsys-typography-heading-2xl-font-weight);
157
+ --text-twix-heading-2xl-line-height: var(--lsys-typography-heading-2xl-line-height);
158
+ --text-twix-heading-2xl-letter-spacing: var(--lsys-typography-heading-2xl-letter-spacing);
159
+ --text-twix-display-sm-font-family: var(--lsys-typography-display-sm-font-family);
160
+ --text-twix-display-sm-font-size: var(--lsys-typography-display-sm-font-size);
161
+ --text-twix-display-sm-font-weight: var(--lsys-typography-display-sm-font-weight);
162
+ --text-twix-display-sm-line-height: var(--lsys-typography-display-sm-line-height);
163
+ --text-twix-display-sm-letter-spacing: var(--lsys-typography-display-sm-letter-spacing);
164
+ --text-twix-display-md-font-family: var(--lsys-typography-display-md-font-family);
165
+ --text-twix-display-md-font-size: var(--lsys-typography-display-md-font-size);
166
+ --text-twix-display-md-font-weight: var(--lsys-typography-display-md-font-weight);
167
+ --text-twix-display-md-line-height: var(--lsys-typography-display-md-line-height);
168
+ --text-twix-display-md-letter-spacing: var(--lsys-typography-display-md-letter-spacing);
169
+ --text-twix-display-lg-font-family: var(--lsys-typography-display-lg-font-family);
170
+ --text-twix-display-lg-font-size: var(--lsys-typography-display-lg-font-size);
171
+ --text-twix-display-lg-font-weight: var(--lsys-typography-display-lg-font-weight);
172
+ --text-twix-display-lg-line-height: var(--lsys-typography-display-lg-line-height);
173
+ --text-twix-display-lg-letter-spacing: var(--lsys-typography-display-lg-letter-spacing);
174
+ --text-twix-label-xs-font-family: var(--lsys-typography-label-xs-font-family);
175
+ --text-twix-label-xs-font-size: var(--lsys-typography-label-xs-font-size);
176
+ --text-twix-label-xs-font-weight: var(--lsys-typography-label-xs-font-weight);
177
+ --text-twix-label-xs-line-height: var(--lsys-typography-label-xs-line-height);
178
+ --text-twix-label-xs-letter-spacing: var(--lsys-typography-label-xs-letter-spacing);
179
+ --text-twix-label-sm-font-family: var(--lsys-typography-label-sm-font-family);
180
+ --text-twix-label-sm-font-size: var(--lsys-typography-label-sm-font-size);
181
+ --text-twix-label-sm-font-weight: var(--lsys-typography-label-sm-font-weight);
182
+ --text-twix-label-sm-line-height: var(--lsys-typography-label-sm-line-height);
183
+ --text-twix-label-sm-letter-spacing: var(--lsys-typography-label-sm-letter-spacing);
184
+ --text-twix-label-md-font-family: var(--lsys-typography-label-md-font-family);
185
+ --text-twix-label-md-font-size: var(--lsys-typography-label-md-font-size);
186
+ --text-twix-label-md-font-weight: var(--lsys-typography-label-md-font-weight);
187
+ --text-twix-label-md-line-height: var(--lsys-typography-label-md-line-height);
188
+ --text-twix-label-md-letter-spacing: var(--lsys-typography-label-md-letter-spacing);
189
+ --text-twix-label-lg-font-family: var(--lsys-typography-label-lg-font-family);
190
+ --text-twix-label-lg-font-size: var(--lsys-typography-label-lg-font-size);
191
+ --text-twix-label-lg-font-weight: var(--lsys-typography-label-lg-font-weight);
192
+ --text-twix-label-lg-line-height: var(--lsys-typography-label-lg-line-height);
193
+ --text-twix-label-lg-letter-spacing: var(--lsys-typography-label-lg-letter-spacing);
194
+ --text-twix-control-xs-font-family: var(--lsys-typography-control-xs-font-family);
195
+ --text-twix-control-xs-font-size: var(--lsys-typography-control-xs-font-size);
196
+ --text-twix-control-xs-font-weight: var(--lsys-typography-control-xs-font-weight);
197
+ --text-twix-control-xs-line-height: var(--lsys-typography-control-xs-line-height);
198
+ --text-twix-control-xs-letter-spacing: var(--lsys-typography-control-xs-letter-spacing);
199
+ --text-twix-control-sm-font-family: var(--lsys-typography-control-sm-font-family);
200
+ --text-twix-control-sm-font-size: var(--lsys-typography-control-sm-font-size);
201
+ --text-twix-control-sm-font-weight: var(--lsys-typography-control-sm-font-weight);
202
+ --text-twix-control-sm-line-height: var(--lsys-typography-control-sm-line-height);
203
+ --text-twix-control-sm-letter-spacing: var(--lsys-typography-control-sm-letter-spacing);
204
+ --text-twix-control-md-font-family: var(--lsys-typography-control-md-font-family);
205
+ --text-twix-control-md-font-size: var(--lsys-typography-control-md-font-size);
206
+ --text-twix-control-md-font-weight: var(--lsys-typography-control-md-font-weight);
207
+ --text-twix-control-md-line-height: var(--lsys-typography-control-md-line-height);
208
+ --text-twix-control-md-letter-spacing: var(--lsys-typography-control-md-letter-spacing);
209
+ --text-twix-control-lg-font-family: var(--lsys-typography-control-lg-font-family);
210
+ --text-twix-control-lg-font-size: var(--lsys-typography-control-lg-font-size);
211
+ --text-twix-control-lg-font-weight: var(--lsys-typography-control-lg-font-weight);
212
+ --text-twix-control-lg-line-height: var(--lsys-typography-control-lg-line-height);
213
+ --text-twix-control-lg-letter-spacing: var(--lsys-typography-control-lg-letter-spacing);
214
+ --text-twix-control-xl-font-family: var(--lsys-typography-control-xl-font-family);
215
+ --text-twix-control-xl-font-size: var(--lsys-typography-control-xl-font-size);
216
+ --text-twix-control-xl-font-weight: var(--lsys-typography-control-xl-font-weight);
217
+ --text-twix-control-xl-line-height: var(--lsys-typography-control-xl-line-height);
218
+ --text-twix-control-xl-letter-spacing: var(--lsys-typography-control-xl-letter-spacing);
219
+ --text-twix-code-sm-font-family: var(--lsys-typography-code-sm-font-family);
220
+ --text-twix-code-sm-font-size: var(--lsys-typography-code-sm-font-size);
221
+ --text-twix-code-sm-font-weight: var(--lsys-typography-code-sm-font-weight);
222
+ --text-twix-code-sm-line-height: var(--lsys-typography-code-sm-line-height);
223
+ --text-twix-code-sm-letter-spacing: var(--lsys-typography-code-sm-letter-spacing);
224
+ --text-twix-code-md-font-family: var(--lsys-typography-code-md-font-family);
225
+ --text-twix-code-md-font-size: var(--lsys-typography-code-md-font-size);
226
+ --text-twix-code-md-font-weight: var(--lsys-typography-code-md-font-weight);
227
+ --text-twix-code-md-line-height: var(--lsys-typography-code-md-line-height);
228
+ --text-twix-code-md-letter-spacing: var(--lsys-typography-code-md-letter-spacing);
229
+ --text-twix-code-lg-font-family: var(--lsys-typography-code-lg-font-family);
230
+ --text-twix-code-lg-font-size: var(--lsys-typography-code-lg-font-size);
231
+ --text-twix-code-lg-font-weight: var(--lsys-typography-code-lg-font-weight);
232
+ --text-twix-code-lg-line-height: var(--lsys-typography-code-lg-line-height);
233
+ --text-twix-code-lg-letter-spacing: var(--lsys-typography-code-lg-letter-spacing);
234
+ --color-twix-background-base: var(--lsys-color-background-base);
235
+ --color-twix-background-surface: var(--lsys-color-background-surface);
236
+ --color-twix-background-subtle: var(--lsys-color-background-subtle);
237
+ --color-twix-background-overlay: var(--lsys-color-background-overlay);
238
+ --color-twix-text-primary: var(--lsys-color-text-primary);
239
+ --color-twix-text-secondary: var(--lsys-color-text-secondary);
240
+ --color-twix-text-disabled: var(--lsys-color-text-disabled);
241
+ --color-twix-text-inverse: var(--lsys-color-text-inverse);
242
+ --color-twix-text-link: var(--lsys-color-text-link);
243
+ --color-twix-text-accent: var(--lsys-color-text-accent);
244
+ --color-twix-feedback-info-background: var(--lsys-color-feedback-info-background);
245
+ --color-twix-feedback-info-foreground: var(--lsys-color-feedback-info-foreground);
246
+ --color-twix-feedback-success-background: var(--lsys-color-feedback-success-background);
247
+ --color-twix-feedback-success-foreground: var(--lsys-color-feedback-success-foreground);
248
+ --color-twix-feedback-warning-background: var(--lsys-color-feedback-warning-background);
249
+ --color-twix-feedback-warning-foreground: var(--lsys-color-feedback-warning-foreground);
250
+ --color-twix-feedback-danger-background: var(--lsys-color-feedback-danger-background);
251
+ --color-twix-feedback-danger-foreground: var(--lsys-color-feedback-danger-foreground);
252
+ --twix-action-primary-base: var(--lsys-action-primary-base);
253
+ --twix-action-primary-hover: var(--lsys-action-primary-hover);
254
+ --twix-action-primary-active: var(--lsys-action-primary-active);
255
+ --twix-action-primary-disabled: var(--lsys-action-primary-disabled);
256
+ --twix-action-secondary-base: var(--lsys-action-secondary-base);
257
+ --twix-action-secondary-hover: var(--lsys-action-secondary-hover);
258
+ --twix-action-secondary-active: var(--lsys-action-secondary-active);
259
+ --twix-action-secondary-disabled: var(--lsys-action-secondary-disabled);
260
+ --twix-action-danger-base: var(--lsys-action-danger-base);
261
+ --twix-action-danger-hover: var(--lsys-action-danger-hover);
262
+ --twix-action-danger-active: var(--lsys-action-danger-active);
263
+ --twix-action-danger-disabled: var(--lsys-action-danger-disabled);
264
+ --twix-border-default: var(--lsys-border-default);
265
+ --twix-border-strong: var(--lsys-border-strong);
266
+ --twix-border-focus: var(--lsys-border-focus);
267
+ --twix-border-accent: var(--lsys-border-accent);
268
+ --twix-border-control-color: var(--lsys-border-control-color);
269
+ --twix-border-control-width: var(--lsys-border-control-width);
270
+ --twix-border-control-style: var(--lsys-border-control-style);
271
+ --twix-elevation-behind-z-index: var(--lsys-elevation-behind-z-index);
272
+ --twix-elevation-backdrop-z-index: var(--lsys-elevation-backdrop-z-index);
273
+ --twix-elevation-handle-z-index: var(--lsys-elevation-handle-z-index);
274
+ --twix-elevation-layer-z-index: var(--lsys-elevation-layer-z-index);
275
+ --twix-elevation-floating-z-index: var(--lsys-elevation-floating-z-index);
276
+ --twix-elevation-toast-z-index: var(--lsys-elevation-toast-z-index);
277
+ --twix-elevation-tooltip-z-index: var(--lsys-elevation-tooltip-z-index);
278
+ --twix-elevation-shadow-floating-color: var(--lsys-elevation-shadow-floating-color);
279
+ --twix-elevation-shadow-floating-inset: var(--lsys-elevation-shadow-floating-inset);
280
+ --twix-elevation-shadow-floating-offset-x: var(--lsys-elevation-shadow-floating-offset-x);
281
+ --twix-elevation-shadow-floating-offset-y: var(--lsys-elevation-shadow-floating-offset-y);
282
+ --twix-elevation-shadow-floating-blur: var(--lsys-elevation-shadow-floating-blur);
283
+ --twix-elevation-shadow-floating-spread: var(--lsys-elevation-shadow-floating-spread);
284
+ --twix-elevation-shadow-floating-box-shadow: var(--lsys-elevation-shadow-floating-box-shadow);
285
+ --twix-elevation-shadow-raised-color: var(--lsys-elevation-shadow-raised-color);
286
+ --twix-elevation-shadow-raised-inset: var(--lsys-elevation-shadow-raised-inset);
287
+ --twix-elevation-shadow-raised-offset-x: var(--lsys-elevation-shadow-raised-offset-x);
288
+ --twix-elevation-shadow-raised-offset-y: var(--lsys-elevation-shadow-raised-offset-y);
289
+ --twix-elevation-shadow-raised-blur: var(--lsys-elevation-shadow-raised-blur);
290
+ --twix-elevation-shadow-raised-spread: var(--lsys-elevation-shadow-raised-spread);
291
+ --twix-elevation-shadow-raised-box-shadow: var(--lsys-elevation-shadow-raised-box-shadow);
292
+ --twix-outline-width-focus: var(--lsys-outline-width-focus);
293
+ --twix-outline-width-inset: var(--lsys-outline-width-inset);
294
+ --twix-outline-width-zero: var(--lsys-outline-width-zero);
295
+ --twix-outline-offset-focus: var(--lsys-outline-offset-focus);
296
+ --twix-outline-offset-zero: var(--lsys-outline-offset-zero);
297
+ --twix-layout-viewport-sm: var(--lsys-layout-viewport-sm);
298
+ --twix-layout-viewport-md: var(--lsys-layout-viewport-md);
299
+ --twix-layout-viewport-lg: var(--lsys-layout-viewport-lg);
300
+ --twix-layout-viewport-xl: var(--lsys-layout-viewport-xl);
301
+ --twix-layout-viewport-2xl: var(--lsys-layout-viewport-2xl);
302
+ --twix-layout-viewport-full: var(--lsys-layout-viewport-full);
303
+ --twix-layout-aspect-ratio-square: var(--lsys-layout-aspect-ratio-square);
304
+ --twix-layout-aspect-ratio-standard: var(--lsys-layout-aspect-ratio-standard);
305
+ --twix-layout-aspect-ratio-photo: var(--lsys-layout-aspect-ratio-photo);
306
+ --twix-layout-aspect-ratio-portrait: var(--lsys-layout-aspect-ratio-portrait);
307
+ --twix-layout-aspect-ratio-video: var(--lsys-layout-aspect-ratio-video);
308
+ --twix-layout-aspect-ratio-ultrawide: var(--lsys-layout-aspect-ratio-ultrawide);
309
+ --twix-opacity-disabled: var(--lsys-opacity-disabled);
310
+ --twix-opacity-busy: var(--lsys-opacity-busy);
311
+ }