@womp/kookie-ui 0.5.0 → 0.7.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/components.css +486 -1070
- package/dist/cjs/components/_internal/base-button.js +1 -1
- package/dist/cjs/components/_internal/base-button.js.map +4 -4
- package/dist/cjs/components/_internal/base-button.props.d.ts +2 -7
- package/dist/cjs/components/_internal/base-button.props.d.ts.map +1 -1
- package/dist/cjs/components/_internal/base-button.props.js +1 -1
- package/dist/cjs/components/_internal/base-button.props.js.map +4 -4
- package/dist/cjs/components/_internal/base-checkbox.props.d.ts +0 -5
- package/dist/cjs/components/_internal/base-checkbox.props.d.ts.map +1 -1
- package/dist/cjs/components/_internal/base-checkbox.props.js +1 -1
- package/dist/cjs/components/_internal/base-checkbox.props.js.map +4 -4
- package/dist/cjs/components/_internal/base-menu.props.d.ts +0 -10
- package/dist/cjs/components/_internal/base-menu.props.d.ts.map +1 -1
- package/dist/cjs/components/_internal/base-menu.props.js +1 -1
- package/dist/cjs/components/_internal/base-menu.props.js.map +4 -4
- package/dist/cjs/components/_internal/base-menu.utils.d.ts +48 -0
- package/dist/cjs/components/_internal/base-menu.utils.d.ts.map +1 -0
- package/dist/cjs/components/_internal/base-menu.utils.js +2 -0
- package/dist/cjs/components/_internal/base-menu.utils.js.map +7 -0
- package/dist/cjs/components/_internal/base-radio.props.d.ts +0 -5
- package/dist/cjs/components/_internal/base-radio.props.d.ts.map +1 -1
- package/dist/cjs/components/_internal/base-radio.props.js +1 -1
- package/dist/cjs/components/_internal/base-radio.props.js.map +4 -4
- package/dist/cjs/components/_internal/base-tab-list.props.d.ts +0 -5
- package/dist/cjs/components/_internal/base-tab-list.props.d.ts.map +1 -1
- package/dist/cjs/components/_internal/base-tab-list.props.js +1 -1
- package/dist/cjs/components/_internal/base-tab-list.props.js.map +4 -4
- package/dist/cjs/components/_internal/dropdown-menu-drill-down.d.ts +77 -59
- package/dist/cjs/components/_internal/dropdown-menu-drill-down.d.ts.map +1 -1
- package/dist/cjs/components/_internal/dropdown-menu-drill-down.js +1 -1
- package/dist/cjs/components/_internal/dropdown-menu-drill-down.js.map +4 -4
- package/dist/cjs/components/_internal/menu-context.d.ts +7 -3
- package/dist/cjs/components/_internal/menu-context.d.ts.map +1 -1
- package/dist/cjs/components/_internal/menu-context.js +1 -1
- package/dist/cjs/components/_internal/menu-context.js.map +4 -4
- package/dist/cjs/components/_internal/shell-bottom.js +1 -1
- package/dist/cjs/components/_internal/shell-bottom.js.map +4 -4
- package/dist/cjs/components/_internal/shell-inspector.js +1 -1
- package/dist/cjs/components/_internal/shell-inspector.js.map +4 -4
- package/dist/cjs/components/_internal/shell-sidebar.js +1 -1
- package/dist/cjs/components/_internal/shell-sidebar.js.map +4 -4
- package/dist/cjs/components/accordion.js +1 -1
- package/dist/cjs/components/accordion.js.map +4 -4
- package/dist/cjs/components/accordion.props.d.ts +0 -6
- package/dist/cjs/components/accordion.props.d.ts.map +1 -1
- package/dist/cjs/components/accordion.props.js +1 -1
- package/dist/cjs/components/accordion.props.js.map +4 -4
- package/dist/cjs/components/alert-dialog.js +1 -1
- package/dist/cjs/components/alert-dialog.js.map +4 -4
- package/dist/cjs/components/avatar.js +1 -1
- package/dist/cjs/components/avatar.js.map +4 -4
- package/dist/cjs/components/avatar.props.d.ts +0 -5
- package/dist/cjs/components/avatar.props.d.ts.map +1 -1
- package/dist/cjs/components/avatar.props.js +1 -1
- package/dist/cjs/components/avatar.props.js.map +4 -4
- package/dist/cjs/components/badge.js +1 -1
- package/dist/cjs/components/badge.js.map +4 -4
- package/dist/cjs/components/badge.props.d.ts +0 -5
- package/dist/cjs/components/badge.props.d.ts.map +1 -1
- package/dist/cjs/components/badge.props.js +1 -1
- package/dist/cjs/components/badge.props.js.map +4 -4
- package/dist/cjs/components/blockquote.js +1 -1
- package/dist/cjs/components/blockquote.js.map +4 -4
- package/dist/cjs/components/blockquote.props.d.ts +3 -2
- package/dist/cjs/components/blockquote.props.d.ts.map +1 -1
- package/dist/cjs/components/blockquote.props.js +1 -1
- package/dist/cjs/components/blockquote.props.js.map +4 -4
- package/dist/cjs/components/button.js +1 -1
- package/dist/cjs/components/button.js.map +4 -4
- package/dist/cjs/components/button.props.js +1 -1
- package/dist/cjs/components/button.props.js.map +4 -4
- package/dist/cjs/components/callout.js +1 -1
- package/dist/cjs/components/callout.js.map +4 -4
- package/dist/cjs/components/callout.props.d.ts +0 -5
- package/dist/cjs/components/callout.props.d.ts.map +1 -1
- package/dist/cjs/components/callout.props.js +1 -1
- package/dist/cjs/components/callout.props.js.map +4 -4
- package/dist/cjs/components/card.js +1 -1
- package/dist/cjs/components/card.js.map +2 -2
- package/dist/cjs/components/chatbar.d.ts +46 -44
- package/dist/cjs/components/chatbar.d.ts.map +1 -1
- package/dist/cjs/components/chatbar.js +2 -2
- package/dist/cjs/components/chatbar.js.map +4 -4
- package/dist/cjs/components/checkbox-cards.d.ts.map +1 -1
- package/dist/cjs/components/checkbox-cards.js +1 -1
- package/dist/cjs/components/checkbox-cards.js.map +4 -4
- package/dist/cjs/components/checkbox-cards.props.d.ts +0 -5
- package/dist/cjs/components/checkbox-cards.props.d.ts.map +1 -1
- package/dist/cjs/components/checkbox-cards.props.js +1 -1
- package/dist/cjs/components/checkbox-cards.props.js.map +4 -4
- package/dist/cjs/components/checkbox-group.d.ts.map +1 -1
- package/dist/cjs/components/checkbox-group.js +1 -1
- package/dist/cjs/components/checkbox-group.js.map +4 -4
- package/dist/cjs/components/checkbox-group.props.d.ts +0 -5
- package/dist/cjs/components/checkbox-group.props.d.ts.map +1 -1
- package/dist/cjs/components/checkbox-group.props.js +1 -1
- package/dist/cjs/components/checkbox-group.props.js.map +4 -4
- package/dist/cjs/components/checkbox.js +1 -1
- package/dist/cjs/components/checkbox.js.map +4 -4
- package/dist/cjs/components/checkbox.props.js +1 -1
- package/dist/cjs/components/checkbox.props.js.map +4 -4
- package/dist/cjs/components/code.js +1 -1
- package/dist/cjs/components/code.js.map +4 -4
- package/dist/cjs/components/code.props.d.ts +3 -2
- package/dist/cjs/components/code.props.d.ts.map +1 -1
- package/dist/cjs/components/code.props.js +1 -1
- package/dist/cjs/components/code.props.js.map +4 -4
- package/dist/cjs/components/combobox.d.ts +28 -15
- package/dist/cjs/components/combobox.d.ts.map +1 -1
- package/dist/cjs/components/combobox.js +1 -1
- package/dist/cjs/components/combobox.js.map +4 -4
- package/dist/cjs/components/combobox.props.d.ts +46 -8
- package/dist/cjs/components/combobox.props.d.ts.map +1 -1
- package/dist/cjs/components/combobox.props.js +1 -1
- package/dist/cjs/components/combobox.props.js.map +4 -4
- package/dist/cjs/components/context-menu.d.ts +18 -5
- package/dist/cjs/components/context-menu.d.ts.map +1 -1
- package/dist/cjs/components/context-menu.js +1 -1
- package/dist/cjs/components/context-menu.js.map +4 -4
- package/dist/cjs/components/context-menu.props.d.ts +1 -1
- package/dist/cjs/components/context-menu.props.d.ts.map +1 -1
- package/dist/cjs/components/context-menu.props.js +1 -1
- package/dist/cjs/components/context-menu.props.js.map +4 -4
- package/dist/cjs/components/data-list.js +1 -1
- package/dist/cjs/components/data-list.js.map +4 -4
- package/dist/cjs/components/data-list.props.d.ts +4 -3
- package/dist/cjs/components/data-list.props.d.ts.map +1 -1
- package/dist/cjs/components/data-list.props.js +1 -1
- package/dist/cjs/components/data-list.props.js.map +4 -4
- package/dist/cjs/components/dialog.js +1 -1
- package/dist/cjs/components/dialog.js.map +4 -4
- package/dist/cjs/components/dropdown-menu.d.ts +11 -18
- package/dist/cjs/components/dropdown-menu.d.ts.map +1 -1
- package/dist/cjs/components/dropdown-menu.js +1 -1
- package/dist/cjs/components/dropdown-menu.js.map +4 -4
- package/dist/cjs/components/dropdown-menu.props.js +1 -1
- package/dist/cjs/components/dropdown-menu.props.js.map +4 -4
- package/dist/cjs/components/heading.js +1 -1
- package/dist/cjs/components/heading.js.map +4 -4
- package/dist/cjs/components/heading.props.d.ts +3 -2
- package/dist/cjs/components/heading.props.d.ts.map +1 -1
- package/dist/cjs/components/heading.props.js +1 -1
- package/dist/cjs/components/heading.props.js.map +4 -4
- package/dist/cjs/components/hover-card.js +1 -1
- package/dist/cjs/components/hover-card.js.map +2 -2
- package/dist/cjs/components/icon-button.js +2 -2
- package/dist/cjs/components/icon-button.js.map +4 -4
- package/dist/cjs/components/icon-button.props.js +1 -1
- package/dist/cjs/components/icon-button.props.js.map +4 -4
- package/dist/cjs/components/index.js +5 -5
- package/dist/cjs/components/index.js.map +4 -4
- package/dist/cjs/components/link.js +1 -1
- package/dist/cjs/components/link.js.map +4 -4
- package/dist/cjs/components/link.props.d.ts +0 -5
- package/dist/cjs/components/link.props.d.ts.map +1 -1
- package/dist/cjs/components/link.props.js +1 -1
- package/dist/cjs/components/link.props.js.map +4 -4
- package/dist/cjs/components/popover.js +1 -1
- package/dist/cjs/components/popover.js.map +2 -2
- package/dist/cjs/components/progress.js +1 -1
- package/dist/cjs/components/progress.js.map +4 -4
- package/dist/cjs/components/progress.props.d.ts +0 -5
- package/dist/cjs/components/progress.props.d.ts.map +1 -1
- package/dist/cjs/components/progress.props.js +1 -1
- package/dist/cjs/components/progress.props.js.map +4 -4
- package/dist/cjs/components/radio-cards.js +1 -1
- package/dist/cjs/components/radio-cards.js.map +4 -4
- package/dist/cjs/components/radio-cards.props.d.ts +0 -5
- package/dist/cjs/components/radio-cards.props.d.ts.map +1 -1
- package/dist/cjs/components/radio-cards.props.js +1 -1
- package/dist/cjs/components/radio-cards.props.js.map +4 -4
- package/dist/cjs/components/radio-group.d.ts.map +1 -1
- package/dist/cjs/components/radio-group.js +1 -1
- package/dist/cjs/components/radio-group.js.map +4 -4
- package/dist/cjs/components/radio-group.props.d.ts +0 -5
- package/dist/cjs/components/radio-group.props.d.ts.map +1 -1
- package/dist/cjs/components/radio-group.props.js +1 -1
- package/dist/cjs/components/radio-group.props.js.map +4 -4
- package/dist/cjs/components/radio.js +1 -1
- package/dist/cjs/components/radio.js.map +4 -4
- package/dist/cjs/components/radio.props.js +1 -1
- package/dist/cjs/components/radio.props.js.map +4 -4
- package/dist/cjs/components/schemas/base-button.schema.d.ts +111 -257
- package/dist/cjs/components/schemas/base-button.schema.d.ts.map +1 -1
- package/dist/cjs/components/schemas/base-button.schema.js +1 -1
- package/dist/cjs/components/schemas/base-button.schema.js.map +2 -2
- package/dist/cjs/components/schemas/button.schema.d.ts +136 -558
- package/dist/cjs/components/schemas/button.schema.d.ts.map +1 -1
- package/dist/cjs/components/schemas/button.schema.js +1 -1
- package/dist/cjs/components/schemas/button.schema.js.map +2 -2
- package/dist/cjs/components/schemas/icon-button.schema.d.ts +123 -241
- package/dist/cjs/components/schemas/icon-button.schema.d.ts.map +1 -1
- package/dist/cjs/components/schemas/icon-button.schema.js +1 -1
- package/dist/cjs/components/schemas/icon-button.schema.js.map +2 -2
- package/dist/cjs/components/schemas/index.js +1 -1
- package/dist/cjs/components/schemas/index.js.map +2 -2
- package/dist/cjs/components/schemas/shell.schema.d.ts +592 -851
- package/dist/cjs/components/schemas/shell.schema.d.ts.map +1 -1
- package/dist/cjs/components/schemas/shell.schema.js +1 -1
- package/dist/cjs/components/schemas/shell.schema.js.map +2 -2
- package/dist/cjs/components/schemas/toggle-button.schema.d.ts +138 -1027
- package/dist/cjs/components/schemas/toggle-button.schema.d.ts.map +1 -1
- package/dist/cjs/components/schemas/toggle-button.schema.js +1 -1
- package/dist/cjs/components/schemas/toggle-button.schema.js.map +2 -2
- package/dist/cjs/components/schemas/toggle-icon-button.schema.d.ts +124 -466
- package/dist/cjs/components/schemas/toggle-icon-button.schema.d.ts.map +1 -1
- package/dist/cjs/components/schemas/toggle-icon-button.schema.js +1 -1
- package/dist/cjs/components/schemas/toggle-icon-button.schema.js.map +2 -2
- package/dist/cjs/components/scroll-area.js +1 -1
- package/dist/cjs/components/segmented-control.js +1 -1
- package/dist/cjs/components/select.js +1 -1
- package/dist/cjs/components/select.js.map +4 -4
- package/dist/cjs/components/select.props.d.ts +0 -5
- package/dist/cjs/components/select.props.d.ts.map +1 -1
- package/dist/cjs/components/select.props.js +1 -1
- package/dist/cjs/components/select.props.js.map +4 -4
- package/dist/cjs/components/separator.js.map +1 -1
- package/dist/cjs/components/separator.props.js.map +1 -1
- package/dist/cjs/components/sheet.js +1 -1
- package/dist/cjs/components/sheet.js.map +4 -4
- package/dist/cjs/components/shell.js +1 -1
- package/dist/cjs/components/shell.js.map +4 -4
- package/dist/cjs/components/sidebar.d.ts +0 -1
- package/dist/cjs/components/sidebar.d.ts.map +1 -1
- package/dist/cjs/components/sidebar.js +1 -1
- package/dist/cjs/components/sidebar.js.map +4 -4
- package/dist/cjs/components/sidebar.props.d.ts +0 -5
- package/dist/cjs/components/sidebar.props.d.ts.map +1 -1
- package/dist/cjs/components/sidebar.props.js +1 -1
- package/dist/cjs/components/sidebar.props.js.map +4 -4
- package/dist/cjs/components/slider.js +1 -1
- package/dist/cjs/components/slider.js.map +4 -4
- package/dist/cjs/components/slider.props.d.ts +0 -5
- package/dist/cjs/components/slider.props.d.ts.map +1 -1
- package/dist/cjs/components/slider.props.js +1 -1
- package/dist/cjs/components/slider.props.js.map +4 -4
- package/dist/cjs/components/slot.d.ts +6 -2
- package/dist/cjs/components/slot.d.ts.map +1 -1
- package/dist/cjs/components/switch.d.ts.map +1 -1
- package/dist/cjs/components/switch.js +1 -1
- package/dist/cjs/components/switch.js.map +4 -4
- package/dist/cjs/components/switch.props.d.ts +0 -5
- package/dist/cjs/components/switch.props.d.ts.map +1 -1
- package/dist/cjs/components/switch.props.js +1 -1
- package/dist/cjs/components/switch.props.js.map +4 -4
- package/dist/cjs/components/tab-nav.js +1 -1
- package/dist/cjs/components/tab-nav.js.map +4 -4
- package/dist/cjs/components/tab-nav.props.js +1 -1
- package/dist/cjs/components/tab-nav.props.js.map +4 -4
- package/dist/cjs/components/tabs.js +1 -1
- package/dist/cjs/components/tabs.js.map +4 -4
- package/dist/cjs/components/tabs.props.js +1 -1
- package/dist/cjs/components/tabs.props.js.map +4 -4
- package/dist/cjs/components/text-area.js.map +1 -1
- package/dist/cjs/components/text-area.props.js.map +1 -1
- package/dist/cjs/components/text-field.js +2 -2
- package/dist/cjs/components/text-field.js.map +1 -1
- package/dist/cjs/components/text-field.props.js.map +1 -1
- package/dist/cjs/components/text.js +1 -1
- package/dist/cjs/components/text.js.map +4 -4
- package/dist/cjs/components/text.props.d.ts +3 -2
- package/dist/cjs/components/text.props.d.ts.map +1 -1
- package/dist/cjs/components/text.props.js +1 -1
- package/dist/cjs/components/text.props.js.map +4 -4
- package/dist/cjs/components/theme-panel.js +3 -3
- package/dist/cjs/components/theme-panel.js.map +4 -4
- package/dist/cjs/components/theme.js +1 -1
- package/dist/cjs/components/theme.js.map +2 -2
- package/dist/cjs/components/theme.props.d.ts +1 -1
- package/dist/cjs/components/theme.props.js +1 -1
- package/dist/cjs/components/theme.props.js.map +2 -2
- package/dist/cjs/components/toggle-button.js +2 -2
- package/dist/cjs/components/toggle-button.js.map +4 -4
- package/dist/cjs/components/toggle-icon-button.js +3 -3
- package/dist/cjs/components/toggle-icon-button.js.map +4 -4
- package/dist/cjs/components/toolbar.js +1 -1
- package/dist/cjs/components/toolbar.js.map +4 -4
- package/dist/cjs/components/tooltip.js +1 -1
- package/dist/cjs/components/tooltip.js.map +4 -4
- package/dist/cjs/components/user-card.d.ts.map +1 -1
- package/dist/cjs/components/user-card.js +1 -1
- package/dist/cjs/components/user-card.js.map +4 -4
- package/dist/cjs/components/user-card.props.d.ts +0 -5
- package/dist/cjs/components/user-card.props.d.ts.map +1 -1
- package/dist/cjs/components/user-card.props.js +1 -1
- package/dist/cjs/components/user-card.props.js.map +4 -4
- package/dist/cjs/components/virtual-menu.d.ts.map +1 -1
- package/dist/cjs/components/virtual-menu.js +1 -1
- package/dist/cjs/components/virtual-menu.js.map +4 -4
- package/dist/cjs/helpers/extract-props.js +1 -1
- package/dist/cjs/helpers/extract-props.js.map +2 -2
- package/dist/cjs/helpers/get-margin-styles.js +1 -1
- package/dist/cjs/helpers/get-margin-styles.js.map +2 -2
- package/dist/cjs/hooks/use-breakpoint.d.ts +4 -1
- package/dist/cjs/hooks/use-breakpoint.d.ts.map +1 -1
- package/dist/cjs/hooks/use-breakpoint.js +1 -1
- package/dist/cjs/hooks/use-breakpoint.js.map +3 -3
- package/dist/cjs/index.js +5 -5
- package/dist/cjs/index.js.map +4 -4
- package/dist/cjs/props/color.prop.js.map +1 -1
- package/dist/cjs/props/emphasis.prop.d.ts +11 -0
- package/dist/cjs/props/emphasis.prop.d.ts.map +1 -0
- package/dist/cjs/props/emphasis.prop.js +2 -0
- package/dist/cjs/props/emphasis.prop.js.map +7 -0
- package/dist/cjs/props/index.d.ts +1 -1
- package/dist/cjs/props/index.d.ts.map +1 -1
- package/dist/cjs/props/index.js +1 -1
- package/dist/cjs/props/index.js.map +4 -4
- package/dist/esm/chunk-2264DHUW.js +2 -0
- package/dist/esm/{chunk-AU3D6F42.js.map → chunk-2264DHUW.js.map} +2 -2
- package/dist/esm/chunk-2CMM7MEL.js +2 -0
- package/dist/esm/chunk-2CMM7MEL.js.map +7 -0
- package/dist/esm/chunk-2I7QRVJ5.js +2 -0
- package/dist/esm/chunk-2I7QRVJ5.js.map +7 -0
- package/dist/esm/{chunk-2FYJTSOP.js → chunk-2SZZ75RJ.js} +2 -2
- package/dist/esm/chunk-3KSGRY6I.js +2 -0
- package/dist/esm/chunk-3KSGRY6I.js.map +7 -0
- package/dist/esm/chunk-4NTGF22C.js +2 -0
- package/dist/esm/chunk-4NTGF22C.js.map +7 -0
- package/dist/esm/chunk-4WVNMGI5.js +2 -0
- package/dist/esm/chunk-4WVNMGI5.js.map +7 -0
- package/dist/esm/chunk-4XKK32M4.js +2 -0
- package/dist/esm/chunk-4XKK32M4.js.map +7 -0
- package/dist/esm/chunk-5SNHUVDA.js +2 -0
- package/dist/esm/{chunk-H7ST535H.js → chunk-5WRCK4R7.js} +2 -2
- package/dist/esm/chunk-5XV4QEP5.js +2 -0
- package/dist/esm/chunk-5XV4QEP5.js.map +7 -0
- package/dist/esm/chunk-667BKCUG.js +2 -0
- package/dist/esm/chunk-667BKCUG.js.map +7 -0
- package/dist/esm/{chunk-MHPPVJDB.js → chunk-67MKPTZJ.js} +2 -2
- package/dist/esm/chunk-7EWFBWBS.js +2 -0
- package/dist/esm/chunk-7EWFBWBS.js.map +7 -0
- package/dist/esm/{chunk-CRWYCLTE.js → chunk-ABSKRHVM.js} +2 -2
- package/dist/esm/chunk-AF6XKU3W.js +2 -0
- package/dist/esm/chunk-AF6XKU3W.js.map +7 -0
- package/dist/esm/chunk-AGSSWWFI.js +2 -0
- package/dist/esm/chunk-AGSSWWFI.js.map +7 -0
- package/dist/esm/{chunk-PTLFMWCN.js → chunk-ALWNS44Q.js} +2 -2
- package/dist/esm/{chunk-3MWWP4MW.js → chunk-BBJUB52V.js} +2 -2
- package/dist/esm/{chunk-GYBLXQ4R.js → chunk-CDG5WH4U.js} +2 -2
- package/dist/esm/{chunk-CVWCKOHO.js → chunk-CEIK5U6C.js} +2 -2
- package/dist/esm/{chunk-374ZYJUP.js → chunk-CESYMTJQ.js} +2 -2
- package/dist/esm/chunk-CFNESRYI.js +2 -0
- package/dist/esm/chunk-CFNESRYI.js.map +7 -0
- package/dist/esm/{chunk-P7IAHW4V.js → chunk-CIYF56YS.js} +2 -2
- package/dist/esm/chunk-CJ27XP5Z.js +2 -0
- package/dist/esm/chunk-CJ27XP5Z.js.map +7 -0
- package/dist/esm/{chunk-LKAK5GXF.js → chunk-CKMMUHKE.js} +2 -2
- package/dist/esm/{chunk-SESAEJ6W.js → chunk-CLMOWP5T.js} +2 -2
- package/dist/esm/{chunk-DUHJVT64.js → chunk-CRSHBENJ.js} +2 -2
- package/dist/esm/{chunk-GJSGKE7B.js → chunk-CTA5ODAO.js} +2 -2
- package/dist/esm/{chunk-CWRNW44F.js → chunk-DSJY5RI3.js} +2 -2
- package/dist/esm/chunk-EBQZ3Z22.js +2 -0
- package/dist/esm/chunk-EBQZ3Z22.js.map +7 -0
- package/dist/esm/chunk-ECXGQQJB.js +2 -0
- package/dist/esm/chunk-ECXGQQJB.js.map +7 -0
- package/dist/esm/chunk-EDKQURDU.js +2 -0
- package/dist/esm/chunk-EDKQURDU.js.map +7 -0
- package/dist/esm/{chunk-M24UXMOQ.js → chunk-EE2IH2GL.js} +2 -2
- package/dist/esm/{chunk-NMKPFUNP.js → chunk-EPTYNVCU.js} +2 -2
- package/dist/esm/chunk-F6V7GBNQ.js +2 -0
- package/dist/esm/chunk-F6V7GBNQ.js.map +7 -0
- package/dist/esm/{chunk-XMRIRFM7.js → chunk-FG7XM7KJ.js} +2 -2
- package/dist/esm/chunk-FMBECDL4.js +2 -0
- package/dist/esm/{chunk-4XJY6FIK.js.map → chunk-FMBECDL4.js.map} +3 -3
- package/dist/esm/{chunk-6IGTK4JE.js → chunk-GAV3NHYL.js} +2 -2
- package/dist/esm/{chunk-TOOSHJOA.js → chunk-GO7OHBHW.js} +2 -2
- package/dist/esm/{chunk-MBCBP73P.js → chunk-HJU4I34X.js} +2 -2
- package/dist/esm/{chunk-VX6ARMWP.js → chunk-HSAG7C53.js} +2 -2
- package/dist/esm/{chunk-K6QZMNCD.js → chunk-IFM4EMZB.js} +2 -2
- package/dist/esm/chunk-JFWMAYEH.js +2 -0
- package/dist/esm/chunk-JFWMAYEH.js.map +7 -0
- package/dist/esm/{chunk-HF5WY5YE.js → chunk-JGLAE5G7.js} +2 -2
- package/dist/esm/{chunk-4YFJWXL2.js → chunk-JJKQ7CGI.js} +2 -2
- package/dist/esm/chunk-JSW6J6RS.js +2 -0
- package/dist/esm/chunk-JSW6J6RS.js.map +7 -0
- package/dist/esm/{chunk-P7HYVJSU.js → chunk-K3UAS7RW.js} +2 -2
- package/dist/esm/chunk-KCWESYMR.js +2 -0
- package/dist/esm/chunk-KCWESYMR.js.map +7 -0
- package/dist/esm/{chunk-25WZA7ZU.js → chunk-KFR3CK24.js} +2 -2
- package/dist/esm/chunk-KJUDZCYK.js +2 -0
- package/dist/esm/{chunk-SO67YEVQ.js.map → chunk-KJUDZCYK.js.map} +2 -2
- package/dist/esm/{chunk-WFMYNZXZ.js → chunk-KMPE7TJ6.js} +2 -2
- package/dist/esm/{chunk-WXP6MMUB.js → chunk-KOFEFBB3.js} +2 -2
- package/dist/esm/chunk-KRDP5SQ7.js +2 -0
- package/dist/esm/chunk-KRDP5SQ7.js.map +7 -0
- package/dist/esm/chunk-KZWNGWIM.js +2 -0
- package/dist/esm/chunk-KZWNGWIM.js.map +7 -0
- package/dist/esm/chunk-KZYFTDGO.js +2 -0
- package/dist/esm/chunk-KZYFTDGO.js.map +7 -0
- package/dist/esm/chunk-L3BWTV7I.js +2 -0
- package/dist/esm/chunk-L3BWTV7I.js.map +7 -0
- package/dist/esm/{chunk-W7N7V5YD.js → chunk-M6DJRFJZ.js} +2 -2
- package/dist/esm/{chunk-7QDTSBJF.js → chunk-MCPRXVKZ.js} +2 -2
- package/dist/esm/{chunk-DNHUQLXO.js → chunk-MEO7MJMQ.js} +2 -2
- package/dist/esm/{chunk-YVBCDTTD.js → chunk-MN3XALXD.js} +2 -2
- package/dist/esm/{chunk-F7IYL2VW.js → chunk-MS5J4MF6.js} +2 -2
- package/dist/esm/{chunk-OSRJRBKP.js → chunk-MTOLKA6S.js} +2 -2
- package/dist/esm/{chunk-MBE2YSBU.js → chunk-N4GTDLRD.js} +2 -2
- package/dist/esm/chunk-NIIEIZKQ.js +2 -0
- package/dist/esm/chunk-NIIEIZKQ.js.map +7 -0
- package/dist/esm/{chunk-FHOCUZDR.js → chunk-NIQT45PJ.js} +2 -2
- package/dist/esm/chunk-NVDXXGVW.js +2 -0
- package/dist/esm/chunk-NVDXXGVW.js.map +7 -0
- package/dist/esm/{chunk-IKSN4RNB.js → chunk-O2U6RJTB.js} +3 -3
- package/dist/esm/{chunk-IKSN4RNB.js.map → chunk-O2U6RJTB.js.map} +2 -2
- package/dist/esm/{chunk-TOLLPRMM.js → chunk-OFUNVHZ5.js} +2 -2
- package/dist/esm/chunk-OGVKSYLL.js +2 -0
- package/dist/esm/chunk-OGVKSYLL.js.map +7 -0
- package/dist/esm/chunk-OJU5GCDZ.js +2 -0
- package/dist/esm/chunk-OJU5GCDZ.js.map +7 -0
- package/dist/esm/{chunk-RMKXWYOV.js → chunk-OLAWVEAI.js} +2 -2
- package/dist/esm/chunk-OS3FCYZY.js +2 -0
- package/dist/esm/{chunk-UWT6TE5D.js → chunk-OTXCKEWT.js} +2 -2
- package/dist/esm/chunk-OWMA6GTG.js +2 -0
- package/dist/esm/chunk-OWMA6GTG.js.map +7 -0
- package/dist/esm/chunk-PZ7OYATT.js +2 -0
- package/dist/esm/chunk-PZ7OYATT.js.map +7 -0
- package/dist/esm/chunk-QFPHEY77.js +2 -0
- package/dist/esm/chunk-QFPHEY77.js.map +7 -0
- package/dist/esm/chunk-QQ62LO3X.js +2 -0
- package/dist/esm/chunk-QQ62LO3X.js.map +7 -0
- package/dist/esm/{chunk-MK2R6DAU.js → chunk-QWVU2TW4.js} +2 -2
- package/dist/esm/{chunk-MK2R6DAU.js.map → chunk-QWVU2TW4.js.map} +3 -3
- package/dist/esm/chunk-RDAMYQFF.js +2 -0
- package/dist/esm/chunk-RDAMYQFF.js.map +7 -0
- package/dist/esm/{chunk-D6B7IMZU.js → chunk-RNTCHVFI.js} +2 -2
- package/dist/esm/{chunk-YUP6EICB.js → chunk-SEY4NA45.js} +2 -2
- package/dist/esm/{chunk-YV2KYHGR.js → chunk-UBOOUDS4.js} +2 -2
- package/dist/esm/chunk-V27ZAN3E.js +2 -0
- package/dist/esm/chunk-V27ZAN3E.js.map +7 -0
- package/dist/esm/chunk-VBI3AWPT.js +2 -0
- package/dist/esm/chunk-VBI3AWPT.js.map +7 -0
- package/dist/esm/{chunk-S56YSRHP.js → chunk-VHECAEUP.js} +2 -2
- package/dist/esm/chunk-VLTXI4A7.js +2 -0
- package/dist/esm/chunk-VLTXI4A7.js.map +7 -0
- package/dist/esm/{chunk-4AQTUBVP.js → chunk-VNH7BJOA.js} +2 -2
- package/dist/esm/{chunk-IEWCQU2S.js → chunk-VR7ZAFYN.js} +2 -2
- package/dist/esm/chunk-VZSQATP6.js +2 -0
- package/dist/esm/{chunk-666GX7O5.js.map → chunk-VZSQATP6.js.map} +2 -2
- package/dist/esm/{chunk-PLWXTEVE.js → chunk-W2FOBR5Q.js} +2 -2
- package/dist/esm/chunk-WGYUWEQV.js +2 -0
- package/dist/esm/chunk-WGYUWEQV.js.map +7 -0
- package/dist/esm/{chunk-FXUUI6Z2.js → chunk-WHFJ4JUN.js} +2 -2
- package/dist/esm/chunk-WMGIFPI2.js +2 -0
- package/dist/esm/chunk-WMGIFPI2.js.map +7 -0
- package/dist/esm/chunk-WXQIIKWV.js +2 -0
- package/dist/esm/chunk-WXQIIKWV.js.map +7 -0
- package/dist/esm/{chunk-2UPAYDKR.js → chunk-X7V3V3W4.js} +2 -2
- package/dist/esm/{chunk-6XGZPIUT.js → chunk-XYVLQDGR.js} +2 -2
- package/dist/esm/{chunk-6XGZPIUT.js.map → chunk-XYVLQDGR.js.map} +2 -2
- package/dist/esm/{chunk-S2HA3W3V.js → chunk-Y5RCH23Z.js} +2 -2
- package/dist/esm/{chunk-OWAUCLRT.js → chunk-YBSRX63K.js} +2 -2
- package/dist/esm/{chunk-66ZLZAAJ.js → chunk-ZNK6AH2G.js} +1 -1
- package/dist/esm/{chunk-66ZLZAAJ.js.map → chunk-ZNK6AH2G.js.map} +1 -1
- package/dist/esm/{chunk-KPBG7CIL.js → chunk-ZO7TTWJI.js} +2 -2
- package/dist/esm/chunk-ZWZGUBL4.js +2 -0
- package/dist/esm/chunk-ZWZGUBL4.js.map +7 -0
- package/dist/esm/components/_internal/base-button.js +1 -1
- package/dist/esm/components/_internal/base-button.props.d.ts +2 -7
- package/dist/esm/components/_internal/base-button.props.d.ts.map +1 -1
- package/dist/esm/components/_internal/base-button.props.js +1 -1
- package/dist/esm/components/_internal/base-checkbox.props.d.ts +0 -5
- package/dist/esm/components/_internal/base-checkbox.props.d.ts.map +1 -1
- package/dist/esm/components/_internal/base-checkbox.props.js +1 -1
- package/dist/esm/components/_internal/base-menu.props.d.ts +0 -10
- package/dist/esm/components/_internal/base-menu.props.d.ts.map +1 -1
- package/dist/esm/components/_internal/base-menu.props.js +1 -1
- package/dist/esm/components/_internal/base-menu.utils.d.ts +48 -0
- package/dist/esm/components/_internal/base-menu.utils.d.ts.map +1 -0
- package/dist/esm/components/_internal/base-menu.utils.js +2 -0
- package/dist/esm/components/_internal/base-radio.props.d.ts +0 -5
- package/dist/esm/components/_internal/base-radio.props.d.ts.map +1 -1
- package/dist/esm/components/_internal/base-radio.props.js +1 -1
- package/dist/esm/components/_internal/base-tab-list.props.d.ts +0 -5
- package/dist/esm/components/_internal/base-tab-list.props.d.ts.map +1 -1
- package/dist/esm/components/_internal/base-tab-list.props.js +1 -1
- package/dist/esm/components/_internal/dropdown-menu-drill-down.d.ts +77 -59
- package/dist/esm/components/_internal/dropdown-menu-drill-down.d.ts.map +1 -1
- package/dist/esm/components/_internal/dropdown-menu-drill-down.js +1 -1
- package/dist/esm/components/_internal/menu-context.d.ts +7 -3
- package/dist/esm/components/_internal/menu-context.d.ts.map +1 -1
- package/dist/esm/components/_internal/menu-context.js +1 -1
- package/dist/esm/components/_internal/shell-bottom.js +1 -1
- package/dist/esm/components/_internal/shell-handles.js +1 -1
- package/dist/esm/components/_internal/shell-inspector.js +1 -1
- package/dist/esm/components/_internal/shell-prop-helpers.js +1 -1
- package/dist/esm/components/_internal/shell-resize.js +1 -1
- package/dist/esm/components/_internal/shell-sidebar.js +1 -1
- package/dist/esm/components/accessible-icon.js +1 -1
- package/dist/esm/components/accordion.js +1 -1
- package/dist/esm/components/accordion.props.d.ts +0 -6
- package/dist/esm/components/accordion.props.d.ts.map +1 -1
- package/dist/esm/components/accordion.props.js +1 -1
- package/dist/esm/components/alert-dialog.js +1 -1
- package/dist/esm/components/alert-dialog.props.js +1 -1
- package/dist/esm/components/aspect-ratio.js +1 -1
- package/dist/esm/components/avatar.js +1 -1
- package/dist/esm/components/avatar.props.d.ts +0 -5
- package/dist/esm/components/avatar.props.d.ts.map +1 -1
- package/dist/esm/components/avatar.props.js +1 -1
- package/dist/esm/components/badge.js +1 -1
- package/dist/esm/components/badge.props.d.ts +0 -5
- package/dist/esm/components/badge.props.d.ts.map +1 -1
- package/dist/esm/components/badge.props.js +1 -1
- package/dist/esm/components/blockquote.js +1 -1
- package/dist/esm/components/blockquote.props.d.ts +3 -2
- package/dist/esm/components/blockquote.props.d.ts.map +1 -1
- package/dist/esm/components/blockquote.props.js +1 -1
- package/dist/esm/components/box.js +1 -1
- package/dist/esm/components/box.props.js +1 -1
- package/dist/esm/components/button.js +1 -1
- package/dist/esm/components/button.props.js +1 -1
- package/dist/esm/components/callout.js +1 -1
- package/dist/esm/components/callout.props.d.ts +0 -5
- package/dist/esm/components/callout.props.d.ts.map +1 -1
- package/dist/esm/components/callout.props.js +1 -1
- package/dist/esm/components/card.js +1 -1
- package/dist/esm/components/card.props.js +1 -1
- package/dist/esm/components/chatbar.d.ts +46 -44
- package/dist/esm/components/chatbar.d.ts.map +1 -1
- package/dist/esm/components/chatbar.js +1 -1
- package/dist/esm/components/checkbox-cards.d.ts.map +1 -1
- package/dist/esm/components/checkbox-cards.js +1 -1
- package/dist/esm/components/checkbox-cards.props.d.ts +0 -5
- package/dist/esm/components/checkbox-cards.props.d.ts.map +1 -1
- package/dist/esm/components/checkbox-cards.props.js +1 -1
- package/dist/esm/components/checkbox-group.d.ts.map +1 -1
- package/dist/esm/components/checkbox-group.js +1 -1
- package/dist/esm/components/checkbox-group.primitive.js +1 -1
- package/dist/esm/components/checkbox-group.props.d.ts +0 -5
- package/dist/esm/components/checkbox-group.props.d.ts.map +1 -1
- package/dist/esm/components/checkbox-group.props.js +1 -1
- package/dist/esm/components/checkbox.js +1 -1
- package/dist/esm/components/checkbox.props.js +1 -1
- package/dist/esm/components/code.js +1 -1
- package/dist/esm/components/code.props.d.ts +3 -2
- package/dist/esm/components/code.props.d.ts.map +1 -1
- package/dist/esm/components/code.props.js +1 -1
- package/dist/esm/components/combobox.d.ts +28 -15
- package/dist/esm/components/combobox.d.ts.map +1 -1
- package/dist/esm/components/combobox.js +1 -1
- package/dist/esm/components/combobox.props.d.ts +46 -8
- package/dist/esm/components/combobox.props.d.ts.map +1 -1
- package/dist/esm/components/combobox.props.js +1 -1
- package/dist/esm/components/container.js +1 -1
- package/dist/esm/components/container.props.js +1 -1
- package/dist/esm/components/context-menu.d.ts +18 -5
- package/dist/esm/components/context-menu.d.ts.map +1 -1
- package/dist/esm/components/context-menu.js +1 -1
- package/dist/esm/components/context-menu.props.d.ts +1 -1
- package/dist/esm/components/context-menu.props.d.ts.map +1 -1
- package/dist/esm/components/context-menu.props.js +1 -1
- package/dist/esm/components/data-list.js +1 -1
- package/dist/esm/components/data-list.props.d.ts +4 -3
- package/dist/esm/components/data-list.props.d.ts.map +1 -1
- package/dist/esm/components/data-list.props.js +1 -1
- package/dist/esm/components/dialog.js +1 -1
- package/dist/esm/components/dialog.props.js +1 -1
- package/dist/esm/components/dropdown-menu.d.ts +11 -18
- package/dist/esm/components/dropdown-menu.d.ts.map +1 -1
- package/dist/esm/components/dropdown-menu.js +1 -1
- package/dist/esm/components/dropdown-menu.props.js +1 -1
- package/dist/esm/components/em.js +1 -1
- package/dist/esm/components/em.props.js +1 -1
- package/dist/esm/components/flex.js +1 -1
- package/dist/esm/components/flex.props.js +1 -1
- package/dist/esm/components/grid.js +1 -1
- package/dist/esm/components/grid.props.js +1 -1
- package/dist/esm/components/heading.js +1 -1
- package/dist/esm/components/heading.props.d.ts +3 -2
- package/dist/esm/components/heading.props.d.ts.map +1 -1
- package/dist/esm/components/heading.props.js +1 -1
- package/dist/esm/components/hover-card.js +1 -1
- package/dist/esm/components/hover-card.props.js +1 -1
- package/dist/esm/components/icon-button.js +1 -1
- package/dist/esm/components/icon-button.props.js +1 -1
- package/dist/esm/components/icons.js +1 -1
- package/dist/esm/components/image.js +1 -1
- package/dist/esm/components/image.props.js +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/inset.js +1 -1
- package/dist/esm/components/inset.props.js +1 -1
- package/dist/esm/components/kbd.js +1 -1
- package/dist/esm/components/kbd.props.js +1 -1
- package/dist/esm/components/link.js +1 -1
- package/dist/esm/components/link.props.d.ts +0 -5
- package/dist/esm/components/link.props.d.ts.map +1 -1
- package/dist/esm/components/link.props.js +1 -1
- package/dist/esm/components/navbar.js +1 -1
- package/dist/esm/components/navbar.props.js +1 -1
- package/dist/esm/components/popover.js +1 -1
- package/dist/esm/components/popover.props.js +1 -1
- package/dist/esm/components/portal.js +1 -1
- package/dist/esm/components/progress.js +1 -1
- package/dist/esm/components/progress.props.d.ts +0 -5
- package/dist/esm/components/progress.props.d.ts.map +1 -1
- package/dist/esm/components/progress.props.js +1 -1
- package/dist/esm/components/quote.js +1 -1
- package/dist/esm/components/quote.props.js +1 -1
- package/dist/esm/components/radio-cards.js +1 -1
- package/dist/esm/components/radio-cards.props.d.ts +0 -5
- package/dist/esm/components/radio-cards.props.d.ts.map +1 -1
- package/dist/esm/components/radio-cards.props.js +1 -1
- package/dist/esm/components/radio-group.d.ts.map +1 -1
- package/dist/esm/components/radio-group.js +1 -1
- package/dist/esm/components/radio-group.props.d.ts +0 -5
- package/dist/esm/components/radio-group.props.d.ts.map +1 -1
- package/dist/esm/components/radio-group.props.js +1 -1
- package/dist/esm/components/radio.js +1 -1
- package/dist/esm/components/radio.props.js +1 -1
- package/dist/esm/components/reset.js +1 -1
- package/dist/esm/components/schemas/base-button.schema.d.ts +111 -257
- package/dist/esm/components/schemas/base-button.schema.d.ts.map +1 -1
- package/dist/esm/components/schemas/base-button.schema.js +1 -1
- package/dist/esm/components/schemas/button.schema.d.ts +136 -558
- package/dist/esm/components/schemas/button.schema.d.ts.map +1 -1
- package/dist/esm/components/schemas/button.schema.js +1 -1
- package/dist/esm/components/schemas/icon-button.schema.d.ts +123 -241
- package/dist/esm/components/schemas/icon-button.schema.d.ts.map +1 -1
- package/dist/esm/components/schemas/icon-button.schema.js +1 -1
- package/dist/esm/components/schemas/index.js +1 -1
- package/dist/esm/components/schemas/shell.schema.d.ts +592 -851
- package/dist/esm/components/schemas/shell.schema.d.ts.map +1 -1
- package/dist/esm/components/schemas/shell.schema.js +1 -1
- package/dist/esm/components/schemas/toggle-button.schema.d.ts +138 -1027
- package/dist/esm/components/schemas/toggle-button.schema.d.ts.map +1 -1
- package/dist/esm/components/schemas/toggle-button.schema.js +1 -1
- package/dist/esm/components/schemas/toggle-icon-button.schema.d.ts +124 -466
- package/dist/esm/components/schemas/toggle-icon-button.schema.d.ts.map +1 -1
- package/dist/esm/components/schemas/toggle-icon-button.schema.js +1 -1
- package/dist/esm/components/scroll-area.js +1 -1
- package/dist/esm/components/scroll-area.props.js +1 -1
- package/dist/esm/components/section.js +1 -1
- package/dist/esm/components/section.props.js +1 -1
- package/dist/esm/components/segmented-control.js +1 -1
- package/dist/esm/components/segmented-control.props.js +1 -1
- package/dist/esm/components/select.js +1 -1
- package/dist/esm/components/select.props.d.ts +0 -5
- package/dist/esm/components/select.props.d.ts.map +1 -1
- package/dist/esm/components/select.props.js +1 -1
- package/dist/esm/components/separator.js +1 -1
- package/dist/esm/components/separator.props.js +1 -1
- package/dist/esm/components/sheet.js +1 -1
- package/dist/esm/components/shell.context.js +1 -1
- package/dist/esm/components/shell.hooks.js +1 -1
- package/dist/esm/components/shell.js +1 -1
- package/dist/esm/components/shell.types.js +1 -1
- package/dist/esm/components/sidebar.d.ts +0 -1
- package/dist/esm/components/sidebar.d.ts.map +1 -1
- package/dist/esm/components/sidebar.js +1 -1
- package/dist/esm/components/sidebar.props.d.ts +0 -5
- package/dist/esm/components/sidebar.props.d.ts.map +1 -1
- package/dist/esm/components/sidebar.props.js +1 -1
- package/dist/esm/components/skeleton.js +1 -1
- package/dist/esm/components/skeleton.props.js +1 -1
- package/dist/esm/components/slider.js +1 -1
- package/dist/esm/components/slider.props.d.ts +0 -5
- package/dist/esm/components/slider.props.d.ts.map +1 -1
- package/dist/esm/components/slider.props.js +1 -1
- package/dist/esm/components/slot.d.ts +6 -2
- package/dist/esm/components/slot.d.ts.map +1 -1
- package/dist/esm/components/slot.js +1 -1
- package/dist/esm/components/spinner.js +1 -1
- package/dist/esm/components/spinner.props.js +1 -1
- package/dist/esm/components/strong.js +1 -1
- package/dist/esm/components/strong.props.js +1 -1
- package/dist/esm/components/switch.d.ts.map +1 -1
- package/dist/esm/components/switch.js +1 -1
- package/dist/esm/components/switch.props.d.ts +0 -5
- package/dist/esm/components/switch.props.d.ts.map +1 -1
- package/dist/esm/components/switch.props.js +1 -1
- package/dist/esm/components/tab-nav.js +1 -1
- package/dist/esm/components/tab-nav.props.js +1 -1
- package/dist/esm/components/table.js +1 -1
- package/dist/esm/components/table.props.js +1 -1
- package/dist/esm/components/tabs.js +1 -1
- package/dist/esm/components/tabs.props.js +1 -1
- package/dist/esm/components/text-area.js +1 -1
- package/dist/esm/components/text-area.props.js +1 -1
- package/dist/esm/components/text-field.js +1 -1
- package/dist/esm/components/text-field.props.js +1 -1
- package/dist/esm/components/text.js +1 -1
- package/dist/esm/components/text.props.d.ts +3 -2
- package/dist/esm/components/text.props.d.ts.map +1 -1
- package/dist/esm/components/text.props.js +1 -1
- package/dist/esm/components/theme-panel.js +1 -1
- package/dist/esm/components/theme.js +1 -1
- package/dist/esm/components/theme.props.d.ts +1 -1
- package/dist/esm/components/theme.props.js +1 -1
- package/dist/esm/components/toggle-button.js +1 -1
- package/dist/esm/components/toggle-icon-button.js +1 -1
- package/dist/esm/components/toolbar.js +1 -1
- package/dist/esm/components/tooltip.js +1 -1
- package/dist/esm/components/tooltip.props.js +1 -1
- package/dist/esm/components/user-card.d.ts.map +1 -1
- package/dist/esm/components/user-card.js +1 -1
- package/dist/esm/components/user-card.props.d.ts +0 -5
- package/dist/esm/components/user-card.props.d.ts.map +1 -1
- package/dist/esm/components/user-card.props.js +1 -1
- package/dist/esm/components/virtual-menu.d.ts.map +1 -1
- package/dist/esm/components/virtual-menu.js +1 -1
- package/dist/esm/components/visually-hidden.js +1 -1
- package/dist/esm/helpers/compile-prop-defs.js +1 -1
- package/dist/esm/helpers/extract-margin-props.js +1 -1
- package/dist/esm/helpers/extract-props.js +1 -1
- package/dist/esm/helpers/font-config.js +1 -1
- package/dist/esm/helpers/get-margin-styles.js +1 -1
- package/dist/esm/helpers/get-matching-gray-color.js +1 -1
- package/dist/esm/helpers/get-responsive-styles.js +1 -1
- package/dist/esm/helpers/get-subtree.js +1 -1
- package/dist/esm/helpers/has-own-property.js +1 -1
- package/dist/esm/helpers/index.js +1 -1
- package/dist/esm/helpers/inert.js +1 -1
- package/dist/esm/helpers/is-responsive-object.js +1 -1
- package/dist/esm/helpers/map-prop-values.js +1 -1
- package/dist/esm/helpers/merge-styles.js +1 -1
- package/dist/esm/helpers/normalize-to-px.js +1 -1
- package/dist/esm/helpers/require-react-element.js +1 -1
- package/dist/esm/helpers/use-deprecation-warning.js +1 -1
- package/dist/esm/hooks/index.js +1 -1
- package/dist/esm/hooks/use-body-pointer-events-cleanup.js +1 -1
- package/dist/esm/hooks/use-breakpoint.d.ts +4 -1
- package/dist/esm/hooks/use-breakpoint.d.ts.map +1 -1
- package/dist/esm/hooks/use-breakpoint.js +1 -1
- package/dist/esm/hooks/use-live-announcer.js +1 -1
- package/dist/esm/hooks/use-prop-synced-state.js +1 -1
- package/dist/esm/hooks/use-toggle-state.js +1 -1
- package/dist/esm/hooks/use-tooltip-wrapper.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/props/as-child.prop.js +1 -1
- package/dist/esm/props/color.prop.js +1 -1
- package/dist/esm/props/emphasis.prop.d.ts +11 -0
- package/dist/esm/props/emphasis.prop.d.ts.map +1 -0
- package/dist/esm/props/emphasis.prop.js +2 -0
- package/dist/esm/props/emphasis.prop.js.map +7 -0
- package/dist/esm/props/font-family.prop.js +1 -1
- package/dist/esm/props/gap.props.js +1 -1
- package/dist/esm/props/height.props.js +1 -1
- package/dist/esm/props/index.d.ts +1 -1
- package/dist/esm/props/index.d.ts.map +1 -1
- package/dist/esm/props/index.js +1 -1
- package/dist/esm/props/layout.props.js +1 -1
- package/dist/esm/props/leading-trim.prop.js +1 -1
- package/dist/esm/props/margin.props.js +1 -1
- package/dist/esm/props/padding.props.js +1 -1
- package/dist/esm/props/prop-def.js +1 -1
- package/dist/esm/props/radius.prop.js +1 -1
- package/dist/esm/props/shadow.props.js +1 -1
- package/dist/esm/props/text-align.prop.js +1 -1
- package/dist/esm/props/text-wrap.prop.js +1 -1
- package/dist/esm/props/truncate.prop.js +1 -1
- package/dist/esm/props/weight.prop.js +1 -1
- package/dist/esm/props/width.props.js +1 -1
- package/fonts.css +2 -0
- package/package.json +36 -36
- package/schemas/base-button.json +64 -63
- package/schemas/button.json +78 -77
- package/schemas/icon-button.json +76 -75
- package/schemas/index.json +380 -375
- package/schemas/toggle-button.json +82 -81
- package/schemas/toggle-icon-button.json +80 -79
- package/src/components/_internal/base-button.css +14 -69
- package/src/components/_internal/base-button.props.ts +2 -4
- package/src/components/_internal/base-checkbox.css +9 -63
- package/src/components/_internal/base-checkbox.props.ts +0 -2
- package/src/components/_internal/base-menu.css +56 -183
- package/src/components/_internal/base-menu.props.ts +0 -2
- package/src/components/_internal/base-menu.utils.tsx +144 -0
- package/src/components/_internal/base-radio.css +9 -46
- package/src/components/_internal/base-radio.props.ts +0 -2
- package/src/components/_internal/base-sidebar-menu.css +3 -3
- package/src/components/_internal/base-tab-list.css +1 -7
- package/src/components/_internal/base-tab-list.props.ts +0 -2
- package/src/components/_internal/dropdown-menu-drill-down.tsx +281 -183
- package/src/components/_internal/menu-context.tsx +24 -15
- package/src/components/accordion.css +4 -62
- package/src/components/accordion.props.tsx +0 -3
- package/src/components/avatar.css +10 -61
- package/src/components/avatar.props.tsx +0 -2
- package/src/components/badge.css +7 -32
- package/src/components/badge.props.tsx +0 -2
- package/src/components/blockquote.props.tsx +2 -2
- package/src/components/callout.css +5 -25
- package/src/components/callout.props.tsx +0 -2
- package/src/components/chatbar.css +94 -26
- package/src/components/chatbar.tsx +742 -735
- package/src/components/checkbox-cards.props.tsx +0 -2
- package/src/components/checkbox-cards.tsx +1 -4
- package/src/components/checkbox-group.tsx +0 -2
- package/src/components/code.css +36 -36
- package/src/components/code.props.tsx +2 -2
- package/src/components/combobox.css +61 -120
- package/src/components/combobox.props.tsx +15 -5
- package/src/components/combobox.tsx +439 -215
- package/src/components/context-menu.props.tsx +4 -1
- package/src/components/context-menu.tsx +106 -63
- package/src/components/data-list.css +14 -9
- package/src/components/data-list.props.tsx +5 -2
- package/src/components/dropdown-menu.css +41 -121
- package/src/components/dropdown-menu.tsx +427 -276
- package/src/components/heading.css +16 -5
- package/src/components/heading.props.tsx +2 -2
- package/src/components/link.css +3 -4
- package/src/components/link.props.tsx +0 -2
- package/src/components/progress.css +3 -10
- package/src/components/progress.props.tsx +0 -2
- package/src/components/radio-cards.css +1 -4
- package/src/components/radio-cards.props.tsx +0 -2
- package/src/components/radio-group.props.tsx +0 -2
- package/src/components/radio-group.tsx +0 -2
- package/src/components/schemas/base-button.schema.ts +0 -10
- package/src/components/schemas/shell.schema.ts +11 -18
- package/src/components/scroll-area.css +2 -3
- package/src/components/select.css +13 -96
- package/src/components/select.props.tsx +0 -2
- package/src/components/sheet.tsx +2 -2
- package/src/components/sidebar.css +21 -115
- package/src/components/sidebar.props.tsx +0 -2
- package/src/components/sidebar.tsx +2 -5
- package/src/components/slider.css +4 -37
- package/src/components/slider.props.tsx +0 -2
- package/src/components/slider.tsx +1 -1
- package/src/components/switch.css +4 -23
- package/src/components/switch.props.tsx +0 -2
- package/src/components/switch.tsx +1 -3
- package/src/components/text.css +16 -5
- package/src/components/text.props.tsx +2 -2
- package/src/components/theme-panel.tsx +1 -1
- package/src/components/theme.props.tsx +1 -1
- package/src/components/user-card.props.tsx +0 -2
- package/src/components/user-card.tsx +1 -2
- package/src/components/virtual-menu.tsx +12 -8
- package/src/hooks/use-breakpoint.ts +19 -3
- package/src/props/color.prop.ts +1 -1
- package/src/props/emphasis.prop.ts +19 -0
- package/src/props/index.ts +1 -1
- package/src/styles/fonts.css +6 -1
- package/src/styles/tokens/color.css +109 -0
- package/src/styles/tokens/constants.css +0 -1
- package/src/styles/tokens/font-family.css +13 -5
- package/styles.css +694 -1225
- package/tokens/base.css +205 -151
- package/tokens.css +205 -152
- package/dist/cjs/props/high-contrast.prop.d.ts +0 -9
- package/dist/cjs/props/high-contrast.prop.d.ts.map +0 -1
- package/dist/cjs/props/high-contrast.prop.js +0 -2
- package/dist/cjs/props/high-contrast.prop.js.map +0 -7
- package/dist/esm/chunk-3DC63EZP.js +0 -2
- package/dist/esm/chunk-3DC63EZP.js.map +0 -7
- package/dist/esm/chunk-3XT5P2HO.js +0 -2
- package/dist/esm/chunk-4TCXI3L3.js +0 -2
- package/dist/esm/chunk-4TCXI3L3.js.map +0 -7
- package/dist/esm/chunk-4XJY6FIK.js +0 -2
- package/dist/esm/chunk-4Z33XHOK.js +0 -2
- package/dist/esm/chunk-4Z33XHOK.js.map +0 -7
- package/dist/esm/chunk-666GX7O5.js +0 -2
- package/dist/esm/chunk-6HEAF5IT.js +0 -2
- package/dist/esm/chunk-6HEAF5IT.js.map +0 -7
- package/dist/esm/chunk-A2RZGGMY.js +0 -2
- package/dist/esm/chunk-A2RZGGMY.js.map +0 -7
- package/dist/esm/chunk-A3NH376A.js +0 -2
- package/dist/esm/chunk-A3NH376A.js.map +0 -7
- package/dist/esm/chunk-AU3D6F42.js +0 -2
- package/dist/esm/chunk-B24BDVG2.js +0 -2
- package/dist/esm/chunk-B24BDVG2.js.map +0 -7
- package/dist/esm/chunk-BI7W34WW.js +0 -2
- package/dist/esm/chunk-BI7W34WW.js.map +0 -7
- package/dist/esm/chunk-CBR3VIRS.js +0 -2
- package/dist/esm/chunk-CBR3VIRS.js.map +0 -7
- package/dist/esm/chunk-D2AZAGGP.js +0 -2
- package/dist/esm/chunk-D2AZAGGP.js.map +0 -7
- package/dist/esm/chunk-E2Z5IA2P.js +0 -2
- package/dist/esm/chunk-E2Z5IA2P.js.map +0 -7
- package/dist/esm/chunk-F7IUK2I2.js +0 -2
- package/dist/esm/chunk-FLBLS7M4.js +0 -2
- package/dist/esm/chunk-FLBLS7M4.js.map +0 -7
- package/dist/esm/chunk-GSIE6SUD.js +0 -2
- package/dist/esm/chunk-GSIE6SUD.js.map +0 -7
- package/dist/esm/chunk-GWXVETMF.js +0 -2
- package/dist/esm/chunk-GWXVETMF.js.map +0 -7
- package/dist/esm/chunk-HOHUDTTL.js +0 -2
- package/dist/esm/chunk-HOHUDTTL.js.map +0 -7
- package/dist/esm/chunk-HUKPWYG2.js +0 -2
- package/dist/esm/chunk-HUKPWYG2.js.map +0 -7
- package/dist/esm/chunk-HVWEPVBH.js +0 -2
- package/dist/esm/chunk-HVWEPVBH.js.map +0 -7
- package/dist/esm/chunk-IDYHZIS6.js +0 -2
- package/dist/esm/chunk-IDYHZIS6.js.map +0 -7
- package/dist/esm/chunk-IGQRZCAI.js +0 -2
- package/dist/esm/chunk-IGQRZCAI.js.map +0 -7
- package/dist/esm/chunk-ILRJA7FU.js +0 -2
- package/dist/esm/chunk-ILRJA7FU.js.map +0 -7
- package/dist/esm/chunk-KKBP2CRH.js +0 -2
- package/dist/esm/chunk-KKBP2CRH.js.map +0 -7
- package/dist/esm/chunk-KTAFIHJY.js +0 -2
- package/dist/esm/chunk-KTAFIHJY.js.map +0 -7
- package/dist/esm/chunk-MCQAJV4K.js +0 -2
- package/dist/esm/chunk-MCQAJV4K.js.map +0 -7
- package/dist/esm/chunk-MJ47O7KH.js +0 -2
- package/dist/esm/chunk-MJ47O7KH.js.map +0 -7
- package/dist/esm/chunk-MOR3NSXQ.js +0 -2
- package/dist/esm/chunk-MOR3NSXQ.js.map +0 -7
- package/dist/esm/chunk-N2B7TWIP.js +0 -2
- package/dist/esm/chunk-N2B7TWIP.js.map +0 -7
- package/dist/esm/chunk-QCNUTT4R.js +0 -2
- package/dist/esm/chunk-QCNUTT4R.js.map +0 -7
- package/dist/esm/chunk-QEOAXJLN.js +0 -2
- package/dist/esm/chunk-QEOAXJLN.js.map +0 -7
- package/dist/esm/chunk-SO67YEVQ.js +0 -2
- package/dist/esm/chunk-TBJ6L4NL.js +0 -2
- package/dist/esm/chunk-TBJ6L4NL.js.map +0 -7
- package/dist/esm/chunk-TGN5ZJU5.js +0 -2
- package/dist/esm/chunk-TGN5ZJU5.js.map +0 -7
- package/dist/esm/chunk-UGD7Z3L4.js +0 -2
- package/dist/esm/chunk-UGD7Z3L4.js.map +0 -7
- package/dist/esm/chunk-UMX5MGLG.js +0 -2
- package/dist/esm/chunk-UMX5MGLG.js.map +0 -7
- package/dist/esm/chunk-WR7YLY46.js +0 -2
- package/dist/esm/chunk-WR7YLY46.js.map +0 -7
- package/dist/esm/chunk-WZETC7WV.js +0 -2
- package/dist/esm/chunk-WZETC7WV.js.map +0 -7
- package/dist/esm/chunk-XGGLYV5D.js +0 -2
- package/dist/esm/chunk-XGGLYV5D.js.map +0 -7
- package/dist/esm/chunk-XKASPWCJ.js +0 -2
- package/dist/esm/chunk-XKASPWCJ.js.map +0 -7
- package/dist/esm/chunk-YEB3H7QN.js +0 -2
- package/dist/esm/chunk-YEB3H7QN.js.map +0 -7
- package/dist/esm/chunk-ZRKE3NVU.js +0 -2
- package/dist/esm/chunk-ZRKE3NVU.js.map +0 -7
- package/dist/esm/chunk-ZY6SQWHT.js +0 -2
- package/dist/esm/chunk-ZY6SQWHT.js.map +0 -7
- package/dist/esm/props/high-contrast.prop.d.ts +0 -9
- package/dist/esm/props/high-contrast.prop.d.ts.map +0 -1
- package/dist/esm/props/high-contrast.prop.js +0 -2
- package/src/props/high-contrast.prop.ts +0 -13
- /package/dist/esm/{chunk-2FYJTSOP.js.map → chunk-2SZZ75RJ.js.map} +0 -0
- /package/dist/esm/{chunk-F7IUK2I2.js.map → chunk-5SNHUVDA.js.map} +0 -0
- /package/dist/esm/{chunk-H7ST535H.js.map → chunk-5WRCK4R7.js.map} +0 -0
- /package/dist/esm/{chunk-MHPPVJDB.js.map → chunk-67MKPTZJ.js.map} +0 -0
- /package/dist/esm/{chunk-CRWYCLTE.js.map → chunk-ABSKRHVM.js.map} +0 -0
- /package/dist/esm/{chunk-PTLFMWCN.js.map → chunk-ALWNS44Q.js.map} +0 -0
- /package/dist/esm/{chunk-3MWWP4MW.js.map → chunk-BBJUB52V.js.map} +0 -0
- /package/dist/esm/{chunk-GYBLXQ4R.js.map → chunk-CDG5WH4U.js.map} +0 -0
- /package/dist/esm/{chunk-CVWCKOHO.js.map → chunk-CEIK5U6C.js.map} +0 -0
- /package/dist/esm/{chunk-374ZYJUP.js.map → chunk-CESYMTJQ.js.map} +0 -0
- /package/dist/esm/{chunk-P7IAHW4V.js.map → chunk-CIYF56YS.js.map} +0 -0
- /package/dist/esm/{chunk-LKAK5GXF.js.map → chunk-CKMMUHKE.js.map} +0 -0
- /package/dist/esm/{chunk-SESAEJ6W.js.map → chunk-CLMOWP5T.js.map} +0 -0
- /package/dist/esm/{chunk-DUHJVT64.js.map → chunk-CRSHBENJ.js.map} +0 -0
- /package/dist/esm/{chunk-GJSGKE7B.js.map → chunk-CTA5ODAO.js.map} +0 -0
- /package/dist/esm/{chunk-CWRNW44F.js.map → chunk-DSJY5RI3.js.map} +0 -0
- /package/dist/esm/{chunk-M24UXMOQ.js.map → chunk-EE2IH2GL.js.map} +0 -0
- /package/dist/esm/{chunk-NMKPFUNP.js.map → chunk-EPTYNVCU.js.map} +0 -0
- /package/dist/esm/{chunk-XMRIRFM7.js.map → chunk-FG7XM7KJ.js.map} +0 -0
- /package/dist/esm/{chunk-6IGTK4JE.js.map → chunk-GAV3NHYL.js.map} +0 -0
- /package/dist/esm/{chunk-TOOSHJOA.js.map → chunk-GO7OHBHW.js.map} +0 -0
- /package/dist/esm/{chunk-MBCBP73P.js.map → chunk-HJU4I34X.js.map} +0 -0
- /package/dist/esm/{chunk-VX6ARMWP.js.map → chunk-HSAG7C53.js.map} +0 -0
- /package/dist/esm/{chunk-K6QZMNCD.js.map → chunk-IFM4EMZB.js.map} +0 -0
- /package/dist/esm/{chunk-HF5WY5YE.js.map → chunk-JGLAE5G7.js.map} +0 -0
- /package/dist/esm/{chunk-4YFJWXL2.js.map → chunk-JJKQ7CGI.js.map} +0 -0
- /package/dist/esm/{chunk-P7HYVJSU.js.map → chunk-K3UAS7RW.js.map} +0 -0
- /package/dist/esm/{chunk-25WZA7ZU.js.map → chunk-KFR3CK24.js.map} +0 -0
- /package/dist/esm/{chunk-WFMYNZXZ.js.map → chunk-KMPE7TJ6.js.map} +0 -0
- /package/dist/esm/{chunk-WXP6MMUB.js.map → chunk-KOFEFBB3.js.map} +0 -0
- /package/dist/esm/{chunk-W7N7V5YD.js.map → chunk-M6DJRFJZ.js.map} +0 -0
- /package/dist/esm/{chunk-7QDTSBJF.js.map → chunk-MCPRXVKZ.js.map} +0 -0
- /package/dist/esm/{chunk-DNHUQLXO.js.map → chunk-MEO7MJMQ.js.map} +0 -0
- /package/dist/esm/{chunk-YVBCDTTD.js.map → chunk-MN3XALXD.js.map} +0 -0
- /package/dist/esm/{chunk-F7IYL2VW.js.map → chunk-MS5J4MF6.js.map} +0 -0
- /package/dist/esm/{chunk-OSRJRBKP.js.map → chunk-MTOLKA6S.js.map} +0 -0
- /package/dist/esm/{chunk-MBE2YSBU.js.map → chunk-N4GTDLRD.js.map} +0 -0
- /package/dist/esm/{chunk-FHOCUZDR.js.map → chunk-NIQT45PJ.js.map} +0 -0
- /package/dist/esm/{chunk-TOLLPRMM.js.map → chunk-OFUNVHZ5.js.map} +0 -0
- /package/dist/esm/{chunk-RMKXWYOV.js.map → chunk-OLAWVEAI.js.map} +0 -0
- /package/dist/esm/{chunk-3XT5P2HO.js.map → chunk-OS3FCYZY.js.map} +0 -0
- /package/dist/esm/{chunk-UWT6TE5D.js.map → chunk-OTXCKEWT.js.map} +0 -0
- /package/dist/esm/{chunk-D6B7IMZU.js.map → chunk-RNTCHVFI.js.map} +0 -0
- /package/dist/esm/{chunk-YUP6EICB.js.map → chunk-SEY4NA45.js.map} +0 -0
- /package/dist/esm/{chunk-YV2KYHGR.js.map → chunk-UBOOUDS4.js.map} +0 -0
- /package/dist/esm/{chunk-S56YSRHP.js.map → chunk-VHECAEUP.js.map} +0 -0
- /package/dist/esm/{chunk-4AQTUBVP.js.map → chunk-VNH7BJOA.js.map} +0 -0
- /package/dist/esm/{chunk-IEWCQU2S.js.map → chunk-VR7ZAFYN.js.map} +0 -0
- /package/dist/esm/{chunk-PLWXTEVE.js.map → chunk-W2FOBR5Q.js.map} +0 -0
- /package/dist/esm/{chunk-FXUUI6Z2.js.map → chunk-WHFJ4JUN.js.map} +0 -0
- /package/dist/esm/{chunk-2UPAYDKR.js.map → chunk-X7V3V3W4.js.map} +0 -0
- /package/dist/esm/{chunk-S2HA3W3V.js.map → chunk-Y5RCH23Z.js.map} +0 -0
- /package/dist/esm/{chunk-OWAUCLRT.js.map → chunk-YBSRX63K.js.map} +0 -0
- /package/dist/esm/{chunk-KPBG7CIL.js.map → chunk-ZO7TTWJI.js.map} +0 -0
- /package/dist/esm/{props/high-contrast.prop.js.map → components/_internal/base-menu.utils.js.map} +0 -0
package/components.css
CHANGED
|
@@ -31,8 +31,8 @@
|
|
|
31
31
|
.rt-reset:where(textarea,input:not([type='button'],[type='image'],[type='reset'],[type='submit'],[type='checkbox'],[type='color'],[type='radio'],[type='range'])) {
|
|
32
32
|
all: unset;
|
|
33
33
|
display: block;
|
|
34
|
-
width: -webkit-fill-available;
|
|
35
34
|
width: -moz-available;
|
|
35
|
+
width: -webkit-fill-available;
|
|
36
36
|
width: stretch;
|
|
37
37
|
font-weight: normal;
|
|
38
38
|
font-style: normal;
|
|
@@ -123,8 +123,8 @@
|
|
|
123
123
|
.rt-reset:where(iframe) {
|
|
124
124
|
display: block;
|
|
125
125
|
border: none;
|
|
126
|
-
width: -webkit-fill-available;
|
|
127
126
|
width: -moz-available;
|
|
127
|
+
width: -webkit-fill-available;
|
|
128
128
|
width: stretch;
|
|
129
129
|
}
|
|
130
130
|
.rt-reset:where(ins,u) {
|
|
@@ -159,8 +159,8 @@
|
|
|
159
159
|
}
|
|
160
160
|
.rt-reset:where(video) {
|
|
161
161
|
display: block;
|
|
162
|
-
width: -webkit-fill-available;
|
|
163
162
|
width: -moz-available;
|
|
163
|
+
width: -webkit-fill-available;
|
|
164
164
|
width: stretch;
|
|
165
165
|
}
|
|
166
166
|
.rt-reset:where(:-moz-any-link) {
|
|
@@ -1098,11 +1098,23 @@
|
|
|
1098
1098
|
:where(.rt-Text) {
|
|
1099
1099
|
margin: 0;
|
|
1100
1100
|
}
|
|
1101
|
+
.rt-Text:where(.rt-emphasis-loud) {
|
|
1102
|
+
color: var(--gray-ink);
|
|
1103
|
+
}
|
|
1104
|
+
.rt-Text:where(.rt-emphasis-medium) {
|
|
1105
|
+
color: var(--gray-ink-muted);
|
|
1106
|
+
}
|
|
1107
|
+
.rt-Text:where(.rt-emphasis-quiet) {
|
|
1108
|
+
color: var(--gray-ink-faint);
|
|
1109
|
+
}
|
|
1101
1110
|
.rt-Text:where([data-accent-color]) {
|
|
1102
|
-
color: var(--accent-
|
|
1111
|
+
color: var(--accent-ink);
|
|
1103
1112
|
}
|
|
1104
|
-
.rt-Text:where([data-accent-color].rt-
|
|
1105
|
-
color: var(--accent-
|
|
1113
|
+
.rt-Text:where([data-accent-color].rt-emphasis-medium) {
|
|
1114
|
+
color: var(--accent-ink-muted);
|
|
1115
|
+
}
|
|
1116
|
+
.rt-Text:where([data-accent-color].rt-emphasis-quiet) {
|
|
1117
|
+
color: var(--accent-ink-faint);
|
|
1106
1118
|
}
|
|
1107
1119
|
@media (pointer: coarse) {
|
|
1108
1120
|
.rt-Text:where(label) {
|
|
@@ -1792,35 +1804,8 @@
|
|
|
1792
1804
|
-webkit-transition: var(--transition-accordion-trigger-active);
|
|
1793
1805
|
transition: var(--transition-accordion-trigger-active);
|
|
1794
1806
|
}
|
|
1795
|
-
:where(.rt-AccordionRoot:where(.rt-variant-soft)) .rt-AccordionTrigger {
|
|
1796
|
-
color: var(--accent-
|
|
1797
|
-
}
|
|
1798
|
-
:where(.rt-AccordionRoot:where(.rt-variant-soft.rt-high-contrast)) .rt-AccordionTrigger {
|
|
1799
|
-
color: var(--accent-12);
|
|
1800
|
-
}
|
|
1801
|
-
:where(.rt-AccordionRoot:where(.rt-variant-outline)) .rt-AccordionTrigger {
|
|
1802
|
-
color: var(--accent-11);
|
|
1803
|
-
}
|
|
1804
|
-
:where(.rt-AccordionRoot:where(.rt-variant-outline.rt-high-contrast)) .rt-AccordionTrigger {
|
|
1805
|
-
color: var(--accent-12);
|
|
1806
|
-
}
|
|
1807
|
-
:where(.rt-AccordionRoot:where(.rt-variant-surface)) .rt-AccordionTrigger {
|
|
1808
|
-
color: var(--accent-a11);
|
|
1809
|
-
}
|
|
1810
|
-
:where(.rt-AccordionRoot:where(.rt-variant-surface.rt-high-contrast)) .rt-AccordionTrigger {
|
|
1811
|
-
color: var(--accent-12);
|
|
1812
|
-
}
|
|
1813
|
-
:where(.rt-AccordionRoot:where(.rt-variant-ghost)) .rt-AccordionTrigger {
|
|
1814
|
-
color: var(--accent-a11);
|
|
1815
|
-
}
|
|
1816
|
-
:where(.rt-AccordionRoot:where(.rt-variant-ghost.rt-high-contrast)) .rt-AccordionTrigger {
|
|
1817
|
-
color: var(--accent-12);
|
|
1818
|
-
}
|
|
1819
|
-
:where(.rt-AccordionRoot:where(.rt-variant-classic)) .rt-AccordionTrigger {
|
|
1820
|
-
color: var(--accent-a11);
|
|
1821
|
-
}
|
|
1822
|
-
:where(.rt-AccordionRoot:where(.rt-variant-classic.rt-high-contrast)) .rt-AccordionTrigger {
|
|
1823
|
-
color: var(--accent-12);
|
|
1807
|
+
:where(.rt-AccordionRoot:where(.rt-variant-soft, .rt-variant-outline, .rt-variant-surface, .rt-variant-ghost, .rt-variant-classic)) .rt-AccordionTrigger {
|
|
1808
|
+
color: var(--accent-ink);
|
|
1824
1809
|
}
|
|
1825
1810
|
:where(.rt-AccordionRoot:where(.rt-variant-classic):hover) {
|
|
1826
1811
|
background-color: var(--accent-2);
|
|
@@ -1929,7 +1914,7 @@
|
|
|
1929
1914
|
.rt-AccordionContent {
|
|
1930
1915
|
overflow: hidden;
|
|
1931
1916
|
font-size: var(--font-size-2);
|
|
1932
|
-
color: var(--accent-
|
|
1917
|
+
color: var(--accent-ink);
|
|
1933
1918
|
line-height: var(--line-height-4);
|
|
1934
1919
|
-webkit-transform-origin: top;
|
|
1935
1920
|
transform-origin: top;
|
|
@@ -2018,21 +2003,9 @@
|
|
|
2018
2003
|
transform: translateY(-4px) scaleY(0.98);
|
|
2019
2004
|
}
|
|
2020
2005
|
}
|
|
2021
|
-
:where(.rt-AccordionRoot[data-high-contrast]) .rt-AccordionTrigger {
|
|
2022
|
-
color: var(--accent-12);
|
|
2023
|
-
}
|
|
2024
|
-
:where(.rt-AccordionRoot[data-high-contrast]) .rt-AccordionContent {
|
|
2025
|
-
color: var(--accent-12);
|
|
2026
|
-
}
|
|
2027
2006
|
:where(.rt-AccordionRoot:where(.rt-variant-soft)[data-accent-color]) :where(.rt-AccordionTrigger:hover) {
|
|
2028
2007
|
background-color: var(--accent-a4);
|
|
2029
2008
|
}
|
|
2030
|
-
:where(.rt-AccordionRoot[data-accent-color]) .rt-AccordionContent {
|
|
2031
|
-
color: var(--accent-a11);
|
|
2032
|
-
}
|
|
2033
|
-
:where(.rt-AccordionRoot[data-accent-color].rt-high-contrast) .rt-AccordionContent {
|
|
2034
|
-
color: var(--accent-12);
|
|
2035
|
-
}
|
|
2036
2009
|
@media (prefers-reduced-motion: reduce) {
|
|
2037
2010
|
:where(.rt-AccordionContent[data-state="open"]),
|
|
2038
2011
|
:where(.rt-AccordionContent[data-state="closed"]) {
|
|
@@ -3087,8 +3060,7 @@
|
|
|
3087
3060
|
}
|
|
3088
3061
|
}
|
|
3089
3062
|
.rt-AvatarRoot:where(.rt-variant-soft) {
|
|
3090
|
-
--v-color: var(--accent-
|
|
3091
|
-
--v-color-high-contrast: var(--accent-12);
|
|
3063
|
+
--v-color: var(--accent-ink);
|
|
3092
3064
|
--v-bg: var(--accent-3);
|
|
3093
3065
|
--v-bg-a: var(--accent-a3);
|
|
3094
3066
|
--v-bg-hover: var(--accent-4);
|
|
@@ -3098,9 +3070,7 @@
|
|
|
3098
3070
|
--v-bg-disabled: var(--gray-a3);
|
|
3099
3071
|
}
|
|
3100
3072
|
.rt-AvatarRoot:where(.rt-variant-outline) {
|
|
3101
|
-
--v-color: var(--accent-
|
|
3102
|
-
--v-color-a: var(--accent-a11);
|
|
3103
|
-
--v-color-high-contrast: var(--accent-12);
|
|
3073
|
+
--v-color: var(--accent-ink);
|
|
3104
3074
|
--v-bg: transparent;
|
|
3105
3075
|
--v-bg-a: transparent;
|
|
3106
3076
|
--v-bg-hover: var(--accent-2);
|
|
@@ -3117,8 +3087,7 @@
|
|
|
3117
3087
|
--v-border-disabled: var(--gray-a7);
|
|
3118
3088
|
}
|
|
3119
3089
|
.rt-AvatarRoot:where(.rt-variant-surface) {
|
|
3120
|
-
--v-color: var(--accent-
|
|
3121
|
-
--v-color-high-contrast: var(--accent-12);
|
|
3090
|
+
--v-color: var(--accent-ink);
|
|
3122
3091
|
--v-bg: var(--accent-2);
|
|
3123
3092
|
--v-bg-a: var(--accent-a2);
|
|
3124
3093
|
--v-bg-hover: var(--accent-3);
|
|
@@ -3138,19 +3107,10 @@
|
|
|
3138
3107
|
color: var(--v-color);
|
|
3139
3108
|
background-color: color-mix(in srgb, var(--v-bg-a) calc(var(--material-alpha) * 100%), var(--v-bg) var(--material-blend));
|
|
3140
3109
|
}
|
|
3141
|
-
.rt-AvatarRoot:where(.rt-variant-soft,.rt-variant-outline,.rt-variant-surface):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
|
|
3142
|
-
color: var(--v-color-high-contrast);
|
|
3143
|
-
}
|
|
3144
3110
|
.rt-AvatarRoot:where(.rt-variant-soft,.rt-variant-outline,.rt-variant-surface):where([data-disabled]) :where(.rt-AvatarFallback) {
|
|
3145
3111
|
color: var(--gray-a8);
|
|
3146
3112
|
background-color: var(--v-bg-disabled, var(--gray-a3));
|
|
3147
3113
|
}
|
|
3148
|
-
.rt-AvatarRoot:where(.rt-variant-outline) :where(.rt-AvatarFallback) {
|
|
3149
|
-
color: color-mix(in srgb, var(--v-color-a) calc(var(--material-alpha) * 100%), var(--v-color) var(--material-blend));
|
|
3150
|
-
}
|
|
3151
|
-
.rt-AvatarRoot:where(.rt-variant-outline):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
|
|
3152
|
-
color: var(--v-color-high-contrast);
|
|
3153
|
-
}
|
|
3154
3114
|
.rt-AvatarRoot:where(.rt-variant-outline,.rt-variant-surface) :where(.rt-AvatarFallback) {
|
|
3155
3115
|
-webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-a) calc(var(--material-alpha) * 100%), var(--v-border) var(--material-blend));
|
|
3156
3116
|
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-a) calc(var(--material-alpha) * 100%), var(--v-border) var(--material-blend));
|
|
@@ -3195,12 +3155,8 @@
|
|
|
3195
3155
|
--solid-blend: calc(100% - (var(--material-alpha) * 90%));
|
|
3196
3156
|
}
|
|
3197
3157
|
.rt-AvatarRoot:where(.rt-variant-solid) :where(.rt-AvatarFallback) {
|
|
3198
|
-
background-color: color-mix(in srgb, var(--accent-
|
|
3199
|
-
color: var(--accent-contrast);
|
|
3200
|
-
}
|
|
3201
|
-
.rt-AvatarRoot:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
|
|
3202
|
-
background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
|
|
3203
|
-
color: var(--gray-1);
|
|
3158
|
+
background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
|
|
3159
|
+
color: var(--accent-solid-contrast);
|
|
3204
3160
|
}
|
|
3205
3161
|
.rt-AvatarRoot:where(.rt-variant-solid):where([data-disabled]) :where(.rt-AvatarFallback) {
|
|
3206
3162
|
color: var(--gray-a8);
|
|
@@ -3210,32 +3166,20 @@
|
|
|
3210
3166
|
}
|
|
3211
3167
|
@media (hover: hover) {
|
|
3212
3168
|
.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:hover:not(:disabled,[data-disabled])) {
|
|
3213
|
-
background-color: color-mix(in srgb, var(--accent-
|
|
3169
|
+
background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
|
|
3214
3170
|
}
|
|
3215
3171
|
.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:hover:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
|
|
3216
3172
|
background-color: inherit;
|
|
3173
|
+
-webkit-filter: var(--accent-solid-hover-filter);
|
|
3174
|
+
filter: var(--accent-solid-hover-filter);
|
|
3217
3175
|
}
|
|
3218
3176
|
}
|
|
3219
3177
|
.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:active:not(:disabled,[data-disabled])) {
|
|
3220
|
-
background-color: color-mix(in srgb, var(--accent-
|
|
3178
|
+
background-color: color-mix(in srgb, var(--accent-solid-active-a) calc(var(--material-alpha) * 100%), var(--accent-solid-active) var(--solid-blend));
|
|
3221
3179
|
}
|
|
3222
3180
|
.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:active:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
|
|
3223
3181
|
background-color: inherit;
|
|
3224
3182
|
}
|
|
3225
|
-
@media (hover: hover) {
|
|
3226
|
-
.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:hover:not(:disabled,[data-disabled])) {
|
|
3227
|
-
background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
|
|
3228
|
-
}
|
|
3229
|
-
.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:hover:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
|
|
3230
|
-
background-color: inherit;
|
|
3231
|
-
}
|
|
3232
|
-
}
|
|
3233
|
-
.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not(:disabled,[data-disabled])) {
|
|
3234
|
-
background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
|
|
3235
|
-
}
|
|
3236
|
-
.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
|
|
3237
|
-
background-color: inherit;
|
|
3238
|
-
}
|
|
3239
3183
|
.rt-AvatarRoot:where(.rt-variant-classic) {
|
|
3240
3184
|
position: relative;
|
|
3241
3185
|
top: var(--classic-elevation-offset);
|
|
@@ -3243,15 +3187,11 @@
|
|
|
3243
3187
|
.rt-AvatarRoot:where(.rt-variant-classic) :where(.rt-AvatarFallback) {
|
|
3244
3188
|
position: relative;
|
|
3245
3189
|
top: 0;
|
|
3246
|
-
color: var(--accent-
|
|
3190
|
+
color: var(--accent-ink);
|
|
3247
3191
|
background-color: color-mix(in srgb, var(--color-surface-translucent) calc(var(--material-alpha) * 100%), var(--color-surface-solid) var(--material-blend));
|
|
3248
3192
|
-webkit-box-shadow: var(--shadow-2);
|
|
3249
3193
|
box-shadow: var(--shadow-2);
|
|
3250
3194
|
}
|
|
3251
|
-
.rt-AvatarRoot:where(.rt-variant-classic):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
|
|
3252
|
-
color: var(--gray-12);
|
|
3253
|
-
background-color: color-mix(in srgb, var(--color-surface-translucent) calc(var(--material-alpha) * 100%), var(--color-surface-solid) var(--material-blend));
|
|
3254
|
-
}
|
|
3255
3195
|
.rt-AvatarRoot:where(.rt-variant-classic):where([data-disabled]) :where(.rt-AvatarFallback) {
|
|
3256
3196
|
color: var(--gray-a8);
|
|
3257
3197
|
background-color: var(--gray-a3);
|
|
@@ -3286,24 +3226,12 @@
|
|
|
3286
3226
|
:where(.radix-themes) {
|
|
3287
3227
|
--avatar-image-hover-filter: brightness(0.95) saturate(1.05);
|
|
3288
3228
|
--avatar-image-active-filter: brightness(0.9) saturate(1.1);
|
|
3289
|
-
--base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.1) brightness(1.1);
|
|
3290
|
-
--base-button-solid-active-filter: brightness(0.9) contrast(1.03);
|
|
3291
|
-
--base-button-solid-open-filter: brightness(0.96) contrast(1.02);
|
|
3292
|
-
--base-button-solid-high-contrast-active-filter: brightness(0.92);
|
|
3293
|
-
--base-button-solid-high-contrast-open-filter: brightness(0.96);
|
|
3294
3229
|
--segmented-control-indicator-background-color: var(--color-background);
|
|
3295
|
-
--slider-range-high-contrast-background-image: linear-gradient(var(--black-a8), var(--black-a8));
|
|
3296
3230
|
}
|
|
3297
3231
|
:is(.dark, .dark-theme),
|
|
3298
3232
|
:is(.dark, .dark-theme) :where(.radix-themes:not(.light, .light-theme)) {
|
|
3299
3233
|
--avatar-image-hover-filter: brightness(1.05) saturate(1.05);
|
|
3300
3234
|
--avatar-image-active-filter: brightness(1.1) saturate(1.1);
|
|
3301
|
-
--base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.3) brightness(1.18);
|
|
3302
|
-
--base-button-solid-active-filter: brightness(0.88) contrast(1.03);
|
|
3303
|
-
--base-button-solid-open-filter: brightness(0.95) contrast(1.02);
|
|
3304
|
-
--base-button-solid-high-contrast-active-filter: brightness(0.9);
|
|
3305
|
-
--base-button-solid-high-contrast-open-filter: brightness(0.95);
|
|
3306
|
-
--slider-range-high-contrast-background-image: none;
|
|
3307
3235
|
}
|
|
3308
3236
|
.rt-AvatarStatus,
|
|
3309
3237
|
.rt-AvatarBadge {
|
|
@@ -3692,12 +3620,8 @@
|
|
|
3692
3620
|
}
|
|
3693
3621
|
.rt-Badge:where(.rt-variant-solid) {
|
|
3694
3622
|
--solid-blend: calc(100% - (var(--material-alpha) * 90%));
|
|
3695
|
-
background-color: color-mix(in srgb, var(--accent-
|
|
3696
|
-
color: var(--accent-contrast);
|
|
3697
|
-
}
|
|
3698
|
-
.rt-Badge:where(.rt-variant-solid):where(.rt-high-contrast) {
|
|
3699
|
-
background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
|
|
3700
|
-
color: var(--gray-1);
|
|
3623
|
+
background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
|
|
3624
|
+
color: var(--accent-solid-contrast);
|
|
3701
3625
|
}
|
|
3702
3626
|
.rt-Badge:where(.rt-variant-solid):where([data-disabled]) {
|
|
3703
3627
|
color: var(--gray-a8);
|
|
@@ -3712,16 +3636,10 @@
|
|
|
3712
3636
|
background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
|
|
3713
3637
|
-webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
|
|
3714
3638
|
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
|
|
3715
|
-
color: var(--accent-
|
|
3716
|
-
}
|
|
3717
|
-
.rt-Badge:where(.rt-variant-surface):where(.rt-high-contrast) {
|
|
3718
|
-
color: var(--accent-12);
|
|
3639
|
+
color: var(--accent-ink);
|
|
3719
3640
|
}
|
|
3720
3641
|
.rt-Badge:where(.rt-variant-soft, .rt-variant-ghost) {
|
|
3721
|
-
color: var(--accent-
|
|
3722
|
-
}
|
|
3723
|
-
.rt-Badge:where(.rt-variant-soft,.rt-variant-ghost):where(.rt-high-contrast) {
|
|
3724
|
-
color: var(--accent-12);
|
|
3642
|
+
color: var(--accent-ink);
|
|
3725
3643
|
}
|
|
3726
3644
|
.rt-Badge:where(.rt-variant-soft,.rt-variant-ghost):where([data-disabled]) {
|
|
3727
3645
|
color: var(--gray-a8);
|
|
@@ -3741,24 +3659,18 @@
|
|
|
3741
3659
|
.rt-Badge:where(.rt-variant-outline) {
|
|
3742
3660
|
-webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
|
|
3743
3661
|
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
|
|
3744
|
-
color:
|
|
3662
|
+
color: var(--accent-ink);
|
|
3745
3663
|
-webkit-transition: var(--transition-background-blur);
|
|
3746
3664
|
transition: var(--transition-background-blur);
|
|
3747
3665
|
}
|
|
3748
|
-
.rt-Badge:where(.rt-variant-outline):where(.rt-high-contrast) {
|
|
3749
|
-
color: var(--accent-12);
|
|
3750
|
-
}
|
|
3751
3666
|
.rt-Badge:where(.rt-variant-ghost) {
|
|
3752
3667
|
background-color: transparent;
|
|
3753
|
-
color: var(--accent-
|
|
3754
|
-
}
|
|
3755
|
-
.rt-Badge:where(.rt-variant-ghost):where(.rt-high-contrast) {
|
|
3756
|
-
color: var(--accent-12);
|
|
3668
|
+
color: var(--accent-ink);
|
|
3757
3669
|
}
|
|
3758
3670
|
.rt-Badge:where(.rt-variant-classic) {
|
|
3759
3671
|
position: relative;
|
|
3760
3672
|
top: var(--classic-elevation-offset);
|
|
3761
|
-
color: var(--accent-
|
|
3673
|
+
color: var(--accent-ink);
|
|
3762
3674
|
-webkit-box-shadow: var(--shadow-2);
|
|
3763
3675
|
box-shadow: var(--shadow-2);
|
|
3764
3676
|
-webkit-transition: var(--transition-text-field);
|
|
@@ -3775,9 +3687,6 @@
|
|
|
3775
3687
|
.rt-Badge:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
3776
3688
|
--classic-surface: var(--color-surface-translucent);
|
|
3777
3689
|
}
|
|
3778
|
-
.rt-Badge:where(.rt-variant-classic):where(.rt-high-contrast) {
|
|
3779
|
-
color: var(--accent-12);
|
|
3780
|
-
}
|
|
3781
3690
|
.rt-Blockquote {
|
|
3782
3691
|
-webkit-box-sizing: border-box;
|
|
3783
3692
|
box-sizing: border-box;
|
|
@@ -4010,8 +3919,7 @@
|
|
|
4010
3919
|
}
|
|
4011
3920
|
}
|
|
4012
3921
|
.rt-BaseButton:where(.rt-variant-soft) {
|
|
4013
|
-
--v-color: var(--accent-
|
|
4014
|
-
--v-color-high-contrast: var(--accent-12);
|
|
3922
|
+
--v-color: var(--accent-ink);
|
|
4015
3923
|
--v-bg: var(--accent-3);
|
|
4016
3924
|
--v-bg-a: var(--accent-a3);
|
|
4017
3925
|
--v-bg-hover: var(--accent-4);
|
|
@@ -4025,8 +3933,7 @@
|
|
|
4025
3933
|
--v-focus-offset: -1px;
|
|
4026
3934
|
}
|
|
4027
3935
|
.rt-BaseButton:where(.rt-variant-ghost) {
|
|
4028
|
-
--v-color: var(--accent-
|
|
4029
|
-
--v-color-high-contrast: var(--accent-12);
|
|
3936
|
+
--v-color: var(--accent-ink);
|
|
4030
3937
|
--v-bg: transparent;
|
|
4031
3938
|
--v-bg-a: transparent;
|
|
4032
3939
|
--v-bg-hover: var(--accent-3);
|
|
@@ -4040,8 +3947,7 @@
|
|
|
4040
3947
|
--v-focus-offset: -1px;
|
|
4041
3948
|
}
|
|
4042
3949
|
.rt-BaseButton:where(.rt-variant-outline) {
|
|
4043
|
-
--v-color: var(--accent-
|
|
4044
|
-
--v-color-high-contrast: var(--accent-12);
|
|
3950
|
+
--v-color: var(--accent-ink);
|
|
4045
3951
|
--v-bg: transparent;
|
|
4046
3952
|
--v-bg-a: transparent;
|
|
4047
3953
|
--v-bg-hover: var(--accent-2);
|
|
@@ -4064,8 +3970,7 @@
|
|
|
4064
3970
|
--v-focus-offset: -1px;
|
|
4065
3971
|
}
|
|
4066
3972
|
.rt-BaseButton:where(.rt-variant-surface) {
|
|
4067
|
-
--v-color: var(--accent-
|
|
4068
|
-
--v-color-high-contrast: var(--accent-12);
|
|
3973
|
+
--v-color: var(--accent-ink);
|
|
4069
3974
|
--v-bg: var(--accent-2);
|
|
4070
3975
|
--v-bg-a: var(--accent-a2);
|
|
4071
3976
|
--v-bg-hover: var(--accent-3);
|
|
@@ -4091,9 +3996,6 @@
|
|
|
4091
3996
|
color: var(--v-color);
|
|
4092
3997
|
background-color: color-mix(in srgb, var(--v-bg-a) calc(var(--material-alpha) * 100%), var(--v-bg) var(--material-blend));
|
|
4093
3998
|
}
|
|
4094
|
-
.rt-BaseButton:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(.rt-high-contrast) {
|
|
4095
|
-
color: var(--v-color-high-contrast);
|
|
4096
|
-
}
|
|
4097
3999
|
.rt-BaseButton:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:focus-visible) {
|
|
4098
4000
|
outline: 2px solid var(--v-focus-color);
|
|
4099
4001
|
outline-offset: var(--v-focus-offset);
|
|
@@ -4168,7 +4070,7 @@
|
|
|
4168
4070
|
}
|
|
4169
4071
|
.rt-BaseButton:where(.rt-variant-classic) {
|
|
4170
4072
|
position: relative;
|
|
4171
|
-
color: var(--accent-
|
|
4073
|
+
color: var(--accent-ink);
|
|
4172
4074
|
background-color: var(--color-surface-solid);
|
|
4173
4075
|
-webkit-box-shadow: var(--shadow-2);
|
|
4174
4076
|
box-shadow: var(--shadow-2);
|
|
@@ -4176,9 +4078,6 @@
|
|
|
4176
4078
|
.rt-BaseButton:where(.rt-variant-classic):where([data-material='translucent']) {
|
|
4177
4079
|
background-color: var(--color-surface-translucent);
|
|
4178
4080
|
}
|
|
4179
|
-
.rt-BaseButton:where(.rt-variant-classic):where(.rt-high-contrast) {
|
|
4180
|
-
color: var(--gray-12);
|
|
4181
|
-
}
|
|
4182
4081
|
.rt-BaseButton:where(.rt-variant-classic):where(:focus-visible) {
|
|
4183
4082
|
outline: 2px solid var(--focus-8);
|
|
4184
4083
|
outline-offset: 2px;
|
|
@@ -4281,8 +4180,8 @@
|
|
|
4281
4180
|
}
|
|
4282
4181
|
.rt-BaseButton:where(.rt-variant-solid) {
|
|
4283
4182
|
--solid-blend: calc(100% - (var(--material-alpha) * 90%));
|
|
4284
|
-
background-color: color-mix(in srgb, var(--accent-
|
|
4285
|
-
color: var(--accent-contrast);
|
|
4183
|
+
background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
|
|
4184
|
+
color: var(--accent-solid-contrast);
|
|
4286
4185
|
}
|
|
4287
4186
|
.rt-BaseButton:where(.rt-variant-solid):where(:focus-visible) {
|
|
4288
4187
|
outline: 2px solid var(--focus-8);
|
|
@@ -4290,22 +4189,24 @@
|
|
|
4290
4189
|
}
|
|
4291
4190
|
@media (hover: hover) {
|
|
4292
4191
|
.rt-BaseButton:where(.rt-variant-solid):where(:hover) {
|
|
4293
|
-
background-color: color-mix(in srgb, var(--accent-
|
|
4192
|
+
background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
|
|
4193
|
+
-webkit-filter: var(--accent-solid-hover-filter);
|
|
4194
|
+
filter: var(--accent-solid-hover-filter);
|
|
4294
4195
|
-webkit-box-shadow: var(--shadow-2);
|
|
4295
4196
|
box-shadow: var(--shadow-2);
|
|
4296
4197
|
}
|
|
4297
4198
|
}
|
|
4298
4199
|
.rt-BaseButton:where(.rt-variant-solid):where([data-state='open']) {
|
|
4299
|
-
background-color: color-mix(in srgb, var(--accent-
|
|
4300
|
-
-webkit-filter: var(--
|
|
4301
|
-
filter: var(--
|
|
4200
|
+
background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
|
|
4201
|
+
-webkit-filter: var(--accent-solid-open-filter);
|
|
4202
|
+
filter: var(--accent-solid-open-filter);
|
|
4302
4203
|
}
|
|
4303
4204
|
.rt-BaseButton:where(.rt-variant-solid):where(:active:not([data-state='open'])) {
|
|
4304
|
-
-webkit-filter: var(--
|
|
4305
|
-
filter: var(--
|
|
4205
|
+
-webkit-filter: var(--accent-solid-active-filter);
|
|
4206
|
+
filter: var(--accent-solid-active-filter);
|
|
4306
4207
|
}
|
|
4307
4208
|
.rt-BaseButton:where(.rt-variant-solid):where([data-state='on']) {
|
|
4308
|
-
background-color: color-mix(in srgb, var(--accent-
|
|
4209
|
+
background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
|
|
4309
4210
|
opacity: 0.9;
|
|
4310
4211
|
}
|
|
4311
4212
|
@media (pointer: coarse) {
|
|
@@ -4314,32 +4215,6 @@
|
|
|
4314
4215
|
outline-offset: 0;
|
|
4315
4216
|
}
|
|
4316
4217
|
}
|
|
4317
|
-
.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast) {
|
|
4318
|
-
background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
|
|
4319
|
-
color: var(--gray-1);
|
|
4320
|
-
}
|
|
4321
|
-
@media (hover: hover) {
|
|
4322
|
-
.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:hover) {
|
|
4323
|
-
background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
|
|
4324
|
-
-webkit-filter: var(--base-button-solid-high-contrast-hover-filter);
|
|
4325
|
-
filter: var(--base-button-solid-high-contrast-hover-filter);
|
|
4326
|
-
-webkit-box-shadow: var(--shadow-2);
|
|
4327
|
-
box-shadow: var(--shadow-2);
|
|
4328
|
-
}
|
|
4329
|
-
}
|
|
4330
|
-
.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where([data-state='open']) {
|
|
4331
|
-
background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
|
|
4332
|
-
-webkit-filter: var(--base-button-solid-high-contrast-open-filter);
|
|
4333
|
-
filter: var(--base-button-solid-high-contrast-open-filter);
|
|
4334
|
-
}
|
|
4335
|
-
.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not([data-state='open'])) {
|
|
4336
|
-
-webkit-filter: var(--base-button-solid-high-contrast-active-filter);
|
|
4337
|
-
filter: var(--base-button-solid-high-contrast-active-filter);
|
|
4338
|
-
}
|
|
4339
|
-
.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where([data-state='on']) {
|
|
4340
|
-
background-color: var(--accent-12);
|
|
4341
|
-
opacity: 0.85;
|
|
4342
|
-
}
|
|
4343
4218
|
.rt-BaseButton:where(.rt-variant-solid):where([data-disabled]) {
|
|
4344
4219
|
color: var(--gray-a8);
|
|
4345
4220
|
background-color: var(--gray-a3);
|
|
@@ -4956,7 +4831,7 @@
|
|
|
4956
4831
|
-ms-flex-pack: start;
|
|
4957
4832
|
justify-content: flex-start;
|
|
4958
4833
|
text-align: left;
|
|
4959
|
-
color: var(--accent-
|
|
4834
|
+
color: var(--accent-ink);
|
|
4960
4835
|
-webkit-transition: var(--transition-card);
|
|
4961
4836
|
transition: var(--transition-card);
|
|
4962
4837
|
border-radius: var(--callout-border-radius);
|
|
@@ -4982,9 +4857,6 @@
|
|
|
4982
4857
|
backdrop-filter: var(--backdrop-filter-components);
|
|
4983
4858
|
--backdrop-filter-components: var(--backdrop-filter-components-enabled);
|
|
4984
4859
|
}
|
|
4985
|
-
.rt-CalloutRoot:where(.rt-high-contrast) {
|
|
4986
|
-
color: var(--accent-12);
|
|
4987
|
-
}
|
|
4988
4860
|
.rt-CalloutRoot:where(:focus-visible) {
|
|
4989
4861
|
outline: 2px solid var(--accent-8);
|
|
4990
4862
|
outline-offset: 2px;
|
|
@@ -5331,34 +5203,25 @@
|
|
|
5331
5203
|
}
|
|
5332
5204
|
.rt-CalloutRoot:where(.rt-variant-soft) {
|
|
5333
5205
|
background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
|
|
5334
|
-
color: var(--accent-
|
|
5335
|
-
}
|
|
5336
|
-
.rt-CalloutRoot:where(.rt-variant-soft):where(.rt-high-contrast) {
|
|
5337
|
-
color: var(--accent-12);
|
|
5206
|
+
color: var(--accent-ink);
|
|
5338
5207
|
}
|
|
5339
5208
|
.rt-CalloutRoot:where(.rt-variant-surface) {
|
|
5340
5209
|
background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
|
|
5341
5210
|
-webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
|
|
5342
5211
|
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
|
|
5343
|
-
color: var(--accent-
|
|
5344
|
-
}
|
|
5345
|
-
.rt-CalloutRoot:where(.rt-variant-surface):where(.rt-high-contrast) {
|
|
5346
|
-
color: var(--accent-12);
|
|
5212
|
+
color: var(--accent-ink);
|
|
5347
5213
|
}
|
|
5348
5214
|
.rt-CalloutRoot:where(.rt-variant-outline) {
|
|
5349
5215
|
-webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
|
|
5350
5216
|
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
|
|
5351
|
-
color:
|
|
5352
|
-
}
|
|
5353
|
-
.rt-CalloutRoot:where(.rt-variant-outline):where(.rt-high-contrast) {
|
|
5354
|
-
color: var(--accent-12);
|
|
5217
|
+
color: var(--accent-ink);
|
|
5355
5218
|
}
|
|
5356
5219
|
.rt-CalloutRoot:where(.rt-variant-classic) {
|
|
5357
5220
|
--classic-surface: var(--color-surface-solid);
|
|
5358
5221
|
background-color: var(--classic-surface);
|
|
5359
5222
|
-webkit-box-shadow: var(--shadow-2);
|
|
5360
5223
|
box-shadow: var(--shadow-2);
|
|
5361
|
-
color: var(--accent-
|
|
5224
|
+
color: var(--accent-ink);
|
|
5362
5225
|
-webkit-transition: var(--transition-text-field);
|
|
5363
5226
|
transition: var(--transition-text-field);
|
|
5364
5227
|
}
|
|
@@ -5371,9 +5234,6 @@
|
|
|
5371
5234
|
.rt-CalloutRoot:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
5372
5235
|
--classic-surface: var(--color-surface-translucent);
|
|
5373
5236
|
}
|
|
5374
|
-
.rt-CalloutRoot:where(.rt-variant-classic):where(.rt-high-contrast) {
|
|
5375
|
-
color: var(--accent-12);
|
|
5376
|
-
}
|
|
5377
5237
|
.rt-BaseCard {
|
|
5378
5238
|
--material-blend: 100%;
|
|
5379
5239
|
--material-alpha: 0;
|
|
@@ -5750,7 +5610,6 @@
|
|
|
5750
5610
|
outline: inherit;
|
|
5751
5611
|
}
|
|
5752
5612
|
.rt-BaseCard:where(.rt-variant-outline,.rt-variant-soft,.rt-variant-surface):where(:focus-visible):where(:active:not([data-state='open']))::before {
|
|
5753
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
|
|
5754
5613
|
background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
|
|
5755
5614
|
}
|
|
5756
5615
|
@media (hover: hover) {
|
|
@@ -5778,7 +5637,6 @@
|
|
|
5778
5637
|
background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
|
|
5779
5638
|
}
|
|
5780
5639
|
.rt-BaseCard:where(.rt-variant-outline,.rt-variant-soft,.rt-variant-surface):where(:any-link,button,label):where(:active:not([data-state='open']))::before {
|
|
5781
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
|
|
5782
5640
|
background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
|
|
5783
5641
|
}
|
|
5784
5642
|
}
|
|
@@ -5923,7 +5781,6 @@
|
|
|
5923
5781
|
background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
|
|
5924
5782
|
}
|
|
5925
5783
|
.rt-BaseCard:where(.rt-variant-ghost):where(:any-link,button,label):where(:active:not([data-state='open']))::before {
|
|
5926
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
|
|
5927
5784
|
background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
|
|
5928
5785
|
}
|
|
5929
5786
|
}
|
|
@@ -6011,7 +5868,6 @@
|
|
|
6011
5868
|
background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
|
|
6012
5869
|
}
|
|
6013
5870
|
.rt-BaseCard:where(.rt-variant-classic):where(:any-link,button,label):where(:active:not([data-state='open']))::before {
|
|
6014
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
|
|
6015
5871
|
background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
|
|
6016
5872
|
}
|
|
6017
5873
|
}
|
|
@@ -6020,7 +5876,6 @@
|
|
|
6020
5876
|
background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
|
|
6021
5877
|
}
|
|
6022
5878
|
.rt-BaseCard:where(:any-link,button,label):where(:active:not(:focus-visible,[data-state='open']))::before {
|
|
6023
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
|
|
6024
5879
|
background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
|
|
6025
5880
|
}
|
|
6026
5881
|
}
|
|
@@ -6035,7 +5890,6 @@
|
|
|
6035
5890
|
outline: inherit;
|
|
6036
5891
|
}
|
|
6037
5892
|
.rt-Card:where(:focus-visible):where(:active:not([data-state='open']))::before {
|
|
6038
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
|
|
6039
5893
|
background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
|
|
6040
5894
|
}
|
|
6041
5895
|
.rt-BaseCheckboxRoot {
|
|
@@ -6205,20 +6059,12 @@
|
|
|
6205
6059
|
box-shadow: inset 0 0 0 1px var(--accent-9);
|
|
6206
6060
|
}
|
|
6207
6061
|
.rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate'])::before {
|
|
6208
|
-
background-color: var(--accent-
|
|
6209
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-
|
|
6210
|
-
box-shadow: inset 0 0 0 1px var(--accent-
|
|
6062
|
+
background-color: var(--accent-solid);
|
|
6063
|
+
-webkit-box-shadow: inset 0 0 0 1px var(--accent-solid);
|
|
6064
|
+
box-shadow: inset 0 0 0 1px var(--accent-solid);
|
|
6211
6065
|
}
|
|
6212
6066
|
.rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
|
|
6213
|
-
color: var(--accent-contrast);
|
|
6214
|
-
}
|
|
6215
|
-
.rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before {
|
|
6216
|
-
background-color: var(--accent-12);
|
|
6217
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-12);
|
|
6218
|
-
box-shadow: inset 0 0 0 1px var(--accent-12);
|
|
6219
|
-
}
|
|
6220
|
-
.rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
|
|
6221
|
-
color: var(--gray-1);
|
|
6067
|
+
color: var(--accent-solid-contrast);
|
|
6222
6068
|
}
|
|
6223
6069
|
.rt-BaseCheckboxRoot:where(.rt-variant-solid):where(:disabled)::before {
|
|
6224
6070
|
-webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
@@ -6233,7 +6079,7 @@
|
|
|
6233
6079
|
top: var(--classic-elevation-offset);
|
|
6234
6080
|
}
|
|
6235
6081
|
.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='unchecked'])::before {
|
|
6236
|
-
color: var(--accent-
|
|
6082
|
+
color: var(--accent-ink);
|
|
6237
6083
|
background-color: var(--color-surface-solid);
|
|
6238
6084
|
-webkit-box-shadow: var(--shadow-2);
|
|
6239
6085
|
box-shadow: var(--shadow-2);
|
|
@@ -6260,22 +6106,7 @@
|
|
|
6260
6106
|
background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
|
|
6261
6107
|
}
|
|
6262
6108
|
.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
|
|
6263
|
-
color: var(--accent-
|
|
6264
|
-
}
|
|
6265
|
-
.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before {
|
|
6266
|
-
background-color: var(--accent-3);
|
|
6267
|
-
}
|
|
6268
|
-
:where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before) {
|
|
6269
|
-
background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
|
|
6270
|
-
}
|
|
6271
|
-
:is(.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before):where([data-panel-background='solid'],[data-material='solid']) {
|
|
6272
|
-
background-color: var(--accent-3);
|
|
6273
|
-
}
|
|
6274
|
-
:is(.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
6275
|
-
background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
|
|
6276
|
-
}
|
|
6277
|
-
.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
|
|
6278
|
-
color: var(--accent-12);
|
|
6109
|
+
color: var(--accent-ink);
|
|
6279
6110
|
}
|
|
6280
6111
|
.rt-BaseCheckboxRoot:where(.rt-variant-classic):where(:active:not(:disabled)) {
|
|
6281
6112
|
top: calc(var(--classic-elevation-offset) + var(--classic-active-padding-offset-1));
|
|
@@ -6317,10 +6148,7 @@
|
|
|
6317
6148
|
background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
|
|
6318
6149
|
}
|
|
6319
6150
|
.rt-BaseCheckboxRoot:where(.rt-variant-soft):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
|
|
6320
|
-
color: var(--accent-
|
|
6321
|
-
}
|
|
6322
|
-
.rt-BaseCheckboxRoot:where(.rt-variant-soft):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
|
|
6323
|
-
color: var(--accent-12);
|
|
6151
|
+
color: var(--accent-ink);
|
|
6324
6152
|
}
|
|
6325
6153
|
.rt-BaseCheckboxRoot:where(.rt-variant-soft):where(:disabled)::before {
|
|
6326
6154
|
background-color: var(--gray-a3);
|
|
@@ -6331,22 +6159,19 @@
|
|
|
6331
6159
|
.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before {
|
|
6332
6160
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
6333
6161
|
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
6334
|
-
color: var(--accent-
|
|
6162
|
+
color: var(--accent-ink);
|
|
6335
6163
|
}
|
|
6336
6164
|
:where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before) {
|
|
6337
6165
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
6338
6166
|
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
6339
|
-
color: var(--accent-a11);
|
|
6340
6167
|
}
|
|
6341
6168
|
:is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before):where([data-panel-background='solid'],[data-material='solid']) {
|
|
6342
6169
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
6343
6170
|
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
6344
|
-
color: var(--accent-11);
|
|
6345
6171
|
}
|
|
6346
6172
|
:is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
6347
6173
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
6348
6174
|
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
6349
|
-
color: var(--accent-a11);
|
|
6350
6175
|
}
|
|
6351
6176
|
.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate'])::before {
|
|
6352
6177
|
background-color: var(--accent-2);
|
|
@@ -6369,10 +6194,7 @@
|
|
|
6369
6194
|
box-shadow: inset 0 0 0 1px var(--accent-a7);
|
|
6370
6195
|
}
|
|
6371
6196
|
.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
|
|
6372
|
-
color: var(--accent-
|
|
6373
|
-
}
|
|
6374
|
-
.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
|
|
6375
|
-
color: var(--accent-12);
|
|
6197
|
+
color: var(--accent-ink);
|
|
6376
6198
|
}
|
|
6377
6199
|
.rt-BaseCheckboxRoot:where(.rt-variant-outline):where(:disabled)::before {
|
|
6378
6200
|
-webkit-box-shadow: inset 0 0 0 1px var(--gray-a7);
|
|
@@ -6423,10 +6245,7 @@
|
|
|
6423
6245
|
box-shadow: inset 0 0 0 1px var(--accent-a8);
|
|
6424
6246
|
}
|
|
6425
6247
|
.rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
|
|
6426
|
-
color: var(--accent-
|
|
6427
|
-
}
|
|
6428
|
-
.rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
|
|
6429
|
-
color: var(--accent-12);
|
|
6248
|
+
color: var(--accent-ink);
|
|
6430
6249
|
}
|
|
6431
6250
|
.rt-BaseCheckboxRoot:where(.rt-variant-surface):where(:disabled)::before {
|
|
6432
6251
|
-webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
@@ -6667,7 +6486,6 @@
|
|
|
6667
6486
|
}
|
|
6668
6487
|
@media (pointer: coarse) {
|
|
6669
6488
|
.rt-CheckboxCardsItem:where(:active:not(:focus-visible))::before {
|
|
6670
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
|
|
6671
6489
|
background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
|
|
6672
6490
|
}
|
|
6673
6491
|
}
|
|
@@ -6676,7 +6494,6 @@
|
|
|
6676
6494
|
color: var(--gray-a9);
|
|
6677
6495
|
}
|
|
6678
6496
|
.rt-CheckboxCardsItem:where(:has(:disabled))::before {
|
|
6679
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
|
|
6680
6497
|
background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
|
|
6681
6498
|
}
|
|
6682
6499
|
.rt-CheckboxCardsItem:where(:has(:disabled))::-moz-selection {
|
|
@@ -7133,35 +6950,35 @@
|
|
|
7133
6950
|
--code-variant-font-size-adjust: var(--code-font-size-adjust);
|
|
7134
6951
|
padding: 0;
|
|
7135
6952
|
}
|
|
6953
|
+
.rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-loud) {
|
|
6954
|
+
color: var(--gray-ink);
|
|
6955
|
+
}
|
|
6956
|
+
.rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-medium) {
|
|
6957
|
+
color: var(--gray-ink-muted);
|
|
6958
|
+
}
|
|
6959
|
+
.rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-quiet) {
|
|
6960
|
+
color: var(--gray-ink-faint);
|
|
6961
|
+
}
|
|
7136
6962
|
.rt-Code:where(.rt-variant-ghost):where([data-accent-color]) {
|
|
7137
|
-
color: var(--accent-
|
|
6963
|
+
color: var(--accent-ink);
|
|
7138
6964
|
}
|
|
7139
|
-
.rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-
|
|
7140
|
-
color: var(--accent-
|
|
6965
|
+
.rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-emphasis-medium) {
|
|
6966
|
+
color: var(--accent-ink-muted);
|
|
6967
|
+
}
|
|
6968
|
+
.rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-emphasis-quiet) {
|
|
6969
|
+
color: var(--accent-ink-faint);
|
|
7141
6970
|
}
|
|
7142
6971
|
.rt-Code:where(.rt-variant-solid) {
|
|
7143
|
-
background-color: var(--accent-
|
|
7144
|
-
color: var(--accent-contrast);
|
|
6972
|
+
background-color: var(--accent-solid-a);
|
|
6973
|
+
color: var(--accent-solid-contrast);
|
|
7145
6974
|
}
|
|
7146
6975
|
.rt-Code:where(.rt-variant-solid)::-moz-selection {
|
|
7147
|
-
background-color: var(--accent-
|
|
7148
|
-
color: var(--accent-
|
|
6976
|
+
background-color: var(--accent-solid-selection);
|
|
6977
|
+
color: var(--accent-solid-selection-contrast);
|
|
7149
6978
|
}
|
|
7150
6979
|
.rt-Code:where(.rt-variant-solid)::selection {
|
|
7151
|
-
background-color: var(--accent-
|
|
7152
|
-
color: var(--accent-
|
|
7153
|
-
}
|
|
7154
|
-
.rt-Code:where(.rt-variant-solid):where(.rt-high-contrast) {
|
|
7155
|
-
background-color: var(--accent-12);
|
|
7156
|
-
color: var(--accent-1);
|
|
7157
|
-
}
|
|
7158
|
-
.rt-Code:where(.rt-variant-solid):where(.rt-high-contrast)::-moz-selection {
|
|
7159
|
-
background-color: var(--accent-a11);
|
|
7160
|
-
color: var(--accent-1);
|
|
7161
|
-
}
|
|
7162
|
-
.rt-Code:where(.rt-variant-solid):where(.rt-high-contrast)::selection {
|
|
7163
|
-
background-color: var(--accent-a11);
|
|
7164
|
-
color: var(--accent-1);
|
|
6980
|
+
background-color: var(--accent-solid-selection);
|
|
6981
|
+
color: var(--accent-solid-selection-contrast);
|
|
7165
6982
|
}
|
|
7166
6983
|
.rt-Code:where(.rt-variant-solid):where(:-moz-any-link,button) {
|
|
7167
6984
|
isolation: isolate;
|
|
@@ -7171,27 +6988,18 @@
|
|
|
7171
6988
|
}
|
|
7172
6989
|
@media (hover: hover) {
|
|
7173
6990
|
:is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:-moz-any-link,button)):where(:hover) {
|
|
7174
|
-
background-color: var(--accent-
|
|
6991
|
+
background-color: var(--accent-solid-hover);
|
|
6992
|
+
filter: var(--accent-solid-hover-filter);
|
|
7175
6993
|
}
|
|
7176
6994
|
:is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:any-link,button)):where(:hover) {
|
|
7177
|
-
background-color: var(--accent-
|
|
7178
|
-
|
|
7179
|
-
|
|
7180
|
-
background-color: var(--accent-12);
|
|
7181
|
-
filter: var(--base-button-solid-high-contrast-hover-filter);
|
|
7182
|
-
}
|
|
7183
|
-
:is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:any-link,button)):where(.rt-high-contrast:hover) {
|
|
7184
|
-
background-color: var(--accent-12);
|
|
7185
|
-
-webkit-filter: var(--base-button-solid-high-contrast-hover-filter);
|
|
7186
|
-
filter: var(--base-button-solid-high-contrast-hover-filter);
|
|
6995
|
+
background-color: var(--accent-solid-hover);
|
|
6996
|
+
-webkit-filter: var(--accent-solid-hover-filter);
|
|
6997
|
+
filter: var(--accent-solid-hover-filter);
|
|
7187
6998
|
}
|
|
7188
6999
|
}
|
|
7189
7000
|
.rt-Code:where(.rt-variant-soft) {
|
|
7190
7001
|
background-color: var(--accent-a2);
|
|
7191
|
-
color: var(--accent-
|
|
7192
|
-
}
|
|
7193
|
-
.rt-Code:where(.rt-variant-soft):where(.rt-high-contrast) {
|
|
7194
|
-
color: var(--accent-12);
|
|
7002
|
+
color: var(--accent-ink);
|
|
7195
7003
|
}
|
|
7196
7004
|
.rt-Code:where(.rt-variant-soft):where(:-moz-any-link,button) {
|
|
7197
7005
|
isolation: isolate;
|
|
@@ -7210,12 +7018,7 @@
|
|
|
7210
7018
|
.rt-Code:where(.rt-variant-outline) {
|
|
7211
7019
|
-webkit-box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a8);
|
|
7212
7020
|
box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a8);
|
|
7213
|
-
color: var(--accent-
|
|
7214
|
-
}
|
|
7215
|
-
.rt-Code:where(.rt-variant-outline):where(.rt-high-contrast) {
|
|
7216
|
-
-webkit-box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a7), inset 0 0 0 max(1px, 0.033em) var(--gray-a11);
|
|
7217
|
-
box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a7), inset 0 0 0 max(1px, 0.033em) var(--gray-a11);
|
|
7218
|
-
color: var(--accent-12);
|
|
7021
|
+
color: var(--accent-ink);
|
|
7219
7022
|
}
|
|
7220
7023
|
.rt-Code:where(.rt-variant-outline):where(:-moz-any-link,button) {
|
|
7221
7024
|
isolation: isolate;
|
|
@@ -7231,6 +7034,12 @@
|
|
|
7231
7034
|
background-color: var(--accent-a2);
|
|
7232
7035
|
}
|
|
7233
7036
|
}
|
|
7037
|
+
.rt-Code:where(.rt-variant-soft,.rt-variant-outline):where(.rt-emphasis-medium) {
|
|
7038
|
+
color: var(--accent-ink-muted);
|
|
7039
|
+
}
|
|
7040
|
+
.rt-Code:where(.rt-variant-soft,.rt-variant-outline):where(.rt-emphasis-quiet) {
|
|
7041
|
+
color: var(--accent-ink-faint);
|
|
7042
|
+
}
|
|
7234
7043
|
.rt-BaseMenuContent {
|
|
7235
7044
|
--backdrop-filter-components-enabled: none;
|
|
7236
7045
|
--scrollarea-scrollbar-vertical-margin-top: var(--base-menu-content-padding);
|
|
@@ -7256,16 +7065,12 @@
|
|
|
7256
7065
|
transition: var(--transition-background-blur);
|
|
7257
7066
|
contain: paint;
|
|
7258
7067
|
isolation: isolate;
|
|
7259
|
-
|
|
7260
|
-
.rt-BaseMenuContent:where([data-state='open']) {
|
|
7261
|
-
will-change: transform, opacity;
|
|
7068
|
+
--base-menu-item-padding-left: var(--base-menu-item-padding-left-indicator);
|
|
7262
7069
|
}
|
|
7263
7070
|
@media (prefers-reduced-motion: reduce) {
|
|
7264
7071
|
.rt-BaseMenuContent {
|
|
7265
7072
|
-webkit-transition: none;
|
|
7266
7073
|
transition: none;
|
|
7267
|
-
will-change: auto;
|
|
7268
|
-
backdrop-filter: none;
|
|
7269
7074
|
}
|
|
7270
7075
|
}
|
|
7271
7076
|
.rt-BaseMenuContent:where([data-panel-background='solid']) {
|
|
@@ -7292,10 +7097,6 @@
|
|
|
7292
7097
|
-webkit-box-sizing: border-box;
|
|
7293
7098
|
box-sizing: border-box;
|
|
7294
7099
|
}
|
|
7295
|
-
:where(.rt-BaseMenuContent:has(.rt-ScrollAreaScrollbar[data-orientation='vertical'])) .rt-BaseMenuViewport {
|
|
7296
|
-
-webkit-padding-end: var(--space-3);
|
|
7297
|
-
padding-inline-end: var(--space-3);
|
|
7298
|
-
}
|
|
7299
7100
|
.rt-BaseMenuViewport:where(.rt-virtualized) {
|
|
7300
7101
|
-webkit-padding-end: 0;
|
|
7301
7102
|
padding-inline-end: 0;
|
|
@@ -7332,7 +7133,6 @@
|
|
|
7332
7133
|
.rt-BaseMenuItem {
|
|
7333
7134
|
-webkit-transition: none;
|
|
7334
7135
|
transition: none;
|
|
7335
|
-
backdrop-filter: none;
|
|
7336
7136
|
}
|
|
7337
7137
|
}
|
|
7338
7138
|
.rt-BaseMenuShortcut {
|
|
@@ -7395,7 +7195,7 @@
|
|
|
7395
7195
|
padding-inline-end: var(--base-menu-item-padding-right);
|
|
7396
7196
|
-webkit-box-sizing: border-box;
|
|
7397
7197
|
box-sizing: border-box;
|
|
7398
|
-
color: var(--gray-
|
|
7198
|
+
color: var(--gray-a11);
|
|
7399
7199
|
-webkit-user-select: none;
|
|
7400
7200
|
-moz-user-select: none;
|
|
7401
7201
|
-ms-user-select: none;
|
|
@@ -7405,18 +7205,17 @@
|
|
|
7405
7205
|
:where(.rt-BaseMenuItem) + .rt-BaseMenuLabel {
|
|
7406
7206
|
margin-top: var(--space-2);
|
|
7407
7207
|
}
|
|
7408
|
-
.rt-
|
|
7409
|
-
|
|
7208
|
+
.rt-BaseMenuContent:where([dir='rtl']) :where(.rt-BaseMenuSubTriggerIcon) {
|
|
7209
|
+
-webkit-transform: scaleX(-1);
|
|
7210
|
+
transform: scaleX(-1);
|
|
7410
7211
|
}
|
|
7411
|
-
:where(.rt-
|
|
7412
|
-
|
|
7413
|
-
}
|
|
7414
|
-
:where(.rt-BaseMenuContent[data-panel-background='translucent']) .rt-BaseMenuArrow {
|
|
7415
|
-
fill: var(--color-panel-translucent);
|
|
7212
|
+
.rt-BaseMenuContent:where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
7213
|
+
--base-menu-item-padding-left: var(--base-menu-item-padding-left-plain);
|
|
7416
7214
|
}
|
|
7417
7215
|
.rt-BaseMenuContent:where(.rt-r-size-1) {
|
|
7418
7216
|
--base-menu-content-padding: var(--space-2);
|
|
7419
|
-
--base-menu-item-padding-left:
|
|
7217
|
+
--base-menu-item-padding-left-plain: var(--space-2);
|
|
7218
|
+
--base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
|
|
7420
7219
|
--base-menu-item-padding-right: var(--space-2);
|
|
7421
7220
|
--base-menu-item-padding-y: var(--space-1);
|
|
7422
7221
|
--base-menu-item-height: var(--space-5);
|
|
@@ -7439,22 +7238,17 @@
|
|
|
7439
7238
|
font-size: var(--font-size-1);
|
|
7440
7239
|
line-height: var(--line-height-1);
|
|
7441
7240
|
letter-spacing: var(--letter-spacing-1);
|
|
7442
|
-
-webkit-padding-start:
|
|
7443
|
-
padding-inline-start:
|
|
7241
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
7242
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
7444
7243
|
}
|
|
7445
7244
|
.rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
7446
7245
|
width: var(--indicator-icon-size-1);
|
|
7447
7246
|
height: var(--indicator-icon-size-1);
|
|
7448
7247
|
}
|
|
7449
|
-
.rt-BaseMenuContent:where(.rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
7450
|
-
--base-menu-item-padding-left: var(--space-2);
|
|
7451
|
-
}
|
|
7452
|
-
.rt-BaseMenuContent:where(.rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
7453
|
-
--base-menu-item-padding-left: calc(var(--space-5) / 1.2);
|
|
7454
|
-
}
|
|
7455
7248
|
.rt-BaseMenuContent:where(.rt-r-size-2) {
|
|
7456
7249
|
--base-menu-content-padding: var(--space-3);
|
|
7457
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
7250
|
+
--base-menu-item-padding-left-plain: var(--space-3);
|
|
7251
|
+
--base-menu-item-padding-left-indicator: var(--space-5);
|
|
7458
7252
|
--base-menu-item-padding-right: var(--space-3);
|
|
7459
7253
|
--base-menu-item-padding-y: var(--space-1);
|
|
7460
7254
|
--base-menu-item-height: var(--space-6);
|
|
@@ -7477,21 +7271,17 @@
|
|
|
7477
7271
|
font-size: var(--font-size-2);
|
|
7478
7272
|
line-height: var(--line-height-2);
|
|
7479
7273
|
letter-spacing: var(--letter-spacing-2);
|
|
7480
|
-
padding-
|
|
7274
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
7275
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
7481
7276
|
}
|
|
7482
7277
|
.rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
7483
7278
|
width: var(--indicator-icon-size-2);
|
|
7484
7279
|
height: var(--indicator-icon-size-2);
|
|
7485
7280
|
}
|
|
7486
|
-
.rt-BaseMenuContent:where(.rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
7487
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
7488
|
-
}
|
|
7489
|
-
.rt-BaseMenuContent:where(.rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
7490
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
7491
|
-
}
|
|
7492
7281
|
.rt-BaseMenuContent:where(.rt-r-size-3) {
|
|
7493
7282
|
--base-menu-content-padding: var(--space-3);
|
|
7494
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
7283
|
+
--base-menu-item-padding-left-plain: var(--space-3);
|
|
7284
|
+
--base-menu-item-padding-left-indicator: var(--space-5);
|
|
7495
7285
|
--base-menu-item-padding-right: var(--space-3);
|
|
7496
7286
|
--base-menu-item-padding-y: var(--space-2);
|
|
7497
7287
|
--base-menu-item-height: var(--space-7);
|
|
@@ -7500,36 +7290,32 @@
|
|
|
7500
7290
|
.rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuItem) {
|
|
7501
7291
|
gap: var(--component-gap-4);
|
|
7502
7292
|
font-size: var(--font-size-3);
|
|
7503
|
-
line-height: var(--line-height-
|
|
7293
|
+
line-height: var(--line-height-3);
|
|
7504
7294
|
letter-spacing: var(--letter-spacing-3);
|
|
7505
7295
|
border-radius: var(--radius-2);
|
|
7506
7296
|
}
|
|
7507
7297
|
:is(.rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
|
|
7508
|
-
width: var(--content-icon-size-
|
|
7509
|
-
height: var(--content-icon-size-
|
|
7298
|
+
width: var(--content-icon-size-3);
|
|
7299
|
+
height: var(--content-icon-size-3);
|
|
7510
7300
|
-ms-flex-negative: 0;
|
|
7511
7301
|
flex-shrink: 0;
|
|
7512
7302
|
}
|
|
7513
7303
|
.rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuLabel) {
|
|
7514
|
-
font-size: var(--font-size-
|
|
7515
|
-
line-height: var(--line-height-
|
|
7516
|
-
letter-spacing: var(--letter-spacing-
|
|
7517
|
-
padding-
|
|
7304
|
+
font-size: var(--font-size-3);
|
|
7305
|
+
line-height: var(--line-height-3);
|
|
7306
|
+
letter-spacing: var(--letter-spacing-3);
|
|
7307
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
7308
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
7518
7309
|
}
|
|
7519
7310
|
.rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
7520
|
-
width: var(--indicator-icon-size-
|
|
7521
|
-
height: var(--indicator-icon-size-
|
|
7522
|
-
}
|
|
7523
|
-
.rt-BaseMenuContent:where(.rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
7524
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
7525
|
-
}
|
|
7526
|
-
.rt-BaseMenuContent:where(.rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
7527
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
7311
|
+
width: var(--indicator-icon-size-3);
|
|
7312
|
+
height: var(--indicator-icon-size-3);
|
|
7528
7313
|
}
|
|
7529
7314
|
@media (min-width: 520px) {
|
|
7530
7315
|
.rt-BaseMenuContent:where(.xs\:rt-r-size-1) {
|
|
7531
7316
|
--base-menu-content-padding: var(--space-2);
|
|
7532
|
-
--base-menu-item-padding-left:
|
|
7317
|
+
--base-menu-item-padding-left-plain: var(--space-2);
|
|
7318
|
+
--base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
|
|
7533
7319
|
--base-menu-item-padding-right: var(--space-2);
|
|
7534
7320
|
--base-menu-item-padding-y: var(--space-1);
|
|
7535
7321
|
--base-menu-item-height: var(--space-5);
|
|
@@ -7552,22 +7338,17 @@
|
|
|
7552
7338
|
font-size: var(--font-size-1);
|
|
7553
7339
|
line-height: var(--line-height-1);
|
|
7554
7340
|
letter-spacing: var(--letter-spacing-1);
|
|
7555
|
-
-webkit-padding-start:
|
|
7556
|
-
padding-inline-start:
|
|
7341
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
7342
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
7557
7343
|
}
|
|
7558
7344
|
.rt-BaseMenuContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
7559
7345
|
width: var(--indicator-icon-size-1);
|
|
7560
7346
|
height: var(--indicator-icon-size-1);
|
|
7561
7347
|
}
|
|
7562
|
-
.rt-BaseMenuContent:where(.xs\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
7563
|
-
--base-menu-item-padding-left: var(--space-2);
|
|
7564
|
-
}
|
|
7565
|
-
.rt-BaseMenuContent:where(.xs\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
7566
|
-
--base-menu-item-padding-left: calc(var(--space-5) / 1.2);
|
|
7567
|
-
}
|
|
7568
7348
|
.rt-BaseMenuContent:where(.xs\:rt-r-size-2) {
|
|
7569
7349
|
--base-menu-content-padding: var(--space-3);
|
|
7570
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
7350
|
+
--base-menu-item-padding-left-plain: var(--space-3);
|
|
7351
|
+
--base-menu-item-padding-left-indicator: var(--space-5);
|
|
7571
7352
|
--base-menu-item-padding-right: var(--space-3);
|
|
7572
7353
|
--base-menu-item-padding-y: var(--space-1);
|
|
7573
7354
|
--base-menu-item-height: var(--space-6);
|
|
@@ -7590,21 +7371,17 @@
|
|
|
7590
7371
|
font-size: var(--font-size-2);
|
|
7591
7372
|
line-height: var(--line-height-2);
|
|
7592
7373
|
letter-spacing: var(--letter-spacing-2);
|
|
7593
|
-
padding-
|
|
7374
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
7375
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
7594
7376
|
}
|
|
7595
7377
|
.rt-BaseMenuContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
7596
7378
|
width: var(--indicator-icon-size-2);
|
|
7597
7379
|
height: var(--indicator-icon-size-2);
|
|
7598
7380
|
}
|
|
7599
|
-
.rt-BaseMenuContent:where(.xs\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
7600
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
7601
|
-
}
|
|
7602
|
-
.rt-BaseMenuContent:where(.xs\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
7603
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
7604
|
-
}
|
|
7605
7381
|
.rt-BaseMenuContent:where(.xs\:rt-r-size-3) {
|
|
7606
7382
|
--base-menu-content-padding: var(--space-3);
|
|
7607
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
7383
|
+
--base-menu-item-padding-left-plain: var(--space-3);
|
|
7384
|
+
--base-menu-item-padding-left-indicator: var(--space-5);
|
|
7608
7385
|
--base-menu-item-padding-right: var(--space-3);
|
|
7609
7386
|
--base-menu-item-padding-y: var(--space-2);
|
|
7610
7387
|
--base-menu-item-height: var(--space-7);
|
|
@@ -7613,37 +7390,33 @@
|
|
|
7613
7390
|
.rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuItem) {
|
|
7614
7391
|
gap: var(--component-gap-4);
|
|
7615
7392
|
font-size: var(--font-size-3);
|
|
7616
|
-
line-height: var(--line-height-
|
|
7393
|
+
line-height: var(--line-height-3);
|
|
7617
7394
|
letter-spacing: var(--letter-spacing-3);
|
|
7618
7395
|
border-radius: var(--radius-2);
|
|
7619
7396
|
}
|
|
7620
7397
|
:is(.rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
|
|
7621
|
-
width: var(--content-icon-size-
|
|
7622
|
-
height: var(--content-icon-size-
|
|
7398
|
+
width: var(--content-icon-size-3);
|
|
7399
|
+
height: var(--content-icon-size-3);
|
|
7623
7400
|
-ms-flex-negative: 0;
|
|
7624
7401
|
flex-shrink: 0;
|
|
7625
7402
|
}
|
|
7626
7403
|
.rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
|
|
7627
|
-
font-size: var(--font-size-
|
|
7628
|
-
line-height: var(--line-height-
|
|
7629
|
-
letter-spacing: var(--letter-spacing-
|
|
7630
|
-
padding-
|
|
7404
|
+
font-size: var(--font-size-3);
|
|
7405
|
+
line-height: var(--line-height-3);
|
|
7406
|
+
letter-spacing: var(--letter-spacing-3);
|
|
7407
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
7408
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
7631
7409
|
}
|
|
7632
7410
|
.rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
7633
|
-
width: var(--indicator-icon-size-
|
|
7634
|
-
height: var(--indicator-icon-size-
|
|
7635
|
-
}
|
|
7636
|
-
.rt-BaseMenuContent:where(.xs\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
7637
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
7638
|
-
}
|
|
7639
|
-
.rt-BaseMenuContent:where(.xs\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
7640
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
7411
|
+
width: var(--indicator-icon-size-3);
|
|
7412
|
+
height: var(--indicator-icon-size-3);
|
|
7641
7413
|
}
|
|
7642
7414
|
}
|
|
7643
7415
|
@media (min-width: 768px) {
|
|
7644
7416
|
.rt-BaseMenuContent:where(.sm\:rt-r-size-1) {
|
|
7645
7417
|
--base-menu-content-padding: var(--space-2);
|
|
7646
|
-
--base-menu-item-padding-left:
|
|
7418
|
+
--base-menu-item-padding-left-plain: var(--space-2);
|
|
7419
|
+
--base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
|
|
7647
7420
|
--base-menu-item-padding-right: var(--space-2);
|
|
7648
7421
|
--base-menu-item-padding-y: var(--space-1);
|
|
7649
7422
|
--base-menu-item-height: var(--space-5);
|
|
@@ -7666,22 +7439,17 @@
|
|
|
7666
7439
|
font-size: var(--font-size-1);
|
|
7667
7440
|
line-height: var(--line-height-1);
|
|
7668
7441
|
letter-spacing: var(--letter-spacing-1);
|
|
7669
|
-
-webkit-padding-start:
|
|
7670
|
-
padding-inline-start:
|
|
7442
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
7443
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
7671
7444
|
}
|
|
7672
7445
|
.rt-BaseMenuContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
7673
7446
|
width: var(--indicator-icon-size-1);
|
|
7674
7447
|
height: var(--indicator-icon-size-1);
|
|
7675
7448
|
}
|
|
7676
|
-
.rt-BaseMenuContent:where(.sm\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
7677
|
-
--base-menu-item-padding-left: var(--space-2);
|
|
7678
|
-
}
|
|
7679
|
-
.rt-BaseMenuContent:where(.sm\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
7680
|
-
--base-menu-item-padding-left: calc(var(--space-5) / 1.2);
|
|
7681
|
-
}
|
|
7682
7449
|
.rt-BaseMenuContent:where(.sm\:rt-r-size-2) {
|
|
7683
7450
|
--base-menu-content-padding: var(--space-3);
|
|
7684
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
7451
|
+
--base-menu-item-padding-left-plain: var(--space-3);
|
|
7452
|
+
--base-menu-item-padding-left-indicator: var(--space-5);
|
|
7685
7453
|
--base-menu-item-padding-right: var(--space-3);
|
|
7686
7454
|
--base-menu-item-padding-y: var(--space-1);
|
|
7687
7455
|
--base-menu-item-height: var(--space-6);
|
|
@@ -7704,21 +7472,17 @@
|
|
|
7704
7472
|
font-size: var(--font-size-2);
|
|
7705
7473
|
line-height: var(--line-height-2);
|
|
7706
7474
|
letter-spacing: var(--letter-spacing-2);
|
|
7707
|
-
padding-
|
|
7475
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
7476
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
7708
7477
|
}
|
|
7709
7478
|
.rt-BaseMenuContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
7710
7479
|
width: var(--indicator-icon-size-2);
|
|
7711
7480
|
height: var(--indicator-icon-size-2);
|
|
7712
7481
|
}
|
|
7713
|
-
.rt-BaseMenuContent:where(.sm\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
7714
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
7715
|
-
}
|
|
7716
|
-
.rt-BaseMenuContent:where(.sm\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
7717
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
7718
|
-
}
|
|
7719
7482
|
.rt-BaseMenuContent:where(.sm\:rt-r-size-3) {
|
|
7720
7483
|
--base-menu-content-padding: var(--space-3);
|
|
7721
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
7484
|
+
--base-menu-item-padding-left-plain: var(--space-3);
|
|
7485
|
+
--base-menu-item-padding-left-indicator: var(--space-5);
|
|
7722
7486
|
--base-menu-item-padding-right: var(--space-3);
|
|
7723
7487
|
--base-menu-item-padding-y: var(--space-2);
|
|
7724
7488
|
--base-menu-item-height: var(--space-7);
|
|
@@ -7727,37 +7491,33 @@
|
|
|
7727
7491
|
.rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuItem) {
|
|
7728
7492
|
gap: var(--component-gap-4);
|
|
7729
7493
|
font-size: var(--font-size-3);
|
|
7730
|
-
line-height: var(--line-height-
|
|
7494
|
+
line-height: var(--line-height-3);
|
|
7731
7495
|
letter-spacing: var(--letter-spacing-3);
|
|
7732
7496
|
border-radius: var(--radius-2);
|
|
7733
7497
|
}
|
|
7734
7498
|
:is(.rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
|
|
7735
|
-
width: var(--content-icon-size-
|
|
7736
|
-
height: var(--content-icon-size-
|
|
7499
|
+
width: var(--content-icon-size-3);
|
|
7500
|
+
height: var(--content-icon-size-3);
|
|
7737
7501
|
-ms-flex-negative: 0;
|
|
7738
7502
|
flex-shrink: 0;
|
|
7739
7503
|
}
|
|
7740
7504
|
.rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
|
|
7741
|
-
font-size: var(--font-size-
|
|
7742
|
-
line-height: var(--line-height-
|
|
7743
|
-
letter-spacing: var(--letter-spacing-
|
|
7744
|
-
padding-
|
|
7505
|
+
font-size: var(--font-size-3);
|
|
7506
|
+
line-height: var(--line-height-3);
|
|
7507
|
+
letter-spacing: var(--letter-spacing-3);
|
|
7508
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
7509
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
7745
7510
|
}
|
|
7746
7511
|
.rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
7747
|
-
width: var(--indicator-icon-size-
|
|
7748
|
-
height: var(--indicator-icon-size-
|
|
7749
|
-
}
|
|
7750
|
-
.rt-BaseMenuContent:where(.sm\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
7751
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
7752
|
-
}
|
|
7753
|
-
.rt-BaseMenuContent:where(.sm\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
7754
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
7512
|
+
width: var(--indicator-icon-size-3);
|
|
7513
|
+
height: var(--indicator-icon-size-3);
|
|
7755
7514
|
}
|
|
7756
7515
|
}
|
|
7757
7516
|
@media (min-width: 1024px) {
|
|
7758
7517
|
.rt-BaseMenuContent:where(.md\:rt-r-size-1) {
|
|
7759
7518
|
--base-menu-content-padding: var(--space-2);
|
|
7760
|
-
--base-menu-item-padding-left:
|
|
7519
|
+
--base-menu-item-padding-left-plain: var(--space-2);
|
|
7520
|
+
--base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
|
|
7761
7521
|
--base-menu-item-padding-right: var(--space-2);
|
|
7762
7522
|
--base-menu-item-padding-y: var(--space-1);
|
|
7763
7523
|
--base-menu-item-height: var(--space-5);
|
|
@@ -7780,22 +7540,17 @@
|
|
|
7780
7540
|
font-size: var(--font-size-1);
|
|
7781
7541
|
line-height: var(--line-height-1);
|
|
7782
7542
|
letter-spacing: var(--letter-spacing-1);
|
|
7783
|
-
-webkit-padding-start:
|
|
7784
|
-
padding-inline-start:
|
|
7543
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
7544
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
7785
7545
|
}
|
|
7786
7546
|
.rt-BaseMenuContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
7787
7547
|
width: var(--indicator-icon-size-1);
|
|
7788
7548
|
height: var(--indicator-icon-size-1);
|
|
7789
7549
|
}
|
|
7790
|
-
.rt-BaseMenuContent:where(.md\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
7791
|
-
--base-menu-item-padding-left: var(--space-2);
|
|
7792
|
-
}
|
|
7793
|
-
.rt-BaseMenuContent:where(.md\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
7794
|
-
--base-menu-item-padding-left: calc(var(--space-5) / 1.2);
|
|
7795
|
-
}
|
|
7796
7550
|
.rt-BaseMenuContent:where(.md\:rt-r-size-2) {
|
|
7797
7551
|
--base-menu-content-padding: var(--space-3);
|
|
7798
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
7552
|
+
--base-menu-item-padding-left-plain: var(--space-3);
|
|
7553
|
+
--base-menu-item-padding-left-indicator: var(--space-5);
|
|
7799
7554
|
--base-menu-item-padding-right: var(--space-3);
|
|
7800
7555
|
--base-menu-item-padding-y: var(--space-1);
|
|
7801
7556
|
--base-menu-item-height: var(--space-6);
|
|
@@ -7818,21 +7573,17 @@
|
|
|
7818
7573
|
font-size: var(--font-size-2);
|
|
7819
7574
|
line-height: var(--line-height-2);
|
|
7820
7575
|
letter-spacing: var(--letter-spacing-2);
|
|
7821
|
-
padding-
|
|
7576
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
7577
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
7822
7578
|
}
|
|
7823
7579
|
.rt-BaseMenuContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
7824
7580
|
width: var(--indicator-icon-size-2);
|
|
7825
7581
|
height: var(--indicator-icon-size-2);
|
|
7826
7582
|
}
|
|
7827
|
-
.rt-BaseMenuContent:where(.md\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
7828
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
7829
|
-
}
|
|
7830
|
-
.rt-BaseMenuContent:where(.md\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
7831
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
7832
|
-
}
|
|
7833
7583
|
.rt-BaseMenuContent:where(.md\:rt-r-size-3) {
|
|
7834
7584
|
--base-menu-content-padding: var(--space-3);
|
|
7835
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
7585
|
+
--base-menu-item-padding-left-plain: var(--space-3);
|
|
7586
|
+
--base-menu-item-padding-left-indicator: var(--space-5);
|
|
7836
7587
|
--base-menu-item-padding-right: var(--space-3);
|
|
7837
7588
|
--base-menu-item-padding-y: var(--space-2);
|
|
7838
7589
|
--base-menu-item-height: var(--space-7);
|
|
@@ -7841,37 +7592,33 @@
|
|
|
7841
7592
|
.rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuItem) {
|
|
7842
7593
|
gap: var(--component-gap-4);
|
|
7843
7594
|
font-size: var(--font-size-3);
|
|
7844
|
-
line-height: var(--line-height-
|
|
7595
|
+
line-height: var(--line-height-3);
|
|
7845
7596
|
letter-spacing: var(--letter-spacing-3);
|
|
7846
7597
|
border-radius: var(--radius-2);
|
|
7847
7598
|
}
|
|
7848
7599
|
:is(.rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
|
|
7849
|
-
width: var(--content-icon-size-
|
|
7850
|
-
height: var(--content-icon-size-
|
|
7600
|
+
width: var(--content-icon-size-3);
|
|
7601
|
+
height: var(--content-icon-size-3);
|
|
7851
7602
|
-ms-flex-negative: 0;
|
|
7852
7603
|
flex-shrink: 0;
|
|
7853
7604
|
}
|
|
7854
7605
|
.rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
|
|
7855
|
-
font-size: var(--font-size-
|
|
7856
|
-
line-height: var(--line-height-
|
|
7857
|
-
letter-spacing: var(--letter-spacing-
|
|
7858
|
-
padding-
|
|
7606
|
+
font-size: var(--font-size-3);
|
|
7607
|
+
line-height: var(--line-height-3);
|
|
7608
|
+
letter-spacing: var(--letter-spacing-3);
|
|
7609
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
7610
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
7859
7611
|
}
|
|
7860
7612
|
.rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
7861
|
-
width: var(--indicator-icon-size-
|
|
7862
|
-
height: var(--indicator-icon-size-
|
|
7863
|
-
}
|
|
7864
|
-
.rt-BaseMenuContent:where(.md\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
7865
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
7866
|
-
}
|
|
7867
|
-
.rt-BaseMenuContent:where(.md\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
7868
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
7613
|
+
width: var(--indicator-icon-size-3);
|
|
7614
|
+
height: var(--indicator-icon-size-3);
|
|
7869
7615
|
}
|
|
7870
7616
|
}
|
|
7871
7617
|
@media (min-width: 1280px) {
|
|
7872
7618
|
.rt-BaseMenuContent:where(.lg\:rt-r-size-1) {
|
|
7873
7619
|
--base-menu-content-padding: var(--space-2);
|
|
7874
|
-
--base-menu-item-padding-left:
|
|
7620
|
+
--base-menu-item-padding-left-plain: var(--space-2);
|
|
7621
|
+
--base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
|
|
7875
7622
|
--base-menu-item-padding-right: var(--space-2);
|
|
7876
7623
|
--base-menu-item-padding-y: var(--space-1);
|
|
7877
7624
|
--base-menu-item-height: var(--space-5);
|
|
@@ -7894,22 +7641,17 @@
|
|
|
7894
7641
|
font-size: var(--font-size-1);
|
|
7895
7642
|
line-height: var(--line-height-1);
|
|
7896
7643
|
letter-spacing: var(--letter-spacing-1);
|
|
7897
|
-
-webkit-padding-start:
|
|
7898
|
-
padding-inline-start:
|
|
7644
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
7645
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
7899
7646
|
}
|
|
7900
7647
|
.rt-BaseMenuContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
7901
7648
|
width: var(--indicator-icon-size-1);
|
|
7902
7649
|
height: var(--indicator-icon-size-1);
|
|
7903
7650
|
}
|
|
7904
|
-
.rt-BaseMenuContent:where(.lg\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
7905
|
-
--base-menu-item-padding-left: var(--space-2);
|
|
7906
|
-
}
|
|
7907
|
-
.rt-BaseMenuContent:where(.lg\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
7908
|
-
--base-menu-item-padding-left: calc(var(--space-5) / 1.2);
|
|
7909
|
-
}
|
|
7910
7651
|
.rt-BaseMenuContent:where(.lg\:rt-r-size-2) {
|
|
7911
7652
|
--base-menu-content-padding: var(--space-3);
|
|
7912
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
7653
|
+
--base-menu-item-padding-left-plain: var(--space-3);
|
|
7654
|
+
--base-menu-item-padding-left-indicator: var(--space-5);
|
|
7913
7655
|
--base-menu-item-padding-right: var(--space-3);
|
|
7914
7656
|
--base-menu-item-padding-y: var(--space-1);
|
|
7915
7657
|
--base-menu-item-height: var(--space-6);
|
|
@@ -7932,21 +7674,17 @@
|
|
|
7932
7674
|
font-size: var(--font-size-2);
|
|
7933
7675
|
line-height: var(--line-height-2);
|
|
7934
7676
|
letter-spacing: var(--letter-spacing-2);
|
|
7935
|
-
padding-
|
|
7677
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
7678
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
7936
7679
|
}
|
|
7937
7680
|
.rt-BaseMenuContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
7938
7681
|
width: var(--indicator-icon-size-2);
|
|
7939
7682
|
height: var(--indicator-icon-size-2);
|
|
7940
7683
|
}
|
|
7941
|
-
.rt-BaseMenuContent:where(.lg\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
7942
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
7943
|
-
}
|
|
7944
|
-
.rt-BaseMenuContent:where(.lg\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
7945
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
7946
|
-
}
|
|
7947
7684
|
.rt-BaseMenuContent:where(.lg\:rt-r-size-3) {
|
|
7948
7685
|
--base-menu-content-padding: var(--space-3);
|
|
7949
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
7686
|
+
--base-menu-item-padding-left-plain: var(--space-3);
|
|
7687
|
+
--base-menu-item-padding-left-indicator: var(--space-5);
|
|
7950
7688
|
--base-menu-item-padding-right: var(--space-3);
|
|
7951
7689
|
--base-menu-item-padding-y: var(--space-2);
|
|
7952
7690
|
--base-menu-item-height: var(--space-7);
|
|
@@ -7955,37 +7693,33 @@
|
|
|
7955
7693
|
.rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuItem) {
|
|
7956
7694
|
gap: var(--component-gap-4);
|
|
7957
7695
|
font-size: var(--font-size-3);
|
|
7958
|
-
line-height: var(--line-height-
|
|
7696
|
+
line-height: var(--line-height-3);
|
|
7959
7697
|
letter-spacing: var(--letter-spacing-3);
|
|
7960
7698
|
border-radius: var(--radius-2);
|
|
7961
7699
|
}
|
|
7962
7700
|
:is(.rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
|
|
7963
|
-
width: var(--content-icon-size-
|
|
7964
|
-
height: var(--content-icon-size-
|
|
7701
|
+
width: var(--content-icon-size-3);
|
|
7702
|
+
height: var(--content-icon-size-3);
|
|
7965
7703
|
-ms-flex-negative: 0;
|
|
7966
7704
|
flex-shrink: 0;
|
|
7967
7705
|
}
|
|
7968
7706
|
.rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
|
|
7969
|
-
font-size: var(--font-size-
|
|
7970
|
-
line-height: var(--line-height-
|
|
7971
|
-
letter-spacing: var(--letter-spacing-
|
|
7972
|
-
padding-
|
|
7707
|
+
font-size: var(--font-size-3);
|
|
7708
|
+
line-height: var(--line-height-3);
|
|
7709
|
+
letter-spacing: var(--letter-spacing-3);
|
|
7710
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
7711
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
7973
7712
|
}
|
|
7974
7713
|
.rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
7975
|
-
width: var(--indicator-icon-size-
|
|
7976
|
-
height: var(--indicator-icon-size-
|
|
7977
|
-
}
|
|
7978
|
-
.rt-BaseMenuContent:where(.lg\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
7979
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
7980
|
-
}
|
|
7981
|
-
.rt-BaseMenuContent:where(.lg\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
7982
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
7714
|
+
width: var(--indicator-icon-size-3);
|
|
7715
|
+
height: var(--indicator-icon-size-3);
|
|
7983
7716
|
}
|
|
7984
7717
|
}
|
|
7985
7718
|
@media (min-width: 1640px) {
|
|
7986
7719
|
.rt-BaseMenuContent:where(.xl\:rt-r-size-1) {
|
|
7987
7720
|
--base-menu-content-padding: var(--space-2);
|
|
7988
|
-
--base-menu-item-padding-left:
|
|
7721
|
+
--base-menu-item-padding-left-plain: var(--space-2);
|
|
7722
|
+
--base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
|
|
7989
7723
|
--base-menu-item-padding-right: var(--space-2);
|
|
7990
7724
|
--base-menu-item-padding-y: var(--space-1);
|
|
7991
7725
|
--base-menu-item-height: var(--space-5);
|
|
@@ -8008,22 +7742,17 @@
|
|
|
8008
7742
|
font-size: var(--font-size-1);
|
|
8009
7743
|
line-height: var(--line-height-1);
|
|
8010
7744
|
letter-spacing: var(--letter-spacing-1);
|
|
8011
|
-
-webkit-padding-start:
|
|
8012
|
-
padding-inline-start:
|
|
7745
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
7746
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
8013
7747
|
}
|
|
8014
7748
|
.rt-BaseMenuContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
8015
7749
|
width: var(--indicator-icon-size-1);
|
|
8016
7750
|
height: var(--indicator-icon-size-1);
|
|
8017
7751
|
}
|
|
8018
|
-
.rt-BaseMenuContent:where(.xl\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
8019
|
-
--base-menu-item-padding-left: var(--space-2);
|
|
8020
|
-
}
|
|
8021
|
-
.rt-BaseMenuContent:where(.xl\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
8022
|
-
--base-menu-item-padding-left: calc(var(--space-5) / 1.2);
|
|
8023
|
-
}
|
|
8024
7752
|
.rt-BaseMenuContent:where(.xl\:rt-r-size-2) {
|
|
8025
7753
|
--base-menu-content-padding: var(--space-3);
|
|
8026
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
7754
|
+
--base-menu-item-padding-left-plain: var(--space-3);
|
|
7755
|
+
--base-menu-item-padding-left-indicator: var(--space-5);
|
|
8027
7756
|
--base-menu-item-padding-right: var(--space-3);
|
|
8028
7757
|
--base-menu-item-padding-y: var(--space-1);
|
|
8029
7758
|
--base-menu-item-height: var(--space-6);
|
|
@@ -8046,21 +7775,17 @@
|
|
|
8046
7775
|
font-size: var(--font-size-2);
|
|
8047
7776
|
line-height: var(--line-height-2);
|
|
8048
7777
|
letter-spacing: var(--letter-spacing-2);
|
|
8049
|
-
padding-
|
|
7778
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
7779
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
8050
7780
|
}
|
|
8051
7781
|
.rt-BaseMenuContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
8052
7782
|
width: var(--indicator-icon-size-2);
|
|
8053
7783
|
height: var(--indicator-icon-size-2);
|
|
8054
7784
|
}
|
|
8055
|
-
.rt-BaseMenuContent:where(.xl\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
8056
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
8057
|
-
}
|
|
8058
|
-
.rt-BaseMenuContent:where(.xl\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
8059
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
8060
|
-
}
|
|
8061
7785
|
.rt-BaseMenuContent:where(.xl\:rt-r-size-3) {
|
|
8062
7786
|
--base-menu-content-padding: var(--space-3);
|
|
8063
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
7787
|
+
--base-menu-item-padding-left-plain: var(--space-3);
|
|
7788
|
+
--base-menu-item-padding-left-indicator: var(--space-5);
|
|
8064
7789
|
--base-menu-item-padding-right: var(--space-3);
|
|
8065
7790
|
--base-menu-item-padding-y: var(--space-2);
|
|
8066
7791
|
--base-menu-item-height: var(--space-7);
|
|
@@ -8069,85 +7794,53 @@
|
|
|
8069
7794
|
.rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuItem) {
|
|
8070
7795
|
gap: var(--component-gap-4);
|
|
8071
7796
|
font-size: var(--font-size-3);
|
|
8072
|
-
line-height: var(--line-height-
|
|
7797
|
+
line-height: var(--line-height-3);
|
|
8073
7798
|
letter-spacing: var(--letter-spacing-3);
|
|
8074
7799
|
border-radius: var(--radius-2);
|
|
8075
7800
|
}
|
|
8076
7801
|
:is(.rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
|
|
8077
|
-
width: var(--content-icon-size-
|
|
8078
|
-
height: var(--content-icon-size-
|
|
7802
|
+
width: var(--content-icon-size-3);
|
|
7803
|
+
height: var(--content-icon-size-3);
|
|
8079
7804
|
-ms-flex-negative: 0;
|
|
8080
7805
|
flex-shrink: 0;
|
|
8081
7806
|
}
|
|
8082
7807
|
.rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
|
|
8083
|
-
font-size: var(--font-size-
|
|
8084
|
-
line-height: var(--line-height-
|
|
8085
|
-
letter-spacing: var(--letter-spacing-
|
|
8086
|
-
padding-
|
|
7808
|
+
font-size: var(--font-size-3);
|
|
7809
|
+
line-height: var(--line-height-3);
|
|
7810
|
+
letter-spacing: var(--letter-spacing-3);
|
|
7811
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
7812
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
8087
7813
|
}
|
|
8088
7814
|
.rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
8089
|
-
width: var(--indicator-icon-size-
|
|
8090
|
-
height: var(--indicator-icon-size-
|
|
8091
|
-
}
|
|
8092
|
-
.rt-BaseMenuContent:where(.xl\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
8093
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
8094
|
-
}
|
|
8095
|
-
.rt-BaseMenuContent:where(.xl\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
8096
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
7815
|
+
width: var(--indicator-icon-size-3);
|
|
7816
|
+
height: var(--indicator-icon-size-3);
|
|
8097
7817
|
}
|
|
8098
7818
|
}
|
|
8099
7819
|
.rt-BaseMenuItem:where([data-accent-color]) {
|
|
8100
|
-
color: var(--accent-
|
|
7820
|
+
color: var(--accent-ink);
|
|
8101
7821
|
}
|
|
8102
7822
|
.rt-BaseMenuItem:where([data-disabled]) {
|
|
8103
7823
|
color: var(--gray-a8);
|
|
8104
7824
|
cursor: default;
|
|
8105
7825
|
}
|
|
8106
|
-
.rt-BaseMenuItem
|
|
8107
|
-
color: var(--gray-
|
|
7826
|
+
.rt-BaseMenuItem:where([data-disabled]) .rt-Kbd {
|
|
7827
|
+
color: var(--gray-a8);
|
|
8108
7828
|
}
|
|
8109
7829
|
:is(.rt-BaseMenuItem:where([data-disabled],[data-highlighted]),.rt-BaseMenuSubTrigger:where([data-state='open'])) :where(.rt-BaseMenuShortcut) {
|
|
8110
7830
|
color: inherit;
|
|
8111
7831
|
}
|
|
8112
|
-
.rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuSubTrigger) {
|
|
8113
|
-
-webkit-transition: var(--transition-menu);
|
|
8114
|
-
transition: var(--transition-menu);
|
|
8115
|
-
}
|
|
8116
|
-
@media (prefers-reduced-motion: reduce) {
|
|
8117
|
-
.rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuSubTrigger) {
|
|
8118
|
-
-webkit-transition: none;
|
|
8119
|
-
transition: none;
|
|
8120
|
-
backdrop-filter: none;
|
|
8121
|
-
}
|
|
8122
|
-
}
|
|
8123
|
-
:where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuSubTrigger)) {
|
|
8124
|
-
-webkit-transition: background var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
|
|
8125
|
-
transition: background var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
|
|
8126
|
-
}
|
|
8127
|
-
:where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuItem)) {
|
|
8128
|
-
-webkit-transition: background var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
|
|
8129
|
-
transition: background var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
|
|
8130
|
-
}
|
|
8131
7832
|
.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
|
|
8132
7833
|
background-color: var(--gray-3);
|
|
8133
7834
|
}
|
|
8134
|
-
:where([data-panel-background='translucent']) :
|
|
8135
|
-
background-color: var(--gray-a3);
|
|
8136
|
-
}
|
|
8137
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='solid']) {
|
|
8138
|
-
background-color: var(--gray-3);
|
|
8139
|
-
backdrop-filter: none;
|
|
8140
|
-
--backdrop-filter-components: none;
|
|
8141
|
-
}
|
|
8142
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='translucent']) {
|
|
7835
|
+
.rt-BaseMenuContent:where(.rt-variant-solid):where([data-panel-background='translucent']) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
|
|
8143
7836
|
background-color: var(--gray-a3);
|
|
8144
7837
|
}
|
|
8145
7838
|
.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted]) {
|
|
8146
|
-
background-color: var(--accent-
|
|
8147
|
-
color: var(--accent-contrast);
|
|
7839
|
+
background-color: var(--accent-solid);
|
|
7840
|
+
color: var(--accent-solid-contrast);
|
|
8148
7841
|
}
|
|
8149
7842
|
:is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
|
|
8150
|
-
color: var(--accent-contrast);
|
|
7843
|
+
color: var(--accent-solid-contrast);
|
|
8151
7844
|
}
|
|
8152
7845
|
:is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text) {
|
|
8153
7846
|
color: inherit !important;
|
|
@@ -8155,59 +7848,24 @@
|
|
|
8155
7848
|
:is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where([data-accent-color='gray']:not(.rt-Badge)) {
|
|
8156
7849
|
color: inherit !important;
|
|
8157
7850
|
}
|
|
8158
|
-
.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) {
|
|
8159
|
-
background-color: var(--accent-12);
|
|
8160
|
-
color: var(--accent-1);
|
|
8161
|
-
}
|
|
8162
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
|
|
8163
|
-
color: var(--accent-1);
|
|
8164
|
-
}
|
|
8165
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text) {
|
|
8166
|
-
color: inherit !important;
|
|
8167
|
-
}
|
|
8168
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where([data-accent-color='gray']:not(.rt-Badge)) {
|
|
8169
|
-
color: inherit !important;
|
|
8170
|
-
}
|
|
8171
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])):where([data-accent-color]) {
|
|
8172
|
-
background-color: var(--accent-9);
|
|
8173
|
-
color: var(--accent-contrast);
|
|
8174
|
-
}
|
|
8175
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])):where([data-accent-color]) :where(.rt-Text) {
|
|
8176
|
-
color: inherit !important;
|
|
8177
|
-
}
|
|
8178
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])):where([data-accent-color]) :where([data-accent-color='gray']:not(.rt-Badge)) {
|
|
8179
|
-
color: inherit !important;
|
|
8180
|
-
}
|
|
8181
7851
|
.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
|
|
8182
7852
|
background-color: var(--accent-3);
|
|
8183
7853
|
}
|
|
8184
|
-
:where([data-panel-background='translucent']) :
|
|
8185
|
-
background-color: var(--accent-a3);
|
|
8186
|
-
}
|
|
8187
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='solid']) {
|
|
8188
|
-
background-color: var(--accent-3);
|
|
8189
|
-
backdrop-filter: none;
|
|
8190
|
-
--backdrop-filter-components: none;
|
|
8191
|
-
}
|
|
8192
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='translucent']) {
|
|
7854
|
+
.rt-BaseMenuContent:where(.rt-variant-soft):where([data-panel-background='translucent']) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
|
|
8193
7855
|
background-color: var(--accent-a3);
|
|
8194
7856
|
}
|
|
8195
7857
|
.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]) {
|
|
8196
7858
|
background-color: var(--accent-4);
|
|
8197
7859
|
}
|
|
8198
|
-
:
|
|
8199
|
-
|
|
8200
|
-
}
|
|
8201
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])):where([data-panel-background='solid']) {
|
|
8202
|
-
background-color: var(--accent-4);
|
|
8203
|
-
backdrop-filter: none;
|
|
8204
|
-
--backdrop-filter-components: none;
|
|
7860
|
+
:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
|
|
7861
|
+
color: var(--gray-11) !important;
|
|
8205
7862
|
}
|
|
8206
|
-
|
|
7863
|
+
.rt-BaseMenuContent:where(.rt-variant-soft):where([data-panel-background='translucent']) :where(.rt-BaseMenuItem[data-highlighted]) {
|
|
8207
7864
|
background-color: var(--accent-a4);
|
|
8208
7865
|
}
|
|
8209
|
-
|
|
8210
|
-
|
|
7866
|
+
.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]:focus-visible) {
|
|
7867
|
+
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a8);
|
|
7868
|
+
box-shadow: inset 0 0 0 1px var(--accent-a8);
|
|
8211
7869
|
}
|
|
8212
7870
|
@media (forced-colors: active) {
|
|
8213
7871
|
.rt-BaseMenuItem:where(:focus-visible) {
|
|
@@ -8239,16 +7897,22 @@
|
|
|
8239
7897
|
display: -webkit-box;
|
|
8240
7898
|
display: -ms-flexbox;
|
|
8241
7899
|
display: flex;
|
|
8242
|
-
color: var(--gray-
|
|
7900
|
+
color: var(--gray-ink-muted);
|
|
8243
7901
|
}
|
|
8244
|
-
.rt-DataListLabel:where(.rt-
|
|
8245
|
-
color: var(--gray-
|
|
7902
|
+
.rt-DataListLabel:where(.rt-emphasis-loud) {
|
|
7903
|
+
color: var(--gray-ink);
|
|
7904
|
+
}
|
|
7905
|
+
.rt-DataListLabel:where(.rt-emphasis-quiet) {
|
|
7906
|
+
color: var(--gray-ink-faint);
|
|
8246
7907
|
}
|
|
8247
7908
|
.rt-DataListLabel:where([data-accent-color]) {
|
|
8248
|
-
color: var(--accent-
|
|
7909
|
+
color: var(--accent-ink);
|
|
8249
7910
|
}
|
|
8250
|
-
.rt-DataListLabel:where([data-accent-color]
|
|
8251
|
-
color: var(--accent-
|
|
7911
|
+
.rt-DataListLabel:where([data-accent-color].rt-emphasis-medium) {
|
|
7912
|
+
color: var(--accent-ink-muted);
|
|
7913
|
+
}
|
|
7914
|
+
.rt-DataListLabel:where([data-accent-color].rt-emphasis-quiet) {
|
|
7915
|
+
color: var(--accent-ink-faint);
|
|
8252
7916
|
}
|
|
8253
7917
|
.rt-DataListValue {
|
|
8254
7918
|
display: -webkit-box;
|
|
@@ -9064,111 +8728,52 @@
|
|
|
9064
8728
|
.rt-DropdownMenuDrillDownRoot {
|
|
9065
8729
|
display: contents;
|
|
9066
8730
|
}
|
|
9067
|
-
.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active])
|
|
9068
|
-
|
|
9069
|
-
}
|
|
9070
|
-
.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]) :where(.rt-DropdownMenuDrillDownPanel) {
|
|
9071
|
-
display: contents !important;
|
|
9072
|
-
}
|
|
9073
|
-
.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]) > :where(.rt-BaseMenuGroup) {
|
|
9074
|
-
display: contents !important;
|
|
9075
|
-
}
|
|
9076
|
-
.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]) > :where(.rt-BaseMenuGroup) > :where(*:not(.rt-DropdownMenuDrillDownPanel)) {
|
|
9077
|
-
display: none !important;
|
|
9078
|
-
}
|
|
9079
|
-
.rt-DropdownMenuDrillDownPanel {
|
|
9080
|
-
display: contents;
|
|
9081
|
-
}
|
|
9082
|
-
.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) > * {
|
|
9083
|
-
display: none !important;
|
|
9084
|
-
}
|
|
9085
|
-
.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) :where(.rt-DropdownMenuDrillDownPanel) {
|
|
9086
|
-
display: contents !important;
|
|
9087
|
-
}
|
|
9088
|
-
.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) > :where(.rt-BaseMenuGroup) {
|
|
9089
|
-
display: contents !important;
|
|
9090
|
-
}
|
|
9091
|
-
.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) > :where(.rt-BaseMenuGroup) > :where(*:not(.rt-DropdownMenuDrillDownPanel)) {
|
|
9092
|
-
display: none !important;
|
|
9093
|
-
}
|
|
9094
|
-
.rt-DropdownMenuDrillDownBackItem {
|
|
8731
|
+
.rt-DropdownMenuDrillDownRoot:where([data-submenu-behavior='drill-down']:not([data-drill-down-active])),
|
|
8732
|
+
.rt-DropdownMenuDrillDownPanel:where([data-drill-down-active]) {
|
|
9095
8733
|
display: -webkit-box;
|
|
9096
8734
|
display: -ms-flexbox;
|
|
9097
8735
|
display: flex;
|
|
9098
|
-
-webkit-box-
|
|
9099
|
-
|
|
9100
|
-
|
|
9101
|
-
|
|
9102
|
-
min-height: var(--base-menu-item-height);
|
|
9103
|
-
padding-top: var(--base-menu-item-padding-y);
|
|
9104
|
-
padding-bottom: var(--base-menu-item-padding-y);
|
|
9105
|
-
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
9106
|
-
padding-inline-start: var(--base-menu-item-padding-left);
|
|
9107
|
-
-webkit-padding-end: var(--base-menu-item-padding-right);
|
|
9108
|
-
padding-inline-end: var(--base-menu-item-padding-right);
|
|
9109
|
-
-webkit-box-sizing: border-box;
|
|
9110
|
-
box-sizing: border-box;
|
|
9111
|
-
outline: none;
|
|
9112
|
-
cursor: var(--cursor-menu-item);
|
|
9113
|
-
-webkit-user-select: none;
|
|
9114
|
-
-moz-user-select: none;
|
|
9115
|
-
-ms-user-select: none;
|
|
9116
|
-
user-select: none;
|
|
9117
|
-
-webkit-transition: var(--transition-menu);
|
|
9118
|
-
transition: var(--transition-menu);
|
|
9119
|
-
font-weight: 500;
|
|
9120
|
-
}
|
|
9121
|
-
.rt-DropdownMenuDrillDownBackItem:where(:focus-visible) {
|
|
9122
|
-
outline: 2px solid var(--focus-8);
|
|
9123
|
-
outline-offset: -2px;
|
|
9124
|
-
}
|
|
9125
|
-
@media (prefers-reduced-motion: reduce) {
|
|
9126
|
-
.rt-DropdownMenuDrillDownBackItem {
|
|
9127
|
-
-webkit-transition: none;
|
|
9128
|
-
transition: none;
|
|
9129
|
-
}
|
|
9130
|
-
}
|
|
9131
|
-
.rt-DropdownMenuDrillDownBackIcon {
|
|
9132
|
-
width: var(--indicator-icon-size-2);
|
|
9133
|
-
height: var(--indicator-icon-size-2);
|
|
9134
|
-
-ms-flex-negative: 0;
|
|
9135
|
-
flex-shrink: 0;
|
|
9136
|
-
color: var(--gray-12);
|
|
9137
|
-
}
|
|
9138
|
-
.rt-DropdownMenuDrillDownBackLabel {
|
|
9139
|
-
color: var(--gray-12);
|
|
8736
|
+
-webkit-box-orient: vertical;
|
|
8737
|
+
-webkit-box-direction: normal;
|
|
8738
|
+
-ms-flex-direction: column;
|
|
8739
|
+
flex-direction: column;
|
|
9140
8740
|
}
|
|
9141
|
-
.rt-
|
|
9142
|
-
|
|
9143
|
-
color: var(--accent-contrast);
|
|
8741
|
+
.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) {
|
|
8742
|
+
display: contents;
|
|
9144
8743
|
}
|
|
9145
|
-
:is(.rt-
|
|
9146
|
-
|
|
8744
|
+
:is(.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]),.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active]))) > :where(:not(.rt-DropdownMenuDrillDownPanel,.rt-BaseMenuGroup,.rt-BaseMenuRadioGroup)) {
|
|
8745
|
+
display: none;
|
|
9147
8746
|
}
|
|
9148
|
-
|
|
9149
|
-
|
|
8747
|
+
:is(.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]),.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active]))) > :where(.rt-BaseMenuGroup,.rt-BaseMenuRadioGroup) {
|
|
8748
|
+
display: contents;
|
|
9150
8749
|
}
|
|
9151
|
-
|
|
9152
|
-
|
|
8750
|
+
.rt-DropdownMenuDrillDownBackItem {
|
|
8751
|
+
font-weight: var(--font-weight-medium);
|
|
9153
8752
|
}
|
|
9154
|
-
|
|
9155
|
-
|
|
9156
|
-
|
|
9157
|
-
|
|
9158
|
-
|
|
8753
|
+
.rt-DropdownMenuDrillDownBackIcon {
|
|
8754
|
+
-webkit-margin-start: calc(-2px * var(--scaling));
|
|
8755
|
+
margin-inline-start: calc(-2px * var(--scaling));
|
|
8756
|
+
-webkit-margin-end: 0;
|
|
8757
|
+
margin-inline-end: 0;
|
|
9159
8758
|
}
|
|
9160
8759
|
@media (prefers-reduced-motion: no-preference) {
|
|
9161
|
-
.rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='forward'])
|
|
8760
|
+
.rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='forward']) {
|
|
9162
8761
|
-webkit-animation: rt-drill-down-enter-from-right var(--motion-duration-small) var(--motion-ease-smooth);
|
|
9163
8762
|
animation: rt-drill-down-enter-from-right var(--motion-duration-small) var(--motion-ease-smooth);
|
|
9164
8763
|
}
|
|
9165
|
-
.rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='backward'])
|
|
8764
|
+
.rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='backward']),
|
|
8765
|
+
.rt-DropdownMenuDrillDownRoot:where([data-submenu-behavior='drill-down']:not([data-drill-down-active])[data-animation-direction='backward']) {
|
|
9166
8766
|
-webkit-animation: rt-drill-down-enter-from-left var(--motion-duration-small) var(--motion-ease-smooth);
|
|
9167
8767
|
animation: rt-drill-down-enter-from-left var(--motion-duration-small) var(--motion-ease-smooth);
|
|
9168
8768
|
}
|
|
9169
|
-
.rt-
|
|
9170
|
-
-webkit-animation: rt-drill-down-enter-from-left
|
|
9171
|
-
animation: rt-drill-down-enter-from-left
|
|
8769
|
+
:where([dir='rtl']) .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='forward']) {
|
|
8770
|
+
-webkit-animation-name: rt-drill-down-enter-from-left;
|
|
8771
|
+
animation-name: rt-drill-down-enter-from-left;
|
|
8772
|
+
}
|
|
8773
|
+
:where([dir='rtl']) .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='backward']),
|
|
8774
|
+
:where([dir='rtl']) .rt-DropdownMenuDrillDownRoot:where([data-submenu-behavior='drill-down']:not([data-drill-down-active])[data-animation-direction='backward']) {
|
|
8775
|
+
-webkit-animation-name: rt-drill-down-enter-from-right;
|
|
8776
|
+
animation-name: rt-drill-down-enter-from-right;
|
|
9172
8777
|
}
|
|
9173
8778
|
}
|
|
9174
8779
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-TextFieldRoot {
|
|
@@ -9878,7 +9483,6 @@
|
|
|
9878
9483
|
box-shadow: inset 0 0 0 1px var(--focus-a5);
|
|
9879
9484
|
}
|
|
9880
9485
|
.rt-TextFieldRoot:where(.rt-variant-outline):where(:has(.rt-TextFieldInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
|
|
9881
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
|
|
9882
9486
|
background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
|
|
9883
9487
|
-webkit-box-shadow: inset 0 0 0 1px var(--focus-a5);
|
|
9884
9488
|
box-shadow: inset 0 0 0 1px var(--focus-a5);
|
|
@@ -9888,7 +9492,6 @@
|
|
|
9888
9492
|
box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
|
|
9889
9493
|
}
|
|
9890
9494
|
.rt-TextFieldRoot:where(.rt-variant-outline):where(:has(.rt-TextFieldInput:where(:disabled,:read-only))) {
|
|
9891
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
|
|
9892
9495
|
background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
|
|
9893
9496
|
-webkit-box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
|
|
9894
9497
|
box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
|
|
@@ -9958,7 +9561,6 @@
|
|
|
9958
9561
|
box-shadow: var(--shadow-2);
|
|
9959
9562
|
}
|
|
9960
9563
|
.rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
|
|
9961
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
|
|
9962
9564
|
background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
|
|
9963
9565
|
-webkit-box-shadow: var(--shadow-2);
|
|
9964
9566
|
box-shadow: var(--shadow-2);
|
|
@@ -9967,7 +9569,6 @@
|
|
|
9967
9569
|
background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
|
|
9968
9570
|
}
|
|
9969
9571
|
.rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:disabled,:read-only))) {
|
|
9970
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
|
|
9971
9572
|
background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
|
|
9972
9573
|
}
|
|
9973
9574
|
.rt-TextFieldRoot:where(.rt-variant-soft) {
|
|
@@ -10379,15 +9980,12 @@
|
|
|
10379
9980
|
}
|
|
10380
9981
|
}
|
|
10381
9982
|
.rt-ComboboxContent {
|
|
10382
|
-
|
|
9983
|
+
--combobox-list-max-height: calc(300px * var(--scaling));
|
|
9984
|
+
min-width: var(--radix-popover-trigger-width);
|
|
10383
9985
|
max-height: var(--radix-popover-content-available-height);
|
|
10384
|
-
|
|
10385
|
-
|
|
10386
|
-
|
|
10387
|
-
-webkit-box-orient: vertical;
|
|
10388
|
-
-webkit-box-direction: normal;
|
|
10389
|
-
-ms-flex-direction: column;
|
|
10390
|
-
flex-direction: column;
|
|
9986
|
+
-webkit-transform-origin: var(--radix-popover-content-transform-origin);
|
|
9987
|
+
transform-origin: var(--radix-popover-content-transform-origin);
|
|
9988
|
+
outline: 0;
|
|
10391
9989
|
}
|
|
10392
9990
|
.rt-ComboboxContent:where([data-state='closed']) {
|
|
10393
9991
|
visibility: hidden;
|
|
@@ -10406,9 +10004,14 @@
|
|
|
10406
10004
|
-ms-flex: 1;
|
|
10407
10005
|
flex: 1;
|
|
10408
10006
|
min-height: 0;
|
|
10007
|
+
outline: 0;
|
|
10409
10008
|
}
|
|
10410
10009
|
.rt-ComboboxViewport {
|
|
10411
|
-
padding-top: 0
|
|
10010
|
+
padding-top: 0;
|
|
10011
|
+
overflow: visible;
|
|
10012
|
+
}
|
|
10013
|
+
:where(.rt-ComboboxCommand:not(:has(.rt-ComboboxSearch))) .rt-ComboboxViewport {
|
|
10014
|
+
padding-top: var(--base-menu-content-padding);
|
|
10412
10015
|
}
|
|
10413
10016
|
.rt-ComboboxScrollArea {
|
|
10414
10017
|
-webkit-box-flex: 1;
|
|
@@ -10416,97 +10019,49 @@
|
|
|
10416
10019
|
flex: 1;
|
|
10417
10020
|
min-height: 0;
|
|
10418
10021
|
overflow: auto;
|
|
10419
|
-
|
|
10022
|
+
-ms-scroll-chaining: none;
|
|
10023
|
+
overscroll-behavior: contain;
|
|
10024
|
+
max-height: var(--combobox-list-max-height);
|
|
10025
|
+
scrollbar-width: thin;
|
|
10026
|
+
scrollbar-color: var(--gray-a8) transparent;
|
|
10420
10027
|
}
|
|
10421
|
-
.rt-
|
|
10028
|
+
.rt-ComboboxList {
|
|
10029
|
+
outline: 0;
|
|
10030
|
+
}
|
|
10031
|
+
.rt-ComboboxItem:where([data-disabled='false']) {
|
|
10422
10032
|
color: inherit;
|
|
10423
10033
|
cursor: var(--cursor-menu-item);
|
|
10424
10034
|
}
|
|
10425
|
-
.rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-ComboboxItem) {
|
|
10426
|
-
--base-menu-item-padding-left: calc(var(--space-5) / 1.2);
|
|
10427
|
-
}
|
|
10428
|
-
.rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-ComboboxLabel) {
|
|
10035
|
+
.rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-ComboboxItem, .rt-ComboboxLabel) {
|
|
10429
10036
|
--base-menu-item-padding-left: calc(var(--space-5) / 1.2);
|
|
10430
10037
|
}
|
|
10431
|
-
.rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-ComboboxItem)
|
|
10432
|
-
.rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-ComboboxItem) {
|
|
10433
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
10434
|
-
}
|
|
10435
|
-
.rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-ComboboxLabel),
|
|
10436
|
-
.rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-ComboboxLabel) {
|
|
10038
|
+
.rt-BaseMenuContent:where(.rt-r-size-2, .rt-r-size-3) :where(.rt-ComboboxItem, .rt-ComboboxLabel) {
|
|
10437
10039
|
--base-menu-item-padding-left: var(--space-5);
|
|
10438
10040
|
}
|
|
10439
10041
|
.rt-ComboboxSearch {
|
|
10440
|
-
position: sticky;
|
|
10441
|
-
top: 0;
|
|
10442
|
-
z-index: 1;
|
|
10443
10042
|
padding: var(--base-menu-content-padding);
|
|
10444
|
-
background-color: var(--color-panel);
|
|
10445
|
-
}
|
|
10446
|
-
:where([data-panel-background='translucent']) .rt-ComboboxSearch {
|
|
10447
|
-
background-color: var(--color-panel-translucent);
|
|
10448
10043
|
}
|
|
10449
10044
|
.rt-ComboboxSearch :where(.rt-ComboboxInputRoot) {
|
|
10450
10045
|
width: 100%;
|
|
10451
10046
|
}
|
|
10452
|
-
.rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
|
|
10453
|
-
cursor: var(--cursor-menu-item);
|
|
10454
|
-
}
|
|
10455
|
-
:where(.rt-BaseMenuContent.rt-variant-solid) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
|
|
10456
|
-
background-color: var(--accent-9);
|
|
10457
|
-
color: var(--accent-contrast);
|
|
10458
|
-
}
|
|
10459
|
-
:where(.rt-BaseMenuContent.rt-variant-solid) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) * {
|
|
10460
|
-
color: var(--accent-contrast) !important;
|
|
10461
|
-
}
|
|
10462
|
-
:where(.rt-BaseMenuContent.rt-variant-soft) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
|
|
10463
|
-
background-color: var(--accent-4);
|
|
10464
|
-
}
|
|
10465
|
-
:where([data-panel-background='translucent'] .rt-BaseMenuContent.rt-variant-soft) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
|
|
10466
|
-
background-color: var(--accent-a4);
|
|
10467
|
-
}
|
|
10468
|
-
:where(.rt-BaseMenuContent.rt-variant-solid.rt-high-contrast) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
|
|
10469
|
-
background-color: var(--accent-12);
|
|
10470
|
-
color: var(--accent-1);
|
|
10471
|
-
}
|
|
10472
|
-
:where(.rt-BaseMenuContent.rt-variant-solid.rt-high-contrast) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) * {
|
|
10473
|
-
color: var(--accent-1) !important;
|
|
10474
|
-
}
|
|
10475
|
-
:where(.rt-BaseMenuContent.rt-variant-solid.rt-high-contrast[data-accent-color]) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
|
|
10476
|
-
background-color: var(--accent-9);
|
|
10477
|
-
color: var(--accent-contrast);
|
|
10478
|
-
}
|
|
10479
|
-
:where(.rt-BaseMenuContent.rt-variant-solid.rt-high-contrast[data-accent-color]) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) * {
|
|
10480
|
-
color: var(--accent-contrast) !important;
|
|
10481
|
-
}
|
|
10482
10047
|
.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-ComboboxItem[data-selected='true']) {
|
|
10483
|
-
background-color: var(--accent-
|
|
10484
|
-
color: var(--accent-contrast);
|
|
10048
|
+
background-color: var(--accent-solid);
|
|
10049
|
+
color: var(--accent-solid-contrast);
|
|
10485
10050
|
}
|
|
10486
|
-
.rt-BaseMenuContent
|
|
10487
|
-
color:
|
|
10051
|
+
:where(.rt-BaseMenuContent.rt-variant-solid) .rt-ComboboxItem:where([data-selected='true']) :where(.rt-Text, [data-accent-color='gray']:not(.rt-Badge)) {
|
|
10052
|
+
color: inherit;
|
|
10488
10053
|
}
|
|
10489
10054
|
.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-ComboboxItem[data-selected='true']) {
|
|
10490
10055
|
background-color: var(--accent-4);
|
|
10491
10056
|
}
|
|
10492
|
-
:where([data-panel-background='translucent'], [data-material='translucent'])
|
|
10057
|
+
.rt-BaseMenuContent:where(.rt-variant-soft):where([data-panel-background='translucent'], [data-material='translucent'])
|
|
10058
|
+
:where(.rt-ComboboxItem[data-selected='true']) {
|
|
10493
10059
|
background-color: var(--accent-a4);
|
|
10494
10060
|
}
|
|
10495
|
-
.rt-BaseMenuContent
|
|
10496
|
-
|
|
10497
|
-
color: var(--accent-1);
|
|
10498
|
-
}
|
|
10499
|
-
.rt-BaseMenuContent:where(.rt-variant-solid.rt-high-contrast) :where(.rt-ComboboxItem[data-selected='true']) * {
|
|
10500
|
-
color: var(--accent-1) !important;
|
|
10501
|
-
}
|
|
10502
|
-
.rt-BaseMenuContent:where(.rt-variant-solid.rt-high-contrast[data-accent-color]) :where(.rt-ComboboxItem[data-selected='true']) {
|
|
10503
|
-
background-color: var(--accent-9);
|
|
10504
|
-
color: var(--accent-contrast);
|
|
10505
|
-
}
|
|
10506
|
-
.rt-BaseMenuContent:where(.rt-variant-solid.rt-high-contrast[data-accent-color]) :where(.rt-ComboboxItem[data-selected='true']) * {
|
|
10507
|
-
color: var(--accent-contrast) !important;
|
|
10061
|
+
:where(.rt-BaseMenuContent.rt-variant-soft) .rt-ComboboxItem:where([data-selected='true']) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]), [data-accent-color='gray'])) {
|
|
10062
|
+
color: var(--gray-11);
|
|
10508
10063
|
}
|
|
10509
|
-
.rt-ComboboxItem:where([data-disabled=
|
|
10064
|
+
.rt-ComboboxItem:where([data-disabled='true']) {
|
|
10510
10065
|
color: var(--gray-a8);
|
|
10511
10066
|
cursor: default;
|
|
10512
10067
|
pointer-events: none;
|
|
@@ -10517,6 +10072,12 @@
|
|
|
10517
10072
|
color: var(--gray-a11);
|
|
10518
10073
|
font-size: var(--font-size-2);
|
|
10519
10074
|
}
|
|
10075
|
+
@media (forced-colors: active) {
|
|
10076
|
+
.rt-ComboboxItem:where([data-selected='true']) {
|
|
10077
|
+
outline: 2px solid Highlight;
|
|
10078
|
+
outline-offset: -2px;
|
|
10079
|
+
}
|
|
10080
|
+
}
|
|
10520
10081
|
.rt-Em {
|
|
10521
10082
|
-webkit-box-sizing: border-box;
|
|
10522
10083
|
box-sizing: border-box;
|
|
@@ -10551,11 +10112,23 @@
|
|
|
10551
10112
|
:where(.rt-Heading) {
|
|
10552
10113
|
margin: 0;
|
|
10553
10114
|
}
|
|
10115
|
+
.rt-Heading:where(.rt-emphasis-loud) {
|
|
10116
|
+
color: var(--gray-ink);
|
|
10117
|
+
}
|
|
10118
|
+
.rt-Heading:where(.rt-emphasis-medium) {
|
|
10119
|
+
color: var(--gray-ink-muted);
|
|
10120
|
+
}
|
|
10121
|
+
.rt-Heading:where(.rt-emphasis-quiet) {
|
|
10122
|
+
color: var(--gray-ink-faint);
|
|
10123
|
+
}
|
|
10554
10124
|
.rt-Heading:where([data-accent-color]) {
|
|
10555
|
-
color: var(--accent-
|
|
10125
|
+
color: var(--accent-ink);
|
|
10556
10126
|
}
|
|
10557
|
-
.rt-Heading:where([data-accent-color].rt-
|
|
10558
|
-
color: var(--accent-
|
|
10127
|
+
.rt-Heading:where([data-accent-color].rt-emphasis-medium) {
|
|
10128
|
+
color: var(--accent-ink-muted);
|
|
10129
|
+
}
|
|
10130
|
+
.rt-Heading:where([data-accent-color].rt-emphasis-quiet) {
|
|
10131
|
+
color: var(--accent-ink-faint);
|
|
10559
10132
|
}
|
|
10560
10133
|
.rt-Heading:where(.rt-r-size-0) {
|
|
10561
10134
|
font-size: calc(var(--font-size-0) * var(--heading-font-size-adjust));
|
|
@@ -12509,8 +12082,8 @@
|
|
|
12509
12082
|
.rt-Link:where(:disabled,[data-disabled]) {
|
|
12510
12083
|
cursor: var(--cursor-disabled);
|
|
12511
12084
|
}
|
|
12512
|
-
:where([data-accent-color]:not(.radix-themes
|
|
12513
|
-
color: var(--accent-
|
|
12085
|
+
:where([data-accent-color]:not(.radix-themes)) .rt-Link:where([data-accent-color='']) {
|
|
12086
|
+
color: var(--accent-ink);
|
|
12514
12087
|
}
|
|
12515
12088
|
@supports (color: color-mix(in oklab, white, black)) {
|
|
12516
12089
|
.rt-Link:where(:-moz-any-link,button) {
|
|
@@ -12538,19 +12111,19 @@
|
|
|
12538
12111
|
text-decoration-line: underline;
|
|
12539
12112
|
}
|
|
12540
12113
|
}
|
|
12541
|
-
|
|
12114
|
+
:where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
|
|
12542
12115
|
text-decoration-line: underline;
|
|
12543
12116
|
text-decoration-color: var(--accent-a6);
|
|
12544
12117
|
}
|
|
12545
|
-
|
|
12118
|
+
:where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
|
|
12546
12119
|
text-decoration-line: underline;
|
|
12547
12120
|
text-decoration-color: var(--accent-a6);
|
|
12548
12121
|
}
|
|
12549
12122
|
@supports (color: color-mix(in oklab, white, black)) {
|
|
12550
|
-
|
|
12123
|
+
:where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
|
|
12551
12124
|
text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--gray-a6));
|
|
12552
12125
|
}
|
|
12553
|
-
|
|
12126
|
+
:where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
|
|
12554
12127
|
text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--gray-a6));
|
|
12555
12128
|
}
|
|
12556
12129
|
}
|
|
@@ -13237,7 +12810,7 @@
|
|
|
13237
12810
|
box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
13238
12811
|
}
|
|
13239
12812
|
.rt-ProgressRoot:where(.rt-variant-surface) :where(.rt-ProgressIndicator) {
|
|
13240
|
-
background-color: var(--accent-
|
|
12813
|
+
background-color: var(--accent-solid);
|
|
13241
12814
|
}
|
|
13242
12815
|
.rt-ProgressRoot:where(.rt-variant-soft) {
|
|
13243
12816
|
background-color: var(--gray-3);
|
|
@@ -13252,7 +12825,7 @@
|
|
|
13252
12825
|
background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
|
|
13253
12826
|
}
|
|
13254
12827
|
.rt-ProgressRoot:where(.rt-variant-soft) :where(.rt-ProgressIndicator) {
|
|
13255
|
-
background-color: var(--accent-
|
|
12828
|
+
background-color: var(--accent-solid);
|
|
13256
12829
|
}
|
|
13257
12830
|
.rt-ProgressRoot:where(.rt-variant-outline) {
|
|
13258
12831
|
-webkit-box-shadow: inset 0 0 0 1px var(--gray-6);
|
|
@@ -13271,10 +12844,7 @@
|
|
|
13271
12844
|
box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
13272
12845
|
}
|
|
13273
12846
|
.rt-ProgressRoot:where(.rt-variant-outline) :where(.rt-ProgressIndicator) {
|
|
13274
|
-
background-color: var(--accent-
|
|
13275
|
-
}
|
|
13276
|
-
.rt-ProgressRoot:where(.rt-high-contrast) :where(.rt-ProgressIndicator) {
|
|
13277
|
-
background-color: var(--accent-12);
|
|
12847
|
+
background-color: var(--accent-solid);
|
|
13278
12848
|
}
|
|
13279
12849
|
.rt-Quote {
|
|
13280
12850
|
-webkit-box-sizing: border-box;
|
|
@@ -13423,20 +12993,12 @@
|
|
|
13423
12993
|
box-shadow: inset 0 0 0 1px var(--accent-9);
|
|
13424
12994
|
}
|
|
13425
12995
|
.rt-BaseRadioRoot:where(.rt-variant-solid):where(:checked,[data-state='checked'])::before {
|
|
13426
|
-
background-color: var(--accent-
|
|
13427
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-
|
|
13428
|
-
box-shadow: inset 0 0 0 1px var(--accent-
|
|
12996
|
+
background-color: var(--accent-solid);
|
|
12997
|
+
-webkit-box-shadow: inset 0 0 0 1px var(--accent-solid);
|
|
12998
|
+
box-shadow: inset 0 0 0 1px var(--accent-solid);
|
|
13429
12999
|
}
|
|
13430
13000
|
.rt-BaseRadioRoot:where(.rt-variant-solid)::after {
|
|
13431
|
-
background-color: var(--accent-contrast);
|
|
13432
|
-
}
|
|
13433
|
-
.rt-BaseRadioRoot:where(.rt-variant-solid):where(.rt-high-contrast):where(:checked,[data-state='checked'])::before {
|
|
13434
|
-
background-color: var(--accent-12);
|
|
13435
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-12);
|
|
13436
|
-
box-shadow: inset 0 0 0 1px var(--accent-12);
|
|
13437
|
-
}
|
|
13438
|
-
.rt-BaseRadioRoot:where(.rt-variant-solid):where(.rt-high-contrast)::after {
|
|
13439
|
-
background-color: var(--gray-1);
|
|
13001
|
+
background-color: var(--accent-solid-contrast);
|
|
13440
13002
|
}
|
|
13441
13003
|
.rt-BaseRadioRoot:where(.rt-variant-solid):where(:disabled,[data-disabled])::before {
|
|
13442
13004
|
-webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
@@ -13451,7 +13013,7 @@
|
|
|
13451
13013
|
top: var(--classic-elevation-offset);
|
|
13452
13014
|
}
|
|
13453
13015
|
.rt-BaseRadioRoot:where(.rt-variant-classic):where(:not(:checked),[data-state='unchecked'])::before {
|
|
13454
|
-
color: var(--accent-
|
|
13016
|
+
color: var(--accent-ink);
|
|
13455
13017
|
background-color: var(--color-surface-solid);
|
|
13456
13018
|
-webkit-box-shadow: var(--shadow-2);
|
|
13457
13019
|
box-shadow: var(--shadow-2);
|
|
@@ -13478,10 +13040,7 @@
|
|
|
13478
13040
|
background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
|
|
13479
13041
|
}
|
|
13480
13042
|
.rt-BaseRadioRoot:where(.rt-variant-classic)::after {
|
|
13481
|
-
background-color: var(--accent-
|
|
13482
|
-
}
|
|
13483
|
-
.rt-BaseRadioRoot:where(.rt-variant-classic):where(.rt-high-contrast)::after {
|
|
13484
|
-
color: var(--accent-12);
|
|
13043
|
+
background-color: var(--accent-ink);
|
|
13485
13044
|
}
|
|
13486
13045
|
.rt-BaseRadioRoot:where(.rt-variant-classic):where(:active:not(:disabled,[data-disabled])) {
|
|
13487
13046
|
top: calc(var(--classic-elevation-offset) + var(--classic-active-padding-offset-1));
|
|
@@ -13523,10 +13082,7 @@
|
|
|
13523
13082
|
background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
|
|
13524
13083
|
}
|
|
13525
13084
|
.rt-BaseRadioRoot:where(.rt-variant-soft)::after {
|
|
13526
|
-
background-color: var(--accent-
|
|
13527
|
-
}
|
|
13528
|
-
.rt-BaseRadioRoot:where(.rt-variant-soft):where(.rt-high-contrast)::after {
|
|
13529
|
-
background-color: var(--accent-12);
|
|
13085
|
+
background-color: var(--accent-ink);
|
|
13530
13086
|
}
|
|
13531
13087
|
.rt-BaseRadioRoot:where(.rt-variant-soft):where(:focus-visible)::before {
|
|
13532
13088
|
outline-color: var(--accent-a8);
|
|
@@ -13540,22 +13096,19 @@
|
|
|
13540
13096
|
.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before {
|
|
13541
13097
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
13542
13098
|
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
13543
|
-
color: var(--accent-
|
|
13099
|
+
color: var(--accent-ink);
|
|
13544
13100
|
}
|
|
13545
13101
|
:where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before) {
|
|
13546
13102
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
13547
13103
|
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
13548
|
-
color: var(--accent-a11);
|
|
13549
13104
|
}
|
|
13550
13105
|
:is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before):where([data-panel-background='solid'],[data-material='solid']) {
|
|
13551
13106
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
13552
13107
|
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
13553
|
-
color: var(--accent-11);
|
|
13554
13108
|
}
|
|
13555
13109
|
:is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
13556
13110
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
13557
13111
|
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
13558
|
-
color: var(--accent-a11);
|
|
13559
13112
|
}
|
|
13560
13113
|
.rt-BaseRadioRoot:where(.rt-variant-outline):where(:checked,[data-state='checked'])::before {
|
|
13561
13114
|
background-color: var(--accent-2);
|
|
@@ -13578,10 +13131,7 @@
|
|
|
13578
13131
|
box-shadow: inset 0 0 0 1px var(--accent-a7);
|
|
13579
13132
|
}
|
|
13580
13133
|
.rt-BaseRadioRoot:where(.rt-variant-outline)::after {
|
|
13581
|
-
background-color: var(--accent-
|
|
13582
|
-
}
|
|
13583
|
-
.rt-BaseRadioRoot:where(.rt-variant-outline):where(.rt-high-contrast)::after {
|
|
13584
|
-
background-color: var(--accent-12);
|
|
13134
|
+
background-color: var(--accent-ink);
|
|
13585
13135
|
}
|
|
13586
13136
|
.rt-BaseRadioRoot:where(.rt-variant-outline):where(:disabled,[data-disabled])::before {
|
|
13587
13137
|
-webkit-box-shadow: inset 0 0 0 1px var(--gray-a7);
|
|
@@ -13632,10 +13182,7 @@
|
|
|
13632
13182
|
box-shadow: inset 0 0 0 1px var(--accent-a8);
|
|
13633
13183
|
}
|
|
13634
13184
|
.rt-BaseRadioRoot:where(.rt-variant-surface)::after {
|
|
13635
|
-
background-color: var(--accent-
|
|
13636
|
-
}
|
|
13637
|
-
.rt-BaseRadioRoot:where(.rt-variant-surface):where(.rt-high-contrast)::after {
|
|
13638
|
-
background-color: var(--accent-12);
|
|
13185
|
+
background-color: var(--accent-ink);
|
|
13639
13186
|
}
|
|
13640
13187
|
.rt-BaseRadioRoot:where(.rt-variant-surface):where(:disabled,[data-disabled])::before {
|
|
13641
13188
|
-webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
@@ -13833,12 +13380,9 @@
|
|
|
13833
13380
|
.rt-RadioCardsItem:where([data-state='checked']) {
|
|
13834
13381
|
-webkit-transition: var(--transition-fast);
|
|
13835
13382
|
transition: var(--transition-fast);
|
|
13836
|
-
outline: var(--focus-outline-width) solid var(--accent-indicator);
|
|
13383
|
+
outline: var(--focus-outline-width) solid var(--accent-solid-indicator);
|
|
13837
13384
|
outline-offset: -1px;
|
|
13838
13385
|
}
|
|
13839
|
-
:where(.rt-RadioCardsRoot.rt-high-contrast) .rt-RadioCardsItem:where([data-state='checked']) {
|
|
13840
|
-
outline-color: var(--accent-12);
|
|
13841
|
-
}
|
|
13842
13386
|
.rt-RadioCardsItem:where(:focus-visible) {
|
|
13843
13387
|
-webkit-transition: var(--transition-focus);
|
|
13844
13388
|
transition: var(--transition-focus);
|
|
@@ -13846,7 +13390,6 @@
|
|
|
13846
13390
|
outline-offset: -1px;
|
|
13847
13391
|
}
|
|
13848
13392
|
.rt-RadioCardsItem:where(:focus-visible):where([data-state='checked'])::before {
|
|
13849
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a3)), to(var(--focus-a3)));
|
|
13850
13393
|
background-image: linear-gradient(var(--focus-a3), var(--focus-a3));
|
|
13851
13394
|
}
|
|
13852
13395
|
.rt-RadioCardsItem:where(:focus-visible):where([data-state='checked']) {
|
|
@@ -13859,7 +13402,6 @@
|
|
|
13859
13402
|
background-color: var(--gray-a5);
|
|
13860
13403
|
}
|
|
13861
13404
|
.rt-RadioCardsItem:where(:disabled)::before {
|
|
13862
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
|
|
13863
13405
|
background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
|
|
13864
13406
|
}
|
|
13865
13407
|
.rt-RadioCardsItem:where(:disabled) {
|
|
@@ -14180,7 +13722,6 @@
|
|
|
14180
13722
|
user-select: none;
|
|
14181
13723
|
-ms-touch-action: none;
|
|
14182
13724
|
touch-action: none;
|
|
14183
|
-
background-color: var(--gray-a3);
|
|
14184
13725
|
border-radius: var(--scrollarea-scrollbar-border-radius);
|
|
14185
13726
|
-webkit-animation-duration: var(--motion-duration-micro);
|
|
14186
13727
|
animation-duration: var(--motion-duration-micro);
|
|
@@ -14211,7 +13752,7 @@
|
|
|
14211
13752
|
}
|
|
14212
13753
|
.rt-ScrollAreaThumb {
|
|
14213
13754
|
position: relative;
|
|
14214
|
-
background-color: var(--gray-
|
|
13755
|
+
background-color: var(--gray-a6);
|
|
14215
13756
|
border-radius: inherit;
|
|
14216
13757
|
-webkit-transition: background-color var(--motion-duration-micro) var(--motion-ease-standard);
|
|
14217
13758
|
transition: background-color var(--motion-duration-micro) var(--motion-ease-standard);
|
|
@@ -14320,7 +13861,7 @@
|
|
|
14320
13861
|
}
|
|
14321
13862
|
@media (hover: hover) {
|
|
14322
13863
|
.rt-ScrollAreaThumb:where(:hover) {
|
|
14323
|
-
background-color: var(--gray-
|
|
13864
|
+
background-color: var(--gray-a8);
|
|
14324
13865
|
}
|
|
14325
13866
|
}
|
|
14326
13867
|
.rt-SegmentedControlRoot:where(:has([data-icon-only])) {
|
|
@@ -15415,9 +14956,6 @@
|
|
|
15415
14956
|
backdrop-filter: var(--backdrop-filter-components);
|
|
15416
14957
|
--backdrop-filter-components: var(--backdrop-filter-components-enabled);
|
|
15417
14958
|
}
|
|
15418
|
-
.rt-SelectTrigger:where(.rt-high-contrast) :where(.rt-SelectTriggerInner) {
|
|
15419
|
-
color: var(--accent-12);
|
|
15420
|
-
}
|
|
15421
14959
|
.rt-SelectTrigger:where(:not([data-placeholder])) :where(.rt-SelectTriggerInner) {
|
|
15422
14960
|
font-weight: var(--font-weight-medium);
|
|
15423
14961
|
}
|
|
@@ -15553,7 +15091,7 @@
|
|
|
15553
15091
|
height: var(--select-trigger-height);
|
|
15554
15092
|
padding: 0 var(--select-trigger-ghost-padding-x);
|
|
15555
15093
|
background-color: transparent;
|
|
15556
|
-
color: var(--accent-
|
|
15094
|
+
color: var(--accent-ink);
|
|
15557
15095
|
}
|
|
15558
15096
|
.rt-SelectTrigger:where(.rt-r-size-1) {
|
|
15559
15097
|
--select-trigger-height: var(--space-5);
|
|
@@ -16262,17 +15800,13 @@
|
|
|
16262
15800
|
.rt-SelectTrigger:where(.rt-variant-classic) {
|
|
16263
15801
|
position: relative;
|
|
16264
15802
|
top: var(--classic-elevation-offset);
|
|
16265
|
-
color: var(--accent-
|
|
15803
|
+
color: var(--accent-ink);
|
|
16266
15804
|
background-color: var(--color-surface);
|
|
16267
15805
|
-webkit-box-shadow: var(--shadow-2);
|
|
16268
15806
|
box-shadow: var(--shadow-2);
|
|
16269
15807
|
-webkit-transition: var(--transition-text-field);
|
|
16270
15808
|
transition: var(--transition-text-field);
|
|
16271
15809
|
}
|
|
16272
|
-
.rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast) {
|
|
16273
|
-
color: var(--accent-12);
|
|
16274
|
-
background-color: var(--color-surface);
|
|
16275
|
-
}
|
|
16276
15810
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic) {
|
|
16277
15811
|
background-color: var(--color-surface);
|
|
16278
15812
|
}
|
|
@@ -16282,15 +15816,6 @@
|
|
|
16282
15816
|
.rt-SelectTrigger:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
16283
15817
|
background-color: var(--color-surface);
|
|
16284
15818
|
}
|
|
16285
|
-
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast) {
|
|
16286
|
-
background-color: var(--color-surface);
|
|
16287
|
-
}
|
|
16288
|
-
.rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast):where([data-panel-background='solid'],[data-material='solid']) {
|
|
16289
|
-
background-color: var(--color-surface);
|
|
16290
|
-
}
|
|
16291
|
-
.rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
16292
|
-
background-color: var(--color-surface);
|
|
16293
|
-
}
|
|
16294
15819
|
.rt-SelectTrigger:where(.rt-variant-classic):where(:focus-visible) {
|
|
16295
15820
|
outline: 2px solid var(--focus-8);
|
|
16296
15821
|
outline-offset: 2px;
|
|
@@ -16350,10 +15875,7 @@
|
|
|
16350
15875
|
}
|
|
16351
15876
|
.rt-SelectTrigger:where(.rt-variant-soft) {
|
|
16352
15877
|
background-color: var(--accent-3);
|
|
16353
|
-
color: var(--accent-
|
|
16354
|
-
}
|
|
16355
|
-
.rt-SelectTrigger:where(.rt-variant-soft):where(.rt-high-contrast) {
|
|
16356
|
-
color: var(--accent-12);
|
|
15878
|
+
color: var(--accent-ink);
|
|
16357
15879
|
}
|
|
16358
15880
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-soft) {
|
|
16359
15881
|
background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
|
|
@@ -16417,9 +15939,6 @@
|
|
|
16417
15939
|
opacity: 0.6;
|
|
16418
15940
|
font-weight: var(--font-weight-regular);
|
|
16419
15941
|
}
|
|
16420
|
-
.rt-SelectTrigger:where(.rt-variant-ghost):where(.rt-high-contrast) {
|
|
16421
|
-
color: var(--accent-12);
|
|
16422
|
-
}
|
|
16423
15942
|
.rt-SelectTrigger:where(.rt-variant-ghost):where([data-placeholder]) :where(.rt-SelectTriggerInner) {
|
|
16424
15943
|
color: var(--gray-a10);
|
|
16425
15944
|
font-weight: var(--font-weight-regular);
|
|
@@ -16475,28 +15994,21 @@
|
|
|
16475
15994
|
.rt-SelectTrigger:where(.rt-variant-outline) {
|
|
16476
15995
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
16477
15996
|
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
16478
|
-
color: var(--accent-
|
|
15997
|
+
color: var(--accent-ink);
|
|
16479
15998
|
-webkit-transition: var(--transition-background-blur);
|
|
16480
15999
|
transition: var(--transition-background-blur);
|
|
16481
16000
|
}
|
|
16482
|
-
.rt-SelectTrigger:where(.rt-variant-outline):where(.rt-high-contrast) {
|
|
16483
|
-
color: var(--accent-12);
|
|
16484
|
-
color: var(--accent-12);
|
|
16485
|
-
}
|
|
16486
16001
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-outline) {
|
|
16487
16002
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
16488
16003
|
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
16489
|
-
color: var(--accent-a11);
|
|
16490
16004
|
}
|
|
16491
16005
|
.rt-SelectTrigger:where(.rt-variant-outline):where([data-panel-background='solid'],[data-material='solid']) {
|
|
16492
16006
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
16493
16007
|
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
16494
|
-
color: var(--accent-11);
|
|
16495
16008
|
}
|
|
16496
16009
|
.rt-SelectTrigger:where(.rt-variant-outline):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
16497
16010
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
16498
16011
|
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
16499
|
-
color: var(--accent-a11);
|
|
16500
16012
|
}
|
|
16501
16013
|
@media (hover: hover) {
|
|
16502
16014
|
.rt-SelectTrigger:where(.rt-variant-outline):where(:hover) {
|
|
@@ -16580,11 +16092,7 @@
|
|
|
16580
16092
|
background-color: var(--accent-2);
|
|
16581
16093
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
16582
16094
|
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
16583
|
-
color: var(--accent-
|
|
16584
|
-
}
|
|
16585
|
-
.rt-SelectTrigger:where(.rt-variant-surface):where(.rt-high-contrast) {
|
|
16586
|
-
color: var(--accent-12);
|
|
16587
|
-
color: var(--accent-12);
|
|
16095
|
+
color: var(--accent-ink);
|
|
16588
16096
|
}
|
|
16589
16097
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-surface) {
|
|
16590
16098
|
background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
|
|
@@ -16758,18 +16266,18 @@
|
|
|
16758
16266
|
}
|
|
16759
16267
|
}
|
|
16760
16268
|
.rt-SelectItem:where([data-accent-color]) {
|
|
16761
|
-
color: var(--accent-
|
|
16269
|
+
color: var(--accent-ink);
|
|
16762
16270
|
}
|
|
16763
16271
|
.rt-SelectItem:where([data-disabled]) {
|
|
16764
16272
|
color: var(--gray-a8);
|
|
16765
16273
|
cursor: default;
|
|
16766
16274
|
}
|
|
16767
|
-
.rt-SelectItem :where(.rt-Text[data-accent-color
|
|
16275
|
+
.rt-SelectItem :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]), [data-accent-color='gray'])) {
|
|
16768
16276
|
color: var(--gray-a10);
|
|
16769
16277
|
}
|
|
16770
16278
|
.rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted]) {
|
|
16771
|
-
background-color: var(--accent-
|
|
16772
|
-
color: var(--accent-contrast);
|
|
16279
|
+
background-color: var(--accent-solid);
|
|
16280
|
+
color: var(--accent-solid-contrast);
|
|
16773
16281
|
}
|
|
16774
16282
|
:is(.rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text) {
|
|
16775
16283
|
color: inherit !important;
|
|
@@ -16777,30 +16285,10 @@
|
|
|
16777
16285
|
:is(.rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted])) :where([data-accent-color='gray']) {
|
|
16778
16286
|
color: inherit !important;
|
|
16779
16287
|
}
|
|
16780
|
-
.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted]) {
|
|
16781
|
-
background-color: var(--accent-12);
|
|
16782
|
-
color: var(--accent-1);
|
|
16783
|
-
}
|
|
16784
|
-
:is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text) {
|
|
16785
|
-
color: inherit !important;
|
|
16786
|
-
}
|
|
16787
|
-
:is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])) :where([data-accent-color='gray']) {
|
|
16788
|
-
color: inherit !important;
|
|
16789
|
-
}
|
|
16790
|
-
:is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])):where([data-accent-color]) {
|
|
16791
|
-
background-color: var(--accent-9);
|
|
16792
|
-
color: var(--accent-contrast);
|
|
16793
|
-
}
|
|
16794
|
-
:is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])):where([data-accent-color]) :where(.rt-Text) {
|
|
16795
|
-
color: inherit !important;
|
|
16796
|
-
}
|
|
16797
|
-
:is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])):where([data-accent-color]) :where([data-accent-color='gray']) {
|
|
16798
|
-
color: inherit !important;
|
|
16799
|
-
}
|
|
16800
16288
|
.rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted]) {
|
|
16801
16289
|
background-color: var(--accent-a4);
|
|
16802
16290
|
}
|
|
16803
|
-
:is(.rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text[data-accent-color
|
|
16291
|
+
:is(.rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
|
|
16804
16292
|
color: var(--gray-11) !important;
|
|
16805
16293
|
}
|
|
16806
16294
|
.rt-Separator {
|
|
@@ -17161,9 +16649,9 @@
|
|
|
17161
16649
|
outline-offset: 2px;
|
|
17162
16650
|
}
|
|
17163
16651
|
.rt-SidebarMenuButton:where([data-accent-color]) {
|
|
17164
|
-
color: var(--accent-
|
|
16652
|
+
color: var(--accent-ink);
|
|
17165
16653
|
}
|
|
17166
|
-
.rt-SidebarMenuButton :where(.rt-Text[data-accent-color
|
|
16654
|
+
.rt-SidebarMenuButton :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
|
|
17167
16655
|
color: var(--gray-a10);
|
|
17168
16656
|
}
|
|
17169
16657
|
.rt-SidebarMenuButton:where([data-disabled],[data-highlighted],:hover,[data-active]) :where(.rt-SidebarMenuShortcut) {
|
|
@@ -17573,11 +17061,11 @@
|
|
|
17573
17061
|
line-height: var(--line-height-0);
|
|
17574
17062
|
}
|
|
17575
17063
|
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuLabel) {
|
|
17576
|
-
color: var(--accent-
|
|
17064
|
+
color: var(--accent-ink);
|
|
17577
17065
|
font-weight: var(--font-weight-medium);
|
|
17578
17066
|
}
|
|
17579
17067
|
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuLabel) {
|
|
17580
|
-
color: var(--accent-
|
|
17068
|
+
color: var(--accent-ink);
|
|
17581
17069
|
}
|
|
17582
17070
|
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled])),
|
|
17583
17071
|
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active]) {
|
|
@@ -17596,20 +17084,12 @@
|
|
|
17596
17084
|
background-color: var(--accent-a3);
|
|
17597
17085
|
}
|
|
17598
17086
|
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
|
|
17599
|
-
background-color: var(--accent-
|
|
17600
|
-
color: var(--accent-contrast);
|
|
17087
|
+
background-color: var(--accent-solid);
|
|
17088
|
+
color: var(--accent-solid-contrast);
|
|
17601
17089
|
}
|
|
17602
17090
|
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
|
|
17603
|
-
background-color: var(--accent-
|
|
17604
|
-
color: var(--accent-contrast);
|
|
17605
|
-
}
|
|
17606
|
-
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid[data-high-contrast] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
|
|
17607
|
-
background-color: var(--accent-12);
|
|
17608
|
-
color: var(--accent-1);
|
|
17609
|
-
}
|
|
17610
|
-
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid[data-high-contrast] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
|
|
17611
|
-
background-color: var(--accent-12);
|
|
17612
|
-
color: var(--accent-1);
|
|
17091
|
+
background-color: var(--accent-solid);
|
|
17092
|
+
color: var(--accent-solid-contrast);
|
|
17613
17093
|
}
|
|
17614
17094
|
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuBadge),
|
|
17615
17095
|
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuShortcut),
|
|
@@ -18721,11 +18201,11 @@
|
|
|
18721
18201
|
transition: background var(--duration-1) var(--ease-1), color var(--duration-2) var(--ease-1);
|
|
18722
18202
|
}
|
|
18723
18203
|
:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled])) {
|
|
18724
|
-
background-color: var(--accent-
|
|
18725
|
-
color: var(--accent-contrast);
|
|
18204
|
+
background-color: var(--accent-solid);
|
|
18205
|
+
color: var(--accent-solid-contrast);
|
|
18726
18206
|
}
|
|
18727
18207
|
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-BaseMenuSubTriggerIcon) {
|
|
18728
|
-
color: var(--accent-contrast);
|
|
18208
|
+
color: var(--accent-solid-contrast);
|
|
18729
18209
|
}
|
|
18730
18210
|
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text) {
|
|
18731
18211
|
color: inherit !important;
|
|
@@ -18734,12 +18214,12 @@
|
|
|
18734
18214
|
color: inherit !important;
|
|
18735
18215
|
}
|
|
18736
18216
|
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Badge) {
|
|
18737
|
-
color: var(--accent-contrast) !important;
|
|
18738
|
-
background-color: var(--accent-
|
|
18217
|
+
color: var(--accent-solid-badge-contrast) !important;
|
|
18218
|
+
background-color: var(--accent-solid-badge) !important;
|
|
18739
18219
|
}
|
|
18740
18220
|
:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton[data-active]) {
|
|
18741
|
-
background-color: var(--accent-
|
|
18742
|
-
color: var(--accent-contrast);
|
|
18221
|
+
background-color: var(--accent-solid);
|
|
18222
|
+
color: var(--accent-solid-contrast);
|
|
18743
18223
|
font-weight: var(--font-weight-medium);
|
|
18744
18224
|
}
|
|
18745
18225
|
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text) {
|
|
@@ -18749,68 +18229,8 @@
|
|
|
18749
18229
|
color: inherit !important;
|
|
18750
18230
|
}
|
|
18751
18231
|
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Badge) {
|
|
18752
|
-
color: var(--accent-contrast) !important;
|
|
18753
|
-
background-color: var(--accent-
|
|
18754
|
-
}
|
|
18755
|
-
:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled])) {
|
|
18756
|
-
background-color: var(--accent-12);
|
|
18757
|
-
color: var(--accent-1);
|
|
18758
|
-
}
|
|
18759
|
-
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-BaseMenuSubTriggerIcon) {
|
|
18760
|
-
color: var(--accent-1);
|
|
18761
|
-
}
|
|
18762
|
-
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text) {
|
|
18763
|
-
color: inherit !important;
|
|
18764
|
-
}
|
|
18765
|
-
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where([data-accent-color='gray']:not(.rt-Badge)) {
|
|
18766
|
-
color: inherit !important;
|
|
18767
|
-
}
|
|
18768
|
-
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Badge) {
|
|
18769
|
-
color: var(--accent-1) !important;
|
|
18770
|
-
background-color: var(--accent-9) !important;
|
|
18771
|
-
}
|
|
18772
|
-
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-accent-color]) {
|
|
18773
|
-
background-color: var(--accent-9);
|
|
18774
|
-
color: var(--accent-contrast);
|
|
18775
|
-
}
|
|
18776
|
-
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-accent-color]) :where(.rt-Text) {
|
|
18777
|
-
color: inherit !important;
|
|
18778
|
-
}
|
|
18779
|
-
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-accent-color]) :where([data-accent-color='gray']:not(.rt-Badge)) {
|
|
18780
|
-
color: inherit !important;
|
|
18781
|
-
}
|
|
18782
|
-
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-accent-color]) :where(.rt-Badge) {
|
|
18783
|
-
color: var(--accent-contrast) !important;
|
|
18784
|
-
background-color: var(--accent-12) !important;
|
|
18785
|
-
}
|
|
18786
|
-
:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active]) {
|
|
18787
|
-
background-color: var(--accent-12);
|
|
18788
|
-
color: var(--accent-1);
|
|
18789
|
-
font-weight: var(--font-weight-medium);
|
|
18790
|
-
}
|
|
18791
|
-
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text) {
|
|
18792
|
-
color: inherit !important;
|
|
18793
|
-
}
|
|
18794
|
-
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])) :where([data-accent-color='gray']:not(.rt-Badge)) {
|
|
18795
|
-
color: inherit !important;
|
|
18796
|
-
}
|
|
18797
|
-
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Badge) {
|
|
18798
|
-
color: var(--accent-1) !important;
|
|
18799
|
-
background-color: var(--accent-9) !important;
|
|
18800
|
-
}
|
|
18801
|
-
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])):where([data-accent-color]) {
|
|
18802
|
-
background-color: var(--accent-9);
|
|
18803
|
-
color: var(--accent-contrast);
|
|
18804
|
-
}
|
|
18805
|
-
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])):where([data-accent-color]) :where(.rt-Text) {
|
|
18806
|
-
color: inherit !important;
|
|
18807
|
-
}
|
|
18808
|
-
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])):where([data-accent-color]) :where([data-accent-color='gray']:not(.rt-Badge)) {
|
|
18809
|
-
color: inherit !important;
|
|
18810
|
-
}
|
|
18811
|
-
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])):where([data-accent-color]) :where(.rt-Badge) {
|
|
18812
|
-
color: var(--accent-contrast) !important;
|
|
18813
|
-
background-color: var(--accent-12) !important;
|
|
18232
|
+
color: var(--accent-solid-badge-contrast) !important;
|
|
18233
|
+
background-color: var(--accent-solid-badge) !important;
|
|
18814
18234
|
}
|
|
18815
18235
|
:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuSubTrigger) {
|
|
18816
18236
|
-webkit-transition: var(--transition-menu);
|
|
@@ -18858,7 +18278,7 @@
|
|
|
18858
18278
|
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-panel-background='translucent']) {
|
|
18859
18279
|
background-color: var(--accent-a4);
|
|
18860
18280
|
}
|
|
18861
|
-
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text[data-accent-color
|
|
18281
|
+
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
|
|
18862
18282
|
color: var(--gray-11) !important;
|
|
18863
18283
|
}
|
|
18864
18284
|
:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active]) {
|
|
@@ -18880,7 +18300,7 @@
|
|
|
18880
18300
|
background-color: var(--accent-a3);
|
|
18881
18301
|
color: var(--accent-a12);
|
|
18882
18302
|
}
|
|
18883
|
-
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text[data-accent-color
|
|
18303
|
+
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
|
|
18884
18304
|
color: var(--gray-11) !important;
|
|
18885
18305
|
}
|
|
18886
18306
|
.rt-SidebarSearch {
|
|
@@ -18991,8 +18411,8 @@
|
|
|
18991
18411
|
background-color: var(--accent-a4);
|
|
18992
18412
|
}
|
|
18993
18413
|
:where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-solid) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
|
|
18994
|
-
background-color: var(--accent-
|
|
18995
|
-
color: var(--accent-contrast);
|
|
18414
|
+
background-color: var(--accent-solid);
|
|
18415
|
+
color: var(--accent-solid-contrast);
|
|
18996
18416
|
}
|
|
18997
18417
|
.rt-SidebarSearchPopover {
|
|
18998
18418
|
display: -webkit-box;
|
|
@@ -19817,14 +19237,14 @@
|
|
|
19817
19237
|
--backdrop-filter-components: var(--backdrop-filter-components-enabled);
|
|
19818
19238
|
}
|
|
19819
19239
|
.rt-SliderRoot:where([data-orientation='horizontal']) {
|
|
19820
|
-
width: -webkit-fill-available;
|
|
19821
19240
|
width: -moz-available;
|
|
19241
|
+
width: -webkit-fill-available;
|
|
19822
19242
|
width: stretch;
|
|
19823
19243
|
height: var(--slider-track-size);
|
|
19824
19244
|
}
|
|
19825
19245
|
.rt-SliderRoot:where([data-orientation='vertical']) {
|
|
19826
|
-
height: -webkit-fill-available;
|
|
19827
19246
|
height: -moz-available;
|
|
19247
|
+
height: -webkit-fill-available;
|
|
19828
19248
|
height: stretch;
|
|
19829
19249
|
-webkit-box-orient: vertical;
|
|
19830
19250
|
-webkit-box-direction: normal;
|
|
@@ -19877,7 +19297,7 @@
|
|
|
19877
19297
|
content: '';
|
|
19878
19298
|
position: absolute;
|
|
19879
19299
|
inset: calc(var(--slider-thumb-inset-factor) * var(--slider-track-size) * -1);
|
|
19880
|
-
background-color:
|
|
19300
|
+
background-color: var(--accent-solid-thumb);
|
|
19881
19301
|
border-radius: var(--slider-thumb-radius);
|
|
19882
19302
|
-webkit-box-shadow: var(--shadow-2);
|
|
19883
19303
|
box-shadow: var(--shadow-2);
|
|
@@ -20093,10 +19513,7 @@
|
|
|
20093
19513
|
box-shadow: inset 0 0 0 1px var(--gray-5);
|
|
20094
19514
|
}
|
|
20095
19515
|
.rt-SliderRoot:where(.rt-variant-surface) :where(.rt-SliderRange) {
|
|
20096
|
-
background-color: var(--accent-
|
|
20097
|
-
}
|
|
20098
|
-
.rt-SliderRoot:where(.rt-variant-surface):where(.rt-high-contrast) :where(.rt-SliderRange) {
|
|
20099
|
-
background-color: var(--accent-12);
|
|
19516
|
+
background-color: var(--accent-solid);
|
|
20100
19517
|
}
|
|
20101
19518
|
.rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderTrack) {
|
|
20102
19519
|
background-color: var(--gray-3);
|
|
@@ -20111,10 +19528,7 @@
|
|
|
20111
19528
|
background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
|
|
20112
19529
|
}
|
|
20113
19530
|
.rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderRange) {
|
|
20114
|
-
background-color: var(--accent-
|
|
20115
|
-
}
|
|
20116
|
-
.rt-SliderRoot:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-SliderRange) {
|
|
20117
|
-
background-color: var(--accent-12);
|
|
19531
|
+
background-color: var(--accent-solid);
|
|
20118
19532
|
}
|
|
20119
19533
|
.rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderThumb) {
|
|
20120
19534
|
--slider-thumb-box-shadow: var(--shadow-3);
|
|
@@ -20136,17 +19550,11 @@
|
|
|
20136
19550
|
box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
20137
19551
|
}
|
|
20138
19552
|
.rt-SliderRoot:where(.rt-variant-outline) :where(.rt-SliderRange) {
|
|
20139
|
-
background-color: var(--accent-
|
|
20140
|
-
}
|
|
20141
|
-
.rt-SliderRoot:where(.rt-variant-outline):where(.rt-high-contrast) :where(.rt-SliderRange) {
|
|
20142
|
-
background-color: var(--accent-12);
|
|
19553
|
+
background-color: var(--accent-solid);
|
|
20143
19554
|
}
|
|
20144
19555
|
.rt-SliderRoot:where(.rt-variant-outline) :where(.rt-SliderThumb) {
|
|
20145
19556
|
--slider-thumb-box-shadow: var(--shadow-3);
|
|
20146
19557
|
}
|
|
20147
|
-
.rt-SliderRoot:where(:not(.rt-high-contrast)) {
|
|
20148
|
-
--slider-range-high-contrast-background-image: none;
|
|
20149
|
-
}
|
|
20150
19558
|
.rt-SliderRoot:where([data-disabled]) {
|
|
20151
19559
|
cursor: var(--cursor-disabled);
|
|
20152
19560
|
}
|
|
@@ -20484,6 +19892,7 @@
|
|
|
20484
19892
|
transition: transform var(--transition-standard), box-shadow var(--transition-standard), -webkit-transform var(--transition-standard), -webkit-box-shadow var(--transition-standard);
|
|
20485
19893
|
}
|
|
20486
19894
|
.rt-SwitchThumb:where([data-state='checked']) {
|
|
19895
|
+
background-color: var(--accent-solid-thumb);
|
|
20487
19896
|
-webkit-transform: translateX(var(--switch-thumb-translate-x));
|
|
20488
19897
|
transform: translateX(var(--switch-thumb-translate-x));
|
|
20489
19898
|
}
|
|
@@ -20590,12 +19999,7 @@
|
|
|
20590
19999
|
box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
20591
20000
|
}
|
|
20592
20001
|
.rt-SwitchRoot:where(.rt-variant-surface):where([data-state='checked'])::before {
|
|
20593
|
-
background-color: var(--accent-
|
|
20594
|
-
-webkit-box-shadow: none;
|
|
20595
|
-
box-shadow: none;
|
|
20596
|
-
}
|
|
20597
|
-
.rt-SwitchRoot:where(.rt-variant-surface):where(.rt-high-contrast):where([data-state='checked'])::before {
|
|
20598
|
-
background-color: var(--accent-12);
|
|
20002
|
+
background-color: var(--accent-solid);
|
|
20599
20003
|
-webkit-box-shadow: none;
|
|
20600
20004
|
box-shadow: none;
|
|
20601
20005
|
}
|
|
@@ -20612,10 +20016,7 @@
|
|
|
20612
20016
|
background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
|
|
20613
20017
|
}
|
|
20614
20018
|
.rt-SwitchRoot:where(.rt-variant-soft):where([data-state='checked'])::before {
|
|
20615
|
-
background-color: var(--accent-
|
|
20616
|
-
}
|
|
20617
|
-
.rt-SwitchRoot:where(.rt-variant-soft):where(.rt-high-contrast):where([data-state='checked'])::before {
|
|
20618
|
-
background-color: var(--accent-12);
|
|
20019
|
+
background-color: var(--accent-solid);
|
|
20619
20020
|
}
|
|
20620
20021
|
.rt-SwitchRoot:where(.rt-variant-outline)::before {
|
|
20621
20022
|
-webkit-box-shadow: inset 0 0 0 1px var(--gray-6);
|
|
@@ -20634,12 +20035,7 @@
|
|
|
20634
20035
|
box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
20635
20036
|
}
|
|
20636
20037
|
.rt-SwitchRoot:where(.rt-variant-outline):where([data-state='checked'])::before {
|
|
20637
|
-
background-color: var(--accent-
|
|
20638
|
-
-webkit-box-shadow: none;
|
|
20639
|
-
box-shadow: none;
|
|
20640
|
-
}
|
|
20641
|
-
.rt-SwitchRoot:where(.rt-variant-outline):where(.rt-high-contrast):where([data-state='checked'])::before {
|
|
20642
|
-
background-color: var(--accent-12);
|
|
20038
|
+
background-color: var(--accent-solid);
|
|
20643
20039
|
-webkit-box-shadow: none;
|
|
20644
20040
|
box-shadow: none;
|
|
20645
20041
|
}
|
|
@@ -21014,7 +20410,7 @@
|
|
|
21014
20410
|
bottom: 0;
|
|
21015
20411
|
left: 0;
|
|
21016
20412
|
right: 0;
|
|
21017
|
-
background-color: var(--accent-indicator);
|
|
20413
|
+
background-color: var(--accent-solid-indicator);
|
|
21018
20414
|
-webkit-transform-origin: center;
|
|
21019
20415
|
transform-origin: center;
|
|
21020
20416
|
-webkit-transition: opacity var(--duration-2) var(--ease-1), background-color var(--duration-2) var(--ease-1), -webkit-transform var(--duration-3) var(--ease-3);
|
|
@@ -21022,9 +20418,6 @@
|
|
|
21022
20418
|
transition: transform var(--duration-3) var(--ease-3), opacity var(--duration-2) var(--ease-1), background-color var(--duration-2) var(--ease-1);
|
|
21023
20419
|
transition: transform var(--duration-3) var(--ease-3), opacity var(--duration-2) var(--ease-1), background-color var(--duration-2) var(--ease-1), -webkit-transform var(--duration-3) var(--ease-3);
|
|
21024
20420
|
}
|
|
21025
|
-
:is(:where(.rt-BaseTabList.rt-high-contrast) .rt-BaseTabListTrigger):where([data-state='active'],[data-active])::before {
|
|
21026
|
-
background-color: var(--accent-12);
|
|
21027
|
-
}
|
|
21028
20421
|
@media (forced-colors: active) {
|
|
21029
20422
|
.rt-BaseTabListTrigger:where([data-state='active'])::before,
|
|
21030
20423
|
.rt-TabNavLink:where([data-active])::before {
|
|
@@ -21810,7 +21203,6 @@
|
|
|
21810
21203
|
box-shadow: inset 0 0 0 1px var(--focus-a5);
|
|
21811
21204
|
}
|
|
21812
21205
|
.rt-TextAreaRoot:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:has(.rt-TextAreaInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
|
|
21813
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
|
|
21814
21206
|
background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
|
|
21815
21207
|
-webkit-box-shadow: inset 0 0 0 1px var(--focus-a5);
|
|
21816
21208
|
box-shadow: inset 0 0 0 1px var(--focus-a5);
|
|
@@ -21821,7 +21213,6 @@
|
|
|
21821
21213
|
}
|
|
21822
21214
|
.rt-TextAreaRoot:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:has(.rt-TextAreaInput:where(:disabled,:read-only))) {
|
|
21823
21215
|
background-color: var(--gray-a2);
|
|
21824
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
|
|
21825
21216
|
background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
|
|
21826
21217
|
}
|
|
21827
21218
|
.rt-TextAreaRoot:where(.rt-variant-outline, .rt-variant-surface) {
|
|
@@ -21940,7 +21331,6 @@
|
|
|
21940
21331
|
box-shadow: var(--shadow-2);
|
|
21941
21332
|
}
|
|
21942
21333
|
.rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
|
|
21943
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
|
|
21944
21334
|
background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
|
|
21945
21335
|
-webkit-box-shadow: var(--shadow-2);
|
|
21946
21336
|
box-shadow: var(--shadow-2);
|
|
@@ -21949,7 +21339,6 @@
|
|
|
21949
21339
|
background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
|
|
21950
21340
|
}
|
|
21951
21341
|
.rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:disabled,:read-only))) {
|
|
21952
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
|
|
21953
21342
|
background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
|
|
21954
21343
|
}
|
|
21955
21344
|
.rt-TextAreaInput:where(:disabled,:-moz-read-only) {
|
|
@@ -22364,6 +21753,9 @@
|
|
|
22364
21753
|
width: 100%;
|
|
22365
21754
|
min-width: 0;
|
|
22366
21755
|
}
|
|
21756
|
+
.rt-ChatbarRoot {
|
|
21757
|
+
--chatbar-attachment-thumb: var(--space-8);
|
|
21758
|
+
}
|
|
22367
21759
|
.rt-ChatbarRoot:where([data-material='solid'],[data-panel-background='solid']) {
|
|
22368
21760
|
--material-blend: 100%;
|
|
22369
21761
|
--material-alpha: 0;
|
|
@@ -22386,13 +21778,19 @@
|
|
|
22386
21778
|
font: inherit;
|
|
22387
21779
|
line-height: inherit;
|
|
22388
21780
|
text-align: start;
|
|
22389
|
-
-webkit-transition: height
|
|
22390
|
-
transition: height
|
|
21781
|
+
-webkit-transition: height var(--motion-duration-small) ease-out;
|
|
21782
|
+
transition: height var(--motion-duration-small) ease-out;
|
|
22391
21783
|
}
|
|
22392
21784
|
.rt-ChatbarInput:focus,
|
|
22393
21785
|
.rt-ChatbarInput:focus-visible {
|
|
22394
21786
|
outline: none;
|
|
22395
21787
|
}
|
|
21788
|
+
.rt-ChatbarInput::-moz-selection {
|
|
21789
|
+
background-color: var(--v-selection-color, var(--focus-a5));
|
|
21790
|
+
}
|
|
21791
|
+
.rt-ChatbarInput::selection {
|
|
21792
|
+
background-color: var(--v-selection-color, var(--focus-a5));
|
|
21793
|
+
}
|
|
22396
21794
|
.rt-ChatbarBox :where(.rt-ChatbarGrid) {
|
|
22397
21795
|
display: -webkit-box;
|
|
22398
21796
|
display: -ms-flexbox;
|
|
@@ -22432,6 +21830,10 @@
|
|
|
22432
21830
|
-webkit-transition: var(--transition-button), opacity var(--motion-duration-small) var(--motion-ease-standard);
|
|
22433
21831
|
transition: var(--transition-button), opacity var(--motion-duration-small) var(--motion-ease-standard);
|
|
22434
21832
|
}
|
|
21833
|
+
.rt-ChatbarSend[aria-hidden='true'] {
|
|
21834
|
+
opacity: 0;
|
|
21835
|
+
pointer-events: none;
|
|
21836
|
+
}
|
|
22435
21837
|
.rt-ChatbarRoot:where([data-state='closed']) :where(.rt-ChatbarRow) {
|
|
22436
21838
|
display: none;
|
|
22437
21839
|
}
|
|
@@ -22445,8 +21847,8 @@
|
|
|
22445
21847
|
.rt-ChatbarScrollArea {
|
|
22446
21848
|
border-radius: var(--chatbar-attachments-radius);
|
|
22447
21849
|
}
|
|
22448
|
-
.rt-ChatbarScrollArea :where(.rt-ScrollAreaScrollbar) {
|
|
22449
|
-
|
|
21850
|
+
.rt-ChatbarScrollArea :where(.rt-ScrollAreaScrollbar[data-orientation='horizontal']) {
|
|
21851
|
+
--scrollarea-scrollbar-size: 3px;
|
|
22450
21852
|
}
|
|
22451
21853
|
.rt-ChatbarAttachmentPreview {
|
|
22452
21854
|
height: var(--chatbar-attachment-thumb);
|
|
@@ -22559,7 +21961,7 @@
|
|
|
22559
21961
|
transition: var(--transition-text-field);
|
|
22560
21962
|
isolation: isolate;
|
|
22561
21963
|
}
|
|
22562
|
-
|
|
21964
|
+
:where([data-panel-background='translucent'], [data-material='translucent']) .rt-ChatbarBox {
|
|
22563
21965
|
backdrop-filter: var(--backdrop-filter-components);
|
|
22564
21966
|
--backdrop-filter-components: var(--backdrop-filter-components-enabled);
|
|
22565
21967
|
}
|
|
@@ -22572,8 +21974,6 @@
|
|
|
22572
21974
|
padding: var(--space-3);
|
|
22573
21975
|
}
|
|
22574
21976
|
.rt-ChatbarRoot:where(.rt-r-size-1) .rt-ChatbarInput {
|
|
22575
|
-
--text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
|
|
22576
|
-
--text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
|
|
22577
21977
|
font-size: var(--font-size-1);
|
|
22578
21978
|
line-height: var(--line-height-1);
|
|
22579
21979
|
letter-spacing: var(--letter-spacing-1);
|
|
@@ -22583,8 +21983,6 @@
|
|
|
22583
21983
|
padding: var(--space-4);
|
|
22584
21984
|
}
|
|
22585
21985
|
.rt-ChatbarRoot:where(.rt-r-size-2) .rt-ChatbarInput {
|
|
22586
|
-
--text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
|
|
22587
|
-
--text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
|
|
22588
21986
|
font-size: var(--font-size-2);
|
|
22589
21987
|
line-height: var(--line-height-2);
|
|
22590
21988
|
letter-spacing: var(--letter-spacing-2);
|
|
@@ -22594,8 +21992,6 @@
|
|
|
22594
21992
|
padding: var(--space-4);
|
|
22595
21993
|
}
|
|
22596
21994
|
.rt-ChatbarRoot:where(.rt-r-size-3) .rt-ChatbarInput {
|
|
22597
|
-
--text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
|
|
22598
|
-
--text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
|
|
22599
21995
|
font-size: var(--font-size-3);
|
|
22600
21996
|
line-height: var(--line-height-3);
|
|
22601
21997
|
letter-spacing: var(--letter-spacing-3);
|
|
@@ -22606,8 +22002,6 @@
|
|
|
22606
22002
|
padding: var(--space-3);
|
|
22607
22003
|
}
|
|
22608
22004
|
.rt-ChatbarRoot:where(.xs\:rt-r-size-1) .rt-ChatbarInput {
|
|
22609
|
-
--text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
|
|
22610
|
-
--text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
|
|
22611
22005
|
font-size: var(--font-size-1);
|
|
22612
22006
|
line-height: var(--line-height-1);
|
|
22613
22007
|
letter-spacing: var(--letter-spacing-1);
|
|
@@ -22617,8 +22011,6 @@
|
|
|
22617
22011
|
padding: var(--space-4);
|
|
22618
22012
|
}
|
|
22619
22013
|
.rt-ChatbarRoot:where(.xs\:rt-r-size-2) .rt-ChatbarInput {
|
|
22620
|
-
--text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
|
|
22621
|
-
--text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
|
|
22622
22014
|
font-size: var(--font-size-2);
|
|
22623
22015
|
line-height: var(--line-height-2);
|
|
22624
22016
|
letter-spacing: var(--letter-spacing-2);
|
|
@@ -22628,8 +22020,6 @@
|
|
|
22628
22020
|
padding: var(--space-4);
|
|
22629
22021
|
}
|
|
22630
22022
|
.rt-ChatbarRoot:where(.xs\:rt-r-size-3) .rt-ChatbarInput {
|
|
22631
|
-
--text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
|
|
22632
|
-
--text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
|
|
22633
22023
|
font-size: var(--font-size-3);
|
|
22634
22024
|
line-height: var(--line-height-3);
|
|
22635
22025
|
letter-spacing: var(--letter-spacing-3);
|
|
@@ -22641,8 +22031,6 @@
|
|
|
22641
22031
|
padding: var(--space-3);
|
|
22642
22032
|
}
|
|
22643
22033
|
.rt-ChatbarRoot:where(.sm\:rt-r-size-1) .rt-ChatbarInput {
|
|
22644
|
-
--text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
|
|
22645
|
-
--text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
|
|
22646
22034
|
font-size: var(--font-size-1);
|
|
22647
22035
|
line-height: var(--line-height-1);
|
|
22648
22036
|
letter-spacing: var(--letter-spacing-1);
|
|
@@ -22652,8 +22040,6 @@
|
|
|
22652
22040
|
padding: var(--space-4);
|
|
22653
22041
|
}
|
|
22654
22042
|
.rt-ChatbarRoot:where(.sm\:rt-r-size-2) .rt-ChatbarInput {
|
|
22655
|
-
--text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
|
|
22656
|
-
--text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
|
|
22657
22043
|
font-size: var(--font-size-2);
|
|
22658
22044
|
line-height: var(--line-height-2);
|
|
22659
22045
|
letter-spacing: var(--letter-spacing-2);
|
|
@@ -22663,8 +22049,6 @@
|
|
|
22663
22049
|
padding: var(--space-4);
|
|
22664
22050
|
}
|
|
22665
22051
|
.rt-ChatbarRoot:where(.sm\:rt-r-size-3) .rt-ChatbarInput {
|
|
22666
|
-
--text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
|
|
22667
|
-
--text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
|
|
22668
22052
|
font-size: var(--font-size-3);
|
|
22669
22053
|
line-height: var(--line-height-3);
|
|
22670
22054
|
letter-spacing: var(--letter-spacing-3);
|
|
@@ -22676,8 +22060,6 @@
|
|
|
22676
22060
|
padding: var(--space-3);
|
|
22677
22061
|
}
|
|
22678
22062
|
.rt-ChatbarRoot:where(.md\:rt-r-size-1) .rt-ChatbarInput {
|
|
22679
|
-
--text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
|
|
22680
|
-
--text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
|
|
22681
22063
|
font-size: var(--font-size-1);
|
|
22682
22064
|
line-height: var(--line-height-1);
|
|
22683
22065
|
letter-spacing: var(--letter-spacing-1);
|
|
@@ -22687,8 +22069,6 @@
|
|
|
22687
22069
|
padding: var(--space-4);
|
|
22688
22070
|
}
|
|
22689
22071
|
.rt-ChatbarRoot:where(.md\:rt-r-size-2) .rt-ChatbarInput {
|
|
22690
|
-
--text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
|
|
22691
|
-
--text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
|
|
22692
22072
|
font-size: var(--font-size-2);
|
|
22693
22073
|
line-height: var(--line-height-2);
|
|
22694
22074
|
letter-spacing: var(--letter-spacing-2);
|
|
@@ -22698,8 +22078,6 @@
|
|
|
22698
22078
|
padding: var(--space-4);
|
|
22699
22079
|
}
|
|
22700
22080
|
.rt-ChatbarRoot:where(.md\:rt-r-size-3) .rt-ChatbarInput {
|
|
22701
|
-
--text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
|
|
22702
|
-
--text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
|
|
22703
22081
|
font-size: var(--font-size-3);
|
|
22704
22082
|
line-height: var(--line-height-3);
|
|
22705
22083
|
letter-spacing: var(--letter-spacing-3);
|
|
@@ -22711,8 +22089,6 @@
|
|
|
22711
22089
|
padding: var(--space-3);
|
|
22712
22090
|
}
|
|
22713
22091
|
.rt-ChatbarRoot:where(.lg\:rt-r-size-1) .rt-ChatbarInput {
|
|
22714
|
-
--text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
|
|
22715
|
-
--text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
|
|
22716
22092
|
font-size: var(--font-size-1);
|
|
22717
22093
|
line-height: var(--line-height-1);
|
|
22718
22094
|
letter-spacing: var(--letter-spacing-1);
|
|
@@ -22722,8 +22098,6 @@
|
|
|
22722
22098
|
padding: var(--space-4);
|
|
22723
22099
|
}
|
|
22724
22100
|
.rt-ChatbarRoot:where(.lg\:rt-r-size-2) .rt-ChatbarInput {
|
|
22725
|
-
--text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
|
|
22726
|
-
--text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
|
|
22727
22101
|
font-size: var(--font-size-2);
|
|
22728
22102
|
line-height: var(--line-height-2);
|
|
22729
22103
|
letter-spacing: var(--letter-spacing-2);
|
|
@@ -22733,8 +22107,6 @@
|
|
|
22733
22107
|
padding: var(--space-4);
|
|
22734
22108
|
}
|
|
22735
22109
|
.rt-ChatbarRoot:where(.lg\:rt-r-size-3) .rt-ChatbarInput {
|
|
22736
|
-
--text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
|
|
22737
|
-
--text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
|
|
22738
22110
|
font-size: var(--font-size-3);
|
|
22739
22111
|
line-height: var(--line-height-3);
|
|
22740
22112
|
letter-spacing: var(--letter-spacing-3);
|
|
@@ -22746,8 +22118,6 @@
|
|
|
22746
22118
|
padding: var(--space-3);
|
|
22747
22119
|
}
|
|
22748
22120
|
.rt-ChatbarRoot:where(.xl\:rt-r-size-1) .rt-ChatbarInput {
|
|
22749
|
-
--text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
|
|
22750
|
-
--text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
|
|
22751
22121
|
font-size: var(--font-size-1);
|
|
22752
22122
|
line-height: var(--line-height-1);
|
|
22753
22123
|
letter-spacing: var(--letter-spacing-1);
|
|
@@ -22757,8 +22127,6 @@
|
|
|
22757
22127
|
padding: var(--space-4);
|
|
22758
22128
|
}
|
|
22759
22129
|
.rt-ChatbarRoot:where(.xl\:rt-r-size-2) .rt-ChatbarInput {
|
|
22760
|
-
--text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
|
|
22761
|
-
--text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
|
|
22762
22130
|
font-size: var(--font-size-2);
|
|
22763
22131
|
line-height: var(--line-height-2);
|
|
22764
22132
|
letter-spacing: var(--letter-spacing-2);
|
|
@@ -22768,8 +22136,6 @@
|
|
|
22768
22136
|
padding: var(--space-4);
|
|
22769
22137
|
}
|
|
22770
22138
|
.rt-ChatbarRoot:where(.xl\:rt-r-size-3) .rt-ChatbarInput {
|
|
22771
|
-
--text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
|
|
22772
|
-
--text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
|
|
22773
22139
|
font-size: var(--font-size-3);
|
|
22774
22140
|
line-height: var(--line-height-3);
|
|
22775
22141
|
letter-spacing: var(--letter-spacing-3);
|
|
@@ -22937,8 +22303,6 @@
|
|
|
22937
22303
|
--v-border-hover-a: var(--accent-a7);
|
|
22938
22304
|
--v-border-focus: var(--accent-8);
|
|
22939
22305
|
--v-border-focus-a: var(--accent-a8);
|
|
22940
|
-
-webkit-transition: var(--transition-background-blur);
|
|
22941
|
-
transition: var(--transition-background-blur);
|
|
22942
22306
|
}
|
|
22943
22307
|
.rt-ChatbarBox:where(.rt-variant-surface) {
|
|
22944
22308
|
--text-area-border-width: 1px;
|
|
@@ -22961,16 +22325,20 @@
|
|
|
22961
22325
|
background-color: color-mix(in srgb, var(--v-bg-a) calc(var(--material-alpha) * 100%), var(--v-bg) var(--material-blend));
|
|
22962
22326
|
}
|
|
22963
22327
|
@media (hover: hover) {
|
|
22964
|
-
.rt-ChatbarBox:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:hover:not(:focus-within)) {
|
|
22328
|
+
.rt-ChatbarBox:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:hover:not(:focus-within)):where(:not(.rt-ChatbarRoot:is([data-disabled],[data-readonly]) *)) {
|
|
22965
22329
|
background-color: color-mix(in srgb, var(--v-bg-hover-a) calc(var(--material-alpha) * 100%), var(--v-bg-hover) var(--material-blend));
|
|
22966
22330
|
}
|
|
22967
22331
|
}
|
|
22332
|
+
.rt-ChatbarBox:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:focus-within) {
|
|
22333
|
+
outline: 2px solid var(--v-focus-color, var(--focus-8));
|
|
22334
|
+
outline-offset: -1px;
|
|
22335
|
+
}
|
|
22968
22336
|
.rt-ChatbarBox:where(.rt-variant-outline, .rt-variant-surface) {
|
|
22969
22337
|
-webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-a) calc(var(--material-alpha) * 100%), var(--v-border) var(--material-blend));
|
|
22970
22338
|
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-a) calc(var(--material-alpha) * 100%), var(--v-border) var(--material-blend));
|
|
22971
22339
|
}
|
|
22972
22340
|
@media (hover: hover) {
|
|
22973
|
-
.rt-ChatbarBox:where(.rt-variant-outline,.rt-variant-surface):where(:hover:not(:focus-within)) {
|
|
22341
|
+
.rt-ChatbarBox:where(.rt-variant-outline,.rt-variant-surface):where(:hover:not(:focus-within)):where(:not(.rt-ChatbarRoot:is([data-disabled],[data-readonly]) *)) {
|
|
22974
22342
|
-webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-hover-a) calc(var(--material-alpha) * 100%), var(--v-border-hover) var(--material-blend));
|
|
22975
22343
|
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-hover-a) calc(var(--material-alpha) * 100%), var(--v-border-hover) var(--material-blend));
|
|
22976
22344
|
}
|
|
@@ -22995,24 +22363,65 @@
|
|
|
22995
22363
|
-webkit-transition: var(--transition-text-field);
|
|
22996
22364
|
transition: var(--transition-text-field);
|
|
22997
22365
|
}
|
|
22998
|
-
|
|
22366
|
+
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-ChatbarBox:where(.rt-variant-classic) {
|
|
22999
22367
|
background-color: var(--color-surface-translucent);
|
|
23000
22368
|
}
|
|
22369
|
+
:where(.rt-ChatbarRoot[data-panel-background='solid'],.rt-ChatbarRoot[data-material='solid']) .rt-ChatbarBox:where(.rt-variant-classic) {
|
|
22370
|
+
background-color: var(--color-surface-solid);
|
|
22371
|
+
}
|
|
23001
22372
|
@media (hover: hover) {
|
|
23002
|
-
.rt-ChatbarBox:where(.rt-variant-classic):where(:hover:not(:focus-within)) {
|
|
22373
|
+
.rt-ChatbarBox:where(.rt-variant-classic):where(:hover:not(:focus-within)):where(:not(.rt-ChatbarRoot:is([data-disabled],[data-readonly]) *)) {
|
|
23003
22374
|
background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
|
|
23004
22375
|
-webkit-box-shadow: var(--shadow-3);
|
|
23005
22376
|
box-shadow: var(--shadow-3);
|
|
23006
22377
|
}
|
|
23007
22378
|
}
|
|
23008
22379
|
.rt-ChatbarBox:where(.rt-variant-classic):where(:focus-within) {
|
|
23009
|
-
-webkit-box-shadow: var(--shadow-2), 0 0 0 2px var(--focus-8);
|
|
23010
|
-
box-shadow: var(--shadow-2), 0 0 0 2px var(--focus-8);
|
|
22380
|
+
-webkit-box-shadow: var(--shadow-2), 0 0 0 2px var(--v-focus-color, var(--focus-8));
|
|
22381
|
+
box-shadow: var(--shadow-2), 0 0 0 2px var(--v-focus-color, var(--focus-8));
|
|
23011
22382
|
}
|
|
23012
|
-
.rt-ChatbarRoot {
|
|
23013
|
-
-
|
|
23014
|
-
|
|
23015
|
-
|
|
22383
|
+
.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox {
|
|
22384
|
+
--v-selection-color: var(--gray-a5);
|
|
22385
|
+
--v-focus-color: var(--gray-8);
|
|
22386
|
+
}
|
|
22387
|
+
.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface) {
|
|
22388
|
+
background-color: var(--gray-a2);
|
|
22389
|
+
}
|
|
22390
|
+
.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-soft) {
|
|
22391
|
+
background-color: var(--gray-a3);
|
|
22392
|
+
}
|
|
22393
|
+
.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-outline,.rt-variant-surface) {
|
|
22394
|
+
-webkit-box-shadow: inset 0 0 0 var(--text-area-border-width) var(--gray-a6);
|
|
22395
|
+
box-shadow: inset 0 0 0 var(--text-area-border-width) var(--gray-a6);
|
|
22396
|
+
}
|
|
22397
|
+
.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-classic) {
|
|
22398
|
+
background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
|
|
22399
|
+
}
|
|
22400
|
+
.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput {
|
|
22401
|
+
color: var(--gray-a11);
|
|
22402
|
+
-webkit-text-fill-color: var(--gray-a11);
|
|
22403
|
+
}
|
|
22404
|
+
:is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput)::-webkit-input-placeholder {
|
|
22405
|
+
opacity: 0.5;
|
|
22406
|
+
}
|
|
22407
|
+
:is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput)::-moz-placeholder {
|
|
22408
|
+
opacity: 0.5;
|
|
22409
|
+
}
|
|
22410
|
+
:is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput):-ms-input-placeholder {
|
|
22411
|
+
opacity: 0.5;
|
|
22412
|
+
}
|
|
22413
|
+
:is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput)::-ms-input-placeholder {
|
|
22414
|
+
opacity: 0.5;
|
|
22415
|
+
}
|
|
22416
|
+
:is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput)::placeholder {
|
|
22417
|
+
opacity: 0.5;
|
|
22418
|
+
}
|
|
22419
|
+
.rt-ChatbarRoot:where([data-disabled]) .rt-ChatbarBox,.rt-ChatbarRoot:where([data-disabled]) .rt-ChatbarInput {
|
|
22420
|
+
cursor: not-allowed;
|
|
22421
|
+
}
|
|
22422
|
+
.rt-ChatbarRoot:where([data-drop-active]) .rt-ChatbarBox {
|
|
22423
|
+
outline: 2px dashed var(--accent-8);
|
|
22424
|
+
outline-offset: -1px;
|
|
23016
22425
|
}
|
|
23017
22426
|
.rt-ChatbarDropOverlay {
|
|
23018
22427
|
position: absolute;
|
|
@@ -23047,11 +22456,18 @@
|
|
|
23047
22456
|
-ms-flex-align: center;
|
|
23048
22457
|
align-items: center;
|
|
23049
22458
|
gap: var(--space-2);
|
|
23050
|
-
color: var(--accent-11);
|
|
23051
22459
|
}
|
|
23052
|
-
|
|
23053
|
-
|
|
23054
|
-
|
|
22460
|
+
@media (prefers-reduced-motion: reduce) {
|
|
22461
|
+
.rt-ChatbarInput,
|
|
22462
|
+
.rt-ChatbarBox,
|
|
22463
|
+
.rt-ChatbarSend {
|
|
22464
|
+
-webkit-transition: none;
|
|
22465
|
+
transition: none;
|
|
22466
|
+
}
|
|
22467
|
+
.rt-ChatbarDropOverlay {
|
|
22468
|
+
-webkit-animation: none;
|
|
22469
|
+
animation: none;
|
|
22470
|
+
}
|
|
23055
22471
|
}
|
|
23056
22472
|
.rt-ChatbarInlineStart,
|
|
23057
22473
|
.rt-ChatbarInlineEnd {
|