boreal-ui 0.0.9008 → 0.0.9009
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/core/Alert.css +1 -1
- package/dist/core/AppShell.css +1 -1
- package/dist/core/BarChart.css +1 -1
- package/dist/core/BreadCrumbPageHeader.css +1 -1
- package/dist/core/Breadcrumbs.css +1 -1
- package/dist/core/Button.css +1 -1
- package/dist/core/Card.css +1 -1
- package/dist/core/Chip.css +1 -1
- package/dist/core/DatePicker.css +1 -1
- package/dist/core/DateTimePicker.css +1 -1
- package/dist/core/DonutChart.css +1 -1
- package/dist/core/Drawer.css +1 -1
- package/dist/core/Dropdown.css +1 -1
- package/dist/core/FieldSet.css +1 -1
- package/dist/core/IconButton.css +1 -1
- package/dist/core/InputGroup.css +1 -1
- package/dist/core/Legend.css +1 -1
- package/dist/core/LineChart.css +1 -1
- package/dist/core/Menu.css +1 -1
- package/dist/core/MetricBox--d4EJuji.js +200 -0
- package/dist/core/MetricBox-D9gBbC_g.cjs +1 -0
- package/dist/core/MetricBox.cjs.js +1 -1
- package/dist/core/MetricBox.css +1 -1
- package/dist/core/MetricBox.js +1 -1
- package/dist/core/MultiSelect.css +1 -1
- package/dist/core/NotificationCenter.css +1 -1
- package/dist/core/PageHeader.css +1 -1
- package/dist/core/PopOver.css +1 -1
- package/dist/core/ProgressBar.css +1 -1
- package/dist/core/SearchInput.css +1 -1
- package/dist/core/SegmentedControl.css +1 -1
- package/dist/core/Skeleton.css +1 -1
- package/dist/core/Sparkline.css +1 -1
- package/dist/core/Spinner.css +1 -1
- package/dist/core/SplitPane.css +1 -1
- package/dist/core/TimePicker.css +1 -1
- package/dist/core/TreeView.css +1 -1
- package/dist/core/ValidationSummary.css +1 -1
- package/dist/core/globals.css +1 -1
- package/dist/core/index.cjs.js +2 -2
- package/dist/core/index.js +10 -1
- package/dist/generated-docs/MetricBox.props.js +9 -0
- package/dist/next/Alert-1ahSVE3X.js +148 -0
- package/dist/next/Alert.css +1 -1
- package/dist/next/Alert.js +1 -1
- package/dist/next/AppShell-a7EDOqL9.js +191 -0
- package/dist/next/AppShell.css +1 -1
- package/dist/next/AppShell.js +1 -1
- package/dist/next/{BarChart-12wkcVgY.js → BarChart-B300INnW.js} +46 -46
- package/dist/next/BarChart.css +1 -1
- package/dist/next/BarChart.js +1 -1
- package/dist/next/BreadCrumbPageHeader-VCjVtXoU.js +195 -0
- package/dist/next/BreadCrumbPageHeader.css +1 -1
- package/dist/next/BreadCrumbPageHeader.js +1 -1
- package/dist/next/{Breadcrumbs-DMvUco0n.js → Breadcrumbs-Bfs1gAWX.js} +55 -55
- package/dist/next/Breadcrumbs.css +1 -1
- package/dist/next/Breadcrumbs.js +1 -1
- package/dist/next/Button-D99mFabp.js +277 -0
- package/dist/next/Button.css +1 -1
- package/dist/next/Button.js +1 -1
- package/dist/next/Card-Tla9j8Ao.js +441 -0
- package/dist/next/Card.css +1 -1
- package/dist/next/Card.js +1 -1
- package/dist/next/Chip-BNxRUPAa.js +204 -0
- package/dist/next/Chip.css +1 -1
- package/dist/next/Chip.js +1 -1
- package/dist/next/{ChipGroup-_MO5vSQA.js → ChipGroup-DA6utLzW.js} +1 -1
- package/dist/next/ChipGroup.js +1 -1
- package/dist/next/{CommandPalette-D44XN64C.js → CommandPalette-BzZulPi8.js} +1 -1
- package/dist/next/CommandPalette.js +1 -1
- package/dist/next/DatePicker-B0YtaZAH.js +316 -0
- package/dist/next/DatePicker.css +1 -1
- package/dist/next/DatePicker.js +1 -1
- package/dist/next/{DateRangePicker-CUw4uy32.js → DateRangePicker-Dr8iCAuT.js} +1 -1
- package/dist/next/DateRangePicker.js +1 -1
- package/dist/next/{DateTimePicker-NK1zINMG.js → DateTimePicker-B8yXOC8-.js} +114 -114
- package/dist/next/DateTimePicker.css +1 -1
- package/dist/next/DateTimePicker.js +1 -1
- package/dist/next/{DonutChart-B5m0mHL6.js → DonutChart-CL1TYCxx.js} +42 -42
- package/dist/next/DonutChart.css +1 -1
- package/dist/next/DonutChart.js +1 -1
- package/dist/next/Drawer-CjVweW8r.js +192 -0
- package/dist/next/Drawer.css +1 -1
- package/dist/next/Drawer.js +1 -1
- package/dist/next/Dropdown-DLgljVnM.js +540 -0
- package/dist/next/Dropdown.css +1 -1
- package/dist/next/Dropdown.js +1 -1
- package/dist/next/{EmptyState-7USvRMA_.js → EmptyState-Dm1aol2B.js} +1 -1
- package/dist/next/EmptyState.js +1 -1
- package/dist/next/FieldSet-II_ChuEE.js +323 -0
- package/dist/next/FieldSet.css +1 -1
- package/dist/next/FieldSet.js +1 -1
- package/dist/next/{FileUpload-CLqBvpb8.js → FileUpload-UdrR85Ls.js} +3 -3
- package/dist/next/FileUpload.js +1 -1
- package/dist/next/{Footer-BNS5swFp.js → Footer--V83td9F.js} +1 -1
- package/dist/next/Footer.js +1 -1
- package/dist/next/IconButton-DG3kPg3x.js +218 -0
- package/dist/next/IconButton.css +1 -1
- package/dist/next/IconButton.js +1 -1
- package/dist/next/InputGroup-Cr96HO2_.js +339 -0
- package/dist/next/InputGroup.css +1 -1
- package/dist/next/InputGroup.js +1 -1
- package/dist/next/Legend-Bb-8CQBx.js +106 -0
- package/dist/next/Legend.css +1 -1
- package/dist/next/Legend.js +1 -1
- package/dist/next/LineChart-D4CjFEf8.js +161 -0
- package/dist/next/LineChart.css +1 -1
- package/dist/next/LineChart.js +1 -1
- package/dist/next/Menu-DofXi_WU.js +596 -0
- package/dist/next/Menu.css +1 -1
- package/dist/next/Menu.js +1 -1
- package/dist/next/{MessagePopup--qLw00Nd.js → MessagePopup-Bzkbq24Z.js} +2 -2
- package/dist/next/MessagePopup.js +1 -1
- package/dist/next/MetricBox-RIRVxZRK.js +194 -0
- package/dist/next/MetricBox.css +1 -1
- package/dist/next/MetricBox.js +1 -1
- package/dist/next/{Modal-BMrxr5YZ.js → Modal-B32r3YNg.js} +1 -1
- package/dist/next/Modal.js +1 -1
- package/dist/next/{MultiSelect-DyXtIdl5.js → MultiSelect-BkS9AiFB.js} +123 -123
- package/dist/next/MultiSelect.css +1 -1
- package/dist/next/MultiSelect.js +1 -1
- package/dist/next/{NotificationCenter-qWm0tcv3.js → NotificationCenter-VvFGe0dY.js} +159 -159
- package/dist/next/NotificationCenter.css +1 -1
- package/dist/next/NotificationCenter.js +1 -1
- package/dist/next/PageHeader-DHni06L-.js +220 -0
- package/dist/next/PageHeader.css +1 -1
- package/dist/next/PageHeader.js +1 -1
- package/dist/next/{Pager-D4esJmNs.js → Pager-BpjNc6R-.js} +2 -2
- package/dist/next/Pager.js +1 -1
- package/dist/next/PopOver-2vaVWhq2.js +225 -0
- package/dist/next/PopOver.css +1 -1
- package/dist/next/PopOver.js +1 -1
- package/dist/next/ProgressBar-CdjbsZpV.js +180 -0
- package/dist/next/ProgressBar.css +1 -1
- package/dist/next/ProgressBar.js +1 -1
- package/dist/next/SearchInput-CwZUuzEA.js +328 -0
- package/dist/next/SearchInput.css +1 -1
- package/dist/next/SearchInput.js +1 -1
- package/dist/next/SegmentedControl-Bf7F_n53.js +346 -0
- package/dist/next/SegmentedControl.css +1 -1
- package/dist/next/SegmentedControl.js +1 -1
- package/dist/next/Skeleton-Dq8aUmF7.js +120 -0
- package/dist/next/Skeleton.css +1 -1
- package/dist/next/Skeleton.js +1 -1
- package/dist/next/Sparkline-BANmpXOe.js +143 -0
- package/dist/next/Sparkline.css +1 -1
- package/dist/next/Sparkline.js +1 -1
- package/dist/next/Spinner-cql0iMd-.js +136 -0
- package/dist/next/Spinner.css +1 -1
- package/dist/next/Spinner.js +1 -1
- package/dist/next/SplitPane-BudC2xso.js +214 -0
- package/dist/next/SplitPane.css +1 -1
- package/dist/next/SplitPane.js +1 -1
- package/dist/next/{Stepper-CpCKKHwW.js → Stepper-9sS-Vl3H.js} +1 -1
- package/dist/next/Stepper.js +1 -1
- package/dist/next/{TagInput-B9O03vko.js → TagInput-J8KKVLs8.js} +2 -2
- package/dist/next/TagInput.js +1 -1
- package/dist/next/{TextInput-Dx32E3wM.js → TextInput-XM4Qs1il.js} +1 -1
- package/dist/next/TextInput.js +1 -1
- package/dist/next/TimePicker-BT9H5Y2L.js +318 -0
- package/dist/next/TimePicker.css +1 -1
- package/dist/next/TimePicker.js +1 -1
- package/dist/next/TreeView-kyhLQjFp.js +229 -0
- package/dist/next/TreeView.css +1 -1
- package/dist/next/TreeView.js +1 -1
- package/dist/next/ValidationSummary-DRo2xY6A.js +336 -0
- package/dist/next/ValidationSummary.css +1 -1
- package/dist/next/ValidationSummary.js +1 -1
- package/dist/next/globals.css +1 -1
- package/dist/next/index.js +55 -46
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/components/MetricBox/MetricBox.types.d.ts +11 -0
- package/dist/types/components/MetricBox/MetricBox.types.d.ts.map +1 -1
- package/dist/types/components/MetricBox/MetricBoxBase.d.ts.map +1 -1
- package/dist/types/components/MetricBox/core/MetricBox.d.ts.map +1 -1
- package/dist/types/components/MetricBox/next/MetricBox.d.ts.map +1 -1
- package/dist/types/generated-docs/MetricBox.props.d.ts.map +1 -1
- package/package.json +1 -1
- package/packages/cli/src/utils/constants.js +1 -1
- package/dist/core/MetricBox-BDElivfd.js +0 -167
- package/dist/core/MetricBox-DLO8oUue.cjs +0 -1
- package/dist/next/Alert-DcpEX2gx.js +0 -148
- package/dist/next/AppShell-D-jWDroV.js +0 -191
- package/dist/next/BreadCrumbPageHeader-DVYwT9G-.js +0 -195
- package/dist/next/Button-Bybau31S.js +0 -277
- package/dist/next/Card-D3L45JSY.js +0 -441
- package/dist/next/Chip-CaWRh8dE.js +0 -204
- package/dist/next/DatePicker-x5iyxrKA.js +0 -316
- package/dist/next/Drawer-ByB9HaIr.js +0 -192
- package/dist/next/Dropdown-Bi0F9hVI.js +0 -540
- package/dist/next/FieldSet-D65XQM4K.js +0 -323
- package/dist/next/IconButton-MGLOzBcn.js +0 -218
- package/dist/next/InputGroup-DNCRqyPA.js +0 -339
- package/dist/next/Legend-BNEt6B6L.js +0 -106
- package/dist/next/LineChart-GYgs_iTt.js +0 -161
- package/dist/next/Menu-Cn6ggeho.js +0 -596
- package/dist/next/MetricBox-B-gtS3Rs.js +0 -161
- package/dist/next/PageHeader-BO8zmfmo.js +0 -220
- package/dist/next/PopOver-CnyTHe25.js +0 -225
- package/dist/next/ProgressBar-DlYN59UB.js +0 -180
- package/dist/next/SearchInput-C23MrEao.js +0 -328
- package/dist/next/SegmentedControl-B5-FgHz3.js +0 -346
- package/dist/next/Skeleton-DWhjydtW.js +0 -120
- package/dist/next/Sparkline-DbhwDI6D.js +0 -143
- package/dist/next/Spinner-o6ABcrUa.js +0 -136
- package/dist/next/SplitPane-D-jQ8y0m.js +0 -214
- package/dist/next/TimePicker-DqK4sPFw.js +0 -318
- package/dist/next/TreeView-CuCvR1qa.js +0 -229
- package/dist/next/ValidationSummary-CdI43BjU.js +0 -336
package/dist/core/Alert.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.alert{display:flex;align-items:flex-start;gap:var(--spacing-sm);width:100%;max-width:100%;padding:var(--spacing-md);border:1px solid var(--alert-border, var(--border-color));font-family:var(--font-family-ui);color:inherit;background:var(--alert-bg, var(--surface-color, var(--background-color)));overflow-wrap:anywhere}.alert_content{min-width:0;flex:1;display:grid;gap:var(--spacing-xs)}.alert_title{font-size:var(--font-size-body);font-weight:var(--font-weight-heading)}.alert_message{font-size:var(--font-size-body-sm);line-height:var(--line-height-body)}.alert_icon{display:inline-flex;flex:0 0 auto;margin-top:.125rem}.alert_actions{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.alert_dismiss_button{min-width:2rem;min-height:2rem;border:0;border-radius:var(--border-radius-sm);background:transparent;color:currentcolor;cursor:pointer;font:inherit}.alert_dismiss_button:focus-visible{outline:2px solid var(--focus-outline-color);outline-offset:2px}.alert_round-None{border-radius:var(--border-radius-none)}.alert_round-Small{border-radius:var(--border-radius-sm)}.alert_round-Medium{border-radius:var(--border-radius-md)}.alert_round-Large{border-radius:var(--border-radius-lg)}.alert_round-Full{border-radius:var(--border-radius-full)}.alert_shadow-None{box-shadow:var(--box-shadow-none)}.alert_shadow-Light{box-shadow:var(--box-shadow-light)}.alert_shadow-Medium{box-shadow:var(--box-shadow-medium)}.alert_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.alert_shadow-Intense{box-shadow:var(--box-shadow-intense)}.alert_primary{--alert-bg: var(--primary-color);--alert-text: var(--text-color-primary);--alert-border: var(--primary-color);--alert-soft-bg: var(--primary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--primary-glass-background);--alert-glass-hover-bg: var(--primary-glass-background-hover);--alert-glass-border: var(--primary-glass-border);--alert-glass-text: var(--text-color-primary)}.alert_primary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_primary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_primary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_secondary{--alert-bg: var(--secondary-color);--alert-text: var(--text-color-secondary);--alert-border: var(--secondary-color);--alert-soft-bg: var(--secondary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--secondary-glass-background);--alert-glass-hover-bg: var(--secondary-glass-background-hover);--alert-glass-border: var(--secondary-glass-border);--alert-glass-text: var(--text-color-secondary)}.alert_secondary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_secondary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_secondary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_tertiary{--alert-bg: var(--tertiary-color);--alert-text: var(--text-color-tertiary);--alert-border: var(--tertiary-color);--alert-soft-bg: var(--tertiary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--tertiary-glass-background);--alert-glass-hover-bg: var(--tertiary-glass-background-hover);--alert-glass-border: var(--tertiary-glass-border);--alert-glass-text: var(--text-color-tertiary)}.alert_tertiary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_tertiary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_tertiary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_quaternary{--alert-bg: var(--quaternary-color);--alert-text: var(--text-color-quaternary);--alert-border: var(--quaternary-color);--alert-soft-bg: var(--quaternary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--quaternary-glass-background);--alert-glass-hover-bg: var(--quaternary-glass-background-hover);--alert-glass-border: var(--quaternary-glass-border);--alert-glass-text: var(--text-color-quaternary)}.alert_quaternary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_quaternary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_quaternary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_clear{--alert-bg: transparent;--alert-text: var(--text-color);--alert-border: var(--border-color);--alert-soft-bg: var(--clear-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--clear-glass-background);--alert-glass-hover-bg: var(--clear-glass-background-hover);--alert-glass-border: var(--clear-glass-border);--alert-glass-text: var(--text-color)}.alert_clear.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_clear.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_clear.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_success{--alert-bg: var(--success-color);--alert-text: var(--success-text-color);--alert-border: var(--success-color);--alert-soft-bg: var(--success-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--success-glass-background);--alert-glass-hover-bg: var(--success-glass-background-hover);--alert-glass-border: var(--success-glass-border);--alert-glass-text: var(--success-text-color)}.alert_success.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_success.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_success.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_error{--alert-bg: var(--error-color);--alert-text: var(--error-text-color);--alert-border: var(--error-color);--alert-soft-bg: var(--error-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--error-glass-background);--alert-glass-hover-bg: var(--error-glass-background-hover);--alert-glass-border: var(--error-glass-border);--alert-glass-text: var(--error-text-color)}.alert_error.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_error.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_error.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_warning{--alert-bg: var(--warning-color);--alert-text: var(--warning-text-color);--alert-border: var(--warning-color);--alert-soft-bg: var(--warning-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--warning-glass-background);--alert-glass-hover-bg: var(--warning-glass-background-hover);--alert-glass-border: var(--warning-glass-border);--alert-glass-text: var(--warning-text-color)}.alert_warning.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_warning.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_warning.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_info{--alert-bg: var(--info-color);--alert-text: var(--info-text-color);--alert-border: var(--info-color);--alert-soft-bg: var(--info-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--info-glass-background);--alert-glass-hover-bg: var(--info-glass-background-hover);--alert-glass-border: var(--info-glass-border);--alert-glass-text: var(--info-text-color)}.alert_info.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_info.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_info.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_glass.alert_outline{background:transparent}@media(max-width:767.98px){.alert{gap:var(--spacing-xs);padding:var(--spacing-sm)}.alert_title{font-size:var(--font-size-body-sm)}.alert_message{font-size:var(--font-size-label)}.alert_has_actions{flex-wrap:wrap}.alert_has_actions .alert_actions{flex:1 1 100%;justify-content:center}}@media(max-width:479.98px){.alert_content{gap:var(--spacing-xxs, .35rem)}.alert_actions{display:flex;flex-direction:column;align-items:center}.alert_actions>*{width:100%}.alert_dismiss_button{min-width:1.75rem;min-height:1.75rem}}@media(max-width:319.98px){.alert{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--spacing-xs);padding:var(--spacing-xs)}.alert_has_icon{grid-template-columns:auto minmax(0,1fr)}.alert_dismissible{grid-template-columns:minmax(0,1fr) auto}.alert_has_icon.alert_dismissible{grid-template-columns:auto minmax(0,1fr) auto}.alert_icon{grid-column:auto;margin-top:.1rem}.alert_content{grid-column:auto;min-width:0}.alert_dismiss_button{grid-column:auto;justify-self:end}.alert_actions{grid-column:1/-1;width:100%}}@media(prefers-reduced-motion:reduce){.alert,.alert *{transition:none!important;animation:none!important}}@media(forced-colors:active){.alert,.alert_soft,.alert_outline,.alert_glass{background:Canvas!important;color:CanvasText!important;border-color:ButtonText!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.alert_dismiss_button{color:ButtonText;border:1px solid ButtonText}.alert_dismiss_button:focus-visible{outline-color:Highlight}}}
|
|
1
|
+
@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.alert{display:flex;align-items:flex-start;gap:var(--spacing-sm);width:100%;max-width:100%;padding:var(--spacing-md);border:1px solid var(--alert-border, var(--border-color));font-family:var(--font-family-ui);color:inherit;background:var(--alert-bg, var(--surface-color, var(--background-color)));overflow-wrap:anywhere}.alert_content{min-width:0;flex:1;display:grid;gap:var(--spacing-xs)}.alert_title{font-size:var(--font-size-body);font-weight:var(--font-weight-heading)}.alert_message{font-size:var(--font-size-body-sm);line-height:var(--line-height-body)}.alert_icon{display:inline-flex;flex:0 0 auto;margin-top:.4rem}.alert_actions{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.alert_dismiss_button{min-width:1rem;min-height:1rem;margin-top:-.6rem;border:0;border-radius:var(--border-radius-sm);background:transparent;color:currentcolor;cursor:pointer;font:inherit}.alert_dismiss_button:focus-visible{outline:2px solid var(--focus-outline-color);outline-offset:2px}.alert_round-None{border-radius:var(--border-radius-none)}.alert_round-Small{border-radius:var(--border-radius-sm)}.alert_round-Medium{border-radius:var(--border-radius-md)}.alert_round-Large{border-radius:var(--border-radius-lg)}.alert_round-Full{border-radius:var(--border-radius-full)}.alert_shadow-None{box-shadow:var(--box-shadow-none)}.alert_shadow-Light{box-shadow:var(--box-shadow-light)}.alert_shadow-Medium{box-shadow:var(--box-shadow-medium)}.alert_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.alert_shadow-Intense{box-shadow:var(--box-shadow-intense)}.alert_primary{--alert-bg: var(--primary-color);--alert-text: var(--text-color-primary);--alert-border: var(--primary-color);--alert-soft-bg: var(--primary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--primary-glass-background);--alert-glass-hover-bg: var(--primary-glass-background-hover);--alert-glass-border: var(--primary-glass-border);--alert-glass-text: var(--text-color-primary)}.alert_primary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_primary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_primary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_secondary{--alert-bg: var(--secondary-color);--alert-text: var(--text-color-secondary);--alert-border: var(--secondary-color);--alert-soft-bg: var(--secondary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--secondary-glass-background);--alert-glass-hover-bg: var(--secondary-glass-background-hover);--alert-glass-border: var(--secondary-glass-border);--alert-glass-text: var(--text-color-secondary)}.alert_secondary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_secondary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_secondary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_tertiary{--alert-bg: var(--tertiary-color);--alert-text: var(--text-color-tertiary);--alert-border: var(--tertiary-color);--alert-soft-bg: var(--tertiary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--tertiary-glass-background);--alert-glass-hover-bg: var(--tertiary-glass-background-hover);--alert-glass-border: var(--tertiary-glass-border);--alert-glass-text: var(--text-color-tertiary)}.alert_tertiary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_tertiary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_tertiary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_quaternary{--alert-bg: var(--quaternary-color);--alert-text: var(--text-color-quaternary);--alert-border: var(--quaternary-color);--alert-soft-bg: var(--quaternary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--quaternary-glass-background);--alert-glass-hover-bg: var(--quaternary-glass-background-hover);--alert-glass-border: var(--quaternary-glass-border);--alert-glass-text: var(--text-color-quaternary)}.alert_quaternary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_quaternary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_quaternary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_clear{--alert-bg: transparent;--alert-text: var(--text-color);--alert-border: var(--border-color);--alert-soft-bg: var(--clear-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--clear-glass-background);--alert-glass-hover-bg: var(--clear-glass-background-hover);--alert-glass-border: var(--clear-glass-border);--alert-glass-text: var(--text-color)}.alert_clear.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_clear.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_clear.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_success{--alert-bg: var(--success-color);--alert-text: var(--success-text-color);--alert-border: var(--success-color);--alert-soft-bg: var(--success-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--success-glass-background);--alert-glass-hover-bg: var(--success-glass-background-hover);--alert-glass-border: var(--success-glass-border);--alert-glass-text: var(--success-text-color)}.alert_success.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_success.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_success.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_error{--alert-bg: var(--error-color);--alert-text: var(--error-text-color);--alert-border: var(--error-color);--alert-soft-bg: var(--error-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--error-glass-background);--alert-glass-hover-bg: var(--error-glass-background-hover);--alert-glass-border: var(--error-glass-border);--alert-glass-text: var(--error-text-color)}.alert_error.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_error.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_error.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_warning{--alert-bg: var(--warning-color);--alert-text: var(--warning-text-color);--alert-border: var(--warning-color);--alert-soft-bg: var(--warning-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--warning-glass-background);--alert-glass-hover-bg: var(--warning-glass-background-hover);--alert-glass-border: var(--warning-glass-border);--alert-glass-text: var(--warning-text-color)}.alert_warning.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_warning.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_warning.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_info{--alert-bg: var(--info-color);--alert-text: var(--info-text-color);--alert-border: var(--info-color);--alert-soft-bg: var(--info-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--info-glass-background);--alert-glass-hover-bg: var(--info-glass-background-hover);--alert-glass-border: var(--info-glass-border);--alert-glass-text: var(--info-text-color)}.alert_info.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_info.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_info.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_glass.alert_outline{background:transparent}@media(max-width:767.98px){.alert{gap:var(--spacing-xs);padding:var(--spacing-sm)}.alert_title{font-size:var(--font-size-body)}.alert_message{font-size:var(--font-size-label)}.alert_has_actions{flex-wrap:wrap}.alert_icon{order:1}.alert_content{order:2;flex:1 1 0}.alert_dismiss_button{order:3;align-self:flex-start;margin-top:0;margin-left:auto}.alert_has_actions .alert_actions{order:4;flex:1 1 100%;justify-content:center}}@media(max-width:479.98px){.alert_content{gap:var(--spacing-xxs, .35rem)}.alert_actions{display:flex;flex-direction:column;align-items:center}.alert_actions>*{width:100%}.alert_dismiss_button{min-width:1.75rem;min-height:1.75rem}}@media(max-width:319.98px){.alert{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--spacing-xs);padding:var(--spacing-xs)}.alert_has_icon{grid-template-columns:auto minmax(0,1fr)}.alert_dismissible{grid-template-columns:minmax(0,1fr) auto}.alert_has_icon.alert_dismissible{grid-template-columns:auto minmax(0,1fr) auto}.alert_icon{grid-column:auto}.alert_content{grid-column:auto;min-width:0}.alert_dismiss_button{grid-column:auto;justify-self:end}.alert_actions{grid-column:1/-1;width:100%}}@media(prefers-reduced-motion:reduce){.alert,.alert *{transition:none!important;animation:none!important}}@media(forced-colors:active){.alert,.alert_soft,.alert_outline,.alert_glass{background:Canvas!important;color:CanvasText!important;border-color:ButtonText!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.alert_dismiss_button{color:ButtonText;border:1px solid ButtonText}.alert_dismiss_button:focus-visible{outline-color:Highlight}}}
|
package/dist/core/AppShell.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{
|
|
1
|
+
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{transform:translate(-100%)}to{transform:translate(150%)}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bar-chart-grow{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes donut-chart-draw{0%{opacity:0;transform:rotate(-8deg) scale(.96)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes line-chart-draw{0%{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}to{opacity:1;stroke-dasharray:1;stroke-dashoffset:0}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.appShell{--appShell-glass-bg: rgba(255, 255, 255, .18);--appShell-glass-border: rgba(255, 255, 255, .28);--appShell-glass-text: var(--text-color-primary);--appShell-sidebar-size: var(--app-shell-sidebar-width, 16rem);--appShell-aside-size: var(--app-shell-aside-width, 0rem);--appShell-padding: var(--spacing-md);--appShell-header-padding: var(--spacing-sm);--appShell-footer-padding: var(--spacing-sm);box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;max-width:100%;min-width:0;min-height:100vh;padding:0;overflow:hidden;border:1px solid transparent;border-radius:var(--border-radius-md);background:var(--background-color);color:var(--text-color-primary);box-shadow:var(--box-shadow-sm);font-family:var(--font-family-ui);transition:background-color var(--transition-default),border-color var(--transition-default),box-shadow var(--transition-default),color var(--transition-default)}.appShell *,.appShell *:before,.appShell *:after{box-sizing:border-box}.appShell_header{z-index:2;min-width:0;padding:var(--appShell-header-padding);border-bottom:1px solid var(--border-color);background:inherit;color:inherit}.appShell_stickyHeader .appShell_header{position:sticky;top:0}.appShell_body{display:grid;grid-template-columns:minmax(0,var(--appShell-sidebar-size)) minmax(0,1fr) minmax(0,var(--appShell-aside-size));width:100%;min-width:0;min-height:0;overflow:hidden}.appShell_sidebar,.appShell_aside,.appShell_main{min-width:0;min-height:0;padding:var(--appShell-padding);overflow:auto;color:inherit}.appShell_main{width:100%;max-width:100%}.appShell_sidebar{border-right:1px solid var(--border-color)}.appShell_aside{border-left:1px solid var(--border-color)}.appShell_sidebarCollapsed{--appShell-sidebar-size: 0rem}.appShell_sidebarCollapsed .appShell_sidebar{width:0;min-width:0;padding-inline:0;border-right:0;overflow:hidden}.appShell_footer{min-width:0;padding:var(--appShell-footer-padding);border-top:1px solid var(--border-color);color:inherit}.appShell_loader{display:inline-block;flex:0 0 auto;width:1rem;height:1rem;border:2px solid currentcolor;border-right-color:transparent;border-radius:50%;opacity:.72;animation:spin .7s linear infinite}.appShell_loading{cursor:progress}.appShell_primary{--appShell-glass-bg: var(--primary-glass-background);--appShell-glass-border: var(--primary-glass-border);--appShell-glass-text: var(--text-color-primary);background-color:var(--primary-color);color:var(--text-color-primary);border-color:var(--primary-color)}.appShell_primary.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--primary-color);box-shadow:none}.appShell_secondary{--appShell-glass-bg: var(--secondary-glass-background);--appShell-glass-border: var(--secondary-glass-border);--appShell-glass-text: var(--text-color-secondary);background-color:var(--secondary-color);color:var(--text-color-secondary);border-color:var(--secondary-color)}.appShell_secondary.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--secondary-color);box-shadow:none}.appShell_tertiary{--appShell-glass-bg: var(--tertiary-glass-background);--appShell-glass-border: var(--tertiary-glass-border);--appShell-glass-text: var(--text-color-tertiary);background-color:var(--tertiary-color);color:var(--text-color-tertiary);border-color:var(--tertiary-color)}.appShell_tertiary.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--tertiary-color);box-shadow:none}.appShell_quaternary{--appShell-glass-bg: var(--quaternary-glass-background);--appShell-glass-border: var(--quaternary-glass-border);--appShell-glass-text: var(--text-color-quaternary);background-color:var(--quaternary-color);color:var(--text-color-quaternary);border-color:var(--quaternary-color)}.appShell_quaternary.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--quaternary-color);box-shadow:none}.appShell_clear{--appShell-glass-bg: var(--clear-glass-background);--appShell-glass-border: var(--clear-glass-border);--appShell-glass-text: var(--text-color);background-color:transparent;color:var(--text-color);border-color:var(--border-color)}.appShell_clear.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--border-color);box-shadow:none}.appShell_success{--appShell-glass-bg: var(--success-glass-background);--appShell-glass-border: var(--success-glass-border);--appShell-glass-text: var(--success-text-color);color:var(--success-text-color);border-width:2px;border-color:var(--success-color)}.appShell_success.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--success-color);box-shadow:none}.appShell_error{--appShell-glass-bg: var(--error-glass-background);--appShell-glass-border: var(--error-glass-border);--appShell-glass-text: var(--error-text-color);color:var(--error-text-color);border-width:2px;border-color:var(--error-color)}.appShell_error.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--error-color);box-shadow:none}.appShell_warning{--appShell-glass-bg: var(--warning-glass-background);--appShell-glass-border: var(--warning-glass-border);--appShell-glass-text: var(--warning-text-color);color:var(--warning-text-color);border-width:2px;border-color:var(--warning-color)}.appShell_warning.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--warning-color);box-shadow:none}.appShell_info{--appShell-glass-bg: var(--info-glass-background);--appShell-glass-border: var(--info-glass-border);--appShell-glass-text: var(--info-text-color);color:var(--info-text-color);border-width:2px;border-color:var(--info-color)}.appShell_info.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--info-color);box-shadow:none}.appShell_clear{background:transparent;border-color:transparent;box-shadow:none}.appShell_glass{background:var(--appShell-glass-bg);border:1px solid var(--appShell-glass-border);-webkit-backdrop-filter:blur(16px) saturate(var(--glass-saturate));backdrop-filter:blur(16px) saturate(var(--glass-saturate));color:inherit}.appShell_glass.appShell_outline{border-color:var(--appShell-glass-border)}.appShell_disabled{cursor:not-allowed;opacity:.6;background-color:var(--disabled-color);border-color:var(--disabled-color)}.appShell_disabled:hover{background-color:var(--disabled-color)}.appShell_round-None{border-radius:var(--border-radius-none)}.appShell_round-Small{border-radius:var(--border-radius-sm)}.appShell_round-Medium{border-radius:var(--border-radius-md)}.appShell_round-Large{border-radius:var(--border-radius-lg)}.appShell_round-Full{border-radius:var(--border-radius-full)}.appShell_shadow-None{box-shadow:var(--box-shadow-none)}.appShell_shadow-Light{box-shadow:var(--box-shadow-light)}.appShell_shadow-Medium{box-shadow:var(--box-shadow-medium)}.appShell_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.appShell_shadow-Intense{box-shadow:var(--box-shadow-intense)}@media(max-width:767.98px){.appShell{min-height:100dvh}}@media(max-width:479.98px){.appShell{width:100%;max-width:100%;border-radius:0}}@media(max-width:1150px){.appShell_body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.appShell_sidebar,.appShell_aside{border-inline:0}.appShell_sidebar{border-right:0;border-bottom:1px solid var(--border-color)}.appShell_aside{border-left:0;border-top:1px solid var(--border-color)}}@media(prefers-reduced-motion:reduce){.appShell,.appShell *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(hover:none){.appShell_disabled:hover{background-color:var(--disabled-color)}}@media(forced-colors:active){.appShell{background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none}.appShell_header,.appShell_footer,.appShell_sidebar,.appShell_aside{border-color:ButtonText}.appShell_glass{background:Canvas;border-color:ButtonText;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.appShell_loader{border-color:CanvasText;border-right-color:Canvas}.appShell_disabled{background:Canvas;color:GrayText;border-color:GrayText;opacity:1}}}
|
package/dist/core/BarChart.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{
|
|
1
|
+
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{transform:translate(-100%)}to{transform:translate(150%)}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bar-chart-grow{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes donut-chart-draw{0%{opacity:0;transform:rotate(-8deg) scale(.96)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes line-chart-draw{0%{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}to{opacity:1;stroke-dasharray:1;stroke-dashoffset:0}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.barChart,.root{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;max-width:100%;min-width:0;color:inherit;font-family:var(--font-family-ui);animation:fade-in-up .24s ease-out both}.barChart_label,.label{max-width:100%;color:inherit;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-ui);line-height:var(--line-height-body, 1.4);overflow-wrap:anywhere}.barChart_svg,.svg{display:block;width:100%;max-width:100%;height:auto;min-width:0;overflow:visible;color:inherit}.barChart_gridLine,.gridLine{stroke:var(--border-color);stroke-width:1;opacity:.16;vector-effect:non-scaling-stroke}.barChart_bar,.bar{transform-box:fill-box;transform-origin:bottom;animation:bar-chart-grow .42s ease-out both;transition:opacity var(--transition-default),filter var(--transition-default)}.barChart_bar:hover,.bar:hover{opacity:.78}.barChart_axisLabel,.axisLabel{fill:currentcolor;font-size:clamp(.55rem,2.4cqi,.7rem);line-height:1;opacity:.72;pointer-events:none}.barChart_loader,.loader{width:1rem;height:1rem;border:2px solid currentcolor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.barChart_loading,.loading{cursor:progress}@media(max-width:420px){.barChart,.root{gap:var(--spacing-xs, .5rem)}.barChart_label,.label{font-size:var(--font-size-body-xs, .8rem)}.barChart_axisLabel,.axisLabel{font-size:.7rem}}@media(max-width:280px){.barChart_axisLabel,.axisLabel{font-size:.9rem;opacity:.64}}@media(prefers-reduced-motion:reduce){.barChart,.root,.barChart_bar,.bar,.barChart_loader,.loader{animation:none;transition:none}.barChart_bar,.bar{transform:none;opacity:1}}@media(hover:none){.barChart_bar,.bar{transition:none}.barChart_bar:hover,.bar:hover{opacity:1}}@media(forced-colors:active){.barChart,.root,.barChart_svg,.svg{color:CanvasText}.barChart_label,.label,.barChart_axisLabel,.axisLabel{color:CanvasText;fill:CanvasText;opacity:1}.barChart_gridLine,.gridLine{stroke:GrayText;opacity:1}.barChart_bar,.bar{fill:Highlight;stroke:CanvasText;stroke-width:1;opacity:1}.barChart_bar:hover,.bar:hover{fill:Highlight;opacity:1}.barChart_loader,.loader{border-color:CanvasText;border-right-color:Canvas}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{left:-100%}to{left:100%}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bar-chart-grow{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes donut-chart-draw{0%{opacity:0;transform:rotate(-8deg) scale(.96)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes line-chart-draw{0%{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}to{opacity:1;stroke-dasharray:1;stroke-dashoffset:0}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.breadCrumbPageHeader_container{display:inline-flex;gap:var(--spacing-xs);align-items:flex-start;max-width:100%;font-family:var(--font-family-body)}.breadCrumbPageHeader_label{font-family:var(--font-family-ui);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-ui);line-height:var(--line-height-label);color:var(--text-color-primary)}.breadCrumbPageHeader_labelTop{flex-direction:column}.breadCrumbPageHeader_labelBottom{flex-direction:column-reverse}.breadCrumbPageHeader_labelLeft{flex-direction:row;align-items:center}.breadCrumbPageHeader_labelRight{flex-direction:row-reverse;align-items:center}.breadCrumbPageHeader{--breadCrumbPageHeader-glass-bg: rgba(255, 255, 255, .18);--breadCrumbPageHeader-glass-border: rgba(255, 255, 255, .28);--breadCrumbPageHeader-glass-text: var(--text-color-primary);display:inline-flex;align-items:center;gap:var(--spacing-sm);min-width:0;max-width:100%;border:1px solid transparent;border-radius:var(--border-radius-md);background:var(--background-color);color:var(--text-color-primary);box-shadow:var(--box-shadow-sm);padding:var(--spacing-sm);transition:var(--transition-default)}.breadCrumbPageHeader_content{min-width:0;max-width:100%;overflow-wrap:anywhere}.breadCrumbPageHeader_loader{display:inline-block;flex:0 0 auto;width:1rem;height:1rem;border:2px solid currentcolor;border-right-color:transparent;border-radius:50%;opacity:.72;animation:spin .7s linear infinite}.breadCrumbPageHeader_primary{--breadCrumbPageHeader-glass-bg: var(--primary-glass-background);--breadCrumbPageHeader-glass-border: var(--primary-glass-border);--breadCrumbPageHeader-glass-text: var(--text-color-primary);background-color:var(--primary-color);color:var(--text-color-primary);border-color:var(--primary-color)}.breadCrumbPageHeader_primary.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--primary-color)}.breadCrumbPageHeader_secondary{--breadCrumbPageHeader-glass-bg: var(--secondary-glass-background);--breadCrumbPageHeader-glass-border: var(--secondary-glass-border);--breadCrumbPageHeader-glass-text: var(--text-color-secondary);background-color:var(--secondary-color);color:var(--text-color-secondary);border-color:var(--secondary-color)}.breadCrumbPageHeader_secondary.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--secondary-color)}.breadCrumbPageHeader_tertiary{--breadCrumbPageHeader-glass-bg: var(--tertiary-glass-background);--breadCrumbPageHeader-glass-border: var(--tertiary-glass-border);--breadCrumbPageHeader-glass-text: var(--text-color-tertiary);background-color:var(--tertiary-color);color:var(--text-color-tertiary);border-color:var(--tertiary-color)}.breadCrumbPageHeader_tertiary.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--tertiary-color)}.breadCrumbPageHeader_quaternary{--breadCrumbPageHeader-glass-bg: var(--quaternary-glass-background);--breadCrumbPageHeader-glass-border: var(--quaternary-glass-border);--breadCrumbPageHeader-glass-text: var(--text-color-quaternary);background-color:var(--quaternary-color);color:var(--text-color-quaternary);border-color:var(--quaternary-color)}.breadCrumbPageHeader_quaternary.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--quaternary-color)}.breadCrumbPageHeader_clear{--breadCrumbPageHeader-glass-bg: var(--clear-glass-background);--breadCrumbPageHeader-glass-border: var(--clear-glass-border);--breadCrumbPageHeader-glass-text: var(--text-color);background-color:transparent;color:var(--text-color);border-color:var(--border-color)}.breadCrumbPageHeader_clear.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--border-color)}.breadCrumbPageHeader_success{--breadCrumbPageHeader-glass-bg: var(--success-glass-background);--breadCrumbPageHeader-glass-border: var(--success-glass-border);--breadCrumbPageHeader-glass-text: var(--success-text-color);border-width:2px;border-color:var(--success-color)}.breadCrumbPageHeader_success.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--success-color)}.breadCrumbPageHeader_error{--breadCrumbPageHeader-glass-bg: var(--error-glass-background);--breadCrumbPageHeader-glass-border: var(--error-glass-border);--breadCrumbPageHeader-glass-text: var(--error-text-color);border-width:2px;border-color:var(--error-color)}.breadCrumbPageHeader_error.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--error-color)}.breadCrumbPageHeader_warning{--breadCrumbPageHeader-glass-bg: var(--warning-glass-background);--breadCrumbPageHeader-glass-border: var(--warning-glass-border);--breadCrumbPageHeader-glass-text: var(--warning-text-color);border-width:2px;border-color:var(--warning-color)}.breadCrumbPageHeader_warning.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--warning-color)}.breadCrumbPageHeader_info{--breadCrumbPageHeader-glass-bg: var(--info-glass-background);--breadCrumbPageHeader-glass-border: var(--info-glass-border);--breadCrumbPageHeader-glass-text: var(--info-text-color);border-width:2px;border-color:var(--info-color)}.breadCrumbPageHeader_info.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--info-color)}.breadCrumbPageHeader_clear{background:transparent;border-color:transparent;box-shadow:none}.breadCrumbPageHeader_glass{background:var(--breadCrumbPageHeader-glass-bg);border:1px solid var(--breadCrumbPageHeader-glass-border);-webkit-backdrop-filter:blur(16px) saturate(var(--glass-saturate));backdrop-filter:blur(16px) saturate(var(--glass-saturate));color:inherit}.breadCrumbPageHeader_glass.breadCrumbPageHeader_outline{border-color:var(--breadCrumbPageHeader-glass-border)}.breadCrumbPageHeader_disabled{cursor:not-allowed;opacity:.6;background-color:var(--disabled-color);border-color:var(--disabled-color)}.breadCrumbPageHeader_disabled:hover{background-color:var(--disabled-color)}.breadCrumbPageHeader_loading{cursor:progress}.breadCrumbPageHeader_round-None{border-radius:var(--border-radius-none)}.breadCrumbPageHeader_round-Small{border-radius:var(--border-radius-sm)}.breadCrumbPageHeader_round-Medium{border-radius:var(--border-radius-md)}.breadCrumbPageHeader_round-Large{border-radius:var(--border-radius-lg)}.breadCrumbPageHeader_round-Full{border-radius:var(--border-radius-full)}.breadCrumbPageHeader_shadow-None{box-shadow:var(--box-shadow-none)}.breadCrumbPageHeader_shadow-Light{box-shadow:var(--box-shadow-light)}.breadCrumbPageHeader_shadow-Medium{box-shadow:var(--box-shadow-medium)}.breadCrumbPageHeader_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.breadCrumbPageHeader_shadow-Intense{box-shadow:var(--box-shadow-intense)}@media(max-width:319.98px){.breadCrumbPageHeader_container,.breadCrumbPageHeader{width:100%}.breadCrumbPageHeader_labelLeft,.breadCrumbPageHeader_labelRight{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.breadCrumbPageHeader,.breadCrumbPageHeader *{transition:none!important;animation:none!important}}@media(forced-colors:active){.breadCrumbPageHeader{background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none}.breadCrumbPageHeader_glass{background:Canvas;border-color:ButtonText;-webkit-backdrop-filter:none;backdrop-filter:none}}}@layer boreal-ui.components{.breadCrumbPageHeader{display:grid;width:100%;gap:var(--spacing-sm)}.breadCrumbPageHeader_breadcrumbList{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center;padding:0;margin:0;list-style:none}.breadCrumbPageHeader_breadcrumbItem{display:inline-flex;gap:var(--spacing-xs);align-items:center}.breadCrumbPageHeader_breadcrumbLink{color:inherit;text-decoration:none}.breadCrumbPageHeader_breadcrumbLink:focus-visible{outline:2px solid var(--focus-outline-color);outline-offset:2px}.breadCrumbPageHeader_current{font-weight:var(--font-weight-ui)}.breadCrumbPageHeader_separator{opacity:.64}.breadCrumbPageHeader_main{display:flex;gap:var(--spacing-md);align-items:flex-start;justify-content:space-between;min-width:0}.breadCrumbPageHeader_title{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-heading-md);line-height:1.15}.breadCrumbPageHeader_subtitle{margin:var(--spacing-xs) 0 0;color:inherit}.breadCrumbPageHeader_actions{display:inline-flex;flex-wrap:wrap;gap:var(--spacing-xs)}}
|
|
1
|
+
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{transform:translate(-100%)}to{transform:translate(150%)}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bar-chart-grow{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes donut-chart-draw{0%{opacity:0;transform:rotate(-8deg) scale(.96)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes line-chart-draw{0%{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}to{opacity:1;stroke-dasharray:1;stroke-dashoffset:0}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.breadCrumbPageHeader_container{display:inline-flex;gap:var(--spacing-xs);align-items:flex-start;max-width:100%;font-family:var(--font-family-body)}.breadCrumbPageHeader_label{font-family:var(--font-family-ui);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-ui);line-height:var(--line-height-label);color:var(--text-color-primary)}.breadCrumbPageHeader_labelTop{flex-direction:column}.breadCrumbPageHeader_labelBottom{flex-direction:column-reverse}.breadCrumbPageHeader_labelLeft{flex-direction:row;align-items:center}.breadCrumbPageHeader_labelRight{flex-direction:row-reverse;align-items:center}.breadCrumbPageHeader{--breadCrumbPageHeader-glass-bg: rgba(255, 255, 255, .18);--breadCrumbPageHeader-glass-border: rgba(255, 255, 255, .28);--breadCrumbPageHeader-glass-text: var(--text-color-primary);display:inline-flex;align-items:center;gap:var(--spacing-sm);min-width:0;max-width:100%;border:1px solid transparent;border-radius:var(--border-radius-md);background:var(--background-color);color:var(--text-color-primary);box-shadow:var(--box-shadow-sm);padding:var(--spacing-sm);transition:var(--transition-default)}.breadCrumbPageHeader_content{min-width:0;max-width:100%;overflow-wrap:anywhere}.breadCrumbPageHeader_loader{display:inline-block;flex:0 0 auto;width:1rem;height:1rem;border:2px solid currentcolor;border-right-color:transparent;border-radius:50%;opacity:.72;animation:spin .7s linear infinite}.breadCrumbPageHeader_primary{--breadCrumbPageHeader-glass-bg: var(--primary-glass-background);--breadCrumbPageHeader-glass-border: var(--primary-glass-border);--breadCrumbPageHeader-glass-text: var(--text-color-primary);background-color:var(--primary-color);color:var(--text-color-primary);border-color:var(--primary-color)}.breadCrumbPageHeader_primary.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--primary-color)}.breadCrumbPageHeader_secondary{--breadCrumbPageHeader-glass-bg: var(--secondary-glass-background);--breadCrumbPageHeader-glass-border: var(--secondary-glass-border);--breadCrumbPageHeader-glass-text: var(--text-color-secondary);background-color:var(--secondary-color);color:var(--text-color-secondary);border-color:var(--secondary-color)}.breadCrumbPageHeader_secondary.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--secondary-color)}.breadCrumbPageHeader_tertiary{--breadCrumbPageHeader-glass-bg: var(--tertiary-glass-background);--breadCrumbPageHeader-glass-border: var(--tertiary-glass-border);--breadCrumbPageHeader-glass-text: var(--text-color-tertiary);background-color:var(--tertiary-color);color:var(--text-color-tertiary);border-color:var(--tertiary-color)}.breadCrumbPageHeader_tertiary.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--tertiary-color)}.breadCrumbPageHeader_quaternary{--breadCrumbPageHeader-glass-bg: var(--quaternary-glass-background);--breadCrumbPageHeader-glass-border: var(--quaternary-glass-border);--breadCrumbPageHeader-glass-text: var(--text-color-quaternary);background-color:var(--quaternary-color);color:var(--text-color-quaternary);border-color:var(--quaternary-color)}.breadCrumbPageHeader_quaternary.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--quaternary-color)}.breadCrumbPageHeader_clear{--breadCrumbPageHeader-glass-bg: var(--clear-glass-background);--breadCrumbPageHeader-glass-border: var(--clear-glass-border);--breadCrumbPageHeader-glass-text: var(--text-color);background-color:transparent;color:var(--text-color);border-color:var(--border-color)}.breadCrumbPageHeader_clear.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--border-color)}.breadCrumbPageHeader_success{--breadCrumbPageHeader-glass-bg: var(--success-glass-background);--breadCrumbPageHeader-glass-border: var(--success-glass-border);--breadCrumbPageHeader-glass-text: var(--success-text-color);border-width:2px;border-color:var(--success-color)}.breadCrumbPageHeader_success.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--success-color)}.breadCrumbPageHeader_error{--breadCrumbPageHeader-glass-bg: var(--error-glass-background);--breadCrumbPageHeader-glass-border: var(--error-glass-border);--breadCrumbPageHeader-glass-text: var(--error-text-color);border-width:2px;border-color:var(--error-color)}.breadCrumbPageHeader_error.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--error-color)}.breadCrumbPageHeader_warning{--breadCrumbPageHeader-glass-bg: var(--warning-glass-background);--breadCrumbPageHeader-glass-border: var(--warning-glass-border);--breadCrumbPageHeader-glass-text: var(--warning-text-color);border-width:2px;border-color:var(--warning-color)}.breadCrumbPageHeader_warning.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--warning-color)}.breadCrumbPageHeader_info{--breadCrumbPageHeader-glass-bg: var(--info-glass-background);--breadCrumbPageHeader-glass-border: var(--info-glass-border);--breadCrumbPageHeader-glass-text: var(--info-text-color);border-width:2px;border-color:var(--info-color)}.breadCrumbPageHeader_info.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--info-color)}.breadCrumbPageHeader_clear{background:transparent;border-color:transparent;box-shadow:none}.breadCrumbPageHeader_glass{background:var(--breadCrumbPageHeader-glass-bg);border:1px solid var(--breadCrumbPageHeader-glass-border);-webkit-backdrop-filter:blur(16px) saturate(var(--glass-saturate));backdrop-filter:blur(16px) saturate(var(--glass-saturate));color:inherit}.breadCrumbPageHeader_glass.breadCrumbPageHeader_outline{border-color:var(--breadCrumbPageHeader-glass-border)}.breadCrumbPageHeader_disabled{cursor:not-allowed;opacity:.6;background-color:var(--disabled-color);border-color:var(--disabled-color)}.breadCrumbPageHeader_disabled:hover{background-color:var(--disabled-color)}.breadCrumbPageHeader_loading{cursor:progress}.breadCrumbPageHeader_round-None{border-radius:var(--border-radius-none)}.breadCrumbPageHeader_round-Small{border-radius:var(--border-radius-sm)}.breadCrumbPageHeader_round-Medium{border-radius:var(--border-radius-md)}.breadCrumbPageHeader_round-Large{border-radius:var(--border-radius-lg)}.breadCrumbPageHeader_round-Full{border-radius:var(--border-radius-full)}.breadCrumbPageHeader_shadow-None{box-shadow:var(--box-shadow-none)}.breadCrumbPageHeader_shadow-Light{box-shadow:var(--box-shadow-light)}.breadCrumbPageHeader_shadow-Medium{box-shadow:var(--box-shadow-medium)}.breadCrumbPageHeader_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.breadCrumbPageHeader_shadow-Intense{box-shadow:var(--box-shadow-intense)}@media(max-width:319.98px){.breadCrumbPageHeader_container,.breadCrumbPageHeader{width:100%}.breadCrumbPageHeader_labelLeft,.breadCrumbPageHeader_labelRight{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.breadCrumbPageHeader,.breadCrumbPageHeader *{transition:none!important;animation:none!important}}@media(forced-colors:active){.breadCrumbPageHeader{background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none}.breadCrumbPageHeader_glass{background:Canvas;border-color:ButtonText;-webkit-backdrop-filter:none;backdrop-filter:none}}}@layer boreal-ui.components{.breadCrumbPageHeader{display:grid;width:100%;gap:var(--spacing-sm)}.breadCrumbPageHeader_breadcrumbList{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center;padding:0;margin:0;list-style:none}.breadCrumbPageHeader_breadcrumbItem{display:inline-flex;gap:var(--spacing-xs);align-items:center}.breadCrumbPageHeader_breadcrumbLink{color:inherit;text-decoration:none}.breadCrumbPageHeader_breadcrumbLink:focus-visible{outline:2px solid var(--focus-outline-color);outline-offset:2px}.breadCrumbPageHeader_current{font-weight:var(--font-weight-ui)}.breadCrumbPageHeader_separator{opacity:.64}.breadCrumbPageHeader_main{display:flex;gap:var(--spacing-md);align-items:flex-start;justify-content:space-between;min-width:0}.breadCrumbPageHeader_title{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-heading-md);line-height:1.15}.breadCrumbPageHeader_subtitle{margin:var(--spacing-xs) 0 0;color:inherit}.breadCrumbPageHeader_actions{display:inline-flex;flex-wrap:wrap;gap:var(--spacing-xs)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{left:-100%}to{left:100%}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bar-chart-grow{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes donut-chart-draw{0%{opacity:0;transform:rotate(-8deg) scale(.96)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes line-chart-draw{0%{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}to{opacity:1;stroke-dasharray:1;stroke-dashoffset:0}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.breadcrumbs{display:flex;align-items:center;width:fit-content;min-width:0;height:fit-content;padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs);list-style:none;overflow-x:auto;font-family:var(--font-family-ui);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-body);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label)}@media(max-width:479.98px){.breadcrumbs{font-size:var(--font-size-label)}}@media(min-width:1024px){.breadcrumbs{font-size:var(--font-size-body);gap:var(--spacing-sm)}}.breadcrumbs_round-None{border-radius:var(--border-radius-none)}.breadcrumbs_round-Small{border-radius:var(--border-radius-sm)}.breadcrumbs_round-Medium{border-radius:var(--border-radius-md)}.breadcrumbs_round-Large{border-radius:var(--border-radius-lg)}.breadcrumbs_round-Full{border-radius:var(--border-radius-full)}.breadcrumbs_shadow-None{box-shadow:var(--box-shadow-none)}.breadcrumbs_shadow-Light{box-shadow:var(--box-shadow-light)}.breadcrumbs_shadow-Medium{box-shadow:var(--box-shadow-medium)}.breadcrumbs_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.breadcrumbs_shadow-Intense{box-shadow:var(--box-shadow-intense)}.breadcrumbs_glass{background:var(--breadcrumbs-glass-bg, var(--glass-background));border:1px solid var(--breadcrumbs-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;isolation:isolate}.breadcrumbs_glass:hover{background:var(--breadcrumbs-glass-hover-bg, var(--glass-background-strong))}.breadcrumbs_glass.breadcrumbs_outline{border-color:var(--breadcrumbs-glass-border, var(--glass-border-color))}.breadcrumbs_glass.breadcrumbs_outline:hover{background:var(--breadcrumbs-glass-hover-bg, var(--glass-background))}.breadcrumbs .breadcrumbs_ellipsis{min-height:unset;min-width:unset;height:2em;width:2em;padding:var(--spacing-xs);line-height:normal}.breadcrumbs_primary{color:var(--text-color-primary);background-color:var(--primary-color);--breadcrumbs-glass-bg: var(--primary-glass-background);--breadcrumbs-glass-hover-bg: var(--primary-glass-background-hover);--breadcrumbs-glass-border: var(--primary-glass-border);--breadcrumbs-glass-text: var(--text-color-primary)}.breadcrumbs_primary:focus{outline:2px solid var(--primary-color);outline-offset:2px}.breadcrumbs_primary.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_primary.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_primary.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--primary-color)}@media(max-width:479.98px){.breadcrumbs_primary.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_primary.breadcrumbs_outline:hover{color:var(--text-color-primary);text-decoration:none;background-color:var(--primary-color-hover)}.breadcrumbs_primary.breadcrumbs_outline:focus{outline:2px solid var(--primary-color-hover);outline-offset:2px}.breadcrumbs_primary.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_secondary{color:var(--text-color-secondary);background-color:var(--secondary-color);--breadcrumbs-glass-bg: var(--secondary-glass-background);--breadcrumbs-glass-hover-bg: var(--secondary-glass-background-hover);--breadcrumbs-glass-border: var(--secondary-glass-border);--breadcrumbs-glass-text: var(--text-color-secondary)}.breadcrumbs_secondary:focus{outline:2px solid var(--secondary-color);outline-offset:2px}.breadcrumbs_secondary.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_secondary.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_secondary.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--secondary-color)}@media(max-width:479.98px){.breadcrumbs_secondary.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_secondary.breadcrumbs_outline:hover{color:var(--text-color-secondary);text-decoration:none;background-color:var(--secondary-color-hover)}.breadcrumbs_secondary.breadcrumbs_outline:focus{outline:2px solid var(--secondary-color-hover);outline-offset:2px}.breadcrumbs_secondary.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_tertiary{color:var(--text-color-tertiary);background-color:var(--tertiary-color);--breadcrumbs-glass-bg: var(--tertiary-glass-background);--breadcrumbs-glass-hover-bg: var(--tertiary-glass-background-hover);--breadcrumbs-glass-border: var(--tertiary-glass-border);--breadcrumbs-glass-text: var(--text-color-tertiary)}.breadcrumbs_tertiary:focus{outline:2px solid var(--tertiary-color);outline-offset:2px}.breadcrumbs_tertiary.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_tertiary.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_tertiary.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--tertiary-color)}@media(max-width:479.98px){.breadcrumbs_tertiary.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_tertiary.breadcrumbs_outline:hover{color:var(--text-color-tertiary);text-decoration:none;background-color:var(--tertiary-color-hover)}.breadcrumbs_tertiary.breadcrumbs_outline:focus{outline:2px solid var(--tertiary-color-hover);outline-offset:2px}.breadcrumbs_tertiary.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_quaternary{color:var(--text-color-quaternary);background-color:var(--quaternary-color);--breadcrumbs-glass-bg: var(--quaternary-glass-background);--breadcrumbs-glass-hover-bg: var(--quaternary-glass-background-hover);--breadcrumbs-glass-border: var(--quaternary-glass-border);--breadcrumbs-glass-text: var(--text-color-quaternary)}.breadcrumbs_quaternary:focus{outline:2px solid var(--quaternary-color);outline-offset:2px}.breadcrumbs_quaternary.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_quaternary.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_quaternary.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--quaternary-color)}@media(max-width:479.98px){.breadcrumbs_quaternary.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_quaternary.breadcrumbs_outline:hover{color:var(--text-color-quaternary);text-decoration:none;background-color:var(--quaternary-color-hover)}.breadcrumbs_quaternary.breadcrumbs_outline:focus{outline:2px solid var(--quaternary-color-hover);outline-offset:2px}.breadcrumbs_quaternary.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_clear{color:var(--text-color);background-color:transparent;--breadcrumbs-glass-bg: var(--clear-glass-background);--breadcrumbs-glass-hover-bg: var(--clear-glass-background-hover);--breadcrumbs-glass-border: var(--clear-glass-border);--breadcrumbs-glass-text: var(--text-color)}.breadcrumbs_clear:focus{outline:2px solid var(--border-color);outline-offset:2px}.breadcrumbs_clear.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_clear.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_clear.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--border-color)}@media(max-width:479.98px){.breadcrumbs_clear.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_clear.breadcrumbs_outline:hover{color:var(--link-hover-color);text-decoration:none;background-color:#0003}.breadcrumbs_clear.breadcrumbs_outline:focus{outline:2px solid rgba(0,0,0,.2);outline-offset:2px}.breadcrumbs_clear.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_clear{box-shadow:none}.breadcrumbs_success{color:var(--success-text-color);background-color:var(--success-color);--breadcrumbs-glass-bg: var(--success-glass-background);--breadcrumbs-glass-hover-bg: var(--success-glass-background-hover);--breadcrumbs-glass-border: var(--success-glass-border);--breadcrumbs-glass-text: var(--success-text-color)}.breadcrumbs_success:hover{background-color:var(--success-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.breadcrumbs_success:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.breadcrumbs_success:focus{outline:2px solid var(--success-color);outline-offset:2px}.breadcrumbs_success.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_success.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_success.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--success-color)}@media(max-width:479.98px){.breadcrumbs_success.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_success.breadcrumbs_outline:hover{color:var(--success-text-color);background-color:var(--success-color-hover)}.breadcrumbs_success.breadcrumbs_outline:focus{outline:2px solid var(--success-color-hover);outline-offset:2px}.breadcrumbs_success.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_error{color:var(--error-text-color);background-color:var(--error-color);--breadcrumbs-glass-bg: var(--error-glass-background);--breadcrumbs-glass-hover-bg: var(--error-glass-background-hover);--breadcrumbs-glass-border: var(--error-glass-border);--breadcrumbs-glass-text: var(--error-text-color)}.breadcrumbs_error:hover{background-color:var(--error-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.breadcrumbs_error:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.breadcrumbs_error:focus{outline:2px solid var(--error-color);outline-offset:2px}.breadcrumbs_error.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_error.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_error.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--error-color)}@media(max-width:479.98px){.breadcrumbs_error.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_error.breadcrumbs_outline:hover{color:var(--error-text-color);background-color:var(--error-color-hover)}.breadcrumbs_error.breadcrumbs_outline:focus{outline:2px solid var(--error-color-hover);outline-offset:2px}.breadcrumbs_error.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_warning{color:var(--warning-text-color);background-color:var(--warning-color);--breadcrumbs-glass-bg: var(--warning-glass-background);--breadcrumbs-glass-hover-bg: var(--warning-glass-background-hover);--breadcrumbs-glass-border: var(--warning-glass-border);--breadcrumbs-glass-text: var(--warning-text-color)}.breadcrumbs_warning:hover{background-color:var(--warning-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.breadcrumbs_warning:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.breadcrumbs_warning:focus{outline:2px solid var(--warning-color);outline-offset:2px}.breadcrumbs_warning.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_warning.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_warning.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--warning-color)}@media(max-width:479.98px){.breadcrumbs_warning.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_warning.breadcrumbs_outline:hover{color:var(--warning-text-color);background-color:var(--warning-color-hover)}.breadcrumbs_warning.breadcrumbs_outline:focus{outline:2px solid var(--warning-color-hover);outline-offset:2px}.breadcrumbs_warning.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_info{color:var(--info-text-color);background-color:var(--info-color);--breadcrumbs-glass-bg: var(--info-glass-background);--breadcrumbs-glass-hover-bg: var(--info-glass-background-hover);--breadcrumbs-glass-border: var(--info-glass-border);--breadcrumbs-glass-text: var(--info-text-color)}.breadcrumbs_info:hover{background-color:var(--info-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.breadcrumbs_info:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.breadcrumbs_info:focus{outline:2px solid var(--info-color);outline-offset:2px}.breadcrumbs_info.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_info.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_info.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--info-color)}@media(max-width:479.98px){.breadcrumbs_info.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_info.breadcrumbs_outline:hover{color:var(--info-text-color);background-color:var(--info-color-hover)}.breadcrumbs_info.breadcrumbs_outline:focus{outline:2px solid var(--info-color-hover);outline-offset:2px}.breadcrumbs_info.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_xs{font-size:var(--font-size-caption)}@media(max-width:479.98px){.breadcrumbs_xs{font-size:var(--font-size-xxs)}}@media(min-width:1024px){.breadcrumbs_xs{font-size:var(--font-size-label)}}.breadcrumbs_small{font-size:var(--font-size-label)}@media(max-width:479.98px){.breadcrumbs_small{font-size:var(--font-size-caption)}}@media(min-width:1024px){.breadcrumbs_small{font-size:var(--font-size-body-sm)}}.breadcrumbs_medium{font-size:var(--font-size-body-sm)}@media(max-width:479.98px){.breadcrumbs_medium{font-size:var(--font-size-label)}}@media(min-width:1024px){.breadcrumbs_medium{font-size:var(--font-size-body)}}.breadcrumbs_large{font-size:var(--font-size-body)}@media(max-width:479.98px){.breadcrumbs_large{font-size:var(--font-size-body-sm)}}@media(min-width:1024px){.breadcrumbs_large{font-size:var(--font-size-h6)}}.breadcrumbs_xl{font-size:var(--font-size-h6)}@media(max-width:479.98px){.breadcrumbs_xl{font-size:var(--font-size-body)}}@media(min-width:1024px){.breadcrumbs_xl{font-size:var(--font-size-h5)}}.breadcrumbs_list{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);padding:0;margin:0;list-style:none;flex-wrap:nowrap}@media(max-width:479.98px){.breadcrumbs_list{gap:var(--spacing-xxs)}}@media(min-width:1024px){.breadcrumbs_list{gap:var(--spacing-sm)}}.breadcrumbs_item{display:flex;align-items:center;justify-content:center;white-space:nowrap;color:inherit;transition:color var(--transition-default),opacity var(--transition-default),transform var(--transition-default),box-shadow var(--transition-default)}.breadcrumbs_item_animate{animation:fade-in .3s ease-in-out}.breadcrumbs_item_active{font-weight:var(--font-weight-semibold);color:var(--disabled-color)}.breadcrumbs_link{text-decoration:none;color:inherit;font:inherit}.breadcrumbs_link_label{display:inline-block;line-height:inherit;letter-spacing:inherit}.breadcrumbs_link:hover .breadcrumbs_link_label{text-decoration:none;opacity:.8}.breadcrumbs_current{font-weight:var(--font-weight-bold);color:var(--disabled-color)}.breadcrumbs_separator{display:inline-grid;place-items:center;align-self:center;width:1em;height:1em;padding:0;margin:0;color:currentcolor;line-height:1;flex:0 0 auto}.breadcrumbs_separator svg{display:block;width:.85em;height:.85em}@media(max-width:479.98px){.breadcrumbs_separator{width:.9em;height:.9em}.breadcrumbs_separator svg{width:.75em;height:.75em}}@media(min-width:1024px){.breadcrumbs_separator{width:1.05em;height:1.05em}.breadcrumbs_separator svg{width:.9em;height:.9em}}.breadcrumbs_disabled{background-color:var(--disabled-color);cursor:not-allowed;opacity:.6}@media(prefers-reduced-motion:reduce){.breadcrumbs,.breadcrumbs_item{transition:none}.breadcrumbs:hover,.breadcrumbs_item:hover{transform:none;box-shadow:none}}@media(hover:none){.breadcrumbs:hover,.breadcrumbs_item:hover{transform:none;box-shadow:none}}@media(forced-colors:active){.breadcrumbs{border:1px solid ButtonText;outline-color:Highlight}.breadcrumbs_glass{background:Canvas;border:1px solid ButtonText;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}}}
|
|
1
|
+
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{transform:translate(-100%)}to{transform:translate(150%)}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bar-chart-grow{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes donut-chart-draw{0%{opacity:0;transform:rotate(-8deg) scale(.96)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes line-chart-draw{0%{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}to{opacity:1;stroke-dasharray:1;stroke-dashoffset:0}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.breadcrumbs{display:flex;align-items:center;width:fit-content;min-width:0;height:fit-content;padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs);list-style:none;overflow-x:auto;font-family:var(--font-family-ui);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-body);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label)}@media(max-width:479.98px){.breadcrumbs{font-size:var(--font-size-label)}}@media(min-width:1024px){.breadcrumbs{font-size:var(--font-size-body);gap:var(--spacing-sm)}}.breadcrumbs_round-None{border-radius:var(--border-radius-none)}.breadcrumbs_round-Small{border-radius:var(--border-radius-sm)}.breadcrumbs_round-Medium{border-radius:var(--border-radius-md)}.breadcrumbs_round-Large{border-radius:var(--border-radius-lg)}.breadcrumbs_round-Full{border-radius:var(--border-radius-full)}.breadcrumbs_shadow-None{box-shadow:var(--box-shadow-none)}.breadcrumbs_shadow-Light{box-shadow:var(--box-shadow-light)}.breadcrumbs_shadow-Medium{box-shadow:var(--box-shadow-medium)}.breadcrumbs_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.breadcrumbs_shadow-Intense{box-shadow:var(--box-shadow-intense)}.breadcrumbs_glass{background:var(--breadcrumbs-glass-bg, var(--glass-background));border:1px solid var(--breadcrumbs-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;isolation:isolate}.breadcrumbs_glass:hover{background:var(--breadcrumbs-glass-hover-bg, var(--glass-background-strong))}.breadcrumbs_glass.breadcrumbs_outline{border-color:var(--breadcrumbs-glass-border, var(--glass-border-color))}.breadcrumbs_glass.breadcrumbs_outline:hover{background:var(--breadcrumbs-glass-hover-bg, var(--glass-background))}.breadcrumbs .breadcrumbs_ellipsis{min-height:unset;min-width:unset;height:2em;width:2em;padding:var(--spacing-xs);line-height:normal}.breadcrumbs_primary{color:var(--text-color-primary);background-color:var(--primary-color);--breadcrumbs-glass-bg: var(--primary-glass-background);--breadcrumbs-glass-hover-bg: var(--primary-glass-background-hover);--breadcrumbs-glass-border: var(--primary-glass-border);--breadcrumbs-glass-text: var(--text-color-primary)}.breadcrumbs_primary:focus{outline:2px solid var(--primary-color);outline-offset:2px}.breadcrumbs_primary.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_primary.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_primary.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--primary-color)}@media(max-width:479.98px){.breadcrumbs_primary.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_primary.breadcrumbs_outline:hover{color:var(--text-color-primary);text-decoration:none;background-color:var(--primary-color-hover)}.breadcrumbs_primary.breadcrumbs_outline:focus{outline:2px solid var(--primary-color-hover);outline-offset:2px}.breadcrumbs_primary.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_secondary{color:var(--text-color-secondary);background-color:var(--secondary-color);--breadcrumbs-glass-bg: var(--secondary-glass-background);--breadcrumbs-glass-hover-bg: var(--secondary-glass-background-hover);--breadcrumbs-glass-border: var(--secondary-glass-border);--breadcrumbs-glass-text: var(--text-color-secondary)}.breadcrumbs_secondary:focus{outline:2px solid var(--secondary-color);outline-offset:2px}.breadcrumbs_secondary.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_secondary.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_secondary.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--secondary-color)}@media(max-width:479.98px){.breadcrumbs_secondary.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_secondary.breadcrumbs_outline:hover{color:var(--text-color-secondary);text-decoration:none;background-color:var(--secondary-color-hover)}.breadcrumbs_secondary.breadcrumbs_outline:focus{outline:2px solid var(--secondary-color-hover);outline-offset:2px}.breadcrumbs_secondary.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_tertiary{color:var(--text-color-tertiary);background-color:var(--tertiary-color);--breadcrumbs-glass-bg: var(--tertiary-glass-background);--breadcrumbs-glass-hover-bg: var(--tertiary-glass-background-hover);--breadcrumbs-glass-border: var(--tertiary-glass-border);--breadcrumbs-glass-text: var(--text-color-tertiary)}.breadcrumbs_tertiary:focus{outline:2px solid var(--tertiary-color);outline-offset:2px}.breadcrumbs_tertiary.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_tertiary.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_tertiary.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--tertiary-color)}@media(max-width:479.98px){.breadcrumbs_tertiary.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_tertiary.breadcrumbs_outline:hover{color:var(--text-color-tertiary);text-decoration:none;background-color:var(--tertiary-color-hover)}.breadcrumbs_tertiary.breadcrumbs_outline:focus{outline:2px solid var(--tertiary-color-hover);outline-offset:2px}.breadcrumbs_tertiary.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_quaternary{color:var(--text-color-quaternary);background-color:var(--quaternary-color);--breadcrumbs-glass-bg: var(--quaternary-glass-background);--breadcrumbs-glass-hover-bg: var(--quaternary-glass-background-hover);--breadcrumbs-glass-border: var(--quaternary-glass-border);--breadcrumbs-glass-text: var(--text-color-quaternary)}.breadcrumbs_quaternary:focus{outline:2px solid var(--quaternary-color);outline-offset:2px}.breadcrumbs_quaternary.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_quaternary.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_quaternary.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--quaternary-color)}@media(max-width:479.98px){.breadcrumbs_quaternary.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_quaternary.breadcrumbs_outline:hover{color:var(--text-color-quaternary);text-decoration:none;background-color:var(--quaternary-color-hover)}.breadcrumbs_quaternary.breadcrumbs_outline:focus{outline:2px solid var(--quaternary-color-hover);outline-offset:2px}.breadcrumbs_quaternary.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_clear{color:var(--text-color);background-color:transparent;--breadcrumbs-glass-bg: var(--clear-glass-background);--breadcrumbs-glass-hover-bg: var(--clear-glass-background-hover);--breadcrumbs-glass-border: var(--clear-glass-border);--breadcrumbs-glass-text: var(--text-color)}.breadcrumbs_clear:focus{outline:2px solid var(--border-color);outline-offset:2px}.breadcrumbs_clear.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_clear.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_clear.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--border-color)}@media(max-width:479.98px){.breadcrumbs_clear.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_clear.breadcrumbs_outline:hover{color:var(--link-hover-color);text-decoration:none;background-color:#0003}.breadcrumbs_clear.breadcrumbs_outline:focus{outline:2px solid rgba(0,0,0,.2);outline-offset:2px}.breadcrumbs_clear.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_clear{box-shadow:none}.breadcrumbs_success{color:var(--success-text-color);background-color:var(--success-color);--breadcrumbs-glass-bg: var(--success-glass-background);--breadcrumbs-glass-hover-bg: var(--success-glass-background-hover);--breadcrumbs-glass-border: var(--success-glass-border);--breadcrumbs-glass-text: var(--success-text-color)}.breadcrumbs_success:hover{background-color:var(--success-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.breadcrumbs_success:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.breadcrumbs_success:focus{outline:2px solid var(--success-color);outline-offset:2px}.breadcrumbs_success.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_success.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_success.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--success-color)}@media(max-width:479.98px){.breadcrumbs_success.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_success.breadcrumbs_outline:hover{color:var(--success-text-color);background-color:var(--success-color-hover)}.breadcrumbs_success.breadcrumbs_outline:focus{outline:2px solid var(--success-color-hover);outline-offset:2px}.breadcrumbs_success.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_error{color:var(--error-text-color);background-color:var(--error-color);--breadcrumbs-glass-bg: var(--error-glass-background);--breadcrumbs-glass-hover-bg: var(--error-glass-background-hover);--breadcrumbs-glass-border: var(--error-glass-border);--breadcrumbs-glass-text: var(--error-text-color)}.breadcrumbs_error:hover{background-color:var(--error-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.breadcrumbs_error:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.breadcrumbs_error:focus{outline:2px solid var(--error-color);outline-offset:2px}.breadcrumbs_error.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_error.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_error.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--error-color)}@media(max-width:479.98px){.breadcrumbs_error.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_error.breadcrumbs_outline:hover{color:var(--error-text-color);background-color:var(--error-color-hover)}.breadcrumbs_error.breadcrumbs_outline:focus{outline:2px solid var(--error-color-hover);outline-offset:2px}.breadcrumbs_error.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_warning{color:var(--warning-text-color);background-color:var(--warning-color);--breadcrumbs-glass-bg: var(--warning-glass-background);--breadcrumbs-glass-hover-bg: var(--warning-glass-background-hover);--breadcrumbs-glass-border: var(--warning-glass-border);--breadcrumbs-glass-text: var(--warning-text-color)}.breadcrumbs_warning:hover{background-color:var(--warning-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.breadcrumbs_warning:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.breadcrumbs_warning:focus{outline:2px solid var(--warning-color);outline-offset:2px}.breadcrumbs_warning.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_warning.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_warning.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--warning-color)}@media(max-width:479.98px){.breadcrumbs_warning.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_warning.breadcrumbs_outline:hover{color:var(--warning-text-color);background-color:var(--warning-color-hover)}.breadcrumbs_warning.breadcrumbs_outline:focus{outline:2px solid var(--warning-color-hover);outline-offset:2px}.breadcrumbs_warning.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_info{color:var(--info-text-color);background-color:var(--info-color);--breadcrumbs-glass-bg: var(--info-glass-background);--breadcrumbs-glass-hover-bg: var(--info-glass-background-hover);--breadcrumbs-glass-border: var(--info-glass-border);--breadcrumbs-glass-text: var(--info-text-color)}.breadcrumbs_info:hover{background-color:var(--info-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.breadcrumbs_info:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.breadcrumbs_info:focus{outline:2px solid var(--info-color);outline-offset:2px}.breadcrumbs_info.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_info.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_info.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--info-color)}@media(max-width:479.98px){.breadcrumbs_info.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_info.breadcrumbs_outline:hover{color:var(--info-text-color);background-color:var(--info-color-hover)}.breadcrumbs_info.breadcrumbs_outline:focus{outline:2px solid var(--info-color-hover);outline-offset:2px}.breadcrumbs_info.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_xs{font-size:var(--font-size-caption)}@media(max-width:479.98px){.breadcrumbs_xs{font-size:var(--font-size-xxs)}}@media(min-width:1024px){.breadcrumbs_xs{font-size:var(--font-size-label)}}.breadcrumbs_small{font-size:var(--font-size-label)}@media(max-width:479.98px){.breadcrumbs_small{font-size:var(--font-size-caption)}}@media(min-width:1024px){.breadcrumbs_small{font-size:var(--font-size-body-sm)}}.breadcrumbs_medium{font-size:var(--font-size-body-sm)}@media(max-width:479.98px){.breadcrumbs_medium{font-size:var(--font-size-label)}}@media(min-width:1024px){.breadcrumbs_medium{font-size:var(--font-size-body)}}.breadcrumbs_large{font-size:var(--font-size-body)}@media(max-width:479.98px){.breadcrumbs_large{font-size:var(--font-size-body-sm)}}@media(min-width:1024px){.breadcrumbs_large{font-size:var(--font-size-h6)}}.breadcrumbs_xl{font-size:var(--font-size-h6)}@media(max-width:479.98px){.breadcrumbs_xl{font-size:var(--font-size-body)}}@media(min-width:1024px){.breadcrumbs_xl{font-size:var(--font-size-h5)}}.breadcrumbs_list{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);padding:0;margin:0;list-style:none;flex-wrap:nowrap}@media(max-width:479.98px){.breadcrumbs_list{gap:var(--spacing-xxs)}}@media(min-width:1024px){.breadcrumbs_list{gap:var(--spacing-sm)}}.breadcrumbs_item{display:flex;align-items:center;justify-content:center;white-space:nowrap;color:inherit;transition:color var(--transition-default),opacity var(--transition-default),transform var(--transition-default),box-shadow var(--transition-default)}.breadcrumbs_item_animate{animation:fade-in .3s ease-in-out}.breadcrumbs_item_active{font-weight:var(--font-weight-semibold);color:var(--disabled-color)}.breadcrumbs_link{text-decoration:none;color:inherit;font:inherit}.breadcrumbs_link_label{display:inline-block;line-height:inherit;letter-spacing:inherit}.breadcrumbs_link:hover .breadcrumbs_link_label{text-decoration:none;opacity:.8}.breadcrumbs_current{font-weight:var(--font-weight-bold);color:var(--disabled-color)}.breadcrumbs_separator{display:inline-grid;place-items:center;align-self:center;width:1em;height:1em;padding:0;margin:0;color:currentcolor;line-height:1;flex:0 0 auto}.breadcrumbs_separator svg{display:block;width:.85em;height:.85em}@media(max-width:479.98px){.breadcrumbs_separator{width:.9em;height:.9em}.breadcrumbs_separator svg{width:.75em;height:.75em}}@media(min-width:1024px){.breadcrumbs_separator{width:1.05em;height:1.05em}.breadcrumbs_separator svg{width:.9em;height:.9em}}.breadcrumbs_disabled{background-color:var(--disabled-color);cursor:not-allowed;opacity:.6}@media(prefers-reduced-motion:reduce){.breadcrumbs,.breadcrumbs_item{transition:none}.breadcrumbs:hover,.breadcrumbs_item:hover{transform:none;box-shadow:none}}@media(hover:none){.breadcrumbs:hover,.breadcrumbs_item:hover{transform:none;box-shadow:none}}@media(forced-colors:active){.breadcrumbs{border:1px solid ButtonText;outline-color:Highlight}.breadcrumbs_glass{background:Canvas;border:1px solid ButtonText;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}}}
|
package/dist/core/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{left:-100%}to{left:100%}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bar-chart-grow{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes donut-chart-draw{0%{opacity:0;transform:rotate(-8deg) scale(.96)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes line-chart-draw{0%{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}to{opacity:1;stroke-dasharray:1;stroke-dashoffset:0}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{@media(prefers-reduced-motion:reduce){.button{transition:none}.button_loader{animation-duration:2s}}@media(hover:none){.button:hover{transform:none}}@media(forced-colors:active){.button{border:1px solid ButtonText;outline-color:Highlight}}.button{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);flex-wrap:nowrap;width:fit-content;border:none;cursor:pointer;transition:transform var(--transition-default),box-shadow var(--transition-default);font-family:var(--font-family-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);color:inherit;text-decoration:none}.button:hover{transform:scale(1.05);text-decoration:none}.button:focus{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}@media(max-width:479.98px){.button{gap:var(--spacing-xs);padding:8px 14px}}@media(min-width:480px)and (max-width:767.98px){.button{gap:var(--spacing-sm);padding:10px 16px}}@media(min-width:1024px){.button{gap:var(--spacing-md);padding:12px 20px}}.button_round-None{border-radius:var(--border-radius-none)}.button_round-Small{border-radius:var(--border-radius-sm)}.button_round-Medium{border-radius:var(--border-radius-md)}.button_round-Large{border-radius:var(--border-radius-lg)}.button_round-Full{border-radius:var(--border-radius-full)}.button_shadow-None{box-shadow:var(--box-shadow-none)}.button_shadow-Light{box-shadow:var(--box-shadow-light)}.button_shadow-Medium{box-shadow:var(--box-shadow-medium)}.button_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.button_shadow-Intense{box-shadow:var(--box-shadow-intense)}.button_full_width{width:100%;max-width:none;display:flex}@media(min-width:1280px){.button_full_width{max-width:640px}}@media(max-width:479.98px){.button_auto-full{width:100%;display:flex}}.button_loader{width:1.2rem;height:1.2rem;border:2px solid transparent;border-top-color:var(--text-color-primary);border-radius:50%;animation:spin 1s cubic-bezier(.4,0,.2,1) infinite}.button_button_icon{display:flex;align-items:center}.button_button_icon_left{flex-direction:row}.button_button_icon_left .buttonIcon{margin-right:var(--spacing-sm)}@media(max-width:479.98px){.button_button_icon_left .buttonIcon{margin-right:var(--spacing-xs)}}@media(min-width:1024px){.button_button_icon_left .buttonIcon{margin-right:var(--spacing-sm)}}.button_button_icon_right{flex-direction:row}.button_button_icon_right .buttonIcon{margin-left:var(--spacing-sm)}@media(max-width:479.98px){.button_button_icon_right .buttonIcon{margin-left:var(--spacing-xs)}}@media(min-width:1024px){.button_button_icon_right .buttonIcon{margin-left:var(--spacing-sm)}}.button_label{font:inherit;line-height:inherit;letter-spacing:inherit}.button_glass{background:var(--button-glass-bg, var(--glass-background));border:1px solid var(--button-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;isolation:isolate}.button_glass:hover{background:var(--button-glass-hover-bg, var(--glass-background-strong))}.button_glass_outline{border-color:var(--button-glass-border, var(--glass-border-color))}.button_glass_outline:hover{background:var(--button-glass-hover-bg, var(--glass-background))}.button_clear{background-color:transparent;box-shadow:none;color:inherit}.button_outline{background-color:transparent;border:2px solid currentcolor;box-shadow:none}@media(max-width:479.98px){.button_outline{border-width:1.5px}}@media(min-width:1024px){.button_outline{border-width:2px}}.button_primary{background-color:var(--primary-color);color:var(--text-color-primary);--button-glass-bg: var(--primary-glass-background);--button-glass-hover-bg: var(--primary-glass-background-hover);--button-glass-border: var(--primary-glass-border);--button-glass-text: var(--text-color-primary)}.button_primary:hover{background-color:var(--primary-color-hover)}.button_primary .button_loader{border-top-color:var(--text-color-primary)}.button_outline.button_primary{background-color:transparent;color:inherit;border-color:var(--primary-color)}.button_outline.button_primary:hover{border-color:var(--primary-color-hover);color:inherit;background-color:var(--primary-color)}.button_secondary{background-color:var(--secondary-color);color:var(--text-color-secondary);--button-glass-bg: var(--secondary-glass-background);--button-glass-hover-bg: var(--secondary-glass-background-hover);--button-glass-border: var(--secondary-glass-border);--button-glass-text: var(--text-color-secondary)}.button_secondary:hover{background-color:var(--secondary-color-hover)}.button_secondary .button_loader{border-top-color:var(--text-color-secondary)}.button_outline.button_secondary{background-color:transparent;color:inherit;border-color:var(--secondary-color)}.button_outline.button_secondary:hover{border-color:var(--secondary-color-hover);color:inherit;background-color:var(--secondary-color)}.button_tertiary{background-color:var(--tertiary-color);color:var(--text-color-tertiary);--button-glass-bg: var(--tertiary-glass-background);--button-glass-hover-bg: var(--tertiary-glass-background-hover);--button-glass-border: var(--tertiary-glass-border);--button-glass-text: var(--text-color-tertiary)}.button_tertiary:hover{background-color:var(--tertiary-color-hover)}.button_tertiary .button_loader{border-top-color:var(--text-color-tertiary)}.button_outline.button_tertiary{background-color:transparent;color:inherit;border-color:var(--tertiary-color)}.button_outline.button_tertiary:hover{border-color:var(--tertiary-color-hover);color:inherit;background-color:var(--tertiary-color)}.button_quaternary{background-color:var(--quaternary-color);color:var(--text-color-quaternary);--button-glass-bg: var(--quaternary-glass-background);--button-glass-hover-bg: var(--quaternary-glass-background-hover);--button-glass-border: var(--quaternary-glass-border);--button-glass-text: var(--text-color-quaternary)}.button_quaternary:hover{background-color:var(--quaternary-color-hover)}.button_quaternary .button_loader{border-top-color:var(--text-color-quaternary)}.button_outline.button_quaternary{background-color:transparent;color:inherit;border-color:var(--quaternary-color)}.button_outline.button_quaternary:hover{border-color:var(--quaternary-color-hover);color:inherit;background-color:var(--quaternary-color)}.button_clear{background-color:transparent;color:var(--text-color);--button-glass-bg: var(--clear-glass-background);--button-glass-hover-bg: var(--clear-glass-background-hover);--button-glass-border: var(--clear-glass-border);--button-glass-text: var(--text-color)}.button_clear:hover{background-color:#0003}.button_clear .button_loader{border-top-color:var(--text-color)}.button_outline.button_clear{background-color:transparent;color:inherit;border-color:var(--border-color)}.button_outline.button_clear:hover{border-color:#0003;color:inherit;background-color:transparent}.button_success{background-color:var(--success-color);color:var(--success-text-color);--button-glass-bg: var(--success-glass-background);--button-glass-hover-bg: var(--success-glass-background-hover);--button-glass-border: var(--success-glass-border);--button-glass-text: var(--success-text-color)}.button_success:hover{background-color:var(--success-color-hover)}.button_success .button_loader{border-top-color:var(--success-text-color)}.button_outline.button_success{background-color:transparent;color:inherit;border-color:var(--success-color)}.button_outline.button_success:hover{border-color:var(--success-color-hover);color:inherit;background-color:var(--success-color)}.button_error{background-color:var(--error-color);color:var(--error-text-color);--button-glass-bg: var(--error-glass-background);--button-glass-hover-bg: var(--error-glass-background-hover);--button-glass-border: var(--error-glass-border);--button-glass-text: var(--error-text-color)}.button_error:hover{background-color:var(--error-color-hover)}.button_error .button_loader{border-top-color:var(--error-text-color)}.button_outline.button_error{background-color:transparent;color:inherit;border-color:var(--error-color)}.button_outline.button_error:hover{border-color:var(--error-color-hover);color:inherit;background-color:var(--error-color)}.button_warning{background-color:var(--warning-color);color:var(--warning-text-color);--button-glass-bg: var(--warning-glass-background);--button-glass-hover-bg: var(--warning-glass-background-hover);--button-glass-border: var(--warning-glass-border);--button-glass-text: var(--warning-text-color)}.button_warning:hover{background-color:var(--warning-color-hover)}.button_warning .button_loader{border-top-color:var(--warning-text-color)}.button_outline.button_warning{background-color:transparent;color:inherit;border-color:var(--warning-color)}.button_outline.button_warning:hover{border-color:var(--warning-color-hover);color:inherit;background-color:var(--warning-color)}.button_info{background-color:var(--info-color);color:var(--info-text-color);--button-glass-bg: var(--info-glass-background);--button-glass-hover-bg: var(--info-glass-background-hover);--button-glass-border: var(--info-glass-border);--button-glass-text: var(--info-text-color)}.button_info:hover{background-color:var(--info-color-hover)}.button_info .button_loader{border-top-color:var(--info-text-color)}.button_glass{background-color:transparent;background:var(--button-glass-bg);border:1px solid var(--button-glass-border);color:inherit}.button_glass:hover{background-color:transparent;background:var(--button-glass-hover-bg)}.button_outline.button_info{background-color:transparent;color:inherit;border-color:var(--info-color)}.button_outline.button_info:hover{border-color:var(--info-color-hover);color:inherit;background-color:var(--info-color)}.button_disabled,.button .button:disabled{background-color:var(--disabled-color);color:var(--text-color-primary);cursor:not-allowed;opacity:.6;box-shadow:none}.button_disabled.button_outline,.button .button:disabled.button_outline{border-color:var(--disabled-color);color:var(--disabled-color)}.button_disabled:hover,.button .button:disabled:hover{background-color:var(--disabled-color);transform:none}.button_xs{padding:4px 8px}@media(max-width:479.98px){.button_xs{padding:max(8px,.6em) 10px}}@media(min-width:1280px){.button_xs{padding:4px 8.8px}}.button_xs .button_label{font-size:var(--font-size-caption)}@media(min-width:1024px){.button_xs .button_label{font-size:calc(var(--font-size-caption) * 1.05)}}.button_xs .button_button_icon{width:1rem;height:1rem}@media(min-width:1024px){.button_xs .button_button_icon{width:1.05rem;height:1.05rem}}.button_small{padding:6px 10px}@media(max-width:479.98px){.button_small{padding:max(8px,.6em) 10px}}@media(min-width:1280px){.button_small{padding:6px 11px}}.button_small .button_label{font-size:var(--font-size-label)}@media(min-width:1024px){.button_small .button_label{font-size:calc(var(--font-size-label) * 1.05)}}.button_small .button_button_icon{width:1rem;height:1rem}@media(min-width:1024px){.button_small .button_button_icon{width:1.05rem;height:1.05rem}}.button_medium{padding:6px 12px}@media(max-width:479.98px){.button_medium{padding:max(8px,.6em) 10px}}@media(min-width:1280px){.button_medium{padding:6px 13.2px}}.button_medium .button_label{font-size:var(--font-size-body-sm)}@media(min-width:1024px){.button_medium .button_label{font-size:calc(var(--font-size-body-sm) * 1.05)}}.button_medium .button_button_icon{width:1.2rem;height:1.2rem}@media(min-width:1024px){.button_medium .button_button_icon{width:1.26rem;height:1.26rem}}.button_large{padding:8px 16px}@media(max-width:479.98px){.button_large{padding:max(8px,.6em) 10px}}@media(min-width:1280px){.button_large{padding:8px 17.6px}}.button_large .button_label{font-size:var(--font-size-body)}@media(min-width:1024px){.button_large .button_label{font-size:calc(var(--font-size-body) * 1.05)}}.button_large .button_button_icon{width:1.3rem;height:1.3rem}@media(min-width:1024px){.button_large .button_button_icon{width:calc(1.3rem * 1.05);height:calc(1.3rem * 1.05)}}.button_xl{padding:10px 18px}@media(max-width:479.98px){.button_xl{padding:max(8px,.6em) 10px}}@media(min-width:1280px){.button_xl{padding:10px 19.8px}}.button_xl .button_label{font-size:var(--font-size-h6)}@media(min-width:1024px){.button_xl .button_label{font-size:calc(var(--font-size-h6) * 1.05)}}.button_xl .button_button_icon{width:1.5rem;height:1.5rem}@media(min-width:1024px){.button_xl .button_button_icon{width:calc(1.5rem * 1.05);height:calc(1.5rem * 1.05)}}}
|
|
1
|
+
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{transform:translate(-100%)}to{transform:translate(150%)}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bar-chart-grow{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes donut-chart-draw{0%{opacity:0;transform:rotate(-8deg) scale(.96)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes line-chart-draw{0%{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}to{opacity:1;stroke-dasharray:1;stroke-dashoffset:0}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{@media(prefers-reduced-motion:reduce){.button{transition:none}.button_loader{animation-duration:2s}}@media(hover:none){.button:hover{transform:none}}@media(forced-colors:active){.button{border:1px solid ButtonText;outline-color:Highlight}}.button{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);flex-wrap:nowrap;width:fit-content;border:none;cursor:pointer;transition:transform var(--transition-default),box-shadow var(--transition-default);font-family:var(--font-family-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);color:inherit;text-decoration:none}.button:hover{transform:scale(1.05);text-decoration:none}.button:focus{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}@media(max-width:479.98px){.button{gap:var(--spacing-xs);padding:8px 14px}}@media(min-width:480px)and (max-width:767.98px){.button{gap:var(--spacing-sm);padding:10px 16px}}@media(min-width:1024px){.button{gap:var(--spacing-md);padding:12px 20px}}.button_round-None{border-radius:var(--border-radius-none)}.button_round-Small{border-radius:var(--border-radius-sm)}.button_round-Medium{border-radius:var(--border-radius-md)}.button_round-Large{border-radius:var(--border-radius-lg)}.button_round-Full{border-radius:var(--border-radius-full)}.button_shadow-None{box-shadow:var(--box-shadow-none)}.button_shadow-Light{box-shadow:var(--box-shadow-light)}.button_shadow-Medium{box-shadow:var(--box-shadow-medium)}.button_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.button_shadow-Intense{box-shadow:var(--box-shadow-intense)}.button_full_width{width:100%;max-width:none;display:flex}@media(min-width:1280px){.button_full_width{max-width:640px}}@media(max-width:479.98px){.button_auto-full{width:100%;display:flex}}.button_loader{width:1.2rem;height:1.2rem;border:2px solid transparent;border-top-color:var(--text-color-primary);border-radius:50%;animation:spin 1s cubic-bezier(.4,0,.2,1) infinite}.button_button_icon{display:flex;align-items:center}.button_button_icon_left{flex-direction:row}.button_button_icon_left .buttonIcon{margin-right:var(--spacing-sm)}@media(max-width:479.98px){.button_button_icon_left .buttonIcon{margin-right:var(--spacing-xs)}}@media(min-width:1024px){.button_button_icon_left .buttonIcon{margin-right:var(--spacing-sm)}}.button_button_icon_right{flex-direction:row}.button_button_icon_right .buttonIcon{margin-left:var(--spacing-sm)}@media(max-width:479.98px){.button_button_icon_right .buttonIcon{margin-left:var(--spacing-xs)}}@media(min-width:1024px){.button_button_icon_right .buttonIcon{margin-left:var(--spacing-sm)}}.button_label{font:inherit;line-height:inherit;letter-spacing:inherit}.button_glass{background:var(--button-glass-bg, var(--glass-background));border:1px solid var(--button-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;isolation:isolate}.button_glass:hover{background:var(--button-glass-hover-bg, var(--glass-background-strong))}.button_glass_outline{border-color:var(--button-glass-border, var(--glass-border-color))}.button_glass_outline:hover{background:var(--button-glass-hover-bg, var(--glass-background))}.button_clear{background-color:transparent;box-shadow:none;color:inherit}.button_outline{background-color:transparent;border:2px solid currentcolor;box-shadow:none}@media(max-width:479.98px){.button_outline{border-width:1.5px}}@media(min-width:1024px){.button_outline{border-width:2px}}.button_primary{background-color:var(--primary-color);color:var(--text-color-primary);--button-glass-bg: var(--primary-glass-background);--button-glass-hover-bg: var(--primary-glass-background-hover);--button-glass-border: var(--primary-glass-border);--button-glass-text: var(--text-color-primary)}.button_primary:hover{background-color:var(--primary-color-hover)}.button_primary .button_loader{border-top-color:var(--text-color-primary)}.button_outline.button_primary{background-color:transparent;color:inherit;border-color:var(--primary-color)}.button_outline.button_primary:hover{border-color:var(--primary-color-hover);color:inherit;background-color:var(--primary-color)}.button_secondary{background-color:var(--secondary-color);color:var(--text-color-secondary);--button-glass-bg: var(--secondary-glass-background);--button-glass-hover-bg: var(--secondary-glass-background-hover);--button-glass-border: var(--secondary-glass-border);--button-glass-text: var(--text-color-secondary)}.button_secondary:hover{background-color:var(--secondary-color-hover)}.button_secondary .button_loader{border-top-color:var(--text-color-secondary)}.button_outline.button_secondary{background-color:transparent;color:inherit;border-color:var(--secondary-color)}.button_outline.button_secondary:hover{border-color:var(--secondary-color-hover);color:inherit;background-color:var(--secondary-color)}.button_tertiary{background-color:var(--tertiary-color);color:var(--text-color-tertiary);--button-glass-bg: var(--tertiary-glass-background);--button-glass-hover-bg: var(--tertiary-glass-background-hover);--button-glass-border: var(--tertiary-glass-border);--button-glass-text: var(--text-color-tertiary)}.button_tertiary:hover{background-color:var(--tertiary-color-hover)}.button_tertiary .button_loader{border-top-color:var(--text-color-tertiary)}.button_outline.button_tertiary{background-color:transparent;color:inherit;border-color:var(--tertiary-color)}.button_outline.button_tertiary:hover{border-color:var(--tertiary-color-hover);color:inherit;background-color:var(--tertiary-color)}.button_quaternary{background-color:var(--quaternary-color);color:var(--text-color-quaternary);--button-glass-bg: var(--quaternary-glass-background);--button-glass-hover-bg: var(--quaternary-glass-background-hover);--button-glass-border: var(--quaternary-glass-border);--button-glass-text: var(--text-color-quaternary)}.button_quaternary:hover{background-color:var(--quaternary-color-hover)}.button_quaternary .button_loader{border-top-color:var(--text-color-quaternary)}.button_outline.button_quaternary{background-color:transparent;color:inherit;border-color:var(--quaternary-color)}.button_outline.button_quaternary:hover{border-color:var(--quaternary-color-hover);color:inherit;background-color:var(--quaternary-color)}.button_clear{background-color:transparent;color:var(--text-color);--button-glass-bg: var(--clear-glass-background);--button-glass-hover-bg: var(--clear-glass-background-hover);--button-glass-border: var(--clear-glass-border);--button-glass-text: var(--text-color)}.button_clear:hover{background-color:#0003}.button_clear .button_loader{border-top-color:var(--text-color)}.button_outline.button_clear{background-color:transparent;color:inherit;border-color:var(--border-color)}.button_outline.button_clear:hover{border-color:#0003;color:inherit;background-color:transparent}.button_success{background-color:var(--success-color);color:var(--success-text-color);--button-glass-bg: var(--success-glass-background);--button-glass-hover-bg: var(--success-glass-background-hover);--button-glass-border: var(--success-glass-border);--button-glass-text: var(--success-text-color)}.button_success:hover{background-color:var(--success-color-hover)}.button_success .button_loader{border-top-color:var(--success-text-color)}.button_outline.button_success{background-color:transparent;color:inherit;border-color:var(--success-color)}.button_outline.button_success:hover{border-color:var(--success-color-hover);color:inherit;background-color:var(--success-color)}.button_error{background-color:var(--error-color);color:var(--error-text-color);--button-glass-bg: var(--error-glass-background);--button-glass-hover-bg: var(--error-glass-background-hover);--button-glass-border: var(--error-glass-border);--button-glass-text: var(--error-text-color)}.button_error:hover{background-color:var(--error-color-hover)}.button_error .button_loader{border-top-color:var(--error-text-color)}.button_outline.button_error{background-color:transparent;color:inherit;border-color:var(--error-color)}.button_outline.button_error:hover{border-color:var(--error-color-hover);color:inherit;background-color:var(--error-color)}.button_warning{background-color:var(--warning-color);color:var(--warning-text-color);--button-glass-bg: var(--warning-glass-background);--button-glass-hover-bg: var(--warning-glass-background-hover);--button-glass-border: var(--warning-glass-border);--button-glass-text: var(--warning-text-color)}.button_warning:hover{background-color:var(--warning-color-hover)}.button_warning .button_loader{border-top-color:var(--warning-text-color)}.button_outline.button_warning{background-color:transparent;color:inherit;border-color:var(--warning-color)}.button_outline.button_warning:hover{border-color:var(--warning-color-hover);color:inherit;background-color:var(--warning-color)}.button_info{background-color:var(--info-color);color:var(--info-text-color);--button-glass-bg: var(--info-glass-background);--button-glass-hover-bg: var(--info-glass-background-hover);--button-glass-border: var(--info-glass-border);--button-glass-text: var(--info-text-color)}.button_info:hover{background-color:var(--info-color-hover)}.button_info .button_loader{border-top-color:var(--info-text-color)}.button_glass{background-color:transparent;background:var(--button-glass-bg);border:1px solid var(--button-glass-border);color:inherit}.button_glass:hover{background-color:transparent;background:var(--button-glass-hover-bg)}.button_outline.button_info{background-color:transparent;color:inherit;border-color:var(--info-color)}.button_outline.button_info:hover{border-color:var(--info-color-hover);color:inherit;background-color:var(--info-color)}.button_disabled,.button .button:disabled{background-color:var(--disabled-color);color:var(--text-color-primary);cursor:not-allowed;opacity:.6;box-shadow:none}.button_disabled.button_outline,.button .button:disabled.button_outline{border-color:var(--disabled-color);color:var(--disabled-color)}.button_disabled:hover,.button .button:disabled:hover{background-color:var(--disabled-color);transform:none}.button_xs{padding:4px 8px}@media(max-width:479.98px){.button_xs{padding:max(8px,.6em) 10px}}@media(min-width:1280px){.button_xs{padding:4px 8.8px}}.button_xs .button_label{font-size:var(--font-size-caption)}@media(min-width:1024px){.button_xs .button_label{font-size:calc(var(--font-size-caption) * 1.05)}}.button_xs .button_button_icon{width:1rem;height:1rem}@media(min-width:1024px){.button_xs .button_button_icon{width:1.05rem;height:1.05rem}}.button_small{padding:6px 10px}@media(max-width:479.98px){.button_small{padding:max(8px,.6em) 10px}}@media(min-width:1280px){.button_small{padding:6px 11px}}.button_small .button_label{font-size:var(--font-size-label)}@media(min-width:1024px){.button_small .button_label{font-size:calc(var(--font-size-label) * 1.05)}}.button_small .button_button_icon{width:1rem;height:1rem}@media(min-width:1024px){.button_small .button_button_icon{width:1.05rem;height:1.05rem}}.button_medium{padding:6px 12px}@media(max-width:479.98px){.button_medium{padding:max(8px,.6em) 10px}}@media(min-width:1280px){.button_medium{padding:6px 13.2px}}.button_medium .button_label{font-size:var(--font-size-body-sm)}@media(min-width:1024px){.button_medium .button_label{font-size:calc(var(--font-size-body-sm) * 1.05)}}.button_medium .button_button_icon{width:1.2rem;height:1.2rem}@media(min-width:1024px){.button_medium .button_button_icon{width:1.26rem;height:1.26rem}}.button_large{padding:8px 16px}@media(max-width:479.98px){.button_large{padding:max(8px,.6em) 10px}}@media(min-width:1280px){.button_large{padding:8px 17.6px}}.button_large .button_label{font-size:var(--font-size-body)}@media(min-width:1024px){.button_large .button_label{font-size:calc(var(--font-size-body) * 1.05)}}.button_large .button_button_icon{width:1.3rem;height:1.3rem}@media(min-width:1024px){.button_large .button_button_icon{width:calc(1.3rem * 1.05);height:calc(1.3rem * 1.05)}}.button_xl{padding:10px 18px}@media(max-width:479.98px){.button_xl{padding:max(8px,.6em) 10px}}@media(min-width:1280px){.button_xl{padding:10px 19.8px}}.button_xl .button_label{font-size:var(--font-size-h6)}@media(min-width:1024px){.button_xl .button_label{font-size:calc(var(--font-size-h6) * 1.05)}}.button_xl .button_button_icon{width:1.5rem;height:1.5rem}@media(min-width:1024px){.button_xl .button_button_icon{width:calc(1.5rem * 1.05);height:calc(1.5rem * 1.05)}}}
|
package/dist/core/Card.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{left:-100%}to{left:100%}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bar-chart-grow{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes donut-chart-draw{0%{opacity:0;transform:rotate(-8deg) scale(.96)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes line-chart-draw{0%{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}to{opacity:1;stroke-dasharray:1;stroke-dashoffset:0}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{:where(.card){overflow:hidden;margin:var(--spacing-sm);position:relative;background-color:var(--background-color-surface);display:flex;flex-direction:column;justify-content:center;align-items:center;width:fit-content;height:fit-content;color:var(--text-color-primary);transition:transform var(--transition-default)}@media(max-width:479.98px){:where(.card){margin:var(--spacing-xs)}}@media(min-width:1024px){:where(.card){margin:var(--spacing-md)}}.card_round-None{border-radius:var(--border-radius-none)}.card_round-Small{border-radius:var(--border-radius-sm)}.card_round-Medium{border-radius:var(--border-radius-md)}.card_round-Large{border-radius:var(--border-radius-lg)}.card_round-Full{border-radius:var(--border-radius-full)}.card_shadow-None{box-shadow:var(--box-shadow-none)}.card_shadow-Light{box-shadow:var(--box-shadow-light)}.card_shadow-Medium{box-shadow:var(--box-shadow-medium)}.card_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.card_shadow-Intense{box-shadow:var(--box-shadow-intense)}.card_fade-in{animation:fade-in .8s ease-in-out}.card_media{width:100%;height:auto;position:relative;aspect-ratio:4/4;object-fit:cover;border-bottom:1px solid rgba(0,0,0,.05)}@media(max-width:479.98px){.card_media{aspect-ratio:1/1}}@media(min-width:1024px){.card_media{aspect-ratio:16/9}}.card_image{width:100%;height:100%;object-fit:cover;display:block}.card_vertical,.card_vertical .card_content{flex-direction:column}.card_vertical .card_image{width:100%;max-height:200px}@media(max-width:479.98px){.card_vertical .card_image{max-height:150px}}@media(min-width:1024px){.card_vertical .card_image{max-height:300px}}.card_glass{background:var(--glass-background);border:1px solid var(--glass-border-color);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}.card_disabled{background-color:var(--disabled-color);color:var(--text-color-primary);cursor:not-allowed;pointer-events:none;opacity:.6;box-shadow:none}.card_outline{background:transparent;border:2px solid currentcolor;box-shadow:none}@media(max-width:479.98px){.card_outline{border-width:1.5px}}.card_border-None{border-width:var(--border-width-none);border-style:solid;border-color:var(--divider-color)}.card_border-Xs{border-width:var(--border-width-xs);border-style:solid;border-color:var(--divider-color)}.card_border-Small{border-width:var(--border-width-sm);border-style:solid;border-color:var(--divider-color)}.card_border-Medium{border-width:var(--border-width-md);border-style:solid;border-color:var(--divider-color)}.card_border-Large{border-width:var(--border-width-lg);border-style:solid;border-color:var(--divider-color)}.card_border-Xl{border-width:var(--border-width-xl);border-style:solid;border-color:var(--divider-color)}.card_primary{background:var(--primary-color);color:var(--text-color-primary);--card-glass-bg: var(--primary-glass-background);--card-glass-hover-bg: var(--primary-glass-background-hover);--card-glass-border: var(--primary-glass-border);--card-glass-text: var(--text-color-primary)}.card_primary .card_loading{background-color:transparent}.card_primary.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_primary.card_glass.card_clickable:hover{background:var(--card-glass-hover-bg);border-color:var(--card-glass-border)}.card_primary.card_outline{background:transparent;border-color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:none;color:inherit}@media(max-width:479.98px){.card_primary.card_outline{border-width:1.5px}}.card_primary.card_outline.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_secondary{background:var(--secondary-color);color:var(--text-color-secondary);--card-glass-bg: var(--secondary-glass-background);--card-glass-hover-bg: var(--secondary-glass-background-hover);--card-glass-border: var(--secondary-glass-border);--card-glass-text: var(--text-color-secondary)}.card_secondary .card_loading{background-color:transparent}.card_secondary.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_secondary.card_glass.card_clickable:hover{background:var(--card-glass-hover-bg);border-color:var(--card-glass-border)}.card_secondary.card_outline{background:transparent;border-color:var(--secondary-color);border:2px solid var(--secondary-color);box-shadow:none;color:inherit}@media(max-width:479.98px){.card_secondary.card_outline{border-width:1.5px}}.card_secondary.card_outline.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_tertiary{background:var(--tertiary-color);color:var(--text-color-tertiary);--card-glass-bg: var(--tertiary-glass-background);--card-glass-hover-bg: var(--tertiary-glass-background-hover);--card-glass-border: var(--tertiary-glass-border);--card-glass-text: var(--text-color-tertiary)}.card_tertiary .card_loading{background-color:transparent}.card_tertiary.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_tertiary.card_glass.card_clickable:hover{background:var(--card-glass-hover-bg);border-color:var(--card-glass-border)}.card_tertiary.card_outline{background:transparent;border-color:var(--tertiary-color);border:2px solid var(--tertiary-color);box-shadow:none;color:inherit}@media(max-width:479.98px){.card_tertiary.card_outline{border-width:1.5px}}.card_tertiary.card_outline.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_quaternary{background:var(--quaternary-color);color:var(--text-color-quaternary);--card-glass-bg: var(--quaternary-glass-background);--card-glass-hover-bg: var(--quaternary-glass-background-hover);--card-glass-border: var(--quaternary-glass-border);--card-glass-text: var(--text-color-quaternary)}.card_quaternary .card_loading{background-color:transparent}.card_quaternary.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_quaternary.card_glass.card_clickable:hover{background:var(--card-glass-hover-bg);border-color:var(--card-glass-border)}.card_quaternary.card_outline{background:transparent;border-color:var(--quaternary-color);border:2px solid var(--quaternary-color);box-shadow:none;color:inherit}@media(max-width:479.98px){.card_quaternary.card_outline{border-width:1.5px}}.card_quaternary.card_outline.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_clear{background:transparent;color:var(--text-color);--card-glass-bg: var(--clear-glass-background);--card-glass-hover-bg: var(--clear-glass-background-hover);--card-glass-border: var(--clear-glass-border);--card-glass-text: var(--text-color)}.card_clear .card_loading{background-color:transparent}.card_clear.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_clear.card_glass.card_clickable:hover{background:var(--card-glass-hover-bg);border-color:var(--card-glass-border)}.card_clear.card_outline{background:transparent;border-color:var(--border-color);border:2px solid var(--border-color);box-shadow:none;color:inherit}@media(max-width:479.98px){.card_clear.card_outline{border-width:1.5px}}.card_clear.card_outline.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_success{background:var(--success-color);color:var(--success-text-color);--card-glass-bg: var(--success-glass-background);--card-glass-hover-bg: var(--success-glass-background-hover);--card-glass-border: var(--success-glass-border);--card-glass-text: var(--success-text-color)}.card_success .card_loading{background-color:transparent}.card_success.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_success.card_glass.card_clickable:hover{background:var(--card-glass-hover-bg);border-color:var(--card-glass-border)}.card_success.card_outline{background:transparent;border:2px solid var(--success-color)}@media(max-width:479.98px){.card_success.card_outline{border-width:1.5px}}.card_success.card_outline.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_error{background:var(--error-color);color:var(--error-text-color);--card-glass-bg: var(--error-glass-background);--card-glass-hover-bg: var(--error-glass-background-hover);--card-glass-border: var(--error-glass-border);--card-glass-text: var(--error-text-color)}.card_error .card_loading{background-color:transparent}.card_error.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_error.card_glass.card_clickable:hover{background:var(--card-glass-hover-bg);border-color:var(--card-glass-border)}.card_error.card_outline{background:transparent;border:2px solid var(--error-color)}@media(max-width:479.98px){.card_error.card_outline{border-width:1.5px}}.card_error.card_outline.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_warning{background:var(--warning-color);color:var(--warning-text-color);--card-glass-bg: var(--warning-glass-background);--card-glass-hover-bg: var(--warning-glass-background-hover);--card-glass-border: var(--warning-glass-border);--card-glass-text: var(--warning-text-color)}.card_warning .card_loading{background-color:transparent}.card_warning.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_warning.card_glass.card_clickable:hover{background:var(--card-glass-hover-bg);border-color:var(--card-glass-border)}.card_warning.card_outline{background:transparent;border:2px solid var(--warning-color)}@media(max-width:479.98px){.card_warning.card_outline{border-width:1.5px}}.card_warning.card_outline.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_info{background:var(--info-color);color:var(--info-text-color);--card-glass-bg: var(--info-glass-background);--card-glass-hover-bg: var(--info-glass-background-hover);--card-glass-border: var(--info-glass-border);--card-glass-text: var(--info-text-color)}.card_info .card_loading{background-color:transparent}.card_info.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_info.card_glass.card_clickable:hover{background:var(--card-glass-hover-bg);border-color:var(--card-glass-border)}.card_info.card_outline{background:transparent;border:2px solid var(--info-color)}@media(max-width:479.98px){.card_info.card_outline{border-width:1.5px}}.card_info.card_outline.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_outline.card_border-Xs{border-width:var(--border-width-xs)}.card_outline.card_border-Small{border-width:var(--border-width-sm)}.card_outline.card_border-Medium{border-width:var(--border-width-md)}.card_outline.card_border-Large{border-width:var(--border-width-lg)}.card_outline.card_border-Xl{border-width:var(--border-width-xl)}.card .card_loading{background:none;box-shadow:none;padding:0;margin:0;display:flex;justify-content:center;align-items:center;min-height:250px}@media(max-width:479.98px){.card .card_loading{min-height:180px}}@media(min-width:1024px){.card .card_loading{min-height:300px}}.card_content{display:flex;flex-direction:column;width:100%}.card_header{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-md)}@media(max-width:479.98px){.card_header{padding:var(--spacing-sm)}}@media(min-width:1024px){.card_header{padding:var(--spacing-lg)}}.card_header,.card_body{padding:var(--spacing-md);display:flex;align-items:center;justify-content:center}.card_body{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}@media(min-width:1024px){.card_body{gap:var(--spacing-md)}}.card_title{margin:0;flex:1;display:flex;gap:var(--spacing-sm);font-family:var(--font-family-heading);font-size:var(--font-size-h4);font-weight:var(--font-weight-h4);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}@media(max-width:479.98px){.card_title{font-size:var(--font-size-h6)}}@media(min-width:1024px){.card_title{font-size:var(--font-size-h3)}}.card_icon{font-size:1.2em;display:flex;color:inherit;line-height:1}@media(max-width:479.98px){.card_icon{font-size:1em}}@media(min-width:1024px){.card_icon{font-size:1.4em}}.card_description{color:inherit;width:95%;margin:var(--spacing-xxs) auto;font-family:var(--font-family-body);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}@media(max-width:479.98px){.card_description{font-size:var(--font-size-label)}}@media(min-width:1024px){.card_description{font-size:var(--font-size-body)}}.card_footer{padding:var(--spacing-sm)}@media(max-width:479.98px){.card_footer{padding:var(--spacing-xs);border-width:1px}}@media(min-width:1024px){.card_footer{padding:var(--spacing-md)}}.card_actions{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;padding:var(--spacing-sm);gap:var(--spacing-sm)}@media(max-width:479.98px){.card_actions{gap:var(--spacing-xs)}}@media(min-width:1024px){.card_actions{gap:var(--spacing-md)}}.card_xs .card_description{font-size:var(--font-size-caption)}.card_xs .card_icon{font-size:.9em}.card_xs .card_title{font-size:var(--font-size-label);line-height:var(--line-height-heading)}.card_xs .card_children{font-family:var(--font-family-body);font-size:var(--font-size-caption);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.card_small .card_description{font-size:var(--font-size-label)}.card_small .card_icon{font-size:1em}.card_small .card_title{font-size:var(--font-size-body-sm)}.card_small .card_children{font-family:var(--font-family-body);font-size:var(--font-size-label);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.card_medium .card_description{font-size:var(--font-size-body-sm)}.card_medium .card_icon{font-size:1.2em}.card_medium .card_title{font-size:var(--font-size-body)}.card_medium .card_children{font-family:var(--font-family-body);font-size:var(--font-size-body-sm);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.card_large .card_description{font-size:var(--font-size-body)}.card_large .card_icon{font-size:1.4em}.card_large .card_title{font-size:var(--font-size-h6)}.card_large .card_children{font-family:var(--font-family-body);font-size:var(--font-size-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.card_xl .card_description{font-size:var(--font-size-h6)}.card_xl .card_icon{font-size:1.2em}.card_xl .card_title{font-size:var(--font-size-h4)}.card_xl .card_children{font-family:var(--font-family-body);font-size:var(--font-size-h6);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.card_left{text-align:left}.card_left .card_header,.card_left .card_body,.card_left .card_footer,.card_left .card_actions{align-items:flex-start;justify-content:flex-start;text-align:left}.card_center{text-align:center}.card_center .card_header,.card_center .card_body,.card_center .card_footer,.card_center .card_actions{align-items:center;justify-content:center;text-align:center}.card_right{text-align:right}.card_right .card_header,.card_right .card_body,.card_right .card_footer,.card_right .card_actions{align-items:flex-end;justify-content:flex-end;text-align:right}.card_horizontal{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:200px;width:100%;height:auto}@media(max-width:479.98px){.card_horizontal{flex-direction:column;min-height:150px}}@media(min-width:1024px){.card_horizontal{min-height:250px}}.card_horizontal .card_content{flex-direction:row;flex:1;width:100%;height:100%}@media(max-width:479.98px){.card_horizontal .card_content{flex-direction:column}}.card_horizontal .card_image{width:50%;height:auto;aspect-ratio:1.5;object-fit:cover;display:block}@media(max-width:479.98px){.card_horizontal .card_image{width:100%;aspect-ratio:1/1}}@media(min-width:1024px){.card_horizontal .card_image{aspect-ratio:16/10}}.card_horizontal .card_body{flex:1;padding:var(--spacing-md);display:flex;flex-direction:column;justify-content:center}@media(max-width:479.98px){.card_horizontal .card_body{padding:var(--spacing-sm)}}@media(min-width:1024px){.card_horizontal .card_body{padding:var(--spacing-lg)}}.card_horizontal .card_footer{padding:var(--spacing-sm)}@media(max-width:479.98px){.card_horizontal .card_footer{padding:var(--spacing-xs)}}@media(min-width:1024px){.card_horizontal .card_footer{padding:var(--spacing-md)}}.card_clickable{cursor:pointer;transition:transform var(--transition-default),box-shadow var(--transition-default)}.card_clickable:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-medium)}.card_clickable:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:3px;box-shadow:0 0 0 4px #3333}@media(max-width:479.98px){.card_clickable:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-light)}}@media(prefers-reduced-motion:reduce){.card,.card *{animation:none!important;transition:none!important}.card_clickable:hover{transform:none!important;box-shadow:none!important}}@media(hover:none){.card_clickable:hover{transform:none;box-shadow:none}}@media(forced-colors:active){.card{border:1px solid ButtonText;outline-color:Highlight;box-shadow:none!important;background:Canvas;color:CanvasText}.card_glass{background:Canvas;border:1px solid ButtonText;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}.card_outline{border:1px solid ButtonText}.card_clickable:focus-visible{outline:2px solid Highlight;outline-offset:3px}}.card_primary:focus-within,.card_secondary:focus-within,.card_tertiary:focus-within,.card_quaternary:focus-within,.card_success:focus-within,.card_error:focus-within,.card_warning:focus-within{box-shadow:0 0 0 3px #4d4d4d26}}
|
|
1
|
+
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{transform:translate(-100%)}to{transform:translate(150%)}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bar-chart-grow{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes donut-chart-draw{0%{opacity:0;transform:rotate(-8deg) scale(.96)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes line-chart-draw{0%{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}to{opacity:1;stroke-dasharray:1;stroke-dashoffset:0}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{:where(.card){overflow:hidden;margin:var(--spacing-sm);position:relative;background-color:var(--background-color-surface);display:flex;flex-direction:column;justify-content:center;align-items:center;width:fit-content;height:fit-content;color:var(--text-color-primary);transition:transform var(--transition-default)}@media(max-width:479.98px){:where(.card){margin:var(--spacing-xs)}}@media(min-width:1024px){:where(.card){margin:var(--spacing-md)}}.card_round-None{border-radius:var(--border-radius-none)}.card_round-Small{border-radius:var(--border-radius-sm)}.card_round-Medium{border-radius:var(--border-radius-md)}.card_round-Large{border-radius:var(--border-radius-lg)}.card_round-Full{border-radius:var(--border-radius-full)}.card_shadow-None{box-shadow:var(--box-shadow-none)}.card_shadow-Light{box-shadow:var(--box-shadow-light)}.card_shadow-Medium{box-shadow:var(--box-shadow-medium)}.card_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.card_shadow-Intense{box-shadow:var(--box-shadow-intense)}.card_fade-in{animation:fade-in .8s ease-in-out}.card_media{width:100%;height:auto;position:relative;aspect-ratio:4/4;object-fit:cover;border-bottom:1px solid rgba(0,0,0,.05)}@media(max-width:479.98px){.card_media{aspect-ratio:1/1}}@media(min-width:1024px){.card_media{aspect-ratio:16/9}}.card_image{width:100%;height:100%;object-fit:cover;display:block}.card_vertical,.card_vertical .card_content{flex-direction:column}.card_vertical .card_image{width:100%;max-height:200px}@media(max-width:479.98px){.card_vertical .card_image{max-height:150px}}@media(min-width:1024px){.card_vertical .card_image{max-height:300px}}.card_glass{background:var(--glass-background);border:1px solid var(--glass-border-color);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}.card_disabled{background-color:var(--disabled-color);color:var(--text-color-primary);cursor:not-allowed;pointer-events:none;opacity:.6;box-shadow:none}.card_outline{background:transparent;border:2px solid currentcolor;box-shadow:none}@media(max-width:479.98px){.card_outline{border-width:1.5px}}.card_border-None{border-width:var(--border-width-none);border-style:solid;border-color:var(--divider-color)}.card_border-Xs{border-width:var(--border-width-xs);border-style:solid;border-color:var(--divider-color)}.card_border-Small{border-width:var(--border-width-sm);border-style:solid;border-color:var(--divider-color)}.card_border-Medium{border-width:var(--border-width-md);border-style:solid;border-color:var(--divider-color)}.card_border-Large{border-width:var(--border-width-lg);border-style:solid;border-color:var(--divider-color)}.card_border-Xl{border-width:var(--border-width-xl);border-style:solid;border-color:var(--divider-color)}.card_primary{background:var(--primary-color);color:var(--text-color-primary);--card-glass-bg: var(--primary-glass-background);--card-glass-hover-bg: var(--primary-glass-background-hover);--card-glass-border: var(--primary-glass-border);--card-glass-text: var(--text-color-primary)}.card_primary .card_loading{background-color:transparent}.card_primary.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_primary.card_glass.card_clickable:hover{background:var(--card-glass-hover-bg);border-color:var(--card-glass-border)}.card_primary.card_outline{background:transparent;border-color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:none;color:inherit}@media(max-width:479.98px){.card_primary.card_outline{border-width:1.5px}}.card_primary.card_outline.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_secondary{background:var(--secondary-color);color:var(--text-color-secondary);--card-glass-bg: var(--secondary-glass-background);--card-glass-hover-bg: var(--secondary-glass-background-hover);--card-glass-border: var(--secondary-glass-border);--card-glass-text: var(--text-color-secondary)}.card_secondary .card_loading{background-color:transparent}.card_secondary.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_secondary.card_glass.card_clickable:hover{background:var(--card-glass-hover-bg);border-color:var(--card-glass-border)}.card_secondary.card_outline{background:transparent;border-color:var(--secondary-color);border:2px solid var(--secondary-color);box-shadow:none;color:inherit}@media(max-width:479.98px){.card_secondary.card_outline{border-width:1.5px}}.card_secondary.card_outline.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_tertiary{background:var(--tertiary-color);color:var(--text-color-tertiary);--card-glass-bg: var(--tertiary-glass-background);--card-glass-hover-bg: var(--tertiary-glass-background-hover);--card-glass-border: var(--tertiary-glass-border);--card-glass-text: var(--text-color-tertiary)}.card_tertiary .card_loading{background-color:transparent}.card_tertiary.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_tertiary.card_glass.card_clickable:hover{background:var(--card-glass-hover-bg);border-color:var(--card-glass-border)}.card_tertiary.card_outline{background:transparent;border-color:var(--tertiary-color);border:2px solid var(--tertiary-color);box-shadow:none;color:inherit}@media(max-width:479.98px){.card_tertiary.card_outline{border-width:1.5px}}.card_tertiary.card_outline.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_quaternary{background:var(--quaternary-color);color:var(--text-color-quaternary);--card-glass-bg: var(--quaternary-glass-background);--card-glass-hover-bg: var(--quaternary-glass-background-hover);--card-glass-border: var(--quaternary-glass-border);--card-glass-text: var(--text-color-quaternary)}.card_quaternary .card_loading{background-color:transparent}.card_quaternary.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_quaternary.card_glass.card_clickable:hover{background:var(--card-glass-hover-bg);border-color:var(--card-glass-border)}.card_quaternary.card_outline{background:transparent;border-color:var(--quaternary-color);border:2px solid var(--quaternary-color);box-shadow:none;color:inherit}@media(max-width:479.98px){.card_quaternary.card_outline{border-width:1.5px}}.card_quaternary.card_outline.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_clear{background:transparent;color:var(--text-color);--card-glass-bg: var(--clear-glass-background);--card-glass-hover-bg: var(--clear-glass-background-hover);--card-glass-border: var(--clear-glass-border);--card-glass-text: var(--text-color)}.card_clear .card_loading{background-color:transparent}.card_clear.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_clear.card_glass.card_clickable:hover{background:var(--card-glass-hover-bg);border-color:var(--card-glass-border)}.card_clear.card_outline{background:transparent;border-color:var(--border-color);border:2px solid var(--border-color);box-shadow:none;color:inherit}@media(max-width:479.98px){.card_clear.card_outline{border-width:1.5px}}.card_clear.card_outline.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_success{background:var(--success-color);color:var(--success-text-color);--card-glass-bg: var(--success-glass-background);--card-glass-hover-bg: var(--success-glass-background-hover);--card-glass-border: var(--success-glass-border);--card-glass-text: var(--success-text-color)}.card_success .card_loading{background-color:transparent}.card_success.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_success.card_glass.card_clickable:hover{background:var(--card-glass-hover-bg);border-color:var(--card-glass-border)}.card_success.card_outline{background:transparent;border:2px solid var(--success-color)}@media(max-width:479.98px){.card_success.card_outline{border-width:1.5px}}.card_success.card_outline.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_error{background:var(--error-color);color:var(--error-text-color);--card-glass-bg: var(--error-glass-background);--card-glass-hover-bg: var(--error-glass-background-hover);--card-glass-border: var(--error-glass-border);--card-glass-text: var(--error-text-color)}.card_error .card_loading{background-color:transparent}.card_error.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_error.card_glass.card_clickable:hover{background:var(--card-glass-hover-bg);border-color:var(--card-glass-border)}.card_error.card_outline{background:transparent;border:2px solid var(--error-color)}@media(max-width:479.98px){.card_error.card_outline{border-width:1.5px}}.card_error.card_outline.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_warning{background:var(--warning-color);color:var(--warning-text-color);--card-glass-bg: var(--warning-glass-background);--card-glass-hover-bg: var(--warning-glass-background-hover);--card-glass-border: var(--warning-glass-border);--card-glass-text: var(--warning-text-color)}.card_warning .card_loading{background-color:transparent}.card_warning.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_warning.card_glass.card_clickable:hover{background:var(--card-glass-hover-bg);border-color:var(--card-glass-border)}.card_warning.card_outline{background:transparent;border:2px solid var(--warning-color)}@media(max-width:479.98px){.card_warning.card_outline{border-width:1.5px}}.card_warning.card_outline.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_info{background:var(--info-color);color:var(--info-text-color);--card-glass-bg: var(--info-glass-background);--card-glass-hover-bg: var(--info-glass-background-hover);--card-glass-border: var(--info-glass-border);--card-glass-text: var(--info-text-color)}.card_info .card_loading{background-color:transparent}.card_info.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_info.card_glass.card_clickable:hover{background:var(--card-glass-hover-bg);border-color:var(--card-glass-border)}.card_info.card_outline{background:transparent;border:2px solid var(--info-color)}@media(max-width:479.98px){.card_info.card_outline{border-width:1.5px}}.card_info.card_outline.card_glass{background:var(--card-glass-bg);border:1px solid var(--card-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.card_outline.card_border-Xs{border-width:var(--border-width-xs)}.card_outline.card_border-Small{border-width:var(--border-width-sm)}.card_outline.card_border-Medium{border-width:var(--border-width-md)}.card_outline.card_border-Large{border-width:var(--border-width-lg)}.card_outline.card_border-Xl{border-width:var(--border-width-xl)}.card .card_loading{background:none;box-shadow:none;padding:0;margin:0;display:flex;justify-content:center;align-items:center;min-height:250px}@media(max-width:479.98px){.card .card_loading{min-height:180px}}@media(min-width:1024px){.card .card_loading{min-height:300px}}.card_content{display:flex;flex-direction:column;width:100%}.card_header{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-md)}@media(max-width:479.98px){.card_header{padding:var(--spacing-sm)}}@media(min-width:1024px){.card_header{padding:var(--spacing-lg)}}.card_header,.card_body{padding:var(--spacing-md);display:flex;align-items:center;justify-content:center}.card_body{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}@media(min-width:1024px){.card_body{gap:var(--spacing-md)}}.card_title{margin:0;flex:1;display:flex;gap:var(--spacing-sm);font-family:var(--font-family-heading);font-size:var(--font-size-h4);font-weight:var(--font-weight-h4);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}@media(max-width:479.98px){.card_title{font-size:var(--font-size-h6)}}@media(min-width:1024px){.card_title{font-size:var(--font-size-h3)}}.card_icon{font-size:1.2em;display:flex;color:inherit;line-height:1}@media(max-width:479.98px){.card_icon{font-size:1em}}@media(min-width:1024px){.card_icon{font-size:1.4em}}.card_description{color:inherit;width:95%;margin:var(--spacing-xxs) auto;font-family:var(--font-family-body);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}@media(max-width:479.98px){.card_description{font-size:var(--font-size-label)}}@media(min-width:1024px){.card_description{font-size:var(--font-size-body)}}.card_footer{padding:var(--spacing-sm)}@media(max-width:479.98px){.card_footer{padding:var(--spacing-xs);border-width:1px}}@media(min-width:1024px){.card_footer{padding:var(--spacing-md)}}.card_actions{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;padding:var(--spacing-sm);gap:var(--spacing-sm)}@media(max-width:479.98px){.card_actions{gap:var(--spacing-xs)}}@media(min-width:1024px){.card_actions{gap:var(--spacing-md)}}.card_xs .card_description{font-size:var(--font-size-caption)}.card_xs .card_icon{font-size:.9em}.card_xs .card_title{font-size:var(--font-size-label);line-height:var(--line-height-heading)}.card_xs .card_children{font-family:var(--font-family-body);font-size:var(--font-size-caption);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.card_small .card_description{font-size:var(--font-size-label)}.card_small .card_icon{font-size:1em}.card_small .card_title{font-size:var(--font-size-body-sm)}.card_small .card_children{font-family:var(--font-family-body);font-size:var(--font-size-label);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.card_medium .card_description{font-size:var(--font-size-body-sm)}.card_medium .card_icon{font-size:1.2em}.card_medium .card_title{font-size:var(--font-size-body)}.card_medium .card_children{font-family:var(--font-family-body);font-size:var(--font-size-body-sm);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.card_large .card_description{font-size:var(--font-size-body)}.card_large .card_icon{font-size:1.4em}.card_large .card_title{font-size:var(--font-size-h6)}.card_large .card_children{font-family:var(--font-family-body);font-size:var(--font-size-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.card_xl .card_description{font-size:var(--font-size-h6)}.card_xl .card_icon{font-size:1.2em}.card_xl .card_title{font-size:var(--font-size-h4)}.card_xl .card_children{font-family:var(--font-family-body);font-size:var(--font-size-h6);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.card_left{text-align:left}.card_left .card_header,.card_left .card_body,.card_left .card_footer,.card_left .card_actions{align-items:flex-start;justify-content:flex-start;text-align:left}.card_center{text-align:center}.card_center .card_header,.card_center .card_body,.card_center .card_footer,.card_center .card_actions{align-items:center;justify-content:center;text-align:center}.card_right{text-align:right}.card_right .card_header,.card_right .card_body,.card_right .card_footer,.card_right .card_actions{align-items:flex-end;justify-content:flex-end;text-align:right}.card_horizontal{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:200px;width:100%;height:auto}@media(max-width:479.98px){.card_horizontal{flex-direction:column;min-height:150px}}@media(min-width:1024px){.card_horizontal{min-height:250px}}.card_horizontal .card_content{flex-direction:row;flex:1;width:100%;height:100%}@media(max-width:479.98px){.card_horizontal .card_content{flex-direction:column}}.card_horizontal .card_image{width:50%;height:auto;aspect-ratio:1.5;object-fit:cover;display:block}@media(max-width:479.98px){.card_horizontal .card_image{width:100%;aspect-ratio:1/1}}@media(min-width:1024px){.card_horizontal .card_image{aspect-ratio:16/10}}.card_horizontal .card_body{flex:1;padding:var(--spacing-md);display:flex;flex-direction:column;justify-content:center}@media(max-width:479.98px){.card_horizontal .card_body{padding:var(--spacing-sm)}}@media(min-width:1024px){.card_horizontal .card_body{padding:var(--spacing-lg)}}.card_horizontal .card_footer{padding:var(--spacing-sm)}@media(max-width:479.98px){.card_horizontal .card_footer{padding:var(--spacing-xs)}}@media(min-width:1024px){.card_horizontal .card_footer{padding:var(--spacing-md)}}.card_clickable{cursor:pointer;transition:transform var(--transition-default),box-shadow var(--transition-default)}.card_clickable:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-medium)}.card_clickable:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:3px;box-shadow:0 0 0 4px #3333}@media(max-width:479.98px){.card_clickable:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-light)}}@media(prefers-reduced-motion:reduce){.card,.card *{animation:none!important;transition:none!important}.card_clickable:hover{transform:none!important;box-shadow:none!important}}@media(hover:none){.card_clickable:hover{transform:none;box-shadow:none}}@media(forced-colors:active){.card{border:1px solid ButtonText;outline-color:Highlight;box-shadow:none!important;background:Canvas;color:CanvasText}.card_glass{background:Canvas;border:1px solid ButtonText;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}.card_outline{border:1px solid ButtonText}.card_clickable:focus-visible{outline:2px solid Highlight;outline-offset:3px}}.card_primary:focus-within,.card_secondary:focus-within,.card_tertiary:focus-within,.card_quaternary:focus-within,.card_success:focus-within,.card_error:focus-within,.card_warning:focus-within{box-shadow:0 0 0 3px #4d4d4d26}}
|
package/dist/core/Chip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{left:-100%}to{left:100%}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bar-chart-grow{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes donut-chart-draw{0%{opacity:0;transform:rotate(-8deg) scale(.96)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes line-chart-draw{0%{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}to{opacity:1;stroke-dasharray:1;stroke-dashoffset:0}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.chip{position:relative;z-index:9999;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-family-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);max-width:90vw;width:fit-content;min-width:180px;opacity:1;text-align:center;animation:fade-in .3s ease-out;transition:transform var(--transition-default),opacity var(--transition-default),box-shadow var(--transition-default)}@media(max-width:479.98px){.chip{min-width:150px;max-width:96vw}}@media(min-width:1024px){.chip{min-width:220px;max-width:70vw}}.chip_round-None{border-radius:var(--border-radius-none)}.chip_round-Small{border-radius:var(--border-radius-sm)}.chip_round-Medium{border-radius:var(--border-radius-md)}.chip_round-Large{border-radius:var(--border-radius-lg)}.chip_round-Full{border-radius:var(--border-radius-full)}.chip_shadow-None{box-shadow:var(--box-shadow-none)}.chip_shadow-Light{box-shadow:var(--box-shadow-light)}.chip_shadow-Medium{box-shadow:var(--box-shadow-medium)}.chip_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.chip_shadow-Intense{box-shadow:var(--box-shadow-intense)}.chip:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:3px}.chip_fixed{position:fixed;left:50%;transform:translate(-50%)}.chip_fadeout{opacity:0;transform:translate(-50%,-10px)}.chip_top_center{top:20px}.chip_bottom_center{bottom:20px}.chip_top_left{top:20px;left:20px;transform:none}.chip_top_right{top:20px;right:20px;left:auto;transform:none}.chip_bottom_left{bottom:20px;left:20px;transform:none}.chip_bottom_right{bottom:20px;right:20px;left:auto;transform:none}.chip_glass{background:var(--chip-glass-bg, var(--glass-background));border:1px solid var(--chip-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-color:var(--chip-glass-border, var(--glass-border-color));color:inherit;isolation:isolate}.chip_glass:focus-visible{outline:2px solid var(--chip-glass-border, var(--glass-border-color));outline-offset:3px}.chip_glass:hover{background:var(--chip-glass-hover-bg, var(--glass-background-strong))}.chip_primary{background-color:var(--primary-color);color:var(--text-color-primary);border:1px solid var(--primary-color);--chip-glass-bg: var(--primary-glass-background);--chip-glass-hover-bg: var(--primary-glass-background-hover);--chip-glass-border: var(--primary-glass-border);--chip-glass-text: var(--text-color-primary)}.chip_primary:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.chip_primary.chip_glass{background-color:var(--chip-glass-bg);background:var(--chip-glass-bg);border:1px solid var(--chip-glass-border);color:inherit}.chip_secondary{background-color:var(--secondary-color);color:var(--text-color-secondary);border:1px solid var(--secondary-color);--chip-glass-bg: var(--secondary-glass-background);--chip-glass-hover-bg: var(--secondary-glass-background-hover);--chip-glass-border: var(--secondary-glass-border);--chip-glass-text: var(--text-color-secondary)}.chip_secondary:focus-visible{outline:2px solid var(--secondary-color);outline-offset:3px}.chip_secondary.chip_glass{background-color:var(--chip-glass-bg);background:var(--chip-glass-bg);border:1px solid var(--chip-glass-border);color:inherit}.chip_tertiary{background-color:var(--tertiary-color);color:var(--text-color-tertiary);border:1px solid var(--tertiary-color);--chip-glass-bg: var(--tertiary-glass-background);--chip-glass-hover-bg: var(--tertiary-glass-background-hover);--chip-glass-border: var(--tertiary-glass-border);--chip-glass-text: var(--text-color-tertiary)}.chip_tertiary:focus-visible{outline:2px solid var(--tertiary-color);outline-offset:3px}.chip_tertiary.chip_glass{background-color:var(--chip-glass-bg);background:var(--chip-glass-bg);border:1px solid var(--chip-glass-border);color:inherit}.chip_quaternary{background-color:var(--quaternary-color);color:var(--text-color-quaternary);border:1px solid var(--quaternary-color);--chip-glass-bg: var(--quaternary-glass-background);--chip-glass-hover-bg: var(--quaternary-glass-background-hover);--chip-glass-border: var(--quaternary-glass-border);--chip-glass-text: var(--text-color-quaternary)}.chip_quaternary:focus-visible{outline:2px solid var(--quaternary-color);outline-offset:3px}.chip_quaternary.chip_glass{background-color:var(--chip-glass-bg);background:var(--chip-glass-bg);border:1px solid var(--chip-glass-border);color:inherit}.chip_clear{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color);--chip-glass-bg: var(--clear-glass-background);--chip-glass-hover-bg: var(--clear-glass-background-hover);--chip-glass-border: var(--clear-glass-border);--chip-glass-text: var(--text-color)}.chip_clear:focus-visible{outline:2px solid var(--border-color);outline-offset:3px}.chip_clear.chip_glass{background-color:var(--chip-glass-bg);background:var(--chip-glass-bg);border:1px solid var(--chip-glass-border);color:inherit}.chip_success{background-color:var(--success-color);color:var(--success-text-color);border:1px solid var(--success-color);--chip-glass-bg: var(--success-glass-background);--chip-glass-hover-bg: var(--success-glass-background-hover);--chip-glass-border: var(--success-glass-border);--chip-glass-text: var(--success-text-color)}.chip_success:focus-visible{outline:2px solid var(--success-color);outline-offset:3px}.chip_success.chip_glass{background-color:var(--chip-glass-bg);background:var(--chip-glass-bg);border:1px solid var(--chip-glass-border);color:inherit}.chip_error{background-color:var(--error-color);color:var(--error-text-color);border:1px solid var(--error-color);--chip-glass-bg: var(--error-glass-background);--chip-glass-hover-bg: var(--error-glass-background-hover);--chip-glass-border: var(--error-glass-border);--chip-glass-text: var(--error-text-color)}.chip_error:focus-visible{outline:2px solid var(--error-color);outline-offset:3px}.chip_error.chip_glass{background-color:var(--chip-glass-bg);background:var(--chip-glass-bg);border:1px solid var(--chip-glass-border);color:inherit}.chip_warning{background-color:var(--warning-color);color:var(--warning-text-color);border:1px solid var(--warning-color);--chip-glass-bg: var(--warning-glass-background);--chip-glass-hover-bg: var(--warning-glass-background-hover);--chip-glass-border: var(--warning-glass-border);--chip-glass-text: var(--warning-text-color)}.chip_warning:focus-visible{outline:2px solid var(--warning-color);outline-offset:3px}.chip_warning.chip_glass{background-color:var(--chip-glass-bg);background:var(--chip-glass-bg);border:1px solid var(--chip-glass-border);color:inherit}.chip_info{background-color:var(--info-color);color:var(--info-text-color);border:1px solid var(--info-color);--chip-glass-bg: var(--info-glass-background);--chip-glass-hover-bg: var(--info-glass-background-hover);--chip-glass-border: var(--info-glass-border);--chip-glass-text: var(--info-text-color)}.chip_info:focus-visible{outline:2px solid var(--info-color);outline-offset:3px}.chip_info.chip_glass{background-color:var(--chip-glass-bg);background:var(--chip-glass-bg);border:1px solid var(--chip-glass-border);color:inherit}.chip_icon{margin-right:var(--spacing-sm);display:flex;align-items:center;margin-top:-.1em}@media(max-width:479.98px){.chip_icon{margin-right:var(--spacing-xs)}}@media(min-width:1024px){.chip_icon{margin-right:var(--spacing-md)}}.chip_message{flex-grow:1;margin-right:12px;font:inherit;line-height:inherit;letter-spacing:inherit}@media(max-width:479.98px){.chip_message{margin-right:var(--spacing-xs)}}@media(min-width:1024px){.chip_message{margin-right:var(--spacing-sm)}}.chip_close{min-width:unset;min-height:unset;height:1.2em;width:1.2em;padding:0}.chip_icon_inner{height:1em;width:1em}.chip_xs{padding:5px 9px;height:20px}.chip_xs .chip_message{font-size:var(--font-size-caption)}.chip_xs .chip_icon_inner{height:.8rem;width:.8rem}@media(max-width:479.98px){.chip_xs .chip_message{font-size:var(--font-size-caption)}.chip_xs{padding:5px 10px}}@media(min-width:1024px){.chip_xs .chip_message{font-size:calc(var(--font-size-caption) * 1.05)}.chip_xs{padding:8px 14px}}.chip_small{padding:6px 10px;height:20px}.chip_small .chip_message{font-size:var(--font-size-label)}.chip_small .chip_icon_inner{height:.9rem;width:.9rem}@media(max-width:479.98px){.chip_small .chip_message{font-size:var(--font-size-label)}.chip_small{padding:5px 10px}}@media(min-width:1024px){.chip_small .chip_message{font-size:calc(var(--font-size-label) * 1.05)}.chip_small{padding:8px 14px}}.chip_medium{padding:6px 12px}.chip_medium .chip_message{font-size:var(--font-size-body-sm)}.chip_medium .chip_icon_inner{height:1.2rem;width:1.2rem}@media(max-width:479.98px){.chip_medium .chip_message{font-size:var(--font-size-body-sm)}.chip_medium{padding:5px 10px}}@media(min-width:1024px){.chip_medium .chip_message{font-size:calc(var(--font-size-body-sm) * 1.05)}.chip_medium{padding:8px 14px}}.chip_large{padding:6px 14px}.chip_large .chip_message{font-size:var(--font-size-body)}.chip_large .chip_icon_inner{height:1.3rem;width:1.3rem}@media(max-width:479.98px){.chip_large .chip_message{font-size:var(--font-size-body)}.chip_large{padding:5px 10px}}@media(min-width:1024px){.chip_large .chip_message{font-size:calc(var(--font-size-body) * 1.05)}.chip_large{padding:8px 14px}}.chip_xl{padding:10px 18px}.chip_xl .chip_message{font-size:var(--font-size-h6)}.chip_xl .chip_icon_inner{height:2rem;width:2rem}@media(max-width:479.98px){.chip_xl .chip_message{font-size:var(--font-size-h6)}.chip_xl{padding:5px 10px}}@media(min-width:1024px){.chip_xl .chip_message{font-size:calc(var(--font-size-h6) * 1.05)}.chip_xl{padding:12px 20px}}@media(prefers-reduced-motion:reduce){.chip,.chip *{animation:none!important;transition:none!important}.chip:hover{transform:none!important;box-shadow:none!important}}@media(hover:none){.chip:hover{transform:none;box-shadow:none}}@media(forced-colors:active){.chip{border:1px solid ButtonText;background:Canvas;color:CanvasText;outline-color:Highlight;box-shadow:none!important}.chip_glass{background:Canvas;border:1px solid ButtonText;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}}}
|
|
1
|
+
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{transform:translate(-100%)}to{transform:translate(150%)}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bar-chart-grow{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes donut-chart-draw{0%{opacity:0;transform:rotate(-8deg) scale(.96)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes line-chart-draw{0%{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}to{opacity:1;stroke-dasharray:1;stroke-dashoffset:0}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.chip{position:relative;z-index:9999;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-family-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);max-width:90vw;width:fit-content;min-width:180px;opacity:1;text-align:center;animation:fade-in .3s ease-out;transition:transform var(--transition-default),opacity var(--transition-default),box-shadow var(--transition-default)}@media(max-width:479.98px){.chip{min-width:150px;max-width:96vw}}@media(min-width:1024px){.chip{min-width:220px;max-width:70vw}}.chip_round-None{border-radius:var(--border-radius-none)}.chip_round-Small{border-radius:var(--border-radius-sm)}.chip_round-Medium{border-radius:var(--border-radius-md)}.chip_round-Large{border-radius:var(--border-radius-lg)}.chip_round-Full{border-radius:var(--border-radius-full)}.chip_shadow-None{box-shadow:var(--box-shadow-none)}.chip_shadow-Light{box-shadow:var(--box-shadow-light)}.chip_shadow-Medium{box-shadow:var(--box-shadow-medium)}.chip_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.chip_shadow-Intense{box-shadow:var(--box-shadow-intense)}.chip:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:3px}.chip_fixed{position:fixed;left:50%;transform:translate(-50%)}.chip_fadeout{opacity:0;transform:translate(-50%,-10px)}.chip_top_center{top:20px}.chip_bottom_center{bottom:20px}.chip_top_left{top:20px;left:20px;transform:none}.chip_top_right{top:20px;right:20px;left:auto;transform:none}.chip_bottom_left{bottom:20px;left:20px;transform:none}.chip_bottom_right{bottom:20px;right:20px;left:auto;transform:none}.chip_glass{background:var(--chip-glass-bg, var(--glass-background));border:1px solid var(--chip-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-color:var(--chip-glass-border, var(--glass-border-color));color:inherit;isolation:isolate}.chip_glass:focus-visible{outline:2px solid var(--chip-glass-border, var(--glass-border-color));outline-offset:3px}.chip_glass:hover{background:var(--chip-glass-hover-bg, var(--glass-background-strong))}.chip_primary{background-color:var(--primary-color);color:var(--text-color-primary);border:1px solid var(--primary-color);--chip-glass-bg: var(--primary-glass-background);--chip-glass-hover-bg: var(--primary-glass-background-hover);--chip-glass-border: var(--primary-glass-border);--chip-glass-text: var(--text-color-primary)}.chip_primary:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.chip_primary.chip_glass{background-color:var(--chip-glass-bg);background:var(--chip-glass-bg);border:1px solid var(--chip-glass-border);color:inherit}.chip_secondary{background-color:var(--secondary-color);color:var(--text-color-secondary);border:1px solid var(--secondary-color);--chip-glass-bg: var(--secondary-glass-background);--chip-glass-hover-bg: var(--secondary-glass-background-hover);--chip-glass-border: var(--secondary-glass-border);--chip-glass-text: var(--text-color-secondary)}.chip_secondary:focus-visible{outline:2px solid var(--secondary-color);outline-offset:3px}.chip_secondary.chip_glass{background-color:var(--chip-glass-bg);background:var(--chip-glass-bg);border:1px solid var(--chip-glass-border);color:inherit}.chip_tertiary{background-color:var(--tertiary-color);color:var(--text-color-tertiary);border:1px solid var(--tertiary-color);--chip-glass-bg: var(--tertiary-glass-background);--chip-glass-hover-bg: var(--tertiary-glass-background-hover);--chip-glass-border: var(--tertiary-glass-border);--chip-glass-text: var(--text-color-tertiary)}.chip_tertiary:focus-visible{outline:2px solid var(--tertiary-color);outline-offset:3px}.chip_tertiary.chip_glass{background-color:var(--chip-glass-bg);background:var(--chip-glass-bg);border:1px solid var(--chip-glass-border);color:inherit}.chip_quaternary{background-color:var(--quaternary-color);color:var(--text-color-quaternary);border:1px solid var(--quaternary-color);--chip-glass-bg: var(--quaternary-glass-background);--chip-glass-hover-bg: var(--quaternary-glass-background-hover);--chip-glass-border: var(--quaternary-glass-border);--chip-glass-text: var(--text-color-quaternary)}.chip_quaternary:focus-visible{outline:2px solid var(--quaternary-color);outline-offset:3px}.chip_quaternary.chip_glass{background-color:var(--chip-glass-bg);background:var(--chip-glass-bg);border:1px solid var(--chip-glass-border);color:inherit}.chip_clear{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color);--chip-glass-bg: var(--clear-glass-background);--chip-glass-hover-bg: var(--clear-glass-background-hover);--chip-glass-border: var(--clear-glass-border);--chip-glass-text: var(--text-color)}.chip_clear:focus-visible{outline:2px solid var(--border-color);outline-offset:3px}.chip_clear.chip_glass{background-color:var(--chip-glass-bg);background:var(--chip-glass-bg);border:1px solid var(--chip-glass-border);color:inherit}.chip_success{background-color:var(--success-color);color:var(--success-text-color);border:1px solid var(--success-color);--chip-glass-bg: var(--success-glass-background);--chip-glass-hover-bg: var(--success-glass-background-hover);--chip-glass-border: var(--success-glass-border);--chip-glass-text: var(--success-text-color)}.chip_success:focus-visible{outline:2px solid var(--success-color);outline-offset:3px}.chip_success.chip_glass{background-color:var(--chip-glass-bg);background:var(--chip-glass-bg);border:1px solid var(--chip-glass-border);color:inherit}.chip_error{background-color:var(--error-color);color:var(--error-text-color);border:1px solid var(--error-color);--chip-glass-bg: var(--error-glass-background);--chip-glass-hover-bg: var(--error-glass-background-hover);--chip-glass-border: var(--error-glass-border);--chip-glass-text: var(--error-text-color)}.chip_error:focus-visible{outline:2px solid var(--error-color);outline-offset:3px}.chip_error.chip_glass{background-color:var(--chip-glass-bg);background:var(--chip-glass-bg);border:1px solid var(--chip-glass-border);color:inherit}.chip_warning{background-color:var(--warning-color);color:var(--warning-text-color);border:1px solid var(--warning-color);--chip-glass-bg: var(--warning-glass-background);--chip-glass-hover-bg: var(--warning-glass-background-hover);--chip-glass-border: var(--warning-glass-border);--chip-glass-text: var(--warning-text-color)}.chip_warning:focus-visible{outline:2px solid var(--warning-color);outline-offset:3px}.chip_warning.chip_glass{background-color:var(--chip-glass-bg);background:var(--chip-glass-bg);border:1px solid var(--chip-glass-border);color:inherit}.chip_info{background-color:var(--info-color);color:var(--info-text-color);border:1px solid var(--info-color);--chip-glass-bg: var(--info-glass-background);--chip-glass-hover-bg: var(--info-glass-background-hover);--chip-glass-border: var(--info-glass-border);--chip-glass-text: var(--info-text-color)}.chip_info:focus-visible{outline:2px solid var(--info-color);outline-offset:3px}.chip_info.chip_glass{background-color:var(--chip-glass-bg);background:var(--chip-glass-bg);border:1px solid var(--chip-glass-border);color:inherit}.chip_icon{margin-right:var(--spacing-sm);display:flex;align-items:center;margin-top:-.1em}@media(max-width:479.98px){.chip_icon{margin-right:var(--spacing-xs)}}@media(min-width:1024px){.chip_icon{margin-right:var(--spacing-md)}}.chip_message{flex-grow:1;margin-right:12px;font:inherit;line-height:inherit;letter-spacing:inherit}@media(max-width:479.98px){.chip_message{margin-right:var(--spacing-xs)}}@media(min-width:1024px){.chip_message{margin-right:var(--spacing-sm)}}.chip_close{min-width:unset;min-height:unset;height:1.2em;width:1.2em;padding:0}.chip_icon_inner{height:1em;width:1em}.chip_xs{padding:5px 9px;height:20px}.chip_xs .chip_message{font-size:var(--font-size-caption)}.chip_xs .chip_icon_inner{height:.8rem;width:.8rem}@media(max-width:479.98px){.chip_xs .chip_message{font-size:var(--font-size-caption)}.chip_xs{padding:5px 10px}}@media(min-width:1024px){.chip_xs .chip_message{font-size:calc(var(--font-size-caption) * 1.05)}.chip_xs{padding:8px 14px}}.chip_small{padding:6px 10px;height:20px}.chip_small .chip_message{font-size:var(--font-size-label)}.chip_small .chip_icon_inner{height:.9rem;width:.9rem}@media(max-width:479.98px){.chip_small .chip_message{font-size:var(--font-size-label)}.chip_small{padding:5px 10px}}@media(min-width:1024px){.chip_small .chip_message{font-size:calc(var(--font-size-label) * 1.05)}.chip_small{padding:8px 14px}}.chip_medium{padding:6px 12px}.chip_medium .chip_message{font-size:var(--font-size-body-sm)}.chip_medium .chip_icon_inner{height:1.2rem;width:1.2rem}@media(max-width:479.98px){.chip_medium .chip_message{font-size:var(--font-size-body-sm)}.chip_medium{padding:5px 10px}}@media(min-width:1024px){.chip_medium .chip_message{font-size:calc(var(--font-size-body-sm) * 1.05)}.chip_medium{padding:8px 14px}}.chip_large{padding:6px 14px}.chip_large .chip_message{font-size:var(--font-size-body)}.chip_large .chip_icon_inner{height:1.3rem;width:1.3rem}@media(max-width:479.98px){.chip_large .chip_message{font-size:var(--font-size-body)}.chip_large{padding:5px 10px}}@media(min-width:1024px){.chip_large .chip_message{font-size:calc(var(--font-size-body) * 1.05)}.chip_large{padding:8px 14px}}.chip_xl{padding:10px 18px}.chip_xl .chip_message{font-size:var(--font-size-h6)}.chip_xl .chip_icon_inner{height:2rem;width:2rem}@media(max-width:479.98px){.chip_xl .chip_message{font-size:var(--font-size-h6)}.chip_xl{padding:5px 10px}}@media(min-width:1024px){.chip_xl .chip_message{font-size:calc(var(--font-size-h6) * 1.05)}.chip_xl{padding:12px 20px}}@media(prefers-reduced-motion:reduce){.chip,.chip *{animation:none!important;transition:none!important}.chip:hover{transform:none!important;box-shadow:none!important}}@media(hover:none){.chip:hover{transform:none;box-shadow:none}}@media(forced-colors:active){.chip{border:1px solid ButtonText;background:Canvas;color:CanvasText;outline-color:Highlight;box-shadow:none!important}.chip_glass{background:Canvas;border:1px solid ButtonText;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}}}
|
package/dist/core/DatePicker.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{left:-100%}to{left:100%}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bar-chart-grow{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes donut-chart-draw{0%{opacity:0;transform:rotate(-8deg) scale(.96)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes line-chart-draw{0%{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}to{opacity:1;stroke-dasharray:1;stroke-dashoffset:0}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.datePicker_container{display:inline-flex;gap:var(--spacing-xs);align-items:flex-start;max-width:100%;font-family:var(--font-family-body)}.datePicker_label{font-family:var(--font-family-ui);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-ui);line-height:var(--line-height-label);color:var(--text-color-primary)}.datePicker_labelTop{flex-direction:column}.datePicker_labelBottom{flex-direction:column-reverse}.datePicker_labelLeft{flex-direction:row;align-items:center}.datePicker_labelRight{flex-direction:row-reverse;align-items:center}.datePicker{--datePicker-glass-bg: rgba(255, 255, 255, .18);--datePicker-glass-hover-bg: rgba(255, 255, 255, .24);--datePicker-glass-border: rgba(255, 255, 255, .28);--datePicker-glass-text: var(--text-color-primary);display:inline-flex;align-items:center;gap:var(--spacing-sm);min-width:0;max-width:100%;height:fit-content;border:1px solid transparent;border-radius:var(--border-radius-md);background:var(--background-color);color:var(--text-color-primary);box-shadow:var(--box-shadow-sm);transition:var(--transition-default)}.datePicker_content{min-width:0;max-width:100%;overflow-wrap:anywhere}.datePicker_fullWidth,.datePicker_fullWidth .datePicker_inputWrapper{width:100%}.datePicker_inputWrapper{display:flex;align-items:stretch;width:min(100%,18rem);min-width:0;overflow:hidden;color:inherit;border-radius:inherit}.datePicker_inputWrapper:focus-within{outline:2px solid var(--focus-outline-color);outline-offset:2px}.datePicker_input{flex:1 1 auto;width:100%;min-width:0;padding:var(--spacing-xs) var(--spacing-sm);font:inherit;color:inherit;background:transparent;cursor:pointer;border:0;outline:0;color-scheme:dark}.datePicker_input::-webkit-calendar-picker-indicator{display:none;opacity:0}.datePicker_button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:2.25rem;min-width:2.25rem;color:inherit;cursor:pointer;background:transparent;border:0;border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;border-left:1px solid var(--border-color)}.datePicker_button svg{width:1rem;height:1rem}.datePicker_button:focus-visible{outline:2px solid var(--focus-outline-color);outline-offset:-2px}.datePicker_button:disabled{cursor:not-allowed;opacity:.6}.datePicker_description,.datePicker_helperText,.datePicker_errorText{max-width:100%;margin:0;font-size:var(--font-size-body-sm);line-height:1.4;color:inherit;overflow-wrap:anywhere}.datePicker_description,.datePicker_helperText{color:inherit}.datePicker_errorText{color:var(--error-color)}.datePicker_loader{display:inline-block;flex:0 0 auto;width:1rem;height:1rem;border:2px solid currentcolor;border-right-color:transparent;border-radius:50%;padding:2px;opacity:.72;animation:spin .7s linear infinite}.datePicker_primary{--datePicker-glass-bg: var(--primary-glass-background);--datePicker-glass-hover-bg: var(--primary-glass-background-hover);--datePicker-glass-border: var(--primary-glass-border);--datePicker-glass-text: var(--text-color-primary);background-color:var(--primary-color);color:var(--text-color-primary);border-color:var(--primary-color)}.datePicker_primary:hover{background-color:var(--primary-color-hover)}.datePicker_primary .datePicker_button{border-color:inherit}.datePicker_primary.datePicker_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--primary-color)}.datePicker_primary.datePicker_outline .datePicker_button{border-color:var(--primary-color)}.datePicker_secondary{--datePicker-glass-bg: var(--secondary-glass-background);--datePicker-glass-hover-bg: var(--secondary-glass-background-hover);--datePicker-glass-border: var(--secondary-glass-border);--datePicker-glass-text: var(--text-color-secondary);background-color:var(--secondary-color);color:var(--text-color-secondary);border-color:var(--secondary-color)}.datePicker_secondary:hover{background-color:var(--secondary-color-hover)}.datePicker_secondary .datePicker_button{border-color:inherit}.datePicker_secondary.datePicker_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--secondary-color)}.datePicker_secondary.datePicker_outline .datePicker_button{border-color:var(--secondary-color)}.datePicker_tertiary{--datePicker-glass-bg: var(--tertiary-glass-background);--datePicker-glass-hover-bg: var(--tertiary-glass-background-hover);--datePicker-glass-border: var(--tertiary-glass-border);--datePicker-glass-text: var(--text-color-tertiary);background-color:var(--tertiary-color);color:var(--text-color-tertiary);border-color:var(--tertiary-color)}.datePicker_tertiary:hover{background-color:var(--tertiary-color-hover)}.datePicker_tertiary .datePicker_button{border-color:inherit}.datePicker_tertiary.datePicker_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--tertiary-color)}.datePicker_tertiary.datePicker_outline .datePicker_button{border-color:var(--tertiary-color)}.datePicker_quaternary{--datePicker-glass-bg: var(--quaternary-glass-background);--datePicker-glass-hover-bg: var(--quaternary-glass-background-hover);--datePicker-glass-border: var(--quaternary-glass-border);--datePicker-glass-text: var(--text-color-quaternary);background-color:var(--quaternary-color);color:var(--text-color-quaternary);border-color:var(--quaternary-color)}.datePicker_quaternary:hover{background-color:var(--quaternary-color-hover)}.datePicker_quaternary .datePicker_button{border-color:inherit}.datePicker_quaternary.datePicker_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--quaternary-color)}.datePicker_quaternary.datePicker_outline .datePicker_button{border-color:var(--quaternary-color)}.datePicker_clear{--datePicker-glass-bg: var(--clear-glass-background);--datePicker-glass-hover-bg: var(--clear-glass-background-hover);--datePicker-glass-border: var(--clear-glass-border);--datePicker-glass-text: var(--text-color);background-color:transparent;color:var(--text-color);border-color:var(--border-color)}.datePicker_clear:hover{background-color:#0003}.datePicker_clear .datePicker_button{border-color:inherit}.datePicker_clear.datePicker_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--border-color)}.datePicker_clear.datePicker_outline .datePicker_button{border-color:var(--border-color)}.datePicker_success{--datePicker-glass-bg: var(--success-glass-background);--datePicker-glass-hover-bg: var(--success-glass-background-hover);--datePicker-glass-border: var(--success-glass-border);--datePicker-glass-text: var(--success-text-color);border-width:2px;border-color:var(--success-color);color:var(--success-text-color)}.datePicker_success .datePicker_button{border-color:var(--success-color)}.datePicker_success.datePicker_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--success-color)}.datePicker_success.datePicker_outline .datePicker_button{border-color:var(--success-color)}.datePicker_error{--datePicker-glass-bg: var(--error-glass-background);--datePicker-glass-hover-bg: var(--error-glass-background-hover);--datePicker-glass-border: var(--error-glass-border);--datePicker-glass-text: var(--error-text-color);border-width:2px;border-color:var(--error-color);color:var(--error-text-color)}.datePicker_error .datePicker_button{border-color:var(--error-color)}.datePicker_error.datePicker_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--error-color)}.datePicker_error.datePicker_outline .datePicker_button{border-color:var(--error-color)}.datePicker_warning{--datePicker-glass-bg: var(--warning-glass-background);--datePicker-glass-hover-bg: var(--warning-glass-background-hover);--datePicker-glass-border: var(--warning-glass-border);--datePicker-glass-text: var(--warning-text-color);border-width:2px;border-color:var(--warning-color);color:var(--warning-text-color)}.datePicker_warning .datePicker_button{border-color:var(--warning-color)}.datePicker_warning.datePicker_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--warning-color)}.datePicker_warning.datePicker_outline .datePicker_button{border-color:var(--warning-color)}.datePicker_info{--datePicker-glass-bg: var(--info-glass-background);--datePicker-glass-hover-bg: var(--info-glass-background-hover);--datePicker-glass-border: var(--info-glass-border);--datePicker-glass-text: var(--info-text-color);border-width:2px;border-color:var(--info-color);color:var(--info-text-color)}.datePicker_info .datePicker_button{border-color:var(--info-color)}.datePicker_info.datePicker_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--info-color)}.datePicker_info.datePicker_outline .datePicker_button{border-color:var(--info-color)}.datePicker_clear{background:transparent;border-color:transparent;box-shadow:none}.datePicker_glass{background:var(--datePicker-glass-bg);border:1px solid var(--datePicker-glass-border);-webkit-backdrop-filter:blur(16px) saturate(var(--glass-saturate));backdrop-filter:blur(16px) saturate(var(--glass-saturate))}.datePicker_glass .datePicker_button{border-color:var(--datePicker-glass-border)}.datePicker_glass{color:inherit}.datePicker_glass:hover{background:var(--datePicker-glass-hover-bg)}.datePicker_glass.datePicker_outline,.datePicker_glass.datePicker_outline .datePicker_button{border-color:var(--datePicker-glass-border)}.datePicker_disabled{cursor:not-allowed;opacity:.6;background-color:var(--disabled-color);border-color:var(--disabled-color)}.datePicker_disabled .datePicker_input{cursor:not-allowed}.datePicker_disabled:hover{background-color:var(--disabled-color)}.datePicker_loading{cursor:progress}.datePicker_disabled .datePicker_inputWrapper,.datePicker_loading .datePicker_inputWrapper{opacity:.72}.datePicker_readOnly .datePicker_button{cursor:default}.datePicker_round-None{border-radius:var(--border-radius-none)}.datePicker_round-Small{border-radius:var(--border-radius-sm)}.datePicker_round-Medium{border-radius:var(--border-radius-md)}.datePicker_round-Large{border-radius:var(--border-radius-lg)}.datePicker_round-Full{border-radius:var(--border-radius-full)}.datePicker_shadow-None{box-shadow:var(--box-shadow-none)}.datePicker_shadow-Light{box-shadow:var(--box-shadow-light)}.datePicker_shadow-Medium{box-shadow:var(--box-shadow-medium)}.datePicker_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.datePicker_shadow-Intense{box-shadow:var(--box-shadow-intense)}@media(max-width:319.98px){.datePicker_container,.datePicker{width:100%}.datePicker_labelLeft,.datePicker_labelRight{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.datePicker,.datePicker *{transition:none!important;animation:none!important}}@media(forced-colors:active){.datePicker{background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none}.datePicker_glass{background:Canvas;border-color:ButtonText;-webkit-backdrop-filter:none;backdrop-filter:none}}}
|
|
1
|
+
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{transform:translate(-100%)}to{transform:translate(150%)}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bar-chart-grow{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes donut-chart-draw{0%{opacity:0;transform:rotate(-8deg) scale(.96)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes line-chart-draw{0%{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}to{opacity:1;stroke-dasharray:1;stroke-dashoffset:0}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.datePicker_container{display:inline-flex;gap:var(--spacing-xs);align-items:flex-start;max-width:100%;font-family:var(--font-family-body)}.datePicker_label{font-family:var(--font-family-ui);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-ui);line-height:var(--line-height-label);color:var(--text-color-primary)}.datePicker_labelTop{flex-direction:column}.datePicker_labelBottom{flex-direction:column-reverse}.datePicker_labelLeft{flex-direction:row;align-items:center}.datePicker_labelRight{flex-direction:row-reverse;align-items:center}.datePicker{--datePicker-glass-bg: rgba(255, 255, 255, .18);--datePicker-glass-hover-bg: rgba(255, 255, 255, .24);--datePicker-glass-border: rgba(255, 255, 255, .28);--datePicker-glass-text: var(--text-color-primary);display:inline-flex;align-items:center;gap:var(--spacing-sm);min-width:0;max-width:100%;height:fit-content;border:1px solid transparent;border-radius:var(--border-radius-md);background:var(--background-color);color:var(--text-color-primary);box-shadow:var(--box-shadow-sm);transition:var(--transition-default)}.datePicker_content{min-width:0;max-width:100%;overflow-wrap:anywhere}.datePicker_fullWidth,.datePicker_fullWidth .datePicker_inputWrapper{width:100%}.datePicker_inputWrapper{display:flex;align-items:stretch;width:min(100%,18rem);min-width:0;overflow:hidden;color:inherit;border-radius:inherit}.datePicker_inputWrapper:focus-within{outline:2px solid var(--focus-outline-color);outline-offset:2px}.datePicker_input{flex:1 1 auto;width:100%;min-width:0;padding:var(--spacing-xs) var(--spacing-sm);font:inherit;color:inherit;background:transparent;cursor:pointer;border:0;outline:0;color-scheme:dark}.datePicker_input::-webkit-calendar-picker-indicator{display:none;opacity:0}.datePicker_button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:2.25rem;min-width:2.25rem;color:inherit;cursor:pointer;background:transparent;border:0;border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;border-left:1px solid var(--border-color)}.datePicker_button svg{width:1rem;height:1rem}.datePicker_button:focus-visible{outline:2px solid var(--focus-outline-color);outline-offset:-2px}.datePicker_button:disabled{cursor:not-allowed;opacity:.6}.datePicker_description,.datePicker_helperText,.datePicker_errorText{max-width:100%;margin:0;font-size:var(--font-size-body-sm);line-height:1.4;color:inherit;overflow-wrap:anywhere}.datePicker_description,.datePicker_helperText{color:inherit}.datePicker_errorText{color:var(--error-color)}.datePicker_loader{display:inline-block;flex:0 0 auto;width:1rem;height:1rem;border:2px solid currentcolor;border-right-color:transparent;border-radius:50%;padding:2px;opacity:.72;animation:spin .7s linear infinite}.datePicker_primary{--datePicker-glass-bg: var(--primary-glass-background);--datePicker-glass-hover-bg: var(--primary-glass-background-hover);--datePicker-glass-border: var(--primary-glass-border);--datePicker-glass-text: var(--text-color-primary);background-color:var(--primary-color);color:var(--text-color-primary);border-color:var(--primary-color)}.datePicker_primary:hover{background-color:var(--primary-color-hover)}.datePicker_primary .datePicker_button{border-color:inherit}.datePicker_primary.datePicker_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--primary-color)}.datePicker_primary.datePicker_outline .datePicker_button{border-color:var(--primary-color)}.datePicker_secondary{--datePicker-glass-bg: var(--secondary-glass-background);--datePicker-glass-hover-bg: var(--secondary-glass-background-hover);--datePicker-glass-border: var(--secondary-glass-border);--datePicker-glass-text: var(--text-color-secondary);background-color:var(--secondary-color);color:var(--text-color-secondary);border-color:var(--secondary-color)}.datePicker_secondary:hover{background-color:var(--secondary-color-hover)}.datePicker_secondary .datePicker_button{border-color:inherit}.datePicker_secondary.datePicker_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--secondary-color)}.datePicker_secondary.datePicker_outline .datePicker_button{border-color:var(--secondary-color)}.datePicker_tertiary{--datePicker-glass-bg: var(--tertiary-glass-background);--datePicker-glass-hover-bg: var(--tertiary-glass-background-hover);--datePicker-glass-border: var(--tertiary-glass-border);--datePicker-glass-text: var(--text-color-tertiary);background-color:var(--tertiary-color);color:var(--text-color-tertiary);border-color:var(--tertiary-color)}.datePicker_tertiary:hover{background-color:var(--tertiary-color-hover)}.datePicker_tertiary .datePicker_button{border-color:inherit}.datePicker_tertiary.datePicker_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--tertiary-color)}.datePicker_tertiary.datePicker_outline .datePicker_button{border-color:var(--tertiary-color)}.datePicker_quaternary{--datePicker-glass-bg: var(--quaternary-glass-background);--datePicker-glass-hover-bg: var(--quaternary-glass-background-hover);--datePicker-glass-border: var(--quaternary-glass-border);--datePicker-glass-text: var(--text-color-quaternary);background-color:var(--quaternary-color);color:var(--text-color-quaternary);border-color:var(--quaternary-color)}.datePicker_quaternary:hover{background-color:var(--quaternary-color-hover)}.datePicker_quaternary .datePicker_button{border-color:inherit}.datePicker_quaternary.datePicker_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--quaternary-color)}.datePicker_quaternary.datePicker_outline .datePicker_button{border-color:var(--quaternary-color)}.datePicker_clear{--datePicker-glass-bg: var(--clear-glass-background);--datePicker-glass-hover-bg: var(--clear-glass-background-hover);--datePicker-glass-border: var(--clear-glass-border);--datePicker-glass-text: var(--text-color);background-color:transparent;color:var(--text-color);border-color:var(--border-color)}.datePicker_clear:hover{background-color:#0003}.datePicker_clear .datePicker_button{border-color:inherit}.datePicker_clear.datePicker_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--border-color)}.datePicker_clear.datePicker_outline .datePicker_button{border-color:var(--border-color)}.datePicker_success{--datePicker-glass-bg: var(--success-glass-background);--datePicker-glass-hover-bg: var(--success-glass-background-hover);--datePicker-glass-border: var(--success-glass-border);--datePicker-glass-text: var(--success-text-color);border-width:2px;border-color:var(--success-color);color:var(--success-text-color)}.datePicker_success .datePicker_button{border-color:var(--success-color)}.datePicker_success.datePicker_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--success-color)}.datePicker_success.datePicker_outline .datePicker_button{border-color:var(--success-color)}.datePicker_error{--datePicker-glass-bg: var(--error-glass-background);--datePicker-glass-hover-bg: var(--error-glass-background-hover);--datePicker-glass-border: var(--error-glass-border);--datePicker-glass-text: var(--error-text-color);border-width:2px;border-color:var(--error-color);color:var(--error-text-color)}.datePicker_error .datePicker_button{border-color:var(--error-color)}.datePicker_error.datePicker_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--error-color)}.datePicker_error.datePicker_outline .datePicker_button{border-color:var(--error-color)}.datePicker_warning{--datePicker-glass-bg: var(--warning-glass-background);--datePicker-glass-hover-bg: var(--warning-glass-background-hover);--datePicker-glass-border: var(--warning-glass-border);--datePicker-glass-text: var(--warning-text-color);border-width:2px;border-color:var(--warning-color);color:var(--warning-text-color)}.datePicker_warning .datePicker_button{border-color:var(--warning-color)}.datePicker_warning.datePicker_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--warning-color)}.datePicker_warning.datePicker_outline .datePicker_button{border-color:var(--warning-color)}.datePicker_info{--datePicker-glass-bg: var(--info-glass-background);--datePicker-glass-hover-bg: var(--info-glass-background-hover);--datePicker-glass-border: var(--info-glass-border);--datePicker-glass-text: var(--info-text-color);border-width:2px;border-color:var(--info-color);color:var(--info-text-color)}.datePicker_info .datePicker_button{border-color:var(--info-color)}.datePicker_info.datePicker_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--info-color)}.datePicker_info.datePicker_outline .datePicker_button{border-color:var(--info-color)}.datePicker_clear{background:transparent;border-color:transparent;box-shadow:none}.datePicker_glass{background:var(--datePicker-glass-bg);border:1px solid var(--datePicker-glass-border);-webkit-backdrop-filter:blur(16px) saturate(var(--glass-saturate));backdrop-filter:blur(16px) saturate(var(--glass-saturate))}.datePicker_glass .datePicker_button{border-color:var(--datePicker-glass-border)}.datePicker_glass{color:inherit}.datePicker_glass:hover{background:var(--datePicker-glass-hover-bg)}.datePicker_glass.datePicker_outline,.datePicker_glass.datePicker_outline .datePicker_button{border-color:var(--datePicker-glass-border)}.datePicker_disabled{cursor:not-allowed;opacity:.6;background-color:var(--disabled-color);border-color:var(--disabled-color)}.datePicker_disabled .datePicker_input{cursor:not-allowed}.datePicker_disabled:hover{background-color:var(--disabled-color)}.datePicker_loading{cursor:progress}.datePicker_disabled .datePicker_inputWrapper,.datePicker_loading .datePicker_inputWrapper{opacity:.72}.datePicker_readOnly .datePicker_button{cursor:default}.datePicker_round-None{border-radius:var(--border-radius-none)}.datePicker_round-Small{border-radius:var(--border-radius-sm)}.datePicker_round-Medium{border-radius:var(--border-radius-md)}.datePicker_round-Large{border-radius:var(--border-radius-lg)}.datePicker_round-Full{border-radius:var(--border-radius-full)}.datePicker_shadow-None{box-shadow:var(--box-shadow-none)}.datePicker_shadow-Light{box-shadow:var(--box-shadow-light)}.datePicker_shadow-Medium{box-shadow:var(--box-shadow-medium)}.datePicker_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.datePicker_shadow-Intense{box-shadow:var(--box-shadow-intense)}@media(max-width:319.98px){.datePicker_container,.datePicker{width:100%}.datePicker_labelLeft,.datePicker_labelRight{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.datePicker,.datePicker *{transition:none!important;animation:none!important}}@media(forced-colors:active){.datePicker{background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none}.datePicker_glass{background:Canvas;border-color:ButtonText;-webkit-backdrop-filter:none;backdrop-filter:none}}}
|