@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/styles.css
CHANGED
|
@@ -3391,7 +3391,6 @@
|
|
|
3391
3391
|
--size-multiplier-large: 1.25;
|
|
3392
3392
|
--opacity-disabled: var(--opacity-5);
|
|
3393
3393
|
--opacity-soft-variant: var(--opacity-8);
|
|
3394
|
-
--opacity-high-contrast: var(--opacity-8);
|
|
3395
3394
|
--position-center: 50%;
|
|
3396
3395
|
--position-full: 100%;
|
|
3397
3396
|
--position-negative-full: -100%;
|
|
@@ -3424,6 +3423,12 @@
|
|
|
3424
3423
|
--material-blend: 100%;
|
|
3425
3424
|
--material-alpha: 0;
|
|
3426
3425
|
--color-transparent: rgb(0 0 0 / 0);
|
|
3426
|
+
--solid-chroma-hover-filter: none;
|
|
3427
|
+
--solid-chroma-active-filter: brightness(0.9) contrast(1.03);
|
|
3428
|
+
--solid-chroma-open-filter: brightness(0.96) contrast(1.02);
|
|
3429
|
+
--solid-gray-hover-filter: contrast(0.88) saturate(1.1) brightness(1.1);
|
|
3430
|
+
--solid-gray-active-filter: brightness(0.92);
|
|
3431
|
+
--solid-gray-open-filter: brightness(0.96);
|
|
3427
3432
|
--shadow-1: 0 0 0 0.25px var(--gray-a6), inset 0 1px 1px 0 var(--black-a2);
|
|
3428
3433
|
--shadow-2: 0 0 0 0.25px var(--gray-a3), 0 1px 3px 0 var(--black-a2), 0 1px 2px -1px var(--black-a2);
|
|
3429
3434
|
--shadow-3: 0 0 0 0.25px var(--gray-a6), 0 4px 6px -1px var(--black-a2), 0 2px 4px -2px var(--black-a2);
|
|
@@ -3455,13 +3460,7 @@
|
|
|
3455
3460
|
--opacity-9: calc(0.9 * var(--opacity-factor));
|
|
3456
3461
|
--avatar-image-hover-filter: brightness(0.95) saturate(1.05);
|
|
3457
3462
|
--avatar-image-active-filter: brightness(0.9) saturate(1.1);
|
|
3458
|
-
--base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.1) brightness(1.1);
|
|
3459
|
-
--base-button-solid-active-filter: brightness(0.9) contrast(1.03);
|
|
3460
|
-
--base-button-solid-open-filter: brightness(0.96) contrast(1.02);
|
|
3461
|
-
--base-button-solid-high-contrast-active-filter: brightness(0.92);
|
|
3462
|
-
--base-button-solid-high-contrast-open-filter: brightness(0.96);
|
|
3463
3463
|
--segmented-control-indicator-background-color: var(--color-background);
|
|
3464
|
-
--slider-range-high-contrast-background-image: linear-gradient(var(--black-a8), var(--black-a8));
|
|
3465
3464
|
}
|
|
3466
3465
|
@supports (color: color(display-p3 1 1 1)) {
|
|
3467
3466
|
@media (color-gamut: p3) {
|
|
@@ -3503,6 +3502,12 @@
|
|
|
3503
3502
|
--color-surface-translucent: color-mix(in srgb, var(--gray-2) var(--surface-opacity-percentage), transparent);
|
|
3504
3503
|
--color-dialog-solid: var(--gray-2);
|
|
3505
3504
|
--color-dialog-translucent: color-mix(in srgb, var(--gray-2) var(--dialog-opacity-percentage), transparent);
|
|
3505
|
+
--solid-chroma-hover-filter: none;
|
|
3506
|
+
--solid-chroma-active-filter: brightness(0.88) contrast(1.03);
|
|
3507
|
+
--solid-chroma-open-filter: brightness(0.95) contrast(1.02);
|
|
3508
|
+
--solid-gray-hover-filter: contrast(0.88) saturate(1.3) brightness(1.18);
|
|
3509
|
+
--solid-gray-active-filter: brightness(0.9);
|
|
3510
|
+
--solid-gray-open-filter: brightness(0.95);
|
|
3506
3511
|
--shadow-1: inset 0 0 0 0.5px var(--gray-a6), inset 0 1px 1px 0 var(--black-a3);
|
|
3507
3512
|
--shadow-2: 0 0 0 0.5px var(--gray-a6), 0 1px 3px 0 var(--black-a3), 0 1px 2px -1px var(--black-a3);
|
|
3508
3513
|
--shadow-3: 0 0 0 0.5px var(--gray-a6), 0 4px 6px -1px var(--black-a3), 0 2px 4px -2px var(--black-a3);
|
|
@@ -3511,12 +3516,6 @@
|
|
|
3511
3516
|
--shadow-6: 0 0 0 0.5px var(--gray-a6), 0 25px 50px -12px var(--black-a5);
|
|
3512
3517
|
--avatar-image-hover-filter: brightness(1.05) saturate(1.05);
|
|
3513
3518
|
--avatar-image-active-filter: brightness(1.1) saturate(1.1);
|
|
3514
|
-
--base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.3) brightness(1.18);
|
|
3515
|
-
--base-button-solid-active-filter: brightness(0.88) contrast(1.03);
|
|
3516
|
-
--base-button-solid-open-filter: brightness(0.95) contrast(1.02);
|
|
3517
|
-
--base-button-solid-high-contrast-active-filter: brightness(0.9);
|
|
3518
|
-
--base-button-solid-high-contrast-open-filter: brightness(0.95);
|
|
3519
|
-
--slider-range-high-contrast-background-image: none;
|
|
3520
3519
|
}
|
|
3521
3520
|
@supports (color: color(display-p3 1 1 1)) {
|
|
3522
3521
|
@media (color-gamut: p3) {
|
|
@@ -3557,6 +3556,26 @@
|
|
|
3557
3556
|
--focus-a10: var(--accent-a10);
|
|
3558
3557
|
--focus-a11: var(--accent-a11);
|
|
3559
3558
|
--focus-a12: var(--accent-a12);
|
|
3559
|
+
--accent-ink-mix: 45%;
|
|
3560
|
+
--accent-ink: color-mix(in oklab, var(--accent-11), var(--accent-12) var(--accent-ink-mix));
|
|
3561
|
+
--accent-ink-muted: color-mix(in oklab, var(--accent-ink) 74%, transparent);
|
|
3562
|
+
--accent-ink-faint: color-mix(in oklab, var(--accent-ink) 52%, transparent);
|
|
3563
|
+
--accent-solid: var(--accent-9);
|
|
3564
|
+
--accent-solid-a: var(--accent-a9);
|
|
3565
|
+
--accent-solid-hover: var(--accent-10);
|
|
3566
|
+
--accent-solid-hover-a: var(--accent-a10);
|
|
3567
|
+
--accent-solid-active: var(--accent-11);
|
|
3568
|
+
--accent-solid-active-a: var(--accent-a11);
|
|
3569
|
+
--accent-solid-contrast: var(--accent-contrast);
|
|
3570
|
+
--accent-solid-selection: var(--accent-7);
|
|
3571
|
+
--accent-solid-selection-contrast: var(--accent-12);
|
|
3572
|
+
--accent-solid-indicator: var(--accent-indicator);
|
|
3573
|
+
--accent-solid-thumb: white;
|
|
3574
|
+
--accent-solid-badge: var(--accent-12);
|
|
3575
|
+
--accent-solid-badge-contrast: var(--accent-1);
|
|
3576
|
+
--accent-solid-hover-filter: var(--solid-chroma-hover-filter);
|
|
3577
|
+
--accent-solid-active-filter: var(--solid-chroma-active-filter);
|
|
3578
|
+
--accent-solid-open-filter: var(--solid-chroma-open-filter);
|
|
3560
3579
|
}
|
|
3561
3580
|
.radix-themes ::-moz-selection {
|
|
3562
3581
|
background-color: var(--focus-a5);
|
|
@@ -3856,6 +3875,25 @@
|
|
|
3856
3875
|
--accent-surface: var(--gray-surface);
|
|
3857
3876
|
--accent-indicator: var(--gray-indicator);
|
|
3858
3877
|
--accent-track: var(--gray-track);
|
|
3878
|
+
--accent-ink: var(--gray-12);
|
|
3879
|
+
--accent-ink-muted: var(--gray-a11);
|
|
3880
|
+
--accent-ink-faint: var(--gray-a10);
|
|
3881
|
+
--accent-solid: var(--gray-12);
|
|
3882
|
+
--accent-solid-a: var(--gray-a12);
|
|
3883
|
+
--accent-solid-hover: var(--gray-12);
|
|
3884
|
+
--accent-solid-hover-a: var(--gray-a12);
|
|
3885
|
+
--accent-solid-active: var(--gray-12);
|
|
3886
|
+
--accent-solid-active-a: var(--gray-a12);
|
|
3887
|
+
--accent-solid-contrast: var(--gray-1);
|
|
3888
|
+
--accent-solid-selection: var(--gray-a11);
|
|
3889
|
+
--accent-solid-selection-contrast: var(--gray-1);
|
|
3890
|
+
--accent-solid-indicator: var(--gray-12);
|
|
3891
|
+
--accent-solid-thumb: var(--gray-1);
|
|
3892
|
+
--accent-solid-badge: var(--gray-1);
|
|
3893
|
+
--accent-solid-badge-contrast: var(--gray-12);
|
|
3894
|
+
--accent-solid-hover-filter: var(--solid-gray-hover-filter);
|
|
3895
|
+
--accent-solid-active-filter: var(--solid-gray-active-filter);
|
|
3896
|
+
--accent-solid-open-filter: var(--solid-gray-open-filter);
|
|
3859
3897
|
}
|
|
3860
3898
|
[data-accent-color='green'] {
|
|
3861
3899
|
--accent-1: var(--green-1);
|
|
@@ -4367,157 +4405,10 @@
|
|
|
4367
4405
|
--accent-indicator: var(--yellow-indicator);
|
|
4368
4406
|
--accent-track: var(--yellow-track);
|
|
4369
4407
|
}
|
|
4370
|
-
.radix-themes:where([data-gray-color='mauve']) {
|
|
4371
|
-
--gray-1: var(--mauve-1);
|
|
4372
|
-
--gray-2: var(--mauve-2);
|
|
4373
|
-
--gray-3: var(--mauve-3);
|
|
4374
|
-
--gray-4: var(--mauve-4);
|
|
4375
|
-
--gray-5: var(--mauve-5);
|
|
4376
|
-
--gray-6: var(--mauve-6);
|
|
4377
|
-
--gray-7: var(--mauve-7);
|
|
4378
|
-
--gray-8: var(--mauve-8);
|
|
4379
|
-
--gray-9: var(--mauve-9);
|
|
4380
|
-
--gray-10: var(--mauve-10);
|
|
4381
|
-
--gray-11: var(--mauve-11);
|
|
4382
|
-
--gray-12: var(--mauve-12);
|
|
4383
|
-
--gray-a1: var(--mauve-a1);
|
|
4384
|
-
--gray-a2: var(--mauve-a2);
|
|
4385
|
-
--gray-a3: var(--mauve-a3);
|
|
4386
|
-
--gray-a4: var(--mauve-a4);
|
|
4387
|
-
--gray-a5: var(--mauve-a5);
|
|
4388
|
-
--gray-a6: var(--mauve-a6);
|
|
4389
|
-
--gray-a7: var(--mauve-a7);
|
|
4390
|
-
--gray-a8: var(--mauve-a8);
|
|
4391
|
-
--gray-a9: var(--mauve-a9);
|
|
4392
|
-
--gray-a10: var(--mauve-a10);
|
|
4393
|
-
--gray-a11: var(--mauve-a11);
|
|
4394
|
-
--gray-a12: var(--mauve-a12);
|
|
4395
|
-
--gray-contrast: var(--mauve-contrast);
|
|
4396
|
-
--gray-surface: var(--mauve-surface);
|
|
4397
|
-
--gray-indicator: var(--mauve-indicator);
|
|
4398
|
-
--gray-track: var(--mauve-track);
|
|
4399
|
-
}
|
|
4400
|
-
.radix-themes:where([data-gray-color='olive']) {
|
|
4401
|
-
--gray-1: var(--olive-1);
|
|
4402
|
-
--gray-2: var(--olive-2);
|
|
4403
|
-
--gray-3: var(--olive-3);
|
|
4404
|
-
--gray-4: var(--olive-4);
|
|
4405
|
-
--gray-5: var(--olive-5);
|
|
4406
|
-
--gray-6: var(--olive-6);
|
|
4407
|
-
--gray-7: var(--olive-7);
|
|
4408
|
-
--gray-8: var(--olive-8);
|
|
4409
|
-
--gray-9: var(--olive-9);
|
|
4410
|
-
--gray-10: var(--olive-10);
|
|
4411
|
-
--gray-11: var(--olive-11);
|
|
4412
|
-
--gray-12: var(--olive-12);
|
|
4413
|
-
--gray-a1: var(--olive-a1);
|
|
4414
|
-
--gray-a2: var(--olive-a2);
|
|
4415
|
-
--gray-a3: var(--olive-a3);
|
|
4416
|
-
--gray-a4: var(--olive-a4);
|
|
4417
|
-
--gray-a5: var(--olive-a5);
|
|
4418
|
-
--gray-a6: var(--olive-a6);
|
|
4419
|
-
--gray-a7: var(--olive-a7);
|
|
4420
|
-
--gray-a8: var(--olive-a8);
|
|
4421
|
-
--gray-a9: var(--olive-a9);
|
|
4422
|
-
--gray-a10: var(--olive-a10);
|
|
4423
|
-
--gray-a11: var(--olive-a11);
|
|
4424
|
-
--gray-a12: var(--olive-a12);
|
|
4425
|
-
--gray-contrast: var(--olive-contrast);
|
|
4426
|
-
--gray-surface: var(--olive-surface);
|
|
4427
|
-
--gray-indicator: var(--olive-indicator);
|
|
4428
|
-
--gray-track: var(--olive-track);
|
|
4429
|
-
}
|
|
4430
|
-
.radix-themes:where([data-gray-color='sage']) {
|
|
4431
|
-
--gray-1: var(--sage-1);
|
|
4432
|
-
--gray-2: var(--sage-2);
|
|
4433
|
-
--gray-3: var(--sage-3);
|
|
4434
|
-
--gray-4: var(--sage-4);
|
|
4435
|
-
--gray-5: var(--sage-5);
|
|
4436
|
-
--gray-6: var(--sage-6);
|
|
4437
|
-
--gray-7: var(--sage-7);
|
|
4438
|
-
--gray-8: var(--sage-8);
|
|
4439
|
-
--gray-9: var(--sage-9);
|
|
4440
|
-
--gray-10: var(--sage-10);
|
|
4441
|
-
--gray-11: var(--sage-11);
|
|
4442
|
-
--gray-12: var(--sage-12);
|
|
4443
|
-
--gray-a1: var(--sage-a1);
|
|
4444
|
-
--gray-a2: var(--sage-a2);
|
|
4445
|
-
--gray-a3: var(--sage-a3);
|
|
4446
|
-
--gray-a4: var(--sage-a4);
|
|
4447
|
-
--gray-a5: var(--sage-a5);
|
|
4448
|
-
--gray-a6: var(--sage-a6);
|
|
4449
|
-
--gray-a7: var(--sage-a7);
|
|
4450
|
-
--gray-a8: var(--sage-a8);
|
|
4451
|
-
--gray-a9: var(--sage-a9);
|
|
4452
|
-
--gray-a10: var(--sage-a10);
|
|
4453
|
-
--gray-a11: var(--sage-a11);
|
|
4454
|
-
--gray-a12: var(--sage-a12);
|
|
4455
|
-
--gray-contrast: var(--sage-contrast);
|
|
4456
|
-
--gray-surface: var(--sage-surface);
|
|
4457
|
-
--gray-indicator: var(--sage-indicator);
|
|
4458
|
-
--gray-track: var(--sage-track);
|
|
4459
|
-
}
|
|
4460
|
-
.radix-themes:where([data-gray-color='sand']) {
|
|
4461
|
-
--gray-1: var(--sand-1);
|
|
4462
|
-
--gray-2: var(--sand-2);
|
|
4463
|
-
--gray-3: var(--sand-3);
|
|
4464
|
-
--gray-4: var(--sand-4);
|
|
4465
|
-
--gray-5: var(--sand-5);
|
|
4466
|
-
--gray-6: var(--sand-6);
|
|
4467
|
-
--gray-7: var(--sand-7);
|
|
4468
|
-
--gray-8: var(--sand-8);
|
|
4469
|
-
--gray-9: var(--sand-9);
|
|
4470
|
-
--gray-10: var(--sand-10);
|
|
4471
|
-
--gray-11: var(--sand-11);
|
|
4472
|
-
--gray-12: var(--sand-12);
|
|
4473
|
-
--gray-a1: var(--sand-a1);
|
|
4474
|
-
--gray-a2: var(--sand-a2);
|
|
4475
|
-
--gray-a3: var(--sand-a3);
|
|
4476
|
-
--gray-a4: var(--sand-a4);
|
|
4477
|
-
--gray-a5: var(--sand-a5);
|
|
4478
|
-
--gray-a6: var(--sand-a6);
|
|
4479
|
-
--gray-a7: var(--sand-a7);
|
|
4480
|
-
--gray-a8: var(--sand-a8);
|
|
4481
|
-
--gray-a9: var(--sand-a9);
|
|
4482
|
-
--gray-a10: var(--sand-a10);
|
|
4483
|
-
--gray-a11: var(--sand-a11);
|
|
4484
|
-
--gray-a12: var(--sand-a12);
|
|
4485
|
-
--gray-contrast: var(--sand-contrast);
|
|
4486
|
-
--gray-surface: var(--sand-surface);
|
|
4487
|
-
--gray-indicator: var(--sand-indicator);
|
|
4488
|
-
--gray-track: var(--sand-track);
|
|
4489
|
-
}
|
|
4490
|
-
.radix-themes:where([data-gray-color='slate']) {
|
|
4491
|
-
--gray-1: var(--slate-1);
|
|
4492
|
-
--gray-2: var(--slate-2);
|
|
4493
|
-
--gray-3: var(--slate-3);
|
|
4494
|
-
--gray-4: var(--slate-4);
|
|
4495
|
-
--gray-5: var(--slate-5);
|
|
4496
|
-
--gray-6: var(--slate-6);
|
|
4497
|
-
--gray-7: var(--slate-7);
|
|
4498
|
-
--gray-8: var(--slate-8);
|
|
4499
|
-
--gray-9: var(--slate-9);
|
|
4500
|
-
--gray-10: var(--slate-10);
|
|
4501
|
-
--gray-11: var(--slate-11);
|
|
4502
|
-
--gray-12: var(--slate-12);
|
|
4503
|
-
--gray-a1: var(--slate-a1);
|
|
4504
|
-
--gray-a2: var(--slate-a2);
|
|
4505
|
-
--gray-a3: var(--slate-a3);
|
|
4506
|
-
--gray-a4: var(--slate-a4);
|
|
4507
|
-
--gray-a5: var(--slate-a5);
|
|
4508
|
-
--gray-a6: var(--slate-a6);
|
|
4509
|
-
--gray-a7: var(--slate-a7);
|
|
4510
|
-
--gray-a8: var(--slate-a8);
|
|
4511
|
-
--gray-a9: var(--slate-a9);
|
|
4512
|
-
--gray-a10: var(--slate-a10);
|
|
4513
|
-
--gray-a11: var(--slate-a11);
|
|
4514
|
-
--gray-a12: var(--slate-a12);
|
|
4515
|
-
--gray-contrast: var(--slate-contrast);
|
|
4516
|
-
--gray-surface: var(--slate-surface);
|
|
4517
|
-
--gray-indicator: var(--slate-indicator);
|
|
4518
|
-
--gray-track: var(--slate-track);
|
|
4519
|
-
}
|
|
4520
4408
|
.radix-themes {
|
|
4409
|
+
--gray-ink: var(--gray-12);
|
|
4410
|
+
--gray-ink-muted: var(--gray-a11);
|
|
4411
|
+
--gray-ink-faint: var(--gray-a10);
|
|
4521
4412
|
--cursor-button: default;
|
|
4522
4413
|
--cursor-checkbox: default;
|
|
4523
4414
|
--cursor-disabled: not-allowed;
|
|
@@ -4603,7 +4494,7 @@
|
|
|
4603
4494
|
--transition-spring-gpu: transform var(--motion-duration-small) var(--motion-spring-snappy), opacity var(--motion-duration-small) var(--motion-spring-snappy);
|
|
4604
4495
|
--transition-spring-gpu-fast: transform var(--motion-duration-micro) var(--motion-spring-snappy), opacity var(--motion-duration-micro) var(--motion-spring-snappy);
|
|
4605
4496
|
--font-body: var(--font-sans);
|
|
4606
|
-
--font-heading: var(--font-body);
|
|
4497
|
+
--font-heading: var(--font-display, var(--font-body));
|
|
4607
4498
|
--font-code: var(--font-mono);
|
|
4608
4499
|
--font-strong: var(--font-body);
|
|
4609
4500
|
--font-em: var(--font-serif);
|
|
@@ -4744,6 +4635,156 @@
|
|
|
4744
4635
|
--spinner-opacity: 0.65;
|
|
4745
4636
|
color: var(--gray-12);
|
|
4746
4637
|
}
|
|
4638
|
+
.radix-themes:where([data-gray-color='mauve']) {
|
|
4639
|
+
--gray-1: var(--mauve-1);
|
|
4640
|
+
--gray-2: var(--mauve-2);
|
|
4641
|
+
--gray-3: var(--mauve-3);
|
|
4642
|
+
--gray-4: var(--mauve-4);
|
|
4643
|
+
--gray-5: var(--mauve-5);
|
|
4644
|
+
--gray-6: var(--mauve-6);
|
|
4645
|
+
--gray-7: var(--mauve-7);
|
|
4646
|
+
--gray-8: var(--mauve-8);
|
|
4647
|
+
--gray-9: var(--mauve-9);
|
|
4648
|
+
--gray-10: var(--mauve-10);
|
|
4649
|
+
--gray-11: var(--mauve-11);
|
|
4650
|
+
--gray-12: var(--mauve-12);
|
|
4651
|
+
--gray-a1: var(--mauve-a1);
|
|
4652
|
+
--gray-a2: var(--mauve-a2);
|
|
4653
|
+
--gray-a3: var(--mauve-a3);
|
|
4654
|
+
--gray-a4: var(--mauve-a4);
|
|
4655
|
+
--gray-a5: var(--mauve-a5);
|
|
4656
|
+
--gray-a6: var(--mauve-a6);
|
|
4657
|
+
--gray-a7: var(--mauve-a7);
|
|
4658
|
+
--gray-a8: var(--mauve-a8);
|
|
4659
|
+
--gray-a9: var(--mauve-a9);
|
|
4660
|
+
--gray-a10: var(--mauve-a10);
|
|
4661
|
+
--gray-a11: var(--mauve-a11);
|
|
4662
|
+
--gray-a12: var(--mauve-a12);
|
|
4663
|
+
--gray-contrast: var(--mauve-contrast);
|
|
4664
|
+
--gray-surface: var(--mauve-surface);
|
|
4665
|
+
--gray-indicator: var(--mauve-indicator);
|
|
4666
|
+
--gray-track: var(--mauve-track);
|
|
4667
|
+
}
|
|
4668
|
+
.radix-themes:where([data-gray-color='olive']) {
|
|
4669
|
+
--gray-1: var(--olive-1);
|
|
4670
|
+
--gray-2: var(--olive-2);
|
|
4671
|
+
--gray-3: var(--olive-3);
|
|
4672
|
+
--gray-4: var(--olive-4);
|
|
4673
|
+
--gray-5: var(--olive-5);
|
|
4674
|
+
--gray-6: var(--olive-6);
|
|
4675
|
+
--gray-7: var(--olive-7);
|
|
4676
|
+
--gray-8: var(--olive-8);
|
|
4677
|
+
--gray-9: var(--olive-9);
|
|
4678
|
+
--gray-10: var(--olive-10);
|
|
4679
|
+
--gray-11: var(--olive-11);
|
|
4680
|
+
--gray-12: var(--olive-12);
|
|
4681
|
+
--gray-a1: var(--olive-a1);
|
|
4682
|
+
--gray-a2: var(--olive-a2);
|
|
4683
|
+
--gray-a3: var(--olive-a3);
|
|
4684
|
+
--gray-a4: var(--olive-a4);
|
|
4685
|
+
--gray-a5: var(--olive-a5);
|
|
4686
|
+
--gray-a6: var(--olive-a6);
|
|
4687
|
+
--gray-a7: var(--olive-a7);
|
|
4688
|
+
--gray-a8: var(--olive-a8);
|
|
4689
|
+
--gray-a9: var(--olive-a9);
|
|
4690
|
+
--gray-a10: var(--olive-a10);
|
|
4691
|
+
--gray-a11: var(--olive-a11);
|
|
4692
|
+
--gray-a12: var(--olive-a12);
|
|
4693
|
+
--gray-contrast: var(--olive-contrast);
|
|
4694
|
+
--gray-surface: var(--olive-surface);
|
|
4695
|
+
--gray-indicator: var(--olive-indicator);
|
|
4696
|
+
--gray-track: var(--olive-track);
|
|
4697
|
+
}
|
|
4698
|
+
.radix-themes:where([data-gray-color='sage']) {
|
|
4699
|
+
--gray-1: var(--sage-1);
|
|
4700
|
+
--gray-2: var(--sage-2);
|
|
4701
|
+
--gray-3: var(--sage-3);
|
|
4702
|
+
--gray-4: var(--sage-4);
|
|
4703
|
+
--gray-5: var(--sage-5);
|
|
4704
|
+
--gray-6: var(--sage-6);
|
|
4705
|
+
--gray-7: var(--sage-7);
|
|
4706
|
+
--gray-8: var(--sage-8);
|
|
4707
|
+
--gray-9: var(--sage-9);
|
|
4708
|
+
--gray-10: var(--sage-10);
|
|
4709
|
+
--gray-11: var(--sage-11);
|
|
4710
|
+
--gray-12: var(--sage-12);
|
|
4711
|
+
--gray-a1: var(--sage-a1);
|
|
4712
|
+
--gray-a2: var(--sage-a2);
|
|
4713
|
+
--gray-a3: var(--sage-a3);
|
|
4714
|
+
--gray-a4: var(--sage-a4);
|
|
4715
|
+
--gray-a5: var(--sage-a5);
|
|
4716
|
+
--gray-a6: var(--sage-a6);
|
|
4717
|
+
--gray-a7: var(--sage-a7);
|
|
4718
|
+
--gray-a8: var(--sage-a8);
|
|
4719
|
+
--gray-a9: var(--sage-a9);
|
|
4720
|
+
--gray-a10: var(--sage-a10);
|
|
4721
|
+
--gray-a11: var(--sage-a11);
|
|
4722
|
+
--gray-a12: var(--sage-a12);
|
|
4723
|
+
--gray-contrast: var(--sage-contrast);
|
|
4724
|
+
--gray-surface: var(--sage-surface);
|
|
4725
|
+
--gray-indicator: var(--sage-indicator);
|
|
4726
|
+
--gray-track: var(--sage-track);
|
|
4727
|
+
}
|
|
4728
|
+
.radix-themes:where([data-gray-color='sand']) {
|
|
4729
|
+
--gray-1: var(--sand-1);
|
|
4730
|
+
--gray-2: var(--sand-2);
|
|
4731
|
+
--gray-3: var(--sand-3);
|
|
4732
|
+
--gray-4: var(--sand-4);
|
|
4733
|
+
--gray-5: var(--sand-5);
|
|
4734
|
+
--gray-6: var(--sand-6);
|
|
4735
|
+
--gray-7: var(--sand-7);
|
|
4736
|
+
--gray-8: var(--sand-8);
|
|
4737
|
+
--gray-9: var(--sand-9);
|
|
4738
|
+
--gray-10: var(--sand-10);
|
|
4739
|
+
--gray-11: var(--sand-11);
|
|
4740
|
+
--gray-12: var(--sand-12);
|
|
4741
|
+
--gray-a1: var(--sand-a1);
|
|
4742
|
+
--gray-a2: var(--sand-a2);
|
|
4743
|
+
--gray-a3: var(--sand-a3);
|
|
4744
|
+
--gray-a4: var(--sand-a4);
|
|
4745
|
+
--gray-a5: var(--sand-a5);
|
|
4746
|
+
--gray-a6: var(--sand-a6);
|
|
4747
|
+
--gray-a7: var(--sand-a7);
|
|
4748
|
+
--gray-a8: var(--sand-a8);
|
|
4749
|
+
--gray-a9: var(--sand-a9);
|
|
4750
|
+
--gray-a10: var(--sand-a10);
|
|
4751
|
+
--gray-a11: var(--sand-a11);
|
|
4752
|
+
--gray-a12: var(--sand-a12);
|
|
4753
|
+
--gray-contrast: var(--sand-contrast);
|
|
4754
|
+
--gray-surface: var(--sand-surface);
|
|
4755
|
+
--gray-indicator: var(--sand-indicator);
|
|
4756
|
+
--gray-track: var(--sand-track);
|
|
4757
|
+
}
|
|
4758
|
+
.radix-themes:where([data-gray-color='slate']) {
|
|
4759
|
+
--gray-1: var(--slate-1);
|
|
4760
|
+
--gray-2: var(--slate-2);
|
|
4761
|
+
--gray-3: var(--slate-3);
|
|
4762
|
+
--gray-4: var(--slate-4);
|
|
4763
|
+
--gray-5: var(--slate-5);
|
|
4764
|
+
--gray-6: var(--slate-6);
|
|
4765
|
+
--gray-7: var(--slate-7);
|
|
4766
|
+
--gray-8: var(--slate-8);
|
|
4767
|
+
--gray-9: var(--slate-9);
|
|
4768
|
+
--gray-10: var(--slate-10);
|
|
4769
|
+
--gray-11: var(--slate-11);
|
|
4770
|
+
--gray-12: var(--slate-12);
|
|
4771
|
+
--gray-a1: var(--slate-a1);
|
|
4772
|
+
--gray-a2: var(--slate-a2);
|
|
4773
|
+
--gray-a3: var(--slate-a3);
|
|
4774
|
+
--gray-a4: var(--slate-a4);
|
|
4775
|
+
--gray-a5: var(--slate-a5);
|
|
4776
|
+
--gray-a6: var(--slate-a6);
|
|
4777
|
+
--gray-a7: var(--slate-a7);
|
|
4778
|
+
--gray-a8: var(--slate-a8);
|
|
4779
|
+
--gray-a9: var(--slate-a9);
|
|
4780
|
+
--gray-a10: var(--slate-a10);
|
|
4781
|
+
--gray-a11: var(--slate-a11);
|
|
4782
|
+
--gray-a12: var(--slate-a12);
|
|
4783
|
+
--gray-contrast: var(--slate-contrast);
|
|
4784
|
+
--gray-surface: var(--slate-surface);
|
|
4785
|
+
--gray-indicator: var(--slate-indicator);
|
|
4786
|
+
--gray-track: var(--slate-track);
|
|
4787
|
+
}
|
|
4747
4788
|
.radix-themes:where([data-scaling='90%']) {
|
|
4748
4789
|
--scaling: 0.9;
|
|
4749
4790
|
}
|
|
@@ -5134,8 +5175,8 @@
|
|
|
5134
5175
|
.rt-reset:where(textarea,input:not([type='button'],[type='image'],[type='reset'],[type='submit'],[type='checkbox'],[type='color'],[type='radio'],[type='range'])) {
|
|
5135
5176
|
all: unset;
|
|
5136
5177
|
display: block;
|
|
5137
|
-
width: -webkit-fill-available;
|
|
5138
5178
|
width: -moz-available;
|
|
5179
|
+
width: -webkit-fill-available;
|
|
5139
5180
|
width: stretch;
|
|
5140
5181
|
font-weight: normal;
|
|
5141
5182
|
font-style: normal;
|
|
@@ -5226,8 +5267,8 @@
|
|
|
5226
5267
|
.rt-reset:where(iframe) {
|
|
5227
5268
|
display: block;
|
|
5228
5269
|
border: none;
|
|
5229
|
-
width: -webkit-fill-available;
|
|
5230
5270
|
width: -moz-available;
|
|
5271
|
+
width: -webkit-fill-available;
|
|
5231
5272
|
width: stretch;
|
|
5232
5273
|
}
|
|
5233
5274
|
.rt-reset:where(ins,u) {
|
|
@@ -5262,8 +5303,8 @@
|
|
|
5262
5303
|
}
|
|
5263
5304
|
.rt-reset:where(video) {
|
|
5264
5305
|
display: block;
|
|
5265
|
-
width: -webkit-fill-available;
|
|
5266
5306
|
width: -moz-available;
|
|
5307
|
+
width: -webkit-fill-available;
|
|
5267
5308
|
width: stretch;
|
|
5268
5309
|
}
|
|
5269
5310
|
.rt-reset:where(:-moz-any-link) {
|
|
@@ -6184,11 +6225,23 @@
|
|
|
6184
6225
|
:where(.rt-Text) {
|
|
6185
6226
|
margin: 0;
|
|
6186
6227
|
}
|
|
6228
|
+
.rt-Text:where(.rt-emphasis-loud) {
|
|
6229
|
+
color: var(--gray-ink);
|
|
6230
|
+
}
|
|
6231
|
+
.rt-Text:where(.rt-emphasis-medium) {
|
|
6232
|
+
color: var(--gray-ink-muted);
|
|
6233
|
+
}
|
|
6234
|
+
.rt-Text:where(.rt-emphasis-quiet) {
|
|
6235
|
+
color: var(--gray-ink-faint);
|
|
6236
|
+
}
|
|
6187
6237
|
.rt-Text:where([data-accent-color]) {
|
|
6188
|
-
color: var(--accent-
|
|
6238
|
+
color: var(--accent-ink);
|
|
6189
6239
|
}
|
|
6190
|
-
.rt-Text:where([data-accent-color].rt-
|
|
6191
|
-
color: var(--accent-
|
|
6240
|
+
.rt-Text:where([data-accent-color].rt-emphasis-medium) {
|
|
6241
|
+
color: var(--accent-ink-muted);
|
|
6242
|
+
}
|
|
6243
|
+
.rt-Text:where([data-accent-color].rt-emphasis-quiet) {
|
|
6244
|
+
color: var(--accent-ink-faint);
|
|
6192
6245
|
}
|
|
6193
6246
|
@media (pointer: coarse) {
|
|
6194
6247
|
.rt-Text:where(label) {
|
|
@@ -6878,35 +6931,8 @@
|
|
|
6878
6931
|
-webkit-transition: var(--transition-accordion-trigger-active);
|
|
6879
6932
|
transition: var(--transition-accordion-trigger-active);
|
|
6880
6933
|
}
|
|
6881
|
-
:where(.rt-AccordionRoot:where(.rt-variant-soft)) .rt-AccordionTrigger {
|
|
6882
|
-
color: var(--accent-
|
|
6883
|
-
}
|
|
6884
|
-
:where(.rt-AccordionRoot:where(.rt-variant-soft.rt-high-contrast)) .rt-AccordionTrigger {
|
|
6885
|
-
color: var(--accent-12);
|
|
6886
|
-
}
|
|
6887
|
-
:where(.rt-AccordionRoot:where(.rt-variant-outline)) .rt-AccordionTrigger {
|
|
6888
|
-
color: var(--accent-11);
|
|
6889
|
-
}
|
|
6890
|
-
:where(.rt-AccordionRoot:where(.rt-variant-outline.rt-high-contrast)) .rt-AccordionTrigger {
|
|
6891
|
-
color: var(--accent-12);
|
|
6892
|
-
}
|
|
6893
|
-
:where(.rt-AccordionRoot:where(.rt-variant-surface)) .rt-AccordionTrigger {
|
|
6894
|
-
color: var(--accent-a11);
|
|
6895
|
-
}
|
|
6896
|
-
:where(.rt-AccordionRoot:where(.rt-variant-surface.rt-high-contrast)) .rt-AccordionTrigger {
|
|
6897
|
-
color: var(--accent-12);
|
|
6898
|
-
}
|
|
6899
|
-
:where(.rt-AccordionRoot:where(.rt-variant-ghost)) .rt-AccordionTrigger {
|
|
6900
|
-
color: var(--accent-a11);
|
|
6901
|
-
}
|
|
6902
|
-
:where(.rt-AccordionRoot:where(.rt-variant-ghost.rt-high-contrast)) .rt-AccordionTrigger {
|
|
6903
|
-
color: var(--accent-12);
|
|
6904
|
-
}
|
|
6905
|
-
:where(.rt-AccordionRoot:where(.rt-variant-classic)) .rt-AccordionTrigger {
|
|
6906
|
-
color: var(--accent-a11);
|
|
6907
|
-
}
|
|
6908
|
-
:where(.rt-AccordionRoot:where(.rt-variant-classic.rt-high-contrast)) .rt-AccordionTrigger {
|
|
6909
|
-
color: var(--accent-12);
|
|
6934
|
+
:where(.rt-AccordionRoot:where(.rt-variant-soft, .rt-variant-outline, .rt-variant-surface, .rt-variant-ghost, .rt-variant-classic)) .rt-AccordionTrigger {
|
|
6935
|
+
color: var(--accent-ink);
|
|
6910
6936
|
}
|
|
6911
6937
|
:where(.rt-AccordionRoot:where(.rt-variant-classic):hover) {
|
|
6912
6938
|
background-color: var(--accent-2);
|
|
@@ -7015,7 +7041,7 @@
|
|
|
7015
7041
|
.rt-AccordionContent {
|
|
7016
7042
|
overflow: hidden;
|
|
7017
7043
|
font-size: var(--font-size-2);
|
|
7018
|
-
color: var(--accent-
|
|
7044
|
+
color: var(--accent-ink);
|
|
7019
7045
|
line-height: var(--line-height-4);
|
|
7020
7046
|
-webkit-transform-origin: top;
|
|
7021
7047
|
transform-origin: top;
|
|
@@ -7104,21 +7130,9 @@
|
|
|
7104
7130
|
transform: translateY(-4px) scaleY(0.98);
|
|
7105
7131
|
}
|
|
7106
7132
|
}
|
|
7107
|
-
:where(.rt-AccordionRoot[data-high-contrast]) .rt-AccordionTrigger {
|
|
7108
|
-
color: var(--accent-12);
|
|
7109
|
-
}
|
|
7110
|
-
:where(.rt-AccordionRoot[data-high-contrast]) .rt-AccordionContent {
|
|
7111
|
-
color: var(--accent-12);
|
|
7112
|
-
}
|
|
7113
7133
|
:where(.rt-AccordionRoot:where(.rt-variant-soft)[data-accent-color]) :where(.rt-AccordionTrigger:hover) {
|
|
7114
7134
|
background-color: var(--accent-a4);
|
|
7115
7135
|
}
|
|
7116
|
-
:where(.rt-AccordionRoot[data-accent-color]) .rt-AccordionContent {
|
|
7117
|
-
color: var(--accent-a11);
|
|
7118
|
-
}
|
|
7119
|
-
:where(.rt-AccordionRoot[data-accent-color].rt-high-contrast) .rt-AccordionContent {
|
|
7120
|
-
color: var(--accent-12);
|
|
7121
|
-
}
|
|
7122
7136
|
@media (prefers-reduced-motion: reduce) {
|
|
7123
7137
|
:where(.rt-AccordionContent[data-state="open"]),
|
|
7124
7138
|
:where(.rt-AccordionContent[data-state="closed"]) {
|
|
@@ -8173,8 +8187,7 @@
|
|
|
8173
8187
|
}
|
|
8174
8188
|
}
|
|
8175
8189
|
.rt-AvatarRoot:where(.rt-variant-soft) {
|
|
8176
|
-
--v-color: var(--accent-
|
|
8177
|
-
--v-color-high-contrast: var(--accent-12);
|
|
8190
|
+
--v-color: var(--accent-ink);
|
|
8178
8191
|
--v-bg: var(--accent-3);
|
|
8179
8192
|
--v-bg-a: var(--accent-a3);
|
|
8180
8193
|
--v-bg-hover: var(--accent-4);
|
|
@@ -8184,9 +8197,7 @@
|
|
|
8184
8197
|
--v-bg-disabled: var(--gray-a3);
|
|
8185
8198
|
}
|
|
8186
8199
|
.rt-AvatarRoot:where(.rt-variant-outline) {
|
|
8187
|
-
--v-color: var(--accent-
|
|
8188
|
-
--v-color-a: var(--accent-a11);
|
|
8189
|
-
--v-color-high-contrast: var(--accent-12);
|
|
8200
|
+
--v-color: var(--accent-ink);
|
|
8190
8201
|
--v-bg: transparent;
|
|
8191
8202
|
--v-bg-a: transparent;
|
|
8192
8203
|
--v-bg-hover: var(--accent-2);
|
|
@@ -8203,8 +8214,7 @@
|
|
|
8203
8214
|
--v-border-disabled: var(--gray-a7);
|
|
8204
8215
|
}
|
|
8205
8216
|
.rt-AvatarRoot:where(.rt-variant-surface) {
|
|
8206
|
-
--v-color: var(--accent-
|
|
8207
|
-
--v-color-high-contrast: var(--accent-12);
|
|
8217
|
+
--v-color: var(--accent-ink);
|
|
8208
8218
|
--v-bg: var(--accent-2);
|
|
8209
8219
|
--v-bg-a: var(--accent-a2);
|
|
8210
8220
|
--v-bg-hover: var(--accent-3);
|
|
@@ -8224,19 +8234,10 @@
|
|
|
8224
8234
|
color: var(--v-color);
|
|
8225
8235
|
background-color: color-mix(in srgb, var(--v-bg-a) calc(var(--material-alpha) * 100%), var(--v-bg) var(--material-blend));
|
|
8226
8236
|
}
|
|
8227
|
-
.rt-AvatarRoot:where(.rt-variant-soft,.rt-variant-outline,.rt-variant-surface):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
|
|
8228
|
-
color: var(--v-color-high-contrast);
|
|
8229
|
-
}
|
|
8230
8237
|
.rt-AvatarRoot:where(.rt-variant-soft,.rt-variant-outline,.rt-variant-surface):where([data-disabled]) :where(.rt-AvatarFallback) {
|
|
8231
8238
|
color: var(--gray-a8);
|
|
8232
8239
|
background-color: var(--v-bg-disabled, var(--gray-a3));
|
|
8233
8240
|
}
|
|
8234
|
-
.rt-AvatarRoot:where(.rt-variant-outline) :where(.rt-AvatarFallback) {
|
|
8235
|
-
color: color-mix(in srgb, var(--v-color-a) calc(var(--material-alpha) * 100%), var(--v-color) var(--material-blend));
|
|
8236
|
-
}
|
|
8237
|
-
.rt-AvatarRoot:where(.rt-variant-outline):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
|
|
8238
|
-
color: var(--v-color-high-contrast);
|
|
8239
|
-
}
|
|
8240
8241
|
.rt-AvatarRoot:where(.rt-variant-outline,.rt-variant-surface) :where(.rt-AvatarFallback) {
|
|
8241
8242
|
-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));
|
|
8242
8243
|
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));
|
|
@@ -8281,12 +8282,8 @@
|
|
|
8281
8282
|
--solid-blend: calc(100% - (var(--material-alpha) * 90%));
|
|
8282
8283
|
}
|
|
8283
8284
|
.rt-AvatarRoot:where(.rt-variant-solid) :where(.rt-AvatarFallback) {
|
|
8284
|
-
background-color: color-mix(in srgb, var(--accent-
|
|
8285
|
-
color: var(--accent-contrast);
|
|
8286
|
-
}
|
|
8287
|
-
.rt-AvatarRoot:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
|
|
8288
|
-
background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
|
|
8289
|
-
color: var(--gray-1);
|
|
8285
|
+
background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
|
|
8286
|
+
color: var(--accent-solid-contrast);
|
|
8290
8287
|
}
|
|
8291
8288
|
.rt-AvatarRoot:where(.rt-variant-solid):where([data-disabled]) :where(.rt-AvatarFallback) {
|
|
8292
8289
|
color: var(--gray-a8);
|
|
@@ -8296,32 +8293,20 @@
|
|
|
8296
8293
|
}
|
|
8297
8294
|
@media (hover: hover) {
|
|
8298
8295
|
.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:hover:not(:disabled,[data-disabled])) {
|
|
8299
|
-
background-color: color-mix(in srgb, var(--accent-
|
|
8296
|
+
background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
|
|
8300
8297
|
}
|
|
8301
8298
|
.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:hover:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
|
|
8302
8299
|
background-color: inherit;
|
|
8300
|
+
-webkit-filter: var(--accent-solid-hover-filter);
|
|
8301
|
+
filter: var(--accent-solid-hover-filter);
|
|
8303
8302
|
}
|
|
8304
8303
|
}
|
|
8305
8304
|
.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:active:not(:disabled,[data-disabled])) {
|
|
8306
|
-
background-color: color-mix(in srgb, var(--accent-
|
|
8305
|
+
background-color: color-mix(in srgb, var(--accent-solid-active-a) calc(var(--material-alpha) * 100%), var(--accent-solid-active) var(--solid-blend));
|
|
8307
8306
|
}
|
|
8308
8307
|
.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:active:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
|
|
8309
8308
|
background-color: inherit;
|
|
8310
8309
|
}
|
|
8311
|
-
@media (hover: hover) {
|
|
8312
|
-
.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:hover:not(:disabled,[data-disabled])) {
|
|
8313
|
-
background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
|
|
8314
|
-
}
|
|
8315
|
-
.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:hover:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
|
|
8316
|
-
background-color: inherit;
|
|
8317
|
-
}
|
|
8318
|
-
}
|
|
8319
|
-
.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not(:disabled,[data-disabled])) {
|
|
8320
|
-
background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
|
|
8321
|
-
}
|
|
8322
|
-
.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
|
|
8323
|
-
background-color: inherit;
|
|
8324
|
-
}
|
|
8325
8310
|
.rt-AvatarRoot:where(.rt-variant-classic) {
|
|
8326
8311
|
position: relative;
|
|
8327
8312
|
top: var(--classic-elevation-offset);
|
|
@@ -8329,15 +8314,11 @@
|
|
|
8329
8314
|
.rt-AvatarRoot:where(.rt-variant-classic) :where(.rt-AvatarFallback) {
|
|
8330
8315
|
position: relative;
|
|
8331
8316
|
top: 0;
|
|
8332
|
-
color: var(--accent-
|
|
8317
|
+
color: var(--accent-ink);
|
|
8333
8318
|
background-color: color-mix(in srgb, var(--color-surface-translucent) calc(var(--material-alpha) * 100%), var(--color-surface-solid) var(--material-blend));
|
|
8334
8319
|
-webkit-box-shadow: var(--shadow-2);
|
|
8335
8320
|
box-shadow: var(--shadow-2);
|
|
8336
8321
|
}
|
|
8337
|
-
.rt-AvatarRoot:where(.rt-variant-classic):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
|
|
8338
|
-
color: var(--gray-12);
|
|
8339
|
-
background-color: color-mix(in srgb, var(--color-surface-translucent) calc(var(--material-alpha) * 100%), var(--color-surface-solid) var(--material-blend));
|
|
8340
|
-
}
|
|
8341
8322
|
.rt-AvatarRoot:where(.rt-variant-classic):where([data-disabled]) :where(.rt-AvatarFallback) {
|
|
8342
8323
|
color: var(--gray-a8);
|
|
8343
8324
|
background-color: var(--gray-a3);
|
|
@@ -8756,12 +8737,8 @@
|
|
|
8756
8737
|
}
|
|
8757
8738
|
.rt-Badge:where(.rt-variant-solid) {
|
|
8758
8739
|
--solid-blend: calc(100% - (var(--material-alpha) * 90%));
|
|
8759
|
-
background-color: color-mix(in srgb, var(--accent-
|
|
8760
|
-
color: var(--accent-contrast);
|
|
8761
|
-
}
|
|
8762
|
-
.rt-Badge:where(.rt-variant-solid):where(.rt-high-contrast) {
|
|
8763
|
-
background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
|
|
8764
|
-
color: var(--gray-1);
|
|
8740
|
+
background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
|
|
8741
|
+
color: var(--accent-solid-contrast);
|
|
8765
8742
|
}
|
|
8766
8743
|
.rt-Badge:where(.rt-variant-solid):where([data-disabled]) {
|
|
8767
8744
|
color: var(--gray-a8);
|
|
@@ -8776,16 +8753,10 @@
|
|
|
8776
8753
|
background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
|
|
8777
8754
|
-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));
|
|
8778
8755
|
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));
|
|
8779
|
-
color: var(--accent-
|
|
8780
|
-
}
|
|
8781
|
-
.rt-Badge:where(.rt-variant-surface):where(.rt-high-contrast) {
|
|
8782
|
-
color: var(--accent-12);
|
|
8756
|
+
color: var(--accent-ink);
|
|
8783
8757
|
}
|
|
8784
8758
|
.rt-Badge:where(.rt-variant-soft, .rt-variant-ghost) {
|
|
8785
|
-
color: var(--accent-
|
|
8786
|
-
}
|
|
8787
|
-
.rt-Badge:where(.rt-variant-soft,.rt-variant-ghost):where(.rt-high-contrast) {
|
|
8788
|
-
color: var(--accent-12);
|
|
8759
|
+
color: var(--accent-ink);
|
|
8789
8760
|
}
|
|
8790
8761
|
.rt-Badge:where(.rt-variant-soft,.rt-variant-ghost):where([data-disabled]) {
|
|
8791
8762
|
color: var(--gray-a8);
|
|
@@ -8805,24 +8776,18 @@
|
|
|
8805
8776
|
.rt-Badge:where(.rt-variant-outline) {
|
|
8806
8777
|
-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));
|
|
8807
8778
|
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));
|
|
8808
|
-
color:
|
|
8779
|
+
color: var(--accent-ink);
|
|
8809
8780
|
-webkit-transition: var(--transition-background-blur);
|
|
8810
8781
|
transition: var(--transition-background-blur);
|
|
8811
8782
|
}
|
|
8812
|
-
.rt-Badge:where(.rt-variant-outline):where(.rt-high-contrast) {
|
|
8813
|
-
color: var(--accent-12);
|
|
8814
|
-
}
|
|
8815
8783
|
.rt-Badge:where(.rt-variant-ghost) {
|
|
8816
8784
|
background-color: transparent;
|
|
8817
|
-
color: var(--accent-
|
|
8818
|
-
}
|
|
8819
|
-
.rt-Badge:where(.rt-variant-ghost):where(.rt-high-contrast) {
|
|
8820
|
-
color: var(--accent-12);
|
|
8785
|
+
color: var(--accent-ink);
|
|
8821
8786
|
}
|
|
8822
8787
|
.rt-Badge:where(.rt-variant-classic) {
|
|
8823
8788
|
position: relative;
|
|
8824
8789
|
top: var(--classic-elevation-offset);
|
|
8825
|
-
color: var(--accent-
|
|
8790
|
+
color: var(--accent-ink);
|
|
8826
8791
|
-webkit-box-shadow: var(--shadow-2);
|
|
8827
8792
|
box-shadow: var(--shadow-2);
|
|
8828
8793
|
-webkit-transition: var(--transition-text-field);
|
|
@@ -8839,9 +8804,6 @@
|
|
|
8839
8804
|
.rt-Badge:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
8840
8805
|
--classic-surface: var(--color-surface-translucent);
|
|
8841
8806
|
}
|
|
8842
|
-
.rt-Badge:where(.rt-variant-classic):where(.rt-high-contrast) {
|
|
8843
|
-
color: var(--accent-12);
|
|
8844
|
-
}
|
|
8845
8807
|
.rt-Blockquote {
|
|
8846
8808
|
-webkit-box-sizing: border-box;
|
|
8847
8809
|
box-sizing: border-box;
|
|
@@ -9074,8 +9036,7 @@
|
|
|
9074
9036
|
}
|
|
9075
9037
|
}
|
|
9076
9038
|
.rt-BaseButton:where(.rt-variant-soft) {
|
|
9077
|
-
--v-color: var(--accent-
|
|
9078
|
-
--v-color-high-contrast: var(--accent-12);
|
|
9039
|
+
--v-color: var(--accent-ink);
|
|
9079
9040
|
--v-bg: var(--accent-3);
|
|
9080
9041
|
--v-bg-a: var(--accent-a3);
|
|
9081
9042
|
--v-bg-hover: var(--accent-4);
|
|
@@ -9089,8 +9050,7 @@
|
|
|
9089
9050
|
--v-focus-offset: -1px;
|
|
9090
9051
|
}
|
|
9091
9052
|
.rt-BaseButton:where(.rt-variant-ghost) {
|
|
9092
|
-
--v-color: var(--accent-
|
|
9093
|
-
--v-color-high-contrast: var(--accent-12);
|
|
9053
|
+
--v-color: var(--accent-ink);
|
|
9094
9054
|
--v-bg: transparent;
|
|
9095
9055
|
--v-bg-a: transparent;
|
|
9096
9056
|
--v-bg-hover: var(--accent-3);
|
|
@@ -9104,8 +9064,7 @@
|
|
|
9104
9064
|
--v-focus-offset: -1px;
|
|
9105
9065
|
}
|
|
9106
9066
|
.rt-BaseButton:where(.rt-variant-outline) {
|
|
9107
|
-
--v-color: var(--accent-
|
|
9108
|
-
--v-color-high-contrast: var(--accent-12);
|
|
9067
|
+
--v-color: var(--accent-ink);
|
|
9109
9068
|
--v-bg: transparent;
|
|
9110
9069
|
--v-bg-a: transparent;
|
|
9111
9070
|
--v-bg-hover: var(--accent-2);
|
|
@@ -9128,8 +9087,7 @@
|
|
|
9128
9087
|
--v-focus-offset: -1px;
|
|
9129
9088
|
}
|
|
9130
9089
|
.rt-BaseButton:where(.rt-variant-surface) {
|
|
9131
|
-
--v-color: var(--accent-
|
|
9132
|
-
--v-color-high-contrast: var(--accent-12);
|
|
9090
|
+
--v-color: var(--accent-ink);
|
|
9133
9091
|
--v-bg: var(--accent-2);
|
|
9134
9092
|
--v-bg-a: var(--accent-a2);
|
|
9135
9093
|
--v-bg-hover: var(--accent-3);
|
|
@@ -9155,9 +9113,6 @@
|
|
|
9155
9113
|
color: var(--v-color);
|
|
9156
9114
|
background-color: color-mix(in srgb, var(--v-bg-a) calc(var(--material-alpha) * 100%), var(--v-bg) var(--material-blend));
|
|
9157
9115
|
}
|
|
9158
|
-
.rt-BaseButton:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(.rt-high-contrast) {
|
|
9159
|
-
color: var(--v-color-high-contrast);
|
|
9160
|
-
}
|
|
9161
9116
|
.rt-BaseButton:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:focus-visible) {
|
|
9162
9117
|
outline: 2px solid var(--v-focus-color);
|
|
9163
9118
|
outline-offset: var(--v-focus-offset);
|
|
@@ -9232,7 +9187,7 @@
|
|
|
9232
9187
|
}
|
|
9233
9188
|
.rt-BaseButton:where(.rt-variant-classic) {
|
|
9234
9189
|
position: relative;
|
|
9235
|
-
color: var(--accent-
|
|
9190
|
+
color: var(--accent-ink);
|
|
9236
9191
|
background-color: var(--color-surface-solid);
|
|
9237
9192
|
-webkit-box-shadow: var(--shadow-2);
|
|
9238
9193
|
box-shadow: var(--shadow-2);
|
|
@@ -9240,9 +9195,6 @@
|
|
|
9240
9195
|
.rt-BaseButton:where(.rt-variant-classic):where([data-material='translucent']) {
|
|
9241
9196
|
background-color: var(--color-surface-translucent);
|
|
9242
9197
|
}
|
|
9243
|
-
.rt-BaseButton:where(.rt-variant-classic):where(.rt-high-contrast) {
|
|
9244
|
-
color: var(--gray-12);
|
|
9245
|
-
}
|
|
9246
9198
|
.rt-BaseButton:where(.rt-variant-classic):where(:focus-visible) {
|
|
9247
9199
|
outline: 2px solid var(--focus-8);
|
|
9248
9200
|
outline-offset: 2px;
|
|
@@ -9345,8 +9297,8 @@
|
|
|
9345
9297
|
}
|
|
9346
9298
|
.rt-BaseButton:where(.rt-variant-solid) {
|
|
9347
9299
|
--solid-blend: calc(100% - (var(--material-alpha) * 90%));
|
|
9348
|
-
background-color: color-mix(in srgb, var(--accent-
|
|
9349
|
-
color: var(--accent-contrast);
|
|
9300
|
+
background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
|
|
9301
|
+
color: var(--accent-solid-contrast);
|
|
9350
9302
|
}
|
|
9351
9303
|
.rt-BaseButton:where(.rt-variant-solid):where(:focus-visible) {
|
|
9352
9304
|
outline: 2px solid var(--focus-8);
|
|
@@ -9354,22 +9306,24 @@
|
|
|
9354
9306
|
}
|
|
9355
9307
|
@media (hover: hover) {
|
|
9356
9308
|
.rt-BaseButton:where(.rt-variant-solid):where(:hover) {
|
|
9357
|
-
background-color: color-mix(in srgb, var(--accent-
|
|
9309
|
+
background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
|
|
9310
|
+
-webkit-filter: var(--accent-solid-hover-filter);
|
|
9311
|
+
filter: var(--accent-solid-hover-filter);
|
|
9358
9312
|
-webkit-box-shadow: var(--shadow-2);
|
|
9359
9313
|
box-shadow: var(--shadow-2);
|
|
9360
9314
|
}
|
|
9361
9315
|
}
|
|
9362
9316
|
.rt-BaseButton:where(.rt-variant-solid):where([data-state='open']) {
|
|
9363
|
-
background-color: color-mix(in srgb, var(--accent-
|
|
9364
|
-
-webkit-filter: var(--
|
|
9365
|
-
filter: var(--
|
|
9317
|
+
background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
|
|
9318
|
+
-webkit-filter: var(--accent-solid-open-filter);
|
|
9319
|
+
filter: var(--accent-solid-open-filter);
|
|
9366
9320
|
}
|
|
9367
9321
|
.rt-BaseButton:where(.rt-variant-solid):where(:active:not([data-state='open'])) {
|
|
9368
|
-
-webkit-filter: var(--
|
|
9369
|
-
filter: var(--
|
|
9322
|
+
-webkit-filter: var(--accent-solid-active-filter);
|
|
9323
|
+
filter: var(--accent-solid-active-filter);
|
|
9370
9324
|
}
|
|
9371
9325
|
.rt-BaseButton:where(.rt-variant-solid):where([data-state='on']) {
|
|
9372
|
-
background-color: color-mix(in srgb, var(--accent-
|
|
9326
|
+
background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
|
|
9373
9327
|
opacity: 0.9;
|
|
9374
9328
|
}
|
|
9375
9329
|
@media (pointer: coarse) {
|
|
@@ -9378,32 +9332,6 @@
|
|
|
9378
9332
|
outline-offset: 0;
|
|
9379
9333
|
}
|
|
9380
9334
|
}
|
|
9381
|
-
.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast) {
|
|
9382
|
-
background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
|
|
9383
|
-
color: var(--gray-1);
|
|
9384
|
-
}
|
|
9385
|
-
@media (hover: hover) {
|
|
9386
|
-
.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:hover) {
|
|
9387
|
-
background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
|
|
9388
|
-
-webkit-filter: var(--base-button-solid-high-contrast-hover-filter);
|
|
9389
|
-
filter: var(--base-button-solid-high-contrast-hover-filter);
|
|
9390
|
-
-webkit-box-shadow: var(--shadow-2);
|
|
9391
|
-
box-shadow: var(--shadow-2);
|
|
9392
|
-
}
|
|
9393
|
-
}
|
|
9394
|
-
.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where([data-state='open']) {
|
|
9395
|
-
background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
|
|
9396
|
-
-webkit-filter: var(--base-button-solid-high-contrast-open-filter);
|
|
9397
|
-
filter: var(--base-button-solid-high-contrast-open-filter);
|
|
9398
|
-
}
|
|
9399
|
-
.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not([data-state='open'])) {
|
|
9400
|
-
-webkit-filter: var(--base-button-solid-high-contrast-active-filter);
|
|
9401
|
-
filter: var(--base-button-solid-high-contrast-active-filter);
|
|
9402
|
-
}
|
|
9403
|
-
.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where([data-state='on']) {
|
|
9404
|
-
background-color: var(--accent-12);
|
|
9405
|
-
opacity: 0.85;
|
|
9406
|
-
}
|
|
9407
9335
|
.rt-BaseButton:where(.rt-variant-solid):where([data-disabled]) {
|
|
9408
9336
|
color: var(--gray-a8);
|
|
9409
9337
|
background-color: var(--gray-a3);
|
|
@@ -10020,7 +9948,7 @@
|
|
|
10020
9948
|
-ms-flex-pack: start;
|
|
10021
9949
|
justify-content: flex-start;
|
|
10022
9950
|
text-align: left;
|
|
10023
|
-
color: var(--accent-
|
|
9951
|
+
color: var(--accent-ink);
|
|
10024
9952
|
-webkit-transition: var(--transition-card);
|
|
10025
9953
|
transition: var(--transition-card);
|
|
10026
9954
|
border-radius: var(--callout-border-radius);
|
|
@@ -10046,9 +9974,6 @@
|
|
|
10046
9974
|
backdrop-filter: var(--backdrop-filter-components);
|
|
10047
9975
|
--backdrop-filter-components: var(--backdrop-filter-components-enabled);
|
|
10048
9976
|
}
|
|
10049
|
-
.rt-CalloutRoot:where(.rt-high-contrast) {
|
|
10050
|
-
color: var(--accent-12);
|
|
10051
|
-
}
|
|
10052
9977
|
.rt-CalloutRoot:where(:focus-visible) {
|
|
10053
9978
|
outline: 2px solid var(--accent-8);
|
|
10054
9979
|
outline-offset: 2px;
|
|
@@ -10395,34 +10320,25 @@
|
|
|
10395
10320
|
}
|
|
10396
10321
|
.rt-CalloutRoot:where(.rt-variant-soft) {
|
|
10397
10322
|
background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
|
|
10398
|
-
color: var(--accent-
|
|
10399
|
-
}
|
|
10400
|
-
.rt-CalloutRoot:where(.rt-variant-soft):where(.rt-high-contrast) {
|
|
10401
|
-
color: var(--accent-12);
|
|
10323
|
+
color: var(--accent-ink);
|
|
10402
10324
|
}
|
|
10403
10325
|
.rt-CalloutRoot:where(.rt-variant-surface) {
|
|
10404
10326
|
background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
|
|
10405
10327
|
-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));
|
|
10406
10328
|
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));
|
|
10407
|
-
color: var(--accent-
|
|
10408
|
-
}
|
|
10409
|
-
.rt-CalloutRoot:where(.rt-variant-surface):where(.rt-high-contrast) {
|
|
10410
|
-
color: var(--accent-12);
|
|
10329
|
+
color: var(--accent-ink);
|
|
10411
10330
|
}
|
|
10412
10331
|
.rt-CalloutRoot:where(.rt-variant-outline) {
|
|
10413
10332
|
-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));
|
|
10414
10333
|
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));
|
|
10415
|
-
color:
|
|
10416
|
-
}
|
|
10417
|
-
.rt-CalloutRoot:where(.rt-variant-outline):where(.rt-high-contrast) {
|
|
10418
|
-
color: var(--accent-12);
|
|
10334
|
+
color: var(--accent-ink);
|
|
10419
10335
|
}
|
|
10420
10336
|
.rt-CalloutRoot:where(.rt-variant-classic) {
|
|
10421
10337
|
--classic-surface: var(--color-surface-solid);
|
|
10422
10338
|
background-color: var(--classic-surface);
|
|
10423
10339
|
-webkit-box-shadow: var(--shadow-2);
|
|
10424
10340
|
box-shadow: var(--shadow-2);
|
|
10425
|
-
color: var(--accent-
|
|
10341
|
+
color: var(--accent-ink);
|
|
10426
10342
|
-webkit-transition: var(--transition-text-field);
|
|
10427
10343
|
transition: var(--transition-text-field);
|
|
10428
10344
|
}
|
|
@@ -10435,9 +10351,6 @@
|
|
|
10435
10351
|
.rt-CalloutRoot:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
10436
10352
|
--classic-surface: var(--color-surface-translucent);
|
|
10437
10353
|
}
|
|
10438
|
-
.rt-CalloutRoot:where(.rt-variant-classic):where(.rt-high-contrast) {
|
|
10439
|
-
color: var(--accent-12);
|
|
10440
|
-
}
|
|
10441
10354
|
.rt-BaseCard {
|
|
10442
10355
|
--material-blend: 100%;
|
|
10443
10356
|
--material-alpha: 0;
|
|
@@ -10814,7 +10727,6 @@
|
|
|
10814
10727
|
outline: inherit;
|
|
10815
10728
|
}
|
|
10816
10729
|
.rt-BaseCard:where(.rt-variant-outline,.rt-variant-soft,.rt-variant-surface):where(:focus-visible):where(:active:not([data-state='open']))::before {
|
|
10817
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
|
|
10818
10730
|
background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
|
|
10819
10731
|
}
|
|
10820
10732
|
@media (hover: hover) {
|
|
@@ -10842,7 +10754,6 @@
|
|
|
10842
10754
|
background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
|
|
10843
10755
|
}
|
|
10844
10756
|
.rt-BaseCard:where(.rt-variant-outline,.rt-variant-soft,.rt-variant-surface):where(:any-link,button,label):where(:active:not([data-state='open']))::before {
|
|
10845
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
|
|
10846
10757
|
background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
|
|
10847
10758
|
}
|
|
10848
10759
|
}
|
|
@@ -10987,7 +10898,6 @@
|
|
|
10987
10898
|
background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
|
|
10988
10899
|
}
|
|
10989
10900
|
.rt-BaseCard:where(.rt-variant-ghost):where(:any-link,button,label):where(:active:not([data-state='open']))::before {
|
|
10990
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
|
|
10991
10901
|
background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
|
|
10992
10902
|
}
|
|
10993
10903
|
}
|
|
@@ -11075,7 +10985,6 @@
|
|
|
11075
10985
|
background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
|
|
11076
10986
|
}
|
|
11077
10987
|
.rt-BaseCard:where(.rt-variant-classic):where(:any-link,button,label):where(:active:not([data-state='open']))::before {
|
|
11078
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
|
|
11079
10988
|
background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
|
|
11080
10989
|
}
|
|
11081
10990
|
}
|
|
@@ -11084,7 +10993,6 @@
|
|
|
11084
10993
|
background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
|
|
11085
10994
|
}
|
|
11086
10995
|
.rt-BaseCard:where(:any-link,button,label):where(:active:not(:focus-visible,[data-state='open']))::before {
|
|
11087
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
|
|
11088
10996
|
background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
|
|
11089
10997
|
}
|
|
11090
10998
|
}
|
|
@@ -11099,7 +11007,6 @@
|
|
|
11099
11007
|
outline: inherit;
|
|
11100
11008
|
}
|
|
11101
11009
|
.rt-Card:where(:focus-visible):where(:active:not([data-state='open']))::before {
|
|
11102
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
|
|
11103
11010
|
background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
|
|
11104
11011
|
}
|
|
11105
11012
|
.rt-BaseCheckboxRoot {
|
|
@@ -11269,20 +11176,12 @@
|
|
|
11269
11176
|
box-shadow: inset 0 0 0 1px var(--accent-9);
|
|
11270
11177
|
}
|
|
11271
11178
|
.rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate'])::before {
|
|
11272
|
-
background-color: var(--accent-
|
|
11273
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-
|
|
11274
|
-
box-shadow: inset 0 0 0 1px var(--accent-
|
|
11179
|
+
background-color: var(--accent-solid);
|
|
11180
|
+
-webkit-box-shadow: inset 0 0 0 1px var(--accent-solid);
|
|
11181
|
+
box-shadow: inset 0 0 0 1px var(--accent-solid);
|
|
11275
11182
|
}
|
|
11276
11183
|
.rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
|
|
11277
|
-
color: var(--accent-contrast);
|
|
11278
|
-
}
|
|
11279
|
-
.rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before {
|
|
11280
|
-
background-color: var(--accent-12);
|
|
11281
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-12);
|
|
11282
|
-
box-shadow: inset 0 0 0 1px var(--accent-12);
|
|
11283
|
-
}
|
|
11284
|
-
.rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
|
|
11285
|
-
color: var(--gray-1);
|
|
11184
|
+
color: var(--accent-solid-contrast);
|
|
11286
11185
|
}
|
|
11287
11186
|
.rt-BaseCheckboxRoot:where(.rt-variant-solid):where(:disabled)::before {
|
|
11288
11187
|
-webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
@@ -11297,7 +11196,7 @@
|
|
|
11297
11196
|
top: var(--classic-elevation-offset);
|
|
11298
11197
|
}
|
|
11299
11198
|
.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='unchecked'])::before {
|
|
11300
|
-
color: var(--accent-
|
|
11199
|
+
color: var(--accent-ink);
|
|
11301
11200
|
background-color: var(--color-surface-solid);
|
|
11302
11201
|
-webkit-box-shadow: var(--shadow-2);
|
|
11303
11202
|
box-shadow: var(--shadow-2);
|
|
@@ -11324,22 +11223,7 @@
|
|
|
11324
11223
|
background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
|
|
11325
11224
|
}
|
|
11326
11225
|
.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
|
|
11327
|
-
color: var(--accent-
|
|
11328
|
-
}
|
|
11329
|
-
.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before {
|
|
11330
|
-
background-color: var(--accent-3);
|
|
11331
|
-
}
|
|
11332
|
-
: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) {
|
|
11333
|
-
background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
|
|
11334
|
-
}
|
|
11335
|
-
: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']) {
|
|
11336
|
-
background-color: var(--accent-3);
|
|
11337
|
-
}
|
|
11338
|
-
: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']) {
|
|
11339
|
-
background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
|
|
11340
|
-
}
|
|
11341
|
-
.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
|
|
11342
|
-
color: var(--accent-12);
|
|
11226
|
+
color: var(--accent-ink);
|
|
11343
11227
|
}
|
|
11344
11228
|
.rt-BaseCheckboxRoot:where(.rt-variant-classic):where(:active:not(:disabled)) {
|
|
11345
11229
|
top: calc(var(--classic-elevation-offset) + var(--classic-active-padding-offset-1));
|
|
@@ -11381,10 +11265,7 @@
|
|
|
11381
11265
|
background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
|
|
11382
11266
|
}
|
|
11383
11267
|
.rt-BaseCheckboxRoot:where(.rt-variant-soft):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
|
|
11384
|
-
color: var(--accent-
|
|
11385
|
-
}
|
|
11386
|
-
.rt-BaseCheckboxRoot:where(.rt-variant-soft):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
|
|
11387
|
-
color: var(--accent-12);
|
|
11268
|
+
color: var(--accent-ink);
|
|
11388
11269
|
}
|
|
11389
11270
|
.rt-BaseCheckboxRoot:where(.rt-variant-soft):where(:disabled)::before {
|
|
11390
11271
|
background-color: var(--gray-a3);
|
|
@@ -11395,22 +11276,19 @@
|
|
|
11395
11276
|
.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before {
|
|
11396
11277
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
11397
11278
|
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
11398
|
-
color: var(--accent-
|
|
11279
|
+
color: var(--accent-ink);
|
|
11399
11280
|
}
|
|
11400
11281
|
:where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before) {
|
|
11401
11282
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
11402
11283
|
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
11403
|
-
color: var(--accent-a11);
|
|
11404
11284
|
}
|
|
11405
11285
|
:is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before):where([data-panel-background='solid'],[data-material='solid']) {
|
|
11406
11286
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
11407
11287
|
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
11408
|
-
color: var(--accent-11);
|
|
11409
11288
|
}
|
|
11410
11289
|
:is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
11411
11290
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
11412
11291
|
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
11413
|
-
color: var(--accent-a11);
|
|
11414
11292
|
}
|
|
11415
11293
|
.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate'])::before {
|
|
11416
11294
|
background-color: var(--accent-2);
|
|
@@ -11433,10 +11311,7 @@
|
|
|
11433
11311
|
box-shadow: inset 0 0 0 1px var(--accent-a7);
|
|
11434
11312
|
}
|
|
11435
11313
|
.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
|
|
11436
|
-
color: var(--accent-
|
|
11437
|
-
}
|
|
11438
|
-
.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
|
|
11439
|
-
color: var(--accent-12);
|
|
11314
|
+
color: var(--accent-ink);
|
|
11440
11315
|
}
|
|
11441
11316
|
.rt-BaseCheckboxRoot:where(.rt-variant-outline):where(:disabled)::before {
|
|
11442
11317
|
-webkit-box-shadow: inset 0 0 0 1px var(--gray-a7);
|
|
@@ -11487,10 +11362,7 @@
|
|
|
11487
11362
|
box-shadow: inset 0 0 0 1px var(--accent-a8);
|
|
11488
11363
|
}
|
|
11489
11364
|
.rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
|
|
11490
|
-
color: var(--accent-
|
|
11491
|
-
}
|
|
11492
|
-
.rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
|
|
11493
|
-
color: var(--accent-12);
|
|
11365
|
+
color: var(--accent-ink);
|
|
11494
11366
|
}
|
|
11495
11367
|
.rt-BaseCheckboxRoot:where(.rt-variant-surface):where(:disabled)::before {
|
|
11496
11368
|
-webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
@@ -11731,7 +11603,6 @@
|
|
|
11731
11603
|
}
|
|
11732
11604
|
@media (pointer: coarse) {
|
|
11733
11605
|
.rt-CheckboxCardsItem:where(:active:not(:focus-visible))::before {
|
|
11734
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
|
|
11735
11606
|
background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
|
|
11736
11607
|
}
|
|
11737
11608
|
}
|
|
@@ -11740,7 +11611,6 @@
|
|
|
11740
11611
|
color: var(--gray-a9);
|
|
11741
11612
|
}
|
|
11742
11613
|
.rt-CheckboxCardsItem:where(:has(:disabled))::before {
|
|
11743
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
|
|
11744
11614
|
background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
|
|
11745
11615
|
}
|
|
11746
11616
|
.rt-CheckboxCardsItem:where(:has(:disabled))::-moz-selection {
|
|
@@ -12197,35 +12067,35 @@
|
|
|
12197
12067
|
--code-variant-font-size-adjust: var(--code-font-size-adjust);
|
|
12198
12068
|
padding: 0;
|
|
12199
12069
|
}
|
|
12070
|
+
.rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-loud) {
|
|
12071
|
+
color: var(--gray-ink);
|
|
12072
|
+
}
|
|
12073
|
+
.rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-medium) {
|
|
12074
|
+
color: var(--gray-ink-muted);
|
|
12075
|
+
}
|
|
12076
|
+
.rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-quiet) {
|
|
12077
|
+
color: var(--gray-ink-faint);
|
|
12078
|
+
}
|
|
12200
12079
|
.rt-Code:where(.rt-variant-ghost):where([data-accent-color]) {
|
|
12201
|
-
color: var(--accent-
|
|
12080
|
+
color: var(--accent-ink);
|
|
12202
12081
|
}
|
|
12203
|
-
.rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-
|
|
12204
|
-
color: var(--accent-
|
|
12082
|
+
.rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-emphasis-medium) {
|
|
12083
|
+
color: var(--accent-ink-muted);
|
|
12084
|
+
}
|
|
12085
|
+
.rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-emphasis-quiet) {
|
|
12086
|
+
color: var(--accent-ink-faint);
|
|
12205
12087
|
}
|
|
12206
12088
|
.rt-Code:where(.rt-variant-solid) {
|
|
12207
|
-
background-color: var(--accent-
|
|
12208
|
-
color: var(--accent-contrast);
|
|
12089
|
+
background-color: var(--accent-solid-a);
|
|
12090
|
+
color: var(--accent-solid-contrast);
|
|
12209
12091
|
}
|
|
12210
12092
|
.rt-Code:where(.rt-variant-solid)::-moz-selection {
|
|
12211
|
-
background-color: var(--accent-
|
|
12212
|
-
color: var(--accent-
|
|
12093
|
+
background-color: var(--accent-solid-selection);
|
|
12094
|
+
color: var(--accent-solid-selection-contrast);
|
|
12213
12095
|
}
|
|
12214
12096
|
.rt-Code:where(.rt-variant-solid)::selection {
|
|
12215
|
-
background-color: var(--accent-
|
|
12216
|
-
color: var(--accent-
|
|
12217
|
-
}
|
|
12218
|
-
.rt-Code:where(.rt-variant-solid):where(.rt-high-contrast) {
|
|
12219
|
-
background-color: var(--accent-12);
|
|
12220
|
-
color: var(--accent-1);
|
|
12221
|
-
}
|
|
12222
|
-
.rt-Code:where(.rt-variant-solid):where(.rt-high-contrast)::-moz-selection {
|
|
12223
|
-
background-color: var(--accent-a11);
|
|
12224
|
-
color: var(--accent-1);
|
|
12225
|
-
}
|
|
12226
|
-
.rt-Code:where(.rt-variant-solid):where(.rt-high-contrast)::selection {
|
|
12227
|
-
background-color: var(--accent-a11);
|
|
12228
|
-
color: var(--accent-1);
|
|
12097
|
+
background-color: var(--accent-solid-selection);
|
|
12098
|
+
color: var(--accent-solid-selection-contrast);
|
|
12229
12099
|
}
|
|
12230
12100
|
.rt-Code:where(.rt-variant-solid):where(:-moz-any-link,button) {
|
|
12231
12101
|
isolation: isolate;
|
|
@@ -12235,27 +12105,18 @@
|
|
|
12235
12105
|
}
|
|
12236
12106
|
@media (hover: hover) {
|
|
12237
12107
|
:is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:-moz-any-link,button)):where(:hover) {
|
|
12238
|
-
background-color: var(--accent-
|
|
12108
|
+
background-color: var(--accent-solid-hover);
|
|
12109
|
+
filter: var(--accent-solid-hover-filter);
|
|
12239
12110
|
}
|
|
12240
12111
|
:is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:any-link,button)):where(:hover) {
|
|
12241
|
-
background-color: var(--accent-
|
|
12242
|
-
|
|
12243
|
-
|
|
12244
|
-
background-color: var(--accent-12);
|
|
12245
|
-
filter: var(--base-button-solid-high-contrast-hover-filter);
|
|
12246
|
-
}
|
|
12247
|
-
: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) {
|
|
12248
|
-
background-color: var(--accent-12);
|
|
12249
|
-
-webkit-filter: var(--base-button-solid-high-contrast-hover-filter);
|
|
12250
|
-
filter: var(--base-button-solid-high-contrast-hover-filter);
|
|
12112
|
+
background-color: var(--accent-solid-hover);
|
|
12113
|
+
-webkit-filter: var(--accent-solid-hover-filter);
|
|
12114
|
+
filter: var(--accent-solid-hover-filter);
|
|
12251
12115
|
}
|
|
12252
12116
|
}
|
|
12253
12117
|
.rt-Code:where(.rt-variant-soft) {
|
|
12254
12118
|
background-color: var(--accent-a2);
|
|
12255
|
-
color: var(--accent-
|
|
12256
|
-
}
|
|
12257
|
-
.rt-Code:where(.rt-variant-soft):where(.rt-high-contrast) {
|
|
12258
|
-
color: var(--accent-12);
|
|
12119
|
+
color: var(--accent-ink);
|
|
12259
12120
|
}
|
|
12260
12121
|
.rt-Code:where(.rt-variant-soft):where(:-moz-any-link,button) {
|
|
12261
12122
|
isolation: isolate;
|
|
@@ -12274,12 +12135,7 @@
|
|
|
12274
12135
|
.rt-Code:where(.rt-variant-outline) {
|
|
12275
12136
|
-webkit-box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a8);
|
|
12276
12137
|
box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a8);
|
|
12277
|
-
color: var(--accent-
|
|
12278
|
-
}
|
|
12279
|
-
.rt-Code:where(.rt-variant-outline):where(.rt-high-contrast) {
|
|
12280
|
-
-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);
|
|
12281
|
-
box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a7), inset 0 0 0 max(1px, 0.033em) var(--gray-a11);
|
|
12282
|
-
color: var(--accent-12);
|
|
12138
|
+
color: var(--accent-ink);
|
|
12283
12139
|
}
|
|
12284
12140
|
.rt-Code:where(.rt-variant-outline):where(:-moz-any-link,button) {
|
|
12285
12141
|
isolation: isolate;
|
|
@@ -12295,6 +12151,12 @@
|
|
|
12295
12151
|
background-color: var(--accent-a2);
|
|
12296
12152
|
}
|
|
12297
12153
|
}
|
|
12154
|
+
.rt-Code:where(.rt-variant-soft,.rt-variant-outline):where(.rt-emphasis-medium) {
|
|
12155
|
+
color: var(--accent-ink-muted);
|
|
12156
|
+
}
|
|
12157
|
+
.rt-Code:where(.rt-variant-soft,.rt-variant-outline):where(.rt-emphasis-quiet) {
|
|
12158
|
+
color: var(--accent-ink-faint);
|
|
12159
|
+
}
|
|
12298
12160
|
.rt-BaseMenuContent {
|
|
12299
12161
|
--backdrop-filter-components-enabled: none;
|
|
12300
12162
|
--scrollarea-scrollbar-vertical-margin-top: var(--base-menu-content-padding);
|
|
@@ -12320,16 +12182,12 @@
|
|
|
12320
12182
|
transition: var(--transition-background-blur);
|
|
12321
12183
|
contain: paint;
|
|
12322
12184
|
isolation: isolate;
|
|
12323
|
-
|
|
12324
|
-
.rt-BaseMenuContent:where([data-state='open']) {
|
|
12325
|
-
will-change: transform, opacity;
|
|
12185
|
+
--base-menu-item-padding-left: var(--base-menu-item-padding-left-indicator);
|
|
12326
12186
|
}
|
|
12327
12187
|
@media (prefers-reduced-motion: reduce) {
|
|
12328
12188
|
.rt-BaseMenuContent {
|
|
12329
12189
|
-webkit-transition: none;
|
|
12330
12190
|
transition: none;
|
|
12331
|
-
will-change: auto;
|
|
12332
|
-
backdrop-filter: none;
|
|
12333
12191
|
}
|
|
12334
12192
|
}
|
|
12335
12193
|
.rt-BaseMenuContent:where([data-panel-background='solid']) {
|
|
@@ -12356,10 +12214,6 @@
|
|
|
12356
12214
|
-webkit-box-sizing: border-box;
|
|
12357
12215
|
box-sizing: border-box;
|
|
12358
12216
|
}
|
|
12359
|
-
:where(.rt-BaseMenuContent:has(.rt-ScrollAreaScrollbar[data-orientation='vertical'])) .rt-BaseMenuViewport {
|
|
12360
|
-
-webkit-padding-end: var(--space-3);
|
|
12361
|
-
padding-inline-end: var(--space-3);
|
|
12362
|
-
}
|
|
12363
12217
|
.rt-BaseMenuViewport:where(.rt-virtualized) {
|
|
12364
12218
|
-webkit-padding-end: 0;
|
|
12365
12219
|
padding-inline-end: 0;
|
|
@@ -12396,7 +12250,6 @@
|
|
|
12396
12250
|
.rt-BaseMenuItem {
|
|
12397
12251
|
-webkit-transition: none;
|
|
12398
12252
|
transition: none;
|
|
12399
|
-
backdrop-filter: none;
|
|
12400
12253
|
}
|
|
12401
12254
|
}
|
|
12402
12255
|
.rt-BaseMenuShortcut {
|
|
@@ -12459,7 +12312,7 @@
|
|
|
12459
12312
|
padding-inline-end: var(--base-menu-item-padding-right);
|
|
12460
12313
|
-webkit-box-sizing: border-box;
|
|
12461
12314
|
box-sizing: border-box;
|
|
12462
|
-
color: var(--gray-
|
|
12315
|
+
color: var(--gray-a11);
|
|
12463
12316
|
-webkit-user-select: none;
|
|
12464
12317
|
-moz-user-select: none;
|
|
12465
12318
|
-ms-user-select: none;
|
|
@@ -12469,18 +12322,17 @@
|
|
|
12469
12322
|
:where(.rt-BaseMenuItem) + .rt-BaseMenuLabel {
|
|
12470
12323
|
margin-top: var(--space-2);
|
|
12471
12324
|
}
|
|
12472
|
-
.rt-
|
|
12473
|
-
|
|
12474
|
-
|
|
12475
|
-
:where(.rt-BaseMenuContent[data-panel-background='solid']) .rt-BaseMenuArrow {
|
|
12476
|
-
fill: var(--color-panel-solid);
|
|
12325
|
+
.rt-BaseMenuContent:where([dir='rtl']) :where(.rt-BaseMenuSubTriggerIcon) {
|
|
12326
|
+
-webkit-transform: scaleX(-1);
|
|
12327
|
+
transform: scaleX(-1);
|
|
12477
12328
|
}
|
|
12478
|
-
:where(.rt-
|
|
12479
|
-
|
|
12329
|
+
.rt-BaseMenuContent:where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
12330
|
+
--base-menu-item-padding-left: var(--base-menu-item-padding-left-plain);
|
|
12480
12331
|
}
|
|
12481
12332
|
.rt-BaseMenuContent:where(.rt-r-size-1) {
|
|
12482
12333
|
--base-menu-content-padding: var(--space-2);
|
|
12483
|
-
--base-menu-item-padding-left:
|
|
12334
|
+
--base-menu-item-padding-left-plain: var(--space-2);
|
|
12335
|
+
--base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
|
|
12484
12336
|
--base-menu-item-padding-right: var(--space-2);
|
|
12485
12337
|
--base-menu-item-padding-y: var(--space-1);
|
|
12486
12338
|
--base-menu-item-height: var(--space-5);
|
|
@@ -12503,22 +12355,17 @@
|
|
|
12503
12355
|
font-size: var(--font-size-1);
|
|
12504
12356
|
line-height: var(--line-height-1);
|
|
12505
12357
|
letter-spacing: var(--letter-spacing-1);
|
|
12506
|
-
-webkit-padding-start:
|
|
12507
|
-
padding-inline-start:
|
|
12358
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
12359
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
12508
12360
|
}
|
|
12509
12361
|
.rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
12510
12362
|
width: var(--indicator-icon-size-1);
|
|
12511
12363
|
height: var(--indicator-icon-size-1);
|
|
12512
12364
|
}
|
|
12513
|
-
.rt-BaseMenuContent:where(.rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
12514
|
-
--base-menu-item-padding-left: var(--space-2);
|
|
12515
|
-
}
|
|
12516
|
-
.rt-BaseMenuContent:where(.rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
12517
|
-
--base-menu-item-padding-left: calc(var(--space-5) / 1.2);
|
|
12518
|
-
}
|
|
12519
12365
|
.rt-BaseMenuContent:where(.rt-r-size-2) {
|
|
12520
12366
|
--base-menu-content-padding: var(--space-3);
|
|
12521
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
12367
|
+
--base-menu-item-padding-left-plain: var(--space-3);
|
|
12368
|
+
--base-menu-item-padding-left-indicator: var(--space-5);
|
|
12522
12369
|
--base-menu-item-padding-right: var(--space-3);
|
|
12523
12370
|
--base-menu-item-padding-y: var(--space-1);
|
|
12524
12371
|
--base-menu-item-height: var(--space-6);
|
|
@@ -12541,21 +12388,17 @@
|
|
|
12541
12388
|
font-size: var(--font-size-2);
|
|
12542
12389
|
line-height: var(--line-height-2);
|
|
12543
12390
|
letter-spacing: var(--letter-spacing-2);
|
|
12544
|
-
padding-
|
|
12391
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
12392
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
12545
12393
|
}
|
|
12546
12394
|
.rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
12547
12395
|
width: var(--indicator-icon-size-2);
|
|
12548
12396
|
height: var(--indicator-icon-size-2);
|
|
12549
12397
|
}
|
|
12550
|
-
.rt-BaseMenuContent:where(.rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
12551
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
12552
|
-
}
|
|
12553
|
-
.rt-BaseMenuContent:where(.rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
12554
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
12555
|
-
}
|
|
12556
12398
|
.rt-BaseMenuContent:where(.rt-r-size-3) {
|
|
12557
12399
|
--base-menu-content-padding: var(--space-3);
|
|
12558
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
12400
|
+
--base-menu-item-padding-left-plain: var(--space-3);
|
|
12401
|
+
--base-menu-item-padding-left-indicator: var(--space-5);
|
|
12559
12402
|
--base-menu-item-padding-right: var(--space-3);
|
|
12560
12403
|
--base-menu-item-padding-y: var(--space-2);
|
|
12561
12404
|
--base-menu-item-height: var(--space-7);
|
|
@@ -12564,36 +12407,32 @@
|
|
|
12564
12407
|
.rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuItem) {
|
|
12565
12408
|
gap: var(--component-gap-4);
|
|
12566
12409
|
font-size: var(--font-size-3);
|
|
12567
|
-
line-height: var(--line-height-
|
|
12410
|
+
line-height: var(--line-height-3);
|
|
12568
12411
|
letter-spacing: var(--letter-spacing-3);
|
|
12569
12412
|
border-radius: var(--radius-2);
|
|
12570
12413
|
}
|
|
12571
12414
|
:is(.rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
|
|
12572
|
-
width: var(--content-icon-size-
|
|
12573
|
-
height: var(--content-icon-size-
|
|
12415
|
+
width: var(--content-icon-size-3);
|
|
12416
|
+
height: var(--content-icon-size-3);
|
|
12574
12417
|
-ms-flex-negative: 0;
|
|
12575
12418
|
flex-shrink: 0;
|
|
12576
12419
|
}
|
|
12577
12420
|
.rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuLabel) {
|
|
12578
|
-
font-size: var(--font-size-
|
|
12579
|
-
line-height: var(--line-height-
|
|
12580
|
-
letter-spacing: var(--letter-spacing-
|
|
12581
|
-
padding-
|
|
12421
|
+
font-size: var(--font-size-3);
|
|
12422
|
+
line-height: var(--line-height-3);
|
|
12423
|
+
letter-spacing: var(--letter-spacing-3);
|
|
12424
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
12425
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
12582
12426
|
}
|
|
12583
12427
|
.rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
12584
|
-
width: var(--indicator-icon-size-
|
|
12585
|
-
height: var(--indicator-icon-size-
|
|
12586
|
-
}
|
|
12587
|
-
.rt-BaseMenuContent:where(.rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
12588
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
12589
|
-
}
|
|
12590
|
-
.rt-BaseMenuContent:where(.rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
12591
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
12428
|
+
width: var(--indicator-icon-size-3);
|
|
12429
|
+
height: var(--indicator-icon-size-3);
|
|
12592
12430
|
}
|
|
12593
12431
|
@media (min-width: 520px) {
|
|
12594
12432
|
.rt-BaseMenuContent:where(.xs\:rt-r-size-1) {
|
|
12595
12433
|
--base-menu-content-padding: var(--space-2);
|
|
12596
|
-
--base-menu-item-padding-left:
|
|
12434
|
+
--base-menu-item-padding-left-plain: var(--space-2);
|
|
12435
|
+
--base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
|
|
12597
12436
|
--base-menu-item-padding-right: var(--space-2);
|
|
12598
12437
|
--base-menu-item-padding-y: var(--space-1);
|
|
12599
12438
|
--base-menu-item-height: var(--space-5);
|
|
@@ -12616,22 +12455,17 @@
|
|
|
12616
12455
|
font-size: var(--font-size-1);
|
|
12617
12456
|
line-height: var(--line-height-1);
|
|
12618
12457
|
letter-spacing: var(--letter-spacing-1);
|
|
12619
|
-
-webkit-padding-start:
|
|
12620
|
-
padding-inline-start:
|
|
12458
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
12459
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
12621
12460
|
}
|
|
12622
12461
|
.rt-BaseMenuContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
12623
|
-
width: var(--indicator-icon-size-1);
|
|
12624
|
-
height: var(--indicator-icon-size-1);
|
|
12625
|
-
}
|
|
12626
|
-
.rt-BaseMenuContent:where(.xs\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
12627
|
-
--base-menu-item-padding-left: var(--space-2);
|
|
12628
|
-
}
|
|
12629
|
-
.rt-BaseMenuContent:where(.xs\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
12630
|
-
--base-menu-item-padding-left: calc(var(--space-5) / 1.2);
|
|
12462
|
+
width: var(--indicator-icon-size-1);
|
|
12463
|
+
height: var(--indicator-icon-size-1);
|
|
12631
12464
|
}
|
|
12632
12465
|
.rt-BaseMenuContent:where(.xs\:rt-r-size-2) {
|
|
12633
12466
|
--base-menu-content-padding: var(--space-3);
|
|
12634
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
12467
|
+
--base-menu-item-padding-left-plain: var(--space-3);
|
|
12468
|
+
--base-menu-item-padding-left-indicator: var(--space-5);
|
|
12635
12469
|
--base-menu-item-padding-right: var(--space-3);
|
|
12636
12470
|
--base-menu-item-padding-y: var(--space-1);
|
|
12637
12471
|
--base-menu-item-height: var(--space-6);
|
|
@@ -12654,21 +12488,17 @@
|
|
|
12654
12488
|
font-size: var(--font-size-2);
|
|
12655
12489
|
line-height: var(--line-height-2);
|
|
12656
12490
|
letter-spacing: var(--letter-spacing-2);
|
|
12657
|
-
padding-
|
|
12491
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
12492
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
12658
12493
|
}
|
|
12659
12494
|
.rt-BaseMenuContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
12660
12495
|
width: var(--indicator-icon-size-2);
|
|
12661
12496
|
height: var(--indicator-icon-size-2);
|
|
12662
12497
|
}
|
|
12663
|
-
.rt-BaseMenuContent:where(.xs\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
12664
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
12665
|
-
}
|
|
12666
|
-
.rt-BaseMenuContent:where(.xs\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
12667
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
12668
|
-
}
|
|
12669
12498
|
.rt-BaseMenuContent:where(.xs\:rt-r-size-3) {
|
|
12670
12499
|
--base-menu-content-padding: var(--space-3);
|
|
12671
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
12500
|
+
--base-menu-item-padding-left-plain: var(--space-3);
|
|
12501
|
+
--base-menu-item-padding-left-indicator: var(--space-5);
|
|
12672
12502
|
--base-menu-item-padding-right: var(--space-3);
|
|
12673
12503
|
--base-menu-item-padding-y: var(--space-2);
|
|
12674
12504
|
--base-menu-item-height: var(--space-7);
|
|
@@ -12677,37 +12507,33 @@
|
|
|
12677
12507
|
.rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuItem) {
|
|
12678
12508
|
gap: var(--component-gap-4);
|
|
12679
12509
|
font-size: var(--font-size-3);
|
|
12680
|
-
line-height: var(--line-height-
|
|
12510
|
+
line-height: var(--line-height-3);
|
|
12681
12511
|
letter-spacing: var(--letter-spacing-3);
|
|
12682
12512
|
border-radius: var(--radius-2);
|
|
12683
12513
|
}
|
|
12684
12514
|
:is(.rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
|
|
12685
|
-
width: var(--content-icon-size-
|
|
12686
|
-
height: var(--content-icon-size-
|
|
12515
|
+
width: var(--content-icon-size-3);
|
|
12516
|
+
height: var(--content-icon-size-3);
|
|
12687
12517
|
-ms-flex-negative: 0;
|
|
12688
12518
|
flex-shrink: 0;
|
|
12689
12519
|
}
|
|
12690
12520
|
.rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
|
|
12691
|
-
font-size: var(--font-size-
|
|
12692
|
-
line-height: var(--line-height-
|
|
12693
|
-
letter-spacing: var(--letter-spacing-
|
|
12694
|
-
padding-
|
|
12521
|
+
font-size: var(--font-size-3);
|
|
12522
|
+
line-height: var(--line-height-3);
|
|
12523
|
+
letter-spacing: var(--letter-spacing-3);
|
|
12524
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
12525
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
12695
12526
|
}
|
|
12696
12527
|
.rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
12697
|
-
width: var(--indicator-icon-size-
|
|
12698
|
-
height: var(--indicator-icon-size-
|
|
12699
|
-
}
|
|
12700
|
-
.rt-BaseMenuContent:where(.xs\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
12701
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
12702
|
-
}
|
|
12703
|
-
.rt-BaseMenuContent:where(.xs\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
12704
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
12528
|
+
width: var(--indicator-icon-size-3);
|
|
12529
|
+
height: var(--indicator-icon-size-3);
|
|
12705
12530
|
}
|
|
12706
12531
|
}
|
|
12707
12532
|
@media (min-width: 768px) {
|
|
12708
12533
|
.rt-BaseMenuContent:where(.sm\:rt-r-size-1) {
|
|
12709
12534
|
--base-menu-content-padding: var(--space-2);
|
|
12710
|
-
--base-menu-item-padding-left:
|
|
12535
|
+
--base-menu-item-padding-left-plain: var(--space-2);
|
|
12536
|
+
--base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
|
|
12711
12537
|
--base-menu-item-padding-right: var(--space-2);
|
|
12712
12538
|
--base-menu-item-padding-y: var(--space-1);
|
|
12713
12539
|
--base-menu-item-height: var(--space-5);
|
|
@@ -12730,22 +12556,17 @@
|
|
|
12730
12556
|
font-size: var(--font-size-1);
|
|
12731
12557
|
line-height: var(--line-height-1);
|
|
12732
12558
|
letter-spacing: var(--letter-spacing-1);
|
|
12733
|
-
-webkit-padding-start:
|
|
12734
|
-
padding-inline-start:
|
|
12559
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
12560
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
12735
12561
|
}
|
|
12736
12562
|
.rt-BaseMenuContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
12737
12563
|
width: var(--indicator-icon-size-1);
|
|
12738
12564
|
height: var(--indicator-icon-size-1);
|
|
12739
12565
|
}
|
|
12740
|
-
.rt-BaseMenuContent:where(.sm\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
12741
|
-
--base-menu-item-padding-left: var(--space-2);
|
|
12742
|
-
}
|
|
12743
|
-
.rt-BaseMenuContent:where(.sm\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
12744
|
-
--base-menu-item-padding-left: calc(var(--space-5) / 1.2);
|
|
12745
|
-
}
|
|
12746
12566
|
.rt-BaseMenuContent:where(.sm\:rt-r-size-2) {
|
|
12747
12567
|
--base-menu-content-padding: var(--space-3);
|
|
12748
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
12568
|
+
--base-menu-item-padding-left-plain: var(--space-3);
|
|
12569
|
+
--base-menu-item-padding-left-indicator: var(--space-5);
|
|
12749
12570
|
--base-menu-item-padding-right: var(--space-3);
|
|
12750
12571
|
--base-menu-item-padding-y: var(--space-1);
|
|
12751
12572
|
--base-menu-item-height: var(--space-6);
|
|
@@ -12768,21 +12589,17 @@
|
|
|
12768
12589
|
font-size: var(--font-size-2);
|
|
12769
12590
|
line-height: var(--line-height-2);
|
|
12770
12591
|
letter-spacing: var(--letter-spacing-2);
|
|
12771
|
-
padding-
|
|
12592
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
12593
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
12772
12594
|
}
|
|
12773
12595
|
.rt-BaseMenuContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
12774
12596
|
width: var(--indicator-icon-size-2);
|
|
12775
12597
|
height: var(--indicator-icon-size-2);
|
|
12776
12598
|
}
|
|
12777
|
-
.rt-BaseMenuContent:where(.sm\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
12778
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
12779
|
-
}
|
|
12780
|
-
.rt-BaseMenuContent:where(.sm\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
12781
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
12782
|
-
}
|
|
12783
12599
|
.rt-BaseMenuContent:where(.sm\:rt-r-size-3) {
|
|
12784
12600
|
--base-menu-content-padding: var(--space-3);
|
|
12785
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
12601
|
+
--base-menu-item-padding-left-plain: var(--space-3);
|
|
12602
|
+
--base-menu-item-padding-left-indicator: var(--space-5);
|
|
12786
12603
|
--base-menu-item-padding-right: var(--space-3);
|
|
12787
12604
|
--base-menu-item-padding-y: var(--space-2);
|
|
12788
12605
|
--base-menu-item-height: var(--space-7);
|
|
@@ -12791,37 +12608,33 @@
|
|
|
12791
12608
|
.rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuItem) {
|
|
12792
12609
|
gap: var(--component-gap-4);
|
|
12793
12610
|
font-size: var(--font-size-3);
|
|
12794
|
-
line-height: var(--line-height-
|
|
12611
|
+
line-height: var(--line-height-3);
|
|
12795
12612
|
letter-spacing: var(--letter-spacing-3);
|
|
12796
12613
|
border-radius: var(--radius-2);
|
|
12797
12614
|
}
|
|
12798
12615
|
:is(.rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
|
|
12799
|
-
width: var(--content-icon-size-
|
|
12800
|
-
height: var(--content-icon-size-
|
|
12616
|
+
width: var(--content-icon-size-3);
|
|
12617
|
+
height: var(--content-icon-size-3);
|
|
12801
12618
|
-ms-flex-negative: 0;
|
|
12802
12619
|
flex-shrink: 0;
|
|
12803
12620
|
}
|
|
12804
12621
|
.rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
|
|
12805
|
-
font-size: var(--font-size-
|
|
12806
|
-
line-height: var(--line-height-
|
|
12807
|
-
letter-spacing: var(--letter-spacing-
|
|
12808
|
-
padding-
|
|
12622
|
+
font-size: var(--font-size-3);
|
|
12623
|
+
line-height: var(--line-height-3);
|
|
12624
|
+
letter-spacing: var(--letter-spacing-3);
|
|
12625
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
12626
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
12809
12627
|
}
|
|
12810
12628
|
.rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
12811
|
-
width: var(--indicator-icon-size-
|
|
12812
|
-
height: var(--indicator-icon-size-
|
|
12813
|
-
}
|
|
12814
|
-
.rt-BaseMenuContent:where(.sm\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
12815
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
12816
|
-
}
|
|
12817
|
-
.rt-BaseMenuContent:where(.sm\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
12818
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
12629
|
+
width: var(--indicator-icon-size-3);
|
|
12630
|
+
height: var(--indicator-icon-size-3);
|
|
12819
12631
|
}
|
|
12820
12632
|
}
|
|
12821
12633
|
@media (min-width: 1024px) {
|
|
12822
12634
|
.rt-BaseMenuContent:where(.md\:rt-r-size-1) {
|
|
12823
12635
|
--base-menu-content-padding: var(--space-2);
|
|
12824
|
-
--base-menu-item-padding-left:
|
|
12636
|
+
--base-menu-item-padding-left-plain: var(--space-2);
|
|
12637
|
+
--base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
|
|
12825
12638
|
--base-menu-item-padding-right: var(--space-2);
|
|
12826
12639
|
--base-menu-item-padding-y: var(--space-1);
|
|
12827
12640
|
--base-menu-item-height: var(--space-5);
|
|
@@ -12844,22 +12657,17 @@
|
|
|
12844
12657
|
font-size: var(--font-size-1);
|
|
12845
12658
|
line-height: var(--line-height-1);
|
|
12846
12659
|
letter-spacing: var(--letter-spacing-1);
|
|
12847
|
-
-webkit-padding-start:
|
|
12848
|
-
padding-inline-start:
|
|
12660
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
12661
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
12849
12662
|
}
|
|
12850
12663
|
.rt-BaseMenuContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
12851
12664
|
width: var(--indicator-icon-size-1);
|
|
12852
12665
|
height: var(--indicator-icon-size-1);
|
|
12853
12666
|
}
|
|
12854
|
-
.rt-BaseMenuContent:where(.md\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
12855
|
-
--base-menu-item-padding-left: var(--space-2);
|
|
12856
|
-
}
|
|
12857
|
-
.rt-BaseMenuContent:where(.md\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
12858
|
-
--base-menu-item-padding-left: calc(var(--space-5) / 1.2);
|
|
12859
|
-
}
|
|
12860
12667
|
.rt-BaseMenuContent:where(.md\:rt-r-size-2) {
|
|
12861
12668
|
--base-menu-content-padding: var(--space-3);
|
|
12862
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
12669
|
+
--base-menu-item-padding-left-plain: var(--space-3);
|
|
12670
|
+
--base-menu-item-padding-left-indicator: var(--space-5);
|
|
12863
12671
|
--base-menu-item-padding-right: var(--space-3);
|
|
12864
12672
|
--base-menu-item-padding-y: var(--space-1);
|
|
12865
12673
|
--base-menu-item-height: var(--space-6);
|
|
@@ -12882,21 +12690,17 @@
|
|
|
12882
12690
|
font-size: var(--font-size-2);
|
|
12883
12691
|
line-height: var(--line-height-2);
|
|
12884
12692
|
letter-spacing: var(--letter-spacing-2);
|
|
12885
|
-
padding-
|
|
12693
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
12694
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
12886
12695
|
}
|
|
12887
12696
|
.rt-BaseMenuContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
12888
12697
|
width: var(--indicator-icon-size-2);
|
|
12889
12698
|
height: var(--indicator-icon-size-2);
|
|
12890
12699
|
}
|
|
12891
|
-
.rt-BaseMenuContent:where(.md\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
12892
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
12893
|
-
}
|
|
12894
|
-
.rt-BaseMenuContent:where(.md\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
12895
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
12896
|
-
}
|
|
12897
12700
|
.rt-BaseMenuContent:where(.md\:rt-r-size-3) {
|
|
12898
12701
|
--base-menu-content-padding: var(--space-3);
|
|
12899
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
12702
|
+
--base-menu-item-padding-left-plain: var(--space-3);
|
|
12703
|
+
--base-menu-item-padding-left-indicator: var(--space-5);
|
|
12900
12704
|
--base-menu-item-padding-right: var(--space-3);
|
|
12901
12705
|
--base-menu-item-padding-y: var(--space-2);
|
|
12902
12706
|
--base-menu-item-height: var(--space-7);
|
|
@@ -12905,37 +12709,33 @@
|
|
|
12905
12709
|
.rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuItem) {
|
|
12906
12710
|
gap: var(--component-gap-4);
|
|
12907
12711
|
font-size: var(--font-size-3);
|
|
12908
|
-
line-height: var(--line-height-
|
|
12712
|
+
line-height: var(--line-height-3);
|
|
12909
12713
|
letter-spacing: var(--letter-spacing-3);
|
|
12910
12714
|
border-radius: var(--radius-2);
|
|
12911
12715
|
}
|
|
12912
12716
|
:is(.rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
|
|
12913
|
-
width: var(--content-icon-size-
|
|
12914
|
-
height: var(--content-icon-size-
|
|
12717
|
+
width: var(--content-icon-size-3);
|
|
12718
|
+
height: var(--content-icon-size-3);
|
|
12915
12719
|
-ms-flex-negative: 0;
|
|
12916
12720
|
flex-shrink: 0;
|
|
12917
12721
|
}
|
|
12918
12722
|
.rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
|
|
12919
|
-
font-size: var(--font-size-
|
|
12920
|
-
line-height: var(--line-height-
|
|
12921
|
-
letter-spacing: var(--letter-spacing-
|
|
12922
|
-
padding-
|
|
12723
|
+
font-size: var(--font-size-3);
|
|
12724
|
+
line-height: var(--line-height-3);
|
|
12725
|
+
letter-spacing: var(--letter-spacing-3);
|
|
12726
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
12727
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
12923
12728
|
}
|
|
12924
12729
|
.rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
12925
|
-
width: var(--indicator-icon-size-
|
|
12926
|
-
height: var(--indicator-icon-size-
|
|
12927
|
-
}
|
|
12928
|
-
.rt-BaseMenuContent:where(.md\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
12929
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
12930
|
-
}
|
|
12931
|
-
.rt-BaseMenuContent:where(.md\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
12932
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
12730
|
+
width: var(--indicator-icon-size-3);
|
|
12731
|
+
height: var(--indicator-icon-size-3);
|
|
12933
12732
|
}
|
|
12934
12733
|
}
|
|
12935
12734
|
@media (min-width: 1280px) {
|
|
12936
12735
|
.rt-BaseMenuContent:where(.lg\:rt-r-size-1) {
|
|
12937
12736
|
--base-menu-content-padding: var(--space-2);
|
|
12938
|
-
--base-menu-item-padding-left:
|
|
12737
|
+
--base-menu-item-padding-left-plain: var(--space-2);
|
|
12738
|
+
--base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
|
|
12939
12739
|
--base-menu-item-padding-right: var(--space-2);
|
|
12940
12740
|
--base-menu-item-padding-y: var(--space-1);
|
|
12941
12741
|
--base-menu-item-height: var(--space-5);
|
|
@@ -12958,22 +12758,17 @@
|
|
|
12958
12758
|
font-size: var(--font-size-1);
|
|
12959
12759
|
line-height: var(--line-height-1);
|
|
12960
12760
|
letter-spacing: var(--letter-spacing-1);
|
|
12961
|
-
-webkit-padding-start:
|
|
12962
|
-
padding-inline-start:
|
|
12761
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
12762
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
12963
12763
|
}
|
|
12964
12764
|
.rt-BaseMenuContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
12965
12765
|
width: var(--indicator-icon-size-1);
|
|
12966
12766
|
height: var(--indicator-icon-size-1);
|
|
12967
12767
|
}
|
|
12968
|
-
.rt-BaseMenuContent:where(.lg\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
12969
|
-
--base-menu-item-padding-left: var(--space-2);
|
|
12970
|
-
}
|
|
12971
|
-
.rt-BaseMenuContent:where(.lg\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
12972
|
-
--base-menu-item-padding-left: calc(var(--space-5) / 1.2);
|
|
12973
|
-
}
|
|
12974
12768
|
.rt-BaseMenuContent:where(.lg\:rt-r-size-2) {
|
|
12975
12769
|
--base-menu-content-padding: var(--space-3);
|
|
12976
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
12770
|
+
--base-menu-item-padding-left-plain: var(--space-3);
|
|
12771
|
+
--base-menu-item-padding-left-indicator: var(--space-5);
|
|
12977
12772
|
--base-menu-item-padding-right: var(--space-3);
|
|
12978
12773
|
--base-menu-item-padding-y: var(--space-1);
|
|
12979
12774
|
--base-menu-item-height: var(--space-6);
|
|
@@ -12996,21 +12791,17 @@
|
|
|
12996
12791
|
font-size: var(--font-size-2);
|
|
12997
12792
|
line-height: var(--line-height-2);
|
|
12998
12793
|
letter-spacing: var(--letter-spacing-2);
|
|
12999
|
-
padding-
|
|
12794
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
12795
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
13000
12796
|
}
|
|
13001
12797
|
.rt-BaseMenuContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
13002
12798
|
width: var(--indicator-icon-size-2);
|
|
13003
12799
|
height: var(--indicator-icon-size-2);
|
|
13004
12800
|
}
|
|
13005
|
-
.rt-BaseMenuContent:where(.lg\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
13006
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
13007
|
-
}
|
|
13008
|
-
.rt-BaseMenuContent:where(.lg\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
13009
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
13010
|
-
}
|
|
13011
12801
|
.rt-BaseMenuContent:where(.lg\:rt-r-size-3) {
|
|
13012
12802
|
--base-menu-content-padding: var(--space-3);
|
|
13013
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
12803
|
+
--base-menu-item-padding-left-plain: var(--space-3);
|
|
12804
|
+
--base-menu-item-padding-left-indicator: var(--space-5);
|
|
13014
12805
|
--base-menu-item-padding-right: var(--space-3);
|
|
13015
12806
|
--base-menu-item-padding-y: var(--space-2);
|
|
13016
12807
|
--base-menu-item-height: var(--space-7);
|
|
@@ -13019,37 +12810,33 @@
|
|
|
13019
12810
|
.rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuItem) {
|
|
13020
12811
|
gap: var(--component-gap-4);
|
|
13021
12812
|
font-size: var(--font-size-3);
|
|
13022
|
-
line-height: var(--line-height-
|
|
12813
|
+
line-height: var(--line-height-3);
|
|
13023
12814
|
letter-spacing: var(--letter-spacing-3);
|
|
13024
12815
|
border-radius: var(--radius-2);
|
|
13025
12816
|
}
|
|
13026
12817
|
:is(.rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
|
|
13027
|
-
width: var(--content-icon-size-
|
|
13028
|
-
height: var(--content-icon-size-
|
|
12818
|
+
width: var(--content-icon-size-3);
|
|
12819
|
+
height: var(--content-icon-size-3);
|
|
13029
12820
|
-ms-flex-negative: 0;
|
|
13030
12821
|
flex-shrink: 0;
|
|
13031
12822
|
}
|
|
13032
12823
|
.rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
|
|
13033
|
-
font-size: var(--font-size-
|
|
13034
|
-
line-height: var(--line-height-
|
|
13035
|
-
letter-spacing: var(--letter-spacing-
|
|
13036
|
-
padding-
|
|
12824
|
+
font-size: var(--font-size-3);
|
|
12825
|
+
line-height: var(--line-height-3);
|
|
12826
|
+
letter-spacing: var(--letter-spacing-3);
|
|
12827
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
12828
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
13037
12829
|
}
|
|
13038
12830
|
.rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
13039
|
-
width: var(--indicator-icon-size-
|
|
13040
|
-
height: var(--indicator-icon-size-
|
|
13041
|
-
}
|
|
13042
|
-
.rt-BaseMenuContent:where(.lg\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
13043
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
13044
|
-
}
|
|
13045
|
-
.rt-BaseMenuContent:where(.lg\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
13046
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
12831
|
+
width: var(--indicator-icon-size-3);
|
|
12832
|
+
height: var(--indicator-icon-size-3);
|
|
13047
12833
|
}
|
|
13048
12834
|
}
|
|
13049
12835
|
@media (min-width: 1640px) {
|
|
13050
12836
|
.rt-BaseMenuContent:where(.xl\:rt-r-size-1) {
|
|
13051
12837
|
--base-menu-content-padding: var(--space-2);
|
|
13052
|
-
--base-menu-item-padding-left:
|
|
12838
|
+
--base-menu-item-padding-left-plain: var(--space-2);
|
|
12839
|
+
--base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
|
|
13053
12840
|
--base-menu-item-padding-right: var(--space-2);
|
|
13054
12841
|
--base-menu-item-padding-y: var(--space-1);
|
|
13055
12842
|
--base-menu-item-height: var(--space-5);
|
|
@@ -13072,22 +12859,17 @@
|
|
|
13072
12859
|
font-size: var(--font-size-1);
|
|
13073
12860
|
line-height: var(--line-height-1);
|
|
13074
12861
|
letter-spacing: var(--letter-spacing-1);
|
|
13075
|
-
-webkit-padding-start:
|
|
13076
|
-
padding-inline-start:
|
|
12862
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
12863
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
13077
12864
|
}
|
|
13078
12865
|
.rt-BaseMenuContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
13079
12866
|
width: var(--indicator-icon-size-1);
|
|
13080
12867
|
height: var(--indicator-icon-size-1);
|
|
13081
12868
|
}
|
|
13082
|
-
.rt-BaseMenuContent:where(.xl\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
13083
|
-
--base-menu-item-padding-left: var(--space-2);
|
|
13084
|
-
}
|
|
13085
|
-
.rt-BaseMenuContent:where(.xl\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
13086
|
-
--base-menu-item-padding-left: calc(var(--space-5) / 1.2);
|
|
13087
|
-
}
|
|
13088
12869
|
.rt-BaseMenuContent:where(.xl\:rt-r-size-2) {
|
|
13089
12870
|
--base-menu-content-padding: var(--space-3);
|
|
13090
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
12871
|
+
--base-menu-item-padding-left-plain: var(--space-3);
|
|
12872
|
+
--base-menu-item-padding-left-indicator: var(--space-5);
|
|
13091
12873
|
--base-menu-item-padding-right: var(--space-3);
|
|
13092
12874
|
--base-menu-item-padding-y: var(--space-1);
|
|
13093
12875
|
--base-menu-item-height: var(--space-6);
|
|
@@ -13110,21 +12892,17 @@
|
|
|
13110
12892
|
font-size: var(--font-size-2);
|
|
13111
12893
|
line-height: var(--line-height-2);
|
|
13112
12894
|
letter-spacing: var(--letter-spacing-2);
|
|
13113
|
-
padding-
|
|
12895
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
12896
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
13114
12897
|
}
|
|
13115
12898
|
.rt-BaseMenuContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
13116
12899
|
width: var(--indicator-icon-size-2);
|
|
13117
12900
|
height: var(--indicator-icon-size-2);
|
|
13118
12901
|
}
|
|
13119
|
-
.rt-BaseMenuContent:where(.xl\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
13120
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
13121
|
-
}
|
|
13122
|
-
.rt-BaseMenuContent:where(.xl\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
13123
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
13124
|
-
}
|
|
13125
12902
|
.rt-BaseMenuContent:where(.xl\:rt-r-size-3) {
|
|
13126
12903
|
--base-menu-content-padding: var(--space-3);
|
|
13127
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
12904
|
+
--base-menu-item-padding-left-plain: var(--space-3);
|
|
12905
|
+
--base-menu-item-padding-left-indicator: var(--space-5);
|
|
13128
12906
|
--base-menu-item-padding-right: var(--space-3);
|
|
13129
12907
|
--base-menu-item-padding-y: var(--space-2);
|
|
13130
12908
|
--base-menu-item-height: var(--space-7);
|
|
@@ -13133,85 +12911,53 @@
|
|
|
13133
12911
|
.rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuItem) {
|
|
13134
12912
|
gap: var(--component-gap-4);
|
|
13135
12913
|
font-size: var(--font-size-3);
|
|
13136
|
-
line-height: var(--line-height-
|
|
12914
|
+
line-height: var(--line-height-3);
|
|
13137
12915
|
letter-spacing: var(--letter-spacing-3);
|
|
13138
12916
|
border-radius: var(--radius-2);
|
|
13139
12917
|
}
|
|
13140
12918
|
:is(.rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
|
|
13141
|
-
width: var(--content-icon-size-
|
|
13142
|
-
height: var(--content-icon-size-
|
|
12919
|
+
width: var(--content-icon-size-3);
|
|
12920
|
+
height: var(--content-icon-size-3);
|
|
13143
12921
|
-ms-flex-negative: 0;
|
|
13144
12922
|
flex-shrink: 0;
|
|
13145
12923
|
}
|
|
13146
12924
|
.rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
|
|
13147
|
-
font-size: var(--font-size-
|
|
13148
|
-
line-height: var(--line-height-
|
|
13149
|
-
letter-spacing: var(--letter-spacing-
|
|
13150
|
-
padding-
|
|
12925
|
+
font-size: var(--font-size-3);
|
|
12926
|
+
line-height: var(--line-height-3);
|
|
12927
|
+
letter-spacing: var(--letter-spacing-3);
|
|
12928
|
+
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
12929
|
+
padding-inline-start: var(--base-menu-item-padding-left);
|
|
13151
12930
|
}
|
|
13152
12931
|
.rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
|
|
13153
|
-
width: var(--indicator-icon-size-
|
|
13154
|
-
height: var(--indicator-icon-size-
|
|
13155
|
-
}
|
|
13156
|
-
.rt-BaseMenuContent:where(.xl\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
|
|
13157
|
-
--base-menu-item-padding-left: var(--space-3);
|
|
13158
|
-
}
|
|
13159
|
-
.rt-BaseMenuContent:where(.xl\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
|
|
13160
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
12932
|
+
width: var(--indicator-icon-size-3);
|
|
12933
|
+
height: var(--indicator-icon-size-3);
|
|
13161
12934
|
}
|
|
13162
12935
|
}
|
|
13163
12936
|
.rt-BaseMenuItem:where([data-accent-color]) {
|
|
13164
|
-
color: var(--accent-
|
|
12937
|
+
color: var(--accent-ink);
|
|
13165
12938
|
}
|
|
13166
12939
|
.rt-BaseMenuItem:where([data-disabled]) {
|
|
13167
12940
|
color: var(--gray-a8);
|
|
13168
12941
|
cursor: default;
|
|
13169
12942
|
}
|
|
13170
|
-
.rt-BaseMenuItem
|
|
13171
|
-
color: var(--gray-
|
|
12943
|
+
.rt-BaseMenuItem:where([data-disabled]) .rt-Kbd {
|
|
12944
|
+
color: var(--gray-a8);
|
|
13172
12945
|
}
|
|
13173
12946
|
:is(.rt-BaseMenuItem:where([data-disabled],[data-highlighted]),.rt-BaseMenuSubTrigger:where([data-state='open'])) :where(.rt-BaseMenuShortcut) {
|
|
13174
12947
|
color: inherit;
|
|
13175
12948
|
}
|
|
13176
|
-
.rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuSubTrigger) {
|
|
13177
|
-
-webkit-transition: var(--transition-menu);
|
|
13178
|
-
transition: var(--transition-menu);
|
|
13179
|
-
}
|
|
13180
|
-
@media (prefers-reduced-motion: reduce) {
|
|
13181
|
-
.rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuSubTrigger) {
|
|
13182
|
-
-webkit-transition: none;
|
|
13183
|
-
transition: none;
|
|
13184
|
-
backdrop-filter: none;
|
|
13185
|
-
}
|
|
13186
|
-
}
|
|
13187
|
-
:where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuSubTrigger)) {
|
|
13188
|
-
-webkit-transition: background var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
|
|
13189
|
-
transition: background var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
|
|
13190
|
-
}
|
|
13191
|
-
:where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuItem)) {
|
|
13192
|
-
-webkit-transition: background var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
|
|
13193
|
-
transition: background var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
|
|
13194
|
-
}
|
|
13195
12949
|
.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
|
|
13196
12950
|
background-color: var(--gray-3);
|
|
13197
12951
|
}
|
|
13198
|
-
:where([data-panel-background='translucent']) :
|
|
13199
|
-
background-color: var(--gray-a3);
|
|
13200
|
-
}
|
|
13201
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='solid']) {
|
|
13202
|
-
background-color: var(--gray-3);
|
|
13203
|
-
backdrop-filter: none;
|
|
13204
|
-
--backdrop-filter-components: none;
|
|
13205
|
-
}
|
|
13206
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='translucent']) {
|
|
12952
|
+
.rt-BaseMenuContent:where(.rt-variant-solid):where([data-panel-background='translucent']) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
|
|
13207
12953
|
background-color: var(--gray-a3);
|
|
13208
12954
|
}
|
|
13209
12955
|
.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted]) {
|
|
13210
|
-
background-color: var(--accent-
|
|
13211
|
-
color: var(--accent-contrast);
|
|
12956
|
+
background-color: var(--accent-solid);
|
|
12957
|
+
color: var(--accent-solid-contrast);
|
|
13212
12958
|
}
|
|
13213
12959
|
:is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
|
|
13214
|
-
color: var(--accent-contrast);
|
|
12960
|
+
color: var(--accent-solid-contrast);
|
|
13215
12961
|
}
|
|
13216
12962
|
:is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text) {
|
|
13217
12963
|
color: inherit !important;
|
|
@@ -13219,59 +12965,24 @@
|
|
|
13219
12965
|
:is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where([data-accent-color='gray']:not(.rt-Badge)) {
|
|
13220
12966
|
color: inherit !important;
|
|
13221
12967
|
}
|
|
13222
|
-
.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) {
|
|
13223
|
-
background-color: var(--accent-12);
|
|
13224
|
-
color: var(--accent-1);
|
|
13225
|
-
}
|
|
13226
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
|
|
13227
|
-
color: var(--accent-1);
|
|
13228
|
-
}
|
|
13229
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text) {
|
|
13230
|
-
color: inherit !important;
|
|
13231
|
-
}
|
|
13232
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where([data-accent-color='gray']:not(.rt-Badge)) {
|
|
13233
|
-
color: inherit !important;
|
|
13234
|
-
}
|
|
13235
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])):where([data-accent-color]) {
|
|
13236
|
-
background-color: var(--accent-9);
|
|
13237
|
-
color: var(--accent-contrast);
|
|
13238
|
-
}
|
|
13239
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])):where([data-accent-color]) :where(.rt-Text) {
|
|
13240
|
-
color: inherit !important;
|
|
13241
|
-
}
|
|
13242
|
-
: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)) {
|
|
13243
|
-
color: inherit !important;
|
|
13244
|
-
}
|
|
13245
12968
|
.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
|
|
13246
12969
|
background-color: var(--accent-3);
|
|
13247
12970
|
}
|
|
13248
|
-
:where([data-panel-background='translucent']) :
|
|
13249
|
-
background-color: var(--accent-a3);
|
|
13250
|
-
}
|
|
13251
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='solid']) {
|
|
13252
|
-
background-color: var(--accent-3);
|
|
13253
|
-
backdrop-filter: none;
|
|
13254
|
-
--backdrop-filter-components: none;
|
|
13255
|
-
}
|
|
13256
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='translucent']) {
|
|
12971
|
+
.rt-BaseMenuContent:where(.rt-variant-soft):where([data-panel-background='translucent']) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
|
|
13257
12972
|
background-color: var(--accent-a3);
|
|
13258
12973
|
}
|
|
13259
12974
|
.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]) {
|
|
13260
12975
|
background-color: var(--accent-4);
|
|
13261
12976
|
}
|
|
13262
|
-
:
|
|
13263
|
-
|
|
13264
|
-
}
|
|
13265
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])):where([data-panel-background='solid']) {
|
|
13266
|
-
background-color: var(--accent-4);
|
|
13267
|
-
backdrop-filter: none;
|
|
13268
|
-
--backdrop-filter-components: none;
|
|
12977
|
+
: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'])) {
|
|
12978
|
+
color: var(--gray-11) !important;
|
|
13269
12979
|
}
|
|
13270
|
-
|
|
12980
|
+
.rt-BaseMenuContent:where(.rt-variant-soft):where([data-panel-background='translucent']) :where(.rt-BaseMenuItem[data-highlighted]) {
|
|
13271
12981
|
background-color: var(--accent-a4);
|
|
13272
12982
|
}
|
|
13273
|
-
|
|
13274
|
-
|
|
12983
|
+
.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]:focus-visible) {
|
|
12984
|
+
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a8);
|
|
12985
|
+
box-shadow: inset 0 0 0 1px var(--accent-a8);
|
|
13275
12986
|
}
|
|
13276
12987
|
@media (forced-colors: active) {
|
|
13277
12988
|
.rt-BaseMenuItem:where(:focus-visible) {
|
|
@@ -13303,16 +13014,22 @@
|
|
|
13303
13014
|
display: -webkit-box;
|
|
13304
13015
|
display: -ms-flexbox;
|
|
13305
13016
|
display: flex;
|
|
13306
|
-
color: var(--gray-
|
|
13017
|
+
color: var(--gray-ink-muted);
|
|
13307
13018
|
}
|
|
13308
|
-
.rt-DataListLabel:where(.rt-
|
|
13309
|
-
color: var(--gray-
|
|
13019
|
+
.rt-DataListLabel:where(.rt-emphasis-loud) {
|
|
13020
|
+
color: var(--gray-ink);
|
|
13021
|
+
}
|
|
13022
|
+
.rt-DataListLabel:where(.rt-emphasis-quiet) {
|
|
13023
|
+
color: var(--gray-ink-faint);
|
|
13310
13024
|
}
|
|
13311
13025
|
.rt-DataListLabel:where([data-accent-color]) {
|
|
13312
|
-
color: var(--accent-
|
|
13026
|
+
color: var(--accent-ink);
|
|
13313
13027
|
}
|
|
13314
|
-
.rt-DataListLabel:where([data-accent-color]
|
|
13315
|
-
color: var(--accent-
|
|
13028
|
+
.rt-DataListLabel:where([data-accent-color].rt-emphasis-medium) {
|
|
13029
|
+
color: var(--accent-ink-muted);
|
|
13030
|
+
}
|
|
13031
|
+
.rt-DataListLabel:where([data-accent-color].rt-emphasis-quiet) {
|
|
13032
|
+
color: var(--accent-ink-faint);
|
|
13316
13033
|
}
|
|
13317
13034
|
.rt-DataListValue {
|
|
13318
13035
|
display: -webkit-box;
|
|
@@ -14128,112 +13845,53 @@
|
|
|
14128
13845
|
.rt-DropdownMenuDrillDownRoot {
|
|
14129
13846
|
display: contents;
|
|
14130
13847
|
}
|
|
14131
|
-
.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active])
|
|
14132
|
-
|
|
14133
|
-
}
|
|
14134
|
-
.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]) :where(.rt-DropdownMenuDrillDownPanel) {
|
|
14135
|
-
display: contents !important;
|
|
14136
|
-
}
|
|
14137
|
-
.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]) > :where(.rt-BaseMenuGroup) {
|
|
14138
|
-
display: contents !important;
|
|
14139
|
-
}
|
|
14140
|
-
.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]) > :where(.rt-BaseMenuGroup) > :where(*:not(.rt-DropdownMenuDrillDownPanel)) {
|
|
14141
|
-
display: none !important;
|
|
14142
|
-
}
|
|
14143
|
-
.rt-DropdownMenuDrillDownPanel {
|
|
14144
|
-
display: contents;
|
|
14145
|
-
}
|
|
14146
|
-
.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) > * {
|
|
14147
|
-
display: none !important;
|
|
14148
|
-
}
|
|
14149
|
-
.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) :where(.rt-DropdownMenuDrillDownPanel) {
|
|
14150
|
-
display: contents !important;
|
|
14151
|
-
}
|
|
14152
|
-
.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) > :where(.rt-BaseMenuGroup) {
|
|
14153
|
-
display: contents !important;
|
|
14154
|
-
}
|
|
14155
|
-
.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) > :where(.rt-BaseMenuGroup) > :where(*:not(.rt-DropdownMenuDrillDownPanel)) {
|
|
14156
|
-
display: none !important;
|
|
14157
|
-
}
|
|
14158
|
-
.rt-DropdownMenuDrillDownBackItem {
|
|
13848
|
+
.rt-DropdownMenuDrillDownRoot:where([data-submenu-behavior='drill-down']:not([data-drill-down-active])),
|
|
13849
|
+
.rt-DropdownMenuDrillDownPanel:where([data-drill-down-active]) {
|
|
14159
13850
|
display: -webkit-box;
|
|
14160
13851
|
display: -ms-flexbox;
|
|
14161
13852
|
display: flex;
|
|
14162
|
-
-webkit-box-
|
|
14163
|
-
|
|
14164
|
-
|
|
14165
|
-
|
|
14166
|
-
min-height: var(--base-menu-item-height);
|
|
14167
|
-
padding-top: var(--base-menu-item-padding-y);
|
|
14168
|
-
padding-bottom: var(--base-menu-item-padding-y);
|
|
14169
|
-
-webkit-padding-start: var(--base-menu-item-padding-left);
|
|
14170
|
-
padding-inline-start: var(--base-menu-item-padding-left);
|
|
14171
|
-
-webkit-padding-end: var(--base-menu-item-padding-right);
|
|
14172
|
-
padding-inline-end: var(--base-menu-item-padding-right);
|
|
14173
|
-
-webkit-box-sizing: border-box;
|
|
14174
|
-
box-sizing: border-box;
|
|
14175
|
-
outline: none;
|
|
14176
|
-
cursor: var(--cursor-menu-item);
|
|
14177
|
-
-webkit-user-select: none;
|
|
14178
|
-
-moz-user-select: none;
|
|
14179
|
-
-ms-user-select: none;
|
|
14180
|
-
user-select: none;
|
|
14181
|
-
-webkit-transition: var(--transition-menu);
|
|
14182
|
-
transition: var(--transition-menu);
|
|
14183
|
-
font-weight: 500;
|
|
14184
|
-
}
|
|
14185
|
-
.rt-DropdownMenuDrillDownBackItem:where(:focus-visible) {
|
|
14186
|
-
outline: 2px solid var(--focus-8);
|
|
14187
|
-
outline-offset: -2px;
|
|
14188
|
-
}
|
|
14189
|
-
@media (prefers-reduced-motion: reduce) {
|
|
14190
|
-
.rt-DropdownMenuDrillDownBackItem {
|
|
14191
|
-
-webkit-transition: none;
|
|
14192
|
-
transition: none;
|
|
14193
|
-
}
|
|
14194
|
-
}
|
|
14195
|
-
.rt-DropdownMenuDrillDownBackIcon {
|
|
14196
|
-
width: var(--indicator-icon-size-2);
|
|
14197
|
-
height: var(--indicator-icon-size-2);
|
|
14198
|
-
-ms-flex-negative: 0;
|
|
14199
|
-
flex-shrink: 0;
|
|
14200
|
-
color: var(--gray-12);
|
|
14201
|
-
}
|
|
14202
|
-
.rt-DropdownMenuDrillDownBackLabel {
|
|
14203
|
-
color: var(--gray-12);
|
|
13853
|
+
-webkit-box-orient: vertical;
|
|
13854
|
+
-webkit-box-direction: normal;
|
|
13855
|
+
-ms-flex-direction: column;
|
|
13856
|
+
flex-direction: column;
|
|
14204
13857
|
}
|
|
14205
|
-
.rt-
|
|
14206
|
-
|
|
14207
|
-
color: var(--accent-contrast);
|
|
13858
|
+
.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) {
|
|
13859
|
+
display: contents;
|
|
14208
13860
|
}
|
|
14209
|
-
:is(.rt-
|
|
14210
|
-
|
|
13861
|
+
:is(.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]),.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active]))) > :where(:not(.rt-DropdownMenuDrillDownPanel,.rt-BaseMenuGroup,.rt-BaseMenuRadioGroup)) {
|
|
13862
|
+
display: none;
|
|
14211
13863
|
}
|
|
14212
|
-
|
|
14213
|
-
|
|
13864
|
+
:is(.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]),.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active]))) > :where(.rt-BaseMenuGroup,.rt-BaseMenuRadioGroup) {
|
|
13865
|
+
display: contents;
|
|
14214
13866
|
}
|
|
14215
|
-
|
|
14216
|
-
|
|
13867
|
+
.rt-DropdownMenuDrillDownBackItem {
|
|
13868
|
+
font-weight: var(--font-weight-medium);
|
|
14217
13869
|
}
|
|
14218
|
-
|
|
14219
|
-
|
|
14220
|
-
|
|
14221
|
-
|
|
14222
|
-
|
|
13870
|
+
.rt-DropdownMenuDrillDownBackIcon {
|
|
13871
|
+
-webkit-margin-start: calc(-2px * var(--scaling));
|
|
13872
|
+
margin-inline-start: calc(-2px * var(--scaling));
|
|
13873
|
+
-webkit-margin-end: 0;
|
|
13874
|
+
margin-inline-end: 0;
|
|
14223
13875
|
}
|
|
14224
13876
|
@media (prefers-reduced-motion: no-preference) {
|
|
14225
|
-
.rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='forward'])
|
|
13877
|
+
.rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='forward']) {
|
|
14226
13878
|
-webkit-animation: rt-drill-down-enter-from-right var(--motion-duration-small) var(--motion-ease-smooth);
|
|
14227
13879
|
animation: rt-drill-down-enter-from-right var(--motion-duration-small) var(--motion-ease-smooth);
|
|
14228
13880
|
}
|
|
14229
|
-
.rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='backward'])
|
|
14230
|
-
|
|
14231
|
-
animation: rt-drill-down-enter-from-left var(--motion-duration-small) var(--motion-ease-smooth);
|
|
14232
|
-
}
|
|
14233
|
-
.rt-DropdownMenuDrillDownRoot:where(:not([data-drill-down-active])[data-animation-direction='backward']) > :where(*:not(.rt-DropdownMenuDrillDownPanel)) {
|
|
13881
|
+
.rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='backward']),
|
|
13882
|
+
.rt-DropdownMenuDrillDownRoot:where([data-submenu-behavior='drill-down']:not([data-drill-down-active])[data-animation-direction='backward']) {
|
|
14234
13883
|
-webkit-animation: rt-drill-down-enter-from-left var(--motion-duration-small) var(--motion-ease-smooth);
|
|
14235
13884
|
animation: rt-drill-down-enter-from-left var(--motion-duration-small) var(--motion-ease-smooth);
|
|
14236
13885
|
}
|
|
13886
|
+
:where([dir='rtl']) .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='forward']) {
|
|
13887
|
+
-webkit-animation-name: rt-drill-down-enter-from-left;
|
|
13888
|
+
animation-name: rt-drill-down-enter-from-left;
|
|
13889
|
+
}
|
|
13890
|
+
:where([dir='rtl']) .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='backward']),
|
|
13891
|
+
:where([dir='rtl']) .rt-DropdownMenuDrillDownRoot:where([data-submenu-behavior='drill-down']:not([data-drill-down-active])[data-animation-direction='backward']) {
|
|
13892
|
+
-webkit-animation-name: rt-drill-down-enter-from-right;
|
|
13893
|
+
animation-name: rt-drill-down-enter-from-right;
|
|
13894
|
+
}
|
|
14237
13895
|
}
|
|
14238
13896
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-TextFieldRoot {
|
|
14239
13897
|
backdrop-filter: var(--backdrop-filter-components);
|
|
@@ -14942,7 +14600,6 @@
|
|
|
14942
14600
|
box-shadow: inset 0 0 0 1px var(--focus-a5);
|
|
14943
14601
|
}
|
|
14944
14602
|
.rt-TextFieldRoot:where(.rt-variant-outline):where(:has(.rt-TextFieldInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
|
|
14945
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
|
|
14946
14603
|
background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
|
|
14947
14604
|
-webkit-box-shadow: inset 0 0 0 1px var(--focus-a5);
|
|
14948
14605
|
box-shadow: inset 0 0 0 1px var(--focus-a5);
|
|
@@ -14952,7 +14609,6 @@
|
|
|
14952
14609
|
box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
|
|
14953
14610
|
}
|
|
14954
14611
|
.rt-TextFieldRoot:where(.rt-variant-outline):where(:has(.rt-TextFieldInput:where(:disabled,:read-only))) {
|
|
14955
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
|
|
14956
14612
|
background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
|
|
14957
14613
|
-webkit-box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
|
|
14958
14614
|
box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
|
|
@@ -15022,7 +14678,6 @@
|
|
|
15022
14678
|
box-shadow: var(--shadow-2);
|
|
15023
14679
|
}
|
|
15024
14680
|
.rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
|
|
15025
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
|
|
15026
14681
|
background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
|
|
15027
14682
|
-webkit-box-shadow: var(--shadow-2);
|
|
15028
14683
|
box-shadow: var(--shadow-2);
|
|
@@ -15031,7 +14686,6 @@
|
|
|
15031
14686
|
background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
|
|
15032
14687
|
}
|
|
15033
14688
|
.rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:disabled,:read-only))) {
|
|
15034
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
|
|
15035
14689
|
background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
|
|
15036
14690
|
}
|
|
15037
14691
|
.rt-TextFieldRoot:where(.rt-variant-soft) {
|
|
@@ -15443,15 +15097,12 @@
|
|
|
15443
15097
|
}
|
|
15444
15098
|
}
|
|
15445
15099
|
.rt-ComboboxContent {
|
|
15446
|
-
|
|
15100
|
+
--combobox-list-max-height: calc(300px * var(--scaling));
|
|
15101
|
+
min-width: var(--radix-popover-trigger-width);
|
|
15447
15102
|
max-height: var(--radix-popover-content-available-height);
|
|
15448
|
-
|
|
15449
|
-
|
|
15450
|
-
|
|
15451
|
-
-webkit-box-orient: vertical;
|
|
15452
|
-
-webkit-box-direction: normal;
|
|
15453
|
-
-ms-flex-direction: column;
|
|
15454
|
-
flex-direction: column;
|
|
15103
|
+
-webkit-transform-origin: var(--radix-popover-content-transform-origin);
|
|
15104
|
+
transform-origin: var(--radix-popover-content-transform-origin);
|
|
15105
|
+
outline: 0;
|
|
15455
15106
|
}
|
|
15456
15107
|
.rt-ComboboxContent:where([data-state='closed']) {
|
|
15457
15108
|
visibility: hidden;
|
|
@@ -15470,9 +15121,14 @@
|
|
|
15470
15121
|
-ms-flex: 1;
|
|
15471
15122
|
flex: 1;
|
|
15472
15123
|
min-height: 0;
|
|
15124
|
+
outline: 0;
|
|
15473
15125
|
}
|
|
15474
15126
|
.rt-ComboboxViewport {
|
|
15475
|
-
padding-top: 0
|
|
15127
|
+
padding-top: 0;
|
|
15128
|
+
overflow: visible;
|
|
15129
|
+
}
|
|
15130
|
+
:where(.rt-ComboboxCommand:not(:has(.rt-ComboboxSearch))) .rt-ComboboxViewport {
|
|
15131
|
+
padding-top: var(--base-menu-content-padding);
|
|
15476
15132
|
}
|
|
15477
15133
|
.rt-ComboboxScrollArea {
|
|
15478
15134
|
-webkit-box-flex: 1;
|
|
@@ -15480,97 +15136,49 @@
|
|
|
15480
15136
|
flex: 1;
|
|
15481
15137
|
min-height: 0;
|
|
15482
15138
|
overflow: auto;
|
|
15483
|
-
|
|
15139
|
+
-ms-scroll-chaining: none;
|
|
15140
|
+
overscroll-behavior: contain;
|
|
15141
|
+
max-height: var(--combobox-list-max-height);
|
|
15142
|
+
scrollbar-width: thin;
|
|
15143
|
+
scrollbar-color: var(--gray-a8) transparent;
|
|
15484
15144
|
}
|
|
15485
|
-
.rt-
|
|
15145
|
+
.rt-ComboboxList {
|
|
15146
|
+
outline: 0;
|
|
15147
|
+
}
|
|
15148
|
+
.rt-ComboboxItem:where([data-disabled='false']) {
|
|
15486
15149
|
color: inherit;
|
|
15487
15150
|
cursor: var(--cursor-menu-item);
|
|
15488
15151
|
}
|
|
15489
|
-
.rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-ComboboxItem) {
|
|
15490
|
-
--base-menu-item-padding-left: calc(var(--space-5) / 1.2);
|
|
15491
|
-
}
|
|
15492
|
-
.rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-ComboboxLabel) {
|
|
15152
|
+
.rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-ComboboxItem, .rt-ComboboxLabel) {
|
|
15493
15153
|
--base-menu-item-padding-left: calc(var(--space-5) / 1.2);
|
|
15494
15154
|
}
|
|
15495
|
-
.rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-ComboboxItem)
|
|
15496
|
-
.rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-ComboboxItem) {
|
|
15497
|
-
--base-menu-item-padding-left: var(--space-5);
|
|
15498
|
-
}
|
|
15499
|
-
.rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-ComboboxLabel),
|
|
15500
|
-
.rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-ComboboxLabel) {
|
|
15155
|
+
.rt-BaseMenuContent:where(.rt-r-size-2, .rt-r-size-3) :where(.rt-ComboboxItem, .rt-ComboboxLabel) {
|
|
15501
15156
|
--base-menu-item-padding-left: var(--space-5);
|
|
15502
15157
|
}
|
|
15503
15158
|
.rt-ComboboxSearch {
|
|
15504
|
-
position: sticky;
|
|
15505
|
-
top: 0;
|
|
15506
|
-
z-index: 1;
|
|
15507
15159
|
padding: var(--base-menu-content-padding);
|
|
15508
|
-
background-color: var(--color-panel);
|
|
15509
|
-
}
|
|
15510
|
-
:where([data-panel-background='translucent']) .rt-ComboboxSearch {
|
|
15511
|
-
background-color: var(--color-panel-translucent);
|
|
15512
15160
|
}
|
|
15513
15161
|
.rt-ComboboxSearch :where(.rt-ComboboxInputRoot) {
|
|
15514
15162
|
width: 100%;
|
|
15515
15163
|
}
|
|
15516
|
-
.rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
|
|
15517
|
-
cursor: var(--cursor-menu-item);
|
|
15518
|
-
}
|
|
15519
|
-
:where(.rt-BaseMenuContent.rt-variant-solid) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
|
|
15520
|
-
background-color: var(--accent-9);
|
|
15521
|
-
color: var(--accent-contrast);
|
|
15522
|
-
}
|
|
15523
|
-
:where(.rt-BaseMenuContent.rt-variant-solid) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) * {
|
|
15524
|
-
color: var(--accent-contrast) !important;
|
|
15525
|
-
}
|
|
15526
|
-
:where(.rt-BaseMenuContent.rt-variant-soft) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
|
|
15527
|
-
background-color: var(--accent-4);
|
|
15528
|
-
}
|
|
15529
|
-
:where([data-panel-background='translucent'] .rt-BaseMenuContent.rt-variant-soft) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
|
|
15530
|
-
background-color: var(--accent-a4);
|
|
15531
|
-
}
|
|
15532
|
-
:where(.rt-BaseMenuContent.rt-variant-solid.rt-high-contrast) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
|
|
15533
|
-
background-color: var(--accent-12);
|
|
15534
|
-
color: var(--accent-1);
|
|
15535
|
-
}
|
|
15536
|
-
:where(.rt-BaseMenuContent.rt-variant-solid.rt-high-contrast) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) * {
|
|
15537
|
-
color: var(--accent-1) !important;
|
|
15538
|
-
}
|
|
15539
|
-
:where(.rt-BaseMenuContent.rt-variant-solid.rt-high-contrast[data-accent-color]) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
|
|
15540
|
-
background-color: var(--accent-9);
|
|
15541
|
-
color: var(--accent-contrast);
|
|
15542
|
-
}
|
|
15543
|
-
:where(.rt-BaseMenuContent.rt-variant-solid.rt-high-contrast[data-accent-color]) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) * {
|
|
15544
|
-
color: var(--accent-contrast) !important;
|
|
15545
|
-
}
|
|
15546
15164
|
.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-ComboboxItem[data-selected='true']) {
|
|
15547
|
-
background-color: var(--accent-
|
|
15548
|
-
color: var(--accent-contrast);
|
|
15165
|
+
background-color: var(--accent-solid);
|
|
15166
|
+
color: var(--accent-solid-contrast);
|
|
15549
15167
|
}
|
|
15550
|
-
.rt-BaseMenuContent
|
|
15551
|
-
color:
|
|
15168
|
+
:where(.rt-BaseMenuContent.rt-variant-solid) .rt-ComboboxItem:where([data-selected='true']) :where(.rt-Text, [data-accent-color='gray']:not(.rt-Badge)) {
|
|
15169
|
+
color: inherit;
|
|
15552
15170
|
}
|
|
15553
15171
|
.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-ComboboxItem[data-selected='true']) {
|
|
15554
15172
|
background-color: var(--accent-4);
|
|
15555
15173
|
}
|
|
15556
|
-
:where([data-panel-background='translucent'], [data-material='translucent'])
|
|
15174
|
+
.rt-BaseMenuContent:where(.rt-variant-soft):where([data-panel-background='translucent'], [data-material='translucent'])
|
|
15175
|
+
:where(.rt-ComboboxItem[data-selected='true']) {
|
|
15557
15176
|
background-color: var(--accent-a4);
|
|
15558
15177
|
}
|
|
15559
|
-
.rt-BaseMenuContent
|
|
15560
|
-
|
|
15561
|
-
color: var(--accent-1);
|
|
15562
|
-
}
|
|
15563
|
-
.rt-BaseMenuContent:where(.rt-variant-solid.rt-high-contrast) :where(.rt-ComboboxItem[data-selected='true']) * {
|
|
15564
|
-
color: var(--accent-1) !important;
|
|
15565
|
-
}
|
|
15566
|
-
.rt-BaseMenuContent:where(.rt-variant-solid.rt-high-contrast[data-accent-color]) :where(.rt-ComboboxItem[data-selected='true']) {
|
|
15567
|
-
background-color: var(--accent-9);
|
|
15568
|
-
color: var(--accent-contrast);
|
|
15569
|
-
}
|
|
15570
|
-
.rt-BaseMenuContent:where(.rt-variant-solid.rt-high-contrast[data-accent-color]) :where(.rt-ComboboxItem[data-selected='true']) * {
|
|
15571
|
-
color: var(--accent-contrast) !important;
|
|
15178
|
+
: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'])) {
|
|
15179
|
+
color: var(--gray-11);
|
|
15572
15180
|
}
|
|
15573
|
-
.rt-ComboboxItem:where([data-disabled=
|
|
15181
|
+
.rt-ComboboxItem:where([data-disabled='true']) {
|
|
15574
15182
|
color: var(--gray-a8);
|
|
15575
15183
|
cursor: default;
|
|
15576
15184
|
pointer-events: none;
|
|
@@ -15581,6 +15189,12 @@
|
|
|
15581
15189
|
color: var(--gray-a11);
|
|
15582
15190
|
font-size: var(--font-size-2);
|
|
15583
15191
|
}
|
|
15192
|
+
@media (forced-colors: active) {
|
|
15193
|
+
.rt-ComboboxItem:where([data-selected='true']) {
|
|
15194
|
+
outline: 2px solid Highlight;
|
|
15195
|
+
outline-offset: -2px;
|
|
15196
|
+
}
|
|
15197
|
+
}
|
|
15584
15198
|
.rt-Em {
|
|
15585
15199
|
-webkit-box-sizing: border-box;
|
|
15586
15200
|
box-sizing: border-box;
|
|
@@ -15615,11 +15229,23 @@
|
|
|
15615
15229
|
:where(.rt-Heading) {
|
|
15616
15230
|
margin: 0;
|
|
15617
15231
|
}
|
|
15232
|
+
.rt-Heading:where(.rt-emphasis-loud) {
|
|
15233
|
+
color: var(--gray-ink);
|
|
15234
|
+
}
|
|
15235
|
+
.rt-Heading:where(.rt-emphasis-medium) {
|
|
15236
|
+
color: var(--gray-ink-muted);
|
|
15237
|
+
}
|
|
15238
|
+
.rt-Heading:where(.rt-emphasis-quiet) {
|
|
15239
|
+
color: var(--gray-ink-faint);
|
|
15240
|
+
}
|
|
15618
15241
|
.rt-Heading:where([data-accent-color]) {
|
|
15619
|
-
color: var(--accent-
|
|
15242
|
+
color: var(--accent-ink);
|
|
15620
15243
|
}
|
|
15621
|
-
.rt-Heading:where([data-accent-color].rt-
|
|
15622
|
-
color: var(--accent-
|
|
15244
|
+
.rt-Heading:where([data-accent-color].rt-emphasis-medium) {
|
|
15245
|
+
color: var(--accent-ink-muted);
|
|
15246
|
+
}
|
|
15247
|
+
.rt-Heading:where([data-accent-color].rt-emphasis-quiet) {
|
|
15248
|
+
color: var(--accent-ink-faint);
|
|
15623
15249
|
}
|
|
15624
15250
|
.rt-Heading:where(.rt-r-size-0) {
|
|
15625
15251
|
font-size: calc(var(--font-size-0) * var(--heading-font-size-adjust));
|
|
@@ -17573,8 +17199,8 @@
|
|
|
17573
17199
|
.rt-Link:where(:disabled,[data-disabled]) {
|
|
17574
17200
|
cursor: var(--cursor-disabled);
|
|
17575
17201
|
}
|
|
17576
|
-
:where([data-accent-color]:not(.radix-themes
|
|
17577
|
-
color: var(--accent-
|
|
17202
|
+
:where([data-accent-color]:not(.radix-themes)) .rt-Link:where([data-accent-color='']) {
|
|
17203
|
+
color: var(--accent-ink);
|
|
17578
17204
|
}
|
|
17579
17205
|
@supports (color: color-mix(in oklab, white, black)) {
|
|
17580
17206
|
.rt-Link:where(:-moz-any-link,button) {
|
|
@@ -17602,19 +17228,19 @@
|
|
|
17602
17228
|
text-decoration-line: underline;
|
|
17603
17229
|
}
|
|
17604
17230
|
}
|
|
17605
|
-
|
|
17231
|
+
:where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
|
|
17606
17232
|
text-decoration-line: underline;
|
|
17607
17233
|
text-decoration-color: var(--accent-a6);
|
|
17608
17234
|
}
|
|
17609
|
-
|
|
17235
|
+
:where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
|
|
17610
17236
|
text-decoration-line: underline;
|
|
17611
17237
|
text-decoration-color: var(--accent-a6);
|
|
17612
17238
|
}
|
|
17613
17239
|
@supports (color: color-mix(in oklab, white, black)) {
|
|
17614
|
-
|
|
17240
|
+
:where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
|
|
17615
17241
|
text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--gray-a6));
|
|
17616
17242
|
}
|
|
17617
|
-
|
|
17243
|
+
:where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
|
|
17618
17244
|
text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--gray-a6));
|
|
17619
17245
|
}
|
|
17620
17246
|
}
|
|
@@ -18301,7 +17927,7 @@
|
|
|
18301
17927
|
box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
18302
17928
|
}
|
|
18303
17929
|
.rt-ProgressRoot:where(.rt-variant-surface) :where(.rt-ProgressIndicator) {
|
|
18304
|
-
background-color: var(--accent-
|
|
17930
|
+
background-color: var(--accent-solid);
|
|
18305
17931
|
}
|
|
18306
17932
|
.rt-ProgressRoot:where(.rt-variant-soft) {
|
|
18307
17933
|
background-color: var(--gray-3);
|
|
@@ -18316,7 +17942,7 @@
|
|
|
18316
17942
|
background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
|
|
18317
17943
|
}
|
|
18318
17944
|
.rt-ProgressRoot:where(.rt-variant-soft) :where(.rt-ProgressIndicator) {
|
|
18319
|
-
background-color: var(--accent-
|
|
17945
|
+
background-color: var(--accent-solid);
|
|
18320
17946
|
}
|
|
18321
17947
|
.rt-ProgressRoot:where(.rt-variant-outline) {
|
|
18322
17948
|
-webkit-box-shadow: inset 0 0 0 1px var(--gray-6);
|
|
@@ -18335,10 +17961,7 @@
|
|
|
18335
17961
|
box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
18336
17962
|
}
|
|
18337
17963
|
.rt-ProgressRoot:where(.rt-variant-outline) :where(.rt-ProgressIndicator) {
|
|
18338
|
-
background-color: var(--accent-
|
|
18339
|
-
}
|
|
18340
|
-
.rt-ProgressRoot:where(.rt-high-contrast) :where(.rt-ProgressIndicator) {
|
|
18341
|
-
background-color: var(--accent-12);
|
|
17964
|
+
background-color: var(--accent-solid);
|
|
18342
17965
|
}
|
|
18343
17966
|
.rt-Quote {
|
|
18344
17967
|
-webkit-box-sizing: border-box;
|
|
@@ -18487,20 +18110,12 @@
|
|
|
18487
18110
|
box-shadow: inset 0 0 0 1px var(--accent-9);
|
|
18488
18111
|
}
|
|
18489
18112
|
.rt-BaseRadioRoot:where(.rt-variant-solid):where(:checked,[data-state='checked'])::before {
|
|
18490
|
-
background-color: var(--accent-
|
|
18491
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-
|
|
18492
|
-
box-shadow: inset 0 0 0 1px var(--accent-
|
|
18113
|
+
background-color: var(--accent-solid);
|
|
18114
|
+
-webkit-box-shadow: inset 0 0 0 1px var(--accent-solid);
|
|
18115
|
+
box-shadow: inset 0 0 0 1px var(--accent-solid);
|
|
18493
18116
|
}
|
|
18494
18117
|
.rt-BaseRadioRoot:where(.rt-variant-solid)::after {
|
|
18495
|
-
background-color: var(--accent-contrast);
|
|
18496
|
-
}
|
|
18497
|
-
.rt-BaseRadioRoot:where(.rt-variant-solid):where(.rt-high-contrast):where(:checked,[data-state='checked'])::before {
|
|
18498
|
-
background-color: var(--accent-12);
|
|
18499
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-12);
|
|
18500
|
-
box-shadow: inset 0 0 0 1px var(--accent-12);
|
|
18501
|
-
}
|
|
18502
|
-
.rt-BaseRadioRoot:where(.rt-variant-solid):where(.rt-high-contrast)::after {
|
|
18503
|
-
background-color: var(--gray-1);
|
|
18118
|
+
background-color: var(--accent-solid-contrast);
|
|
18504
18119
|
}
|
|
18505
18120
|
.rt-BaseRadioRoot:where(.rt-variant-solid):where(:disabled,[data-disabled])::before {
|
|
18506
18121
|
-webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
@@ -18515,7 +18130,7 @@
|
|
|
18515
18130
|
top: var(--classic-elevation-offset);
|
|
18516
18131
|
}
|
|
18517
18132
|
.rt-BaseRadioRoot:where(.rt-variant-classic):where(:not(:checked),[data-state='unchecked'])::before {
|
|
18518
|
-
color: var(--accent-
|
|
18133
|
+
color: var(--accent-ink);
|
|
18519
18134
|
background-color: var(--color-surface-solid);
|
|
18520
18135
|
-webkit-box-shadow: var(--shadow-2);
|
|
18521
18136
|
box-shadow: var(--shadow-2);
|
|
@@ -18542,10 +18157,7 @@
|
|
|
18542
18157
|
background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
|
|
18543
18158
|
}
|
|
18544
18159
|
.rt-BaseRadioRoot:where(.rt-variant-classic)::after {
|
|
18545
|
-
background-color: var(--accent-
|
|
18546
|
-
}
|
|
18547
|
-
.rt-BaseRadioRoot:where(.rt-variant-classic):where(.rt-high-contrast)::after {
|
|
18548
|
-
color: var(--accent-12);
|
|
18160
|
+
background-color: var(--accent-ink);
|
|
18549
18161
|
}
|
|
18550
18162
|
.rt-BaseRadioRoot:where(.rt-variant-classic):where(:active:not(:disabled,[data-disabled])) {
|
|
18551
18163
|
top: calc(var(--classic-elevation-offset) + var(--classic-active-padding-offset-1));
|
|
@@ -18587,10 +18199,7 @@
|
|
|
18587
18199
|
background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
|
|
18588
18200
|
}
|
|
18589
18201
|
.rt-BaseRadioRoot:where(.rt-variant-soft)::after {
|
|
18590
|
-
background-color: var(--accent-
|
|
18591
|
-
}
|
|
18592
|
-
.rt-BaseRadioRoot:where(.rt-variant-soft):where(.rt-high-contrast)::after {
|
|
18593
|
-
background-color: var(--accent-12);
|
|
18202
|
+
background-color: var(--accent-ink);
|
|
18594
18203
|
}
|
|
18595
18204
|
.rt-BaseRadioRoot:where(.rt-variant-soft):where(:focus-visible)::before {
|
|
18596
18205
|
outline-color: var(--accent-a8);
|
|
@@ -18604,22 +18213,19 @@
|
|
|
18604
18213
|
.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before {
|
|
18605
18214
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
18606
18215
|
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
18607
|
-
color: var(--accent-
|
|
18216
|
+
color: var(--accent-ink);
|
|
18608
18217
|
}
|
|
18609
18218
|
:where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before) {
|
|
18610
18219
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
18611
18220
|
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
18612
|
-
color: var(--accent-a11);
|
|
18613
18221
|
}
|
|
18614
18222
|
:is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before):where([data-panel-background='solid'],[data-material='solid']) {
|
|
18615
18223
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
18616
18224
|
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
18617
|
-
color: var(--accent-11);
|
|
18618
18225
|
}
|
|
18619
18226
|
:is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
18620
18227
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
18621
18228
|
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
18622
|
-
color: var(--accent-a11);
|
|
18623
18229
|
}
|
|
18624
18230
|
.rt-BaseRadioRoot:where(.rt-variant-outline):where(:checked,[data-state='checked'])::before {
|
|
18625
18231
|
background-color: var(--accent-2);
|
|
@@ -18642,10 +18248,7 @@
|
|
|
18642
18248
|
box-shadow: inset 0 0 0 1px var(--accent-a7);
|
|
18643
18249
|
}
|
|
18644
18250
|
.rt-BaseRadioRoot:where(.rt-variant-outline)::after {
|
|
18645
|
-
background-color: var(--accent-
|
|
18646
|
-
}
|
|
18647
|
-
.rt-BaseRadioRoot:where(.rt-variant-outline):where(.rt-high-contrast)::after {
|
|
18648
|
-
background-color: var(--accent-12);
|
|
18251
|
+
background-color: var(--accent-ink);
|
|
18649
18252
|
}
|
|
18650
18253
|
.rt-BaseRadioRoot:where(.rt-variant-outline):where(:disabled,[data-disabled])::before {
|
|
18651
18254
|
-webkit-box-shadow: inset 0 0 0 1px var(--gray-a7);
|
|
@@ -18696,10 +18299,7 @@
|
|
|
18696
18299
|
box-shadow: inset 0 0 0 1px var(--accent-a8);
|
|
18697
18300
|
}
|
|
18698
18301
|
.rt-BaseRadioRoot:where(.rt-variant-surface)::after {
|
|
18699
|
-
background-color: var(--accent-
|
|
18700
|
-
}
|
|
18701
|
-
.rt-BaseRadioRoot:where(.rt-variant-surface):where(.rt-high-contrast)::after {
|
|
18702
|
-
background-color: var(--accent-12);
|
|
18302
|
+
background-color: var(--accent-ink);
|
|
18703
18303
|
}
|
|
18704
18304
|
.rt-BaseRadioRoot:where(.rt-variant-surface):where(:disabled,[data-disabled])::before {
|
|
18705
18305
|
-webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
@@ -18897,12 +18497,9 @@
|
|
|
18897
18497
|
.rt-RadioCardsItem:where([data-state='checked']) {
|
|
18898
18498
|
-webkit-transition: var(--transition-fast);
|
|
18899
18499
|
transition: var(--transition-fast);
|
|
18900
|
-
outline: var(--focus-outline-width) solid var(--accent-indicator);
|
|
18500
|
+
outline: var(--focus-outline-width) solid var(--accent-solid-indicator);
|
|
18901
18501
|
outline-offset: -1px;
|
|
18902
18502
|
}
|
|
18903
|
-
:where(.rt-RadioCardsRoot.rt-high-contrast) .rt-RadioCardsItem:where([data-state='checked']) {
|
|
18904
|
-
outline-color: var(--accent-12);
|
|
18905
|
-
}
|
|
18906
18503
|
.rt-RadioCardsItem:where(:focus-visible) {
|
|
18907
18504
|
-webkit-transition: var(--transition-focus);
|
|
18908
18505
|
transition: var(--transition-focus);
|
|
@@ -18910,7 +18507,6 @@
|
|
|
18910
18507
|
outline-offset: -1px;
|
|
18911
18508
|
}
|
|
18912
18509
|
.rt-RadioCardsItem:where(:focus-visible):where([data-state='checked'])::before {
|
|
18913
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a3)), to(var(--focus-a3)));
|
|
18914
18510
|
background-image: linear-gradient(var(--focus-a3), var(--focus-a3));
|
|
18915
18511
|
}
|
|
18916
18512
|
.rt-RadioCardsItem:where(:focus-visible):where([data-state='checked']) {
|
|
@@ -18923,7 +18519,6 @@
|
|
|
18923
18519
|
background-color: var(--gray-a5);
|
|
18924
18520
|
}
|
|
18925
18521
|
.rt-RadioCardsItem:where(:disabled)::before {
|
|
18926
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
|
|
18927
18522
|
background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
|
|
18928
18523
|
}
|
|
18929
18524
|
.rt-RadioCardsItem:where(:disabled) {
|
|
@@ -19244,7 +18839,6 @@
|
|
|
19244
18839
|
user-select: none;
|
|
19245
18840
|
-ms-touch-action: none;
|
|
19246
18841
|
touch-action: none;
|
|
19247
|
-
background-color: var(--gray-a3);
|
|
19248
18842
|
border-radius: var(--scrollarea-scrollbar-border-radius);
|
|
19249
18843
|
-webkit-animation-duration: var(--motion-duration-micro);
|
|
19250
18844
|
animation-duration: var(--motion-duration-micro);
|
|
@@ -19275,7 +18869,7 @@
|
|
|
19275
18869
|
}
|
|
19276
18870
|
.rt-ScrollAreaThumb {
|
|
19277
18871
|
position: relative;
|
|
19278
|
-
background-color: var(--gray-
|
|
18872
|
+
background-color: var(--gray-a6);
|
|
19279
18873
|
border-radius: inherit;
|
|
19280
18874
|
-webkit-transition: background-color var(--motion-duration-micro) var(--motion-ease-standard);
|
|
19281
18875
|
transition: background-color var(--motion-duration-micro) var(--motion-ease-standard);
|
|
@@ -19384,7 +18978,7 @@
|
|
|
19384
18978
|
}
|
|
19385
18979
|
@media (hover: hover) {
|
|
19386
18980
|
.rt-ScrollAreaThumb:where(:hover) {
|
|
19387
|
-
background-color: var(--gray-
|
|
18981
|
+
background-color: var(--gray-a8);
|
|
19388
18982
|
}
|
|
19389
18983
|
}
|
|
19390
18984
|
.rt-SegmentedControlRoot:where(:has([data-icon-only])) {
|
|
@@ -20479,9 +20073,6 @@
|
|
|
20479
20073
|
backdrop-filter: var(--backdrop-filter-components);
|
|
20480
20074
|
--backdrop-filter-components: var(--backdrop-filter-components-enabled);
|
|
20481
20075
|
}
|
|
20482
|
-
.rt-SelectTrigger:where(.rt-high-contrast) :where(.rt-SelectTriggerInner) {
|
|
20483
|
-
color: var(--accent-12);
|
|
20484
|
-
}
|
|
20485
20076
|
.rt-SelectTrigger:where(:not([data-placeholder])) :where(.rt-SelectTriggerInner) {
|
|
20486
20077
|
font-weight: var(--font-weight-medium);
|
|
20487
20078
|
}
|
|
@@ -20617,7 +20208,7 @@
|
|
|
20617
20208
|
height: var(--select-trigger-height);
|
|
20618
20209
|
padding: 0 var(--select-trigger-ghost-padding-x);
|
|
20619
20210
|
background-color: transparent;
|
|
20620
|
-
color: var(--accent-
|
|
20211
|
+
color: var(--accent-ink);
|
|
20621
20212
|
}
|
|
20622
20213
|
.rt-SelectTrigger:where(.rt-r-size-1) {
|
|
20623
20214
|
--select-trigger-height: var(--space-5);
|
|
@@ -21326,17 +20917,13 @@
|
|
|
21326
20917
|
.rt-SelectTrigger:where(.rt-variant-classic) {
|
|
21327
20918
|
position: relative;
|
|
21328
20919
|
top: var(--classic-elevation-offset);
|
|
21329
|
-
color: var(--accent-
|
|
20920
|
+
color: var(--accent-ink);
|
|
21330
20921
|
background-color: var(--color-surface);
|
|
21331
20922
|
-webkit-box-shadow: var(--shadow-2);
|
|
21332
20923
|
box-shadow: var(--shadow-2);
|
|
21333
20924
|
-webkit-transition: var(--transition-text-field);
|
|
21334
20925
|
transition: var(--transition-text-field);
|
|
21335
20926
|
}
|
|
21336
|
-
.rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast) {
|
|
21337
|
-
color: var(--accent-12);
|
|
21338
|
-
background-color: var(--color-surface);
|
|
21339
|
-
}
|
|
21340
20927
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic) {
|
|
21341
20928
|
background-color: var(--color-surface);
|
|
21342
20929
|
}
|
|
@@ -21346,15 +20933,6 @@
|
|
|
21346
20933
|
.rt-SelectTrigger:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
21347
20934
|
background-color: var(--color-surface);
|
|
21348
20935
|
}
|
|
21349
|
-
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast) {
|
|
21350
|
-
background-color: var(--color-surface);
|
|
21351
|
-
}
|
|
21352
|
-
.rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast):where([data-panel-background='solid'],[data-material='solid']) {
|
|
21353
|
-
background-color: var(--color-surface);
|
|
21354
|
-
}
|
|
21355
|
-
.rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
21356
|
-
background-color: var(--color-surface);
|
|
21357
|
-
}
|
|
21358
20936
|
.rt-SelectTrigger:where(.rt-variant-classic):where(:focus-visible) {
|
|
21359
20937
|
outline: 2px solid var(--focus-8);
|
|
21360
20938
|
outline-offset: 2px;
|
|
@@ -21414,10 +20992,7 @@
|
|
|
21414
20992
|
}
|
|
21415
20993
|
.rt-SelectTrigger:where(.rt-variant-soft) {
|
|
21416
20994
|
background-color: var(--accent-3);
|
|
21417
|
-
color: var(--accent-
|
|
21418
|
-
}
|
|
21419
|
-
.rt-SelectTrigger:where(.rt-variant-soft):where(.rt-high-contrast) {
|
|
21420
|
-
color: var(--accent-12);
|
|
20995
|
+
color: var(--accent-ink);
|
|
21421
20996
|
}
|
|
21422
20997
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-soft) {
|
|
21423
20998
|
background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
|
|
@@ -21481,9 +21056,6 @@
|
|
|
21481
21056
|
opacity: 0.6;
|
|
21482
21057
|
font-weight: var(--font-weight-regular);
|
|
21483
21058
|
}
|
|
21484
|
-
.rt-SelectTrigger:where(.rt-variant-ghost):where(.rt-high-contrast) {
|
|
21485
|
-
color: var(--accent-12);
|
|
21486
|
-
}
|
|
21487
21059
|
.rt-SelectTrigger:where(.rt-variant-ghost):where([data-placeholder]) :where(.rt-SelectTriggerInner) {
|
|
21488
21060
|
color: var(--gray-a10);
|
|
21489
21061
|
font-weight: var(--font-weight-regular);
|
|
@@ -21539,28 +21111,21 @@
|
|
|
21539
21111
|
.rt-SelectTrigger:where(.rt-variant-outline) {
|
|
21540
21112
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
21541
21113
|
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
21542
|
-
color: var(--accent-
|
|
21114
|
+
color: var(--accent-ink);
|
|
21543
21115
|
-webkit-transition: var(--transition-background-blur);
|
|
21544
21116
|
transition: var(--transition-background-blur);
|
|
21545
21117
|
}
|
|
21546
|
-
.rt-SelectTrigger:where(.rt-variant-outline):where(.rt-high-contrast) {
|
|
21547
|
-
color: var(--accent-12);
|
|
21548
|
-
color: var(--accent-12);
|
|
21549
|
-
}
|
|
21550
21118
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-outline) {
|
|
21551
21119
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
21552
21120
|
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
21553
|
-
color: var(--accent-a11);
|
|
21554
21121
|
}
|
|
21555
21122
|
.rt-SelectTrigger:where(.rt-variant-outline):where([data-panel-background='solid'],[data-material='solid']) {
|
|
21556
21123
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
21557
21124
|
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
21558
|
-
color: var(--accent-11);
|
|
21559
21125
|
}
|
|
21560
21126
|
.rt-SelectTrigger:where(.rt-variant-outline):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
21561
21127
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
21562
21128
|
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
21563
|
-
color: var(--accent-a11);
|
|
21564
21129
|
}
|
|
21565
21130
|
@media (hover: hover) {
|
|
21566
21131
|
.rt-SelectTrigger:where(.rt-variant-outline):where(:hover) {
|
|
@@ -21644,11 +21209,7 @@
|
|
|
21644
21209
|
background-color: var(--accent-2);
|
|
21645
21210
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
21646
21211
|
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
21647
|
-
color: var(--accent-
|
|
21648
|
-
}
|
|
21649
|
-
.rt-SelectTrigger:where(.rt-variant-surface):where(.rt-high-contrast) {
|
|
21650
|
-
color: var(--accent-12);
|
|
21651
|
-
color: var(--accent-12);
|
|
21212
|
+
color: var(--accent-ink);
|
|
21652
21213
|
}
|
|
21653
21214
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-surface) {
|
|
21654
21215
|
background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
|
|
@@ -21822,18 +21383,18 @@
|
|
|
21822
21383
|
}
|
|
21823
21384
|
}
|
|
21824
21385
|
.rt-SelectItem:where([data-accent-color]) {
|
|
21825
|
-
color: var(--accent-
|
|
21386
|
+
color: var(--accent-ink);
|
|
21826
21387
|
}
|
|
21827
21388
|
.rt-SelectItem:where([data-disabled]) {
|
|
21828
21389
|
color: var(--gray-a8);
|
|
21829
21390
|
cursor: default;
|
|
21830
21391
|
}
|
|
21831
|
-
.rt-SelectItem :where(.rt-Text[data-accent-color
|
|
21392
|
+
.rt-SelectItem :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]), [data-accent-color='gray'])) {
|
|
21832
21393
|
color: var(--gray-a10);
|
|
21833
21394
|
}
|
|
21834
21395
|
.rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted]) {
|
|
21835
|
-
background-color: var(--accent-
|
|
21836
|
-
color: var(--accent-contrast);
|
|
21396
|
+
background-color: var(--accent-solid);
|
|
21397
|
+
color: var(--accent-solid-contrast);
|
|
21837
21398
|
}
|
|
21838
21399
|
:is(.rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text) {
|
|
21839
21400
|
color: inherit !important;
|
|
@@ -21841,30 +21402,10 @@
|
|
|
21841
21402
|
:is(.rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted])) :where([data-accent-color='gray']) {
|
|
21842
21403
|
color: inherit !important;
|
|
21843
21404
|
}
|
|
21844
|
-
.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted]) {
|
|
21845
|
-
background-color: var(--accent-12);
|
|
21846
|
-
color: var(--accent-1);
|
|
21847
|
-
}
|
|
21848
|
-
:is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text) {
|
|
21849
|
-
color: inherit !important;
|
|
21850
|
-
}
|
|
21851
|
-
:is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])) :where([data-accent-color='gray']) {
|
|
21852
|
-
color: inherit !important;
|
|
21853
|
-
}
|
|
21854
|
-
:is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])):where([data-accent-color]) {
|
|
21855
|
-
background-color: var(--accent-9);
|
|
21856
|
-
color: var(--accent-contrast);
|
|
21857
|
-
}
|
|
21858
|
-
:is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])):where([data-accent-color]) :where(.rt-Text) {
|
|
21859
|
-
color: inherit !important;
|
|
21860
|
-
}
|
|
21861
|
-
: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']) {
|
|
21862
|
-
color: inherit !important;
|
|
21863
|
-
}
|
|
21864
21405
|
.rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted]) {
|
|
21865
21406
|
background-color: var(--accent-a4);
|
|
21866
21407
|
}
|
|
21867
|
-
:is(.rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text[data-accent-color
|
|
21408
|
+
: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'])) {
|
|
21868
21409
|
color: var(--gray-11) !important;
|
|
21869
21410
|
}
|
|
21870
21411
|
.rt-Separator {
|
|
@@ -22225,9 +21766,9 @@
|
|
|
22225
21766
|
outline-offset: 2px;
|
|
22226
21767
|
}
|
|
22227
21768
|
.rt-SidebarMenuButton:where([data-accent-color]) {
|
|
22228
|
-
color: var(--accent-
|
|
21769
|
+
color: var(--accent-ink);
|
|
22229
21770
|
}
|
|
22230
|
-
.rt-SidebarMenuButton :where(.rt-Text[data-accent-color
|
|
21771
|
+
.rt-SidebarMenuButton :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
|
|
22231
21772
|
color: var(--gray-a10);
|
|
22232
21773
|
}
|
|
22233
21774
|
.rt-SidebarMenuButton:where([data-disabled],[data-highlighted],:hover,[data-active]) :where(.rt-SidebarMenuShortcut) {
|
|
@@ -22637,11 +22178,11 @@
|
|
|
22637
22178
|
line-height: var(--line-height-0);
|
|
22638
22179
|
}
|
|
22639
22180
|
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuLabel) {
|
|
22640
|
-
color: var(--accent-
|
|
22181
|
+
color: var(--accent-ink);
|
|
22641
22182
|
font-weight: var(--font-weight-medium);
|
|
22642
22183
|
}
|
|
22643
22184
|
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuLabel) {
|
|
22644
|
-
color: var(--accent-
|
|
22185
|
+
color: var(--accent-ink);
|
|
22645
22186
|
}
|
|
22646
22187
|
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled])),
|
|
22647
22188
|
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active]) {
|
|
@@ -22660,20 +22201,12 @@
|
|
|
22660
22201
|
background-color: var(--accent-a3);
|
|
22661
22202
|
}
|
|
22662
22203
|
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
|
|
22663
|
-
background-color: var(--accent-
|
|
22664
|
-
color: var(--accent-contrast);
|
|
22204
|
+
background-color: var(--accent-solid);
|
|
22205
|
+
color: var(--accent-solid-contrast);
|
|
22665
22206
|
}
|
|
22666
22207
|
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
|
|
22667
|
-
background-color: var(--accent-
|
|
22668
|
-
color: var(--accent-contrast);
|
|
22669
|
-
}
|
|
22670
|
-
: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) {
|
|
22671
|
-
background-color: var(--accent-12);
|
|
22672
|
-
color: var(--accent-1);
|
|
22673
|
-
}
|
|
22674
|
-
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid[data-high-contrast] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
|
|
22675
|
-
background-color: var(--accent-12);
|
|
22676
|
-
color: var(--accent-1);
|
|
22208
|
+
background-color: var(--accent-solid);
|
|
22209
|
+
color: var(--accent-solid-contrast);
|
|
22677
22210
|
}
|
|
22678
22211
|
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuBadge),
|
|
22679
22212
|
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuShortcut),
|
|
@@ -23785,11 +23318,11 @@
|
|
|
23785
23318
|
transition: background var(--duration-1) var(--ease-1), color var(--duration-2) var(--ease-1);
|
|
23786
23319
|
}
|
|
23787
23320
|
: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])) {
|
|
23788
|
-
background-color: var(--accent-
|
|
23789
|
-
color: var(--accent-contrast);
|
|
23321
|
+
background-color: var(--accent-solid);
|
|
23322
|
+
color: var(--accent-solid-contrast);
|
|
23790
23323
|
}
|
|
23791
23324
|
: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) {
|
|
23792
|
-
color: var(--accent-contrast);
|
|
23325
|
+
color: var(--accent-solid-contrast);
|
|
23793
23326
|
}
|
|
23794
23327
|
: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) {
|
|
23795
23328
|
color: inherit !important;
|
|
@@ -23798,12 +23331,12 @@
|
|
|
23798
23331
|
color: inherit !important;
|
|
23799
23332
|
}
|
|
23800
23333
|
: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) {
|
|
23801
|
-
color: var(--accent-contrast) !important;
|
|
23802
|
-
background-color: var(--accent-
|
|
23334
|
+
color: var(--accent-solid-badge-contrast) !important;
|
|
23335
|
+
background-color: var(--accent-solid-badge) !important;
|
|
23803
23336
|
}
|
|
23804
23337
|
: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]) {
|
|
23805
|
-
background-color: var(--accent-
|
|
23806
|
-
color: var(--accent-contrast);
|
|
23338
|
+
background-color: var(--accent-solid);
|
|
23339
|
+
color: var(--accent-solid-contrast);
|
|
23807
23340
|
font-weight: var(--font-weight-medium);
|
|
23808
23341
|
}
|
|
23809
23342
|
: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) {
|
|
@@ -23813,68 +23346,8 @@
|
|
|
23813
23346
|
color: inherit !important;
|
|
23814
23347
|
}
|
|
23815
23348
|
: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) {
|
|
23816
|
-
color: var(--accent-contrast) !important;
|
|
23817
|
-
background-color: var(--accent-
|
|
23818
|
-
}
|
|
23819
|
-
: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])) {
|
|
23820
|
-
background-color: var(--accent-12);
|
|
23821
|
-
color: var(--accent-1);
|
|
23822
|
-
}
|
|
23823
|
-
: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) {
|
|
23824
|
-
color: var(--accent-1);
|
|
23825
|
-
}
|
|
23826
|
-
: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) {
|
|
23827
|
-
color: inherit !important;
|
|
23828
|
-
}
|
|
23829
|
-
: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)) {
|
|
23830
|
-
color: inherit !important;
|
|
23831
|
-
}
|
|
23832
|
-
: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) {
|
|
23833
|
-
color: var(--accent-1) !important;
|
|
23834
|
-
background-color: var(--accent-9) !important;
|
|
23835
|
-
}
|
|
23836
|
-
: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]) {
|
|
23837
|
-
background-color: var(--accent-9);
|
|
23838
|
-
color: var(--accent-contrast);
|
|
23839
|
-
}
|
|
23840
|
-
: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) {
|
|
23841
|
-
color: inherit !important;
|
|
23842
|
-
}
|
|
23843
|
-
: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)) {
|
|
23844
|
-
color: inherit !important;
|
|
23845
|
-
}
|
|
23846
|
-
: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) {
|
|
23847
|
-
color: var(--accent-contrast) !important;
|
|
23848
|
-
background-color: var(--accent-12) !important;
|
|
23849
|
-
}
|
|
23850
|
-
: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]) {
|
|
23851
|
-
background-color: var(--accent-12);
|
|
23852
|
-
color: var(--accent-1);
|
|
23853
|
-
font-weight: var(--font-weight-medium);
|
|
23854
|
-
}
|
|
23855
|
-
: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) {
|
|
23856
|
-
color: inherit !important;
|
|
23857
|
-
}
|
|
23858
|
-
: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)) {
|
|
23859
|
-
color: inherit !important;
|
|
23860
|
-
}
|
|
23861
|
-
: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) {
|
|
23862
|
-
color: var(--accent-1) !important;
|
|
23863
|
-
background-color: var(--accent-9) !important;
|
|
23864
|
-
}
|
|
23865
|
-
: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]) {
|
|
23866
|
-
background-color: var(--accent-9);
|
|
23867
|
-
color: var(--accent-contrast);
|
|
23868
|
-
}
|
|
23869
|
-
: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) {
|
|
23870
|
-
color: inherit !important;
|
|
23871
|
-
}
|
|
23872
|
-
: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)) {
|
|
23873
|
-
color: inherit !important;
|
|
23874
|
-
}
|
|
23875
|
-
: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) {
|
|
23876
|
-
color: var(--accent-contrast) !important;
|
|
23877
|
-
background-color: var(--accent-12) !important;
|
|
23349
|
+
color: var(--accent-solid-badge-contrast) !important;
|
|
23350
|
+
background-color: var(--accent-solid-badge) !important;
|
|
23878
23351
|
}
|
|
23879
23352
|
: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) {
|
|
23880
23353
|
-webkit-transition: var(--transition-menu);
|
|
@@ -23922,7 +23395,7 @@
|
|
|
23922
23395
|
: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']) {
|
|
23923
23396
|
background-color: var(--accent-a4);
|
|
23924
23397
|
}
|
|
23925
|
-
: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
|
|
23398
|
+
: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'])) {
|
|
23926
23399
|
color: var(--gray-11) !important;
|
|
23927
23400
|
}
|
|
23928
23401
|
: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]) {
|
|
@@ -23944,7 +23417,7 @@
|
|
|
23944
23417
|
background-color: var(--accent-a3);
|
|
23945
23418
|
color: var(--accent-a12);
|
|
23946
23419
|
}
|
|
23947
|
-
: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
|
|
23420
|
+
: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'])) {
|
|
23948
23421
|
color: var(--gray-11) !important;
|
|
23949
23422
|
}
|
|
23950
23423
|
.rt-SidebarSearch {
|
|
@@ -24055,8 +23528,8 @@
|
|
|
24055
23528
|
background-color: var(--accent-a4);
|
|
24056
23529
|
}
|
|
24057
23530
|
:where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-solid) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
|
|
24058
|
-
background-color: var(--accent-
|
|
24059
|
-
color: var(--accent-contrast);
|
|
23531
|
+
background-color: var(--accent-solid);
|
|
23532
|
+
color: var(--accent-solid-contrast);
|
|
24060
23533
|
}
|
|
24061
23534
|
.rt-SidebarSearchPopover {
|
|
24062
23535
|
display: -webkit-box;
|
|
@@ -24881,14 +24354,14 @@
|
|
|
24881
24354
|
--backdrop-filter-components: var(--backdrop-filter-components-enabled);
|
|
24882
24355
|
}
|
|
24883
24356
|
.rt-SliderRoot:where([data-orientation='horizontal']) {
|
|
24884
|
-
width: -webkit-fill-available;
|
|
24885
24357
|
width: -moz-available;
|
|
24358
|
+
width: -webkit-fill-available;
|
|
24886
24359
|
width: stretch;
|
|
24887
24360
|
height: var(--slider-track-size);
|
|
24888
24361
|
}
|
|
24889
24362
|
.rt-SliderRoot:where([data-orientation='vertical']) {
|
|
24890
|
-
height: -webkit-fill-available;
|
|
24891
24363
|
height: -moz-available;
|
|
24364
|
+
height: -webkit-fill-available;
|
|
24892
24365
|
height: stretch;
|
|
24893
24366
|
-webkit-box-orient: vertical;
|
|
24894
24367
|
-webkit-box-direction: normal;
|
|
@@ -24941,7 +24414,7 @@
|
|
|
24941
24414
|
content: '';
|
|
24942
24415
|
position: absolute;
|
|
24943
24416
|
inset: calc(var(--slider-thumb-inset-factor) * var(--slider-track-size) * -1);
|
|
24944
|
-
background-color:
|
|
24417
|
+
background-color: var(--accent-solid-thumb);
|
|
24945
24418
|
border-radius: var(--slider-thumb-radius);
|
|
24946
24419
|
-webkit-box-shadow: var(--shadow-2);
|
|
24947
24420
|
box-shadow: var(--shadow-2);
|
|
@@ -25157,10 +24630,7 @@
|
|
|
25157
24630
|
box-shadow: inset 0 0 0 1px var(--gray-5);
|
|
25158
24631
|
}
|
|
25159
24632
|
.rt-SliderRoot:where(.rt-variant-surface) :where(.rt-SliderRange) {
|
|
25160
|
-
background-color: var(--accent-
|
|
25161
|
-
}
|
|
25162
|
-
.rt-SliderRoot:where(.rt-variant-surface):where(.rt-high-contrast) :where(.rt-SliderRange) {
|
|
25163
|
-
background-color: var(--accent-12);
|
|
24633
|
+
background-color: var(--accent-solid);
|
|
25164
24634
|
}
|
|
25165
24635
|
.rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderTrack) {
|
|
25166
24636
|
background-color: var(--gray-3);
|
|
@@ -25175,10 +24645,7 @@
|
|
|
25175
24645
|
background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
|
|
25176
24646
|
}
|
|
25177
24647
|
.rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderRange) {
|
|
25178
|
-
background-color: var(--accent-
|
|
25179
|
-
}
|
|
25180
|
-
.rt-SliderRoot:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-SliderRange) {
|
|
25181
|
-
background-color: var(--accent-12);
|
|
24648
|
+
background-color: var(--accent-solid);
|
|
25182
24649
|
}
|
|
25183
24650
|
.rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderThumb) {
|
|
25184
24651
|
--slider-thumb-box-shadow: var(--shadow-3);
|
|
@@ -25200,17 +24667,11 @@
|
|
|
25200
24667
|
box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
25201
24668
|
}
|
|
25202
24669
|
.rt-SliderRoot:where(.rt-variant-outline) :where(.rt-SliderRange) {
|
|
25203
|
-
background-color: var(--accent-
|
|
25204
|
-
}
|
|
25205
|
-
.rt-SliderRoot:where(.rt-variant-outline):where(.rt-high-contrast) :where(.rt-SliderRange) {
|
|
25206
|
-
background-color: var(--accent-12);
|
|
24670
|
+
background-color: var(--accent-solid);
|
|
25207
24671
|
}
|
|
25208
24672
|
.rt-SliderRoot:where(.rt-variant-outline) :where(.rt-SliderThumb) {
|
|
25209
24673
|
--slider-thumb-box-shadow: var(--shadow-3);
|
|
25210
24674
|
}
|
|
25211
|
-
.rt-SliderRoot:where(:not(.rt-high-contrast)) {
|
|
25212
|
-
--slider-range-high-contrast-background-image: none;
|
|
25213
|
-
}
|
|
25214
24675
|
.rt-SliderRoot:where([data-disabled]) {
|
|
25215
24676
|
cursor: var(--cursor-disabled);
|
|
25216
24677
|
}
|
|
@@ -25548,6 +25009,7 @@
|
|
|
25548
25009
|
transition: transform var(--transition-standard), box-shadow var(--transition-standard), -webkit-transform var(--transition-standard), -webkit-box-shadow var(--transition-standard);
|
|
25549
25010
|
}
|
|
25550
25011
|
.rt-SwitchThumb:where([data-state='checked']) {
|
|
25012
|
+
background-color: var(--accent-solid-thumb);
|
|
25551
25013
|
-webkit-transform: translateX(var(--switch-thumb-translate-x));
|
|
25552
25014
|
transform: translateX(var(--switch-thumb-translate-x));
|
|
25553
25015
|
}
|
|
@@ -25654,12 +25116,7 @@
|
|
|
25654
25116
|
box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
25655
25117
|
}
|
|
25656
25118
|
.rt-SwitchRoot:where(.rt-variant-surface):where([data-state='checked'])::before {
|
|
25657
|
-
background-color: var(--accent-
|
|
25658
|
-
-webkit-box-shadow: none;
|
|
25659
|
-
box-shadow: none;
|
|
25660
|
-
}
|
|
25661
|
-
.rt-SwitchRoot:where(.rt-variant-surface):where(.rt-high-contrast):where([data-state='checked'])::before {
|
|
25662
|
-
background-color: var(--accent-12);
|
|
25119
|
+
background-color: var(--accent-solid);
|
|
25663
25120
|
-webkit-box-shadow: none;
|
|
25664
25121
|
box-shadow: none;
|
|
25665
25122
|
}
|
|
@@ -25676,10 +25133,7 @@
|
|
|
25676
25133
|
background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
|
|
25677
25134
|
}
|
|
25678
25135
|
.rt-SwitchRoot:where(.rt-variant-soft):where([data-state='checked'])::before {
|
|
25679
|
-
background-color: var(--accent-
|
|
25680
|
-
}
|
|
25681
|
-
.rt-SwitchRoot:where(.rt-variant-soft):where(.rt-high-contrast):where([data-state='checked'])::before {
|
|
25682
|
-
background-color: var(--accent-12);
|
|
25136
|
+
background-color: var(--accent-solid);
|
|
25683
25137
|
}
|
|
25684
25138
|
.rt-SwitchRoot:where(.rt-variant-outline)::before {
|
|
25685
25139
|
-webkit-box-shadow: inset 0 0 0 1px var(--gray-6);
|
|
@@ -25698,12 +25152,7 @@
|
|
|
25698
25152
|
box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
25699
25153
|
}
|
|
25700
25154
|
.rt-SwitchRoot:where(.rt-variant-outline):where([data-state='checked'])::before {
|
|
25701
|
-
background-color: var(--accent-
|
|
25702
|
-
-webkit-box-shadow: none;
|
|
25703
|
-
box-shadow: none;
|
|
25704
|
-
}
|
|
25705
|
-
.rt-SwitchRoot:where(.rt-variant-outline):where(.rt-high-contrast):where([data-state='checked'])::before {
|
|
25706
|
-
background-color: var(--accent-12);
|
|
25155
|
+
background-color: var(--accent-solid);
|
|
25707
25156
|
-webkit-box-shadow: none;
|
|
25708
25157
|
box-shadow: none;
|
|
25709
25158
|
}
|
|
@@ -26078,7 +25527,7 @@
|
|
|
26078
25527
|
bottom: 0;
|
|
26079
25528
|
left: 0;
|
|
26080
25529
|
right: 0;
|
|
26081
|
-
background-color: var(--accent-indicator);
|
|
25530
|
+
background-color: var(--accent-solid-indicator);
|
|
26082
25531
|
-webkit-transform-origin: center;
|
|
26083
25532
|
transform-origin: center;
|
|
26084
25533
|
-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);
|
|
@@ -26086,9 +25535,6 @@
|
|
|
26086
25535
|
transition: transform var(--duration-3) var(--ease-3), opacity var(--duration-2) var(--ease-1), background-color var(--duration-2) var(--ease-1);
|
|
26087
25536
|
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);
|
|
26088
25537
|
}
|
|
26089
|
-
:is(:where(.rt-BaseTabList.rt-high-contrast) .rt-BaseTabListTrigger):where([data-state='active'],[data-active])::before {
|
|
26090
|
-
background-color: var(--accent-12);
|
|
26091
|
-
}
|
|
26092
25538
|
@media (forced-colors: active) {
|
|
26093
25539
|
.rt-BaseTabListTrigger:where([data-state='active'])::before,
|
|
26094
25540
|
.rt-TabNavLink:where([data-active])::before {
|
|
@@ -26874,7 +26320,6 @@
|
|
|
26874
26320
|
box-shadow: inset 0 0 0 1px var(--focus-a5);
|
|
26875
26321
|
}
|
|
26876
26322
|
.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))) {
|
|
26877
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
|
|
26878
26323
|
background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
|
|
26879
26324
|
-webkit-box-shadow: inset 0 0 0 1px var(--focus-a5);
|
|
26880
26325
|
box-shadow: inset 0 0 0 1px var(--focus-a5);
|
|
@@ -26885,7 +26330,6 @@
|
|
|
26885
26330
|
}
|
|
26886
26331
|
.rt-TextAreaRoot:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:has(.rt-TextAreaInput:where(:disabled,:read-only))) {
|
|
26887
26332
|
background-color: var(--gray-a2);
|
|
26888
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
|
|
26889
26333
|
background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
|
|
26890
26334
|
}
|
|
26891
26335
|
.rt-TextAreaRoot:where(.rt-variant-outline, .rt-variant-surface) {
|
|
@@ -27004,7 +26448,6 @@
|
|
|
27004
26448
|
box-shadow: var(--shadow-2);
|
|
27005
26449
|
}
|
|
27006
26450
|
.rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
|
|
27007
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
|
|
27008
26451
|
background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
|
|
27009
26452
|
-webkit-box-shadow: var(--shadow-2);
|
|
27010
26453
|
box-shadow: var(--shadow-2);
|
|
@@ -27013,7 +26456,6 @@
|
|
|
27013
26456
|
background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
|
|
27014
26457
|
}
|
|
27015
26458
|
.rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:disabled,:read-only))) {
|
|
27016
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
|
|
27017
26459
|
background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
|
|
27018
26460
|
}
|
|
27019
26461
|
.rt-TextAreaInput:where(:disabled,:-moz-read-only) {
|
|
@@ -27428,6 +26870,9 @@
|
|
|
27428
26870
|
width: 100%;
|
|
27429
26871
|
min-width: 0;
|
|
27430
26872
|
}
|
|
26873
|
+
.rt-ChatbarRoot {
|
|
26874
|
+
--chatbar-attachment-thumb: var(--space-8);
|
|
26875
|
+
}
|
|
27431
26876
|
.rt-ChatbarRoot:where([data-material='solid'],[data-panel-background='solid']) {
|
|
27432
26877
|
--material-blend: 100%;
|
|
27433
26878
|
--material-alpha: 0;
|
|
@@ -27450,13 +26895,19 @@
|
|
|
27450
26895
|
font: inherit;
|
|
27451
26896
|
line-height: inherit;
|
|
27452
26897
|
text-align: start;
|
|
27453
|
-
-webkit-transition: height
|
|
27454
|
-
transition: height
|
|
26898
|
+
-webkit-transition: height var(--motion-duration-small) ease-out;
|
|
26899
|
+
transition: height var(--motion-duration-small) ease-out;
|
|
27455
26900
|
}
|
|
27456
26901
|
.rt-ChatbarInput:focus,
|
|
27457
26902
|
.rt-ChatbarInput:focus-visible {
|
|
27458
26903
|
outline: none;
|
|
27459
26904
|
}
|
|
26905
|
+
.rt-ChatbarInput::-moz-selection {
|
|
26906
|
+
background-color: var(--v-selection-color, var(--focus-a5));
|
|
26907
|
+
}
|
|
26908
|
+
.rt-ChatbarInput::selection {
|
|
26909
|
+
background-color: var(--v-selection-color, var(--focus-a5));
|
|
26910
|
+
}
|
|
27460
26911
|
.rt-ChatbarBox :where(.rt-ChatbarGrid) {
|
|
27461
26912
|
display: -webkit-box;
|
|
27462
26913
|
display: -ms-flexbox;
|
|
@@ -27496,6 +26947,10 @@
|
|
|
27496
26947
|
-webkit-transition: var(--transition-button), opacity var(--motion-duration-small) var(--motion-ease-standard);
|
|
27497
26948
|
transition: var(--transition-button), opacity var(--motion-duration-small) var(--motion-ease-standard);
|
|
27498
26949
|
}
|
|
26950
|
+
.rt-ChatbarSend[aria-hidden='true'] {
|
|
26951
|
+
opacity: 0;
|
|
26952
|
+
pointer-events: none;
|
|
26953
|
+
}
|
|
27499
26954
|
.rt-ChatbarRoot:where([data-state='closed']) :where(.rt-ChatbarRow) {
|
|
27500
26955
|
display: none;
|
|
27501
26956
|
}
|
|
@@ -27509,8 +26964,8 @@
|
|
|
27509
26964
|
.rt-ChatbarScrollArea {
|
|
27510
26965
|
border-radius: var(--chatbar-attachments-radius);
|
|
27511
26966
|
}
|
|
27512
|
-
.rt-ChatbarScrollArea :where(.rt-ScrollAreaScrollbar) {
|
|
27513
|
-
|
|
26967
|
+
.rt-ChatbarScrollArea :where(.rt-ScrollAreaScrollbar[data-orientation='horizontal']) {
|
|
26968
|
+
--scrollarea-scrollbar-size: 3px;
|
|
27514
26969
|
}
|
|
27515
26970
|
.rt-ChatbarAttachmentPreview {
|
|
27516
26971
|
height: var(--chatbar-attachment-thumb);
|
|
@@ -27623,7 +27078,7 @@
|
|
|
27623
27078
|
transition: var(--transition-text-field);
|
|
27624
27079
|
isolation: isolate;
|
|
27625
27080
|
}
|
|
27626
|
-
|
|
27081
|
+
:where([data-panel-background='translucent'], [data-material='translucent']) .rt-ChatbarBox {
|
|
27627
27082
|
backdrop-filter: var(--backdrop-filter-components);
|
|
27628
27083
|
--backdrop-filter-components: var(--backdrop-filter-components-enabled);
|
|
27629
27084
|
}
|
|
@@ -27636,8 +27091,6 @@
|
|
|
27636
27091
|
padding: var(--space-3);
|
|
27637
27092
|
}
|
|
27638
27093
|
.rt-ChatbarRoot:where(.rt-r-size-1) .rt-ChatbarInput {
|
|
27639
|
-
--text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
|
|
27640
|
-
--text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
|
|
27641
27094
|
font-size: var(--font-size-1);
|
|
27642
27095
|
line-height: var(--line-height-1);
|
|
27643
27096
|
letter-spacing: var(--letter-spacing-1);
|
|
@@ -27647,8 +27100,6 @@
|
|
|
27647
27100
|
padding: var(--space-4);
|
|
27648
27101
|
}
|
|
27649
27102
|
.rt-ChatbarRoot:where(.rt-r-size-2) .rt-ChatbarInput {
|
|
27650
|
-
--text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
|
|
27651
|
-
--text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
|
|
27652
27103
|
font-size: var(--font-size-2);
|
|
27653
27104
|
line-height: var(--line-height-2);
|
|
27654
27105
|
letter-spacing: var(--letter-spacing-2);
|
|
@@ -27658,8 +27109,6 @@
|
|
|
27658
27109
|
padding: var(--space-4);
|
|
27659
27110
|
}
|
|
27660
27111
|
.rt-ChatbarRoot:where(.rt-r-size-3) .rt-ChatbarInput {
|
|
27661
|
-
--text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
|
|
27662
|
-
--text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
|
|
27663
27112
|
font-size: var(--font-size-3);
|
|
27664
27113
|
line-height: var(--line-height-3);
|
|
27665
27114
|
letter-spacing: var(--letter-spacing-3);
|
|
@@ -27670,8 +27119,6 @@
|
|
|
27670
27119
|
padding: var(--space-3);
|
|
27671
27120
|
}
|
|
27672
27121
|
.rt-ChatbarRoot:where(.xs\:rt-r-size-1) .rt-ChatbarInput {
|
|
27673
|
-
--text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
|
|
27674
|
-
--text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
|
|
27675
27122
|
font-size: var(--font-size-1);
|
|
27676
27123
|
line-height: var(--line-height-1);
|
|
27677
27124
|
letter-spacing: var(--letter-spacing-1);
|
|
@@ -27681,8 +27128,6 @@
|
|
|
27681
27128
|
padding: var(--space-4);
|
|
27682
27129
|
}
|
|
27683
27130
|
.rt-ChatbarRoot:where(.xs\:rt-r-size-2) .rt-ChatbarInput {
|
|
27684
|
-
--text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
|
|
27685
|
-
--text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
|
|
27686
27131
|
font-size: var(--font-size-2);
|
|
27687
27132
|
line-height: var(--line-height-2);
|
|
27688
27133
|
letter-spacing: var(--letter-spacing-2);
|
|
@@ -27692,8 +27137,6 @@
|
|
|
27692
27137
|
padding: var(--space-4);
|
|
27693
27138
|
}
|
|
27694
27139
|
.rt-ChatbarRoot:where(.xs\:rt-r-size-3) .rt-ChatbarInput {
|
|
27695
|
-
--text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
|
|
27696
|
-
--text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
|
|
27697
27140
|
font-size: var(--font-size-3);
|
|
27698
27141
|
line-height: var(--line-height-3);
|
|
27699
27142
|
letter-spacing: var(--letter-spacing-3);
|
|
@@ -27705,8 +27148,6 @@
|
|
|
27705
27148
|
padding: var(--space-3);
|
|
27706
27149
|
}
|
|
27707
27150
|
.rt-ChatbarRoot:where(.sm\:rt-r-size-1) .rt-ChatbarInput {
|
|
27708
|
-
--text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
|
|
27709
|
-
--text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
|
|
27710
27151
|
font-size: var(--font-size-1);
|
|
27711
27152
|
line-height: var(--line-height-1);
|
|
27712
27153
|
letter-spacing: var(--letter-spacing-1);
|
|
@@ -27716,8 +27157,6 @@
|
|
|
27716
27157
|
padding: var(--space-4);
|
|
27717
27158
|
}
|
|
27718
27159
|
.rt-ChatbarRoot:where(.sm\:rt-r-size-2) .rt-ChatbarInput {
|
|
27719
|
-
--text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
|
|
27720
|
-
--text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
|
|
27721
27160
|
font-size: var(--font-size-2);
|
|
27722
27161
|
line-height: var(--line-height-2);
|
|
27723
27162
|
letter-spacing: var(--letter-spacing-2);
|
|
@@ -27727,8 +27166,6 @@
|
|
|
27727
27166
|
padding: var(--space-4);
|
|
27728
27167
|
}
|
|
27729
27168
|
.rt-ChatbarRoot:where(.sm\:rt-r-size-3) .rt-ChatbarInput {
|
|
27730
|
-
--text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
|
|
27731
|
-
--text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
|
|
27732
27169
|
font-size: var(--font-size-3);
|
|
27733
27170
|
line-height: var(--line-height-3);
|
|
27734
27171
|
letter-spacing: var(--letter-spacing-3);
|
|
@@ -27740,8 +27177,6 @@
|
|
|
27740
27177
|
padding: var(--space-3);
|
|
27741
27178
|
}
|
|
27742
27179
|
.rt-ChatbarRoot:where(.md\:rt-r-size-1) .rt-ChatbarInput {
|
|
27743
|
-
--text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
|
|
27744
|
-
--text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
|
|
27745
27180
|
font-size: var(--font-size-1);
|
|
27746
27181
|
line-height: var(--line-height-1);
|
|
27747
27182
|
letter-spacing: var(--letter-spacing-1);
|
|
@@ -27751,8 +27186,6 @@
|
|
|
27751
27186
|
padding: var(--space-4);
|
|
27752
27187
|
}
|
|
27753
27188
|
.rt-ChatbarRoot:where(.md\:rt-r-size-2) .rt-ChatbarInput {
|
|
27754
|
-
--text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
|
|
27755
|
-
--text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
|
|
27756
27189
|
font-size: var(--font-size-2);
|
|
27757
27190
|
line-height: var(--line-height-2);
|
|
27758
27191
|
letter-spacing: var(--letter-spacing-2);
|
|
@@ -27762,8 +27195,6 @@
|
|
|
27762
27195
|
padding: var(--space-4);
|
|
27763
27196
|
}
|
|
27764
27197
|
.rt-ChatbarRoot:where(.md\:rt-r-size-3) .rt-ChatbarInput {
|
|
27765
|
-
--text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
|
|
27766
|
-
--text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
|
|
27767
27198
|
font-size: var(--font-size-3);
|
|
27768
27199
|
line-height: var(--line-height-3);
|
|
27769
27200
|
letter-spacing: var(--letter-spacing-3);
|
|
@@ -27775,8 +27206,6 @@
|
|
|
27775
27206
|
padding: var(--space-3);
|
|
27776
27207
|
}
|
|
27777
27208
|
.rt-ChatbarRoot:where(.lg\:rt-r-size-1) .rt-ChatbarInput {
|
|
27778
|
-
--text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
|
|
27779
|
-
--text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
|
|
27780
27209
|
font-size: var(--font-size-1);
|
|
27781
27210
|
line-height: var(--line-height-1);
|
|
27782
27211
|
letter-spacing: var(--letter-spacing-1);
|
|
@@ -27786,8 +27215,6 @@
|
|
|
27786
27215
|
padding: var(--space-4);
|
|
27787
27216
|
}
|
|
27788
27217
|
.rt-ChatbarRoot:where(.lg\:rt-r-size-2) .rt-ChatbarInput {
|
|
27789
|
-
--text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
|
|
27790
|
-
--text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
|
|
27791
27218
|
font-size: var(--font-size-2);
|
|
27792
27219
|
line-height: var(--line-height-2);
|
|
27793
27220
|
letter-spacing: var(--letter-spacing-2);
|
|
@@ -27797,8 +27224,6 @@
|
|
|
27797
27224
|
padding: var(--space-4);
|
|
27798
27225
|
}
|
|
27799
27226
|
.rt-ChatbarRoot:where(.lg\:rt-r-size-3) .rt-ChatbarInput {
|
|
27800
|
-
--text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
|
|
27801
|
-
--text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
|
|
27802
27227
|
font-size: var(--font-size-3);
|
|
27803
27228
|
line-height: var(--line-height-3);
|
|
27804
27229
|
letter-spacing: var(--letter-spacing-3);
|
|
@@ -27810,8 +27235,6 @@
|
|
|
27810
27235
|
padding: var(--space-3);
|
|
27811
27236
|
}
|
|
27812
27237
|
.rt-ChatbarRoot:where(.xl\:rt-r-size-1) .rt-ChatbarInput {
|
|
27813
|
-
--text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
|
|
27814
|
-
--text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
|
|
27815
27238
|
font-size: var(--font-size-1);
|
|
27816
27239
|
line-height: var(--line-height-1);
|
|
27817
27240
|
letter-spacing: var(--letter-spacing-1);
|
|
@@ -27821,8 +27244,6 @@
|
|
|
27821
27244
|
padding: var(--space-4);
|
|
27822
27245
|
}
|
|
27823
27246
|
.rt-ChatbarRoot:where(.xl\:rt-r-size-2) .rt-ChatbarInput {
|
|
27824
|
-
--text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
|
|
27825
|
-
--text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
|
|
27826
27247
|
font-size: var(--font-size-2);
|
|
27827
27248
|
line-height: var(--line-height-2);
|
|
27828
27249
|
letter-spacing: var(--letter-spacing-2);
|
|
@@ -27832,8 +27253,6 @@
|
|
|
27832
27253
|
padding: var(--space-4);
|
|
27833
27254
|
}
|
|
27834
27255
|
.rt-ChatbarRoot:where(.xl\:rt-r-size-3) .rt-ChatbarInput {
|
|
27835
|
-
--text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
|
|
27836
|
-
--text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
|
|
27837
27256
|
font-size: var(--font-size-3);
|
|
27838
27257
|
line-height: var(--line-height-3);
|
|
27839
27258
|
letter-spacing: var(--letter-spacing-3);
|
|
@@ -28001,8 +27420,6 @@
|
|
|
28001
27420
|
--v-border-hover-a: var(--accent-a7);
|
|
28002
27421
|
--v-border-focus: var(--accent-8);
|
|
28003
27422
|
--v-border-focus-a: var(--accent-a8);
|
|
28004
|
-
-webkit-transition: var(--transition-background-blur);
|
|
28005
|
-
transition: var(--transition-background-blur);
|
|
28006
27423
|
}
|
|
28007
27424
|
.rt-ChatbarBox:where(.rt-variant-surface) {
|
|
28008
27425
|
--text-area-border-width: 1px;
|
|
@@ -28025,16 +27442,20 @@
|
|
|
28025
27442
|
background-color: color-mix(in srgb, var(--v-bg-a) calc(var(--material-alpha) * 100%), var(--v-bg) var(--material-blend));
|
|
28026
27443
|
}
|
|
28027
27444
|
@media (hover: hover) {
|
|
28028
|
-
.rt-ChatbarBox:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:hover:not(:focus-within)) {
|
|
27445
|
+
.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]) *)) {
|
|
28029
27446
|
background-color: color-mix(in srgb, var(--v-bg-hover-a) calc(var(--material-alpha) * 100%), var(--v-bg-hover) var(--material-blend));
|
|
28030
27447
|
}
|
|
28031
27448
|
}
|
|
27449
|
+
.rt-ChatbarBox:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:focus-within) {
|
|
27450
|
+
outline: 2px solid var(--v-focus-color, var(--focus-8));
|
|
27451
|
+
outline-offset: -1px;
|
|
27452
|
+
}
|
|
28032
27453
|
.rt-ChatbarBox:where(.rt-variant-outline, .rt-variant-surface) {
|
|
28033
27454
|
-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));
|
|
28034
27455
|
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));
|
|
28035
27456
|
}
|
|
28036
27457
|
@media (hover: hover) {
|
|
28037
|
-
.rt-ChatbarBox:where(.rt-variant-outline,.rt-variant-surface):where(:hover:not(:focus-within)) {
|
|
27458
|
+
.rt-ChatbarBox:where(.rt-variant-outline,.rt-variant-surface):where(:hover:not(:focus-within)):where(:not(.rt-ChatbarRoot:is([data-disabled],[data-readonly]) *)) {
|
|
28038
27459
|
-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));
|
|
28039
27460
|
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));
|
|
28040
27461
|
}
|
|
@@ -28059,24 +27480,65 @@
|
|
|
28059
27480
|
-webkit-transition: var(--transition-text-field);
|
|
28060
27481
|
transition: var(--transition-text-field);
|
|
28061
27482
|
}
|
|
28062
|
-
|
|
27483
|
+
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-ChatbarBox:where(.rt-variant-classic) {
|
|
28063
27484
|
background-color: var(--color-surface-translucent);
|
|
28064
27485
|
}
|
|
27486
|
+
:where(.rt-ChatbarRoot[data-panel-background='solid'],.rt-ChatbarRoot[data-material='solid']) .rt-ChatbarBox:where(.rt-variant-classic) {
|
|
27487
|
+
background-color: var(--color-surface-solid);
|
|
27488
|
+
}
|
|
28065
27489
|
@media (hover: hover) {
|
|
28066
|
-
.rt-ChatbarBox:where(.rt-variant-classic):where(:hover:not(:focus-within)) {
|
|
27490
|
+
.rt-ChatbarBox:where(.rt-variant-classic):where(:hover:not(:focus-within)):where(:not(.rt-ChatbarRoot:is([data-disabled],[data-readonly]) *)) {
|
|
28067
27491
|
background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
|
|
28068
27492
|
-webkit-box-shadow: var(--shadow-3);
|
|
28069
27493
|
box-shadow: var(--shadow-3);
|
|
28070
27494
|
}
|
|
28071
27495
|
}
|
|
28072
27496
|
.rt-ChatbarBox:where(.rt-variant-classic):where(:focus-within) {
|
|
28073
|
-
-webkit-box-shadow: var(--shadow-2), 0 0 0 2px var(--focus-8);
|
|
28074
|
-
box-shadow: var(--shadow-2), 0 0 0 2px var(--focus-8);
|
|
27497
|
+
-webkit-box-shadow: var(--shadow-2), 0 0 0 2px var(--v-focus-color, var(--focus-8));
|
|
27498
|
+
box-shadow: var(--shadow-2), 0 0 0 2px var(--v-focus-color, var(--focus-8));
|
|
28075
27499
|
}
|
|
28076
|
-
.rt-ChatbarRoot {
|
|
28077
|
-
-
|
|
28078
|
-
|
|
28079
|
-
|
|
27500
|
+
.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox {
|
|
27501
|
+
--v-selection-color: var(--gray-a5);
|
|
27502
|
+
--v-focus-color: var(--gray-8);
|
|
27503
|
+
}
|
|
27504
|
+
.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface) {
|
|
27505
|
+
background-color: var(--gray-a2);
|
|
27506
|
+
}
|
|
27507
|
+
.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-soft) {
|
|
27508
|
+
background-color: var(--gray-a3);
|
|
27509
|
+
}
|
|
27510
|
+
.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-outline,.rt-variant-surface) {
|
|
27511
|
+
-webkit-box-shadow: inset 0 0 0 var(--text-area-border-width) var(--gray-a6);
|
|
27512
|
+
box-shadow: inset 0 0 0 var(--text-area-border-width) var(--gray-a6);
|
|
27513
|
+
}
|
|
27514
|
+
.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-classic) {
|
|
27515
|
+
background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
|
|
27516
|
+
}
|
|
27517
|
+
.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput {
|
|
27518
|
+
color: var(--gray-a11);
|
|
27519
|
+
-webkit-text-fill-color: var(--gray-a11);
|
|
27520
|
+
}
|
|
27521
|
+
:is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput)::-webkit-input-placeholder {
|
|
27522
|
+
opacity: 0.5;
|
|
27523
|
+
}
|
|
27524
|
+
:is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput)::-moz-placeholder {
|
|
27525
|
+
opacity: 0.5;
|
|
27526
|
+
}
|
|
27527
|
+
:is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput):-ms-input-placeholder {
|
|
27528
|
+
opacity: 0.5;
|
|
27529
|
+
}
|
|
27530
|
+
:is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput)::-ms-input-placeholder {
|
|
27531
|
+
opacity: 0.5;
|
|
27532
|
+
}
|
|
27533
|
+
:is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput)::placeholder {
|
|
27534
|
+
opacity: 0.5;
|
|
27535
|
+
}
|
|
27536
|
+
.rt-ChatbarRoot:where([data-disabled]) .rt-ChatbarBox,.rt-ChatbarRoot:where([data-disabled]) .rt-ChatbarInput {
|
|
27537
|
+
cursor: not-allowed;
|
|
27538
|
+
}
|
|
27539
|
+
.rt-ChatbarRoot:where([data-drop-active]) .rt-ChatbarBox {
|
|
27540
|
+
outline: 2px dashed var(--accent-8);
|
|
27541
|
+
outline-offset: -1px;
|
|
28080
27542
|
}
|
|
28081
27543
|
.rt-ChatbarDropOverlay {
|
|
28082
27544
|
position: absolute;
|
|
@@ -28111,11 +27573,18 @@
|
|
|
28111
27573
|
-ms-flex-align: center;
|
|
28112
27574
|
align-items: center;
|
|
28113
27575
|
gap: var(--space-2);
|
|
28114
|
-
color: var(--accent-11);
|
|
28115
27576
|
}
|
|
28116
|
-
|
|
28117
|
-
|
|
28118
|
-
|
|
27577
|
+
@media (prefers-reduced-motion: reduce) {
|
|
27578
|
+
.rt-ChatbarInput,
|
|
27579
|
+
.rt-ChatbarBox,
|
|
27580
|
+
.rt-ChatbarSend {
|
|
27581
|
+
-webkit-transition: none;
|
|
27582
|
+
transition: none;
|
|
27583
|
+
}
|
|
27584
|
+
.rt-ChatbarDropOverlay {
|
|
27585
|
+
-webkit-animation: none;
|
|
27586
|
+
animation: none;
|
|
27587
|
+
}
|
|
28119
27588
|
}
|
|
28120
27589
|
.rt-ChatbarInlineStart,
|
|
28121
27590
|
.rt-ChatbarInlineEnd {
|