@ringcentral/spring-ui 1.9.2 → 1.11.0
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/Alert.js +1 -1
- package/Announcement.js +4 -2
- package/Autocomplete.js +40 -7
- package/Avatar.js +42 -27
- package/DatePicker.js +45 -38
- package/DateUtilsContext.js +18 -1
- package/Dialer.js +1 -1
- package/Dialog.js +24 -15
- package/NestedMenuContext.js +4 -3
- package/Option.js +5 -5
- package/PickerTextField.js +2 -2
- package/Popper.js +1 -1
- package/Snackbar.js +7 -5
- package/SortableListDndContext.js +3 -3
- package/SortableListItem.js +21 -9
- package/SplitButton.js +1 -1
- package/SubMenu.js +208 -77
- package/SwipeableDrawer.js +1 -9
- package/Switch.js +15 -5
- package/TablePagination.js +11 -21
- package/TableRow.js +1 -1
- package/Text.js +2 -2
- package/Textarea.js +1 -1
- package/TimePicker.js +1 -1
- package/chunks/Alert.js +1 -1
- package/chunks/Drawer.js +1 -1
- package/chunks/Menu.js +25 -6
- package/chunks/Modal.js +7 -3
- package/chunks/PickerTextField.js +18 -7
- package/chunks/TextField.js +0 -1
- package/chunks/Tooltip.js +1 -1
- package/chunks/VirtualizedMenu.js +1 -1
- package/chunks/useMenuItemSelect.js +49 -17
- package/chunks/useNestedMenuItem.js +16 -5
- package/chunks/useNestedParentMenu.js +77 -5
- package/chunks/useTrayNavigate.js +1 -1
- package/index.css +543 -398
- package/index.js +1 -1
- package/package.json +4 -4
- package/src/Accordion/Accordion.classes.d.ts +3 -3
- package/src/Accordion/Accordion.d.ts +1 -1
- package/src/Accordion/Accordion.type.d.ts +1 -1
- package/src/Accordion/AccordionContext.d.ts +1 -1
- package/src/AccordionHeader/AccordionHeader.classes.d.ts +3 -3
- package/src/AccordionHeader/AccordionHeader.d.ts +1 -1
- package/src/AccordionHeader/AccordionHeader.type.d.ts +1 -1
- package/src/Alert/Alert.classes.d.ts +3 -3
- package/src/Alert/Alert.d.ts +3 -3
- package/src/Alert/Alert.type.d.ts +7 -7
- package/src/Alert/AlertTitle.classes.d.ts +3 -3
- package/src/Animation/components/ExpandCollapseCaret/ExpandCollapseCaret.classes.d.ts +3 -3
- package/src/Animation/components/ExpandCollapseCaret/ExpandCollapseCaret.d.ts +2 -2
- package/src/Animation/components/Fade/Fade.d.ts +1 -1
- package/src/Animation/components/Fade/getFade.d.ts +1 -1
- package/src/Animation/components/Grow/Grow.d.ts +1 -1
- package/src/Animation/components/Grow/getGrow.d.ts +4 -4
- package/src/Animation/components/ShowHideEye/ShowHideEye.classes.d.ts +3 -3
- package/src/Animation/components/ShowHideEye/ShowHideEye.d.ts +1 -1
- package/src/Animation/components/SlideIn/SlideIn.d.ts +1 -1
- package/src/Animation/components/SlideIn/getSlideIn.d.ts +2 -2
- package/src/Animation/components/SortableArrow/SortableArrow.classes.d.ts +3 -3
- package/src/Animation/components/SortableArrow/SortableArrow.d.ts +1 -1
- package/src/Animation/components/types.d.ts +2 -2
- package/src/Announcement/Announcement.classes.d.ts +3 -3
- package/src/Announcement/Announcement.type.d.ts +1 -1
- package/src/Autocomplete/Autocomplete.classes.d.ts +6 -6
- package/src/Autocomplete/Autocomplete.type.d.ts +6 -5
- package/src/Autocomplete/SuggestionList/SuggestionList.classes.d.ts +3 -3
- package/src/Autocomplete/SuggestionList/SuggestionList.d.ts +3 -3
- package/src/Autocomplete/SuggestionList/SuggestionListItem.d.ts +2 -2
- package/src/Autocomplete/SuggestionList/utils/SuggestionListItem.d.ts +1 -1
- package/src/Autocomplete/SuggestionList/utils/useDynamicHeight.d.ts +1 -1
- package/src/Autocomplete/SuggestionList/utils/useHighlightScroll.d.ts +1 -1
- package/src/Autocomplete/SuggestionList/utils/useSuggestionList.d.ts +11 -11
- package/src/Autocomplete/SuggestionList/utils/useSuggestionListGroup.d.ts +2 -2
- package/src/Autocomplete/useAutocomplete.d.ts +20 -20
- package/src/Autocomplete/useAutocompleteTag.d.ts +12 -12
- package/src/Avatar/Avatar.classes.d.ts +5 -5
- package/src/Avatar/Avatar.type.d.ts +7 -7
- package/src/AvatarGroup/AvatarGroup.classes.d.ts +3 -3
- package/src/AvatarGroup/AvatarGroup.type.d.ts +6 -6
- package/src/Backdrop/Backdrop.classes.d.ts +3 -3
- package/src/Backdrop/Backdrop.type.d.ts +1 -1
- package/src/Badge/Badge.classes.d.ts +5 -5
- package/src/Badge/Badge.type.d.ts +7 -7
- package/src/Block/Block.classes.d.ts +3 -3
- package/src/Block/Block.type.d.ts +6 -6
- package/src/BlockHeader/BlockHeader.classes.d.ts +3 -3
- package/src/BlockHeader/BlockHeader.type.d.ts +4 -4
- package/src/BottomNavigation/BottomNavigation.classes.d.ts +3 -3
- package/src/BottomNavigation/BottomNavigation.type.d.ts +2 -2
- package/src/BottomNavigation/BottomNavigationContext.d.ts +1 -1
- package/src/BottomNavigation/BottomNavigationGroup/BottomNavigationGroup.classes.d.ts +3 -3
- package/src/BottomNavigation/BottomNavigationGroup/BottomNavigationGroup.type.d.ts +1 -1
- package/src/BottomNavigationItem/BottomNavigationItem.classes.d.ts +3 -3
- package/src/BottomNavigationItem/BottomNavigationItem.type.d.ts +1 -1
- package/src/Button/Button.classes.d.ts +3 -3
- package/src/Button/Button.type.d.ts +8 -8
- package/src/CallButton/CallButton.classes.d.ts +3 -3
- package/src/CallButton/CallButton.type.d.ts +5 -5
- package/src/Checkbox/Checkbox.classes.d.ts +3 -3
- package/src/Checkbox/Checkbox.d.ts +2 -2
- package/src/Checkbox/Checkbox.type.d.ts +2 -2
- package/src/Chip/Chip.classes.d.ts +3 -3
- package/src/Chip/Chip.type.d.ts +5 -5
- package/src/CircularProgressIndicator/CircularProgressIndicator.classes.d.ts +4 -4
- package/src/CircularProgressIndicator/CircularProgressIndicator.d.ts +1 -1
- package/src/CircularProgressIndicator/CircularProgressIndicator.type.d.ts +4 -4
- package/src/ComponentsProps.d.ts +1 -1
- package/src/DatePicker/Calendar.d.ts +1 -1
- package/src/DatePicker/DatePicker.classes.d.ts +3 -3
- package/src/DatePicker/DatePicker.d.ts +1 -1
- package/src/DatePicker/DatePicker.type.d.ts +3 -3
- package/src/DatePicker/DatePickerHeader.d.ts +3 -2
- package/src/DatePicker/Day.d.ts +2 -2
- package/src/DatePicker/SlideDirection.d.ts +1 -1
- package/src/DatePicker/Year.d.ts +2 -2
- package/src/DatePicker/Years.d.ts +1 -1
- package/src/DatePicker/utils/DatePickerAriaLabelUtils.d.ts +12 -4
- package/src/DatePicker/utils/DatePickerUtils.d.ts +1 -1
- package/src/DatePicker/utils/findClosestEnabledDate.d.ts +1 -1
- package/src/DateUtilsContext/DateUtilsContext.d.ts +8 -2
- package/src/Dialer/DialDelete/DialDelete.d.ts +1 -1
- package/src/Dialer/DialPad/DialPad.classes.d.ts +3 -3
- package/src/Dialer/DialPad/DialPad.d.ts +2 -2
- package/src/Dialer/DialPad/utils/DialPadUtils.d.ts +3 -3
- package/src/Dialer/DialPad/utils/types.d.ts +2 -2
- package/src/Dialer/DialPad/utils/useDialKeyboard.d.ts +1 -1
- package/src/Dialer/DialPad/utils/useKeyAudio.d.ts +1 -1
- package/src/Dialer/DialPadButton/DialPadButton.classes.d.ts +3 -3
- package/src/Dialer/DialPadButton/DialPadButton.d.ts +1 -1
- package/src/Dialer/DialTextField/DialTextField.d.ts +2 -2
- package/src/Dialer/Dialer.d.ts +1 -1
- package/src/Dialer/utils/DialerContext.d.ts +1 -1
- package/src/Dialog/Dialog.classes.d.ts +14 -14
- package/src/Dialog/Dialog.d.ts +1 -1
- package/src/Dialog/Dialog.type.d.ts +5 -4
- package/src/Divider/Divider.classes.d.ts +4 -4
- package/src/Divider/Divider.type.d.ts +7 -7
- package/src/DragHandle/DragHandle.classes.d.ts +3 -3
- package/src/DragHandle/DragHandle.type.d.ts +5 -5
- package/src/Drawer/Drawer.classes.d.ts +5 -5
- package/src/Drawer/Drawer.d.ts +1 -1
- package/src/Drawer/Drawer.type.d.ts +4 -4
- package/src/Dropdown/Dropdown.classes.d.ts +3 -3
- package/src/Dropdown/Dropdown.type.d.ts +1 -1
- package/src/EmptyState/EmptyState.classes.d.ts +3 -3
- package/src/EmptyState/EmptyState.d.ts +1 -1
- package/src/EmptyState/EmptyState.type.d.ts +1 -1
- package/src/FabButton/FabButton.classes.d.ts +3 -3
- package/src/FabButton/FabButton.type.d.ts +5 -5
- package/src/FocusTrap/FocusTrap.d.ts +2 -2
- package/src/FormField/FormField.classes.d.ts +4 -4
- package/src/FormField/FormField.type.d.ts +3 -3
- package/src/FormLabel/FormLabel.classes.d.ts +4 -4
- package/src/FormLabel/FormLabel.d.ts +1 -1
- package/src/FormLabel/FormLabel.type.d.ts +2 -2
- package/src/FormLabel/FormLabelContext.d.ts +1 -1
- package/src/Icon/Icon.classes.d.ts +3 -3
- package/src/Icon/Icon.d.ts +1 -1
- package/src/Icon/Icon.type.d.ts +2 -2
- package/src/IconButton/IconButton.classes.d.ts +3 -3
- package/src/IconButton/IconButton.type.d.ts +9 -9
- package/src/IconButton/IconButtonLabel.classes.d.ts +3 -3
- package/src/IconButton/IconButtonLabel.d.ts +1 -1
- package/src/IconButton/IconButtonLabel.type.d.ts +1 -1
- package/src/IconButtonGroup/IconButtonGroup.classes.d.ts +3 -3
- package/src/IconButtonGroup/IconButtonGroup.type.d.ts +4 -4
- package/src/InlineEditable/InlineEditable.classes.d.ts +4 -4
- package/src/InlineEditable/InlineEditable.type.d.ts +5 -5
- package/src/LinearProgressIndicator/LinearProgressIndicator.classes.d.ts +4 -4
- package/src/LinearProgressIndicator/LinearProgressIndicator.type.d.ts +2 -2
- package/src/Link/Link.classes.d.ts +4 -4
- package/src/Link/Link.type.d.ts +4 -4
- package/src/List/List.classes.d.ts +3 -3
- package/src/List/List.type.d.ts +1 -1
- package/src/ListItem/HoverActions.d.ts +1 -1
- package/src/ListItem/ListItem.classes.d.ts +3 -3
- package/src/ListItem/ListItem.d.ts +1 -1
- package/src/ListItem/ListItem.type.d.ts +1 -1
- package/src/ListItemText/ListItemText.classes.d.ts +4 -4
- package/src/ListItemText/ListItemText.d.ts +1 -1
- package/src/ListItemText/ListItemText.type.d.ts +2 -2
- package/src/ListNavigation/ListNavigationContext.d.ts +1 -1
- package/src/ListNavigation/useListNavigation.d.ts +6 -6
- package/src/Menu/Menu.classes.d.ts +3 -3
- package/src/Menu/Menu.d.ts +1 -1
- package/src/Menu/Menu.type.d.ts +1 -1
- package/src/Menu/MenuContext.d.ts +1 -1
- package/src/MenuActions/MenuActions.classes.d.ts +6 -6
- package/src/MenuActions/MenuActions.type.d.ts +1 -1
- package/src/MenuDivider/MenuDivider.classes.d.ts +3 -3
- package/src/MenuDivider/MenuDivider.type.d.ts +1 -1
- package/src/MenuFooter/MenuFooter.classes.d.ts +3 -3
- package/src/MenuFooter/MenuFooter.type.d.ts +1 -1
- package/src/MenuHeader/MenuHeader.classes.d.ts +3 -3
- package/src/MenuHeader/MenuHeader.type.d.ts +1 -1
- package/src/MenuItem/MenuItem.classes.d.ts +3 -3
- package/src/MenuItem/MenuItem.d.ts +1 -1
- package/src/MenuItem/MenuItem.type.d.ts +1 -1
- package/src/MenuItem/MenuItemSelectContext.d.ts +1 -1
- package/src/MenuItem/useMenuItem.d.ts +1 -1
- package/src/MenuItem/useMenuItemSelect.d.ts +5 -5
- package/src/MenuItem/useVirtualizedMenuItem.d.ts +2 -1
- package/src/MenuItemText/MenuItemText.classes.d.ts +3 -3
- package/src/MenuItemText/MenuItemText.d.ts +1 -1
- package/src/MenuItemText/MenuItemText.type.d.ts +1 -1
- package/src/MenuList/MenuList.classes.d.ts +3 -3
- package/src/MenuList/MenuList.type.d.ts +1 -1
- package/src/MenuList/MenuListContext.d.ts +1 -1
- package/src/Modal/InnerModal.d.ts +1 -1
- package/src/Modal/InnerModal.type.d.ts +2 -2
- package/src/Modal/Modal.classes.d.ts +3 -3
- package/src/Modal/Modal.d.ts +1 -1
- package/src/Modal/Modal.type.d.ts +1 -1
- package/src/Modal/ModalContext.d.ts +1 -1
- package/src/NestedMenuContext/MenuOverlayGroupContext.d.ts +15 -0
- package/src/NestedMenuContext/NestedMenuContext.d.ts +22 -5
- package/src/NestedMenuContext/SubMenuTriggerNestedIdContext.d.ts +2 -0
- package/src/NestedMenuContext/pointerGrace.d.ts +8 -0
- package/src/NestedMenuContext/useNestedChildMenu.d.ts +4 -2
- package/src/NestedMenuContext/useNestedMenuItem.d.ts +8 -3
- package/src/NestedMenuContext/useNestedParentMenu.d.ts +8 -1
- package/src/Option/Option.d.ts +1 -1
- package/src/Option/Option.type.d.ts +1 -1
- package/src/Overlap/Overlap.classes.d.ts +3 -3
- package/src/Overlap/Overlap.type.d.ts +8 -8
- package/src/PageHeader/PageHeader.classes.d.ts +15 -15
- package/src/PageHeader/PageHeader.type.d.ts +6 -6
- package/src/PickerTextField/PickerTextField.classes.d.ts +3 -3
- package/src/PickerTextField/PickerTextField.d.ts +1 -1
- package/src/PickerTextField/PickerTextField.type.d.ts +2 -2
- package/src/Popover/Popover.classes.d.ts +3 -3
- package/src/Popover/Popover.d.ts +1 -1
- package/src/Popover/Popover.type.d.ts +2 -2
- package/src/Popper/Popper.d.ts +1 -1
- package/src/Popper/Popper.type.d.ts +4 -4
- package/src/PopperPaper/PopperPaper.classes.d.ts +3 -3
- package/src/PopperPaper/PopperPaper.d.ts +1 -1
- package/src/PopperPaper/PopperPaper.type.d.ts +1 -1
- package/src/Radio/Radio.classes.d.ts +3 -3
- package/src/Radio/Radio.d.ts +2 -2
- package/src/Radio/Radio.type.d.ts +1 -1
- package/src/RadioGroup/RadioGroup.classes.d.ts +3 -3
- package/src/RadioGroup/RadioGroup.context.d.ts +1 -1
- package/src/RadioGroup/RadioGroup.d.ts +1 -1
- package/src/RadioGroup/RadioGroup.type.d.ts +1 -1
- package/src/Rating/Rating.classes.d.ts +3 -3
- package/src/Rating/Rating.d.ts +1 -1
- package/src/Rating/Rating.type.d.ts +2 -2
- package/src/Rating/RatingItem.d.ts +1 -1
- package/src/Select/Select.classes.d.ts +4 -4
- package/src/Select/Select.type.d.ts +5 -5
- package/src/Select/useSelect.d.ts +1 -1
- package/src/SingleFilter/FilterButton/FilterButton.classes.d.ts +3 -3
- package/src/SingleFilter/FilterButton/FilterButton.d.ts +1 -1
- package/src/SingleFilter/FilterButton/FilterButton.type.d.ts +2 -2
- package/src/SingleFilter/SingleFilter.classes.d.ts +3 -3
- package/src/SingleFilter/SingleFilter.d.ts +1 -1
- package/src/SingleFilter/SingleFilter.type.d.ts +2 -2
- package/src/Skeleton/Skeleton.classes.d.ts +3 -3
- package/src/Skeleton/Skeleton.type.d.ts +1 -1
- package/src/Skeleton/SkeletonContainer/SkeletonContainer.classes.d.ts +3 -3
- package/src/Skeleton/SkeletonContainer/SkeletonContainer.type.d.ts +5 -5
- package/src/Slider/Slider.classes.d.ts +4 -4
- package/src/Slider/Slider.d.ts +3 -3
- package/src/Slider/Slider.type.d.ts +2 -2
- package/src/Slider/SliderThumb.d.ts +1 -1
- package/src/Snackbar/Snackbar.classes.d.ts +3 -3
- package/src/Snackbar/Snackbar.d.ts +1 -1
- package/src/Snackbar/Snackbar.type.d.ts +1 -1
- package/src/Snackbar/SnackbarContent/SnackbarContent.classes.d.ts +3 -3
- package/src/Snackbar/SnackbarContent/SnackbarContent.type.d.ts +1 -1
- package/src/SortableList/SortableList.type.d.ts +1 -1
- package/src/SortableListDndContext/SortableListDndContext.type.d.ts +2 -2
- package/src/SortableListItem/SortableListItem.d.ts +1 -1
- package/src/SortableListItem/SortableListItem.type.d.ts +2 -2
- package/src/SortableListItem/SortableListItemOverlay.d.ts +1 -1
- package/src/SortableListItem/SortableListItemOverlay.type.d.ts +1 -1
- package/src/SortableVirtualizedList/SortableVirtualizedList.type.d.ts +1 -1
- package/src/SplitButton/SplitButton.classes.d.ts +3 -3
- package/src/SplitButton/SplitButton.d.ts +1 -1
- package/src/SplitButton/SplitButton.type.d.ts +1 -1
- package/src/Squircle/Squircle.type.d.ts +5 -5
- package/src/Squircle/squircle.classes.d.ts +3 -3
- package/src/StatusIndicator/StatusIndicator.classes.d.ts +3 -3
- package/src/StatusIndicator/StatusIndicator.type.d.ts +1 -1
- package/src/Step/Step.classes.d.ts +3 -3
- package/src/Step/Step.type.d.ts +5 -5
- package/src/Step/StepContext.d.ts +1 -1
- package/src/StepButton/StepButton.classes.d.ts +3 -3
- package/src/StepButton/StepButton.type.d.ts +5 -5
- package/src/StepConnector/StepConnector.classes.d.ts +3 -3
- package/src/StepConnector/StepConnector.type.d.ts +1 -1
- package/src/StepContent/StepContent.classes.d.ts +3 -3
- package/src/StepContent/StepContent.d.ts +1 -1
- package/src/StepContent/StepContent.type.d.ts +1 -1
- package/src/StepIcon/StepIcon.classes.d.ts +3 -3
- package/src/StepIcon/StepIcon.type.d.ts +1 -1
- package/src/StepLabel/StepLabel.classes.d.ts +4 -4
- package/src/StepLabel/StepLabel.d.ts +1 -1
- package/src/StepLabel/StepLabel.type.d.ts +1 -1
- package/src/Stepper/Stepper.classes.d.ts +3 -3
- package/src/Stepper/Stepper.type.d.ts +6 -6
- package/src/Stepper/StepperContext.d.ts +1 -1
- package/src/SubMenu/PopperMenu.classes.d.ts +3 -3
- package/src/SubMenu/PopperMenu.d.ts +1 -1
- package/src/SubMenu/PopperMenu.type.d.ts +1 -1
- package/src/SubMenu/SubMenu.d.ts +1 -1
- package/src/SubMenu/SubMenu.type.d.ts +1 -1
- package/src/SubMenu/useSubMenuInteractionState.d.ts +13 -0
- package/src/SubMenu/useSubMenuPointerGrace.d.ts +15 -0
- package/src/SwipeableDrawer/SwipeableDrawer.classes.d.ts +3 -3
- package/src/SwipeableDrawer/SwipeableDrawer.d.ts +1 -1
- package/src/SwipeableDrawer/SwipeableDrawer.types.d.ts +2 -2
- package/src/SwipeableDrawer/hooks/useSnapPoints.d.ts +1 -1
- package/src/Switch/Switch.classes.d.ts +3 -3
- package/src/Switch/Switch.d.ts +4 -2
- package/src/Switch/Switch.type.d.ts +4 -1
- package/src/Tab/Tab.classes.d.ts +4 -4
- package/src/Tab/Tab.d.ts +1 -1
- package/src/Tab/Tab.type.d.ts +4 -4
- package/src/TabContext/TabContext.type.d.ts +1 -1
- package/src/TabPanel/TabPanel.classes.d.ts +3 -3
- package/src/TabPanel/TabPanel.d.ts +1 -1
- package/src/TabPanel/TabPanel.type.d.ts +1 -1
- package/src/Table/Table.classes.d.ts +3 -3
- package/src/Table/Table.type.d.ts +5 -5
- package/src/Table/TableContext.d.ts +1 -1
- package/src/Table/Tablelvl2Context.d.ts +1 -1
- package/src/TableBody/TableBody.classes.d.ts +3 -3
- package/src/TableBody/TableBody.type.d.ts +5 -5
- package/src/TableCell/TableCell.classes.d.ts +3 -3
- package/src/TableCell/TableCell.type.d.ts +7 -7
- package/src/TableContainer/TableContainer.classes.d.ts +3 -3
- package/src/TableContainer/TableContainer.type.d.ts +6 -6
- package/src/TableFooter/TableFooter.classes.d.ts +3 -3
- package/src/TableFooter/TableFooter.d.ts +1 -1
- package/src/TableFooter/TableFooter.type.d.ts +1 -1
- package/src/TableHead/TableHead.classes.d.ts +3 -3
- package/src/TableHead/TableHead.type.d.ts +5 -5
- package/src/TablePagination/TablePagination.classes.d.ts +3 -3
- package/src/TablePagination/TablePagination.type.d.ts +8 -6
- package/src/TableRow/TableRow.classes.d.ts +3 -3
- package/src/TableRow/TableRow.type.d.ts +5 -5
- package/src/Tabs/TabMoreMenu.d.ts +2 -2
- package/src/Tabs/TabScrollButton.d.ts +2 -2
- package/src/Tabs/Tabs.classes.d.ts +9 -9
- package/src/Tabs/Tabs.d.ts +1 -1
- package/src/Tabs/Tabs.type.d.ts +2 -2
- package/src/Tabs/TabsContext.d.ts +1 -1
- package/src/Tabs/hooks/useTabsScroller.d.ts +3 -3
- package/src/Tag/Tag.classes.d.ts +3 -3
- package/src/Tag/Tag.d.ts +1 -1
- package/src/Tag/Tag.type.d.ts +2 -2
- package/src/Text/Text.classes.d.ts +3 -3
- package/src/Text/Text.type.d.ts +5 -5
- package/src/TextField/TextField.classes.d.ts +3 -3
- package/src/TextField/TextField.d.ts +1 -1
- package/src/TextField/TextField.type.d.ts +9 -9
- package/src/Textarea/Textarea.classes.d.ts +4 -4
- package/src/Textarea/Textarea.d.ts +1 -1
- package/src/Textarea/Textarea.type.d.ts +3 -3
- package/src/TimePicker/NumberPicker.d.ts +1 -1
- package/src/TimePicker/NumberPicker.type.d.ts +3 -3
- package/src/TimePicker/PickerView.type.d.ts +3 -3
- package/src/TimePicker/SelectionView.d.ts +1 -1
- package/src/TimePicker/TimeButton.d.ts +1 -1
- package/src/TimePicker/TimePicker.classes.d.ts +3 -3
- package/src/TimePicker/TimePicker.type.d.ts +1 -1
- package/src/TimePicker/ToggleText.d.ts +1 -1
- package/src/TimePicker/ToggleText.type.d.ts +2 -2
- package/src/TimePicker/utils/TimeBoundary.d.ts +3 -3
- package/src/TimePicker/utils/TimePickerHelper.d.ts +5 -5
- package/src/TimePicker/utils/getNumberPickerBoundary.d.ts +1 -1
- package/src/TimePicker/utils/runKeyHandler.d.ts +1 -1
- package/src/Tooltip/Tooltip.type.d.ts +1 -1
- package/src/Tooltip/TooltipTrigger.a11y.d.ts +4 -4
- package/src/Tooltip/TooltipTrigger.type.d.ts +1 -1
- package/src/Tooltip/TooltipView.classes.d.ts +3 -3
- package/src/Tooltip/TooltipView.type.d.ts +2 -2
- package/src/Tooltip/withTooltip/withTooltip.d.ts +1 -1
- package/src/Tray/Tray.classes.d.ts +6 -6
- package/src/Tray/Tray.d.ts +1 -1
- package/src/Tray/Tray.type.d.ts +2 -2
- package/src/Tray/TrayContext.d.ts +1 -1
- package/src/Tray/TrayPanel.d.ts +1 -1
- package/src/Tray/hooks/useTray.d.ts +2 -2
- package/src/Tray/hooks/useTrayPanel.d.ts +2 -2
- package/src/Tray/types.d.ts +2 -2
- package/src/TrayMenu/TrayMenu.d.ts +1 -1
- package/src/TrayMenu/TrayMenu.type.d.ts +1 -1
- package/src/TrayMenu/TrayMenuItem.d.ts +2 -2
- package/src/VirtualizedList/VirtualizedItemPropsContext.d.ts +1 -1
- package/src/VirtualizedList/VirtualizedList.type.d.ts +2 -2
- package/src/VirtualizedList/VirtuosoContextType.d.ts +1 -1
- package/src/VirtualizedMenu/VirtualizedMenu.classes.d.ts +3 -3
- package/src/VirtualizedMenu/VirtualizedMenu.context.d.ts +1 -1
- package/src/VirtualizedMenu/VirtualizedMenu.type.d.ts +1 -1
- package/src/VirtualizedMenu/VirtualizedMenuList.d.ts +1 -1
- package/src/VisuallyHidden/VisuallyHidden.classes.d.ts +3 -3
- package/src/VisuallyHidden/VisuallyHidden.type.d.ts +1 -1
- package/src/internal/utils/composeEventHandlers.d.ts +7 -0
- package/src/internal/utils/index.d.ts +1 -0
- package/src/Animation/hooks/useMotionSafeTransition/useMotionSafeTransition.d.ts +0 -6
package/index.css
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
.sui-form-field-label {font-size: var(--sui-typography-descriptor-mini-font-size);font-weight: var(--sui-typography-descriptor-mini-font-weight);line-height: var(--sui-typography-descriptor-mini-line-height);text-decoration: var(--sui-typography-descriptor-mini-text-decoration);text-transform: var(--sui-typography-descriptor-mini-text-transform);font-family: var(--sui-font-family);display: flex;--tw-text-opacity: 1;color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)))
|
|
1
|
+
.sui-form-field-label {font-size: var(--sui-typography-descriptor-mini-font-size);font-weight: var(--sui-typography-descriptor-mini-font-weight);line-height: var(--sui-typography-descriptor-mini-line-height);text-decoration: var(--sui-typography-descriptor-mini-text-decoration);text-transform: var(--sui-typography-descriptor-mini-text-transform);font-family: var(--sui-font-family);display: flex;--tw-text-opacity: 1;color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
2
2
|
}@media (prefers-reduced-motion: no-preference) {.sui-form-field-label {transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;transition-duration: var(--sui-transition-neutral-01-fast-transition-duration);transition-timing-function: var(--sui-transition-neutral-01-fast-transition-timing-function)
|
|
3
3
|
}
|
|
4
4
|
}
|
|
5
|
-
.sui-form-field-helper-text {font-size: var(--sui-typography-descriptor-font-size);font-weight: var(--sui-typography-descriptor-font-weight);line-height: var(--sui-typography-descriptor-line-height);text-decoration: var(--sui-typography-descriptor-text-decoration);text-transform: var(--sui-typography-descriptor-text-transform);font-family: var(--sui-font-family);margin-top: var(--sui-spacing-1);--tw-text-opacity: 1;color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)))
|
|
5
|
+
.sui-form-field-helper-text {font-size: var(--sui-typography-descriptor-font-size);font-weight: var(--sui-typography-descriptor-font-weight);line-height: var(--sui-typography-descriptor-line-height);text-decoration: var(--sui-typography-descriptor-text-decoration);text-transform: var(--sui-typography-descriptor-text-transform);font-family: var(--sui-font-family);margin-top: var(--sui-spacing-1);--tw-text-opacity: 1;color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
6
6
|
}
|
|
7
7
|
@media (prefers-reduced-motion: no-preference) {.sui-form-field-helper-text {transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;transition-duration: var(--sui-transition-neutral-01-fast-transition-duration);transition-timing-function: var(--sui-transition-neutral-01-fast-transition-timing-function)
|
|
8
8
|
}
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
}
|
|
15
15
|
.sui-form-field-container {position: relative
|
|
16
16
|
}
|
|
17
|
-
.sui-form-field-focus-effect {pointer-events: none;position: absolute;inset: var(--sui-spacing-0);--tw-border-opacity: 1;border-color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-border-opacity)))
|
|
17
|
+
.sui-form-field-focus-effect {pointer-events: none;position: absolute;inset: var(--sui-spacing-0);--tw-border-opacity: 1;border-color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-border-opacity, 1)))
|
|
18
18
|
}
|
|
19
19
|
.sui-form-field-outlined,
|
|
20
20
|
.sui-form-field-contained {border-radius: var(--sui-border-radius-sm);--sui-focus-ring-border-radius: var(--sui-border-radius-sm)
|
|
@@ -30,27 +30,27 @@
|
|
|
30
30
|
.sui-form-field-outlined-content, .sui-form-field-contained-content {border-style: solid;border-radius: var(--sui-border-radius-sm);--sui-focus-ring-border-radius: var(--sui-border-radius-sm);--sui-focus-ring-border-width-recoup: 1
|
|
31
31
|
}
|
|
32
32
|
@media (hover: hover) {
|
|
33
|
-
.sui-form-field-outlined-content:hover, .sui-form-field-contained-content:hover {--tw-border-opacity: 1;border-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-border-opacity)))
|
|
33
|
+
.sui-form-field-outlined-content:hover, .sui-form-field-contained-content:hover {--tw-border-opacity: 1;border-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-border-opacity, 1)))
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
.sui-form-field-outlined:not(.sui-disabled):focus .sui-form-field-focus-effect, .sui-form-field-outlined:not(.sui-disabled):focus-within .sui-form-field-focus-effect, .sui-form-field-outlined:not(.sui-disabled).sui-focused .sui-form-field-focus-effect, .sui-form-field-contained:not(.sui-disabled):focus .sui-form-field-focus-effect, .sui-form-field-contained:not(.sui-disabled):focus-within .sui-form-field-focus-effect, .sui-form-field-contained:not(.sui-disabled).sui-focused .sui-form-field-focus-effect {box-sizing: border-box;border-style: solid;border-radius: var(--sui-border-radius-sm);--sui-focus-ring-border-radius: var(--sui-border-radius-sm);border-width: var(--sui-border-width-2);--sui-focus-ring-border-width: var(--sui-border-width-2);--sui-focus-ring-border-width-recoup: 1
|
|
37
37
|
}
|
|
38
|
-
.sui-form-field-outlined-content {--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)));border-width: var(--sui-border-width-1);--sui-focus-ring-border-width: var(--sui-border-width-1)
|
|
38
|
+
.sui-form-field-outlined-content {--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)));border-width: var(--sui-border-width-1);--sui-focus-ring-border-width: var(--sui-border-width-1)
|
|
39
39
|
}
|
|
40
40
|
@media (hover: hover) {
|
|
41
|
-
.sui-form-field-outlined-content:hover {--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity)))
|
|
41
|
+
.sui-form-field-outlined-content:hover {--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity, 1)))
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
.sui-form-field-contained-content {background-color: var(--sui-colors-neutral-b4-t50);border-width: var(--sui-border-width-0);--sui-focus-ring-border-width: var(--sui-border-width-0)
|
|
45
45
|
}
|
|
46
46
|
@media (hover: hover) {
|
|
47
|
-
.sui-form-field-contained-content:hover {--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity)))
|
|
47
|
+
.sui-form-field-contained-content:hover {--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity, 1)))
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
50
|
.sui-form-field-standard-content {border-style: solid;border-color: var(--sui-colors-neutral-b0-t20);border-top-color: transparent;border-width: var(--sui-border-width-0);--sui-focus-ring-border-width: var(--sui-border-width-0);border-top-width: var(--sui-border-width-1);border-bottom-width: var(--sui-border-width-1);--sui-focus-ring-border-width-recoup: 1
|
|
51
51
|
}
|
|
52
52
|
@media (hover: hover) {
|
|
53
|
-
.sui-form-field-standard-content:hover {--tw-border-opacity: 1;border-bottom-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-border-opacity)))
|
|
53
|
+
.sui-form-field-standard-content:hover {--tw-border-opacity: 1;border-bottom-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-border-opacity, 1)))
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
56
|
.sui-form-field-standard-focus-effect {border-width: var(--sui-border-width-0);--sui-focus-ring-border-width: var(--sui-border-width-0);border-bottom-width: var(--sui-border-width-2);transform-origin: center;--tw-scale-x: 0;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-style: solid;--sui-focus-ring-border-width-recoup: 1
|
|
@@ -69,13 +69,13 @@
|
|
|
69
69
|
.sui-form-field-medium-content {height: var(--sui-spacing-8)
|
|
70
70
|
}
|
|
71
71
|
.sui-form-field-error-helper-text,
|
|
72
|
-
.sui-form-field-error-label {--tw-text-opacity: 1;color: rgb(var(--s-danger-f), calc(var(--s-danger-f-opacity, 1) * var(--tw-text-opacity)))
|
|
72
|
+
.sui-form-field-error-label {--tw-text-opacity: 1;color: rgb(var(--s-danger-f), calc(var(--s-danger-f-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
73
73
|
}
|
|
74
74
|
.sui-form-field-error-focus-effect,
|
|
75
|
-
.sui-form-field-error-content {--tw-border-opacity: 1;border-color: rgb(var(--s-danger-f), calc(var(--s-danger-f-opacity, 1) * var(--tw-border-opacity)))
|
|
75
|
+
.sui-form-field-error-content {--tw-border-opacity: 1;border-color: rgb(var(--s-danger-f), calc(var(--s-danger-f-opacity, 1) * var(--tw-border-opacity, 1)))
|
|
76
76
|
}
|
|
77
77
|
@media (hover: hover) {
|
|
78
|
-
.sui-form-field-error-focus-effect:hover, .sui-form-field-error-content:hover {--tw-border-opacity: 1;border-color: rgb(var(--s-danger-high-contrast), calc(var(--s-danger-high-contrast-opacity, 1) * var(--tw-border-opacity)))
|
|
78
|
+
.sui-form-field-error-focus-effect:hover, .sui-form-field-error-content:hover {--tw-border-opacity: 1;border-color: rgb(var(--s-danger-high-contrast), calc(var(--s-danger-high-contrast-opacity, 1) * var(--tw-border-opacity, 1)))
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
81
|
.sui-form-field-error-standard-content {border-top-color: transparent
|
|
@@ -102,9 +102,9 @@
|
|
|
102
102
|
.sui-form-field.sui-disabled .sui-form-field-contained-content {border-color: transparent
|
|
103
103
|
}
|
|
104
104
|
.sui-form-field.sui-disabled .sui-form-field-contained-content,
|
|
105
|
-
.sui-form-field.sui-disabled .sui-form-field-outlined-content {--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity)))
|
|
105
|
+
.sui-form-field.sui-disabled .sui-form-field-outlined-content {--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity, 1)))
|
|
106
106
|
}
|
|
107
|
-
.sui-form-field.sui-disabled .sui-form-field-helper-text {--tw-text-opacity: 1;color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity)))
|
|
107
|
+
.sui-form-field.sui-disabled .sui-form-field-helper-text {--tw-text-opacity: 1;color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
108
108
|
}
|
|
109
109
|
|
|
110
110
|
.sui-form-label-root {
|
|
@@ -122,12 +122,12 @@
|
|
|
122
122
|
margin-right: var(--sui-spacing-2);
|
|
123
123
|
cursor: pointer;
|
|
124
124
|
--tw-text-opacity: 1;
|
|
125
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)))
|
|
125
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
126
126
|
}
|
|
127
127
|
.sui-form-label-label.sui-disabled {
|
|
128
128
|
pointer-events: none;
|
|
129
129
|
--tw-text-opacity: 1;
|
|
130
|
-
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)))
|
|
130
|
+
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
131
131
|
}
|
|
132
132
|
.sui-form-label-end-label {
|
|
133
133
|
margin-left: var(--sui-spacing-2)
|
|
@@ -152,7 +152,7 @@
|
|
|
152
152
|
height: var(--sui-spacing-9);
|
|
153
153
|
width: var(--sui-spacing-9);
|
|
154
154
|
--tw-text-opacity: 1;
|
|
155
|
-
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity)));
|
|
155
|
+
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
156
156
|
display: flex;
|
|
157
157
|
align-items: center;
|
|
158
158
|
justify-content: center;
|
|
@@ -289,7 +289,7 @@
|
|
|
289
289
|
|
|
290
290
|
--tw-bg-opacity: 1;
|
|
291
291
|
|
|
292
|
-
background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity)));
|
|
292
|
+
background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
293
293
|
|
|
294
294
|
--sui-focus-ring-border-width-recoup: 0;
|
|
295
295
|
}
|
|
@@ -355,7 +355,7 @@
|
|
|
355
355
|
--tw-scale-y: .5;
|
|
356
356
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
357
357
|
--tw-bg-opacity: 1;
|
|
358
|
-
background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity)));
|
|
358
|
+
background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
359
359
|
|
|
360
360
|
border-radius: var(--sui-border-radius-xs) /
|
|
361
361
|
calc(var(--sui-border-radius-xs) * 2);
|
|
@@ -381,7 +381,7 @@
|
|
|
381
381
|
box-sizing: border-box;
|
|
382
382
|
overflow: hidden;
|
|
383
383
|
--tw-text-opacity: 1;
|
|
384
|
-
color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-text-opacity)));
|
|
384
|
+
color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
385
385
|
|
|
386
386
|
--sui-skeleton-gradient-width: var(--sui-spacing-112);
|
|
387
387
|
}
|
|
@@ -456,9 +456,9 @@
|
|
|
456
456
|
--sui-focus-ring-border-radius: var(--sui-border-radius-full);
|
|
457
457
|
border-style: solid;
|
|
458
458
|
--tw-border-opacity: 1;
|
|
459
|
-
border-color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-border-opacity)));
|
|
459
|
+
border-color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
460
460
|
--tw-text-opacity: 1;
|
|
461
|
-
color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
461
|
+
color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
462
462
|
border-width: var(--sui-border-width-1);
|
|
463
463
|
--sui-focus-ring-border-width: var(--sui-border-width-1);
|
|
464
464
|
--sui-focus-ring-border-width-recoup: 1
|
|
@@ -481,19 +481,19 @@
|
|
|
481
481
|
}
|
|
482
482
|
.sui-status-indicator-dnd {
|
|
483
483
|
--tw-bg-opacity: 1;
|
|
484
|
-
background-color: rgb(var(--s-danger), calc(var(--s-danger-opacity, 1) * var(--tw-bg-opacity)))
|
|
484
|
+
background-color: rgb(var(--s-danger), calc(var(--s-danger-opacity, 1) * var(--tw-bg-opacity, 1)))
|
|
485
485
|
}
|
|
486
486
|
.sui-status-indicator-busy {
|
|
487
487
|
--tw-bg-opacity: 1;
|
|
488
|
-
background-color: rgb(var(--s-danger), calc(var(--s-danger-opacity, 1) * var(--tw-bg-opacity)))
|
|
488
|
+
background-color: rgb(var(--s-danger), calc(var(--s-danger-opacity, 1) * var(--tw-bg-opacity, 1)))
|
|
489
489
|
}
|
|
490
490
|
.sui-status-indicator-available {
|
|
491
491
|
--tw-bg-opacity: 1;
|
|
492
|
-
background-color: rgb(var(--s-success), calc(var(--s-success-opacity, 1) * var(--tw-bg-opacity)))
|
|
492
|
+
background-color: rgb(var(--s-success), calc(var(--s-success-opacity, 1) * var(--tw-bg-opacity, 1)))
|
|
493
493
|
}
|
|
494
494
|
.sui-status-indicator-unavailable {
|
|
495
495
|
--tw-bg-opacity: 1;
|
|
496
|
-
background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity)))
|
|
496
|
+
background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity, 1)))
|
|
497
497
|
}
|
|
498
498
|
|
|
499
499
|
@media (hover: hover) {.sui-expand-collapse-caret-root:hover {
|
|
@@ -523,7 +523,7 @@
|
|
|
523
523
|
|
|
524
524
|
--tw-bg-opacity: 1;
|
|
525
525
|
|
|
526
|
-
background-color: rgb(var(--s-neutral-static-b0), calc(var(--s-neutral-static-b0-opacity, 1) * var(--tw-bg-opacity)));
|
|
526
|
+
background-color: rgb(var(--s-neutral-static-b0), calc(var(--s-neutral-static-b0-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
527
527
|
|
|
528
528
|
opacity: 0.5
|
|
529
529
|
}
|
|
@@ -621,7 +621,7 @@
|
|
|
621
621
|
|
|
622
622
|
--tw-text-opacity: 1;
|
|
623
623
|
|
|
624
|
-
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity)));
|
|
624
|
+
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
625
625
|
|
|
626
626
|
border-radius: var(--sui-border-radius-xs);
|
|
627
627
|
|
|
@@ -696,33 +696,33 @@
|
|
|
696
696
|
|
|
697
697
|
--tw-border-opacity: 1;
|
|
698
698
|
|
|
699
|
-
border-color: rgb(var(--s-neutral-b1), calc(var(--s-neutral-b1-opacity, 1) * var(--tw-border-opacity)));
|
|
699
|
+
border-color: rgb(var(--s-neutral-b1), calc(var(--s-neutral-b1-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
700
700
|
|
|
701
701
|
--tw-bg-opacity: 1;
|
|
702
702
|
|
|
703
|
-
background-color: rgb(var(--s-neutral-b1), calc(var(--s-neutral-b1-opacity, 1) * var(--tw-bg-opacity)));
|
|
703
|
+
background-color: rgb(var(--s-neutral-b1), calc(var(--s-neutral-b1-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
704
704
|
}
|
|
705
705
|
|
|
706
706
|
.sui-tooltip-view-success {
|
|
707
707
|
|
|
708
708
|
--tw-border-opacity: 1;
|
|
709
709
|
|
|
710
|
-
border-color: rgb(var(--s-success), calc(var(--s-success-opacity, 1) * var(--tw-border-opacity)));
|
|
710
|
+
border-color: rgb(var(--s-success), calc(var(--s-success-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
711
711
|
|
|
712
712
|
--tw-bg-opacity: 1;
|
|
713
713
|
|
|
714
|
-
background-color: rgb(var(--s-success), calc(var(--s-success-opacity, 1) * var(--tw-bg-opacity)));
|
|
714
|
+
background-color: rgb(var(--s-success), calc(var(--s-success-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
715
715
|
}
|
|
716
716
|
|
|
717
717
|
.sui-tooltip-view-danger {
|
|
718
718
|
|
|
719
719
|
--tw-border-opacity: 1;
|
|
720
720
|
|
|
721
|
-
border-color: rgb(var(--s-danger), calc(var(--s-danger-opacity, 1) * var(--tw-border-opacity)));
|
|
721
|
+
border-color: rgb(var(--s-danger), calc(var(--s-danger-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
722
722
|
|
|
723
723
|
--tw-bg-opacity: 1;
|
|
724
724
|
|
|
725
|
-
background-color: rgb(var(--s-danger-high-contrast), calc(var(--s-danger-high-contrast-opacity, 1) * var(--tw-bg-opacity)));
|
|
725
|
+
background-color: rgb(var(--s-danger-high-contrast), calc(var(--s-danger-high-contrast-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
726
726
|
}
|
|
727
727
|
|
|
728
728
|
.sui-tooltip-view-inverted {
|
|
@@ -731,15 +731,15 @@
|
|
|
731
731
|
|
|
732
732
|
--tw-border-opacity: 1;
|
|
733
733
|
|
|
734
|
-
border-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-border-opacity)));
|
|
734
|
+
border-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
735
735
|
|
|
736
736
|
--tw-bg-opacity: 1;
|
|
737
737
|
|
|
738
|
-
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)));
|
|
738
|
+
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
739
739
|
|
|
740
740
|
--tw-text-opacity: 1;
|
|
741
741
|
|
|
742
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
742
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
743
743
|
|
|
744
744
|
border-width: var(--sui-border-width-1);
|
|
745
745
|
|
|
@@ -1832,7 +1832,7 @@
|
|
|
1832
1832
|
--sui-icon-button-text-color-disabled: var(--sui-colors-neutral-b3);
|
|
1833
1833
|
border-style: solid;
|
|
1834
1834
|
--tw-border-opacity: 1;
|
|
1835
|
-
border-color: rgb(var(--s-neutral-high-contrast), calc(var(--s-neutral-high-contrast-opacity, 1) * var(--tw-border-opacity)));
|
|
1835
|
+
border-color: rgb(var(--s-neutral-high-contrast), calc(var(--s-neutral-high-contrast-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
1836
1836
|
border-width: var(--sui-border-width-1);
|
|
1837
1837
|
--sui-focus-ring-border-width: var(--sui-border-width-1);
|
|
1838
1838
|
--sui-focus-ring-border-width-recoup: 1;
|
|
@@ -2418,7 +2418,7 @@
|
|
|
2418
2418
|
border-style: solid;
|
|
2419
2419
|
border-color: transparent;
|
|
2420
2420
|
--tw-bg-opacity: 1;
|
|
2421
|
-
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)));
|
|
2421
|
+
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
2422
2422
|
--tw-shadow: var(--sui-box-shadow-xs);
|
|
2423
2423
|
--tw-shadow-colored: var(--sui-box-shadow-xs);
|
|
2424
2424
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
@@ -2455,7 +2455,7 @@
|
|
|
2455
2455
|
--tw-content: attr(data-title);
|
|
2456
2456
|
content: var(--tw-content);
|
|
2457
2457
|
--tw-bg-opacity: 1;
|
|
2458
|
-
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)))
|
|
2458
|
+
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)))
|
|
2459
2459
|
}
|
|
2460
2460
|
.sui-divider-horizontal-has-title::after {
|
|
2461
2461
|
position: absolute;
|
|
@@ -2475,7 +2475,7 @@
|
|
|
2475
2475
|
padding-left: var(--sui-spacing-4);
|
|
2476
2476
|
padding-right: var(--sui-spacing-4);
|
|
2477
2477
|
--tw-text-opacity: 1;
|
|
2478
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)))
|
|
2478
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
2479
2479
|
}
|
|
2480
2480
|
.sui-divider-vertical {
|
|
2481
2481
|
height: 100%;
|
|
@@ -2509,7 +2509,7 @@
|
|
|
2509
2509
|
|
|
2510
2510
|
--tw-bg-opacity: 1;
|
|
2511
2511
|
|
|
2512
|
-
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)));
|
|
2512
|
+
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
2513
2513
|
|
|
2514
2514
|
border-radius: var(--sui-border-radius-sm);
|
|
2515
2515
|
|
|
@@ -2586,7 +2586,7 @@
|
|
|
2586
2586
|
width: 100%;
|
|
2587
2587
|
overflow: auto;
|
|
2588
2588
|
--tw-bg-opacity: 1;
|
|
2589
|
-
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)));
|
|
2589
|
+
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
2590
2590
|
outline: 2px solid transparent;
|
|
2591
2591
|
outline-offset: 2px
|
|
2592
2592
|
}
|
|
@@ -2629,7 +2629,7 @@
|
|
|
2629
2629
|
|
|
2630
2630
|
--tw-text-opacity: 1;
|
|
2631
2631
|
|
|
2632
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
2632
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
2633
2633
|
|
|
2634
2634
|
opacity: 0;
|
|
2635
2635
|
|
|
@@ -2671,7 +2671,7 @@
|
|
|
2671
2671
|
|
|
2672
2672
|
--tw-bg-opacity: 1;
|
|
2673
2673
|
|
|
2674
|
-
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)));
|
|
2674
|
+
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
2675
2675
|
|
|
2676
2676
|
padding-left: var(--sui-spacing-2);
|
|
2677
2677
|
|
|
@@ -2695,14 +2695,14 @@
|
|
|
2695
2695
|
|
|
2696
2696
|
--tw-text-opacity: 1;
|
|
2697
2697
|
|
|
2698
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
2698
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
2699
2699
|
}
|
|
2700
2700
|
@media (hover: hover) {
|
|
2701
2701
|
.sui-menu-item-root:hover .sui-menu-item-container {
|
|
2702
2702
|
|
|
2703
2703
|
--tw-bg-opacity: 1;
|
|
2704
2704
|
|
|
2705
|
-
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity)));
|
|
2705
|
+
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
2706
2706
|
}
|
|
2707
2707
|
}
|
|
2708
2708
|
.sui-menu-item-root.sui-selected {
|
|
@@ -2729,19 +2729,19 @@
|
|
|
2729
2729
|
|
|
2730
2730
|
--tw-text-opacity: 1;
|
|
2731
2731
|
|
|
2732
|
-
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)));
|
|
2732
|
+
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
2733
2733
|
}
|
|
2734
2734
|
.sui-menu-item-root.sui-disabled.sui-spruno .sui-list-item-text > span {
|
|
2735
2735
|
|
|
2736
2736
|
--tw-text-opacity: 1;
|
|
2737
2737
|
|
|
2738
|
-
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)));
|
|
2738
|
+
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
2739
2739
|
}
|
|
2740
2740
|
.sui-menu-item-root.sui-disabled .sui-menu-item-select-indicator {
|
|
2741
2741
|
|
|
2742
2742
|
--tw-text-opacity: 1;
|
|
2743
2743
|
|
|
2744
|
-
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity)));
|
|
2744
|
+
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
2745
2745
|
}
|
|
2746
2746
|
.sui-menu-item-root.sui-focus-visible,
|
|
2747
2747
|
.sui-menu-item-root.sui-focused {
|
|
@@ -2772,13 +2772,13 @@
|
|
|
2772
2772
|
|
|
2773
2773
|
--tw-bg-opacity: 1;
|
|
2774
2774
|
|
|
2775
|
-
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity)));
|
|
2775
|
+
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
2776
2776
|
}
|
|
2777
2777
|
.sui-menu-item-root:not(:focus-within):active .sui-menu-item-container, .sui-menu-item-root:not(:focus-within).sui-active .sui-menu-item-container, .sui-menu-item-root:focus:active .sui-menu-item-container, .sui-menu-item-root:focus.sui-active .sui-menu-item-container, .sui-menu-item-root.sui-focused:active .sui-menu-item-container, .sui-menu-item-root.sui-focused.sui-active .sui-menu-item-container {
|
|
2778
2778
|
|
|
2779
2779
|
--tw-bg-opacity: 1;
|
|
2780
2780
|
|
|
2781
|
-
background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity)));
|
|
2781
|
+
background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
2782
2782
|
}
|
|
2783
2783
|
.sui-menu-item-nowrap .sui-menu-item-container {
|
|
2784
2784
|
|
|
@@ -2818,7 +2818,7 @@
|
|
|
2818
2818
|
|
|
2819
2819
|
--tw-bg-opacity: 1;
|
|
2820
2820
|
|
|
2821
|
-
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity)));
|
|
2821
|
+
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
2822
2822
|
}
|
|
2823
2823
|
/* Compact Mode */
|
|
2824
2824
|
.sui-menu-item-root:where(.sui-compact) {
|
|
@@ -2846,7 +2846,7 @@
|
|
|
2846
2846
|
|
|
2847
2847
|
.sui-menu-list-root {
|
|
2848
2848
|
--tw-bg-opacity: 1;
|
|
2849
|
-
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)))
|
|
2849
|
+
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)))
|
|
2850
2850
|
}
|
|
2851
2851
|
|
|
2852
2852
|
.sui-virtualized-menu-paper {
|
|
@@ -2883,7 +2883,7 @@
|
|
|
2883
2883
|
|
|
2884
2884
|
--tw-text-opacity: 1;
|
|
2885
2885
|
|
|
2886
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
2886
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
2887
2887
|
|
|
2888
2888
|
--sui-squircle-bg-color: transparent;
|
|
2889
2889
|
|
|
@@ -2896,7 +2896,7 @@
|
|
|
2896
2896
|
|
|
2897
2897
|
--tw-text-opacity: 1;
|
|
2898
2898
|
|
|
2899
|
-
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)))
|
|
2899
|
+
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
2900
2900
|
}
|
|
2901
2901
|
|
|
2902
2902
|
@media (prefers-reduced-motion: no-preference) {
|
|
@@ -2930,6 +2930,8 @@
|
|
|
2930
2930
|
|
|
2931
2931
|
font-family: var(--sui-font-family);
|
|
2932
2932
|
|
|
2933
|
+
min-width: var(--sui-spacing-0);
|
|
2934
|
+
|
|
2933
2935
|
flex-grow: 1;
|
|
2934
2936
|
|
|
2935
2937
|
overflow: hidden;
|
|
@@ -2945,14 +2947,14 @@
|
|
|
2945
2947
|
|
|
2946
2948
|
--tw-text-opacity: 1;
|
|
2947
2949
|
|
|
2948
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)))
|
|
2950
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
2949
2951
|
}
|
|
2950
2952
|
|
|
2951
2953
|
.sui-select-error .sui-select-chevron {
|
|
2952
2954
|
|
|
2953
2955
|
--tw-text-opacity: 1;
|
|
2954
2956
|
|
|
2955
|
-
color: rgb(var(--s-danger), calc(var(--s-danger-opacity, 1) * var(--tw-text-opacity)))
|
|
2957
|
+
color: rgb(var(--s-danger), calc(var(--s-danger-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
2956
2958
|
}
|
|
2957
2959
|
|
|
2958
2960
|
.sui-select-selector {
|
|
@@ -2999,6 +3001,16 @@
|
|
|
2999
3001
|
padding: var(--sui-spacing-0)
|
|
3000
3002
|
}
|
|
3001
3003
|
|
|
3004
|
+
@media (hover: hover) {
|
|
3005
|
+
|
|
3006
|
+
.sui-select-content:hover .sui-select-placeholder {
|
|
3007
|
+
|
|
3008
|
+
--tw-text-opacity: 1;
|
|
3009
|
+
|
|
3010
|
+
color: rgb(var(--s-neutral-b1), calc(var(--s-neutral-b1-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
3011
|
+
}
|
|
3012
|
+
}
|
|
3013
|
+
|
|
3002
3014
|
.sui-select-outlined-selector-xlarge, .sui-select-contained-selector-xlarge {
|
|
3003
3015
|
|
|
3004
3016
|
padding-left: var(--sui-spacing-4);
|
|
@@ -3040,18 +3052,18 @@
|
|
|
3040
3052
|
|
|
3041
3053
|
--tw-bg-opacity: 1;
|
|
3042
3054
|
|
|
3043
|
-
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity)))
|
|
3055
|
+
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity, 1)))
|
|
3044
3056
|
}
|
|
3045
3057
|
|
|
3046
3058
|
.sui-select-outlined-selector.sui-expanded .sui-select-chevron {
|
|
3047
3059
|
|
|
3048
3060
|
--tw-text-opacity: 1;
|
|
3049
3061
|
|
|
3050
|
-
color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-text-opacity)));
|
|
3062
|
+
color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
3051
3063
|
|
|
3052
3064
|
--s-squircle-bg-color-opacity: 1;
|
|
3053
3065
|
|
|
3054
|
-
--sui-squircle-bg-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--s-squircle-bg-color-opacity)))
|
|
3066
|
+
--sui-squircle-bg-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--s-squircle-bg-color-opacity, 1)))
|
|
3055
3067
|
}
|
|
3056
3068
|
|
|
3057
3069
|
.sui-select-error .sui-select-contained-selector.sui-expanded {
|
|
@@ -3063,45 +3075,35 @@
|
|
|
3063
3075
|
|
|
3064
3076
|
--tw-text-opacity: 1;
|
|
3065
3077
|
|
|
3066
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)))
|
|
3078
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
3067
3079
|
}
|
|
3068
3080
|
|
|
3069
3081
|
.sui-select-contained-selector.sui-expanded {
|
|
3070
3082
|
|
|
3071
3083
|
--tw-bg-opacity: 1;
|
|
3072
3084
|
|
|
3073
|
-
background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity)))
|
|
3085
|
+
background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity, 1)))
|
|
3074
3086
|
}
|
|
3075
3087
|
|
|
3076
3088
|
.sui-select-contained-selector.sui-expanded .sui-select-chevron {
|
|
3077
3089
|
|
|
3078
3090
|
--s-squircle-bg-color-opacity: 1;
|
|
3079
3091
|
|
|
3080
|
-
--sui-squircle-bg-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--s-squircle-bg-color-opacity)))
|
|
3092
|
+
--sui-squircle-bg-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--s-squircle-bg-color-opacity, 1)))
|
|
3081
3093
|
}
|
|
3082
3094
|
|
|
3083
3095
|
.sui-select-standard-selector.sui-expanded .sui-select-chevron {
|
|
3084
3096
|
|
|
3085
3097
|
--tw-text-opacity: 1;
|
|
3086
3098
|
|
|
3087
|
-
color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-text-opacity)))
|
|
3099
|
+
color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
3088
3100
|
}
|
|
3089
3101
|
|
|
3090
3102
|
.sui-select-root {
|
|
3091
3103
|
|
|
3092
3104
|
--tw-text-opacity: 1;
|
|
3093
3105
|
|
|
3094
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)))
|
|
3095
|
-
}
|
|
3096
|
-
|
|
3097
|
-
@media (hover: hover) {
|
|
3098
|
-
|
|
3099
|
-
.sui-select-root:hover .sui-select-placeholder {
|
|
3100
|
-
|
|
3101
|
-
--tw-text-opacity: 1;
|
|
3102
|
-
|
|
3103
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)))
|
|
3104
|
-
}
|
|
3106
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
3105
3107
|
}
|
|
3106
3108
|
|
|
3107
3109
|
.sui-select-root.sui-disabled .sui-select-selector {
|
|
@@ -3115,14 +3117,14 @@
|
|
|
3115
3117
|
|
|
3116
3118
|
--tw-text-opacity: 1;
|
|
3117
3119
|
|
|
3118
|
-
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity)))
|
|
3120
|
+
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
3119
3121
|
}
|
|
3120
3122
|
|
|
3121
3123
|
.sui-select-root.sui-disabled .sui-select-value {
|
|
3122
3124
|
|
|
3123
3125
|
--tw-text-opacity: 1;
|
|
3124
3126
|
|
|
3125
|
-
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)))
|
|
3127
|
+
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
3126
3128
|
}
|
|
3127
3129
|
|
|
3128
3130
|
.sui-split-button-root {
|
|
@@ -3162,27 +3164,27 @@
|
|
|
3162
3164
|
.sui-split-button-divider-inverted-primary,
|
|
3163
3165
|
.sui-split-button-divider-outlined-primary {
|
|
3164
3166
|
--tw-border-opacity: 1;
|
|
3165
|
-
border-color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-border-opacity)));
|
|
3167
|
+
border-color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
3166
3168
|
}
|
|
3167
3169
|
.sui-split-button-divider-inverted-danger,
|
|
3168
3170
|
.sui-split-button-divider-outlined-danger {
|
|
3169
3171
|
--tw-border-opacity: 1;
|
|
3170
|
-
border-color: rgb(var(--s-danger-f), calc(var(--s-danger-f-opacity, 1) * var(--tw-border-opacity)));
|
|
3172
|
+
border-color: rgb(var(--s-danger-f), calc(var(--s-danger-f-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
3171
3173
|
}
|
|
3172
3174
|
.sui-split-button-divider-inverted-warning,
|
|
3173
3175
|
.sui-split-button-divider-outlined-warning {
|
|
3174
3176
|
--tw-border-opacity: 1;
|
|
3175
|
-
border-color: rgb(var(--s-warning-f), calc(var(--s-warning-f-opacity, 1) * var(--tw-border-opacity)));
|
|
3177
|
+
border-color: rgb(var(--s-warning-f), calc(var(--s-warning-f-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
3176
3178
|
}
|
|
3177
3179
|
.sui-split-button-divider-inverted-success,
|
|
3178
3180
|
.sui-split-button-divider-outlined-success {
|
|
3179
3181
|
--tw-border-opacity: 1;
|
|
3180
|
-
border-color: rgb(var(--s-success-f), calc(var(--s-success-f-opacity, 1) * var(--tw-border-opacity)));
|
|
3182
|
+
border-color: rgb(var(--s-success-f), calc(var(--s-success-f-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
3181
3183
|
}
|
|
3182
3184
|
.sui-split-button-divider-inverted-secondary,
|
|
3183
3185
|
.sui-split-button-divider-inverted-neutral {
|
|
3184
3186
|
--tw-border-opacity: 1;
|
|
3185
|
-
border-color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-border-opacity)));
|
|
3187
|
+
border-color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
3186
3188
|
}
|
|
3187
3189
|
.sui-split-button-divider-outlined-primary.sui-disabled,
|
|
3188
3190
|
.sui-split-button-divider-outlined-danger.sui-disabled,
|
|
@@ -3198,14 +3200,14 @@
|
|
|
3198
3200
|
.sui-split-button-divider-inverted-success.sui-disabled,
|
|
3199
3201
|
.sui-split-button-divider-inverted-neutral.sui-disabled {
|
|
3200
3202
|
--tw-border-opacity: 1;
|
|
3201
|
-
border-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-border-opacity)));
|
|
3203
|
+
border-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
3202
3204
|
}
|
|
3203
3205
|
.sui-split-button-divider-inverted-secondary.sui-disabled {
|
|
3204
3206
|
border-color: var(--sui-colors-neutral-w0-t20);
|
|
3205
3207
|
}
|
|
3206
3208
|
.sui-split-button-divider-inverted-neutral {
|
|
3207
3209
|
--tw-border-opacity: 1;
|
|
3208
|
-
border-color: rgb(var(--s-neutral-b1), calc(var(--s-neutral-b1-opacity, 1) * var(--tw-border-opacity)));
|
|
3210
|
+
border-color: rgb(var(--s-neutral-b1), calc(var(--s-neutral-b1-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
3209
3211
|
}
|
|
3210
3212
|
.sui-split-button-divider-text,
|
|
3211
3213
|
.sui-split-button-divider-text.sui-disabled {
|
|
@@ -3237,7 +3239,7 @@
|
|
|
3237
3239
|
|
|
3238
3240
|
--tw-text-opacity: 1;
|
|
3239
3241
|
|
|
3240
|
-
color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
3242
|
+
color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
3241
3243
|
|
|
3242
3244
|
outline: 2px solid transparent;
|
|
3243
3245
|
|
|
@@ -3253,7 +3255,7 @@
|
|
|
3253
3255
|
|
|
3254
3256
|
--s-squircle-bg-color-opacity: 1;
|
|
3255
3257
|
|
|
3256
|
-
--sui-squircle-bg-color: rgb(var(--s-primary-b), calc(var(--s-primary-b-opacity, 1) * var(--s-squircle-bg-color-opacity)));
|
|
3258
|
+
--sui-squircle-bg-color: rgb(var(--s-primary-b), calc(var(--s-primary-b-opacity, 1) * var(--s-squircle-bg-color-opacity, 1)));
|
|
3257
3259
|
|
|
3258
3260
|
--sui-squircle-border-color: var(--sui-squircle-fill);
|
|
3259
3261
|
|
|
@@ -3261,19 +3263,19 @@
|
|
|
3261
3263
|
|
|
3262
3264
|
--s-squircle-bg-color-hover-opacity: 1;
|
|
3263
3265
|
|
|
3264
|
-
--sui-squircle-bg-color-hover: rgb(var(--s-primary-b-high-contrast), calc(var(--s-primary-b-high-contrast-opacity, 1) * var(--s-squircle-bg-color-hover-opacity)));
|
|
3266
|
+
--sui-squircle-bg-color-hover: rgb(var(--s-primary-b-high-contrast), calc(var(--s-primary-b-high-contrast-opacity, 1) * var(--s-squircle-bg-color-hover-opacity, 1)));
|
|
3265
3267
|
|
|
3266
3268
|
--sui-squircle-border-color-hover: var(--sui-colors-primary-t0);
|
|
3267
3269
|
|
|
3268
3270
|
--s-squircle-bg-color-active-opacity: 1;
|
|
3269
3271
|
|
|
3270
|
-
--sui-squircle-bg-color-active: rgb(var(--s-neutral-high-contrast-w0), calc(var(--s-neutral-high-contrast-w0-opacity, 1) * var(--s-squircle-bg-color-active-opacity)));
|
|
3272
|
+
--sui-squircle-bg-color-active: rgb(var(--s-neutral-high-contrast-w0), calc(var(--s-neutral-high-contrast-w0-opacity, 1) * var(--s-squircle-bg-color-active-opacity, 1)));
|
|
3271
3273
|
|
|
3272
3274
|
/* focus */
|
|
3273
3275
|
|
|
3274
3276
|
--s-squircle-ring-color-opacity: 1;
|
|
3275
3277
|
|
|
3276
|
-
--sui-squircle-ring-color: rgb(var(--s-primary-f-high-contrast), calc(var(--s-primary-f-high-contrast-opacity, 1) * var(--s-squircle-ring-color-opacity)));
|
|
3278
|
+
--sui-squircle-ring-color: rgb(var(--s-primary-f-high-contrast), calc(var(--s-primary-f-high-contrast-opacity, 1) * var(--s-squircle-ring-color-opacity, 1)));
|
|
3277
3279
|
|
|
3278
3280
|
--sui-squircle-ring-offset: var(--sui-border-width-2);
|
|
3279
3281
|
|
|
@@ -3295,15 +3297,15 @@
|
|
|
3295
3297
|
|
|
3296
3298
|
--tw-text-opacity: 1;
|
|
3297
3299
|
|
|
3298
|
-
color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-text-opacity)));
|
|
3300
|
+
color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
3299
3301
|
|
|
3300
3302
|
--s-squircle-bg-color-opacity: 1;
|
|
3301
3303
|
|
|
3302
|
-
--sui-squircle-bg-color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--s-squircle-bg-color-opacity)));
|
|
3304
|
+
--sui-squircle-bg-color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--s-squircle-bg-color-opacity, 1)));
|
|
3303
3305
|
|
|
3304
3306
|
--s-squircle-border-color-opacity: 1;
|
|
3305
3307
|
|
|
3306
|
-
--sui-squircle-border-color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--s-squircle-border-color-opacity)));
|
|
3308
|
+
--sui-squircle-border-color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--s-squircle-border-color-opacity, 1)));
|
|
3307
3309
|
|
|
3308
3310
|
--sui-squircle-border-width: var(--sui-border-width-1\.2);
|
|
3309
3311
|
|
|
@@ -3311,24 +3313,24 @@
|
|
|
3311
3313
|
|
|
3312
3314
|
--s-squircle-bg-color-hover-opacity: 1;
|
|
3313
3315
|
|
|
3314
|
-
--sui-squircle-bg-color-hover: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--s-squircle-bg-color-hover-opacity)));
|
|
3316
|
+
--sui-squircle-bg-color-hover: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--s-squircle-bg-color-hover-opacity, 1)));
|
|
3315
3317
|
|
|
3316
3318
|
--s-squircle-border-color-hover-opacity: 1;
|
|
3317
3319
|
|
|
3318
|
-
--sui-squircle-border-color-hover: rgb(var(--s-primary-f-high-contrast), calc(var(--s-primary-f-high-contrast-opacity, 1) * var(--s-squircle-border-color-hover-opacity)));
|
|
3320
|
+
--sui-squircle-border-color-hover: rgb(var(--s-primary-f-high-contrast), calc(var(--s-primary-f-high-contrast-opacity, 1) * var(--s-squircle-border-color-hover-opacity, 1)));
|
|
3319
3321
|
|
|
3320
3322
|
/* pressed */
|
|
3321
3323
|
|
|
3322
3324
|
--s-squircle-bg-color-active-opacity: 1;
|
|
3323
3325
|
|
|
3324
|
-
--sui-squircle-bg-color-active: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--s-squircle-bg-color-active-opacity)))
|
|
3326
|
+
--sui-squircle-bg-color-active: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--s-squircle-bg-color-active-opacity, 1)))
|
|
3325
3327
|
}
|
|
3326
3328
|
@media (hover: hover) {
|
|
3327
3329
|
.sui-fab-button-activated:hover {
|
|
3328
3330
|
|
|
3329
3331
|
--tw-text-opacity: 1;
|
|
3330
3332
|
|
|
3331
|
-
color: rgb(var(--s-primary-f-high-contrast), calc(var(--s-primary-f-high-contrast-opacity, 1) * var(--tw-text-opacity)))
|
|
3333
|
+
color: rgb(var(--s-primary-f-high-contrast), calc(var(--s-primary-f-high-contrast-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
3332
3334
|
}
|
|
3333
3335
|
}
|
|
3334
3336
|
.sui-fab-button-activated.sui-active,
|
|
@@ -3336,7 +3338,7 @@
|
|
|
3336
3338
|
|
|
3337
3339
|
--tw-text-opacity: 1;
|
|
3338
3340
|
|
|
3339
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)))
|
|
3341
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
3340
3342
|
}
|
|
3341
3343
|
|
|
3342
3344
|
.sui-call-button-end svg {
|
|
@@ -3387,7 +3389,7 @@
|
|
|
3387
3389
|
|
|
3388
3390
|
--tw-text-opacity: 1;
|
|
3389
3391
|
|
|
3390
|
-
color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
3392
|
+
color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
3391
3393
|
|
|
3392
3394
|
--sui-focus-ring-border-width-recoup: 0;
|
|
3393
3395
|
}
|
|
@@ -3485,7 +3487,11 @@
|
|
|
3485
3487
|
--sui-checkbox-border-color-disabled: transparent;
|
|
3486
3488
|
--sui-checkbox-bg-color-hover: var(--sui-colors-primary-b-high-contrast);
|
|
3487
3489
|
--sui-checkbox-bg-color-active: var(--sui-colors-neutral-high-contrast-w0);
|
|
3488
|
-
|
|
3490
|
+
/* stylelint-disable custom-property-pattern, color-function-notation, alpha-value-notation */
|
|
3491
|
+
--sui-checkbox-bg-color-disabled: rgb(
|
|
3492
|
+
var(--s-primary-b),
|
|
3493
|
+
calc(var(--s-primary-b-opacity, 1) * 0.6)
|
|
3494
|
+
);
|
|
3489
3495
|
}
|
|
3490
3496
|
.sui-checkbox-inner-rectangular {
|
|
3491
3497
|
|
|
@@ -3538,7 +3544,7 @@
|
|
|
3538
3544
|
|
|
3539
3545
|
--tw-border-opacity: 1;
|
|
3540
3546
|
|
|
3541
|
-
border-color: rgb(var(--s-neutral-high-contrast), calc(var(--s-neutral-high-contrast-opacity, 1) * var(--tw-border-opacity)));
|
|
3547
|
+
border-color: rgb(var(--s-neutral-high-contrast), calc(var(--s-neutral-high-contrast-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
3542
3548
|
|
|
3543
3549
|
border-radius: var(--sui-border-radius-full);
|
|
3544
3550
|
|
|
@@ -3692,7 +3698,7 @@
|
|
|
3692
3698
|
|
|
3693
3699
|
--tw-text-opacity: 1;
|
|
3694
3700
|
|
|
3695
|
-
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity)));
|
|
3701
|
+
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
3696
3702
|
}
|
|
3697
3703
|
}
|
|
3698
3704
|
|
|
@@ -3704,7 +3710,7 @@
|
|
|
3704
3710
|
|
|
3705
3711
|
--tw-text-opacity: 1;
|
|
3706
3712
|
|
|
3707
|
-
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity)));
|
|
3713
|
+
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
3708
3714
|
}
|
|
3709
3715
|
|
|
3710
3716
|
.sui-inline-editable-root {
|
|
@@ -3739,7 +3745,7 @@
|
|
|
3739
3745
|
background-color: transparent;
|
|
3740
3746
|
padding: var(--sui-spacing-0);
|
|
3741
3747
|
--tw-text-opacity: 1;
|
|
3742
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
3748
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
3743
3749
|
--sui-focus-ring-border-width-recoup: 1;
|
|
3744
3750
|
}
|
|
3745
3751
|
@media (prefers-reduced-motion: no-preference) {
|
|
@@ -3757,7 +3763,7 @@
|
|
|
3757
3763
|
}
|
|
3758
3764
|
.sui-inline-editable-input::placeholder, .sui-inline-editable-textarea::placeholder {
|
|
3759
3765
|
--tw-text-opacity: 1;
|
|
3760
|
-
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)));
|
|
3766
|
+
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
3761
3767
|
}
|
|
3762
3768
|
@media (prefers-reduced-motion: no-preference) {
|
|
3763
3769
|
.sui-inline-editable-input::placeholder, .sui-inline-editable-textarea::placeholder {
|
|
@@ -3771,18 +3777,18 @@
|
|
|
3771
3777
|
@media (hover: hover) {
|
|
3772
3778
|
.sui-inline-editable-input:hover, .sui-inline-editable-textarea:hover {
|
|
3773
3779
|
--tw-border-opacity: 1;
|
|
3774
|
-
border-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-border-opacity)));
|
|
3780
|
+
border-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
3775
3781
|
}
|
|
3776
3782
|
}
|
|
3777
3783
|
@media (hover: hover) {
|
|
3778
3784
|
.sui-inline-editable-input:hover::placeholder, .sui-inline-editable-textarea:hover::placeholder {
|
|
3779
3785
|
--tw-text-opacity: 1;
|
|
3780
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
3786
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
3781
3787
|
}
|
|
3782
3788
|
}
|
|
3783
3789
|
.sui-inline-editable-input:focus, .sui-inline-editable-textarea:focus {
|
|
3784
3790
|
--tw-border-opacity: 1;
|
|
3785
|
-
border-color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-border-opacity)));
|
|
3791
|
+
border-color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
3786
3792
|
outline: 2px solid transparent;
|
|
3787
3793
|
outline-offset: 2px;
|
|
3788
3794
|
}
|
|
@@ -3792,7 +3798,7 @@
|
|
|
3792
3798
|
}
|
|
3793
3799
|
.sui-inline-editable-input.sui-disabled::placeholder, .sui-inline-editable-textarea.sui-disabled::placeholder {
|
|
3794
3800
|
--tw-text-opacity: 1;
|
|
3795
|
-
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity)));
|
|
3801
|
+
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
3796
3802
|
}
|
|
3797
3803
|
.sui-inline-editable-text {
|
|
3798
3804
|
user-select: none;
|
|
@@ -3931,71 +3937,71 @@
|
|
|
3931
3937
|
|
|
3932
3938
|
--tw-border-opacity: 1;
|
|
3933
3939
|
|
|
3934
|
-
border-color: rgb(var(--s-warning-high-contrast), calc(var(--s-warning-high-contrast-opacity, 1) * var(--tw-border-opacity)));
|
|
3940
|
+
border-color: rgb(var(--s-warning-high-contrast), calc(var(--s-warning-high-contrast-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
3935
3941
|
|
|
3936
3942
|
--tw-text-opacity: 1;
|
|
3937
3943
|
|
|
3938
|
-
color: rgb(var(--s-warning-high-contrast), calc(var(--s-warning-high-contrast-opacity, 1) * var(--tw-text-opacity)))
|
|
3944
|
+
color: rgb(var(--s-warning-high-contrast), calc(var(--s-warning-high-contrast-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
3939
3945
|
}
|
|
3940
3946
|
.sui-tag-neutral {
|
|
3941
3947
|
|
|
3942
3948
|
--tw-border-opacity: 1;
|
|
3943
3949
|
|
|
3944
|
-
border-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-border-opacity)));
|
|
3950
|
+
border-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
3945
3951
|
|
|
3946
3952
|
--tw-text-opacity: 1;
|
|
3947
3953
|
|
|
3948
|
-
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)))
|
|
3954
|
+
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
3949
3955
|
}
|
|
3950
3956
|
.sui-tag-secondary {
|
|
3951
3957
|
|
|
3952
3958
|
--tw-border-opacity: 1;
|
|
3953
3959
|
|
|
3954
|
-
border-color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-border-opacity)));
|
|
3960
|
+
border-color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
3955
3961
|
|
|
3956
3962
|
--tw-text-opacity: 1;
|
|
3957
3963
|
|
|
3958
|
-
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity)))
|
|
3964
|
+
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
3959
3965
|
}
|
|
3960
3966
|
.sui-tag-primary {
|
|
3961
3967
|
|
|
3962
3968
|
--tw-border-opacity: 1;
|
|
3963
3969
|
|
|
3964
|
-
border-color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-border-opacity)));
|
|
3970
|
+
border-color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
3965
3971
|
|
|
3966
3972
|
--tw-text-opacity: 1;
|
|
3967
3973
|
|
|
3968
|
-
color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-text-opacity)))
|
|
3974
|
+
color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
3969
3975
|
}
|
|
3970
3976
|
.sui-tag-success {
|
|
3971
3977
|
|
|
3972
3978
|
--tw-border-opacity: 1;
|
|
3973
3979
|
|
|
3974
|
-
border-color: rgb(var(--s-success-f), calc(var(--s-success-f-opacity, 1) * var(--tw-border-opacity)));
|
|
3980
|
+
border-color: rgb(var(--s-success-f), calc(var(--s-success-f-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
3975
3981
|
|
|
3976
3982
|
--tw-text-opacity: 1;
|
|
3977
3983
|
|
|
3978
|
-
color: rgb(var(--s-success-f), calc(var(--s-success-f-opacity, 1) * var(--tw-text-opacity)))
|
|
3984
|
+
color: rgb(var(--s-success-f), calc(var(--s-success-f-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
3979
3985
|
}
|
|
3980
3986
|
.sui-tag-warning {
|
|
3981
3987
|
|
|
3982
3988
|
--tw-border-opacity: 1;
|
|
3983
3989
|
|
|
3984
|
-
border-color: rgb(var(--s-warning-f), calc(var(--s-warning-f-opacity, 1) * var(--tw-border-opacity)));
|
|
3990
|
+
border-color: rgb(var(--s-warning-f), calc(var(--s-warning-f-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
3985
3991
|
|
|
3986
3992
|
--tw-text-opacity: 1;
|
|
3987
3993
|
|
|
3988
|
-
color: rgb(var(--s-warning-f), calc(var(--s-warning-f-opacity, 1) * var(--tw-text-opacity)))
|
|
3994
|
+
color: rgb(var(--s-warning-f), calc(var(--s-warning-f-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
3989
3995
|
}
|
|
3990
3996
|
.sui-tag-danger {
|
|
3991
3997
|
|
|
3992
3998
|
--tw-border-opacity: 1;
|
|
3993
3999
|
|
|
3994
|
-
border-color: rgb(var(--s-danger-f), calc(var(--s-danger-f-opacity, 1) * var(--tw-border-opacity)));
|
|
4000
|
+
border-color: rgb(var(--s-danger-f), calc(var(--s-danger-f-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
3995
4001
|
|
|
3996
4002
|
--tw-text-opacity: 1;
|
|
3997
4003
|
|
|
3998
|
-
color: rgb(var(--s-danger-f), calc(var(--s-danger-f-opacity, 1) * var(--tw-text-opacity)))
|
|
4004
|
+
color: rgb(var(--s-danger-f), calc(var(--s-danger-f-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
3999
4005
|
}
|
|
4000
4006
|
/* variant */
|
|
4001
4007
|
.sui-tag-outlined {
|
|
@@ -4006,71 +4012,71 @@
|
|
|
4006
4012
|
|
|
4007
4013
|
--tw-bg-opacity: 1;
|
|
4008
4014
|
|
|
4009
|
-
background-color: rgb(var(--s-warning-high-contrast), calc(var(--s-warning-high-contrast-opacity, 1) * var(--tw-bg-opacity)));
|
|
4015
|
+
background-color: rgb(var(--s-warning-high-contrast), calc(var(--s-warning-high-contrast-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
4010
4016
|
|
|
4011
4017
|
--tw-text-opacity: 1;
|
|
4012
4018
|
|
|
4013
|
-
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity)))
|
|
4019
|
+
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
4014
4020
|
}
|
|
4015
4021
|
.sui-tag-filled-neutral {
|
|
4016
4022
|
|
|
4017
4023
|
--tw-bg-opacity: 1;
|
|
4018
4024
|
|
|
4019
|
-
background-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-bg-opacity)));
|
|
4025
|
+
background-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
4020
4026
|
|
|
4021
4027
|
--tw-text-opacity: 1;
|
|
4022
4028
|
|
|
4023
|
-
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity)))
|
|
4029
|
+
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
4024
4030
|
}
|
|
4025
4031
|
.sui-tag-filled-secondary {
|
|
4026
4032
|
|
|
4027
4033
|
--tw-bg-opacity: 1;
|
|
4028
4034
|
|
|
4029
|
-
background-color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-bg-opacity)));
|
|
4035
|
+
background-color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
4030
4036
|
|
|
4031
4037
|
--tw-text-opacity: 1;
|
|
4032
4038
|
|
|
4033
|
-
color: rgb(var(--s-neutral-b1), calc(var(--s-neutral-b1-opacity, 1) * var(--tw-text-opacity)))
|
|
4039
|
+
color: rgb(var(--s-neutral-b1), calc(var(--s-neutral-b1-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
4034
4040
|
}
|
|
4035
4041
|
.sui-tag-filled-primary {
|
|
4036
4042
|
|
|
4037
4043
|
--tw-bg-opacity: 1;
|
|
4038
4044
|
|
|
4039
|
-
background-color: rgb(var(--s-primary-b), calc(var(--s-primary-b-opacity, 1) * var(--tw-bg-opacity)));
|
|
4045
|
+
background-color: rgb(var(--s-primary-b), calc(var(--s-primary-b-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
4040
4046
|
|
|
4041
4047
|
--tw-text-opacity: 1;
|
|
4042
4048
|
|
|
4043
|
-
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity)))
|
|
4049
|
+
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
4044
4050
|
}
|
|
4045
4051
|
.sui-tag-filled-success {
|
|
4046
4052
|
|
|
4047
4053
|
--tw-bg-opacity: 1;
|
|
4048
4054
|
|
|
4049
|
-
background-color: rgb(var(--s-success), calc(var(--s-success-opacity, 1) * var(--tw-bg-opacity)));
|
|
4055
|
+
background-color: rgb(var(--s-success), calc(var(--s-success-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
4050
4056
|
|
|
4051
4057
|
--tw-text-opacity: 1;
|
|
4052
4058
|
|
|
4053
|
-
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity)))
|
|
4059
|
+
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
4054
4060
|
}
|
|
4055
4061
|
.sui-tag-filled-warning {
|
|
4056
4062
|
|
|
4057
4063
|
--tw-bg-opacity: 1;
|
|
4058
4064
|
|
|
4059
|
-
background-color: rgb(var(--s-warning), calc(var(--s-warning-opacity, 1) * var(--tw-bg-opacity)));
|
|
4065
|
+
background-color: rgb(var(--s-warning), calc(var(--s-warning-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
4060
4066
|
|
|
4061
4067
|
--tw-text-opacity: 1;
|
|
4062
4068
|
|
|
4063
|
-
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity)))
|
|
4069
|
+
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
4064
4070
|
}
|
|
4065
4071
|
.sui-tag-filled-danger {
|
|
4066
4072
|
|
|
4067
4073
|
--tw-bg-opacity: 1;
|
|
4068
4074
|
|
|
4069
|
-
background-color: rgb(var(--s-danger), calc(var(--s-danger-opacity, 1) * var(--tw-bg-opacity)));
|
|
4075
|
+
background-color: rgb(var(--s-danger), calc(var(--s-danger-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
4070
4076
|
|
|
4071
4077
|
--tw-text-opacity: 1;
|
|
4072
4078
|
|
|
4073
|
-
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity)))
|
|
4079
|
+
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
4074
4080
|
}
|
|
4075
4081
|
.sui-tag-inverted-default {
|
|
4076
4082
|
|
|
@@ -4080,7 +4086,7 @@
|
|
|
4080
4086
|
|
|
4081
4087
|
--tw-text-opacity: 1;
|
|
4082
4088
|
|
|
4083
|
-
color: rgb(var(--s-warning-high-contrast), calc(var(--s-warning-high-contrast-opacity, 1) * var(--tw-text-opacity)))
|
|
4089
|
+
color: rgb(var(--s-warning-high-contrast), calc(var(--s-warning-high-contrast-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
4084
4090
|
}
|
|
4085
4091
|
.sui-tag-inverted-neutral {
|
|
4086
4092
|
|
|
@@ -4090,7 +4096,7 @@
|
|
|
4090
4096
|
|
|
4091
4097
|
--tw-text-opacity: 1;
|
|
4092
4098
|
|
|
4093
|
-
color: rgb(var(--s-neutral-b1), calc(var(--s-neutral-b1-opacity, 1) * var(--tw-text-opacity)))
|
|
4099
|
+
color: rgb(var(--s-neutral-b1), calc(var(--s-neutral-b1-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
4094
4100
|
}
|
|
4095
4101
|
.sui-tag-inverted-secondary {
|
|
4096
4102
|
|
|
@@ -4100,7 +4106,7 @@
|
|
|
4100
4106
|
|
|
4101
4107
|
--tw-text-opacity: 1;
|
|
4102
4108
|
|
|
4103
|
-
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity)))
|
|
4109
|
+
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
4104
4110
|
}
|
|
4105
4111
|
.sui-tag-inverted-primary {
|
|
4106
4112
|
|
|
@@ -4110,7 +4116,7 @@
|
|
|
4110
4116
|
|
|
4111
4117
|
--tw-text-opacity: 1;
|
|
4112
4118
|
|
|
4113
|
-
color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-text-opacity)))
|
|
4119
|
+
color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
4114
4120
|
}
|
|
4115
4121
|
.sui-tag-inverted-success {
|
|
4116
4122
|
|
|
@@ -4120,7 +4126,7 @@
|
|
|
4120
4126
|
|
|
4121
4127
|
--tw-text-opacity: 1;
|
|
4122
4128
|
|
|
4123
|
-
color: rgb(var(--s-success-f), calc(var(--s-success-f-opacity, 1) * var(--tw-text-opacity)))
|
|
4129
|
+
color: rgb(var(--s-success-f), calc(var(--s-success-f-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
4124
4130
|
}
|
|
4125
4131
|
.sui-tag-inverted-warning {
|
|
4126
4132
|
|
|
@@ -4130,7 +4136,7 @@
|
|
|
4130
4136
|
|
|
4131
4137
|
--tw-text-opacity: 1;
|
|
4132
4138
|
|
|
4133
|
-
color: rgb(var(--s-warning-f), calc(var(--s-warning-f-opacity, 1) * var(--tw-text-opacity)))
|
|
4139
|
+
color: rgb(var(--s-warning-f), calc(var(--s-warning-f-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
4134
4140
|
}
|
|
4135
4141
|
.sui-tag-inverted-danger {
|
|
4136
4142
|
|
|
@@ -4140,7 +4146,7 @@
|
|
|
4140
4146
|
|
|
4141
4147
|
--tw-text-opacity: 1;
|
|
4142
4148
|
|
|
4143
|
-
color: rgb(var(--s-danger-f), calc(var(--s-danger-f-opacity, 1) * var(--tw-text-opacity)))
|
|
4149
|
+
color: rgb(var(--s-danger-f), calc(var(--s-danger-f-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
4144
4150
|
}
|
|
4145
4151
|
/* label */
|
|
4146
4152
|
.sui-tag-label {
|
|
@@ -4164,11 +4170,11 @@
|
|
|
4164
4170
|
|
|
4165
4171
|
@media (hover: hover) {
|
|
4166
4172
|
|
|
4167
|
-
.sui-link-root:hover {--tw-text-opacity: 1;color: rgb(var(--s-primary-f-high-contrast), calc(var(--s-primary-f-high-contrast-opacity, 1) * var(--tw-text-opacity)));
|
|
4173
|
+
.sui-link-root:hover {--tw-text-opacity: 1;color: rgb(var(--s-primary-f-high-contrast), calc(var(--s-primary-f-high-contrast-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
4168
4174
|
}
|
|
4169
4175
|
}
|
|
4170
4176
|
|
|
4171
|
-
.sui-link-root:active {--tw-text-opacity: 1;color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
4177
|
+
.sui-link-root:active {--tw-text-opacity: 1;color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
4172
4178
|
}
|
|
4173
4179
|
|
|
4174
4180
|
.sui-link-root:focus-visible,
|
|
@@ -4191,16 +4197,16 @@
|
|
|
4191
4197
|
.sui-link:focus-visible,
|
|
4192
4198
|
.sui-link.sui-focus-visible {text-decoration-line: none;
|
|
4193
4199
|
}
|
|
4194
|
-
.sui-link-primary {--tw-text-opacity: 1;color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-text-opacity)));
|
|
4200
|
+
.sui-link-primary {--tw-text-opacity: 1;color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
4195
4201
|
}
|
|
4196
|
-
.sui-link-secondary {--tw-text-opacity: 1;color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
4202
|
+
.sui-link-secondary {--tw-text-opacity: 1;color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
4197
4203
|
}
|
|
4198
|
-
.sui-link-inverted {--tw-text-opacity: 1;color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity)));
|
|
4204
|
+
.sui-link-inverted {--tw-text-opacity: 1;color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
4199
4205
|
}
|
|
4200
|
-
.sui-link-inverted:active {--tw-text-opacity: 1;color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity)));
|
|
4206
|
+
.sui-link-inverted:active {--tw-text-opacity: 1;color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
4201
4207
|
}
|
|
4202
4208
|
@media (hover: hover) {
|
|
4203
|
-
.sui-link-inverted:hover {--tw-text-opacity: 1;color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity)));
|
|
4209
|
+
.sui-link-inverted:hover {--tw-text-opacity: 1;color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
4204
4210
|
}
|
|
4205
4211
|
}
|
|
4206
4212
|
|
|
@@ -4218,31 +4224,31 @@
|
|
|
4218
4224
|
|
|
4219
4225
|
--tw-bg-opacity: 1;
|
|
4220
4226
|
|
|
4221
|
-
background-color: rgb(var(--s-cobranding), calc(var(--s-cobranding-opacity, 1) * var(--tw-bg-opacity)));
|
|
4227
|
+
background-color: rgb(var(--s-cobranding), calc(var(--s-cobranding-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
4222
4228
|
}
|
|
4223
4229
|
.sui-badge-danger {
|
|
4224
4230
|
|
|
4225
4231
|
--tw-bg-opacity: 1;
|
|
4226
4232
|
|
|
4227
|
-
background-color: rgb(var(--s-danger), calc(var(--s-danger-opacity, 1) * var(--tw-bg-opacity)));
|
|
4233
|
+
background-color: rgb(var(--s-danger), calc(var(--s-danger-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
4228
4234
|
}
|
|
4229
4235
|
.sui-badge-success {
|
|
4230
4236
|
|
|
4231
4237
|
--tw-bg-opacity: 1;
|
|
4232
4238
|
|
|
4233
|
-
background-color: rgb(var(--s-success), calc(var(--s-success-opacity, 1) * var(--tw-bg-opacity)));
|
|
4239
|
+
background-color: rgb(var(--s-success), calc(var(--s-success-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
4234
4240
|
}
|
|
4235
4241
|
.sui-badge-warning {
|
|
4236
4242
|
|
|
4237
4243
|
--tw-bg-opacity: 1;
|
|
4238
4244
|
|
|
4239
|
-
background-color: rgb(var(--s-warning), calc(var(--s-warning-opacity, 1) * var(--tw-bg-opacity)));
|
|
4245
|
+
background-color: rgb(var(--s-warning), calc(var(--s-warning-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
4240
4246
|
}
|
|
4241
4247
|
.sui-badge-secondary {
|
|
4242
4248
|
|
|
4243
4249
|
--tw-bg-opacity: 1;
|
|
4244
4250
|
|
|
4245
|
-
background-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-bg-opacity)));
|
|
4251
|
+
background-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
4246
4252
|
}
|
|
4247
4253
|
.sui-badge-absolute {
|
|
4248
4254
|
|
|
@@ -4266,7 +4272,7 @@
|
|
|
4266
4272
|
|
|
4267
4273
|
--tw-text-opacity: 1;
|
|
4268
4274
|
|
|
4269
|
-
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity)));
|
|
4275
|
+
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
4270
4276
|
}
|
|
4271
4277
|
@media (prefers-reduced-motion: no-preference) {
|
|
4272
4278
|
.sui-badge-standard {
|
|
@@ -4314,7 +4320,7 @@
|
|
|
4314
4320
|
|
|
4315
4321
|
--tw-text-opacity: 1;
|
|
4316
4322
|
|
|
4317
|
-
color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
4323
|
+
color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
4318
4324
|
}
|
|
4319
4325
|
.sui-badge-standard-contained {
|
|
4320
4326
|
|
|
@@ -4340,7 +4346,7 @@
|
|
|
4340
4346
|
|
|
4341
4347
|
--tw-border-opacity: 1;
|
|
4342
4348
|
|
|
4343
|
-
border-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-border-opacity)));
|
|
4349
|
+
border-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
4344
4350
|
|
|
4345
4351
|
border-radius: var(--sui-border-radius-lg);
|
|
4346
4352
|
|
|
@@ -4374,25 +4380,25 @@
|
|
|
4374
4380
|
|
|
4375
4381
|
--tw-bg-opacity: 1;
|
|
4376
4382
|
|
|
4377
|
-
background-color: rgb(var(--s-cobranding-f), calc(var(--s-cobranding-f-opacity, 1) * var(--tw-bg-opacity)));
|
|
4383
|
+
background-color: rgb(var(--s-cobranding-f), calc(var(--s-cobranding-f-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
4378
4384
|
}
|
|
4379
4385
|
.sui-badge-dot-danger {
|
|
4380
4386
|
|
|
4381
4387
|
--tw-bg-opacity: 1;
|
|
4382
4388
|
|
|
4383
|
-
background-color: rgb(var(--s-danger-f), calc(var(--s-danger-f-opacity, 1) * var(--tw-bg-opacity)));
|
|
4389
|
+
background-color: rgb(var(--s-danger-f), calc(var(--s-danger-f-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
4384
4390
|
}
|
|
4385
4391
|
.sui-badge-dot-success {
|
|
4386
4392
|
|
|
4387
4393
|
--tw-bg-opacity: 1;
|
|
4388
4394
|
|
|
4389
|
-
background-color: rgb(var(--s-success-f), calc(var(--s-success-f-opacity, 1) * var(--tw-bg-opacity)));
|
|
4395
|
+
background-color: rgb(var(--s-success-f), calc(var(--s-success-f-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
4390
4396
|
}
|
|
4391
4397
|
.sui-badge-dot-warning {
|
|
4392
4398
|
|
|
4393
4399
|
--tw-bg-opacity: 1;
|
|
4394
4400
|
|
|
4395
|
-
background-color: rgb(var(--s-warning-f), calc(var(--s-warning-f-opacity, 1) * var(--tw-bg-opacity)));
|
|
4401
|
+
background-color: rgb(var(--s-warning-f), calc(var(--s-warning-f-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
4396
4402
|
}
|
|
4397
4403
|
.sui-badge-dot-contained-small {
|
|
4398
4404
|
|
|
@@ -4412,7 +4418,7 @@
|
|
|
4412
4418
|
|
|
4413
4419
|
--tw-border-opacity: 1;
|
|
4414
4420
|
|
|
4415
|
-
border-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-border-opacity)));
|
|
4421
|
+
border-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
4416
4422
|
|
|
4417
4423
|
border-width: var(--sui-border-width-1);
|
|
4418
4424
|
|
|
@@ -4507,13 +4513,10 @@
|
|
|
4507
4513
|
white-space: nowrap;
|
|
4508
4514
|
text-overflow: ellipsis;
|
|
4509
4515
|
}
|
|
4510
|
-
.sui-text-flex-full {
|
|
4511
|
-
flex: 1 1 auto;
|
|
4512
|
-
}
|
|
4513
4516
|
.sui-text-highlight-term {
|
|
4514
4517
|
background-color: var(--sui-colors-warning-t10);
|
|
4515
4518
|
--tw-text-opacity: 1;
|
|
4516
|
-
color: rgb(var(--s-warning-high-contrast), calc(var(--s-warning-high-contrast-opacity, 1) * var(--tw-text-opacity)));
|
|
4519
|
+
color: rgb(var(--s-warning-high-contrast), calc(var(--s-warning-high-contrast-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
4517
4520
|
}
|
|
4518
4521
|
|
|
4519
4522
|
.sui-text-field-clear {
|
|
@@ -4548,7 +4551,7 @@ overflow: visible
|
|
|
4548
4551
|
|
|
4549
4552
|
--tw-text-opacity: 1;
|
|
4550
4553
|
|
|
4551
|
-
color: rgb(var(--s-neutral-
|
|
4554
|
+
color: rgb(var(--s-neutral-b1), calc(var(--s-neutral-b1-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
4552
4555
|
}
|
|
4553
4556
|
}
|
|
4554
4557
|
|
|
@@ -4570,7 +4573,7 @@ flex-direction: column;
|
|
|
4570
4573
|
|
|
4571
4574
|
--tw-text-opacity: 1;
|
|
4572
4575
|
|
|
4573
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)))
|
|
4576
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
4574
4577
|
}
|
|
4575
4578
|
|
|
4576
4579
|
.sui-text-field-root:focus .sui-text-field-clear, .sui-text-field-root:focus-within .sui-text-field-clear, .sui-text-field-root.sui-focused .sui-text-field-clear {
|
|
@@ -4582,21 +4585,21 @@ display: inline-flex
|
|
|
4582
4585
|
|
|
4583
4586
|
--tw-text-opacity: 1;
|
|
4584
4587
|
|
|
4585
|
-
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)))
|
|
4588
|
+
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
4586
4589
|
}
|
|
4587
4590
|
|
|
4588
4591
|
.sui-text-field-root.sui-disabled {
|
|
4589
4592
|
|
|
4590
4593
|
--tw-text-opacity: 1;
|
|
4591
4594
|
|
|
4592
|
-
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)))
|
|
4595
|
+
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
4593
4596
|
}
|
|
4594
4597
|
|
|
4595
4598
|
.sui-text-field-root.sui-disabled ::placeholder {
|
|
4596
4599
|
|
|
4597
4600
|
--tw-text-opacity: 1;
|
|
4598
4601
|
|
|
4599
|
-
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity)))
|
|
4602
|
+
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
4600
4603
|
}
|
|
4601
4604
|
|
|
4602
4605
|
.sui-text-field-root.sui-disabled .sui-text-field-clear {
|
|
@@ -4664,6 +4667,20 @@ transition-timing-function: var(--sui-transition-neutral-01-fast-transition-timi
|
|
|
4664
4667
|
display: none
|
|
4665
4668
|
}
|
|
4666
4669
|
|
|
4670
|
+
.sui-text-field-input:where(input) {
|
|
4671
|
+
|
|
4672
|
+
min-width: var(--sui-spacing-0)
|
|
4673
|
+
}
|
|
4674
|
+
|
|
4675
|
+
.sui-text-field-input:where(input:placeholder-shown) {
|
|
4676
|
+
|
|
4677
|
+
overflow: hidden;
|
|
4678
|
+
|
|
4679
|
+
text-overflow: ellipsis;
|
|
4680
|
+
|
|
4681
|
+
white-space: nowrap
|
|
4682
|
+
}
|
|
4683
|
+
|
|
4667
4684
|
.sui-text-field-end-adornment {
|
|
4668
4685
|
|
|
4669
4686
|
margin-left: var(--sui-spacing-1);
|
|
@@ -4687,14 +4704,14 @@ background-color: var(--sui-colors-primary-b-t20)
|
|
|
4687
4704
|
|
|
4688
4705
|
--tw-bg-opacity: 1;
|
|
4689
4706
|
|
|
4690
|
-
background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity)))
|
|
4707
|
+
background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity, 1)))
|
|
4691
4708
|
}
|
|
4692
4709
|
|
|
4693
4710
|
.sui-text-field-standard.sui-disabled {
|
|
4694
4711
|
|
|
4695
4712
|
--tw-border-opacity: 1;
|
|
4696
4713
|
|
|
4697
|
-
border-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-border-opacity)))
|
|
4714
|
+
border-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-border-opacity, 1)))
|
|
4698
4715
|
}
|
|
4699
4716
|
|
|
4700
4717
|
.sui-text-field-quiet .sui-text-field-input {
|
|
@@ -4808,6 +4825,11 @@ display: none
|
|
|
4808
4825
|
.sui-textarea-input {
|
|
4809
4826
|
|
|
4810
4827
|
resize: none
|
|
4828
|
+
}
|
|
4829
|
+
/* TextareaAutosize inserts a hidden textarea before the clear button. */
|
|
4830
|
+
.sui-textarea-input:placeholder-shown ~ .sui-textarea-clear {
|
|
4831
|
+
|
|
4832
|
+
display: none
|
|
4811
4833
|
}
|
|
4812
4834
|
.sui-textarea-input-xlarge {
|
|
4813
4835
|
|
|
@@ -4898,7 +4920,7 @@ display: none
|
|
|
4898
4920
|
|
|
4899
4921
|
--tw-border-opacity: 1;
|
|
4900
4922
|
|
|
4901
|
-
border-color: rgb(var(--s-neutral-high-contrast), calc(var(--s-neutral-high-contrast-opacity, 1) * var(--tw-border-opacity)));
|
|
4923
|
+
border-color: rgb(var(--s-neutral-high-contrast), calc(var(--s-neutral-high-contrast-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
4902
4924
|
|
|
4903
4925
|
padding: var(--sui-spacing-4);
|
|
4904
4926
|
|
|
@@ -4918,7 +4940,7 @@ display: none
|
|
|
4918
4940
|
|
|
4919
4941
|
--s-gradient-base-opacity: 1;
|
|
4920
4942
|
|
|
4921
|
-
--s-gradient-base: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--s-gradient-base-opacity)))
|
|
4943
|
+
--s-gradient-base: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--s-gradient-base-opacity, 1)))
|
|
4922
4944
|
}
|
|
4923
4945
|
.sui-alert-icon {
|
|
4924
4946
|
|
|
@@ -4966,7 +4988,7 @@ display: none
|
|
|
4966
4988
|
|
|
4967
4989
|
--tw-text-opacity: 1;
|
|
4968
4990
|
|
|
4969
|
-
color: rgb(var(--s-primary-f-high-contrast), calc(var(--s-primary-f-high-contrast-opacity, 1) * var(--tw-text-opacity)));
|
|
4991
|
+
color: rgb(var(--s-primary-f-high-contrast), calc(var(--s-primary-f-high-contrast-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
4970
4992
|
|
|
4971
4993
|
--s-gradient-stop: linear-gradient(
|
|
4972
4994
|
0deg,
|
|
@@ -4983,13 +5005,13 @@ display: none
|
|
|
4983
5005
|
|
|
4984
5006
|
--tw-text-opacity: 1;
|
|
4985
5007
|
|
|
4986
|
-
color: rgb(var(--s-primary-f-high-contrast), calc(var(--s-primary-f-high-contrast-opacity, 1) * var(--tw-text-opacity)))
|
|
5008
|
+
color: rgb(var(--s-primary-f-high-contrast), calc(var(--s-primary-f-high-contrast-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
4987
5009
|
}
|
|
4988
5010
|
.sui-alert-error {
|
|
4989
5011
|
|
|
4990
5012
|
--tw-text-opacity: 1;
|
|
4991
5013
|
|
|
4992
|
-
color: rgb(var(--s-danger-high-contrast), calc(var(--s-danger-high-contrast-opacity, 1) * var(--tw-text-opacity)));
|
|
5014
|
+
color: rgb(var(--s-danger-high-contrast), calc(var(--s-danger-high-contrast-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
4993
5015
|
|
|
4994
5016
|
--s-gradient-stop: linear-gradient(
|
|
4995
5017
|
0deg,
|
|
@@ -5006,13 +5028,13 @@ display: none
|
|
|
5006
5028
|
|
|
5007
5029
|
--tw-text-opacity: 1;
|
|
5008
5030
|
|
|
5009
|
-
color: rgb(var(--s-danger-high-contrast), calc(var(--s-danger-high-contrast-opacity, 1) * var(--tw-text-opacity)))
|
|
5031
|
+
color: rgb(var(--s-danger-high-contrast), calc(var(--s-danger-high-contrast-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
5010
5032
|
}
|
|
5011
5033
|
.sui-alert-warning {
|
|
5012
5034
|
|
|
5013
5035
|
--tw-text-opacity: 1;
|
|
5014
5036
|
|
|
5015
|
-
color: rgb(var(--s-warning-high-contrast), calc(var(--s-warning-high-contrast-opacity, 1) * var(--tw-text-opacity)));
|
|
5037
|
+
color: rgb(var(--s-warning-high-contrast), calc(var(--s-warning-high-contrast-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
5016
5038
|
|
|
5017
5039
|
--s-gradient-stop: linear-gradient(
|
|
5018
5040
|
0deg,
|
|
@@ -5029,13 +5051,13 @@ display: none
|
|
|
5029
5051
|
|
|
5030
5052
|
--tw-text-opacity: 1;
|
|
5031
5053
|
|
|
5032
|
-
color: rgb(var(--s-warning-high-contrast), calc(var(--s-warning-high-contrast-opacity, 1) * var(--tw-text-opacity)))
|
|
5054
|
+
color: rgb(var(--s-warning-high-contrast), calc(var(--s-warning-high-contrast-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
5033
5055
|
}
|
|
5034
5056
|
.sui-alert-success {
|
|
5035
5057
|
|
|
5036
5058
|
--tw-text-opacity: 1;
|
|
5037
5059
|
|
|
5038
|
-
color: rgb(var(--s-success-high-contrast), calc(var(--s-success-high-contrast-opacity, 1) * var(--tw-text-opacity)));
|
|
5060
|
+
color: rgb(var(--s-success-high-contrast), calc(var(--s-success-high-contrast-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
5039
5061
|
|
|
5040
5062
|
--s-gradient-stop: linear-gradient(
|
|
5041
5063
|
0deg,
|
|
@@ -5052,13 +5074,13 @@ display: none
|
|
|
5052
5074
|
|
|
5053
5075
|
--tw-text-opacity: 1;
|
|
5054
5076
|
|
|
5055
|
-
color: rgb(var(--s-success-high-contrast), calc(var(--s-success-high-contrast-opacity, 1) * var(--tw-text-opacity)))
|
|
5077
|
+
color: rgb(var(--s-success-high-contrast), calc(var(--s-success-high-contrast-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
5056
5078
|
}
|
|
5057
5079
|
.sui-alert-neutral {
|
|
5058
5080
|
|
|
5059
5081
|
--tw-text-opacity: 1;
|
|
5060
5082
|
|
|
5061
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
5083
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
5062
5084
|
|
|
5063
5085
|
--s-gradient-stop: linear-gradient(
|
|
5064
5086
|
0deg,
|
|
@@ -5075,7 +5097,7 @@ display: none
|
|
|
5075
5097
|
|
|
5076
5098
|
--tw-text-opacity: 1;
|
|
5077
5099
|
|
|
5078
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)))
|
|
5100
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
5079
5101
|
}
|
|
5080
5102
|
/* Compact Mode */
|
|
5081
5103
|
.sui-alert-root:where(.sui-compact) {
|
|
@@ -5154,11 +5176,11 @@ display: none
|
|
|
5154
5176
|
background: transparent;
|
|
5155
5177
|
border-style: none;
|
|
5156
5178
|
--tw-bg-opacity: 1;
|
|
5157
|
-
background-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-bg-opacity)));
|
|
5179
|
+
background-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
5158
5180
|
padding-top: var(--sui-spacing-1);
|
|
5159
5181
|
padding-bottom: var(--sui-spacing-1);
|
|
5160
5182
|
--tw-text-opacity: 1;
|
|
5161
|
-
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity)));
|
|
5183
|
+
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
5162
5184
|
border-radius: var(--sui-border-radius-none);
|
|
5163
5185
|
--sui-focus-ring-border-radius: var(--sui-border-radius-none);
|
|
5164
5186
|
--sui-focus-ring-border-width-recoup: 0;
|
|
@@ -5166,33 +5188,33 @@ display: none
|
|
|
5166
5188
|
|
|
5167
5189
|
.sui-announcement-neutral {
|
|
5168
5190
|
--tw-bg-opacity: 1;
|
|
5169
|
-
background-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-bg-opacity)));
|
|
5191
|
+
background-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
5170
5192
|
}
|
|
5171
5193
|
|
|
5172
5194
|
.sui-announcement-info {
|
|
5173
5195
|
--tw-bg-opacity: 1;
|
|
5174
|
-
background-color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-bg-opacity)));
|
|
5196
|
+
background-color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
5175
5197
|
}
|
|
5176
5198
|
|
|
5177
5199
|
.sui-announcement-error {
|
|
5178
5200
|
--tw-bg-opacity: 1;
|
|
5179
|
-
background-color: rgb(var(--s-danger-f), calc(var(--s-danger-f-opacity, 1) * var(--tw-bg-opacity)));
|
|
5201
|
+
background-color: rgb(var(--s-danger-f), calc(var(--s-danger-f-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
5180
5202
|
}
|
|
5181
5203
|
|
|
5182
5204
|
.sui-announcement-success {
|
|
5183
5205
|
--tw-bg-opacity: 1;
|
|
5184
|
-
background-color: rgb(var(--s-success-f), calc(var(--s-success-f-opacity, 1) * var(--tw-bg-opacity)));
|
|
5206
|
+
background-color: rgb(var(--s-success-f), calc(var(--s-success-f-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
5185
5207
|
}
|
|
5186
5208
|
|
|
5187
5209
|
.sui-announcement-warning {
|
|
5188
5210
|
--tw-bg-opacity: 1;
|
|
5189
|
-
background-color: rgb(var(--s-warning-f), calc(var(--s-warning-f-opacity, 1) * var(--tw-bg-opacity)));
|
|
5211
|
+
background-color: rgb(var(--s-warning-f), calc(var(--s-warning-f-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
5190
5212
|
}
|
|
5191
5213
|
|
|
5192
5214
|
.sui-announcement-icon,
|
|
5193
5215
|
.sui-announcement-close {
|
|
5194
5216
|
--tw-text-opacity: 1;
|
|
5195
|
-
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity)));
|
|
5217
|
+
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
5196
5218
|
}
|
|
5197
5219
|
|
|
5198
5220
|
.sui-announcement-body {
|
|
@@ -5281,7 +5303,7 @@ display: none
|
|
|
5281
5303
|
|
|
5282
5304
|
--tw-border-opacity: 1;
|
|
5283
5305
|
|
|
5284
|
-
border-color: rgb(var(--s-primary-f-high-contrast), calc(var(--s-primary-f-high-contrast-opacity, 1) * var(--tw-border-opacity)));
|
|
5306
|
+
border-color: rgb(var(--s-primary-f-high-contrast), calc(var(--s-primary-f-high-contrast-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
5285
5307
|
|
|
5286
5308
|
--tw-shadow: var(--sui-box-shadow-sm-primary);
|
|
5287
5309
|
|
|
@@ -5294,7 +5316,7 @@ display: none
|
|
|
5294
5316
|
|
|
5295
5317
|
--tw-border-opacity: 1;
|
|
5296
5318
|
|
|
5297
|
-
border-color: rgb(var(--s-danger-f), calc(var(--s-danger-f-opacity, 1) * var(--tw-border-opacity)));
|
|
5319
|
+
border-color: rgb(var(--s-danger-f), calc(var(--s-danger-f-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
5298
5320
|
|
|
5299
5321
|
--tw-shadow: var(--sui-box-shadow-sm-danger);
|
|
5300
5322
|
|
|
@@ -5307,7 +5329,7 @@ display: none
|
|
|
5307
5329
|
|
|
5308
5330
|
--tw-border-opacity: 1;
|
|
5309
5331
|
|
|
5310
|
-
border-color: rgb(var(--s-warning-f), calc(var(--s-warning-f-opacity, 1) * var(--tw-border-opacity)));
|
|
5332
|
+
border-color: rgb(var(--s-warning-f), calc(var(--s-warning-f-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
5311
5333
|
|
|
5312
5334
|
--tw-shadow: var(--sui-box-shadow-sm-warning);
|
|
5313
5335
|
|
|
@@ -5320,7 +5342,7 @@ display: none
|
|
|
5320
5342
|
|
|
5321
5343
|
--tw-border-opacity: 1;
|
|
5322
5344
|
|
|
5323
|
-
border-color: rgb(var(--s-success-f), calc(var(--s-success-f-opacity, 1) * var(--tw-border-opacity)));
|
|
5345
|
+
border-color: rgb(var(--s-success-f), calc(var(--s-success-f-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
5324
5346
|
|
|
5325
5347
|
--tw-shadow: var(--sui-box-shadow-sm-success);
|
|
5326
5348
|
|
|
@@ -5333,7 +5355,7 @@ display: none
|
|
|
5333
5355
|
|
|
5334
5356
|
--tw-border-opacity: 1;
|
|
5335
5357
|
|
|
5336
|
-
border-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-border-opacity)));
|
|
5358
|
+
border-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
5337
5359
|
|
|
5338
5360
|
--tw-shadow: var(--sui-box-shadow-md);
|
|
5339
5361
|
|
|
@@ -5393,7 +5415,7 @@ display: none
|
|
|
5393
5415
|
|
|
5394
5416
|
--tw-text-opacity: 1;
|
|
5395
5417
|
|
|
5396
|
-
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity)));
|
|
5418
|
+
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
5397
5419
|
}
|
|
5398
5420
|
.sui-rating-squircle {
|
|
5399
5421
|
/* default */
|
|
@@ -5519,7 +5541,7 @@ display: none
|
|
|
5519
5541
|
|
|
5520
5542
|
--tw-text-opacity: 1;
|
|
5521
5543
|
|
|
5522
|
-
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)));
|
|
5544
|
+
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
5523
5545
|
}
|
|
5524
5546
|
.sui-rating-icon-filled {
|
|
5525
5547
|
|
|
@@ -5530,9 +5552,9 @@ display: none
|
|
|
5530
5552
|
}.sui-list-item-text-root:first-child {margin-left: var(--sui-spacing-0)
|
|
5531
5553
|
}.sui-list-item-text-root:last-child {margin-right: var(--sui-spacing-0)
|
|
5532
5554
|
}
|
|
5533
|
-
.sui-list-item-text-primary-text {--tw-text-opacity: 1;color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));overflow: hidden;text-overflow: ellipsis;white-space: nowrap
|
|
5555
|
+
.sui-list-item-text-primary-text {--tw-text-opacity: 1;color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));overflow: hidden;text-overflow: ellipsis;white-space: nowrap
|
|
5534
5556
|
}
|
|
5535
|
-
.sui-list-item-text-secondary-text {font-size: var(--sui-typography-descriptor-font-size);font-weight: var(--sui-typography-descriptor-font-weight);line-height: var(--sui-typography-descriptor-line-height);text-decoration: var(--sui-typography-descriptor-text-decoration);text-transform: var(--sui-typography-descriptor-text-transform);font-family: var(--sui-font-family);--tw-text-opacity: 1;color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)));overflow: hidden;text-overflow: ellipsis;white-space: nowrap
|
|
5557
|
+
.sui-list-item-text-secondary-text {font-size: var(--sui-typography-descriptor-font-size);font-weight: var(--sui-typography-descriptor-font-weight);line-height: var(--sui-typography-descriptor-line-height);text-decoration: var(--sui-typography-descriptor-text-decoration);text-transform: var(--sui-typography-descriptor-text-transform);font-family: var(--sui-font-family);--tw-text-opacity: 1;color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)));overflow: hidden;text-overflow: ellipsis;white-space: nowrap
|
|
5536
5558
|
}
|
|
5537
5559
|
.sui-list-item-text-primary {margin-left: var(--sui-spacing-3)
|
|
5538
5560
|
}
|
|
@@ -5551,12 +5573,16 @@ display: none
|
|
|
5551
5573
|
|
|
5552
5574
|
--tw-bg-opacity: 1;
|
|
5553
5575
|
|
|
5554
|
-
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)));
|
|
5576
|
+
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
5555
5577
|
|
|
5556
5578
|
padding-left: var(--sui-spacing-1);
|
|
5557
5579
|
|
|
5558
5580
|
padding-right: var(--sui-spacing-1);
|
|
5559
5581
|
|
|
5582
|
+
--tw-text-opacity: 1;
|
|
5583
|
+
|
|
5584
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
5585
|
+
|
|
5560
5586
|
outline: 2px solid transparent;
|
|
5561
5587
|
|
|
5562
5588
|
outline-offset: 2px;
|
|
@@ -5883,7 +5909,7 @@ display: none
|
|
|
5883
5909
|
|
|
5884
5910
|
--tw-bg-opacity: 1;
|
|
5885
5911
|
|
|
5886
|
-
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)));
|
|
5912
|
+
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
5887
5913
|
|
|
5888
5914
|
padding-left: var(--sui-spacing-2);
|
|
5889
5915
|
|
|
@@ -5914,7 +5940,7 @@ display: none
|
|
|
5914
5940
|
align-items: center;
|
|
5915
5941
|
justify-content: center;
|
|
5916
5942
|
--tw-bg-opacity: 1;
|
|
5917
|
-
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)));
|
|
5943
|
+
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
5918
5944
|
padding-left: var(--sui-spacing-4);
|
|
5919
5945
|
padding-right: var(--sui-spacing-4)
|
|
5920
5946
|
}
|
|
@@ -5948,7 +5974,7 @@ display: none
|
|
|
5948
5974
|
|
|
5949
5975
|
--tw-bg-opacity: 1;
|
|
5950
5976
|
|
|
5951
|
-
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)));
|
|
5977
|
+
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
5952
5978
|
|
|
5953
5979
|
padding-left: var(--sui-spacing-14);
|
|
5954
5980
|
|
|
@@ -5956,7 +5982,7 @@ display: none
|
|
|
5956
5982
|
|
|
5957
5983
|
--tw-text-opacity: 1;
|
|
5958
5984
|
|
|
5959
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
5985
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
5960
5986
|
|
|
5961
5987
|
display: flex;
|
|
5962
5988
|
|
|
@@ -5993,7 +6019,7 @@ display: none
|
|
|
5993
6019
|
|
|
5994
6020
|
--tw-text-opacity: 1;
|
|
5995
6021
|
|
|
5996
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)))
|
|
6022
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
5997
6023
|
}
|
|
5998
6024
|
|
|
5999
6025
|
.sui-menu-header-start {
|
|
@@ -6025,7 +6051,7 @@ display: none
|
|
|
6025
6051
|
.sui-menu-item-text-primary-text {margin-right: var(--sui-spacing-2)
|
|
6026
6052
|
}
|
|
6027
6053
|
|
|
6028
|
-
.sui-menu-item-text-info-text {font-size: var(--sui-typography-descriptor-mini-font-size);font-weight: var(--sui-typography-descriptor-mini-font-weight);line-height: var(--sui-typography-descriptor-mini-line-height);text-decoration: var(--sui-typography-descriptor-mini-text-decoration);text-transform: var(--sui-typography-descriptor-mini-text-transform);font-family: var(--sui-font-family);margin-right: var(--sui-spacing-1);max-width: var(--sui-spacing-22);flex-shrink: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;--tw-text-opacity: 1;color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)))
|
|
6054
|
+
.sui-menu-item-text-info-text {font-size: var(--sui-typography-descriptor-mini-font-size);font-weight: var(--sui-typography-descriptor-mini-font-weight);line-height: var(--sui-typography-descriptor-mini-line-height);text-decoration: var(--sui-typography-descriptor-mini-text-decoration);text-transform: var(--sui-typography-descriptor-mini-text-transform);font-family: var(--sui-font-family);margin-right: var(--sui-spacing-1);max-width: var(--sui-spacing-22);flex-shrink: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;--tw-text-opacity: 1;color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
6029
6055
|
}
|
|
6030
6056
|
|
|
6031
6057
|
/* Compact Mode */
|
|
@@ -6056,7 +6082,7 @@ display: none
|
|
|
6056
6082
|
|
|
6057
6083
|
--tw-bg-opacity: 1;
|
|
6058
6084
|
|
|
6059
|
-
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)));
|
|
6085
|
+
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
6060
6086
|
|
|
6061
6087
|
border-radius: var(--sui-border-radius-sm);
|
|
6062
6088
|
|
|
@@ -6069,7 +6095,7 @@ display: none
|
|
|
6069
6095
|
--sui-focus-ring-border-width-recoup: 1
|
|
6070
6096
|
}
|
|
6071
6097
|
|
|
6072
|
-
.sui-radio-root {position: relative;box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;border-style: solid;--sui-focus-ring-border-width-recoup: 1;height: var(--sui-spacing-5);width: var(--sui-spacing-5);vertical-align: middle;border-radius: var(--sui-border-radius-full);--sui-focus-ring-border-radius: var(--sui-border-radius-full);--tw-border-opacity: 1;border-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)));border-width: var(--sui-border-width-1\.2);--sui-focus-ring-border-width: var(--sui-border-width-1\.2);
|
|
6098
|
+
.sui-radio-root {position: relative;box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;border-style: solid;--sui-focus-ring-border-width-recoup: 1;height: var(--sui-spacing-5);width: var(--sui-spacing-5);vertical-align: middle;border-radius: var(--sui-border-radius-full);--sui-focus-ring-border-radius: var(--sui-border-radius-full);--tw-border-opacity: 1;border-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-border-opacity, 1)));--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)));border-width: var(--sui-border-width-1\.2);--sui-focus-ring-border-width: var(--sui-border-width-1\.2);
|
|
6073
6099
|
}@media (prefers-reduced-motion: no-preference) {.sui-radio-root {transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 300ms;
|
|
6074
6100
|
}
|
|
6075
6101
|
}
|
|
@@ -6083,19 +6109,19 @@ display: none
|
|
|
6083
6109
|
}
|
|
6084
6110
|
|
|
6085
6111
|
.sui-radio-root:focus-visible,
|
|
6086
|
-
.sui-radio-root.sui-focus-visible {--tw-border-opacity: 1;border-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-border-opacity)));
|
|
6112
|
+
.sui-radio-root.sui-focus-visible {--tw-border-opacity: 1;border-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
6087
6113
|
}
|
|
6088
6114
|
|
|
6089
|
-
.sui-radio-root.sui-disabled {pointer-events: none;border-color: var(--sui-colors-neutral-b0-t20);--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)));
|
|
6115
|
+
.sui-radio-root.sui-disabled {pointer-events: none;border-color: var(--sui-colors-neutral-b0-t20);--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
6090
6116
|
}
|
|
6091
6117
|
|
|
6092
6118
|
@media (hover: hover) {
|
|
6093
6119
|
|
|
6094
|
-
.sui-radio-root:hover {--tw-border-opacity: 1;border-color: rgb(var(--s-neutral-b1), calc(var(--s-neutral-b1-opacity, 1) * var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity)));
|
|
6120
|
+
.sui-radio-root:hover {--tw-border-opacity: 1;border-color: rgb(var(--s-neutral-b1), calc(var(--s-neutral-b1-opacity, 1) * var(--tw-border-opacity, 1)));--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
6095
6121
|
}
|
|
6096
6122
|
}
|
|
6097
6123
|
|
|
6098
|
-
.sui-radio-root:active {--tw-border-opacity: 1;border-color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity)));
|
|
6124
|
+
.sui-radio-root:active {--tw-border-opacity: 1;border-color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-border-opacity, 1)));--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
6099
6125
|
}
|
|
6100
6126
|
|
|
6101
6127
|
.sui-radio-input {position: absolute;inset: var(--sui-spacing-0);margin: var(--sui-spacing-0);cursor: pointer;opacity: 0;
|
|
@@ -6104,34 +6130,34 @@ display: none
|
|
|
6104
6130
|
.sui-radio-dot {height: var(--sui-spacing-3);width: var(--sui-spacing-3);border-radius: var(--sui-border-radius-full);--sui-focus-ring-border-radius: var(--sui-border-radius-full);
|
|
6105
6131
|
}
|
|
6106
6132
|
|
|
6107
|
-
.sui-radio-root.sui-checked {--tw-border-opacity: 1;border-color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)));
|
|
6133
|
+
.sui-radio-root.sui-checked {--tw-border-opacity: 1;border-color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-border-opacity, 1)));--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
6108
6134
|
}
|
|
6109
6135
|
|
|
6110
|
-
.sui-radio-root.sui-checked .sui-radio-dot {--tw-bg-opacity: 1;background-color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-bg-opacity)));
|
|
6136
|
+
.sui-radio-root.sui-checked .sui-radio-dot {--tw-bg-opacity: 1;background-color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
6111
6137
|
}
|
|
6112
6138
|
|
|
6113
|
-
.sui-radio-root.sui-checked.sui-disabled {border-color: var(--
|
|
6139
|
+
.sui-radio-root.sui-checked.sui-disabled {border-color: rgb(var(--s-primary-b), calc(var(--s-primary-b-opacity, 1) * 0.6));
|
|
6114
6140
|
}
|
|
6115
6141
|
|
|
6116
|
-
.sui-radio-root.sui-checked.sui-disabled .sui-radio-dot {background-color: var(--
|
|
6142
|
+
.sui-radio-root.sui-checked.sui-disabled .sui-radio-dot {background-color: rgb(var(--s-primary-b), calc(var(--s-primary-b-opacity, 1) * 0.6));
|
|
6117
6143
|
}
|
|
6118
6144
|
|
|
6119
6145
|
@media (hover: hover) {
|
|
6120
6146
|
|
|
6121
|
-
.sui-radio-root.sui-checked:hover {--tw-border-opacity: 1;border-color: rgb(var(--s-primary-f-high-contrast), calc(var(--s-primary-f-high-contrast-opacity, 1) * var(--tw-border-opacity)));
|
|
6147
|
+
.sui-radio-root.sui-checked:hover {--tw-border-opacity: 1;border-color: rgb(var(--s-primary-f-high-contrast), calc(var(--s-primary-f-high-contrast-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
6122
6148
|
}
|
|
6123
6149
|
}
|
|
6124
6150
|
|
|
6125
6151
|
@media (hover: hover) {
|
|
6126
6152
|
|
|
6127
|
-
.sui-radio-root.sui-checked:hover .sui-radio-dot {--tw-bg-opacity: 1;background-color: rgb(var(--s-primary-f-high-contrast), calc(var(--s-primary-f-high-contrast-opacity, 1) * var(--tw-bg-opacity)));
|
|
6153
|
+
.sui-radio-root.sui-checked:hover .sui-radio-dot {--tw-bg-opacity: 1;background-color: rgb(var(--s-primary-f-high-contrast), calc(var(--s-primary-f-high-contrast-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
6128
6154
|
}
|
|
6129
6155
|
}
|
|
6130
6156
|
|
|
6131
|
-
.sui-radio-root.sui-checked:active {--tw-border-opacity: 1;border-color: rgb(var(--s-neutral-b1), calc(var(--s-neutral-b1-opacity, 1) * var(--tw-border-opacity)));
|
|
6157
|
+
.sui-radio-root.sui-checked:active {--tw-border-opacity: 1;border-color: rgb(var(--s-neutral-b1), calc(var(--s-neutral-b1-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
6132
6158
|
}
|
|
6133
6159
|
|
|
6134
|
-
.sui-radio-root.sui-checked:active .sui-radio-dot {--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-b1), calc(var(--s-neutral-b1-opacity, 1) * var(--tw-bg-opacity)));
|
|
6160
|
+
.sui-radio-root.sui-checked:active .sui-radio-dot {--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-b1), calc(var(--s-neutral-b1-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
6135
6161
|
}
|
|
6136
6162
|
|
|
6137
6163
|
.sui-radio-group-root {
|
|
@@ -6208,17 +6234,17 @@ display: none
|
|
|
6208
6234
|
|
|
6209
6235
|
.sui-slider-root.sui-disabled .sui-slider-mark {
|
|
6210
6236
|
--tw-bg-opacity: 1;
|
|
6211
|
-
background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity)));
|
|
6237
|
+
background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
6212
6238
|
}
|
|
6213
6239
|
|
|
6214
6240
|
.sui-slider-root.sui-disabled .sui-slider-mark-label {
|
|
6215
6241
|
--tw-text-opacity: 1;
|
|
6216
|
-
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity)));
|
|
6242
|
+
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
6217
6243
|
}
|
|
6218
6244
|
|
|
6219
6245
|
.sui-slider-root.sui-disabled .sui-slider-value-label-paper {
|
|
6220
6246
|
--tw-bg-opacity: 1;
|
|
6221
|
-
background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity)));
|
|
6247
|
+
background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
6222
6248
|
}
|
|
6223
6249
|
|
|
6224
6250
|
.sui-slider-root.sui-slider-show-color-at-rest.sui-slider-neutral, .sui-slider-root:active.sui-slider-neutral {
|
|
@@ -6450,7 +6476,7 @@ display: none
|
|
|
6450
6476
|
--sui-focus-ring-border-radius: var(--sui-border-radius-full);
|
|
6451
6477
|
border-style: solid;
|
|
6452
6478
|
--tw-bg-opacity: 1;
|
|
6453
|
-
background-color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-bg-opacity)));
|
|
6479
|
+
background-color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
6454
6480
|
--tw-shadow: var(--sui-box-shadow-xs);
|
|
6455
6481
|
--tw-shadow-colored: var(--sui-box-shadow-xs);
|
|
6456
6482
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
@@ -6545,7 +6571,7 @@ display: none
|
|
|
6545
6571
|
}
|
|
6546
6572
|
.sui-slider-mark {
|
|
6547
6573
|
--tw-bg-opacity: 1;
|
|
6548
|
-
background-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-bg-opacity)));
|
|
6574
|
+
background-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
6549
6575
|
}
|
|
6550
6576
|
.sui-slider-mark-vertical {
|
|
6551
6577
|
height: 100%;
|
|
@@ -6564,7 +6590,7 @@ display: none
|
|
|
6564
6590
|
font-family: var(--sui-font-family);
|
|
6565
6591
|
text-align: center;
|
|
6566
6592
|
--tw-text-opacity: 1;
|
|
6567
|
-
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)));
|
|
6593
|
+
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
6568
6594
|
}
|
|
6569
6595
|
|
|
6570
6596
|
.sui-switch-root {
|
|
@@ -6624,7 +6650,7 @@ border-radius: var(--sui-border-radius-full);
|
|
|
6624
6650
|
|
|
6625
6651
|
--tw-bg-opacity: 1;
|
|
6626
6652
|
|
|
6627
|
-
background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity)));
|
|
6653
|
+
background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
6628
6654
|
}
|
|
6629
6655
|
|
|
6630
6656
|
@media (prefers-reduced-motion: no-preference) {
|
|
@@ -6642,6 +6668,12 @@ transition-duration: 300ms;
|
|
|
6642
6668
|
.sui-switch-dot {
|
|
6643
6669
|
|
|
6644
6670
|
position: absolute;
|
|
6671
|
+
|
|
6672
|
+
display: flex;
|
|
6673
|
+
|
|
6674
|
+
align-items: center;
|
|
6675
|
+
|
|
6676
|
+
justify-content: center;
|
|
6645
6677
|
}
|
|
6646
6678
|
|
|
6647
6679
|
@media (prefers-reduced-motion: no-preference) {
|
|
@@ -6672,7 +6704,7 @@ border-radius: var(--sui-border-radius-full);
|
|
|
6672
6704
|
|
|
6673
6705
|
--tw-bg-opacity: 1;
|
|
6674
6706
|
|
|
6675
|
-
background-color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-bg-opacity)));
|
|
6707
|
+
background-color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
6676
6708
|
}
|
|
6677
6709
|
|
|
6678
6710
|
/* use `General sibling combinator` because keyboard can trigger :active in input element */
|
|
@@ -6683,6 +6715,8 @@ position: absolute;
|
|
|
6683
6715
|
|
|
6684
6716
|
z-index: 10;
|
|
6685
6717
|
|
|
6718
|
+
margin: var(--sui-spacing-0);
|
|
6719
|
+
|
|
6686
6720
|
inset: var(--sui-spacing-0);
|
|
6687
6721
|
|
|
6688
6722
|
height: 100%;
|
|
@@ -6701,16 +6735,12 @@ pointer-events: none;
|
|
|
6701
6735
|
|
|
6702
6736
|
.sui-switch-input:disabled ~ .sui-switch-track {
|
|
6703
6737
|
|
|
6704
|
-
--
|
|
6705
|
-
|
|
6706
|
-
background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity)));
|
|
6738
|
+
background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * 0.6));
|
|
6707
6739
|
}
|
|
6708
6740
|
|
|
6709
6741
|
.sui-switch-input:disabled ~ .sui-switch-dot {
|
|
6710
6742
|
|
|
6711
|
-
--
|
|
6712
|
-
|
|
6713
|
-
background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity)));
|
|
6743
|
+
background-color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * 0.6));
|
|
6714
6744
|
}
|
|
6715
6745
|
|
|
6716
6746
|
@media (hover: hover) {
|
|
@@ -6719,7 +6749,7 @@ background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) *
|
|
|
6719
6749
|
|
|
6720
6750
|
--tw-bg-opacity: 1;
|
|
6721
6751
|
|
|
6722
|
-
background-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-bg-opacity)));
|
|
6752
|
+
background-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
6723
6753
|
}
|
|
6724
6754
|
}
|
|
6725
6755
|
|
|
@@ -6727,14 +6757,14 @@ background-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) *
|
|
|
6727
6757
|
|
|
6728
6758
|
--tw-bg-opacity: 1;
|
|
6729
6759
|
|
|
6730
|
-
background-color: rgb(var(--s-neutral-high-contrast-w0), calc(var(--s-neutral-high-contrast-w0-opacity, 1) * var(--tw-bg-opacity)));
|
|
6760
|
+
background-color: rgb(var(--s-neutral-high-contrast-w0), calc(var(--s-neutral-high-contrast-w0-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
6731
6761
|
}
|
|
6732
6762
|
|
|
6733
6763
|
.sui-switch-input.sui-checked ~ .sui-switch-track {
|
|
6734
6764
|
|
|
6735
6765
|
--tw-bg-opacity: 1;
|
|
6736
6766
|
|
|
6737
|
-
background-color: rgb(var(--s-primary-b), calc(var(--s-primary-b-opacity, 1) * var(--tw-bg-opacity)));
|
|
6767
|
+
background-color: rgb(var(--s-primary-b), calc(var(--s-primary-b-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
6738
6768
|
}
|
|
6739
6769
|
|
|
6740
6770
|
.sui-switch-input.sui-checked ~ .sui-switch-dot {
|
|
@@ -6750,26 +6780,26 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
|
|
|
6750
6780
|
|
|
6751
6781
|
--tw-bg-opacity: 1;
|
|
6752
6782
|
|
|
6753
|
-
background-color: rgb(var(--s-primary-b-high-contrast), calc(var(--s-primary-b-high-contrast-opacity, 1) * var(--tw-bg-opacity)));
|
|
6783
|
+
background-color: rgb(var(--s-primary-b-high-contrast), calc(var(--s-primary-b-high-contrast-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
6754
6784
|
}
|
|
6755
6785
|
}
|
|
6756
6786
|
|
|
6757
6787
|
.sui-switch-input.sui-checked:disabled ~ .sui-switch-track {
|
|
6758
6788
|
|
|
6759
|
-
background-color: var(--
|
|
6789
|
+
background-color: rgb(var(--s-primary-b), calc(var(--s-primary-b-opacity, 1) * 0.6));
|
|
6760
6790
|
}
|
|
6761
6791
|
|
|
6762
6792
|
.sui-switch-input.sui-checked:disabled ~ .sui-switch-dot {
|
|
6763
6793
|
|
|
6764
6794
|
--tw-bg-opacity: 1;
|
|
6765
6795
|
|
|
6766
|
-
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)));
|
|
6796
|
+
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
6767
6797
|
}
|
|
6768
6798
|
|
|
6769
6799
|
.sui-dropdown-value {
|
|
6770
6800
|
max-width: var(--sui-spacing-28);
|
|
6771
6801
|
--tw-text-opacity: 1;
|
|
6772
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
6802
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
6773
6803
|
overflow: hidden;
|
|
6774
6804
|
text-overflow: ellipsis;
|
|
6775
6805
|
white-space: nowrap;
|
|
@@ -6779,7 +6809,7 @@ background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity,
|
|
|
6779
6809
|
height: var(--sui-spacing-6);
|
|
6780
6810
|
width: var(--sui-spacing-6);
|
|
6781
6811
|
--tw-text-opacity: 1;
|
|
6782
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
6812
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
6783
6813
|
--sui-squircle-bg-color: transparent;
|
|
6784
6814
|
--sui-squircle-border-color: transparent;
|
|
6785
6815
|
--sui-squircle-border-width: var(--sui-border-width-0);
|
|
@@ -6822,14 +6852,14 @@ background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity,
|
|
|
6822
6852
|
@media (hover: hover) {
|
|
6823
6853
|
.sui-dropdown-button:hover .sui-dropdown-chevron {
|
|
6824
6854
|
--s-squircle-bg-color-opacity: 1;
|
|
6825
|
-
--sui-squircle-bg-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--s-squircle-bg-color-opacity)));
|
|
6855
|
+
--sui-squircle-bg-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--s-squircle-bg-color-opacity, 1)));
|
|
6826
6856
|
}
|
|
6827
6857
|
}
|
|
6828
6858
|
.sui-dropdown-label {
|
|
6829
6859
|
margin-left: var(--sui-spacing-1);
|
|
6830
6860
|
max-width: var(--sui-spacing-24);
|
|
6831
6861
|
--tw-text-opacity: 1;
|
|
6832
|
-
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)));
|
|
6862
|
+
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
6833
6863
|
overflow: hidden;
|
|
6834
6864
|
text-overflow: ellipsis;
|
|
6835
6865
|
white-space: nowrap;
|
|
@@ -6840,11 +6870,11 @@ background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity,
|
|
|
6840
6870
|
display: inline-block;
|
|
6841
6871
|
width: var(--sui-spacing-1);
|
|
6842
6872
|
--tw-text-opacity: 1;
|
|
6843
|
-
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)));
|
|
6873
|
+
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
6844
6874
|
}
|
|
6845
6875
|
.sui-dropdown-activated .sui-dropdown-chevron {
|
|
6846
6876
|
--s-squircle-bg-color-opacity: 1;
|
|
6847
|
-
--sui-squircle-bg-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--s-squircle-bg-color-opacity)));
|
|
6877
|
+
--sui-squircle-bg-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--s-squircle-bg-color-opacity, 1)));
|
|
6848
6878
|
}
|
|
6849
6879
|
.sui-dropdown-root {
|
|
6850
6880
|
font-size: var(--sui-typography-descriptor-mini-font-size);
|
|
@@ -6865,7 +6895,7 @@ background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity,
|
|
|
6865
6895
|
.sui-dropdown-root.sui-disabled .sui-dropdown-label,
|
|
6866
6896
|
.sui-dropdown-root.sui-disabled .sui-dropdown-colon {
|
|
6867
6897
|
--tw-text-opacity: 1;
|
|
6868
|
-
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity)));
|
|
6898
|
+
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
6869
6899
|
}
|
|
6870
6900
|
|
|
6871
6901
|
.sui-date-picker-calendar {
|
|
@@ -6926,7 +6956,7 @@ padding: var(--sui-spacing-0);
|
|
|
6926
6956
|
|
|
6927
6957
|
--tw-text-opacity: 1;
|
|
6928
6958
|
|
|
6929
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
6959
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
6930
6960
|
|
|
6931
6961
|
outline: 2px solid transparent;
|
|
6932
6962
|
|
|
@@ -6965,7 +6995,7 @@ margin: calc(var(--sui-focus-ring-normal-offset)*-1 - var(--sui-focus-ring-borde
|
|
|
6965
6995
|
|
|
6966
6996
|
--tw-text-opacity: 1;
|
|
6967
6997
|
|
|
6968
|
-
color: rgb(var(--s-primary-f-high-contrast), calc(var(--s-primary-f-high-contrast-opacity, 1) * var(--tw-text-opacity)));
|
|
6998
|
+
color: rgb(var(--s-primary-f-high-contrast), calc(var(--s-primary-f-high-contrast-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
6969
6999
|
}
|
|
6970
7000
|
}
|
|
6971
7001
|
|
|
@@ -6973,7 +7003,7 @@ color: rgb(var(--s-primary-f-high-contrast), calc(var(--s-primary-f-high-contras
|
|
|
6973
7003
|
|
|
6974
7004
|
--tw-text-opacity: 1;
|
|
6975
7005
|
|
|
6976
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
7006
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
6977
7007
|
}
|
|
6978
7008
|
|
|
6979
7009
|
.sui-date-picker-header-action.sui-disabled {
|
|
@@ -6982,7 +7012,7 @@ pointer-events: none;
|
|
|
6982
7012
|
|
|
6983
7013
|
--tw-text-opacity: 1;
|
|
6984
7014
|
|
|
6985
|
-
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity)));
|
|
7015
|
+
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
6986
7016
|
}
|
|
6987
7017
|
|
|
6988
7018
|
.sui-date-picker-switch-year-action {
|
|
@@ -7075,7 +7105,7 @@ background-color: transparent;
|
|
|
7075
7105
|
|
|
7076
7106
|
--tw-text-opacity: 1;
|
|
7077
7107
|
|
|
7078
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
7108
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
7079
7109
|
|
|
7080
7110
|
border-radius: var(--sui-border-radius-full);
|
|
7081
7111
|
|
|
@@ -7122,7 +7152,7 @@ transition-timing-function: var(--sui-transition-neutral-01-fast-transition-timi
|
|
|
7122
7152
|
|
|
7123
7153
|
--tw-bg-opacity: 1;
|
|
7124
7154
|
|
|
7125
|
-
background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity)));
|
|
7155
|
+
background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
7126
7156
|
}
|
|
7127
7157
|
}
|
|
7128
7158
|
|
|
@@ -7130,7 +7160,7 @@ background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) *
|
|
|
7130
7160
|
|
|
7131
7161
|
--tw-bg-opacity: 1;
|
|
7132
7162
|
|
|
7133
|
-
background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity)));
|
|
7163
|
+
background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
7134
7164
|
}
|
|
7135
7165
|
|
|
7136
7166
|
.sui-date-picker-date-button:focus-visible,
|
|
@@ -7161,11 +7191,11 @@ margin: calc(var(--sui-focus-ring-tight-offset)*-1 - var(--sui-focus-ring-border
|
|
|
7161
7191
|
|
|
7162
7192
|
--tw-bg-opacity: 1;
|
|
7163
7193
|
|
|
7164
|
-
background-color: rgb(var(--s-primary-b), calc(var(--s-primary-b-opacity, 1) * var(--tw-bg-opacity)));
|
|
7194
|
+
background-color: rgb(var(--s-primary-b), calc(var(--s-primary-b-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
7165
7195
|
|
|
7166
7196
|
--tw-text-opacity: 1;
|
|
7167
7197
|
|
|
7168
|
-
color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
7198
|
+
color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
7169
7199
|
}
|
|
7170
7200
|
|
|
7171
7201
|
@media (hover: hover) {
|
|
@@ -7174,7 +7204,7 @@ color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast
|
|
|
7174
7204
|
|
|
7175
7205
|
--tw-bg-opacity: 1;
|
|
7176
7206
|
|
|
7177
|
-
background-color: rgb(var(--s-primary-b-high-contrast), calc(var(--s-primary-b-high-contrast-opacity, 1) * var(--tw-bg-opacity)));
|
|
7207
|
+
background-color: rgb(var(--s-primary-b-high-contrast), calc(var(--s-primary-b-high-contrast-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
7178
7208
|
}
|
|
7179
7209
|
}
|
|
7180
7210
|
|
|
@@ -7182,7 +7212,7 @@ background-color: rgb(var(--s-primary-b-high-contrast), calc(var(--s-primary-b-h
|
|
|
7182
7212
|
|
|
7183
7213
|
--tw-bg-opacity: 1;
|
|
7184
7214
|
|
|
7185
|
-
background-color: rgb(var(--s-neutral-high-contrast-w0), calc(var(--s-neutral-high-contrast-w0-opacity, 1) * var(--tw-bg-opacity)));
|
|
7215
|
+
background-color: rgb(var(--s-neutral-high-contrast-w0), calc(var(--s-neutral-high-contrast-w0-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
7186
7216
|
}
|
|
7187
7217
|
|
|
7188
7218
|
.sui-date-picker-date-button.sui-selected.sui-focus-visible {
|
|
@@ -7213,14 +7243,14 @@ pointer-events: none;
|
|
|
7213
7243
|
|
|
7214
7244
|
--tw-text-opacity: 1;
|
|
7215
7245
|
|
|
7216
|
-
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity)));
|
|
7246
|
+
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
7217
7247
|
}
|
|
7218
7248
|
|
|
7219
7249
|
.sui-date-picker-current-date {
|
|
7220
7250
|
|
|
7221
7251
|
--tw-border-opacity: 1;
|
|
7222
7252
|
|
|
7223
|
-
border-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-border-opacity)));
|
|
7253
|
+
border-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
7224
7254
|
|
|
7225
7255
|
border-width: var(--sui-border-width-1);
|
|
7226
7256
|
|
|
@@ -7288,32 +7318,71 @@ padding-right: var(--sui-spacing-5);
|
|
|
7288
7318
|
|
|
7289
7319
|
.sui-date-picker-days-grid {
|
|
7290
7320
|
|
|
7321
|
+
display: block;
|
|
7322
|
+
|
|
7323
|
+
width: 100%;
|
|
7324
|
+
}
|
|
7325
|
+
|
|
7326
|
+
.sui-date-picker-days-grid > thead,
|
|
7327
|
+
.sui-date-picker-days-grid > tbody {
|
|
7328
|
+
|
|
7329
|
+
display: block;
|
|
7330
|
+
}
|
|
7331
|
+
|
|
7332
|
+
.sui-date-picker-days-grid > tbody[data-sui-picker-loading] {
|
|
7333
|
+
|
|
7291
7334
|
margin-top: var(--sui-spacing-2);
|
|
7335
|
+
}
|
|
7336
|
+
|
|
7337
|
+
.sui-date-picker-days-grid > tbody[data-sui-picker-loading] > tr {
|
|
7338
|
+
|
|
7339
|
+
display: block;
|
|
7340
|
+
|
|
7341
|
+
width: 100%;
|
|
7342
|
+
}
|
|
7343
|
+
|
|
7344
|
+
.sui-date-picker-days-grid > tbody[data-sui-picker-loading] > tr > td {
|
|
7345
|
+
|
|
7346
|
+
display: block;
|
|
7347
|
+
|
|
7348
|
+
width: 100%;
|
|
7349
|
+
|
|
7350
|
+
padding: var(--sui-spacing-0);
|
|
7351
|
+
}
|
|
7352
|
+
|
|
7353
|
+
.sui-date-picker-week,
|
|
7354
|
+
.sui-date-picker-weekdays {
|
|
7292
7355
|
|
|
7293
7356
|
display: grid;
|
|
7294
7357
|
|
|
7295
|
-
|
|
7358
|
+
width: 100%;
|
|
7296
7359
|
|
|
7297
|
-
|
|
7360
|
+
justify-content: space-between;
|
|
7298
7361
|
|
|
7299
7362
|
grid-template-columns: repeat(7, var(--sui-spacing-6));
|
|
7300
7363
|
}
|
|
7301
7364
|
|
|
7302
|
-
.sui-date-picker-
|
|
7365
|
+
.sui-date-picker-week {
|
|
7303
7366
|
|
|
7304
|
-
|
|
7367
|
+
margin-top: var(--sui-spacing-2);
|
|
7368
|
+
}
|
|
7305
7369
|
|
|
7306
|
-
|
|
7370
|
+
.sui-date-picker-day-cell {
|
|
7307
7371
|
|
|
7308
|
-
|
|
7372
|
+
padding: var(--sui-spacing-0);
|
|
7309
7373
|
|
|
7310
|
-
align
|
|
7374
|
+
text-align: center;
|
|
7375
|
+
}
|
|
7311
7376
|
|
|
7312
|
-
|
|
7377
|
+
.sui-date-picker-weekdays {
|
|
7378
|
+
|
|
7379
|
+
height: var(--sui-spacing-5);
|
|
7380
|
+
|
|
7381
|
+
align-items: center;
|
|
7313
7382
|
|
|
7314
7383
|
--tw-text-opacity: 1;
|
|
7315
7384
|
|
|
7316
|
-
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)));
|
|
7385
|
+
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
7317
7386
|
|
|
7318
7387
|
font-size: var(--sui-typography-descriptor-mini-font-size);
|
|
7319
7388
|
|
|
@@ -7330,11 +7399,11 @@ font-family: var(--sui-font-family);
|
|
|
7330
7399
|
|
|
7331
7400
|
.sui-date-picker-weekday {
|
|
7332
7401
|
|
|
7333
|
-
|
|
7334
|
-
|
|
7335
|
-
width: var(--sui-spacing-6);
|
|
7402
|
+
padding: var(--sui-spacing-0);
|
|
7336
7403
|
|
|
7337
7404
|
text-align: center;
|
|
7405
|
+
|
|
7406
|
+
font: inherit;
|
|
7338
7407
|
}
|
|
7339
7408
|
|
|
7340
7409
|
.sui-date-picker-loading-container {
|
|
@@ -7402,7 +7471,7 @@ background-color: transparent;
|
|
|
7402
7471
|
|
|
7403
7472
|
--tw-text-opacity: 1;
|
|
7404
7473
|
|
|
7405
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
7474
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
7406
7475
|
|
|
7407
7476
|
border-radius: var(--sui-border-radius-full);
|
|
7408
7477
|
|
|
@@ -7447,7 +7516,7 @@ transition-timing-function: var(--sui-transition-neutral-01-fast-transition-timi
|
|
|
7447
7516
|
|
|
7448
7517
|
--tw-bg-opacity: 1;
|
|
7449
7518
|
|
|
7450
|
-
background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity)));
|
|
7519
|
+
background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
7451
7520
|
}
|
|
7452
7521
|
}
|
|
7453
7522
|
|
|
@@ -7455,7 +7524,7 @@ background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) *
|
|
|
7455
7524
|
|
|
7456
7525
|
--tw-bg-opacity: 1;
|
|
7457
7526
|
|
|
7458
|
-
background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity)));
|
|
7527
|
+
background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
7459
7528
|
}
|
|
7460
7529
|
|
|
7461
7530
|
.sui-time-picker-time-button:focus-visible,
|
|
@@ -7486,11 +7555,11 @@ margin: calc(var(--sui-focus-ring-tight-offset)*-1 - var(--sui-focus-ring-border
|
|
|
7486
7555
|
|
|
7487
7556
|
--tw-bg-opacity: 1;
|
|
7488
7557
|
|
|
7489
|
-
background-color: rgb(var(--s-primary-b), calc(var(--s-primary-b-opacity, 1) * var(--tw-bg-opacity)));
|
|
7558
|
+
background-color: rgb(var(--s-primary-b), calc(var(--s-primary-b-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
7490
7559
|
|
|
7491
7560
|
--tw-text-opacity: 1;
|
|
7492
7561
|
|
|
7493
|
-
color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
7562
|
+
color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
7494
7563
|
}
|
|
7495
7564
|
|
|
7496
7565
|
@media (hover: hover) {
|
|
@@ -7499,7 +7568,7 @@ color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast
|
|
|
7499
7568
|
|
|
7500
7569
|
--tw-bg-opacity: 1;
|
|
7501
7570
|
|
|
7502
|
-
background-color: rgb(var(--s-primary-b-high-contrast), calc(var(--s-primary-b-high-contrast-opacity, 1) * var(--tw-bg-opacity)));
|
|
7571
|
+
background-color: rgb(var(--s-primary-b-high-contrast), calc(var(--s-primary-b-high-contrast-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
7503
7572
|
}
|
|
7504
7573
|
}
|
|
7505
7574
|
|
|
@@ -7507,7 +7576,7 @@ background-color: rgb(var(--s-primary-b-high-contrast), calc(var(--s-primary-b-h
|
|
|
7507
7576
|
|
|
7508
7577
|
--tw-bg-opacity: 1;
|
|
7509
7578
|
|
|
7510
|
-
background-color: rgb(var(--s-neutral-high-contrast-w0), calc(var(--s-neutral-high-contrast-w0-opacity, 1) * var(--tw-bg-opacity)));
|
|
7579
|
+
background-color: rgb(var(--s-neutral-high-contrast-w0), calc(var(--s-neutral-high-contrast-w0-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
7511
7580
|
}
|
|
7512
7581
|
|
|
7513
7582
|
.sui-time-picker-time-button.sui-selected.sui-focus-visible {
|
|
@@ -7538,7 +7607,7 @@ pointer-events: none;
|
|
|
7538
7607
|
|
|
7539
7608
|
--tw-text-opacity: 1;
|
|
7540
7609
|
|
|
7541
|
-
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity)));
|
|
7610
|
+
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
7542
7611
|
}
|
|
7543
7612
|
|
|
7544
7613
|
.sui-time-picker-number-picker {
|
|
@@ -7671,7 +7740,7 @@ height: var(--sui-spacing-25);
|
|
|
7671
7740
|
width: var(--sui-spacing-40);
|
|
7672
7741
|
overflow: hidden;
|
|
7673
7742
|
--tw-bg-opacity: 1;
|
|
7674
|
-
background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity)));
|
|
7743
|
+
background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
7675
7744
|
border-radius: var(--sui-border-radius-xs);
|
|
7676
7745
|
--sui-focus-ring-border-radius: var(--sui-border-radius-xs)
|
|
7677
7746
|
}
|
|
@@ -7684,7 +7753,7 @@ height: var(--sui-spacing-25);
|
|
|
7684
7753
|
top: var(--sui-spacing-0);
|
|
7685
7754
|
bottom: var(--sui-spacing-0);
|
|
7686
7755
|
--tw-bg-opacity: 1;
|
|
7687
|
-
background-color: rgb(var(--s-primary-b), calc(var(--s-primary-b-opacity, 1) * var(--tw-bg-opacity)));
|
|
7756
|
+
background-color: rgb(var(--s-primary-b), calc(var(--s-primary-b-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
7688
7757
|
border-radius: var(--sui-border-radius-xs);
|
|
7689
7758
|
--sui-focus-ring-border-radius: var(--sui-border-radius-xs)
|
|
7690
7759
|
}
|
|
@@ -7712,7 +7781,7 @@ height: var(--sui-spacing-25);
|
|
|
7712
7781
|
text-transform: var(--sui-typography-descriptor-mini-text-transform);
|
|
7713
7782
|
font-family: var(--sui-font-family);
|
|
7714
7783
|
--tw-text-opacity: 1;
|
|
7715
|
-
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)))
|
|
7784
|
+
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
7716
7785
|
}
|
|
7717
7786
|
|
|
7718
7787
|
.sui-block-header-root {
|
|
@@ -7737,7 +7806,7 @@ height: var(--sui-spacing-25);
|
|
|
7737
7806
|
|
|
7738
7807
|
--tw-text-opacity: 1;
|
|
7739
7808
|
|
|
7740
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)))
|
|
7809
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
7741
7810
|
}
|
|
7742
7811
|
|
|
7743
7812
|
.sui-block-header-root:not(:only-child) {
|
|
@@ -7811,11 +7880,11 @@ height: var(--sui-spacing-25);
|
|
|
7811
7880
|
}
|
|
7812
7881
|
.sui-block-default {
|
|
7813
7882
|
--tw-bg-opacity: 1;
|
|
7814
|
-
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)))
|
|
7883
|
+
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)))
|
|
7815
7884
|
}
|
|
7816
7885
|
.sui-block-neutral {
|
|
7817
7886
|
--tw-bg-opacity: 1;
|
|
7818
|
-
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity)))
|
|
7887
|
+
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity, 1)))
|
|
7819
7888
|
}
|
|
7820
7889
|
.sui-block-hide-background {
|
|
7821
7890
|
background-color: transparent
|
|
@@ -7843,7 +7912,7 @@ height: var(--sui-spacing-25);
|
|
|
7843
7912
|
|
|
7844
7913
|
--tw-text-opacity: 1;
|
|
7845
7914
|
|
|
7846
|
-
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)));
|
|
7915
|
+
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
7847
7916
|
|
|
7848
7917
|
outline: 2px solid transparent;
|
|
7849
7918
|
|
|
@@ -7864,11 +7933,11 @@ height: var(--sui-spacing-25);
|
|
|
7864
7933
|
|
|
7865
7934
|
--tw-bg-opacity: 1;
|
|
7866
7935
|
|
|
7867
|
-
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity)));
|
|
7936
|
+
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
7868
7937
|
|
|
7869
7938
|
--tw-text-opacity: 1;
|
|
7870
7939
|
|
|
7871
|
-
color: rgb(var(--s-primary-f-high-contrast), calc(var(--s-primary-f-high-contrast-opacity, 1) * var(--tw-text-opacity)));
|
|
7940
|
+
color: rgb(var(--s-primary-f-high-contrast), calc(var(--s-primary-f-high-contrast-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
7872
7941
|
}
|
|
7873
7942
|
}
|
|
7874
7943
|
|
|
@@ -7876,11 +7945,11 @@ height: var(--sui-spacing-25);
|
|
|
7876
7945
|
|
|
7877
7946
|
--tw-bg-opacity: 1;
|
|
7878
7947
|
|
|
7879
|
-
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity)));
|
|
7948
|
+
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
7880
7949
|
|
|
7881
7950
|
--tw-text-opacity: 1;
|
|
7882
7951
|
|
|
7883
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
7952
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
7884
7953
|
}
|
|
7885
7954
|
|
|
7886
7955
|
.sui-accordion-header-root:focus-visible,
|
|
@@ -7913,7 +7982,7 @@ height: var(--sui-spacing-25);
|
|
|
7913
7982
|
|
|
7914
7983
|
--tw-text-opacity: 1;
|
|
7915
7984
|
|
|
7916
|
-
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity)));
|
|
7985
|
+
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
7917
7986
|
}
|
|
7918
7987
|
|
|
7919
7988
|
.sui-accordion-header-content {
|
|
@@ -8005,7 +8074,7 @@ height: var(--sui-spacing-25);
|
|
|
8005
8074
|
|
|
8006
8075
|
--tw-border-opacity: 1;
|
|
8007
8076
|
|
|
8008
|
-
border-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-border-opacity)));
|
|
8077
|
+
border-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
8009
8078
|
|
|
8010
8079
|
border-radius: var(--sui-border-radius-full);
|
|
8011
8080
|
|
|
@@ -8078,7 +8147,7 @@ height: var(--sui-spacing-25);
|
|
|
8078
8147
|
|
|
8079
8148
|
--tw-text-opacity: 1;
|
|
8080
8149
|
|
|
8081
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
8150
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
8082
8151
|
|
|
8083
8152
|
--sui-squircle-bg-color: var(--sui-colors-neutral-b4);
|
|
8084
8153
|
--sui-squircle-bg-color-hover: var(--sui-colors-neutral-b4);
|
|
@@ -8088,7 +8157,7 @@ height: var(--sui-spacing-25);
|
|
|
8088
8157
|
|
|
8089
8158
|
--tw-text-opacity: 1;
|
|
8090
8159
|
|
|
8091
|
-
color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
8160
|
+
color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
8092
8161
|
|
|
8093
8162
|
--sui-squircle-bg-color: var(--sui-colors-primary-b);
|
|
8094
8163
|
--sui-squircle-bg-color-hover: var(--sui-colors-primary-b);
|
|
@@ -8114,13 +8183,13 @@ height: var(--sui-spacing-25);
|
|
|
8114
8183
|
|
|
8115
8184
|
--tw-bg-opacity: 1;
|
|
8116
8185
|
|
|
8117
|
-
background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity)));
|
|
8186
|
+
background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
8118
8187
|
}
|
|
8119
8188
|
.sui-avatar-circle-primary {
|
|
8120
8189
|
|
|
8121
8190
|
--tw-bg-opacity: 1;
|
|
8122
8191
|
|
|
8123
|
-
background-color: rgb(var(--s-primary-b), calc(var(--s-primary-b-opacity, 1) * var(--tw-bg-opacity)));
|
|
8192
|
+
background-color: rgb(var(--s-primary-b), calc(var(--s-primary-b-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
8124
8193
|
}
|
|
8125
8194
|
.sui-avatar-circle:focus-visible,
|
|
8126
8195
|
.sui-avatar-circle.sui-focus-visible {
|
|
@@ -8419,14 +8488,14 @@ height: var(--sui-spacing-25);
|
|
|
8419
8488
|
|
|
8420
8489
|
--s-squircle-bg-color-opacity: 1;
|
|
8421
8490
|
|
|
8422
|
-
--sui-squircle-bg-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--s-squircle-bg-color-opacity)))
|
|
8491
|
+
--sui-squircle-bg-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--s-squircle-bg-color-opacity, 1)))
|
|
8423
8492
|
}
|
|
8424
8493
|
|
|
8425
8494
|
.sui-bottom-navigation-item-activated {
|
|
8426
8495
|
|
|
8427
8496
|
--tw-text-opacity: 1;
|
|
8428
8497
|
|
|
8429
|
-
color: rgb(var(--s-cobranding-f), calc(var(--s-cobranding-f-opacity, 1) * var(--tw-text-opacity)))
|
|
8498
|
+
color: rgb(var(--s-cobranding-f), calc(var(--s-cobranding-f-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
8430
8499
|
}
|
|
8431
8500
|
|
|
8432
8501
|
.sui-bottom-navigation-group-root {
|
|
@@ -8450,7 +8519,7 @@ height: var(--sui-spacing-25);
|
|
|
8450
8519
|
|
|
8451
8520
|
--tw-bg-opacity: 1;
|
|
8452
8521
|
|
|
8453
|
-
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity)))
|
|
8522
|
+
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity, 1)))
|
|
8454
8523
|
}
|
|
8455
8524
|
|
|
8456
8525
|
.sui-bottom-navigation-full-width {
|
|
@@ -8503,7 +8572,7 @@ height: var(--sui-spacing-25);
|
|
|
8503
8572
|
|
|
8504
8573
|
--tw-text-opacity: 1;
|
|
8505
8574
|
|
|
8506
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
8575
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
8507
8576
|
|
|
8508
8577
|
border-top-width: var(--sui-border-width-1)
|
|
8509
8578
|
}
|
|
@@ -8534,7 +8603,7 @@ height: var(--sui-spacing-25);
|
|
|
8534
8603
|
|
|
8535
8604
|
--s-squircle-bg-color-opacity: 1;
|
|
8536
8605
|
|
|
8537
|
-
--sui-squircle-bg-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--s-squircle-bg-color-opacity)))
|
|
8606
|
+
--sui-squircle-bg-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--s-squircle-bg-color-opacity, 1)))
|
|
8538
8607
|
}
|
|
8539
8608
|
|
|
8540
8609
|
.sui-filter-button-root {
|
|
@@ -8573,7 +8642,7 @@ height: var(--sui-spacing-25);
|
|
|
8573
8642
|
|
|
8574
8643
|
--tw-text-opacity: 1;
|
|
8575
8644
|
|
|
8576
|
-
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)));
|
|
8645
|
+
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
8577
8646
|
|
|
8578
8647
|
outline: 2px solid transparent;
|
|
8579
8648
|
|
|
@@ -8616,7 +8685,7 @@ height: var(--sui-spacing-25);
|
|
|
8616
8685
|
|
|
8617
8686
|
--tw-text-opacity: 1;
|
|
8618
8687
|
|
|
8619
|
-
color: rgb(var(--s-cobranding-f), calc(var(--s-cobranding-f-opacity, 1) * var(--tw-text-opacity)));
|
|
8688
|
+
color: rgb(var(--s-cobranding-f), calc(var(--s-cobranding-f-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
8620
8689
|
}
|
|
8621
8690
|
|
|
8622
8691
|
@media (hover: hover) {
|
|
@@ -8625,7 +8694,7 @@ height: var(--sui-spacing-25);
|
|
|
8625
8694
|
|
|
8626
8695
|
--tw-text-opacity: 1;
|
|
8627
8696
|
|
|
8628
|
-
color: rgb(var(--s-cobranding-high-contrast), calc(var(--s-cobranding-high-contrast-opacity, 1) * var(--tw-text-opacity)));
|
|
8697
|
+
color: rgb(var(--s-cobranding-high-contrast), calc(var(--s-cobranding-high-contrast-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
8629
8698
|
}
|
|
8630
8699
|
}
|
|
8631
8700
|
|
|
@@ -8633,14 +8702,14 @@ height: var(--sui-spacing-25);
|
|
|
8633
8702
|
|
|
8634
8703
|
--tw-text-opacity: 1;
|
|
8635
8704
|
|
|
8636
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
8705
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
8637
8706
|
}
|
|
8638
8707
|
|
|
8639
8708
|
.sui-filter-button-root.sui-disabled {
|
|
8640
8709
|
|
|
8641
8710
|
--tw-text-opacity: 1;
|
|
8642
8711
|
|
|
8643
|
-
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity)));
|
|
8712
|
+
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
8644
8713
|
}
|
|
8645
8714
|
|
|
8646
8715
|
.sui-single-filter-root {
|
|
@@ -8653,38 +8722,38 @@ height: var(--sui-spacing-25);
|
|
|
8653
8722
|
margin-left: var(--sui-spacing-1)
|
|
8654
8723
|
}
|
|
8655
8724
|
|
|
8656
|
-
.sui-step-icon-root {display: flex;height: var(--sui-spacing-6);width: var(--sui-spacing-6);align-items: center;justify-content: center;--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-bg-opacity)));--tw-text-opacity: 1;color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity)));border-radius: var(--sui-border-radius-full);--sui-focus-ring-border-radius: var(--sui-border-radius-full)
|
|
8725
|
+
.sui-step-icon-root {display: flex;height: var(--sui-spacing-6);width: var(--sui-spacing-6);align-items: center;justify-content: center;--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-bg-opacity, 1)));--tw-text-opacity: 1;color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity, 1)));border-radius: var(--sui-border-radius-full);--sui-focus-ring-border-radius: var(--sui-border-radius-full)
|
|
8657
8726
|
}@media (prefers-reduced-motion: no-preference) {.sui-step-icon-root {transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;transition-duration: var(--sui-transition-neutral-01-fast-transition-duration);transition-timing-function: var(--sui-transition-neutral-01-fast-transition-timing-function)
|
|
8658
8727
|
}
|
|
8659
8728
|
}.sui-step-icon-root {position: relative;z-index: 10
|
|
8660
8729
|
}
|
|
8661
8730
|
|
|
8662
8731
|
.sui-step-icon-root.sui-completed,
|
|
8663
|
-
.sui-step-icon-current {--tw-bg-opacity: 1;background-color: rgb(var(--s-primary-b), calc(var(--s-primary-b-opacity, 1) * var(--tw-bg-opacity)));--tw-text-opacity: 1;color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-text-opacity)))
|
|
8732
|
+
.sui-step-icon-current {--tw-bg-opacity: 1;background-color: rgb(var(--s-primary-b), calc(var(--s-primary-b-opacity, 1) * var(--tw-bg-opacity, 1)));--tw-text-opacity: 1;color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
8664
8733
|
}
|
|
8665
8734
|
|
|
8666
|
-
.sui-step-icon-root.sui-disabled {--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity)))
|
|
8735
|
+
.sui-step-icon-root.sui-disabled {--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity, 1)))
|
|
8667
8736
|
}
|
|
8668
8737
|
|
|
8669
|
-
.sui-step-icon-error {background-color: transparent;--tw-text-opacity: 1;color: rgb(var(--s-danger-f), calc(var(--s-danger-f-opacity, 1) * var(--tw-text-opacity)))
|
|
8738
|
+
.sui-step-icon-error {background-color: transparent;--tw-text-opacity: 1;color: rgb(var(--s-danger-f), calc(var(--s-danger-f-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
8670
8739
|
}
|
|
8671
8740
|
|
|
8672
|
-
.sui-step-icon-error.sui-disabled {--tw-text-opacity: 1;color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity)))
|
|
8741
|
+
.sui-step-icon-error.sui-disabled {--tw-text-opacity: 1;color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
8673
8742
|
}
|
|
8674
8743
|
|
|
8675
|
-
.sui-step-icon-outlined {box-sizing: border-box;border-style: solid;--tw-border-opacity: 1;border-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-border-opacity)));background-color: transparent;--tw-text-opacity: 1;color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)));border-width: var(--sui-border-width-2);--sui-focus-ring-border-width: var(--sui-border-width-2);--sui-focus-ring-border-width-recoup: 1
|
|
8744
|
+
.sui-step-icon-outlined {box-sizing: border-box;border-style: solid;--tw-border-opacity: 1;border-color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-border-opacity, 1)));background-color: transparent;--tw-text-opacity: 1;color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)));border-width: var(--sui-border-width-2);--sui-focus-ring-border-width: var(--sui-border-width-2);--sui-focus-ring-border-width-recoup: 1
|
|
8676
8745
|
}
|
|
8677
8746
|
|
|
8678
|
-
.sui-step-icon-outlined-current {--tw-border-opacity: 1;border-color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-bg-opacity)));--tw-text-opacity: 1;color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)))
|
|
8747
|
+
.sui-step-icon-outlined-current {--tw-border-opacity: 1;border-color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-border-opacity, 1)));--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-bg-opacity, 1)));--tw-text-opacity: 1;color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
8679
8748
|
}
|
|
8680
8749
|
|
|
8681
|
-
.sui-step-icon-outlined-error {border-style: none;background-color: transparent;--tw-text-opacity: 1;color: rgb(var(--s-danger-f), calc(var(--s-danger-f-opacity, 1) * var(--tw-text-opacity)));--sui-focus-ring-border-width-recoup: 0
|
|
8750
|
+
.sui-step-icon-outlined-error {border-style: none;background-color: transparent;--tw-text-opacity: 1;color: rgb(var(--s-danger-f), calc(var(--s-danger-f-opacity, 1) * var(--tw-text-opacity, 1)));--sui-focus-ring-border-width-recoup: 0
|
|
8682
8751
|
}
|
|
8683
8752
|
|
|
8684
|
-
.sui-step-icon-outlined.sui-completed {border-style: none;background-color: transparent;--tw-text-opacity: 1;color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));--sui-focus-ring-border-width-recoup: 0
|
|
8753
|
+
.sui-step-icon-outlined.sui-completed {border-style: none;background-color: transparent;--tw-text-opacity: 1;color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));--sui-focus-ring-border-width-recoup: 0
|
|
8685
8754
|
}
|
|
8686
8755
|
|
|
8687
|
-
.sui-step-icon-outlined.sui-disabled {--tw-border-opacity: 1;border-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-border-opacity)));background-color: transparent;--tw-text-opacity: 1;color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity)))
|
|
8756
|
+
.sui-step-icon-outlined.sui-disabled {--tw-border-opacity: 1;border-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-border-opacity, 1)));background-color: transparent;--tw-text-opacity: 1;color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
8688
8757
|
}
|
|
8689
8758
|
|
|
8690
8759
|
.sui-step-icon-text {font-size: var(--sui-typography-subtitle-mini-font-size);font-weight: var(--sui-typography-subtitle-mini-font-weight);line-height: var(--sui-typography-subtitle-mini-line-height);text-decoration: var(--sui-typography-subtitle-mini-text-decoration);text-transform: var(--sui-typography-subtitle-mini-text-transform);font-family: var(--sui-font-family)
|
|
@@ -8717,11 +8786,11 @@ height: var(--sui-spacing-25);
|
|
|
8717
8786
|
}
|
|
8718
8787
|
.sui-step-label-label.sui-completed {
|
|
8719
8788
|
--tw-text-opacity: 1;
|
|
8720
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)))
|
|
8789
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
8721
8790
|
}
|
|
8722
8791
|
.sui-step-label-label.sui-disabled {
|
|
8723
8792
|
--tw-text-opacity: 1;
|
|
8724
|
-
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity)))
|
|
8793
|
+
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
8725
8794
|
}
|
|
8726
8795
|
.sui-step-label-icon-container {
|
|
8727
8796
|
display: flex;
|
|
@@ -8736,7 +8805,7 @@ height: var(--sui-spacing-25);
|
|
|
8736
8805
|
font-family: var(--sui-font-family);
|
|
8737
8806
|
width: 100%;
|
|
8738
8807
|
--tw-text-opacity: 1;
|
|
8739
|
-
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)))
|
|
8808
|
+
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
8740
8809
|
}
|
|
8741
8810
|
@media (prefers-reduced-motion: no-preference) {
|
|
8742
8811
|
.sui-step-label-label-container {
|
|
@@ -8749,7 +8818,7 @@ height: var(--sui-spacing-25);
|
|
|
8749
8818
|
}
|
|
8750
8819
|
.sui-step-label-label-container.sui-disabled {
|
|
8751
8820
|
--tw-text-opacity: 1;
|
|
8752
|
-
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity)))
|
|
8821
|
+
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
8753
8822
|
}
|
|
8754
8823
|
.sui-step-label-horizontal {
|
|
8755
8824
|
flex-direction: column
|
|
@@ -8769,7 +8838,7 @@ height: var(--sui-spacing-25);
|
|
|
8769
8838
|
}
|
|
8770
8839
|
.sui-step-label-current-label {
|
|
8771
8840
|
--tw-text-opacity: 1;
|
|
8772
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
8841
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
8773
8842
|
font-size: var(--sui-typography-subtitle-bold-font-size);
|
|
8774
8843
|
font-weight: var(--sui-typography-subtitle-bold-font-weight);
|
|
8775
8844
|
line-height: var(--sui-typography-subtitle-bold-line-height);
|
|
@@ -8780,7 +8849,7 @@ height: var(--sui-spacing-25);
|
|
|
8780
8849
|
.sui-step-label-error-label,
|
|
8781
8850
|
.sui-step-label-error-label-container {
|
|
8782
8851
|
--tw-text-opacity: 1;
|
|
8783
|
-
color: rgb(var(--s-danger-f), calc(var(--s-danger-f-opacity, 1) * var(--tw-text-opacity)))
|
|
8852
|
+
color: rgb(var(--s-danger-f), calc(var(--s-danger-f-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
8784
8853
|
}
|
|
8785
8854
|
.sui-step-label.sui-disabled {
|
|
8786
8855
|
cursor: default
|
|
@@ -8793,12 +8862,12 @@ height: var(--sui-spacing-25);
|
|
|
8793
8862
|
|
|
8794
8863
|
@media (hover: hover) {
|
|
8795
8864
|
|
|
8796
|
-
.sui-step-button-root:hover {--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity)));
|
|
8865
|
+
.sui-step-button-root:hover {--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
8797
8866
|
}
|
|
8798
8867
|
}
|
|
8799
8868
|
|
|
8800
8869
|
.sui-step-button-root.sui-active,
|
|
8801
|
-
.sui-step-button-root:active {--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity)));
|
|
8870
|
+
.sui-step-button-root:active {--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
8802
8871
|
}
|
|
8803
8872
|
|
|
8804
8873
|
.sui-step-button-root:focus-visible,
|
|
@@ -8818,7 +8887,7 @@ height: var(--sui-spacing-25);
|
|
|
8818
8887
|
.sui-step-button-fixed-width {flex: 1 1 0%;
|
|
8819
8888
|
}
|
|
8820
8889
|
|
|
8821
|
-
.sui-step-button-highlighted {--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity)));
|
|
8890
|
+
.sui-step-button-highlighted {--tw-bg-opacity: 1;background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
8822
8891
|
}
|
|
8823
8892
|
|
|
8824
8893
|
.sui-step-button-hide-connector {min-height: var(--sui-spacing-11);
|
|
@@ -9107,7 +9176,7 @@ height: var(--sui-spacing-25);
|
|
|
9107
9176
|
|
|
9108
9177
|
--tw-text-opacity: 1;
|
|
9109
9178
|
|
|
9110
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
9179
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
9111
9180
|
|
|
9112
9181
|
border-style: solid;
|
|
9113
9182
|
|
|
@@ -9204,7 +9273,7 @@ height: var(--sui-spacing-25);
|
|
|
9204
9273
|
|
|
9205
9274
|
--tw-bg-opacity: 1;
|
|
9206
9275
|
|
|
9207
|
-
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity)));
|
|
9276
|
+
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
9208
9277
|
}
|
|
9209
9278
|
}
|
|
9210
9279
|
@media (hover: hover) {
|
|
@@ -9219,7 +9288,7 @@ height: var(--sui-spacing-25);
|
|
|
9219
9288
|
|
|
9220
9289
|
--tw-bg-opacity: 1;
|
|
9221
9290
|
|
|
9222
|
-
background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity)));
|
|
9291
|
+
background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
9223
9292
|
}
|
|
9224
9293
|
.sui-table-cell-content-sortable:focus-visible,
|
|
9225
9294
|
.sui-table-cell-content-sortable.sui-focus-visible {
|
|
@@ -9399,7 +9468,6 @@ height: var(--sui-spacing-25);
|
|
|
9399
9468
|
border-left-width: var(--sui-border-width-1);
|
|
9400
9469
|
}
|
|
9401
9470
|
|
|
9402
|
-
/* stylelint-disable prettier/prettier */
|
|
9403
9471
|
.sui-table-head-root {
|
|
9404
9472
|
|
|
9405
9473
|
box-sizing: border-box;
|
|
@@ -9420,12 +9488,14 @@ height: var(--sui-spacing-25);
|
|
|
9420
9488
|
|
|
9421
9489
|
background: inherit
|
|
9422
9490
|
}
|
|
9491
|
+
|
|
9423
9492
|
.sui-table-head-background {
|
|
9424
9493
|
|
|
9425
9494
|
--tw-bg-opacity: 1;
|
|
9426
9495
|
|
|
9427
|
-
background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity)))
|
|
9496
|
+
background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity, 1)))
|
|
9428
9497
|
}
|
|
9498
|
+
|
|
9429
9499
|
.sui-table-head-sticky {
|
|
9430
9500
|
|
|
9431
9501
|
position: sticky;
|
|
@@ -9454,7 +9524,7 @@ height: var(--sui-spacing-25);
|
|
|
9454
9524
|
|
|
9455
9525
|
--tw-bg-opacity: 1;
|
|
9456
9526
|
|
|
9457
|
-
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity)));
|
|
9527
|
+
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
9458
9528
|
}
|
|
9459
9529
|
}
|
|
9460
9530
|
|
|
@@ -9471,7 +9541,7 @@ height: var(--sui-spacing-25);
|
|
|
9471
9541
|
|
|
9472
9542
|
--tw-bg-opacity: 1;
|
|
9473
9543
|
|
|
9474
|
-
background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity)));
|
|
9544
|
+
background-color: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
9475
9545
|
}
|
|
9476
9546
|
}
|
|
9477
9547
|
|
|
@@ -9514,7 +9584,7 @@ height: var(--sui-spacing-25);
|
|
|
9514
9584
|
|
|
9515
9585
|
--s-gradient-base-opacity: 1;
|
|
9516
9586
|
|
|
9517
|
-
--s-gradient-base: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--s-gradient-base-opacity)));
|
|
9587
|
+
--s-gradient-base: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--s-gradient-base-opacity, 1)));
|
|
9518
9588
|
|
|
9519
9589
|
--s-gradient-cover: var(--sui-colors-neutral-b4-t50);
|
|
9520
9590
|
}
|
|
@@ -9527,7 +9597,7 @@ height: var(--sui-spacing-25);
|
|
|
9527
9597
|
|
|
9528
9598
|
--s-gradient-base-opacity: 1;
|
|
9529
9599
|
|
|
9530
|
-
--s-gradient-base: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--s-gradient-base-opacity)));
|
|
9600
|
+
--s-gradient-base: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--s-gradient-base-opacity, 1)));
|
|
9531
9601
|
|
|
9532
9602
|
--s-gradient-cover: var(--sui-colors-neutral-b4-t50);
|
|
9533
9603
|
}
|
|
@@ -9548,6 +9618,11 @@ height: var(--sui-spacing-25);
|
|
|
9548
9618
|
gap: var(--sui-spacing-5)
|
|
9549
9619
|
}
|
|
9550
9620
|
|
|
9621
|
+
.sui-table-pagination-selector {
|
|
9622
|
+
|
|
9623
|
+
min-width: var(--sui-spacing-16)
|
|
9624
|
+
}
|
|
9625
|
+
|
|
9551
9626
|
.sui-table-pagination-rows-per-page-controls {
|
|
9552
9627
|
|
|
9553
9628
|
display: flex;
|
|
@@ -9575,7 +9650,7 @@ height: var(--sui-spacing-25);
|
|
|
9575
9650
|
|
|
9576
9651
|
--tw-text-opacity: 1;
|
|
9577
9652
|
|
|
9578
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)))
|
|
9653
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
9579
9654
|
}
|
|
9580
9655
|
|
|
9581
9656
|
.sui-table-pagination-current-page-controls {
|
|
@@ -9618,7 +9693,7 @@ height: var(--sui-spacing-25);
|
|
|
9618
9693
|
|
|
9619
9694
|
--tw-text-opacity: 1;
|
|
9620
9695
|
|
|
9621
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)))
|
|
9696
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
9622
9697
|
}
|
|
9623
9698
|
|
|
9624
9699
|
.sui-table-footer-root {
|
|
@@ -9679,7 +9754,7 @@ height: var(--sui-spacing-25);
|
|
|
9679
9754
|
|
|
9680
9755
|
--tw-text-opacity: 1;
|
|
9681
9756
|
|
|
9682
|
-
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)))
|
|
9757
|
+
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
9683
9758
|
}
|
|
9684
9759
|
|
|
9685
9760
|
.sui-table-footer-padding-none {
|
|
@@ -9763,7 +9838,7 @@ height: var(--sui-spacing-25);
|
|
|
9763
9838
|
|
|
9764
9839
|
--tw-bg-opacity: 1;
|
|
9765
9840
|
|
|
9766
|
-
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)))
|
|
9841
|
+
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)))
|
|
9767
9842
|
}
|
|
9768
9843
|
|
|
9769
9844
|
.sui-table-sticky-header {
|
|
@@ -9817,13 +9892,13 @@ height: var(--sui-spacing-25);
|
|
|
9817
9892
|
flex-direction: column;
|
|
9818
9893
|
border-style: solid;
|
|
9819
9894
|
--tw-border-opacity: 1;
|
|
9820
|
-
border-color: rgb(var(--s-neutral-high-contrast), calc(var(--s-neutral-high-contrast-opacity, 1) * var(--tw-border-opacity)));
|
|
9895
|
+
border-color: rgb(var(--s-neutral-high-contrast), calc(var(--s-neutral-high-contrast-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
9821
9896
|
--tw-bg-opacity: 1;
|
|
9822
|
-
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)));
|
|
9897
|
+
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
9823
9898
|
padding-top: var(--sui-spacing-6);
|
|
9824
9899
|
padding-bottom: var(--sui-spacing-5);
|
|
9825
9900
|
--tw-text-opacity: 1;
|
|
9826
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
9901
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
9827
9902
|
--tw-shadow: var(--sui-box-shadow-md);
|
|
9828
9903
|
--tw-shadow-colored: var(--sui-box-shadow-md);
|
|
9829
9904
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
@@ -9846,15 +9921,51 @@ height: var(--sui-spacing-25);
|
|
|
9846
9921
|
}
|
|
9847
9922
|
.sui-dialog-non-blocking {
|
|
9848
9923
|
pointer-events: none;
|
|
9924
|
+
}
|
|
9925
|
+
.sui-dialog-small .sui-dialog-close-button, .sui-dialog-medium .sui-dialog-close-button, .sui-dialog-large .sui-dialog-close-button {
|
|
9926
|
+
position: absolute;
|
|
9927
|
+
top: calc(var(--sui-spacing-11) * -1);
|
|
9928
|
+
right: var(--sui-spacing-0);
|
|
9929
|
+
}
|
|
9930
|
+
.sui-dialog-small:has(.sui-dialog-close-button), .sui-dialog-medium:has(.sui-dialog-close-button), .sui-dialog-large:has(.sui-dialog-close-button) {
|
|
9931
|
+
max-height: max(var(--sui-spacing-24), min(80vh, calc(100vh - var(--sui-spacing-36))));
|
|
9849
9932
|
}
|
|
9850
9933
|
.sui-dialog-small {
|
|
9851
9934
|
width: var(--sui-spacing-71);
|
|
9935
|
+
}
|
|
9936
|
+
/* Breakpoint = dialog width (284px / w-71) + close-button offset (8px) + close-button size (160px) ≈ 452px.
|
|
9937
|
+
Below this threshold the floating close button overlaps the viewport edge, so it stays pinned above instead. */
|
|
9938
|
+
@media (min-width: 452px) {
|
|
9939
|
+
.sui-dialog-small .sui-dialog-close-button {
|
|
9940
|
+
top: calc(var(--sui-spacing-5) * -1);
|
|
9941
|
+
right: calc(var(--sui-spacing-2) * -1);
|
|
9942
|
+
--tw-translate-x: 100%;
|
|
9943
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
9944
|
+
}
|
|
9852
9945
|
}
|
|
9853
9946
|
.sui-dialog-medium {
|
|
9854
9947
|
width: var(--sui-spacing-100);
|
|
9948
|
+
}
|
|
9949
|
+
/* Breakpoint = dialog width (400px / w-100) + close-button offset (8px) + close-button size (160px) ≈ 568px.
|
|
9950
|
+
Below this threshold the floating close button overlaps the viewport edge, so it stays pinned above instead. */
|
|
9951
|
+
@media (min-width: 568px) {
|
|
9952
|
+
.sui-dialog-medium .sui-dialog-close-button {
|
|
9953
|
+
top: calc(var(--sui-spacing-5) * -1);
|
|
9954
|
+
right: calc(var(--sui-spacing-2) * -1);
|
|
9955
|
+
--tw-translate-x: 100%;
|
|
9956
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
9957
|
+
}
|
|
9855
9958
|
}
|
|
9856
9959
|
.sui-dialog-large {
|
|
9857
9960
|
width: var(--sui-spacing-150);
|
|
9961
|
+
}
|
|
9962
|
+
@media (min-width: 768px) {
|
|
9963
|
+
.sui-dialog-large .sui-dialog-close-button {
|
|
9964
|
+
top: calc(var(--sui-spacing-5) * -1);
|
|
9965
|
+
right: calc(var(--sui-spacing-2) * -1);
|
|
9966
|
+
--tw-translate-x: 100%;
|
|
9967
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
9968
|
+
}
|
|
9858
9969
|
}
|
|
9859
9970
|
.sui-dialog-title-root {
|
|
9860
9971
|
font-size: var(--sui-typography-title-font-size);
|
|
@@ -9958,9 +10069,9 @@ height: var(--sui-spacing-25);
|
|
|
9958
10069
|
width: var(--sui-spacing-5);
|
|
9959
10070
|
border-style: solid;
|
|
9960
10071
|
--tw-border-opacity: 1;
|
|
9961
|
-
border-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-border-opacity)));
|
|
10072
|
+
border-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
9962
10073
|
--tw-bg-opacity: 1;
|
|
9963
|
-
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)));
|
|
10074
|
+
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
9964
10075
|
border-width: var(--sui-border-width-1);
|
|
9965
10076
|
--sui-focus-ring-border-width: var(--sui-border-width-1);
|
|
9966
10077
|
--sui-focus-ring-border-width-recoup: 1;
|
|
@@ -10128,9 +10239,9 @@ height: var(--sui-spacing-25);
|
|
|
10128
10239
|
display: flex;
|
|
10129
10240
|
flex-direction: column;
|
|
10130
10241
|
--tw-bg-opacity: 1;
|
|
10131
|
-
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)));
|
|
10242
|
+
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
10132
10243
|
--tw-text-opacity: 1;
|
|
10133
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
10244
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
10134
10245
|
--tw-shadow: var(--sui-box-shadow-md);
|
|
10135
10246
|
--tw-shadow-colored: var(--sui-box-shadow-md);
|
|
10136
10247
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
@@ -10139,7 +10250,7 @@ height: var(--sui-spacing-25);
|
|
|
10139
10250
|
outline-offset: 2px;
|
|
10140
10251
|
border-style: solid;
|
|
10141
10252
|
--tw-border-opacity: 1;
|
|
10142
|
-
border-color: rgb(var(--s-neutral-high-contrast), calc(var(--s-neutral-high-contrast-opacity, 1) * var(--tw-border-opacity)));
|
|
10253
|
+
border-color: rgb(var(--s-neutral-high-contrast), calc(var(--s-neutral-high-contrast-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
10143
10254
|
border-width: var(--sui-border-width-0);
|
|
10144
10255
|
--sui-focus-ring-border-width: var(--sui-border-width-0);
|
|
10145
10256
|
--sui-focus-ring-border-width-recoup: 1
|
|
@@ -10228,7 +10339,7 @@ height: var(--sui-spacing-25);
|
|
|
10228
10339
|
height: var(--sui-spacing-1);
|
|
10229
10340
|
width: var(--sui-spacing-8);
|
|
10230
10341
|
--tw-bg-opacity: 1;
|
|
10231
|
-
background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity)));
|
|
10342
|
+
background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
10232
10343
|
border-radius: var(--sui-border-radius-full);
|
|
10233
10344
|
--sui-focus-ring-border-radius: var(--sui-border-radius-full)
|
|
10234
10345
|
}
|
|
@@ -10290,7 +10401,7 @@ height: var(--sui-spacing-25);
|
|
|
10290
10401
|
padding-top: var(--sui-spacing-1);
|
|
10291
10402
|
padding-bottom: var(--sui-spacing-1);
|
|
10292
10403
|
--tw-text-opacity: 1;
|
|
10293
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
10404
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
10294
10405
|
border-radius: var(--sui-border-radius-sm);
|
|
10295
10406
|
--sui-focus-ring-border-radius: var(--sui-border-radius-sm);
|
|
10296
10407
|
}
|
|
@@ -10303,7 +10414,7 @@ height: var(--sui-spacing-25);
|
|
|
10303
10414
|
|
|
10304
10415
|
.sui-suggestion-list-item:hover:not(.sui-disabled) {
|
|
10305
10416
|
--tw-bg-opacity: 1;
|
|
10306
|
-
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity)));
|
|
10417
|
+
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
10307
10418
|
}
|
|
10308
10419
|
}
|
|
10309
10420
|
|
|
@@ -10311,7 +10422,7 @@ height: var(--sui-spacing-25);
|
|
|
10311
10422
|
pointer-events: none;
|
|
10312
10423
|
cursor: default;
|
|
10313
10424
|
--tw-text-opacity: 1;
|
|
10314
|
-
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity)));
|
|
10425
|
+
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
10315
10426
|
}
|
|
10316
10427
|
|
|
10317
10428
|
.sui-suggestion-list-item:focus-visible,
|
|
@@ -10332,7 +10443,7 @@ height: var(--sui-spacing-25);
|
|
|
10332
10443
|
.sui-suggestion-list-selected,
|
|
10333
10444
|
.sui-suggestion-list-highlighted {
|
|
10334
10445
|
--tw-bg-opacity: 1;
|
|
10335
|
-
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity)));
|
|
10446
|
+
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
10336
10447
|
}
|
|
10337
10448
|
|
|
10338
10449
|
.sui-suggestion-list-group-title-readonly {
|
|
@@ -10370,7 +10481,7 @@ height: var(--sui-spacing-25);
|
|
|
10370
10481
|
|
|
10371
10482
|
--tw-text-opacity: 1;
|
|
10372
10483
|
|
|
10373
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
10484
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
10374
10485
|
|
|
10375
10486
|
/* default */
|
|
10376
10487
|
|
|
@@ -10380,13 +10491,13 @@ height: var(--sui-spacing-25);
|
|
|
10380
10491
|
|
|
10381
10492
|
--s-squircle-bg-color-active-opacity: 1;
|
|
10382
10493
|
|
|
10383
|
-
--sui-squircle-bg-color-active: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--s-squircle-bg-color-active-opacity)));
|
|
10494
|
+
--sui-squircle-bg-color-active: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--s-squircle-bg-color-active-opacity, 1)));
|
|
10384
10495
|
|
|
10385
10496
|
/* hover */
|
|
10386
10497
|
|
|
10387
10498
|
--s-squircle-bg-color-hover-opacity: 1;
|
|
10388
10499
|
|
|
10389
|
-
--sui-squircle-bg-color-hover: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--s-squircle-bg-color-hover-opacity)));
|
|
10500
|
+
--sui-squircle-bg-color-hover: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--s-squircle-bg-color-hover-opacity, 1)));
|
|
10390
10501
|
}
|
|
10391
10502
|
|
|
10392
10503
|
.sui-autocomplete-chevron:not(:first-child) {
|
|
@@ -10416,7 +10527,7 @@ height: var(--sui-spacing-25);
|
|
|
10416
10527
|
|
|
10417
10528
|
--tw-text-opacity: 1;
|
|
10418
10529
|
|
|
10419
|
-
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity)));
|
|
10530
|
+
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
10420
10531
|
}
|
|
10421
10532
|
|
|
10422
10533
|
.sui-autocomplete-root.sui-disabled .sui-autocomplete-clear {
|
|
@@ -10531,7 +10642,7 @@ height: var(--sui-spacing-25);
|
|
|
10531
10642
|
|
|
10532
10643
|
--tw-bg-opacity: 1;
|
|
10533
10644
|
|
|
10534
|
-
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity)));
|
|
10645
|
+
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
10535
10646
|
}
|
|
10536
10647
|
|
|
10537
10648
|
.sui-autocomplete-outlined-expanded-chevron {
|
|
@@ -10542,14 +10653,14 @@ height: var(--sui-spacing-25);
|
|
|
10542
10653
|
|
|
10543
10654
|
--tw-text-opacity: 1;
|
|
10544
10655
|
|
|
10545
|
-
color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-text-opacity)));
|
|
10656
|
+
color: rgb(var(--s-primary-f), calc(var(--s-primary-f-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
10546
10657
|
}
|
|
10547
10658
|
|
|
10548
10659
|
.sui-autocomplete-error-chevron {
|
|
10549
10660
|
|
|
10550
10661
|
--tw-text-opacity: 1;
|
|
10551
10662
|
|
|
10552
|
-
color: rgb(var(--s-danger), calc(var(--s-danger-opacity, 1) * var(--tw-text-opacity)));
|
|
10663
|
+
color: rgb(var(--s-danger), calc(var(--s-danger-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
10553
10664
|
}
|
|
10554
10665
|
|
|
10555
10666
|
.sui-autocomplete-end-adornment {
|
|
@@ -10586,7 +10697,7 @@ height: var(--sui-spacing-25);
|
|
|
10586
10697
|
|
|
10587
10698
|
--tw-bg-opacity: 1;
|
|
10588
10699
|
|
|
10589
|
-
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)));
|
|
10700
|
+
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
10590
10701
|
|
|
10591
10702
|
--tw-shadow: var(--sui-box-shadow-md);
|
|
10592
10703
|
|
|
@@ -10612,6 +10723,40 @@ height: var(--sui-spacing-25);
|
|
|
10612
10723
|
--sui-focus-ring-border-width-recoup: 0;
|
|
10613
10724
|
}
|
|
10614
10725
|
|
|
10726
|
+
.sui-autocomplete-status-container {
|
|
10727
|
+
|
|
10728
|
+
display: flex;
|
|
10729
|
+
|
|
10730
|
+
min-height: var(--sui-spacing-8);
|
|
10731
|
+
|
|
10732
|
+
align-items: center;
|
|
10733
|
+
|
|
10734
|
+
justify-content: center;
|
|
10735
|
+
|
|
10736
|
+
padding-top: var(--sui-spacing-3);
|
|
10737
|
+
|
|
10738
|
+
padding-bottom: var(--sui-spacing-3);
|
|
10739
|
+
}
|
|
10740
|
+
|
|
10741
|
+
.sui-autocomplete-status-label {
|
|
10742
|
+
|
|
10743
|
+
font-size: var(--sui-typography-main-text-font-size);
|
|
10744
|
+
|
|
10745
|
+
font-weight: var(--sui-typography-main-text-font-weight);
|
|
10746
|
+
|
|
10747
|
+
line-height: var(--sui-typography-main-text-line-height);
|
|
10748
|
+
|
|
10749
|
+
text-decoration: var(--sui-typography-main-text-text-decoration);
|
|
10750
|
+
|
|
10751
|
+
text-transform: var(--sui-typography-main-text-text-transform);
|
|
10752
|
+
|
|
10753
|
+
font-family: var(--sui-font-family);
|
|
10754
|
+
|
|
10755
|
+
--tw-text-opacity: 1;
|
|
10756
|
+
|
|
10757
|
+
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
10758
|
+
}
|
|
10759
|
+
|
|
10615
10760
|
.sui-empty-state-root {
|
|
10616
10761
|
|
|
10617
10762
|
display: flex;
|
|
@@ -10637,7 +10782,7 @@ height: var(--sui-spacing-25);
|
|
|
10637
10782
|
|
|
10638
10783
|
--tw-text-opacity: 1;
|
|
10639
10784
|
|
|
10640
|
-
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity)))
|
|
10785
|
+
color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
10641
10786
|
}
|
|
10642
10787
|
|
|
10643
10788
|
.sui-empty-state-icon > span {
|
|
@@ -10678,7 +10823,7 @@ height: var(--sui-spacing-25);
|
|
|
10678
10823
|
|
|
10679
10824
|
--tw-text-opacity: 1;
|
|
10680
10825
|
|
|
10681
|
-
color: rgb(var(--s-neutral-b1), calc(var(--s-neutral-b1-opacity, 1) * var(--tw-text-opacity)))
|
|
10826
|
+
color: rgb(var(--s-neutral-b1), calc(var(--s-neutral-b1-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
10682
10827
|
}
|
|
10683
10828
|
|
|
10684
10829
|
.sui-empty-state-description {
|
|
@@ -10699,7 +10844,7 @@ height: var(--sui-spacing-25);
|
|
|
10699
10844
|
|
|
10700
10845
|
--tw-text-opacity: 1;
|
|
10701
10846
|
|
|
10702
|
-
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)))
|
|
10847
|
+
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
10703
10848
|
}
|
|
10704
10849
|
|
|
10705
10850
|
.sui-empty-state-actions {
|
|
@@ -10763,7 +10908,7 @@ height: var(--sui-spacing-25);
|
|
|
10763
10908
|
.sui-tab-root.sui-selected {
|
|
10764
10909
|
position: relative;
|
|
10765
10910
|
--tw-text-opacity: 1;
|
|
10766
|
-
color: rgb(var(--s-cobranding-f), calc(var(--s-cobranding-f-opacity, 1) * var(--tw-text-opacity)));
|
|
10911
|
+
color: rgb(var(--s-cobranding-f), calc(var(--s-cobranding-f-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
10767
10912
|
}
|
|
10768
10913
|
.sui-tab-root:focus-visible,
|
|
10769
10914
|
.sui-tab-root.sui-focus-visible {
|
|
@@ -10786,26 +10931,26 @@ height: var(--sui-spacing-25);
|
|
|
10786
10931
|
@media (hover: hover) {
|
|
10787
10932
|
.sui-tab-root:hover {
|
|
10788
10933
|
--tw-text-opacity: 1;
|
|
10789
|
-
color: rgb(var(--s-cobranding-high-contrast), calc(var(--s-cobranding-high-contrast-opacity, 1) * var(--tw-text-opacity)));
|
|
10934
|
+
color: rgb(var(--s-cobranding-high-contrast), calc(var(--s-cobranding-high-contrast-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
10790
10935
|
}
|
|
10791
10936
|
}
|
|
10792
10937
|
@media (hover: hover) {
|
|
10793
10938
|
.sui-tab-root:hover .sui-tab-badge {
|
|
10794
10939
|
--tw-bg-opacity: 1;
|
|
10795
|
-
background-color: rgb(var(--s-cobranding-high-contrast), calc(var(--s-cobranding-high-contrast-opacity, 1) * var(--tw-bg-opacity)));
|
|
10940
|
+
background-color: rgb(var(--s-cobranding-high-contrast), calc(var(--s-cobranding-high-contrast-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
10796
10941
|
--tw-text-opacity: 1;
|
|
10797
|
-
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity)));
|
|
10942
|
+
color: rgb(var(--s-neutral-w0), calc(var(--s-neutral-w0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
10798
10943
|
}
|
|
10799
10944
|
}
|
|
10800
10945
|
/* Use :active pseudo-class for pressed state.
|
|
10801
10946
|
.sui-active class is still applied by JS for backward compatibility. */
|
|
10802
10947
|
.sui-tab-root:active {
|
|
10803
10948
|
--tw-text-opacity: 1;
|
|
10804
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
10949
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
10805
10950
|
}
|
|
10806
10951
|
.sui-tab-root:active .sui-tab-badge {
|
|
10807
10952
|
--tw-bg-opacity: 1;
|
|
10808
|
-
background-color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-bg-opacity)));
|
|
10953
|
+
background-color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
10809
10954
|
}
|
|
10810
10955
|
.sui-tab-label {
|
|
10811
10956
|
min-width: var(--sui-spacing-25);
|
|
@@ -10813,7 +10958,7 @@ height: var(--sui-spacing-25);
|
|
|
10813
10958
|
padding-left: var(--sui-spacing-2);
|
|
10814
10959
|
padding-right: var(--sui-spacing-2);
|
|
10815
10960
|
--tw-text-opacity: 1;
|
|
10816
|
-
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity)));
|
|
10961
|
+
color: rgb(var(--s-neutral-b2), calc(var(--s-neutral-b2-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
10817
10962
|
}
|
|
10818
10963
|
.sui-tab-label-container {
|
|
10819
10964
|
height: var(--sui-spacing-3\.5);
|
|
@@ -10836,7 +10981,7 @@ height: var(--sui-spacing-25);
|
|
|
10836
10981
|
padding-left: var(--sui-spacing-1);
|
|
10837
10982
|
padding-right: var(--sui-spacing-1);
|
|
10838
10983
|
--tw-text-opacity: 1;
|
|
10839
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
10984
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
10840
10985
|
}
|
|
10841
10986
|
.sui-tab-icon-container {
|
|
10842
10987
|
height: var(--sui-spacing-5\.5);
|
|
@@ -10875,13 +11020,13 @@ height: var(--sui-spacing-25);
|
|
|
10875
11020
|
border-style: solid;
|
|
10876
11021
|
border-color: var(--sui-colors-neutral-b0-t20);
|
|
10877
11022
|
--tw-bg-opacity: 1;
|
|
10878
|
-
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)));
|
|
11023
|
+
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
10879
11024
|
padding-left: var(--sui-spacing-4);
|
|
10880
11025
|
padding-right: var(--sui-spacing-4);
|
|
10881
11026
|
padding-top: var(--sui-spacing-0);
|
|
10882
11027
|
padding-bottom: var(--sui-spacing-0);
|
|
10883
11028
|
--tw-text-opacity: 1;
|
|
10884
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
11029
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
10885
11030
|
border-radius: var(--sui-border-radius-full);
|
|
10886
11031
|
--sui-focus-ring-border-radius: var(--sui-border-radius-full);
|
|
10887
11032
|
border-width: var(--sui-border-width-1);
|
|
@@ -10916,61 +11061,61 @@ height: var(--sui-spacing-25);
|
|
|
10916
11061
|
.sui-tab-pill:hover {
|
|
10917
11062
|
border-color: var(--sui-colors-neutral-b0-t30);
|
|
10918
11063
|
--tw-bg-opacity: 1;
|
|
10919
|
-
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity)));
|
|
11064
|
+
background-color: rgb(var(--s-neutral-b5), calc(var(--s-neutral-b5-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
10920
11065
|
--tw-text-opacity: 1;
|
|
10921
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
11066
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
10922
11067
|
}
|
|
10923
11068
|
}
|
|
10924
11069
|
.sui-tab-pill:active {
|
|
10925
11070
|
--tw-border-opacity: 1;
|
|
10926
|
-
border-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-border-opacity)));
|
|
11071
|
+
border-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
10927
11072
|
--tw-bg-opacity: 1;
|
|
10928
|
-
background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity)));
|
|
11073
|
+
background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
10929
11074
|
}
|
|
10930
11075
|
.sui-tab-pill.sui-selected {
|
|
10931
11076
|
background: var(--s-gradient-stop), var(--s-gradient-base);
|
|
10932
11077
|
border-color: var(--sui-colors-neutral-b0-t20);
|
|
10933
11078
|
--tw-text-opacity: 1;
|
|
10934
|
-
color: rgb(var(--s-neutral-high-contrast-inverted-b0), calc(var(--s-neutral-high-contrast-inverted-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
11079
|
+
color: rgb(var(--s-neutral-high-contrast-inverted-b0), calc(var(--s-neutral-high-contrast-inverted-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
10935
11080
|
--s-gradient-stop: linear-gradient(0deg, var(--s-gradient-cover) 0%, var(--s-gradient-cover) 100%);
|
|
10936
11081
|
--s-gradient-base-opacity: 1;
|
|
10937
|
-
--s-gradient-base: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--s-gradient-base-opacity)));
|
|
11082
|
+
--s-gradient-base: rgb(var(--s-neutral-b4), calc(var(--s-neutral-b4-opacity, 1) * var(--s-gradient-base-opacity, 1)));
|
|
10938
11083
|
--s-gradient-cover-opacity: 1;
|
|
10939
|
-
--s-gradient-cover: rgb(var(--s-neutral-high-contrast), calc(var(--s-neutral-high-contrast-opacity, 1) * var(--s-gradient-cover-opacity)));
|
|
11084
|
+
--s-gradient-cover: rgb(var(--s-neutral-high-contrast), calc(var(--s-neutral-high-contrast-opacity, 1) * var(--s-gradient-cover-opacity, 1)));
|
|
10940
11085
|
}
|
|
10941
11086
|
@media (hover: hover) {
|
|
10942
11087
|
.sui-tab-pill.sui-selected:hover {
|
|
10943
11088
|
--tw-bg-opacity: 1;
|
|
10944
|
-
background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity)));
|
|
11089
|
+
background-color: rgb(var(--s-neutral-b3), calc(var(--s-neutral-b3-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
10945
11090
|
}
|
|
10946
11091
|
}
|
|
10947
11092
|
/* Label and icon pill cobranding */
|
|
10948
11093
|
.sui-tab-label-pill-cobranding.sui-selected, .sui-tab-icon-pill-cobranding.sui-selected {
|
|
10949
11094
|
background: none;
|
|
10950
11095
|
--tw-border-opacity: 1;
|
|
10951
|
-
border-color: rgb(var(--s-cobranding), calc(var(--s-cobranding-opacity, 1) * var(--tw-border-opacity)));
|
|
11096
|
+
border-color: rgb(var(--s-cobranding), calc(var(--s-cobranding-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
10952
11097
|
--tw-bg-opacity: 1;
|
|
10953
|
-
background-color: rgb(var(--s-cobranding), calc(var(--s-cobranding-opacity, 1) * var(--tw-bg-opacity)));
|
|
11098
|
+
background-color: rgb(var(--s-cobranding), calc(var(--s-cobranding-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
10954
11099
|
--tw-text-opacity: 1;
|
|
10955
|
-
color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
11100
|
+
color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
10956
11101
|
}
|
|
10957
11102
|
@media (hover: hover) {
|
|
10958
11103
|
.sui-tab-label-pill-cobranding.sui-selected:hover, .sui-tab-icon-pill-cobranding.sui-selected:hover {
|
|
10959
11104
|
--tw-border-opacity: 1;
|
|
10960
|
-
border-color: rgb(var(--s-cobranding-high-contrast), calc(var(--s-cobranding-high-contrast-opacity, 1) * var(--tw-border-opacity)));
|
|
11105
|
+
border-color: rgb(var(--s-cobranding-high-contrast), calc(var(--s-cobranding-high-contrast-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
10961
11106
|
--tw-bg-opacity: 1;
|
|
10962
|
-
background-color: rgb(var(--s-cobranding-high-contrast), calc(var(--s-cobranding-high-contrast-opacity, 1) * var(--tw-bg-opacity)));
|
|
11107
|
+
background-color: rgb(var(--s-cobranding-high-contrast), calc(var(--s-cobranding-high-contrast-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
10963
11108
|
--tw-text-opacity: 1;
|
|
10964
|
-
color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
11109
|
+
color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
10965
11110
|
}
|
|
10966
11111
|
}
|
|
10967
11112
|
.sui-tab-label-pill-cobranding.sui-selected:active, .sui-tab-icon-pill-cobranding.sui-selected:active {
|
|
10968
11113
|
--tw-border-opacity: 1;
|
|
10969
|
-
border-color: rgb(var(--s-neutral-high-contrast-w0), calc(var(--s-neutral-high-contrast-w0-opacity, 1) * var(--tw-border-opacity)));
|
|
11114
|
+
border-color: rgb(var(--s-neutral-high-contrast-w0), calc(var(--s-neutral-high-contrast-w0-opacity, 1) * var(--tw-border-opacity, 1)));
|
|
10970
11115
|
--tw-bg-opacity: 1;
|
|
10971
|
-
background-color: rgb(var(--s-neutral-high-contrast-w0), calc(var(--s-neutral-high-contrast-w0-opacity, 1) * var(--tw-bg-opacity)));
|
|
11116
|
+
background-color: rgb(var(--s-neutral-high-contrast-w0), calc(var(--s-neutral-high-contrast-w0-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
10972
11117
|
--tw-text-opacity: 1;
|
|
10973
|
-
color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-text-opacity)));
|
|
11118
|
+
color: rgb(var(--s-neutral-high-contrast-b0), calc(var(--s-neutral-high-contrast-b0-opacity, 1) * var(--tw-text-opacity, 1)));
|
|
10974
11119
|
}
|
|
10975
11120
|
/* compact mode */
|
|
10976
11121
|
.sui-tab-root:where(.sui-compact) {
|
|
@@ -11035,7 +11180,7 @@ height: var(--sui-spacing-25);
|
|
|
11035
11180
|
bottom: var(--sui-spacing-0);
|
|
11036
11181
|
height: var(--sui-spacing-0\.5);
|
|
11037
11182
|
--tw-bg-opacity: 1;
|
|
11038
|
-
background-color: rgb(var(--s-cobranding-f), calc(var(--s-cobranding-f-opacity, 1) * var(--tw-bg-opacity)));
|
|
11183
|
+
background-color: rgb(var(--s-cobranding-f), calc(var(--s-cobranding-f-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
11039
11184
|
}
|
|
11040
11185
|
.sui-tabs-compact .sui-tab {
|
|
11041
11186
|
min-width: var(--sui-spacing-0);
|
|
@@ -11116,7 +11261,7 @@ height: var(--sui-spacing-25);
|
|
|
11116
11261
|
bottom: var(--sui-spacing-0);
|
|
11117
11262
|
height: var(--sui-spacing-0\.5);
|
|
11118
11263
|
--tw-bg-opacity: 1;
|
|
11119
|
-
background-color: rgb(var(--s-cobranding-f), calc(var(--s-cobranding-f-opacity, 1) * var(--tw-bg-opacity)));
|
|
11264
|
+
background-color: rgb(var(--s-cobranding-f), calc(var(--s-cobranding-f-opacity, 1) * var(--tw-bg-opacity, 1)));
|
|
11120
11265
|
}
|
|
11121
11266
|
/* more menu */
|
|
11122
11267
|
.sui-tab-more-menu-root {
|
|
@@ -11165,7 +11310,7 @@ height: var(--sui-spacing-25);
|
|
|
11165
11310
|
box-sizing: border-box;
|
|
11166
11311
|
width: 100%;
|
|
11167
11312
|
--tw-bg-opacity: 1;
|
|
11168
|
-
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity)))
|
|
11313
|
+
background-color: rgb(var(--s-neutral-base), calc(var(--s-neutral-base-opacity, 1) * var(--tw-bg-opacity, 1)))
|
|
11169
11314
|
}
|
|
11170
11315
|
.sui-page-header-left-root,
|
|
11171
11316
|
.sui-page-header-right-root {
|
|
@@ -11200,7 +11345,7 @@ height: var(--sui-spacing-25);
|
|
|
11200
11345
|
text-overflow: ellipsis;
|
|
11201
11346
|
white-space: nowrap;
|
|
11202
11347
|
--tw-text-opacity: 1;
|
|
11203
|
-
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity)))
|
|
11348
|
+
color: rgb(var(--s-neutral-b0), calc(var(--s-neutral-b0-opacity, 1) * var(--tw-text-opacity, 1)))
|
|
11204
11349
|
}
|
|
11205
11350
|
.sui-page-header-title-root:not(:only-child) {
|
|
11206
11351
|
margin-right: var(--sui-spacing-1)
|