@kushagradhawan/kookie-ui 0.6.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 +197 -580
- 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-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/menu-context.js.map +1 -1
- 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/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.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 +1 -11
- 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.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.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.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.map +1 -1
- 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.map +1 -1
- 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 +0 -1
- 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 +0 -1
- 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 +0 -1
- 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/toggle-button.schema.d.ts +0 -1
- 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 +0 -1
- 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/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/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.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.map +1 -1
- package/dist/cjs/components/theme.props.js.map +1 -1
- 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.js.map +1 -1
- 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-UIRSGVJG.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-5BYHEYO6.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-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-CQNPBTM5.js → chunk-ALWNS44Q.js} +2 -2
- package/dist/esm/{chunk-GYBLXQ4R.js → chunk-CDG5WH4U.js} +2 -2
- package/dist/esm/{chunk-RLPKKCBL.js → chunk-CEIK5U6C.js} +2 -2
- package/dist/esm/{chunk-HBR42MIX.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-SPIU5JYC.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-L6PVH3RM.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-ADBLURLJ.js → chunk-ECXGQQJB.js} +2 -2
- package/dist/esm/chunk-EDKQURDU.js +2 -0
- package/dist/esm/chunk-EDKQURDU.js.map +7 -0
- package/dist/esm/{chunk-ZXZOH63L.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-YMUGKYGW.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-TS623UPD.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-2TIADHPD.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-VA4CTVQL.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-P5OSU4NX.js → chunk-KMPE7TJ6.js} +2 -2
- package/dist/esm/{chunk-WXP6MMUB.js → chunk-KOFEFBB3.js} +2 -2
- 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-7ESHXHHO.js → chunk-M6DJRFJZ.js} +2 -2
- package/dist/esm/{chunk-OYF6YXH7.js → chunk-MCPRXVKZ.js} +2 -2
- package/dist/esm/{chunk-JBO5YOUM.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-HW324FK3.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-FIB3XATL.js → chunk-O2U6RJTB.js} +3 -3
- package/dist/esm/{chunk-FIB3XATL.js.map → chunk-O2U6RJTB.js.map} +2 -2
- package/dist/esm/{chunk-VNPNEJI6.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-3OBXZUFJ.js → chunk-OLAWVEAI.js} +2 -2
- 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-LAOMR7SE.js → chunk-QWVU2TW4.js} +2 -2
- package/dist/esm/{chunk-LAOMR7SE.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-UFI53QUC.js → chunk-RNTCHVFI.js} +2 -2
- package/dist/esm/{chunk-DXL6V2A5.js → chunk-SEY4NA45.js} +2 -2
- package/dist/esm/chunk-V27ZAN3E.js +2 -0
- package/dist/esm/chunk-V27ZAN3E.js.map +7 -0
- package/dist/esm/{chunk-37OGSEQR.js → chunk-VBI3AWPT.js} +2 -2
- package/dist/esm/{chunk-56TS6OKQ.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-T4UHUQFJ.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-DMJJM5IS.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-UUUZXUIP.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-HIKVMKYQ.js → chunk-X7V3V3W4.js} +2 -2
- package/dist/esm/{chunk-DX5JJYMZ.js → chunk-XYVLQDGR.js} +2 -2
- package/dist/esm/{chunk-3R7XMRV5.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-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/menu-context.js +1 -1
- package/dist/esm/components/_internal/shell-bottom.js +1 -1
- package/dist/esm/components/_internal/shell-inspector.js +1 -1
- package/dist/esm/components/_internal/shell-sidebar.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/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/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/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.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.map +1 -1
- package/dist/esm/components/combobox.js +1 -1
- package/dist/esm/components/combobox.props.d.ts +1 -11
- package/dist/esm/components/combobox.props.d.ts.map +1 -1
- package/dist/esm/components/combobox.props.js +1 -1
- 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.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/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/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/icon-button.js +1 -1
- package/dist/esm/components/icon-button.props.js +1 -1
- package/dist/esm/components/index.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/popover.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/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/schemas/base-button.schema.d.ts +0 -1
- 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 +0 -1
- 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 +0 -1
- 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/toggle-button.schema.d.ts +0 -1
- 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 +0 -1
- 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/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.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/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/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/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.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/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.js +1 -1
- package/dist/esm/index.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/index.d.ts +1 -1
- package/dist/esm/props/index.d.ts.map +1 -1
- package/dist/esm/props/index.js +1 -1
- package/fonts.css +2 -0
- package/package.json +1 -1
- package/schemas/base-button.json +0 -5
- package/schemas/button.json +0 -5
- package/schemas/icon-button.json +0 -5
- package/schemas/index.json +0 -25
- package/schemas/toggle-button.json +0 -5
- package/schemas/toggle-icon-button.json +0 -5
- 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 +7 -59
- package/src/components/_internal/base-menu.props.ts +0 -2
- 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/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.tsx +53 -14
- 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 +4 -10
- package/src/components/combobox.props.tsx +1 -5
- package/src/components/combobox.tsx +4 -8
- package/src/components/context-menu.tsx +5 -8
- package/src/components/data-list.css +14 -9
- package/src/components/data-list.props.tsx +5 -2
- package/src/components/dropdown-menu.tsx +5 -9
- 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/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/user-card.props.tsx +0 -2
- package/src/components/user-card.tsx +1 -2
- 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 +404 -734
- 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-4SMJ7D4S.js +0 -2
- package/dist/esm/chunk-4SMJ7D4S.js.map +0 -7
- package/dist/esm/chunk-4TCXI3L3.js +0 -2
- package/dist/esm/chunk-4TCXI3L3.js.map +0 -7
- package/dist/esm/chunk-5MNBQROW.js +0 -2
- package/dist/esm/chunk-5MNBQROW.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-A3NH376A.js +0 -2
- package/dist/esm/chunk-A3NH376A.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-DCAZPMOB.js +0 -2
- package/dist/esm/chunk-DCAZPMOB.js.map +0 -7
- package/dist/esm/chunk-DQAUX5ZL.js +0 -2
- package/dist/esm/chunk-DQAUX5ZL.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-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-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-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-N2B7TWIP.js +0 -2
- package/dist/esm/chunk-N2B7TWIP.js.map +0 -7
- package/dist/esm/chunk-NKEJTTIL.js +0 -2
- package/dist/esm/chunk-NKEJTTIL.js.map +0 -7
- package/dist/esm/chunk-PTS6QYQW.js +0 -2
- package/dist/esm/chunk-PTS6QYQW.js.map +0 -7
- package/dist/esm/chunk-SO67YEVQ.js +0 -2
- package/dist/esm/chunk-T2FZN7G3.js +0 -2
- package/dist/esm/chunk-T2FZN7G3.js.map +0 -7
- 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-TIO23G7L.js +0 -2
- package/dist/esm/chunk-TIO23G7L.js.map +0 -7
- package/dist/esm/chunk-UIRSGVJG.js +0 -2
- 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-ZRKE3NVU.js +0 -2
- package/dist/esm/chunk-ZRKE3NVU.js.map +0 -7
- package/dist/esm/chunk-ZWYYPFZW.js +0 -2
- package/dist/esm/chunk-ZWYYPFZW.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-5BYHEYO6.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-CQNPBTM5.js.map → chunk-ALWNS44Q.js.map} +0 -0
- /package/dist/esm/{chunk-GYBLXQ4R.js.map → chunk-CDG5WH4U.js.map} +0 -0
- /package/dist/esm/{chunk-RLPKKCBL.js.map → chunk-CEIK5U6C.js.map} +0 -0
- /package/dist/esm/{chunk-HBR42MIX.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-SPIU5JYC.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-L6PVH3RM.js.map → chunk-DSJY5RI3.js.map} +0 -0
- /package/dist/esm/{chunk-ADBLURLJ.js.map → chunk-ECXGQQJB.js.map} +0 -0
- /package/dist/esm/{chunk-ZXZOH63L.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-YMUGKYGW.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-TS623UPD.js.map → chunk-IFM4EMZB.js.map} +0 -0
- /package/dist/esm/{chunk-2TIADHPD.js.map → chunk-K3UAS7RW.js.map} +0 -0
- /package/dist/esm/{chunk-VA4CTVQL.js.map → chunk-KFR3CK24.js.map} +0 -0
- /package/dist/esm/{chunk-P5OSU4NX.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-7ESHXHHO.js.map → chunk-M6DJRFJZ.js.map} +0 -0
- /package/dist/esm/{chunk-OYF6YXH7.js.map → chunk-MCPRXVKZ.js.map} +0 -0
- /package/dist/esm/{chunk-JBO5YOUM.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-HW324FK3.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-VNPNEJI6.js.map → chunk-OFUNVHZ5.js.map} +0 -0
- /package/dist/esm/{chunk-3OBXZUFJ.js.map → chunk-OLAWVEAI.js.map} +0 -0
- /package/dist/esm/{chunk-UWT6TE5D.js.map → chunk-OTXCKEWT.js.map} +0 -0
- /package/dist/esm/{chunk-UFI53QUC.js.map → chunk-RNTCHVFI.js.map} +0 -0
- /package/dist/esm/{chunk-DXL6V2A5.js.map → chunk-SEY4NA45.js.map} +0 -0
- /package/dist/esm/{chunk-37OGSEQR.js.map → chunk-VBI3AWPT.js.map} +0 -0
- /package/dist/esm/{chunk-56TS6OKQ.js.map → chunk-VHECAEUP.js.map} +0 -0
- /package/dist/esm/{chunk-T4UHUQFJ.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-DMJJM5IS.js.map → chunk-W2FOBR5Q.js.map} +0 -0
- /package/dist/esm/{chunk-UUUZXUIP.js.map → chunk-WHFJ4JUN.js.map} +0 -0
- /package/dist/esm/{chunk-HIKVMKYQ.js.map → chunk-X7V3V3W4.js.map} +0 -0
- /package/dist/esm/{chunk-DX5JJYMZ.js.map → chunk-XYVLQDGR.js.map} +0 -0
- /package/dist/esm/{chunk-3R7XMRV5.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 → emphasis.prop.js.map} +0 -0
package/components.css
CHANGED
|
@@ -1098,11 +1098,23 @@
|
|
|
1098
1098
|
:where(.rt-Text) {
|
|
1099
1099
|
margin: 0;
|
|
1100
1100
|
}
|
|
1101
|
+
.rt-Text:where(.rt-emphasis-loud) {
|
|
1102
|
+
color: var(--gray-ink);
|
|
1103
|
+
}
|
|
1104
|
+
.rt-Text:where(.rt-emphasis-medium) {
|
|
1105
|
+
color: var(--gray-ink-muted);
|
|
1106
|
+
}
|
|
1107
|
+
.rt-Text:where(.rt-emphasis-quiet) {
|
|
1108
|
+
color: var(--gray-ink-faint);
|
|
1109
|
+
}
|
|
1101
1110
|
.rt-Text:where([data-accent-color]) {
|
|
1102
|
-
color: var(--accent-
|
|
1111
|
+
color: var(--accent-ink);
|
|
1103
1112
|
}
|
|
1104
|
-
.rt-Text:where([data-accent-color].rt-
|
|
1105
|
-
color: var(--accent-
|
|
1113
|
+
.rt-Text:where([data-accent-color].rt-emphasis-medium) {
|
|
1114
|
+
color: var(--accent-ink-muted);
|
|
1115
|
+
}
|
|
1116
|
+
.rt-Text:where([data-accent-color].rt-emphasis-quiet) {
|
|
1117
|
+
color: var(--accent-ink-faint);
|
|
1106
1118
|
}
|
|
1107
1119
|
@media (pointer: coarse) {
|
|
1108
1120
|
.rt-Text:where(label) {
|
|
@@ -1792,35 +1804,8 @@
|
|
|
1792
1804
|
-webkit-transition: var(--transition-accordion-trigger-active);
|
|
1793
1805
|
transition: var(--transition-accordion-trigger-active);
|
|
1794
1806
|
}
|
|
1795
|
-
:where(.rt-AccordionRoot:where(.rt-variant-soft)) .rt-AccordionTrigger {
|
|
1796
|
-
color: var(--accent-
|
|
1797
|
-
}
|
|
1798
|
-
:where(.rt-AccordionRoot:where(.rt-variant-soft.rt-high-contrast)) .rt-AccordionTrigger {
|
|
1799
|
-
color: var(--accent-12);
|
|
1800
|
-
}
|
|
1801
|
-
:where(.rt-AccordionRoot:where(.rt-variant-outline)) .rt-AccordionTrigger {
|
|
1802
|
-
color: var(--accent-11);
|
|
1803
|
-
}
|
|
1804
|
-
:where(.rt-AccordionRoot:where(.rt-variant-outline.rt-high-contrast)) .rt-AccordionTrigger {
|
|
1805
|
-
color: var(--accent-12);
|
|
1806
|
-
}
|
|
1807
|
-
:where(.rt-AccordionRoot:where(.rt-variant-surface)) .rt-AccordionTrigger {
|
|
1808
|
-
color: var(--accent-a11);
|
|
1809
|
-
}
|
|
1810
|
-
:where(.rt-AccordionRoot:where(.rt-variant-surface.rt-high-contrast)) .rt-AccordionTrigger {
|
|
1811
|
-
color: var(--accent-12);
|
|
1812
|
-
}
|
|
1813
|
-
:where(.rt-AccordionRoot:where(.rt-variant-ghost)) .rt-AccordionTrigger {
|
|
1814
|
-
color: var(--accent-a11);
|
|
1815
|
-
}
|
|
1816
|
-
:where(.rt-AccordionRoot:where(.rt-variant-ghost.rt-high-contrast)) .rt-AccordionTrigger {
|
|
1817
|
-
color: var(--accent-12);
|
|
1818
|
-
}
|
|
1819
|
-
:where(.rt-AccordionRoot:where(.rt-variant-classic)) .rt-AccordionTrigger {
|
|
1820
|
-
color: var(--accent-a11);
|
|
1821
|
-
}
|
|
1822
|
-
:where(.rt-AccordionRoot:where(.rt-variant-classic.rt-high-contrast)) .rt-AccordionTrigger {
|
|
1823
|
-
color: var(--accent-12);
|
|
1807
|
+
:where(.rt-AccordionRoot:where(.rt-variant-soft, .rt-variant-outline, .rt-variant-surface, .rt-variant-ghost, .rt-variant-classic)) .rt-AccordionTrigger {
|
|
1808
|
+
color: var(--accent-ink);
|
|
1824
1809
|
}
|
|
1825
1810
|
:where(.rt-AccordionRoot:where(.rt-variant-classic):hover) {
|
|
1826
1811
|
background-color: var(--accent-2);
|
|
@@ -1929,7 +1914,7 @@
|
|
|
1929
1914
|
.rt-AccordionContent {
|
|
1930
1915
|
overflow: hidden;
|
|
1931
1916
|
font-size: var(--font-size-2);
|
|
1932
|
-
color: var(--accent-
|
|
1917
|
+
color: var(--accent-ink);
|
|
1933
1918
|
line-height: var(--line-height-4);
|
|
1934
1919
|
-webkit-transform-origin: top;
|
|
1935
1920
|
transform-origin: top;
|
|
@@ -2018,21 +2003,9 @@
|
|
|
2018
2003
|
transform: translateY(-4px) scaleY(0.98);
|
|
2019
2004
|
}
|
|
2020
2005
|
}
|
|
2021
|
-
:where(.rt-AccordionRoot[data-high-contrast]) .rt-AccordionTrigger {
|
|
2022
|
-
color: var(--accent-12);
|
|
2023
|
-
}
|
|
2024
|
-
:where(.rt-AccordionRoot[data-high-contrast]) .rt-AccordionContent {
|
|
2025
|
-
color: var(--accent-12);
|
|
2026
|
-
}
|
|
2027
2006
|
:where(.rt-AccordionRoot:where(.rt-variant-soft)[data-accent-color]) :where(.rt-AccordionTrigger:hover) {
|
|
2028
2007
|
background-color: var(--accent-a4);
|
|
2029
2008
|
}
|
|
2030
|
-
:where(.rt-AccordionRoot[data-accent-color]) .rt-AccordionContent {
|
|
2031
|
-
color: var(--accent-a11);
|
|
2032
|
-
}
|
|
2033
|
-
:where(.rt-AccordionRoot[data-accent-color].rt-high-contrast) .rt-AccordionContent {
|
|
2034
|
-
color: var(--accent-12);
|
|
2035
|
-
}
|
|
2036
2009
|
@media (prefers-reduced-motion: reduce) {
|
|
2037
2010
|
:where(.rt-AccordionContent[data-state="open"]),
|
|
2038
2011
|
:where(.rt-AccordionContent[data-state="closed"]) {
|
|
@@ -3087,8 +3060,7 @@
|
|
|
3087
3060
|
}
|
|
3088
3061
|
}
|
|
3089
3062
|
.rt-AvatarRoot:where(.rt-variant-soft) {
|
|
3090
|
-
--v-color: var(--accent-
|
|
3091
|
-
--v-color-high-contrast: var(--accent-12);
|
|
3063
|
+
--v-color: var(--accent-ink);
|
|
3092
3064
|
--v-bg: var(--accent-3);
|
|
3093
3065
|
--v-bg-a: var(--accent-a3);
|
|
3094
3066
|
--v-bg-hover: var(--accent-4);
|
|
@@ -3098,9 +3070,7 @@
|
|
|
3098
3070
|
--v-bg-disabled: var(--gray-a3);
|
|
3099
3071
|
}
|
|
3100
3072
|
.rt-AvatarRoot:where(.rt-variant-outline) {
|
|
3101
|
-
--v-color: var(--accent-
|
|
3102
|
-
--v-color-a: var(--accent-a11);
|
|
3103
|
-
--v-color-high-contrast: var(--accent-12);
|
|
3073
|
+
--v-color: var(--accent-ink);
|
|
3104
3074
|
--v-bg: transparent;
|
|
3105
3075
|
--v-bg-a: transparent;
|
|
3106
3076
|
--v-bg-hover: var(--accent-2);
|
|
@@ -3117,8 +3087,7 @@
|
|
|
3117
3087
|
--v-border-disabled: var(--gray-a7);
|
|
3118
3088
|
}
|
|
3119
3089
|
.rt-AvatarRoot:where(.rt-variant-surface) {
|
|
3120
|
-
--v-color: var(--accent-
|
|
3121
|
-
--v-color-high-contrast: var(--accent-12);
|
|
3090
|
+
--v-color: var(--accent-ink);
|
|
3122
3091
|
--v-bg: var(--accent-2);
|
|
3123
3092
|
--v-bg-a: var(--accent-a2);
|
|
3124
3093
|
--v-bg-hover: var(--accent-3);
|
|
@@ -3138,19 +3107,10 @@
|
|
|
3138
3107
|
color: var(--v-color);
|
|
3139
3108
|
background-color: color-mix(in srgb, var(--v-bg-a) calc(var(--material-alpha) * 100%), var(--v-bg) var(--material-blend));
|
|
3140
3109
|
}
|
|
3141
|
-
.rt-AvatarRoot:where(.rt-variant-soft,.rt-variant-outline,.rt-variant-surface):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
|
|
3142
|
-
color: var(--v-color-high-contrast);
|
|
3143
|
-
}
|
|
3144
3110
|
.rt-AvatarRoot:where(.rt-variant-soft,.rt-variant-outline,.rt-variant-surface):where([data-disabled]) :where(.rt-AvatarFallback) {
|
|
3145
3111
|
color: var(--gray-a8);
|
|
3146
3112
|
background-color: var(--v-bg-disabled, var(--gray-a3));
|
|
3147
3113
|
}
|
|
3148
|
-
.rt-AvatarRoot:where(.rt-variant-outline) :where(.rt-AvatarFallback) {
|
|
3149
|
-
color: color-mix(in srgb, var(--v-color-a) calc(var(--material-alpha) * 100%), var(--v-color) var(--material-blend));
|
|
3150
|
-
}
|
|
3151
|
-
.rt-AvatarRoot:where(.rt-variant-outline):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
|
|
3152
|
-
color: var(--v-color-high-contrast);
|
|
3153
|
-
}
|
|
3154
3114
|
.rt-AvatarRoot:where(.rt-variant-outline,.rt-variant-surface) :where(.rt-AvatarFallback) {
|
|
3155
3115
|
-webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-a) calc(var(--material-alpha) * 100%), var(--v-border) var(--material-blend));
|
|
3156
3116
|
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-a) calc(var(--material-alpha) * 100%), var(--v-border) var(--material-blend));
|
|
@@ -3195,12 +3155,8 @@
|
|
|
3195
3155
|
--solid-blend: calc(100% - (var(--material-alpha) * 90%));
|
|
3196
3156
|
}
|
|
3197
3157
|
.rt-AvatarRoot:where(.rt-variant-solid) :where(.rt-AvatarFallback) {
|
|
3198
|
-
background-color: color-mix(in srgb, var(--accent-
|
|
3199
|
-
color: var(--accent-contrast);
|
|
3200
|
-
}
|
|
3201
|
-
.rt-AvatarRoot:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
|
|
3202
|
-
background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
|
|
3203
|
-
color: var(--gray-1);
|
|
3158
|
+
background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
|
|
3159
|
+
color: var(--accent-solid-contrast);
|
|
3204
3160
|
}
|
|
3205
3161
|
.rt-AvatarRoot:where(.rt-variant-solid):where([data-disabled]) :where(.rt-AvatarFallback) {
|
|
3206
3162
|
color: var(--gray-a8);
|
|
@@ -3210,32 +3166,20 @@
|
|
|
3210
3166
|
}
|
|
3211
3167
|
@media (hover: hover) {
|
|
3212
3168
|
.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:hover:not(:disabled,[data-disabled])) {
|
|
3213
|
-
background-color: color-mix(in srgb, var(--accent-
|
|
3169
|
+
background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
|
|
3214
3170
|
}
|
|
3215
3171
|
.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:hover:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
|
|
3216
3172
|
background-color: inherit;
|
|
3173
|
+
-webkit-filter: var(--accent-solid-hover-filter);
|
|
3174
|
+
filter: var(--accent-solid-hover-filter);
|
|
3217
3175
|
}
|
|
3218
3176
|
}
|
|
3219
3177
|
.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:active:not(:disabled,[data-disabled])) {
|
|
3220
|
-
background-color: color-mix(in srgb, var(--accent-
|
|
3178
|
+
background-color: color-mix(in srgb, var(--accent-solid-active-a) calc(var(--material-alpha) * 100%), var(--accent-solid-active) var(--solid-blend));
|
|
3221
3179
|
}
|
|
3222
3180
|
.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:active:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
|
|
3223
3181
|
background-color: inherit;
|
|
3224
3182
|
}
|
|
3225
|
-
@media (hover: hover) {
|
|
3226
|
-
.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:hover:not(:disabled,[data-disabled])) {
|
|
3227
|
-
background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
|
|
3228
|
-
}
|
|
3229
|
-
.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:hover:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
|
|
3230
|
-
background-color: inherit;
|
|
3231
|
-
}
|
|
3232
|
-
}
|
|
3233
|
-
.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not(:disabled,[data-disabled])) {
|
|
3234
|
-
background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
|
|
3235
|
-
}
|
|
3236
|
-
.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
|
|
3237
|
-
background-color: inherit;
|
|
3238
|
-
}
|
|
3239
3183
|
.rt-AvatarRoot:where(.rt-variant-classic) {
|
|
3240
3184
|
position: relative;
|
|
3241
3185
|
top: var(--classic-elevation-offset);
|
|
@@ -3243,15 +3187,11 @@
|
|
|
3243
3187
|
.rt-AvatarRoot:where(.rt-variant-classic) :where(.rt-AvatarFallback) {
|
|
3244
3188
|
position: relative;
|
|
3245
3189
|
top: 0;
|
|
3246
|
-
color: var(--accent-
|
|
3190
|
+
color: var(--accent-ink);
|
|
3247
3191
|
background-color: color-mix(in srgb, var(--color-surface-translucent) calc(var(--material-alpha) * 100%), var(--color-surface-solid) var(--material-blend));
|
|
3248
3192
|
-webkit-box-shadow: var(--shadow-2);
|
|
3249
3193
|
box-shadow: var(--shadow-2);
|
|
3250
3194
|
}
|
|
3251
|
-
.rt-AvatarRoot:where(.rt-variant-classic):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
|
|
3252
|
-
color: var(--gray-12);
|
|
3253
|
-
background-color: color-mix(in srgb, var(--color-surface-translucent) calc(var(--material-alpha) * 100%), var(--color-surface-solid) var(--material-blend));
|
|
3254
|
-
}
|
|
3255
3195
|
.rt-AvatarRoot:where(.rt-variant-classic):where([data-disabled]) :where(.rt-AvatarFallback) {
|
|
3256
3196
|
color: var(--gray-a8);
|
|
3257
3197
|
background-color: var(--gray-a3);
|
|
@@ -3286,24 +3226,12 @@
|
|
|
3286
3226
|
:where(.radix-themes) {
|
|
3287
3227
|
--avatar-image-hover-filter: brightness(0.95) saturate(1.05);
|
|
3288
3228
|
--avatar-image-active-filter: brightness(0.9) saturate(1.1);
|
|
3289
|
-
--base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.1) brightness(1.1);
|
|
3290
|
-
--base-button-solid-active-filter: brightness(0.9) contrast(1.03);
|
|
3291
|
-
--base-button-solid-open-filter: brightness(0.96) contrast(1.02);
|
|
3292
|
-
--base-button-solid-high-contrast-active-filter: brightness(0.92);
|
|
3293
|
-
--base-button-solid-high-contrast-open-filter: brightness(0.96);
|
|
3294
3229
|
--segmented-control-indicator-background-color: var(--color-background);
|
|
3295
|
-
--slider-range-high-contrast-background-image: linear-gradient(var(--black-a8), var(--black-a8));
|
|
3296
3230
|
}
|
|
3297
3231
|
:is(.dark, .dark-theme),
|
|
3298
3232
|
:is(.dark, .dark-theme) :where(.radix-themes:not(.light, .light-theme)) {
|
|
3299
3233
|
--avatar-image-hover-filter: brightness(1.05) saturate(1.05);
|
|
3300
3234
|
--avatar-image-active-filter: brightness(1.1) saturate(1.1);
|
|
3301
|
-
--base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.3) brightness(1.18);
|
|
3302
|
-
--base-button-solid-active-filter: brightness(0.88) contrast(1.03);
|
|
3303
|
-
--base-button-solid-open-filter: brightness(0.95) contrast(1.02);
|
|
3304
|
-
--base-button-solid-high-contrast-active-filter: brightness(0.9);
|
|
3305
|
-
--base-button-solid-high-contrast-open-filter: brightness(0.95);
|
|
3306
|
-
--slider-range-high-contrast-background-image: none;
|
|
3307
3235
|
}
|
|
3308
3236
|
.rt-AvatarStatus,
|
|
3309
3237
|
.rt-AvatarBadge {
|
|
@@ -3692,12 +3620,8 @@
|
|
|
3692
3620
|
}
|
|
3693
3621
|
.rt-Badge:where(.rt-variant-solid) {
|
|
3694
3622
|
--solid-blend: calc(100% - (var(--material-alpha) * 90%));
|
|
3695
|
-
background-color: color-mix(in srgb, var(--accent-
|
|
3696
|
-
color: var(--accent-contrast);
|
|
3697
|
-
}
|
|
3698
|
-
.rt-Badge:where(.rt-variant-solid):where(.rt-high-contrast) {
|
|
3699
|
-
background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
|
|
3700
|
-
color: var(--gray-1);
|
|
3623
|
+
background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
|
|
3624
|
+
color: var(--accent-solid-contrast);
|
|
3701
3625
|
}
|
|
3702
3626
|
.rt-Badge:where(.rt-variant-solid):where([data-disabled]) {
|
|
3703
3627
|
color: var(--gray-a8);
|
|
@@ -3712,16 +3636,10 @@
|
|
|
3712
3636
|
background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
|
|
3713
3637
|
-webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
|
|
3714
3638
|
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
|
|
3715
|
-
color: var(--accent-
|
|
3716
|
-
}
|
|
3717
|
-
.rt-Badge:where(.rt-variant-surface):where(.rt-high-contrast) {
|
|
3718
|
-
color: var(--accent-12);
|
|
3639
|
+
color: var(--accent-ink);
|
|
3719
3640
|
}
|
|
3720
3641
|
.rt-Badge:where(.rt-variant-soft, .rt-variant-ghost) {
|
|
3721
|
-
color: var(--accent-
|
|
3722
|
-
}
|
|
3723
|
-
.rt-Badge:where(.rt-variant-soft,.rt-variant-ghost):where(.rt-high-contrast) {
|
|
3724
|
-
color: var(--accent-12);
|
|
3642
|
+
color: var(--accent-ink);
|
|
3725
3643
|
}
|
|
3726
3644
|
.rt-Badge:where(.rt-variant-soft,.rt-variant-ghost):where([data-disabled]) {
|
|
3727
3645
|
color: var(--gray-a8);
|
|
@@ -3741,24 +3659,18 @@
|
|
|
3741
3659
|
.rt-Badge:where(.rt-variant-outline) {
|
|
3742
3660
|
-webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
|
|
3743
3661
|
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
|
|
3744
|
-
color:
|
|
3662
|
+
color: var(--accent-ink);
|
|
3745
3663
|
-webkit-transition: var(--transition-background-blur);
|
|
3746
3664
|
transition: var(--transition-background-blur);
|
|
3747
3665
|
}
|
|
3748
|
-
.rt-Badge:where(.rt-variant-outline):where(.rt-high-contrast) {
|
|
3749
|
-
color: var(--accent-12);
|
|
3750
|
-
}
|
|
3751
3666
|
.rt-Badge:where(.rt-variant-ghost) {
|
|
3752
3667
|
background-color: transparent;
|
|
3753
|
-
color: var(--accent-
|
|
3754
|
-
}
|
|
3755
|
-
.rt-Badge:where(.rt-variant-ghost):where(.rt-high-contrast) {
|
|
3756
|
-
color: var(--accent-12);
|
|
3668
|
+
color: var(--accent-ink);
|
|
3757
3669
|
}
|
|
3758
3670
|
.rt-Badge:where(.rt-variant-classic) {
|
|
3759
3671
|
position: relative;
|
|
3760
3672
|
top: var(--classic-elevation-offset);
|
|
3761
|
-
color: var(--accent-
|
|
3673
|
+
color: var(--accent-ink);
|
|
3762
3674
|
-webkit-box-shadow: var(--shadow-2);
|
|
3763
3675
|
box-shadow: var(--shadow-2);
|
|
3764
3676
|
-webkit-transition: var(--transition-text-field);
|
|
@@ -3775,9 +3687,6 @@
|
|
|
3775
3687
|
.rt-Badge:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
3776
3688
|
--classic-surface: var(--color-surface-translucent);
|
|
3777
3689
|
}
|
|
3778
|
-
.rt-Badge:where(.rt-variant-classic):where(.rt-high-contrast) {
|
|
3779
|
-
color: var(--accent-12);
|
|
3780
|
-
}
|
|
3781
3690
|
.rt-Blockquote {
|
|
3782
3691
|
-webkit-box-sizing: border-box;
|
|
3783
3692
|
box-sizing: border-box;
|
|
@@ -4010,8 +3919,7 @@
|
|
|
4010
3919
|
}
|
|
4011
3920
|
}
|
|
4012
3921
|
.rt-BaseButton:where(.rt-variant-soft) {
|
|
4013
|
-
--v-color: var(--accent-
|
|
4014
|
-
--v-color-high-contrast: var(--accent-12);
|
|
3922
|
+
--v-color: var(--accent-ink);
|
|
4015
3923
|
--v-bg: var(--accent-3);
|
|
4016
3924
|
--v-bg-a: var(--accent-a3);
|
|
4017
3925
|
--v-bg-hover: var(--accent-4);
|
|
@@ -4025,8 +3933,7 @@
|
|
|
4025
3933
|
--v-focus-offset: -1px;
|
|
4026
3934
|
}
|
|
4027
3935
|
.rt-BaseButton:where(.rt-variant-ghost) {
|
|
4028
|
-
--v-color: var(--accent-
|
|
4029
|
-
--v-color-high-contrast: var(--accent-12);
|
|
3936
|
+
--v-color: var(--accent-ink);
|
|
4030
3937
|
--v-bg: transparent;
|
|
4031
3938
|
--v-bg-a: transparent;
|
|
4032
3939
|
--v-bg-hover: var(--accent-3);
|
|
@@ -4040,8 +3947,7 @@
|
|
|
4040
3947
|
--v-focus-offset: -1px;
|
|
4041
3948
|
}
|
|
4042
3949
|
.rt-BaseButton:where(.rt-variant-outline) {
|
|
4043
|
-
--v-color: var(--accent-
|
|
4044
|
-
--v-color-high-contrast: var(--accent-12);
|
|
3950
|
+
--v-color: var(--accent-ink);
|
|
4045
3951
|
--v-bg: transparent;
|
|
4046
3952
|
--v-bg-a: transparent;
|
|
4047
3953
|
--v-bg-hover: var(--accent-2);
|
|
@@ -4064,8 +3970,7 @@
|
|
|
4064
3970
|
--v-focus-offset: -1px;
|
|
4065
3971
|
}
|
|
4066
3972
|
.rt-BaseButton:where(.rt-variant-surface) {
|
|
4067
|
-
--v-color: var(--accent-
|
|
4068
|
-
--v-color-high-contrast: var(--accent-12);
|
|
3973
|
+
--v-color: var(--accent-ink);
|
|
4069
3974
|
--v-bg: var(--accent-2);
|
|
4070
3975
|
--v-bg-a: var(--accent-a2);
|
|
4071
3976
|
--v-bg-hover: var(--accent-3);
|
|
@@ -4091,9 +3996,6 @@
|
|
|
4091
3996
|
color: var(--v-color);
|
|
4092
3997
|
background-color: color-mix(in srgb, var(--v-bg-a) calc(var(--material-alpha) * 100%), var(--v-bg) var(--material-blend));
|
|
4093
3998
|
}
|
|
4094
|
-
.rt-BaseButton:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(.rt-high-contrast) {
|
|
4095
|
-
color: var(--v-color-high-contrast);
|
|
4096
|
-
}
|
|
4097
3999
|
.rt-BaseButton:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:focus-visible) {
|
|
4098
4000
|
outline: 2px solid var(--v-focus-color);
|
|
4099
4001
|
outline-offset: var(--v-focus-offset);
|
|
@@ -4168,7 +4070,7 @@
|
|
|
4168
4070
|
}
|
|
4169
4071
|
.rt-BaseButton:where(.rt-variant-classic) {
|
|
4170
4072
|
position: relative;
|
|
4171
|
-
color: var(--accent-
|
|
4073
|
+
color: var(--accent-ink);
|
|
4172
4074
|
background-color: var(--color-surface-solid);
|
|
4173
4075
|
-webkit-box-shadow: var(--shadow-2);
|
|
4174
4076
|
box-shadow: var(--shadow-2);
|
|
@@ -4176,9 +4078,6 @@
|
|
|
4176
4078
|
.rt-BaseButton:where(.rt-variant-classic):where([data-material='translucent']) {
|
|
4177
4079
|
background-color: var(--color-surface-translucent);
|
|
4178
4080
|
}
|
|
4179
|
-
.rt-BaseButton:where(.rt-variant-classic):where(.rt-high-contrast) {
|
|
4180
|
-
color: var(--gray-12);
|
|
4181
|
-
}
|
|
4182
4081
|
.rt-BaseButton:where(.rt-variant-classic):where(:focus-visible) {
|
|
4183
4082
|
outline: 2px solid var(--focus-8);
|
|
4184
4083
|
outline-offset: 2px;
|
|
@@ -4281,8 +4180,8 @@
|
|
|
4281
4180
|
}
|
|
4282
4181
|
.rt-BaseButton:where(.rt-variant-solid) {
|
|
4283
4182
|
--solid-blend: calc(100% - (var(--material-alpha) * 90%));
|
|
4284
|
-
background-color: color-mix(in srgb, var(--accent-
|
|
4285
|
-
color: var(--accent-contrast);
|
|
4183
|
+
background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
|
|
4184
|
+
color: var(--accent-solid-contrast);
|
|
4286
4185
|
}
|
|
4287
4186
|
.rt-BaseButton:where(.rt-variant-solid):where(:focus-visible) {
|
|
4288
4187
|
outline: 2px solid var(--focus-8);
|
|
@@ -4290,22 +4189,24 @@
|
|
|
4290
4189
|
}
|
|
4291
4190
|
@media (hover: hover) {
|
|
4292
4191
|
.rt-BaseButton:where(.rt-variant-solid):where(:hover) {
|
|
4293
|
-
background-color: color-mix(in srgb, var(--accent-
|
|
4192
|
+
background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
|
|
4193
|
+
-webkit-filter: var(--accent-solid-hover-filter);
|
|
4194
|
+
filter: var(--accent-solid-hover-filter);
|
|
4294
4195
|
-webkit-box-shadow: var(--shadow-2);
|
|
4295
4196
|
box-shadow: var(--shadow-2);
|
|
4296
4197
|
}
|
|
4297
4198
|
}
|
|
4298
4199
|
.rt-BaseButton:where(.rt-variant-solid):where([data-state='open']) {
|
|
4299
|
-
background-color: color-mix(in srgb, var(--accent-
|
|
4300
|
-
-webkit-filter: var(--
|
|
4301
|
-
filter: var(--
|
|
4200
|
+
background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
|
|
4201
|
+
-webkit-filter: var(--accent-solid-open-filter);
|
|
4202
|
+
filter: var(--accent-solid-open-filter);
|
|
4302
4203
|
}
|
|
4303
4204
|
.rt-BaseButton:where(.rt-variant-solid):where(:active:not([data-state='open'])) {
|
|
4304
|
-
-webkit-filter: var(--
|
|
4305
|
-
filter: var(--
|
|
4205
|
+
-webkit-filter: var(--accent-solid-active-filter);
|
|
4206
|
+
filter: var(--accent-solid-active-filter);
|
|
4306
4207
|
}
|
|
4307
4208
|
.rt-BaseButton:where(.rt-variant-solid):where([data-state='on']) {
|
|
4308
|
-
background-color: color-mix(in srgb, var(--accent-
|
|
4209
|
+
background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
|
|
4309
4210
|
opacity: 0.9;
|
|
4310
4211
|
}
|
|
4311
4212
|
@media (pointer: coarse) {
|
|
@@ -4314,32 +4215,6 @@
|
|
|
4314
4215
|
outline-offset: 0;
|
|
4315
4216
|
}
|
|
4316
4217
|
}
|
|
4317
|
-
.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast) {
|
|
4318
|
-
background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
|
|
4319
|
-
color: var(--gray-1);
|
|
4320
|
-
}
|
|
4321
|
-
@media (hover: hover) {
|
|
4322
|
-
.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:hover) {
|
|
4323
|
-
background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
|
|
4324
|
-
-webkit-filter: var(--base-button-solid-high-contrast-hover-filter);
|
|
4325
|
-
filter: var(--base-button-solid-high-contrast-hover-filter);
|
|
4326
|
-
-webkit-box-shadow: var(--shadow-2);
|
|
4327
|
-
box-shadow: var(--shadow-2);
|
|
4328
|
-
}
|
|
4329
|
-
}
|
|
4330
|
-
.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where([data-state='open']) {
|
|
4331
|
-
background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
|
|
4332
|
-
-webkit-filter: var(--base-button-solid-high-contrast-open-filter);
|
|
4333
|
-
filter: var(--base-button-solid-high-contrast-open-filter);
|
|
4334
|
-
}
|
|
4335
|
-
.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not([data-state='open'])) {
|
|
4336
|
-
-webkit-filter: var(--base-button-solid-high-contrast-active-filter);
|
|
4337
|
-
filter: var(--base-button-solid-high-contrast-active-filter);
|
|
4338
|
-
}
|
|
4339
|
-
.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where([data-state='on']) {
|
|
4340
|
-
background-color: var(--accent-12);
|
|
4341
|
-
opacity: 0.85;
|
|
4342
|
-
}
|
|
4343
4218
|
.rt-BaseButton:where(.rt-variant-solid):where([data-disabled]) {
|
|
4344
4219
|
color: var(--gray-a8);
|
|
4345
4220
|
background-color: var(--gray-a3);
|
|
@@ -4956,7 +4831,7 @@
|
|
|
4956
4831
|
-ms-flex-pack: start;
|
|
4957
4832
|
justify-content: flex-start;
|
|
4958
4833
|
text-align: left;
|
|
4959
|
-
color: var(--accent-
|
|
4834
|
+
color: var(--accent-ink);
|
|
4960
4835
|
-webkit-transition: var(--transition-card);
|
|
4961
4836
|
transition: var(--transition-card);
|
|
4962
4837
|
border-radius: var(--callout-border-radius);
|
|
@@ -4982,9 +4857,6 @@
|
|
|
4982
4857
|
backdrop-filter: var(--backdrop-filter-components);
|
|
4983
4858
|
--backdrop-filter-components: var(--backdrop-filter-components-enabled);
|
|
4984
4859
|
}
|
|
4985
|
-
.rt-CalloutRoot:where(.rt-high-contrast) {
|
|
4986
|
-
color: var(--accent-12);
|
|
4987
|
-
}
|
|
4988
4860
|
.rt-CalloutRoot:where(:focus-visible) {
|
|
4989
4861
|
outline: 2px solid var(--accent-8);
|
|
4990
4862
|
outline-offset: 2px;
|
|
@@ -5331,34 +5203,25 @@
|
|
|
5331
5203
|
}
|
|
5332
5204
|
.rt-CalloutRoot:where(.rt-variant-soft) {
|
|
5333
5205
|
background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
|
|
5334
|
-
color: var(--accent-
|
|
5335
|
-
}
|
|
5336
|
-
.rt-CalloutRoot:where(.rt-variant-soft):where(.rt-high-contrast) {
|
|
5337
|
-
color: var(--accent-12);
|
|
5206
|
+
color: var(--accent-ink);
|
|
5338
5207
|
}
|
|
5339
5208
|
.rt-CalloutRoot:where(.rt-variant-surface) {
|
|
5340
5209
|
background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
|
|
5341
5210
|
-webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
|
|
5342
5211
|
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
|
|
5343
|
-
color: var(--accent-
|
|
5344
|
-
}
|
|
5345
|
-
.rt-CalloutRoot:where(.rt-variant-surface):where(.rt-high-contrast) {
|
|
5346
|
-
color: var(--accent-12);
|
|
5212
|
+
color: var(--accent-ink);
|
|
5347
5213
|
}
|
|
5348
5214
|
.rt-CalloutRoot:where(.rt-variant-outline) {
|
|
5349
5215
|
-webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
|
|
5350
5216
|
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
|
|
5351
|
-
color:
|
|
5352
|
-
}
|
|
5353
|
-
.rt-CalloutRoot:where(.rt-variant-outline):where(.rt-high-contrast) {
|
|
5354
|
-
color: var(--accent-12);
|
|
5217
|
+
color: var(--accent-ink);
|
|
5355
5218
|
}
|
|
5356
5219
|
.rt-CalloutRoot:where(.rt-variant-classic) {
|
|
5357
5220
|
--classic-surface: var(--color-surface-solid);
|
|
5358
5221
|
background-color: var(--classic-surface);
|
|
5359
5222
|
-webkit-box-shadow: var(--shadow-2);
|
|
5360
5223
|
box-shadow: var(--shadow-2);
|
|
5361
|
-
color: var(--accent-
|
|
5224
|
+
color: var(--accent-ink);
|
|
5362
5225
|
-webkit-transition: var(--transition-text-field);
|
|
5363
5226
|
transition: var(--transition-text-field);
|
|
5364
5227
|
}
|
|
@@ -5371,9 +5234,6 @@
|
|
|
5371
5234
|
.rt-CalloutRoot:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
5372
5235
|
--classic-surface: var(--color-surface-translucent);
|
|
5373
5236
|
}
|
|
5374
|
-
.rt-CalloutRoot:where(.rt-variant-classic):where(.rt-high-contrast) {
|
|
5375
|
-
color: var(--accent-12);
|
|
5376
|
-
}
|
|
5377
5237
|
.rt-BaseCard {
|
|
5378
5238
|
--material-blend: 100%;
|
|
5379
5239
|
--material-alpha: 0;
|
|
@@ -6199,20 +6059,12 @@
|
|
|
6199
6059
|
box-shadow: inset 0 0 0 1px var(--accent-9);
|
|
6200
6060
|
}
|
|
6201
6061
|
.rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate'])::before {
|
|
6202
|
-
background-color: var(--accent-
|
|
6203
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-
|
|
6204
|
-
box-shadow: inset 0 0 0 1px var(--accent-
|
|
6062
|
+
background-color: var(--accent-solid);
|
|
6063
|
+
-webkit-box-shadow: inset 0 0 0 1px var(--accent-solid);
|
|
6064
|
+
box-shadow: inset 0 0 0 1px var(--accent-solid);
|
|
6205
6065
|
}
|
|
6206
6066
|
.rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
|
|
6207
|
-
color: var(--accent-contrast);
|
|
6208
|
-
}
|
|
6209
|
-
.rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before {
|
|
6210
|
-
background-color: var(--accent-12);
|
|
6211
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-12);
|
|
6212
|
-
box-shadow: inset 0 0 0 1px var(--accent-12);
|
|
6213
|
-
}
|
|
6214
|
-
.rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
|
|
6215
|
-
color: var(--gray-1);
|
|
6067
|
+
color: var(--accent-solid-contrast);
|
|
6216
6068
|
}
|
|
6217
6069
|
.rt-BaseCheckboxRoot:where(.rt-variant-solid):where(:disabled)::before {
|
|
6218
6070
|
-webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
@@ -6227,7 +6079,7 @@
|
|
|
6227
6079
|
top: var(--classic-elevation-offset);
|
|
6228
6080
|
}
|
|
6229
6081
|
.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='unchecked'])::before {
|
|
6230
|
-
color: var(--accent-
|
|
6082
|
+
color: var(--accent-ink);
|
|
6231
6083
|
background-color: var(--color-surface-solid);
|
|
6232
6084
|
-webkit-box-shadow: var(--shadow-2);
|
|
6233
6085
|
box-shadow: var(--shadow-2);
|
|
@@ -6254,22 +6106,7 @@
|
|
|
6254
6106
|
background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
|
|
6255
6107
|
}
|
|
6256
6108
|
.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
|
|
6257
|
-
color: var(--accent-
|
|
6258
|
-
}
|
|
6259
|
-
.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before {
|
|
6260
|
-
background-color: var(--accent-3);
|
|
6261
|
-
}
|
|
6262
|
-
: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) {
|
|
6263
|
-
background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
|
|
6264
|
-
}
|
|
6265
|
-
: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']) {
|
|
6266
|
-
background-color: var(--accent-3);
|
|
6267
|
-
}
|
|
6268
|
-
: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']) {
|
|
6269
|
-
background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
|
|
6270
|
-
}
|
|
6271
|
-
.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
|
|
6272
|
-
color: var(--accent-12);
|
|
6109
|
+
color: var(--accent-ink);
|
|
6273
6110
|
}
|
|
6274
6111
|
.rt-BaseCheckboxRoot:where(.rt-variant-classic):where(:active:not(:disabled)) {
|
|
6275
6112
|
top: calc(var(--classic-elevation-offset) + var(--classic-active-padding-offset-1));
|
|
@@ -6311,10 +6148,7 @@
|
|
|
6311
6148
|
background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
|
|
6312
6149
|
}
|
|
6313
6150
|
.rt-BaseCheckboxRoot:where(.rt-variant-soft):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
|
|
6314
|
-
color: var(--accent-
|
|
6315
|
-
}
|
|
6316
|
-
.rt-BaseCheckboxRoot:where(.rt-variant-soft):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
|
|
6317
|
-
color: var(--accent-12);
|
|
6151
|
+
color: var(--accent-ink);
|
|
6318
6152
|
}
|
|
6319
6153
|
.rt-BaseCheckboxRoot:where(.rt-variant-soft):where(:disabled)::before {
|
|
6320
6154
|
background-color: var(--gray-a3);
|
|
@@ -6325,22 +6159,19 @@
|
|
|
6325
6159
|
.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before {
|
|
6326
6160
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
6327
6161
|
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
6328
|
-
color: var(--accent-
|
|
6162
|
+
color: var(--accent-ink);
|
|
6329
6163
|
}
|
|
6330
6164
|
:where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before) {
|
|
6331
6165
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
6332
6166
|
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
6333
|
-
color: var(--accent-a11);
|
|
6334
6167
|
}
|
|
6335
6168
|
:is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before):where([data-panel-background='solid'],[data-material='solid']) {
|
|
6336
6169
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
6337
6170
|
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
6338
|
-
color: var(--accent-11);
|
|
6339
6171
|
}
|
|
6340
6172
|
:is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
6341
6173
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
6342
6174
|
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
6343
|
-
color: var(--accent-a11);
|
|
6344
6175
|
}
|
|
6345
6176
|
.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate'])::before {
|
|
6346
6177
|
background-color: var(--accent-2);
|
|
@@ -6363,10 +6194,7 @@
|
|
|
6363
6194
|
box-shadow: inset 0 0 0 1px var(--accent-a7);
|
|
6364
6195
|
}
|
|
6365
6196
|
.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
|
|
6366
|
-
color: var(--accent-
|
|
6367
|
-
}
|
|
6368
|
-
.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
|
|
6369
|
-
color: var(--accent-12);
|
|
6197
|
+
color: var(--accent-ink);
|
|
6370
6198
|
}
|
|
6371
6199
|
.rt-BaseCheckboxRoot:where(.rt-variant-outline):where(:disabled)::before {
|
|
6372
6200
|
-webkit-box-shadow: inset 0 0 0 1px var(--gray-a7);
|
|
@@ -6417,10 +6245,7 @@
|
|
|
6417
6245
|
box-shadow: inset 0 0 0 1px var(--accent-a8);
|
|
6418
6246
|
}
|
|
6419
6247
|
.rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
|
|
6420
|
-
color: var(--accent-
|
|
6421
|
-
}
|
|
6422
|
-
.rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
|
|
6423
|
-
color: var(--accent-12);
|
|
6248
|
+
color: var(--accent-ink);
|
|
6424
6249
|
}
|
|
6425
6250
|
.rt-BaseCheckboxRoot:where(.rt-variant-surface):where(:disabled)::before {
|
|
6426
6251
|
-webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
@@ -7125,35 +6950,35 @@
|
|
|
7125
6950
|
--code-variant-font-size-adjust: var(--code-font-size-adjust);
|
|
7126
6951
|
padding: 0;
|
|
7127
6952
|
}
|
|
6953
|
+
.rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-loud) {
|
|
6954
|
+
color: var(--gray-ink);
|
|
6955
|
+
}
|
|
6956
|
+
.rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-medium) {
|
|
6957
|
+
color: var(--gray-ink-muted);
|
|
6958
|
+
}
|
|
6959
|
+
.rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-quiet) {
|
|
6960
|
+
color: var(--gray-ink-faint);
|
|
6961
|
+
}
|
|
7128
6962
|
.rt-Code:where(.rt-variant-ghost):where([data-accent-color]) {
|
|
7129
|
-
color: var(--accent-
|
|
6963
|
+
color: var(--accent-ink);
|
|
7130
6964
|
}
|
|
7131
|
-
.rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-
|
|
7132
|
-
color: var(--accent-
|
|
6965
|
+
.rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-emphasis-medium) {
|
|
6966
|
+
color: var(--accent-ink-muted);
|
|
6967
|
+
}
|
|
6968
|
+
.rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-emphasis-quiet) {
|
|
6969
|
+
color: var(--accent-ink-faint);
|
|
7133
6970
|
}
|
|
7134
6971
|
.rt-Code:where(.rt-variant-solid) {
|
|
7135
|
-
background-color: var(--accent-
|
|
7136
|
-
color: var(--accent-contrast);
|
|
6972
|
+
background-color: var(--accent-solid-a);
|
|
6973
|
+
color: var(--accent-solid-contrast);
|
|
7137
6974
|
}
|
|
7138
6975
|
.rt-Code:where(.rt-variant-solid)::-moz-selection {
|
|
7139
|
-
background-color: var(--accent-
|
|
7140
|
-
color: var(--accent-
|
|
6976
|
+
background-color: var(--accent-solid-selection);
|
|
6977
|
+
color: var(--accent-solid-selection-contrast);
|
|
7141
6978
|
}
|
|
7142
6979
|
.rt-Code:where(.rt-variant-solid)::selection {
|
|
7143
|
-
background-color: var(--accent-
|
|
7144
|
-
color: var(--accent-
|
|
7145
|
-
}
|
|
7146
|
-
.rt-Code:where(.rt-variant-solid):where(.rt-high-contrast) {
|
|
7147
|
-
background-color: var(--accent-12);
|
|
7148
|
-
color: var(--accent-1);
|
|
7149
|
-
}
|
|
7150
|
-
.rt-Code:where(.rt-variant-solid):where(.rt-high-contrast)::-moz-selection {
|
|
7151
|
-
background-color: var(--accent-a11);
|
|
7152
|
-
color: var(--accent-1);
|
|
7153
|
-
}
|
|
7154
|
-
.rt-Code:where(.rt-variant-solid):where(.rt-high-contrast)::selection {
|
|
7155
|
-
background-color: var(--accent-a11);
|
|
7156
|
-
color: var(--accent-1);
|
|
6980
|
+
background-color: var(--accent-solid-selection);
|
|
6981
|
+
color: var(--accent-solid-selection-contrast);
|
|
7157
6982
|
}
|
|
7158
6983
|
.rt-Code:where(.rt-variant-solid):where(:-moz-any-link,button) {
|
|
7159
6984
|
isolation: isolate;
|
|
@@ -7163,27 +6988,18 @@
|
|
|
7163
6988
|
}
|
|
7164
6989
|
@media (hover: hover) {
|
|
7165
6990
|
:is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:-moz-any-link,button)):where(:hover) {
|
|
7166
|
-
background-color: var(--accent-
|
|
6991
|
+
background-color: var(--accent-solid-hover);
|
|
6992
|
+
filter: var(--accent-solid-hover-filter);
|
|
7167
6993
|
}
|
|
7168
6994
|
:is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:any-link,button)):where(:hover) {
|
|
7169
|
-
background-color: var(--accent-
|
|
7170
|
-
|
|
7171
|
-
|
|
7172
|
-
background-color: var(--accent-12);
|
|
7173
|
-
filter: var(--base-button-solid-high-contrast-hover-filter);
|
|
7174
|
-
}
|
|
7175
|
-
: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) {
|
|
7176
|
-
background-color: var(--accent-12);
|
|
7177
|
-
-webkit-filter: var(--base-button-solid-high-contrast-hover-filter);
|
|
7178
|
-
filter: var(--base-button-solid-high-contrast-hover-filter);
|
|
6995
|
+
background-color: var(--accent-solid-hover);
|
|
6996
|
+
-webkit-filter: var(--accent-solid-hover-filter);
|
|
6997
|
+
filter: var(--accent-solid-hover-filter);
|
|
7179
6998
|
}
|
|
7180
6999
|
}
|
|
7181
7000
|
.rt-Code:where(.rt-variant-soft) {
|
|
7182
7001
|
background-color: var(--accent-a2);
|
|
7183
|
-
color: var(--accent-
|
|
7184
|
-
}
|
|
7185
|
-
.rt-Code:where(.rt-variant-soft):where(.rt-high-contrast) {
|
|
7186
|
-
color: var(--accent-12);
|
|
7002
|
+
color: var(--accent-ink);
|
|
7187
7003
|
}
|
|
7188
7004
|
.rt-Code:where(.rt-variant-soft):where(:-moz-any-link,button) {
|
|
7189
7005
|
isolation: isolate;
|
|
@@ -7202,12 +7018,7 @@
|
|
|
7202
7018
|
.rt-Code:where(.rt-variant-outline) {
|
|
7203
7019
|
-webkit-box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a8);
|
|
7204
7020
|
box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a8);
|
|
7205
|
-
color: var(--accent-
|
|
7206
|
-
}
|
|
7207
|
-
.rt-Code:where(.rt-variant-outline):where(.rt-high-contrast) {
|
|
7208
|
-
-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);
|
|
7209
|
-
box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a7), inset 0 0 0 max(1px, 0.033em) var(--gray-a11);
|
|
7210
|
-
color: var(--accent-12);
|
|
7021
|
+
color: var(--accent-ink);
|
|
7211
7022
|
}
|
|
7212
7023
|
.rt-Code:where(.rt-variant-outline):where(:-moz-any-link,button) {
|
|
7213
7024
|
isolation: isolate;
|
|
@@ -7223,6 +7034,12 @@
|
|
|
7223
7034
|
background-color: var(--accent-a2);
|
|
7224
7035
|
}
|
|
7225
7036
|
}
|
|
7037
|
+
.rt-Code:where(.rt-variant-soft,.rt-variant-outline):where(.rt-emphasis-medium) {
|
|
7038
|
+
color: var(--accent-ink-muted);
|
|
7039
|
+
}
|
|
7040
|
+
.rt-Code:where(.rt-variant-soft,.rt-variant-outline):where(.rt-emphasis-quiet) {
|
|
7041
|
+
color: var(--accent-ink-faint);
|
|
7042
|
+
}
|
|
7226
7043
|
.rt-BaseMenuContent {
|
|
7227
7044
|
--backdrop-filter-components-enabled: none;
|
|
7228
7045
|
--scrollarea-scrollbar-vertical-margin-top: var(--base-menu-content-padding);
|
|
@@ -8000,15 +7817,12 @@
|
|
|
8000
7817
|
}
|
|
8001
7818
|
}
|
|
8002
7819
|
.rt-BaseMenuItem:where([data-accent-color]) {
|
|
8003
|
-
color: var(--accent-
|
|
7820
|
+
color: var(--accent-ink);
|
|
8004
7821
|
}
|
|
8005
7822
|
.rt-BaseMenuItem:where([data-disabled]) {
|
|
8006
7823
|
color: var(--gray-a8);
|
|
8007
7824
|
cursor: default;
|
|
8008
7825
|
}
|
|
8009
|
-
.rt-BaseMenuItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)) {
|
|
8010
|
-
color: var(--gray-a11);
|
|
8011
|
-
}
|
|
8012
7826
|
.rt-BaseMenuItem:where([data-disabled]) .rt-Kbd {
|
|
8013
7827
|
color: var(--gray-a8);
|
|
8014
7828
|
}
|
|
@@ -8022,11 +7836,11 @@
|
|
|
8022
7836
|
background-color: var(--gray-a3);
|
|
8023
7837
|
}
|
|
8024
7838
|
.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted]) {
|
|
8025
|
-
background-color: var(--accent-
|
|
8026
|
-
color: var(--accent-contrast);
|
|
7839
|
+
background-color: var(--accent-solid);
|
|
7840
|
+
color: var(--accent-solid-contrast);
|
|
8027
7841
|
}
|
|
8028
7842
|
:is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
|
|
8029
|
-
color: var(--accent-contrast);
|
|
7843
|
+
color: var(--accent-solid-contrast);
|
|
8030
7844
|
}
|
|
8031
7845
|
:is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text) {
|
|
8032
7846
|
color: inherit !important;
|
|
@@ -8034,29 +7848,6 @@
|
|
|
8034
7848
|
:is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where([data-accent-color='gray']:not(.rt-Badge)) {
|
|
8035
7849
|
color: inherit !important;
|
|
8036
7850
|
}
|
|
8037
|
-
.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) {
|
|
8038
|
-
background-color: var(--accent-12);
|
|
8039
|
-
color: var(--accent-1);
|
|
8040
|
-
}
|
|
8041
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
|
|
8042
|
-
color: var(--accent-1);
|
|
8043
|
-
}
|
|
8044
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text) {
|
|
8045
|
-
color: inherit !important;
|
|
8046
|
-
}
|
|
8047
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where([data-accent-color='gray']:not(.rt-Badge)) {
|
|
8048
|
-
color: inherit !important;
|
|
8049
|
-
}
|
|
8050
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])):where([data-accent-color]) {
|
|
8051
|
-
background-color: var(--accent-9);
|
|
8052
|
-
color: var(--accent-contrast);
|
|
8053
|
-
}
|
|
8054
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])):where([data-accent-color]) :where(.rt-Text) {
|
|
8055
|
-
color: inherit !important;
|
|
8056
|
-
}
|
|
8057
|
-
: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)) {
|
|
8058
|
-
color: inherit !important;
|
|
8059
|
-
}
|
|
8060
7851
|
.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
|
|
8061
7852
|
background-color: var(--accent-3);
|
|
8062
7853
|
}
|
|
@@ -8066,7 +7857,7 @@
|
|
|
8066
7857
|
.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]) {
|
|
8067
7858
|
background-color: var(--accent-4);
|
|
8068
7859
|
}
|
|
8069
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text[data-accent-color
|
|
7860
|
+
:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
|
|
8070
7861
|
color: var(--gray-11) !important;
|
|
8071
7862
|
}
|
|
8072
7863
|
.rt-BaseMenuContent:where(.rt-variant-soft):where([data-panel-background='translucent']) :where(.rt-BaseMenuItem[data-highlighted]) {
|
|
@@ -8076,16 +7867,6 @@
|
|
|
8076
7867
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a8);
|
|
8077
7868
|
box-shadow: inset 0 0 0 1px var(--accent-a8);
|
|
8078
7869
|
}
|
|
8079
|
-
.rt-BaseMenuContent:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) {
|
|
8080
|
-
background-color: var(--accent-5);
|
|
8081
|
-
color: var(--accent-12);
|
|
8082
|
-
}
|
|
8083
|
-
:is(.rt-BaseMenuContent:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
|
|
8084
|
-
color: var(--accent-12);
|
|
8085
|
-
}
|
|
8086
|
-
.rt-BaseMenuContent:where(.rt-variant-soft):where(.rt-high-contrast):where([data-panel-background='translucent']) :where(.rt-BaseMenuItem[data-highlighted]) {
|
|
8087
|
-
background-color: var(--accent-a5);
|
|
8088
|
-
}
|
|
8089
7870
|
@media (forced-colors: active) {
|
|
8090
7871
|
.rt-BaseMenuItem:where(:focus-visible) {
|
|
8091
7872
|
outline: 2px solid Highlight;
|
|
@@ -8116,16 +7897,22 @@
|
|
|
8116
7897
|
display: -webkit-box;
|
|
8117
7898
|
display: -ms-flexbox;
|
|
8118
7899
|
display: flex;
|
|
8119
|
-
color: var(--gray-
|
|
7900
|
+
color: var(--gray-ink-muted);
|
|
8120
7901
|
}
|
|
8121
|
-
.rt-DataListLabel:where(.rt-
|
|
8122
|
-
color: var(--gray-
|
|
7902
|
+
.rt-DataListLabel:where(.rt-emphasis-loud) {
|
|
7903
|
+
color: var(--gray-ink);
|
|
7904
|
+
}
|
|
7905
|
+
.rt-DataListLabel:where(.rt-emphasis-quiet) {
|
|
7906
|
+
color: var(--gray-ink-faint);
|
|
8123
7907
|
}
|
|
8124
7908
|
.rt-DataListLabel:where([data-accent-color]) {
|
|
8125
|
-
color: var(--accent-
|
|
7909
|
+
color: var(--accent-ink);
|
|
8126
7910
|
}
|
|
8127
|
-
.rt-DataListLabel:where([data-accent-color]
|
|
8128
|
-
color: var(--accent-
|
|
7911
|
+
.rt-DataListLabel:where([data-accent-color].rt-emphasis-medium) {
|
|
7912
|
+
color: var(--accent-ink-muted);
|
|
7913
|
+
}
|
|
7914
|
+
.rt-DataListLabel:where([data-accent-color].rt-emphasis-quiet) {
|
|
7915
|
+
color: var(--accent-ink-faint);
|
|
8129
7916
|
}
|
|
8130
7917
|
.rt-DataListValue {
|
|
8131
7918
|
display: -webkit-box;
|
|
@@ -10258,12 +10045,8 @@
|
|
|
10258
10045
|
width: 100%;
|
|
10259
10046
|
}
|
|
10260
10047
|
.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-ComboboxItem[data-selected='true']) {
|
|
10261
|
-
background-color: var(--accent-
|
|
10262
|
-
color: var(--accent-contrast);
|
|
10263
|
-
}
|
|
10264
|
-
.rt-BaseMenuContent:where(.rt-variant-solid.rt-high-contrast) :where(.rt-ComboboxItem[data-selected='true']) {
|
|
10265
|
-
background-color: var(--accent-12);
|
|
10266
|
-
color: var(--accent-1);
|
|
10048
|
+
background-color: var(--accent-solid);
|
|
10049
|
+
color: var(--accent-solid-contrast);
|
|
10267
10050
|
}
|
|
10268
10051
|
:where(.rt-BaseMenuContent.rt-variant-solid) .rt-ComboboxItem:where([data-selected='true']) :where(.rt-Text, [data-accent-color='gray']:not(.rt-Badge)) {
|
|
10269
10052
|
color: inherit;
|
|
@@ -10275,7 +10058,7 @@
|
|
|
10275
10058
|
:where(.rt-ComboboxItem[data-selected='true']) {
|
|
10276
10059
|
background-color: var(--accent-a4);
|
|
10277
10060
|
}
|
|
10278
|
-
:where(.rt-BaseMenuContent.rt-variant-soft) .rt-ComboboxItem:where([data-selected='true']) :where(.rt-Text[data-accent-color
|
|
10061
|
+
:where(.rt-BaseMenuContent.rt-variant-soft) .rt-ComboboxItem:where([data-selected='true']) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]), [data-accent-color='gray'])) {
|
|
10279
10062
|
color: var(--gray-11);
|
|
10280
10063
|
}
|
|
10281
10064
|
.rt-ComboboxItem:where([data-disabled='true']) {
|
|
@@ -10329,11 +10112,23 @@
|
|
|
10329
10112
|
:where(.rt-Heading) {
|
|
10330
10113
|
margin: 0;
|
|
10331
10114
|
}
|
|
10115
|
+
.rt-Heading:where(.rt-emphasis-loud) {
|
|
10116
|
+
color: var(--gray-ink);
|
|
10117
|
+
}
|
|
10118
|
+
.rt-Heading:where(.rt-emphasis-medium) {
|
|
10119
|
+
color: var(--gray-ink-muted);
|
|
10120
|
+
}
|
|
10121
|
+
.rt-Heading:where(.rt-emphasis-quiet) {
|
|
10122
|
+
color: var(--gray-ink-faint);
|
|
10123
|
+
}
|
|
10332
10124
|
.rt-Heading:where([data-accent-color]) {
|
|
10333
|
-
color: var(--accent-
|
|
10125
|
+
color: var(--accent-ink);
|
|
10334
10126
|
}
|
|
10335
|
-
.rt-Heading:where([data-accent-color].rt-
|
|
10336
|
-
color: var(--accent-
|
|
10127
|
+
.rt-Heading:where([data-accent-color].rt-emphasis-medium) {
|
|
10128
|
+
color: var(--accent-ink-muted);
|
|
10129
|
+
}
|
|
10130
|
+
.rt-Heading:where([data-accent-color].rt-emphasis-quiet) {
|
|
10131
|
+
color: var(--accent-ink-faint);
|
|
10337
10132
|
}
|
|
10338
10133
|
.rt-Heading:where(.rt-r-size-0) {
|
|
10339
10134
|
font-size: calc(var(--font-size-0) * var(--heading-font-size-adjust));
|
|
@@ -12287,8 +12082,8 @@
|
|
|
12287
12082
|
.rt-Link:where(:disabled,[data-disabled]) {
|
|
12288
12083
|
cursor: var(--cursor-disabled);
|
|
12289
12084
|
}
|
|
12290
|
-
:where([data-accent-color]:not(.radix-themes
|
|
12291
|
-
color: var(--accent-
|
|
12085
|
+
:where([data-accent-color]:not(.radix-themes)) .rt-Link:where([data-accent-color='']) {
|
|
12086
|
+
color: var(--accent-ink);
|
|
12292
12087
|
}
|
|
12293
12088
|
@supports (color: color-mix(in oklab, white, black)) {
|
|
12294
12089
|
.rt-Link:where(:-moz-any-link,button) {
|
|
@@ -12316,19 +12111,19 @@
|
|
|
12316
12111
|
text-decoration-line: underline;
|
|
12317
12112
|
}
|
|
12318
12113
|
}
|
|
12319
|
-
|
|
12114
|
+
:where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
|
|
12320
12115
|
text-decoration-line: underline;
|
|
12321
12116
|
text-decoration-color: var(--accent-a6);
|
|
12322
12117
|
}
|
|
12323
|
-
|
|
12118
|
+
:where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
|
|
12324
12119
|
text-decoration-line: underline;
|
|
12325
12120
|
text-decoration-color: var(--accent-a6);
|
|
12326
12121
|
}
|
|
12327
12122
|
@supports (color: color-mix(in oklab, white, black)) {
|
|
12328
|
-
|
|
12123
|
+
:where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
|
|
12329
12124
|
text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--gray-a6));
|
|
12330
12125
|
}
|
|
12331
|
-
|
|
12126
|
+
:where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
|
|
12332
12127
|
text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--gray-a6));
|
|
12333
12128
|
}
|
|
12334
12129
|
}
|
|
@@ -13015,7 +12810,7 @@
|
|
|
13015
12810
|
box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
13016
12811
|
}
|
|
13017
12812
|
.rt-ProgressRoot:where(.rt-variant-surface) :where(.rt-ProgressIndicator) {
|
|
13018
|
-
background-color: var(--accent-
|
|
12813
|
+
background-color: var(--accent-solid);
|
|
13019
12814
|
}
|
|
13020
12815
|
.rt-ProgressRoot:where(.rt-variant-soft) {
|
|
13021
12816
|
background-color: var(--gray-3);
|
|
@@ -13030,7 +12825,7 @@
|
|
|
13030
12825
|
background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
|
|
13031
12826
|
}
|
|
13032
12827
|
.rt-ProgressRoot:where(.rt-variant-soft) :where(.rt-ProgressIndicator) {
|
|
13033
|
-
background-color: var(--accent-
|
|
12828
|
+
background-color: var(--accent-solid);
|
|
13034
12829
|
}
|
|
13035
12830
|
.rt-ProgressRoot:where(.rt-variant-outline) {
|
|
13036
12831
|
-webkit-box-shadow: inset 0 0 0 1px var(--gray-6);
|
|
@@ -13049,10 +12844,7 @@
|
|
|
13049
12844
|
box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
13050
12845
|
}
|
|
13051
12846
|
.rt-ProgressRoot:where(.rt-variant-outline) :where(.rt-ProgressIndicator) {
|
|
13052
|
-
background-color: var(--accent-
|
|
13053
|
-
}
|
|
13054
|
-
.rt-ProgressRoot:where(.rt-high-contrast) :where(.rt-ProgressIndicator) {
|
|
13055
|
-
background-color: var(--accent-12);
|
|
12847
|
+
background-color: var(--accent-solid);
|
|
13056
12848
|
}
|
|
13057
12849
|
.rt-Quote {
|
|
13058
12850
|
-webkit-box-sizing: border-box;
|
|
@@ -13201,20 +12993,12 @@
|
|
|
13201
12993
|
box-shadow: inset 0 0 0 1px var(--accent-9);
|
|
13202
12994
|
}
|
|
13203
12995
|
.rt-BaseRadioRoot:where(.rt-variant-solid):where(:checked,[data-state='checked'])::before {
|
|
13204
|
-
background-color: var(--accent-
|
|
13205
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-
|
|
13206
|
-
box-shadow: inset 0 0 0 1px var(--accent-
|
|
12996
|
+
background-color: var(--accent-solid);
|
|
12997
|
+
-webkit-box-shadow: inset 0 0 0 1px var(--accent-solid);
|
|
12998
|
+
box-shadow: inset 0 0 0 1px var(--accent-solid);
|
|
13207
12999
|
}
|
|
13208
13000
|
.rt-BaseRadioRoot:where(.rt-variant-solid)::after {
|
|
13209
|
-
background-color: var(--accent-contrast);
|
|
13210
|
-
}
|
|
13211
|
-
.rt-BaseRadioRoot:where(.rt-variant-solid):where(.rt-high-contrast):where(:checked,[data-state='checked'])::before {
|
|
13212
|
-
background-color: var(--accent-12);
|
|
13213
|
-
-webkit-box-shadow: inset 0 0 0 1px var(--accent-12);
|
|
13214
|
-
box-shadow: inset 0 0 0 1px var(--accent-12);
|
|
13215
|
-
}
|
|
13216
|
-
.rt-BaseRadioRoot:where(.rt-variant-solid):where(.rt-high-contrast)::after {
|
|
13217
|
-
background-color: var(--gray-1);
|
|
13001
|
+
background-color: var(--accent-solid-contrast);
|
|
13218
13002
|
}
|
|
13219
13003
|
.rt-BaseRadioRoot:where(.rt-variant-solid):where(:disabled,[data-disabled])::before {
|
|
13220
13004
|
-webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
@@ -13229,7 +13013,7 @@
|
|
|
13229
13013
|
top: var(--classic-elevation-offset);
|
|
13230
13014
|
}
|
|
13231
13015
|
.rt-BaseRadioRoot:where(.rt-variant-classic):where(:not(:checked),[data-state='unchecked'])::before {
|
|
13232
|
-
color: var(--accent-
|
|
13016
|
+
color: var(--accent-ink);
|
|
13233
13017
|
background-color: var(--color-surface-solid);
|
|
13234
13018
|
-webkit-box-shadow: var(--shadow-2);
|
|
13235
13019
|
box-shadow: var(--shadow-2);
|
|
@@ -13256,10 +13040,7 @@
|
|
|
13256
13040
|
background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
|
|
13257
13041
|
}
|
|
13258
13042
|
.rt-BaseRadioRoot:where(.rt-variant-classic)::after {
|
|
13259
|
-
background-color: var(--accent-
|
|
13260
|
-
}
|
|
13261
|
-
.rt-BaseRadioRoot:where(.rt-variant-classic):where(.rt-high-contrast)::after {
|
|
13262
|
-
color: var(--accent-12);
|
|
13043
|
+
background-color: var(--accent-ink);
|
|
13263
13044
|
}
|
|
13264
13045
|
.rt-BaseRadioRoot:where(.rt-variant-classic):where(:active:not(:disabled,[data-disabled])) {
|
|
13265
13046
|
top: calc(var(--classic-elevation-offset) + var(--classic-active-padding-offset-1));
|
|
@@ -13301,10 +13082,7 @@
|
|
|
13301
13082
|
background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
|
|
13302
13083
|
}
|
|
13303
13084
|
.rt-BaseRadioRoot:where(.rt-variant-soft)::after {
|
|
13304
|
-
background-color: var(--accent-
|
|
13305
|
-
}
|
|
13306
|
-
.rt-BaseRadioRoot:where(.rt-variant-soft):where(.rt-high-contrast)::after {
|
|
13307
|
-
background-color: var(--accent-12);
|
|
13085
|
+
background-color: var(--accent-ink);
|
|
13308
13086
|
}
|
|
13309
13087
|
.rt-BaseRadioRoot:where(.rt-variant-soft):where(:focus-visible)::before {
|
|
13310
13088
|
outline-color: var(--accent-a8);
|
|
@@ -13318,22 +13096,19 @@
|
|
|
13318
13096
|
.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before {
|
|
13319
13097
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
13320
13098
|
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
13321
|
-
color: var(--accent-
|
|
13099
|
+
color: var(--accent-ink);
|
|
13322
13100
|
}
|
|
13323
13101
|
:where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before) {
|
|
13324
13102
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
13325
13103
|
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
13326
|
-
color: var(--accent-a11);
|
|
13327
13104
|
}
|
|
13328
13105
|
:is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before):where([data-panel-background='solid'],[data-material='solid']) {
|
|
13329
13106
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
13330
13107
|
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
13331
|
-
color: var(--accent-11);
|
|
13332
13108
|
}
|
|
13333
13109
|
:is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
13334
13110
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
13335
13111
|
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
13336
|
-
color: var(--accent-a11);
|
|
13337
13112
|
}
|
|
13338
13113
|
.rt-BaseRadioRoot:where(.rt-variant-outline):where(:checked,[data-state='checked'])::before {
|
|
13339
13114
|
background-color: var(--accent-2);
|
|
@@ -13356,10 +13131,7 @@
|
|
|
13356
13131
|
box-shadow: inset 0 0 0 1px var(--accent-a7);
|
|
13357
13132
|
}
|
|
13358
13133
|
.rt-BaseRadioRoot:where(.rt-variant-outline)::after {
|
|
13359
|
-
background-color: var(--accent-
|
|
13360
|
-
}
|
|
13361
|
-
.rt-BaseRadioRoot:where(.rt-variant-outline):where(.rt-high-contrast)::after {
|
|
13362
|
-
background-color: var(--accent-12);
|
|
13134
|
+
background-color: var(--accent-ink);
|
|
13363
13135
|
}
|
|
13364
13136
|
.rt-BaseRadioRoot:where(.rt-variant-outline):where(:disabled,[data-disabled])::before {
|
|
13365
13137
|
-webkit-box-shadow: inset 0 0 0 1px var(--gray-a7);
|
|
@@ -13410,10 +13182,7 @@
|
|
|
13410
13182
|
box-shadow: inset 0 0 0 1px var(--accent-a8);
|
|
13411
13183
|
}
|
|
13412
13184
|
.rt-BaseRadioRoot:where(.rt-variant-surface)::after {
|
|
13413
|
-
background-color: var(--accent-
|
|
13414
|
-
}
|
|
13415
|
-
.rt-BaseRadioRoot:where(.rt-variant-surface):where(.rt-high-contrast)::after {
|
|
13416
|
-
background-color: var(--accent-12);
|
|
13185
|
+
background-color: var(--accent-ink);
|
|
13417
13186
|
}
|
|
13418
13187
|
.rt-BaseRadioRoot:where(.rt-variant-surface):where(:disabled,[data-disabled])::before {
|
|
13419
13188
|
-webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
@@ -13611,12 +13380,9 @@
|
|
|
13611
13380
|
.rt-RadioCardsItem:where([data-state='checked']) {
|
|
13612
13381
|
-webkit-transition: var(--transition-fast);
|
|
13613
13382
|
transition: var(--transition-fast);
|
|
13614
|
-
outline: var(--focus-outline-width) solid var(--accent-indicator);
|
|
13383
|
+
outline: var(--focus-outline-width) solid var(--accent-solid-indicator);
|
|
13615
13384
|
outline-offset: -1px;
|
|
13616
13385
|
}
|
|
13617
|
-
:where(.rt-RadioCardsRoot.rt-high-contrast) .rt-RadioCardsItem:where([data-state='checked']) {
|
|
13618
|
-
outline-color: var(--accent-12);
|
|
13619
|
-
}
|
|
13620
13386
|
.rt-RadioCardsItem:where(:focus-visible) {
|
|
13621
13387
|
-webkit-transition: var(--transition-focus);
|
|
13622
13388
|
transition: var(--transition-focus);
|
|
@@ -13956,7 +13722,6 @@
|
|
|
13956
13722
|
user-select: none;
|
|
13957
13723
|
-ms-touch-action: none;
|
|
13958
13724
|
touch-action: none;
|
|
13959
|
-
background-color: var(--gray-a3);
|
|
13960
13725
|
border-radius: var(--scrollarea-scrollbar-border-radius);
|
|
13961
13726
|
-webkit-animation-duration: var(--motion-duration-micro);
|
|
13962
13727
|
animation-duration: var(--motion-duration-micro);
|
|
@@ -13987,7 +13752,7 @@
|
|
|
13987
13752
|
}
|
|
13988
13753
|
.rt-ScrollAreaThumb {
|
|
13989
13754
|
position: relative;
|
|
13990
|
-
background-color: var(--gray-
|
|
13755
|
+
background-color: var(--gray-a6);
|
|
13991
13756
|
border-radius: inherit;
|
|
13992
13757
|
-webkit-transition: background-color var(--motion-duration-micro) var(--motion-ease-standard);
|
|
13993
13758
|
transition: background-color var(--motion-duration-micro) var(--motion-ease-standard);
|
|
@@ -14096,7 +13861,7 @@
|
|
|
14096
13861
|
}
|
|
14097
13862
|
@media (hover: hover) {
|
|
14098
13863
|
.rt-ScrollAreaThumb:where(:hover) {
|
|
14099
|
-
background-color: var(--gray-
|
|
13864
|
+
background-color: var(--gray-a8);
|
|
14100
13865
|
}
|
|
14101
13866
|
}
|
|
14102
13867
|
.rt-SegmentedControlRoot:where(:has([data-icon-only])) {
|
|
@@ -15191,9 +14956,6 @@
|
|
|
15191
14956
|
backdrop-filter: var(--backdrop-filter-components);
|
|
15192
14957
|
--backdrop-filter-components: var(--backdrop-filter-components-enabled);
|
|
15193
14958
|
}
|
|
15194
|
-
.rt-SelectTrigger:where(.rt-high-contrast) :where(.rt-SelectTriggerInner) {
|
|
15195
|
-
color: var(--accent-12);
|
|
15196
|
-
}
|
|
15197
14959
|
.rt-SelectTrigger:where(:not([data-placeholder])) :where(.rt-SelectTriggerInner) {
|
|
15198
14960
|
font-weight: var(--font-weight-medium);
|
|
15199
14961
|
}
|
|
@@ -15329,7 +15091,7 @@
|
|
|
15329
15091
|
height: var(--select-trigger-height);
|
|
15330
15092
|
padding: 0 var(--select-trigger-ghost-padding-x);
|
|
15331
15093
|
background-color: transparent;
|
|
15332
|
-
color: var(--accent-
|
|
15094
|
+
color: var(--accent-ink);
|
|
15333
15095
|
}
|
|
15334
15096
|
.rt-SelectTrigger:where(.rt-r-size-1) {
|
|
15335
15097
|
--select-trigger-height: var(--space-5);
|
|
@@ -16038,17 +15800,13 @@
|
|
|
16038
15800
|
.rt-SelectTrigger:where(.rt-variant-classic) {
|
|
16039
15801
|
position: relative;
|
|
16040
15802
|
top: var(--classic-elevation-offset);
|
|
16041
|
-
color: var(--accent-
|
|
15803
|
+
color: var(--accent-ink);
|
|
16042
15804
|
background-color: var(--color-surface);
|
|
16043
15805
|
-webkit-box-shadow: var(--shadow-2);
|
|
16044
15806
|
box-shadow: var(--shadow-2);
|
|
16045
15807
|
-webkit-transition: var(--transition-text-field);
|
|
16046
15808
|
transition: var(--transition-text-field);
|
|
16047
15809
|
}
|
|
16048
|
-
.rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast) {
|
|
16049
|
-
color: var(--accent-12);
|
|
16050
|
-
background-color: var(--color-surface);
|
|
16051
|
-
}
|
|
16052
15810
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic) {
|
|
16053
15811
|
background-color: var(--color-surface);
|
|
16054
15812
|
}
|
|
@@ -16058,15 +15816,6 @@
|
|
|
16058
15816
|
.rt-SelectTrigger:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
16059
15817
|
background-color: var(--color-surface);
|
|
16060
15818
|
}
|
|
16061
|
-
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast) {
|
|
16062
|
-
background-color: var(--color-surface);
|
|
16063
|
-
}
|
|
16064
|
-
.rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast):where([data-panel-background='solid'],[data-material='solid']) {
|
|
16065
|
-
background-color: var(--color-surface);
|
|
16066
|
-
}
|
|
16067
|
-
.rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
16068
|
-
background-color: var(--color-surface);
|
|
16069
|
-
}
|
|
16070
15819
|
.rt-SelectTrigger:where(.rt-variant-classic):where(:focus-visible) {
|
|
16071
15820
|
outline: 2px solid var(--focus-8);
|
|
16072
15821
|
outline-offset: 2px;
|
|
@@ -16126,10 +15875,7 @@
|
|
|
16126
15875
|
}
|
|
16127
15876
|
.rt-SelectTrigger:where(.rt-variant-soft) {
|
|
16128
15877
|
background-color: var(--accent-3);
|
|
16129
|
-
color: var(--accent-
|
|
16130
|
-
}
|
|
16131
|
-
.rt-SelectTrigger:where(.rt-variant-soft):where(.rt-high-contrast) {
|
|
16132
|
-
color: var(--accent-12);
|
|
15878
|
+
color: var(--accent-ink);
|
|
16133
15879
|
}
|
|
16134
15880
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-soft) {
|
|
16135
15881
|
background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
|
|
@@ -16193,9 +15939,6 @@
|
|
|
16193
15939
|
opacity: 0.6;
|
|
16194
15940
|
font-weight: var(--font-weight-regular);
|
|
16195
15941
|
}
|
|
16196
|
-
.rt-SelectTrigger:where(.rt-variant-ghost):where(.rt-high-contrast) {
|
|
16197
|
-
color: var(--accent-12);
|
|
16198
|
-
}
|
|
16199
15942
|
.rt-SelectTrigger:where(.rt-variant-ghost):where([data-placeholder]) :where(.rt-SelectTriggerInner) {
|
|
16200
15943
|
color: var(--gray-a10);
|
|
16201
15944
|
font-weight: var(--font-weight-regular);
|
|
@@ -16251,28 +15994,21 @@
|
|
|
16251
15994
|
.rt-SelectTrigger:where(.rt-variant-outline) {
|
|
16252
15995
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
16253
15996
|
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
16254
|
-
color: var(--accent-
|
|
15997
|
+
color: var(--accent-ink);
|
|
16255
15998
|
-webkit-transition: var(--transition-background-blur);
|
|
16256
15999
|
transition: var(--transition-background-blur);
|
|
16257
16000
|
}
|
|
16258
|
-
.rt-SelectTrigger:where(.rt-variant-outline):where(.rt-high-contrast) {
|
|
16259
|
-
color: var(--accent-12);
|
|
16260
|
-
color: var(--accent-12);
|
|
16261
|
-
}
|
|
16262
16001
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-outline) {
|
|
16263
16002
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
16264
16003
|
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
16265
|
-
color: var(--accent-a11);
|
|
16266
16004
|
}
|
|
16267
16005
|
.rt-SelectTrigger:where(.rt-variant-outline):where([data-panel-background='solid'],[data-material='solid']) {
|
|
16268
16006
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
16269
16007
|
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
16270
|
-
color: var(--accent-11);
|
|
16271
16008
|
}
|
|
16272
16009
|
.rt-SelectTrigger:where(.rt-variant-outline):where([data-panel-background='translucent'],[data-material='translucent']) {
|
|
16273
16010
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
16274
16011
|
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
16275
|
-
color: var(--accent-a11);
|
|
16276
16012
|
}
|
|
16277
16013
|
@media (hover: hover) {
|
|
16278
16014
|
.rt-SelectTrigger:where(.rt-variant-outline):where(:hover) {
|
|
@@ -16356,11 +16092,7 @@
|
|
|
16356
16092
|
background-color: var(--accent-2);
|
|
16357
16093
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
16358
16094
|
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
16359
|
-
color: var(--accent-
|
|
16360
|
-
}
|
|
16361
|
-
.rt-SelectTrigger:where(.rt-variant-surface):where(.rt-high-contrast) {
|
|
16362
|
-
color: var(--accent-12);
|
|
16363
|
-
color: var(--accent-12);
|
|
16095
|
+
color: var(--accent-ink);
|
|
16364
16096
|
}
|
|
16365
16097
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-surface) {
|
|
16366
16098
|
background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
|
|
@@ -16534,18 +16266,18 @@
|
|
|
16534
16266
|
}
|
|
16535
16267
|
}
|
|
16536
16268
|
.rt-SelectItem:where([data-accent-color]) {
|
|
16537
|
-
color: var(--accent-
|
|
16269
|
+
color: var(--accent-ink);
|
|
16538
16270
|
}
|
|
16539
16271
|
.rt-SelectItem:where([data-disabled]) {
|
|
16540
16272
|
color: var(--gray-a8);
|
|
16541
16273
|
cursor: default;
|
|
16542
16274
|
}
|
|
16543
|
-
.rt-SelectItem :where(.rt-Text[data-accent-color
|
|
16275
|
+
.rt-SelectItem :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]), [data-accent-color='gray'])) {
|
|
16544
16276
|
color: var(--gray-a10);
|
|
16545
16277
|
}
|
|
16546
16278
|
.rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted]) {
|
|
16547
|
-
background-color: var(--accent-
|
|
16548
|
-
color: var(--accent-contrast);
|
|
16279
|
+
background-color: var(--accent-solid);
|
|
16280
|
+
color: var(--accent-solid-contrast);
|
|
16549
16281
|
}
|
|
16550
16282
|
:is(.rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text) {
|
|
16551
16283
|
color: inherit !important;
|
|
@@ -16553,30 +16285,10 @@
|
|
|
16553
16285
|
:is(.rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted])) :where([data-accent-color='gray']) {
|
|
16554
16286
|
color: inherit !important;
|
|
16555
16287
|
}
|
|
16556
|
-
.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted]) {
|
|
16557
|
-
background-color: var(--accent-12);
|
|
16558
|
-
color: var(--accent-1);
|
|
16559
|
-
}
|
|
16560
|
-
:is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text) {
|
|
16561
|
-
color: inherit !important;
|
|
16562
|
-
}
|
|
16563
|
-
:is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])) :where([data-accent-color='gray']) {
|
|
16564
|
-
color: inherit !important;
|
|
16565
|
-
}
|
|
16566
|
-
:is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])):where([data-accent-color]) {
|
|
16567
|
-
background-color: var(--accent-9);
|
|
16568
|
-
color: var(--accent-contrast);
|
|
16569
|
-
}
|
|
16570
|
-
:is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])):where([data-accent-color]) :where(.rt-Text) {
|
|
16571
|
-
color: inherit !important;
|
|
16572
|
-
}
|
|
16573
|
-
: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']) {
|
|
16574
|
-
color: inherit !important;
|
|
16575
|
-
}
|
|
16576
16288
|
.rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted]) {
|
|
16577
16289
|
background-color: var(--accent-a4);
|
|
16578
16290
|
}
|
|
16579
|
-
:is(.rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text[data-accent-color
|
|
16291
|
+
:is(.rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
|
|
16580
16292
|
color: var(--gray-11) !important;
|
|
16581
16293
|
}
|
|
16582
16294
|
.rt-Separator {
|
|
@@ -16937,9 +16649,9 @@
|
|
|
16937
16649
|
outline-offset: 2px;
|
|
16938
16650
|
}
|
|
16939
16651
|
.rt-SidebarMenuButton:where([data-accent-color]) {
|
|
16940
|
-
color: var(--accent-
|
|
16652
|
+
color: var(--accent-ink);
|
|
16941
16653
|
}
|
|
16942
|
-
.rt-SidebarMenuButton :where(.rt-Text[data-accent-color
|
|
16654
|
+
.rt-SidebarMenuButton :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
|
|
16943
16655
|
color: var(--gray-a10);
|
|
16944
16656
|
}
|
|
16945
16657
|
.rt-SidebarMenuButton:where([data-disabled],[data-highlighted],:hover,[data-active]) :where(.rt-SidebarMenuShortcut) {
|
|
@@ -17349,11 +17061,11 @@
|
|
|
17349
17061
|
line-height: var(--line-height-0);
|
|
17350
17062
|
}
|
|
17351
17063
|
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuLabel) {
|
|
17352
|
-
color: var(--accent-
|
|
17064
|
+
color: var(--accent-ink);
|
|
17353
17065
|
font-weight: var(--font-weight-medium);
|
|
17354
17066
|
}
|
|
17355
17067
|
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuLabel) {
|
|
17356
|
-
color: var(--accent-
|
|
17068
|
+
color: var(--accent-ink);
|
|
17357
17069
|
}
|
|
17358
17070
|
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled])),
|
|
17359
17071
|
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active]) {
|
|
@@ -17372,20 +17084,12 @@
|
|
|
17372
17084
|
background-color: var(--accent-a3);
|
|
17373
17085
|
}
|
|
17374
17086
|
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
|
|
17375
|
-
background-color: var(--accent-
|
|
17376
|
-
color: var(--accent-contrast);
|
|
17087
|
+
background-color: var(--accent-solid);
|
|
17088
|
+
color: var(--accent-solid-contrast);
|
|
17377
17089
|
}
|
|
17378
17090
|
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
|
|
17379
|
-
background-color: var(--accent-
|
|
17380
|
-
color: var(--accent-contrast);
|
|
17381
|
-
}
|
|
17382
|
-
: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) {
|
|
17383
|
-
background-color: var(--accent-12);
|
|
17384
|
-
color: var(--accent-1);
|
|
17385
|
-
}
|
|
17386
|
-
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid[data-high-contrast] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
|
|
17387
|
-
background-color: var(--accent-12);
|
|
17388
|
-
color: var(--accent-1);
|
|
17091
|
+
background-color: var(--accent-solid);
|
|
17092
|
+
color: var(--accent-solid-contrast);
|
|
17389
17093
|
}
|
|
17390
17094
|
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuBadge),
|
|
17391
17095
|
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuShortcut),
|
|
@@ -18497,11 +18201,11 @@
|
|
|
18497
18201
|
transition: background var(--duration-1) var(--ease-1), color var(--duration-2) var(--ease-1);
|
|
18498
18202
|
}
|
|
18499
18203
|
:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled])) {
|
|
18500
|
-
background-color: var(--accent-
|
|
18501
|
-
color: var(--accent-contrast);
|
|
18204
|
+
background-color: var(--accent-solid);
|
|
18205
|
+
color: var(--accent-solid-contrast);
|
|
18502
18206
|
}
|
|
18503
18207
|
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-BaseMenuSubTriggerIcon) {
|
|
18504
|
-
color: var(--accent-contrast);
|
|
18208
|
+
color: var(--accent-solid-contrast);
|
|
18505
18209
|
}
|
|
18506
18210
|
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text) {
|
|
18507
18211
|
color: inherit !important;
|
|
@@ -18510,12 +18214,12 @@
|
|
|
18510
18214
|
color: inherit !important;
|
|
18511
18215
|
}
|
|
18512
18216
|
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Badge) {
|
|
18513
|
-
color: var(--accent-contrast) !important;
|
|
18514
|
-
background-color: var(--accent-
|
|
18217
|
+
color: var(--accent-solid-badge-contrast) !important;
|
|
18218
|
+
background-color: var(--accent-solid-badge) !important;
|
|
18515
18219
|
}
|
|
18516
18220
|
:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton[data-active]) {
|
|
18517
|
-
background-color: var(--accent-
|
|
18518
|
-
color: var(--accent-contrast);
|
|
18221
|
+
background-color: var(--accent-solid);
|
|
18222
|
+
color: var(--accent-solid-contrast);
|
|
18519
18223
|
font-weight: var(--font-weight-medium);
|
|
18520
18224
|
}
|
|
18521
18225
|
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text) {
|
|
@@ -18525,68 +18229,8 @@
|
|
|
18525
18229
|
color: inherit !important;
|
|
18526
18230
|
}
|
|
18527
18231
|
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Badge) {
|
|
18528
|
-
color: var(--accent-contrast) !important;
|
|
18529
|
-
background-color: var(--accent-
|
|
18530
|
-
}
|
|
18531
|
-
: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])) {
|
|
18532
|
-
background-color: var(--accent-12);
|
|
18533
|
-
color: var(--accent-1);
|
|
18534
|
-
}
|
|
18535
|
-
: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) {
|
|
18536
|
-
color: var(--accent-1);
|
|
18537
|
-
}
|
|
18538
|
-
: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) {
|
|
18539
|
-
color: inherit !important;
|
|
18540
|
-
}
|
|
18541
|
-
: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)) {
|
|
18542
|
-
color: inherit !important;
|
|
18543
|
-
}
|
|
18544
|
-
: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) {
|
|
18545
|
-
color: var(--accent-1) !important;
|
|
18546
|
-
background-color: var(--accent-9) !important;
|
|
18547
|
-
}
|
|
18548
|
-
: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]) {
|
|
18549
|
-
background-color: var(--accent-9);
|
|
18550
|
-
color: var(--accent-contrast);
|
|
18551
|
-
}
|
|
18552
|
-
: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) {
|
|
18553
|
-
color: inherit !important;
|
|
18554
|
-
}
|
|
18555
|
-
: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)) {
|
|
18556
|
-
color: inherit !important;
|
|
18557
|
-
}
|
|
18558
|
-
: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) {
|
|
18559
|
-
color: var(--accent-contrast) !important;
|
|
18560
|
-
background-color: var(--accent-12) !important;
|
|
18561
|
-
}
|
|
18562
|
-
: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]) {
|
|
18563
|
-
background-color: var(--accent-12);
|
|
18564
|
-
color: var(--accent-1);
|
|
18565
|
-
font-weight: var(--font-weight-medium);
|
|
18566
|
-
}
|
|
18567
|
-
: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) {
|
|
18568
|
-
color: inherit !important;
|
|
18569
|
-
}
|
|
18570
|
-
: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)) {
|
|
18571
|
-
color: inherit !important;
|
|
18572
|
-
}
|
|
18573
|
-
: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) {
|
|
18574
|
-
color: var(--accent-1) !important;
|
|
18575
|
-
background-color: var(--accent-9) !important;
|
|
18576
|
-
}
|
|
18577
|
-
: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]) {
|
|
18578
|
-
background-color: var(--accent-9);
|
|
18579
|
-
color: var(--accent-contrast);
|
|
18580
|
-
}
|
|
18581
|
-
: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) {
|
|
18582
|
-
color: inherit !important;
|
|
18583
|
-
}
|
|
18584
|
-
: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)) {
|
|
18585
|
-
color: inherit !important;
|
|
18586
|
-
}
|
|
18587
|
-
: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) {
|
|
18588
|
-
color: var(--accent-contrast) !important;
|
|
18589
|
-
background-color: var(--accent-12) !important;
|
|
18232
|
+
color: var(--accent-solid-badge-contrast) !important;
|
|
18233
|
+
background-color: var(--accent-solid-badge) !important;
|
|
18590
18234
|
}
|
|
18591
18235
|
:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuSubTrigger) {
|
|
18592
18236
|
-webkit-transition: var(--transition-menu);
|
|
@@ -18634,7 +18278,7 @@
|
|
|
18634
18278
|
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-panel-background='translucent']) {
|
|
18635
18279
|
background-color: var(--accent-a4);
|
|
18636
18280
|
}
|
|
18637
|
-
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text[data-accent-color
|
|
18281
|
+
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
|
|
18638
18282
|
color: var(--gray-11) !important;
|
|
18639
18283
|
}
|
|
18640
18284
|
:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active]) {
|
|
@@ -18656,7 +18300,7 @@
|
|
|
18656
18300
|
background-color: var(--accent-a3);
|
|
18657
18301
|
color: var(--accent-a12);
|
|
18658
18302
|
}
|
|
18659
|
-
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text[data-accent-color
|
|
18303
|
+
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
|
|
18660
18304
|
color: var(--gray-11) !important;
|
|
18661
18305
|
}
|
|
18662
18306
|
.rt-SidebarSearch {
|
|
@@ -18767,8 +18411,8 @@
|
|
|
18767
18411
|
background-color: var(--accent-a4);
|
|
18768
18412
|
}
|
|
18769
18413
|
:where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-solid) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
|
|
18770
|
-
background-color: var(--accent-
|
|
18771
|
-
color: var(--accent-contrast);
|
|
18414
|
+
background-color: var(--accent-solid);
|
|
18415
|
+
color: var(--accent-solid-contrast);
|
|
18772
18416
|
}
|
|
18773
18417
|
.rt-SidebarSearchPopover {
|
|
18774
18418
|
display: -webkit-box;
|
|
@@ -19653,7 +19297,7 @@
|
|
|
19653
19297
|
content: '';
|
|
19654
19298
|
position: absolute;
|
|
19655
19299
|
inset: calc(var(--slider-thumb-inset-factor) * var(--slider-track-size) * -1);
|
|
19656
|
-
background-color:
|
|
19300
|
+
background-color: var(--accent-solid-thumb);
|
|
19657
19301
|
border-radius: var(--slider-thumb-radius);
|
|
19658
19302
|
-webkit-box-shadow: var(--shadow-2);
|
|
19659
19303
|
box-shadow: var(--shadow-2);
|
|
@@ -19869,10 +19513,7 @@
|
|
|
19869
19513
|
box-shadow: inset 0 0 0 1px var(--gray-5);
|
|
19870
19514
|
}
|
|
19871
19515
|
.rt-SliderRoot:where(.rt-variant-surface) :where(.rt-SliderRange) {
|
|
19872
|
-
background-color: var(--accent-
|
|
19873
|
-
}
|
|
19874
|
-
.rt-SliderRoot:where(.rt-variant-surface):where(.rt-high-contrast) :where(.rt-SliderRange) {
|
|
19875
|
-
background-color: var(--accent-12);
|
|
19516
|
+
background-color: var(--accent-solid);
|
|
19876
19517
|
}
|
|
19877
19518
|
.rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderTrack) {
|
|
19878
19519
|
background-color: var(--gray-3);
|
|
@@ -19887,10 +19528,7 @@
|
|
|
19887
19528
|
background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
|
|
19888
19529
|
}
|
|
19889
19530
|
.rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderRange) {
|
|
19890
|
-
background-color: var(--accent-
|
|
19891
|
-
}
|
|
19892
|
-
.rt-SliderRoot:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-SliderRange) {
|
|
19893
|
-
background-color: var(--accent-12);
|
|
19531
|
+
background-color: var(--accent-solid);
|
|
19894
19532
|
}
|
|
19895
19533
|
.rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderThumb) {
|
|
19896
19534
|
--slider-thumb-box-shadow: var(--shadow-3);
|
|
@@ -19912,17 +19550,11 @@
|
|
|
19912
19550
|
box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
19913
19551
|
}
|
|
19914
19552
|
.rt-SliderRoot:where(.rt-variant-outline) :where(.rt-SliderRange) {
|
|
19915
|
-
background-color: var(--accent-
|
|
19916
|
-
}
|
|
19917
|
-
.rt-SliderRoot:where(.rt-variant-outline):where(.rt-high-contrast) :where(.rt-SliderRange) {
|
|
19918
|
-
background-color: var(--accent-12);
|
|
19553
|
+
background-color: var(--accent-solid);
|
|
19919
19554
|
}
|
|
19920
19555
|
.rt-SliderRoot:where(.rt-variant-outline) :where(.rt-SliderThumb) {
|
|
19921
19556
|
--slider-thumb-box-shadow: var(--shadow-3);
|
|
19922
19557
|
}
|
|
19923
|
-
.rt-SliderRoot:where(:not(.rt-high-contrast)) {
|
|
19924
|
-
--slider-range-high-contrast-background-image: none;
|
|
19925
|
-
}
|
|
19926
19558
|
.rt-SliderRoot:where([data-disabled]) {
|
|
19927
19559
|
cursor: var(--cursor-disabled);
|
|
19928
19560
|
}
|
|
@@ -20260,6 +19892,7 @@
|
|
|
20260
19892
|
transition: transform var(--transition-standard), box-shadow var(--transition-standard), -webkit-transform var(--transition-standard), -webkit-box-shadow var(--transition-standard);
|
|
20261
19893
|
}
|
|
20262
19894
|
.rt-SwitchThumb:where([data-state='checked']) {
|
|
19895
|
+
background-color: var(--accent-solid-thumb);
|
|
20263
19896
|
-webkit-transform: translateX(var(--switch-thumb-translate-x));
|
|
20264
19897
|
transform: translateX(var(--switch-thumb-translate-x));
|
|
20265
19898
|
}
|
|
@@ -20366,12 +19999,7 @@
|
|
|
20366
19999
|
box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
20367
20000
|
}
|
|
20368
20001
|
.rt-SwitchRoot:where(.rt-variant-surface):where([data-state='checked'])::before {
|
|
20369
|
-
background-color: var(--accent-
|
|
20370
|
-
-webkit-box-shadow: none;
|
|
20371
|
-
box-shadow: none;
|
|
20372
|
-
}
|
|
20373
|
-
.rt-SwitchRoot:where(.rt-variant-surface):where(.rt-high-contrast):where([data-state='checked'])::before {
|
|
20374
|
-
background-color: var(--accent-12);
|
|
20002
|
+
background-color: var(--accent-solid);
|
|
20375
20003
|
-webkit-box-shadow: none;
|
|
20376
20004
|
box-shadow: none;
|
|
20377
20005
|
}
|
|
@@ -20388,10 +20016,7 @@
|
|
|
20388
20016
|
background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
|
|
20389
20017
|
}
|
|
20390
20018
|
.rt-SwitchRoot:where(.rt-variant-soft):where([data-state='checked'])::before {
|
|
20391
|
-
background-color: var(--accent-
|
|
20392
|
-
}
|
|
20393
|
-
.rt-SwitchRoot:where(.rt-variant-soft):where(.rt-high-contrast):where([data-state='checked'])::before {
|
|
20394
|
-
background-color: var(--accent-12);
|
|
20019
|
+
background-color: var(--accent-solid);
|
|
20395
20020
|
}
|
|
20396
20021
|
.rt-SwitchRoot:where(.rt-variant-outline)::before {
|
|
20397
20022
|
-webkit-box-shadow: inset 0 0 0 1px var(--gray-6);
|
|
@@ -20410,12 +20035,7 @@
|
|
|
20410
20035
|
box-shadow: inset 0 0 0 1px var(--gray-a6);
|
|
20411
20036
|
}
|
|
20412
20037
|
.rt-SwitchRoot:where(.rt-variant-outline):where([data-state='checked'])::before {
|
|
20413
|
-
background-color: var(--accent-
|
|
20414
|
-
-webkit-box-shadow: none;
|
|
20415
|
-
box-shadow: none;
|
|
20416
|
-
}
|
|
20417
|
-
.rt-SwitchRoot:where(.rt-variant-outline):where(.rt-high-contrast):where([data-state='checked'])::before {
|
|
20418
|
-
background-color: var(--accent-12);
|
|
20038
|
+
background-color: var(--accent-solid);
|
|
20419
20039
|
-webkit-box-shadow: none;
|
|
20420
20040
|
box-shadow: none;
|
|
20421
20041
|
}
|
|
@@ -20790,7 +20410,7 @@
|
|
|
20790
20410
|
bottom: 0;
|
|
20791
20411
|
left: 0;
|
|
20792
20412
|
right: 0;
|
|
20793
|
-
background-color: var(--accent-indicator);
|
|
20413
|
+
background-color: var(--accent-solid-indicator);
|
|
20794
20414
|
-webkit-transform-origin: center;
|
|
20795
20415
|
transform-origin: center;
|
|
20796
20416
|
-webkit-transition: opacity var(--duration-2) var(--ease-1), background-color var(--duration-2) var(--ease-1), -webkit-transform var(--duration-3) var(--ease-3);
|
|
@@ -20798,9 +20418,6 @@
|
|
|
20798
20418
|
transition: transform var(--duration-3) var(--ease-3), opacity var(--duration-2) var(--ease-1), background-color var(--duration-2) var(--ease-1);
|
|
20799
20419
|
transition: transform var(--duration-3) var(--ease-3), opacity var(--duration-2) var(--ease-1), background-color var(--duration-2) var(--ease-1), -webkit-transform var(--duration-3) var(--ease-3);
|
|
20800
20420
|
}
|
|
20801
|
-
:is(:where(.rt-BaseTabList.rt-high-contrast) .rt-BaseTabListTrigger):where([data-state='active'],[data-active])::before {
|
|
20802
|
-
background-color: var(--accent-12);
|
|
20803
|
-
}
|
|
20804
20421
|
@media (forced-colors: active) {
|
|
20805
20422
|
.rt-BaseTabListTrigger:where([data-state='active'])::before,
|
|
20806
20423
|
.rt-TabNavLink:where([data-active])::before {
|