@dalexto/lexsys-registry 0.0.2 → 0.0.3

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 (71) hide show
  1. package/dist/index.js +23 -2
  2. package/dist/items/empty.d.ts +7 -0
  3. package/dist/items/index.d.ts +1 -0
  4. package/package.json +1 -1
  5. package/templates/blocks/AuthForm/AuthForm.tsx +3 -3
  6. package/templates/blocks/AuthForm/AuthForm.variants.ts +3 -3
  7. package/templates/blocks/CommandPalette/CommandPalette.tsx +14 -14
  8. package/templates/blocks/CommandPalette/CommandPalette.types.ts +3 -9
  9. package/templates/blocks/CommandPalette/CommandPalette.variants.ts +13 -14
  10. package/templates/blocks/Empty/Empty.tsx +91 -0
  11. package/templates/blocks/Empty/Empty.types.ts +8 -0
  12. package/templates/blocks/Empty/Empty.variants.ts +51 -0
  13. package/templates/blocks/FormField/FormField.tsx +2 -6
  14. package/templates/blocks/FormField/FormField.variants.ts +2 -2
  15. package/templates/blocks/SettingsPanel/SettingsPanel.tsx +2 -2
  16. package/templates/blocks/SettingsPanel/SettingsPanel.variants.ts +2 -2
  17. package/templates/blocks/Sidebar/Sidebar.tsx +45 -85
  18. package/templates/blocks/Sidebar/Sidebar.types.ts +2 -7
  19. package/templates/blocks/Sidebar/Sidebar.variants.ts +36 -40
  20. package/templates/primitives/Accordion/Accordion.variants.ts +7 -7
  21. package/templates/primitives/Alert/Alert.variants.ts +7 -7
  22. package/templates/primitives/AlertDialog/AlertDialog.variants.ts +16 -16
  23. package/templates/primitives/Autocomplete/Autocomplete.variants.ts +49 -49
  24. package/templates/primitives/Avatar/Avatar.variants.ts +10 -10
  25. package/templates/primitives/Badge/Badge.variants.ts +14 -14
  26. package/templates/primitives/Button/Button.variants.ts +26 -26
  27. package/templates/primitives/Card/Card.tsx +19 -1
  28. package/templates/primitives/Card/Card.types.ts +1 -0
  29. package/templates/primitives/Card/Card.variants.ts +14 -11
  30. package/templates/primitives/Checkbox/Checkbox.variants.ts +11 -15
  31. package/templates/primitives/CheckboxGroup/CheckboxGroup.variants.ts +2 -2
  32. package/templates/primitives/Collapsible/Collapsible.variants.ts +10 -10
  33. package/templates/primitives/Combobox/Combobox.variants.ts +58 -58
  34. package/templates/primitives/ContextMenu/ContextMenu.variants.ts +1 -1
  35. package/templates/primitives/Dialog/Dialog.variants.ts +16 -16
  36. package/templates/primitives/Drawer/Drawer.types.ts +3 -1
  37. package/templates/primitives/Drawer/Drawer.variants.ts +37 -37
  38. package/templates/primitives/Field/Field.variants.ts +22 -22
  39. package/templates/primitives/Fieldset/Fieldset.variants.ts +8 -8
  40. package/templates/primitives/Form/Form.variants.ts +1 -1
  41. package/templates/primitives/Input/Input.variants.ts +11 -11
  42. package/templates/primitives/Menu/Menu.variants.ts +25 -25
  43. package/templates/primitives/Menubar/Menubar.variants.ts +1 -1
  44. package/templates/primitives/Meter/Meter.variants.ts +11 -11
  45. package/templates/primitives/NavigationMenu/NavigationMenu.variants.ts +2 -2
  46. package/templates/primitives/NumberField/NumberField.variants.ts +25 -25
  47. package/templates/primitives/OtpField/OtpField.variants.ts +12 -12
  48. package/templates/primitives/Popover/Popover.variants.ts +18 -20
  49. package/templates/primitives/PreviewCard/PreviewCard.variants.ts +1 -1
  50. package/templates/primitives/Progress/Progress.variants.ts +8 -8
  51. package/templates/primitives/RadioGroup/RadioGroup.variants.ts +14 -14
  52. package/templates/primitives/ScrollArea/ScrollArea.variants.ts +3 -3
  53. package/templates/primitives/Select/Select.tsx +29 -29
  54. package/templates/primitives/Select/Select.types.ts +4 -4
  55. package/templates/primitives/Select/Select.variants.ts +44 -59
  56. package/templates/primitives/Separator/Separator.variants.ts +3 -3
  57. package/templates/primitives/Slider/Slider.tsx +14 -14
  58. package/templates/primitives/Slider/Slider.variants.ts +17 -26
  59. package/templates/primitives/Switch/Switch.types.ts +2 -2
  60. package/templates/primitives/Switch/Switch.variants.ts +13 -13
  61. package/templates/primitives/Tabs/Tabs.variants.ts +8 -8
  62. package/templates/primitives/Textarea/Textarea.variants.ts +11 -11
  63. package/templates/primitives/Toast/Toast.variants.ts +20 -20
  64. package/templates/primitives/Toggle/Toggle.variants.ts +9 -9
  65. package/templates/primitives/ToggleGroup/ToggleGroup.variants.ts +5 -5
  66. package/templates/primitives/Toolbar/Toolbar.variants.ts +18 -18
  67. package/templates/primitives/Tooltip/Tooltip.variants.ts +5 -5
  68. package/templates/styles/theme.css +301 -299
  69. package/templates/styles/tokens.css +1477 -1441
  70. package/templates/templates/DashboardShell/DashboardShell.tsx +10 -10
  71. package/templates/templates/DashboardShell/DashboardShell.variants.ts +10 -10
