@serendie/ui 3.2.0 → 3.2.1-dev.202604251106
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.
- package/dist/client.js +6 -6
- package/dist/components/Accordion/Accordion.js +18 -21
- package/dist/components/Accordion/AccordionGroup.js +4 -4
- package/dist/components/Avatar/Avatar.js +19 -21
- package/dist/components/Badge/Badge.js +1 -1
- package/dist/components/Banner/Banner.js +4 -4
- package/dist/components/BottomNavigation/BottomNavigation.js +12 -11
- package/dist/components/BottomNavigation/BottomNavigationItem.js +4 -4
- package/dist/components/Button/Button.js +6 -6
- package/dist/components/CheckBox/CheckBox.js +28 -32
- package/dist/components/ChoiceBox/ChoiceBox.js +46 -52
- package/dist/components/DashboardWidget/DashboardWidget.js +4 -4
- package/dist/components/DataTable/DataTableComponent.js +16 -17
- package/dist/components/DataTable/table/BodyCell.js +3 -2
- package/dist/components/DataTable/table/HeaderCell.js +16 -15
- package/dist/components/DataTable/table/Root.js +7 -6
- package/dist/components/DatePicker/DatePicker.js +107 -127
- package/dist/components/DatePicker/index.js +1 -1
- package/dist/components/Divider/Divider.js +4 -4
- package/dist/components/Drawer/Drawer.js +22 -26
- package/dist/components/DropdownMenu/DropdownMenu.js +36 -41
- package/dist/components/IconButton/IconButton.js +4 -4
- package/dist/components/List/ListItem.js +1 -1
- package/dist/components/ModalDialog/ModalDialog.js +27 -33
- package/dist/components/NotificationBadge/NotificationBadge.js +1 -1
- package/dist/components/Pagination/Pagination.js +54 -59
- package/dist/components/RadioButton/RadioButton.js +32 -36
- package/dist/components/RadioButton/RadioGroup.js +4 -4
- package/dist/components/Search/Search.js +67 -74
- package/dist/components/Select/Select.js +53 -60
- package/dist/components/Switch/Switch.js +18 -22
- package/dist/components/Tabs/TabItem.js +16 -15
- package/dist/components/Tabs/Tabs.js +9 -10
- package/dist/components/TextArea/TextArea.js +4 -4
- package/dist/components/TextField/TextField.js +1 -1
- package/dist/components/Toast/Toast.js +16 -17
- package/dist/components/Tooltip/Tooltip.js +30 -35
- package/dist/components/TopAppBar/TopAppBar.js +4 -4
- package/dist/index.js +6 -6
- package/dist/node_modules/@ark-ui/react/dist/_virtual/_rolldown/runtime.js +11 -0
- package/dist/node_modules/@ark-ui/react/dist/components/accordion/accordion-context.js +5 -0
- package/dist/node_modules/@ark-ui/react/dist/components/accordion/accordion-item-content.js +15 -12
- package/dist/node_modules/@ark-ui/react/dist/components/accordion/accordion-item-context.js +5 -0
- package/dist/node_modules/@ark-ui/react/dist/components/accordion/accordion-item-indicator.js +11 -8
- package/dist/node_modules/@ark-ui/react/dist/components/accordion/accordion-item-trigger.js +16 -16
- package/dist/node_modules/@ark-ui/react/dist/components/accordion/accordion-item.js +25 -22
- package/dist/node_modules/@ark-ui/react/dist/components/accordion/accordion-root-provider.js +24 -0
- package/dist/node_modules/@ark-ui/react/dist/components/accordion/accordion-root.js +21 -12
- package/dist/node_modules/@ark-ui/react/dist/components/accordion/accordion.js +22 -0
- package/dist/node_modules/@ark-ui/react/dist/components/accordion/use-accordion-context.js +2 -2
- package/dist/node_modules/@ark-ui/react/dist/components/accordion/use-accordion-item-context.js +2 -2
- package/dist/node_modules/@ark-ui/react/dist/components/accordion/use-accordion-item-props-context.js +1 -1
- package/dist/node_modules/@ark-ui/react/dist/components/accordion/use-accordion.js +15 -13
- package/dist/node_modules/@ark-ui/react/dist/components/avatar/avatar-context.js +5 -0
- package/dist/node_modules/@ark-ui/react/dist/components/avatar/avatar-fallback.js +12 -9
- package/dist/node_modules/@ark-ui/react/dist/components/avatar/avatar-image.js +11 -8
- package/dist/node_modules/@ark-ui/react/dist/components/avatar/avatar-root-provider.js +20 -0
- package/dist/node_modules/@ark-ui/react/dist/components/avatar/avatar-root.js +21 -11
- package/dist/node_modules/@ark-ui/react/dist/components/avatar/avatar.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/avatar/use-avatar-context.js +3 -3
- package/dist/node_modules/@ark-ui/react/dist/components/avatar/use-avatar.js +14 -12
- package/dist/node_modules/@ark-ui/react/dist/components/checkbox/checkbox-context.js +3 -3
- package/dist/node_modules/@ark-ui/react/dist/components/checkbox/checkbox-control.js +12 -9
- package/dist/node_modules/@ark-ui/react/dist/components/checkbox/checkbox-group-provider.js +22 -0
- package/dist/node_modules/@ark-ui/react/dist/components/checkbox/checkbox-group.js +32 -0
- package/dist/node_modules/@ark-ui/react/dist/components/checkbox/checkbox-hidden-input.js +13 -9
- package/dist/node_modules/@ark-ui/react/dist/components/checkbox/checkbox-indicator.js +17 -0
- package/dist/node_modules/@ark-ui/react/dist/components/checkbox/checkbox-label.js +13 -10
- package/dist/node_modules/@ark-ui/react/dist/components/checkbox/checkbox-root-provider.js +20 -0
- package/dist/node_modules/@ark-ui/react/dist/components/checkbox/checkbox-root.js +19 -13
- package/dist/node_modules/@ark-ui/react/dist/components/checkbox/checkbox.anatomy.js +5 -0
- package/dist/node_modules/@ark-ui/react/dist/components/checkbox/checkbox.js +24 -0
- package/dist/node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-context.js +1 -1
- package/dist/node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-group-context.js +2 -2
- package/dist/node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-group.js +43 -0
- package/dist/node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox.js +16 -14
- package/dist/node_modules/@ark-ui/react/dist/components/collapsible/collapsible-content.js +14 -12
- package/dist/node_modules/@ark-ui/react/dist/components/collapsible/collapsible-root.js +15 -9
- package/dist/node_modules/@ark-ui/react/dist/components/collapsible/split-collapsible-props.js +5 -3
- package/dist/node_modules/@ark-ui/react/dist/components/collapsible/use-collapsible-context.js +1 -1
- package/dist/node_modules/@ark-ui/react/dist/components/collapsible/use-collapsible.js +17 -12
- package/dist/node_modules/@ark-ui/react/dist/components/collection/list-collection.js +2 -2
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-clear-trigger.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-content.js +13 -10
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-context.js +5 -0
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-control.js +12 -9
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-empty.js +15 -0
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-input.js +14 -10
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-item-context.js +5 -0
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-item-group-label.js +17 -0
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-item-group.js +20 -11
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-item-indicator.js +17 -0
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-item-text.js +12 -9
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-item.js +19 -10
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-label.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-list.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-positioner.js +11 -8
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-root-provider.js +25 -0
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-root.js +24 -14
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-trigger.js +17 -0
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox.anatomy.js +5 -0
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox.js +42 -0
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/use-combobox-context.js +2 -2
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/use-combobox-item-context.js +1 -1
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/use-combobox-item-group-props-context.js +1 -1
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/use-combobox-item-props-context.js +2 -2
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/use-combobox.js +13 -11
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-clear-trigger.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-content.js +13 -10
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-context.js +2 -2
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-control.js +12 -9
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-input.js +13 -10
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-label.js +12 -9
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-month-select.js +14 -7
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-next-trigger.js +14 -11
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-positioner.js +11 -8
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-preset-trigger.js +17 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-prev-trigger.js +14 -11
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-range-text.js +21 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-root-provider.js +26 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-root.js +32 -16
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-body.js +12 -9
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-cell-trigger.js +16 -13
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-cell.js +18 -13
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-head.js +12 -9
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-header.js +12 -9
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-row.js +12 -9
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table.js +22 -12
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-trigger.js +11 -8
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-value-text.js +25 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-view-control.js +12 -9
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-view-trigger.js +17 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-view.js +16 -16
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-week-number-cell.js +17 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-week-number-header-cell.js +17 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-year-select.js +16 -9
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker.anatomy.js +3 -3
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker.js +64 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker-context.js +1 -1
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker-table-cell-props-context.js +2 -2
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker-table-props-context.js +2 -2
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker-view-props-context.js +2 -2
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker.js +16 -14
- package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-backdrop.js +19 -13
- package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-close-trigger.js +12 -9
- package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-content.js +15 -12
- package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-context.js +5 -0
- package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-description.js +12 -9
- package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-positioner.js +13 -10
- package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-root-provider.js +24 -0
- package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-root.js +17 -7
- package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-title.js +13 -10
- package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-trigger.js +21 -0
- package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog.js +26 -0
- package/dist/node_modules/@ark-ui/react/dist/components/dialog/use-dialog-context.js +3 -3
- package/dist/node_modules/@ark-ui/react/dist/components/dialog/use-dialog.js +15 -13
- package/dist/node_modules/@ark-ui/react/dist/components/factory.js +21 -22
- package/dist/node_modules/@ark-ui/react/dist/components/field/use-field-context.js +1 -1
- package/dist/node_modules/@ark-ui/react/dist/components/fieldset/use-fieldset-context.js +11 -0
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-arrow-tip.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-arrow.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-checkbox-item.js +35 -0
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-content.js +13 -10
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-context-trigger.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-context.js +5 -0
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-indicator.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-item-context.js +5 -0
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-item-group-label.js +17 -0
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-item-group.js +21 -12
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-item-indicator.js +17 -0
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-item-text.js +17 -0
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-item.js +25 -13
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-positioner.js +14 -11
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-radio-item-group.js +28 -0
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-radio-item.js +39 -0
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-root-provider.js +31 -0
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-root.js +32 -19
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-separator.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-trigger-item.js +21 -0
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-trigger.js +18 -17
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu.js +48 -0
- package/dist/node_modules/@ark-ui/react/dist/components/menu/use-menu-context.js +2 -2
- package/dist/node_modules/@ark-ui/react/dist/components/menu/use-menu-item-context.js +2 -2
- package/dist/node_modules/@ark-ui/react/dist/components/menu/use-menu-item-group-context.js +2 -2
- package/dist/node_modules/@ark-ui/react/dist/components/menu/use-menu-machine-context.js +2 -2
- package/dist/node_modules/@ark-ui/react/dist/components/menu/use-menu-option-item-props-context.js +2 -2
- package/dist/node_modules/@ark-ui/react/dist/components/menu/use-menu-trigger-item-context.js +1 -1
- package/dist/node_modules/@ark-ui/react/dist/components/menu/use-menu.js +19 -14
- package/dist/node_modules/@ark-ui/react/dist/components/pagination/pagination-context.js +1 -1
- package/dist/node_modules/@ark-ui/react/dist/components/pagination/pagination-ellipsis.js +11 -8
- package/dist/node_modules/@ark-ui/react/dist/components/pagination/pagination-first-trigger.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/pagination/pagination-item.js +12 -9
- package/dist/node_modules/@ark-ui/react/dist/components/pagination/pagination-last-trigger.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/pagination/pagination-next-trigger.js +13 -10
- package/dist/node_modules/@ark-ui/react/dist/components/pagination/pagination-prev-trigger.js +13 -10
- package/dist/node_modules/@ark-ui/react/dist/components/pagination/pagination-root-provider.js +20 -0
- package/dist/node_modules/@ark-ui/react/dist/components/pagination/pagination-root.js +20 -12
- package/dist/node_modules/@ark-ui/react/dist/components/pagination/pagination.js +24 -0
- package/dist/node_modules/@ark-ui/react/dist/components/pagination/use-pagination-context.js +4 -4
- package/dist/node_modules/@ark-ui/react/dist/components/pagination/use-pagination.js +15 -13
- package/dist/node_modules/@ark-ui/react/dist/components/portal/portal.js +16 -20
- package/dist/node_modules/@ark-ui/react/dist/components/presence/split-presence-props.js +1 -1
- package/dist/node_modules/@ark-ui/react/dist/components/presence/use-presence-context.js +3 -3
- package/dist/node_modules/@ark-ui/react/dist/components/presence/use-presence.js +13 -12
- package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-context.js +5 -0
- package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-indicator.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-context.js +1 -1
- package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-control.js +12 -9
- package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-hidden-input.js +12 -9
- package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-text.js +14 -11
- package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item.js +26 -13
- package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-label.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-root-provider.js +20 -0
- package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-root.js +18 -10
- package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group.js +26 -0
- package/dist/node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-context.js +1 -1
- package/dist/node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-item-context.js +2 -2
- package/dist/node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-item-props-context.js +1 -1
- package/dist/node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group.js +20 -13
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-clear-trigger.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-content.js +13 -10
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-context.js +5 -0
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-control.js +12 -9
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-hidden-select.js +23 -0
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-indicator.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-item-context.js +5 -0
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-item-group-label.js +17 -0
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-item-group.js +24 -0
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-item-indicator.js +17 -0
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-item-text.js +17 -0
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-item.js +22 -13
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-label.js +13 -10
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-list.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-positioner.js +11 -8
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-root-provider.js +25 -0
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-root.js +25 -14
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-trigger.js +12 -9
- package/dist/node_modules/@ark-ui/react/dist/components/select/select-value-text.js +11 -7
- package/dist/node_modules/@ark-ui/react/dist/components/select/select.js +44 -0
- package/dist/node_modules/@ark-ui/react/dist/components/select/use-select-context.js +1 -1
- package/dist/node_modules/@ark-ui/react/dist/components/select/use-select-item-context.js +2 -2
- package/dist/node_modules/@ark-ui/react/dist/components/select/use-select-item-group-props.js +10 -0
- package/dist/node_modules/@ark-ui/react/dist/components/select/use-select-item-props-context.js +1 -1
- package/dist/node_modules/@ark-ui/react/dist/components/select/use-select.js +12 -10
- package/dist/node_modules/@ark-ui/react/dist/components/switch/switch-context.js +5 -0
- package/dist/node_modules/@ark-ui/react/dist/components/switch/switch-control.js +12 -9
- package/dist/node_modules/@ark-ui/react/dist/components/switch/switch-hidden-input.js +13 -9
- package/dist/node_modules/@ark-ui/react/dist/components/switch/switch-label.js +12 -9
- package/dist/node_modules/@ark-ui/react/dist/components/switch/switch-root-provider.js +20 -0
- package/dist/node_modules/@ark-ui/react/dist/components/switch/switch-root.js +18 -12
- package/dist/node_modules/@ark-ui/react/dist/components/switch/switch-thumb.js +10 -7
- package/dist/node_modules/@ark-ui/react/dist/components/switch/switch.js +20 -0
- package/dist/node_modules/@ark-ui/react/dist/components/switch/use-switch-context.js +1 -1
- package/dist/node_modules/@ark-ui/react/dist/components/switch/use-switch.js +13 -11
- package/dist/node_modules/@ark-ui/react/dist/components/tabs/tab-content.js +28 -0
- package/dist/node_modules/@ark-ui/react/dist/components/tabs/tab-indicator.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/tabs/tab-list.js +13 -10
- package/dist/node_modules/@ark-ui/react/dist/components/tabs/tab-trigger.js +14 -11
- package/dist/node_modules/@ark-ui/react/dist/components/tabs/tabs-context.js +5 -0
- package/dist/node_modules/@ark-ui/react/dist/components/tabs/tabs-root-provider.js +24 -0
- package/dist/node_modules/@ark-ui/react/dist/components/tabs/tabs-root.js +20 -11
- package/dist/node_modules/@ark-ui/react/dist/components/tabs/tabs.js +20 -0
- package/dist/node_modules/@ark-ui/react/dist/components/tabs/use-tabs-context.js +3 -3
- package/dist/node_modules/@ark-ui/react/dist/components/tabs/use-tabs.js +15 -13
- package/dist/node_modules/@ark-ui/react/dist/components/toast/create-toaster.js +2 -2
- package/dist/node_modules/@ark-ui/react/dist/components/toast/toast-action-trigger.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/toast/toast-close-trigger.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/toast/toast-context.js +5 -0
- package/dist/node_modules/@ark-ui/react/dist/components/toast/toast-description.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/toast/toast-root.js +14 -10
- package/dist/node_modules/@ark-ui/react/dist/components/toast/toast-title.js +13 -10
- package/dist/node_modules/@ark-ui/react/dist/components/toast/toast.js +18 -0
- package/dist/node_modules/@ark-ui/react/dist/components/toast/toaster.js +37 -22
- package/dist/node_modules/@ark-ui/react/dist/components/toast/use-toast-context.js +4 -4
- package/dist/node_modules/@ark-ui/react/dist/components/tooltip/tooltip-arrow-tip.js +12 -9
- package/dist/node_modules/@ark-ui/react/dist/components/tooltip/tooltip-arrow.js +12 -9
- package/dist/node_modules/@ark-ui/react/dist/components/tooltip/tooltip-content.js +13 -10
- package/dist/node_modules/@ark-ui/react/dist/components/tooltip/tooltip-context.js +5 -0
- package/dist/node_modules/@ark-ui/react/dist/components/tooltip/tooltip-positioner.js +13 -10
- package/dist/node_modules/@ark-ui/react/dist/components/tooltip/tooltip-root-provider.js +20 -0
- package/dist/node_modules/@ark-ui/react/dist/components/tooltip/tooltip-root.js +16 -9
- package/dist/node_modules/@ark-ui/react/dist/components/tooltip/tooltip-trigger.js +12 -8
- package/dist/node_modules/@ark-ui/react/dist/components/tooltip/tooltip.js +22 -0
- package/dist/node_modules/@ark-ui/react/dist/components/tooltip/use-tooltip-context.js +1 -1
- package/dist/node_modules/@ark-ui/react/dist/components/tooltip/use-tooltip.js +15 -13
- package/dist/node_modules/@ark-ui/react/dist/providers/environment/use-environment-context.js +1 -1
- package/dist/node_modules/@ark-ui/react/dist/providers/locale/use-locale-context.js +5 -2
- package/dist/node_modules/@ark-ui/react/dist/utils/compose-refs.js +7 -10
- package/dist/node_modules/@ark-ui/react/dist/utils/create-context.js +17 -20
- package/dist/node_modules/@ark-ui/react/dist/utils/create-split-props.js +4 -7
- package/dist/node_modules/@ark-ui/react/dist/utils/render-strategy.js +6 -6
- package/dist/node_modules/@ark-ui/react/dist/utils/use-controllable-state.js +8 -0
- package/dist/node_modules/@ark-ui/react/dist/utils/use-effect-once.js +1 -1
- package/dist/node_modules/@ark-ui/react/dist/utils/use-event.js +7 -10
- package/dist/node_modules/@floating-ui/core/dist/floating-ui.core.js +294 -289
- package/dist/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +195 -194
- package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +97 -97
- package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +60 -62
- package/dist/node_modules/@internationalized/date/dist/GregorianCalendar.js +18 -12
- package/dist/node_modules/@internationalized/date/dist/conversion.js +35 -35
- package/dist/node_modules/@internationalized/date/dist/queries.js +126 -75
- package/dist/node_modules/@internationalized/date/dist/string.js +29 -28
- package/dist/node_modules/@zag-js/accordion/dist/accordion.anatomy.js +6 -0
- package/dist/node_modules/@zag-js/accordion/dist/accordion.connect.js +129 -0
- package/dist/node_modules/@zag-js/accordion/dist/accordion.dom.js +30 -0
- package/dist/node_modules/@zag-js/accordion/dist/accordion.machine.js +137 -0
- package/dist/node_modules/@zag-js/aria-hidden/dist/aria-hidden.js +14 -0
- package/dist/node_modules/@zag-js/aria-hidden/dist/index.js +12 -49
- package/dist/node_modules/@zag-js/aria-hidden/dist/walk-tree-outside.js +41 -0
- package/dist/node_modules/@zag-js/avatar/dist/avatar.anatomy.js +6 -0
- package/dist/node_modules/@zag-js/avatar/dist/avatar.connect.js +52 -0
- package/dist/node_modules/@zag-js/avatar/dist/avatar.dom.js +17 -0
- package/dist/node_modules/@zag-js/avatar/dist/avatar.machine.js +93 -0
- package/dist/node_modules/@zag-js/checkbox/dist/checkbox.anatomy.js +6 -0
- package/dist/node_modules/@zag-js/checkbox/dist/checkbox.connect.js +108 -0
- package/dist/node_modules/@zag-js/checkbox/dist/checkbox.dom.js +21 -0
- package/dist/node_modules/@zag-js/checkbox/dist/checkbox.machine.js +141 -0
- package/dist/node_modules/@zag-js/collapsible/dist/collapsible.anatomy.js +6 -0
- package/dist/node_modules/@zag-js/collapsible/dist/collapsible.connect.js +80 -0
- package/dist/node_modules/@zag-js/collapsible/dist/collapsible.dom.js +16 -0
- package/dist/node_modules/@zag-js/collapsible/dist/{index.js → collapsible.machine.js} +58 -115
- package/dist/node_modules/@zag-js/collection/dist/chunk-QZ7TP4HQ.js +4 -0
- package/dist/node_modules/@zag-js/collection/dist/{index.js → list-collection.js} +58 -56
- package/dist/node_modules/@zag-js/collection/dist/selection-map.js +58 -0
- package/dist/node_modules/@zag-js/combobox/dist/combobox.anatomy.js +21 -0
- package/dist/node_modules/@zag-js/combobox/dist/combobox.collection.js +6 -0
- package/dist/node_modules/@zag-js/combobox/dist/combobox.connect.js +341 -0
- package/dist/node_modules/@zag-js/combobox/dist/combobox.dom.js +68 -0
- package/dist/node_modules/@zag-js/combobox/dist/combobox.machine.js +936 -0
- package/dist/node_modules/@zag-js/core/dist/create-machine.js +32 -0
- package/dist/node_modules/@zag-js/core/dist/memo.js +11 -0
- package/dist/node_modules/@zag-js/core/dist/merge-props.js +48 -0
- package/dist/node_modules/@zag-js/core/dist/scope.js +19 -0
- package/dist/node_modules/@zag-js/core/dist/state.js +143 -0
- package/dist/node_modules/@zag-js/core/dist/types.js +5 -0
- package/dist/node_modules/@zag-js/date-picker/dist/date-picker.anatomy.js +31 -0
- package/dist/node_modules/@zag-js/date-picker/dist/date-picker.connect.js +742 -0
- package/dist/node_modules/@zag-js/date-picker/dist/date-picker.dom.js +73 -0
- package/dist/node_modules/@zag-js/date-picker/dist/date-picker.machine.js +1042 -0
- package/dist/node_modules/@zag-js/date-picker/dist/date-picker.parse.js +8 -0
- package/dist/node_modules/@zag-js/date-picker/dist/date-picker.utils.js +155 -0
- package/dist/node_modules/@zag-js/date-utils/dist/align.js +15 -0
- package/dist/node_modules/@zag-js/date-utils/dist/assertion.js +26 -0
- package/dist/node_modules/@zag-js/date-utils/dist/constrain.js +40 -0
- package/dist/node_modules/@zag-js/date-utils/dist/date-month.js +74 -0
- package/dist/node_modules/@zag-js/date-utils/dist/date-year.js +37 -0
- package/dist/node_modules/@zag-js/date-utils/dist/duration.js +13 -0
- package/dist/node_modules/@zag-js/date-utils/dist/format.js +25 -0
- package/dist/node_modules/@zag-js/date-utils/dist/formatter.js +30 -0
- package/dist/node_modules/@zag-js/date-utils/dist/get-era-format.js +8 -0
- package/dist/node_modules/@zag-js/date-utils/dist/mutation.js +9 -0
- package/dist/node_modules/@zag-js/date-utils/dist/pagination.js +95 -0
- package/dist/node_modules/@zag-js/date-utils/dist/parse-date.js +34 -0
- package/dist/node_modules/@zag-js/date-utils/dist/preset.js +41 -0
- package/dist/node_modules/@zag-js/dialog/dist/dialog.anatomy.js +14 -0
- package/dist/node_modules/@zag-js/dialog/dist/dialog.connect.js +104 -0
- package/dist/node_modules/@zag-js/dialog/dist/dialog.dom.js +42 -0
- package/dist/node_modules/@zag-js/dialog/dist/dialog.machine.js +220 -0
- package/dist/node_modules/@zag-js/dismissable/dist/dismissable-layer.js +80 -0
- package/dist/node_modules/@zag-js/dismissable/dist/escape-keydown.js +11 -0
- package/dist/node_modules/@zag-js/dismissable/dist/layer-stack.js +103 -0
- package/dist/node_modules/@zag-js/dismissable/dist/pointer-event-outside.js +37 -0
- package/dist/node_modules/@zag-js/dom-query/dist/caret.js +12 -0
- package/dist/node_modules/@zag-js/dom-query/dist/chunk-QZ7TP4HQ.js +4 -0
- package/dist/node_modules/@zag-js/dom-query/dist/computed-style.js +8 -0
- package/dist/node_modules/@zag-js/dom-query/dist/controller.js +76 -0
- package/dist/node_modules/@zag-js/dom-query/dist/event.js +80 -0
- package/dist/node_modules/@zag-js/dom-query/dist/form.js +70 -0
- package/dist/node_modules/@zag-js/dom-query/dist/initial-focus.js +22 -0
- package/dist/node_modules/@zag-js/dom-query/dist/mutation-observer.js +41 -0
- package/dist/node_modules/@zag-js/dom-query/dist/navigate.js +13 -0
- package/dist/node_modules/@zag-js/dom-query/dist/node.js +87 -0
- package/dist/node_modules/@zag-js/dom-query/dist/overflow.js +27 -0
- package/dist/node_modules/@zag-js/dom-query/dist/platform.js +24 -0
- package/dist/node_modules/@zag-js/dom-query/dist/press.js +61 -0
- package/dist/node_modules/@zag-js/dom-query/dist/query.js +31 -0
- package/dist/node_modules/@zag-js/dom-query/dist/raf.js +51 -0
- package/dist/node_modules/@zag-js/dom-query/dist/resize-observer.js +34 -0
- package/dist/node_modules/@zag-js/dom-query/dist/searchable.js +17 -0
- package/dist/node_modules/@zag-js/dom-query/dist/set.js +29 -0
- package/dist/node_modules/@zag-js/dom-query/dist/shared.js +11 -0
- package/dist/node_modules/@zag-js/dom-query/dist/tabbable.js +110 -0
- package/dist/node_modules/@zag-js/dom-query/dist/text-selection.js +36 -0
- package/dist/node_modules/@zag-js/dom-query/dist/typeahead.js +25 -0
- package/dist/node_modules/@zag-js/dom-query/dist/visually-hidden.js +15 -0
- package/dist/node_modules/@zag-js/dom-query/dist/wait-for.js +42 -0
- package/dist/node_modules/@zag-js/focus-trap/dist/chunk-QZ7TP4HQ.js +4 -0
- package/dist/node_modules/@zag-js/focus-trap/dist/focus-trap.js +335 -0
- package/dist/node_modules/@zag-js/focus-trap/dist/index.js +24 -299
- package/dist/node_modules/@zag-js/focus-visible/dist/index.js +63 -39
- package/dist/node_modules/@zag-js/interact-outside/dist/frame-utils.js +60 -0
- package/dist/node_modules/@zag-js/interact-outside/dist/index.js +97 -131
- package/dist/node_modules/@zag-js/menu/dist/menu.anatomy.js +21 -0
- package/dist/node_modules/@zag-js/menu/dist/menu.connect.js +385 -0
- package/dist/node_modules/@zag-js/menu/dist/menu.dom.js +93 -0
- package/dist/node_modules/@zag-js/menu/dist/menu.machine.js +855 -0
- package/dist/node_modules/@zag-js/menu/dist/menu.utils.js +51 -0
- package/dist/node_modules/@zag-js/pagination/dist/pagination.anatomy.js +14 -0
- package/dist/node_modules/@zag-js/pagination/dist/pagination.connect.js +145 -0
- package/dist/node_modules/@zag-js/pagination/dist/pagination.dom.js +31 -0
- package/dist/node_modules/@zag-js/pagination/dist/pagination.machine.js +132 -0
- package/dist/node_modules/@zag-js/pagination/dist/pagination.utils.js +39 -0
- package/dist/node_modules/@zag-js/popper/dist/get-anchor.js +34 -0
- package/dist/node_modules/@zag-js/popper/dist/get-placement.js +190 -0
- package/dist/node_modules/@zag-js/popper/dist/get-styles.js +47 -0
- package/dist/node_modules/@zag-js/popper/dist/middleware.js +57 -0
- package/dist/node_modules/@zag-js/popper/dist/placement.js +11 -0
- package/dist/node_modules/@zag-js/presence/dist/presence.connect.js +16 -0
- package/dist/node_modules/@zag-js/presence/dist/{index.js → presence.machine.js} +39 -47
- package/dist/node_modules/@zag-js/radio-group/dist/radio-group.anatomy.js +13 -0
- package/dist/node_modules/@zag-js/radio-group/dist/radio-group.connect.js +197 -0
- package/dist/node_modules/@zag-js/radio-group/dist/radio-group.dom.js +57 -0
- package/dist/node_modules/@zag-js/radio-group/dist/radio-group.machine.js +179 -0
- package/dist/node_modules/@zag-js/react/dist/bindable.js +52 -0
- package/dist/node_modules/@zag-js/react/dist/machine.js +208 -0
- package/dist/node_modules/@zag-js/react/dist/normalize-props.js +5 -0
- package/dist/node_modules/@zag-js/react/dist/refs.js +15 -0
- package/dist/node_modules/@zag-js/react/dist/track.js +13 -0
- package/dist/node_modules/@zag-js/react/dist/use-layout-effect.js +5 -0
- package/dist/node_modules/@zag-js/rect-utils/dist/polygon.js +23 -0
- package/dist/node_modules/@zag-js/rect-utils/dist/rect.js +26 -0
- package/dist/node_modules/@zag-js/remove-scroll/dist/index.js +32 -23
- package/dist/node_modules/@zag-js/select/dist/select.anatomy.js +22 -0
- package/dist/node_modules/@zag-js/select/dist/select.collection.js +6 -0
- package/dist/node_modules/@zag-js/select/dist/select.connect.js +372 -0
- package/dist/node_modules/@zag-js/select/dist/select.dom.js +53 -0
- package/dist/node_modules/@zag-js/select/dist/select.machine.js +690 -0
- package/dist/node_modules/@zag-js/switch/dist/switch.anatomy.js +6 -0
- package/dist/node_modules/@zag-js/switch/dist/switch.connect.js +110 -0
- package/dist/node_modules/@zag-js/switch/dist/switch.dom.js +25 -0
- package/dist/node_modules/@zag-js/switch/dist/switch.machine.js +143 -0
- package/dist/node_modules/@zag-js/tabs/dist/tabs.anatomy.js +6 -0
- package/dist/node_modules/@zag-js/tabs/dist/tabs.connect.js +176 -0
- package/dist/node_modules/@zag-js/tabs/dist/tabs.dom.js +47 -0
- package/dist/node_modules/@zag-js/tabs/dist/tabs.machine.js +268 -0
- package/dist/node_modules/@zag-js/toast/dist/index.js +6 -798
- package/dist/node_modules/@zag-js/toast/dist/toast-group.connect.js +54 -0
- package/dist/node_modules/@zag-js/toast/dist/toast-group.machine.js +236 -0
- package/dist/node_modules/@zag-js/toast/dist/toast.anatomy.js +13 -0
- package/dist/node_modules/@zag-js/toast/dist/toast.connect.js +102 -0
- package/dist/node_modules/@zag-js/toast/dist/toast.dom.js +10 -0
- package/dist/node_modules/@zag-js/toast/dist/toast.machine.js +234 -0
- package/dist/node_modules/@zag-js/toast/dist/toast.store.js +134 -0
- package/dist/node_modules/@zag-js/toast/dist/toast.utils.js +122 -0
- package/dist/node_modules/@zag-js/tooltip/dist/tooltip.anatomy.js +6 -0
- package/dist/node_modules/@zag-js/tooltip/dist/tooltip.connect.js +120 -0
- package/dist/node_modules/@zag-js/tooltip/dist/tooltip.dom.js +25 -0
- package/dist/node_modules/@zag-js/tooltip/dist/{index.js → tooltip.machine.js} +109 -188
- package/dist/node_modules/@zag-js/tooltip/dist/tooltip.store.js +9 -0
- package/dist/node_modules/@zag-js/types/dist/prop-types.js +10 -0
- package/dist/node_modules/@zag-js/utils/dist/array.js +39 -0
- package/dist/node_modules/@zag-js/utils/dist/chunk-MXGZDBDQ.js +8 -0
- package/dist/node_modules/@zag-js/utils/dist/equal.js +27 -0
- package/dist/node_modules/@zag-js/utils/dist/functions.js +28 -0
- package/dist/node_modules/@zag-js/utils/dist/guard.js +19 -0
- package/dist/node_modules/@zag-js/utils/dist/number.js +11 -0
- package/dist/node_modules/@zag-js/utils/dist/object.js +13 -0
- package/dist/node_modules/@zag-js/utils/dist/store.js +25 -0
- package/dist/node_modules/@zag-js/utils/dist/timers.js +39 -0
- package/dist/node_modules/@zag-js/utils/dist/warning.js +25 -0
- package/dist/styled-system/css/css.js +1 -1
- package/dist/styled-system/helpers.js +85 -83
- package/dist/styled-system/jsx/is-valid-prop.js +1 -1
- package/dist/styles.css +1 -1
- package/package.json +18 -21
- package/styled-system/css/css.js +1 -1
- package/styled-system/helpers.js +3 -0
- package/styled-system/jsx/is-valid-prop.js +1 -1
- package/styled-system/patterns/aspect-ratio.d.ts +0 -1
- package/styled-system/patterns/bleed.d.ts +0 -1
- package/styled-system/patterns/box.d.ts +0 -1
- package/styled-system/patterns/center.d.ts +0 -1
- package/styled-system/patterns/circle.d.ts +0 -1
- package/styled-system/patterns/container.d.ts +0 -1
- package/styled-system/patterns/cq.d.ts +0 -1
- package/styled-system/patterns/divider.d.ts +0 -1
- package/styled-system/patterns/flex.d.ts +0 -1
- package/styled-system/patterns/float.d.ts +0 -1
- package/styled-system/patterns/grid-item.d.ts +0 -1
- package/styled-system/patterns/grid.d.ts +0 -1
- package/styled-system/patterns/hstack.d.ts +0 -1
- package/styled-system/patterns/link-overlay.d.ts +0 -1
- package/styled-system/patterns/spacer.d.ts +0 -1
- package/styled-system/patterns/square.d.ts +0 -1
- package/styled-system/patterns/stack.d.ts +0 -1
- package/styled-system/patterns/visually-hidden.d.ts +0 -1
- package/styled-system/patterns/vstack.d.ts +0 -1
- package/styled-system/patterns/wrap.d.ts +0 -1
- package/styled-system/themes/theme-asagi.json +1 -1
- package/styled-system/themes/theme-konjo-dark.json +1 -1
- package/styled-system/themes/theme-kurikawa.json +1 -1
- package/styled-system/themes/theme-sumire.json +1 -1
- package/styled-system/themes/theme-tsutsuji.json +1 -1
- package/styled-system/tokens/tokens.d.ts +1 -1
- package/styled-system/types/conditions.d.ts +11 -11
- package/styled-system/types/prop-type.d.ts +2 -0
- package/styled-system/types/style-props.d.ts +3 -4
- package/dist/node_modules/@zag-js/accordion/dist/index.js +0 -290
- package/dist/node_modules/@zag-js/avatar/dist/index.js +0 -154
- package/dist/node_modules/@zag-js/checkbox/dist/index.js +0 -270
- package/dist/node_modules/@zag-js/combobox/dist/index.js +0 -1415
- package/dist/node_modules/@zag-js/core/dist/index.js +0 -92
- package/dist/node_modules/@zag-js/date-picker/dist/index.js +0 -1826
- package/dist/node_modules/@zag-js/date-utils/dist/index.js +0 -366
- package/dist/node_modules/@zag-js/dialog/dist/index.js +0 -324
- package/dist/node_modules/@zag-js/dismissable/dist/index.js +0 -188
- package/dist/node_modules/@zag-js/dom-query/dist/index.js +0 -633
- package/dist/node_modules/@zag-js/menu/dist/index.js +0 -1235
- package/dist/node_modules/@zag-js/pagination/dist/index.js +0 -273
- package/dist/node_modules/@zag-js/popper/dist/index.js +0 -260
- package/dist/node_modules/@zag-js/radio-group/dist/index.js +0 -407
- package/dist/node_modules/@zag-js/react/dist/index.js +0 -269
- package/dist/node_modules/@zag-js/rect-utils/dist/index.js +0 -46
- package/dist/node_modules/@zag-js/select/dist/index.js +0 -1088
- package/dist/node_modules/@zag-js/switch/dist/index.js +0 -275
- package/dist/node_modules/@zag-js/tabs/dist/index.js +0 -475
- package/dist/node_modules/@zag-js/types/dist/index.js +0 -12
- package/dist/node_modules/@zag-js/utils/dist/index.js +0 -173
- /package/dist/node_modules/@zag-js/anatomy/dist/{index.js → create-anatomy.js} +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
export type Token = "colors.sd.reference.color.scale.white.1000" | "colors.sd.reference.color.scale.black.1000" | "colors.sd.reference.color.scale.transparency.bl2" | "colors.sd.reference.color.scale.transparency.bl5" | "colors.sd.reference.color.scale.transparency.bl20" | "colors.sd.reference.color.scale.transparency.wh60" | "colors.sd.reference.color.scale.transparency.wh2" | "colors.sd.reference.color.scale.transparency.wh5" | "colors.sd.reference.color.scale.transparency.wh20" | "colors.sd.reference.color.scale.transparency.bl60" | "colors.sd.reference.color.scale.gray.100" | "colors.sd.reference.color.scale.gray.200" | "colors.sd.reference.color.scale.gray.300" | "colors.sd.reference.color.scale.gray.400" | "colors.sd.reference.color.scale.gray.500" | "colors.sd.reference.color.scale.gray.600" | "colors.sd.reference.color.scale.gray.700" | "colors.sd.reference.color.scale.gray.800" | "colors.sd.reference.color.scale.gray.900" | "colors.sd.reference.color.scale.gray.1000" | "colors.sd.reference.color.scale.neutral.100" | "colors.sd.reference.color.scale.neutral.200" | "colors.sd.reference.color.scale.neutral.300" | "colors.sd.reference.color.scale.neutral.400" | "colors.sd.reference.color.scale.neutral.500" | "colors.sd.reference.color.scale.neutral.600" | "colors.sd.reference.color.scale.neutral.700" | "colors.sd.reference.color.scale.neutral.800" | "colors.sd.reference.color.scale.neutral.900" | "colors.sd.reference.color.scale.neutral.1000" | "colors.sd.reference.color.scale.red.100" | "colors.sd.reference.color.scale.red.200" | "colors.sd.reference.color.scale.red.300" | "colors.sd.reference.color.scale.red.400" | "colors.sd.reference.color.scale.red.500" | "colors.sd.reference.color.scale.red.600" | "colors.sd.reference.color.scale.red.700" | "colors.sd.reference.color.scale.red.800" | "colors.sd.reference.color.scale.red.900" | "colors.sd.reference.color.scale.red.1000" | "colors.sd.reference.color.scale.chestnut.100" | "colors.sd.reference.color.scale.chestnut.200" | "colors.sd.reference.color.scale.chestnut.300" | "colors.sd.reference.color.scale.chestnut.400" | "colors.sd.reference.color.scale.chestnut.500" | "colors.sd.reference.color.scale.chestnut.600" | "colors.sd.reference.color.scale.chestnut.700" | "colors.sd.reference.color.scale.chestnut.800" | "colors.sd.reference.color.scale.chestnut.900" | "colors.sd.reference.color.scale.chestnut.1000" | "colors.sd.reference.color.scale.beige.100" | "colors.sd.reference.color.scale.beige.200" | "colors.sd.reference.color.scale.beige.300" | "colors.sd.reference.color.scale.beige.400" | "colors.sd.reference.color.scale.beige.500" | "colors.sd.reference.color.scale.beige.600" | "colors.sd.reference.color.scale.beige.700" | "colors.sd.reference.color.scale.beige.800" | "colors.sd.reference.color.scale.beige.900" | "colors.sd.reference.color.scale.beige.1000" | "colors.sd.reference.color.scale.yellow.100" | "colors.sd.reference.color.scale.yellow.200" | "colors.sd.reference.color.scale.yellow.300" | "colors.sd.reference.color.scale.yellow.400" | "colors.sd.reference.color.scale.yellow.500" | "colors.sd.reference.color.scale.yellow.600" | "colors.sd.reference.color.scale.yellow.700" | "colors.sd.reference.color.scale.yellow.800" | "colors.sd.reference.color.scale.yellow.900" | "colors.sd.reference.color.scale.yellow.1000" | "colors.sd.reference.color.scale.green.100" | "colors.sd.reference.color.scale.green.200" | "colors.sd.reference.color.scale.green.300" | "colors.sd.reference.color.scale.green.400" | "colors.sd.reference.color.scale.green.500" | "colors.sd.reference.color.scale.green.600" | "colors.sd.reference.color.scale.green.700" | "colors.sd.reference.color.scale.green.800" | "colors.sd.reference.color.scale.green.900" | "colors.sd.reference.color.scale.green.1000" | "colors.sd.reference.color.scale.skyBlue.100" | "colors.sd.reference.color.scale.skyBlue.200" | "colors.sd.reference.color.scale.skyBlue.300" | "colors.sd.reference.color.scale.skyBlue.400" | "colors.sd.reference.color.scale.skyBlue.500" | "colors.sd.reference.color.scale.skyBlue.600" | "colors.sd.reference.color.scale.skyBlue.700" | "colors.sd.reference.color.scale.skyBlue.800" | "colors.sd.reference.color.scale.skyBlue.900" | "colors.sd.reference.color.scale.skyBlue.1000" | "colors.sd.reference.color.scale.blue.100" | "colors.sd.reference.color.scale.blue.200" | "colors.sd.reference.color.scale.blue.300" | "colors.sd.reference.color.scale.blue.400" | "colors.sd.reference.color.scale.blue.500" | "colors.sd.reference.color.scale.blue.600" | "colors.sd.reference.color.scale.blue.700" | "colors.sd.reference.color.scale.blue.800" | "colors.sd.reference.color.scale.blue.900" | "colors.sd.reference.color.scale.blue.1000" | "colors.sd.reference.color.scale.purple.100" | "colors.sd.reference.color.scale.purple.200" | "colors.sd.reference.color.scale.purple.300" | "colors.sd.reference.color.scale.purple.400" | "colors.sd.reference.color.scale.purple.500" | "colors.sd.reference.color.scale.purple.600" | "colors.sd.reference.color.scale.purple.700" | "colors.sd.reference.color.scale.purple.800" | "colors.sd.reference.color.scale.purple.900" | "colors.sd.reference.color.scale.purple.1000" | "colors.sd.reference.color.scale.pink.100" | "colors.sd.reference.color.scale.pink.200" | "colors.sd.reference.color.scale.pink.300" | "colors.sd.reference.color.scale.pink.400" | "colors.sd.reference.color.scale.pink.500" | "colors.sd.reference.color.scale.pink.600" | "colors.sd.reference.color.scale.pink.700" | "colors.sd.reference.color.scale.pink.800" | "colors.sd.reference.color.scale.pink.900" | "colors.sd.reference.color.scale.pink.1000" | "colors.sd.system.color.impression.primary" | "colors.sd.system.color.impression.onPrimary" | "colors.sd.system.color.impression.primaryContainer" | "colors.sd.system.color.impression.onPrimaryContainer" | "colors.sd.system.color.impression.secondary" | "colors.sd.system.color.impression.onSecondary" | "colors.sd.system.color.impression.secondaryContainer" | "colors.sd.system.color.impression.onSecondaryContainer" | "colors.sd.system.color.impression.tertiary" | "colors.sd.system.color.impression.onTertiary" | "colors.sd.system.color.impression.tertiaryContainer" | "colors.sd.system.color.impression.onTertiaryContainer" | "colors.sd.system.color.impression.notice" | "colors.sd.system.color.impression.onNotice" | "colors.sd.system.color.impression.noticeContainer" | "colors.sd.system.color.impression.onNoticeContainer" | "colors.sd.system.color.impression.noticeContainerVariant" | "colors.sd.system.color.impression.onNoticeContainerVariant" | "colors.sd.system.color.impression.negative" | "colors.sd.system.color.impression.onNegative" | "colors.sd.system.color.impression.negativeContainer" | "colors.sd.system.color.impression.onNegativeContainer" | "colors.sd.system.color.impression.negativeContainerVariant" | "colors.sd.system.color.impression.onNegativeContainerVariant" | "colors.sd.system.color.impression.positive" | "colors.sd.system.color.impression.onPositive" | "colors.sd.system.color.impression.positiveContainer" | "colors.sd.system.color.impression.onPositiveContainer" | "colors.sd.system.color.impression.positiveContainerVariant" | "colors.sd.system.color.impression.onPositiveContainerVariant" | "colors.sd.system.color.component.surface" | "colors.sd.system.color.component.onSurface" | "colors.sd.system.color.component.onSurfaceVariant" | "colors.sd.system.color.component.inverseSurface" | "colors.sd.system.color.component.inverseOnSurface" | "colors.sd.system.color.component.inversePrimary" | "colors.sd.system.color.component.outlineBright" | "colors.sd.system.color.component.outline" | "colors.sd.system.color.component.outlineDim" | "colors.sd.system.color.component.scrim" | "colors.sd.system.color.component.surfaceDim" | "colors.sd.system.color.component.surfaceBright" | "colors.sd.system.color.component.surfaceContainerBright" | "colors.sd.system.color.component.surfaceContainer" | "colors.sd.system.color.component.surfaceContainerDim" | "colors.sd.system.color.interaction.disabled" | "colors.sd.system.color.interaction.disabledOnSurface" | "colors.sd.system.color.interaction.selected" | "colors.sd.system.color.interaction.selectedSurface" | "colors.sd.system.color.interaction.hovered" | "colors.sd.system.color.interaction.hoveredVariant" | "colors.sd.system.color.interaction.hoveredOnPrimary" | "colors.sd.system.color.chart.mark.primary.01" | "colors.sd.system.color.chart.mark.primary.02" | "colors.sd.system.color.chart.mark.primary.03" | "colors.sd.system.color.chart.mark.primary.04" | "colors.sd.system.color.chart.mark.primary.05" | "colors.sd.system.color.chart.mark.primary.06" | "colors.sd.system.color.chart.mark.positive.01" | "colors.sd.system.color.chart.mark.positive.02" | "colors.sd.system.color.chart.mark.positive.03" | "colors.sd.system.color.chart.mark.positive.04" | "colors.sd.system.color.chart.mark.positive.05" | "colors.sd.system.color.chart.mark.positive.06" | "colors.sd.system.color.chart.mark.negative.01" | "colors.sd.system.color.chart.mark.negative.02" | "colors.sd.system.color.chart.mark.negative.03" | "colors.sd.system.color.chart.mark.negative.04" | "colors.sd.system.color.chart.mark.negative.05" | "colors.sd.system.color.chart.mark.negative.06" | "colors.sd.system.color.chart.mark.notice.01" | "colors.sd.system.color.chart.mark.notice.02" | "colors.sd.system.color.chart.mark.notice.03" | "colors.sd.system.color.chart.mark.notice.04" | "colors.sd.system.color.chart.mark.notice.05" | "colors.sd.system.color.chart.mark.notice.06" | "colors.sd.system.color.chart.mark.multi.10" | "colors.sd.system.color.chart.mark.multi.01" | "colors.sd.system.color.chart.mark.multi.02" | "colors.sd.system.color.chart.mark.multi.03" | "colors.sd.system.color.chart.mark.multi.04" | "colors.sd.system.color.chart.mark.multi.05" | "colors.sd.system.color.chart.mark.multi.06" | "colors.sd.system.color.chart.mark.multi.07" | "colors.sd.system.color.chart.mark.multi.08" | "colors.sd.system.color.chart.mark.multi.09" | "colors.sd.system.color.chart.component.onMarkLabel" | "colors.sd.system.color.chart.component.inverseOnMarkLabel" | "colors.sd.system.color.chart.component.scalemark" | "colors.sd.system.color.chart.component.threshold" | "colors.sd.system.color.chart.component.chartSurface" | "colors.sd.system.color.chart.component.onChartSurface" | "spacing.sd.reference.dimension.scale.0" | "spacing.sd.reference.dimension.scale.1" | "spacing.sd.reference.dimension.scale.2" | "spacing.sd.reference.dimension.scale.3" | "spacing.sd.reference.dimension.scale.4" | "spacing.sd.reference.dimension.scale.5" | "spacing.sd.reference.dimension.scale.6" | "spacing.sd.reference.dimension.scale.7" | "spacing.sd.reference.dimension.scale.8" | "spacing.sd.reference.dimension.scale.9" | "spacing.sd.reference.dimension.scale.10" | "spacing.sd.reference.dimension.scale.11" | "spacing.sd.reference.dimension.scale.12" | "spacing.sd.reference.dimension.scale.13" | "spacing.sd.reference.dimension.scale.14" | "spacing.sd.reference.dimension.scale.15" | "spacing.sd.reference.dimension.scale.16" | "spacing.sd.reference.dimension.scale.17" | "spacing.sd.reference.dimension.scale.18" | "spacing.sd.system.dimension.spacing.none" | "spacing.sd.system.dimension.spacing.twoExtraSmall" | "spacing.sd.system.dimension.spacing.extraSmall" | "spacing.sd.system.dimension.spacing.small" | "spacing.sd.system.dimension.spacing.medium" | "spacing.sd.system.dimension.spacing.large" | "spacing.sd.system.dimension.spacing.extraLarge" | "spacing.sd.system.dimension.spacing.twoExtraLarge" | "spacing.sd.system.dimension.spacing.threeExtraLarge" | "spacing.sd.system.dimension.spacing.fourExtraLarge" | "spacing.sd.system.dimension.spacing.fiveExtraLarge" | "spacing.sd.system.dimension.spacing.sixExtraLarge" | "sizes.sd.reference.dimension.breakpoint.small" | "sizes.sd.reference.dimension.breakpoint.medium" | "sizes.sd.reference.dimension.breakpoint.large" | "sizes.sd.reference.dimension.breakpoint.extraLarge" | "sizes.sd.reference.dimension.scale.0" | "sizes.sd.reference.dimension.scale.1" | "sizes.sd.reference.dimension.scale.2" | "sizes.sd.reference.dimension.scale.3" | "sizes.sd.reference.dimension.scale.4" | "sizes.sd.reference.dimension.scale.5" | "sizes.sd.reference.dimension.scale.6" | "sizes.sd.reference.dimension.scale.7" | "sizes.sd.reference.dimension.scale.8" | "sizes.sd.reference.dimension.scale.9" | "sizes.sd.reference.dimension.scale.10" | "sizes.sd.reference.dimension.scale.11" | "sizes.sd.reference.dimension.scale.12" | "sizes.sd.reference.dimension.scale.13" | "sizes.sd.reference.dimension.scale.14" | "sizes.sd.reference.dimension.scale.15" | "sizes.sd.reference.dimension.scale.16" | "sizes.sd.reference.dimension.scale.17" | "sizes.sd.reference.dimension.scale.18" | "sizes.sd.system.dimension.breakpoint.compact" | "sizes.sd.system.dimension.breakpoint.expanded" | "sizes.sd.system.dimension.spacing.none" | "sizes.sd.system.dimension.spacing.twoExtraSmall" | "sizes.sd.system.dimension.spacing.extraSmall" | "sizes.sd.system.dimension.spacing.small" | "sizes.sd.system.dimension.spacing.medium" | "sizes.sd.system.dimension.spacing.large" | "sizes.sd.system.dimension.spacing.extraLarge" | "sizes.sd.system.dimension.spacing.twoExtraLarge" | "sizes.sd.system.dimension.spacing.threeExtraLarge" | "sizes.sd.system.dimension.spacing.fourExtraLarge" | "sizes.sd.system.dimension.spacing.fiveExtraLarge" | "sizes.sd.system.dimension.spacing.sixExtraLarge" | "sizes.breakpoint-expanded" | "opacity.sd.reference.elevation.opacity.scale.0" | "opacity.sd.reference.elevation.opacity.scale.1" | "opacity.sd.reference.elevation.opacity.scale.2" | "opacity.sd.reference.elevation.opacity.scale.3" | "opacity.sd.reference.elevation.opacity.scale.4" | "opacity.sd.reference.elevation.opacity.scale.5" | "opacity.sd.reference.elevation.opacity.scale.6" | "opacity.sd.reference.elevation.opacity.scale.7" | "opacity.sd.reference.elevation.opacity.scale.8" | "opacity.sd.reference.elevation.opacity.scale.9" | "opacity.sd.reference.elevation.opacity.scale.10" | "fonts.sd.reference.typography.fontFamily.primary" | "fonts.sd.reference.typography.fontFamily.monospace" | "fontWeights.sd.reference.typography.fontWeight.regular" | "fontWeights.sd.reference.typography.fontWeight.bold" | "lineHeights.sd.reference.typography.lineHeight.none" | "lineHeights.sd.reference.typography.lineHeight.tight" | "lineHeights.sd.reference.typography.lineHeight.normal" | "lineHeights.sd.reference.typography.lineHeight.relaxed" | "fontSizes.sd.reference.typography.scale.expanded.fourExtraSmall" | "fontSizes.sd.reference.typography.scale.expanded.threeExtraSmall" | "fontSizes.sd.reference.typography.scale.expanded.twoExtraSmall" | "fontSizes.sd.reference.typography.scale.expanded.extraSmall" | "fontSizes.sd.reference.typography.scale.expanded.small" | "fontSizes.sd.reference.typography.scale.expanded.medium" | "fontSizes.sd.reference.typography.scale.expanded.large" | "fontSizes.sd.reference.typography.scale.expanded.extraLarge" | "fontSizes.sd.reference.typography.scale.expanded.twoExtraLarge" | "fontSizes.sd.reference.typography.scale.expanded.threeExtraLarge" | "fontSizes.sd.reference.typography.scale.expanded.fourExtraLarge" | "fontSizes.sd.reference.typography.scale.expanded.fiveExtraLarge" | "fontSizes.sd.reference.typography.scale.compact.twoExtraSmall" | "fontSizes.sd.reference.typography.scale.compact.extraSmall" | "fontSizes.sd.reference.typography.scale.compact.small" | "fontSizes.sd.reference.typography.scale.compact.medium" | "fontSizes.sd.reference.typography.scale.compact.large" | "fontSizes.sd.reference.typography.scale.compact.extraLarge" | "fontSizes.sd.reference.typography.scale.compact.twoExtraLarge" | "fontSizes.sd.reference.typography.scale.compact.threeExtraLarge" | "fontSizes.sd.reference.typography.scale.compact.fourExtraLarge" | "fontSizes.sd.reference.typography.scale.compact.fiveExtraLarge" | "borderWidths.sd.system.dimension.border.medium" | "borderWidths.sd.system.dimension.border.thick" | "borderWidths.sd.system.dimension.border.extraThick" | "radii.sd.system.dimension.radius.extraSmall" | "radii.sd.system.dimension.radius.small" | "radii.sd.system.dimension.radius.medium" | "radii.sd.system.dimension.radius.large" | "radii.sd.system.dimension.radius.extraLarge" | "radii.sd.system.dimension.radius.full" | "shadows.sd.system.elevation.shadow.level1" | "shadows.sd.system.elevation.shadow.level2" | "shadows.sd.system.elevation.shadow.level3" | "shadows.sd.system.elevation.shadow.level4" | "shadows.sd.system.elevation.shadow.level5" | "zIndex.sd.system.elevation.zIndex.deepDive" | "zIndex.sd.system.elevation.zIndex.base" | "zIndex.sd.system.elevation.zIndex.docked" | "zIndex.sd.system.elevation.zIndex.dropdown" | "zIndex.sd.system.elevation.zIndex.modal" | "zIndex.sd.system.elevation.zIndex.toast" | "breakpoints.expanded" | "spacing.sd.reference.dimension.scale.-0" | "spacing.sd.reference.dimension.scale.-1" | "spacing.sd.reference.dimension.scale.-2" | "spacing.sd.reference.dimension.scale.-3" | "spacing.sd.reference.dimension.scale.-4" | "spacing.sd.reference.dimension.scale.-5" | "spacing.sd.reference.dimension.scale.-6" | "spacing.sd.reference.dimension.scale.-7" | "spacing.sd.reference.dimension.scale.-8" | "spacing.sd.reference.dimension.scale.-9" | "spacing.sd.reference.dimension.scale.-10" | "spacing.sd.reference.dimension.scale.-11" | "spacing.sd.reference.dimension.scale.-12" | "spacing.sd.reference.dimension.scale.-13" | "spacing.sd.reference.dimension.scale.-14" | "spacing.sd.reference.dimension.scale.-15" | "spacing.sd.reference.dimension.scale.-16" | "spacing.sd.reference.dimension.scale.-17" | "spacing.sd.reference.dimension.scale.-18" | "spacing.sd.system.dimension.spacing.-none" | "spacing.sd.system.dimension.spacing.-twoExtraSmall" | "spacing.sd.system.dimension.spacing.-extraSmall" | "spacing.sd.system.dimension.spacing.-small" | "spacing.sd.system.dimension.spacing.-medium" | "spacing.sd.system.dimension.spacing.-large" | "spacing.sd.system.dimension.spacing.-extraLarge" | "spacing.sd.system.dimension.spacing.-twoExtraLarge" | "spacing.sd.system.dimension.spacing.-threeExtraLarge" | "spacing.sd.system.dimension.spacing.-fourExtraLarge" | "spacing.sd.system.dimension.spacing.-fiveExtraLarge" | "spacing.sd.system.dimension.spacing.-sixExtraLarge" | "colors.colorPalette.reference.color.scale.white.1000" | "colors.colorPalette.color.scale.white.1000" | "colors.colorPalette.scale.white.1000" | "colors.colorPalette.white.1000" | "colors.colorPalette.1000" | "colors.colorPalette.reference.color.scale.black.1000" | "colors.colorPalette.color.scale.black.1000" | "colors.colorPalette.scale.black.1000" | "colors.colorPalette.black.1000" | "colors.colorPalette.reference.color.scale.transparency.bl2" | "colors.colorPalette.color.scale.transparency.bl2" | "colors.colorPalette.scale.transparency.bl2" | "colors.colorPalette.transparency.bl2" | "colors.colorPalette.bl2" | "colors.colorPalette.reference.color.scale.transparency.bl5" | "colors.colorPalette.color.scale.transparency.bl5" | "colors.colorPalette.scale.transparency.bl5" | "colors.colorPalette.transparency.bl5" | "colors.colorPalette.bl5" | "colors.colorPalette.reference.color.scale.transparency.bl20" | "colors.colorPalette.color.scale.transparency.bl20" | "colors.colorPalette.scale.transparency.bl20" | "colors.colorPalette.transparency.bl20" | "colors.colorPalette.bl20" | "colors.colorPalette.reference.color.scale.transparency.wh60" | "colors.colorPalette.color.scale.transparency.wh60" | "colors.colorPalette.scale.transparency.wh60" | "colors.colorPalette.transparency.wh60" | "colors.colorPalette.wh60" | "colors.colorPalette.reference.color.scale.transparency.wh2" | "colors.colorPalette.color.scale.transparency.wh2" | "colors.colorPalette.scale.transparency.wh2" | "colors.colorPalette.transparency.wh2" | "colors.colorPalette.wh2" | "colors.colorPalette.reference.color.scale.transparency.wh5" | "colors.colorPalette.color.scale.transparency.wh5" | "colors.colorPalette.scale.transparency.wh5" | "colors.colorPalette.transparency.wh5" | "colors.colorPalette.wh5" | "colors.colorPalette.reference.color.scale.transparency.wh20" | "colors.colorPalette.color.scale.transparency.wh20" | "colors.colorPalette.scale.transparency.wh20" | "colors.colorPalette.transparency.wh20" | "colors.colorPalette.wh20" | "colors.colorPalette.reference.color.scale.transparency.bl60" | "colors.colorPalette.color.scale.transparency.bl60" | "colors.colorPalette.scale.transparency.bl60" | "colors.colorPalette.transparency.bl60" | "colors.colorPalette.bl60" | "colors.colorPalette.reference.color.scale.gray.100" | "colors.colorPalette.color.scale.gray.100" | "colors.colorPalette.scale.gray.100" | "colors.colorPalette.gray.100" | "colors.colorPalette.100" | "colors.colorPalette.reference.color.scale.gray.200" | "colors.colorPalette.color.scale.gray.200" | "colors.colorPalette.scale.gray.200" | "colors.colorPalette.gray.200" | "colors.colorPalette.200" | "colors.colorPalette.reference.color.scale.gray.300" | "colors.colorPalette.color.scale.gray.300" | "colors.colorPalette.scale.gray.300" | "colors.colorPalette.gray.300" | "colors.colorPalette.300" | "colors.colorPalette.reference.color.scale.gray.400" | "colors.colorPalette.color.scale.gray.400" | "colors.colorPalette.scale.gray.400" | "colors.colorPalette.gray.400" | "colors.colorPalette.400" | "colors.colorPalette.reference.color.scale.gray.500" | "colors.colorPalette.color.scale.gray.500" | "colors.colorPalette.scale.gray.500" | "colors.colorPalette.gray.500" | "colors.colorPalette.500" | "colors.colorPalette.reference.color.scale.gray.600" | "colors.colorPalette.color.scale.gray.600" | "colors.colorPalette.scale.gray.600" | "colors.colorPalette.gray.600" | "colors.colorPalette.600" | "colors.colorPalette.reference.color.scale.gray.700" | "colors.colorPalette.color.scale.gray.700" | "colors.colorPalette.scale.gray.700" | "colors.colorPalette.gray.700" | "colors.colorPalette.700" | "colors.colorPalette.reference.color.scale.gray.800" | "colors.colorPalette.color.scale.gray.800" | "colors.colorPalette.scale.gray.800" | "colors.colorPalette.gray.800" | "colors.colorPalette.800" | "colors.colorPalette.reference.color.scale.gray.900" | "colors.colorPalette.color.scale.gray.900" | "colors.colorPalette.scale.gray.900" | "colors.colorPalette.gray.900" | "colors.colorPalette.900" | "colors.colorPalette.reference.color.scale.gray.1000" | "colors.colorPalette.color.scale.gray.1000" | "colors.colorPalette.scale.gray.1000" | "colors.colorPalette.gray.1000" | "colors.colorPalette.reference.color.scale.neutral.100" | "colors.colorPalette.color.scale.neutral.100" | "colors.colorPalette.scale.neutral.100" | "colors.colorPalette.neutral.100" | "colors.colorPalette.reference.color.scale.neutral.200" | "colors.colorPalette.color.scale.neutral.200" | "colors.colorPalette.scale.neutral.200" | "colors.colorPalette.neutral.200" | "colors.colorPalette.reference.color.scale.neutral.300" | "colors.colorPalette.color.scale.neutral.300" | "colors.colorPalette.scale.neutral.300" | "colors.colorPalette.neutral.300" | "colors.colorPalette.reference.color.scale.neutral.400" | "colors.colorPalette.color.scale.neutral.400" | "colors.colorPalette.scale.neutral.400" | "colors.colorPalette.neutral.400" | "colors.colorPalette.reference.color.scale.neutral.500" | "colors.colorPalette.color.scale.neutral.500" | "colors.colorPalette.scale.neutral.500" | "colors.colorPalette.neutral.500" | "colors.colorPalette.reference.color.scale.neutral.600" | "colors.colorPalette.color.scale.neutral.600" | "colors.colorPalette.scale.neutral.600" | "colors.colorPalette.neutral.600" | "colors.colorPalette.reference.color.scale.neutral.700" | "colors.colorPalette.color.scale.neutral.700" | "colors.colorPalette.scale.neutral.700" | "colors.colorPalette.neutral.700" | "colors.colorPalette.reference.color.scale.neutral.800" | "colors.colorPalette.color.scale.neutral.800" | "colors.colorPalette.scale.neutral.800" | "colors.colorPalette.neutral.800" | "colors.colorPalette.reference.color.scale.neutral.900" | "colors.colorPalette.color.scale.neutral.900" | "colors.colorPalette.scale.neutral.900" | "colors.colorPalette.neutral.900" | "colors.colorPalette.reference.color.scale.neutral.1000" | "colors.colorPalette.color.scale.neutral.1000" | "colors.colorPalette.scale.neutral.1000" | "colors.colorPalette.neutral.1000" | "colors.colorPalette.reference.color.scale.red.100" | "colors.colorPalette.color.scale.red.100" | "colors.colorPalette.scale.red.100" | "colors.colorPalette.red.100" | "colors.colorPalette.reference.color.scale.red.200" | "colors.colorPalette.color.scale.red.200" | "colors.colorPalette.scale.red.200" | "colors.colorPalette.red.200" | "colors.colorPalette.reference.color.scale.red.300" | "colors.colorPalette.color.scale.red.300" | "colors.colorPalette.scale.red.300" | "colors.colorPalette.red.300" | "colors.colorPalette.reference.color.scale.red.400" | "colors.colorPalette.color.scale.red.400" | "colors.colorPalette.scale.red.400" | "colors.colorPalette.red.400" | "colors.colorPalette.reference.color.scale.red.500" | "colors.colorPalette.color.scale.red.500" | "colors.colorPalette.scale.red.500" | "colors.colorPalette.red.500" | "colors.colorPalette.reference.color.scale.red.600" | "colors.colorPalette.color.scale.red.600" | "colors.colorPalette.scale.red.600" | "colors.colorPalette.red.600" | "colors.colorPalette.reference.color.scale.red.700" | "colors.colorPalette.color.scale.red.700" | "colors.colorPalette.scale.red.700" | "colors.colorPalette.red.700" | "colors.colorPalette.reference.color.scale.red.800" | "colors.colorPalette.color.scale.red.800" | "colors.colorPalette.scale.red.800" | "colors.colorPalette.red.800" | "colors.colorPalette.reference.color.scale.red.900" | "colors.colorPalette.color.scale.red.900" | "colors.colorPalette.scale.red.900" | "colors.colorPalette.red.900" | "colors.colorPalette.reference.color.scale.red.1000" | "colors.colorPalette.color.scale.red.1000" | "colors.colorPalette.scale.red.1000" | "colors.colorPalette.red.1000" | "colors.colorPalette.reference.color.scale.chestnut.100" | "colors.colorPalette.color.scale.chestnut.100" | "colors.colorPalette.scale.chestnut.100" | "colors.colorPalette.chestnut.100" | "colors.colorPalette.reference.color.scale.chestnut.200" | "colors.colorPalette.color.scale.chestnut.200" | "colors.colorPalette.scale.chestnut.200" | "colors.colorPalette.chestnut.200" | "colors.colorPalette.reference.color.scale.chestnut.300" | "colors.colorPalette.color.scale.chestnut.300" | "colors.colorPalette.scale.chestnut.300" | "colors.colorPalette.chestnut.300" | "colors.colorPalette.reference.color.scale.chestnut.400" | "colors.colorPalette.color.scale.chestnut.400" | "colors.colorPalette.scale.chestnut.400" | "colors.colorPalette.chestnut.400" | "colors.colorPalette.reference.color.scale.chestnut.500" | "colors.colorPalette.color.scale.chestnut.500" | "colors.colorPalette.scale.chestnut.500" | "colors.colorPalette.chestnut.500" | "colors.colorPalette.reference.color.scale.chestnut.600" | "colors.colorPalette.color.scale.chestnut.600" | "colors.colorPalette.scale.chestnut.600" | "colors.colorPalette.chestnut.600" | "colors.colorPalette.reference.color.scale.chestnut.700" | "colors.colorPalette.color.scale.chestnut.700" | "colors.colorPalette.scale.chestnut.700" | "colors.colorPalette.chestnut.700" | "colors.colorPalette.reference.color.scale.chestnut.800" | "colors.colorPalette.color.scale.chestnut.800" | "colors.colorPalette.scale.chestnut.800" | "colors.colorPalette.chestnut.800" | "colors.colorPalette.reference.color.scale.chestnut.900" | "colors.colorPalette.color.scale.chestnut.900" | "colors.colorPalette.scale.chestnut.900" | "colors.colorPalette.chestnut.900" | "colors.colorPalette.reference.color.scale.chestnut.1000" | "colors.colorPalette.color.scale.chestnut.1000" | "colors.colorPalette.scale.chestnut.1000" | "colors.colorPalette.chestnut.1000" | "colors.colorPalette.reference.color.scale.beige.100" | "colors.colorPalette.color.scale.beige.100" | "colors.colorPalette.scale.beige.100" | "colors.colorPalette.beige.100" | "colors.colorPalette.reference.color.scale.beige.200" | "colors.colorPalette.color.scale.beige.200" | "colors.colorPalette.scale.beige.200" | "colors.colorPalette.beige.200" | "colors.colorPalette.reference.color.scale.beige.300" | "colors.colorPalette.color.scale.beige.300" | "colors.colorPalette.scale.beige.300" | "colors.colorPalette.beige.300" | "colors.colorPalette.reference.color.scale.beige.400" | "colors.colorPalette.color.scale.beige.400" | "colors.colorPalette.scale.beige.400" | "colors.colorPalette.beige.400" | "colors.colorPalette.reference.color.scale.beige.500" | "colors.colorPalette.color.scale.beige.500" | "colors.colorPalette.scale.beige.500" | "colors.colorPalette.beige.500" | "colors.colorPalette.reference.color.scale.beige.600" | "colors.colorPalette.color.scale.beige.600" | "colors.colorPalette.scale.beige.600" | "colors.colorPalette.beige.600" | "colors.colorPalette.reference.color.scale.beige.700" | "colors.colorPalette.color.scale.beige.700" | "colors.colorPalette.scale.beige.700" | "colors.colorPalette.beige.700" | "colors.colorPalette.reference.color.scale.beige.800" | "colors.colorPalette.color.scale.beige.800" | "colors.colorPalette.scale.beige.800" | "colors.colorPalette.beige.800" | "colors.colorPalette.reference.color.scale.beige.900" | "colors.colorPalette.color.scale.beige.900" | "colors.colorPalette.scale.beige.900" | "colors.colorPalette.beige.900" | "colors.colorPalette.reference.color.scale.beige.1000" | "colors.colorPalette.color.scale.beige.1000" | "colors.colorPalette.scale.beige.1000" | "colors.colorPalette.beige.1000" | "colors.colorPalette.reference.color.scale.yellow.100" | "colors.colorPalette.color.scale.yellow.100" | "colors.colorPalette.scale.yellow.100" | "colors.colorPalette.yellow.100" | "colors.colorPalette.reference.color.scale.yellow.200" | "colors.colorPalette.color.scale.yellow.200" | "colors.colorPalette.scale.yellow.200" | "colors.colorPalette.yellow.200" | "colors.colorPalette.reference.color.scale.yellow.300" | "colors.colorPalette.color.scale.yellow.300" | "colors.colorPalette.scale.yellow.300" | "colors.colorPalette.yellow.300" | "colors.colorPalette.reference.color.scale.yellow.400" | "colors.colorPalette.color.scale.yellow.400" | "colors.colorPalette.scale.yellow.400" | "colors.colorPalette.yellow.400" | "colors.colorPalette.reference.color.scale.yellow.500" | "colors.colorPalette.color.scale.yellow.500" | "colors.colorPalette.scale.yellow.500" | "colors.colorPalette.yellow.500" | "colors.colorPalette.reference.color.scale.yellow.600" | "colors.colorPalette.color.scale.yellow.600" | "colors.colorPalette.scale.yellow.600" | "colors.colorPalette.yellow.600" | "colors.colorPalette.reference.color.scale.yellow.700" | "colors.colorPalette.color.scale.yellow.700" | "colors.colorPalette.scale.yellow.700" | "colors.colorPalette.yellow.700" | "colors.colorPalette.reference.color.scale.yellow.800" | "colors.colorPalette.color.scale.yellow.800" | "colors.colorPalette.scale.yellow.800" | "colors.colorPalette.yellow.800" | "colors.colorPalette.reference.color.scale.yellow.900" | "colors.colorPalette.color.scale.yellow.900" | "colors.colorPalette.scale.yellow.900" | "colors.colorPalette.yellow.900" | "colors.colorPalette.reference.color.scale.yellow.1000" | "colors.colorPalette.color.scale.yellow.1000" | "colors.colorPalette.scale.yellow.1000" | "colors.colorPalette.yellow.1000" | "colors.colorPalette.reference.color.scale.green.100" | "colors.colorPalette.color.scale.green.100" | "colors.colorPalette.scale.green.100" | "colors.colorPalette.green.100" | "colors.colorPalette.reference.color.scale.green.200" | "colors.colorPalette.color.scale.green.200" | "colors.colorPalette.scale.green.200" | "colors.colorPalette.green.200" | "colors.colorPalette.reference.color.scale.green.300" | "colors.colorPalette.color.scale.green.300" | "colors.colorPalette.scale.green.300" | "colors.colorPalette.green.300" | "colors.colorPalette.reference.color.scale.green.400" | "colors.colorPalette.color.scale.green.400" | "colors.colorPalette.scale.green.400" | "colors.colorPalette.green.400" | "colors.colorPalette.reference.color.scale.green.500" | "colors.colorPalette.color.scale.green.500" | "colors.colorPalette.scale.green.500" | "colors.colorPalette.green.500" | "colors.colorPalette.reference.color.scale.green.600" | "colors.colorPalette.color.scale.green.600" | "colors.colorPalette.scale.green.600" | "colors.colorPalette.green.600" | "colors.colorPalette.reference.color.scale.green.700" | "colors.colorPalette.color.scale.green.700" | "colors.colorPalette.scale.green.700" | "colors.colorPalette.green.700" | "colors.colorPalette.reference.color.scale.green.800" | "colors.colorPalette.color.scale.green.800" | "colors.colorPalette.scale.green.800" | "colors.colorPalette.green.800" | "colors.colorPalette.reference.color.scale.green.900" | "colors.colorPalette.color.scale.green.900" | "colors.colorPalette.scale.green.900" | "colors.colorPalette.green.900" | "colors.colorPalette.reference.color.scale.green.1000" | "colors.colorPalette.color.scale.green.1000" | "colors.colorPalette.scale.green.1000" | "colors.colorPalette.green.1000" | "colors.colorPalette.reference.color.scale.skyBlue.100" | "colors.colorPalette.color.scale.skyBlue.100" | "colors.colorPalette.scale.skyBlue.100" | "colors.colorPalette.skyBlue.100" | "colors.colorPalette.reference.color.scale.skyBlue.200" | "colors.colorPalette.color.scale.skyBlue.200" | "colors.colorPalette.scale.skyBlue.200" | "colors.colorPalette.skyBlue.200" | "colors.colorPalette.reference.color.scale.skyBlue.300" | "colors.colorPalette.color.scale.skyBlue.300" | "colors.colorPalette.scale.skyBlue.300" | "colors.colorPalette.skyBlue.300" | "colors.colorPalette.reference.color.scale.skyBlue.400" | "colors.colorPalette.color.scale.skyBlue.400" | "colors.colorPalette.scale.skyBlue.400" | "colors.colorPalette.skyBlue.400" | "colors.colorPalette.reference.color.scale.skyBlue.500" | "colors.colorPalette.color.scale.skyBlue.500" | "colors.colorPalette.scale.skyBlue.500" | "colors.colorPalette.skyBlue.500" | "colors.colorPalette.reference.color.scale.skyBlue.600" | "colors.colorPalette.color.scale.skyBlue.600" | "colors.colorPalette.scale.skyBlue.600" | "colors.colorPalette.skyBlue.600" | "colors.colorPalette.reference.color.scale.skyBlue.700" | "colors.colorPalette.color.scale.skyBlue.700" | "colors.colorPalette.scale.skyBlue.700" | "colors.colorPalette.skyBlue.700" | "colors.colorPalette.reference.color.scale.skyBlue.800" | "colors.colorPalette.color.scale.skyBlue.800" | "colors.colorPalette.scale.skyBlue.800" | "colors.colorPalette.skyBlue.800" | "colors.colorPalette.reference.color.scale.skyBlue.900" | "colors.colorPalette.color.scale.skyBlue.900" | "colors.colorPalette.scale.skyBlue.900" | "colors.colorPalette.skyBlue.900" | "colors.colorPalette.reference.color.scale.skyBlue.1000" | "colors.colorPalette.color.scale.skyBlue.1000" | "colors.colorPalette.scale.skyBlue.1000" | "colors.colorPalette.skyBlue.1000" | "colors.colorPalette.reference.color.scale.blue.100" | "colors.colorPalette.color.scale.blue.100" | "colors.colorPalette.scale.blue.100" | "colors.colorPalette.blue.100" | "colors.colorPalette.reference.color.scale.blue.200" | "colors.colorPalette.color.scale.blue.200" | "colors.colorPalette.scale.blue.200" | "colors.colorPalette.blue.200" | "colors.colorPalette.reference.color.scale.blue.300" | "colors.colorPalette.color.scale.blue.300" | "colors.colorPalette.scale.blue.300" | "colors.colorPalette.blue.300" | "colors.colorPalette.reference.color.scale.blue.400" | "colors.colorPalette.color.scale.blue.400" | "colors.colorPalette.scale.blue.400" | "colors.colorPalette.blue.400" | "colors.colorPalette.reference.color.scale.blue.500" | "colors.colorPalette.color.scale.blue.500" | "colors.colorPalette.scale.blue.500" | "colors.colorPalette.blue.500" | "colors.colorPalette.reference.color.scale.blue.600" | "colors.colorPalette.color.scale.blue.600" | "colors.colorPalette.scale.blue.600" | "colors.colorPalette.blue.600" | "colors.colorPalette.reference.color.scale.blue.700" | "colors.colorPalette.color.scale.blue.700" | "colors.colorPalette.scale.blue.700" | "colors.colorPalette.blue.700" | "colors.colorPalette.reference.color.scale.blue.800" | "colors.colorPalette.color.scale.blue.800" | "colors.colorPalette.scale.blue.800" | "colors.colorPalette.blue.800" | "colors.colorPalette.reference.color.scale.blue.900" | "colors.colorPalette.color.scale.blue.900" | "colors.colorPalette.scale.blue.900" | "colors.colorPalette.blue.900" | "colors.colorPalette.reference.color.scale.blue.1000" | "colors.colorPalette.color.scale.blue.1000" | "colors.colorPalette.scale.blue.1000" | "colors.colorPalette.blue.1000" | "colors.colorPalette.reference.color.scale.purple.100" | "colors.colorPalette.color.scale.purple.100" | "colors.colorPalette.scale.purple.100" | "colors.colorPalette.purple.100" | "colors.colorPalette.reference.color.scale.purple.200" | "colors.colorPalette.color.scale.purple.200" | "colors.colorPalette.scale.purple.200" | "colors.colorPalette.purple.200" | "colors.colorPalette.reference.color.scale.purple.300" | "colors.colorPalette.color.scale.purple.300" | "colors.colorPalette.scale.purple.300" | "colors.colorPalette.purple.300" | "colors.colorPalette.reference.color.scale.purple.400" | "colors.colorPalette.color.scale.purple.400" | "colors.colorPalette.scale.purple.400" | "colors.colorPalette.purple.400" | "colors.colorPalette.reference.color.scale.purple.500" | "colors.colorPalette.color.scale.purple.500" | "colors.colorPalette.scale.purple.500" | "colors.colorPalette.purple.500" | "colors.colorPalette.reference.color.scale.purple.600" | "colors.colorPalette.color.scale.purple.600" | "colors.colorPalette.scale.purple.600" | "colors.colorPalette.purple.600" | "colors.colorPalette.reference.color.scale.purple.700" | "colors.colorPalette.color.scale.purple.700" | "colors.colorPalette.scale.purple.700" | "colors.colorPalette.purple.700" | "colors.colorPalette.reference.color.scale.purple.800" | "colors.colorPalette.color.scale.purple.800" | "colors.colorPalette.scale.purple.800" | "colors.colorPalette.purple.800" | "colors.colorPalette.reference.color.scale.purple.900" | "colors.colorPalette.color.scale.purple.900" | "colors.colorPalette.scale.purple.900" | "colors.colorPalette.purple.900" | "colors.colorPalette.reference.color.scale.purple.1000" | "colors.colorPalette.color.scale.purple.1000" | "colors.colorPalette.scale.purple.1000" | "colors.colorPalette.purple.1000" | "colors.colorPalette.reference.color.scale.pink.100" | "colors.colorPalette.color.scale.pink.100" | "colors.colorPalette.scale.pink.100" | "colors.colorPalette.pink.100" | "colors.colorPalette.reference.color.scale.pink.200" | "colors.colorPalette.color.scale.pink.200" | "colors.colorPalette.scale.pink.200" | "colors.colorPalette.pink.200" | "colors.colorPalette.reference.color.scale.pink.300" | "colors.colorPalette.color.scale.pink.300" | "colors.colorPalette.scale.pink.300" | "colors.colorPalette.pink.300" | "colors.colorPalette.reference.color.scale.pink.400" | "colors.colorPalette.color.scale.pink.400" | "colors.colorPalette.scale.pink.400" | "colors.colorPalette.pink.400" | "colors.colorPalette.reference.color.scale.pink.500" | "colors.colorPalette.color.scale.pink.500" | "colors.colorPalette.scale.pink.500" | "colors.colorPalette.pink.500" | "colors.colorPalette.reference.color.scale.pink.600" | "colors.colorPalette.color.scale.pink.600" | "colors.colorPalette.scale.pink.600" | "colors.colorPalette.pink.600" | "colors.colorPalette.reference.color.scale.pink.700" | "colors.colorPalette.color.scale.pink.700" | "colors.colorPalette.scale.pink.700" | "colors.colorPalette.pink.700" | "colors.colorPalette.reference.color.scale.pink.800" | "colors.colorPalette.color.scale.pink.800" | "colors.colorPalette.scale.pink.800" | "colors.colorPalette.pink.800" | "colors.colorPalette.reference.color.scale.pink.900" | "colors.colorPalette.color.scale.pink.900" | "colors.colorPalette.scale.pink.900" | "colors.colorPalette.pink.900" | "colors.colorPalette.reference.color.scale.pink.1000" | "colors.colorPalette.color.scale.pink.1000" | "colors.colorPalette.scale.pink.1000" | "colors.colorPalette.pink.1000" | "colors.colorPalette.system.color.impression.primary" | "colors.colorPalette.color.impression.primary" | "colors.colorPalette.impression.primary" | "colors.colorPalette.primary" | "colors.colorPalette.system.color.impression.onPrimary" | "colors.colorPalette.color.impression.onPrimary" | "colors.colorPalette.impression.onPrimary" | "colors.colorPalette.onPrimary" | "colors.colorPalette.system.color.impression.primaryContainer" | "colors.colorPalette.color.impression.primaryContainer" | "colors.colorPalette.impression.primaryContainer" | "colors.colorPalette.primaryContainer" | "colors.colorPalette.system.color.impression.onPrimaryContainer" | "colors.colorPalette.color.impression.onPrimaryContainer" | "colors.colorPalette.impression.onPrimaryContainer" | "colors.colorPalette.onPrimaryContainer" | "colors.colorPalette.system.color.impression.secondary" | "colors.colorPalette.color.impression.secondary" | "colors.colorPalette.impression.secondary" | "colors.colorPalette.secondary" | "colors.colorPalette.system.color.impression.onSecondary" | "colors.colorPalette.color.impression.onSecondary" | "colors.colorPalette.impression.onSecondary" | "colors.colorPalette.onSecondary" | "colors.colorPalette.system.color.impression.secondaryContainer" | "colors.colorPalette.color.impression.secondaryContainer" | "colors.colorPalette.impression.secondaryContainer" | "colors.colorPalette.secondaryContainer" | "colors.colorPalette.system.color.impression.onSecondaryContainer" | "colors.colorPalette.color.impression.onSecondaryContainer" | "colors.colorPalette.impression.onSecondaryContainer" | "colors.colorPalette.onSecondaryContainer" | "colors.colorPalette.system.color.impression.tertiary" | "colors.colorPalette.color.impression.tertiary" | "colors.colorPalette.impression.tertiary" | "colors.colorPalette.tertiary" | "colors.colorPalette.system.color.impression.onTertiary" | "colors.colorPalette.color.impression.onTertiary" | "colors.colorPalette.impression.onTertiary" | "colors.colorPalette.onTertiary" | "colors.colorPalette.system.color.impression.tertiaryContainer" | "colors.colorPalette.color.impression.tertiaryContainer" | "colors.colorPalette.impression.tertiaryContainer" | "colors.colorPalette.tertiaryContainer" | "colors.colorPalette.system.color.impression.onTertiaryContainer" | "colors.colorPalette.color.impression.onTertiaryContainer" | "colors.colorPalette.impression.onTertiaryContainer" | "colors.colorPalette.onTertiaryContainer" | "colors.colorPalette.system.color.impression.notice" | "colors.colorPalette.color.impression.notice" | "colors.colorPalette.impression.notice" | "colors.colorPalette.notice" | "colors.colorPalette.system.color.impression.onNotice" | "colors.colorPalette.color.impression.onNotice" | "colors.colorPalette.impression.onNotice" | "colors.colorPalette.onNotice" | "colors.colorPalette.system.color.impression.noticeContainer" | "colors.colorPalette.color.impression.noticeContainer" | "colors.colorPalette.impression.noticeContainer" | "colors.colorPalette.noticeContainer" | "colors.colorPalette.system.color.impression.onNoticeContainer" | "colors.colorPalette.color.impression.onNoticeContainer" | "colors.colorPalette.impression.onNoticeContainer" | "colors.colorPalette.onNoticeContainer" | "colors.colorPalette.system.color.impression.noticeContainerVariant" | "colors.colorPalette.color.impression.noticeContainerVariant" | "colors.colorPalette.impression.noticeContainerVariant" | "colors.colorPalette.noticeContainerVariant" | "colors.colorPalette.system.color.impression.onNoticeContainerVariant" | "colors.colorPalette.color.impression.onNoticeContainerVariant" | "colors.colorPalette.impression.onNoticeContainerVariant" | "colors.colorPalette.onNoticeContainerVariant" | "colors.colorPalette.system.color.impression.negative" | "colors.colorPalette.color.impression.negative" | "colors.colorPalette.impression.negative" | "colors.colorPalette.negative" | "colors.colorPalette.system.color.impression.onNegative" | "colors.colorPalette.color.impression.onNegative" | "colors.colorPalette.impression.onNegative" | "colors.colorPalette.onNegative" | "colors.colorPalette.system.color.impression.negativeContainer" | "colors.colorPalette.color.impression.negativeContainer" | "colors.colorPalette.impression.negativeContainer" | "colors.colorPalette.negativeContainer" | "colors.colorPalette.system.color.impression.onNegativeContainer" | "colors.colorPalette.color.impression.onNegativeContainer" | "colors.colorPalette.impression.onNegativeContainer" | "colors.colorPalette.onNegativeContainer" | "colors.colorPalette.system.color.impression.negativeContainerVariant" | "colors.colorPalette.color.impression.negativeContainerVariant" | "colors.colorPalette.impression.negativeContainerVariant" | "colors.colorPalette.negativeContainerVariant" | "colors.colorPalette.system.color.impression.onNegativeContainerVariant" | "colors.colorPalette.color.impression.onNegativeContainerVariant" | "colors.colorPalette.impression.onNegativeContainerVariant" | "colors.colorPalette.onNegativeContainerVariant" | "colors.colorPalette.system.color.impression.positive" | "colors.colorPalette.color.impression.positive" | "colors.colorPalette.impression.positive" | "colors.colorPalette.positive" | "colors.colorPalette.system.color.impression.onPositive" | "colors.colorPalette.color.impression.onPositive" | "colors.colorPalette.impression.onPositive" | "colors.colorPalette.onPositive" | "colors.colorPalette.system.color.impression.positiveContainer" | "colors.colorPalette.color.impression.positiveContainer" | "colors.colorPalette.impression.positiveContainer" | "colors.colorPalette.positiveContainer" | "colors.colorPalette.system.color.impression.onPositiveContainer" | "colors.colorPalette.color.impression.onPositiveContainer" | "colors.colorPalette.impression.onPositiveContainer" | "colors.colorPalette.onPositiveContainer" | "colors.colorPalette.system.color.impression.positiveContainerVariant" | "colors.colorPalette.color.impression.positiveContainerVariant" | "colors.colorPalette.impression.positiveContainerVariant" | "colors.colorPalette.positiveContainerVariant" | "colors.colorPalette.system.color.impression.onPositiveContainerVariant" | "colors.colorPalette.color.impression.onPositiveContainerVariant" | "colors.colorPalette.impression.onPositiveContainerVariant" | "colors.colorPalette.onPositiveContainerVariant" | "colors.colorPalette.system.color.component.surface" | "colors.colorPalette.color.component.surface" | "colors.colorPalette.component.surface" | "colors.colorPalette.surface" | "colors.colorPalette.system.color.component.onSurface" | "colors.colorPalette.color.component.onSurface" | "colors.colorPalette.component.onSurface" | "colors.colorPalette.onSurface" | "colors.colorPalette.system.color.component.onSurfaceVariant" | "colors.colorPalette.color.component.onSurfaceVariant" | "colors.colorPalette.component.onSurfaceVariant" | "colors.colorPalette.onSurfaceVariant" | "colors.colorPalette.system.color.component.inverseSurface" | "colors.colorPalette.color.component.inverseSurface" | "colors.colorPalette.component.inverseSurface" | "colors.colorPalette.inverseSurface" | "colors.colorPalette.system.color.component.inverseOnSurface" | "colors.colorPalette.color.component.inverseOnSurface" | "colors.colorPalette.component.inverseOnSurface" | "colors.colorPalette.inverseOnSurface" | "colors.colorPalette.system.color.component.inversePrimary" | "colors.colorPalette.color.component.inversePrimary" | "colors.colorPalette.component.inversePrimary" | "colors.colorPalette.inversePrimary" | "colors.colorPalette.system.color.component.outlineBright" | "colors.colorPalette.color.component.outlineBright" | "colors.colorPalette.component.outlineBright" | "colors.colorPalette.outlineBright" | "colors.colorPalette.system.color.component.outline" | "colors.colorPalette.color.component.outline" | "colors.colorPalette.component.outline" | "colors.colorPalette.outline" | "colors.colorPalette.system.color.component.outlineDim" | "colors.colorPalette.color.component.outlineDim" | "colors.colorPalette.component.outlineDim" | "colors.colorPalette.outlineDim" | "colors.colorPalette.system.color.component.scrim" | "colors.colorPalette.color.component.scrim" | "colors.colorPalette.component.scrim" | "colors.colorPalette.scrim" | "colors.colorPalette.system.color.component.surfaceDim" | "colors.colorPalette.color.component.surfaceDim" | "colors.colorPalette.component.surfaceDim" | "colors.colorPalette.surfaceDim" | "colors.colorPalette.system.color.component.surfaceBright" | "colors.colorPalette.color.component.surfaceBright" | "colors.colorPalette.component.surfaceBright" | "colors.colorPalette.surfaceBright" | "colors.colorPalette.system.color.component.surfaceContainerBright" | "colors.colorPalette.color.component.surfaceContainerBright" | "colors.colorPalette.component.surfaceContainerBright" | "colors.colorPalette.surfaceContainerBright" | "colors.colorPalette.system.color.component.surfaceContainer" | "colors.colorPalette.color.component.surfaceContainer" | "colors.colorPalette.component.surfaceContainer" | "colors.colorPalette.surfaceContainer" | "colors.colorPalette.system.color.component.surfaceContainerDim" | "colors.colorPalette.color.component.surfaceContainerDim" | "colors.colorPalette.component.surfaceContainerDim" | "colors.colorPalette.surfaceContainerDim" | "colors.colorPalette.system.color.interaction.disabled" | "colors.colorPalette.color.interaction.disabled" | "colors.colorPalette.interaction.disabled" | "colors.colorPalette.disabled" | "colors.colorPalette.system.color.interaction.disabledOnSurface" | "colors.colorPalette.color.interaction.disabledOnSurface" | "colors.colorPalette.interaction.disabledOnSurface" | "colors.colorPalette.disabledOnSurface" | "colors.colorPalette.system.color.interaction.selected" | "colors.colorPalette.color.interaction.selected" | "colors.colorPalette.interaction.selected" | "colors.colorPalette.selected" | "colors.colorPalette.system.color.interaction.selectedSurface" | "colors.colorPalette.color.interaction.selectedSurface" | "colors.colorPalette.interaction.selectedSurface" | "colors.colorPalette.selectedSurface" | "colors.colorPalette.system.color.interaction.hovered" | "colors.colorPalette.color.interaction.hovered" | "colors.colorPalette.interaction.hovered" | "colors.colorPalette.hovered" | "colors.colorPalette.system.color.interaction.hoveredVariant" | "colors.colorPalette.color.interaction.hoveredVariant" | "colors.colorPalette.interaction.hoveredVariant" | "colors.colorPalette.hoveredVariant" | "colors.colorPalette.system.color.interaction.hoveredOnPrimary" | "colors.colorPalette.color.interaction.hoveredOnPrimary" | "colors.colorPalette.interaction.hoveredOnPrimary" | "colors.colorPalette.hoveredOnPrimary" | "colors.colorPalette.system.color.chart.mark.primary.01" | "colors.colorPalette.color.chart.mark.primary.01" | "colors.colorPalette.chart.mark.primary.01" | "colors.colorPalette.mark.primary.01" | "colors.colorPalette.primary.01" | "colors.colorPalette.01" | "colors.colorPalette.system.color.chart.mark.primary.02" | "colors.colorPalette.color.chart.mark.primary.02" | "colors.colorPalette.chart.mark.primary.02" | "colors.colorPalette.mark.primary.02" | "colors.colorPalette.primary.02" | "colors.colorPalette.02" | "colors.colorPalette.system.color.chart.mark.primary.03" | "colors.colorPalette.color.chart.mark.primary.03" | "colors.colorPalette.chart.mark.primary.03" | "colors.colorPalette.mark.primary.03" | "colors.colorPalette.primary.03" | "colors.colorPalette.03" | "colors.colorPalette.system.color.chart.mark.primary.04" | "colors.colorPalette.color.chart.mark.primary.04" | "colors.colorPalette.chart.mark.primary.04" | "colors.colorPalette.mark.primary.04" | "colors.colorPalette.primary.04" | "colors.colorPalette.04" | "colors.colorPalette.system.color.chart.mark.primary.05" | "colors.colorPalette.color.chart.mark.primary.05" | "colors.colorPalette.chart.mark.primary.05" | "colors.colorPalette.mark.primary.05" | "colors.colorPalette.primary.05" | "colors.colorPalette.05" | "colors.colorPalette.system.color.chart.mark.primary.06" | "colors.colorPalette.color.chart.mark.primary.06" | "colors.colorPalette.chart.mark.primary.06" | "colors.colorPalette.mark.primary.06" | "colors.colorPalette.primary.06" | "colors.colorPalette.06" | "colors.colorPalette.system.color.chart.mark.positive.01" | "colors.colorPalette.color.chart.mark.positive.01" | "colors.colorPalette.chart.mark.positive.01" | "colors.colorPalette.mark.positive.01" | "colors.colorPalette.positive.01" | "colors.colorPalette.system.color.chart.mark.positive.02" | "colors.colorPalette.color.chart.mark.positive.02" | "colors.colorPalette.chart.mark.positive.02" | "colors.colorPalette.mark.positive.02" | "colors.colorPalette.positive.02" | "colors.colorPalette.system.color.chart.mark.positive.03" | "colors.colorPalette.color.chart.mark.positive.03" | "colors.colorPalette.chart.mark.positive.03" | "colors.colorPalette.mark.positive.03" | "colors.colorPalette.positive.03" | "colors.colorPalette.system.color.chart.mark.positive.04" | "colors.colorPalette.color.chart.mark.positive.04" | "colors.colorPalette.chart.mark.positive.04" | "colors.colorPalette.mark.positive.04" | "colors.colorPalette.positive.04" | "colors.colorPalette.system.color.chart.mark.positive.05" | "colors.colorPalette.color.chart.mark.positive.05" | "colors.colorPalette.chart.mark.positive.05" | "colors.colorPalette.mark.positive.05" | "colors.colorPalette.positive.05" | "colors.colorPalette.system.color.chart.mark.positive.06" | "colors.colorPalette.color.chart.mark.positive.06" | "colors.colorPalette.chart.mark.positive.06" | "colors.colorPalette.mark.positive.06" | "colors.colorPalette.positive.06" | "colors.colorPalette.system.color.chart.mark.negative.01" | "colors.colorPalette.color.chart.mark.negative.01" | "colors.colorPalette.chart.mark.negative.01" | "colors.colorPalette.mark.negative.01" | "colors.colorPalette.negative.01" | "colors.colorPalette.system.color.chart.mark.negative.02" | "colors.colorPalette.color.chart.mark.negative.02" | "colors.colorPalette.chart.mark.negative.02" | "colors.colorPalette.mark.negative.02" | "colors.colorPalette.negative.02" | "colors.colorPalette.system.color.chart.mark.negative.03" | "colors.colorPalette.color.chart.mark.negative.03" | "colors.colorPalette.chart.mark.negative.03" | "colors.colorPalette.mark.negative.03" | "colors.colorPalette.negative.03" | "colors.colorPalette.system.color.chart.mark.negative.04" | "colors.colorPalette.color.chart.mark.negative.04" | "colors.colorPalette.chart.mark.negative.04" | "colors.colorPalette.mark.negative.04" | "colors.colorPalette.negative.04" | "colors.colorPalette.system.color.chart.mark.negative.05" | "colors.colorPalette.color.chart.mark.negative.05" | "colors.colorPalette.chart.mark.negative.05" | "colors.colorPalette.mark.negative.05" | "colors.colorPalette.negative.05" | "colors.colorPalette.system.color.chart.mark.negative.06" | "colors.colorPalette.color.chart.mark.negative.06" | "colors.colorPalette.chart.mark.negative.06" | "colors.colorPalette.mark.negative.06" | "colors.colorPalette.negative.06" | "colors.colorPalette.system.color.chart.mark.notice.01" | "colors.colorPalette.color.chart.mark.notice.01" | "colors.colorPalette.chart.mark.notice.01" | "colors.colorPalette.mark.notice.01" | "colors.colorPalette.notice.01" | "colors.colorPalette.system.color.chart.mark.notice.02" | "colors.colorPalette.color.chart.mark.notice.02" | "colors.colorPalette.chart.mark.notice.02" | "colors.colorPalette.mark.notice.02" | "colors.colorPalette.notice.02" | "colors.colorPalette.system.color.chart.mark.notice.03" | "colors.colorPalette.color.chart.mark.notice.03" | "colors.colorPalette.chart.mark.notice.03" | "colors.colorPalette.mark.notice.03" | "colors.colorPalette.notice.03" | "colors.colorPalette.system.color.chart.mark.notice.04" | "colors.colorPalette.color.chart.mark.notice.04" | "colors.colorPalette.chart.mark.notice.04" | "colors.colorPalette.mark.notice.04" | "colors.colorPalette.notice.04" | "colors.colorPalette.system.color.chart.mark.notice.05" | "colors.colorPalette.color.chart.mark.notice.05" | "colors.colorPalette.chart.mark.notice.05" | "colors.colorPalette.mark.notice.05" | "colors.colorPalette.notice.05" | "colors.colorPalette.system.color.chart.mark.notice.06" | "colors.colorPalette.color.chart.mark.notice.06" | "colors.colorPalette.chart.mark.notice.06" | "colors.colorPalette.mark.notice.06" | "colors.colorPalette.notice.06" | "colors.colorPalette.system.color.chart.mark.multi.10" | "colors.colorPalette.color.chart.mark.multi.10" | "colors.colorPalette.chart.mark.multi.10" | "colors.colorPalette.mark.multi.10" | "colors.colorPalette.multi.10" | "colors.colorPalette.10" | "colors.colorPalette.system.color.chart.mark.multi.01" | "colors.colorPalette.color.chart.mark.multi.01" | "colors.colorPalette.chart.mark.multi.01" | "colors.colorPalette.mark.multi.01" | "colors.colorPalette.multi.01" | "colors.colorPalette.system.color.chart.mark.multi.02" | "colors.colorPalette.color.chart.mark.multi.02" | "colors.colorPalette.chart.mark.multi.02" | "colors.colorPalette.mark.multi.02" | "colors.colorPalette.multi.02" | "colors.colorPalette.system.color.chart.mark.multi.03" | "colors.colorPalette.color.chart.mark.multi.03" | "colors.colorPalette.chart.mark.multi.03" | "colors.colorPalette.mark.multi.03" | "colors.colorPalette.multi.03" | "colors.colorPalette.system.color.chart.mark.multi.04" | "colors.colorPalette.color.chart.mark.multi.04" | "colors.colorPalette.chart.mark.multi.04" | "colors.colorPalette.mark.multi.04" | "colors.colorPalette.multi.04" | "colors.colorPalette.system.color.chart.mark.multi.05" | "colors.colorPalette.color.chart.mark.multi.05" | "colors.colorPalette.chart.mark.multi.05" | "colors.colorPalette.mark.multi.05" | "colors.colorPalette.multi.05" | "colors.colorPalette.system.color.chart.mark.multi.06" | "colors.colorPalette.color.chart.mark.multi.06" | "colors.colorPalette.chart.mark.multi.06" | "colors.colorPalette.mark.multi.06" | "colors.colorPalette.multi.06" | "colors.colorPalette.system.color.chart.mark.multi.07" | "colors.colorPalette.color.chart.mark.multi.07" | "colors.colorPalette.chart.mark.multi.07" | "colors.colorPalette.mark.multi.07" | "colors.colorPalette.multi.07" | "colors.colorPalette.07" | "colors.colorPalette.system.color.chart.mark.multi.08" | "colors.colorPalette.color.chart.mark.multi.08" | "colors.colorPalette.chart.mark.multi.08" | "colors.colorPalette.mark.multi.08" | "colors.colorPalette.multi.08" | "colors.colorPalette.08" | "colors.colorPalette.system.color.chart.mark.multi.09" | "colors.colorPalette.color.chart.mark.multi.09" | "colors.colorPalette.chart.mark.multi.09" | "colors.colorPalette.mark.multi.09" | "colors.colorPalette.multi.09" | "colors.colorPalette.09" | "colors.colorPalette.system.color.chart.component.onMarkLabel" | "colors.colorPalette.color.chart.component.onMarkLabel" | "colors.colorPalette.chart.component.onMarkLabel" | "colors.colorPalette.component.onMarkLabel" | "colors.colorPalette.onMarkLabel" | "colors.colorPalette.system.color.chart.component.inverseOnMarkLabel" | "colors.colorPalette.color.chart.component.inverseOnMarkLabel" | "colors.colorPalette.chart.component.inverseOnMarkLabel" | "colors.colorPalette.component.inverseOnMarkLabel" | "colors.colorPalette.inverseOnMarkLabel" | "colors.colorPalette.system.color.chart.component.scalemark" | "colors.colorPalette.color.chart.component.scalemark" | "colors.colorPalette.chart.component.scalemark" | "colors.colorPalette.component.scalemark" | "colors.colorPalette.scalemark" | "colors.colorPalette.system.color.chart.component.threshold" | "colors.colorPalette.color.chart.component.threshold" | "colors.colorPalette.chart.component.threshold" | "colors.colorPalette.component.threshold" | "colors.colorPalette.threshold" | "colors.colorPalette.system.color.chart.component.chartSurface" | "colors.colorPalette.color.chart.component.chartSurface" | "colors.colorPalette.chart.component.chartSurface" | "colors.colorPalette.component.chartSurface" | "colors.colorPalette.chartSurface" | "colors.colorPalette.system.color.chart.component.onChartSurface" | "colors.colorPalette.color.chart.component.onChartSurface" | "colors.colorPalette.chart.component.onChartSurface" | "colors.colorPalette.component.onChartSurface" | "colors.colorPalette.onChartSurface"
|
|
2
|
+
export type Token = `colors.${ColorToken}` | `spacing.${SpacingToken}` | `sizes.${SizeToken}` | `opacity.${OpacityToken}` | `fonts.${FontToken}` | `fontWeights.${FontWeightToken}` | `lineHeights.${LineHeightToken}` | `fontSizes.${FontSizeToken}` | `borderWidths.${BorderWidthToken}` | `radii.${RadiusToken}` | `shadows.${ShadowToken}` | `zIndex.${ZIndexToken}` | `breakpoints.${BreakpointToken}`
|
|
3
3
|
|
|
4
4
|
export type ColorPalette = "sd" | "sd.reference" | "sd.reference.color" | "sd.reference.color.scale" | "sd.reference.color.scale.white" | "sd.reference.color.scale.black" | "sd.reference.color.scale.transparency" | "sd.reference.color.scale.gray" | "sd.reference.color.scale.neutral" | "sd.reference.color.scale.red" | "sd.reference.color.scale.chestnut" | "sd.reference.color.scale.beige" | "sd.reference.color.scale.yellow" | "sd.reference.color.scale.green" | "sd.reference.color.scale.skyBlue" | "sd.reference.color.scale.blue" | "sd.reference.color.scale.purple" | "sd.reference.color.scale.pink" | "sd.system" | "sd.system.color" | "sd.system.color.impression" | "sd.system.color.component" | "sd.system.color.interaction" | "sd.system.color.chart" | "sd.system.color.chart.mark" | "sd.system.color.chart.mark.primary" | "sd.system.color.chart.mark.positive" | "sd.system.color.chart.mark.negative" | "sd.system.color.chart.mark.notice" | "sd.system.color.chart.mark.multi" | "sd.system.color.chart.component"
|
|
5
5
|
|
|
@@ -10,7 +10,7 @@ export interface Conditions {
|
|
|
10
10
|
"_focusWithin": string
|
|
11
11
|
/** `&:is(:focus-visible, [data-focus-visible])` */
|
|
12
12
|
"_focusVisible": string
|
|
13
|
-
/** `&:is(:disabled, [disabled], [data-disabled])` */
|
|
13
|
+
/** `&:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])` */
|
|
14
14
|
"_disabled": string
|
|
15
15
|
/** `&:is(:active, [data-active])` */
|
|
16
16
|
"_active": string
|
|
@@ -18,7 +18,7 @@ export interface Conditions {
|
|
|
18
18
|
"_visited": string
|
|
19
19
|
/** `&:target` */
|
|
20
20
|
"_target": string
|
|
21
|
-
/** `&:is(:read-only, [data-read-only])` */
|
|
21
|
+
/** `&:is(:read-only, [data-read-only], [aria-readonly=true])` */
|
|
22
22
|
"_readOnly": string
|
|
23
23
|
/** `&:read-write` */
|
|
24
24
|
"_readWrite": string
|
|
@@ -80,7 +80,7 @@ export interface Conditions {
|
|
|
80
80
|
"_peerFocusWithin": string
|
|
81
81
|
/** `.peer:is(:focus-visible, [data-focus-visible]) ~ &` */
|
|
82
82
|
"_peerFocusVisible": string
|
|
83
|
-
/** `.peer:is(:disabled, [disabled], [data-disabled]) ~ &` */
|
|
83
|
+
/** `.peer:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ &` */
|
|
84
84
|
"_peerDisabled": string
|
|
85
85
|
/** `.peer:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) ~ &` */
|
|
86
86
|
"_peerChecked": string
|
|
@@ -100,13 +100,13 @@ export interface Conditions {
|
|
|
100
100
|
"_groupFocusWithin": string
|
|
101
101
|
/** `.group:is(:focus-visible, [data-focus-visible]) &` */
|
|
102
102
|
"_groupFocusVisible": string
|
|
103
|
-
/** `.group:is(:disabled, [disabled], [data-disabled]) &` */
|
|
103
|
+
/** `.group:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) &` */
|
|
104
104
|
"_groupDisabled": string
|
|
105
105
|
/** `.group:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) &` */
|
|
106
106
|
"_groupChecked": string
|
|
107
107
|
/** `.group:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) &` */
|
|
108
108
|
"_groupExpanded": string
|
|
109
|
-
/** `.group:is(:invalid, [data-invalid]) &` */
|
|
109
|
+
/** `.group:is(:invalid, [data-invalid], [aria-invalid=true]) &` */
|
|
110
110
|
"_groupInvalid": string
|
|
111
111
|
/** `&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state="indeterminate"])` */
|
|
112
112
|
"_indeterminate": string
|
|
@@ -114,7 +114,7 @@ export interface Conditions {
|
|
|
114
114
|
"_required": string
|
|
115
115
|
/** `&:is(:valid, [data-valid])` */
|
|
116
116
|
"_valid": string
|
|
117
|
-
/** `&:is(:invalid, [data-invalid])` */
|
|
117
|
+
/** `&:is(:invalid, [data-invalid], [aria-invalid=true])` */
|
|
118
118
|
"_invalid": string
|
|
119
119
|
/** `&:autofill` */
|
|
120
120
|
"_autofill": string
|
|
@@ -218,15 +218,15 @@ export interface Conditions {
|
|
|
218
218
|
"expandedOnly": string
|
|
219
219
|
/** `@media screen and (max-width: 47.9975rem)` */
|
|
220
220
|
"expandedDown": string
|
|
221
|
-
/**
|
|
221
|
+
/** `[data-panda-theme=asagi] &` */
|
|
222
222
|
"_themeAsagi": string
|
|
223
|
-
/**
|
|
223
|
+
/** `[data-panda-theme=konjo-dark] &` */
|
|
224
224
|
"_themeKonjo-dark": string
|
|
225
|
-
/**
|
|
225
|
+
/** `[data-panda-theme=kurikawa] &` */
|
|
226
226
|
"_themeKurikawa": string
|
|
227
|
-
/**
|
|
227
|
+
/** `[data-panda-theme=sumire] &` */
|
|
228
228
|
"_themeSumire": string
|
|
229
|
-
/**
|
|
229
|
+
/** `[data-panda-theme=tsutsuji] &` */
|
|
230
230
|
"_themeTsutsuji": string
|
|
231
231
|
/** The base (=no conditions) styles to apply */
|
|
232
232
|
"base": string
|
|
@@ -112,6 +112,8 @@ export interface UtilityValues {
|
|
|
112
112
|
borderLeftWidth: Tokens["borderWidths"];
|
|
113
113
|
borderRightWidth: Tokens["borderWidths"];
|
|
114
114
|
borderBottomWidth: Tokens["borderWidths"];
|
|
115
|
+
borderBlockStartWidth: Tokens["borderWidths"];
|
|
116
|
+
borderBlockEndWidth: Tokens["borderWidths"];
|
|
115
117
|
borderColor: Tokens["colors"];
|
|
116
118
|
borderInlineWidth: Tokens["borderWidths"];
|
|
117
119
|
borderInlineColor: Tokens["colors"];
|
|
@@ -8,8 +8,7 @@ type AnyString = (string & {})
|
|
|
8
8
|
type CssVars = `var(--${string})`
|
|
9
9
|
type CssVarValue = ConditionalValue<Token | AnyString | (number & {})>
|
|
10
10
|
|
|
11
|
-
type
|
|
12
|
-
type CssVarKeys = `--${CssVarName}`
|
|
11
|
+
type CssVarKeys = `--${string}` & {}
|
|
13
12
|
|
|
14
13
|
export type CssVarProperties = {
|
|
15
14
|
[key in CssVarKeys]?: CssVarValue
|
|
@@ -855,7 +854,7 @@ borderBlockEndStyle?: ConditionalValue<CssVars | CssProperties["borderBlockEndSt
|
|
|
855
854
|
*
|
|
856
855
|
* @see https://developer.mozilla.org/docs/Web/CSS/border-block-end-width
|
|
857
856
|
*/
|
|
858
|
-
borderBlockEndWidth?: ConditionalValue<CssProperties["borderBlockEndWidth"] | AnyString>
|
|
857
|
+
borderBlockEndWidth?: ConditionalValue<UtilityValues["borderBlockEndWidth"] | CssVars | CssProperties["borderBlockEndWidth"] | AnyString>
|
|
859
858
|
/**
|
|
860
859
|
* The **`border-block-start`** CSS property is a shorthand property for setting the individual logical block-start border property values in a single place in the style sheet.
|
|
861
860
|
*
|
|
@@ -909,7 +908,7 @@ borderBlockStartStyle?: ConditionalValue<CssVars | CssProperties["borderBlockSta
|
|
|
909
908
|
*
|
|
910
909
|
* @see https://developer.mozilla.org/docs/Web/CSS/border-block-start-width
|
|
911
910
|
*/
|
|
912
|
-
borderBlockStartWidth?: ConditionalValue<CssProperties["borderBlockStartWidth"] | AnyString>
|
|
911
|
+
borderBlockStartWidth?: ConditionalValue<UtilityValues["borderBlockStartWidth"] | CssVars | CssProperties["borderBlockStartWidth"] | AnyString>
|
|
913
912
|
/**
|
|
914
913
|
* The **`border-block-style`** CSS property defines the style of the logical block borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style` and `border-bottom-style`, or `border-left-style` and `border-right-style` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
|
|
915
914
|
*
|
|
@@ -1,290 +0,0 @@
|
|
|
1
|
-
import { createAnatomy as C } from "../../anatomy/dist/index.js";
|
|
2
|
-
import { getEventKey as h, isSafari as S, dataAttr as u, prevById as F, nextById as P, queryAll as w } from "../../dom-query/dist/index.js";
|
|
3
|
-
import { warn as x, last as L, first as A, add as $, remove as B } from "../../utils/dist/index.js";
|
|
4
|
-
import { createMachine as N, createGuards as U } from "../../core/dist/index.js";
|
|
5
|
-
import { createProps as y } from "../../types/dist/index.js";
|
|
6
|
-
var H = C("accordion").parts("root", "item", "itemTrigger", "itemContent", "itemIndicator"), g = H.build(), v = (e) => {
|
|
7
|
-
var t;
|
|
8
|
-
return ((t = e.ids) == null ? void 0 : t.root) ?? `accordion:${e.id}`;
|
|
9
|
-
}, K = (e, t) => {
|
|
10
|
-
var a, o;
|
|
11
|
-
return ((o = (a = e.ids) == null ? void 0 : a.item) == null ? void 0 : o.call(a, t)) ?? `accordion:${e.id}:item:${t}`;
|
|
12
|
-
}, b = (e, t) => {
|
|
13
|
-
var a, o;
|
|
14
|
-
return ((o = (a = e.ids) == null ? void 0 : a.itemContent) == null ? void 0 : o.call(a, t)) ?? `accordion:${e.id}:content:${t}`;
|
|
15
|
-
}, m = (e, t) => {
|
|
16
|
-
var a, o;
|
|
17
|
-
return ((o = (a = e.ids) == null ? void 0 : a.itemTrigger) == null ? void 0 : o.call(a, t)) ?? `accordion:${e.id}:trigger:${t}`;
|
|
18
|
-
}, k = (e) => e.getById(v(e)), p = (e) => {
|
|
19
|
-
const a = `[aria-controls][data-ownedby='${CSS.escape(v(e))}']:not([disabled])`;
|
|
20
|
-
return w(k(e), a);
|
|
21
|
-
}, D = (e) => A(p(e)), X = (e) => L(p(e)), z = (e, t) => P(p(e), m(e, t)), M = (e, t) => F(p(e), m(e, t));
|
|
22
|
-
function _(e, t) {
|
|
23
|
-
const { send: a, context: o, prop: n, scope: l, computed: f } = e, T = o.get("focusedValue"), I = o.get("value"), E = n("multiple");
|
|
24
|
-
function R(i) {
|
|
25
|
-
let r = i;
|
|
26
|
-
!E && r.length > 1 && (r = [r[0]]), a({ type: "VALUE.SET", value: r });
|
|
27
|
-
}
|
|
28
|
-
function c(i) {
|
|
29
|
-
return {
|
|
30
|
-
expanded: I.includes(i.value),
|
|
31
|
-
focused: T === i.value,
|
|
32
|
-
disabled: !!(i.disabled ?? n("disabled"))
|
|
33
|
-
};
|
|
34
|
-
}
|
|
35
|
-
return {
|
|
36
|
-
focusedValue: T,
|
|
37
|
-
value: I,
|
|
38
|
-
setValue: R,
|
|
39
|
-
getItemState: c,
|
|
40
|
-
getRootProps() {
|
|
41
|
-
return t.element({
|
|
42
|
-
...g.root.attrs,
|
|
43
|
-
dir: n("dir"),
|
|
44
|
-
id: v(l),
|
|
45
|
-
"data-orientation": n("orientation")
|
|
46
|
-
});
|
|
47
|
-
},
|
|
48
|
-
getItemProps(i) {
|
|
49
|
-
const r = c(i);
|
|
50
|
-
return t.element({
|
|
51
|
-
...g.item.attrs,
|
|
52
|
-
dir: n("dir"),
|
|
53
|
-
id: K(l, i.value),
|
|
54
|
-
"data-state": r.expanded ? "open" : "closed",
|
|
55
|
-
"data-focus": u(r.focused),
|
|
56
|
-
"data-disabled": u(r.disabled),
|
|
57
|
-
"data-orientation": n("orientation")
|
|
58
|
-
});
|
|
59
|
-
},
|
|
60
|
-
getItemContentProps(i) {
|
|
61
|
-
const r = c(i);
|
|
62
|
-
return t.element({
|
|
63
|
-
...g.itemContent.attrs,
|
|
64
|
-
dir: n("dir"),
|
|
65
|
-
role: "region",
|
|
66
|
-
id: b(l, i.value),
|
|
67
|
-
"aria-labelledby": m(l, i.value),
|
|
68
|
-
hidden: !r.expanded,
|
|
69
|
-
"data-state": r.expanded ? "open" : "closed",
|
|
70
|
-
"data-disabled": u(r.disabled),
|
|
71
|
-
"data-focus": u(r.focused),
|
|
72
|
-
"data-orientation": n("orientation")
|
|
73
|
-
});
|
|
74
|
-
},
|
|
75
|
-
getItemIndicatorProps(i) {
|
|
76
|
-
const r = c(i);
|
|
77
|
-
return t.element({
|
|
78
|
-
...g.itemIndicator.attrs,
|
|
79
|
-
dir: n("dir"),
|
|
80
|
-
"aria-hidden": !0,
|
|
81
|
-
"data-state": r.expanded ? "open" : "closed",
|
|
82
|
-
"data-disabled": u(r.disabled),
|
|
83
|
-
"data-focus": u(r.focused),
|
|
84
|
-
"data-orientation": n("orientation")
|
|
85
|
-
});
|
|
86
|
-
},
|
|
87
|
-
getItemTriggerProps(i) {
|
|
88
|
-
const { value: r } = i, d = c(i);
|
|
89
|
-
return t.button({
|
|
90
|
-
...g.itemTrigger.attrs,
|
|
91
|
-
type: "button",
|
|
92
|
-
dir: n("dir"),
|
|
93
|
-
id: m(l, r),
|
|
94
|
-
"aria-controls": b(l, r),
|
|
95
|
-
"aria-expanded": d.expanded,
|
|
96
|
-
disabled: d.disabled,
|
|
97
|
-
"data-orientation": n("orientation"),
|
|
98
|
-
"aria-disabled": d.disabled,
|
|
99
|
-
"data-state": d.expanded ? "open" : "closed",
|
|
100
|
-
"data-ownedby": v(l),
|
|
101
|
-
onFocus() {
|
|
102
|
-
d.disabled || a({ type: "TRIGGER.FOCUS", value: r });
|
|
103
|
-
},
|
|
104
|
-
onBlur() {
|
|
105
|
-
d.disabled || a({ type: "TRIGGER.BLUR" });
|
|
106
|
-
},
|
|
107
|
-
onClick(s) {
|
|
108
|
-
d.disabled || (S() && s.currentTarget.focus(), a({ type: "TRIGGER.CLICK", value: r }));
|
|
109
|
-
},
|
|
110
|
-
onKeyDown(s) {
|
|
111
|
-
if (s.defaultPrevented || d.disabled) return;
|
|
112
|
-
const G = {
|
|
113
|
-
ArrowDown() {
|
|
114
|
-
f("isHorizontal") || a({ type: "GOTO.NEXT", value: r });
|
|
115
|
-
},
|
|
116
|
-
ArrowUp() {
|
|
117
|
-
f("isHorizontal") || a({ type: "GOTO.PREV", value: r });
|
|
118
|
-
},
|
|
119
|
-
ArrowRight() {
|
|
120
|
-
f("isHorizontal") && a({ type: "GOTO.NEXT", value: r });
|
|
121
|
-
},
|
|
122
|
-
ArrowLeft() {
|
|
123
|
-
f("isHorizontal") && a({ type: "GOTO.PREV", value: r });
|
|
124
|
-
},
|
|
125
|
-
Home() {
|
|
126
|
-
a({ type: "GOTO.FIRST", value: r });
|
|
127
|
-
},
|
|
128
|
-
End() {
|
|
129
|
-
a({ type: "GOTO.LAST", value: r });
|
|
130
|
-
}
|
|
131
|
-
}, O = h(s, {
|
|
132
|
-
dir: n("dir"),
|
|
133
|
-
orientation: n("orientation")
|
|
134
|
-
}), V = G[O];
|
|
135
|
-
V && (V(s), s.preventDefault());
|
|
136
|
-
}
|
|
137
|
-
});
|
|
138
|
-
}
|
|
139
|
-
};
|
|
140
|
-
}
|
|
141
|
-
var { and: q, not: j } = U(), ee = N({
|
|
142
|
-
props({ props: e }) {
|
|
143
|
-
return {
|
|
144
|
-
collapsible: !1,
|
|
145
|
-
multiple: !1,
|
|
146
|
-
orientation: "vertical",
|
|
147
|
-
defaultValue: [],
|
|
148
|
-
...e
|
|
149
|
-
};
|
|
150
|
-
},
|
|
151
|
-
initialState() {
|
|
152
|
-
return "idle";
|
|
153
|
-
},
|
|
154
|
-
context({ prop: e, bindable: t }) {
|
|
155
|
-
return {
|
|
156
|
-
focusedValue: t(() => ({
|
|
157
|
-
defaultValue: null,
|
|
158
|
-
sync: !0,
|
|
159
|
-
onChange(a) {
|
|
160
|
-
var o;
|
|
161
|
-
(o = e("onFocusChange")) == null || o({ value: a });
|
|
162
|
-
}
|
|
163
|
-
})),
|
|
164
|
-
value: t(() => ({
|
|
165
|
-
defaultValue: e("defaultValue"),
|
|
166
|
-
value: e("value"),
|
|
167
|
-
onChange(a) {
|
|
168
|
-
var o;
|
|
169
|
-
(o = e("onValueChange")) == null || o({ value: a });
|
|
170
|
-
}
|
|
171
|
-
}))
|
|
172
|
-
};
|
|
173
|
-
},
|
|
174
|
-
computed: {
|
|
175
|
-
isHorizontal: ({ prop: e }) => e("orientation") === "horizontal"
|
|
176
|
-
},
|
|
177
|
-
on: {
|
|
178
|
-
"VALUE.SET": {
|
|
179
|
-
actions: ["setValue"]
|
|
180
|
-
}
|
|
181
|
-
},
|
|
182
|
-
states: {
|
|
183
|
-
idle: {
|
|
184
|
-
on: {
|
|
185
|
-
"TRIGGER.FOCUS": {
|
|
186
|
-
target: "focused",
|
|
187
|
-
actions: ["setFocusedValue"]
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
|
-
},
|
|
191
|
-
focused: {
|
|
192
|
-
on: {
|
|
193
|
-
"GOTO.NEXT": {
|
|
194
|
-
actions: ["focusNextTrigger"]
|
|
195
|
-
},
|
|
196
|
-
"GOTO.PREV": {
|
|
197
|
-
actions: ["focusPrevTrigger"]
|
|
198
|
-
},
|
|
199
|
-
"TRIGGER.CLICK": [
|
|
200
|
-
{
|
|
201
|
-
guard: q("isExpanded", "canToggle"),
|
|
202
|
-
actions: ["collapse"]
|
|
203
|
-
},
|
|
204
|
-
{
|
|
205
|
-
guard: j("isExpanded"),
|
|
206
|
-
actions: ["expand"]
|
|
207
|
-
}
|
|
208
|
-
],
|
|
209
|
-
"GOTO.FIRST": {
|
|
210
|
-
actions: ["focusFirstTrigger"]
|
|
211
|
-
},
|
|
212
|
-
"GOTO.LAST": {
|
|
213
|
-
actions: ["focusLastTrigger"]
|
|
214
|
-
},
|
|
215
|
-
"TRIGGER.BLUR": {
|
|
216
|
-
target: "idle",
|
|
217
|
-
actions: ["clearFocusedValue"]
|
|
218
|
-
}
|
|
219
|
-
}
|
|
220
|
-
}
|
|
221
|
-
},
|
|
222
|
-
implementations: {
|
|
223
|
-
guards: {
|
|
224
|
-
canToggle: ({ prop: e }) => !!e("collapsible") || !!e("multiple"),
|
|
225
|
-
isExpanded: ({ context: e, event: t }) => e.get("value").includes(t.value)
|
|
226
|
-
},
|
|
227
|
-
actions: {
|
|
228
|
-
collapse({ context: e, prop: t, event: a }) {
|
|
229
|
-
const o = t("multiple") ? B(e.get("value"), a.value) : [];
|
|
230
|
-
e.set("value", o);
|
|
231
|
-
},
|
|
232
|
-
expand({ context: e, prop: t, event: a }) {
|
|
233
|
-
const o = t("multiple") ? $(e.get("value"), a.value) : [a.value];
|
|
234
|
-
e.set("value", o);
|
|
235
|
-
},
|
|
236
|
-
focusFirstTrigger({ scope: e }) {
|
|
237
|
-
var t;
|
|
238
|
-
(t = D(e)) == null || t.focus();
|
|
239
|
-
},
|
|
240
|
-
focusLastTrigger({ scope: e }) {
|
|
241
|
-
var t;
|
|
242
|
-
(t = X(e)) == null || t.focus();
|
|
243
|
-
},
|
|
244
|
-
focusNextTrigger({ context: e, scope: t }) {
|
|
245
|
-
const a = e.get("focusedValue");
|
|
246
|
-
if (!a) return;
|
|
247
|
-
const o = z(t, a);
|
|
248
|
-
o == null || o.focus();
|
|
249
|
-
},
|
|
250
|
-
focusPrevTrigger({ context: e, scope: t }) {
|
|
251
|
-
const a = e.get("focusedValue");
|
|
252
|
-
if (!a) return;
|
|
253
|
-
const o = M(t, a);
|
|
254
|
-
o == null || o.focus();
|
|
255
|
-
},
|
|
256
|
-
setFocusedValue({ context: e, event: t }) {
|
|
257
|
-
e.set("focusedValue", t.value);
|
|
258
|
-
},
|
|
259
|
-
clearFocusedValue({ context: e }) {
|
|
260
|
-
e.set("focusedValue", null);
|
|
261
|
-
},
|
|
262
|
-
setValue({ context: e, event: t }) {
|
|
263
|
-
e.set("value", t.value);
|
|
264
|
-
},
|
|
265
|
-
coarseValue({ context: e, prop: t }) {
|
|
266
|
-
!t("multiple") && e.get("value").length > 1 && (x("The value of accordion should be a single value when multiple is false."), e.set("value", [e.get("value")[0]]));
|
|
267
|
-
}
|
|
268
|
-
}
|
|
269
|
-
}
|
|
270
|
-
});
|
|
271
|
-
y()([
|
|
272
|
-
"collapsible",
|
|
273
|
-
"dir",
|
|
274
|
-
"disabled",
|
|
275
|
-
"getRootNode",
|
|
276
|
-
"id",
|
|
277
|
-
"ids",
|
|
278
|
-
"multiple",
|
|
279
|
-
"onFocusChange",
|
|
280
|
-
"onValueChange",
|
|
281
|
-
"orientation",
|
|
282
|
-
"value",
|
|
283
|
-
"defaultValue"
|
|
284
|
-
]);
|
|
285
|
-
y()(["value", "disabled"]);
|
|
286
|
-
export {
|
|
287
|
-
H as anatomy,
|
|
288
|
-
_ as connect,
|
|
289
|
-
ee as machine
|
|
290
|
-
};
|