@pathscale/ui 1.1.40 → 1.1.42

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 (182) hide show
  1. package/dist/components/accordion/Accordion.js +29 -30
  2. package/dist/components/alert/Alert.classes.d.ts +16 -0
  3. package/dist/components/alert/Alert.classes.js +17 -0
  4. package/dist/components/alert/Alert.js +17 -27
  5. package/dist/components/avatar/Avatar.classes.d.ts +27 -0
  6. package/dist/components/avatar/Avatar.classes.js +28 -0
  7. package/dist/components/avatar/Avatar.js +11 -28
  8. package/dist/components/avatar/AvatarGroup.js +10 -10
  9. package/dist/components/badge/Badge.classes.d.ts +30 -0
  10. package/dist/components/badge/Badge.classes.js +31 -0
  11. package/dist/components/badge/Badge.js +14 -38
  12. package/dist/components/breadcrumbs/Breadcrumbs.js +34 -23
  13. package/dist/components/button/Button.js +24 -11
  14. package/dist/components/button-group/ButtonGroup.js +7 -8
  15. package/dist/components/calendar/Calendar.js +191 -103
  16. package/dist/components/card/Card.js +12 -16
  17. package/dist/components/chatbubble/ChatBubble.js +4 -4
  18. package/dist/components/chatbubble/ChatBubbleAvatar.js +6 -6
  19. package/dist/components/chatbubble/ChatBubbleFooter.js +3 -5
  20. package/dist/components/chatbubble/ChatBubbleHeader.js +3 -5
  21. package/dist/components/chatbubble/ChatBubbleTime.js +3 -5
  22. package/dist/components/checkbox/Checkbox.classes.d.ts +17 -0
  23. package/dist/components/checkbox/Checkbox.classes.js +18 -0
  24. package/dist/components/checkbox/Checkbox.js +56 -31
  25. package/dist/components/chip/Chip.classes.d.ts +29 -0
  26. package/dist/components/chip/Chip.classes.js +30 -0
  27. package/dist/components/chip/Chip.js +42 -46
  28. package/dist/components/close-button/CloseButton.js +16 -8
  29. package/dist/components/color-area/ColorArea.classes.d.ts +6 -0
  30. package/dist/components/color-area/ColorArea.classes.js +7 -0
  31. package/dist/components/color-area/ColorArea.js +23 -19
  32. package/dist/components/color-field/ColorField.classes.d.ts +13 -0
  33. package/dist/components/color-field/ColorField.classes.js +14 -0
  34. package/dist/components/color-field/ColorField.js +34 -24
  35. package/dist/components/color-picker/ColorPicker.classes.d.ts +8 -0
  36. package/dist/components/color-picker/ColorPicker.classes.js +9 -0
  37. package/dist/components/color-picker/ColorPicker.js +26 -28
  38. package/dist/components/color-slider/ColorSlider.classes.d.ts +11 -0
  39. package/dist/components/color-slider/ColorSlider.classes.js +12 -0
  40. package/dist/components/color-slider/ColorSlider.js +24 -15
  41. package/dist/components/color-swatch/ColorSwatch.classes.d.ts +14 -0
  42. package/dist/components/color-swatch/ColorSwatch.classes.js +15 -0
  43. package/dist/components/color-swatch/ColorSwatch.js +2 -12
  44. package/dist/components/color-swatch-picker/ColorSwatchPicker.classes.d.ts +3 -0
  45. package/dist/components/color-swatch-picker/ColorSwatchPicker.classes.js +4 -0
  46. package/dist/components/color-swatch-picker/ColorSwatchPicker.js +4 -4
  47. package/dist/components/color-wheel-flower/ColorWheelFlower.js +76 -67
  48. package/dist/components/combo-box/ComboBox.js +95 -79
  49. package/dist/components/date-field/DateField.js +22 -28
  50. package/dist/components/date-picker/DatePicker.js +65 -44
  51. package/dist/components/date-range-picker/DateRangePicker.js +76 -48
  52. package/dist/components/description/Description.js +3 -4
  53. package/dist/components/drawer/Drawer.classes.d.ts +28 -0
  54. package/dist/components/drawer/Drawer.classes.js +29 -0
  55. package/dist/components/drawer/Drawer.js +55 -50
  56. package/dist/components/dropdown/Dropdown.classes.d.ts +11 -0
  57. package/dist/components/dropdown/Dropdown.classes.js +12 -0
  58. package/dist/components/dropdown/Dropdown.js +40 -35
  59. package/dist/components/empty-state/EmptyState.classes.d.ts +9 -0
  60. package/dist/components/empty-state/EmptyState.classes.js +10 -0
  61. package/dist/components/empty-state/EmptyState.js +20 -23
  62. package/dist/components/error-message/ErrorMessage.js +3 -4
  63. package/dist/components/field-error/FieldError.js +3 -4
  64. package/dist/components/fieldset/Fieldset.js +12 -16
  65. package/dist/components/flex/Flex.js +3 -4
  66. package/dist/components/floating-dock/FloatingDock.js +152 -144
  67. package/dist/components/footer/Footer.js +3 -4
  68. package/dist/components/footer/FooterTitle.js +3 -4
  69. package/dist/components/form/Form.js +3 -4
  70. package/dist/components/glass-panel/GlassPanel.js +37 -36
  71. package/dist/components/grid/Grid.js +3 -4
  72. package/dist/components/header/Header.js +3 -4
  73. package/dist/components/icon/Icon.js +3 -4
  74. package/dist/components/immersive-landing/ImmersiveLanding.js +21 -24
  75. package/dist/components/immersive-landing/ImmersiveLandingArrows.js +25 -11
  76. package/dist/components/immersive-landing/ImmersiveLandingNavigation.js +67 -41
  77. package/dist/components/immersive-landing/ImmersiveLandingPage.js +7 -5
  78. package/dist/components/immersive-landing/components/CookieConsent.js +110 -110
  79. package/dist/components/immersive-landing/components/FirefoxPWABanner.js +61 -56
  80. package/dist/components/immersive-landing/components/PWAInstallPrompt.js +66 -62
  81. package/dist/components/input/Input.classes.d.ts +24 -0
  82. package/dist/components/input/Input.classes.js +25 -0
  83. package/dist/components/input/Input.js +50 -42
  84. package/dist/components/input-group/InputGroup.js +15 -20
  85. package/dist/components/input-otp/InputOTP.js +63 -54
  86. package/dist/components/join/Join.classes.d.ts +8 -0
  87. package/dist/components/join/Join.classes.js +9 -0
  88. package/dist/components/join/Join.js +8 -8
  89. package/dist/components/kbd/Kbd.js +9 -12
  90. package/dist/components/language-switcher/LanguageSwitcher.js +29 -28
  91. package/dist/components/link/Link.js +17 -10
  92. package/dist/components/list-box/ListBoxItem.js +8 -8
  93. package/dist/components/list-box/ListBoxSection.js +10 -6
  94. package/dist/components/live-chat/LiveChatBubble.js +25 -9
  95. package/dist/components/live-chat/LiveChatPanel.js +78 -62
  96. package/dist/components/menu/Menu.js +4 -4
  97. package/dist/components/menu/MenuItem.js +12 -12
  98. package/dist/components/menu/MenuSection.js +10 -6
  99. package/dist/components/modal/Modal.js +62 -58
  100. package/dist/components/navbar/Navbar.js +4 -4
  101. package/dist/components/navbar/NavbarRow.js +3 -4
  102. package/dist/components/navbar/NavbarSection.js +4 -4
  103. package/dist/components/navbar/NavbarStack.js +3 -4
  104. package/dist/components/noise-background/NoiseBackground.js +39 -35
  105. package/dist/components/number-field/NumberField.js +18 -20
  106. package/dist/components/pagination/Pagination.classes.d.ts +11 -0
  107. package/dist/components/pagination/Pagination.classes.js +12 -0
  108. package/dist/components/pagination/Pagination.js +77 -33
  109. package/dist/components/progress-bar/ProgressBar.js +22 -19
  110. package/dist/components/progress-circle/ProgressCircle.js +33 -19
  111. package/dist/components/radio/Radio.classes.d.ts +13 -0
  112. package/dist/components/radio/Radio.classes.js +14 -0
  113. package/dist/components/radio/Radio.js +49 -22
  114. package/dist/components/radio-group/RadioGroup.classes.d.ts +21 -0
  115. package/dist/components/radio-group/RadioGroup.classes.js +22 -0
  116. package/dist/components/radio-group/RadioGroup.js +31 -19
  117. package/dist/components/search-field/SearchField.js +16 -20
  118. package/dist/components/select/Select.classes.d.ts +24 -0
  119. package/dist/components/select/Select.classes.js +25 -0
  120. package/dist/components/select/Select.js +110 -52
  121. package/dist/components/size-picker/SizePicker.classes.d.ts +3 -0
  122. package/dist/components/size-picker/SizePicker.classes.js +4 -0
  123. package/dist/components/size-picker/SizePicker.js +7 -6
  124. package/dist/components/skeleton/Skeleton.classes.d.ts +8 -0
  125. package/dist/components/skeleton/Skeleton.classes.js +9 -0
  126. package/dist/components/skeleton/Skeleton.js +4 -9
  127. package/dist/components/slider/Slider.js +90 -60
  128. package/dist/components/spinner/Spinner.classes.d.ts +25 -0
  129. package/dist/components/spinner/Spinner.classes.js +26 -0
  130. package/dist/components/spinner/Spinner.js +2 -23
  131. package/dist/components/surface/Surface.js +3 -4
  132. package/dist/components/table/Table.classes.d.ts +26 -0
  133. package/dist/components/table/Table.classes.js +27 -0
  134. package/dist/components/table/Table.js +107 -111
  135. package/dist/components/tabs/Tabs.classes.d.ts +14 -0
  136. package/dist/components/tabs/Tabs.classes.js +15 -0
  137. package/dist/components/tabs/Tabs.js +43 -43
  138. package/dist/components/tag/Tag.js +19 -12
  139. package/dist/components/tag-group/TagGroup.js +8 -8
  140. package/dist/components/text/Text.js +3 -4
  141. package/dist/components/textarea/Textarea.classes.d.ts +3 -0
  142. package/dist/components/textarea/Textarea.classes.js +4 -0
  143. package/dist/components/textarea/Textarea.js +4 -5
  144. package/dist/components/theme-color-picker/ThemeColorPicker.classes.d.ts +10 -0
  145. package/dist/components/theme-color-picker/ThemeColorPicker.classes.js +11 -0
  146. package/dist/components/theme-color-picker/ThemeColorPicker.js +42 -33
  147. package/dist/components/time-field/TimeField.js +22 -28
  148. package/dist/components/toast/Toast.js +109 -56
  149. package/dist/components/toggle/Toggle.classes.d.ts +26 -0
  150. package/dist/components/toggle/Toggle.classes.js +27 -0
  151. package/dist/components/toggle/Toggle.js +55 -36
  152. package/dist/components/tooltip/Tooltip.classes.d.ts +8 -0
  153. package/dist/components/tooltip/Tooltip.classes.js +9 -0
  154. package/dist/components/tooltip/Tooltip.js +24 -25
  155. package/dist/components/utils.js +6 -4
  156. package/dist/components/video-preview/VideoPreview.classes.d.ts +3 -0
  157. package/dist/components/video-preview/VideoPreview.classes.js +4 -0
  158. package/dist/components/video-preview/VideoPreview.js +5 -4
  159. package/dist/index.css +0 -1
  160. package/dist/index.d.ts +1 -3
  161. package/dist/index.js +1 -10
  162. package/dist/purge-manifest.json +2278 -1332
  163. package/package.json +3 -3
  164. package/dist/components/artboard/Artboard.d.ts +0 -9
  165. package/dist/components/artboard/Artboard.js +0 -42
  166. package/dist/components/artboard/index.d.ts +0 -1
  167. package/dist/components/artboard/index.js +0 -3
  168. package/dist/components/sidenav/Sidenav.css +0 -176
  169. package/dist/components/sidenav/Sidenav.d.ts +0 -14
  170. package/dist/components/sidenav/Sidenav.js +0 -66
  171. package/dist/components/sidenav/SidenavButton.d.ts +0 -9
  172. package/dist/components/sidenav/SidenavButton.js +0 -41
  173. package/dist/components/sidenav/SidenavGroup.d.ts +0 -10
  174. package/dist/components/sidenav/SidenavGroup.js +0 -45
  175. package/dist/components/sidenav/SidenavItem.d.ts +0 -8
  176. package/dist/components/sidenav/SidenavItem.js +0 -37
  177. package/dist/components/sidenav/SidenavLink.d.ts +0 -9
  178. package/dist/components/sidenav/SidenavLink.js +0 -36
  179. package/dist/components/sidenav/SidenavMenu.d.ts +0 -5
  180. package/dist/components/sidenav/SidenavMenu.js +0 -31
  181. package/dist/components/sidenav/index.d.ts +0 -12
  182. package/dist/components/sidenav/index.js +0 -13