@@ -2,310 +2,312 @@
2
2
 
3
3
  :root {
4
4
  color-scheme: light;
5
- --lsys-color-background-overlay: oklch(0 0 0 / 0.15);
5
+ --lex-color-background-overlay: oklch(0 0 0 / 0.15);
6
6
  }
7
7
 
8
8
  .dark {
9
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);
10
+ --lex-color-background-base: var(--lex-color-neutral-950);
11
+ --lex-color-background-surface: var(--lex-color-neutral-900);
12
+ --lex-color-background-subtle: var(--lex-color-neutral-800);
13
+ --lex-color-background-overlay: oklch(0 0 0 / 0.6);
14
+ --lex-color-text-primary: var(--lex-color-neutral-50);
15
+ --lex-color-text-secondary: var(--lex-color-neutral-400);
16
+ --lex-color-text-disabled: var(--lex-color-neutral-600);
17
+ --lex-color-text-inverse: var(--lex-color-neutral-950);
18
+ --lex-color-feedback-info-background: var(--lex-color-blue-950);
19
+ --lex-color-feedback-info-foreground: var(--lex-color-blue-200);
20
+ --lex-color-feedback-success-background: var(--lex-color-green-950);
21
+ --lex-color-feedback-success-foreground: var(--lex-color-green-200);
22
+ --lex-color-feedback-warning-background: var(--lex-color-yellow-950);
23
+ --lex-color-feedback-warning-foreground: var(--lex-color-yellow-200);
24
+ --lex-color-feedback-danger-background: var(--lex-color-red-950);
25
+ --lex-color-feedback-danger-foreground: var(--lex-color-red-200);
26
+ --lex-border-default: var(--lex-color-neutral-700);
27
+ --lex-border-strong: var(--lex-color-neutral-500);
28
+ --lex-action-secondary-base: var(--lex-color-neutral-800);
29
+ --lex-action-secondary-hover: var(--lex-color-neutral-700);
30
+ --lex-action-secondary-active: var(--lex-color-neutral-600);
31
+ --lex-action-danger-base: var(--lex-color-red-400);
32
+ --lex-action-danger-hover: var(--lex-color-red-500);
33
+ --lex-action-danger-active: var(--lex-color-red-600);
34
+ --lex-action-danger-disabled: var(--lex-color-red-300);
35
35
  }
36
36
 
