@qualcomm-ui/qds-core 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.txt +31 -0
- package/README.md +22 -0
- package/dist/accordion/accordion.api.d.ts +4 -0
- package/dist/accordion/accordion.api.d.ts.map +1 -0
- package/dist/accordion/accordion.classes.d.ts +12 -0
- package/dist/accordion/accordion.classes.d.ts.map +1 -0
- package/dist/accordion/accordion.types.d.ts +17 -0
- package/dist/accordion/accordion.types.d.ts.map +1 -0
- package/dist/accordion/index.cjs +2 -0
- package/dist/accordion/index.cjs.map +7 -0
- package/dist/accordion/index.d.ts +4 -0
- package/dist/accordion/index.d.ts.map +1 -0
- package/dist/accordion/index.js +2 -0
- package/dist/accordion/index.js.map +7 -0
- package/dist/accordion/qds-accordion.css +1 -0
- package/dist/action-group/action-group.classes.d.ts +4 -0
- package/dist/action-group/action-group.classes.d.ts.map +1 -0
- package/dist/action-group/index.cjs +2 -0
- package/dist/action-group/index.cjs.map +7 -0
- package/dist/action-group/index.d.ts +2 -0
- package/dist/action-group/index.d.ts.map +1 -0
- package/dist/action-group/index.js +2 -0
- package/dist/action-group/index.js.map +7 -0
- package/dist/action-group/qds-action-group.css +1 -0
- package/dist/animations/index.cjs +2 -0
- package/dist/animations/index.cjs.map +7 -0
- package/dist/animations/index.d.ts +2 -0
- package/dist/animations/index.d.ts.map +1 -0
- package/dist/animations/index.js +1 -0
- package/dist/animations/index.js.map +7 -0
- package/dist/animations/qds-animations.css +1 -0
- package/dist/avatar/avatar.api.d.ts +4 -0
- package/dist/avatar/avatar.api.d.ts.map +1 -0
- package/dist/avatar/avatar.classes.d.ts +7 -0
- package/dist/avatar/avatar.classes.d.ts.map +1 -0
- package/dist/avatar/avatar.types.d.ts +46 -0
- package/dist/avatar/avatar.types.d.ts.map +1 -0
- package/dist/avatar/index.cjs +2 -0
- package/dist/avatar/index.cjs.map +7 -0
- package/dist/avatar/index.d.ts +4 -0
- package/dist/avatar/index.d.ts.map +1 -0
- package/dist/avatar/index.js +2 -0
- package/dist/avatar/index.js.map +7 -0
- package/dist/avatar/qds-avatar.css +1 -0
- package/dist/breadcrumbs/breadcrumbs.api.d.ts +5 -0
- package/dist/breadcrumbs/breadcrumbs.api.d.ts.map +1 -0
- package/dist/breadcrumbs/breadcrumbs.classes.d.ts +9 -0
- package/dist/breadcrumbs/breadcrumbs.classes.d.ts.map +1 -0
- package/dist/breadcrumbs/breadcrumbs.types.d.ts +62 -0
- package/dist/breadcrumbs/breadcrumbs.types.d.ts.map +1 -0
- package/dist/breadcrumbs/index.cjs +2 -0
- package/dist/breadcrumbs/index.cjs.map +7 -0
- package/dist/breadcrumbs/index.d.ts +4 -0
- package/dist/breadcrumbs/index.d.ts.map +1 -0
- package/dist/breadcrumbs/index.js +2 -0
- package/dist/breadcrumbs/index.js.map +7 -0
- package/dist/breadcrumbs/qds-breadcrumbs.css +1 -0
- package/dist/button/button-group.api.d.ts +5 -0
- package/dist/button/button-group.api.d.ts.map +1 -0
- package/dist/button/button-group.types.d.ts +66 -0
- package/dist/button/button-group.types.d.ts.map +1 -0
- package/dist/button/button.api.d.ts +5 -0
- package/dist/button/button.api.d.ts.map +1 -0
- package/dist/button/button.classes.d.ts +6 -0
- package/dist/button/button.classes.d.ts.map +1 -0
- package/dist/button/button.types.d.ts +79 -0
- package/dist/button/button.types.d.ts.map +1 -0
- package/dist/button/icon-button.api.d.ts +5 -0
- package/dist/button/icon-button.api.d.ts.map +1 -0
- package/dist/button/icon-button.types.d.ts +28 -0
- package/dist/button/icon-button.types.d.ts.map +1 -0
- package/dist/button/index.cjs +2 -0
- package/dist/button/index.cjs.map +7 -0
- package/dist/button/index.d.ts +8 -0
- package/dist/button/index.d.ts.map +1 -0
- package/dist/button/index.js +2 -0
- package/dist/button/index.js.map +7 -0
- package/dist/button/qds-button.css +25 -0
- package/dist/checkbox/checkbox.api.d.ts +5 -0
- package/dist/checkbox/checkbox.api.d.ts.map +1 -0
- package/dist/checkbox/checkbox.classes.d.ts +9 -0
- package/dist/checkbox/checkbox.classes.d.ts.map +1 -0
- package/dist/checkbox/checkbox.types.d.ts +45 -0
- package/dist/checkbox/checkbox.types.d.ts.map +1 -0
- package/dist/checkbox/index.cjs +2 -0
- package/dist/checkbox/index.cjs.map +7 -0
- package/dist/checkbox/index.d.ts +4 -0
- package/dist/checkbox/index.d.ts.map +1 -0
- package/dist/checkbox/index.js +2 -0
- package/dist/checkbox/index.js.map +7 -0
- package/dist/checkbox/qds-checkbox.css +1 -0
- package/dist/checkmark/checkmark.api.d.ts +5 -0
- package/dist/checkmark/checkmark.api.d.ts.map +1 -0
- package/dist/checkmark/checkmark.classes.d.ts +5 -0
- package/dist/checkmark/checkmark.classes.d.ts.map +1 -0
- package/dist/checkmark/checkmark.types.d.ts +39 -0
- package/dist/checkmark/checkmark.types.d.ts.map +1 -0
- package/dist/checkmark/index.cjs +2 -0
- package/dist/checkmark/index.cjs.map +7 -0
- package/dist/checkmark/index.d.ts +4 -0
- package/dist/checkmark/index.d.ts.map +1 -0
- package/dist/checkmark/index.js +2 -0
- package/dist/checkmark/index.js.map +7 -0
- package/dist/checkmark/qds-checkmark.css +1 -0
- package/dist/collapsible/collapsible.classes.d.ts +4 -0
- package/dist/collapsible/collapsible.classes.d.ts.map +1 -0
- package/dist/collapsible/collapsible.types.d.ts +7 -0
- package/dist/collapsible/collapsible.types.d.ts.map +1 -0
- package/dist/collapsible/index.cjs +2 -0
- package/dist/collapsible/index.cjs.map +7 -0
- package/dist/collapsible/index.d.ts +3 -0
- package/dist/collapsible/index.d.ts.map +1 -0
- package/dist/collapsible/index.js +2 -0
- package/dist/collapsible/index.js.map +7 -0
- package/dist/collapsible/qds-collapsible.css +1 -0
- package/dist/components.min.css +45 -0
- package/dist/dialog/dialog.api.d.ts +5 -0
- package/dist/dialog/dialog.api.d.ts.map +1 -0
- package/dist/dialog/dialog.classes.d.ts +11 -0
- package/dist/dialog/dialog.classes.d.ts.map +1 -0
- package/dist/dialog/dialog.types.d.ts +89 -0
- package/dist/dialog/dialog.types.d.ts.map +1 -0
- package/dist/dialog/index.cjs +2 -0
- package/dist/dialog/index.cjs.map +7 -0
- package/dist/dialog/index.d.ts +4 -0
- package/dist/dialog/index.d.ts.map +1 -0
- package/dist/dialog/index.js +2 -0
- package/dist/dialog/index.js.map +7 -0
- package/dist/dialog/qds-dialog.css +1 -0
- package/dist/divider/divider.api.d.ts +4 -0
- package/dist/divider/divider.api.d.ts.map +1 -0
- package/dist/divider/divider.classes.d.ts +4 -0
- package/dist/divider/divider.classes.d.ts.map +1 -0
- package/dist/divider/divider.types.d.ts +27 -0
- package/dist/divider/divider.types.d.ts.map +1 -0
- package/dist/divider/index.cjs +2 -0
- package/dist/divider/index.cjs.map +7 -0
- package/dist/divider/index.d.ts +4 -0
- package/dist/divider/index.d.ts.map +1 -0
- package/dist/divider/index.js +2 -0
- package/dist/divider/index.js.map +7 -0
- package/dist/divider/qds-divider.css +1 -0
- package/dist/dragonwing-dark.min.css +1 -0
- package/dist/dragonwing-light.min.css +1 -0
- package/dist/drawer/drawer.api.d.ts +5 -0
- package/dist/drawer/drawer.api.d.ts.map +1 -0
- package/dist/drawer/drawer.classes.d.ts +5 -0
- package/dist/drawer/drawer.classes.d.ts.map +1 -0
- package/dist/drawer/drawer.types.d.ts +36 -0
- package/dist/drawer/drawer.types.d.ts.map +1 -0
- package/dist/drawer/index.cjs +2 -0
- package/dist/drawer/index.cjs.map +7 -0
- package/dist/drawer/index.d.ts +4 -0
- package/dist/drawer/index.d.ts.map +1 -0
- package/dist/drawer/index.js +2 -0
- package/dist/drawer/index.js.map +7 -0
- package/dist/drawer/qds-drawer.css +1 -0
- package/dist/global-styles/index.cjs +2 -0
- package/dist/global-styles/index.cjs.map +7 -0
- package/dist/global-styles/index.d.ts +2 -0
- package/dist/global-styles/index.d.ts.map +1 -0
- package/dist/global-styles/index.js +1 -0
- package/dist/global-styles/index.js.map +7 -0
- package/dist/global-styles/qds-global-styles.css +1 -0
- package/dist/globals/index.d.ts +2 -0
- package/dist/globals/index.d.ts.map +1 -0
- package/dist/header-bar/header-bar.api.d.ts +4 -0
- package/dist/header-bar/header-bar.api.d.ts.map +1 -0
- package/dist/header-bar/header-bar.classes.d.ts +13 -0
- package/dist/header-bar/header-bar.classes.d.ts.map +1 -0
- package/dist/header-bar/header-bar.types.d.ts +64 -0
- package/dist/header-bar/header-bar.types.d.ts.map +1 -0
- package/dist/header-bar/index.cjs +2 -0
- package/dist/header-bar/index.cjs.map +7 -0
- package/dist/header-bar/index.d.ts +4 -0
- package/dist/header-bar/index.d.ts.map +1 -0
- package/dist/header-bar/index.js +2 -0
- package/dist/header-bar/index.js.map +7 -0
- package/dist/header-bar/qds-header-bar.css +1 -0
- package/dist/icon/icon.api.d.ts +5 -0
- package/dist/icon/icon.api.d.ts.map +1 -0
- package/dist/icon/icon.classes.d.ts +4 -0
- package/dist/icon/icon.classes.d.ts.map +1 -0
- package/dist/icon/icon.types.d.ts +20 -0
- package/dist/icon/icon.types.d.ts.map +1 -0
- package/dist/icon/index.cjs +2 -0
- package/dist/icon/index.cjs.map +7 -0
- package/dist/icon/index.d.ts +4 -0
- package/dist/icon/index.d.ts.map +1 -0
- package/dist/icon/index.js +2 -0
- package/dist/icon/index.js.map +7 -0
- package/dist/icon/qds-icon.css +1 -0
- package/dist/inline-icon-button/index.cjs +2 -0
- package/dist/inline-icon-button/index.cjs.map +7 -0
- package/dist/inline-icon-button/index.d.ts +4 -0
- package/dist/inline-icon-button/index.d.ts.map +1 -0
- package/dist/inline-icon-button/index.js +2 -0
- package/dist/inline-icon-button/index.js.map +7 -0
- package/dist/inline-icon-button/inline-icon-button.api.d.ts +5 -0
- package/dist/inline-icon-button/inline-icon-button.api.d.ts.map +1 -0
- package/dist/inline-icon-button/inline-icon-button.classes.d.ts +5 -0
- package/dist/inline-icon-button/inline-icon-button.classes.d.ts.map +1 -0
- package/dist/inline-icon-button/inline-icon-button.types.d.ts +55 -0
- package/dist/inline-icon-button/inline-icon-button.types.d.ts.map +1 -0
- package/dist/inline-icon-button/qds-inline-icon-button.css +9 -0
- package/dist/inline-notification/index.cjs +2 -0
- package/dist/inline-notification/index.cjs.map +7 -0
- package/dist/inline-notification/index.d.ts +4 -0
- package/dist/inline-notification/index.d.ts.map +1 -0
- package/dist/inline-notification/index.js +2 -0
- package/dist/inline-notification/index.js.map +7 -0
- package/dist/inline-notification/inline-notification.api.d.ts +5 -0
- package/dist/inline-notification/inline-notification.api.d.ts.map +1 -0
- package/dist/inline-notification/inline-notification.classes.d.ts +9 -0
- package/dist/inline-notification/inline-notification.classes.d.ts.map +1 -0
- package/dist/inline-notification/inline-notification.types.d.ts +53 -0
- package/dist/inline-notification/inline-notification.types.d.ts.map +1 -0
- package/dist/inline-notification/qds-inline-notification.css +1 -0
- package/dist/input/index.cjs +2 -0
- package/dist/input/index.cjs.map +7 -0
- package/dist/input/index.d.ts +4 -0
- package/dist/input/index.d.ts.map +1 -0
- package/dist/input/index.js +2 -0
- package/dist/input/index.js.map +7 -0
- package/dist/input/input.api.d.ts +4 -0
- package/dist/input/input.api.d.ts.map +1 -0
- package/dist/input/input.classes.d.ts +13 -0
- package/dist/input/input.classes.d.ts.map +1 -0
- package/dist/input/input.types.d.ts +84 -0
- package/dist/input/input.types.d.ts.map +1 -0
- package/dist/input/qds-input.css +1 -0
- package/dist/link/index.cjs +2 -0
- package/dist/link/index.cjs.map +7 -0
- package/dist/link/index.d.ts +4 -0
- package/dist/link/index.d.ts.map +1 -0
- package/dist/link/index.js +2 -0
- package/dist/link/index.js.map +7 -0
- package/dist/link/link.api.d.ts +4 -0
- package/dist/link/link.api.d.ts.map +1 -0
- package/dist/link/link.classes.d.ts +5 -0
- package/dist/link/link.classes.d.ts.map +1 -0
- package/dist/link/link.types.d.ts +57 -0
- package/dist/link/link.types.d.ts.map +1 -0
- package/dist/link/qds-link.css +1 -0
- package/dist/menu/index.cjs +2 -0
- package/dist/menu/index.cjs.map +7 -0
- package/dist/menu/index.d.ts +5 -0
- package/dist/menu/index.d.ts.map +1 -0
- package/dist/menu/index.js +2 -0
- package/dist/menu/index.js.map +7 -0
- package/dist/menu/menu-item.classes.d.ts +13 -0
- package/dist/menu/menu-item.classes.d.ts.map +1 -0
- package/dist/menu/menu.api.d.ts +4 -0
- package/dist/menu/menu.api.d.ts.map +1 -0
- package/dist/menu/menu.classes.d.ts +6 -0
- package/dist/menu/menu.classes.d.ts.map +1 -0
- package/dist/menu/menu.types.d.ts +91 -0
- package/dist/menu/menu.types.d.ts.map +1 -0
- package/dist/menu/qds-menu.css +1 -0
- package/dist/number-input/index.cjs +2 -0
- package/dist/number-input/index.cjs.map +7 -0
- package/dist/number-input/index.d.ts +4 -0
- package/dist/number-input/index.d.ts.map +1 -0
- package/dist/number-input/index.js +2 -0
- package/dist/number-input/index.js.map +7 -0
- package/dist/number-input/number-input.api.d.ts +5 -0
- package/dist/number-input/number-input.api.d.ts.map +1 -0
- package/dist/number-input/number-input.classes.d.ts +8 -0
- package/dist/number-input/number-input.classes.d.ts.map +1 -0
- package/dist/number-input/number-input.types.d.ts +48 -0
- package/dist/number-input/number-input.types.d.ts.map +1 -0
- package/dist/number-input/qds-number-input.css +1 -0
- package/dist/pagination/index.cjs +2 -0
- package/dist/pagination/index.cjs.map +7 -0
- package/dist/pagination/index.d.ts +4 -0
- package/dist/pagination/index.d.ts.map +1 -0
- package/dist/pagination/index.js +2 -0
- package/dist/pagination/index.js.map +7 -0
- package/dist/pagination/pagination.api.d.ts +4 -0
- package/dist/pagination/pagination.api.d.ts.map +1 -0
- package/dist/pagination/pagination.classes.d.ts +8 -0
- package/dist/pagination/pagination.classes.d.ts.map +1 -0
- package/dist/pagination/pagination.types.d.ts +40 -0
- package/dist/pagination/pagination.types.d.ts.map +1 -0
- package/dist/pagination/qds-pagination.css +1 -0
- package/dist/password-input/index.cjs +2 -0
- package/dist/password-input/index.cjs.map +7 -0
- package/dist/password-input/index.d.ts +3 -0
- package/dist/password-input/index.d.ts.map +1 -0
- package/dist/password-input/index.js +2 -0
- package/dist/password-input/index.js.map +7 -0
- package/dist/password-input/password-input.classes.d.ts +4 -0
- package/dist/password-input/password-input.classes.d.ts.map +1 -0
- package/dist/password-input/password-input.types.d.ts +5 -0
- package/dist/password-input/password-input.types.d.ts.map +1 -0
- package/dist/popover/index.cjs +2 -0
- package/dist/popover/index.cjs.map +7 -0
- package/dist/popover/index.d.ts +2 -0
- package/dist/popover/index.d.ts.map +1 -0
- package/dist/popover/index.js +2 -0
- package/dist/popover/index.js.map +7 -0
- package/dist/popover/popover.classes.d.ts +11 -0
- package/dist/popover/popover.classes.d.ts.map +1 -0
- package/dist/popover/qds-popover.css +1 -0
- package/dist/progress/index.cjs +2 -0
- package/dist/progress/index.cjs.map +7 -0
- package/dist/progress/index.d.ts +4 -0
- package/dist/progress/index.d.ts.map +1 -0
- package/dist/progress/index.js +2 -0
- package/dist/progress/index.js.map +7 -0
- package/dist/progress/progress.api.d.ts +4 -0
- package/dist/progress/progress.api.d.ts.map +1 -0
- package/dist/progress/progress.classes.d.ts +10 -0
- package/dist/progress/progress.classes.d.ts.map +1 -0
- package/dist/progress/progress.types.d.ts +67 -0
- package/dist/progress/progress.types.d.ts.map +1 -0
- package/dist/progress/qds-progress.css +1 -0
- package/dist/progress-ring/index.cjs +2 -0
- package/dist/progress-ring/index.cjs.map +7 -0
- package/dist/progress-ring/index.d.ts +4 -0
- package/dist/progress-ring/index.d.ts.map +1 -0
- package/dist/progress-ring/index.js +2 -0
- package/dist/progress-ring/index.js.map +7 -0
- package/dist/progress-ring/progress-ring.api.d.ts +4 -0
- package/dist/progress-ring/progress-ring.api.d.ts.map +1 -0
- package/dist/progress-ring/progress-ring.classes.d.ts +11 -0
- package/dist/progress-ring/progress-ring.classes.d.ts.map +1 -0
- package/dist/progress-ring/progress-ring.types.d.ts +74 -0
- package/dist/progress-ring/progress-ring.types.d.ts.map +1 -0
- package/dist/progress-ring/qds-progress-ring.css +1 -0
- package/dist/qualcomm-dark.min.css +1 -0
- package/dist/qualcomm-light.min.css +1 -0
- package/dist/radio/index.cjs +2 -0
- package/dist/radio/index.cjs.map +7 -0
- package/dist/radio/index.d.ts +4 -0
- package/dist/radio/index.d.ts.map +1 -0
- package/dist/radio/index.js +2 -0
- package/dist/radio/index.js.map +7 -0
- package/dist/radio/qds-radio.css +1 -0
- package/dist/radio/radio.api.d.ts +5 -0
- package/dist/radio/radio.api.d.ts.map +1 -0
- package/dist/radio/radio.classes.d.ts +10 -0
- package/dist/radio/radio.classes.d.ts.map +1 -0
- package/dist/radio/radio.types.d.ts +53 -0
- package/dist/radio/radio.types.d.ts.map +1 -0
- package/dist/segmented-control/index.cjs +2 -0
- package/dist/segmented-control/index.cjs.map +7 -0
- package/dist/segmented-control/index.d.ts +4 -0
- package/dist/segmented-control/index.d.ts.map +1 -0
- package/dist/segmented-control/index.js +2 -0
- package/dist/segmented-control/index.js.map +7 -0
- package/dist/segmented-control/qds-segmented-control.css +1 -0
- package/dist/segmented-control/segmented-control.api.d.ts +5 -0
- package/dist/segmented-control/segmented-control.api.d.ts.map +1 -0
- package/dist/segmented-control/segmented-control.classes.d.ts +7 -0
- package/dist/segmented-control/segmented-control.classes.d.ts.map +1 -0
- package/dist/segmented-control/segmented-control.types.d.ts +53 -0
- package/dist/segmented-control/segmented-control.types.d.ts.map +1 -0
- package/dist/select/index.cjs +2 -0
- package/dist/select/index.cjs.map +7 -0
- package/dist/select/index.d.ts +4 -0
- package/dist/select/index.d.ts.map +1 -0
- package/dist/select/index.js +2 -0
- package/dist/select/index.js.map +7 -0
- package/dist/select/qds-select.css +1 -0
- package/dist/select/select.api.d.ts +4 -0
- package/dist/select/select.api.d.ts.map +1 -0
- package/dist/select/select.classes.d.ts +18 -0
- package/dist/select/select.classes.d.ts.map +1 -0
- package/dist/select/select.types.d.ts +76 -0
- package/dist/select/select.types.d.ts.map +1 -0
- package/dist/shared/index.cjs +2 -0
- package/dist/shared/index.cjs.map +7 -0
- package/dist/shared/index.d.ts +2 -0
- package/dist/shared/index.d.ts.map +1 -0
- package/dist/shared/index.js +1 -0
- package/dist/shared/index.js.map +7 -0
- package/dist/shared/qds-z-index.css +1 -0
- package/dist/side-nav/index.cjs +2 -0
- package/dist/side-nav/index.cjs.map +7 -0
- package/dist/side-nav/index.d.ts +4 -0
- package/dist/side-nav/index.d.ts.map +1 -0
- package/dist/side-nav/index.js +2 -0
- package/dist/side-nav/index.js.map +7 -0
- package/dist/side-nav/qds-side-nav.css +1 -0
- package/dist/side-nav/side-nav.api.d.ts +4 -0
- package/dist/side-nav/side-nav.api.d.ts.map +1 -0
- package/dist/side-nav/side-nav.classes.d.ts +22 -0
- package/dist/side-nav/side-nav.classes.d.ts.map +1 -0
- package/dist/side-nav/side-nav.types.d.ts +96 -0
- package/dist/side-nav/side-nav.types.d.ts.map +1 -0
- package/dist/slider/index.cjs +2 -0
- package/dist/slider/index.cjs.map +7 -0
- package/dist/slider/index.d.ts +4 -0
- package/dist/slider/index.d.ts.map +1 -0
- package/dist/slider/index.js +2 -0
- package/dist/slider/index.js.map +7 -0
- package/dist/slider/qds-slider.css +13 -0
- package/dist/slider/slider.api.d.ts +4 -0
- package/dist/slider/slider.api.d.ts.map +1 -0
- package/dist/slider/slider.classes.d.ts +16 -0
- package/dist/slider/slider.classes.d.ts.map +1 -0
- package/dist/slider/slider.types.d.ts +72 -0
- package/dist/slider/slider.types.d.ts.map +1 -0
- package/dist/snapdragon-dark.min.css +1 -0
- package/dist/snapdragon-light.min.css +1 -0
- package/dist/switch/index.cjs +2 -0
- package/dist/switch/index.cjs.map +7 -0
- package/dist/switch/index.d.ts +4 -0
- package/dist/switch/index.d.ts.map +1 -0
- package/dist/switch/index.js +2 -0
- package/dist/switch/index.js.map +7 -0
- package/dist/switch/qds-switch.css +1 -0
- package/dist/switch/switch.api.d.ts +4 -0
- package/dist/switch/switch.api.d.ts.map +1 -0
- package/dist/switch/switch.classes.d.ts +8 -0
- package/dist/switch/switch.classes.d.ts.map +1 -0
- package/dist/switch/switch.types.d.ts +45 -0
- package/dist/switch/switch.types.d.ts.map +1 -0
- package/dist/table/index.cjs +2 -0
- package/dist/table/index.cjs.map +7 -0
- package/dist/table/index.d.ts +4 -0
- package/dist/table/index.d.ts.map +1 -0
- package/dist/table/index.js +2 -0
- package/dist/table/index.js.map +7 -0
- package/dist/table/qds-table.css +1 -0
- package/dist/table/table.api.d.ts +4 -0
- package/dist/table/table.api.d.ts.map +1 -0
- package/dist/table/table.classes.d.ts +27 -0
- package/dist/table/table.classes.d.ts.map +1 -0
- package/dist/table/table.types.d.ts +235 -0
- package/dist/table/table.types.d.ts.map +1 -0
- package/dist/tabs/index.cjs +2 -0
- package/dist/tabs/index.cjs.map +7 -0
- package/dist/tabs/index.d.ts +4 -0
- package/dist/tabs/index.d.ts.map +1 -0
- package/dist/tabs/index.js +2 -0
- package/dist/tabs/index.js.map +7 -0
- package/dist/tabs/qds-tabs.css +1 -0
- package/dist/tabs/tabs.api.d.ts +5 -0
- package/dist/tabs/tabs.api.d.ts.map +1 -0
- package/dist/tabs/tabs.classes.d.ts +13 -0
- package/dist/tabs/tabs.classes.d.ts.map +1 -0
- package/dist/tabs/tabs.types.d.ts +99 -0
- package/dist/tabs/tabs.types.d.ts.map +1 -0
- package/dist/tag/index.cjs +2 -0
- package/dist/tag/index.cjs.map +7 -0
- package/dist/tag/index.d.ts +4 -0
- package/dist/tag/index.d.ts.map +1 -0
- package/dist/tag/index.js +2 -0
- package/dist/tag/index.js.map +7 -0
- package/dist/tag/qds-tag.css +1 -0
- package/dist/tag/tag.api.d.ts +6 -0
- package/dist/tag/tag.api.d.ts.map +1 -0
- package/dist/tag/tag.classes.d.ts +6 -0
- package/dist/tag/tag.classes.d.ts.map +1 -0
- package/dist/tag/tag.types.d.ts +71 -0
- package/dist/tag/tag.types.d.ts.map +1 -0
- package/dist/text-area/index.cjs +2 -0
- package/dist/text-area/index.cjs.map +7 -0
- package/dist/text-area/index.d.ts +2 -0
- package/dist/text-area/index.d.ts.map +1 -0
- package/dist/text-area/index.js +1 -0
- package/dist/text-area/index.js.map +7 -0
- package/dist/toast/index.cjs +2 -0
- package/dist/toast/index.cjs.map +7 -0
- package/dist/toast/index.d.ts +3 -0
- package/dist/toast/index.d.ts.map +1 -0
- package/dist/toast/index.js +2 -0
- package/dist/toast/index.js.map +7 -0
- package/dist/toast/qds-toast.css +1 -0
- package/dist/toast/toast.api.d.ts +5 -0
- package/dist/toast/toast.api.d.ts.map +1 -0
- package/dist/toast/toast.classes.d.ts +9 -0
- package/dist/toast/toast.classes.d.ts.map +1 -0
- package/dist/toast/toast.types.d.ts +35 -0
- package/dist/toast/toast.types.d.ts.map +1 -0
- package/dist/tooltip/index.cjs +2 -0
- package/dist/tooltip/index.cjs.map +7 -0
- package/dist/tooltip/index.d.ts +3 -0
- package/dist/tooltip/index.d.ts.map +1 -0
- package/dist/tooltip/index.js +2 -0
- package/dist/tooltip/index.js.map +7 -0
- package/dist/tooltip/qds-tooltip.css +1 -0
- package/dist/tooltip/tooltip.classes.d.ts +7 -0
- package/dist/tooltip/tooltip.classes.d.ts.map +1 -0
- package/dist/tooltip/tooltip.types.d.ts +16 -0
- package/dist/tooltip/tooltip.types.d.ts.map +1 -0
- package/dist/tree/index.cjs +2 -0
- package/dist/tree/index.cjs.map +7 -0
- package/dist/tree/index.d.ts +4 -0
- package/dist/tree/index.d.ts.map +1 -0
- package/dist/tree/index.js +2 -0
- package/dist/tree/index.js.map +7 -0
- package/dist/tree/qds-tree.css +1 -0
- package/dist/tree/tree.api.d.ts +5 -0
- package/dist/tree/tree.api.d.ts.map +1 -0
- package/dist/tree/tree.classes.d.ts +13 -0
- package/dist/tree/tree.classes.d.ts.map +1 -0
- package/dist/tree/tree.types.d.ts +66 -0
- package/dist/tree/tree.types.d.ts.map +1 -0
- package/dist/tsbuildinfo +1 -0
- package/package.json +46 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/checkmark/checkmark.api.ts", "../../src/checkmark/checkmark.classes.ts"],
|
|
4
|
+
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {checkboxClasses} from \"@qualcomm-ui/qds-core/checkbox\"\nimport {booleanDataAttr} from \"@qualcomm-ui/utils/attributes\"\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {checkmarkClasses} from \"./checkmark.classes\"\nimport type {\n QdsCheckmarkApi,\n QdsCheckmarkApiProps,\n QdsCheckmarkIconBindings,\n QdsCheckmarkRootBindings,\n} from \"./checkmark.types\"\n\nexport function createQdsCheckmarkApi(\n props: Explicit<QdsCheckmarkApiProps>,\n normalize: PropNormalizer,\n): QdsCheckmarkApi {\n return {\n getIconBindings(): QdsCheckmarkIconBindings {\n return normalize.element({\n className: checkmarkClasses.icon,\n hidden: !props.checked && !props.indeterminate,\n })\n },\n getRootBindings(): QdsCheckmarkRootBindings {\n return normalize.element({\n className: `${checkboxClasses.control} ${checkmarkClasses.root}`,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-state\": props.checked\n ? \"checked\"\n : props.indeterminate\n ? \"indeterminate\"\n : \"unchecked\",\n })\n },\n }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const checkmarkClasses = {\n icon: \"qui-checkmark__icon\",\n root: \"qui-checkmark__root\",\n} as const\n"],
|
|
5
|
+
"mappings": "AAGA,OAAQ,mBAAAA,MAAsB,iCAC9B,OAAQ,mBAAAC,MAAsB,gCCDvB,IAAMC,EAAmB,CAC9B,KAAM,sBACN,KAAM,qBACR,EDUO,SAASC,EACdC,EACAC,EACiB,CACjB,MAAO,CACL,iBAA4C,CAC1C,OAAOA,EAAU,QAAQ,CACvB,UAAWC,EAAiB,KAC5B,OAAQ,CAACF,EAAM,SAAW,CAACA,EAAM,aACnC,CAAC,CACH,EACA,iBAA4C,CAC1C,OAAOC,EAAU,QAAQ,CACvB,UAAW,GAAGE,EAAgB,OAAO,IAAID,EAAiB,IAAI,GAC9D,gBAAiBE,EAAgBJ,EAAM,QAAQ,EAC/C,aAAcA,EAAM,QAChB,UACAA,EAAM,cACJ,gBACA,WACR,CAAC,CACH,CACF,CACF",
|
|
6
|
+
"names": ["checkboxClasses", "booleanDataAttr", "checkmarkClasses", "createQdsCheckmarkApi", "props", "normalize", "checkmarkClasses", "checkboxClasses", "booleanDataAttr"]
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.qui-checkmark__root[data-scope=tree]{background:var(--color-interactive-background-ghost-idle);cursor:pointer}.qui-checkmark__root[data-scope=tree][data-state=checked],.qui-checkmark__root[data-scope=tree][data-state=indeterminate]{background:var(--color-interactive-background-primary-idle);border-color:var(--color-interactive-background-primary-idle)}.qui-checkmark__root[data-scope=tree][data-state=checked][data-hover],.qui-checkmark__root[data-scope=tree][data-state=indeterminate][data-hover]{background:var(--color-interactive-background-primary-hover);border-color:var(--color-interactive-background-primary-hover)}.qui-checkmark__root[data-scope=tree][data-state=checked][data-disabled],.qui-checkmark__root[data-scope=tree][data-state=indeterminate][data-disabled]{background:var(--color-utility-disabled-background)}.qui-checkmark__root[data-scope=tree][data-disabled]{border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapsible.classes.d.ts","sourceRoot":"","sources":["../../src/collapsible/collapsible.classes.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;;CAErB,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { collapsibleClasses } from "./collapsible.classes";
|
|
2
|
+
type CollapsibleClasses = typeof collapsibleClasses;
|
|
3
|
+
export interface QdsCollapsibleContentBindings {
|
|
4
|
+
className: CollapsibleClasses["content"];
|
|
5
|
+
}
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=collapsible.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapsible.types.d.ts","sourceRoot":"","sources":["../../src/collapsible/collapsible.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAA;AAE7D,KAAK,kBAAkB,GAAG,OAAO,kBAAkB,CAAA;AAEnD,MAAM,WAAW,6BAA6B;IAC5C,SAAS,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAA;CACzC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var s=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var r=(e,o)=>{for(var l in o)s(e,l,{get:o[l],enumerable:!0})},i=(e,o,l,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of n(o))!a.call(e,t)&&t!==l&&s(e,t,{get:()=>o[t],enumerable:!(p=c(o,t))||p.enumerable});return e};var b=e=>i(s({},"__esModule",{value:!0}),e);var f={};r(f,{collapsibleClasses:()=>x});module.exports=b(f);var x={content:"qui-collapsible__content"};
|
|
2
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/collapsible/index.ts", "../../src/collapsible/collapsible.classes.ts"],
|
|
4
|
+
"sourcesContent": ["export * from \"./collapsible.classes\"\nexport type * from \"./collapsible.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const collapsibleClasses = {\n content: \"qui-collapsible__content\",\n} as const\n"],
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GCGO,IAAMI,EAAqB,CAChC,QAAS,0BACX",
|
|
6
|
+
"names": ["collapsible_exports", "__export", "collapsibleClasses", "__toCommonJS", "collapsibleClasses"]
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/collapsible/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,mBAAmB,qBAAqB,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/collapsible/collapsible.classes.ts"],
|
|
4
|
+
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const collapsibleClasses = {\n content: \"qui-collapsible__content\",\n} as const\n"],
|
|
5
|
+
"mappings": "AAGO,IAAMA,EAAqB,CAChC,QAAS,0BACX",
|
|
6
|
+
"names": ["collapsibleClasses"]
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.qui-collapsible__content{animation-duration:var(--animation-duration-moderate);overflow:hidden}.qui-collapsible__content[data-ssr]{animation-duration:0ms}.qui-collapsible__content[data-state=closed]{animation-name:collapse-height,fade-out}.qui-collapsible__content[data-state=open]{animation-name:expand-height,fade-in}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
.qui-tree__root{--indent-spacing:22px}.qui-tree__node-root{--branch-trigger-width:0px;align-items:center;background:var(--color-interactive-background-ghost-idle);border:solid 1px transparent;display:flex;font:var(--font-static-body-sm-default);gap:var(--spacing-50);height:40px;min-height:40px;outline:none;padding-left:calc(var(--depth, 1) * var(--indent-spacing) - var(--branch-trigger-width) + var(--spacing-100));padding-right:var(--spacing-100);position:relative}.qui-tree__node-root:hover{background:var(--color-interactive-background-ghost-hover)}.qui-tree__node-root:active{background:var(--color-interactive-background-ghost-pressed)}.qui-tree__node-root:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-tree__node-root:has([data-part=branch-trigger]){--branch-trigger-width:calc(16px + var(--spacing-50))}.qui-tree__node-root[data-size=sm]{font:var(--font-static-body-xs-default);height:32px;min-height:32px}.qui-tree__node-root[data-disabled]{background:transparent;color:var(--color-utility-disabled-text);pointer-events:none}.qui-tree__branch-trigger{transition:transform var(--animation-duration-faster) ease}.qui-tree__branch-trigger[data-state=open]{transform:rotate(90deg)}.qui-tree__branch-indent-guide{background:var(--color-border-neutral-01);height:100%;left:calc(1px + var(--indent-spacing) * var(--depth));position:absolute;width:1px}.qui-tree__branch-content{padding:1px;position:relative}.qui-tree__node-action:first-of-type{margin-left:auto}.qui-tree__node-indicator{background:var(--color-border-brand-primary);height:100%;left:0;position:absolute;width:4px}.qui-tree__label{font:var(--font-static-body-md-default);margin-bottom:var(--spacing-40)}.qui-tree__label[data-size=sm]{font:var(--font-static-body-sm-default)}.qui-icon__root.qui-tree__node-icon[data-size=sm]{--icon-size:var(--sizing-70)}.qui-icon__root.qui-tree__node-icon[data-size=md]{--icon-size:var(--sizing-80)}.qui-tooltip__content{background-color:var(--color-background-neutral-10);border-radius:2px;box-shadow:var(--shadow-high);color:var(--color-text-neutral-inverse);font:var(--font-static-body-xs-default);padding-block:4px;padding-inline:8px;pointer-events:none;transition:opacity 130ms ease-in-out,display 130ms ease-in-out allow-discrete;--arrow-background:var(--color-background-neutral-10);--arrow-size:10px;--arrow-height:8px;--z-index:calc(var(--z-index-tooltip) + var(--layer-index, 0))}@starting-style{.qui-tooltip__content{opacity:0}}.qui-tooltip__content:not([data-state=open]){opacity:0}.qui-toast__root{align-items:flex-start;box-shadow:var(--shadow-high);height:var(--height);min-width:284px;opacity:var(--opacity);padding:var(--spacing-90) var(--spacing-100);position:relative;scale:var(--scale);transition:translate 350ms cubic-bezier(0.21,1.02,0.73,1),scale 350ms,opacity 350ms,height 350ms,box-shadow 200ms;translate:var(--x) var(--y);width:100%;will-change:translate,opacity,scale;z-index:var(--z-index)}.qui-toast__root .qui-notification__close-button[data-size]{--button-size:var(--sizing-90)}.qui-toast__root{--icon-color:var(--color-icon-support-info);--border-left-color:var(--color-background-support-info);background:var(--color-surface-raised);border-bottom-left-radius:var(--border-radius-md);border-left:solid var(--sizing-40) var(--border-left-color);border-top-left-radius:var(--border-radius-md);outline:none}.qui-toast__root[data-emphasis=success]{--icon-color:var(--color-icon-support-success);--border-left-color:var(--color-background-support-success)}.qui-toast__root[data-emphasis=warning]{--icon-color:var(--color-icon-support-warning);--border-left-color:var(--color-background-support-warning)}.qui-toast__root[data-emphasis=danger]{--icon-color:var(--color-icon-support-danger);--border-left-color:var(--color-background-support-danger)}.qui-toast__root[data-emphasis=neutral]{--icon-color:var(--color-icon-support-neutral);--border-left-color:var(--color-background-support-neutral)}.qui-toast__root:has([data-part=status-icon]){--icon-col:1}.qui-toast__root[data-emphasis=loading] .qui-toast__icon{height:var(--sizing-70);padding-top:1px}.qui-toast__root:has([data-scope=toast][data-part=close-button]){padding-right:calc(var(--spacing-70) * 2 + var(--sizing-80))}.qui-toast__root{display:grid;--icon-col:0}.qui-toast__root:has(.qui-toast__icon){-moz-column-gap:var(--spacing-50);column-gap:var(--spacing-50);grid-template-columns:max-content 1fr;--content-col:2}.qui-toast__label{align-self:baseline;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-bold);grid-column:var(--content-col)}.qui-toast__description{align-self:baseline;color:var(--color-text-neutral-primary);font:var(--font-static-body-xs-default);grid-column:var(--content-col)}.qui-toast__icon{color:var(--icon-color);grid-column:var(--icon-col)}.qui-toast__action{grid-column:var(--content-col);justify-self:flex-start;margin-top:var(--spacing-110)}.qui-toast__close-button[data-size]{--button-size:var(--sizing-90)}.qui-toast__close-button{position:absolute;right:var(--spacing-70);top:var(--spacing-80)}.qui-tag__root{align-items:center;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font:var(--font-static-body-xs-default);gap:var(--spacing-50);max-height:var(--tag-size);min-height:var(--tag-size);outline:none;padding:0 var(--spacing-70);--tag-size:var(--sizing-90)}.qui-tag__root[data-radius=rounded]{border-radius:var(--border-radius-rounded)}.qui-tag__root[data-size=sm]{--tag-size:var(--sizing-80)}.qui-tag__root[data-size=lg]{--tag-size:var(--sizing-100);font:var(--font-static-body-sm-default);padding:0 var(--spacing-80)}.qui-tag__root{border:solid 1px var(--color-interactive-border-neutral-idle);color:var(--color-text-neutral-primary);--icon-color:inherit}.qui-tag__root[data-variant=link]:hover{text-decoration:underline}.qui-tag__root[data-emphasis=brand]{color:var(--color-interactive-text-primary-idle)}.qui-tag__root[data-emphasis=brand]:hover{color:var(--color-interactive-text-primary-hover)}.qui-tag__root[data-emphasis=brand]:active{color:var(--color-interactive-text-primary-pressed)}.qui-tag__root[data-emphasis=brand][data-selected]{background:var(--color-background-brand-primary);border-color:var(--color-background-brand-primary);color:var(--color-utility-persistent-white)}.qui-tag__root[data-emphasis=outline-neutral]:hover{background:var(--color-interactive-background-ghost-hover)}.qui-tag__root[data-emphasis=outline-neutral]:active{background:var(--color-interactive-background-ghost-pressed)}.qui-tag__root[data-emphasis=outline-neutral][data-selected]{background:var(--color-interactive-background-neutral-idle)}.qui-tag__root[data-emphasis=neutral]{background:var(--color-background-support-neutral-subtle)}.qui-tag__root[data-emphasis=neutral]:hover{background:var(--color-interactive-background-ghost-hover)}.qui-tag__root[data-emphasis=neutral]:active{background:var(--color-interactive-background-ghost-pressed)}.qui-tag__root[data-emphasis=neutral][data-selected]{background:var(--color-background-support-neutral)}.qui-tag__root[data-selected]{color:var(--color-utility-persistent-white)}.qui-tag__root:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-tag__root[data-scope][data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text);cursor:default;--icon-color:var(--color-utility-disabled-icon)}.qui-tag__icon{color:var(--icon-color)}.qui-tag__icon[data-scope=tag][data-size]{--icon-size:var(--sizing-60)}.qui-tag__icon[data-scope=tag][data-size=lg]{--icon-size:var(--sizing-70)}.qui-tabs__root{display:flex;flex-direction:column;--indicator-size:2px}.qui-tabs__root[data-size=lg]{--indicator-size:3px}.qui-tabs__root[data-size=xl]{--indicator-size:4px}.qui-tabs__root[data-orientation=vertical]{flex-direction:row}.qui-tabs__list{display:inline-flex;isolation:isolate;position:relative}.qui-tabs__list[data-orientation=horizontal][data-variant=contained]{border-bottom:1px solid var(--color-border-neutral-02)}.qui-tabs__list[data-orientation=horizontal][data-variant=contained][data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-tabs__list[data-orientation=vertical]{flex-direction:column}.qui-tabs__list[data-orientation=vertical]:before{background:var(--color-border-neutral-01);content:"";height:100%;left:0;position:absolute;width:var(--indicator-size)}.qui-tab__root{align-items:center;display:inline-flex;position:relative;--dismiss-spacing-offset:0px}.qui-tab__root[data-variant=contained]:not(:last-child){border-right:1px solid var(--color-border-neutral-02)}.qui-tab__root:has(.qui-tab__dismiss-button){--dismiss-spacing-offset:calc(var(--sizing-80) + var(--spacing-50))}.qui-tab__root[data-size=sm]{--tab-initial-spacing-x:var(--spacing-50);--tab-spacing-y:var(--spacing-50)}.qui-tab__root[data-size=md]{--tab-initial-spacing-x:var(--spacing-70);--tab-spacing-y:var(--spacing-70)}.qui-tab__root[data-size=lg]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-80);--tab-spacing-y:var(--spacing-80)}.qui-tab__root[data-size=xl]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-90)}.qui-tab__dismiss-button{position:absolute;right:var(--tab-initial-spacing-x)}.qui-tab__button{--tab-spacing-end:calc(var(--tab-initial-spacing-x) + var(--dismiss-spacing-offset));align-items:center;color:var(--color-interactive-text-neutral-idle);display:inline-flex;font:var(--font-static-body-xs-bold);gap:var(--spacing-50);outline:none;padding-bottom:var(--tab-spacing-y);padding-inline-end:var(--tab-spacing-end);padding-inline-start:var(--tab-initial-spacing-x);padding-top:var(--tab-spacing-y)}.qui-tab__button[data-selected][data-variant=line]:not([data-indicator-rendered])[data-orientation=horizontal]:before{bottom:0;height:var(--indicator-size);width:100%}.qui-tab__button[data-selected][data-variant=line]:not([data-indicator-rendered])[data-orientation=vertical]:before{height:100%;left:0;top:0;width:var(--indicator-size)}.qui-tab__button[data-selected][data-variant=line]:not([data-indicator-rendered]):before{background:var(--color-border-brand-primary);content:"";left:0;position:absolute}.qui-tab__button:hover{background:var(--color-interactive-background-ghost-hover);color:var(--color-interactive-text-neutral-hover)}.qui-tab__button:active{background:var(--color-interactive-background-ghost-pressed);color:var(--color-interactive-text-neutral-pressed)}.qui-tab__button[data-disabled]{background:var(--color-interactive-background-ghost-idle);color:var(--color-utility-disabled-text);pointer-events:none}.qui-tab__button[data-variant=line][data-focus][data-focus-visible]{outline:solid 2px var(--color-border-brand-primary);outline-offset:-1px}.qui-tab__button[data-variant=contained]:hover{background:var(--color-background-neutral-01)}.qui-tab__button[data-variant=contained][data-selected]{background:var(--color-background-neutral-01)}.qui-tab__button[data-variant=contained][data-focus][data-focus-visible]{outline:solid 2px var(--color-border-brand-primary);outline-offset:-1px}.qui-tab__button[data-variant=contained][data-size=sm]{--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-60)}.qui-tab__button[data-variant=contained][data-size=md]{--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-80)}.qui-tab__button[data-orientation=vertical][data-size=sm]{--tab-initial-spacing-x:var(--spacing-80);--tab-spacing-y:var(--spacing-50)}.qui-tab__button[data-orientation=vertical][data-size=md]{--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-70)}.qui-tab__button[data-orientation=vertical][data-size=lg]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-100);--tab-spacing-y:var(--spacing-80)}.qui-tab__button[data-orientation=vertical][data-size=xl]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-100);--tab-spacing-y:var(--spacing-90)}.qui-tabs__indicator[data-empty]{display:none}.qui-tabs__indicator[data-focus][data-focus-visible]{--transition-duration:0ms}.qui-tabs__indicator:not([data-animate]){--transition-duration:0ms}.qui-tabs__indicator{background:var(--color-border-brand-primary)}.qui-tabs__indicator[data-orientation=horizontal]{bottom:0;height:var(--indicator-size);width:var(--width)}.qui-tabs__indicator[data-orientation=vertical]{height:var(--height);top:var(--top);width:var(--indicator-size)}.qui-tabs__panel{color:var(--color-text-neutral-primary)}.qui-tabs__panel[data-orientation=horizontal]{padding-top:var(--spacing-90)}.qui-tabs__panel[data-orientation=vertical]{padding-left:var(--spacing-90)}.qui-tab__icon[data-size]{--icon-size:var(--sizing-70)}.qui-tab__icon[data-size=sm]{--icon-size:var(--sizing-60)}.qui-tab__icon[data-icon-variant=filled]{background:var(--color-background-support-neutral);border-radius:var(--border-radius-xs);color:var(--color-utility-persistent-white);padding:var(--spacing-30)}.qui-tab__icon[data-icon-variant=filled][data-size=sm]{padding:var(--spacing-20)}.qui-tab__icon[data-icon-variant=filled] .qui-icon__root{--icon-size:var(--sizing-60)}.qui-table__root{background:var(--color-background-neutral-00);border:solid 1px var(--table-border-color);border-radius:var(--border-radius-md);color:var(--color-text-neutral-primary);width:100%}.qui-table__root:not(:has(.qui-table__cell)):not(:has(.qui-table__header-cell)){border:none}.qui-table__root{--cell-border-right:none;--table-border-top-radius:var(--border-radius-md);--table-border-bottom-radius:var(--border-radius-md);--table-border-color:var(--color-border-neutral-01)}.qui-table__root:has(.qui-table__pagination){--table-border-bottom-radius:none}.qui-table__root:has(.qui-table__action-bar),.qui-table__root:has(.qui-table__title-bar){--table-border-top-radius:none}.qui-table__root[data-show-column-divider]{--cell-border-right:solid 1px var(--table-border-color)}.qui-table__root[data-size=sm]{--action-bar-height:var(--sizing-160);--cell-font:var(--font-static-body-xs-default);--cell-min-height:var(--sizing-140);--cell-padding-x:var(--spacing-90);--header-font:var(--font-static-body-xs-bold)}.qui-table__root[data-size=md]{--action-bar-height:var(--sizing-170);--cell-font:var(--font-static-body-xs-default);--cell-min-height:var(--sizing-160);--cell-padding-x:var(--spacing-100);--header-font:var(--font-static-body-xs-bold)}.qui-table__root[data-size=lg]{--action-bar-height:68px;--cell-font:var(--font-static-body-sm-default);--cell-min-height:var(--sizing-170);--cell-padding-x:var(--spacing-110);--header-font:var(--font-static-body-sm-bold)}.qui-table__table{background:var(--color-background-neutral-00);border-collapse:separate;border-radius:var(--table-border-top-radius) var(--table-border-top-radius) var(--table-border-bottom-radius) var(--table-border-bottom-radius);border-spacing:0;min-width:100%;width:-moz-max-content;width:max-content}.qui-table__header .qui-table__row:first-child .qui-table__header-cell:first-child{border-radius:var(--table-border-top-radius) 0 0 0}.qui-table__header .qui-table__row:first-child .qui-table__header-cell:last-child{border-radius:0 var(--table-border-top-radius) 0 0}.qui-table__row{background:var(--color-interactive-background-ghost-idle);position:relative}.qui-table__row[data-dragging]{color:var(--color-utility-disabled-text)}.qui-table__footer{border-top:solid 1px var(--table-border-color)}.qui-table__header-cell[data-dragging-over]{border-inline-end:solid 1px var(--color-border-brand-primary)}.qui-table__header-cell[data-dragging]{color:var(--color-utility-disabled-text)}.qui-table__header-cell:not(:last-of-type){border-inline-end:var(--cell-border-right)}.qui-table__header-cell{background:var(--color-background-neutral-02);border-bottom:solid 1px var(--table-border-color);font:var(--header-font);height:var(--cell-min-height);padding:var(--spacing-50) var(--cell-padding-x);position:relative;text-align:left}.qui-table__cell:not(:last-of-type){border-inline-end:var(--cell-border-right)}.qui-table__cell{font:var(--cell-font);height:var(--cell-min-height);padding:var(--spacing-50) var(--cell-padding-x);vertical-align:center}.qui-table__title-bar{background:var(--color-background-neutral-02);min-height:var(--sizing-160)}.qui-table__action-bar{align-items:center;background:var(--color-background-neutral-02);border-bottom:solid 1px var(--table-border-color);display:flex;gap:var(--spacing-70);min-height:var(--action-bar-height);padding:var(--spacing-100) var(--cell-padding-x)}.qui-table__scroll-container{overflow:auto}.qui-table__row-drop-indicator{background:var(--color-border-brand-primary);display:block;height:2px;left:0;position:absolute;top:0;width:100%;z-index:2}.qui-table__row-drop-indicator[data-closest-edge=top]{bottom:unset;top:0}.qui-table__row-drop-indicator[data-closest-edge=bottom]{bottom:0;top:unset}.qui-table__column-drop-indicator{background:var(--color-border-brand-primary);display:block;height:100%;left:0;position:absolute;top:0;width:2px;z-index:2}.qui-table__column-drop-indicator[data-closest-edge=left]{left:0;right:unset}.qui-table__column-drop-indicator[data-closest-edge=right]{left:unset;right:0}.qui-table__drag-handle{cursor:grab}.qui-table__drag-handle:active{background:none!important;cursor:grabbing}.qui-table__drag-preview{align-items:center;border:solid 1px var(--color-border-neutral-01);color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-xs-default);gap:var(--spacing-120);height:var(--sizing-160);padding:var(--spacing-50) var(--spacing-100)}.qui-table__body{background:var(--color-interactive-background-ghost-idle)}.qui-table__body .qui-table__row:not(:last-of-type) .qui-table__cell{border-bottom:solid 1px var(--table-border-color)}.qui-table__body .qui-table__row:last-of-type .qui-table__cell:first-child{border-radius:0 0 0 var(--table-border-bottom-radius)}.qui-table__body .qui-table__row:last-of-type .qui-table__cell:last-child{border-radius:0 0 var(--table-border-bottom-radius) 0}.qui-table__column-resizer{cursor:col-resize}.qui-table__pagination{background:var(--color-background-neutral-02);display:flex;justify-content:space-between;padding:var(--spacing-100) var(--cell-padding-x);width:100%}.qui-table__column-sort-action .qui-icon__root{transition:transform 0.1s ease-in-out}.qui-table__column-sort-action[data-sort-direction=desc] .qui-icon__root{transform:rotate(180deg)}.qui-table__row-expand-button[data-expanded] .qui-icon__root{transform:rotate(90deg)}.qui-table__row-expand-button .qui-icon__root{transition:transform var(--animation-duration-faster) ease-in-out}.qui-switch__root{align-items:center;-webkit-box-align:center;-moz-column-gap:var(--spacing-70);column-gap:var(--spacing-70);display:flex;flex-wrap:wrap;justify-content:start;position:relative;vertical-align:top;--switch-color-transition:color 130ms ease-out,background-color 130ms ease-out}.qui-switch__root:hover{cursor:pointer}.qui-switch__root[data-disabled]{cursor:unset;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-switch__root:has([data-part=error-text][data-invalid]){row-gap:var(--spacing-70)}.qui-switch__control{align-items:center;background:var(--color-background-neutral-00);border:var(--border-width-sm,1px) solid var(--color-border-neutral-03);border-radius:var(--border-radius-rounded);display:inline-flex;height:var(--sizing-90);justify-content:center;max-width:44px;min-width:44px;padding:3px;position:relative;transition:var(--switch-color-transition)}.qui-switch__control[data-size=sm]{height:var(--sizing-80);max-width:36px;min-width:36px}.qui-switch__control[data-focus-visible]{border-color:var(--color-interactive-border-neutral-hover);outline:solid 2px var(--color-utility-focus-border);outline-offset:1px}.qui-switch__control[data-state=checked]{background:var(--color-interactive-background-primary-idle);border-color:var(--color-interactive-background-primary-idle)}.qui-switch__control[data-state=checked][data-hover]{background:var(--color-interactive-background-primary-hover);border-color:var(--color-interactive-background-primary-hover)}.qui-switch__control[data-state=checked][data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-switch__control[data-invalid][data-state=unchecked]{border-color:var(--color-interactive-border-danger-idle)}.qui-switch__control[data-invalid][data-state=unchecked][data-hover]{border-color:var(--color-interactive-border-danger-hover)}.qui-switch__control[data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-switch__thumb{background-color:var(--color-background-neutral-10);border-radius:50%;height:18px;left:3px;position:absolute;transition:transform 130ms ease-out;width:18px}.qui-switch__thumb[data-size=sm]{height:14px;width:14px}.qui-switch__thumb[data-size=sm][data-state=checked]{transform:translateX(15px)}.qui-switch__thumb[data-state=checked]{background-color:var(--color-utility-persistent-white);transform:translateX(18px)}.qui-switch__thumb[data-invalid][data-state=unchecked]{background-color:var(--color-interactive-text-danger-idle)}.qui-switch__thumb[data-invalid][data-state=unchecked][data-hover]{background-color:var(--color-interactive-text-danger-hover)}.qui-switch__thumb[data-disabled]{background-color:var(--color-utility-disabled-text)}.qui-switch__label{color:var(--color-text-neutral-primary);flex:1;font:var(--font-static-body-sm-default)}.qui-switch__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-slider__root{--slider-track-thickness:4px}.qui-slider__root[data-size=sm]{--slider-thumb-size:8px}.qui-slider__root[data-size=md]{--slider-thumb-size:16px}.qui-slider__root{--slider-label-color:var(--color-text-neutral-secondary);--slider-track-color:var(--color-background-neutral-04);--slider-marker-color:var(--color-text-neutral-primary)}.qui-slider__root[data-variant=primary]:not([data-disabled]){--slider-thumb-color:var(--color-interactive-background-primary-idle);--slider-range-color:var(--color-background-brand-primary);--slider-thumb-color-hover:var(
|
|
2
|
+
--color-interactive-background-primary-hover
|
|
3
|
+
);--slider-thumb-color-active:var(
|
|
4
|
+
--color-interactive-background-primary-pressed
|
|
5
|
+
)}.qui-slider__root[data-variant=neutral]:not([data-disabled]){--slider-thumb-color:var(--color-interactive-background-neutral-idle);--slider-range-color:var(--color-background-support-neutral);--slider-thumb-color-hover:var(
|
|
6
|
+
--color-interactive-background-neutral-hover
|
|
7
|
+
);--slider-thumb-color-active:var(
|
|
8
|
+
--color-interactive-background-neutral-pressed
|
|
9
|
+
)}.qui-slider__root[data-invalid]:not([data-disabled]){--slider-thumb-color:var(--color-interactive-background-danger-idle);--slider-range-color:var(--color-background-support-danger);--slider-thumb-color-hover:var(
|
|
10
|
+
--color-interactive-background-danger-hover
|
|
11
|
+
);--slider-thumb-color-active:var(
|
|
12
|
+
--color-interactive-background-danger-pressed
|
|
13
|
+
)}.qui-slider__root[data-disabled]{--slider-thumb-color:var(--color-utility-disabled-background);--slider-track-color:var(--color-utility-disabled-background);--slider-range-color:var(--color-utility-disabled-background);--slider-label-color:var(--color-utility-disabled-text);--slider-marker-color:var(--color-utility-disabled-text)}.qui-slider__root[data-readonly]{--slider-track-color:var(--color-utility-disabled-background);--slider-label-color:var(--color-utility-disabled-text);--slider-marker-color:var(--color-utility-disabled-text)}.qui-slider__root{align-items:center;display:grid;isolation:isolate;touch-action:none;width:100%}.qui-slider__root[data-orientation=horizontal]{grid-template-columns:auto 1fr 1fr auto;grid-template-rows:[label] auto [control] auto [markers] auto [hint error] auto;--row-gap:6px}.qui-slider__root[data-orientation=vertical]{grid-template-columns:[label control] 1fr [value markers] 1fr;grid-template-rows:auto auto 1fr auto}.qui-slider__label,.qui-slider__value-text{color:var(--slider-label-color);font:var(--font-static-body-xs-default);grid-row:label;width:-moz-fit-content;width:fit-content}.qui-slider__label[data-orientation=vertical],.qui-slider__value-text[data-orientation=vertical]{grid-row:1}.qui-slider__label{grid-column:1/3}.qui-slider__label[data-orientation=vertical]{grid-column:1}.qui-slider__value-text{grid-column:-1/-3;justify-self:end}.qui-slider__value-text[data-orientation=vertical]{grid-column:2}.qui-slider__minMaxMarker{color:var(--slider-marker-color);font:var(--font-static-body-xs-default);grid-row:control;margin-block-start:var(--row-gap);-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-slider__root :nth-child(1 of .qui-slider__minMaxMarker){grid-column:1/2;margin-inline-end:10px}.qui-slider__root :nth-child(1 of .qui-slider__minMaxMarker)[data-orientation=vertical]{grid-column:1/-1;grid-row:2;justify-self:center;margin:0}.qui-slider__root :nth-last-child(1 of .qui-slider__minMaxMarker){grid-column:-2/-1;margin-inline-start:10px}.qui-slider__root :nth-last-child(1 of .qui-slider__minMaxMarker)[data-orientation=vertical]{grid-column:1/-1;grid-row:4;justify-self:center;margin:0}.qui-slider__control{align-items:center;display:flex;flex-direction:row;grid-column:2/-2;grid-row:control;justify-content:center}.qui-slider__control:not([data-disabled]){cursor:pointer}.qui-slider__control[data-orientation=horizontal]{height:var(--slider-thumb-size);margin-block-start:var(--row-gap)}.qui-slider__control[data-orientation=vertical]{grid-column:1/-1;grid-row:3;height:100%;justify-self:center;width:var(--slider-thumb-size)}.qui-slider__control:has(.qui-slider__thumb[data-dragging]) .qui-slider__thumb:not([data-dragging]){background-color:var(--slider-thumb-color);scale:1}.qui-slider__thumb:not([data-disabled]):is(:hover,:active){scale:1.15}.qui-slider__thumb:not([data-disabled]):hover{background-color:var(--slider-thumb-color-hover)}.qui-slider__thumb:not([data-disabled]):active{background-color:var(--slider-thumb-color-active)}.qui-slider__thumb[data-dragging],.qui-slider__thumb[data-focus]{z-index:1}.qui-slider__thumb{aspect-ratio:1;background-color:var(--slider-thumb-color);border-radius:9999px;outline:2px solid var(--color-border-neutral-00);transition:scale 130ms ease-in-out,background-color 130ms ease-in-out;width:var(--slider-thumb-size)}.qui-slider__thumb:focus-visible{box-shadow:0 0 0 4px var(--color-utility-focus-border)}.qui-slider__thumb:after{border-radius:9999px;bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}.qui-slider__track{background-color:var(--slider-track-color);border-radius:9999px;overflow:hidden}.qui-slider__track[data-orientation=horizontal]{height:var(--slider-track-thickness);width:100%}.qui-slider__track[data-orientation=vertical]{height:100%;width:var(--slider-track-thickness)}.qui-slider__range{background-color:var(--slider-range-color);border-radius:inherit}.qui-slider__range[data-orientation=horizontal]{height:100%}.qui-slider__range[data-orientation=vertical]{width:100%}.qui-slider__marker-group[data-orientation=horizontal]{height:20px;margin-block-start:var(--row-gap);width:100%}.qui-slider__marker-group[data-orientation=vertical]{grid-row:3;height:100%;justify-self:center;margin-inline-start:28px}.qui-slider__marker-group{color:var(--slider-marker-color);font:var(--font-static-body-xs-default);grid-column:1/-1;grid-row:markers}.qui-slider__hint{color:var(--slider-label-color);font:var(--font-static-body-xs-default);grid-column:1/-1;grid-row:hint;margin-block-start:var(--row-gap)}.qui-slider__error-text{color:var(--color-text-support-danger);display:flex;font:var(--font-static-body-xs-default);gap:6px;grid-column:1/-1;grid-row:error;margin-block-start:var(--row-gap)}.qui-side-nav__root{--indent-spacing:16px;background:var(--color-surface-primary);display:flex;flex-direction:column;min-width:240px;padding:var(--spacing-70) 0}.qui-side-nav__root[data-surface=secondary]{background:var(--color-surface-secondary)}.qui-side-nav__root[data-state=closed]{max-width:56px;min-width:56px}.qui-side-nav__root[data-state=closed] .qui-collapsible__content.qui-side-nav__branch-content{display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__node-root{justify-content:center}.qui-side-nav__root[data-state=closed] .qui-side-nav__node-root:not(:has(.qui-side-nav__node-icon)){display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__node-root>:not(.qui-side-nav__node-icon):not(.qui-side-nav__node-indicator){display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__group-label{display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__filter-input{display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__header{padding:0 var(--spacing-70)}.qui-side-nav__filter-input{margin-top:16px;padding:0 var(--spacing-90);z-index:2}.qui-side-nav__header{align-items:center;color:var(--color-text-neutral-secondary);display:flex;font:var(--font-static-body-xs-default);gap:var(--spacing-50);margin-bottom:var(--spacing-70);min-height:var(--sizing-140);padding:0 var(--spacing-90)}.qui-side-nav__divider.qui-divider__root{align-self:center;margin:0;width:calc(100% - var(--spacing-90) * 2);--divider-border-color:var(--color-border-neutral-01)}.qui-side-nav__group{display:flex;flex-direction:column;width:100%}.qui-side-nav__group>.qui-side-nav__divider{margin-bottom:16px}.qui-side-nav__group+.qui-side-nav__group{margin-top:16px}.qui-side-nav__group-label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);padding:0 var(--spacing-100) var(--spacing-90)}.qui-side-nav__node-root{align-items:center;background:var(--color-interactive-background-ghost-idle);border:solid 1px transparent;border-radius:var(--border-radius-xs);cursor:pointer;display:flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-50);height:40px;line-height:normal;margin-left:calc((calc(var(--depth, 1) - 1) * var(--indent-spacing)) + var(--spacing-70));margin-right:var(--spacing-70);min-height:40px;outline:none;padding-left:var(--spacing-70);padding-right:var(--spacing-70);position:relative}.qui-side-nav__node-root:hover{background:var(--color-interactive-background-ghost-hover)}.qui-side-nav__node-root:active{background:var(--color-interactive-background-ghost-pressed)}.qui-side-nav__node-root:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-side-nav__node-root:has([data-part=branch-trigger]){--branch-trigger-width:calc(16px + var(--spacing-50))}.qui-side-nav__node-root[data-size=sm]{font:var(--font-static-body-xs-default);height:32px;min-height:32px}.qui-side-nav__node-root[data-selected][data-part=leaf-node]{background:var(--color-interactive-background-ghost-hover)}.qui-side-nav__node-root[data-disabled]{background:transparent;color:var(--color-utility-disabled-text);pointer-events:none}.qui-side-nav__node-root[data-part=branch-node] .qui-side-nav__node-indicator{display:none}.qui-side-nav__branch-trigger{margin-left:auto;transition:transform var(--animation-duration-faster) ease}.qui-side-nav__branch-trigger[data-state=open]{transform:rotate(180deg)}.qui-side-nav__branch-root:has(.qui-side-nav__node-root[data-part=leaf-node][data-selected])>.qui-side-nav__node-root[data-part=branch-node]:first-child{color:var(--color-text-brand-primary);--icon-color:var(--color-icon-brand-primary)}.qui-side-nav__branch-indent-guide{background:var(--color-border-neutral-01);height:100%;left:calc(1px + var(--indent-spacing) * var(--depth));position:absolute;width:1px}.qui-side-nav__branch-content{padding:1px;position:relative}.qui-side-nav__node-action:first-of-type{margin-left:auto}.qui-side-nav__node-indicator{background:var(--color-border-brand-primary);border-bottom-left-radius:var(--border-radius-xs);border-top-left-radius:var(--border-radius-xs);height:100%;left:0;position:absolute;width:3px}.qui-icon__root.qui-side-nav__node-icon{--icon-size:var(--sizing-70)}.qui-side-nav__collapse-trigger:last-child{margin-left:auto}:root{--z-index-dropdown:1000;--z-index-banner:1200;--z-index-overlay:1300;--z-index-dialog:1400;--z-index-popover:1500;--z-index-toast:1700;--z-index-tooltip:1800}.qui-select__root{display:flex;flex-direction:column;gap:var(--spacing-40);--input-group-gap:var(--spacing-40)}.qui-select__root[data-size=lg]{--input-group-gap:var(--spacing-50)}.qui-select__label{color:var(--color-text-neutral-secondary);display:inline-block;font:var(--font-static-body-sm-default)}.qui-select__label[data-disabled]{color:var(--color-utility-disabled-text);cursor:default}.qui-select__control{--select-trigger-gap:var(--spacing-40);align-items:center;background:var(--color-background-neutral-00);border:1px solid var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-sm);color:var(--color-text-neutral-primary);cursor:pointer;display:inline-flex;font:var(--font-static-body-sm-default);gap:var(--select-trigger-gap);justify-content:space-between;line-height:normal;min-height:var(--sizing-140,40px);outline:none;overflow-x:hidden;padding:0 var(--spacing-70) 0 var(--spacing-90);position:relative;width:100%;--icon-color:var(--color-icon-neutral-primary)}.qui-select__control[data-placeholder-shown]{--icon-color:var(--color-utility-placeholder-icon)}.qui-select__control[data-placeholder-shown] .qui-select__value-text{color:var(--color-utility-placeholder-text);-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-select__control[data-size=sm]{font:var(--font-static-body-xs-default);min-height:var(--sizing-120);padding:0 var(--spacing-50) 0 var(--spacing-70)}.qui-select__control[data-size=lg]{font:var(--font-static-body-md-default);min-height:var(--sizing-160,48px);padding:0 var(--spacing-80) 0 var(--spacing-100)}.qui-select__control:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-select__control[data-invalid]:not([data-state=open]){border-color:var(--color-interactive-border-danger-idle);outline:1px solid var(--color-interactive-border-danger-idle)}.qui-select__control[data-invalid]:not([data-state=open]):hover{border-color:var(--color-interactive-border-danger-hover);outline:1px solid var(--color-interactive-border-danger-hover)}.qui-select__control[data-readonly]{background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-select__control:focus,.qui-select__control:focus-visible,.qui-select__control:focus-within,.qui-select__control[data-state=open]{border-color:var(--color-utility-focus-border);outline:1px solid var(--color-utility-focus-border)}.qui-select__control:disabled,.qui-select__control[data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text);cursor:default;pointer-events:none}.qui-select__control:disabled .qui-select__trigger-icon,.qui-select__control[data-disabled] .qui-select__trigger-icon{color:var(--color-utility-disabled-icon)}.qui-select__control .qui-select__indicator{color:var(--color-icon-neutral-primary);transition:transform var(--animation-duration-faster) ease}.qui-select__control .qui-select__indicator[data-size]{--icon-size:16px}.qui-select__control .qui-select__indicator[data-size=lg]{--icon-size:20px}.qui-select__control .qui-select__indicator[data-disabled]{color:var(--color-utility-disabled-icon)}.qui-select__control .qui-select__indicator[data-state=open]{transform:rotate(180deg)}.qui-select__trigger-icon{color:var(--icon-color)}.qui-select__trigger-icon[data-size=sm]{margin-right:calc(var(--spacing-50) - var(--select-trigger-gap))}.qui-select__trigger-icon[data-size=md]{margin-right:calc(var(--spacing-70) - var(--select-trigger-gap))}.qui-select__trigger-icon[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80);margin-right:calc(var(--spacing-80) - var(--select-trigger-gap))}.qui-select__positioner{max-height:min(var(--available-height),320px);overflow-x:hidden;overflow-y:auto;width:auto}.qui-select__positioner[data-size=md]{max-height:min(var(--available-height),320px)}.qui-select__content{background:var(--color-surface-overlay);border:solid 1px var(--color-border-neutral-02);border-radius:var(--border-radius-md);box-shadow:var(--shadow-medium);display:inline-flex;flex-direction:column;max-height:min(var(--available-height),320px);outline:none;overflow-y:auto;overscroll-behavior:contain;padding:var(--spacing-40) 0;position:relative;width:100%;z-index:calc(var(--z-index-dropdown) + var(--layer-index))}.qui-select__content[data-virtual][data-empty]{padding:0 0}.qui-select__content[data-virtual][data-size=sm]{min-height:34px}.qui-select__content[data-virtual]{max-height:unset;min-height:42px;min-width:var(--reference-width);overflow:hidden}.qui-select__content[data-focus-visible]:not([data-disabled]) .qui-select__item[data-highlighted]{border-color:var(--color-utility-focus-border)}.qui-select__item{align-items:center;background-color:transparent;border:solid 2px transparent;box-sizing:border-box;color:var(--color-text-neutral-primary);cursor:pointer;display:flex;font:var(--font-static-body-sm-default);gap:8px;justify-content:space-between;min-height:40px;outline:none;padding:0 var(--select-padding-x);width:100%;--select-padding-x:var(--spacing-100)}.qui-select__item[data-size=sm]{font:var(--font-static-body-xs-default);min-height:32px;--select-padding-x:var(--spacing-90)}.qui-select__item:hover{background:var(--color-interactive-background-ghost-hover)}.qui-select__item:active{background:var(--color-interactive-background-ghost-pressed)}.qui-select__item[data-highlighted][data-focus-visible]{border-color:var(--color-utility-focus-border)}.qui-select__item[data-disabled]{background:var(--color-interactive-background-ghost-idle);color:var(--color-utility-disabled-text);cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-select__item[role=presentation]{background:var(--color-interactive-background-ghost-idle);cursor:initial}.qui-select__item:not([data-disabled]) .qui-select__item-text mark{background:var(--color-background-neutral-10);color:var(--color-text-neutral-inverse)}.qui-select__item[data-virtual]{left:0;position:absolute;text-overflow:ellipsis;top:0;transform:translateY(var(--virtual-item-start));white-space:nowrap;width:calc(100% - var(--scrollbar-width, 0px))}.qui-select__item-text{flex:1;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.qui-select__value-text{color:var(--color-text-neutral-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;word-break:break-word}.qui-select__value-text[data-disabled]{color:var(--color-utility-disabled-text)}.qui-select__value-text[data-multiple]{-moz-column-gap:var(--spacing-70);column-gap:var(--spacing-70);display:inline-flex;flex-wrap:wrap;padding:4px 0;row-gap:var(--spacing-40)}.qui-segmented-control__root{display:inline-flex;box-shadow:inset 0 0 0 1px var(--color-border-neutral-02);box-sizing:border-box;border-radius:var(--border-radius-md)}.qui-segmented-control__root[data-orientation=vertical]{flex-direction:column}.qui-segmented-control__root{--text-checked:var(--color-utility-persistent-white);--text-disabled:var(--color-utility-disabled-text);--bg-idle:var(--color-interactive-background-ghost-idle);--bg-hover:var(--color-interactive-background-ghost-hover);--bg-active:var(--color-interactive-background-ghost-pressed);--bg-checked:var(--color-interactive-background-neutral-idle);--bg-disabled:var(--color-utility-disabled-background)}.qui-segmented-control__root[data-variant=primary]{--text-idle:var(--color-interactive-text-primary-idle);--text-hover:var(--color-interactive-text-primary-hover);--text-active:var(--color-interactive-text-primary-pressed);--bg-checked:var(--color-interactive-background-primary-idle)}.qui-segmented-control__root[data-variant=neutral]{--text-idle:var(--color-interactive-text-neutral-idle);--text-hover:var(--color-interactive-text-neutral-hover);--text-active:var(--color-interactive-text-neutral-pressed);--bg-checked:var(--color-interactive-background-neutral-idle)}.qui-segmented-control__root[data-layout=hug]{width:-moz-fit-content;width:fit-content}.qui-segmented-control__root[data-layout=fill]{width:100%}.qui-segmented-control__root[data-layout=fill]>.qui-segmented-control__item{flex:1 1 0;min-width:0}.qui-segmented-control__item{display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center;color:var(--text-idle);background-color:var(--bg-idle);transition:color var(--animation-duration-faster) ease,background-color var(--animation-duration-faster) ease;--border-radius:var(--border-radius-md)}[data-size=sm] .qui-segmented-control__item{font:var(--font-static-body-xs-bold);block-size:var(--sizing-120);gap:var(--spacing-50);padding-inline:var(--spacing-80)}[data-size=sm] .qui-segmented-control__item:has([data-part=item-label]){padding-inline:var(--spacing-90)}[data-size=sm] .qui-segmented-control__item{--divider-height:var(--sizing-60)}[data-size=sm] .qui-segmented-control__item>.qui-icon__root{--icon-size:var(--sizing-60)}[data-size=md] .qui-segmented-control__item{font:var(--font-static-body-sm-bold);block-size:var(--sizing-140);gap:var(--spacing-70);padding-inline:var(--spacing-90)}[data-size=md] .qui-segmented-control__item:has([data-part=item-label]){padding-inline:var(--spacing-100)}[data-size=md] .qui-segmented-control__item{--divider-height:var(--sizing-70)}[data-size=md] .qui-segmented-control__item>.qui-icon__root{--icon-size:var(--sizing-70)}[data-size=lg] .qui-segmented-control__item{font:var(--font-static-body-lg-bold);block-size:var(--sizing-160);gap:var(--spacing-90);padding-inline:14px}[data-size=lg] .qui-segmented-control__item:has([data-part=item-label]){padding-inline:var(--spacing-110)}[data-size=lg] .qui-segmented-control__item{--divider-height:var(--sizing-80)}[data-size=lg] .qui-segmented-control__item>.qui-icon__root{--icon-size:var(--sizing-80)}[data-orientation=horizontal] .qui-segmented-control__item:first-of-type{border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}[data-orientation=vertical] .qui-segmented-control__item:first-of-type{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius)}[data-orientation=horizontal] .qui-segmented-control__item:last-of-type{border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}[data-orientation=vertical] .qui-segmented-control__item:last-of-type{border-end-start-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.qui-segmented-control__item[data-state=unchecked]:not([data-disabled]){background-color:unset}.qui-segmented-control__item[data-state=unchecked]:not([data-disabled]):hover{color:var(--text-hover);background-color:var(--bg-hover)}.qui-segmented-control__item[data-state=unchecked]:not([data-disabled]):active{color:var(--text-active);background-color:var(--bg-active)}.qui-segmented-control__item[data-state=checked]{color:var(--text-checked);background-color:var(--bg-checked)}.qui-segmented-control__item[data-disabled]{color:var(--text-disabled);background-color:var(--bg-disabled);cursor:default}.qui-segmented-control__item[data-focus-visible]{outline:none;box-shadow:0px 0 0 2px var(--color-utility-focus-border)}.qui-segmented-control__item[data-focus-visible][data-state=checked]{box-shadow:inset 0px 0 0 1px var(--color-background-neutral-00),0px 0 0 2px var(--color-utility-focus-border)}.qui-segmented-control__root{gap:1px}.qui-segmented-control__item:not(:first-of-type){position:relative}.qui-segmented-control__item:not(:first-of-type):before{content:"";position:absolute;background-color:var(--color-border-neutral-01);transition:background-color var(--animation-duration-faster) ease}[data-orientation=horizontal] .qui-segmented-control__item:not(:first-of-type):before{inset-inline-start:-1px;top:calc(50% - var(--divider-height) / 2);height:var(--divider-height);width:1px}[data-orientation=horizontal] .qui-segmented-control__item[data-state=checked]+.qui-segmented-control__item:before,[data-orientation=horizontal] .qui-segmented-control__item[data-state=checked]:not(:first-of-type):before{top:0;height:100%;background-color:var(--bg-checked)}[data-orientation=horizontal] .qui-segmented-control__item[data-disabled]+.qui-segmented-control__item:before,[data-orientation=horizontal] .qui-segmented-control__item[data-disabled]:not(:first-of-type):before{top:0;height:100%;background-color:var(--bg-disabled)}[data-orientation=vertical] .qui-segmented-control__item:not(:first-of-type):before{inset-block-start:-1px;width:100%;height:1px}[data-orientation=vertical] .qui-segmented-control__item[data-state=checked]+.qui-segmented-control__item:before,[data-orientation=vertical] .qui-segmented-control__item[data-state=checked]:not(:first-of-type):before{background-color:var(--bg-checked)}.qui-segmented-control__item:has(:focus-visible)+.qui-segmented-control__item:before,.qui-segmented-control__item:has(:focus-visible):before{display:none}.qui-radio-group__root{display:inline-flex;flex-direction:column;gap:var(--spacing-70)}.qui-radio-group__label{font:var(--font-static-body-xs-default)}.qui-radio-group__label[data-size=md]{font:var(--font-static-body-sm-default)}.qui-radio-group__label[data-size=lg]{font:var(--font-static-body-lg-default)}.qui-radio-group__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-radio-group__items{display:inline-flex;flex-direction:column;gap:var(--spacing-70)}.qui-radio-group__items[data-orientation=horizontal]{flex-direction:row;gap:var(--spacing-100)}.qui-radio__root{align-items:center;-webkit-box-align:center;-moz-column-gap:var(--spacing-70);column-gap:var(--spacing-70);display:inline-flex;flex-wrap:wrap;position:relative;width:-moz-fit-content;width:fit-content}.qui-radio__root:hover{cursor:pointer}.qui-radio__root[data-disabled]{cursor:unset;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-radio__control{align-items:center;background:var(--color-background-neutral-00);border:var(--border-width-sm,1px) solid var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-rounded,2px);color:var(--color-utility-persistent-white);display:inline-flex;height:var(--control-size);justify-content:center;max-width:var(--control-size);min-width:var(--control-size);position:relative;--control-size:var(--sizing-70);--dot-size:var(--sizing-50)}.qui-radio__control[data-size=md]{--control-size:var(--sizing-80)}.qui-radio__control[data-size=lg]{--control-size:var(--sizing-90)}.qui-radio__control[data-focus-visible]{border-color:var(--color-interactive-border-neutral-hover);outline:solid 2px var(--color-utility-focus-border);outline-offset:1px}.qui-radio__control[data-state=checked]{background:var(--color-interactive-background-primary-idle);border-color:var(--color-interactive-background-primary-idle)}.qui-radio__control[data-state=checked] .qui-radio__dot{display:block}.qui-radio__control[data-state=checked]:after{background:var(--color-utility-persistent-white);border-radius:50%;content:" ";height:var(--dot-size);position:absolute;width:var(--dot-size);z-index:1}.qui-radio__control[data-state=checked][data-hover]{background:var(--color-interactive-background-primary-hover);border-color:var(--color-interactive-background-primary-hover)}.qui-radio__control[data-state=checked][data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-radio__control[data-size=md]{--dot-size:10px}.qui-radio__control[data-size=lg]{--dot-size:var(--sizing-60)}.qui-radio__control[data-invalid]{background:var(--color-interactive-background-danger-idle);border-color:var(--color-interactive-border-danger-idle)}.qui-radio__control[data-invalid][data-hover]{background:var(--color-interactive-background-danger-hover);border-color:var(--color-interactive-border-danger-hover)}.qui-radio__control[data-invalid][data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-radio__control[data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-radio__label{color:var(--color-text-neutral-primary);font:var(--font-static-body-xs-default)}.qui-radio__label[data-size=md]{font:var(--font-static-body-sm-default)}.qui-radio__label[data-size=lg]{font:var(--font-static-body-md-default)}.qui-radio__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-progress-ring__root{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-30);justify-content:center;position:relative}.qui-progress-ring__root[data-size=lg],.qui-progress-ring__root[data-size=xl]{gap:var(--spacing-40)}.qui-progress-ring__circle-container{position:relative}.qui-progress-ring__circle{--size:var(--size-override,var(--circle-size));height:var(--size);transform:rotate(-90deg);width:var(--size);--thickness:7px;--stroke-width:var(--thickness-override,var(--thickness));--radius:calc(var(--size) / 2 - var(--stroke-width) / 2);--circumference:calc(2 * 3.14159 * var(--radius))}.qui-progress-ring__circle[data-size=xxs]{--circle-size:var(--sizing-60);--thickness:2px}.qui-progress-ring__circle[data-size=xs]{--circle-size:var(--sizing-70);--thickness:2px}.qui-progress-ring__circle[data-size=sm]{--circle-size:var(--sizing-80);--thickness:3px}.qui-progress-ring__circle[data-size=md]{--circle-size:var(--sizing-120);--thickness:4px}.qui-progress-ring__circle[data-size=lg]{--thickness:5px;--circle-size:var(--sizing-160)}.qui-progress-ring__circle[data-size=xl]{--circle-size:var(--sizing-180);--thickness:6px}.qui-progress-ring__circle[data-state=indeterminate]{animation:qui-progress-ring__indeterminate-rotate 3s linear infinite}.qui-progress-ring__circle[data-state=indeterminate] .qui-progress-ring__bar{animation:qui-progress-ring__indeterminate-circle 2s linear infinite}.qui-progress-ring__track{fill:transparent;stroke:var(--color-background-neutral-04);stroke-width:var(--stroke-width)}.qui-progress-ring__bar{fill:transparent;stroke:var(--progress-color);stroke-dasharray:var(--circumference);stroke-dashoffset:calc(var(--circumference) * ((100 - var(--progress)) / 100));stroke-linecap:round;stroke-width:var(--stroke-width);transform-origin:center;transition:stroke-dashoffset 300ms cubic-bezier(0.4,0,0.2,1) 0ms}.qui-progress-ring__bar[data-emphasis=primary]{--progress-color:var(--color-background-brand-primary)}.qui-progress-ring__bar[data-emphasis=neutral]{--progress-color:var(--color-background-support-neutral)}.qui-progress-ring__bar[data-invalid]{--progress-color:var(--color-text-support-danger)}.qui-progress-ring__value-text{color:var(--color-text-neutral-primary);font:var(--font-static-body-xs-default);inset-block-start:50%;inset-inline-start:50%;line-height:normal;position:absolute;transform:translate(-50%,-50%)}.qui-progress-ring__label{color:var(--color-text-neutral-secondary);display:flex;font:var(--font-static-body-xs-default);line-height:normal}.qui-progress-ring__label[data-invalid]{color:var(--color-text-support-danger)}.qui-progress__error-text{align-items:flex-start;color:var(--color-text-support-danger);display:inline-flex;flex-wrap:nowrap;font:var(--font-static-body-xs-default)}@keyframes qui-progress-ring__indeterminate-circle{0%{stroke-dasharray:0 var(--circumference);transform:rotate(0deg)}50%{stroke-dasharray:calc(var(--circumference) / 2) calc(var(--circumference) / 2);transform:rotate(360deg)}to{stroke-dasharray:0 var(--circumference);transform:rotate(720deg)}}@keyframes qui-progress-ring__indeterminate-rotate{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.qui-progress__root{--bar-column-end:-1;--bar-grid-row:1;--bar-start-column:1;--hint-grid-row:calc(var(--bar-grid-row) + 1);--progress-height:var(--sizing-50);display:grid;grid-column-gap:var(--spacing-70);grid-row-gap:var(--spacing-40);grid-template-columns:1fr;position:relative;width:100%}.qui-progress__root:has(.qui-progress__error-text:not([hidden])){--hint-grid-row:calc(var(--bar-grid-row) + 2)}.qui-progress__root:has(.qui-progress__value-text){--bar-grid-row:2}.qui-progress__root[data-label-orientation=side]{--bar-grid-row:1}.qui-progress__root[data-label-orientation=side]:has(.qui-progress__value-text){--bar-column-end:-2;grid-template-columns:1fr auto}.qui-progress__root:has(.qui-progress__label)[data-label-orientation=top]{--bar-grid-row:2}.qui-progress__root:has(.qui-progress__label)[data-label-orientation=side]{grid-template-columns:auto 1fr;--bar-grid-row:1;--bar-start-column:2}.qui-progress__root:has(.qui-progress__label)[data-label-orientation=side]:has(.qui-progress__value-text){grid-template-columns:auto 1fr auto}.qui-progress__root[data-size=sm]{--progress-height:var(--sizing-40)}.qui-progress__root[data-size=lg]{--progress-height:var(--sizing-60)}.qui-progress__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);grid-column:1;grid-row:1;justify-self:start}.qui-progress__value-text{color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-xs-default);grid-column:-2/-1;grid-row:1;justify-self:end}.qui-progress__value-text[data-invalid]{color:var(--color-text-support-danger)}.qui-progress__error-text{align-items:flex-start;color:var(--color-text-support-danger);display:inline-flex;flex-wrap:nowrap;font:var(--font-static-body-xs-default);gap:var(--spacing-40);grid-column:1/-1;grid-row:calc(var(--bar-grid-row) + 1);margin-top:1px}.qui-progress__hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);grid-column:var(--bar-start-column) /-1;grid-row:var(--hint-grid-row)}.qui-progress__track{align-items:baseline;align-self:center;background:var(--color-background-neutral-04);border-radius:360px;display:flex;grid-column:var(--bar-start-column) /var(--bar-column-end);grid-row:var(--bar-grid-row);height:var(--progress-height);overflow:hidden;position:relative;width:100%}.qui-progress__bar{background:var(--progress-color);border-radius:var(--border-radius-rounded);height:var(--progress-height);max-height:var(--progress-height);transition:width 200ms ease}.qui-progress__bar[data-emphasis=primary]{--progress-color:var(--color-background-brand-primary)}.qui-progress__bar[data-emphasis=neutral]{--progress-color:var(--color-background-support-neutral)}.qui-progress__bar[data-invalid]{--progress-color:var(--color-text-support-danger)}.qui-progress__bar[data-state=complete],.qui-progress__bar[data-state=loading]{width:var(--percent)}.qui-progress__bar[data-state=indeterminate]:before{animation:qui-progress__indeterminate-animation-1 2.2s cubic-bezier(0.65,0.815,0.735,0.395) 0s infinite normal none running;background:var(--progress-color);border-radius:var(--border-radius-rounded);bottom:0;content:"";left:0;position:absolute;top:0;transform-origin:left center;transition:transform 0.2s linear 0s;width:auto}.qui-progress__bar[data-state=indeterminate]:after{animation:qui-progress__indeterminate-animation-2 2.2s cubic-bezier(0.165,0.84,0.44,1) 1.15s infinite normal none running;background:var(--progress-color);border-radius:var(--border-radius-rounded);bottom:0;content:"";left:0;position:absolute;top:0;transform-origin:left center;transition:transform 0.2s linear 0s;width:auto}@keyframes qui-progress__indeterminate-animation-1{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes qui-progress__indeterminate-animation-2{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}.qui-popover__content{--arrow-background:var(--color-surface-overlay);--arrow-size:10px;background:var(--color-surface-overlay);border-radius:4px;box-shadow:var(--shadow-high);display:flex;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.2));flex-direction:column;font:var(--font-static-body-xs-default);gap:var(--spacing-70);padding:var(--spacing-110);position:relative;transform-origin:var(--transform-origin);width:260px;z-index:calc(var(--z-index-popover) + var(--layer-index))}.qui-popover__label{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xxs-bold)}.qui-popover__description{align-items:flex-start;color:var(--color-text-neutral-primary);font:var(--font-static-body-xs-default);position:relative}.qui-popover__close-trigger{position:absolute;right:0;top:-20px}.qui-popover__arrow{--arrow-background:var(--color-surface-overlay);--arrow-shadow-color:#ebebeb}.qui-popover__indicator{display:inline-flex;margin-inline-start:4px}.qui-popover__indicator[data-state=open]{rotate:90deg}.qui-pagination__root{align-items:center;display:inline-flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.qui-pagination__page-metadata{align-items:center;color:var(--color-text-neutral-primary);display:inline-flex;font:var(--font-static-body-sm-default)}.qui-pagination__page-metadata[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-pagination__page-item{--pagination-size:var(--sizing-140);align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--border-radius-md);color:var(--color-interactive-text-neutral-idle);display:inline-flex;font:var(--font-static-body-sm-bold);height:var(--pagination-size);justify-content:center;line-height:normal;min-height:var(--pagination-size);min-width:var(--pagination-size);outline:none}.qui-pagination__page-item:hover{background-color:var(--color-interactive-background-ghost-hover)}.qui-pagination__page-item:hover[data-type=separator]{background-color:transparent;cursor:initial}.qui-pagination__page-item[data-size=sm]{font:var(--font-static-body-xs-bold);--pagination-size:var(--sizing-120)}.qui-pagination__page-item[data-active]{border-color:var(--color-interactive-border-neutral-idle)}.qui-pagination__page-item:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-pagination__page-item[data-disabled]{background:transparent;color:var(--color-utility-disabled-text);cursor:initial}.qui-pagination__page-size-label{color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default)}.qui-pagination__page-size-label[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-pagination__page-size{align-items:center;display:inline-flex;gap:var(--spacing-70)}.qui-pagination__page-size[data-size=sm]{gap:var(--spacing-50)}.qui-number-input__input-group{gap:var(--spacing-40);height:var(--sizing-140);min-width:var(--sizing-140);padding-inline-end:var(--group-padding-end);padding-inline-start:var(--group-padding-start);--group-padding-start:var(--spacing-90);--step-button-size:var(--sizing-100)}.qui-number-input__input-group[data-size=sm]{--group-padding-start:var(--spacing-70);--step-button-size:var(--sizing-90);height:var(--sizing-120);min-width:var(--sizing-120)}.qui-number-input__input-group[data-size=lg]{--group-padding-start:var(--spacing-100);height:var(--sizing-160);min-width:var(--sizing-160)}.qui-number-input__input-group{--group-padding-end:var(--spacing-50)}.qui-number-input__input-group [data-size=sm]{--group-padding-end:var(--spacing-40);--group-padding-start:var(--spacing-70)}.qui-number-input__input-group [data-size=lg]{--group-padding-start:var(--spacing-100)}.qui-number-input__input-group:has([data-part=unit-menu-trigger]){--group-padding-start:0}.qui-number-input__input-group:has([data-part=decrement-trigger]):has([data-part=increment-trigger]) .qui-number-input__control{gap:calc((var(--spacing-40) * 2) - 1px)}.qui-number-input__input-group:has([data-part=decrement-trigger]):has([data-part=increment-trigger]) [data-part=decrement-trigger]:after{background:var(--color-border-neutral-01);content:" ";height:var(--sizing-70);position:absolute;right:calc((var(--spacing-40) * -1) - 1px);width:var(--sizing-10)}.qui-number-input__input-group:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-number-input__input-group:hover:has([data-part=input]:not([data-empty])){--icon-color:var(--color-text-neutral-secondary)}.qui-number-input__input-group:hover{--icon-color:var(--color-icon-neutral-secondary);border-color:var(--color-interactive-border-neutral-hover)}.qui-number-input__input-group[data-invalid]{border-color:var(--color-interactive-border-danger-idle)}.qui-number-input__input-group[data-focus]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-number-input__input-group[data-readonly]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-number-input__input-group[data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text);--icon-color:var(--color-utility-disabled-icon)}.qui-number-input__input-group[data-disabled]::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input-group[data-disabled]::placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input-group:has([data-part=input]:disabled){--icon-color:var(--color-utility-disabled-icon);background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border)}.qui-number-input__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--border-radius-md);font:var(--font-static-body-sm-default);height:100%;outline:0;text-align:start;text-overflow:ellipsis;width:100%;z-index:0}.qui-number-input__input[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-number-input__input[data-size=lg]{font:var(--font-static-body-md-default)}.qui-number-input__control{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}.qui-number-input__step-trigger.qui-inline-icon-button__root[data-size]{--button-size:var(--step-button-size);position:relative}.qui-number-input__error-indicator[data-size]{margin-inline-end:var(--spacing-20)}.qui-number-input__error-indicator[data-size=lg]{margin-inline-end:var(--spacing-40)}.qui-menu__button .qui-button__icon[data-placement=end]{transition:transform var(--animation-duration-faster) ease-out}.qui-menu__button[data-scope=menu][data-part=trigger][data-state=open] .qui-button__icon[data-placement=end],.qui-menu__button[data-state=open][aria-haspopup=menu] .qui-button__icon[data-placement=end]{transform:rotate(180deg)}.qui-menu__content{background:var(--color-surface-overlay);border:solid 1px var(--color-border-neutral-02);border-radius:var(--border-radius-md);box-shadow:var(--shadow-medium);display:inline-flex;flex-direction:column;outline:none;padding:var(--spacing-40) 0;transform-origin:var(--transform-origin);z-index:calc(var(--z-index-dropdown) + var(--layer-index))}.qui-menu__content[data-state=open]{animation-duration:var(--animation-duration-fast)}.qui-menu__content[data-state=open][data-placement^=top]{animation-name:slide-from-bottom,fade-in}.qui-menu__content[data-state=open][data-placement^=bottom]{animation-name:slide-from-top,fade-in}.qui-menu__content[data-state=open][data-placement^=left]{animation-name:slide-from-right,fade-in}.qui-menu__content[data-state=open][data-placement^=right]{animation-name:slide-from-left,fade-in}.qui-menu__content[data-state=closed]{animation-duration:var(--animation-duration-faster)}.qui-menu__content[data-state=closed][data-placement^=top]{animation-name:slide-to-bottom,fade-out}.qui-menu__content[data-state=closed][data-placement^=bottom]{animation-name:slide-to-top,fade-out}.qui-menu__content[data-state=closed][data-placement^=left]{animation-name:slide-to-right,fade-out}.qui-menu__content[data-state=closed][data-placement^=right]{animation-name:slide-to-left,fade-out}.qui-menu__content[data-from=context-trigger]{animation-duration:60ms}.qui-menu-item__root{align-items:center;background:var(--color-interactive-background-ghost-idle);border:solid 1px transparent;color:var(--color-text-neutral-primary);display:grid;font:var(--font-static-body-sm-default);grid-template-columns:auto 1fr auto auto auto;grid-template-rows:1fr;line-height:normal;outline:none;padding:var(--menu-padding-y) var(--menu-padding-x);position:relative;text-align:left;--menu-padding-x:var(--spacing-100);--menu-padding-y:var(--spacing-80)}.qui-menu-item__root[data-size=sm]{font:var(--font-static-body-xs-default);--menu-padding-x:var(--spacing-90);--menu-padding-y:var(--spacing-60)}.qui-menu-item__root:has([data-scope=menu][data-part=description]) .qui-menu-item__command,.qui-menu-item__root:has([data-scope=menu][data-part=description]) .qui-menu-item__indicator{grid-column:3;grid-row:1/span 2}.qui-menu-item__root [data-scope=menu][data-part=description]{grid-column:1/span 2}.qui-menu-item__root:has([data-part=start-icon]) [data-scope=menu][data-part=description]{grid-column:2}.qui-menu-item__root:has([data-part=start-icon][data-part=item-control]){grid-template-columns:auto auto 1fr repeat(3,auto)}.qui-menu-item__root:hover{background:var(--color-interactive-background-ghost-hover)}.qui-menu-item__root:active{background:var(--color-interactive-background-ghost-pressed)}.qui-menu-item__root[data-highlighted][data-focus-visible]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-menu-item__root [data-state=unchecked] [data-part=indicator-icon]{display:none}.qui-menu-item__start-icon{margin-right:var(--spacing-50)}.qui-menu-item__label{display:inline-flex;flex:1;font:var(--font-static-body-sm-default);line-height:normal}.qui-menu-item__label[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-menu-item__description{color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);font:var(--font-static-body-sm-default);grid-row:2;margin-top:var(--spacing-40)}.qui-menu-item__description[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-menu-item__group{display:inline-flex;flex-direction:column}.qui-menu-item__group-label{color:var(--color-text-neutral-secondary);display:inline-flex;flex:1;font:var(--font-static-body-sm-default);overflow:hidden;padding:var(--group-label-padding-y) var(--group-label-padding-x);text-overflow:ellipsis;--group-label-padding-y:var(--spacing-70);--group-label-padding-x:var(--spacing-100)}.qui-menu-item__group-label[data-size=sm]{--group-label-padding-x:var(--spacing-90);font:var(--font-static-body-xs-default)}.qui-menu__separator{border-color:var(--color-border-neutral-01);margin-top:var(--spacing-40);padding-bottom:var(--spacing-40);width:100%}.qui-menu-item__command{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);justify-content:flex-end;line-height:normal;margin-left:auto;padding-left:var(--spacing-100)}.qui-menu-item__indicator{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);justify-content:flex-end;line-height:normal;padding-left:var(--spacing-100)}[data-scope=menu][data-part=item-control]{margin-right:var(--spacing-50)}.qui-link__root{align-items:center;border:solid 1px transparent;color:var(--color-interactive-text-link-default-idle);cursor:pointer;display:inline-flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-40);outline:none;transition-duration:var(--animation-duration-faster);transition-property:color;transition-timing-function:ease-out;width:-moz-fit-content;width:fit-content}.qui-link__root:hover{border-bottom-color:var(--color-interactive-text-link-default-hover);color:var(--color-interactive-text-link-default-hover)}.qui-link__root:active{color:var(--color-interactive-text-link-default-pressed)}.qui-link__root:visited:not(:hover){border-bottom-color:var(--color-interactive-text-link-default-visited)}.qui-link__root:focus-visible{border:solid 1px var(--color-utility-focus-border);border-radius:var(--border-radius-md);color:var(--color-interactive-text-link-default-idle);outline:solid 1px var(--color-utility-focus-border);outline-offset:0}.qui-link__root:visited:not(:hover){color:var(--color-interactive-text-link-default-visited)}.qui-link__root[data-emphasis=neutral]{color:var(--color-interactive-text-link-neutral-idle)}.qui-link__root[data-emphasis=neutral]:hover{border-bottom-color:var(--color-interactive-text-link-neutral-hover);color:var(--color-interactive-text-link-neutral-hover)}.qui-link__root[data-emphasis=neutral]:active{color:var(--color-interactive-text-link-neutral-pressed)}.qui-link__root[data-emphasis=neutral]:visited:not(:hover){border-bottom-color:var(--color-interactive-text-link-neutral-visited)}.qui-link__root[data-emphasis=neutral]:focus-visible{border:solid 1px var(--color-utility-focus-border);border-radius:var(--border-radius-md);color:var(--color-interactive-text-link-neutral-idle);outline:solid 1px var(--color-utility-focus-border);outline-offset:0}.qui-link__root[data-emphasis=neutral]:visited:not(:hover){color:var(--color-interactive-text-link-neutral-visited)}.qui-link__root[data-disabled][data-emphasis]{color:var(--color-utility-disabled-text);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-link__root[data-size=xs]{font:var(--font-static-body-xs-bold);gap:var(--spacing-20)}.qui-link__root[data-size=sm]{font:var(--font-static-body-sm-bold);gap:var(--spacing-40)}.qui-link__root[data-size=md]{font:var(--font-static-body-md-bold);gap:var(--spacing-40)}.qui-link__root[data-size=lg]{font:var(--font-static-body-lg-bold);gap:var(--spacing-40)}.qui-link__root[data-size=xl]{font:var(--font-static-body-xl-bold);gap:var(--spacing-50)}.qui-link__root[data-size=xxl]{font:var(--font-static-body-xxl-bold);gap:var(--spacing-70)}.qui-link__icon[data-size=sm],.qui-link__icon[data-size=xs]{--icon-size:16px}.qui-link__icon[data-size=lg],.qui-link__icon[data-size=md],.qui-link__icon[data-size=xl]{--icon-size:20px}.qui-link__icon[data-size=xxl]{--icon-size:24px}.qui-input__root{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-30);position:relative;width:100%;--input-group-gap:var(--spacing-40)}.qui-input__root[data-size=lg]{--input-group-gap:var(--spacing-50)}.qui-input__root[data-disabled]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-input__input-group{gap:var(--input-group-gap);height:var(--sizing-140);min-width:var(--sizing-160);outline:0;padding:0 var(--spacing-90)}.qui-input__input-group[data-focus]{outline:solid 1px var(--color-utility-focus-border)}.qui-input__input-group[data-size=sm]{height:var(--sizing-120);min-width:var(--sizing-120);padding:0 var(--spacing-70)}.qui-input__input-group[data-size=lg]{height:var(--sizing-160);min-width:var(--sizing-160);padding:0 var(--spacing-100)}.qui-input__input-group:has(.qui-password-input__visibility-trigger) [data-part=end-icon]{display:none}.qui-input__input-group .qui-password-input__visibility-trigger{z-index:2}.qui-input__input-group [data-part=input][data-size]{border:0;height:100%;outline:0}.qui-input__input-group:has([data-part=input][data-empty]) .qui-input__clear-trigger{display:none}.qui-input__input-group,.qui-number-input__input-group{align-items:center;background:var(--color-background-neutral-00);border:solid 1px var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-md);display:inline-flex;justify-content:flex-start;position:relative;width:100%;--icon-color:var(--color-utility-placeholder-icon)}.qui-input__input-group:hover,.qui-number-input__input-group:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-input__input-group:has([data-part=input]:not([data-empty])),.qui-number-input__input-group:has([data-part=input]:not([data-empty])){--icon-color:var(--color-icon-neutral-primary)}.qui-input__input-group[data-invalid],.qui-number-input__input-group[data-invalid]{border-color:var(--color-interactive-border-danger-idle)}.qui-input__input-group[data-readonly],.qui-number-input__input-group[data-readonly]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-input__input-group[data-focus],.qui-number-input__input-group[data-focus]{border-color:var(--color-utility-focus-border)}.qui-input__input-group[data-disabled],.qui-number-input__input-group[data-disabled]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-input__input-group[data-disabled]::-moz-placeholder,.qui-number-input__input-group[data-disabled]::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-input__input-group[data-disabled]::placeholder,.qui-number-input__input-group[data-disabled]::placeholder{color:var(--color-utility-disabled-text)}.qui-input__input{--icon-color:var(--color-utility-placeholder-text);--input-size:var(--sizing-140);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:var(--border-radius-md);color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);height:var(--input-size);min-width:var(--input-size);outline:0;position:relative;text-align:start;text-overflow:ellipsis;width:100%}.qui-input__input[data-size=sm]{--input-size:var(--sizing-120);font:var(--font-static-body-xs-default)}.qui-input__input[data-size=lg]{--input-size:var(--sizing-160);font:var(--font-static-body-md-default)}.qui-input__input:disabled{color:var(--color-utility-disabled-text)}.qui-input__input::-moz-placeholder{color:var(--color-utility-placeholder-text)}.qui-input__input::placeholder{color:var(--color-utility-placeholder-text)}.qui-input__icon{align-items:center;color:var(--icon-color);display:inline-block;justify-content:center;pointer-events:none;z-index:2;--icon-height:var(--sizing-70);--icon-width:var(--sizing-70)}.qui-input__icon[data-size=sm]{margin-right:calc(var(--spacing-50) - var(--input-group-gap))}.qui-input__icon[data-size=md]{margin-right:calc(var(--spacing-70) - var(--input-group-gap))}.qui-input__icon[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80);margin-right:calc(var(--spacing-80) - var(--input-group-gap))}.qui-input__clear-button{cursor:pointer;grid-row:1;z-index:3}.qui-input__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-input__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-input__hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-input__hint[data-disabled]{color:var(--color-utility-disabled-text)}.qui-input__required-indicator{display:inline;vertical-align:top}.qui-input__error-text{align-items:flex-start;color:var(--color-text-support-danger);display:inline-flex;flex-wrap:nowrap;font:var(--font-static-body-xs-default);gap:var(--spacing-40)}.qui-input__error-indicator{color:var(--color-text-support-danger);--icon-height:var(--sizing-70);--icon-width:var(--sizing-70)}.qui-input__error-indicator[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80)}.qui-password-input__visibility-trigger[data-part=visibility-trigger]{color:var(--icon-color)}.qui-notification__root{padding:var(--spacing-90) var(--spacing-100);position:relative;width:100%}.qui-notification__root{--border-color:var(--color-border-support-info);--background-color:var(--color-background-support-info-subtle);--icon-color:var(--color-icon-support-info);--border-left-color:var(--color-background-support-info);background:var(--background-color);border-bottom-left-radius:var(--border-radius-md);border-color:var(--border-color);border-left:solid var(--sizing-40) var(--border-left-color);border-style:solid;border-top-left-radius:var(--border-radius-md);border-width:var(--border-width-sm) var(--border-width-sm) var(--border-width-sm) var(--sizing-40)}.qui-notification__root[data-emphasis=success]{--border-color:var(--color-border-support-success);--background-color:var(--color-background-support-success-subtle);--icon-color:var(--color-icon-support-success);--border-left-color:var(--color-background-support-success)}.qui-notification__root[data-emphasis=warning]{--border-color:var(--color-border-support-warning);--background-color:var(--color-background-support-warning-subtle);--icon-color:var(--color-icon-support-warning);--border-left-color:var(--color-background-support-warning)}.qui-notification__root[data-emphasis=danger]{--border-color:var(--color-border-support-danger);--background-color:var(--color-background-support-danger-subtle);--icon-color:var(--color-icon-support-danger);--border-left-color:var(--color-background-support-danger)}.qui-notification__root[data-emphasis=neutral]{--border-color:var(--color-border-support-neutral);--background-color:var(--color-background-support-neutral-subtle);--icon-color:var(--color-icon-support-neutral);--border-left-color:var(--color-background-support-neutral)}.qui-notification__root:has([data-part=status-icon]){--icon-col:1}.qui-notification__root:has(.qui-notification__close-button){padding-right:calc(var(--spacing-70) * 2 + var(--sizing-80))}.qui-notification__root[data-orientation=horizontal]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-70)}.qui-notification__root[data-orientation=vertical]{display:grid;--icon-col:0}.qui-notification__root[data-orientation=vertical]:has(.qui-notification__icon){grid-template-columns:calc(var(--sizing-80) + var(--spacing-70)) 1fr;--content-col:2}.qui-notification__root[data-orientation=vertical] .qui-notification__close-button{top:var(--spacing-90)}.qui-notification__label{align-self:baseline;color:var(--color-text-neutral-primary);font:var(--font-static-body-md-bold);grid-column:var(--content-col)}.qui-notification__description{align-self:baseline;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);grid-column:var(--content-col)}.qui-notification__icon{color:var(--icon-color);grid-column:var(--icon-col)}.qui-notification__action{align-self:baseline;grid-column:var(--content-col)}.qui-notification__action[data-orientation=horizontal]{margin-left:auto}.qui-notification__close-button{position:absolute;right:var(--spacing-70)}.qui-inline-icon-button__root{--button-size:var(--sizing-80);align-items:center;background:var(--color-interactive-background-ghost-idle);border:var(--border-width-sm) solid transparent;border-radius:var(--border-radius-sm);color:var(--color-interactive-icon-neutral-idle);display:inline-flex;height:var(--button-size);justify-content:center;min-height:var(--button-size);min-width:var(--button-size);outline:none;transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;width:var(--button-size)}@media (prefers-reduced-motion: reduce){.qui-inline-icon-button__root{transition:none}}.qui-inline-icon-button__root:focus-visible{border-color:var(--color-utility-focus-border);outline:1px solid var(--color-utility-focus-border)}.qui-inline-icon-button__root[data-size=sm]{--button-size:var(--sizing-80)}.qui-inline-icon-button__root[data-size=lg]{--button-size:var(--sizing-100)}.qui-inline-icon-button__root[data-variant=scale][data-size]{--button-size:var(--sizing-80)}.qui-inline-icon-button__root .qui-icon__root.qui-inline-icon-button__icon{--icon-size:12px}.qui-inline-icon-button__root .qui-icon__root.qui-inline-icon-button__icon[data-variant=scale][data-size]{--icon-size:16px}.qui-inline-icon-button__root:hover{background:var(--color-interactive-background-ghost-hover);color:var(--color-interactive-icon-neutral-hover)}.qui-inline-icon-button__root:active{background:var(--color-interactive-background-ghost-pressed);color:var(--color-interactive-icon-neutral-pressed)}.qui-inline-icon-button__root[data-emphasis=persistent-black]{background:var(--color-interactive-background-persistent-black-ghost-idle);color:var(--color-utility-persistent-black)}.qui-inline-icon-button__root[data-emphasis=persistent-black]:hover{background:var(
|
|
14
|
+
--color-interactive-background-persistent-black-ghost-hover
|
|
15
|
+
)}.qui-inline-icon-button__root[data-emphasis=persistent-black]:active{background:var(
|
|
16
|
+
--color-interactive-background-persistent-black-ghost-pressed
|
|
17
|
+
)}.qui-inline-icon-button__root[data-emphasis=persistent-white]{background:var(--color-interactive-background-persistent-white-ghost-idle);color:var(--color-utility-persistent-white)}.qui-inline-icon-button__root[data-emphasis=persistent-white]:hover{background:var(
|
|
18
|
+
--color-interactive-background-persistent-white-ghost-hover
|
|
19
|
+
)}.qui-inline-icon-button__root[data-emphasis=persistent-white]:active{background:var(
|
|
20
|
+
--color-interactive-background-persistent-white-ghost-pressed
|
|
21
|
+
)}.qui-inline-icon-button__root:disabled{background:var(--color-utility-disabled-background);color:var(--color-utility-disabled-icon)}.qui-icon__root{fill:none;height:var(--icon-height,var(--icon-size));min-height:var(--icon-height,var(--icon-size));min-width:var(--icon-width,var(--icon-size));stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--stroke-width,2);width:var(--icon-width,var(--icon-size))}.qui-icon__root[data-size=xs]{--icon-size:12px}.qui-icon__root[data-size=sm]{--icon-size:14px}.qui-icon__root[data-size=md]{--icon-size:16px}.qui-icon__root[data-size=lg]{--icon-size:20px}.qui-icon__root[data-size=xl]{--icon-size:22px}.qui-header-bar__root{align-items:center;border-bottom:solid 1px var(--color-border-neutral-01);box-sizing:border-box;display:flex;height:var(--sizing-160);min-width:-moz-fit-content;min-width:fit-content;padding:0 var(--spacing-100);width:100%}.qui-header-bar__root[data-size=lg]{height:72px}.qui-header-bar__root[data-surface=primary]{background:var(--color-surface-primary)}.qui-header-bar__root[data-surface=secondary]{background:var(--color-surface-secondary)}.qui-header-bar__logo{align-items:center;color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-90);margin-right:var(--spacing-90);white-space:nowrap}.qui-header-bar__logo+.qui-header-bar__divider{margin:0 var(--spacing-110) 0 var(--spacing-70)}.qui-header-bar__nav{align-items:center;display:flex;gap:var(--spacing-110);margin-right:var(--spacing-180)}.qui-header-bar__nav-item{align-items:center;border:solid 1px transparent;border-radius:var(--border-radius-xs);box-sizing:border-box;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-40);outline:none;padding:0 var(--spacing-20);transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;--icon-color:var(--color-icon-neutral-secondary)}.qui-header-bar__nav-item .qui-icon__root{--icon-size:var(--sizing-70)}.qui-header-bar__nav-item:active,.qui-header-bar__nav-item:hover,.qui-header-bar__nav-item[data-active],.qui-header-bar__nav-item[data-state=open]{color:var(--color-text-neutral-primary);--icon-color:var(--color-icon-neutral-primary)}.qui-header-bar__nav-item:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-header-bar__nav-item[data-disabled]{color:var(--color-utility-disabled-text);pointer-events:none;--icon-color:var(--color-utility-disabled-icon)}.qui-header-bar__nav-item .qui-icon__root[data-part=end-icon]{transition:transform var(--animation-duration-faster) ease-out}.qui-header-bar__nav-item[data-state=open] .qui-icon__root[data-part=end-icon]{transform:rotate(180deg)}a.qui-header-bar__nav-item:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-header-bar__divider{align-self:center;background:var(--color-border-neutral-01);content:"";height:20px;width:1px}.qui-header-bar__divider+.qui-avatar__root{margin-left:var(--spacing-70)}.qui-header-bar__action-bar{align-items:center;display:flex;gap:var(--spacing-40);margin-left:auto}button{cursor:pointer}button [data-disabled],button:disabled{cursor:initial}.qui-drawer__positioner{display:flex;height:100vh;inset:0;justify-content:flex-start;position:fixed;width:100vw;z-index:var(--z-index-dialog)}.qui-drawer__positioner[data-placement=end]{justify-content:flex-end}.qui-drawer__positioner{--indicator-icon-size:var(--sizing-90)}.qui-drawer__positioner .qui-dialog__indicator-icon{--icon-size:var(--indicator-icon-size)}.qui-drawer__positioner[data-size=md]{--indicator-icon-size:var(--sizing-120)}.qui-drawer__content{background-color:var(--color-surface-overlay);box-shadow:var(--shadow-high);color:var(--color-text-neutral-primary);display:grid;grid-template-rows:1fr auto;height:100%;overflow-y:auto;place-items:start;position:relative;width:355px}.qui-drawer__content[data-size=md]{width:580px}.qui-drawer__content[data-placement=end]{border-bottom-left-radius:var(--border-radius-md);border-top-left-radius:var(--border-radius-md)}.qui-drawer__content[data-placement=end][data-state=open]{animation:slide-from-right-full 0.2s ease}.qui-drawer__content[data-placement=end][data-state=closed]{animation:slide-to-right-full 0.25s ease}.qui-drawer__content[data-placement=start]{border-bottom-right-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md)}.qui-drawer__content[data-placement=start][data-state=open]{animation:slide-from-left-full 0.2s ease}.qui-drawer__content[data-placement=start][data-state=closed]{animation:slide-to-left-full 0.25s ease}.qui-divider__root{margin:8px 0;outline:none;position:relative;width:100%;--divider-border-color:var(--color-border-neutral-02)}.qui-divider__root[data-variant=subtle]{--divider-border-color:var(--color-border-neutral-01)}.qui-divider__root[data-variant=strong]{--divider-border-color:var(--color-border-neutral-03)}.qui-divider__root:not([aria-orientation=vertical]){border-top:solid 1px var(--divider-border-color);min-width:4px}.qui-divider__root[aria-orientation=vertical]{border-left:solid 1px var(--divider-border-color);height:100%;margin:0 8px;min-height:4px;width:unset}.qui-divider__root[tabindex="-1"]:focus-visible{color:var(--color-utility-focus-border)}.qui-divider__root[tabindex="0"]:focus-visible,.qui-divider__root[tabindex="0"]:hover{border-color:var(--color-utility-focus-border)}.qui-dialog__backdrop{background:rgba(0,0,0,0.2);height:100vh;left:0;overflow:hidden;place-items:center;position:fixed;top:0;width:100vw;z-index:var(--z-index-dialog)}.qui-dialog__positioner{align-items:flex-start;display:flex;height:100dvh;inset:0;justify-content:center;position:fixed;width:100dvw;z-index:var(--z-index-dialog);--indicator-icon-size:var(--sizing-90)}.qui-dialog__positioner .qui-dialog__indicator-icon{--icon-size:var(--indicator-icon-size)}.qui-dialog__positioner[data-size=md]{--indicator-icon-size:var(--sizing-120)}.qui-dialog__positioner[data-scroll-behavior=outside]{overflow:auto;pointer-events:auto}.qui-dialog__positioner[data-placement=top]{align-items:flex-start}.qui-dialog__positioner[data-placement=center]{align-items:center}.qui-dialog__positioner[data-placement=bottom]{align-items:flex-end}.qui-dialog__positioner[data-scroll-behavior=inside]{overflow:hidden}.qui-dialog__content{background-color:var(--color-surface-overlay);border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);box-shadow:var(--shadow-high);color:var(--color-text-neutral-primary);display:grid;margin-block:4rem;margin-inline:auto;position:relative;width:375px}.qui-dialog__content[data-size=md]{width:600px}.qui-dialog__content[data-scroll-behavior=inside]{max-height:calc(100% - 7.5rem);overflow-y:auto}.qui-dialog__content[data-state=open]{animation:dialog-fade-in 0.2s ease-in-out}.qui-dialog__content[data-state=closed]{animation:dialog-fade-out 0.25s ease-in-out}.qui-dialog__body{color:var(--color-text-neutral-primary);display:flex;flex-direction:column;font:var(--font-static-body-xs-default);gap:var(--spacing-90);padding:var(--spacing-110);width:100%}.qui-dialog__body[data-size=md]{font:var(--font-static-body-sm-default);gap:var(--spacing-100);padding:var(--spacing-120)}.qui-dialog__heading{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xs-default)}.qui-dialog__heading[data-size=md]{font:var(--font-static-heading-sm-default)}.qui-dialog__footer{border-top:solid 1px var(--color-border-neutral-01);display:flex;gap:var(--spacing-80);justify-content:flex-end;padding:var(--spacing-110);width:100%}.qui-dialog__close-button{align-self:flex-start;position:absolute;right:5px;top:5px}.qui-dialog__indicator-icon[data-emphasis=neutral]{color:var(--color-icon-support-neutral)}.qui-dialog__indicator-icon[data-emphasis=info]{color:var(--color-icon-support-info)}.qui-dialog__indicator-icon[data-emphasis=success]{color:var(--color-icon-support-success)}.qui-dialog__indicator-icon[data-emphasis=warning]{color:var(--color-icon-support-warning)}.qui-dialog__indicator-icon[data-emphasis=danger]{color:var(--color-icon-support-danger)}@keyframes dialog-fade-in{0%{opacity:0;scale:0.95}to{opacity:1;scale:1}}@keyframes dialog-fade-out{to{opacity:0;scale:0.95}}.qui-collapsible__content{animation-duration:var(--animation-duration-moderate);overflow:hidden}.qui-collapsible__content[data-ssr]{animation-duration:0ms}.qui-collapsible__content[data-state=closed]{animation-name:collapse-height,fade-out}.qui-collapsible__content[data-state=open]{animation-name:expand-height,fade-in}.qui-checkmark__root[data-scope=tree]{background:var(--color-interactive-background-ghost-idle);cursor:pointer}.qui-checkmark__root[data-scope=tree][data-state=checked],.qui-checkmark__root[data-scope=tree][data-state=indeterminate]{background:var(--color-interactive-background-primary-idle);border-color:var(--color-interactive-background-primary-idle)}.qui-checkmark__root[data-scope=tree][data-state=checked][data-hover],.qui-checkmark__root[data-scope=tree][data-state=indeterminate][data-hover]{background:var(--color-interactive-background-primary-hover);border-color:var(--color-interactive-background-primary-hover)}.qui-checkmark__root[data-scope=tree][data-state=checked][data-disabled],.qui-checkmark__root[data-scope=tree][data-state=indeterminate][data-disabled]{background:var(--color-utility-disabled-background)}.qui-checkmark__root[data-scope=tree][data-disabled]{border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-checkbox__root{align-items:center;-webkit-box-align:center;-moz-column-gap:var(--spacing-70);column-gap:var(--spacing-70);display:flex;flex-wrap:wrap;justify-content:start;position:relative;vertical-align:top;width:-moz-fit-content;width:fit-content}.qui-checkbox__root:hover{cursor:pointer}.qui-checkbox__root[data-disabled]{cursor:unset;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-checkbox__root:has([data-part=error-text][data-invalid]){row-gap:var(--spacing-70)}.qui-checkbox__control{align-items:center;background:var(--color-background-neutral-00);border:var(--border-width-sm,1px) solid var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-xs,2px);color:var(--color-utility-persistent-white);display:inline-flex;justify-content:center;max-height:var(--control-size);max-width:var(--control-size);min-height:var(--control-size);min-width:var(--control-size);--control-size:var(--sizing-70)}.qui-checkbox__control[data-size=md]{--control-size:var(--sizing-80)}.qui-checkbox__control[data-size=lg]{--control-size:var(--sizing-90)}.qui-checkbox__control[data-focus-visible]{border-color:var(--color-interactive-border-neutral-hover);outline:solid 2px var(--color-utility-focus-border);outline-offset:1px}.qui-checkbox__control[data-state=checked],.qui-checkbox__control[data-state=indeterminate]{background:var(--color-interactive-background-primary-idle);border-color:var(--color-interactive-background-primary-idle)}.qui-checkbox__control[data-state=checked][data-hover],.qui-checkbox__control[data-state=indeterminate][data-hover]{background:var(--color-interactive-background-primary-hover);border-color:var(--color-interactive-background-primary-hover)}.qui-checkbox__control[data-state=checked][data-disabled],.qui-checkbox__control[data-state=indeterminate][data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-checkbox__control[data-invalid][data-state=unchecked]{border-color:var(--color-interactive-border-danger-idle)}.qui-checkbox__control[data-invalid][data-state=unchecked][data-hover]{border-color:var(--color-interactive-border-danger-hover)}.qui-checkbox__control[data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-checkbox__label{color:var(--color-text-neutral-primary);flex:1;font:var(--font-static-body-xs-default)}.qui-checkbox__label[data-size=md]{font:var(--font-static-body-sm-default)}.qui-checkbox__label[data-size=lg]{font:var(--font-static-body-lg-default)}.qui-checkbox__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-button__root{align-items:center;background:var(--button-bg-idle);background-image:none;border:var(--border-width-sm) solid transparent;box-sizing:border-box;color:var(--button-text-idle);cursor:pointer;display:inline-flex;justify-content:center;line-height:normal;outline:none;position:relative;touch-action:manipulation;transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}@media (prefers-reduced-motion: reduce){.qui-button__root{transition:none}}.qui-button__root:hover{background:var(--button-bg-hover);color:var(--button-text-hover)}.qui-button__root:active{background:var(--button-bg-pressed);color:var(--button-text-pressed)}.qui-button__root[data-disabled]{color:var(--color-utility-disabled-text);pointer-events:none}.qui-button__root[data-emphasis=neutral]{--button-bg-idle:var(--color-interactive-background-neutral-idle);--button-bg-hover:var(--color-interactive-background-neutral-hover);--button-bg-pressed:var(--color-interactive-background-neutral-pressed);--button-text-idle:var(--color-interactive-text-neutral-idle);--button-text-hover:var(--color-interactive-text-neutral-hover);--button-text-pressed:var(--color-interactive-text-neutral-pressed)}.qui-button__root[data-emphasis=primary]{--button-bg-idle:var(--color-interactive-background-primary-idle);--button-bg-hover:var(--color-interactive-background-primary-hover);--button-bg-pressed:var(--color-interactive-background-primary-pressed);--button-text-idle:var(--color-interactive-text-primary-idle);--button-text-hover:var(--color-interactive-text-primary-hover);--button-text-pressed:var(--color-interactive-text-primary-pressed)}.qui-button__root[data-emphasis=danger]{--button-bg-idle:var(--color-interactive-background-danger-idle);--button-bg-hover:var(--color-interactive-background-danger-hover);--button-bg-pressed:var(--color-interactive-background-danger-pressed);--button-text-idle:var(--color-interactive-text-danger-idle);--button-text-hover:var(--color-interactive-text-danger-hover);--button-text-pressed:var(--color-interactive-text-danger-pressed)}.qui-button__root[data-emphasis=white-persistent]{--button-text-idle:var(--color-utility-persistent-white);--button-text-hover:var(--color-utility-persistent-white);--button-text-pressed:var(--color-utility-persistent-white)}.qui-button__root[data-emphasis=black-persistent]{--button-text-idle:var(--color-utility-persistent-black);--button-text-hover:var(--color-utility-persistent-black);--button-text-pressed:var(--color-utility-persistent-black)}.qui-button__root[data-size=sm]{border-radius:var(--border-radius-sm);font:var(--font-static-body-xs-bold);gap:var(--spacing-40);height:var(--sizing-120);padding:0 var(--spacing-90)}.qui-button__root[data-size=sm][data-density=compact]{height:var(--sizing-80);padding:0 var(--spacing-40)}.qui-button__root[data-size=sm][data-kind=icon]{width:var(--sizing-120)}.qui-button__root[data-size=sm][data-kind=icon][data-density=compact]{width:var(--sizing-80)}.qui-button__root[data-size=md]{border-radius:var(--border-radius-md);font:var(--font-static-body-sm-bold);gap:var(--spacing-70);height:var(--sizing-140);padding:0 var(--spacing-100)}.qui-button__root[data-size=md][data-density=compact]{gap:var(--spacing-40);height:var(--sizing-90);padding:0 var(--spacing-50)}.qui-button__root[data-size=md][data-kind=icon]{width:var(--sizing-140)}.qui-button__root[data-size=md][data-kind=icon][data-density=compact]{width:var(--sizing-90)}.qui-button__root[data-size=lg]{border-radius:var(--border-radius-md);font:var(--font-static-body-md-bold);gap:var(--spacing-90);height:var(--sizing-160);padding:0 var(--spacing-110)}.qui-button__root[data-size=lg][data-density=compact]{font:var(--font-static-body-sm-bold);gap:var(--spacing-50);height:var(--sizing-100);padding:0 var(--spacing-70)}.qui-button__root[data-size=lg][data-kind=icon]{width:var(--sizing-160)}.qui-button__root[data-size=lg][data-kind=icon][data-density=compact]{width:var(--sizing-100)}.qui-button__root[data-variant=ghost],.qui-button__root[data-variant=outline]{--button-bg-idle:var(--color-interactive-background-ghost-idle);--button-bg-hover:var(--color-interactive-background-ghost-hover);--button-bg-pressed:var(--color-interactive-background-ghost-pressed)}.qui-button__root[data-variant=ghost][data-emphasis=white-persistent],.qui-button__root[data-variant=outline][data-emphasis=white-persistent]{--button-bg-idle:var(
|
|
22
|
+
--color-interactive-background-persistent-white-ghost-idle
|
|
23
|
+
);--button-bg-hover:var(
|
|
24
|
+
--color-interactive-background-persistent-white-ghost-hover
|
|
25
|
+
);--button-bg-pressed:var(
|
|
26
|
+
--color-interactive-background-persistent-white-ghost-pressed
|
|
27
|
+
)}.qui-button__root[data-variant=ghost][data-emphasis=black-persistent],.qui-button__root[data-variant=outline][data-emphasis=black-persistent]{--button-bg-idle:var(
|
|
28
|
+
--color-interactive-background-persistent-black-ghost-idle
|
|
29
|
+
);--button-bg-hover:var(
|
|
30
|
+
--color-interactive-background-persistent-black-ghost-hover
|
|
31
|
+
);--button-bg-pressed:var(
|
|
32
|
+
--color-interactive-background-persistent-black-ghost-pressed
|
|
33
|
+
)}.qui-button__root[data-variant=outline]{border:var(--border-width-sm) solid var(--color-interactive-border-neutral-idle);box-shadow:0 0 0 1px inset transparent}.qui-button__root[data-variant=outline]:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-button__root[data-variant=outline]:active{border-color:var(--color-interactive-border-neutral-pressed)}.qui-button__root[data-variant=outline][data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-button__root[data-variant=outline][data-emphasis=white-persistent]{border-color:var(--color-interactive-border-persistent-white-idle)}.qui-button__root[data-variant=outline][data-emphasis=white-persistent]:hover{border-color:var(--color-interactive-border-persistent-white-hover)}.qui-button__root[data-variant=outline][data-emphasis=white-persistent]:active{border-color:var(--color-interactive-border-persistent-white-pressed)}.qui-button__root[data-variant=outline][data-emphasis=black-persistent]{border-color:var(--color-interactive-border-persistent-black-idle)}.qui-button__root[data-variant=outline][data-emphasis=black-persistent]:hover{border-color:var(--color-interactive-border-persistent-black-hover)}.qui-button__root[data-variant=outline][data-emphasis=black-persistent]:active{border-color:var(--color-interactive-border-persistent-black-pressed)}.qui-button__root[data-variant=fill]{--button-text-idle:var(--color-utility-persistent-white);--button-text-hover:var(--color-utility-persistent-white);--button-text-pressed:var(--color-utility-persistent-white)}.qui-button__root[data-variant=fill][data-disabled]{background:var(--color-utility-disabled-background)}.qui-button__root[data-variant=fill][data-emphasis=danger]:focus-visible:before,.qui-button__root[data-variant=fill][data-emphasis=neutral]:focus-visible:before,.qui-button__root[data-variant=fill][data-emphasis=primary]:focus-visible:before{border:1px solid var(--color-border-neutral-00);border-radius:var(--border-radius-sm);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.qui-button__root[data-variant=fill][data-emphasis=white-persistent]{--button-text-idle:var(--color-utility-persistent-black);--button-text-hover:var(--color-utility-persistent-black);--button-text-pressed:var(--color-utility-persistent-black);--button-bg-idle:var(
|
|
34
|
+
--color-interactive-background-persistent-white-fill-idle
|
|
35
|
+
);--button-bg-hover:var(
|
|
36
|
+
--color-interactive-background-persistent-white-fill-hover
|
|
37
|
+
);--button-bg-pressed:var(
|
|
38
|
+
--color-interactive-background-persistent-white-fill-pressed
|
|
39
|
+
)}.qui-button__root[data-variant=fill][data-emphasis=black-persistent]{--button-text-idle:var(--color-utility-persistent-white);--button-text-hover:var(--color-utility-persistent-white);--button-text-pressed:var(--color-utility-persistent-white);--button-bg-idle:var(
|
|
40
|
+
--color-interactive-background-persistent-black-fill-idle
|
|
41
|
+
);--button-bg-hover:var(
|
|
42
|
+
--color-interactive-background-persistent-black-fill-hover
|
|
43
|
+
);--button-bg-pressed:var(
|
|
44
|
+
--color-interactive-background-persistent-black-fill-pressed
|
|
45
|
+
)}.qui-button__root:focus-visible[data-variant][data-emphasis]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-button__icon{height:var(--icon-height,var(--icon-size));min-height:var(--icon-height,var(--icon-size));min-width:var(--icon-width,var(--icon-size));width:var(--icon-width,var(--icon-size))}.qui-button__icon[data-size=sm]{--icon-size:12px}.qui-button__icon[data-size=md]{--icon-size:16px}.qui-button__icon[data-size=md][data-density=compact]{--icon-size:12px}.qui-button__icon[data-size=lg]{--icon-size:20px}.qui-button__icon[data-size=lg][data-density=compact]{--icon-size:16px}.qui-button-group{display:inline-flex;gap:var(--button-group-gap,var(--spacing-90))}.qui-button-group[data-layout=end],.qui-button-group[data-layout=fill],.qui-button-group[data-layout=start]{width:100%}.qui-button-group[data-layout=hug]{width:-moz-fit-content;width:fit-content}.qui-button-group[data-layout=end]{justify-content:flex-end}.qui-button-group[data-layout=fill]>.qui-button__root{flex:1 1 0;min-width:0}.qui-button-group[data-size=sm]{--button-group-gap:var(--spacing-80)}.qui-button-group[data-size=lg]{--button-group-gap:var(--spacing-100)}.qui-breadcrumbs__list{align-items:center;display:flex;gap:var(--spacing-40);justify-content:flex-start}.qui-breadcrumbs__item{align-items:center;display:inline-flex;gap:var(--spacing-40);list-style-type:none}.qui-breadcrumbs__item:last-child .qui-breadcrumbs__separator{display:none}.qui-breadcrumbs__item:last-child .qui-breadcrumbs__item-trigger[data-emphasis=primary]{color:var(--color-interactive-text-primary-pressed);--icon-color:var(--color-interactive-icon-primary-pressed)}.qui-breadcrumbs__item:last-child .qui-breadcrumbs__item-trigger[data-emphasis=neutral]{color:var(--color-text-neutral-primary);--icon-color:var(--color-icon-neutral-primary)}.qui-breadcrumbs__item[data-disabled] .qui-breadcrumbs__item-trigger[data-emphasis]{color:var(--color-utility-disabled-text);pointer-events:none;--icon-color:var(--color-utility-disabled-icon)}.qui-breadcrumbs__item-trigger{align-items:center;border-radius:var(--border-radius-sm);display:inline-flex;gap:var(--spacing-40)}.qui-breadcrumbs__item-trigger[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-breadcrumbs__item-trigger[data-size=md]{font:var(--font-static-body-sm-default)}.qui-breadcrumbs__item-trigger[data-size=lg]{font:var(--font-static-body-md-default)}.qui-breadcrumbs__item-trigger:hover{text-decoration:underline}.qui-breadcrumbs__item-trigger:focus-visible{outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-breadcrumbs__item-trigger[data-emphasis=primary]{color:var(--color-interactive-text-primary-idle);--icon-color:var(--color-interactive-icon-primary-idle)}.qui-breadcrumbs__item-trigger[data-emphasis=primary]:hover{color:var(--color-interactive-text-primary-hover);--icon-color:var(--color-interactive-icon-primary-hover)}.qui-breadcrumbs__item-trigger[data-emphasis=primary]:active{color:var(--color-interactive-text-primary-pressed);--icon-color:var(--color-interactive-icon-primary-pressed)}.qui-breadcrumbs__item-trigger[data-emphasis=neutral]{color:var(--color-text-neutral-secondary);--icon-color:var(--color-icon-neutral-secondary)}.qui-breadcrumbs__item-trigger[data-emphasis=neutral]:hover{color:var(--color-text-neutral-secondary);--icon-color:var(--color-icon-neutral-secondary)}.qui-breadcrumbs__item-trigger[data-emphasis=neutral]:active{color:var(--color-text-neutral-primary);--icon-color:var(--color-icon-neutral-primary)}.qui-breadcrumbs__item-icon{color:var(--icon-color)}.qui-breadcrumbs__item-icon[data-size=sm]{--icon-size:var(--sizing-60)}.qui-breadcrumbs__item-icon[data-size=md]{--icon-size:var(--sizing-70)}.qui-breadcrumbs__item-icon[data-size=lg]{--icon-size:var(--sizing-80)}.qui-breadcrumbs__separator{color:var(--color-icon-neutral-secondary);--icon-height:var(--icon-size);--icon-width:var(--icon-size)}.qui-breadcrumbs__separator[data-size=sm]{--icon-size:var(--sizing-60)}.qui-breadcrumbs__separator[data-size=md]{--icon-size:var(--sizing-70)}.qui-breadcrumbs__separator[data-size=lg]{--icon-size:var(--sizing-80)}.qui-avatar__root{align-items:center;border-radius:var(--avatar-radius);display:inline-flex;flex-shrink:0;height:var(--avatar-size);justify-content:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;width:var(--avatar-size);--avatar-radius:9999px}.qui-avatar__root[data-size=xs]{--avatar-size:24px;--avatar-content-font:var(--font-static-heading-xxs-bold);--avatar-status-size:6px}.qui-avatar__root[data-size=xs] .qui-icon__root{--icon-size:16px}.qui-avatar__root[data-size=sm]{--avatar-size:32px;--avatar-content-font:var(--font-static-heading-xs-bold);--avatar-status-size:8px}.qui-avatar__root[data-size=sm] .qui-icon__root{--icon-size:20px}.qui-avatar__root[data-size=md]{--avatar-size:48px;--avatar-content-font:var(--font-static-heading-md-bold);--avatar-status-size:12px}.qui-avatar__root[data-size=md] .qui-icon__root{--icon-size:24px}.qui-avatar__root[data-size=lg]{--avatar-size:56px;--avatar-content-font:var(--font-static-heading-lg-bold);--avatar-status-size:16px}.qui-avatar__root[data-size=lg] .qui-icon__root{--icon-size:32px}.qui-avatar__root[data-size=xl]{--avatar-size:80px;--avatar-content-font:var(--font-static-heading-xl);--avatar-status-size:20px}.qui-avatar__root[data-size=xl] .qui-icon__root{--icon-size:40px}.qui-avatar__image{border-radius:var(--avatar-radius,9999px);height:100%;-o-object-fit:cover;object-fit:cover;overflow:clip;width:100%}.qui-avatar__content[data-variant=neutral]{--avatar-foreground-color:var(--color-text-neutral-primary);--avatar-background-color:var(--color-background-neutral-03)}.qui-avatar__content[data-variant=contrast]{--avatar-foreground-color:var(--color-text-neutral-inverse);--avatar-background-color:var(--color-background-neutral-10)}.qui-avatar__content[data-variant=brand]{--avatar-foreground-color:var(--color-utility-persistent-white);--avatar-background-color:var(--color-background-brand-primary)}.qui-avatar__content{align-items:center;background-color:var(--avatar-background-color);border-radius:var(--avatar-radius);color:var(--avatar-foreground-color);display:flex;font:var(--avatar-content-font);height:100%;justify-content:center;line-height:1;overflow:clip;text-transform:uppercase;width:100%}.qui-avatar__status{border:var(--avatar-status-border-size,1px) solid var(--color-border-neutral-00);border-radius:50%;bottom:0;height:var(--avatar-status-size);position:absolute;right:0;width:var(--avatar-status-size)}:is([data-size=lg],[data-size=xl]) .qui-avatar__status{--avatar-status-border-size:2px}.qui-avatar__status[data-status=active]{background-color:var(--color-background-support-success)}.qui-avatar__status[data-status=offline]{background-color:var(--color-background-support-neutral)}.qui-avatar__status[data-status=away]{background-color:var(--color-background-support-warning)}.qui-avatar__status[data-status=busy]{background-color:var(--color-background-support-danger)}.qui-accordion__root{--accordion-trigger-padding-inline:16px;--accordion-content-padding-inline-start:16px;--accordion-content-padding-inline-end:48px;--accordion-content-padding-block-start:8px;--accordion-content-padding-block-end:24px;--accordion-content-font:var(--font-static-body-xs-default)}.qui-accordion__root[data-size=sm]{--accordion-trigger-padding-block:7px;--accordion-trigger-font:var(--font-static-body-xs-bold);--accordion-trigger-gap:var(--spacing-80);--accordion-trigger-secondary-font:var(--font-static-body-xs-default)}.qui-accordion__root[data-size=md]{--accordion-trigger-padding-block:10px;--accordion-trigger-font:var(--font-static-body-sm-bold);--accordion-trigger-gap:var(--spacing-90);--accordion-trigger-secondary-font:var(--font-static-body-xs-default)}.qui-accordion__root[data-size=lg]{--accordion-trigger-padding-block:12px;--accordion-trigger-font:var(--font-static-body-md-bold);--accordion-trigger-gap:var(--spacing-100);--accordion-trigger-secondary-font:var(--font-static-body-sm-default)}.qui-accordion__root[data-uncontained]{--accordion-content-padding-inline-start:0;--accordion-content-padding-inline-end:0}.qui-accordion__item:not(:first-child){border-top:solid 1px var(--color-border-neutral-01)}.qui-accordion__root:not([data-uncontained]) .qui-accordion__item:has(.qui-accordion__item-trigger>[data-part=indicator]+[data-part=title]){--accordion-content-padding-inline-start:48px;--accordion-content-padding-inline-end:16px}[data-uncontained] .qui-accordion__item:has(.qui-accordion__item-trigger>[data-part=indicator]+[data-part=title]){--accordion-content-padding-inline-start:32px}.qui-accordion__icon:has(+.qui-accordion__item-trigger-indicator){display:none}.qui-accordion__item-trigger{align-items:center;background-color:var(--color-interactive-background-ghost-idle);color:var(--color-interactive-text-neutral-idle);-moz-column-gap:var(--accordion-trigger-gap);column-gap:var(--accordion-trigger-gap);cursor:pointer;display:flex;font:var(--accordion-trigger-font);justify-items:start;padding-block:var(--accordion-trigger-padding-block);padding-inline:var(--accordion-trigger-padding-inline);position:relative;text-align:start;width:100%;z-index:1}.qui-accordion__root[data-uncontained] .qui-accordion__item-trigger{padding-inline:0}.qui-accordion__item-trigger[data-disabled]{color:var(--color-utility-disabled-text);cursor:not-allowed}.qui-accordion__item-trigger:not([data-disabled]):hover{background-color:var(--color-interactive-background-ghost-hover);color:var(--color-interactive-text-neutral-hover)}.qui-accordion__item-trigger:not([data-disabled]):active{background-color:var(--color-interactive-background-ghost-pressed);color:var(--color-interactive-text-neutral-pressed)}.qui-accordion__item-trigger:not([data-disabled]):focus-visible{box-shadow:inset 0 0 0 1px var(--color-utility-focus-border),0 0 0 1px var(--color-utility-focus-border);outline:none}.qui-accordion__item-text{flex:1}.qui-accordion__item-trigger-secondary{color:var(--color-text-neutral-secondary);font:var(--accordion-trigger-secondary-font)}.qui-accordion__item-trigger-secondary[data-disabled]{color:var(--color-utility-disabled-text)}.qui-accordion__item-trigger-indicator{grid-column:indicator;transform:rotate(0deg);transition:transform var(--animation-duration-fast) ease-in-out}.qui-accordion__item-trigger-indicator[data-state=open]{transform:rotate(180deg)}.qui-accordion__item-content-animator{color:var(--color-text-neutral-primary);font:var(--accordion-content-font)}.qui-accordion__item-content-body{padding-block:var(--accordion-content-padding-block-start) var(--accordion-content-padding-block-end);padding-inline:var(--accordion-content-padding-inline-start) var(--accordion-content-padding-inline-end)}.qui-action-group__root{display:inline-flex;flex-wrap:wrap;gap:4px}:root{--animation-duration-slowest:500ms;--animation-duration-fastest:50ms;--animation-duration-slower:400ms;--animation-duration-moderate:200ms;--animation-duration-slow:300ms;--animation-duration-fast:150ms;--animation-duration-faster:130ms}.qui-preload *{--animation-duration-slowest:0ms!important;--animation-duration-fastest:0ms!important;--animation-duration-slower:0ms!important;--animation-duration-moderate:0ms!important;--animation-duration-slow:0ms!important;--animation-duration-fast:0ms!important;--animation-duration-faster:0ms!important}@keyframes expand-height{0%{height:0}to{height:var(--height)}}@keyframes collapse-height{0%{height:var(--height)}to{height:0}}@keyframes expand-width{0%{width:0}to{width:var(--width)}}@keyframes collapse-width{0%{width:var(--width)}to{width:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-from-left-full{0%{transform:translate(-100%,0)}to{transform:translate(0,0)}}@keyframes slide-from-right-full{0%{transform:translate(100%,0)}to{transform:translate(0,0)}}@keyframes slide-from-top-full{0%{transform:translate(0,-100%)}to{transform:translate(0,0)}}@keyframes slide-from-bottom-full{0%{transform:translate(0,100%)}to{transform:translate(0,0)}}@keyframes slide-to-left-full{0%{transform:translate(0,0)}to{transform:translate(-100%,0)}}@keyframes slide-to-right-full{0%{transform:translate(0,0)}to{transform:translate(100%,0)}}@keyframes slide-to-top-full{0%{transform:translate(0,0)}to{transform:translate(0,-100%)}}@keyframes slide-to-bottom-full{0%{transform:translate(0,0)}to{transform:translate(0,100%)}}@keyframes slide-from-top{0%{transform:translate(0,-0.2rem)}to{transform:translate(0)}}@keyframes slide-from-bottom{0%{transform:translate(0,0.2rem)}to{transform:translate(0)}}@keyframes slide-from-left{0%{transform:translate(-0.2rem,0)}to{transform:translate(0)}}@keyframes slide-from-right{0%{transform:translate(0.2rem,0)}to{transform:translate(0)}}@keyframes slide-to-top{0%{transform:translate(0)}to{transform:translate(0,-0.2rem)}}@keyframes slide-to-bottom{0%{transform:translate(0)}to{transform:translate(0,0.2rem)}}@keyframes slide-to-left{0%{transform:translate(0)}to{transform:translate(-0.2rem,0)}}@keyframes slide-to-right{0%{transform:translate(0)}to{transform:translate(0.2rem,0)}}@keyframes slide-from-left-full{0%{transform:translate(-100%,0)}to{transform:translate(0,0)}}@keyframes slide-from-right-full{0%{transform:translate(100%,0)}to{transform:translate(0,0)}}@keyframes slide-to-left-full{0%{transform:translate(0,0)}to{transform:translate(-100%,0)}}@keyframes slide-to-right-full{0%{transform:translate(0,0)}to{transform:translate(100%,0)}}@keyframes scale-in{0%{transform:scale(0.95)}to{transform:scale(1)}}@keyframes scale-out{0%{transform:scale(1)}to{transform:scale(0.95)}}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { Explicit } from "@qualcomm-ui/utils/guard";
|
|
2
|
+
import type { PropNormalizer } from "@qualcomm-ui/utils/machine";
|
|
3
|
+
import type { QdsDialogApi, QdsDialogApiProps } from "./dialog.types";
|
|
4
|
+
export declare function createQdsDialogApi(props: Explicit<QdsDialogApiProps>, normalize: PropNormalizer): QdsDialogApi;
|
|
5
|
+
//# sourceMappingURL=dialog.api.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog.api.d.ts","sourceRoot":"","sources":["../../src/dialog/dialog.api.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AACtD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EACV,YAAY,EACZ,iBAAiB,EASlB,MAAM,gBAAgB,CAAA;AAEvB,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,EAClC,SAAS,EAAE,cAAc,GACxB,YAAY,CA6Dd"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare const dialogClasses: {
|
|
2
|
+
readonly backdrop: "qui-dialog__backdrop";
|
|
3
|
+
readonly body: "qui-dialog__body";
|
|
4
|
+
readonly closeButton: "qui-dialog__close-button";
|
|
5
|
+
readonly content: "qui-dialog__content";
|
|
6
|
+
readonly footer: "qui-dialog__footer";
|
|
7
|
+
readonly heading: "qui-dialog__heading";
|
|
8
|
+
readonly indicatorIcon: "qui-dialog__indicator-icon";
|
|
9
|
+
readonly positioner: "qui-dialog__positioner";
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=dialog.classes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog.classes.d.ts","sourceRoot":"","sources":["../../src/dialog/dialog.classes.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa;;;;;;;;;CAShB,CAAA"}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import type { dialogClasses } from "./dialog.classes";
|
|
2
|
+
export type QdsDialogSize = "sm" | "md";
|
|
3
|
+
export type QdsDialogEmphasis = "info" | "success" | "warning" | "danger" | "neutral";
|
|
4
|
+
export type QdsDialogScrollBehavior = "inside" | "outside";
|
|
5
|
+
export type QdsDialogPlacement = "top" | "center" | "bottom";
|
|
6
|
+
export interface QdsDialogApiProps {
|
|
7
|
+
/**
|
|
8
|
+
* The style variant of the dialog's indicator.
|
|
9
|
+
*
|
|
10
|
+
* @default 'neutral'
|
|
11
|
+
*/
|
|
12
|
+
emphasis?: QdsDialogEmphasis;
|
|
13
|
+
/**
|
|
14
|
+
* The vertical placement of the dialog within the viewport.
|
|
15
|
+
*
|
|
16
|
+
* @option `'top'`: The dialog is positioned at the top of the viewport.
|
|
17
|
+
* @option `'center'`: The dialog is positioned at the center of the viewport.
|
|
18
|
+
* @option `'bottom'`: The dialog is positioned at the bottom of the viewport.
|
|
19
|
+
*
|
|
20
|
+
* @default 'top'
|
|
21
|
+
*/
|
|
22
|
+
placement?: QdsDialogPlacement;
|
|
23
|
+
/**
|
|
24
|
+
* Defines the scroll behavior of the dialog content when modal content exceeds
|
|
25
|
+
* viewport height.
|
|
26
|
+
*
|
|
27
|
+
* @option `'inside'`: The modal and backdrop create an internal scroll area within the modal.
|
|
28
|
+
* @option `'outside'`: The modal and backdrop move with the page scroll instead of creating an internal scroll area within the modal.
|
|
29
|
+
*
|
|
30
|
+
* @default 'outside'
|
|
31
|
+
*/
|
|
32
|
+
scrollBehavior?: QdsDialogScrollBehavior;
|
|
33
|
+
/**
|
|
34
|
+
* The size of the dialog's content area and fonts. A smaller size uses less
|
|
35
|
+
* horizontal space.
|
|
36
|
+
*
|
|
37
|
+
* @default 'sm'
|
|
38
|
+
*/
|
|
39
|
+
size?: QdsDialogSize;
|
|
40
|
+
}
|
|
41
|
+
type DialogClasses = typeof dialogClasses;
|
|
42
|
+
export interface QdsDialogContentBindings {
|
|
43
|
+
className: DialogClasses["content"];
|
|
44
|
+
"data-scroll-behavior": QdsDialogScrollBehavior;
|
|
45
|
+
"data-size": QdsDialogSize;
|
|
46
|
+
}
|
|
47
|
+
export interface QdsDialogIndicatorIconBindings {
|
|
48
|
+
className: DialogClasses["indicatorIcon"];
|
|
49
|
+
"data-emphasis": QdsDialogEmphasis;
|
|
50
|
+
"data-size": QdsDialogSize;
|
|
51
|
+
}
|
|
52
|
+
export interface QdsDialogHeadingBindings {
|
|
53
|
+
className: DialogClasses["heading"];
|
|
54
|
+
"data-size": QdsDialogSize;
|
|
55
|
+
}
|
|
56
|
+
export interface QdsDialogBodyBindings {
|
|
57
|
+
className: DialogClasses["body"];
|
|
58
|
+
"data-size": QdsDialogSize;
|
|
59
|
+
}
|
|
60
|
+
export interface QdsDialogFooterBindings {
|
|
61
|
+
className: DialogClasses["footer"];
|
|
62
|
+
"data-size": QdsDialogSize;
|
|
63
|
+
}
|
|
64
|
+
export interface QdsDialogCloseButtonBindings {
|
|
65
|
+
className: DialogClasses["closeButton"];
|
|
66
|
+
}
|
|
67
|
+
export interface QdsDialogPositionerBindings {
|
|
68
|
+
className: DialogClasses["positioner"];
|
|
69
|
+
"data-placement": QdsDialogPlacement;
|
|
70
|
+
"data-scroll-behavior": QdsDialogScrollBehavior;
|
|
71
|
+
"data-size": QdsDialogSize;
|
|
72
|
+
}
|
|
73
|
+
export interface QdsDialogBackdropBindings {
|
|
74
|
+
className: DialogClasses["backdrop"];
|
|
75
|
+
}
|
|
76
|
+
export interface QdsDialogApi {
|
|
77
|
+
emphasis: QdsDialogEmphasis;
|
|
78
|
+
size: QdsDialogSize;
|
|
79
|
+
getBackdropBindings(): QdsDialogBackdropBindings;
|
|
80
|
+
getBodyBindings(): QdsDialogBodyBindings;
|
|
81
|
+
getCloseButtonBindings(): QdsDialogCloseButtonBindings;
|
|
82
|
+
getContentBindings(): QdsDialogContentBindings;
|
|
83
|
+
getFooterBindings(): QdsDialogFooterBindings;
|
|
84
|
+
getHeadingBindings(): QdsDialogHeadingBindings;
|
|
85
|
+
getIndicatorIconBindings(): QdsDialogIndicatorIconBindings;
|
|
86
|
+
getPositionerBindings(): QdsDialogPositionerBindings;
|
|
87
|
+
}
|
|
88
|
+
export {};
|
|
89
|
+
//# sourceMappingURL=dialog.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog.types.d.ts","sourceRoot":"","sources":["../../src/dialog/dialog.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAA;AAEnD,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,CAAA;AAEvC,MAAM,MAAM,iBAAiB,GACzB,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,CAAA;AAEb,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE1D,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAE5D,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAE5B;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAA;IAE9B;;;;;;;;OAQG;IACH,cAAc,CAAC,EAAE,uBAAuB,CAAA;IAExC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;CACrB;AAED,KAAK,aAAa,GAAG,OAAO,aAAa,CAAA;AAEzC,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IACnC,sBAAsB,EAAE,uBAAuB,CAAA;IAC/C,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED,MAAM,WAAW,8BAA8B;IAC7C,SAAS,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;IACzC,eAAe,EAAE,iBAAiB,CAAA;IAClC,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IACnC,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAChC,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;IAClC,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,aAAa,CAAC,aAAa,CAAC,CAAA;CACxC;AAED,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;IACtC,gBAAgB,EAAE,kBAAkB,CAAA;IACpC,sBAAsB,EAAE,uBAAuB,CAAA;IAC/C,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;CACrC;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,IAAI,EAAE,aAAa,CAAA;IAGnB,mBAAmB,IAAI,yBAAyB,CAAA;IAChD,eAAe,IAAI,qBAAqB,CAAA;IACxC,sBAAsB,IAAI,4BAA4B,CAAA;IACtD,kBAAkB,IAAI,wBAAwB,CAAA;IAC9C,iBAAiB,IAAI,uBAAuB,CAAA;IAC5C,kBAAkB,IAAI,wBAAwB,CAAA;IAC9C,wBAAwB,IAAI,8BAA8B,CAAA;IAC1D,qBAAqB,IAAI,2BAA2B,CAAA;CACrD"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var a=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var r=(o,i)=>{for(var n in i)a(o,n,{get:i[n],enumerable:!0})},c=(o,i,n,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let e of g(i))!l.call(o,e)&&e!==n&&a(o,e,{get:()=>i[e],enumerable:!(s=d(i,e))||s.enumerable});return o};var B=o=>c(a({},"__esModule",{value:!0}),o);var u={};r(u,{createQdsDialogApi:()=>p,dialogClasses:()=>t});module.exports=B(u);var t={backdrop:"qui-dialog__backdrop",body:"qui-dialog__body",closeButton:"qui-dialog__close-button",content:"qui-dialog__content",footer:"qui-dialog__footer",heading:"qui-dialog__heading",indicatorIcon:"qui-dialog__indicator-icon",positioner:"qui-dialog__positioner"};function p(o,i){let n=o.size||"sm",s=o.emphasis||"neutral",e=o.scrollBehavior||"outside";return{emphasis:s,size:n,getBackdropBindings(){return i.element({className:t.backdrop})},getBodyBindings(){return i.element({className:t.body,"data-size":n})},getCloseButtonBindings(){return i.button({className:t.closeButton})},getContentBindings(){return i.element({className:t.content,"data-scroll-behavior":e,"data-size":n})},getFooterBindings(){return i.element({className:t.footer,"data-size":n})},getHeadingBindings(){return i.element({className:t.heading,"data-size":n})},getIndicatorIconBindings(){return i.element({className:t.indicatorIcon,"data-emphasis":s,"data-size":n})},getPositionerBindings(){return i.element({className:t.positioner,"data-placement":o.placement||"top","data-scroll-behavior":e,"data-size":n})}}}
|
|
2
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/dialog/index.ts", "../../src/dialog/dialog.classes.ts", "../../src/dialog/dialog.api.ts"],
|
|
4
|
+
"sourcesContent": ["export * from \"./dialog.api\"\nexport * from \"./dialog.classes\"\nexport type * from \"./dialog.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const dialogClasses = {\n backdrop: \"qui-dialog__backdrop\",\n body: \"qui-dialog__body\",\n closeButton: \"qui-dialog__close-button\",\n content: \"qui-dialog__content\",\n footer: \"qui-dialog__footer\",\n heading: \"qui-dialog__heading\",\n indicatorIcon: \"qui-dialog__indicator-icon\",\n positioner: \"qui-dialog__positioner\",\n} as const\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {dialogClasses} from \"./dialog.classes\"\nimport type {\n QdsDialogApi,\n QdsDialogApiProps,\n QdsDialogBackdropBindings,\n QdsDialogBodyBindings,\n QdsDialogCloseButtonBindings,\n QdsDialogContentBindings,\n QdsDialogFooterBindings,\n QdsDialogHeadingBindings,\n QdsDialogIndicatorIconBindings,\n QdsDialogPositionerBindings,\n} from \"./dialog.types\"\n\nexport function createQdsDialogApi(\n props: Explicit<QdsDialogApiProps>,\n normalize: PropNormalizer,\n): QdsDialogApi {\n const size = props.size || \"sm\"\n const emphasis = props.emphasis || \"neutral\"\n const scrollBehavior = props.scrollBehavior || \"outside\"\n\n return {\n emphasis,\n size,\n\n // group: bindings\n getBackdropBindings(): QdsDialogBackdropBindings {\n return normalize.element({\n className: dialogClasses.backdrop,\n })\n },\n getBodyBindings(): QdsDialogBodyBindings {\n return normalize.element({\n className: dialogClasses.body,\n \"data-size\": size,\n })\n },\n getCloseButtonBindings(): QdsDialogCloseButtonBindings {\n return normalize.button({\n className: dialogClasses.closeButton,\n })\n },\n getContentBindings(): QdsDialogContentBindings {\n return normalize.element({\n className: dialogClasses.content,\n \"data-scroll-behavior\": scrollBehavior,\n \"data-size\": size,\n })\n },\n getFooterBindings(): QdsDialogFooterBindings {\n return normalize.element({\n className: dialogClasses.footer,\n \"data-size\": size,\n })\n },\n getHeadingBindings(): QdsDialogHeadingBindings {\n return normalize.element({\n className: dialogClasses.heading,\n \"data-size\": size,\n })\n },\n getIndicatorIconBindings(): QdsDialogIndicatorIconBindings {\n return normalize.element({\n className: dialogClasses.indicatorIcon,\n \"data-emphasis\": emphasis,\n \"data-size\": size,\n })\n },\n getPositionerBindings(): QdsDialogPositionerBindings {\n return normalize.element({\n className: dialogClasses.positioner,\n \"data-placement\": props.placement || \"top\",\n \"data-scroll-behavior\": scrollBehavior,\n \"data-size\": size,\n })\n },\n }\n}\n"],
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,EAAA,kBAAAC,IAAA,eAAAC,EAAAJ,GCGO,IAAMK,EAAgB,CAC3B,SAAU,uBACV,KAAM,mBACN,YAAa,2BACb,QAAS,sBACT,OAAQ,qBACR,QAAS,sBACT,cAAe,6BACf,WAAY,wBACd,ECQO,SAASC,EACdC,EACAC,EACc,CACd,IAAMC,EAAOF,EAAM,MAAQ,KACrBG,EAAWH,EAAM,UAAY,UAC7BI,EAAiBJ,EAAM,gBAAkB,UAE/C,MAAO,CACL,SAAAG,EACA,KAAAD,EAGA,qBAAiD,CAC/C,OAAOD,EAAU,QAAQ,CACvB,UAAWI,EAAc,QAC3B,CAAC,CACH,EACA,iBAAyC,CACvC,OAAOJ,EAAU,QAAQ,CACvB,UAAWI,EAAc,KACzB,YAAaH,CACf,CAAC,CACH,EACA,wBAAuD,CACrD,OAAOD,EAAU,OAAO,CACtB,UAAWI,EAAc,WAC3B,CAAC,CACH,EACA,oBAA+C,CAC7C,OAAOJ,EAAU,QAAQ,CACvB,UAAWI,EAAc,QACzB,uBAAwBD,EACxB,YAAaF,CACf,CAAC,CACH,EACA,mBAA6C,CAC3C,OAAOD,EAAU,QAAQ,CACvB,UAAWI,EAAc,OACzB,YAAaH,CACf,CAAC,CACH,EACA,oBAA+C,CAC7C,OAAOD,EAAU,QAAQ,CACvB,UAAWI,EAAc,QACzB,YAAaH,CACf,CAAC,CACH,EACA,0BAA2D,CACzD,OAAOD,EAAU,QAAQ,CACvB,UAAWI,EAAc,cACzB,gBAAiBF,EACjB,YAAaD,CACf,CAAC,CACH,EACA,uBAAqD,CACnD,OAAOD,EAAU,QAAQ,CACvB,UAAWI,EAAc,WACzB,iBAAkBL,EAAM,WAAa,MACrC,uBAAwBI,EACxB,YAAaF,CACf,CAAC,CACH,CACF,CACF",
|
|
6
|
+
"names": ["dialog_exports", "__export", "createQdsDialogApi", "dialogClasses", "__toCommonJS", "dialogClasses", "createQdsDialogApi", "props", "normalize", "size", "emphasis", "scrollBehavior", "dialogClasses"]
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,mBAAmB,gBAAgB,CAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var i={backdrop:"qui-dialog__backdrop",body:"qui-dialog__body",closeButton:"qui-dialog__close-button",content:"qui-dialog__content",footer:"qui-dialog__footer",heading:"qui-dialog__heading",indicatorIcon:"qui-dialog__indicator-icon",positioner:"qui-dialog__positioner"};function g(t,o){let n=t.size||"sm",e=t.emphasis||"neutral",s=t.scrollBehavior||"outside";return{emphasis:e,size:n,getBackdropBindings(){return o.element({className:i.backdrop})},getBodyBindings(){return o.element({className:i.body,"data-size":n})},getCloseButtonBindings(){return o.button({className:i.closeButton})},getContentBindings(){return o.element({className:i.content,"data-scroll-behavior":s,"data-size":n})},getFooterBindings(){return o.element({className:i.footer,"data-size":n})},getHeadingBindings(){return o.element({className:i.heading,"data-size":n})},getIndicatorIconBindings(){return o.element({className:i.indicatorIcon,"data-emphasis":e,"data-size":n})},getPositionerBindings(){return o.element({className:i.positioner,"data-placement":t.placement||"top","data-scroll-behavior":s,"data-size":n})}}}export{g as createQdsDialogApi,i as dialogClasses};
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/dialog/dialog.classes.ts", "../../src/dialog/dialog.api.ts"],
|
|
4
|
+
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const dialogClasses = {\n backdrop: \"qui-dialog__backdrop\",\n body: \"qui-dialog__body\",\n closeButton: \"qui-dialog__close-button\",\n content: \"qui-dialog__content\",\n footer: \"qui-dialog__footer\",\n heading: \"qui-dialog__heading\",\n indicatorIcon: \"qui-dialog__indicator-icon\",\n positioner: \"qui-dialog__positioner\",\n} as const\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {dialogClasses} from \"./dialog.classes\"\nimport type {\n QdsDialogApi,\n QdsDialogApiProps,\n QdsDialogBackdropBindings,\n QdsDialogBodyBindings,\n QdsDialogCloseButtonBindings,\n QdsDialogContentBindings,\n QdsDialogFooterBindings,\n QdsDialogHeadingBindings,\n QdsDialogIndicatorIconBindings,\n QdsDialogPositionerBindings,\n} from \"./dialog.types\"\n\nexport function createQdsDialogApi(\n props: Explicit<QdsDialogApiProps>,\n normalize: PropNormalizer,\n): QdsDialogApi {\n const size = props.size || \"sm\"\n const emphasis = props.emphasis || \"neutral\"\n const scrollBehavior = props.scrollBehavior || \"outside\"\n\n return {\n emphasis,\n size,\n\n // group: bindings\n getBackdropBindings(): QdsDialogBackdropBindings {\n return normalize.element({\n className: dialogClasses.backdrop,\n })\n },\n getBodyBindings(): QdsDialogBodyBindings {\n return normalize.element({\n className: dialogClasses.body,\n \"data-size\": size,\n })\n },\n getCloseButtonBindings(): QdsDialogCloseButtonBindings {\n return normalize.button({\n className: dialogClasses.closeButton,\n })\n },\n getContentBindings(): QdsDialogContentBindings {\n return normalize.element({\n className: dialogClasses.content,\n \"data-scroll-behavior\": scrollBehavior,\n \"data-size\": size,\n })\n },\n getFooterBindings(): QdsDialogFooterBindings {\n return normalize.element({\n className: dialogClasses.footer,\n \"data-size\": size,\n })\n },\n getHeadingBindings(): QdsDialogHeadingBindings {\n return normalize.element({\n className: dialogClasses.heading,\n \"data-size\": size,\n })\n },\n getIndicatorIconBindings(): QdsDialogIndicatorIconBindings {\n return normalize.element({\n className: dialogClasses.indicatorIcon,\n \"data-emphasis\": emphasis,\n \"data-size\": size,\n })\n },\n getPositionerBindings(): QdsDialogPositionerBindings {\n return normalize.element({\n className: dialogClasses.positioner,\n \"data-placement\": props.placement || \"top\",\n \"data-scroll-behavior\": scrollBehavior,\n \"data-size\": size,\n })\n },\n }\n}\n"],
|
|
5
|
+
"mappings": "AAGO,IAAMA,EAAgB,CAC3B,SAAU,uBACV,KAAM,mBACN,YAAa,2BACb,QAAS,sBACT,OAAQ,qBACR,QAAS,sBACT,cAAe,6BACf,WAAY,wBACd,ECQO,SAASC,EACdC,EACAC,EACc,CACd,IAAMC,EAAOF,EAAM,MAAQ,KACrBG,EAAWH,EAAM,UAAY,UAC7BI,EAAiBJ,EAAM,gBAAkB,UAE/C,MAAO,CACL,SAAAG,EACA,KAAAD,EAGA,qBAAiD,CAC/C,OAAOD,EAAU,QAAQ,CACvB,UAAWI,EAAc,QAC3B,CAAC,CACH,EACA,iBAAyC,CACvC,OAAOJ,EAAU,QAAQ,CACvB,UAAWI,EAAc,KACzB,YAAaH,CACf,CAAC,CACH,EACA,wBAAuD,CACrD,OAAOD,EAAU,OAAO,CACtB,UAAWI,EAAc,WAC3B,CAAC,CACH,EACA,oBAA+C,CAC7C,OAAOJ,EAAU,QAAQ,CACvB,UAAWI,EAAc,QACzB,uBAAwBD,EACxB,YAAaF,CACf,CAAC,CACH,EACA,mBAA6C,CAC3C,OAAOD,EAAU,QAAQ,CACvB,UAAWI,EAAc,OACzB,YAAaH,CACf,CAAC,CACH,EACA,oBAA+C,CAC7C,OAAOD,EAAU,QAAQ,CACvB,UAAWI,EAAc,QACzB,YAAaH,CACf,CAAC,CACH,EACA,0BAA2D,CACzD,OAAOD,EAAU,QAAQ,CACvB,UAAWI,EAAc,cACzB,gBAAiBF,EACjB,YAAaD,CACf,CAAC,CACH,EACA,uBAAqD,CACnD,OAAOD,EAAU,QAAQ,CACvB,UAAWI,EAAc,WACzB,iBAAkBL,EAAM,WAAa,MACrC,uBAAwBI,EACxB,YAAaF,CACf,CAAC,CACH,CACF,CACF",
|
|
6
|
+
"names": ["dialogClasses", "createQdsDialogApi", "props", "normalize", "size", "emphasis", "scrollBehavior", "dialogClasses"]
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.qui-dialog__backdrop{background:rgba(0,0,0,0.2);height:100vh;left:0;overflow:hidden;place-items:center;position:fixed;top:0;width:100vw;z-index:var(--z-index-dialog)}.qui-dialog__positioner{align-items:flex-start;display:flex;height:100dvh;inset:0;justify-content:center;position:fixed;width:100dvw;z-index:var(--z-index-dialog);--indicator-icon-size:var(--sizing-90)}.qui-dialog__positioner .qui-dialog__indicator-icon{--icon-size:var(--indicator-icon-size)}.qui-dialog__positioner[data-size=md]{--indicator-icon-size:var(--sizing-120)}.qui-dialog__positioner[data-scroll-behavior=outside]{overflow:auto;pointer-events:auto}.qui-dialog__positioner[data-placement=top]{align-items:flex-start}.qui-dialog__positioner[data-placement=center]{align-items:center}.qui-dialog__positioner[data-placement=bottom]{align-items:flex-end}.qui-dialog__positioner[data-scroll-behavior=inside]{overflow:hidden}.qui-dialog__content{background-color:var(--color-surface-overlay);border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);box-shadow:var(--shadow-high);color:var(--color-text-neutral-primary);display:grid;margin-block:4rem;margin-inline:auto;position:relative;width:375px}.qui-dialog__content[data-size=md]{width:600px}.qui-dialog__content[data-scroll-behavior=inside]{max-height:calc(100% - 7.5rem);overflow-y:auto}.qui-dialog__content[data-state=open]{animation:dialog-fade-in 0.2s ease-in-out}.qui-dialog__content[data-state=closed]{animation:dialog-fade-out 0.25s ease-in-out}.qui-dialog__body{color:var(--color-text-neutral-primary);display:flex;flex-direction:column;font:var(--font-static-body-xs-default);gap:var(--spacing-90);padding:var(--spacing-110);width:100%}.qui-dialog__body[data-size=md]{font:var(--font-static-body-sm-default);gap:var(--spacing-100);padding:var(--spacing-120)}.qui-dialog__heading{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xs-default)}.qui-dialog__heading[data-size=md]{font:var(--font-static-heading-sm-default)}.qui-dialog__footer{border-top:solid 1px var(--color-border-neutral-01);display:flex;gap:var(--spacing-80);justify-content:flex-end;padding:var(--spacing-110);width:100%}.qui-dialog__close-button{align-self:flex-start;position:absolute;right:5px;top:5px}.qui-dialog__indicator-icon[data-emphasis=neutral]{color:var(--color-icon-support-neutral)}.qui-dialog__indicator-icon[data-emphasis=info]{color:var(--color-icon-support-info)}.qui-dialog__indicator-icon[data-emphasis=success]{color:var(--color-icon-support-success)}.qui-dialog__indicator-icon[data-emphasis=warning]{color:var(--color-icon-support-warning)}.qui-dialog__indicator-icon[data-emphasis=danger]{color:var(--color-icon-support-danger)}@keyframes dialog-fade-in{0%{opacity:0;scale:0.95}to{opacity:1;scale:1}}@keyframes dialog-fade-out{to{opacity:0;scale:0.95}}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { PropNormalizer } from "@qualcomm-ui/utils/machine";
|
|
2
|
+
import type { QdsDividerApi, QdsDividerApiProps } from "./divider.types";
|
|
3
|
+
export declare function createQdsDividerApi(props: QdsDividerApiProps, normalizer: PropNormalizer): QdsDividerApi;
|
|
4
|
+
//# sourceMappingURL=divider.api.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"divider.api.d.ts","sourceRoot":"","sources":["../../src/divider/divider.api.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAE9D,OAAO,KAAK,EACV,aAAa,EACb,kBAAkB,EAEnB,MAAM,iBAAiB,CAAA;AAExB,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,kBAAkB,EACzB,UAAU,EAAE,cAAc,GACzB,aAAa,CAWf"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"divider.classes.d.ts","sourceRoot":"","sources":["../../src/divider/divider.classes.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc;;CAE1B,CAAA"}
|