@slotted/react 0.1.0-beta.10 → 0.1.0-beta.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/action-bar-z2DPc1Wy.js +285 -0
- package/dist/action-bar.js +1 -1
- package/dist/action-sheet-BnedGewu.js +360 -0
- package/dist/action-sheet.js +1 -1
- package/dist/{alert-BTcqbG8w.js → alert-BTAXJ69M.js} +5 -5
- package/dist/alert.js +1 -1
- package/dist/{app-shell-BlkqQrOx.js → app-shell-Cb_kDBeV.js} +232 -173
- package/dist/app-shell.js +1 -1
- package/dist/{attachment-zlOPJvIm.js → attachment-D1O4qS8H.js} +28 -28
- package/dist/attachment.js +1 -1
- package/dist/{breadcrumb-DCGynpkb.js → breadcrumb-CnFjxxI2.js} +10 -10
- package/dist/breadcrumb.js +1 -1
- package/dist/{button-BCVjdzkn.js → button-D31perSu.js} +2 -2
- package/dist/button.js +2 -2
- package/dist/{calendar-qGUJ-kAy.js → calendar-DZyC1gAT.js} +8 -8
- package/dist/calendar.js +1 -1
- package/dist/{carousel-CjRTu8m7.js → carousel-Dso3gcYd.js} +14 -14
- package/dist/carousel.js +1 -1
- package/dist/cascader-BbajBwsX.js +1157 -0
- package/dist/cascader.js +1 -1
- package/dist/{chart-CPFq3jIE.js → chart-Bb6ctahn.js} +9 -9
- package/dist/chart.js +1 -1
- package/dist/{checkbox-CMY2KIih.js → checkbox-C_8GVtjD.js} +3 -3
- package/dist/{checkbox-group-DzMtLF7f.js → checkbox-group-DXCcusol.js} +2 -2
- package/dist/checkbox-group.js +1 -1
- package/dist/checkbox.js +1 -1
- package/dist/{code-block-Bh_2Eg3M.js → code-block-C4mtsROE.js} +8 -8
- package/dist/code-block.js +1 -1
- package/dist/{color-picker-DlepH5co.js → color-picker-JZPnPb7s.js} +49 -49
- package/dist/color-picker.js +1 -1
- package/dist/{column-manager-CV9tCnKa.js → column-manager-BDUj-WIs.js} +31 -31
- package/dist/column-manager.js +1 -1
- package/dist/combobox-Dn69QwGX.js +904 -0
- package/dist/combobox.js +1 -1
- package/dist/command-palette-Dh1HKz_F.js +744 -0
- package/dist/command-palette.js +1 -1
- package/dist/{context-menu-Dbc0KkFp.js → context-menu-uJjEmAN3.js} +1 -1
- package/dist/context-menu.js +1 -1
- package/dist/{currency-field--wIfgVAx.js → currency-field-lHcrNJ7X.js} +13 -13
- package/dist/currency-field.js +1 -1
- package/dist/{dashboard-grid-D_LbWfdZ.js → dashboard-grid-z-SOm9H0.js} +65 -65
- package/dist/dashboard-grid.js +1 -1
- package/dist/{data-grid-XH5fGoGj.js → data-grid-Kj1b9RD-.js} +1316 -1272
- package/dist/data-grid.js +1 -1
- package/dist/data-list-BgdkA3bD.js +587 -0
- package/dist/data-list.js +1 -1
- package/dist/{date-field-BrNyJBiJ.js → date-field-B2lQzE3p.js} +5 -5
- package/dist/date-field.js +1 -1
- package/dist/{date-picker-Nl55so0C.js → date-picker-DpTRb-Y1.js} +16 -16
- package/dist/date-picker.js +1 -1
- package/dist/{date-range-picker-DLkvfUJD.js → date-range-picker-CBUPJep5.js} +17 -17
- package/dist/date-range-picker.js +1 -1
- package/dist/{datetime-field-CZRhRDPb.js → datetime-field-BZ44uJ_B.js} +7 -7
- package/dist/datetime-field.js +1 -1
- package/dist/{datetime-picker-_GHra2WL.js → datetime-picker-BK_bV3Yr.js} +21 -21
- package/dist/datetime-picker.js +1 -1
- package/dist/{datetime-range-picker-Dy1A0Wqy.js → datetime-range-picker-ChdbRgzQ.js} +21 -21
- package/dist/datetime-range-picker.js +1 -1
- package/dist/{description-list-Cc4JYZ-3.js → description-list-CYlfHDwx.js} +11 -11
- package/dist/description-list.js +1 -1
- package/dist/{detail-panel-BI_wHSoz.js → detail-panel-DimjnPI8.js} +91 -91
- package/dist/detail-panel.js +1 -1
- package/dist/{dialog-B6MP7GYI.js → dialog-BB5MdJex.js} +108 -108
- package/dist/dialog.js +1 -1
- package/dist/docs/action-bar.json +4 -4
- package/dist/docs/action-bar.md +3 -3
- package/dist/docs/calendar.md +2 -2
- package/dist/docs/command-palette.json +1 -0
- package/dist/docs/command-palette.md +1 -1
- package/dist/docs/data-grid.examples.md +8 -2
- package/dist/docs/data-grid.json +12 -2
- package/dist/docs/data-grid.md +3 -1
- package/dist/docs/detail-panel.json +4 -2
- package/dist/docs/detail-panel.md +15 -5
- package/dist/docs/dialog.json +1 -0
- package/dist/docs/dialog.md +1 -1
- package/dist/docs/drawer.json +6 -4
- package/dist/docs/drawer.md +3 -3
- package/dist/docs/event-calendar.md +2 -2
- package/dist/docs/guidelines/index.md +4 -3
- package/dist/docs/guidelines/layout-alignment.md +17 -7
- package/dist/docs/guidelines/list-pages.md +3 -3
- package/dist/docs/page-header.json +18 -2
- package/dist/docs/page-header.md +5 -3
- package/dist/docs/page.json +1 -0
- package/dist/docs/page.md +1 -1
- package/dist/docs/rating.md +1 -1
- package/dist/docs/section.json +1 -1
- package/dist/docs/section.md +1 -1
- package/dist/docs/skills/compose-screen/SKILL.md +12 -4
- package/dist/docs/skills/review-screen/SKILL.md +20 -18
- package/dist/docs/skills/theme-app/SKILL.md +12 -1
- package/dist/docs/toast.json +1 -0
- package/dist/docs/toast.md +1 -1
- package/dist/docs/tokens.md +1 -1
- package/dist/docs/toolbar.json +1 -1
- package/dist/docs/toolbar.md +1 -1
- package/dist/docs/typography.md +1 -1
- package/dist/{drawer-CkpFlKYa.js → drawer-fyPyxnYQ.js} +216 -206
- package/dist/drawer.js +1 -1
- package/dist/entity-picker-ClyhBTyK.js +1283 -0
- package/dist/entity-picker.js +1 -1
- package/dist/{event-calendar-BDjI5T44.js → event-calendar-COgC24UG.js} +23 -23
- package/dist/event-calendar.js +1 -1
- package/dist/{field-group-CCM2vPKL.js → field-group-Bj-EbPIU.js} +2 -2
- package/dist/field-group.js +1 -1
- package/dist/{field-CzSGs7wo.js → field-tnEZiRLg.js} +19 -19
- package/dist/field.js +1 -1
- package/dist/filter-bar-BRuCz79-.js +1342 -0
- package/dist/filter-bar.js +1 -1
- package/dist/{form-CDq04WDY.js → form-DEcJ7tHf.js} +1 -1
- package/dist/form.js +1 -1
- package/dist/{fullscreen-6GW4naDP.js → fullscreen-BwweNj3-.js} +13 -13
- package/dist/fullscreen.js +1 -1
- package/dist/{hover-card-aadyPXzF.js → hover-card-BWcU37Yp.js} +1 -1
- package/dist/hover-card.js +1 -1
- package/dist/{i18n-DpW8lqJ1.js → i18n-D7xXDd8-.js} +11 -4
- package/dist/i18n.js +1 -1
- package/dist/{icon-button-CRB218_z.js → icon-button-DbSZKGT4.js} +73 -71
- package/dist/{import-export-center-DUrNwRKP.js → import-export-center-CYf0Qxl_.js} +291 -289
- package/dist/import-export-center.js +1 -1
- package/dist/index.js +100 -100
- package/dist/{kbd-Z4YmSPRy.js → kbd-dNz8QHfL.js} +1 -1
- package/dist/kbd.js +1 -1
- package/dist/{link-BsSlZ1ts.js → link-DLPyg54C.js} +5 -5
- package/dist/link.js +1 -1
- package/dist/{listbox-VFcfZT70.js → listbox-BSqx_ARf.js} +1 -1
- package/dist/listbox.js +1 -1
- package/dist/{loading-overlay-BZPBDK4w.js → loading-overlay-BLIrcaoj.js} +9 -9
- package/dist/loading-overlay.js +1 -1
- package/dist/{markdown-BmCU_sOv.js → markdown-DccRb1xf.js} +17 -17
- package/dist/markdown.js +1 -1
- package/dist/{menu-parts-DS9JEUCt.js → menu-parts-CNNHRduK.js} +42 -42
- package/dist/menu.js +1 -1
- package/dist/{menubar-BV43BKep.js → menubar-Bdr6zigi.js} +1 -1
- package/dist/menubar.js +1 -1
- package/dist/message-BkTiWsUp.js +436 -0
- package/dist/message-scroller-akQEtQLn.js +218 -0
- package/dist/message-scroller.js +1 -1
- package/dist/message.js +1 -1
- package/dist/{multi-select-YaxhhH9y.js → multi-select-BvlJIEtz.js} +445 -443
- package/dist/multi-select.js +1 -1
- package/dist/{navigation-menu-parts-B64gKl8B.js → navigation-menu-parts-CEW4fgCo.js} +12 -12
- package/dist/navigation-menu.js +1 -1
- package/dist/{notification-center-Ci-OLWTO.js → notification-center-BQO0Ey3h.js} +40 -40
- package/dist/notification-center.js +1 -1
- package/dist/{number-field-BYQmPyM-.js → number-field-D1MqT8_A.js} +13 -13
- package/dist/number-field.js +1 -1
- package/dist/{otp-input-BKO0WPZc.js → otp-input-Cub9H9Di.js} +1 -1
- package/dist/otp-input.js +1 -1
- package/dist/{page-CfjGviUA.js → page-CwYmBoZQ.js} +1 -1
- package/dist/{page-header-w_PFLnLG.js → page-header-CMxCQqu_.js} +117 -114
- package/dist/page-header.js +1 -1
- package/dist/page.js +1 -1
- package/dist/{pagination-Cm9665gb.js → pagination-IEuos7H1.js} +12 -12
- package/dist/pagination.js +1 -1
- package/dist/{popover-D1krYeP-.js → popover-C7NpEzq6.js} +22 -22
- package/dist/popover.js +1 -1
- package/dist/prompt-composer-Cu8bj1Vb.js +276 -0
- package/dist/prompt-composer.js +1 -1
- package/dist/{prose-Bl5OjXTb.js → prose-CQN4Bqqh.js} +1 -1
- package/dist/prose.js +1 -1
- package/dist/{radio-group-D9VTBLUB.js → radio-group-BHlDgCLk.js} +2 -2
- package/dist/radio-group.js +1 -1
- package/dist/{rating-BRqsV5OF.js → rating-Cr0lXaAV.js} +15 -15
- package/dist/rating.js +1 -1
- package/dist/{saved-views-C_76obIv.js → saved-views-CyLSn8a2.js} +151 -151
- package/dist/saved-views.js +1 -1
- package/dist/{scroll-area-vrm2bbtZ.js → scroll-area-Fr0PmnRS.js} +1 -1
- package/dist/scroll-area.js +1 -1
- package/dist/{segmented-control-5DTOKO3g.js → segmented-control-uPnQYklX.js} +2 -2
- package/dist/segmented-control.js +1 -1
- package/dist/select-C0JYHwBy.js +1020 -0
- package/dist/select.js +1 -1
- package/dist/{side-navigation-MNMSkj9b.js → side-navigation-D8lRpHwj.js} +64 -64
- package/dist/side-navigation.js +1 -1
- package/dist/{skeleton-DyOwgYmF.js → skeleton-DeEOmm1y.js} +1 -1
- package/dist/skeleton.js +1 -1
- package/dist/{slider-OMe1DAC-.js → slider-BSI1xvjw.js} +2 -2
- package/dist/slider.js +1 -1
- package/dist/{sparkline-ChkaLVdY.js → sparkline-CYU4_lCD.js} +1 -1
- package/dist/sparkline.js +1 -1
- package/dist/spinner-ring-DyfaYloA.js +19 -0
- package/dist/{split-button-DbmRwfMC.js → split-button-CkbylOMN.js} +2 -2
- package/dist/split-button.js +1 -1
- package/dist/{stat-card-BSnsTmsq.js → stat-card-CAh4SdeY.js} +16 -16
- package/dist/stat-card.js +1 -1
- package/dist/{status-indicator-CyKhBdvN.js → status-indicator-BVMnpcm8.js} +4 -4
- package/dist/status-indicator.js +1 -1
- package/dist/{stepper-Cw1Auv3n.js → stepper-BLfvMz04.js} +16 -16
- package/dist/stepper.js +1 -1
- package/dist/styles/action-bar.css +1 -1
- package/dist/styles/action-sheet.css +2 -2
- package/dist/styles/button.css +2 -2
- package/dist/styles/cascader.css +2 -2
- package/dist/styles/chart.css +1 -1
- package/dist/styles/column-manager.css +3 -3
- package/dist/styles/command-palette.css +3 -3
- package/dist/styles/dashboard-grid.css +2 -2
- package/dist/styles/data-grid.css +3 -3
- package/dist/styles/data-list.css +2 -2
- package/dist/styles/detail-panel.css +4 -4
- package/dist/styles/dialog.css +1 -1
- package/dist/styles/drawer.css +1 -1
- package/dist/styles/entity-picker.css +1 -1
- package/dist/styles/event-calendar.css +1 -1
- package/dist/styles/filter-bar.css +3 -3
- package/dist/styles/import-export-center.css +4 -4
- package/dist/styles/index.css +12 -12
- package/dist/styles/markdown.css +2 -2
- package/dist/styles/multi-select.css +1 -1
- package/dist/styles/notification-center.css +3 -3
- package/dist/styles/page-header.css +2 -2
- package/dist/styles/page.css +1 -1
- package/dist/styles/prompt-composer.css +1 -1
- package/dist/styles/saved-views.css +2 -2
- package/dist/styles/split-button.css +2 -2
- package/dist/styles/table.css +2 -2
- package/dist/styles/tabs.css +1 -1
- package/dist/styles/timeline.css +1 -1
- package/dist/styles/toast.css +1 -1
- package/dist/styles/tour.css +2 -2
- package/dist/styles/transfer.css +2 -2
- package/dist/styles/upload.css +1 -1
- package/dist/styles/wizard.css +2 -2
- package/dist/styles.css +1 -1
- package/dist/{switch-CQ1rpuKa.js → switch-BHyKHqeI.js} +5 -5
- package/dist/switch.js +1 -1
- package/dist/{table-DpGTPtnb.js → table-C8zOHDcY.js} +30 -30
- package/dist/{table-of-contents-BFVERMZy.js → table-of-contents-BAIuPCdy.js} +8 -8
- package/dist/table-of-contents.js +1 -1
- package/dist/table.js +1 -1
- package/dist/{tag-aX7uyAN0.js → tag-XYGEPUHR.js} +14 -14
- package/dist/tag.js +1 -1
- package/dist/{tags-input-BgpS22sf.js → tags-input-ClYSd-No.js} +40 -40
- package/dist/tags-input.js +1 -1
- package/dist/text-field-Cguj75tn.js +205 -0
- package/dist/text-field.js +1 -1
- package/dist/{textarea-DNCjsQYd.js → textarea-BKsh_jAo.js} +1 -1
- package/dist/textarea.js +1 -1
- package/dist/{time-field-Cm6iBjwH.js → time-field-BIE4WMpS.js} +7 -7
- package/dist/time-field.js +1 -1
- package/dist/{time-picker-Ce18FSO2.js → time-picker-CNfafRDF.js} +18 -18
- package/dist/time-picker.js +1 -1
- package/dist/{time-range-picker-kDnw4PQ3.js → time-range-picker-D7gM_Wno.js} +20 -20
- package/dist/time-range-picker.js +1 -1
- package/dist/timeline-BLadNUkS.js +449 -0
- package/dist/timeline.js +1 -1
- package/dist/{toast-58ex8PDK.js → toast-CjbiXiza.js} +16 -16
- package/dist/toast.js +1 -1
- package/dist/{toggle-group-YxVJlCnI.js → toggle-group-BZmghKac.js} +1 -1
- package/dist/toggle-group.js +1 -1
- package/dist/toolbar-BI4ZepBs.js +243 -0
- package/dist/toolbar.js +1 -1
- package/dist/{top-navigation-DorkYBnR.js → top-navigation-BTZpx5VA.js} +13 -13
- package/dist/top-navigation.js +1 -1
- package/dist/{tour-CwK_m_Jp.js → tour-_CQ1kYov.js} +23 -23
- package/dist/tour.js +1 -1
- package/dist/{transfer-DxGDWIEt.js → transfer-BVhBdIGp.js} +59 -59
- package/dist/transfer.js +1 -1
- package/dist/tree-DfI9UWLA.js +794 -0
- package/dist/tree.js +1 -1
- package/dist/types/action-bar/action-bar-overflow.d.ts.map +1 -1
- package/dist/types/action-bar/action-bar.types.d.ts +2 -2
- package/dist/types/action-sheet/action-sheet-parts.d.ts.map +1 -1
- package/dist/types/app-shell/app-shell-parts.d.ts.map +1 -1
- package/dist/types/app-shell/app-shell.d.ts.map +1 -1
- package/dist/types/app-shell/app-shell.types.d.ts +21 -14
- package/dist/types/app-shell/app-shell.types.d.ts.map +1 -1
- package/dist/types/app-shell/index.d.ts +1 -1
- package/dist/types/app-shell/index.d.ts.map +1 -1
- package/dist/types/button/button-indicator.d.ts.map +1 -1
- package/dist/types/button/spinner-ring.d.ts +8 -0
- package/dist/types/button/spinner-ring.d.ts.map +1 -0
- package/dist/types/cascader/cascader-surface.d.ts.map +1 -1
- package/dist/types/cascader/cascader.d.ts.map +1 -1
- package/dist/types/combobox/combobox-parts.d.ts.map +1 -1
- package/dist/types/command-palette/command-palette.d.ts.map +1 -1
- package/dist/types/data-grid/data-grid-body.d.ts +7 -2
- package/dist/types/data-grid/data-grid-body.d.ts.map +1 -1
- package/dist/types/data-grid/data-grid-header.d.ts.map +1 -1
- package/dist/types/data-grid/data-grid.d.ts +1 -1
- package/dist/types/data-grid/data-grid.d.ts.map +1 -1
- package/dist/types/detail-panel/detail-panel-parts.d.ts +2 -1
- package/dist/types/detail-panel/detail-panel-parts.d.ts.map +1 -1
- package/dist/types/drawer/drawer-parts.d.ts.map +1 -1
- package/dist/types/entity-picker/entity-picker-control.d.ts.map +1 -1
- package/dist/types/filter-bar/filter-bar.d.ts.map +1 -1
- package/dist/types/i18n/slotted-provider.d.ts +6 -0
- package/dist/types/i18n/slotted-provider.d.ts.map +1 -1
- package/dist/types/import-export-center/import-export-center.d.ts.map +1 -1
- package/dist/types/message/message-parts.d.ts.map +1 -1
- package/dist/types/message-scroller/message-scroller.d.ts.map +1 -1
- package/dist/types/multi-select/multi-select-parts.d.ts.map +1 -1
- package/dist/types/page-header/page-header-defaults.d.ts +1 -1
- package/dist/types/page-header/page-header-defaults.d.ts.map +1 -1
- package/dist/types/page-header/page-header.d.ts +1 -1
- package/dist/types/page-header/page-header.d.ts.map +1 -1
- package/dist/types/page-header/page-header.types.d.ts +9 -0
- package/dist/types/page-header/page-header.types.d.ts.map +1 -1
- package/dist/types/prompt-composer/prompt-composer.d.ts.map +1 -1
- package/dist/types/select/select-parts.d.ts.map +1 -1
- package/dist/types/text-field/text-field.d.ts.map +1 -1
- package/dist/types/timeline/timeline-parts.d.ts.map +1 -1
- package/dist/types/timeline/timeline.d.ts.map +1 -1
- package/dist/types/toolbar/toolbar-overflow.d.ts.map +1 -1
- package/dist/types/toolbar/toolbar.types.d.ts +2 -2
- package/dist/types/tree/tree-parts.d.ts.map +1 -1
- package/dist/{upload-CEDsfMWz.js → upload-N2-nyO8x.js} +65 -65
- package/dist/upload.js +1 -1
- package/dist/{wizard-B3p7zCSj.js → wizard-CK1x2fs3.js} +16 -16
- package/dist/wizard.js +1 -1
- package/package.json +6 -6
- package/dist/action-bar-CJgBierN.js +0 -283
- package/dist/action-sheet-tRrjm7WQ.js +0 -358
- package/dist/cascader-DqlC1z5b.js +0 -1154
- package/dist/combobox-YWFkxaQ3.js +0 -902
- package/dist/command-palette-DXNq-zKN.js +0 -741
- package/dist/data-list-DZCN_uW1.js +0 -587
- package/dist/entity-picker-CFwLGQeU.js +0 -1281
- package/dist/filter-bar-G50WdRac.js +0 -1340
- package/dist/message-Dtck9RJy.js +0 -434
- package/dist/message-scroller-niUJ8RoL.js +0 -216
- package/dist/prompt-composer-sh_TXKYZ.js +0 -273
- package/dist/select-BFx5EgAa.js +0 -1018
- package/dist/text-field-DL_uhNXV.js +0 -203
- package/dist/timeline-pEL30Jp8.js +0 -446
- package/dist/toolbar-BtIyVbs4.js +0 -241
- package/dist/tree-DbLRyItM.js +0 -792
|
@@ -5,11 +5,11 @@
|
|
|
5
5
|
|
|
6
6
|
@layer slotted.components{[data-ui-highlight] [data-part-match]{background-color:var(--slotted-highlight-background,color-mix(in oklab, var(--slotted-tone-accent-text) calc(var(--slotted-highlight-tint-opacity,.075) * 100%), transparent));-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:var(--slotted-radius-none,0px);color:var(--slotted-highlight-color,var(--slotted-tone-accent-text));font-weight:inherit;letter-spacing:inherit;-webkit-text-decoration-color:var(--slotted-highlight-rule-color,var(--slotted-tone-accent-border));text-decoration-color:var(--slotted-highlight-rule-color,var(--slotted-tone-accent-border));text-decoration-line:underline;text-decoration-thickness:var(--slotted-border-width-thin,1px);text-underline-offset:var(--slotted-space-1,.125rem);padding:0}[data-ui-highlight] [data-part-match][data-current]{background-color:var(--slotted-highlight-current-background,var(--slotted-tone-accent-solid));color:var(--slotted-highlight-current-color,var(--slotted-tone-accent-on-solid));text-decoration-line:none}[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{background-color:var(--slotted-highlight-disabled-background,transparent);color:inherit;text-decoration-line:underline}@media (forced-colors:active){[data-ui-highlight] [data-part-match],[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{color:marktext;forced-color-adjust:none;background-color:mark}[data-ui-highlight] [data-part-match][data-current]{color:highlighttext;background-color:highlight}}}
|
|
7
7
|
|
|
8
|
-
@layer slotted.components{[data-ui-drawer]{--_step:var(--slotted-drawer-extent-md,24rem);--_extent:var(--slotted-drawer-extent,var(--_step));--_padding-inline:var(--slotted-space-7,1.25rem);--_padding-block:var(--slotted-space-6,1rem);--_gap:var(--slotted-space-5,.75rem);--_rule-size:var(--slotted-border-width-thin,1px);--_title-font-size:var(--slotted-font-size-lg,1rem);--_description-font-size:var(--slotted-font-size-md,.875rem);--_body-font-size:var(--slotted-font-size-md,.875rem);--_icon-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_close-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));--_resizer-thickness:var(--slotted-space-6,1rem);--_resizer-reach:var(--slotted-target-min,24px);--_resizer-line:var(--slotted-border-width-thick,2px);--_radius:var(--slotted-radius-lg,8px);--_slide:var(--slotted-duration-long) var(--slotted-easing-enter);--_move:var(--slotted-duration-medium) var(--slotted-easing-enter);--_reveal:content-visibility var(--slotted-duration-medium) allow-discrete;box-sizing:border-box;color:var(--slotted-drawer-color,var(--slotted-text,CanvasText));font-family:var(--slotted-control-font-family,var(--slotted-font-family-sans));content-visibility:visible;transition:var(--_reveal);grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid}[data-ui-drawer]:not([data-open]){--_slide:var(--slotted-duration-medium) var(--slotted-easing-exit);--_move:var(--slotted-duration-medium) var(--slotted-easing-exit)}[data-ui-drawer][data-dragging]{--_move:var(--slotted-duration-instant) var(--slotted-easing-standard)}[data-ui-drawer][data-size=sm]{--_step:var(--slotted-drawer-extent-sm,18rem);--_padding-inline:var(--slotted-space-6,1rem)}[data-ui-drawer][data-size=lg]{--_step:var(--slotted-drawer-extent-lg,30rem)}[data-ui-drawer][data-size=xl]{--_step:var(--slotted-drawer-extent-xl,40rem);--_padding-inline:var(--slotted-space-8,1.5rem);--_title-font-size:var(--slotted-font-size-xl,1.125rem)}[data-ui-drawer][data-size=full]{--_step:100%}[data-ui-drawer][data-mode=overlay]{z-index:calc(var(--slotted-z-index-overlay,1000) + var(--slotted-layer-depth,0));position:fixed;inset:0}[data-ui-drawer][data-mode=inline]{overflow:clip}[data-ui-drawer][data-mode=inline][data-side=start],[data-ui-drawer][data-mode=inline][data-side=end]{inline-size:0;transition:inline-size var(--_move), var(--_reveal)}[data-ui-drawer][data-mode=inline][data-side=top],[data-ui-drawer][data-mode=inline][data-side=bottom]{block-size:0;transition:block-size var(--_move), var(--_reveal)}[data-ui-drawer][data-mode=inline][data-open][data-side=start],[data-ui-drawer][data-mode=inline][data-open][data-side=end]{inline-size:var(--_extent);max-inline-size:100%}[data-ui-drawer][data-mode=inline][data-open][data-side=top],[data-ui-drawer][data-mode=inline][data-open][data-side=bottom]{block-size:var(--_extent);max-block-size:100%}[data-ui-drawer][inert]{content-visibility:hidden;pointer-events:none}[data-ui-drawer]>[data-part-backdrop]{background:var(--slotted-drawer-scrim,var(--slotted-scrim,Canvas));opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);grid-area:1/1}[data-ui-drawer][data-open]>[data-part-backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-drawer]>[data-part-panel]{box-sizing:border-box;transition:inline-size var(--_move), block-size var(--_move);--_row-padding-inline-start:var(--_padding-inline);--_row-padding-inline-end:var(--_padding-inline);background:var(--slotted-drawer-surface,var(--slotted-surface-raised,Canvas));border-color:var(--slotted-drawer-border-color,var(--slotted-border-subtle,ButtonBorder));border-style:solid;border-width:0;grid-area:1/1;grid-template-columns:minmax(0,1fr);min-block-size:0;min-inline-size:0;display:grid;position:relative;overflow:hidden}[data-ui-drawer][data-mode=overlay]>[data-part-panel]{box-shadow:var(--slotted-shadow-lg);transition:translate var(--_slide), inline-size var(--_move), block-size var(--_move);translate:0}[data-ui-drawer][data-mode=overlay]:not([data-open])>[data-part-panel]{translate:var(--_shift-x,0) var(--_shift-y,0)}[data-ui-drawer][data-dragging]>[data-part-panel]{transition:none}[data-ui-drawer][data-dragging][data-mode=overlay]>[data-part-panel]{transition:translate var(--_slide)}[data-ui-drawer][data-dragging][data-mode=inline][data-side=start],[data-ui-drawer][data-dragging][data-mode=inline][data-side=end],[data-ui-drawer][data-dragging][data-mode=inline][data-side=top],[data-ui-drawer][data-dragging][data-mode=inline][data-side=bottom]{transition:var(--_reveal)}@media (prefers-reduced-motion:reduce){[data-ui-drawer][data-mode=overlay]>[data-part-panel]{transition:inline-size var(--_move), block-size var(--_move);translate:0}}[data-ui-drawer][data-side=start]>[data-part-panel],[data-ui-drawer][data-side=end]>[data-part-panel]{inline-size:min(var(--_extent), 100%);grid-template-rows:auto minmax(0,1fr) auto;align-self:stretch}[data-ui-drawer][data-side=top]>[data-part-panel],[data-ui-drawer][data-side=bottom]>[data-part-panel]{block-size:min(var(--_extent), 100%);justify-self:stretch}[data-ui-drawer][data-side=start]>[data-part-panel]{--_shift-x:-100%;--_row-padding-inline-end:max(var(--_padding-inline), var(--_resizer-thickness));border-inline-end-width:var(--_rule-size);justify-self:start}[data-ui-drawer][data-side=end]>[data-part-panel]{--_shift-x:100%;--_row-padding-inline-start:max(var(--_padding-inline), var(--_resizer-thickness));border-inline-start-width:var(--_rule-size);justify-self:end}[data-ui-drawer][data-side=top]>[data-part-panel]{--_shift-y:-100%;border-block-end-width:var(--_rule-size);border-end-end-radius:var(--slotted-drawer-radius,var(--_radius));border-end-start-radius:var(--slotted-drawer-radius,var(--_radius));grid-template-rows:auto minmax(0,1fr) auto auto;align-self:start}[data-ui-drawer][data-side=bottom]>[data-part-panel]{--_shift-y:100%;border-block-start-width:var(--_rule-size);border-start-start-radius:var(--slotted-drawer-radius,var(--_radius));border-start-end-radius:var(--slotted-drawer-radius,var(--_radius));grid-template-rows:auto auto minmax(0,1fr) auto;align-self:end}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-header]{grid-row:2}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-body]{grid-row:3}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-footer]{grid-row:4}[data-ui-drawer][data-mode=overlay][data-side=top]>[data-part-panel],[data-ui-drawer][data-mode=overlay][data-side=bottom]>[data-part-panel]{inline-size:min(100%, var(--slotted-drawer-sheet-inline-size,var(--slotted-drawer-extent-xl,40rem)));border-inline-width:var(--_rule-size);justify-self:center}[data-ui-drawer][data-size=content]{--_step:auto;--_content-cap:min(var(--slotted-drawer-extent,calc(100% - var(--slotted-space-12,4rem))), 100%);interpolate-size:allow-keywords}[data-ui-drawer][data-size=content][data-side=start],[data-ui-drawer][data-size=content][data-side=end]{--_step:max-content}[data-ui-drawer][data-size=content][data-side=start]>[data-part-panel],[data-ui-drawer][data-size=content][data-side=end]>[data-part-panel]{inline-size:var(--_extent);max-inline-size:var(--_content-cap)}[data-ui-drawer][data-size=content][data-side=top]>[data-part-panel],[data-ui-drawer][data-size=content][data-side=bottom]>[data-part-panel]{block-size:var(--_extent);max-block-size:var(--_content-cap)}[data-ui-drawer][data-mode=overlay]{padding-block-end:var(--slotted-keyboard-inset,0px)}[data-ui-drawer][data-undimmed]>[data-part-backdrop]{opacity:0;pointer-events:none}[data-ui-drawer][data-undimmed]{pointer-events:none}[data-ui-drawer][data-undimmed]>[data-part-panel]{pointer-events:auto}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-body]:last-child{padding-block-end:calc(var(--_padding-block) + env(safe-area-inset-bottom,0px))}[data-ui-drawer][data-side=start]:dir(rtl)>[data-part-panel]{--_shift-x:100%}[data-ui-drawer][data-side=end]:dir(rtl)>[data-part-panel]{--_shift-x:-100%}[data-ui-drawer][data-size=full]>[data-part-panel]{border-width:0;border-radius:0}[data-ui-drawer][data-mode=inline][data-side=start]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-side=end]>[data-part-panel]{inline-size:var(--_extent)}[data-ui-drawer][data-mode=inline][data-side=top]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-side=bottom]>[data-part-panel]{block-size:var(--_extent)}[data-ui-drawer][data-mode=inline][data-open][data-side=start]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-open][data-side=end]>[data-part-panel]{max-inline-size:100%}[data-ui-drawer][data-mode=inline][data-open][data-side=top]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-open][data-side=bottom]>[data-part-panel]{max-block-size:100%}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]{justify-content:center;align-items:center;gap:min(var(--slotted-space-9,2rem), 12%);touch-action:none;--_rest:var(--slotted-drawer-resizer-line-color,var(--slotted-border-strong,ButtonBorder));--_active:var(--slotted-drawer-resizer-line-active-color,var(--slotted-text-muted,ButtonText));background:0 0;display:flex}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover,[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible,[data-ui-drawer][data-dragging]>[data-part-panel]>[data-part-resizer]{gap:var(--slotted-space-4,.5rem)}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer],[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]{flex-direction:column}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:before{content:"";--_reach-overhang:calc((var(--_resizer-reach) - var(--_resizer-thickness)) / -2);position:absolute}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]:before,[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]:before{inset-block:0;inset-inline:var(--_reach-overhang)}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]:before,[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]:before{inset-inline:0;inset-block:var(--_reach-overhang)}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer],[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]{inline-size:var(--_resizer-thickness);cursor:col-resize;position:absolute;inset-block:0}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]{inset-inline-end:0}[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]{inset-inline-start:0}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]{block-size:var(--_resizer-thickness);cursor:row-resize;position:relative}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]{grid-row:1}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]{grid-row:4}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]>[data-part-line]{flex:0 1 min(var(--slotted-space-12,4rem), 20%);min-block-size:0;min-inline-size:0;inline-size:var(--slotted-border-width-thin,1px);border-radius:var(--slotted-radius-sm,2px);transition:flex-basis var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard))}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]>[data-part-line]:first-child,[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]>[data-part-line]:first-child{background:linear-gradient(to bottom, transparent, var(--_rest))}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]>[data-part-line]:last-child,[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]>[data-part-line]:last-child{background:linear-gradient(to top, transparent, var(--_rest))}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-line],[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-line],[data-ui-drawer][data-dragging]>[data-part-panel]>[data-part-resizer]>[data-part-line]{background:var(--_active);flex-basis:100%}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));flex:none}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]>[data-part-grip],[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{color:var(--_rest);background-image:radial-gradient(circle,currentColor 40%,#0000 42%);background-size:var(--slotted-space-2,.25rem) var(--slotted-space-2,.25rem);inline-size:calc(2 * var(--slotted-space-2,.25rem));block-size:calc(3 * var(--slotted-space-2,.25rem))}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]>[data-part-grip],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{background-color:var(--_rest);border-radius:var(--slotted-radius-full,9999px);block-size:var(--slotted-space-2,.25rem);inline-size:var(--slotted-space-11,3rem)}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]>[data-part-line],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]>[data-part-line]{display:none}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-grip],[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-grip],[data-ui-drawer][data-dragging]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{color:var(--_active)}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-grip],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-grip],[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-grip],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-grip],[data-ui-drawer][data-dragging][data-side=top]>[data-part-panel]>[data-part-resizer]>[data-part-grip],[data-ui-drawer][data-dragging][data-side=bottom]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{background-color:var(--_active)}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset,2px))}[data-ui-drawer][data-dragging][data-side=start]>[data-part-panel],[data-ui-drawer][data-dragging][data-side=end]>[data-part-panel]{will-change:inline-size}[data-ui-drawer][data-dragging][data-side=top]>[data-part-panel],[data-ui-drawer][data-dragging][data-side=bottom]>[data-part-panel]{will-change:block-size}[data-ui-drawer]>[data-part-panel]>[data-part-header]{align-items:start;column-gap:var(--_gap);row-gap:var(--slotted-space-2,.25rem);padding-block:var(--_padding-block);padding-inline:var(--_row-padding-inline-start) var(--_row-padding-inline-end);grid-row:1;grid-template-columns:minmax(0,1fr) auto;display:grid}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-title]{overflow-wrap:anywhere;min-inline-size:0;font-family:var(--slotted-drawer-title-font-family,var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif)));font-size:var(--_title-font-size);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--slotted-line-height-lg,1.5);color:var(--slotted-drawer-title-color,var(--slotted-text,CanvasText));grid-area:1/1;margin:0}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-description]{overflow-wrap:anywhere;min-inline-size:0;font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md,1.5);color:var(--slotted-drawer-description-color,var(--slotted-text-muted,GrayText));grid-area:2/1;margin:0}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]{--slotted-icon-size:var(--_icon-size);block-size:var(--_close-size);inline-size:var(--_close-size);appearance:none;border-radius:var(--slotted-control-radius,var(--slotted-radius-sm,4px));color:var(--slotted-drawer-close-color,var(--slotted-text-muted,GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));background-color:#0000;border:0;grid-area:1/2/span 2;align-self:start;place-items:center;margin-inline-end:calc(-1 * (var(--_close-size) - var(--_icon-size)) / 2);padding:0;display:inline-grid}@media (pointer:coarse){[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]{position:relative}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]:before{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]:not(:disabled):hover{background-color:var(--slotted-drawer-close-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]:not(:disabled):active{background-color:var(--slotted-drawer-close-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset,2px))}[data-ui-drawer]>[data-part-panel]>[data-part-body]{overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;min-block-size:0;min-inline-size:0;padding-block:var(--_padding-block);padding-inline:var(--_row-padding-inline-start) var(--_row-padding-inline-end);font-size:var(--_body-font-size);line-height:var(--slotted-line-height-md,1.5);color:var(--slotted-drawer-body-color,var(--slotted-text,CanvasText));grid-row:2;overflow:hidden auto}[data-ui-drawer]>[data-part-panel]>[data-part-body][data-inset=none]{padding:0}[data-ui-drawer]>[data-part-panel]>[data-part-body]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-drawer-rule-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-drawer][data-loading]>[data-part-panel]>[data-part-body]{min-block-size:var(--slotted-space-12,4rem)}[data-ui-drawer]>[data-part-panel]>[data-part-footer]{justify-content:flex-end;align-items:center;gap:var(--_gap);padding-block:var(--_padding-block);padding-inline:var(--_row-padding-inline-start) var(--_row-padding-inline-end);background:var(--slotted-drawer-footer-surface,var(--slotted-surface-sunken,Canvas));flex-wrap:wrap;grid-row:3;display:flex}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-footer]{padding-block-end:calc(var(--_footer-padding-block,var(--_padding-block)) + env(safe-area-inset-bottom,0px))}[data-ui-drawer]>[data-part-panel]>[data-part-footer]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-drawer-rule-color,var(--slotted-border-subtle,ButtonBorder))}@media (forced-colors:active){[data-ui-drawer]>[data-part-panel]{border-width:var(--slotted-border-width-thick,2px);border-color:canvastext}}}
|
|
8
|
+
@layer slotted.components{[data-ui-drawer]{--_step:var(--slotted-drawer-extent-md,24rem);--_extent:var(--slotted-drawer-extent,var(--_step));--_padding-inline:var(--slotted-space-7,1.25rem);--_padding-block:var(--slotted-space-6,1rem);--_gap:var(--slotted-space-5,.75rem);--_rule-size:var(--slotted-border-width-thin,1px);--_title-font-size:var(--slotted-font-size-lg,1rem);--_description-font-size:var(--slotted-font-size-md,.875rem);--_body-font-size:var(--slotted-font-size-md,.875rem);--_icon-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_close-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));--_resizer-thickness:var(--slotted-space-6,1rem);--_resizer-reach:var(--slotted-target-min,24px);--_resizer-line:var(--slotted-border-width-thick,2px);--_radius:var(--slotted-radius-lg,8px);--_slide:var(--slotted-duration-long) var(--slotted-easing-enter);--_move:var(--slotted-duration-medium) var(--slotted-easing-enter);--_reveal:content-visibility var(--slotted-duration-medium) allow-discrete;box-sizing:border-box;color:var(--slotted-drawer-color,var(--slotted-text,CanvasText));font-family:var(--slotted-control-font-family,var(--slotted-font-family-sans));content-visibility:visible;transition:var(--_reveal);grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid}[data-ui-drawer]:not([data-open]){--_slide:var(--slotted-duration-medium) var(--slotted-easing-exit);--_move:var(--slotted-duration-medium) var(--slotted-easing-exit)}[data-ui-drawer][data-dragging]{--_move:var(--slotted-duration-instant) var(--slotted-easing-standard)}[data-ui-drawer][data-size=sm]{--_step:var(--slotted-drawer-extent-sm,18rem);--_padding-inline:var(--slotted-space-6,1rem)}[data-ui-drawer][data-size=lg]{--_step:var(--slotted-drawer-extent-lg,30rem)}[data-ui-drawer][data-size=xl]{--_step:var(--slotted-drawer-extent-xl,40rem);--_padding-inline:var(--slotted-space-8,1.5rem);--_title-font-size:var(--slotted-font-size-xl,1.125rem)}[data-ui-drawer][data-size=full]{--_step:100%}[data-ui-drawer][data-mode=overlay]{z-index:calc(var(--slotted-z-index-overlay,1000) + var(--slotted-layer-depth,0));position:fixed;inset:0}[data-ui-drawer][data-mode=inline]{overflow:clip}[data-ui-drawer][data-mode=inline][data-side=start],[data-ui-drawer][data-mode=inline][data-side=end]{inline-size:0;transition:inline-size var(--_move), var(--_reveal)}[data-ui-drawer][data-mode=inline][data-side=top],[data-ui-drawer][data-mode=inline][data-side=bottom]{block-size:0;transition:block-size var(--_move), var(--_reveal)}[data-ui-drawer][data-mode=inline][data-open][data-side=start],[data-ui-drawer][data-mode=inline][data-open][data-side=end]{inline-size:var(--_extent);max-inline-size:100%}[data-ui-drawer][data-mode=inline][data-open][data-side=top],[data-ui-drawer][data-mode=inline][data-open][data-side=bottom]{block-size:var(--_extent);max-block-size:100%}[data-ui-drawer][inert]{content-visibility:hidden;pointer-events:none}[data-ui-drawer]>[data-part-backdrop]{background:var(--slotted-drawer-scrim,var(--slotted-scrim,Canvas));opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);grid-area:1/1}[data-ui-drawer][data-open]>[data-part-backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-drawer]>[data-part-panel]{box-sizing:border-box;transition:inline-size var(--_move), block-size var(--_move);--_row-padding-inline-start:var(--_padding-inline);--_row-padding-inline-end:var(--_padding-inline);background:var(--slotted-drawer-surface,var(--slotted-surface-raised,Canvas));border-color:var(--slotted-drawer-border-color,var(--slotted-border-subtle,ButtonBorder));border-style:solid;border-width:0;grid-area:1/1;grid-template-columns:minmax(0,1fr);min-block-size:0;min-inline-size:0;display:grid;position:relative;overflow:hidden}[data-ui-drawer][data-mode=overlay]>[data-part-panel]{box-shadow:var(--slotted-shadow-lg);transition:translate var(--_slide), inline-size var(--_move), block-size var(--_move), border-start-start-radius var(--_move), border-start-end-radius var(--_move);translate:0}[data-ui-drawer][data-mode=overlay]:not([data-open])>[data-part-panel]{translate:var(--_shift-x,0) var(--_shift-y,0)}[data-ui-drawer][data-dragging]>[data-part-panel]{transition:none}[data-ui-drawer][data-dragging][data-mode=overlay]>[data-part-panel]{transition:translate var(--_slide)}[data-ui-drawer][data-dragging][data-mode=inline][data-side=start],[data-ui-drawer][data-dragging][data-mode=inline][data-side=end],[data-ui-drawer][data-dragging][data-mode=inline][data-side=top],[data-ui-drawer][data-dragging][data-mode=inline][data-side=bottom]{transition:var(--_reveal)}@media (prefers-reduced-motion:reduce){[data-ui-drawer][data-mode=overlay]>[data-part-panel]{transition:inline-size var(--_move), block-size var(--_move);translate:0}}[data-ui-drawer][data-side=start]>[data-part-panel],[data-ui-drawer][data-side=end]>[data-part-panel]{inline-size:min(var(--_extent), 100%);grid-template-rows:auto minmax(0,1fr) auto;align-self:stretch}[data-ui-drawer][data-side=top]>[data-part-panel],[data-ui-drawer][data-side=bottom]>[data-part-panel]{block-size:min(var(--_extent), 100%);justify-self:stretch}[data-ui-drawer][data-side=start]>[data-part-panel]{--_shift-x:-100%;--_row-padding-inline-end:max(var(--_padding-inline), var(--_resizer-thickness));border-inline-end-width:var(--_rule-size);justify-self:start}[data-ui-drawer][data-side=end]>[data-part-panel]{--_shift-x:100%;--_row-padding-inline-start:max(var(--_padding-inline), var(--_resizer-thickness));border-inline-start-width:var(--_rule-size);justify-self:end}[data-ui-drawer][data-side=top]>[data-part-panel]{--_shift-y:-100%;border-block-end-width:var(--_rule-size);border-end-end-radius:var(--slotted-drawer-radius,var(--_radius));border-end-start-radius:var(--slotted-drawer-radius,var(--_radius));grid-template-rows:auto minmax(0,1fr) auto auto;align-self:start}[data-ui-drawer][data-side=bottom]>[data-part-panel]{--_shift-y:100%;border-block-start-width:var(--_rule-size);border-start-start-radius:var(--slotted-drawer-radius,var(--_radius));border-start-end-radius:var(--slotted-drawer-radius,var(--_radius));grid-template-rows:auto auto minmax(0,1fr) auto;align-self:end}[data-ui-drawer][data-side=bottom][data-expanded]>[data-part-panel]{border-start-start-radius:var(--slotted-drawer-radius-expanded,0px);border-start-end-radius:var(--slotted-drawer-radius-expanded,0px)}[data-ui-drawer][data-side=bottom][data-expanded]>[data-part-panel]>[data-part-header]{padding-block-start:calc(var(--_padding-block) + env(safe-area-inset-top,0px))}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-header]{grid-row:2}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-body]{grid-row:3}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-footer]{grid-row:4}[data-ui-drawer][data-mode=overlay][data-side=top]>[data-part-panel],[data-ui-drawer][data-mode=overlay][data-side=bottom]>[data-part-panel]{inline-size:min(100%, var(--slotted-drawer-sheet-inline-size,var(--slotted-drawer-extent-xl,40rem)));border-inline-width:var(--_rule-size);justify-self:center}[data-ui-drawer][data-size=content]{--_step:auto;--_content-cap:min(var(--slotted-drawer-extent,calc(100% - var(--slotted-space-12,4rem))), 100%);interpolate-size:allow-keywords}[data-ui-drawer][data-size=content][data-side=start],[data-ui-drawer][data-size=content][data-side=end]{--_step:max-content}[data-ui-drawer][data-size=content][data-side=start]>[data-part-panel],[data-ui-drawer][data-size=content][data-side=end]>[data-part-panel]{inline-size:var(--_extent);max-inline-size:var(--_content-cap)}[data-ui-drawer][data-size=content][data-side=top]>[data-part-panel],[data-ui-drawer][data-size=content][data-side=bottom]>[data-part-panel]{block-size:var(--_extent);max-block-size:var(--_content-cap)}[data-ui-drawer][data-mode=overlay]{padding-block-end:var(--slotted-keyboard-inset,0px)}[data-ui-drawer][data-undimmed]>[data-part-backdrop]{opacity:0;pointer-events:none}[data-ui-drawer][data-undimmed]{pointer-events:none}[data-ui-drawer][data-undimmed]>[data-part-panel]{pointer-events:auto}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-body]:last-child{padding-block-end:calc(var(--_padding-block) + env(safe-area-inset-bottom,0px))}[data-ui-drawer][data-side=start]:dir(rtl)>[data-part-panel]{--_shift-x:100%}[data-ui-drawer][data-side=end]:dir(rtl)>[data-part-panel]{--_shift-x:-100%}[data-ui-drawer][data-size=full]>[data-part-panel]{border-width:0;border-radius:0}[data-ui-drawer][data-mode=inline][data-side=start]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-side=end]>[data-part-panel]{inline-size:var(--_extent)}[data-ui-drawer][data-mode=inline][data-side=top]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-side=bottom]>[data-part-panel]{block-size:var(--_extent)}[data-ui-drawer][data-mode=inline][data-open][data-side=start]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-open][data-side=end]>[data-part-panel]{max-inline-size:100%}[data-ui-drawer][data-mode=inline][data-open][data-side=top]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-open][data-side=bottom]>[data-part-panel]{max-block-size:100%}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]{justify-content:center;align-items:center;gap:min(var(--slotted-space-9,2rem), 12%);touch-action:none;--_rest:var(--slotted-drawer-resizer-line-color,var(--slotted-border-strong,ButtonBorder));--_active:var(--slotted-drawer-resizer-line-active-color,var(--slotted-text-muted,ButtonText));background:0 0;display:flex}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover,[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible,[data-ui-drawer][data-dragging]>[data-part-panel]>[data-part-resizer]{gap:var(--slotted-space-4,.5rem)}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer],[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]{flex-direction:column}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:before{content:"";--_reach-overhang:calc((var(--_resizer-reach) - var(--_resizer-thickness)) / -2);position:absolute}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]:before,[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]:before{inset-block:0;inset-inline:var(--_reach-overhang)}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]:before,[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]:before{inset-inline:0;inset-block:var(--_reach-overhang)}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer],[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]{inline-size:var(--_resizer-thickness);cursor:col-resize;position:absolute;inset-block:0}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]{inset-inline-end:0}[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]{inset-inline-start:0}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]{block-size:var(--_resizer-thickness);cursor:row-resize;position:relative}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]{grid-row:1}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]{grid-row:4}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]>[data-part-line]{flex:0 1 min(var(--slotted-space-12,4rem), 20%);min-block-size:0;min-inline-size:0;inline-size:var(--slotted-border-width-thin,1px);border-radius:var(--slotted-radius-sm,2px);transition:flex-basis var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard))}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]>[data-part-line]:first-child,[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]>[data-part-line]:first-child{background:linear-gradient(to bottom, transparent, var(--_rest))}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]>[data-part-line]:last-child,[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]>[data-part-line]:last-child{background:linear-gradient(to top, transparent, var(--_rest))}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-line],[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-line],[data-ui-drawer][data-dragging]>[data-part-panel]>[data-part-resizer]>[data-part-line]{background:var(--_active);flex-basis:100%}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));flex:none}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]>[data-part-grip],[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{color:var(--_rest);background-image:radial-gradient(circle,currentColor 40%,#0000 42%);background-size:var(--slotted-space-2,.25rem) var(--slotted-space-2,.25rem);inline-size:calc(2 * var(--slotted-space-2,.25rem));block-size:calc(3 * var(--slotted-space-2,.25rem))}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]>[data-part-grip],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{background-color:var(--_rest);border-radius:var(--slotted-radius-full,9999px);block-size:var(--slotted-space-2,.25rem);inline-size:var(--slotted-space-11,3rem)}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]>[data-part-line],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]>[data-part-line]{display:none}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-grip],[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-grip],[data-ui-drawer][data-dragging]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{color:var(--_active)}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-grip],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-grip],[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-grip],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-grip],[data-ui-drawer][data-dragging][data-side=top]>[data-part-panel]>[data-part-resizer]>[data-part-grip],[data-ui-drawer][data-dragging][data-side=bottom]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{background-color:var(--_active)}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset,2px))}[data-ui-drawer][data-dragging][data-side=start]>[data-part-panel],[data-ui-drawer][data-dragging][data-side=end]>[data-part-panel]{will-change:inline-size}[data-ui-drawer][data-dragging][data-side=top]>[data-part-panel],[data-ui-drawer][data-dragging][data-side=bottom]>[data-part-panel]{will-change:block-size}[data-ui-drawer]>[data-part-panel]>[data-part-header]{align-items:start;column-gap:var(--_gap);row-gap:var(--slotted-space-2,.25rem);padding-block:var(--_padding-block);padding-inline:var(--_row-padding-inline-start) var(--_row-padding-inline-end);grid-row:1;grid-template-columns:minmax(0,1fr) auto;display:grid}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-title]{overflow-wrap:anywhere;min-inline-size:0;font-family:var(--slotted-drawer-title-font-family,var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif)));font-size:var(--_title-font-size);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--slotted-line-height-lg,1.5);color:var(--slotted-drawer-title-color,var(--slotted-text,CanvasText));grid-area:1/1;margin:0}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-description]{overflow-wrap:anywhere;min-inline-size:0;font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md,1.5);color:var(--slotted-drawer-description-color,var(--slotted-text-muted,GrayText));grid-area:2/1;margin:0}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]{--slotted-icon-size:var(--_icon-size);block-size:var(--_close-size);inline-size:var(--_close-size);appearance:none;border-radius:var(--slotted-control-radius,var(--slotted-radius-sm,4px));color:var(--slotted-drawer-close-color,var(--slotted-text-muted,GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));background-color:#0000;border:0;grid-area:1/2/span 2;align-self:start;place-items:center;margin-inline-end:calc(-1 * (var(--_close-size) - var(--_icon-size)) / 2);padding:0;display:inline-grid}@media (pointer:coarse){[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]{position:relative}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]:before{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]:not(:disabled):hover{background-color:var(--slotted-drawer-close-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]:not(:disabled):active{background-color:var(--slotted-drawer-close-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset,2px))}[data-ui-drawer]>[data-part-panel]>[data-part-body]{overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;min-block-size:0;min-inline-size:0;padding-block:var(--_padding-block);padding-inline:var(--_row-padding-inline-start) var(--_row-padding-inline-end);font-size:var(--_body-font-size);line-height:var(--slotted-line-height-md,1.5);color:var(--slotted-drawer-body-color,var(--slotted-text,CanvasText));grid-row:2;overflow:hidden auto}[data-ui-drawer]>[data-part-panel]>[data-part-body][data-inset=none]{padding:0}[data-ui-drawer]>[data-part-panel]>[data-part-body]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-drawer-rule-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-drawer][data-loading]>[data-part-panel]>[data-part-body]{min-block-size:var(--slotted-space-12,4rem)}[data-ui-drawer]>[data-part-panel]>[data-part-footer]{justify-content:flex-end;align-items:center;gap:var(--_gap);padding-block:var(--_padding-block);padding-inline:var(--_row-padding-inline-start) var(--_row-padding-inline-end);background:var(--slotted-drawer-footer-surface,var(--slotted-surface-sunken,Canvas));flex-wrap:wrap;grid-row:3;display:flex}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-footer]{padding-block-end:calc(var(--_footer-padding-block,var(--_padding-block)) + env(safe-area-inset-bottom,0px))}[data-ui-drawer]>[data-part-panel]>[data-part-footer]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-drawer-rule-color,var(--slotted-border-subtle,ButtonBorder))}@media (forced-colors:active){[data-ui-drawer]>[data-part-panel]{border-width:var(--slotted-border-width-thick,2px);border-color:canvastext}}}
|
|
9
9
|
|
|
10
|
-
@layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px))
|
|
10
|
+
@layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px));animation:slotted-spinner-turn calc(var(--slotted-duration-loop-slow) * 1.25) linear infinite;block-size:var(--_size);color:inherit;forced-color-adjust:none;inline-size:var(--_size);opacity:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle;flex:none;display:inline-block;scale:1}[data-ui-spinner]>svg{fill:none;stroke:currentColor;stroke-width:2.25px;block-size:100%;inline-size:100%;display:block}[data-ui-spinner]>svg>circle:first-child{stroke-opacity:.2}[data-ui-spinner]>svg>circle:last-child{animation:slotted-spinner-arc var(--slotted-duration-loop-slow) infinite;stroke-dasharray:1 150;stroke-linecap:round;transform-origin:50%;rotate:-90deg}@keyframes slotted-spinner-turn{to{rotate:360deg}}@keyframes slotted-spinner-arc{0%{stroke-dasharray:1 150;stroke-dashoffset:0;animation-timing-function:ease-in-out}50%{stroke-dasharray:70 150;stroke-dashoffset:-28px;animation-timing-function:ease-in-out}to{stroke-dasharray:70 150;stroke-dashoffset:-99px}}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){[data-ui-spinner],[data-ui-spinner]>svg>circle:last-child{animation:none}[data-ui-spinner]>svg>circle:last-child{stroke-dasharray:75 150}}}
|
|
11
11
|
|
|
12
|
-
@layer slotted.components{[data-ui-button]{--_solid:var(--slotted-tone-accent-solid);--_solid-hover:var(--slotted-tone-accent-solid-hover);--_solid-active:var(--slotted-tone-accent-solid-active);--_on-solid:var(--slotted-tone-accent-on-solid);--_text:var(--slotted-tone-accent-text);--_edge:var(--_solid);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_font-size:var(--slotted-control-font-size-md,13px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_gap:var(--slotted-control-gap-md,8px);--_padding-inline-visual:max(var(--slotted-space-2,.25rem), calc(var(--_padding-inline) - var(--slotted-space-2,.25rem)));--_sweep-width:calc(var(--_height) * 2);--_sweep-strength:.34;appearance:none;border:var(--slotted-control-border-width,1px) solid transparent;border-radius:var(--slotted-control-radius,4px);box-sizing:border-box;cursor:pointer;font-family:var(--slotted-control-font-family,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight,600);align-items:center;gap:var(--_gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);text-align:center;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;text-decoration:none;display:inline-flex;position:relative}[data-ui-button][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_solid-hover:var(--slotted-tone-secondary-solid-hover);--_solid-active:var(--slotted-tone-secondary-solid-active);--_on-solid:var(--slotted-tone-secondary-on-solid);--_text:var(--slotted-tone-secondary-text);--_edge:var(--_solid-active)}[data-ui-button][data-tone=neutral]{--_solid:var(--slotted-tone-neutral-solid);--_solid-hover:var(--slotted-tone-neutral-solid-hover);--_solid-active:var(--slotted-tone-neutral-solid-active);--_on-solid:var(--slotted-tone-neutral-on-solid);--_text:var(--slotted-tone-neutral-text)}[data-ui-button][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_solid-hover:var(--slotted-tone-success-solid-hover);--_solid-active:var(--slotted-tone-success-solid-active);--_on-solid:var(--slotted-tone-success-on-solid);--_text:var(--slotted-tone-success-text)}[data-ui-button][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_solid-hover:var(--slotted-tone-info-solid-hover);--_solid-active:var(--slotted-tone-info-solid-active);--_on-solid:var(--slotted-tone-info-on-solid);--_text:var(--slotted-tone-info-text)}[data-ui-button][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_solid-hover:var(--slotted-tone-warning-solid-hover);--_solid-active:var(--slotted-tone-warning-solid-active);--_on-solid:var(--slotted-tone-warning-on-solid);--_text:var(--slotted-tone-warning-text)}[data-ui-button][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_solid-hover:var(--slotted-tone-danger-solid-hover);--_solid-active:var(--slotted-tone-danger-solid-active);--_on-solid:var(--slotted-tone-danger-on-solid);--_text:var(--slotted-tone-danger-text)}[data-ui-button][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_padding-inline:var(--slotted-control-padding-inline-sm,10px);--_font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_gap:var(--slotted-control-gap-sm,6px)}[data-ui-button][data-size=lg]{--_height:var(--slotted-control-height-lg,38px);--_padding-inline:var(--slotted-control-padding-inline-lg,16px);--_font-size:var(--slotted-control-font-size-lg,14px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_gap:var(--slotted-control-gap-lg,8px)}[data-ui-button][data-variant=solid]{background:var(--_solid,ButtonFace);border-color:var(--_edge,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_on-solid,ButtonText)}[data-ui-button][data-variant=outline]{border-color:var(--slotted-control-border-color,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_text,ButtonText);background:0 0}[data-ui-button][data-variant=ghost]{color:var(--_text,ButtonText);background:0 0;border-color:#0000}[data-ui-button][data-variant=outline],[data-ui-button][data-variant=ghost],[data-ui-button][data-variant=solid][data-tone=secondary]{--_sweep-strength:.18}[data-ui-button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active,Highlight);border-color:var(--slotted-tone-accent-border,Highlight);box-shadow:var(--slotted-control-shadow,none);color:var(--slotted-tone-accent-text,HighlightText)}[data-ui-button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover,Highlight)}[data-ui-button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active,Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin,1px));transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace)}[data-ui-button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active,ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover,Highlight)}[data-ui-button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active,Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui-button]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-button]:disabled,[data-ui-button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-button][data-variant=solid]:disabled,[data-ui-button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,ButtonBorder)}[data-ui-button][data-variant=outline]:disabled,[data-ui-button][data-variant=outline][data-disabled]{border-color:var(--slotted-disabled-border,GrayText);background:0 0}[data-ui-button][data-pressed]:disabled,[data-ui-button][data-pressed][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,GrayText);color:var(--slotted-disabled-foreground,GrayText)}[data-ui-button][data-disabled]:not(:disabled){color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=solid][data-disabled]:not(:disabled),[data-ui-button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace);border-color:var(--slotted-border-subtle,GrayText);color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle,GrayText)}[data-ui-button][data-loading]{cursor:progress}[data-ui-button][data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:0}[data-ui-button] [data-part-indicator]{--slotted-spinner-size:var(--_icon-size);flex:none}[data-ui-button] [data-part-start]:has(>[data-part-indicator]),[data-ui-button] [data-part-end]:has(>[data-part-indicator]),[data-ui-button] [data-part-icon]:has(>[data-part-indicator]){visibility:hidden}[data-ui-button] [data-part-start]>[data-part-indicator],[data-ui-button] [data-part-end]>[data-part-indicator],[data-ui-button] [data-part-icon]>[data-part-indicator]{visibility:visible;margin:auto;position:absolute;inset:0}[data-ui-button]>[data-part-indicator]{margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(90deg,#0000,currentColor 40%,#0000 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:"";opacity:var(--_sweep-strength);pointer-events:none;position:absolute;inset:0}[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):dir(rtl):after{background-image:linear-gradient(270deg,#0000,currentColor 40%,#0000 80%);animation-direction:reverse}[data-ui-button]:not([data-shape])[data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:1}[data-ui-button]:not([data-shape])[data-loading] [data-part-indicator]{opacity:0;position:absolute}}}[data-ui-button] [data-part-start],[data-ui-button] [data-part-end],[data-ui-button] [data-part-icon]{block-size:var(--_icon-size);box-sizing:border-box;font-size:var(--_icon-size);inline-size:var(--_icon-size);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}[data-ui-button] [data-part-start]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-end]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-icon]>:not([data-part-indicator]){block-size:100%;inline-size:100%;display:block}[data-ui-button] :is([data-part-start],[data-part-end]):has(>[data-ui-kbd]){block-size:auto;font-size:inherit;inline-size:auto}[data-ui-button] [data-part-label]{line-height:var(--slotted-line-height-sm,1.45);overflow-wrap:anywhere;min-inline-size:0}@supports (text-box:trim-both cap alphabetic){[data-ui-button] [data-part-label]{padding-block:calc((var(--slotted-line-height-sm,1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui-button]:not([data-shape]):has(>[data-part-start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui-button]:not([data-shape]):has(>[data-part-end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui-button][data-full-width]{inline-size:100%}[data-ui-button][data-justify=between]{justify-content:space-between}[data-ui-button][data-justify=between]>[data-part-label]{text-align:start;flex:auto}[data-ui-button][data-justify=between]>[data-part-end]{inline-size:auto;min-inline-size:var(--_icon-size)}[data-ui-button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height), var(--slotted-target-min,24px));min-inline-size:var(--slotted-target-min,24px);padding-block:0;padding-inline:0}[data-ui-button][data-shape=circle]{border-radius:var(--slotted-radius-full,9999px)}@media (forced-colors:active){[data-ui-button]{border-color:buttonborder}[data-ui-button][data-pressed]{border-color:highlight}[data-ui-button]:disabled,[data-ui-button][data-disabled]{color:graytext;border-color:graytext}}@media (prefers-reduced-motion:reduce){[data-ui-button] [data-part-indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}
|
|
12
|
+
@layer slotted.components{[data-ui-button]{--_solid:var(--slotted-tone-accent-solid);--_solid-hover:var(--slotted-tone-accent-solid-hover);--_solid-active:var(--slotted-tone-accent-solid-active);--_on-solid:var(--slotted-tone-accent-on-solid);--_text:var(--slotted-tone-accent-text);--_edge:var(--_solid);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_font-size:var(--slotted-control-font-size-md,13px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_gap:var(--slotted-control-gap-md,8px);--_padding-inline-visual:max(var(--slotted-space-2,.25rem), calc(var(--_padding-inline) - var(--slotted-space-2,.25rem)));--_sweep-width:calc(var(--_height) * 2);--_sweep-strength:.34;appearance:none;border:var(--slotted-control-border-width,1px) solid transparent;border-radius:var(--slotted-control-radius,4px);box-sizing:border-box;cursor:pointer;font-family:var(--slotted-control-font-family,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight,600);align-items:center;gap:var(--_gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);text-align:center;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;text-decoration:none;display:inline-flex;position:relative}[data-ui-button][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_solid-hover:var(--slotted-tone-secondary-solid-hover);--_solid-active:var(--slotted-tone-secondary-solid-active);--_on-solid:var(--slotted-tone-secondary-on-solid);--_text:var(--slotted-tone-secondary-text);--_edge:var(--_solid-active)}[data-ui-button][data-tone=neutral]{--_solid:var(--slotted-tone-neutral-solid);--_solid-hover:var(--slotted-tone-neutral-solid-hover);--_solid-active:var(--slotted-tone-neutral-solid-active);--_on-solid:var(--slotted-tone-neutral-on-solid);--_text:var(--slotted-tone-neutral-text)}[data-ui-button][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_solid-hover:var(--slotted-tone-success-solid-hover);--_solid-active:var(--slotted-tone-success-solid-active);--_on-solid:var(--slotted-tone-success-on-solid);--_text:var(--slotted-tone-success-text)}[data-ui-button][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_solid-hover:var(--slotted-tone-info-solid-hover);--_solid-active:var(--slotted-tone-info-solid-active);--_on-solid:var(--slotted-tone-info-on-solid);--_text:var(--slotted-tone-info-text)}[data-ui-button][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_solid-hover:var(--slotted-tone-warning-solid-hover);--_solid-active:var(--slotted-tone-warning-solid-active);--_on-solid:var(--slotted-tone-warning-on-solid);--_text:var(--slotted-tone-warning-text)}[data-ui-button][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_solid-hover:var(--slotted-tone-danger-solid-hover);--_solid-active:var(--slotted-tone-danger-solid-active);--_on-solid:var(--slotted-tone-danger-on-solid);--_text:var(--slotted-tone-danger-text)}[data-ui-button][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_padding-inline:var(--slotted-control-padding-inline-sm,10px);--_font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_gap:var(--slotted-control-gap-sm,6px)}[data-ui-button][data-size=lg]{--_height:var(--slotted-control-height-lg,38px);--_padding-inline:var(--slotted-control-padding-inline-lg,16px);--_font-size:var(--slotted-control-font-size-lg,14px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_gap:var(--slotted-control-gap-lg,8px)}[data-ui-button][data-variant=solid]{background:var(--_solid,ButtonFace);border-color:var(--_edge,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_on-solid,ButtonText)}[data-ui-button][data-variant=outline]{border-color:var(--slotted-control-border-color,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_text,ButtonText);background:0 0}[data-ui-button][data-variant=ghost]{color:var(--_text,ButtonText);background:0 0;border-color:#0000}[data-ui-button][data-variant=outline],[data-ui-button][data-variant=ghost],[data-ui-button][data-variant=solid][data-tone=secondary]{--_sweep-strength:.18}[data-ui-button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active,Highlight);border-color:var(--slotted-tone-accent-border,Highlight);box-shadow:var(--slotted-control-shadow,none);color:var(--slotted-tone-accent-text,HighlightText)}[data-ui-button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover,Highlight)}[data-ui-button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active,Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin,1px));transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace)}[data-ui-button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active,ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover,Highlight)}[data-ui-button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active,Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui-button]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-button]:disabled,[data-ui-button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-button][data-variant=solid]:disabled,[data-ui-button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,ButtonBorder)}[data-ui-button][data-variant=outline]:disabled,[data-ui-button][data-variant=outline][data-disabled]{border-color:var(--slotted-disabled-border,GrayText);background:0 0}[data-ui-button][data-pressed]:disabled,[data-ui-button][data-pressed][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,GrayText);color:var(--slotted-disabled-foreground,GrayText)}[data-ui-button][data-disabled]:not(:disabled){color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=solid][data-disabled]:not(:disabled),[data-ui-button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace);border-color:var(--slotted-border-subtle,GrayText);color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle,GrayText)}[data-ui-button][data-loading]{cursor:progress}[data-ui-button][data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:0}[data-ui-button] [data-part-indicator]{--slotted-spinner-size:var(--_icon-size);flex:none}[data-ui-button] [data-part-start]:has(>[data-part-indicator]),[data-ui-button] [data-part-end]:has(>[data-part-indicator]),[data-ui-button] [data-part-icon]:has(>[data-part-indicator]){visibility:hidden}[data-ui-button] [data-part-start]>[data-part-indicator],[data-ui-button] [data-part-end]>[data-part-indicator],[data-ui-button] [data-part-icon]>[data-part-indicator]{visibility:visible;margin:auto;position:absolute;inset:0}[data-ui-button]>[data-part-indicator]{margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(90deg,#0000,currentColor 40%,#0000 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:"";opacity:var(--_sweep-strength);pointer-events:none;position:absolute;inset:0}[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):dir(rtl):after{background-image:linear-gradient(270deg,#0000,currentColor 40%,#0000 80%);animation-direction:reverse}[data-ui-button]:not([data-shape])[data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:1}[data-ui-button]:not([data-shape])[data-loading] [data-part-indicator]{opacity:0;position:absolute}}}[data-ui-button] [data-part-start],[data-ui-button] [data-part-end],[data-ui-button] [data-part-icon]{block-size:var(--_icon-size);box-sizing:border-box;font-size:var(--_icon-size);inline-size:var(--_icon-size);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}[data-ui-button] [data-part-start]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-end]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-icon]>:not([data-part-indicator]){block-size:100%;inline-size:100%;display:block}[data-ui-button] :is([data-part-start],[data-part-end]):has(>[data-ui-kbd]){block-size:auto;font-size:inherit;inline-size:auto}[data-ui-button] [data-part-label]{line-height:var(--slotted-line-height-sm,1.45);text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}@supports (text-box:trim-both cap alphabetic){[data-ui-button] [data-part-label]{padding-block:calc((var(--slotted-line-height-sm,1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui-button]:not([data-shape]):has(>[data-part-start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui-button]:not([data-shape]):has(>[data-part-end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui-button][data-full-width]{inline-size:100%}[data-ui-button][data-justify=between]{justify-content:space-between}[data-ui-button][data-justify=between]>[data-part-label]{text-align:start;flex:auto}[data-ui-button][data-justify=between]>[data-part-end]{inline-size:auto;min-inline-size:var(--_icon-size)}[data-ui-button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height), var(--slotted-target-min,24px));min-inline-size:var(--slotted-target-min,24px);padding-block:0;padding-inline:0}[data-ui-button][data-shape=circle]{border-radius:var(--slotted-radius-full,9999px)}@media (forced-colors:active){[data-ui-button]{border-color:buttonborder}[data-ui-button][data-pressed]{border-color:highlight}[data-ui-button]:disabled,[data-ui-button][data-disabled]{color:graytext;border-color:graytext}}@media (prefers-reduced-motion:reduce){[data-ui-button] [data-part-indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}
|
|
13
13
|
|
|
14
14
|
@layer slotted.components{[data-ui-inline-message][data-part-root]{--_text:var(--slotted-text-muted);--_font-size:var(--slotted-control-font-size-sm,12px);--_mark-size:1em;--_column-gap:var(--slotted-inline-message-column-gap,var(--slotted-space-4,.5rem));color:var(--_text);font-family:var(--slotted-inline-message-font-family,var(--slotted-control-font-family,sans-serif));font-size:var(--_font-size);line-height:var(--slotted-inline-message-line-height,var(--slotted-line-height-md,1.5));grid-template-columns:auto minmax(0,1fr);margin:0;display:grid;position:relative}[data-ui-inline-message][data-part-root][data-tone=accent]{--_text:var(--slotted-tone-accent-text)}[data-ui-inline-message][data-part-root][data-tone=secondary]{--_text:var(--slotted-text-muted)}[data-ui-inline-message][data-part-root][data-tone=success]{--_text:var(--slotted-tone-success-text)}[data-ui-inline-message][data-part-root][data-tone=info]{--_text:var(--slotted-tone-info-text)}[data-ui-inline-message][data-part-root][data-tone=warning]{--_text:var(--slotted-tone-warning-text)}[data-ui-inline-message][data-part-root][data-tone=danger]{--_text:var(--slotted-tone-danger-text)}[data-ui-inline-message][data-part-root][data-size=sm]{--_font-size:var(--slotted-control-font-size-sm,12px)}[data-ui-inline-message][data-part-root][data-size=md]{--_font-size:var(--slotted-control-font-size-md,13px)}[data-ui-inline-message][data-part-root][data-reserve]{min-block-size:1lh}[data-ui-inline-message]>[data-part-prefix]{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-ui-inline-message]>[data-part-icon]{--slotted-icon-size:var(--_mark-size);block-size:var(--_mark-size);box-sizing:border-box;inline-size:var(--_mark-size);grid-area:1/1;justify-content:center;align-self:start;align-items:center;margin-block-start:calc((1lh - var(--_mark-size)) / 2);margin-inline-end:var(--_column-gap);display:flex}[data-ui-inline-message][data-part-root][data-mark=dot]{--_dot-size:calc(var(--_mark-size) / 3)}[data-ui-inline-message][data-mark=dot]>[data-part-icon]:has(>[data-ui-icon]>[data-glyph=dot]){--slotted-icon-size:calc(var(--_dot-size) * 2);inline-size:var(--_dot-size)}[data-ui-inline-message][data-tone=secondary]:not([data-loading]):not([data-mark=dot])>[data-part-icon]:empty,[data-ui-inline-message][data-mark=none]:not([data-loading])>[data-part-icon]:empty{display:none}[data-ui-inline-message]>[data-part-text]{overflow-wrap:anywhere;grid-area:1/2;min-inline-size:0}[data-ui-inline-message]>[data-part-actions]{align-items:center;gap:var(--slotted-inline-message-actions-gap,var(--_column-gap));flex-wrap:wrap;grid-area:2/2;min-inline-size:0;margin-block-start:var(--slotted-inline-message-actions-offset,var(--slotted-space-2,.25rem));display:flex}[data-ui-inline-message]:has([data-part-text]:empty)>[data-part-icon],[data-ui-inline-message]:has([data-part-text]:empty)>[data-part-prefix]{display:none}[data-ui-inline-message][data-loading]>[data-part-icon]{animation:slotted-inline-message-spin var(--slotted-duration-loop-fast) linear infinite;block-size:var(--_mark-size);border:max(var(--slotted-border-width-thin,1px), calc(var(--_mark-size) / 8)) solid currentcolor;border-radius:var(--slotted-radius-full,9999px);inline-size:var(--_mark-size);border-inline-end-color:#0000;margin-block-start:calc((1lh - var(--_mark-size)) / 2);display:block}[data-ui-inline-message][data-loading]>[data-part-icon]>*{display:none}[data-ui-inline-message][data-part-root][data-disabled]{color:var(--slotted-disabled-foreground)}[data-ui-inline-message][data-disabled]>[data-part-icon]{animation:none}@media (prefers-reduced-motion:reduce){[data-ui-inline-message][data-loading]>[data-part-icon]{animation:none}}@media (forced-colors:active){[data-ui-inline-message]>[data-part-icon]{color:canvastext}[data-ui-inline-message][data-part-root][data-disabled]>[data-part-icon]{color:graytext}[data-ui-inline-message][data-loading]>[data-part-icon]{border-color:canvastext;border-inline-end-color:canvas}}}@keyframes slotted-inline-message-spin{to{transform:rotate(1turn)}}
|
|
15
15
|
|
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
|
|
4
4
|
@layer slotted.components{[data-ui-highlight] [data-part-match]{background-color:var(--slotted-highlight-background,color-mix(in oklab, var(--slotted-tone-accent-text) calc(var(--slotted-highlight-tint-opacity,.075) * 100%), transparent));-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:var(--slotted-radius-none,0px);color:var(--slotted-highlight-color,var(--slotted-tone-accent-text));font-weight:inherit;letter-spacing:inherit;-webkit-text-decoration-color:var(--slotted-highlight-rule-color,var(--slotted-tone-accent-border));text-decoration-color:var(--slotted-highlight-rule-color,var(--slotted-tone-accent-border));text-decoration-line:underline;text-decoration-thickness:var(--slotted-border-width-thin,1px);text-underline-offset:var(--slotted-space-1,.125rem);padding:0}[data-ui-highlight] [data-part-match][data-current]{background-color:var(--slotted-highlight-current-background,var(--slotted-tone-accent-solid));color:var(--slotted-highlight-current-color,var(--slotted-tone-accent-on-solid));text-decoration-line:none}[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{background-color:var(--slotted-highlight-disabled-background,transparent);color:inherit;text-decoration-line:underline}@media (forced-colors:active){[data-ui-highlight] [data-part-match],[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{color:marktext;forced-color-adjust:none;background-color:mark}[data-ui-highlight] [data-part-match][data-current]{color:highlighttext;background-color:highlight}}}
|
|
5
5
|
|
|
6
|
-
@layer slotted.components{[data-ui-dialog]{--_measure:var(--slotted-dialog-measure,32rem);--_layer-padding:var(--slotted-space-8,1.5rem);--_padding-inline:var(--slotted-dialog-padding-inline,var(--slotted-space-8,1.5rem));--_padding-block:var(--slotted-dialog-padding-block,var(--slotted-space-7,1.25rem));--_header-padding-block:var(--slotted-space-6,1rem);--_footer-padding-block:var(--slotted-space-5,.75rem);--_gap:var(--slotted-space-5,.75rem);--_rule-size:var(--slotted-border-width-thin,1px);--_title-font-size:var(--slotted-font-size-xl,1.125rem);--_title-line-height:var(--slotted-line-height-md,1.5);--_description-font-size:var(--slotted-font-size-md,.875rem);--_body-font-size:var(--slotted-font-size-md,.875rem);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_inner-size:var(--slotted-control-inner-size-lg,28px);--_close-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));--_status-size:var(--_title-font-size);--_mark-gap:var(--slotted-space-4,.5rem);--_tone-color:var(--slotted-tone-danger-text,CanvasText);z-index:calc(var(--slotted-z-index-overlay,1000) + var(--slotted-layer-depth,0));color:var(--slotted-dialog-color,var(--slotted-text,CanvasText));font-family:var(--slotted-control-font-family,var(--slotted-font-family-sans));content-visibility:visible;transition:content-visibility var(--slotted-duration-medium) allow-discrete;grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid;position:fixed;inset:0;container:slotted-dialog/inline-size}[data-ui-dialog][inert]{content-visibility:hidden;pointer-events:none}[data-ui-dialog]:not([data-modal]){pointer-events:none}[data-ui-dialog]:not([data-modal])>[data-part-backdrop]{visibility:hidden}[data-ui-dialog]:not([data-modal])>[data-part-viewport]>[data-part-content]{pointer-events:auto}[data-ui-dialog][data-size=sm]{--_measure:var(--slotted-dialog-measure,24rem);--_padding-inline:var(--slotted-dialog-padding-inline-sm,var(--slotted-space-7,1.25rem));--_padding-block:var(--slotted-dialog-padding-block-sm,var(--slotted-space-6,1rem));--_header-padding-block:var(--slotted-space-5,.75rem);--_footer-padding-block:var(--slotted-space-4,.5rem);--_title-font-size:var(--slotted-font-size-lg,1rem)}[data-ui-dialog][data-size=lg]{--_measure:var(--slotted-dialog-measure,42rem)}[data-ui-dialog][data-size=xl]{--_measure:var(--slotted-dialog-measure,56rem)}[data-ui-dialog][data-size=full]{--_measure:var(--slotted-dialog-measure,none)}[data-ui-dialog]>[data-part-backdrop]{background:var(--slotted-dialog-scrim,var(--slotted-scrim,Canvas));opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);grid-area:1/1}[data-ui-dialog][data-open]>[data-part-backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-dialog]>[data-part-viewport]{padding:var(--_layer-padding);overscroll-behavior:contain;grid-area:1/1;grid-template-columns:minmax(0,1fr);align-content:safe center;justify-items:center;display:grid;overflow:auto}[data-ui-dialog][data-placement=top]>[data-part-viewport]{align-content:safe start}[data-ui-dialog]>[data-part-viewport]>[data-part-content]{--slotted-dialog-inset-inline:var(--_padding-inline);--slotted-dialog-inset-block:var(--_padding-block);inline-size:100%;max-inline-size:var(--_measure);background:var(--slotted-dialog-surface,var(--slotted-surface-raised,Canvas));border:var(--_rule-size) solid var(--slotted-dialog-border-color,var(--slotted-border-subtle,ButtonBorder));border-radius:var(--slotted-dialog-radius,var(--slotted-radius-lg,8px));max-block-size:100%;box-shadow:var(--slotted-shadow-lg);opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}[data-ui-dialog][data-open]>[data-part-viewport]>[data-part-content]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]{max-block-size:none}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form{display:contents}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]{align-items:start;column-gap:0;row-gap:var(--slotted-space-2,.25rem);padding-block:var(--_header-padding-block);padding-inline:var(--_padding-inline);grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:not([data-part-icon],[data-part-title],[data-part-description],[data-part-fullscreen],[data-part-close]),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:not([data-part-icon],[data-part-title],[data-part-description],[data-part-fullscreen],[data-part-close]){grid-column:2;justify-self:start}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-icon],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-icon]{--slotted-icon-size:var(--_status-size);color:var(--_tone-color);block-size:var(--_status-size);inline-size:var(--_status-size);flex:none;grid-area:1/1/span 2;align-self:start;place-items:center;margin-block-start:calc((var(--_title-font-size) * var(--_title-line-height) - var(--_status-size)) / 2);margin-inline-end:var(--_mark-gap);display:inline-grid}[data-ui-dialog][data-tone=accent]{--_tone-color:var(--slotted-tone-accent-text,CanvasText)}[data-ui-dialog][data-tone=secondary]{--_tone-color:var(--slotted-tone-secondary-text,CanvasText)}[data-ui-dialog][data-tone=success]{--_tone-color:var(--slotted-tone-success-text,CanvasText)}[data-ui-dialog][data-tone=info]{--_tone-color:var(--slotted-tone-info-text,CanvasText)}[data-ui-dialog][data-tone=warning]{--_tone-color:var(--slotted-tone-warning-text,CanvasText)}[data-ui-dialog][data-tone=danger]{--_tone-color:var(--slotted-tone-danger-text,CanvasText)}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-title],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-title]{overflow-wrap:anywhere;min-inline-size:0;font-family:var(--slotted-dialog-title-font-family,var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif)));font-size:var(--_title-font-size);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--_title-line-height);color:var(--slotted-dialog-title-color,var(--slotted-text,CanvasText));grid-area:1/2;margin:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-description],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-description]{overflow-wrap:anywhere;min-inline-size:0;font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md,1.5);color:var(--slotted-dialog-description-color,var(--slotted-text-muted,GrayText));grid-area:2/2;margin:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-description] :is(strong,b),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-description] :is(strong,b){font-weight:var(--slotted-font-weight-semibold,600);color:var(--slotted-dialog-title-color,var(--slotted-text,CanvasText))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]{--slotted-icon-size:var(--_icon-size);block-size:var(--_close-size);inline-size:var(--_close-size);appearance:none;border-radius:var(--slotted-control-radius,var(--slotted-radius-sm,4px));color:var(--slotted-dialog-close-color,var(--slotted-text-muted,GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));background-color:#0000;border:0;grid-area:1/4/span 2;align-self:start;place-items:center;margin-inline-start:var(--_gap);margin-inline-end:calc(-1 * (var(--_close-size) - var(--_icon-size)) / 2);padding:0;display:inline-grid}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:not(:disabled):hover,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:not(:disabled):hover{background-color:var(--slotted-dialog-close-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:not(:disabled):active,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:not(:disabled):active{background-color:var(--slotted-dialog-close-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:focus-visible,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset,2px))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]{--slotted-icon-size:var(--_icon-size);block-size:var(--_close-size);inline-size:var(--_close-size);appearance:none;border-radius:var(--slotted-control-radius,var(--slotted-radius-sm,4px));color:var(--slotted-dialog-close-color,var(--slotted-text-muted,GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));background-color:#0000;border:0;grid-area:1/3/span 2;align-self:start;place-items:center;margin-inline-start:var(--_gap);padding:0;display:inline-grid}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]+[data-part-close],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]+[data-part-close]{margin-inline-start:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:not(:disabled):hover,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:not(:disabled):hover{background-color:var(--slotted-dialog-close-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:not(:disabled):active,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:not(:disabled):active{background-color:var(--slotted-dialog-close-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:focus-visible,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset,2px))}@media (pointer:coarse){[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:is([data-part-close],[data-part-fullscreen]),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:is([data-part-close],[data-part-fullscreen]){position:relative}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:is([data-part-close],[data-part-fullscreen]):before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:is([data-part-close],[data-part-fullscreen]):before{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:has(+[data-part-close]):before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:has(+[data-part-close]):before{inset-inline-end:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]+[data-part-close]:before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]+[data-part-close]:before{inset-inline-start:0}}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-body]:not(:first-child),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-body]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-body]{overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;min-block-size:0;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);font-size:var(--_body-font-size);line-height:var(--slotted-line-height-md,1.5);color:var(--slotted-dialog-body-color,var(--slotted-text,CanvasText));overflow:hidden auto}[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]>[data-part-body]{overflow:visible}[data-ui-dialog][data-loading]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog][data-loading]>[data-part-viewport]>[data-part-content]>[data-part-body]{min-block-size:var(--slotted-space-12,4rem)}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-footer],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-footer]{justify-content:flex-end;align-items:center;gap:var(--_gap);padding-block:var(--_footer-padding-block);padding-inline:var(--_padding-inline);background:var(--slotted-dialog-footer-surface,var(--slotted-surface-sunken,Canvas));flex-wrap:wrap;display:flex}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-footer]:not(:first-child),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-footer]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]{box-shadow:none;background:0 0;border:0;border-radius:0;display:block;overflow:visible}[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]>form>:is([data-part-header],[data-part-body],[data-part-footer]),[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]>:is([data-part-header],[data-part-body],[data-part-footer]){background:0 0;border:0;padding:0}@container slotted-dialog (inline-size<=30rem){[data-ui-dialog][data-full-screen=narrow]>[data-part-viewport]{align-content:stretch;padding:0}[data-ui-dialog][data-full-screen=narrow]>[data-part-viewport]>[data-part-content]{box-sizing:border-box;block-size:100%;max-inline-size:none;border:0;border-radius:0;padding-block-end:var(--slotted-keyboard-inset,0px)}}[data-ui-dialog][data-full-screen=always]>[data-part-viewport],[data-ui-dialog][data-fullscreen]>[data-part-viewport]{align-content:stretch;padding:0}[data-ui-dialog][data-full-screen=always]>[data-part-viewport]>[data-part-content],[data-ui-dialog][data-fullscreen]>[data-part-viewport]>[data-part-content]{box-sizing:border-box;block-size:100%;max-inline-size:none;border:0;border-radius:0;padding-block-end:var(--slotted-keyboard-inset,0px)}@media (forced-colors:active){[data-ui-dialog]>[data-part-viewport]>[data-part-content]{border-color:canvastext;border-width:var(--slotted-border-width-thick,2px)}}}
|
|
6
|
+
@layer slotted.components{[data-ui-dialog]{--_measure:var(--slotted-dialog-measure,32rem);--_layer-padding:var(--slotted-space-8,1.5rem);--_padding-inline:var(--slotted-dialog-padding-inline,var(--slotted-space-8,1.5rem));--_padding-block:var(--slotted-dialog-padding-block,var(--slotted-space-7,1.25rem));--_header-padding-block:var(--slotted-space-6,1rem);--_footer-padding-block:var(--slotted-space-5,.75rem);--_gap:var(--slotted-space-5,.75rem);--_rule-size:var(--slotted-border-width-thin,1px);--_title-font-size:var(--slotted-font-size-xl,1.125rem);--_title-line-height:var(--slotted-line-height-md,1.5);--_description-font-size:var(--slotted-font-size-md,.875rem);--_body-font-size:var(--slotted-font-size-md,.875rem);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_inner-size:var(--slotted-control-inner-size-lg,28px);--_close-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));--_status-size:var(--_title-font-size);--_mark-gap:var(--slotted-space-4,.5rem);--_tone-color:var(--slotted-tone-danger-text,CanvasText);z-index:calc(var(--slotted-z-index-overlay,1000) + var(--slotted-layer-depth,0));color:var(--slotted-dialog-color,var(--slotted-text,CanvasText));font-family:var(--slotted-control-font-family,var(--slotted-font-family-sans));content-visibility:visible;transition:content-visibility var(--slotted-duration-medium) allow-discrete;grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid;position:fixed;inset:0;container:slotted-dialog/inline-size}[data-ui-dialog][inert]{content-visibility:hidden;pointer-events:none}[data-ui-dialog]:not([data-modal]){pointer-events:none}[data-ui-dialog]:not([data-modal])>[data-part-backdrop]{visibility:hidden}[data-ui-dialog]:not([data-modal])>[data-part-viewport]>[data-part-content]{pointer-events:auto}[data-ui-dialog][data-size=sm]{--_measure:var(--slotted-dialog-measure,24rem);--_padding-inline:var(--slotted-dialog-padding-inline-sm,var(--slotted-space-7,1.25rem));--_padding-block:var(--slotted-dialog-padding-block-sm,var(--slotted-space-6,1rem));--_header-padding-block:var(--slotted-space-5,.75rem);--_footer-padding-block:var(--slotted-space-4,.5rem);--_title-font-size:var(--slotted-font-size-lg,1rem)}[data-ui-dialog][data-size=lg]{--_measure:var(--slotted-dialog-measure,42rem)}[data-ui-dialog][data-size=xl]{--_measure:var(--slotted-dialog-measure,56rem)}[data-ui-dialog][data-size=full]{--_measure:var(--slotted-dialog-measure,none)}[data-ui-dialog]>[data-part-backdrop]{background:var(--slotted-dialog-scrim,var(--slotted-scrim,Canvas));opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);grid-area:1/1}[data-ui-dialog][data-open]>[data-part-backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-dialog]>[data-part-viewport]{padding:var(--_layer-padding);overscroll-behavior:contain;grid-area:1/1;grid-template-columns:minmax(0,1fr);align-content:safe center;justify-items:center;display:grid;overflow:auto}[data-ui-dialog][data-placement=top]>[data-part-viewport]{align-content:safe start}[data-ui-dialog]>[data-part-viewport]>[data-part-content]{--slotted-dialog-inset-inline:var(--_padding-inline);--slotted-dialog-inset-block:var(--_padding-block);inline-size:100%;max-inline-size:var(--_measure);background:var(--slotted-dialog-surface,var(--slotted-surface-raised,Canvas));border:var(--_rule-size) solid var(--slotted-dialog-border-color,var(--slotted-border-subtle,ButtonBorder));border-radius:var(--slotted-dialog-radius,var(--slotted-radius-lg,8px));max-block-size:100%;box-shadow:var(--slotted-shadow-lg);opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);-webkit-backdrop-filter:var(--slotted-dialog-backdrop-filter,none);backdrop-filter:var(--slotted-dialog-backdrop-filter,none);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}@media (prefers-reduced-transparency:reduce),(forced-colors:active){[data-ui-dialog]>[data-part-viewport]>[data-part-content]{-webkit-backdrop-filter:none;backdrop-filter:none}}[data-ui-dialog][data-open]>[data-part-viewport]>[data-part-content]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]{max-block-size:none}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form{display:contents}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]{align-items:start;column-gap:0;row-gap:var(--slotted-space-2,.25rem);padding-block:var(--_header-padding-block);padding-inline:var(--_padding-inline);grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:not([data-part-icon],[data-part-title],[data-part-description],[data-part-fullscreen],[data-part-close]),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:not([data-part-icon],[data-part-title],[data-part-description],[data-part-fullscreen],[data-part-close]){grid-column:2;justify-self:start}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-icon],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-icon]{--slotted-icon-size:var(--_status-size);color:var(--_tone-color);block-size:var(--_status-size);inline-size:var(--_status-size);flex:none;grid-area:1/1/span 2;align-self:start;place-items:center;margin-block-start:calc((var(--_title-font-size) * var(--_title-line-height) - var(--_status-size)) / 2);margin-inline-end:var(--_mark-gap);display:inline-grid}[data-ui-dialog][data-tone=accent]{--_tone-color:var(--slotted-tone-accent-text,CanvasText)}[data-ui-dialog][data-tone=secondary]{--_tone-color:var(--slotted-tone-secondary-text,CanvasText)}[data-ui-dialog][data-tone=success]{--_tone-color:var(--slotted-tone-success-text,CanvasText)}[data-ui-dialog][data-tone=info]{--_tone-color:var(--slotted-tone-info-text,CanvasText)}[data-ui-dialog][data-tone=warning]{--_tone-color:var(--slotted-tone-warning-text,CanvasText)}[data-ui-dialog][data-tone=danger]{--_tone-color:var(--slotted-tone-danger-text,CanvasText)}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-title],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-title]{overflow-wrap:anywhere;min-inline-size:0;font-family:var(--slotted-dialog-title-font-family,var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif)));font-size:var(--_title-font-size);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--_title-line-height);color:var(--slotted-dialog-title-color,var(--slotted-text,CanvasText));grid-area:1/2;margin:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-description],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-description]{overflow-wrap:anywhere;min-inline-size:0;font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md,1.5);color:var(--slotted-dialog-description-color,var(--slotted-text-muted,GrayText));grid-area:2/2;margin:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-description] :is(strong,b),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-description] :is(strong,b){font-weight:var(--slotted-font-weight-semibold,600);color:var(--slotted-dialog-title-color,var(--slotted-text,CanvasText))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]{--slotted-icon-size:var(--_icon-size);block-size:var(--_close-size);inline-size:var(--_close-size);appearance:none;border-radius:var(--slotted-control-radius,var(--slotted-radius-sm,4px));color:var(--slotted-dialog-close-color,var(--slotted-text-muted,GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));background-color:#0000;border:0;grid-area:1/4/span 2;align-self:start;place-items:center;margin-inline-start:var(--_gap);margin-inline-end:calc(-1 * (var(--_close-size) - var(--_icon-size)) / 2);padding:0;display:inline-grid}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:not(:disabled):hover,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:not(:disabled):hover{background-color:var(--slotted-dialog-close-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:not(:disabled):active,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:not(:disabled):active{background-color:var(--slotted-dialog-close-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:focus-visible,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset,2px))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]{--slotted-icon-size:var(--_icon-size);block-size:var(--_close-size);inline-size:var(--_close-size);appearance:none;border-radius:var(--slotted-control-radius,var(--slotted-radius-sm,4px));color:var(--slotted-dialog-close-color,var(--slotted-text-muted,GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));background-color:#0000;border:0;grid-area:1/3/span 2;align-self:start;place-items:center;margin-inline-start:var(--_gap);padding:0;display:inline-grid}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]+[data-part-close],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]+[data-part-close]{margin-inline-start:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:not(:disabled):hover,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:not(:disabled):hover{background-color:var(--slotted-dialog-close-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:not(:disabled):active,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:not(:disabled):active{background-color:var(--slotted-dialog-close-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:focus-visible,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset,2px))}@media (pointer:coarse){[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:is([data-part-close],[data-part-fullscreen]),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:is([data-part-close],[data-part-fullscreen]){position:relative}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:is([data-part-close],[data-part-fullscreen]):before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:is([data-part-close],[data-part-fullscreen]):before{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:has(+[data-part-close]):before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:has(+[data-part-close]):before{inset-inline-end:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]+[data-part-close]:before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]+[data-part-close]:before{inset-inline-start:0}}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-body]:not(:first-child),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-body]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-body]{overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;min-block-size:0;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);font-size:var(--_body-font-size);line-height:var(--slotted-line-height-md,1.5);color:var(--slotted-dialog-body-color,var(--slotted-text,CanvasText));overflow:hidden auto}[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]>[data-part-body]{overflow:visible}[data-ui-dialog][data-loading]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog][data-loading]>[data-part-viewport]>[data-part-content]>[data-part-body]{min-block-size:var(--slotted-space-12,4rem)}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-footer],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-footer]{justify-content:flex-end;align-items:center;gap:var(--_gap);padding-block:var(--_footer-padding-block);padding-inline:var(--_padding-inline);background:var(--slotted-dialog-footer-surface,var(--slotted-surface-sunken,Canvas));flex-wrap:wrap;display:flex}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-footer]:not(:first-child),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-footer]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]{box-shadow:none;opacity:1;background:0 0;border:0;border-radius:0;transition:none;display:block;overflow:visible}[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]>*{opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-dialog][data-surface=plain][data-open]>[data-part-viewport]>[data-part-content]>*{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]>form>:is([data-part-header],[data-part-body],[data-part-footer]),[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]>:is([data-part-header],[data-part-body],[data-part-footer]){background:0 0;border:0;padding:0}@container slotted-dialog (inline-size<=30rem){[data-ui-dialog][data-full-screen=narrow]>[data-part-viewport]{align-content:stretch;padding:0}[data-ui-dialog][data-full-screen=narrow]>[data-part-viewport]>[data-part-content]{box-sizing:border-box;block-size:100%;max-inline-size:none;border:0;border-radius:0;padding-block-end:var(--slotted-keyboard-inset,0px)}}[data-ui-dialog][data-full-screen=always]>[data-part-viewport],[data-ui-dialog][data-fullscreen]>[data-part-viewport]{align-content:stretch;padding:0}[data-ui-dialog][data-full-screen=always]>[data-part-viewport]>[data-part-content],[data-ui-dialog][data-fullscreen]>[data-part-viewport]>[data-part-content]{box-sizing:border-box;block-size:100%;max-inline-size:none;border:0;border-radius:0;padding-block-end:var(--slotted-keyboard-inset,0px)}@media (forced-colors:active){[data-ui-dialog]>[data-part-viewport]>[data-part-content]{border-color:canvastext;border-width:var(--slotted-border-width-thick,2px)}}}
|
|
7
7
|
|
|
8
8
|
@layer slotted.components{[data-ui-kbd]{--_size:var(--slotted-space-8,1.5rem);--_font-size:var(--slotted-control-font-size-md,13px);--_inset-inline:var(--slotted-space-3,.375rem);--_radius:var(--slotted-kbd-radius,var(--slotted-radius-md,6px));--_gap:var(--slotted-space-2,.25rem);--_edge-width:var(--slotted-kbd-border-width,var(--slotted-border-width-thin,1px));--_base-width:var(--_edge-width);--_block-size:var(--slotted-control-inner-size,var(--_size));--_background:var(--slotted-surface-raised,Canvas);--_face:none;--_border:var(--slotted-control-border-color,ButtonBorder);--_base:var(--slotted-border-strong,ButtonBorder);--_color:var(--slotted-text,CanvasText)}[data-ui-kbd][data-part-root]{background-color:var(--_background);background-image:var(--_face);block-size:var(--_block-size);border:var(--_edge-width) solid var(--_border);border-block-end:var(--_base-width) solid var(--_base);border-radius:var(--_radius);box-sizing:border-box;color:var(--_color);font-family:var(--slotted-kbd-font-family,var(--slotted-control-font-family,sans-serif));font-size:var(--_font-size);font-variant-numeric:tabular-nums;font-weight:var(--slotted-kbd-font-weight,var(--slotted-font-weight-medium,500));min-inline-size:var(--_block-size);padding-block:0;padding-inline:var(--_inset-inline);white-space:nowrap;vertical-align:middle;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);place-items:center;line-height:1;display:inline-grid}@supports (text-box:trim-both cap alphabetic){[data-ui-kbd] [data-part-legend]{text-box:trim-both cap alphabetic}[data-ui-kbd] [data-part-legend][data-legend=symbol]{text-box:normal}}[data-ui-kbd] [data-part-legend][data-legend=symbol]{font-family:var(--slotted-kbd-symbol-font-family,var(--slotted-font-family-sans,sans-serif));font-size:1.1em}[data-ui-kbd] [data-part-name]{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-ui-kbd][data-part-shortcut]{font-family:var(--slotted-kbd-font-family,var(--slotted-control-font-family,sans-serif));align-items:center;gap:var(--_gap);vertical-align:middle;direction:ltr;flex-wrap:wrap;max-inline-size:100%;line-height:1;display:inline-flex}[data-ui-kbd][data-part-shortcut][data-platform=mac]{--_gap:var(--slotted-space-1,.125rem)}[data-ui-kbd][data-part-shortcut][data-platform=mac][data-size=inherit]{--_gap:.125em}[data-ui-kbd] [data-part-separator]{color:var(--slotted-text-muted,GrayText);font-family:var(--slotted-kbd-font-family,var(--slotted-control-font-family,sans-serif));font-size:var(--_font-size);flex:none;line-height:1}[data-ui-kbd] [data-part-separator][data-separator=then]{font-family:var(--slotted-control-font-family,sans-serif);padding-inline:var(--slotted-space-2,.25rem)}[data-ui-kbd][data-size=xs]{--_size:var(--slotted-space-6,1rem);--_font-size:.6875rem;--_inset-inline:var(--slotted-space-2,.25rem);--_radius:var(--slotted-kbd-radius,var(--slotted-radius-sm,4px));--_gap:var(--slotted-space-1,.125rem)}[data-ui-kbd][data-size=sm]{--_size:var(--slotted-space-7,1.25rem);--_font-size:var(--slotted-control-font-size-sm,12px);--_inset-inline:var(--slotted-space-2,.25rem)}[data-ui-kbd][data-size=lg]{--_size:calc(var(--slotted-space-8,1.5rem) + var(--slotted-space-2,.25rem));--_font-size:var(--slotted-control-font-size-lg,14px);--_inset-inline:var(--slotted-space-4,.5rem);--_radius:var(--slotted-kbd-radius,var(--slotted-radius-lg,8px))}[data-ui-kbd][data-size=inherit]{--_size:1.5em;--_font-size:.8em;--_inset-inline:.4em;--_radius:var(--slotted-kbd-radius,.375em);--_gap:.25em}@supports (inline-size:round(nearest, 1.5em, 1px)){[data-ui-kbd][data-size=inherit]{--_size:round(nearest, 1.5em, 1px)}}[data-ui-kbd][data-variant=raised]{--_base-width:var(--slotted-kbd-base-width,var(--slotted-border-width-thick,2px));--_face:linear-gradient(to bottom, var(--_background) 40%, color-mix(in oklab, var(--_background), var(--_base) 10%))}[data-ui-kbd][data-variant=outline]{--_background:transparent;--_border:var(--slotted-border-strong,ButtonBorder);--_color:inherit}[data-ui-kbd][data-variant=soft]{--_background:var(--slotted-tone-secondary-surface);--_border:var(--slotted-tone-secondary-border);--_base:var(--slotted-tone-secondary-border);--_color:var(--slotted-tone-secondary-text)}[data-ui-kbd][data-variant=plain]{--_background:transparent;--_border:transparent;--_base:transparent;--_color:inherit}[data-ui-kbd][data-part-root][data-variant=plain]{min-inline-size:0;padding-inline:0}[data-ui-kbd][data-disabled]{--_background:var(--slotted-disabled-background,Canvas);--_face:none;--_border:var(--slotted-disabled-border,GrayText);--_base:var(--slotted-disabled-border,GrayText);--_color:var(--slotted-disabled-foreground,GrayText)}[data-ui-kbd][data-disabled] [data-part-separator]{color:var(--slotted-disabled-foreground,GrayText)}[data-ui-kbd][data-variant=outline][data-disabled],[data-ui-kbd][data-variant=plain][data-disabled]{--_background:transparent}[data-ui-kbd][data-variant=plain][data-disabled]{--_border:transparent;--_base:transparent}}
|
|
9
9
|
|
|
10
|
-
@layer slotted.components{[data-ui-command-palette]{--_surface:var(--slotted-command-palette-surface,var(--slotted-surface-raised,#fff));--_text:var(--slotted-command-palette-text,var(--slotted-text,#0f172a));--_muted:var(--slotted-command-palette-text-muted,var(--slotted-text-muted,#5b6b7f));--_border-color:var(--slotted-command-palette-border-color,var(--slotted-border-subtle,#e2e8f0));--_border-width:var(--slotted-border-width-thin,1px);--_radius:var(--slotted-command-palette-radius,var(--slotted-radius-lg,8px));--_shadow:var(--slotted-command-palette-shadow,var(--slotted-shadow-lg));--_highlight:var(--slotted-command-palette-highlight,var(--slotted-tone-accent-surface));--_highlight-ring:var(--slotted-command-palette-highlight-ring,var(--slotted-tone-accent-border));--_hover:var(--slotted-command-palette-hover,var(--slotted-tone-secondary-subtle-hover));--_active:var(--slotted-command-palette-active,var(--slotted-tone-secondary-subtle-active));--_item-height:var(--slotted-control-height-md,34px);--_item-inset:var(--slotted-control-padding-inline-md,13px);--_item-radius:var(--slotted-command-palette-item-radius,var(--slotted-control-radius));--_font-size:var(--slotted-control-font-size-md,13px);--_secondary-font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_column-gap:var(--slotted-control-gap-md,8px);--_header-height:var(--slotted-control-height-lg,38px);--_header-font-size:var(--slotted-control-font-size-lg,14px);--_header-icon-size:var(--slotted-control-icon-size-lg,18px);--_header-inset:var(--slotted-control-padding-inline-lg,16px);--_chip-size:var(--slotted-control-inner-size-md,24px);--_list-inset:var(--slotted-command-palette-list-padding,var(--slotted-space-2,.25rem));--_list-max:var(--slotted-command-palette-list-max-block-size,22rem);background:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;color:var(--_text);contain-intrinsic-inline-size:var(--slotted-command-palette-measure,22rem);font-family:var(--slotted-font-family-sans);font-size:var(--_font-size);inline-size:100%;line-height:var(--slotted-line-height-md,1.5);grid-template-rows:auto minmax(0,1fr) auto auto;display:grid;overflow:clip;container:command-palette/inline-size}[data-ui-command-palette][data-size=sm]{--_item-height:var(--slotted-control-height-sm,30px);--_item-inset:var(--slotted-control-padding-inline-sm,10px);--_font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_column-gap:var(--slotted-control-gap-sm,6px);--_header-height:var(--slotted-control-height-md,34px);--_header-font-size:var(--slotted-control-font-size-md,13px);--_header-icon-size:var(--slotted-control-icon-size-md,16px);--_header-inset:var(--slotted-control-padding-inline-md,13px);--_chip-size:var(--slotted-control-inner-size-sm,22px)}[data-ui-command-palette][data-size=lg]{--_item-height:var(--slotted-control-height-lg,38px);--_item-inset:var(--slotted-control-padding-inline-lg,16px);--_font-size:var(--slotted-control-font-size-lg,14px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_column-gap:var(--slotted-control-gap-lg,8px);--_header-height:calc(var(--slotted-control-height-lg,38px) + var(--slotted-space-4,.5rem));--_header-font-size:var(--slotted-font-size-lg,1rem);--_header-icon-size:var(--slotted-control-inner-size-sm,22px);--_chip-size:var(--slotted-control-inner-size-lg,28px)}[data-ui-command-palette]>[data-part-header]{border-block-end:var(--_border-width) solid var(--_border-color);box-sizing:border-box;align-items:center;gap:var(--_column-gap);min-block-size:var(--_header-height);padding-inline:var(--_header-inset);display:flex;position:relative}[data-ui-command-palette]>[data-part-header]:has(>[data-part-input]:focus-visible):after{background-color:var(--slotted-focus-ring-color,currentColor);block-size:var(--slotted-focus-ring-width,2px);content:"";pointer-events:none;position:absolute;inset-block-end:calc(-1 * var(--_border-width));inset-inline:0}[data-ui-command-palette] :is([data-part-search],[data-part-busy]){color:var(--_muted);flex:none}[data-ui-command-palette] [data-part-search]{--slotted-icon-size:var(--_header-icon-size);display:flex}[data-ui-command-palette] [data-part-busy]{--slotted-spinner-size:var(--_header-icon-size)}[data-ui-command-palette] [data-part-pages]{align-items:center;gap:var(--slotted-space-2,.25rem);flex:none;min-inline-size:0;max-inline-size:50%;margin:0;padding:0;list-style:none;display:flex}[data-ui-command-palette] [data-part-pages]>li{display:contents}[data-ui-command-palette] [data-part-page]{appearance:none;background-color:var(--slotted-command-palette-page-surface,var(--_hover));block-size:var(--_chip-size);border-radius:var(--slotted-radius-sm,4px);box-sizing:border-box;color:var(--_muted);cursor:pointer;font:inherit;font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-medium,500);min-inline-size:0;max-inline-size:100%;padding-block:0;padding-inline:var(--slotted-space-4,.5rem);touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));white-space:nowrap;border:0;flex:0 auto;align-items:center;line-height:1;display:inline-flex;position:relative}[data-ui-command-palette] [data-part-page]>span{text-overflow:ellipsis;overflow:hidden}[data-ui-command-palette] [data-part-page]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-min,24px)) / 2));position:absolute}[data-ui-command-palette] [data-part-page]:not(:disabled):hover{background-color:var(--_active);color:var(--_text)}[data-ui-command-palette] [data-part-page]:not(:disabled):active{background-color:var(--_active)}[data-ui-command-palette] [data-part-page]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-command-palette] [data-part-pages]>li>[data-ui-icon]{--slotted-icon-size:var(--_icon-size);color:var(--_muted);opacity:.7}[data-ui-command-palette] [data-part-input]{appearance:none;box-sizing:border-box;block-size:100%;color:var(--_text);font-family:inherit;font-size:var(--_header-font-size);line-height:inherit;min-block-size:var(--_header-height);background:0 0;border:0;outline:none;flex:auto;min-inline-size:0;margin:0;padding:0}[data-ui-command-palette] [data-part-input]::placeholder{color:var(--_muted);opacity:1}[data-ui-command-palette] [data-part-input]:placeholder-shown{mask-image:linear-gradient(to right, #000 calc(100% - var(--slotted-command-palette-placeholder-fade,2em)), transparent)}[data-ui-command-palette] [data-part-input]::-webkit-search-cancel-button{appearance:none}[data-ui-command-palette] [data-part-input]::-webkit-search-decoration{appearance:none}[data-ui-command-palette]>[data-part-header]>[data-part-clear]{--_clear-size:min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--slotted-control-inner-size-md,24px));appearance:none;block-size:var(--_clear-size);border-radius:var(--slotted-control-radius,4px);color:var(--_muted);cursor:pointer;inline-size:var(--_clear-size);touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));background-color:#0000;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}[data-ui-command-palette]>[data-part-header]>[data-part-clear]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-min,24px)) / 2));position:absolute}@media (pointer:coarse){[data-ui-command-palette]>[data-part-header]>[data-part-clear]:after{inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2))}[data-ui-command-palette]>[data-part-header]>[data-part-clear]:has(+[data-part-close]):after{inset-inline-end:0}}[data-ui-command-palette]>[data-part-header]>[data-part-clear]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui-command-palette]>[data-part-header]>[data-part-clear]:not(:disabled):active{background-color:var(--_active)}[data-ui-command-palette]>[data-part-header]>[data-part-clear]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-command-palette]:not([data-query])>[data-part-header]>[data-part-clear]{display:none}[data-ui-command-palette]>[data-part-header]>[data-part-close]{appearance:none;block-size:var(--slotted-control-height-sm,30px);border-radius:var(--slotted-control-radius,4px);color:var(--slotted-tone-accent-text,LinkText);cursor:pointer;font:inherit;font-size:var(--_font-size);font-weight:var(--slotted-font-weight-medium,500);padding-block:0;padding-inline:var(--slotted-space-3,.375rem);touch-action:manipulation;white-space:nowrap;background-color:#0000;border:0;flex:none;align-items:center;display:none}[data-ui-command-palette]>[data-part-header]>[data-part-close]:not(:disabled):hover{background-color:var(--_hover)}[data-ui-command-palette]>[data-part-header]>[data-part-close]:not(:disabled):active{background-color:var(--_active)}[data-ui-command-palette]>[data-part-header]>[data-part-close]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-command-palette]>[data-part-list]{box-sizing:border-box;max-block-size:var(--_list-max);overscroll-behavior:contain;padding-block:var(--_list-inset);padding-inline:var(--_list-inset);scroll-padding-block:var(--_list-inset);outline:none;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-content:start;display:grid;overflow-y:auto}[data-ui-command-palette]>[data-part-list][data-loading]{cursor:progress}[data-ui-command-palette] [data-part-group]{grid-column:1/-1;grid-template-columns:subgrid;display:grid}[data-ui-command-palette] [data-part-group-label]{color:var(--_muted);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--slotted-line-height-sm,1.45);padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_item-inset);grid-column:1/-1}[data-ui-command-palette] [data-part-item]{border-radius:var(--_item-radius);box-sizing:border-box;color:inherit;cursor:pointer;grid-column:1/-1;grid-template-columns:subgrid;line-height:var(--slotted-line-height-md,1.5);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_item-inset);-webkit-user-select:none;user-select:none;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));align-content:center;row-gap:0;text-decoration:none;display:grid}[data-ui-command-palette] [data-part-item]:not([data-disabled]):not([data-current]):hover{background-color:var(--_hover)}[data-ui-command-palette] [data-part-item]:not([data-disabled]):not([data-current]):active{background-color:var(--_active)}[data-ui-command-palette] [data-part-item][data-current]{background-color:var(--_highlight);box-shadow:inset 0 0 0 var(--slotted-border-width-thin,1px) var(--_highlight-ring);transition:none}[data-ui-command-palette] [data-part-item][data-current]:not([data-disabled]):active{background-color:var(--_active)}[data-ui-command-palette] [data-part-item][data-disabled]{color:var(--slotted-disabled-foreground,#64748b);cursor:not-allowed}[data-ui-command-palette] [data-part-item][data-loading]{cursor:progress}[data-ui-command-palette] [data-part-item]>[data-part-busy]{--slotted-spinner-size:var(--_icon-size);color:var(--_muted);grid-column:5;justify-self:end;margin-inline-start:var(--_column-gap)}[data-ui-command-palette] [data-part-icon]{--slotted-icon-size:var(--_icon-size);block-size:1lh;inline-size:var(--_icon-size);grid-area:1/1;justify-content:center;justify-self:center;align-items:center;margin-inline-end:calc(var(--_column-gap) + var(--slotted-space-2,.25rem));display:flex}[data-ui-command-palette] [data-part-icon]:not(:empty)>*{block-size:var(--_icon-size);font-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui-command-palette] [data-part-label]{text-overflow:ellipsis;white-space:nowrap;grid-area:1/2;min-inline-size:0;overflow:hidden}[data-ui-command-palette] [data-part-description]{color:var(--_muted);font-size:var(--_secondary-font-size);line-height:var(--slotted-line-height-xs,1.4);text-overflow:ellipsis;white-space:nowrap;grid-area:2/2;min-inline-size:0;overflow:hidden}[data-ui-command-palette] [data-part-item][data-disabled]>[data-part-description]{color:inherit}[data-ui-command-palette] [data-part-item]>:is([data-part-meta],[data-part-shortcut],[data-part-arrow],[data-part-busy]){grid-row:1/-1;align-self:center}[data-ui-command-palette] [data-part-meta]{color:var(--_muted);font-size:var(--_secondary-font-size);white-space:nowrap;grid-column:3;justify-self:end;margin-inline-start:var(--slotted-space-6,1rem)}[data-ui-command-palette] [data-part-item]:not(:has(>[data-part-shortcut]))>[data-part-meta]{grid-column:3/5}[data-ui-command-palette] [data-part-item]>[data-part-shortcut]{color:var(--_muted);font-size:calc(var(--_secondary-font-size) * .9);white-space:nowrap;grid-column:4;justify-self:end;align-items:center;margin-inline-start:var(--slotted-space-6,1rem);display:inline-flex}[data-ui-command-palette] [data-part-item][data-disabled]>:is([data-part-meta],[data-part-shortcut]){color:inherit}[data-ui-command-palette] [data-part-arrow]{--slotted-icon-size:var(--_icon-size);block-size:1lh;inline-size:var(--_icon-size);opacity:.7;grid-column:5;justify-self:end;align-items:center;margin-inline-start:var(--_column-gap);display:flex}[data-ui-command-palette]>[data-part-list] [data-part-separator]:not([data-separator]){background-color:var(--slotted-command-palette-separator-color,var(--_border-color));block-size:var(--_border-width);margin-block:var(--slotted-space-2,.25rem);border:0;grid-column:1/-1;margin-inline:0}[data-ui-command-palette] [data-part-empty]{color:var(--_muted);padding-block:var(--slotted-space-8,1.5rem);padding-inline:var(--_item-inset);text-align:center;unicode-bidi:plaintext;grid-column:1/-1}[data-ui-command-palette]>[data-part-status]{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}[data-ui-command-palette] [data-part-placeholder]{padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_item-inset);grid-column:1/-1;display:grid}[data-ui-command-palette] [data-part-placeholder]>*{min-block-size:var(--_item-height);align-items:center;display:flex}[data-ui-command-palette] [data-part-placeholder]>:nth-child(2) [data-ui-skeleton]{inline-size:78%}[data-ui-command-palette] [data-part-placeholder]>:nth-child(3) [data-ui-skeleton]{inline-size:56%}[data-ui-command-palette]>[data-part-footer]{background:var(--slotted-command-palette-footer-surface,var(--slotted-surface-sunken,#f8fafd));border-block-start:var(--_border-width) solid var(--_border-color);box-sizing:border-box;color:var(--_muted);font-size:var(--slotted-font-size-xs,.75rem);align-items:center;gap:var(--slotted-space-6,1rem);line-height:var(--slotted-line-height-xs,1.4);min-block-size:var(--slotted-control-height-sm,30px);padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_header-inset);flex-wrap:wrap;display:flex}[data-ui-command-palette]>[data-part-footer]>[data-part-hint]{font-size:calc(var(--slotted-font-size-xs,.75rem) * .9);align-items:center;gap:var(--slotted-space-3,.375rem);white-space:nowrap;display:inline-flex}[data-ui-command-palette]>[data-part-footer]>[data-part-hint]>span:not([data-ui]){font-size:var(--slotted-font-size-xs,.75rem);line-height:1}@container command-palette (width<=360px){[data-ui-command-palette] :is([data-part-description],[data-part-meta]){display:none}[data-ui-command-palette] [data-part-pages]{max-inline-size:33%}[data-ui-command-palette]>[data-part-footer]{gap:var(--slotted-space-4,.5rem)}}@container slotted-dialog (inline-size<=30rem){[data-ui-command-palette][data-presentation=dialog]{--_list-max:none;box-shadow:none;border-inline:0;border-radius:0;position:absolute;inset:0}[data-ui-command-palette][data-presentation=dialog]>[data-part-header]>[data-part-close]{display:inline-flex}}@media (hover:none) and (pointer:coarse){[data-ui-command-palette]>[data-part-footer]{display:none}}@media (forced-colors:active){[data-ui-command-palette] [data-part-item][data-current]{color:highlighttext;forced-color-adjust:none;background-color:highlight}[data-ui-command-palette] [data-part-item][data-disabled][data-current]{color:graytext;background-color:highlight}[data-ui-command-palette]>[data-part-header]:has(>[data-part-input]:focus-visible):after{forced-color-adjust:none}}}
|
|
10
|
+
@layer slotted.components{[data-ui-command-palette]{--_surface:var(--slotted-command-palette-surface,var(--slotted-surface-raised,#fff));--_text:var(--slotted-command-palette-text,var(--slotted-text,#0f172a));--_muted:var(--slotted-command-palette-text-muted,var(--slotted-text-muted,#5b6b7f));--_border-color:var(--slotted-command-palette-border-color,var(--slotted-border-subtle,#e2e8f0));--_border-width:var(--slotted-border-width-thin,1px);--_radius:var(--slotted-command-palette-radius,var(--slotted-radius-lg,8px));--_shadow:var(--slotted-command-palette-shadow,var(--slotted-shadow-lg));--_highlight:var(--slotted-command-palette-highlight,var(--slotted-tone-accent-surface));--_highlight-ring:var(--slotted-command-palette-highlight-ring,var(--slotted-tone-accent-border));--_hover:var(--slotted-command-palette-hover,var(--slotted-tone-secondary-subtle-hover));--_active:var(--slotted-command-palette-active,var(--slotted-tone-secondary-subtle-active));--_item-height:var(--slotted-control-height-md,34px);--_item-inset:var(--slotted-control-padding-inline-md,13px);--_item-radius:var(--slotted-command-palette-item-radius,var(--slotted-control-radius));--_font-size:var(--slotted-control-font-size-md,13px);--_secondary-font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_column-gap:var(--slotted-control-gap-md,8px);--_header-height:var(--slotted-control-height-lg,38px);--_header-font-size:var(--slotted-control-font-size-lg,14px);--_header-icon-size:var(--slotted-control-icon-size-lg,18px);--_header-inset:var(--slotted-control-padding-inline-lg,16px);--_chip-size:var(--slotted-control-inner-size-md,24px);--_list-inset:var(--slotted-command-palette-list-padding,var(--slotted-space-2,.25rem));--_list-max:var(--slotted-command-palette-list-max-block-size,22rem);background:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;color:var(--_text);contain-intrinsic-inline-size:var(--slotted-command-palette-measure,22rem);font-family:var(--slotted-font-family-sans);font-size:var(--_font-size);inline-size:100%;line-height:var(--slotted-line-height-md,1.5);-webkit-backdrop-filter:var(--slotted-command-palette-backdrop-filter,none);backdrop-filter:var(--slotted-command-palette-backdrop-filter,none);grid-template-rows:auto minmax(0,1fr) auto auto;display:grid;overflow:clip;container:command-palette/inline-size}@media (prefers-reduced-transparency:reduce),(forced-colors:active){[data-ui-command-palette]{-webkit-backdrop-filter:none;backdrop-filter:none}}[data-ui-command-palette][data-size=sm]{--_item-height:var(--slotted-control-height-sm,30px);--_item-inset:var(--slotted-control-padding-inline-sm,10px);--_font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_column-gap:var(--slotted-control-gap-sm,6px);--_header-height:var(--slotted-control-height-md,34px);--_header-font-size:var(--slotted-control-font-size-md,13px);--_header-icon-size:var(--slotted-control-icon-size-md,16px);--_header-inset:var(--slotted-control-padding-inline-md,13px);--_chip-size:var(--slotted-control-inner-size-sm,22px)}[data-ui-command-palette][data-size=lg]{--_item-height:var(--slotted-control-height-lg,38px);--_item-inset:var(--slotted-control-padding-inline-lg,16px);--_font-size:var(--slotted-control-font-size-lg,14px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_column-gap:var(--slotted-control-gap-lg,8px);--_header-height:calc(var(--slotted-control-height-lg,38px) + var(--slotted-space-4,.5rem));--_header-font-size:var(--slotted-font-size-lg,1rem);--_header-icon-size:var(--slotted-control-inner-size-sm,22px);--_chip-size:var(--slotted-control-inner-size-lg,28px)}[data-ui-command-palette]>[data-part-header]{border-block-end:var(--_border-width) solid var(--_border-color);box-sizing:border-box;align-items:center;gap:var(--_column-gap);min-block-size:var(--_header-height);padding-inline:var(--_header-inset);display:flex;position:relative}[data-ui-command-palette]>[data-part-header]:has(>[data-part-input]:focus-visible):after{background-color:var(--slotted-focus-ring-color,currentColor);block-size:var(--slotted-focus-ring-width,2px);content:"";pointer-events:none;position:absolute;inset-block-end:calc(-1 * var(--_border-width));inset-inline:0}[data-ui-command-palette] :is([data-part-search],[data-part-busy]){color:var(--_muted);flex:none}[data-ui-command-palette] [data-part-search]{--slotted-icon-size:var(--_header-icon-size);display:flex}[data-ui-command-palette] [data-part-busy]{--slotted-spinner-size:var(--_header-icon-size)}[data-ui-command-palette] [data-part-pages]{align-items:center;gap:var(--slotted-space-2,.25rem);flex:none;min-inline-size:0;max-inline-size:50%;margin:0;padding:0;list-style:none;display:flex}[data-ui-command-palette] [data-part-pages]>li{display:contents}[data-ui-command-palette] [data-part-page]{appearance:none;background-color:var(--slotted-command-palette-page-surface,var(--_hover));block-size:var(--_chip-size);border-radius:var(--slotted-radius-sm,4px);box-sizing:border-box;color:var(--_muted);cursor:pointer;font:inherit;font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-medium,500);min-inline-size:0;max-inline-size:100%;padding-block:0;padding-inline:var(--slotted-space-4,.5rem);touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));white-space:nowrap;border:0;flex:0 auto;align-items:center;line-height:1;display:inline-flex;position:relative}[data-ui-command-palette] [data-part-page]>span{text-overflow:ellipsis;overflow:hidden}[data-ui-command-palette] [data-part-page]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-min,24px)) / 2));position:absolute}[data-ui-command-palette] [data-part-page]:not(:disabled):hover{background-color:var(--_active);color:var(--_text)}[data-ui-command-palette] [data-part-page]:not(:disabled):active{background-color:var(--_active)}[data-ui-command-palette] [data-part-page]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-command-palette] [data-part-pages]>li>[data-ui-icon]{--slotted-icon-size:var(--_icon-size);color:var(--_muted);opacity:.7}[data-ui-command-palette] [data-part-input]{appearance:none;box-sizing:border-box;block-size:100%;color:var(--_text);font-family:inherit;font-size:var(--_header-font-size);line-height:inherit;min-block-size:var(--_header-height);background:0 0;border:0;outline:none;flex:auto;min-inline-size:0;margin:0;padding:0}[data-ui-command-palette] [data-part-input]::placeholder{color:var(--_muted);opacity:1}[data-ui-command-palette] [data-part-input]:placeholder-shown{mask-image:linear-gradient(to right, #000 calc(100% - var(--slotted-command-palette-placeholder-fade,2em)), transparent)}[data-ui-command-palette] [data-part-input]::-webkit-search-cancel-button{appearance:none}[data-ui-command-palette] [data-part-input]::-webkit-search-decoration{appearance:none}[data-ui-command-palette]>[data-part-header]>[data-part-clear]{--_clear-size:min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--slotted-control-inner-size-md,24px));appearance:none;block-size:var(--_clear-size);border-radius:var(--slotted-control-radius,4px);color:var(--_muted);cursor:pointer;inline-size:var(--_clear-size);touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));background-color:#0000;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}[data-ui-command-palette]>[data-part-header]>[data-part-clear]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-min,24px)) / 2));position:absolute}@media (pointer:coarse){[data-ui-command-palette]>[data-part-header]>[data-part-clear]:after{inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2))}[data-ui-command-palette]>[data-part-header]>[data-part-clear]:has(+[data-part-close]):after{inset-inline-end:0}}[data-ui-command-palette]>[data-part-header]>[data-part-clear]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui-command-palette]>[data-part-header]>[data-part-clear]:not(:disabled):active{background-color:var(--_active)}[data-ui-command-palette]>[data-part-header]>[data-part-clear]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-command-palette]:not([data-query])>[data-part-header]>[data-part-clear]{display:none}[data-ui-command-palette]>[data-part-header]>[data-part-close]{appearance:none;block-size:var(--slotted-control-height-sm,30px);border-radius:var(--slotted-control-radius,4px);color:var(--slotted-tone-accent-text,LinkText);cursor:pointer;font:inherit;font-size:var(--_font-size);font-weight:var(--slotted-font-weight-medium,500);padding-block:0;padding-inline:var(--slotted-space-3,.375rem);touch-action:manipulation;white-space:nowrap;background-color:#0000;border:0;flex:none;align-items:center;display:none}[data-ui-command-palette]>[data-part-header]>[data-part-close]:not(:disabled):hover{background-color:var(--_hover)}[data-ui-command-palette]>[data-part-header]>[data-part-close]:not(:disabled):active{background-color:var(--_active)}[data-ui-command-palette]>[data-part-header]>[data-part-close]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-command-palette]>[data-part-list]{box-sizing:border-box;max-block-size:var(--_list-max);overscroll-behavior:contain;padding-block:var(--_list-inset);padding-inline:var(--_list-inset);scroll-padding-block:var(--_list-inset);outline:none;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-content:start;display:grid;overflow-y:auto}[data-ui-command-palette]>[data-part-list][data-loading]{cursor:progress}[data-ui-command-palette] [data-part-group]{grid-column:1/-1;grid-template-columns:subgrid;display:grid}[data-ui-command-palette] [data-part-group-label]{color:var(--_muted);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--slotted-line-height-sm,1.45);padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_item-inset);grid-column:1/-1}[data-ui-command-palette] [data-part-item]{border-radius:var(--_item-radius);box-sizing:border-box;color:inherit;cursor:pointer;grid-column:1/-1;grid-template-columns:subgrid;line-height:var(--slotted-line-height-md,1.5);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_item-inset);-webkit-user-select:none;user-select:none;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));align-content:center;row-gap:0;text-decoration:none;display:grid}[data-ui-command-palette] [data-part-item]:not([data-disabled]):not([data-current]):hover{background-color:var(--_hover)}[data-ui-command-palette] [data-part-item]:not([data-disabled]):not([data-current]):active{background-color:var(--_active)}[data-ui-command-palette] [data-part-item][data-current]{background-color:var(--_highlight);box-shadow:inset 0 0 0 var(--slotted-border-width-thin,1px) var(--_highlight-ring);transition:none}[data-ui-command-palette] [data-part-item][data-current]:not([data-disabled]):active{background-color:var(--_active)}[data-ui-command-palette] [data-part-item][data-disabled]{color:var(--slotted-disabled-foreground,#64748b);cursor:not-allowed}[data-ui-command-palette] [data-part-item][data-loading]{cursor:progress}[data-ui-command-palette] [data-part-item]>[data-part-busy]{--slotted-spinner-size:var(--_icon-size);color:var(--_muted);grid-column:5;justify-self:end;margin-inline-start:var(--_column-gap)}[data-ui-command-palette] [data-part-icon]{--slotted-icon-size:var(--_icon-size);block-size:1lh;inline-size:var(--_icon-size);grid-area:1/1;justify-content:center;justify-self:center;align-items:center;margin-inline-end:calc(var(--_column-gap) + var(--slotted-space-2,.25rem));display:flex}[data-ui-command-palette] [data-part-icon]:not(:empty)>*{block-size:var(--_icon-size);font-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui-command-palette] [data-part-label]{text-overflow:ellipsis;white-space:nowrap;grid-area:1/2;min-inline-size:0;overflow:hidden}[data-ui-command-palette] [data-part-description]{color:var(--_muted);font-size:var(--_secondary-font-size);line-height:var(--slotted-line-height-xs,1.4);text-overflow:ellipsis;white-space:nowrap;grid-area:2/2;min-inline-size:0;overflow:hidden}[data-ui-command-palette] [data-part-item][data-disabled]>[data-part-description]{color:inherit}[data-ui-command-palette] [data-part-item]>:is([data-part-meta],[data-part-shortcut],[data-part-arrow],[data-part-busy]){grid-row:1/-1;align-self:center}[data-ui-command-palette] [data-part-meta]{color:var(--_muted);font-size:var(--_secondary-font-size);white-space:nowrap;grid-column:3;justify-self:end;margin-inline-start:var(--slotted-space-6,1rem)}[data-ui-command-palette] [data-part-item]:not(:has(>[data-part-shortcut]))>[data-part-meta]{grid-column:3/5}[data-ui-command-palette] [data-part-item]>[data-part-shortcut]{color:var(--_muted);font-size:calc(var(--_secondary-font-size) * .9);white-space:nowrap;grid-column:4;justify-self:end;align-items:center;margin-inline-start:var(--slotted-space-6,1rem);display:inline-flex}[data-ui-command-palette] [data-part-item][data-disabled]>:is([data-part-meta],[data-part-shortcut]){color:inherit}[data-ui-command-palette] [data-part-arrow]{--slotted-icon-size:var(--_icon-size);block-size:1lh;inline-size:var(--_icon-size);opacity:.7;grid-column:5;justify-self:end;align-items:center;margin-inline-start:var(--_column-gap);display:flex}[data-ui-command-palette]>[data-part-list] [data-part-separator]:not([data-separator]){background-color:var(--slotted-command-palette-separator-color,var(--_border-color));block-size:var(--_border-width);margin-block:var(--slotted-space-2,.25rem);border:0;grid-column:1/-1;margin-inline:0}[data-ui-command-palette] [data-part-empty]{color:var(--_muted);padding-block:var(--slotted-space-8,1.5rem);padding-inline:var(--_item-inset);text-align:center;unicode-bidi:plaintext;grid-column:1/-1}[data-ui-command-palette]>[data-part-status]{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}[data-ui-command-palette] [data-part-placeholder]{padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_item-inset);grid-column:1/-1;display:grid}[data-ui-command-palette] [data-part-placeholder]>*{min-block-size:var(--_item-height);align-items:center;display:flex}[data-ui-command-palette] [data-part-placeholder]>:nth-child(2) [data-ui-skeleton]{inline-size:78%}[data-ui-command-palette] [data-part-placeholder]>:nth-child(3) [data-ui-skeleton]{inline-size:56%}[data-ui-command-palette]>[data-part-footer]{background:var(--slotted-command-palette-footer-surface,var(--slotted-surface-sunken,#f8fafd));border-block-start:var(--_border-width) solid var(--_border-color);box-sizing:border-box;color:var(--_muted);font-size:var(--slotted-font-size-xs,.75rem);align-items:center;gap:var(--slotted-space-6,1rem);line-height:var(--slotted-line-height-xs,1.4);min-block-size:var(--slotted-control-height-sm,30px);padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_header-inset);flex-wrap:wrap;display:flex}[data-ui-command-palette]>[data-part-footer]>[data-part-hint]{font-size:calc(var(--slotted-font-size-xs,.75rem) * .9);align-items:center;gap:var(--slotted-space-3,.375rem);white-space:nowrap;display:inline-flex}[data-ui-command-palette]>[data-part-footer]>[data-part-hint]>span:not([data-ui]){font-size:var(--slotted-font-size-xs,.75rem);line-height:1}@container command-palette (width<=360px){[data-ui-command-palette] :is([data-part-description],[data-part-meta]){display:none}[data-ui-command-palette] [data-part-pages]{max-inline-size:33%}[data-ui-command-palette]>[data-part-footer]{gap:var(--slotted-space-4,.5rem)}}@container slotted-dialog (inline-size<=30rem){[data-ui-command-palette][data-presentation=dialog]{--_list-max:none;box-shadow:none;border-inline:0;border-radius:0;position:absolute;inset:0}[data-ui-command-palette][data-presentation=dialog]>[data-part-header]>[data-part-close]{display:inline-flex}}@media (hover:none) and (pointer:coarse){[data-ui-command-palette]>[data-part-footer]{display:none}}@media (forced-colors:active){[data-ui-command-palette] [data-part-item][data-current]{color:highlighttext;forced-color-adjust:none;background-color:highlight}[data-ui-command-palette] [data-part-item][data-disabled][data-current]{color:graytext;background-color:highlight}[data-ui-command-palette]>[data-part-header]:has(>[data-part-input]:focus-visible):after{forced-color-adjust:none}}}
|
|
11
11
|
|
|
12
|
-
@layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px))
|
|
12
|
+
@layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px));animation:slotted-spinner-turn calc(var(--slotted-duration-loop-slow) * 1.25) linear infinite;block-size:var(--_size);color:inherit;forced-color-adjust:none;inline-size:var(--_size);opacity:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle;flex:none;display:inline-block;scale:1}[data-ui-spinner]>svg{fill:none;stroke:currentColor;stroke-width:2.25px;block-size:100%;inline-size:100%;display:block}[data-ui-spinner]>svg>circle:first-child{stroke-opacity:.2}[data-ui-spinner]>svg>circle:last-child{animation:slotted-spinner-arc var(--slotted-duration-loop-slow) infinite;stroke-dasharray:1 150;stroke-linecap:round;transform-origin:50%;rotate:-90deg}@keyframes slotted-spinner-turn{to{rotate:360deg}}@keyframes slotted-spinner-arc{0%{stroke-dasharray:1 150;stroke-dashoffset:0;animation-timing-function:ease-in-out}50%{stroke-dasharray:70 150;stroke-dashoffset:-28px;animation-timing-function:ease-in-out}to{stroke-dasharray:70 150;stroke-dashoffset:-99px}}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){[data-ui-spinner],[data-ui-spinner]>svg>circle:last-child{animation:none}[data-ui-spinner]>svg>circle:last-child{stroke-dasharray:75 150}}}
|
|
13
13
|
|
|
14
14
|
@layer slotted.components{[data-ui-skeleton][data-part-root][data-loading],[data-ui-skeleton][data-part-text][data-loading] [data-part-line]{--_fill:var(--slotted-skeleton-fill,color-mix(in oklab, var(--slotted-disabled-background,ButtonFace) 92%, var(--slotted-text,CanvasText)));--_edge:var(--slotted-skeleton-border-color,var(--slotted-border-subtle,ButtonBorder));--_highlight:var(--slotted-skeleton-highlight-color,color-mix(in oklab, var(--_fill) 86%, var(--slotted-text,CanvasText)));--_trough:var(--slotted-skeleton-trough-color,color-mix(in oklab, var(--_fill) 60%, var(--slotted-surface-sunken,Canvas)));background-color:var(--_fill);border:var(--slotted-skeleton-border-width,var(--slotted-border-width-thin,1px)) solid var(--_edge);box-sizing:border-box;-webkit-user-select:none;user-select:none}[data-ui-skeleton][data-part-root]{min-block-size:var(--slotted-skeleton-border-width,var(--slotted-border-width-thin,1px));display:inline-block}[data-ui-skeleton][data-part-root][data-shape=text]{--_line:var(--slotted-skeleton-line-size,1cap);block-size:var(--slotted-skeleton-block-size,var(--_line));border-radius:var(--slotted-radius-full,9999px);inline-size:var(--slotted-skeleton-inline-size,100%);vertical-align:calc(.5cap - .5 * var(--_line))}[data-ui-skeleton][data-part-root][data-shape=block]{block-size:var(--slotted-skeleton-block-size,auto);border-radius:var(--slotted-skeleton-radius,var(--slotted-radius-md,6px));inline-size:var(--slotted-skeleton-inline-size,100%);min-block-size:var(--slotted-skeleton-min-block-size,1lh);display:block}[data-ui-skeleton][data-part-root][data-shape=circle],[data-ui-skeleton][data-part-root][data-shape=square]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-md,36px));block-size:var(--slotted-skeleton-block-size,var(--_size));inline-size:var(--slotted-skeleton-inline-size,var(--_size))}[data-ui-skeleton][data-part-root][data-shape=circle]{border-radius:var(--slotted-radius-full,9999px)}[data-ui-skeleton][data-part-root][data-shape=square]{border-radius:var(--slotted-skeleton-radius,calc(var(--_size) / 6))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=xs],[data-ui-skeleton][data-part-root][data-shape=square][data-size=xs]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-xs,24px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=sm],[data-ui-skeleton][data-part-root][data-shape=square][data-size=sm]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-sm,28px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=md],[data-ui-skeleton][data-part-root][data-shape=square][data-size=md]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-md,36px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=lg],[data-ui-skeleton][data-part-root][data-shape=square][data-size=lg]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-lg,48px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=xl],[data-ui-skeleton][data-part-root][data-shape=square][data-size=xl]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-xl,64px))}[data-ui-skeleton][data-part-root][data-loading]:not(:empty){block-size:var(--slotted-skeleton-block-size,auto);color:#0000;inline-size:var(--slotted-skeleton-inline-size,auto)}[data-ui-skeleton][data-part-root][data-loading]:not(:empty)>*{visibility:hidden}[data-ui-skeleton][data-part-text]{grid-auto-rows:var(--slotted-skeleton-row-size,1lh);inline-size:var(--slotted-skeleton-inline-size,100%);align-items:center;display:grid}[data-ui-skeleton] [data-part-line]{block-size:var(--slotted-skeleton-line-size,1cap);border-radius:var(--slotted-radius-full,9999px);inline-size:100%}[data-ui-skeleton] [data-part-line]:last-child:not(:only-child){inline-size:var(--slotted-skeleton-last-line-size,62%)}[data-ui-skeleton][data-part-root]:not([data-loading]),[data-ui-skeleton][data-part-text]:not([data-loading]){display:contents}[data-ui-skeleton][data-part-region]{inline-size:var(--slotted-skeleton-inline-size,100%);min-inline-size:0}[data-ui-skeleton][data-part-root][data-loading]:not([data-animation=none]),[data-ui-skeleton][data-part-text][data-loading]:not([data-animation=none]) [data-part-line]{position:relative;overflow:clip}[data-ui-skeleton][data-part-root][data-animation=pulse][data-loading]:after,[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:after,[data-ui-skeleton][data-animation=pulse][data-loading] [data-part-line]:after,[data-ui-skeleton][data-animation=shimmer][data-loading] [data-part-line]:after{animation-delay:calc(var(--slotted-skeleton-phase,0) * var(--slotted-duration-loop-slow) * -1);animation-duration:var(--slotted-duration-loop-slow);content:"";pointer-events:none;animation-iteration-count:infinite;position:absolute;inset-block:0;inset-inline:0}[data-ui-skeleton][data-part-root][data-animation=pulse][data-loading]:after,[data-ui-skeleton][data-animation=pulse][data-loading] [data-part-line]:after{background-color:var(--_trough);opacity:0;animation-timing-function:ease-in-out}[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:after,[data-ui-skeleton][data-animation=shimmer][data-loading] [data-part-line]:after{background-image:linear-gradient(90deg, transparent 14%, var(--_highlight) 50%, transparent 86%);animation-timing-function:linear}[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:dir(rtl):after,[data-ui-skeleton][data-animation=shimmer][data-loading]:dir(rtl) [data-part-line]:after{animation-direction:reverse}@media (prefers-reduced-motion:no-preference){[data-ui-skeleton][data-part-root][data-animation=pulse][data-loading]:after,[data-ui-skeleton][data-animation=pulse][data-loading] [data-part-line]:after{animation-name:slotted-skeleton-pulse}[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:after,[data-ui-skeleton][data-animation=shimmer][data-loading] [data-part-line]:after{animation-name:slotted-skeleton-sweep}}@keyframes slotted-skeleton-pulse{50%{opacity:1}}@keyframes slotted-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){[data-ui-skeleton]:after,[data-ui-skeleton] [data-part-line]:after{animation:none}}@media (forced-colors:active){[data-ui-skeleton][data-part-root][data-loading]:after,[data-ui-skeleton][data-part-text][data-loading] [data-part-line]:after{background-image:none}}}
|
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
|
|
6
6
|
@layer slotted.components{[data-ui-highlight] [data-part-match]{background-color:var(--slotted-highlight-background,color-mix(in oklab, var(--slotted-tone-accent-text) calc(var(--slotted-highlight-tint-opacity,.075) * 100%), transparent));-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:var(--slotted-radius-none,0px);color:var(--slotted-highlight-color,var(--slotted-tone-accent-text));font-weight:inherit;letter-spacing:inherit;-webkit-text-decoration-color:var(--slotted-highlight-rule-color,var(--slotted-tone-accent-border));text-decoration-color:var(--slotted-highlight-rule-color,var(--slotted-tone-accent-border));text-decoration-line:underline;text-decoration-thickness:var(--slotted-border-width-thin,1px);text-underline-offset:var(--slotted-space-1,.125rem);padding:0}[data-ui-highlight] [data-part-match][data-current]{background-color:var(--slotted-highlight-current-background,var(--slotted-tone-accent-solid));color:var(--slotted-highlight-current-color,var(--slotted-tone-accent-on-solid));text-decoration-line:none}[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{background-color:var(--slotted-highlight-disabled-background,transparent);color:inherit;text-decoration-line:underline}@media (forced-colors:active){[data-ui-highlight] [data-part-match],[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{color:marktext;forced-color-adjust:none;background-color:mark}[data-ui-highlight] [data-part-match][data-current]{color:highlighttext;background-color:highlight}}}
|
|
7
7
|
|
|
8
|
-
@layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px))
|
|
8
|
+
@layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px));animation:slotted-spinner-turn calc(var(--slotted-duration-loop-slow) * 1.25) linear infinite;block-size:var(--_size);color:inherit;forced-color-adjust:none;inline-size:var(--_size);opacity:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle;flex:none;display:inline-block;scale:1}[data-ui-spinner]>svg{fill:none;stroke:currentColor;stroke-width:2.25px;block-size:100%;inline-size:100%;display:block}[data-ui-spinner]>svg>circle:first-child{stroke-opacity:.2}[data-ui-spinner]>svg>circle:last-child{animation:slotted-spinner-arc var(--slotted-duration-loop-slow) infinite;stroke-dasharray:1 150;stroke-linecap:round;transform-origin:50%;rotate:-90deg}@keyframes slotted-spinner-turn{to{rotate:360deg}}@keyframes slotted-spinner-arc{0%{stroke-dasharray:1 150;stroke-dashoffset:0;animation-timing-function:ease-in-out}50%{stroke-dasharray:70 150;stroke-dashoffset:-28px;animation-timing-function:ease-in-out}to{stroke-dasharray:70 150;stroke-dashoffset:-99px}}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){[data-ui-spinner],[data-ui-spinner]>svg>circle:last-child{animation:none}[data-ui-spinner]>svg>circle:last-child{stroke-dasharray:75 150}}}
|
|
9
9
|
|
|
10
|
-
@layer slotted.components{[data-ui-button]{--_solid:var(--slotted-tone-accent-solid);--_solid-hover:var(--slotted-tone-accent-solid-hover);--_solid-active:var(--slotted-tone-accent-solid-active);--_on-solid:var(--slotted-tone-accent-on-solid);--_text:var(--slotted-tone-accent-text);--_edge:var(--_solid);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_font-size:var(--slotted-control-font-size-md,13px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_gap:var(--slotted-control-gap-md,8px);--_padding-inline-visual:max(var(--slotted-space-2,.25rem), calc(var(--_padding-inline) - var(--slotted-space-2,.25rem)));--_sweep-width:calc(var(--_height) * 2);--_sweep-strength:.34;appearance:none;border:var(--slotted-control-border-width,1px) solid transparent;border-radius:var(--slotted-control-radius,4px);box-sizing:border-box;cursor:pointer;font-family:var(--slotted-control-font-family,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight,600);align-items:center;gap:var(--_gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);text-align:center;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;text-decoration:none;display:inline-flex;position:relative}[data-ui-button][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_solid-hover:var(--slotted-tone-secondary-solid-hover);--_solid-active:var(--slotted-tone-secondary-solid-active);--_on-solid:var(--slotted-tone-secondary-on-solid);--_text:var(--slotted-tone-secondary-text);--_edge:var(--_solid-active)}[data-ui-button][data-tone=neutral]{--_solid:var(--slotted-tone-neutral-solid);--_solid-hover:var(--slotted-tone-neutral-solid-hover);--_solid-active:var(--slotted-tone-neutral-solid-active);--_on-solid:var(--slotted-tone-neutral-on-solid);--_text:var(--slotted-tone-neutral-text)}[data-ui-button][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_solid-hover:var(--slotted-tone-success-solid-hover);--_solid-active:var(--slotted-tone-success-solid-active);--_on-solid:var(--slotted-tone-success-on-solid);--_text:var(--slotted-tone-success-text)}[data-ui-button][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_solid-hover:var(--slotted-tone-info-solid-hover);--_solid-active:var(--slotted-tone-info-solid-active);--_on-solid:var(--slotted-tone-info-on-solid);--_text:var(--slotted-tone-info-text)}[data-ui-button][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_solid-hover:var(--slotted-tone-warning-solid-hover);--_solid-active:var(--slotted-tone-warning-solid-active);--_on-solid:var(--slotted-tone-warning-on-solid);--_text:var(--slotted-tone-warning-text)}[data-ui-button][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_solid-hover:var(--slotted-tone-danger-solid-hover);--_solid-active:var(--slotted-tone-danger-solid-active);--_on-solid:var(--slotted-tone-danger-on-solid);--_text:var(--slotted-tone-danger-text)}[data-ui-button][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_padding-inline:var(--slotted-control-padding-inline-sm,10px);--_font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_gap:var(--slotted-control-gap-sm,6px)}[data-ui-button][data-size=lg]{--_height:var(--slotted-control-height-lg,38px);--_padding-inline:var(--slotted-control-padding-inline-lg,16px);--_font-size:var(--slotted-control-font-size-lg,14px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_gap:var(--slotted-control-gap-lg,8px)}[data-ui-button][data-variant=solid]{background:var(--_solid,ButtonFace);border-color:var(--_edge,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_on-solid,ButtonText)}[data-ui-button][data-variant=outline]{border-color:var(--slotted-control-border-color,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_text,ButtonText);background:0 0}[data-ui-button][data-variant=ghost]{color:var(--_text,ButtonText);background:0 0;border-color:#0000}[data-ui-button][data-variant=outline],[data-ui-button][data-variant=ghost],[data-ui-button][data-variant=solid][data-tone=secondary]{--_sweep-strength:.18}[data-ui-button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active,Highlight);border-color:var(--slotted-tone-accent-border,Highlight);box-shadow:var(--slotted-control-shadow,none);color:var(--slotted-tone-accent-text,HighlightText)}[data-ui-button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover,Highlight)}[data-ui-button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active,Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin,1px));transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace)}[data-ui-button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active,ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover,Highlight)}[data-ui-button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active,Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui-button]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-button]:disabled,[data-ui-button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-button][data-variant=solid]:disabled,[data-ui-button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,ButtonBorder)}[data-ui-button][data-variant=outline]:disabled,[data-ui-button][data-variant=outline][data-disabled]{border-color:var(--slotted-disabled-border,GrayText);background:0 0}[data-ui-button][data-pressed]:disabled,[data-ui-button][data-pressed][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,GrayText);color:var(--slotted-disabled-foreground,GrayText)}[data-ui-button][data-disabled]:not(:disabled){color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=solid][data-disabled]:not(:disabled),[data-ui-button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace);border-color:var(--slotted-border-subtle,GrayText);color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle,GrayText)}[data-ui-button][data-loading]{cursor:progress}[data-ui-button][data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:0}[data-ui-button] [data-part-indicator]{--slotted-spinner-size:var(--_icon-size);flex:none}[data-ui-button] [data-part-start]:has(>[data-part-indicator]),[data-ui-button] [data-part-end]:has(>[data-part-indicator]),[data-ui-button] [data-part-icon]:has(>[data-part-indicator]){visibility:hidden}[data-ui-button] [data-part-start]>[data-part-indicator],[data-ui-button] [data-part-end]>[data-part-indicator],[data-ui-button] [data-part-icon]>[data-part-indicator]{visibility:visible;margin:auto;position:absolute;inset:0}[data-ui-button]>[data-part-indicator]{margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(90deg,#0000,currentColor 40%,#0000 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:"";opacity:var(--_sweep-strength);pointer-events:none;position:absolute;inset:0}[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):dir(rtl):after{background-image:linear-gradient(270deg,#0000,currentColor 40%,#0000 80%);animation-direction:reverse}[data-ui-button]:not([data-shape])[data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:1}[data-ui-button]:not([data-shape])[data-loading] [data-part-indicator]{opacity:0;position:absolute}}}[data-ui-button] [data-part-start],[data-ui-button] [data-part-end],[data-ui-button] [data-part-icon]{block-size:var(--_icon-size);box-sizing:border-box;font-size:var(--_icon-size);inline-size:var(--_icon-size);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}[data-ui-button] [data-part-start]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-end]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-icon]>:not([data-part-indicator]){block-size:100%;inline-size:100%;display:block}[data-ui-button] :is([data-part-start],[data-part-end]):has(>[data-ui-kbd]){block-size:auto;font-size:inherit;inline-size:auto}[data-ui-button] [data-part-label]{line-height:var(--slotted-line-height-sm,1.45);overflow-wrap:anywhere;min-inline-size:0}@supports (text-box:trim-both cap alphabetic){[data-ui-button] [data-part-label]{padding-block:calc((var(--slotted-line-height-sm,1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui-button]:not([data-shape]):has(>[data-part-start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui-button]:not([data-shape]):has(>[data-part-end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui-button][data-full-width]{inline-size:100%}[data-ui-button][data-justify=between]{justify-content:space-between}[data-ui-button][data-justify=between]>[data-part-label]{text-align:start;flex:auto}[data-ui-button][data-justify=between]>[data-part-end]{inline-size:auto;min-inline-size:var(--_icon-size)}[data-ui-button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height), var(--slotted-target-min,24px));min-inline-size:var(--slotted-target-min,24px);padding-block:0;padding-inline:0}[data-ui-button][data-shape=circle]{border-radius:var(--slotted-radius-full,9999px)}@media (forced-colors:active){[data-ui-button]{border-color:buttonborder}[data-ui-button][data-pressed]{border-color:highlight}[data-ui-button]:disabled,[data-ui-button][data-disabled]{color:graytext;border-color:graytext}}@media (prefers-reduced-motion:reduce){[data-ui-button] [data-part-indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}
|
|
10
|
+
@layer slotted.components{[data-ui-button]{--_solid:var(--slotted-tone-accent-solid);--_solid-hover:var(--slotted-tone-accent-solid-hover);--_solid-active:var(--slotted-tone-accent-solid-active);--_on-solid:var(--slotted-tone-accent-on-solid);--_text:var(--slotted-tone-accent-text);--_edge:var(--_solid);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_font-size:var(--slotted-control-font-size-md,13px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_gap:var(--slotted-control-gap-md,8px);--_padding-inline-visual:max(var(--slotted-space-2,.25rem), calc(var(--_padding-inline) - var(--slotted-space-2,.25rem)));--_sweep-width:calc(var(--_height) * 2);--_sweep-strength:.34;appearance:none;border:var(--slotted-control-border-width,1px) solid transparent;border-radius:var(--slotted-control-radius,4px);box-sizing:border-box;cursor:pointer;font-family:var(--slotted-control-font-family,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight,600);align-items:center;gap:var(--_gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);text-align:center;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;text-decoration:none;display:inline-flex;position:relative}[data-ui-button][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_solid-hover:var(--slotted-tone-secondary-solid-hover);--_solid-active:var(--slotted-tone-secondary-solid-active);--_on-solid:var(--slotted-tone-secondary-on-solid);--_text:var(--slotted-tone-secondary-text);--_edge:var(--_solid-active)}[data-ui-button][data-tone=neutral]{--_solid:var(--slotted-tone-neutral-solid);--_solid-hover:var(--slotted-tone-neutral-solid-hover);--_solid-active:var(--slotted-tone-neutral-solid-active);--_on-solid:var(--slotted-tone-neutral-on-solid);--_text:var(--slotted-tone-neutral-text)}[data-ui-button][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_solid-hover:var(--slotted-tone-success-solid-hover);--_solid-active:var(--slotted-tone-success-solid-active);--_on-solid:var(--slotted-tone-success-on-solid);--_text:var(--slotted-tone-success-text)}[data-ui-button][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_solid-hover:var(--slotted-tone-info-solid-hover);--_solid-active:var(--slotted-tone-info-solid-active);--_on-solid:var(--slotted-tone-info-on-solid);--_text:var(--slotted-tone-info-text)}[data-ui-button][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_solid-hover:var(--slotted-tone-warning-solid-hover);--_solid-active:var(--slotted-tone-warning-solid-active);--_on-solid:var(--slotted-tone-warning-on-solid);--_text:var(--slotted-tone-warning-text)}[data-ui-button][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_solid-hover:var(--slotted-tone-danger-solid-hover);--_solid-active:var(--slotted-tone-danger-solid-active);--_on-solid:var(--slotted-tone-danger-on-solid);--_text:var(--slotted-tone-danger-text)}[data-ui-button][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_padding-inline:var(--slotted-control-padding-inline-sm,10px);--_font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_gap:var(--slotted-control-gap-sm,6px)}[data-ui-button][data-size=lg]{--_height:var(--slotted-control-height-lg,38px);--_padding-inline:var(--slotted-control-padding-inline-lg,16px);--_font-size:var(--slotted-control-font-size-lg,14px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_gap:var(--slotted-control-gap-lg,8px)}[data-ui-button][data-variant=solid]{background:var(--_solid,ButtonFace);border-color:var(--_edge,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_on-solid,ButtonText)}[data-ui-button][data-variant=outline]{border-color:var(--slotted-control-border-color,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_text,ButtonText);background:0 0}[data-ui-button][data-variant=ghost]{color:var(--_text,ButtonText);background:0 0;border-color:#0000}[data-ui-button][data-variant=outline],[data-ui-button][data-variant=ghost],[data-ui-button][data-variant=solid][data-tone=secondary]{--_sweep-strength:.18}[data-ui-button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active,Highlight);border-color:var(--slotted-tone-accent-border,Highlight);box-shadow:var(--slotted-control-shadow,none);color:var(--slotted-tone-accent-text,HighlightText)}[data-ui-button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover,Highlight)}[data-ui-button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active,Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin,1px));transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace)}[data-ui-button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active,ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover,Highlight)}[data-ui-button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active,Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui-button]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-button]:disabled,[data-ui-button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-button][data-variant=solid]:disabled,[data-ui-button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,ButtonBorder)}[data-ui-button][data-variant=outline]:disabled,[data-ui-button][data-variant=outline][data-disabled]{border-color:var(--slotted-disabled-border,GrayText);background:0 0}[data-ui-button][data-pressed]:disabled,[data-ui-button][data-pressed][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,GrayText);color:var(--slotted-disabled-foreground,GrayText)}[data-ui-button][data-disabled]:not(:disabled){color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=solid][data-disabled]:not(:disabled),[data-ui-button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace);border-color:var(--slotted-border-subtle,GrayText);color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle,GrayText)}[data-ui-button][data-loading]{cursor:progress}[data-ui-button][data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:0}[data-ui-button] [data-part-indicator]{--slotted-spinner-size:var(--_icon-size);flex:none}[data-ui-button] [data-part-start]:has(>[data-part-indicator]),[data-ui-button] [data-part-end]:has(>[data-part-indicator]),[data-ui-button] [data-part-icon]:has(>[data-part-indicator]){visibility:hidden}[data-ui-button] [data-part-start]>[data-part-indicator],[data-ui-button] [data-part-end]>[data-part-indicator],[data-ui-button] [data-part-icon]>[data-part-indicator]{visibility:visible;margin:auto;position:absolute;inset:0}[data-ui-button]>[data-part-indicator]{margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(90deg,#0000,currentColor 40%,#0000 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:"";opacity:var(--_sweep-strength);pointer-events:none;position:absolute;inset:0}[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):dir(rtl):after{background-image:linear-gradient(270deg,#0000,currentColor 40%,#0000 80%);animation-direction:reverse}[data-ui-button]:not([data-shape])[data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:1}[data-ui-button]:not([data-shape])[data-loading] [data-part-indicator]{opacity:0;position:absolute}}}[data-ui-button] [data-part-start],[data-ui-button] [data-part-end],[data-ui-button] [data-part-icon]{block-size:var(--_icon-size);box-sizing:border-box;font-size:var(--_icon-size);inline-size:var(--_icon-size);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}[data-ui-button] [data-part-start]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-end]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-icon]>:not([data-part-indicator]){block-size:100%;inline-size:100%;display:block}[data-ui-button] :is([data-part-start],[data-part-end]):has(>[data-ui-kbd]){block-size:auto;font-size:inherit;inline-size:auto}[data-ui-button] [data-part-label]{line-height:var(--slotted-line-height-sm,1.45);text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}@supports (text-box:trim-both cap alphabetic){[data-ui-button] [data-part-label]{padding-block:calc((var(--slotted-line-height-sm,1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui-button]:not([data-shape]):has(>[data-part-start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui-button]:not([data-shape]):has(>[data-part-end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui-button][data-full-width]{inline-size:100%}[data-ui-button][data-justify=between]{justify-content:space-between}[data-ui-button][data-justify=between]>[data-part-label]{text-align:start;flex:auto}[data-ui-button][data-justify=between]>[data-part-end]{inline-size:auto;min-inline-size:var(--_icon-size)}[data-ui-button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height), var(--slotted-target-min,24px));min-inline-size:var(--slotted-target-min,24px);padding-block:0;padding-inline:0}[data-ui-button][data-shape=circle]{border-radius:var(--slotted-radius-full,9999px)}@media (forced-colors:active){[data-ui-button]{border-color:buttonborder}[data-ui-button][data-pressed]{border-color:highlight}[data-ui-button]:disabled,[data-ui-button][data-disabled]{color:graytext;border-color:graytext}}@media (prefers-reduced-motion:reduce){[data-ui-button] [data-part-indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}
|
|
11
11
|
|
|
12
12
|
@layer slotted.components{[data-ui-card]{--_card-edge-width:var(--slotted-card-border-width,var(--slotted-border-width-thin,1px));--_card-radius:var(--slotted-card-radius,var(--slotted-radius-lg,8px));--_card-inset-block:var(--slotted-card-padding-block,var(--slotted-space-6,1rem));--_card-inset-inline:var(--slotted-card-padding-inline,var(--slotted-space-6,1rem));--_card-region-gap:var(--slotted-card-region-gap,var(--slotted-space-3,.375rem));--_card-surface-rest:var(--slotted-card-background,var(--slotted-surface-raised,Canvas));--_card-edge-rest:var(--slotted-card-border-color,var(--slotted-border-subtle,ButtonBorder));--_card-shadow-rest:var(--slotted-card-shadow,none);--_card-surface-hover:var(--_card-surface-rest);--_card-edge-hover:var(--slotted-card-border-color-hover,var(--slotted-border-strong,ButtonBorder));--_card-shadow-hover:var(--slotted-card-shadow-hover,var(--slotted-shadow-xs));--_card-surface-active:var(--slotted-tone-secondary-subtle-active);--_card-edge-active:var(--_card-edge-hover);--_card-shadow-active:none;--_card-surface:var(--_card-surface-rest);--_card-edge:var(--_card-edge-rest);--_card-shadow:var(--_card-shadow-rest);--_card-surface-disabled:var(--slotted-card-background-disabled,var(--slotted-surface-sunken,Canvas));background-color:var(--_card-surface);--slotted-ground:var(--_card-surface);border-radius:var(--_card-radius);box-shadow:var(--_card-shadow);box-sizing:border-box;color:var(--slotted-card-color,var(--slotted-text,CanvasText));min-inline-size:0;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard), box-shadow var(--slotted-duration-short) var(--slotted-easing-standard);border:none;flex-direction:column;display:flex;position:relative}[data-ui-card]:before{border:var(--_card-edge-width) solid var(--_card-edge);border-radius:inherit;content:"";pointer-events:none;transition:border-color var(--slotted-duration-short) var(--slotted-easing-standard);position:absolute;inset:0}[data-ui-card][data-size=sm]{--_card-inset-block:var(--slotted-card-padding-block-sm,var(--slotted-space-5,.75rem));--_card-inset-inline:var(--slotted-card-padding-inline-sm,var(--slotted-space-5,.75rem));--_card-region-gap:var(--slotted-card-region-gap-sm,var(--slotted-space-2,.25rem))}[data-ui-card][data-size=lg]{--_card-inset-block:var(--slotted-card-padding-block-lg,var(--slotted-space-8,1.5rem));--_card-inset-inline:var(--slotted-card-padding-inline-lg,var(--slotted-space-8,1.5rem));--_card-region-gap:var(--slotted-card-region-gap-lg,var(--slotted-space-4,.5rem))}[data-ui-card][data-fill=elevated]{--_card-shadow-rest:var(--slotted-card-shadow,var(--slotted-shadow-md));--_card-edge-hover:var(--_card-edge-rest);--_card-shadow-hover:var(--slotted-card-shadow-hover,var(--slotted-shadow-lg));--_card-edge-active:var(--_card-edge-rest);--_card-shadow-active:var(--slotted-shadow-sm)}[data-ui-card][data-fill=subtle]{--_card-surface-rest:var(--slotted-card-background-subtle,var(--slotted-surface-sunken,Canvas));--_card-surface-hover:var(--slotted-surface-raised,Canvas);--_card-edge-hover:var(--_card-edge-rest);--_card-shadow-hover:none;--_card-surface-active:var(--slotted-tone-secondary-subtle-active);--_card-edge-active:var(--_card-edge-rest);--_card-surface-disabled:var(--slotted-card-background-disabled,var(--slotted-disabled-background,Canvas))}[data-ui-card]:not([data-disabled]):has(:is([data-part-link],[data-part-selection] :is(input,button)):not(:disabled)):hover{--_card-surface:var(--_card-surface-hover);--_card-edge:var(--_card-edge-hover);--_card-shadow:var(--_card-shadow-hover)}[data-ui-card]:not([data-disabled]):has(:is([data-part-link],[data-part-selection] :is(input,button)):not(:disabled)){cursor:pointer}[data-ui-card]:not([data-disabled]):has([data-part-selection] :is(input,button):not(:disabled)) :where(*){cursor:inherit}[data-ui-card]:not([data-disabled]):has(:is([data-part-link],[data-part-selection] :is(input,button)):not(:disabled)):active{--_card-surface:var(--_card-surface-active);--_card-edge:var(--_card-edge-active);--_card-shadow:var(--_card-shadow-active)}[data-ui-card]>:is([data-part-header],[data-part-body],[data-part-footer]){min-inline-size:0;padding-block:var(--_card-region-gap);padding-inline:var(--_card-inset-inline)}[data-ui-card]>:is([data-part-header],[data-part-body],[data-part-footer]):first-child,[data-ui-card]>[data-part-media]+:is([data-part-header],[data-part-body],[data-part-footer]){padding-block-start:var(--_card-inset-block)}[data-ui-card]>:is([data-part-header],[data-part-body],[data-part-footer]):last-child,[data-ui-card]>:is([data-part-header],[data-part-body],[data-part-footer]):has(+[data-part-media]){padding-block-end:var(--_card-inset-block)}[data-ui-card]>[data-part-header]{align-items:start;column-gap:var(--slotted-card-header-column-gap,var(--slotted-space-5,.75rem));row-gap:var(--slotted-card-header-gap,var(--slotted-space-2,.25rem));grid-template-columns:minmax(0,1fr) auto;display:grid}[data-ui-card]>[data-part-header]>*{grid-column:1;min-inline-size:0}[data-ui-card]>[data-part-header]>[data-part-actions]{align-self:center;align-items:center;gap:var(--slotted-card-actions-gap,var(--slotted-space-3,.375rem));flex-wrap:wrap;grid-area:1/-2/auto/-1;display:flex;position:relative}[data-ui-card]>[data-part-header]:has([data-part-selection]){grid-template-columns:auto minmax(0,1fr) auto}[data-ui-card]>[data-part-header]:has([data-part-selection])>*{grid-column:2}[data-ui-card]>[data-part-header]>[data-part-selection]{--_selection-line:var(--slotted-card-selection-line,calc(var(--slotted-font-size-lg,1rem) * var(--slotted-line-height-lg,1.5)));block-size:var(--_selection-line);grid-area:1/1;align-self:start;align-items:center;display:flex;position:relative}[data-ui-card]>[data-part-header]>[data-part-selection]>:is(input,button){block-size:var(--slotted-card-selection-size,var(--slotted-selection-size-md,16px));inline-size:var(--slotted-card-selection-size,var(--slotted-selection-size-md,16px));margin:0}[data-ui-card]>[data-part-body]{flex:auto;min-block-size:0}[data-ui-card]>[data-part-footer]{align-items:center;gap:var(--slotted-card-footer-gap,var(--slotted-space-4,.5rem));flex-wrap:wrap;display:flex;position:relative}[data-ui-card]>[data-ui-divider]{flex-shrink:0}[data-ui-card][data-orientation=horizontal]>[data-ui-divider]{grid-column:2}[data-ui-card]>[data-part-media]{min-inline-size:0;display:block;overflow:hidden}[data-ui-card]>[data-part-media]>:is(img,video,canvas,picture,svg){object-fit:cover;block-size:100%;inline-size:100%;display:block}[data-ui-card]>[data-part-media]:first-child{border-start-start-radius:var(--_card-radius);border-start-end-radius:var(--_card-radius)}[data-ui-card]>[data-part-media]:last-child{border-end-end-radius:var(--_card-radius);border-end-start-radius:var(--_card-radius)}[data-ui-card][data-orientation=horizontal]{grid-template-columns:var(--slotted-card-media-size,minmax(0, 1fr)) minmax(0, 2fr);grid-template-rows:repeat(4,auto);inline-size:100%;display:grid;container:slotted-card/inline-size}[data-ui-card][data-orientation=horizontal]>[data-part-media]{border-start-start-radius:var(--_card-radius);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--_card-radius);grid-area:1/1/-1/2}[data-ui-card][data-orientation=horizontal]>[data-part-header]{grid-area:1/2}[data-ui-card][data-orientation=horizontal]>[data-part-body]{grid-area:2/2}[data-ui-card][data-orientation=horizontal]>[data-part-footer]{grid-area:3/2}@container slotted-card (inline-size<=24rem){[data-ui-card][data-orientation=horizontal]>[data-part-media]{border-start-end-radius:var(--_card-radius);border-end-start-radius:0;grid-area:1/1/2/-1}[data-ui-card][data-orientation=horizontal]>[data-part-header]{grid-area:2/1/3/-1}[data-ui-card][data-orientation=horizontal]>[data-part-body]{grid-area:3/1/4/-1}[data-ui-card][data-orientation=horizontal]>[data-part-footer]{grid-area:4/1/5/-1}}[data-ui-card] [data-part-link]:after{content:"";position:absolute;inset:0}[data-ui-card]:has(:is([data-part-link],[data-part-selection] :is(input,button)):focus-visible){outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-card]:has([data-part-link]) [data-part-link]:focus-visible,[data-ui-card]:has([data-part-selection]) [data-part-selection] :is(input,button):focus-visible{outline:none}[data-ui-card][data-selected]{--_card-surface-rest:var(--slotted-card-background-selected,var(--slotted-tone-accent-surface,Canvas));--_card-surface-hover:var(--slotted-card-background-selected-hover,var(--slotted-tone-accent-subtle-hover,Canvas));--_card-surface-active:var(--slotted-card-background-selected-active,var(--slotted-tone-accent-subtle-active,Canvas));--_card-edge-rest:var(--slotted-card-edge-color-selected,var(--slotted-tone-accent-border,CanvasText));--_card-edge:var(--_card-edge-rest);--_card-edge-hover:var(--_card-edge-rest);--_card-edge-active:var(--_card-edge-rest);--_card-edge-width:var(--slotted-card-edge-width-selected,var(--slotted-border-width-thin,1px))}[data-ui-card][data-disabled]{--_card-surface:var(--_card-surface-disabled);--_card-edge:var(--slotted-card-border-color-disabled,var(--slotted-disabled-border,GrayText));--_card-shadow:none;color:var(--slotted-card-color-disabled,var(--slotted-disabled-foreground,GrayText))}[data-ui-card][data-disabled] [data-part-link]:after{display:none}}
|
|
13
13
|
|