37
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);
38
+ --radius-twix-control: var(--lex-radius-control);
39
+ --radius-twix-selection: var(--lex-radius-selection);
40
+ --radius-twix-surface: var(--lex-radius-surface);
41
+ --radius-twix-pill: var(--lex-radius-pill);
42
+ --spacing-twix-control-gap-sm: var(--lex-space-control-gap-sm);
43
+ --spacing-twix-control-gap-md: var(--lex-space-control-gap-md);
44
+ --spacing-twix-control-gap-lg: var(--lex-space-control-gap-lg);
45
+ --spacing-twix-control-x-xs: var(--lex-space-control-x-xs);
46
+ --spacing-twix-control-x-sm: var(--lex-space-control-x-sm);
47
+ --spacing-twix-control-x-md: var(--lex-space-control-x-md);
48
+ --spacing-twix-control-x-lg: var(--lex-space-control-x-lg);
49
+ --spacing-twix-control-x-xl: var(--lex-space-control-x-xl);
50
+ --spacing-twix-control-y-xs: var(--lex-space-control-y-xs);
51
+ --spacing-twix-control-y-sm: var(--lex-space-control-y-sm);
52
+ --spacing-twix-control-y-md: var(--lex-space-control-y-md);
53
+ --spacing-twix-control-y-lg: var(--lex-space-control-y-lg);
54
+ --spacing-twix-surface-sm: var(--lex-space-surface-sm);
55
+ --spacing-twix-surface-md: var(--lex-space-surface-md);
56
+ --spacing-twix-surface-gap-sm: var(--lex-space-surface-gap-sm);
57
+ --spacing-twix-surface-gap-md: var(--lex-space-surface-gap-md);
58
+ --spacing-twix-overlay-side-offset: var(--lex-space-overlay-side-offset);
59
+ --spacing-twix-control-xs: var(--lex-size-control-xs);
60
+ --spacing-twix-control-compact: var(--lex-size-control-compact);
61
+ --spacing-twix-control-sm: var(--lex-size-control-sm);
62
+ --spacing-twix-control-md: var(--lex-size-control-md);
63
+ --spacing-twix-control-lg: var(--lex-size-control-lg);
64
+ --spacing-twix-control-xl: var(--lex-size-control-xl);
65
+ --spacing-twix-control-2xl: var(--lex-size-control-2xl);
66
+ --spacing-twix-selection-control-sm: var(--lex-size-selection-control-sm);
67
+ --spacing-twix-selection-control-md: var(--lex-size-selection-control-md);
68
+ --spacing-twix-selection-control-lg: var(--lex-size-selection-control-lg);
69
+ --spacing-twix-area-swipe-sm: var(--lex-size-area-swipe-sm);
70
+ --spacing-twix-area-swipe-md: var(--lex-size-area-swipe-md);
71
+ --spacing-twix-area-swipe-lg: var(--lex-size-area-swipe-lg);
72
+ --spacing-twix-selection-indicator-sm: var(--lex-size-selection-indicator-sm);
73
+ --spacing-twix-selection-indicator-md: var(--lex-size-selection-indicator-md);
74
+ --spacing-twix-selection-indicator-lg: var(--lex-size-selection-indicator-lg);
75
+ --spacing-twix-track-sm: var(--lex-size-track-sm);
76
+ --spacing-twix-track-md: var(--lex-size-track-md);
77
+ --spacing-twix-track-lg: var(--lex-size-track-lg);
78
+ --spacing-twix-thumb-sm: var(--lex-size-thumb-sm);
79
+ --spacing-twix-thumb-md: var(--lex-size-thumb-md);
80
+ --spacing-twix-thumb-lg: var(--lex-size-thumb-lg);
81
+ --spacing-twix-switch-track-width-sm: var(--lex-size-switch-track-width-sm);
82
+ --spacing-twix-switch-track-width-md: var(--lex-size-switch-track-width-md);
83
+ --spacing-twix-switch-track-width-lg: var(--lex-size-switch-track-width-lg);
84
+ --spacing-twix-switch-track-height-sm: var(--lex-size-switch-track-height-sm);
85
+ --spacing-twix-switch-track-height-md: var(--lex-size-switch-track-height-md);
86
+ --spacing-twix-switch-track-height-lg: var(--lex-size-switch-track-height-lg);
87
+ --spacing-twix-panel-width-sm: var(--lex-size-panel-width-sm);
88
+ --spacing-twix-panel-width-md: var(--lex-size-panel-width-md);
89
+ --spacing-twix-panel-width-lg: var(--lex-size-panel-width-lg);
90
+ --spacing-twix-panel-width-xl: var(--lex-size-panel-width-xl);
91
+ --spacing-twix-panel-height-sm: var(--lex-size-panel-height-sm);
92
+ --spacing-twix-panel-height-md: var(--lex-size-panel-height-md);
93
+ --spacing-twix-panel-height-lg: var(--lex-size-panel-height-lg);
94
+ --spacing-twix-overlay-list-max-height: var(--lex-size-overlay-list-max-height);
95
+ --spacing-twix-overlay-viewport-max-height: var(--lex-size-overlay-viewport-max-height);
96
+ --spacing-twix-sidebar-width: var(--lex-size-sidebar-width);
97
+ --spacing-twix-command-palette-list-max-height: var(--lex-size-command-palette-list-max-height);
98
+ --duration-twix-control: var(--lex-duration-control);
99
+ --duration-twix-surface: var(--lex-duration-surface);
100
+ --ease-twix-control: var(--lex-easing-control);
101
+ --ease-twix-surface: var(--lex-easing-surface);
102
+ --twix-motion-offset-entry-y: var(--lex-motion-offset-entry-y);
103
+ --text-twix-family-sans: var(--lex-typography-family-sans);
104
+ --text-twix-family-serif: var(--lex-typography-family-serif);
105
+ --text-twix-family-mono: var(--lex-typography-family-mono);
106
+ --text-twix-body-xs-font-family: var(--lex-typography-body-xs-font-family);
107
+ --text-twix-body-xs-font-size: var(--lex-typography-body-xs-font-size);
108
+ --text-twix-body-xs-font-weight: var(--lex-typography-body-xs-font-weight);
109
+ --text-twix-body-xs-line-height: var(--lex-typography-body-xs-line-height);
110
+ --text-twix-body-xs-letter-spacing: var(--lex-typography-body-xs-letter-spacing);
111
+ --text-twix-body-sm-font-family: var(--lex-typography-body-sm-font-family);
112
+ --text-twix-body-sm-font-size: var(--lex-typography-body-sm-font-size);
113
+ --text-twix-body-sm-font-weight: var(--lex-typography-body-sm-font-weight);
114
+ --text-twix-body-sm-line-height: var(--lex-typography-body-sm-line-height);
115
+ --text-twix-body-sm-letter-spacing: var(--lex-typography-body-sm-letter-spacing);
116
+ --text-twix-body-md-font-family: var(--lex-typography-body-md-font-family);
117
+ --text-twix-body-md-font-size: var(--lex-typography-body-md-font-size);
118
+ --text-twix-body-md-font-weight: var(--lex-typography-body-md-font-weight);
119
+ --text-twix-body-md-line-height: var(--lex-typography-body-md-line-height);
120
+ --text-twix-body-md-letter-spacing: var(--lex-typography-body-md-letter-spacing);
121
+ --text-twix-body-lg-font-family: var(--lex-typography-body-lg-font-family);
122
+ --text-twix-body-lg-font-size: var(--lex-typography-body-lg-font-size);
123
+ --text-twix-body-lg-font-weight: var(--lex-typography-body-lg-font-weight);
124
+ --text-twix-body-lg-line-height: var(--lex-typography-body-lg-line-height);
125
+ --text-twix-body-lg-letter-spacing: var(--lex-typography-body-lg-letter-spacing);
126
+ --text-twix-body-xl-font-family: var(--lex-typography-body-xl-font-family);
127
+ --text-twix-body-xl-font-size: var(--lex-typography-body-xl-font-size);
128
+ --text-twix-body-xl-font-weight: var(--lex-typography-body-xl-font-weight);
129
+ --text-twix-body-xl-line-height: var(--lex-typography-body-xl-line-height);
130
+ --text-twix-body-xl-letter-spacing: var(--lex-typography-body-xl-letter-spacing);
131
+ --text-twix-heading-xs-font-family: var(--lex-typography-heading-xs-font-family);
132
+ --text-twix-heading-xs-font-size: var(--lex-typography-heading-xs-font-size);
133
+ --text-twix-heading-xs-font-weight: var(--lex-typography-heading-xs-font-weight);
134
+ --text-twix-heading-xs-line-height: var(--lex-typography-heading-xs-line-height);
135
+ --text-twix-heading-xs-letter-spacing: var(--lex-typography-heading-xs-letter-spacing);
136
+ --text-twix-heading-sm-font-family: var(--lex-typography-heading-sm-font-family);
137
+ --text-twix-heading-sm-font-size: var(--lex-typography-heading-sm-font-size);
138
+ --text-twix-heading-sm-font-weight: var(--lex-typography-heading-sm-font-weight);
139
+ --text-twix-heading-sm-line-height: var(--lex-typography-heading-sm-line-height);
140
+ --text-twix-heading-sm-letter-spacing: var(--lex-typography-heading-sm-letter-spacing);
141
+ --text-twix-heading-md-font-family: var(--lex-typography-heading-md-font-family);
142
+ --text-twix-heading-md-font-size: var(--lex-typography-heading-md-font-size);
143
+ --text-twix-heading-md-font-weight: var(--lex-typography-heading-md-font-weight);
144
+ --text-twix-heading-md-line-height: var(--lex-typography-heading-md-line-height);
145
+ --text-twix-heading-md-letter-spacing: var(--lex-typography-heading-md-letter-spacing);
146
+ --text-twix-heading-lg-font-family: var(--lex-typography-heading-lg-font-family);
147
+ --text-twix-heading-lg-font-size: var(--lex-typography-heading-lg-font-size);
148
+ --text-twix-heading-lg-font-weight: var(--lex-typography-heading-lg-font-weight);
149
+ --text-twix-heading-lg-line-height: var(--lex-typography-heading-lg-line-height);
150
+ --text-twix-heading-lg-letter-spacing: var(--lex-typography-heading-lg-letter-spacing);
151
+ --text-twix-heading-xl-font-family: var(--lex-typography-heading-xl-font-family);
152
+ --text-twix-heading-xl-font-size: var(--lex-typography-heading-xl-font-size);
153
+ --text-twix-heading-xl-font-weight: var(--lex-typography-heading-xl-font-weight);
154
+ --text-twix-heading-xl-line-height: var(--lex-typography-heading-xl-line-height);
155
+ --text-twix-heading-xl-letter-spacing: var(--lex-typography-heading-xl-letter-spacing);
156
+ --text-twix-heading-2xl-font-family: var(--lex-typography-heading-2xl-font-family);
157
+ --text-twix-heading-2xl-font-size: var(--lex-typography-heading-2xl-font-size);
158
+ --text-twix-heading-2xl-font-weight: var(--lex-typography-heading-2xl-font-weight);
159
+ --text-twix-heading-2xl-line-height: var(--lex-typography-heading-2xl-line-height);
160
+ --text-twix-heading-2xl-letter-spacing: var(--lex-typography-heading-2xl-letter-spacing);
161
+ --text-twix-display-sm-font-family: var(--lex-typography-display-sm-font-family);
162
+ --text-twix-display-sm-font-size: var(--lex-typography-display-sm-font-size);
163
+ --text-twix-display-sm-font-weight: var(--lex-typography-display-sm-font-weight);
164
+ --text-twix-display-sm-line-height: var(--lex-typography-display-sm-line-height);
165
+ --text-twix-display-sm-letter-spacing: var(--lex-typography-display-sm-letter-spacing);
166
+ --text-twix-display-md-font-family: var(--lex-typography-display-md-font-family);
167
+ --text-twix-display-md-font-size: var(--lex-typography-display-md-font-size);
168
+ --text-twix-display-md-font-weight: var(--lex-typography-display-md-font-weight);
169
+ --text-twix-display-md-line-height: var(--lex-typography-display-md-line-height);
170
+ --text-twix-display-md-letter-spacing: var(--lex-typography-display-md-letter-spacing);
171
+ --text-twix-display-lg-font-family: var(--lex-typography-display-lg-font-family);
172
+ --text-twix-display-lg-font-size: var(--lex-typography-display-lg-font-size);
173
+ --text-twix-display-lg-font-weight: var(--lex-typography-display-lg-font-weight);
174
+ --text-twix-display-lg-line-height: var(--lex-typography-display-lg-line-height);
175
+ --text-twix-display-lg-letter-spacing: var(--lex-typography-display-lg-letter-spacing);
176
+ --text-twix-label-xs-font-family: var(--lex-typography-label-xs-font-family);
177
+ --text-twix-label-xs-font-size: var(--lex-typography-label-xs-font-size);
178
+ --text-twix-label-xs-font-weight: var(--lex-typography-label-xs-font-weight);
179
+ --text-twix-label-xs-line-height: var(--lex-typography-label-xs-line-height);
180
+ --text-twix-label-xs-letter-spacing: var(--lex-typography-label-xs-letter-spacing);
181
+ --text-twix-label-sm-font-family: var(--lex-typography-label-sm-font-family);
182
+ --text-twix-label-sm-font-size: var(--lex-typography-label-sm-font-size);
183
+ --text-twix-label-sm-font-weight: var(--lex-typography-label-sm-font-weight);
184
+ --text-twix-label-sm-line-height: var(--lex-typography-label-sm-line-height);
185
+ --text-twix-label-sm-letter-spacing: var(--lex-typography-label-sm-letter-spacing);
186
+ --text-twix-label-md-font-family: var(--lex-typography-label-md-font-family);
187
+ --text-twix-label-md-font-size: var(--lex-typography-label-md-font-size);
188
+ --text-twix-label-md-font-weight: var(--lex-typography-label-md-font-weight);
189
+ --text-twix-label-md-line-height: var(--lex-typography-label-md-line-height);
190
+ --text-twix-label-md-letter-spacing: var(--lex-typography-label-md-letter-spacing);
191
+ --text-twix-label-lg-font-family: var(--lex-typography-label-lg-font-family);
192
+ --text-twix-label-lg-font-size: var(--lex-typography-label-lg-font-size);
193
+ --text-twix-label-lg-font-weight: var(--lex-typography-label-lg-font-weight);
194
+ --text-twix-label-lg-line-height: var(--lex-typography-label-lg-line-height);
195
+ --text-twix-label-lg-letter-spacing: var(--lex-typography-label-lg-letter-spacing);
196
+ --text-twix-control-xs-font-family: var(--lex-typography-control-xs-font-family);
197
+ --text-twix-control-xs-font-size: var(--lex-typography-control-xs-font-size);
198
+ --text-twix-control-xs-font-weight: var(--lex-typography-control-xs-font-weight);
199
+ --text-twix-control-xs-line-height: var(--lex-typography-control-xs-line-height);
200
+ --text-twix-control-xs-letter-spacing: var(--lex-typography-control-xs-letter-spacing);
201
+ --text-twix-control-sm-font-family: var(--lex-typography-control-sm-font-family);
202
+ --text-twix-control-sm-font-size: var(--lex-typography-control-sm-font-size);
203
+ --text-twix-control-sm-font-weight: var(--lex-typography-control-sm-font-weight);
204
+ --text-twix-control-sm-line-height: var(--lex-typography-control-sm-line-height);
205
+ --text-twix-control-sm-letter-spacing: var(--lex-typography-control-sm-letter-spacing);
206
+ --text-twix-control-md-font-family: var(--lex-typography-control-md-font-family);
207
+ --text-twix-control-md-font-size: var(--lex-typography-control-md-font-size);
208
+ --text-twix-control-md-font-weight: var(--lex-typography-control-md-font-weight);
209
+ --text-twix-control-md-line-height: var(--lex-typography-control-md-line-height);
210
+ --text-twix-control-md-letter-spacing: var(--lex-typography-control-md-letter-spacing);
211
+ --text-twix-control-lg-font-family: var(--lex-typography-control-lg-font-family);
212
+ --text-twix-control-lg-font-size: var(--lex-typography-control-lg-font-size);
213
+ --text-twix-control-lg-font-weight: var(--lex-typography-control-lg-font-weight);
214
+ --text-twix-control-lg-line-height: var(--lex-typography-control-lg-line-height);
215
+ --text-twix-control-lg-letter-spacing: var(--lex-typography-control-lg-letter-spacing);
216
+ --text-twix-control-xl-font-family: var(--lex-typography-control-xl-font-family);
217
+ --text-twix-control-xl-font-size: var(--lex-typography-control-xl-font-size);
218
+ --text-twix-control-xl-font-weight: var(--lex-typography-control-xl-font-weight);
219
+ --text-twix-control-xl-line-height: var(--lex-typography-control-xl-line-height);
220
+ --text-twix-control-xl-letter-spacing: var(--lex-typography-control-xl-letter-spacing);
221
+ --text-twix-code-sm-font-family: var(--lex-typography-code-sm-font-family);
222
+ --text-twix-code-sm-font-size: var(--lex-typography-code-sm-font-size);
223
+ --text-twix-code-sm-font-weight: var(--lex-typography-code-sm-font-weight);
224
+ --text-twix-code-sm-line-height: var(--lex-typography-code-sm-line-height);
225
+ --text-twix-code-sm-letter-spacing: var(--lex-typography-code-sm-letter-spacing);
226
+ --text-twix-code-md-font-family: var(--lex-typography-code-md-font-family);
227
+ --text-twix-code-md-font-size: var(--lex-typography-code-md-font-size);
228
+ --text-twix-code-md-font-weight: var(--lex-typography-code-md-font-weight);
229
+ --text-twix-code-md-line-height: var(--lex-typography-code-md-line-height);
230
+ --text-twix-code-md-letter-spacing: var(--lex-typography-code-md-letter-spacing);
231
+ --text-twix-code-lg-font-family: var(--lex-typography-code-lg-font-family);
232
+ --text-twix-code-lg-font-size: var(--lex-typography-code-lg-font-size);
233
+ --text-twix-code-lg-font-weight: var(--lex-typography-code-lg-font-weight);
234
+ --text-twix-code-lg-line-height: var(--lex-typography-code-lg-line-height);
235
+ --text-twix-code-lg-letter-spacing: var(--lex-typography-code-lg-letter-spacing);
236
+ --color-twix-background-base: var(--lex-color-background-base);
237
+ --color-twix-background-surface: var(--lex-color-background-surface);
238
+ --color-twix-background-subtle: var(--lex-color-background-subtle);
239
+ --color-twix-background-overlay: var(--lex-color-background-overlay);
240
+ --color-twix-text-primary: var(--lex-color-text-primary);
241
+ --color-twix-text-secondary: var(--lex-color-text-secondary);
242
+ --color-twix-text-disabled: var(--lex-color-text-disabled);
243
+ --color-twix-text-inverse: var(--lex-color-text-inverse);
244
+ --color-twix-text-link: var(--lex-color-text-link);
245
+ --color-twix-text-accent: var(--lex-color-text-accent);
246
+ --color-twix-feedback-info-background: var(--lex-color-feedback-info-background);
247
+ --color-twix-feedback-info-foreground: var(--lex-color-feedback-info-foreground);
248
+ --color-twix-feedback-success-background: var(--lex-color-feedback-success-background);
249
+ --color-twix-feedback-success-foreground: var(--lex-color-feedback-success-foreground);
250
+ --color-twix-feedback-warning-background: var(--lex-color-feedback-warning-background);
251
+ --color-twix-feedback-warning-foreground: var(--lex-color-feedback-warning-foreground);
252
+ --color-twix-feedback-danger-background: var(--lex-color-feedback-danger-background);
253
+ --color-twix-feedback-danger-foreground: var(--lex-color-feedback-danger-foreground);
254
+ --twix-action-primary-base: var(--lex-action-primary-base);
255
+ --twix-action-primary-hover: var(--lex-action-primary-hover);
256
+ --twix-action-primary-active: var(--lex-action-primary-active);
257
+ --twix-action-primary-disabled: var(--lex-action-primary-disabled);
258
+ --twix-action-secondary-base: var(--lex-action-secondary-base);
259
+ --twix-action-secondary-hover: var(--lex-action-secondary-hover);
260
+ --twix-action-secondary-active: var(--lex-action-secondary-active);
261
+ --twix-action-secondary-disabled: var(--lex-action-secondary-disabled);
262
+ --twix-action-danger-base: var(--lex-action-danger-base);
263
+ --twix-action-danger-hover: var(--lex-action-danger-hover);
264
+ --twix-action-danger-active: var(--lex-action-danger-active);
265
+ --twix-action-danger-disabled: var(--lex-action-danger-disabled);
266
+ --twix-border-default: var(--lex-border-default);
267
+ --twix-border-strong: var(--lex-border-strong);
268
+ --twix-border-focus: var(--lex-border-focus);
269
+ --twix-border-accent: var(--lex-border-accent);
270
+ --twix-border-control-color: var(--lex-border-control-color);
271
+ --twix-border-control-width: var(--lex-border-control-width);
272
+ --twix-border-control-style: var(--lex-border-control-style);
273
+ --twix-elevation-behind-z-index: var(--lex-elevation-behind-z-index);
274
+ --twix-elevation-backdrop-z-index: var(--lex-elevation-backdrop-z-index);
275
+ --twix-elevation-handle-z-index: var(--lex-elevation-handle-z-index);
276
+ --twix-elevation-layer-z-index: var(--lex-elevation-layer-z-index);
277
+ --twix-elevation-floating-z-index: var(--lex-elevation-floating-z-index);
278
+ --twix-elevation-toast-z-index: var(--lex-elevation-toast-z-index);
279
+ --twix-elevation-tooltip-z-index: var(--lex-elevation-tooltip-z-index);
280
+ --twix-elevation-shadow-floating-color: var(--lex-elevation-shadow-floating-color);
281
+ --twix-elevation-shadow-floating-inset: var(--lex-elevation-shadow-floating-inset);
282
+ --twix-elevation-shadow-floating-offset-x: var(--lex-elevation-shadow-floating-offset-x);
283
+ --twix-elevation-shadow-floating-offset-y: var(--lex-elevation-shadow-floating-offset-y);
284
+ --twix-elevation-shadow-floating-blur: var(--lex-elevation-shadow-floating-blur);
285
+ --twix-elevation-shadow-floating-spread: var(--lex-elevation-shadow-floating-spread);
286
+ --twix-elevation-shadow-floating-box-shadow: var(--lex-elevation-shadow-floating-box-shadow);
287
+ --twix-elevation-shadow-raised-color: var(--lex-elevation-shadow-raised-color);
288
+ --twix-elevation-shadow-raised-inset: var(--lex-elevation-shadow-raised-inset);
289
+ --twix-elevation-shadow-raised-offset-x: var(--lex-elevation-shadow-raised-offset-x);
290
+ --twix-elevation-shadow-raised-offset-y: var(--lex-elevation-shadow-raised-offset-y);
291
+ --twix-elevation-shadow-raised-blur: var(--lex-elevation-shadow-raised-blur);
292
+ --twix-elevation-shadow-raised-spread: var(--lex-elevation-shadow-raised-spread);
293
+ --twix-elevation-shadow-raised-box-shadow: var(--lex-elevation-shadow-raised-box-shadow);
294
+ --twix-outline-width-focus: var(--lex-outline-width-focus);
295
+ --twix-outline-width-inset: var(--lex-outline-width-inset);
296
+ --twix-outline-width-zero: var(--lex-outline-width-zero);
297
+ --twix-outline-offset-focus: var(--lex-outline-offset-focus);
298
+ --twix-outline-offset-zero: var(--lex-outline-offset-zero);
299
+ --twix-layout-viewport-sm: var(--lex-layout-viewport-sm);
300
+ --twix-layout-viewport-md: var(--lex-layout-viewport-md);
301
+ --twix-layout-viewport-lg: var(--lex-layout-viewport-lg);
302
+ --twix-layout-viewport-xl: var(--lex-layout-viewport-xl);
303
+ --twix-layout-viewport-2xl: var(--lex-layout-viewport-2xl);
304
+ --twix-layout-viewport-full: var(--lex-layout-viewport-full);
305
+ --twix-layout-aspect-ratio-square: var(--lex-layout-aspect-ratio-square);
306
+ --twix-layout-aspect-ratio-standard: var(--lex-layout-aspect-ratio-standard);
307
+ --twix-layout-aspect-ratio-photo: var(--lex-layout-aspect-ratio-photo);
308
+ --twix-layout-aspect-ratio-portrait: var(--lex-layout-aspect-ratio-portrait);
309
+ --twix-layout-aspect-ratio-video: var(--lex-layout-aspect-ratio-video);
310
+ --twix-layout-aspect-ratio-ultrawide: var(--lex-layout-aspect-ratio-ultrawide);
311
+ --twix-opacity-disabled: var(--lex-opacity-disabled);
312
+ --twix-opacity-busy: var(--lex-opacity-busy);
311
313
  }