package/dist/purge-manifest.json CHANGED
@@ -1,458 +1,637 @@
1
1
  {
2
- "Grid": {
2
+ "Surface": {
3
3
  "classes": {
4
4
  "always": [
5
- "grid-layout"
5
+ "surface"
6
6
  ],
7
7
  "byProp": {
8
- "cols": {
9
- "1": [
10
- "grid-cols-1"
11
- ],
12
- "2": [
13
- "grid-cols-2"
14
- ],
15
- "3": [
16
- "grid-cols-3"
17
- ],
18
- "4": [
19
- "grid-cols-4"
20
- ],
21
- "5": [
22
- "grid-cols-5"
23
- ],
24
- "6": [
25
- "grid-cols-6"
26
- ],
27
- "7": [
28
- "grid-cols-7"
29
- ],
30
- "8": [
31
- "grid-cols-8"
32
- ],
33
- "9": [
34
- "grid-cols-9"
35
- ],
36
- "10": [
37
- "grid-cols-10"
38
- ],
39
- "11": [
40
- "grid-cols-11"
41
- ],
42
- "12": [
43
- "grid-cols-12"
44
- ]
45
- },
46
- "rows": {
47
- "1": [
48
- "grid-rows-1"
49
- ],
50
- "2": [
51
- "grid-rows-2"
52
- ],
53
- "3": [
54
- "grid-rows-3"
55
- ],
56
- "4": [
57
- "grid-rows-4"
58
- ],
59
- "5": [
60
- "grid-rows-5"
61
- ],
62
- "6": [
63
- "grid-rows-6"
64
- ],
65
- "7": [
66
- "grid-rows-7"
67
- ],
68
- "8": [
69
- "grid-rows-8"
70
- ],
71
- "9": [
72
- "grid-rows-9"
73
- ],
74
- "10": [
75
- "grid-rows-10"
76
- ],
77
- "11": [
78
- "grid-rows-11"
79
- ],
80
- "12": [
81
- "grid-rows-12"
82
- ]
83
- },
84
- "flow": {
85
- "row": [
86
- "grid-flow-row"
87
- ],
88
- "col": [
89
- "grid-flow-col"
90
- ],
91
- "row-dense": [
92
- "grid-flow-row-dense"
93
- ],
94
- "col-dense": [
95
- "grid-flow-col-dense"
96
- ]
97
- },
98
- "gap": {
99
- "none": [
100
- "gap-0"
101
- ],
102
- "sm": [
103
- "gap-2"
104
- ],
105
- "md": [
106
- "gap-4"
107
- ],
108
- "lg": [
109
- "gap-6"
110
- ],
111
- "xl": [
112
- "gap-8"
113
- ]
114
- },
115
- "autoCols": {
116
- "min": [
117
- "auto-cols-min"
118
- ],
119
- "max": [
120
- "auto-cols-max"
121
- ],
122
- "fr": [
123
- "auto-cols-fr"
124
- ]
125
- },
126
- "autoRows": {
127
- "min": [
128
- "auto-rows-min"
8
+ "variant": {
9
+ "default": [
10
+ "surface--default"
129
11
  ],
130
- "max": [
131
- "auto-rows-max"
12
+ "secondary": [
13
+ "surface--secondary"
132
14
  ],
133
- "fr": [
134
- "auto-rows-fr"
135
- ]
136
- }
137
- }
138
- }
139
- },
140
- "LiveChat.bubble": {
141
- "classes": {
142
- "always": [
143
- "live-chat-bubble"
144
- ],
145
- "byProp": {
146
- "position": {
147
- "right": [
148
- "live-chat-bubble--right"
15
+ "tertiary": [
16
+ "surface--tertiary"
149
17
  ],
150
- "left": [
151
- "live-chat-bubble--left"
18
+ "transparent": [
19
+ "surface--transparent"
152
20
  ]
153
21
  }
154
22
  }
155
23
  }
156
24
  },
157
- "LiveChat.panel": {
25
+ "Form": {
158
26
  "classes": {
159
27
  "always": [
160
- "live-chat-panel"
28
+ "form"
161
29
  ],
162
30
  "byProp": {}
163
31
  }
164
32
  },
165
- "ButtonGroup.Root": {
33
+ "ColorPicker": {
166
34
  "classes": {
167
35
  "always": [
168
- "button-group"
36
+ "color-picker"
169
37
  ],
170
38
  "byProp": {
171
- "orientation": {
172
- "horizontal": [
173
- "button-group--horizontal"
39
+ "slot": {
40
+ "area": [
41
+ "color-picker__area"
174
42
  ],
175
- "vertical": [
176
- "button-group--vertical"
43
+ "slider": [
44
+ "color-picker__slider"
45
+ ],
46
+ "field": [
47
+ "color-picker__field"
177
48
  ]
178
- },
179
- "fullWidth": [
180
- "button-group--full-width"
181
- ]
49
+ }
182
50
  }
183
51
  }
184
52
  },
185
- "ButtonGroup.Separator": {
53
+ "ThemeColorPicker": {
186
54
  "classes": {
187
55
  "always": [
188
- "button-group__separator"
56
+ "relative"
189
57
  ],
190
58
  "byProp": {}
191
59
  }
192
60
  },
193
- "ImmersiveLanding.landing": {
61
+ "Navbar.navbar": {
194
62
  "classes": {
195
63
  "always": [
196
- "immersive-landing"
64
+ "navbar"
197
65
  ],
198
66
  "byProp": {}
199
67
  }
200
68
  },
201
- "ImmersiveLanding.page": {
69
+ "Navbar.section": {
202
70
  "classes": {
203
71
  "always": [
204
- "immersive-landing-page"
72
+ "navbar__section"
205
73
  ],
206
- "byProp": {}
74
+ "byProp": {
75
+ "variant": {
76
+ "start": [
77
+ "navbar__section--start"
78
+ ],
79
+ "center": [
80
+ "navbar__section--center"
81
+ ],
82
+ "end": [
83
+ "navbar__section--end"
84
+ ]
85
+ }
86
+ }
207
87
  }
208
88
  },
209
- "ImmersiveLanding.arrows": {
89
+ "Navbar.stack": {
210
90
  "classes": {
211
- "always": [],
212
- "byProp": {}
91
+ "always": [
92
+ "navbar__stack"
93
+ ],
94
+ "byProp": {
95
+ "sticky": [
96
+ "navbar__stack--sticky"
97
+ ],
98
+ "container": [
99
+ "navbar__stack--container"
100
+ ]
101
+ }
213
102
  }
214
103
  },
215
- "ImmersiveLanding.navigation": {
104
+ "Navbar.row": {
216
105
  "classes": {
217
106
  "always": [
218
- "immersive-landing-navigation"
107
+ "navbar__row"
219
108
  ],
220
- "byProp": {}
109
+ "byProp": {
110
+ "bordered": [
111
+ "navbar__row--bordered"
112
+ ],
113
+ "padded": [
114
+ "navbar__row--padded"
115
+ ],
116
+ "color": {
117
+ "ghost": [
118
+ "navbar__row--ghost"
119
+ ],
120
+ "neutral": [
121
+ "navbar__row--neutral"
122
+ ],
123
+ "primary": [
124
+ "navbar__row--primary"
125
+ ],
126
+ "secondary": [
127
+ "navbar__row--secondary"
128
+ ],
129
+ "accent": [
130
+ "navbar__row--accent"
131
+ ],
132
+ "info": [
133
+ "navbar__row--info"
134
+ ],
135
+ "success": [
136
+ "navbar__row--success"
137
+ ],
138
+ "warning": [
139
+ "navbar__row--warning"
140
+ ],
141
+ "error": [
142
+ "navbar__row--error"
143
+ ]
144
+ }
145
+ }
221
146
  }
222
147
  },
223
- "ImmersiveLanding.pwaPrompt": {
148
+ "Card.Root": {
224
149
  "classes": {
225
- "always": [],
226
- "byProp": {}
150
+ "always": [
151
+ "card"
152
+ ],
153
+ "byProp": {
154
+ "variant": {
155
+ "default": [
156
+ "card--default"
157
+ ],
158
+ "flat": [
159
+ "card--flat"
160
+ ],
161
+ "bordered": [
162
+ "card--bordered"
163
+ ],
164
+ "shadow": [
165
+ "card--shadow"
166
+ ]
167
+ },
168
+ "isHoverable": [
169
+ "card--hoverable"
170
+ ],
171
+ "isPressable": [
172
+ "card--pressable"
173
+ ]
174
+ }
227
175
  }
228
176
  },
229
- "ImmersiveLanding.firefoxBanner": {
177
+ "Card.Header": {
230
178
  "classes": {
231
- "always": [],
179
+ "always": [
180
+ "card__header"
181
+ ],
232
182
  "byProp": {}
233
183
  }
234
184
  },
235
- "ImmersiveLanding.cookie": {
185
+ "Card.Body": {
236
186
  "classes": {
237
- "always": [],
187
+ "always": [
188
+ "card__body"
189
+ ],
238
190
  "byProp": {}
239
191
  }
240
192
  },
241
- "Header": {
193
+ "Card.Footer": {
242
194
  "classes": {
243
195
  "always": [
244
- "header"
196
+ "card__footer"
245
197
  ],
246
198
  "byProp": {}
247
199
  }
248
200
  },
249
- "Tag.Root": {
201
+ "Select": {
250
202
  "classes": {
251
203
  "always": [
252
- "tag"
204
+ "ui-select"
253
205
  ],
254
206
  "byProp": {
255
- "size": {
256
- "sm": [
257
- "tag--sm"
258
- ],
259
- "md": [
260
- "tag--md"
207
+ "fullWidth": [
208
+ "ui-select--full-width"
209
+ ],
210
+ "variant": {
211
+ "primary": [
212
+ "ui-select--primary"
261
213
  ],
262
- "lg": [
263
- "tag--lg"
214
+ "secondary": [
215
+ "ui-select--secondary"
264
216
  ]
265
217
  },
266
- "variant": {
267
- "default": [
268
- "tag--default"
218
+ "slot": {
219
+ "trigger": [
220
+ "ui-select__trigger"
269
221
  ],
270
- "surface": [
271
- "tag--surface"
222
+ "triggerFullWidth": [
223
+ "ui-select__trigger--full-width"
224
+ ],
225
+ "value": [
226
+ "ui-select__value"
227
+ ],
228
+ "indicator": [
229
+ "ui-select__indicator"
230
+ ],
231
+ "icon": [
232
+ "ui-select__icon"
233
+ ],
234
+ "iconStart": [
235
+ "ui-select__icon--start"
236
+ ],
237
+ "iconEnd": [
238
+ "ui-select__icon--end"
239
+ ],
240
+ "popover": [
241
+ "ui-select__popover"
242
+ ],
243
+ "listbox": [
244
+ "ui-select__listbox"
245
+ ],
246
+ "option": [
247
+ "ui-select__option"
248
+ ],
249
+ "optionLabel": [
250
+ "ui-select__option-label"
251
+ ],
252
+ "optionIndicator": [
253
+ "ui-select__option-indicator"
272
254
  ]
273
255
  }
274
256
  }
275
257
  }
276
258
  },
277
- "Tag.slot": {
278
- "classes": {
279
- "always": [],
280
- "byProp": {}
281
- }
282
- },
283
- "Breadcrumbs.Root": {
259
+ "ColorWheelFlower": {
284
260
  "classes": {
285
261
  "always": [
286
- "breadcrumbs"
262
+ "color-wheel-flower"
287
263
  ],
288
- "byProp": {}
264
+ "byProp": {
265
+ "disabled": [
266
+ "color-wheel-flower--disabled"
267
+ ],
268
+ "ringShell": {
269
+ "base": [
270
+ "color-wheel-flower__ring-shell"
271
+ ],
272
+ "outer": [
273
+ "color-wheel-flower__ring-shell--outer"
274
+ ],
275
+ "inner": [
276
+ "color-wheel-flower__ring-shell--inner"
277
+ ]
278
+ },
279
+ "ring": {
280
+ "base": [
281
+ "color-wheel-flower__ring"
282
+ ],
283
+ "outer": [
284
+ "color-wheel-flower__ring--outer"
285
+ ],
286
+ "inner": [
287
+ "color-wheel-flower__ring--inner"
288
+ ]
289
+ },
290
+ "dot": {
291
+ "base": [
292
+ "color-wheel-flower__dot"
293
+ ],
294
+ "frame": [
295
+ "color-wheel-flower__dot-frame"
296
+ ],
297
+ "motion": [
298
+ "color-wheel-flower__dot-motion"
299
+ ]
300
+ },
301
+ "swatch": {
302
+ "base": [
303
+ "color-wheel-flower__swatch"
304
+ ],
305
+ "center": [
306
+ "color-wheel-flower__swatch--center"
307
+ ]
308
+ },
309
+ "highlight": {
310
+ "base": [
311
+ "color-wheel-flower__highlight"
312
+ ],
313
+ "hovered": [
314
+ "color-wheel-flower__highlight--hovered"
315
+ ],
316
+ "pulsing": [
317
+ "color-wheel-flower__highlight--pulsing"
318
+ ]
319
+ }
320
+ }
289
321
  }
290
322
  },
291
- "Breadcrumbs.Item": {
323
+ "NoiseBackground": {
292
324
  "classes": {
293
325
  "always": [
294
- "breadcrumbs__item",
295
- "breadcrumbs__link",
296
- "breadcrumbs__separator"
326
+ "noise-background"
297
327
  ],
298
- "byProp": {}
328
+ "byProp": {
329
+ "backdropBlur": [
330
+ "noise-background--backdrop-blur"
331
+ ],
332
+ "slot": {
333
+ "layer0": [
334
+ "noise-background__layer",
335
+ "noise-background__layer--0"
336
+ ],
337
+ "layer1": [
338
+ "noise-background__layer",
339
+ "noise-background__layer--1"
340
+ ],
341
+ "layer2": [
342
+ "noise-background__layer",
343
+ "noise-background__layer--2"
344
+ ],
345
+ "strip": [
346
+ "noise-background__strip"
347
+ ],
348
+ "noiseWrap": [
349
+ "noise-background__noise-wrap"
350
+ ],
351
+ "noiseImage": [
352
+ "noise-background__noise-image"
353
+ ],
354
+ "content": [
355
+ "noise-background__content"
356
+ ]
357
+ }
358
+ }
299
359
  }
300
360
  },
301
- "Flex": {
361
+ "Skeleton": {
302
362
  "classes": {
303
363
  "always": [
304
- "flex-layout"
364
+ "skeleton"
305
365
  ],
306
366
  "byProp": {
307
- "direction": {
308
- "row": [
309
- "flex-row"
310
- ],
311
- "col": [
312
- "flex-col"
367
+ "animation": {
368
+ "shimmer": [
369
+ "skeleton--shimmer"
313
370
  ],
314
- "row-reverse": [
315
- "flex-row-reverse"
371
+ "pulse": [
372
+ "skeleton--pulse"
316
373
  ],
317
- "col-reverse": [
318
- "flex-col-reverse"
374
+ "none": [
375
+ "skeleton--none"
319
376
  ]
320
- },
321
- "justify": {
322
- "start": [
323
- "justify-start"
377
+ }
378
+ }
379
+ }
380
+ },
381
+ "Chip": {
382
+ "classes": {
383
+ "always": [
384
+ "chip"
385
+ ],
386
+ "byProp": {
387
+ "slot": {
388
+ "icon": [
389
+ "chip__icon"
324
390
  ],
325
- "center": [
326
- "justify-center"
391
+ "iconStart": [
392
+ "chip__icon--start"
327
393
  ],
328
- "end": [
329
- "justify-end"
394
+ "iconEnd": [
395
+ "chip__icon--end"
330
396
  ],
331
- "between": [
332
- "justify-between"
397
+ "label": [
398
+ "chip__label"
333
399
  ],
334
- "around": [
335
- "justify-around"
400
+ "remove": [
401
+ "chip__remove"
336
402
  ],
337
- "evenly": [
338
- "justify-evenly"
403
+ "removeIcon": [
404
+ "chip__remove-icon"
339
405
  ]
340
406
  },
341
- "align": {
342
- "start": [
343
- "items-start"
344
- ],
345
- "center": [
346
- "items-center"
347
- ],
348
- "end": [
349
- "items-end"
407
+ "variant": {
408
+ "solid": [
409
+ "chip--solid"
350
410
  ],
351
- "stretch": [
352
- "items-stretch"
411
+ "flat": [
412
+ "chip--flat"
353
413
  ],
354
- "baseline": [
355
- "items-baseline"
414
+ "bordered": [
415
+ "chip--bordered"
356
416
  ]
357
417
  },
358
- "wrap": {
359
- "wrap": [
360
- "flex-wrap"
361
- ],
362
- "nowrap": [
363
- "flex-nowrap"
418
+ "color": {
419
+ "default": [
420
+ "chip--default"
364
421
  ],
365
- "wrap-reverse": [
366
- "flex-wrap-reverse"
367
- ]
368
- },
369
- "gap": {
370
- "none": [
371
- "gap-0"
422
+ "primary": [
423
+ "chip--primary"
372
424
  ],
373
- "sm": [
374
- "gap-2"
425
+ "accent": [
426
+ "chip--accent"
375
427
  ],
376
- "md": [
377
- "gap-4"
428
+ "success": [
429
+ "chip--success"
378
430
  ],
379
- "lg": [
380
- "gap-6"
431
+ "warning": [
432
+ "chip--warning"
381
433
  ],
382
- "xl": [
383
- "gap-8"
434
+ "danger": [
435
+ "chip--danger"
384
436
  ]
385
437
  },
386
- "gapX": {
387
- "none": [
388
- "gap-x-0"
389
- ],
438
+ "size": {
390
439
  "sm": [
391
- "gap-x-2"
440
+ "chip--sm"
392
441
  ],
393
442
  "md": [
394
- "gap-x-4"
443
+ "chip--md"
395
444
  ],
396
445
  "lg": [
397
- "gap-x-6"
446
+ "chip--lg"
447
+ ]
448
+ }
449
+ }
450
+ }
451
+ },
452
+ "ColorSwatch": {
453
+ "classes": {
454
+ "always": [
455
+ "color-swatch"
456
+ ],
457
+ "byProp": {
458
+ "shape": {
459
+ "circle": [
460
+ "color-swatch--circle"
398
461
  ],
399
- "xl": [
400
- "gap-x-8"
462
+ "square": [
463
+ "color-swatch--square"
401
464
  ]
402
465
  },
403
- "gapY": {
404
- "none": [
405
- "gap-y-0"
466
+ "size": {
467
+ "xs": [
468
+ "color-swatch--xs"
406
469
  ],
407
470
  "sm": [
408
- "gap-y-2"
471
+ "color-swatch--sm"
409
472
  ],
410
473
  "md": [
411
- "gap-y-4"
474
+ "color-swatch--md"
412
475
  ],
413
476
  "lg": [
414
- "gap-y-6"
477
+ "color-swatch--lg"
415
478
  ],
416
479
  "xl": [
417
- "gap-y-8"
480
+ "color-swatch--xl"
418
481
  ]
419
- },
420
- "grow": {
421
- "true": [
422
- "flex-grow"
482
+ }
483
+ }
484
+ }
485
+ },
486
+ "ChatBubble": {
487
+ "classes": {
488
+ "always": [
489
+ "chatbubble"
490
+ ],
491
+ "byProp": {
492
+ "align": {
493
+ "start": [
494
+ "chatbubble--start"
423
495
  ],
424
- "false": [
425
- "flex-grow-0"
496
+ "end": [
497
+ "chatbubble--end"
426
498
  ]
427
499
  },
428
- "shrink": {
429
- "true": [
430
- "flex-shrink"
500
+ "slot": {
501
+ "header": [
502
+ "chatbubble__header"
431
503
  ],
432
- "false": [
433
- "flex-shrink-0"
504
+ "footer": [
505
+ "chatbubble__footer"
506
+ ],
507
+ "avatar": [
508
+ "chatbubble__avatar"
509
+ ],
510
+ "message": [
511
+ "chatbubble__message"
512
+ ],
513
+ "time": [
514
+ "chatbubble__time"
434
515
  ]
435
516
  },
436
- "basis": {
437
- "none": [
438
- "basis-0"
517
+ "color": {
518
+ "neutral": [
519
+ "chatbubble__message--neutral"
439
520
  ],
440
- "sm": [
441
- "basis-8"
521
+ "primary": [
522
+ "chatbubble__message--primary"
442
523
  ],
443
- "md": [
444
- "basis-16"
524
+ "secondary": [
525
+ "chatbubble__message--secondary"
445
526
  ],
446
- "lg": [
447
- "basis-24"
527
+ "accent": [
528
+ "chatbubble__message--accent"
448
529
  ],
449
- "xl": [
450
- "basis-32"
530
+ "info": [
531
+ "chatbubble__message--info"
532
+ ],
533
+ "success": [
534
+ "chatbubble__message--success"
535
+ ],
536
+ "warning": [
537
+ "chatbubble__message--warning"
538
+ ],
539
+ "error": [
540
+ "chatbubble__message--error"
451
541
  ]
452
542
  }
453
543
  }
454
544
  }
455
545
  },
546
+ "FieldError": {
547
+ "classes": {
548
+ "always": [
549
+ "field-error"
550
+ ],
551
+ "byProp": {}
552
+ }
553
+ },
554
+ "Textarea": {
555
+ "classes": {
556
+ "always": [],
557
+ "byProp": {}
558
+ }
559
+ },
560
+ "DateRangePicker.Root": {
561
+ "classes": {
562
+ "always": [
563
+ "date-range-picker"
564
+ ],
565
+ "byProp": {
566
+ "open": [
567
+ "date-range-picker--open"
568
+ ],
569
+ "disabled": [
570
+ "date-range-picker--disabled"
571
+ ]
572
+ }
573
+ }
574
+ },
575
+ "DateRangePicker.Trigger": {
576
+ "classes": {
577
+ "always": [
578
+ "date-range-picker__trigger"
579
+ ],
580
+ "byProp": {}
581
+ }
582
+ },
583
+ "DateRangePicker.TriggerSegment": {
584
+ "classes": {
585
+ "always": [
586
+ "date-range-picker__trigger-segment"
587
+ ],
588
+ "byProp": {
589
+ "placeholder": [
590
+ "date-range-picker__trigger-segment--placeholder"
591
+ ]
592
+ }
593
+ }
594
+ },
595
+ "DateRangePicker.RangeSeparator": {
596
+ "classes": {
597
+ "always": [
598
+ "date-range-picker__range-separator"
599
+ ],
600
+ "byProp": {}
601
+ }
602
+ },
603
+ "DateRangePicker.TriggerIndicator": {
604
+ "classes": {
605
+ "always": [
606
+ "date-range-picker__trigger-indicator"
607
+ ],
608
+ "byProp": {}
609
+ }
610
+ },
611
+ "DateRangePicker.TriggerIcon": {
612
+ "classes": {
613
+ "always": [
614
+ "date-range-picker__trigger-icon"
615
+ ],
616
+ "byProp": {}
617
+ }
618
+ },
619
+ "DateRangePicker.Popover": {
620
+ "classes": {
621
+ "always": [
622
+ "date-range-picker__popover"
623
+ ],
624
+ "byProp": {}
625
+ }
626
+ },
627
+ "DateRangePicker.Calendar": {
628
+ "classes": {
629
+ "always": [
630
+ "date-range-picker__calendar"
631
+ ],
632
+ "byProp": {}
633
+ }
634
+ },
456
635
  "SearchField.Root": {
457
636
  "classes": {
458
637
  "always": [
@@ -634,501 +813,974 @@
634
813
  "cover": [
635
814
  "modal__content--cover"
636
815
  ],
637
- "full": [
638
- "modal__content--full"
816
+ "full": [
817
+ "modal__content--full"
818
+ ]
819
+ },
820
+ "state": {
821
+ "entering": [
822
+ "modal__content--entering"
823
+ ],
824
+ "exiting": [
825
+ "modal__content--exiting"
826
+ ]
827
+ }
828
+ }
829
+ }
830
+ },
831
+ "Modal.Header": {
832
+ "classes": {
833
+ "always": [
834
+ "modal__header"
835
+ ],
836
+ "byProp": {}
837
+ }
838
+ },
839
+ "Modal.Heading": {
840
+ "classes": {
841
+ "always": [
842
+ "modal__heading"
843
+ ],
844
+ "byProp": {}
845
+ }
846
+ },
847
+ "Modal.Icon": {
848
+ "classes": {
849
+ "always": [
850
+ "modal__icon"
851
+ ],
852
+ "byProp": {}
853
+ }
854
+ },
855
+ "Modal.Body": {
856
+ "classes": {
857
+ "always": [
858
+ "modal__body"
859
+ ],
860
+ "byProp": {
861
+ "scroll": {
862
+ "inside": [
863
+ "modal__body--scroll-inside"
864
+ ],
865
+ "outside": [
866
+ "modal__body--scroll-outside"
867
+ ]
868
+ }
869
+ }
870
+ }
871
+ },
872
+ "Modal.Footer": {
873
+ "classes": {
874
+ "always": [
875
+ "modal__footer"
876
+ ],
877
+ "byProp": {}
878
+ }
879
+ },
880
+ "Modal.CloseTrigger": {
881
+ "classes": {
882
+ "always": [
883
+ "modal__close-trigger"
884
+ ],
885
+ "byProp": {}
886
+ }
887
+ },
888
+ "Fieldset.Root": {
889
+ "classes": {
890
+ "always": [
891
+ "fieldset"
892
+ ],
893
+ "byProp": {}
894
+ }
895
+ },
896
+ "Fieldset.Legend": {
897
+ "classes": {
898
+ "always": [
899
+ "fieldset__legend"
900
+ ],
901
+ "byProp": {}
902
+ }
903
+ },
904
+ "Fieldset.Group": {
905
+ "classes": {
906
+ "always": [
907
+ "fieldset__group"
908
+ ],
909
+ "byProp": {}
910
+ }
911
+ },
912
+ "Fieldset.Actions": {
913
+ "classes": {
914
+ "always": [
915
+ "fieldset__actions"
916
+ ],
917
+ "byProp": {}
918
+ }
919
+ },
920
+ "TextField": {
921
+ "classes": {
922
+ "always": [
923
+ "text-field"
924
+ ],
925
+ "byProp": {
926
+ "variant": {
927
+ "primary": [
928
+ "text-field--primary"
929
+ ],
930
+ "secondary": [
931
+ "text-field--secondary"
932
+ ]
933
+ },
934
+ "fullWidth": [
935
+ "text-field--full-width"
936
+ ]
937
+ }
938
+ }
939
+ },
940
+ "Dropdown": {
941
+ "classes": {
942
+ "always": [
943
+ "dropdown"
944
+ ],
945
+ "byProp": {
946
+ "slot": {
947
+ "trigger": [
948
+ "dropdown__trigger"
949
+ ],
950
+ "popover": [
951
+ "dropdown__popover"
952
+ ],
953
+ "menu": [
954
+ "dropdown__menu"
955
+ ],
956
+ "item": [
957
+ "dropdown__item"
958
+ ],
959
+ "group": [
960
+ "dropdown__group"
961
+ ],
962
+ "separator": [
963
+ "dropdown__separator"
964
+ ]
965
+ }
966
+ }
967
+ }
968
+ },
969
+ "TagGroup.Root": {
970
+ "classes": {
971
+ "always": [
972
+ "tag-group"
973
+ ],
974
+ "byProp": {}
975
+ }
976
+ },
977
+ "TagGroup.List": {
978
+ "classes": {
979
+ "always": [
980
+ "tag-group__list"
981
+ ],
982
+ "byProp": {}
983
+ }
984
+ },
985
+ "ComboBox.Root": {
986
+ "classes": {
987
+ "always": [
988
+ "combo-box"
989
+ ],
990
+ "byProp": {
991
+ "variant": {
992
+ "primary": [
993
+ "combo-box--primary"
994
+ ],
995
+ "secondary": [
996
+ "combo-box--secondary"
997
+ ]
998
+ },
999
+ "fullWidth": [
1000
+ "combo-box--full-width"
1001
+ ]
1002
+ }
1003
+ }
1004
+ },
1005
+ "ComboBox.InputGroup": {
1006
+ "classes": {
1007
+ "always": [
1008
+ "combo-box__input-group"
1009
+ ],
1010
+ "byProp": {
1011
+ "fullWidth": [
1012
+ "combo-box__input-group--full-width"
1013
+ ]
1014
+ }
1015
+ }
1016
+ },
1017
+ "ComboBox.Input": {
1018
+ "classes": {
1019
+ "always": [
1020
+ "combo-box__input"
1021
+ ],
1022
+ "byProp": {}
1023
+ }
1024
+ },
1025
+ "ComboBox.Trigger": {
1026
+ "classes": {
1027
+ "always": [
1028
+ "combo-box__trigger"
1029
+ ],
1030
+ "byProp": {}
1031
+ }
1032
+ },
1033
+ "ComboBox.Popover": {
1034
+ "classes": {
1035
+ "always": [
1036
+ "combo-box__popover"
1037
+ ],
1038
+ "byProp": {}
1039
+ }
1040
+ },
1041
+ "ComboBox.List": {
1042
+ "classes": {
1043
+ "always": [
1044
+ "combo-box__list"
1045
+ ],
1046
+ "byProp": {}
1047
+ }
1048
+ },
1049
+ "ComboBox.Option": {
1050
+ "classes": {
1051
+ "always": [
1052
+ "combo-box__option"
1053
+ ],
1054
+ "byProp": {}
1055
+ }
1056
+ },
1057
+ "ComboBox.Icon": {
1058
+ "classes": {
1059
+ "always": [
1060
+ "combo-box__icon"
1061
+ ],
1062
+ "byProp": {}
1063
+ }
1064
+ },
1065
+ "TextArea": {
1066
+ "classes": {
1067
+ "always": [
1068
+ "textarea"
1069
+ ],
1070
+ "byProp": {
1071
+ "variant": {
1072
+ "primary": [
1073
+ "textarea--primary"
1074
+ ],
1075
+ "secondary": [
1076
+ "textarea--secondary"
639
1077
  ]
640
1078
  },
641
- "state": {
642
- "entering": [
643
- "modal__content--entering"
644
- ],
645
- "exiting": [
646
- "modal__content--exiting"
647
- ]
648
- }
1079
+ "fullWidth": [
1080
+ "textarea--full-width"
1081
+ ]
649
1082
  }
650
1083
  }
651
1084
  },
652
- "Modal.Header": {
1085
+ "SizePicker": {
653
1086
  "classes": {
654
1087
  "always": [
655
- "modal__header"
1088
+ "inline-flex",
1089
+ "gap-1"
656
1090
  ],
657
1091
  "byProp": {}
658
1092
  }
659
1093
  },
660
- "Modal.Heading": {
1094
+ "Tag.Root": {
661
1095
  "classes": {
662
1096
  "always": [
663
- "modal__heading"
1097
+ "tag"
664
1098
  ],
665
- "byProp": {}
1099
+ "byProp": {
1100
+ "size": {
1101
+ "sm": [
1102
+ "tag--sm"
1103
+ ],
1104
+ "md": [
1105
+ "tag--md"
1106
+ ],
1107
+ "lg": [
1108
+ "tag--lg"
1109
+ ]
1110
+ },
1111
+ "variant": {
1112
+ "default": [
1113
+ "tag--default"
1114
+ ],
1115
+ "surface": [
1116
+ "tag--surface"
1117
+ ]
1118
+ }
1119
+ }
666
1120
  }
667
1121
  },
668
- "Modal.Icon": {
1122
+ "Tag.slot": {
669
1123
  "classes": {
670
- "always": [
671
- "modal__icon"
672
- ],
1124
+ "always": [],
673
1125
  "byProp": {}
674
1126
  }
675
1127
  },
676
- "Modal.Body": {
1128
+ "NumberField.Root": {
677
1129
  "classes": {
678
1130
  "always": [
679
- "modal__body"
1131
+ "number-field"
680
1132
  ],
681
1133
  "byProp": {
682
- "scroll": {
683
- "inside": [
684
- "modal__body--scroll-inside"
1134
+ "variant": {
1135
+ "primary": [
1136
+ "number-field--primary"
685
1137
  ],
686
- "outside": [
687
- "modal__body--scroll-outside"
1138
+ "secondary": [
1139
+ "number-field--secondary"
688
1140
  ]
689
- }
1141
+ },
1142
+ "fullWidth": [
1143
+ "number-field--full-width"
1144
+ ]
690
1145
  }
691
1146
  }
692
1147
  },
693
- "Modal.Footer": {
1148
+ "NumberField.Group": {
694
1149
  "classes": {
695
1150
  "always": [
696
- "modal__footer"
1151
+ "number-field__group"
697
1152
  ],
698
- "byProp": {}
1153
+ "byProp": {
1154
+ "fullWidth": [
1155
+ "number-field__group--full-width"
1156
+ ]
1157
+ }
699
1158
  }
700
1159
  },
701
- "Modal.CloseTrigger": {
1160
+ "NumberField.Input": {
702
1161
  "classes": {
703
1162
  "always": [
704
- "modal__close-trigger"
1163
+ "number-field__input"
705
1164
  ],
706
1165
  "byProp": {}
707
1166
  }
708
1167
  },
709
- "Icon": {
1168
+ "NumberField.IncrementButton": {
710
1169
  "classes": {
711
1170
  "always": [
712
- "icon"
1171
+ "number-field__increment-button"
713
1172
  ],
714
1173
  "byProp": {}
715
1174
  }
716
1175
  },
717
- "Text": {
1176
+ "NumberField.DecrementButton": {
718
1177
  "classes": {
719
1178
  "always": [
720
- "text"
1179
+ "number-field__decrement-button"
721
1180
  ],
722
1181
  "byProp": {}
723
1182
  }
724
1183
  },
725
- "TagGroup.Root": {
1184
+ "Toggle": {
726
1185
  "classes": {
727
1186
  "always": [
728
- "tag-group"
1187
+ "toggle"
729
1188
  ],
730
- "byProp": {}
1189
+ "byProp": {
1190
+ "slot": {
1191
+ "input": [
1192
+ "toggle__input"
1193
+ ],
1194
+ "control": [
1195
+ "toggle__control"
1196
+ ],
1197
+ "thumb": [
1198
+ "toggle__thumb"
1199
+ ],
1200
+ "icon": [
1201
+ "toggle__icon"
1202
+ ],
1203
+ "content": [
1204
+ "toggle__content"
1205
+ ],
1206
+ "description": [
1207
+ "toggle__description"
1208
+ ]
1209
+ },
1210
+ "color": {
1211
+ "default": [
1212
+ "toggle--default"
1213
+ ],
1214
+ "accent": [
1215
+ "toggle--accent"
1216
+ ],
1217
+ "success": [
1218
+ "toggle--success"
1219
+ ],
1220
+ "warning": [
1221
+ "toggle--warning"
1222
+ ],
1223
+ "danger": [
1224
+ "toggle--danger"
1225
+ ]
1226
+ },
1227
+ "size": {
1228
+ "sm": [
1229
+ "toggle--sm"
1230
+ ],
1231
+ "md": [
1232
+ "toggle--md"
1233
+ ],
1234
+ "lg": [
1235
+ "toggle--lg"
1236
+ ]
1237
+ },
1238
+ "disabled": [
1239
+ "toggle--disabled"
1240
+ ]
1241
+ }
731
1242
  }
732
1243
  },
733
- "TagGroup.List": {
1244
+ "ColorSlider": {
734
1245
  "classes": {
735
1246
  "always": [
736
- "tag-group__list"
1247
+ "color-slider"
737
1248
  ],
738
- "byProp": {}
1249
+ "byProp": {
1250
+ "slot": {
1251
+ "track": [
1252
+ "color-slider__track"
1253
+ ],
1254
+ "thumb": [
1255
+ "color-slider__thumb"
1256
+ ]
1257
+ },
1258
+ "alpha": [
1259
+ "color-slider--alpha"
1260
+ ],
1261
+ "dragging": [
1262
+ "color-slider--dragging"
1263
+ ]
1264
+ }
739
1265
  }
740
1266
  },
741
- "CheckboxGroup": {
1267
+ "TimeField.Root": {
742
1268
  "classes": {
743
1269
  "always": [
744
- "checkbox-group"
1270
+ "time-field"
745
1271
  ],
746
1272
  "byProp": {
747
1273
  "variant": {
748
1274
  "primary": [
749
- "checkbox-group--primary"
1275
+ "time-field--primary"
750
1276
  ],
751
1277
  "secondary": [
752
- "checkbox-group--secondary"
1278
+ "time-field--secondary"
753
1279
  ]
754
1280
  },
755
- "disabled": [
756
- "checkbox-group--disabled"
757
- ],
758
- "invalid": [
759
- "checkbox-group--invalid"
1281
+ "fullWidth": [
1282
+ "time-field--full-width"
760
1283
  ]
761
1284
  }
762
1285
  }
763
1286
  },
764
- "TextField": {
1287
+ "TimeField.Group": {
765
1288
  "classes": {
766
1289
  "always": [
767
- "text-field"
1290
+ "date-input-group"
768
1291
  ],
769
1292
  "byProp": {
770
1293
  "variant": {
771
1294
  "primary": [
772
- "text-field--primary"
1295
+ "date-input-group--primary"
773
1296
  ],
774
1297
  "secondary": [
775
- "text-field--secondary"
1298
+ "date-input-group--secondary"
776
1299
  ]
777
1300
  },
778
1301
  "fullWidth": [
779
- "text-field--full-width"
1302
+ "date-input-group--full-width"
780
1303
  ]
781
1304
  }
782
1305
  }
783
1306
  },
784
- "FieldError": {
1307
+ "TimeField.Input": {
785
1308
  "classes": {
786
1309
  "always": [
787
- "field-error"
1310
+ "date-input-group__input"
788
1311
  ],
789
1312
  "byProp": {}
790
1313
  }
791
1314
  },
792
- "ListBox.Root": {
1315
+ "TimeField.InputContainer": {
793
1316
  "classes": {
794
1317
  "always": [
795
- "list-box"
1318
+ "date-input-group__input-container"
796
1319
  ],
797
- "byProp": {
798
- "variant": {
799
- "default": [
800
- "list-box--default"
801
- ],
802
- "danger": [
803
- "list-box--danger"
804
- ]
805
- }
806
- }
1320
+ "byProp": {}
807
1321
  }
808
1322
  },
809
- "ListBox.Item": {
1323
+ "TimeField.Segment": {
810
1324
  "classes": {
811
1325
  "always": [
812
- "list-box-item"
1326
+ "date-input-group__segment"
813
1327
  ],
814
- "byProp": {
815
- "variant": {
816
- "default": [
817
- "list-box-item--default"
818
- ],
819
- "danger": [
820
- "list-box-item--danger"
821
- ]
822
- }
823
- }
1328
+ "byProp": {}
824
1329
  }
825
1330
  },
826
- "ListBox.ItemIndicator": {
1331
+ "TimeField.Prefix": {
827
1332
  "classes": {
828
1333
  "always": [
829
- "list-box-item__indicator"
1334
+ "date-input-group__prefix"
830
1335
  ],
831
1336
  "byProp": {}
832
1337
  }
833
1338
  },
834
- "ListBox.Section": {
1339
+ "TimeField.Suffix": {
835
1340
  "classes": {
836
1341
  "always": [
837
- "list-box-section"
1342
+ "date-input-group__suffix"
838
1343
  ],
839
1344
  "byProp": {}
840
1345
  }
841
1346
  },
842
- "CloseButton": {
1347
+ "ProgressCircle": {
843
1348
  "classes": {
844
1349
  "always": [
845
- "close-button"
1350
+ "progress-circle"
846
1351
  ],
847
1352
  "byProp": {
848
- "variant": {
849
- "default": [
850
- "close-button--default"
1353
+ "size": {
1354
+ "sm": [
1355
+ "progress-circle--sm"
1356
+ ],
1357
+ "md": [
1358
+ "progress-circle--md"
1359
+ ],
1360
+ "lg": [
1361
+ "progress-circle--lg"
851
1362
  ]
852
1363
  },
853
- "slot": {
854
- "icon": [
855
- "close-button__icon"
1364
+ "color": {
1365
+ "default": [
1366
+ "progress-circle--default"
856
1367
  ],
857
- "iconStart": [
858
- "close-button__icon--start"
1368
+ "accent": [
1369
+ "progress-circle--accent"
859
1370
  ],
860
- "iconEnd": [
861
- "close-button__icon--end"
1371
+ "success": [
1372
+ "progress-circle--success"
1373
+ ],
1374
+ "warning": [
1375
+ "progress-circle--warning"
1376
+ ],
1377
+ "danger": [
1378
+ "progress-circle--danger"
1379
+ ]
1380
+ },
1381
+ "state": {
1382
+ "indeterminate": [
1383
+ "progress-circle--indeterminate"
1384
+ ],
1385
+ "disabled": [
1386
+ "progress-circle--disabled"
862
1387
  ]
863
1388
  }
864
1389
  }
865
1390
  }
866
1391
  },
867
- "ComboBox.Root": {
1392
+ "InputOTP.Root": {
868
1393
  "classes": {
869
1394
  "always": [
870
- "combo-box"
1395
+ "input-otp"
871
1396
  ],
872
1397
  "byProp": {
873
1398
  "variant": {
874
1399
  "primary": [
875
- "combo-box--primary"
1400
+ "input-otp--primary"
876
1401
  ],
877
1402
  "secondary": [
878
- "combo-box--secondary"
1403
+ "input-otp--secondary"
879
1404
  ]
880
- },
881
- "fullWidth": [
882
- "combo-box--full-width"
883
- ]
1405
+ }
884
1406
  }
885
1407
  }
886
1408
  },
887
- "ComboBox.InputGroup": {
1409
+ "InputOTP.Input": {
888
1410
  "classes": {
889
1411
  "always": [
890
- "combo-box__input-group"
1412
+ "input-otp__input"
891
1413
  ],
892
- "byProp": {
893
- "fullWidth": [
894
- "combo-box__input-group--full-width"
895
- ]
896
- }
1414
+ "byProp": {}
897
1415
  }
898
1416
  },
899
- "ComboBox.Input": {
1417
+ "InputOTP.Group": {
900
1418
  "classes": {
901
1419
  "always": [
902
- "combo-box__input"
1420
+ "input-otp__group"
903
1421
  ],
904
1422
  "byProp": {}
905
1423
  }
906
1424
  },
907
- "ComboBox.Trigger": {
1425
+ "InputOTP.Slot": {
908
1426
  "classes": {
909
1427
  "always": [
910
- "combo-box__trigger"
1428
+ "input-otp__slot"
911
1429
  ],
912
1430
  "byProp": {}
913
1431
  }
914
1432
  },
915
- "ComboBox.Popover": {
1433
+ "InputOTP.Separator": {
916
1434
  "classes": {
917
1435
  "always": [
918
- "combo-box__popover"
1436
+ "input-otp__separator"
919
1437
  ],
920
1438
  "byProp": {}
921
1439
  }
922
1440
  },
923
- "ComboBox.List": {
1441
+ "DatePicker.Root": {
924
1442
  "classes": {
925
1443
  "always": [
926
- "combo-box__list"
1444
+ "date-picker"
927
1445
  ],
928
- "byProp": {}
1446
+ "byProp": {
1447
+ "open": [
1448
+ "date-picker--open"
1449
+ ],
1450
+ "disabled": [
1451
+ "date-picker--disabled"
1452
+ ]
1453
+ }
929
1454
  }
930
1455
  },
931
- "ComboBox.Option": {
1456
+ "DatePicker.Trigger": {
932
1457
  "classes": {
933
1458
  "always": [
934
- "combo-box__option"
1459
+ "date-picker__trigger"
935
1460
  ],
936
1461
  "byProp": {}
937
1462
  }
938
1463
  },
939
- "ComboBox.Icon": {
1464
+ "DatePicker.TriggerValue": {
940
1465
  "classes": {
941
1466
  "always": [
942
- "combo-box__icon"
1467
+ "date-picker__trigger-value"
943
1468
  ],
944
- "byProp": {}
1469
+ "byProp": {
1470
+ "placeholder": [
1471
+ "date-picker__trigger-value--placeholder"
1472
+ ]
1473
+ }
945
1474
  }
946
1475
  },
947
- "Fieldset.Root": {
1476
+ "DatePicker.TriggerIndicator": {
948
1477
  "classes": {
949
1478
  "always": [
950
- "fieldset"
1479
+ "date-picker__trigger-indicator"
951
1480
  ],
952
1481
  "byProp": {}
953
1482
  }
954
1483
  },
955
- "Fieldset.Legend": {
1484
+ "DatePicker.TriggerIcon": {
956
1485
  "classes": {
957
1486
  "always": [
958
- "fieldset__legend"
1487
+ "date-picker__trigger-icon"
959
1488
  ],
960
1489
  "byProp": {}
961
1490
  }
962
1491
  },
963
- "Fieldset.Group": {
1492
+ "DatePicker.Popover": {
964
1493
  "classes": {
965
1494
  "always": [
966
- "fieldset__group"
1495
+ "date-picker__popover"
967
1496
  ],
968
1497
  "byProp": {}
969
1498
  }
970
1499
  },
971
- "Fieldset.Actions": {
1500
+ "DatePicker.Calendar": {
972
1501
  "classes": {
973
1502
  "always": [
974
- "fieldset__actions"
1503
+ "date-picker__calendar"
975
1504
  ],
976
1505
  "byProp": {}
977
1506
  }
978
1507
  },
979
- "Menu.Root": {
1508
+ "Separator": {
980
1509
  "classes": {
981
1510
  "always": [
982
- "menu"
1511
+ "separator"
983
1512
  ],
1513
+ "byProp": {
1514
+ "orientation": {
1515
+ "horizontal": [
1516
+ "separator--horizontal"
1517
+ ],
1518
+ "vertical": [
1519
+ "separator--vertical"
1520
+ ]
1521
+ },
1522
+ "variant": {
1523
+ "default": [
1524
+ "separator--default"
1525
+ ],
1526
+ "secondary": [
1527
+ "separator--secondary"
1528
+ ],
1529
+ "tertiary": [
1530
+ "separator--tertiary"
1531
+ ]
1532
+ }
1533
+ }
1534
+ }
1535
+ },
1536
+ "Drawer.slot": {
1537
+ "classes": {
1538
+ "always": [],
984
1539
  "byProp": {}
985
1540
  }
986
1541
  },
987
- "Menu.Item": {
1542
+ "Drawer.backdrop": {
1543
+ "classes": {
1544
+ "always": [],
1545
+ "byProp": {}
1546
+ }
1547
+ },
1548
+ "Drawer.placement": {
1549
+ "classes": {
1550
+ "always": [],
1551
+ "byProp": {}
1552
+ }
1553
+ },
1554
+ "Avatar": {
988
1555
  "classes": {
989
1556
  "always": [
990
- "menu-item"
1557
+ "avatar"
991
1558
  ],
992
1559
  "byProp": {
1560
+ "slot": {
1561
+ "image": [
1562
+ "avatar__image"
1563
+ ],
1564
+ "fallback": [
1565
+ "avatar__fallback"
1566
+ ]
1567
+ },
1568
+ "size": {
1569
+ "sm": [
1570
+ "avatar--sm"
1571
+ ],
1572
+ "md": [],
1573
+ "lg": [
1574
+ "avatar--lg"
1575
+ ]
1576
+ },
993
1577
  "variant": {
1578
+ "default": [],
1579
+ "soft": [
1580
+ "avatar--soft"
1581
+ ]
1582
+ },
1583
+ "color": {
994
1584
  "default": [
995
- "menu-item--default"
1585
+ "avatar__fallback--default"
1586
+ ],
1587
+ "accent": [
1588
+ "avatar__fallback--accent"
1589
+ ],
1590
+ "success": [
1591
+ "avatar__fallback--success"
1592
+ ],
1593
+ "warning": [
1594
+ "avatar__fallback--warning"
996
1595
  ],
997
1596
  "danger": [
998
- "menu-item--danger"
1597
+ "avatar__fallback--danger"
1598
+ ]
1599
+ },
1600
+ "group": {
1601
+ "base": [
1602
+ "avatar-group"
1603
+ ],
1604
+ "overlap": [
1605
+ "-space-x-6"
999
1606
  ]
1000
1607
  }
1001
1608
  }
1002
1609
  }
1003
1610
  },
1004
- "Menu.ItemIndicator": {
1611
+ "Kbd": {
1005
1612
  "classes": {
1006
1613
  "always": [
1007
- "menu-item__indicator"
1614
+ "kbd"
1008
1615
  ],
1009
- "byProp": {}
1616
+ "byProp": {
1617
+ "variant": {
1618
+ "default": [
1619
+ "kbd--default"
1620
+ ],
1621
+ "light": [
1622
+ "kbd--light"
1623
+ ]
1624
+ },
1625
+ "slot": {
1626
+ "abbr": [
1627
+ "kbd__abbr"
1628
+ ],
1629
+ "content": [
1630
+ "kbd__content"
1631
+ ]
1632
+ }
1633
+ }
1010
1634
  }
1011
1635
  },
1012
- "Menu.Section": {
1636
+ "EmptyState": {
1013
1637
  "classes": {
1014
1638
  "always": [
1015
- "menu-section"
1639
+ "empty-state"
1016
1640
  ],
1017
- "byProp": {}
1641
+ "byProp": {
1642
+ "slot": {
1643
+ "icon": [
1644
+ "empty-state__icon"
1645
+ ],
1646
+ "title": [
1647
+ "empty-state__title"
1648
+ ],
1649
+ "description": [
1650
+ "empty-state__description"
1651
+ ],
1652
+ "actions": [
1653
+ "empty-state__actions"
1654
+ ]
1655
+ }
1656
+ }
1018
1657
  }
1019
1658
  },
1020
- "DatePicker.Root": {
1659
+ "ButtonGroup.Root": {
1021
1660
  "classes": {
1022
1661
  "always": [
1023
- "date-picker"
1662
+ "button-group"
1024
1663
  ],
1025
1664
  "byProp": {
1026
- "open": [
1027
- "date-picker--open"
1028
- ],
1029
- "disabled": [
1030
- "date-picker--disabled"
1665
+ "orientation": {
1666
+ "horizontal": [
1667
+ "button-group--horizontal"
1668
+ ],
1669
+ "vertical": [
1670
+ "button-group--vertical"
1671
+ ]
1672
+ },
1673
+ "fullWidth": [
1674
+ "button-group--full-width"
1031
1675
  ]
1032
1676
  }
1033
1677
  }
1034
1678
  },
1035
- "DatePicker.Trigger": {
1679
+ "ButtonGroup.Separator": {
1036
1680
  "classes": {
1037
1681
  "always": [
1038
- "date-picker__trigger"
1682
+ "button-group__separator"
1039
1683
  ],
1040
1684
  "byProp": {}
1041
1685
  }
1042
1686
  },
1043
- "DatePicker.TriggerValue": {
1687
+ "Icon": {
1044
1688
  "classes": {
1045
1689
  "always": [
1046
- "date-picker__trigger-value"
1690
+ "icon"
1691
+ ],
1692
+ "byProp": {}
1693
+ }
1694
+ },
1695
+ "Text": {
1696
+ "classes": {
1697
+ "always": [
1698
+ "text"
1699
+ ],
1700
+ "byProp": {}
1701
+ }
1702
+ },
1703
+ "Accordion.Root": {
1704
+ "classes": {
1705
+ "always": [
1706
+ "accordion"
1047
1707
  ],
1048
1708
  "byProp": {
1049
- "placeholder": [
1050
- "date-picker__trigger-value--placeholder"
1051
- ]
1709
+ "variant": {
1710
+ "default": [
1711
+ "accordion--default"
1712
+ ],
1713
+ "surface": [
1714
+ "accordion--surface"
1715
+ ]
1716
+ }
1052
1717
  }
1053
1718
  }
1054
1719
  },
1055
- "DatePicker.TriggerIndicator": {
1720
+ "Accordion.Item": {
1056
1721
  "classes": {
1057
1722
  "always": [
1058
- "date-picker__trigger-indicator"
1723
+ "accordion__item"
1059
1724
  ],
1060
- "byProp": {}
1725
+ "byProp": {
1726
+ "expanded": [
1727
+ "accordion__item--expanded"
1728
+ ],
1729
+ "disabled": [
1730
+ "accordion__item--disabled"
1731
+ ],
1732
+ "hideSeparator": [
1733
+ "accordion__item--hide-separator"
1734
+ ]
1735
+ }
1061
1736
  }
1062
1737
  },
1063
- "DatePicker.TriggerIcon": {
1738
+ "Accordion.Trigger": {
1064
1739
  "classes": {
1065
1740
  "always": [
1066
- "date-picker__trigger-icon"
1741
+ "accordion__trigger"
1067
1742
  ],
1068
1743
  "byProp": {}
1069
1744
  }
1070
1745
  },
1071
- "DatePicker.Popover": {
1746
+ "Accordion.Indicator": {
1072
1747
  "classes": {
1073
1748
  "always": [
1074
- "date-picker__popover"
1749
+ "accordion__indicator"
1075
1750
  ],
1076
- "byProp": {}
1751
+ "byProp": {
1752
+ "expanded": [
1753
+ "accordion__indicator--expanded"
1754
+ ]
1755
+ }
1077
1756
  }
1078
1757
  },
1079
- "DatePicker.Calendar": {
1758
+ "Accordion.Content": {
1080
1759
  "classes": {
1081
1760
  "always": [
1082
- "date-picker__calendar"
1761
+ "accordion__content"
1083
1762
  ],
1084
- "byProp": {}
1763
+ "byProp": {
1764
+ "expanded": [
1765
+ "accordion__content--expanded"
1766
+ ]
1767
+ }
1085
1768
  }
1086
1769
  },
1087
- "Description": {
1770
+ "Accordion.Body": {
1088
1771
  "classes": {
1089
1772
  "always": [
1090
- "description"
1773
+ "accordion__body"
1091
1774
  ],
1092
1775
  "byProp": {}
1093
1776
  }
1094
1777
  },
1095
- "Link": {
1778
+ "Accordion.BodyInner": {
1096
1779
  "classes": {
1097
1780
  "always": [
1098
- "link"
1781
+ "accordion__body-inner"
1099
1782
  ],
1100
- "byProp": {
1101
- "variant": {
1102
- "default": [
1103
- "link--default"
1104
- ]
1105
- },
1106
- "underline": {
1107
- "always": [
1108
- "link--underline-always"
1109
- ],
1110
- "hover": [
1111
- "link--underline-hover"
1112
- ],
1113
- "none": [
1114
- "link--underline-none"
1115
- ]
1116
- },
1117
- "external": [
1118
- "link--external"
1119
- ],
1120
- "disabled": [
1121
- "link--disabled"
1122
- ],
1123
- "slot": {
1124
- "icon": [
1125
- "link__icon"
1126
- ],
1127
- "iconDefault": [
1128
- "link__icon-default"
1129
- ]
1130
- }
1131
- }
1783
+ "byProp": {}
1132
1784
  }
1133
1785
  },
1134
1786
  "Button": {
@@ -1194,14 +1846,184 @@
1194
1846
  }
1195
1847
  }
1196
1848
  },
1197
- "ErrorMessage": {
1849
+ "Tooltip": {
1198
1850
  "classes": {
1199
1851
  "always": [
1200
- "error-message"
1852
+ "tooltip"
1853
+ ],
1854
+ "byProp": {
1855
+ "slot": {
1856
+ "trigger": [
1857
+ "tooltip__trigger"
1858
+ ],
1859
+ "content": [
1860
+ "tooltip__content"
1861
+ ],
1862
+ "arrow": [
1863
+ "tooltip__arrow"
1864
+ ]
1865
+ }
1866
+ }
1867
+ }
1868
+ },
1869
+ "ProgressBar": {
1870
+ "classes": {
1871
+ "always": [
1872
+ "progress-bar"
1873
+ ],
1874
+ "byProp": {
1875
+ "size": {
1876
+ "sm": [
1877
+ "progress-bar--sm"
1878
+ ],
1879
+ "md": [
1880
+ "progress-bar--md"
1881
+ ],
1882
+ "lg": [
1883
+ "progress-bar--lg"
1884
+ ]
1885
+ },
1886
+ "color": {
1887
+ "default": [
1888
+ "progress-bar--default"
1889
+ ],
1890
+ "accent": [
1891
+ "progress-bar--accent"
1892
+ ],
1893
+ "success": [
1894
+ "progress-bar--success"
1895
+ ],
1896
+ "warning": [
1897
+ "progress-bar--warning"
1898
+ ],
1899
+ "danger": [
1900
+ "progress-bar--danger"
1901
+ ]
1902
+ },
1903
+ "state": {
1904
+ "indeterminate": [
1905
+ "progress-bar--indeterminate"
1906
+ ],
1907
+ "disabled": [
1908
+ "progress-bar--disabled"
1909
+ ]
1910
+ }
1911
+ }
1912
+ }
1913
+ },
1914
+ "Label": {
1915
+ "classes": {
1916
+ "always": [
1917
+ "label"
1918
+ ],
1919
+ "byProp": {
1920
+ "required": [
1921
+ "label--required"
1922
+ ],
1923
+ "disabled": [
1924
+ "label--disabled"
1925
+ ],
1926
+ "invalid": [
1927
+ "label--invalid"
1928
+ ]
1929
+ }
1930
+ }
1931
+ },
1932
+ "ColorSwatchPicker": {
1933
+ "classes": {
1934
+ "always": [
1935
+ "color-swatch-picker"
1936
+ ],
1937
+ "byProp": {}
1938
+ }
1939
+ },
1940
+ "CloseButton": {
1941
+ "classes": {
1942
+ "always": [
1943
+ "close-button"
1944
+ ],
1945
+ "byProp": {
1946
+ "variant": {
1947
+ "default": [
1948
+ "close-button--default"
1949
+ ]
1950
+ },
1951
+ "slot": {
1952
+ "icon": [
1953
+ "close-button__icon"
1954
+ ],
1955
+ "iconStart": [
1956
+ "close-button__icon--start"
1957
+ ],
1958
+ "iconEnd": [
1959
+ "close-button__icon--end"
1960
+ ]
1961
+ }
1962
+ }
1963
+ }
1964
+ },
1965
+ "ColorArea": {
1966
+ "classes": {
1967
+ "always": [
1968
+ "color-area"
1969
+ ],
1970
+ "byProp": {
1971
+ "slot": {
1972
+ "thumb": [
1973
+ "color-area__thumb"
1974
+ ]
1975
+ }
1976
+ }
1977
+ }
1978
+ },
1979
+ "ImmersiveLanding.landing": {
1980
+ "classes": {
1981
+ "always": [
1982
+ "immersive-landing"
1983
+ ],
1984
+ "byProp": {}
1985
+ }
1986
+ },
1987
+ "ImmersiveLanding.page": {
1988
+ "classes": {
1989
+ "always": [
1990
+ "immersive-landing-page"
1991
+ ],
1992
+ "byProp": {}
1993
+ }
1994
+ },
1995
+ "ImmersiveLanding.arrows": {
1996
+ "classes": {
1997
+ "always": [],
1998
+ "byProp": {}
1999
+ }
2000
+ },
2001
+ "ImmersiveLanding.navigation": {
2002
+ "classes": {
2003
+ "always": [
2004
+ "immersive-landing-navigation"
1201
2005
  ],
1202
2006
  "byProp": {}
1203
2007
  }
1204
2008
  },
2009
+ "ImmersiveLanding.pwaPrompt": {
2010
+ "classes": {
2011
+ "always": [],
2012
+ "byProp": {}
2013
+ }
2014
+ },
2015
+ "ImmersiveLanding.firefoxBanner": {
2016
+ "classes": {
2017
+ "always": [],
2018
+ "byProp": {}
2019
+ }
2020
+ },
2021
+ "ImmersiveLanding.cookie": {
2022
+ "classes": {
2023
+ "always": [],
2024
+ "byProp": {}
2025
+ }
2026
+ },
1205
2027
  "InputGroup.Root": {
1206
2028
  "classes": {
1207
2029
  "always": [
@@ -1246,27 +2068,66 @@
1246
2068
  "byProp": {}
1247
2069
  }
1248
2070
  },
1249
- "TimeField.Root": {
2071
+ "Header": {
2072
+ "classes": {
2073
+ "always": [
2074
+ "header"
2075
+ ],
2076
+ "byProp": {}
2077
+ }
2078
+ },
2079
+ "Description": {
2080
+ "classes": {
2081
+ "always": [
2082
+ "description"
2083
+ ],
2084
+ "byProp": {}
2085
+ }
2086
+ },
2087
+ "CheckboxGroup": {
2088
+ "classes": {
2089
+ "always": [
2090
+ "checkbox-group"
2091
+ ],
2092
+ "byProp": {
2093
+ "variant": {
2094
+ "primary": [
2095
+ "checkbox-group--primary"
2096
+ ],
2097
+ "secondary": [
2098
+ "checkbox-group--secondary"
2099
+ ]
2100
+ },
2101
+ "disabled": [
2102
+ "checkbox-group--disabled"
2103
+ ],
2104
+ "invalid": [
2105
+ "checkbox-group--invalid"
2106
+ ]
2107
+ }
2108
+ }
2109
+ },
2110
+ "DateField.Root": {
1250
2111
  "classes": {
1251
2112
  "always": [
1252
- "time-field"
2113
+ "date-field"
1253
2114
  ],
1254
2115
  "byProp": {
1255
2116
  "variant": {
1256
2117
  "primary": [
1257
- "time-field--primary"
2118
+ "date-field--primary"
1258
2119
  ],
1259
2120
  "secondary": [
1260
- "time-field--secondary"
2121
+ "date-field--secondary"
1261
2122
  ]
1262
2123
  },
1263
2124
  "fullWidth": [
1264
- "time-field--full-width"
2125
+ "date-field--full-width"
1265
2126
  ]
1266
2127
  }
1267
2128
  }
1268
2129
  },
1269
- "TimeField.Group": {
2130
+ "DateField.Group": {
1270
2131
  "classes": {
1271
2132
  "always": [
1272
2133
  "date-input-group"
@@ -1286,7 +2147,7 @@
1286
2147
  }
1287
2148
  }
1288
2149
  },
1289
- "TimeField.Input": {
2150
+ "DateField.Input": {
1290
2151
  "classes": {
1291
2152
  "always": [
1292
2153
  "date-input-group__input"
@@ -1294,7 +2155,7 @@
1294
2155
  "byProp": {}
1295
2156
  }
1296
2157
  },
1297
- "TimeField.InputContainer": {
2158
+ "DateField.InputContainer": {
1298
2159
  "classes": {
1299
2160
  "always": [
1300
2161
  "date-input-group__input-container"
@@ -1302,7 +2163,7 @@
1302
2163
  "byProp": {}
1303
2164
  }
1304
2165
  },
1305
- "TimeField.Segment": {
2166
+ "DateField.Segment": {
1306
2167
  "classes": {
1307
2168
  "always": [
1308
2169
  "date-input-group__segment"
@@ -1310,7 +2171,7 @@
1310
2171
  "byProp": {}
1311
2172
  }
1312
2173
  },
1313
- "TimeField.Prefix": {
2174
+ "DateField.Prefix": {
1314
2175
  "classes": {
1315
2176
  "always": [
1316
2177
  "date-input-group__prefix"
@@ -1318,843 +2179,912 @@
1318
2179
  "byProp": {}
1319
2180
  }
1320
2181
  },
1321
- "TimeField.Suffix": {
2182
+ "DateField.Suffix": {
1322
2183
  "classes": {
1323
2184
  "always": [
1324
2185
  "date-input-group__suffix"
1325
2186
  ],
1326
- "byProp": {}
1327
- }
1328
- },
1329
- "ColorWheelFlower": {
1330
- "classes": {
1331
- "always": [
1332
- "color-wheel-flower"
1333
- ],
1334
- "byProp": {
1335
- "disabled": [
1336
- "color-wheel-flower--disabled"
1337
- ],
1338
- "ringShell": {
1339
- "base": [
1340
- "color-wheel-flower__ring-shell"
1341
- ],
1342
- "outer": [
1343
- "color-wheel-flower__ring-shell--outer"
1344
- ],
1345
- "inner": [
1346
- "color-wheel-flower__ring-shell--inner"
1347
- ]
1348
- },
1349
- "ring": {
1350
- "base": [
1351
- "color-wheel-flower__ring"
1352
- ],
1353
- "outer": [
1354
- "color-wheel-flower__ring--outer"
1355
- ],
1356
- "inner": [
1357
- "color-wheel-flower__ring--inner"
1358
- ]
1359
- },
1360
- "dot": {
1361
- "base": [
1362
- "color-wheel-flower__dot"
1363
- ],
1364
- "frame": [
1365
- "color-wheel-flower__dot-frame"
1366
- ],
1367
- "motion": [
1368
- "color-wheel-flower__dot-motion"
1369
- ]
1370
- },
1371
- "swatch": {
1372
- "base": [
1373
- "color-wheel-flower__swatch"
1374
- ],
1375
- "center": [
1376
- "color-wheel-flower__swatch--center"
1377
- ]
1378
- },
1379
- "highlight": {
1380
- "base": [
1381
- "color-wheel-flower__highlight"
1382
- ],
1383
- "hovered": [
1384
- "color-wheel-flower__highlight--hovered"
1385
- ],
1386
- "pulsing": [
1387
- "color-wheel-flower__highlight--pulsing"
1388
- ]
1389
- }
1390
- }
1391
- }
1392
- },
1393
- "Surface": {
1394
- "classes": {
1395
- "always": [
1396
- "surface"
1397
- ],
1398
- "byProp": {
1399
- "variant": {
1400
- "default": [
1401
- "surface--default"
1402
- ],
1403
- "secondary": [
1404
- "surface--secondary"
1405
- ],
1406
- "tertiary": [
1407
- "surface--tertiary"
1408
- ],
1409
- "transparent": [
1410
- "surface--transparent"
1411
- ]
1412
- }
1413
- }
1414
- }
1415
- },
1416
- "GlassPanel": {
1417
- "classes": {
1418
- "always": [
1419
- "glass-panel"
1420
- ],
1421
- "byProp": {
1422
- "blur": {
1423
- "none": [
1424
- "glass-panel--blur-none"
1425
- ],
1426
- "sm": [
1427
- "glass-panel--blur-sm"
1428
- ],
1429
- "md": [
1430
- "glass-panel--blur-md"
1431
- ],
1432
- "lg": [
1433
- "glass-panel--blur-lg"
1434
- ],
1435
- "xl": [
1436
- "glass-panel--blur-xl"
1437
- ],
1438
- "2xl": [
1439
- "glass-panel--blur-2xl"
1440
- ]
1441
- },
1442
- "size": {
1443
- "xs": [
1444
- "glass-panel__content--xs"
1445
- ],
1446
- "sm": [
1447
- "glass-panel__content--sm"
1448
- ],
1449
- "md": [
1450
- "glass-panel__content--md"
1451
- ],
1452
- "lg": [
1453
- "glass-panel__content--lg"
1454
- ],
1455
- "xl": [
1456
- "glass-panel__content--xl"
1457
- ]
1458
- },
1459
- "accent": {
1460
- "primary": [
1461
- "glass-panel--accent-primary"
1462
- ],
1463
- "secondary": [
1464
- "glass-panel--accent-secondary"
1465
- ],
1466
- "accent": [
1467
- "glass-panel--accent-accent"
1468
- ],
1469
- "info": [
1470
- "glass-panel--accent-info"
1471
- ],
1472
- "success": [
1473
- "glass-panel--accent-success"
1474
- ],
1475
- "warning": [
1476
- "glass-panel--accent-warning"
1477
- ],
1478
- "error": [
1479
- "glass-panel--accent-error"
1480
- ],
1481
- "neutral": [
1482
- "glass-panel--accent-neutral"
1483
- ],
1484
- "ghost": [
1485
- "glass-panel--accent-ghost"
1486
- ]
1487
- },
1488
- "transparent": [
1489
- "glass-panel--transparent"
1490
- ],
1491
- "glow": [
1492
- "glass-panel--glow"
1493
- ],
1494
- "contentCollapsed": [
1495
- "glass-panel__content--collapsed"
1496
- ],
1497
- "contentCollapsible": [
1498
- "glass-panel__content--collapsible"
1499
- ],
1500
- "contentInnerHidden": [
1501
- "glass-panel__content-inner--hidden"
1502
- ],
1503
- "chevronOpen": [
1504
- "glass-panel__chevron--open"
1505
- ],
1506
- "slot": {
1507
- "headerButton": [
1508
- "glass-panel__header-button"
1509
- ],
1510
- "headerLabel": [
1511
- "glass-panel__header-label"
1512
- ],
1513
- "chevron": [
1514
- "glass-panel__chevron"
1515
- ],
1516
- "content": [
1517
- "glass-panel__content"
1518
- ],
1519
- "contentInner": [
1520
- "glass-panel__content-inner"
1521
- ]
1522
- }
1523
- }
1524
- }
1525
- },
1526
- "Slider": {
1527
- "classes": {
1528
- "always": [
1529
- "slider"
1530
- ],
1531
- "byProp": {
1532
- "size": {
1533
- "sm": [
1534
- "slider--sm"
1535
- ],
1536
- "md": [
1537
- "slider--md"
1538
- ],
1539
- "lg": [
1540
- "slider--lg"
1541
- ]
1542
- }
1543
- }
1544
- }
1545
- },
1546
- "Label": {
1547
- "classes": {
1548
- "always": [
1549
- "label"
1550
- ],
1551
- "byProp": {
1552
- "required": [
1553
- "label--required"
1554
- ],
1555
- "disabled": [
1556
- "label--disabled"
1557
- ],
1558
- "invalid": [
1559
- "label--invalid"
1560
- ]
1561
- }
2187
+ "byProp": {}
1562
2188
  }
1563
2189
  },
1564
- "TextArea": {
2190
+ "Menu.Root": {
1565
2191
  "classes": {
1566
2192
  "always": [
1567
- "textarea"
2193
+ "menu"
1568
2194
  ],
1569
- "byProp": {
1570
- "variant": {
1571
- "primary": [
1572
- "textarea--primary"
1573
- ],
1574
- "secondary": [
1575
- "textarea--secondary"
1576
- ]
1577
- },
1578
- "fullWidth": [
1579
- "textarea--full-width"
1580
- ]
1581
- }
2195
+ "byProp": {}
1582
2196
  }
1583
2197
  },
1584
- "NumberField.Root": {
2198
+ "Menu.Item": {
1585
2199
  "classes": {
1586
2200
  "always": [
1587
- "number-field"
2201
+ "menu-item"
1588
2202
  ],
1589
2203
  "byProp": {
1590
2204
  "variant": {
1591
- "primary": [
1592
- "number-field--primary"
2205
+ "default": [
2206
+ "menu-item--default"
1593
2207
  ],
1594
- "secondary": [
1595
- "number-field--secondary"
2208
+ "danger": [
2209
+ "menu-item--danger"
1596
2210
  ]
1597
- },
1598
- "fullWidth": [
1599
- "number-field--full-width"
1600
- ]
2211
+ }
1601
2212
  }
1602
2213
  }
1603
2214
  },
1604
- "NumberField.Group": {
2215
+ "Menu.ItemIndicator": {
1605
2216
  "classes": {
1606
2217
  "always": [
1607
- "number-field__group"
2218
+ "menu-item__indicator"
1608
2219
  ],
1609
- "byProp": {
1610
- "fullWidth": [
1611
- "number-field__group--full-width"
1612
- ]
1613
- }
2220
+ "byProp": {}
1614
2221
  }
1615
2222
  },
1616
- "NumberField.Input": {
2223
+ "Menu.Section": {
1617
2224
  "classes": {
1618
2225
  "always": [
1619
- "number-field__input"
2226
+ "menu-section"
1620
2227
  ],
1621
2228
  "byProp": {}
1622
2229
  }
1623
2230
  },
1624
- "NumberField.IncrementButton": {
2231
+ "Footer": {
1625
2232
  "classes": {
1626
2233
  "always": [
1627
- "number-field__increment-button"
2234
+ "footer"
1628
2235
  ],
1629
- "byProp": {}
2236
+ "byProp": {
2237
+ "center": [
2238
+ "footer--center"
2239
+ ],
2240
+ "horizontal": [
2241
+ "footer--horizontal"
2242
+ ],
2243
+ "vertical": [
2244
+ "footer--vertical"
2245
+ ]
2246
+ }
1630
2247
  }
1631
2248
  },
1632
- "NumberField.DecrementButton": {
2249
+ "Input": {
1633
2250
  "classes": {
1634
2251
  "always": [
1635
- "number-field__decrement-button"
2252
+ "input-root"
1636
2253
  ],
1637
- "byProp": {}
2254
+ "byProp": {
2255
+ "slot": {
2256
+ "control": [
2257
+ "input-control"
2258
+ ],
2259
+ "field": [
2260
+ "input-field"
2261
+ ],
2262
+ "label": [
2263
+ "input-label"
2264
+ ],
2265
+ "helper": [
2266
+ "input-helper"
2267
+ ],
2268
+ "icon": [
2269
+ "input__icon"
2270
+ ],
2271
+ "iconStart": [
2272
+ "input__icon--start"
2273
+ ],
2274
+ "iconEnd": [
2275
+ "input__icon--end"
2276
+ ]
2277
+ },
2278
+ "size": {
2279
+ "sm": [
2280
+ "input-control--sm"
2281
+ ],
2282
+ "md": [
2283
+ "input-control--md"
2284
+ ],
2285
+ "lg": [
2286
+ "input-control--lg"
2287
+ ]
2288
+ },
2289
+ "fullWidthRoot": [
2290
+ "input-root--full-width"
2291
+ ],
2292
+ "fullWidthControl": [
2293
+ "input-control--full-width"
2294
+ ],
2295
+ "invalid": [
2296
+ "input-control--invalid"
2297
+ ],
2298
+ "disabled": [
2299
+ "input-control--disabled"
2300
+ ],
2301
+ "helperInvalid": [
2302
+ "input-helper--invalid"
2303
+ ]
2304
+ }
1638
2305
  }
1639
2306
  },
1640
- "Toast.Provider": {
2307
+ "Grid": {
1641
2308
  "classes": {
1642
2309
  "always": [
1643
- "toast-region"
2310
+ "grid-layout"
1644
2311
  ],
1645
2312
  "byProp": {
1646
- "item": {
1647
- "base": [
1648
- "toast-region__item"
2313
+ "cols": {
2314
+ "1": [
2315
+ "grid-cols-1"
1649
2316
  ],
1650
- "placement": [
1651
- "toast-region__item--bottom",
1652
- "toast-region__item--bottom-start",
1653
- "toast-region__item--bottom-end",
1654
- "toast-region__item--top",
1655
- "toast-region__item--top-start",
1656
- "toast-region__item--top-end"
2317
+ "2": [
2318
+ "grid-cols-2"
1657
2319
  ],
1658
- "state": [
1659
- "toast-region__item--hidden"
2320
+ "3": [
2321
+ "grid-cols-3"
2322
+ ],
2323
+ "4": [
2324
+ "grid-cols-4"
2325
+ ],
2326
+ "5": [
2327
+ "grid-cols-5"
2328
+ ],
2329
+ "6": [
2330
+ "grid-cols-6"
2331
+ ],
2332
+ "7": [
2333
+ "grid-cols-7"
2334
+ ],
2335
+ "8": [
2336
+ "grid-cols-8"
2337
+ ],
2338
+ "9": [
2339
+ "grid-cols-9"
2340
+ ],
2341
+ "10": [
2342
+ "grid-cols-10"
2343
+ ],
2344
+ "11": [
2345
+ "grid-cols-11"
2346
+ ],
2347
+ "12": [
2348
+ "grid-cols-12"
1660
2349
  ]
1661
2350
  },
1662
- "placement": {
1663
- "bottom": [
1664
- "toast-region--bottom"
2351
+ "rows": {
2352
+ "1": [
2353
+ "grid-rows-1"
1665
2354
  ],
1666
- "bottomStart": [
1667
- "toast-region--bottom-start"
2355
+ "2": [
2356
+ "grid-rows-2"
1668
2357
  ],
1669
- "bottomEnd": [
1670
- "toast-region--bottom-end"
2358
+ "3": [
2359
+ "grid-rows-3"
1671
2360
  ],
1672
- "top": [
1673
- "toast-region--top"
2361
+ "4": [
2362
+ "grid-rows-4"
1674
2363
  ],
1675
- "topStart": [
1676
- "toast-region--top-start"
2364
+ "5": [
2365
+ "grid-rows-5"
1677
2366
  ],
1678
- "topEnd": [
1679
- "toast-region--top-end"
2367
+ "6": [
2368
+ "grid-rows-6"
2369
+ ],
2370
+ "7": [
2371
+ "grid-rows-7"
2372
+ ],
2373
+ "8": [
2374
+ "grid-rows-8"
2375
+ ],
2376
+ "9": [
2377
+ "grid-rows-9"
2378
+ ],
2379
+ "10": [
2380
+ "grid-rows-10"
2381
+ ],
2382
+ "11": [
2383
+ "grid-rows-11"
2384
+ ],
2385
+ "12": [
2386
+ "grid-rows-12"
2387
+ ]
2388
+ },
2389
+ "flow": {
2390
+ "row": [
2391
+ "grid-flow-row"
2392
+ ],
2393
+ "col": [
2394
+ "grid-flow-col"
2395
+ ],
2396
+ "row-dense": [
2397
+ "grid-flow-row-dense"
2398
+ ],
2399
+ "col-dense": [
2400
+ "grid-flow-col-dense"
2401
+ ]
2402
+ },
2403
+ "gap": {
2404
+ "none": [
2405
+ "gap-0"
2406
+ ],
2407
+ "sm": [
2408
+ "gap-2"
2409
+ ],
2410
+ "md": [
2411
+ "gap-4"
2412
+ ],
2413
+ "lg": [
2414
+ "gap-6"
2415
+ ],
2416
+ "xl": [
2417
+ "gap-8"
2418
+ ]
2419
+ },
2420
+ "autoCols": {
2421
+ "min": [
2422
+ "auto-cols-min"
2423
+ ],
2424
+ "max": [
2425
+ "auto-cols-max"
2426
+ ],
2427
+ "fr": [
2428
+ "auto-cols-fr"
2429
+ ]
2430
+ },
2431
+ "autoRows": {
2432
+ "min": [
2433
+ "auto-rows-min"
2434
+ ],
2435
+ "max": [
2436
+ "auto-rows-max"
2437
+ ],
2438
+ "fr": [
2439
+ "auto-rows-fr"
1680
2440
  ]
1681
2441
  }
1682
2442
  }
1683
2443
  }
1684
2444
  },
1685
- "Toast.Item": {
2445
+ "Spinner": {
1686
2446
  "classes": {
1687
2447
  "always": [
1688
- "toast"
2448
+ "spinner"
1689
2449
  ],
1690
2450
  "byProp": {
1691
- "variant": {
1692
- "default": [
1693
- "toast--default"
2451
+ "size": {
2452
+ "xs": [
2453
+ "spinner--xs"
2454
+ ],
2455
+ "sm": [
2456
+ "spinner--sm"
2457
+ ],
2458
+ "md": [],
2459
+ "lg": [
2460
+ "spinner--lg"
2461
+ ],
2462
+ "xl": [
2463
+ "spinner--xl"
2464
+ ]
2465
+ },
2466
+ "color": {
2467
+ "current": [
2468
+ "spinner--current"
1694
2469
  ],
1695
2470
  "accent": [
1696
- "toast--accent"
2471
+ "spinner--accent"
1697
2472
  ],
1698
2473
  "success": [
1699
- "toast--success"
2474
+ "spinner--success"
1700
2475
  ],
1701
2476
  "warning": [
1702
- "toast--warning"
2477
+ "spinner--warning"
1703
2478
  ],
1704
2479
  "danger": [
1705
- "toast--danger"
2480
+ "spinner--danger"
1706
2481
  ]
1707
2482
  },
1708
- "state": {
1709
- "frontmost": [
1710
- "toast--frontmost"
2483
+ "variant": {
2484
+ "spinner": [
2485
+ "spinner--spinner"
1711
2486
  ],
1712
- "hidden": [
1713
- "toast--hidden"
2487
+ "dots": [
2488
+ "spinner--dots"
1714
2489
  ],
1715
- "entering": [
1716
- "toast--entering"
2490
+ "ring": [
2491
+ "spinner--ring"
1717
2492
  ],
1718
- "exiting": [
1719
- "toast--exiting"
2493
+ "ball": [
2494
+ "spinner--ball"
2495
+ ],
2496
+ "bars": [
2497
+ "spinner--bars"
2498
+ ],
2499
+ "infinity": [
2500
+ "spinner--infinity"
1720
2501
  ]
1721
2502
  }
1722
2503
  }
1723
2504
  }
1724
2505
  },
1725
- "Toast.Content": {
1726
- "classes": {
1727
- "always": [
1728
- "toast__content"
1729
- ],
1730
- "byProp": {}
1731
- }
1732
- },
1733
- "Toast.Indicator": {
1734
- "classes": {
1735
- "always": [
1736
- "toast__indicator"
1737
- ],
1738
- "byProp": {}
1739
- }
1740
- },
1741
- "Toast.Spinner": {
1742
- "classes": {
1743
- "always": [
1744
- "toast__spinner"
1745
- ],
1746
- "byProp": {}
1747
- }
1748
- },
1749
- "Toast.Title": {
1750
- "classes": {
1751
- "always": [
1752
- "toast__title"
1753
- ],
1754
- "byProp": {}
1755
- }
1756
- },
1757
- "Toast.Description": {
1758
- "classes": {
1759
- "always": [
1760
- "toast__description"
1761
- ],
1762
- "byProp": {}
1763
- }
1764
- },
1765
- "Toast.Action": {
1766
- "classes": {
1767
- "always": [
1768
- "toast__action"
1769
- ],
1770
- "byProp": {}
1771
- }
1772
- },
1773
- "Toast.Close": {
1774
- "classes": {
1775
- "always": [
1776
- "toast__close"
1777
- ],
1778
- "byProp": {}
1779
- }
1780
- },
1781
- "ProgressBar": {
2506
+ "Badge": {
1782
2507
  "classes": {
1783
2508
  "always": [
1784
- "progress-bar"
2509
+ "badge"
1785
2510
  ],
1786
2511
  "byProp": {
2512
+ "slot": {
2513
+ "anchor": [
2514
+ "badge-anchor"
2515
+ ],
2516
+ "label": [
2517
+ "badge__label"
2518
+ ]
2519
+ },
1787
2520
  "size": {
1788
2521
  "sm": [
1789
- "progress-bar--sm"
2522
+ "badge--sm"
1790
2523
  ],
1791
2524
  "md": [
1792
- "progress-bar--md"
2525
+ "badge--md"
1793
2526
  ],
1794
2527
  "lg": [
1795
- "progress-bar--lg"
2528
+ "badge--lg"
1796
2529
  ]
1797
2530
  },
1798
2531
  "color": {
1799
2532
  "default": [
1800
- "progress-bar--default"
2533
+ "badge--default"
1801
2534
  ],
1802
2535
  "accent": [
1803
- "progress-bar--accent"
2536
+ "badge--accent"
1804
2537
  ],
1805
2538
  "success": [
1806
- "progress-bar--success"
2539
+ "badge--success"
1807
2540
  ],
1808
2541
  "warning": [
1809
- "progress-bar--warning"
2542
+ "badge--warning"
1810
2543
  ],
1811
2544
  "danger": [
1812
- "progress-bar--danger"
2545
+ "badge--danger"
1813
2546
  ]
1814
2547
  },
1815
- "state": {
1816
- "indeterminate": [
1817
- "progress-bar--indeterminate"
2548
+ "variant": {
2549
+ "primary": [
2550
+ "badge--primary"
1818
2551
  ],
1819
- "disabled": [
1820
- "progress-bar--disabled"
1821
- ]
1822
- }
1823
- }
1824
- }
1825
- },
1826
- "Separator": {
1827
- "classes": {
1828
- "always": [
1829
- "separator"
1830
- ],
1831
- "byProp": {
1832
- "orientation": {
1833
- "horizontal": [
1834
- "separator--horizontal"
2552
+ "secondary": [
2553
+ "badge--secondary"
1835
2554
  ],
1836
- "vertical": [
1837
- "separator--vertical"
2555
+ "soft": [
2556
+ "badge--soft"
1838
2557
  ]
1839
2558
  },
1840
- "variant": {
1841
- "default": [
1842
- "separator--default"
2559
+ "placement": {
2560
+ "top-right": [
2561
+ "badge--top-right"
1843
2562
  ],
1844
- "secondary": [
1845
- "separator--secondary"
2563
+ "top-left": [
2564
+ "badge--top-left"
1846
2565
  ],
1847
- "tertiary": [
1848
- "separator--tertiary"
2566
+ "bottom-right": [
2567
+ "badge--bottom-right"
2568
+ ],
2569
+ "bottom-left": [
2570
+ "badge--bottom-left"
1849
2571
  ]
1850
2572
  }
1851
2573
  }
1852
2574
  }
1853
2575
  },
1854
- "Accordion.Root": {
2576
+ "Pagination": {
1855
2577
  "classes": {
1856
2578
  "always": [
1857
- "accordion"
2579
+ "pagination"
1858
2580
  ],
1859
2581
  "byProp": {
1860
- "variant": {
1861
- "default": [
1862
- "accordion--default"
2582
+ "slot": {
2583
+ "summary": [
2584
+ "pagination__summary"
1863
2585
  ],
1864
- "surface": [
1865
- "accordion--surface"
2586
+ "content": [
2587
+ "pagination__content"
2588
+ ],
2589
+ "item": [
2590
+ "pagination__item"
2591
+ ],
2592
+ "link": [
2593
+ "pagination__link"
2594
+ ],
2595
+ "linkNav": [
2596
+ "pagination__link--nav"
2597
+ ],
2598
+ "ellipsis": [
2599
+ "pagination__ellipsis"
1866
2600
  ]
1867
2601
  }
1868
2602
  }
1869
2603
  }
1870
2604
  },
1871
- "Accordion.Item": {
1872
- "classes": {
1873
- "always": [
1874
- "accordion__item"
1875
- ],
1876
- "byProp": {
1877
- "expanded": [
1878
- "accordion__item--expanded"
1879
- ],
1880
- "disabled": [
1881
- "accordion__item--disabled"
1882
- ],
1883
- "hideSeparator": [
1884
- "accordion__item--hide-separator"
1885
- ]
1886
- }
1887
- }
1888
- },
1889
- "Accordion.Trigger": {
2605
+ "GlowCard": {
1890
2606
  "classes": {
1891
2607
  "always": [
1892
- "accordion__trigger"
2608
+ "glow-card"
1893
2609
  ],
1894
2610
  "byProp": {}
1895
2611
  }
1896
2612
  },
1897
- "Accordion.Indicator": {
2613
+ "GlassPanel": {
1898
2614
  "classes": {
1899
2615
  "always": [
1900
- "accordion__indicator"
2616
+ "glass-panel"
1901
2617
  ],
1902
2618
  "byProp": {
1903
- "expanded": [
1904
- "accordion__indicator--expanded"
1905
- ]
2619
+ "blur": {
2620
+ "none": [
2621
+ "glass-panel--blur-none"
2622
+ ],
2623
+ "sm": [
2624
+ "glass-panel--blur-sm"
2625
+ ],
2626
+ "md": [
2627
+ "glass-panel--blur-md"
2628
+ ],
2629
+ "lg": [
2630
+ "glass-panel--blur-lg"
2631
+ ],
2632
+ "xl": [
2633
+ "glass-panel--blur-xl"
2634
+ ],
2635
+ "2xl": [
2636
+ "glass-panel--blur-2xl"
2637
+ ]
2638
+ },
2639
+ "size": {
2640
+ "xs": [
2641
+ "glass-panel__content--xs"
2642
+ ],
2643
+ "sm": [
2644
+ "glass-panel__content--sm"
2645
+ ],
2646
+ "md": [
2647
+ "glass-panel__content--md"
2648
+ ],
2649
+ "lg": [
2650
+ "glass-panel__content--lg"
2651
+ ],
2652
+ "xl": [
2653
+ "glass-panel__content--xl"
2654
+ ]
2655
+ },
2656
+ "accent": {
2657
+ "primary": [
2658
+ "glass-panel--accent-primary"
2659
+ ],
2660
+ "secondary": [
2661
+ "glass-panel--accent-secondary"
2662
+ ],
2663
+ "accent": [
2664
+ "glass-panel--accent-accent"
2665
+ ],
2666
+ "info": [
2667
+ "glass-panel--accent-info"
2668
+ ],
2669
+ "success": [
2670
+ "glass-panel--accent-success"
2671
+ ],
2672
+ "warning": [
2673
+ "glass-panel--accent-warning"
2674
+ ],
2675
+ "error": [
2676
+ "glass-panel--accent-error"
2677
+ ],
2678
+ "neutral": [
2679
+ "glass-panel--accent-neutral"
2680
+ ],
2681
+ "ghost": [
2682
+ "glass-panel--accent-ghost"
2683
+ ]
2684
+ },
2685
+ "transparent": [
2686
+ "glass-panel--transparent"
2687
+ ],
2688
+ "glow": [
2689
+ "glass-panel--glow"
2690
+ ],
2691
+ "contentCollapsed": [
2692
+ "glass-panel__content--collapsed"
2693
+ ],
2694
+ "contentCollapsible": [
2695
+ "glass-panel__content--collapsible"
2696
+ ],
2697
+ "contentInnerHidden": [
2698
+ "glass-panel__content-inner--hidden"
2699
+ ],
2700
+ "chevronOpen": [
2701
+ "glass-panel__chevron--open"
2702
+ ],
2703
+ "slot": {
2704
+ "headerButton": [
2705
+ "glass-panel__header-button"
2706
+ ],
2707
+ "headerLabel": [
2708
+ "glass-panel__header-label"
2709
+ ],
2710
+ "chevron": [
2711
+ "glass-panel__chevron"
2712
+ ],
2713
+ "content": [
2714
+ "glass-panel__content"
2715
+ ],
2716
+ "contentInner": [
2717
+ "glass-panel__content-inner"
2718
+ ]
2719
+ }
1906
2720
  }
1907
2721
  }
1908
2722
  },
1909
- "Accordion.Content": {
2723
+ "Radio": {
1910
2724
  "classes": {
1911
2725
  "always": [
1912
- "accordion__content"
2726
+ "radio"
1913
2727
  ],
1914
2728
  "byProp": {
1915
- "expanded": [
1916
- "accordion__content--expanded"
2729
+ "slot": {
2730
+ "input": [
2731
+ "radio__input"
2732
+ ],
2733
+ "control": [
2734
+ "radio__control"
2735
+ ],
2736
+ "indicator": [
2737
+ "radio__indicator"
2738
+ ],
2739
+ "content": [
2740
+ "radio__content"
2741
+ ],
2742
+ "description": [
2743
+ "radio__description"
2744
+ ]
2745
+ },
2746
+ "disabled": [
2747
+ "radio--disabled"
1917
2748
  ]
1918
2749
  }
1919
2750
  }
1920
2751
  },
1921
- "Accordion.Body": {
2752
+ "ErrorMessage": {
1922
2753
  "classes": {
1923
2754
  "always": [
1924
- "accordion__body"
2755
+ "error-message"
1925
2756
  ],
1926
2757
  "byProp": {}
1927
2758
  }
1928
2759
  },
1929
- "Accordion.BodyInner": {
2760
+ "Slider": {
1930
2761
  "classes": {
1931
2762
  "always": [
1932
- "accordion__body-inner"
2763
+ "slider"
1933
2764
  ],
1934
- "byProp": {}
2765
+ "byProp": {
2766
+ "size": {
2767
+ "sm": [
2768
+ "slider--sm"
2769
+ ],
2770
+ "md": [
2771
+ "slider--md"
2772
+ ],
2773
+ "lg": [
2774
+ "slider--lg"
2775
+ ]
2776
+ }
2777
+ }
1935
2778
  }
1936
2779
  },
1937
- "NoiseBackground": {
2780
+ "Alert": {
1938
2781
  "classes": {
1939
2782
  "always": [
1940
- "noise-background"
2783
+ "alert"
1941
2784
  ],
1942
2785
  "byProp": {
1943
- "backdropBlur": [
1944
- "noise-background--backdrop-blur"
1945
- ],
1946
2786
  "slot": {
1947
- "layer0": [
1948
- "noise-background__layer",
1949
- "noise-background__layer--0"
2787
+ "indicator": [
2788
+ "alert__indicator"
1950
2789
  ],
1951
- "layer1": [
1952
- "noise-background__layer",
1953
- "noise-background__layer--1"
2790
+ "content": [
2791
+ "alert__content"
1954
2792
  ],
1955
- "layer2": [
1956
- "noise-background__layer",
1957
- "noise-background__layer--2"
2793
+ "title": [
2794
+ "alert__title"
1958
2795
  ],
1959
- "strip": [
1960
- "noise-background__strip"
2796
+ "description": [
2797
+ "alert__description"
2798
+ ]
2799
+ },
2800
+ "status": {
2801
+ "default": [
2802
+ "alert--default"
1961
2803
  ],
1962
- "noiseWrap": [
1963
- "noise-background__noise-wrap"
2804
+ "accent": [
2805
+ "alert--accent"
1964
2806
  ],
1965
- "noiseImage": [
1966
- "noise-background__noise-image"
2807
+ "success": [
2808
+ "alert--success"
1967
2809
  ],
1968
- "content": [
1969
- "noise-background__content"
2810
+ "warning": [
2811
+ "alert--warning"
2812
+ ],
2813
+ "danger": [
2814
+ "alert--danger"
1970
2815
  ]
1971
2816
  }
1972
2817
  }
1973
2818
  }
1974
2819
  },
1975
- "DateRangePicker.Root": {
2820
+ "ColorField": {
1976
2821
  "classes": {
1977
2822
  "always": [
1978
- "date-range-picker"
2823
+ "color-field"
1979
2824
  ],
1980
2825
  "byProp": {
1981
- "open": [
1982
- "date-range-picker--open"
2826
+ "slot": {
2827
+ "group": [
2828
+ "color-field__group"
2829
+ ],
2830
+ "input": [
2831
+ "color-field__input"
2832
+ ]
2833
+ },
2834
+ "fullWidth": [
2835
+ "color-field--full-width"
1983
2836
  ],
1984
2837
  "disabled": [
1985
- "date-range-picker--disabled"
2838
+ "color-field--disabled"
2839
+ ],
2840
+ "groupFullWidth": [
2841
+ "color-field__group--full-width"
2842
+ ],
2843
+ "groupInvalid": [
2844
+ "color-field__group--invalid"
1986
2845
  ]
1987
2846
  }
1988
2847
  }
1989
2848
  },
1990
- "DateRangePicker.Trigger": {
2849
+ "Link": {
1991
2850
  "classes": {
1992
2851
  "always": [
1993
- "date-range-picker__trigger"
2852
+ "link"
2853
+ ],
2854
+ "byProp": {
2855
+ "variant": {
2856
+ "default": [
2857
+ "link--default"
2858
+ ]
2859
+ },
2860
+ "underline": {
2861
+ "always": [
2862
+ "link--underline-always"
2863
+ ],
2864
+ "hover": [
2865
+ "link--underline-hover"
2866
+ ],
2867
+ "none": [
2868
+ "link--underline-none"
2869
+ ]
2870
+ },
2871
+ "external": [
2872
+ "link--external"
2873
+ ],
2874
+ "disabled": [
2875
+ "link--disabled"
2876
+ ],
2877
+ "slot": {
2878
+ "icon": [
2879
+ "link__icon"
2880
+ ],
2881
+ "iconDefault": [
2882
+ "link__icon-default"
2883
+ ]
2884
+ }
2885
+ }
2886
+ }
2887
+ },
2888
+ "LanguageSwitcher": {
2889
+ "classes": {
2890
+ "always": [
2891
+ "language-switcher"
1994
2892
  ],
1995
2893
  "byProp": {}
1996
2894
  }
1997
2895
  },
1998
- "DateRangePicker.TriggerSegment": {
2896
+ "Toast.Provider": {
1999
2897
  "classes": {
2000
2898
  "always": [
2001
- "date-range-picker__trigger-segment"
2899
+ "toast-region"
2002
2900
  ],
2003
2901
  "byProp": {
2004
- "placeholder": [
2005
- "date-range-picker__trigger-segment--placeholder"
2006
- ]
2902
+ "item": {
2903
+ "base": [
2904
+ "toast-region__item"
2905
+ ],
2906
+ "placement": [
2907
+ "toast-region__item--bottom",
2908
+ "toast-region__item--bottom-start",
2909
+ "toast-region__item--bottom-end",
2910
+ "toast-region__item--top",
2911
+ "toast-region__item--top-start",
2912
+ "toast-region__item--top-end"
2913
+ ],
2914
+ "state": [
2915
+ "toast-region__item--hidden"
2916
+ ]
2917
+ },
2918
+ "placement": {
2919
+ "bottom": [
2920
+ "toast-region--bottom"
2921
+ ],
2922
+ "bottomStart": [
2923
+ "toast-region--bottom-start"
2924
+ ],
2925
+ "bottomEnd": [
2926
+ "toast-region--bottom-end"
2927
+ ],
2928
+ "top": [
2929
+ "toast-region--top"
2930
+ ],
2931
+ "topStart": [
2932
+ "toast-region--top-start"
2933
+ ],
2934
+ "topEnd": [
2935
+ "toast-region--top-end"
2936
+ ]
2937
+ }
2007
2938
  }
2008
2939
  }
2009
2940
  },
2010
- "DateRangePicker.RangeSeparator": {
2941
+ "Toast.Item": {
2011
2942
  "classes": {
2012
2943
  "always": [
2013
- "date-range-picker__range-separator"
2944
+ "toast"
2014
2945
  ],
2015
- "byProp": {}
2946
+ "byProp": {
2947
+ "variant": {
2948
+ "default": [
2949
+ "toast--default"
2950
+ ],
2951
+ "accent": [
2952
+ "toast--accent"
2953
+ ],
2954
+ "success": [
2955
+ "toast--success"
2956
+ ],
2957
+ "warning": [
2958
+ "toast--warning"
2959
+ ],
2960
+ "danger": [
2961
+ "toast--danger"
2962
+ ]
2963
+ },
2964
+ "state": {
2965
+ "frontmost": [
2966
+ "toast--frontmost"
2967
+ ],
2968
+ "hidden": [
2969
+ "toast--hidden"
2970
+ ],
2971
+ "entering": [
2972
+ "toast--entering"
2973
+ ],
2974
+ "exiting": [
2975
+ "toast--exiting"
2976
+ ]
2977
+ }
2978
+ }
2016
2979
  }
2017
2980
  },
2018
- "DateRangePicker.TriggerIndicator": {
2981
+ "Toast.Content": {
2019
2982
  "classes": {
2020
2983
  "always": [
2021
- "date-range-picker__trigger-indicator"
2984
+ "toast__content"
2022
2985
  ],
2023
2986
  "byProp": {}
2024
2987
  }
2025
2988
  },
2026
- "DateRangePicker.TriggerIcon": {
2989
+ "Toast.Indicator": {
2027
2990
  "classes": {
2028
2991
  "always": [
2029
- "date-range-picker__trigger-icon"
2992
+ "toast__indicator"
2030
2993
  ],
2031
2994
  "byProp": {}
2032
2995
  }
2033
2996
  },
2034
- "DateRangePicker.Popover": {
2997
+ "Toast.Spinner": {
2035
2998
  "classes": {
2036
2999
  "always": [
2037
- "date-range-picker__popover"
3000
+ "toast__spinner"
2038
3001
  ],
2039
3002
  "byProp": {}
2040
3003
  }
2041
3004
  },
2042
- "DateRangePicker.Calendar": {
3005
+ "Toast.Title": {
2043
3006
  "classes": {
2044
3007
  "always": [
2045
- "date-range-picker__calendar"
3008
+ "toast__title"
2046
3009
  ],
2047
3010
  "byProp": {}
2048
3011
  }
2049
3012
  },
2050
- "Card.Root": {
3013
+ "Toast.Description": {
2051
3014
  "classes": {
2052
3015
  "always": [
2053
- "card"
3016
+ "toast__description"
2054
3017
  ],
2055
- "byProp": {
2056
- "variant": {
2057
- "default": [
2058
- "card--default"
2059
- ],
2060
- "flat": [
2061
- "card--flat"
2062
- ],
2063
- "bordered": [
2064
- "card--bordered"
2065
- ],
2066
- "shadow": [
2067
- "card--shadow"
2068
- ]
2069
- },
2070
- "isHoverable": [
2071
- "card--hoverable"
2072
- ],
2073
- "isPressable": [
2074
- "card--pressable"
2075
- ]
2076
- }
3018
+ "byProp": {}
2077
3019
  }
2078
3020
  },
2079
- "Card.Header": {
3021
+ "Toast.Action": {
2080
3022
  "classes": {
2081
3023
  "always": [
2082
- "card__header"
3024
+ "toast__action"
2083
3025
  ],
2084
3026
  "byProp": {}
2085
3027
  }
2086
3028
  },
2087
- "Card.Body": {
3029
+ "Toast.Close": {
2088
3030
  "classes": {
2089
3031
  "always": [
2090
- "card__body"
3032
+ "toast__close"
2091
3033
  ],
2092
3034
  "byProp": {}
2093
3035
  }
2094
3036
  },
2095
- "Card.Footer": {
3037
+ "LiveChat.bubble": {
2096
3038
  "classes": {
2097
3039
  "always": [
2098
- "card__footer"
3040
+ "live-chat-bubble"
3041
+ ],
3042
+ "byProp": {
3043
+ "position": {
3044
+ "right": [
3045
+ "live-chat-bubble--right"
3046
+ ],
3047
+ "left": [
3048
+ "live-chat-bubble--left"
3049
+ ]
3050
+ }
3051
+ }
3052
+ }
3053
+ },
3054
+ "LiveChat.panel": {
3055
+ "classes": {
3056
+ "always": [
3057
+ "live-chat-panel"
2099
3058
  ],
2100
3059
  "byProp": {}
2101
3060
  }
2102
3061
  },
2103
- "ChatBubble": {
3062
+ "FloatingDock": {
2104
3063
  "classes": {
2105
3064
  "always": [
2106
- "chatbubble"
3065
+ "floating-dock"
2107
3066
  ],
2108
3067
  "byProp": {
2109
- "align": {
2110
- "start": [
2111
- "chatbubble--start"
2112
- ],
2113
- "end": [
2114
- "chatbubble--end"
2115
- ]
2116
- },
2117
- "slot": {
2118
- "header": [
2119
- "chatbubble__header"
2120
- ],
2121
- "footer": [
2122
- "chatbubble__footer"
2123
- ],
2124
- "avatar": [
2125
- "chatbubble__avatar"
2126
- ],
2127
- "message": [
2128
- "chatbubble__message"
3068
+ "barOrientation": {
3069
+ "horizontal": [
3070
+ "floating-dock__bar--horizontal"
2129
3071
  ],
2130
- "time": [
2131
- "chatbubble__time"
3072
+ "vertical": [
3073
+ "floating-dock__bar--vertical"
2132
3074
  ]
2133
3075
  },
2134
- "color": {
2135
- "neutral": [
2136
- "chatbubble__message--neutral"
2137
- ],
2138
- "primary": [
2139
- "chatbubble__message--primary"
2140
- ],
2141
- "secondary": [
2142
- "chatbubble__message--secondary"
2143
- ],
2144
- "accent": [
2145
- "chatbubble__message--accent"
2146
- ],
2147
- "info": [
2148
- "chatbubble__message--info"
3076
+ "mobilePopupDirection": {
3077
+ "top": [
3078
+ "floating-dock__mobile-popup--top"
2149
3079
  ],
2150
- "success": [
2151
- "chatbubble__message--success"
3080
+ "bottom": [
3081
+ "floating-dock__mobile-popup--bottom"
2152
3082
  ],
2153
- "warning": [
2154
- "chatbubble__message--warning"
3083
+ "left": [
3084
+ "floating-dock__mobile-popup--left"
2155
3085
  ],
2156
- "error": [
2157
- "chatbubble__message--error"
3086
+ "right": [
3087
+ "floating-dock__mobile-popup--right"
2158
3088
  ]
2159
3089
  }
2160
3090
  }
@@ -2315,360 +3245,376 @@
2315
3245
  "byProp": {}
2316
3246
  }
2317
3247
  },
2318
- "DateField.Root": {
3248
+ "Table.root": {
2319
3249
  "classes": {
2320
3250
  "always": [
2321
- "date-field"
3251
+ "table-root"
2322
3252
  ],
2323
3253
  "byProp": {
2324
3254
  "variant": {
2325
3255
  "primary": [
2326
- "date-field--primary"
3256
+ "table-root--primary"
2327
3257
  ],
2328
3258
  "secondary": [
2329
- "date-field--secondary"
3259
+ "table-root--secondary"
2330
3260
  ]
2331
- },
2332
- "fullWidth": [
2333
- "date-field--full-width"
2334
- ]
3261
+ }
2335
3262
  }
2336
3263
  }
2337
3264
  },
2338
- "DateField.Group": {
3265
+ "ListBox.Root": {
2339
3266
  "classes": {
2340
3267
  "always": [
2341
- "date-input-group"
3268
+ "list-box"
2342
3269
  ],
2343
3270
  "byProp": {
2344
3271
  "variant": {
2345
- "primary": [
2346
- "date-input-group--primary"
3272
+ "default": [
3273
+ "list-box--default"
2347
3274
  ],
2348
- "secondary": [
2349
- "date-input-group--secondary"
3275
+ "danger": [
3276
+ "list-box--danger"
2350
3277
  ]
2351
- },
2352
- "fullWidth": [
2353
- "date-input-group--full-width"
2354
- ]
3278
+ }
2355
3279
  }
2356
3280
  }
2357
3281
  },
2358
- "DateField.Input": {
2359
- "classes": {
2360
- "always": [
2361
- "date-input-group__input"
2362
- ],
2363
- "byProp": {}
2364
- }
2365
- },
2366
- "DateField.InputContainer": {
2367
- "classes": {
2368
- "always": [
2369
- "date-input-group__input-container"
2370
- ],
2371
- "byProp": {}
2372
- }
2373
- },
2374
- "DateField.Segment": {
2375
- "classes": {
2376
- "always": [
2377
- "date-input-group__segment"
2378
- ],
2379
- "byProp": {}
2380
- }
2381
- },
2382
- "DateField.Prefix": {
2383
- "classes": {
2384
- "always": [
2385
- "date-input-group__prefix"
2386
- ],
2387
- "byProp": {}
2388
- }
2389
- },
2390
- "DateField.Suffix": {
2391
- "classes": {
2392
- "always": [
2393
- "date-input-group__suffix"
2394
- ],
2395
- "byProp": {}
2396
- }
2397
- },
2398
- "LanguageSwitcher": {
2399
- "classes": {
2400
- "always": [
2401
- "language-switcher"
2402
- ],
2403
- "byProp": {}
2404
- }
2405
- },
2406
- "InputOTP.Root": {
3282
+ "ListBox.Item": {
2407
3283
  "classes": {
2408
3284
  "always": [
2409
- "input-otp"
3285
+ "list-box-item"
2410
3286
  ],
2411
3287
  "byProp": {
2412
3288
  "variant": {
2413
- "primary": [
2414
- "input-otp--primary"
3289
+ "default": [
3290
+ "list-box-item--default"
2415
3291
  ],
2416
- "secondary": [
2417
- "input-otp--secondary"
3292
+ "danger": [
3293
+ "list-box-item--danger"
2418
3294
  ]
2419
3295
  }
2420
3296
  }
2421
3297
  }
2422
3298
  },
2423
- "InputOTP.Input": {
2424
- "classes": {
2425
- "always": [
2426
- "input-otp__input"
2427
- ],
2428
- "byProp": {}
2429
- }
2430
- },
2431
- "InputOTP.Group": {
2432
- "classes": {
2433
- "always": [
2434
- "input-otp__group"
2435
- ],
2436
- "byProp": {}
2437
- }
2438
- },
2439
- "InputOTP.Slot": {
2440
- "classes": {
2441
- "always": [
2442
- "input-otp__slot"
2443
- ],
2444
- "byProp": {}
2445
- }
2446
- },
2447
- "InputOTP.Separator": {
2448
- "classes": {
2449
- "always": [
2450
- "input-otp__separator"
2451
- ],
2452
- "byProp": {}
2453
- }
2454
- },
2455
- "Form": {
3299
+ "ListBox.ItemIndicator": {
2456
3300
  "classes": {
2457
3301
  "always": [
2458
- "form"
3302
+ "list-box-item__indicator"
2459
3303
  ],
2460
3304
  "byProp": {}
2461
3305
  }
2462
3306
  },
2463
- "GlowCard": {
3307
+ "ListBox.Section": {
2464
3308
  "classes": {
2465
3309
  "always": [
2466
- "glow-card"
3310
+ "list-box-section"
2467
3311
  ],
2468
3312
  "byProp": {}
2469
3313
  }
2470
3314
  },
2471
- "Footer": {
3315
+ "RadioGroup": {
2472
3316
  "classes": {
2473
3317
  "always": [
2474
- "footer"
3318
+ "radio-group"
2475
3319
  ],
2476
3320
  "byProp": {
2477
- "center": [
2478
- "footer--center"
2479
- ],
2480
- "horizontal": [
2481
- "footer--horizontal"
3321
+ "slot": {
3322
+ "label": [
3323
+ "radio-group__label"
3324
+ ],
3325
+ "description": [
3326
+ "radio-group__description"
3327
+ ],
3328
+ "error": [
3329
+ "radio-group__error"
3330
+ ],
3331
+ "items": [
3332
+ "radio-group__items"
3333
+ ]
3334
+ },
3335
+ "orientation": {
3336
+ "vertical": [
3337
+ "radio-group--vertical"
3338
+ ],
3339
+ "horizontal": [
3340
+ "radio-group--horizontal"
3341
+ ]
3342
+ },
3343
+ "variant": {
3344
+ "primary": [
3345
+ "radio-group--primary"
3346
+ ],
3347
+ "secondary": [
3348
+ "radio-group--secondary"
3349
+ ]
3350
+ },
3351
+ "disabled": [
3352
+ "radio-group--disabled"
2482
3353
  ],
2483
- "vertical": [
2484
- "footer--vertical"
3354
+ "invalid": [
3355
+ "radio-group--invalid"
2485
3356
  ]
2486
3357
  }
2487
3358
  }
2488
3359
  },
2489
- "Navbar.navbar": {
3360
+ "Breadcrumbs.Root": {
2490
3361
  "classes": {
2491
3362
  "always": [
2492
- "navbar"
3363
+ "breadcrumbs"
2493
3364
  ],
2494
3365
  "byProp": {}
2495
3366
  }
2496
3367
  },
2497
- "Navbar.section": {
3368
+ "Breadcrumbs.Item": {
2498
3369
  "classes": {
2499
3370
  "always": [
2500
- "navbar__section"
3371
+ "breadcrumbs__item",
3372
+ "breadcrumbs__link",
3373
+ "breadcrumbs__separator"
2501
3374
  ],
2502
- "byProp": {
2503
- "variant": {
2504
- "start": [
2505
- "navbar__section--start"
2506
- ],
2507
- "center": [
2508
- "navbar__section--center"
2509
- ],
2510
- "end": [
2511
- "navbar__section--end"
2512
- ]
2513
- }
2514
- }
3375
+ "byProp": {}
2515
3376
  }
2516
3377
  },
2517
- "Navbar.stack": {
3378
+ "Join": {
2518
3379
  "classes": {
2519
3380
  "always": [
2520
- "navbar__stack"
3381
+ "join"
2521
3382
  ],
2522
3383
  "byProp": {
2523
- "sticky": [
2524
- "navbar__stack--sticky"
3384
+ "vertical": [
3385
+ "join-vertical"
2525
3386
  ],
2526
- "container": [
2527
- "navbar__stack--container"
3387
+ "horizontal": [
3388
+ "join-horizontal"
3389
+ ],
3390
+ "responsive": [
3391
+ "join-vertical",
3392
+ "lg:join-horizontal"
2528
3393
  ]
2529
3394
  }
2530
3395
  }
2531
3396
  },
2532
- "Navbar.row": {
3397
+ "Checkbox": {
2533
3398
  "classes": {
2534
3399
  "always": [
2535
- "navbar__row"
3400
+ "checkbox"
2536
3401
  ],
2537
3402
  "byProp": {
2538
- "bordered": [
2539
- "navbar__row--bordered"
2540
- ],
2541
- "padded": [
2542
- "navbar__row--padded"
2543
- ],
2544
- "color": {
2545
- "ghost": [
2546
- "navbar__row--ghost"
2547
- ],
2548
- "neutral": [
2549
- "navbar__row--neutral"
2550
- ],
2551
- "primary": [
2552
- "navbar__row--primary"
2553
- ],
2554
- "secondary": [
2555
- "navbar__row--secondary"
3403
+ "slot": {
3404
+ "input": [
3405
+ "checkbox__input"
2556
3406
  ],
2557
- "accent": [
2558
- "navbar__row--accent"
3407
+ "control": [
3408
+ "checkbox__control"
2559
3409
  ],
2560
- "info": [
2561
- "navbar__row--info"
3410
+ "indicator": [
3411
+ "checkbox__indicator"
2562
3412
  ],
2563
- "success": [
2564
- "navbar__row--success"
3413
+ "content": [
3414
+ "checkbox__content"
2565
3415
  ],
2566
- "warning": [
2567
- "navbar__row--warning"
3416
+ "description": [
3417
+ "checkbox__description"
3418
+ ]
3419
+ },
3420
+ "variant": {
3421
+ "primary": [
3422
+ "checkbox--primary"
2568
3423
  ],
2569
- "error": [
2570
- "navbar__row--error"
3424
+ "secondary": [
3425
+ "checkbox--secondary"
2571
3426
  ]
2572
- }
3427
+ },
3428
+ "disabled": [
3429
+ "checkbox--disabled"
3430
+ ]
2573
3431
  }
2574
3432
  }
2575
3433
  },
2576
- "Kbd": {
3434
+ "Tabs": {
2577
3435
  "classes": {
2578
3436
  "always": [
2579
- "kbd"
3437
+ "tabs"
2580
3438
  ],
2581
3439
  "byProp": {
2582
- "variant": {
2583
- "default": [
2584
- "kbd--default"
3440
+ "slot": {
3441
+ "listContainer": [
3442
+ "tabs__list-container"
2585
3443
  ],
2586
- "light": [
2587
- "kbd--light"
3444
+ "list": [
3445
+ "tabs__list"
3446
+ ],
3447
+ "indicator": [
3448
+ "tabs__indicator"
3449
+ ],
3450
+ "tab": [
3451
+ "tabs__tab"
3452
+ ],
3453
+ "panel": [
3454
+ "tabs__panel"
3455
+ ],
3456
+ "separator": [
3457
+ "tabs__separator"
2588
3458
  ]
2589
3459
  },
2590
- "slot": {
2591
- "abbr": [
2592
- "kbd__abbr"
2593
- ],
2594
- "content": [
2595
- "kbd__content"
3460
+ "variant": {
3461
+ "secondary": [
3462
+ "tabs--secondary"
2596
3463
  ]
2597
3464
  }
2598
3465
  }
2599
3466
  }
2600
3467
  },
2601
- "FloatingDock": {
3468
+ "Flex": {
2602
3469
  "classes": {
2603
3470
  "always": [
2604
- "floating-dock"
3471
+ "flex-layout"
2605
3472
  ],
2606
3473
  "byProp": {
2607
- "barOrientation": {
2608
- "horizontal": [
2609
- "floating-dock__bar--horizontal"
3474
+ "direction": {
3475
+ "row": [
3476
+ "flex-row"
2610
3477
  ],
2611
- "vertical": [
2612
- "floating-dock__bar--vertical"
3478
+ "col": [
3479
+ "flex-col"
3480
+ ],
3481
+ "row-reverse": [
3482
+ "flex-row-reverse"
3483
+ ],
3484
+ "col-reverse": [
3485
+ "flex-col-reverse"
2613
3486
  ]
2614
3487
  },
2615
- "mobilePopupDirection": {
2616
- "top": [
2617
- "floating-dock__mobile-popup--top"
3488
+ "justify": {
3489
+ "start": [
3490
+ "justify-start"
2618
3491
  ],
2619
- "bottom": [
2620
- "floating-dock__mobile-popup--bottom"
3492
+ "center": [
3493
+ "justify-center"
2621
3494
  ],
2622
- "left": [
2623
- "floating-dock__mobile-popup--left"
3495
+ "end": [
3496
+ "justify-end"
2624
3497
  ],
2625
- "right": [
2626
- "floating-dock__mobile-popup--right"
3498
+ "between": [
3499
+ "justify-between"
3500
+ ],
3501
+ "around": [
3502
+ "justify-around"
3503
+ ],
3504
+ "evenly": [
3505
+ "justify-evenly"
2627
3506
  ]
2628
- }
2629
- }
2630
- }
2631
- },
2632
- "ProgressCircle": {
2633
- "classes": {
2634
- "always": [
2635
- "progress-circle"
2636
- ],
2637
- "byProp": {
2638
- "size": {
3507
+ },
3508
+ "align": {
3509
+ "start": [
3510
+ "items-start"
3511
+ ],
3512
+ "center": [
3513
+ "items-center"
3514
+ ],
3515
+ "end": [
3516
+ "items-end"
3517
+ ],
3518
+ "stretch": [
3519
+ "items-stretch"
3520
+ ],
3521
+ "baseline": [
3522
+ "items-baseline"
3523
+ ]
3524
+ },
3525
+ "wrap": {
3526
+ "wrap": [
3527
+ "flex-wrap"
3528
+ ],
3529
+ "nowrap": [
3530
+ "flex-nowrap"
3531
+ ],
3532
+ "wrap-reverse": [
3533
+ "flex-wrap-reverse"
3534
+ ]
3535
+ },
3536
+ "gap": {
3537
+ "none": [
3538
+ "gap-0"
3539
+ ],
2639
3540
  "sm": [
2640
- "progress-circle--sm"
3541
+ "gap-2"
2641
3542
  ],
2642
3543
  "md": [
2643
- "progress-circle--md"
3544
+ "gap-4"
2644
3545
  ],
2645
3546
  "lg": [
2646
- "progress-circle--lg"
3547
+ "gap-6"
3548
+ ],
3549
+ "xl": [
3550
+ "gap-8"
2647
3551
  ]
2648
3552
  },
2649
- "color": {
2650
- "default": [
2651
- "progress-circle--default"
3553
+ "gapX": {
3554
+ "none": [
3555
+ "gap-x-0"
2652
3556
  ],
2653
- "accent": [
2654
- "progress-circle--accent"
3557
+ "sm": [
3558
+ "gap-x-2"
2655
3559
  ],
2656
- "success": [
2657
- "progress-circle--success"
3560
+ "md": [
3561
+ "gap-x-4"
2658
3562
  ],
2659
- "warning": [
2660
- "progress-circle--warning"
3563
+ "lg": [
3564
+ "gap-x-6"
2661
3565
  ],
2662
- "danger": [
2663
- "progress-circle--danger"
3566
+ "xl": [
3567
+ "gap-x-8"
2664
3568
  ]
2665
3569
  },
2666
- "state": {
2667
- "indeterminate": [
2668
- "progress-circle--indeterminate"
3570
+ "gapY": {
3571
+ "none": [
3572
+ "gap-y-0"
2669
3573
  ],
2670
- "disabled": [
2671
- "progress-circle--disabled"
3574
+ "sm": [
3575
+ "gap-y-2"
3576
+ ],
3577
+ "md": [
3578
+ "gap-y-4"
3579
+ ],
3580
+ "lg": [
3581
+ "gap-y-6"
3582
+ ],
3583
+ "xl": [
3584
+ "gap-y-8"
3585
+ ]
3586
+ },
3587
+ "grow": {
3588
+ "true": [
3589
+ "flex-grow"
3590
+ ],
3591
+ "false": [
3592
+ "flex-grow-0"
3593
+ ]
3594
+ },
3595
+ "shrink": {
3596
+ "true": [
3597
+ "flex-shrink"
3598
+ ],
3599
+ "false": [
3600
+ "flex-shrink-0"
3601
+ ]
3602
+ },
3603
+ "basis": {
3604
+ "none": [
3605
+ "basis-0"
3606
+ ],
3607
+ "sm": [
3608
+ "basis-8"
3609
+ ],
3610
+ "md": [
3611
+ "basis-16"
3612
+ ],
3613
+ "lg": [
3614
+ "basis-24"
3615
+ ],
3616
+ "xl": [
3617
+ "basis-32"
2672
3618
  ]
2673
3619
  }
2674
3620
  }