boreal-ui 0.0.9002 → 0.0.9003
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/Accordion.css +1 -1
- package/dist/core/AppShell.css +1 -1
- package/dist/core/BarChart-2wjDI191.cjs +1 -0
- package/dist/core/BarChart-BHmperRa.js +144 -0
- package/dist/core/BarChart.cjs.js +1 -1
- package/dist/core/BarChart.css +1 -1
- package/dist/core/BarChart.js +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/CircularProgress-D0ffTi6h.js +146 -0
- package/dist/core/CircularProgress-fGJnipOH.cjs +5 -0
- package/dist/core/CircularProgress.cjs.js +1 -1
- package/dist/core/CircularProgress.css +1 -1
- package/dist/core/CircularProgress.js +1 -1
- package/dist/core/DatePicker.css +1 -1
- package/dist/core/DateTimePicker.css +1 -1
- package/dist/core/{DonutChart-ETvj09_c.js → DonutChart-B_qIQsrM.js} +45 -43
- package/dist/core/DonutChart-CPS7DIML.cjs +1 -0
- package/dist/core/DonutChart.cjs.js +1 -1
- package/dist/core/DonutChart.css +1 -1
- package/dist/core/DonutChart.js +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-B4btpayl.js → LineChart-Cf73FNDO.js} +57 -55
- package/dist/core/LineChart-DZPBfYGb.cjs +1 -0
- package/dist/core/LineChart.cjs.js +1 -1
- package/dist/core/LineChart.css +1 -1
- package/dist/core/LineChart.js +1 -1
- package/dist/core/Menu.css +1 -1
- package/dist/core/{MetricBox-DGimVkkn.js → MetricBox-BDElivfd.js} +74 -73
- package/dist/core/MetricBox-DLO8oUue.cjs +1 -0
- package/dist/core/MetricBox.cjs.js +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-BHOvllZd.js → Sparkline-BUyDpa_5.js} +35 -34
- package/dist/core/Sparkline-C8Vf1LsY.cjs +1 -0
- package/dist/core/Sparkline.cjs.js +1 -1
- package/dist/core/Sparkline.css +1 -1
- package/dist/core/Sparkline.js +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/chartUtils-CKWfZYbu.js +56 -0
- package/dist/core/chartUtils-CTFqi8ny.cjs +1 -0
- package/dist/core/colorSchemes.cjs.js +1 -1
- package/dist/core/colorSchemes.js +0 -8
- package/dist/core/globals.css +1 -1
- package/dist/core/index.cjs.js +2 -2
- package/dist/core/index.js +54 -6
- package/dist/generated-docs/BarChart.props.js +8 -0
- package/dist/generated-docs/CircularProgress.props.js +8 -0
- package/dist/generated-docs/DonutChart.props.js +8 -0
- package/dist/generated-docs/LineChart.props.js +8 -0
- package/dist/generated-docs/MetricBox.props.js +8 -0
- package/dist/generated-docs/Sparkline.props.js +8 -0
- package/dist/next/Accordion-D100HSJk.js +245 -0
- package/dist/next/Accordion.css +1 -1
- package/dist/next/Accordion.js +1 -1
- package/dist/next/AppShell-ZWSdt0bX.js +191 -0
- package/dist/next/AppShell.css +1 -1
- package/dist/next/AppShell.js +1 -1
- package/dist/next/BarChart-12wkcVgY.js +153 -0
- package/dist/next/BarChart.css +1 -1
- package/dist/next/BarChart.js +1 -1
- package/dist/next/BreadCrumbPageHeader-DVYwT9G-.js +195 -0
- package/dist/next/BreadCrumbPageHeader.css +1 -1
- package/dist/next/BreadCrumbPageHeader.js +1 -1
- package/dist/next/Breadcrumbs-DMvUco0n.js +231 -0
- package/dist/next/Breadcrumbs.css +1 -1
- package/dist/next/Breadcrumbs.js +1 -1
- package/dist/next/Button-Bybau31S.js +277 -0
- package/dist/next/Button.css +1 -1
- package/dist/next/Button.js +1 -1
- package/dist/next/Card-D3L45JSY.js +441 -0
- package/dist/next/Card.css +1 -1
- package/dist/next/Card.js +1 -1
- package/dist/next/Chip-CaWRh8dE.js +204 -0
- package/dist/next/Chip.css +1 -1
- package/dist/next/Chip.js +1 -1
- package/dist/next/{ChipGroup-Bo3tCUb3.js → ChipGroup-_MO5vSQA.js} +1 -1
- package/dist/next/ChipGroup.js +1 -1
- package/dist/next/CircularProgress-C4Qc0-FF.js +145 -0
- package/dist/next/CircularProgress.css +1 -1
- package/dist/next/CircularProgress.js +1 -1
- package/dist/next/{CommandPalette-BUpdcx6j.js → CommandPalette-D44XN64C.js} +1 -1
- package/dist/next/CommandPalette.js +1 -1
- package/dist/next/DatePicker-x5iyxrKA.js +316 -0
- package/dist/next/DatePicker.css +1 -1
- package/dist/next/DatePicker.js +1 -1
- package/dist/next/{DateRangePicker-V3O-rUhe.js → DateRangePicker-CUw4uy32.js} +1 -1
- package/dist/next/DateRangePicker.js +1 -1
- package/dist/next/DateTimePicker-NK1zINMG.js +338 -0
- package/dist/next/DateTimePicker.css +1 -1
- package/dist/next/DateTimePicker.js +1 -1
- package/dist/next/DonutChart-B5m0mHL6.js +185 -0
- package/dist/next/DonutChart.css +1 -1
- package/dist/next/DonutChart.js +1 -1
- package/dist/next/Drawer-ByB9HaIr.js +192 -0
- package/dist/next/Drawer.css +1 -1
- package/dist/next/Drawer.js +1 -1
- package/dist/next/{Dropdown-DEnh_CJH.js → Dropdown-Bi0F9hVI.js} +172 -169
- package/dist/next/Dropdown.css +1 -1
- package/dist/next/Dropdown.js +1 -1
- package/dist/next/{EmptyState-REAxLGXY.js → EmptyState-7USvRMA_.js} +1 -1
- package/dist/next/EmptyState.js +1 -1
- package/dist/next/FieldSet-D65XQM4K.js +323 -0
- package/dist/next/FieldSet.css +1 -1
- package/dist/next/FieldSet.js +1 -1
- package/dist/next/{FileUpload-DoMQnqMw.js → FileUpload-B1LIOOW-.js} +3 -3
- package/dist/next/FileUpload.js +1 -1
- package/dist/next/{Footer-DsnNvpOH.js → Footer-BNS5swFp.js} +1 -1
- package/dist/next/Footer.js +1 -1
- package/dist/next/IconButton-MGLOzBcn.js +218 -0
- package/dist/next/IconButton.css +1 -1
- package/dist/next/IconButton.js +1 -1
- package/dist/next/InputGroup-DNCRqyPA.js +339 -0
- package/dist/next/InputGroup.css +1 -1
- package/dist/next/InputGroup.js +1 -1
- package/dist/next/Legend-BNEt6B6L.js +106 -0
- package/dist/next/Legend.css +1 -1
- package/dist/next/Legend.js +1 -1
- package/dist/next/LineChart-GYgs_iTt.js +161 -0
- package/dist/next/LineChart.css +1 -1
- package/dist/next/LineChart.js +1 -1
- package/dist/next/Menu-Cn6ggeho.js +596 -0
- package/dist/next/Menu.css +1 -1
- package/dist/next/Menu.js +1 -1
- package/dist/next/{MessagePopup-CY_dEgiR.js → MessagePopup--qLw00Nd.js} +2 -2
- package/dist/next/MessagePopup.js +1 -1
- package/dist/next/MetricBox-B-gtS3Rs.js +161 -0
- package/dist/next/MetricBox.js +1 -1
- package/dist/next/{Modal-CA-Hmzze.js → Modal-BMrxr5YZ.js} +1 -1
- package/dist/next/Modal.js +1 -1
- package/dist/next/MultiSelect-DyXtIdl5.js +465 -0
- package/dist/next/MultiSelect.css +1 -1
- package/dist/next/MultiSelect.js +1 -1
- package/dist/next/{NotificationCenter-yBpNTvNS.js → NotificationCenter-qWm0tcv3.js} +187 -184
- package/dist/next/NotificationCenter.css +1 -1
- package/dist/next/NotificationCenter.js +1 -1
- package/dist/next/PageHeader-BzLtDm8A.js +218 -0
- package/dist/next/PageHeader.css +1 -1
- package/dist/next/PageHeader.js +1 -1
- package/dist/next/{Pager-CttNFyvr.js → Pager-D4esJmNs.js} +2 -2
- package/dist/next/Pager.js +1 -1
- package/dist/next/PopOver-CnyTHe25.js +225 -0
- package/dist/next/PopOver.css +1 -1
- package/dist/next/PopOver.js +1 -1
- package/dist/next/ProgressBar-CCM0giDI.js +155 -0
- package/dist/next/ProgressBar.css +1 -1
- package/dist/next/ProgressBar.js +1 -1
- package/dist/next/SearchInput-C23MrEao.js +328 -0
- package/dist/next/SearchInput.css +1 -1
- package/dist/next/SearchInput.js +1 -1
- package/dist/next/SegmentedControl-B5-FgHz3.js +346 -0
- package/dist/next/SegmentedControl.css +1 -1
- package/dist/next/SegmentedControl.js +1 -1
- package/dist/next/Skeleton-DWhjydtW.js +120 -0
- package/dist/next/Skeleton.css +1 -1
- package/dist/next/Skeleton.js +1 -1
- package/dist/next/Sparkline-DbhwDI6D.js +143 -0
- package/dist/next/Sparkline.css +1 -1
- package/dist/next/Sparkline.js +1 -1
- package/dist/next/Spinner-o6ABcrUa.js +136 -0
- package/dist/next/Spinner.css +1 -1
- package/dist/next/Spinner.js +1 -1
- package/dist/next/SplitPane-D-jQ8y0m.js +214 -0
- package/dist/next/SplitPane.css +1 -1
- package/dist/next/SplitPane.js +1 -1
- package/dist/next/{Stepper-BvBTfijA.js → Stepper-CpCKKHwW.js} +1 -1
- package/dist/next/Stepper.js +1 -1
- package/dist/next/{TagInput-COyeILRa.js → TagInput-B9O03vko.js} +2 -2
- package/dist/next/TagInput.js +1 -1
- package/dist/next/{TextInput-BRihSwWg.js → TextInput-Dx32E3wM.js} +1 -1
- package/dist/next/TextInput.js +1 -1
- package/dist/next/TimePicker-DqK4sPFw.js +318 -0
- package/dist/next/TimePicker.css +1 -1
- package/dist/next/TimePicker.js +1 -1
- package/dist/next/TreeView-CuCvR1qa.js +229 -0
- package/dist/next/TreeView.css +1 -1
- package/dist/next/TreeView.js +1 -1
- package/dist/next/ValidationSummary-CdI43BjU.js +336 -0
- package/dist/next/ValidationSummary.css +1 -1
- package/dist/next/ValidationSummary.js +1 -1
- package/dist/next/chartUtils-DfbixuR5.js +56 -0
- package/dist/next/colorSchemes.js +0 -8
- package/dist/next/globals.css +1 -1
- package/dist/next/index.js +95 -47
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/components/BarChart/BarChart.types.d.ts +4 -0
- package/dist/types/components/BarChart/BarChart.types.d.ts.map +1 -1
- package/dist/types/components/BarChart/BarChartBase.d.ts.map +1 -1
- package/dist/types/components/CircularProgress/CircularProgress.types.d.ts +2 -0
- package/dist/types/components/CircularProgress/CircularProgress.types.d.ts.map +1 -1
- package/dist/types/components/CircularProgress/CircularProgressBase.d.ts.map +1 -1
- package/dist/types/components/DonutChart/DonutChart.types.d.ts +4 -0
- package/dist/types/components/DonutChart/DonutChart.types.d.ts.map +1 -1
- package/dist/types/components/DonutChart/DonutChartBase.d.ts.map +1 -1
- package/dist/types/components/LineChart/LineChart.types.d.ts +4 -0
- package/dist/types/components/LineChart/LineChart.types.d.ts.map +1 -1
- package/dist/types/components/LineChart/LineChartBase.d.ts.map +1 -1
- package/dist/types/components/MetricBox/MetricBox.types.d.ts +2 -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/Sparkline/Sparkline.types.d.ts +4 -0
- package/dist/types/components/Sparkline/Sparkline.types.d.ts.map +1 -1
- package/dist/types/components/Sparkline/SparklineBase.d.ts.map +1 -1
- package/dist/types/generated-docs/BarChart.props.d.ts.map +1 -1
- package/dist/types/generated-docs/CircularProgress.props.d.ts.map +1 -1
- package/dist/types/generated-docs/DonutChart.props.d.ts.map +1 -1
- package/dist/types/generated-docs/LineChart.props.d.ts.map +1 -1
- package/dist/types/generated-docs/MetricBox.props.d.ts.map +1 -1
- package/dist/types/generated-docs/Sparkline.props.d.ts.map +1 -1
- package/dist/types/styles/Themes.d.ts.map +1 -1
- package/dist/types/utils/chartUtils.d.ts +3 -2
- package/dist/types/utils/chartUtils.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/core/BarChart-C1-ekRkw.cjs +0 -1
- package/dist/core/BarChart-D3qJyYeE.js +0 -142
- package/dist/core/CircularProgress-DR9VIPs4.cjs +0 -5
- package/dist/core/CircularProgress-RUDGqSl3.js +0 -138
- package/dist/core/DonutChart-BeCmt7VG.cjs +0 -1
- package/dist/core/LineChart-e9adUKsu.cjs +0 -1
- package/dist/core/MetricBox-CMwXK3tT.cjs +0 -1
- package/dist/core/Sparkline-Dl8WHD7K.cjs +0 -1
- package/dist/core/chartUtils-Bl_A-ORk.cjs +0 -1
- package/dist/core/chartUtils-CCZXJJOD.js +0 -51
- package/dist/next/Accordion-CWb-EC5P.js +0 -245
- package/dist/next/AppShell-Cc3VUxaS.js +0 -188
- package/dist/next/BarChart-Dt2QMtD0.js +0 -148
- package/dist/next/BreadCrumbPageHeader-B5jd6en6.js +0 -192
- package/dist/next/Breadcrumbs-D-QyInSH.js +0 -228
- package/dist/next/Button-DMwfJEwy.js +0 -274
- package/dist/next/Card-mN9c9sny.js +0 -438
- package/dist/next/Chip-D_Q_V89m.js +0 -201
- package/dist/next/CircularProgress-CsThKU5_.js +0 -137
- package/dist/next/DatePicker-Clvmljg3.js +0 -313
- package/dist/next/DateTimePicker-D3f179-p.js +0 -335
- package/dist/next/DonutChart-BRwbfU-S.js +0 -180
- package/dist/next/Drawer-5cqbgkJq.js +0 -189
- package/dist/next/FieldSet-Dv0_O16Y.js +0 -320
- package/dist/next/IconButton-DXgB3bWn.js +0 -215
- package/dist/next/InputGroup-BOHvxJGw.js +0 -336
- package/dist/next/Legend-CFa-Y3d7.js +0 -103
- package/dist/next/LineChart-C-kdApsg.js +0 -156
- package/dist/next/Menu-D7ATv8BP.js +0 -593
- package/dist/next/MetricBox-Bz5MvfnX.js +0 -160
- package/dist/next/MultiSelect-BwZY3kN8.js +0 -462
- package/dist/next/PageHeader-CEIvTkmK.js +0 -215
- package/dist/next/PopOver-UqQ-UN4a.js +0 -222
- package/dist/next/ProgressBar-DsVAZEpa.js +0 -152
- package/dist/next/SearchInput-Dmsg_Mms.js +0 -325
- package/dist/next/SegmentedControl-CtZLyvPM.js +0 -343
- package/dist/next/Skeleton-CJH8HkXC.js +0 -117
- package/dist/next/Sparkline-DUCq641n.js +0 -138
- package/dist/next/Spinner-CPSiagf4.js +0 -133
- package/dist/next/SplitPane-D3AkM7T3.js +0 -211
- package/dist/next/TimePicker-B9GGGafy.js +0 -315
- package/dist/next/TreeView-9UnVSsVh.js +0 -226
- package/dist/next/ValidationSummary-BQQet-Dq.js +0 -333
- package/dist/next/chartUtils-CCZXJJOD.js +0 -51
package/dist/core/Accordion.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{.accordion{border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm);background-color:transparent!important;transition:box-shadow var(--transition-default)}.accordion_round-None,.accordion_round-None .accordion_header{border-radius:var(--border-radius-none)}.accordion_round-None .accordion_content,.accordion_round-None.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-none);border-bottom-right-radius:var(--border-radius-none)}.accordion_round-Small,.accordion_round-Small .accordion_header{border-radius:var(--border-radius-sm)}.accordion_round-Small .accordion_content,.accordion_round-Small.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm)}.accordion_round-Medium,.accordion_round-Medium .accordion_header{border-radius:var(--border-radius-md)}.accordion_round-Medium .accordion_content,.accordion_round-Medium.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.accordion_round-Large,.accordion_round-Large .accordion_header{border-radius:var(--border-radius-lg)}.accordion_round-Large .accordion_content,.accordion_round-Large.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg)}.accordion_round-Full,.accordion_round-Full .accordion_header{border-radius:var(--border-radius-full)}.accordion_round-Full .accordion_content,.accordion_round-Full.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-full);border-bottom-right-radius:var(--border-radius-full)}.accordion_shadow-None .accordion_header{box-shadow:var(--box-shadow-none)}.accordion_shadow-Light .accordion_header{box-shadow:var(--box-shadow-light)}.accordion_shadow-Medium .accordion_header{box-shadow:var(--box-shadow-medium)}.accordion_shadow-Strong .accordion_header{box-shadow:var(--box-shadow-heavy)}.accordion_shadow-Intense .accordion_header{box-shadow:var(--box-shadow-intense)}.accordion_glass .accordion_header,.accordion_glass.accordion_content{background:var(--accordion-glass-bg, var(--glass-background));border:1px solid var(--accordion-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}.accordion_glass.accordion_content{background:var(--accordion-glass-bg, var(--glass-background-subtle));border-top:0;box-shadow:inset 0 1px 0 var(--glass-inset-highlight)}.accordion_expanded .accordion_header{border-bottom-left-radius:0;border-bottom-right-radius:0}.accordion_header{display:grid;grid-template-columns:minmax(0,1fr) 1.25em;align-items:center;column-gap:var(--spacing-xs);width:100%;min-width:0;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-color-primary);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);cursor:pointer;background-color:transparent;border:none;border-radius:var(--border-radius-md);outline:none;text-align:left;transition:background-color var(--transition-default),border-radius var(--transition-default)}.accordion_header:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}@media(max-width:479.98px){.accordion_header{grid-template-columns:minmax(0,1fr) auto;column-gap:var(--spacing-xs);row-gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}}@media(min-width:480px)and (max-width:767.98px){.accordion_header{padding:var(--spacing-sm) var(--spacing-md)}}@media(min-width:1024px){.accordion_header{padding:var(--spacing-sm) var(--spacing-lg)}}.accordion_primary{background-color:var(--primary-color);color:var(--text-color-primary);--accordion-glass-bg: var(--primary-glass-background);--accordion-glass-hover-bg: var(--primary-glass-background-hover);--accordion-glass-border: var(--primary-glass-border);--accordion-glass-text: var(--text-color-primary)}.accordion_primary:hover{background-color:var(--primary-color-hover)}.accordion_primary.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:inherit}.accordion_primary.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_primary{background-color:transparent;border:2px solid var(--primary-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_primary{border-width:1.5px}}.accordion_outline.accordion_primary:hover{background-color:var(--primary-color-hover);color:var(--text-color-primary)}.accordion_outline.accordion_primary.accordion_glass{background:transparent;border:1px solid var(--accordion-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}.accordion_secondary{background-color:var(--secondary-color);color:var(--text-color-primary);--accordion-glass-bg: var(--secondary-glass-background);--accordion-glass-hover-bg: var(--secondary-glass-background-hover);--accordion-glass-border: var(--secondary-glass-border);--accordion-glass-text: var(--text-color-secondary)}.accordion_secondary:hover{background-color:var(--secondary-color-hover)}.accordion_secondary.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:inherit}.accordion_secondary.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_secondary{background-color:transparent;border:2px solid var(--secondary-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_secondary{border-width:1.5px}}.accordion_outline.accordion_secondary:hover{background-color:var(--secondary-color-hover);color:var(--text-color-secondary)}.accordion_outline.accordion_secondary.accordion_glass{background:transparent;border:1px solid var(--accordion-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}.accordion_tertiary{background-color:var(--tertiary-color);color:var(--text-color-primary);--accordion-glass-bg: var(--tertiary-glass-background);--accordion-glass-hover-bg: var(--tertiary-glass-background-hover);--accordion-glass-border: var(--tertiary-glass-border);--accordion-glass-text: var(--text-color-tertiary)}.accordion_tertiary:hover{background-color:var(--tertiary-color-hover)}.accordion_tertiary.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:inherit}.accordion_tertiary.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_tertiary{background-color:transparent;border:2px solid var(--tertiary-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_tertiary{border-width:1.5px}}.accordion_outline.accordion_tertiary:hover{background-color:var(--tertiary-color-hover);color:var(--text-color-tertiary)}.accordion_outline.accordion_tertiary.accordion_glass{background:transparent;border:1px solid var(--accordion-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}.accordion_quaternary{background-color:var(--quaternary-color);color:var(--text-color-primary);--accordion-glass-bg: var(--quaternary-glass-background);--accordion-glass-hover-bg: var(--quaternary-glass-background-hover);--accordion-glass-border: var(--quaternary-glass-border);--accordion-glass-text: var(--text-color-quaternary)}.accordion_quaternary:hover{background-color:var(--quaternary-color-hover)}.accordion_quaternary.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:inherit}.accordion_quaternary.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_quaternary{background-color:transparent;border:2px solid var(--quaternary-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_quaternary{border-width:1.5px}}.accordion_outline.accordion_quaternary:hover{background-color:var(--quaternary-color-hover);color:var(--text-color-quaternary)}.accordion_outline.accordion_quaternary.accordion_glass{background:transparent;border:1px solid var(--accordion-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}.accordion_clear{background-color:transparent;color:var(--text-color-primary);--accordion-glass-bg: var(--clear-glass-background);--accordion-glass-hover-bg: var(--clear-glass-background-hover);--accordion-glass-border: var(--clear-glass-border);--accordion-glass-text: var(--text-color)}.accordion_clear:hover{background-color:#0003}.accordion_clear.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:inherit}.accordion_clear.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_clear{background-color:transparent;border:2px solid var(--border-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_clear{border-width:1.5px}}.accordion_outline.accordion_clear:hover{background-color:#0003;color:var(--link-hover-color)}.accordion_outline.accordion_clear.accordion_glass{background:transparent;border:1px solid var(--accordion-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}.accordion_success{background-color:var(--success-color);color:var(--text-color-primary);--accordion-glass-bg: var(--success-glass-background);--accordion-glass-hover-bg: var(--success-glass-background-hover);--accordion-glass-border: var(--success-glass-border);--accordion-glass-text: var(--success-text-color)}.accordion_success:hover{background-color:var(--success-color-hover)}.accordion_success.accordion_glass{background:var(--accordion-glass-bg);color:inherit}.accordion_success.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_success{background-color:transparent;border:2px solid var(--success-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_success{border-width:1.5px}}.accordion_outline.accordion_success:hover{background-color:var(--success-color-hover);color:var(--success-text-color)}.accordion_outline.accordion_success.accordion_glass{background:transparent;border:1px solid var(--accordion-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}.accordion_error{background-color:var(--error-color);color:var(--text-color-primary);--accordion-glass-bg: var(--error-glass-background);--accordion-glass-hover-bg: var(--error-glass-background-hover);--accordion-glass-border: var(--error-glass-border);--accordion-glass-text: var(--error-text-color)}.accordion_error:hover{background-color:var(--error-color-hover)}.accordion_error.accordion_glass{background:var(--accordion-glass-bg);color:inherit}.accordion_error.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_error{background-color:transparent;border:2px solid var(--error-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_error{border-width:1.5px}}.accordion_outline.accordion_error:hover{background-color:var(--error-color-hover);color:var(--error-text-color)}.accordion_outline.accordion_error.accordion_glass{background:transparent;border:1px solid var(--accordion-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}.accordion_warning{background-color:var(--warning-color);color:var(--text-color-primary);--accordion-glass-bg: var(--warning-glass-background);--accordion-glass-hover-bg: var(--warning-glass-background-hover);--accordion-glass-border: var(--warning-glass-border);--accordion-glass-text: var(--warning-text-color)}.accordion_warning:hover{background-color:var(--warning-color-hover)}.accordion_warning.accordion_glass{background:var(--accordion-glass-bg);color:inherit}.accordion_warning.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_warning{background-color:transparent;border:2px solid var(--warning-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_warning{border-width:1.5px}}.accordion_outline.accordion_warning:hover{background-color:var(--warning-color-hover);color:var(--warning-text-color)}.accordion_outline.accordion_warning.accordion_glass{background:transparent;border:1px solid var(--accordion-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}.accordion_info{background-color:var(--info-color);color:var(--text-color-primary);--accordion-glass-bg: var(--info-glass-background);--accordion-glass-hover-bg: var(--info-glass-background-hover);--accordion-glass-border: var(--info-glass-border);--accordion-glass-text: var(--info-text-color)}.accordion_info:hover{background-color:var(--info-color-hover)}.accordion_info.accordion_glass{background:var(--accordion-glass-bg);color:inherit}.accordion_info.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_info{background-color:transparent;border:2px solid var(--info-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_info{border-width:1.5px}}.accordion_outline.accordion_info:hover{background-color:var(--info-color-hover);color:var(--info-text-color)}.accordion_outline.accordion_info.accordion_glass{background:transparent;border:1px solid var(--accordion-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}.accordion_content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease,padding var(--transition-default),border-radius var(--transition-default),opacity var(--transition-default),transform var(--transition-default);overflow:hidden;box-sizing:border-box;padding:0 var(--spacing-md);background-color:var(--background-color-lighter);color:var(--text-color-primary);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);opacity:0}@media(max-width:479.98px){.accordion_content{padding:0 var(--spacing-sm)}}@media(min-width:1024px){.accordion_content{padding:0 var(--spacing-lg)}}.accordion_content_inner{min-height:0;overflow:hidden}.accordion_expanded .accordion_content{grid-template-rows:1fr;opacity:1;padding:var(--spacing-xl);border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md);color:inherit}@media(max-width:479.98px){.accordion_expanded .accordion_content{padding:var(--spacing-md)}}@media(min-width:1024px){.accordion_expanded .accordion_content{padding:var(--spacing-xl) calc(var(--spacing-xl) * 1.1)}}.accordion_content.loaded{opacity:1;transform:translateY(0)}.accordion_content.loading{opacity:.5}.accordion_content_clear{background-color:transparent;border:1px solid var(--text-color-primary)}@media(max-width:479.98px){.accordion_content_clear{border-width:1px}}.accordion_title{min-width:0;max-width:100%;display:block;justify-self:start;font:inherit;line-height:var(--line-height-label);letter-spacing:inherit;white-space:nowrap;overflow-wrap:normal;word-break:normal;overflow:hidden;text-overflow:ellipsis}@media(max-width:479.98px){.accordion_title{white-space:normal;overflow-wrap:normal;word-break:normal;line-height:var(--line-height-body-sm, 1.35)}}.accordion_icon{grid-column:2;display:inline-grid;place-items:center;justify-self:center;align-self:center;width:1.25em;height:1.25em;font-size:1.25em;min-width:1.25em;line-height:1;margin:0}.accordion_icon svg{display:block;width:1em;height:1em}@media(max-width:479.98px){.accordion_icon{align-self:center;width:1.25em;height:1.25em}}@media(min-width:1024px){.accordion_icon{width:1.5em;height:1.5em}}.accordion_expanded .accordion_icon{transform:rotate(180deg)}.accordion_xs .accordion_header{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-caption)}.accordion_xs .accordion_title{font-size:inherit}.accordion_xs .accordion_icon{font-size:1rem}@media(min-width:1024px){.accordion_xs .accordion_icon{font-size:1.05rem}}.accordion_small .accordion_header{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-label)}.accordion_small .accordion_title{font-size:inherit}.accordion_small .accordion_icon{font-size:1.2rem}@media(min-width:1024px){.accordion_small .accordion_icon{font-size:1.26rem}}.accordion_medium .accordion_header{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-body-sm)}.accordion_medium .accordion_title{font-size:inherit}.accordion_medium .accordion_icon{font-size:1.5rem}@media(min-width:1024px){.accordion_medium .accordion_icon{font-size:calc(1.5rem * 1.05)}}.accordion_large .accordion_header{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-body)}.accordion_large .accordion_title{font-size:inherit}.accordion_large .accordion_icon{font-size:1.8rem}@media(min-width:1024px){.accordion_large .accordion_icon{font-size:calc(1.8rem * 1.05)}}.accordion_xl .accordion_header{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-h6)}.accordion_xl .accordion_title{font-size:inherit}.accordion_xl .accordion_icon{font-size:2rem}@media(min-width:1024px){.accordion_xl .accordion_icon{font-size:2.1rem}}.accordion_xs .accordion_header,.accordion_small .accordion_header{grid-template-columns:minmax(0,1fr) 1em;column-gap:.25rem;padding-inline:var(--spacing-sm)}.accordion_xs .accordion_icon,.accordion_small .accordion_icon{width:1em;height:1em;min-width:1em}.accordion_disabled,.accordion:disabled{cursor:not-allowed}.accordion_disabled .accordion_header,.accordion:disabled .accordion_header{background-color:var(--disabled-color);opacity:.6}.accordion_clear,.accordion_clear.accordion_header{box-shadow:none;color:inherit}@media(prefers-reduced-motion:reduce){.accordion_header,.accordion_content,.accordion_icon{transition:none}}@media(hover:none){.accordion_header:hover{background:none}}@media(forced-colors:active){.accordion_header{border:1px solid ButtonText;outline-color:Highlight}.accordion_glass,.accordion_glass .accordion_header,.accordion_glass.accordion_content{background:Canvas;border:1px solid ButtonText;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}}}
|
|
1
|
+
@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.accordion{border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm);background-color:transparent!important;transition:box-shadow var(--transition-default)}.accordion_round-None,.accordion_round-None .accordion_header{border-radius:var(--border-radius-none)}.accordion_round-None .accordion_content,.accordion_round-None.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-none);border-bottom-right-radius:var(--border-radius-none)}.accordion_round-Small,.accordion_round-Small .accordion_header{border-radius:var(--border-radius-sm)}.accordion_round-Small .accordion_content,.accordion_round-Small.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm)}.accordion_round-Medium,.accordion_round-Medium .accordion_header{border-radius:var(--border-radius-md)}.accordion_round-Medium .accordion_content,.accordion_round-Medium.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.accordion_round-Large,.accordion_round-Large .accordion_header{border-radius:var(--border-radius-lg)}.accordion_round-Large .accordion_content,.accordion_round-Large.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg)}.accordion_round-Full,.accordion_round-Full .accordion_header{border-radius:var(--border-radius-full)}.accordion_round-Full .accordion_content,.accordion_round-Full.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-full);border-bottom-right-radius:var(--border-radius-full)}.accordion_shadow-None .accordion_header{box-shadow:var(--box-shadow-none)}.accordion_shadow-Light .accordion_header{box-shadow:var(--box-shadow-light)}.accordion_shadow-Medium .accordion_header{box-shadow:var(--box-shadow-medium)}.accordion_shadow-Strong .accordion_header{box-shadow:var(--box-shadow-heavy)}.accordion_shadow-Intense .accordion_header{box-shadow:var(--box-shadow-intense)}.accordion_glass .accordion_header,.accordion_glass.accordion_content{background:var(--accordion-glass-bg, var(--glass-background));border:1px solid var(--accordion-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}.accordion_glass.accordion_content{background:var(--accordion-glass-bg, var(--glass-background-subtle));border-top:0;box-shadow:inset 0 1px 0 var(--glass-inset-highlight)}.accordion_expanded .accordion_header{border-bottom-left-radius:0;border-bottom-right-radius:0}.accordion_header{display:grid;grid-template-columns:minmax(0,1fr) 1.25em;align-items:center;column-gap:var(--spacing-xs);width:100%;min-width:0;padding:var(--spacing-sm) var(--spacing-md);color:inherit;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);cursor:pointer;background-color:transparent;border:none;border-radius:var(--border-radius-md);outline:none;text-align:left;transition:background-color var(--transition-default),border-radius var(--transition-default)}.accordion_header:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}@media(max-width:479.98px){.accordion_header{grid-template-columns:minmax(0,1fr) auto;column-gap:var(--spacing-xs);row-gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}}@media(min-width:480px)and (max-width:767.98px){.accordion_header{padding:var(--spacing-sm) var(--spacing-md)}}@media(min-width:1024px){.accordion_header{padding:var(--spacing-sm) var(--spacing-lg)}}.accordion_primary{background-color:var(--primary-color);color:var(--text-color-primary);--accordion-glass-bg: var(--primary-glass-background);--accordion-glass-hover-bg: var(--primary-glass-background-hover);--accordion-glass-border: var(--primary-glass-border);--accordion-glass-text: var(--text-color-primary)}.accordion_primary.accordion_header:hover{background-color:var(--primary-color-hover)}.accordion_primary.accordion_content{background-color:var(--accordion-glass-bg)}.accordion_primary.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:inherit}.accordion_primary.accordion_glass.accordion_header:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_primary{background-color:transparent;border:2px solid var(--primary-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_primary{border-width:1.5px}}.accordion_outline.accordion_primary.accordion_header:hover{background-color:var(--primary-color-hover);color:var(--text-color-primary)}.accordion_outline.accordion_primary.accordion_glass{background:transparent;border:1px solid var(--accordion-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}.accordion_secondary{background-color:var(--secondary-color);color:var(--text-color-secondary);--accordion-glass-bg: var(--secondary-glass-background);--accordion-glass-hover-bg: var(--secondary-glass-background-hover);--accordion-glass-border: var(--secondary-glass-border);--accordion-glass-text: var(--text-color-secondary)}.accordion_secondary.accordion_header:hover{background-color:var(--secondary-color-hover)}.accordion_secondary.accordion_content{background-color:var(--accordion-glass-bg)}.accordion_secondary.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:inherit}.accordion_secondary.accordion_glass.accordion_header:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_secondary{background-color:transparent;border:2px solid var(--secondary-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_secondary{border-width:1.5px}}.accordion_outline.accordion_secondary.accordion_header:hover{background-color:var(--secondary-color-hover);color:var(--text-color-secondary)}.accordion_outline.accordion_secondary.accordion_glass{background:transparent;border:1px solid var(--accordion-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}.accordion_tertiary{background-color:var(--tertiary-color);color:var(--text-color-tertiary);--accordion-glass-bg: var(--tertiary-glass-background);--accordion-glass-hover-bg: var(--tertiary-glass-background-hover);--accordion-glass-border: var(--tertiary-glass-border);--accordion-glass-text: var(--text-color-tertiary)}.accordion_tertiary.accordion_header:hover{background-color:var(--tertiary-color-hover)}.accordion_tertiary.accordion_content{background-color:var(--accordion-glass-bg)}.accordion_tertiary.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:inherit}.accordion_tertiary.accordion_glass.accordion_header:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_tertiary{background-color:transparent;border:2px solid var(--tertiary-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_tertiary{border-width:1.5px}}.accordion_outline.accordion_tertiary.accordion_header:hover{background-color:var(--tertiary-color-hover);color:var(--text-color-tertiary)}.accordion_outline.accordion_tertiary.accordion_glass{background:transparent;border:1px solid var(--accordion-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}.accordion_quaternary{background-color:var(--quaternary-color);color:var(--text-color-quaternary);--accordion-glass-bg: var(--quaternary-glass-background);--accordion-glass-hover-bg: var(--quaternary-glass-background-hover);--accordion-glass-border: var(--quaternary-glass-border);--accordion-glass-text: var(--text-color-quaternary)}.accordion_quaternary.accordion_header:hover{background-color:var(--quaternary-color-hover)}.accordion_quaternary.accordion_content{background-color:var(--accordion-glass-bg)}.accordion_quaternary.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:inherit}.accordion_quaternary.accordion_glass.accordion_header:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_quaternary{background-color:transparent;border:2px solid var(--quaternary-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_quaternary{border-width:1.5px}}.accordion_outline.accordion_quaternary.accordion_header:hover{background-color:var(--quaternary-color-hover);color:var(--text-color-quaternary)}.accordion_outline.accordion_quaternary.accordion_glass{background:transparent;border:1px solid var(--accordion-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}.accordion_clear{background-color:transparent;color:var(--text-color);--accordion-glass-bg: var(--clear-glass-background);--accordion-glass-hover-bg: var(--clear-glass-background-hover);--accordion-glass-border: var(--clear-glass-border);--accordion-glass-text: var(--text-color)}.accordion_clear.accordion_header:hover{background-color:#0003}.accordion_clear.accordion_content{background-color:var(--accordion-glass-bg)}.accordion_clear.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:inherit}.accordion_clear.accordion_glass.accordion_header:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_clear{background-color:transparent;border:2px solid var(--border-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_clear{border-width:1.5px}}.accordion_outline.accordion_clear.accordion_header:hover{background-color:#0003;color:var(--link-hover-color)}.accordion_outline.accordion_clear.accordion_glass{background:transparent;border:1px solid var(--accordion-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}.accordion_success{background-color:var(--success-color);--accordion-glass-bg: var(--success-glass-background);--accordion-glass-hover-bg: var(--success-glass-background-hover);--accordion-glass-border: var(--success-glass-border);--accordion-glass-text: var(--success-text-color)}.accordion_success.accordion_header:hover{background-color:var(--success-color-hover)}.accordion_success.accordion_glass{background:var(--accordion-glass-bg);color:inherit}.accordion_success.accordion_glass.accordion_header:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_success{background-color:transparent;border:2px solid var(--success-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_success{border-width:1.5px}}.accordion_outline.accordion_success.accordion_header:hover{background-color:var(--success-color-hover);color:var(--success-text-color)}.accordion_outline.accordion_success.accordion_glass{background:transparent;border:1px solid var(--accordion-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}.accordion_error{background-color:var(--error-color);--accordion-glass-bg: var(--error-glass-background);--accordion-glass-hover-bg: var(--error-glass-background-hover);--accordion-glass-border: var(--error-glass-border);--accordion-glass-text: var(--error-text-color)}.accordion_error.accordion_header:hover{background-color:var(--error-color-hover)}.accordion_error.accordion_glass{background:var(--accordion-glass-bg);color:inherit}.accordion_error.accordion_glass.accordion_header:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_error{background-color:transparent;border:2px solid var(--error-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_error{border-width:1.5px}}.accordion_outline.accordion_error.accordion_header:hover{background-color:var(--error-color-hover);color:var(--error-text-color)}.accordion_outline.accordion_error.accordion_glass{background:transparent;border:1px solid var(--accordion-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}.accordion_warning{background-color:var(--warning-color);--accordion-glass-bg: var(--warning-glass-background);--accordion-glass-hover-bg: var(--warning-glass-background-hover);--accordion-glass-border: var(--warning-glass-border);--accordion-glass-text: var(--warning-text-color)}.accordion_warning.accordion_header:hover{background-color:var(--warning-color-hover)}.accordion_warning.accordion_glass{background:var(--accordion-glass-bg);color:inherit}.accordion_warning.accordion_glass.accordion_header:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_warning{background-color:transparent;border:2px solid var(--warning-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_warning{border-width:1.5px}}.accordion_outline.accordion_warning.accordion_header:hover{background-color:var(--warning-color-hover);color:var(--warning-text-color)}.accordion_outline.accordion_warning.accordion_glass{background:transparent;border:1px solid var(--accordion-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}.accordion_info{background-color:var(--info-color);--accordion-glass-bg: var(--info-glass-background);--accordion-glass-hover-bg: var(--info-glass-background-hover);--accordion-glass-border: var(--info-glass-border);--accordion-glass-text: var(--info-text-color)}.accordion_info.accordion_header:hover{background-color:var(--info-color-hover)}.accordion_info.accordion_glass{background:var(--accordion-glass-bg);color:inherit}.accordion_info.accordion_glass.accordion_header:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_info{background-color:transparent;border:2px solid var(--info-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_info{border-width:1.5px}}.accordion_outline.accordion_info.accordion_header:hover{background-color:var(--info-color-hover);color:var(--info-text-color)}.accordion_outline.accordion_info.accordion_glass{background:transparent;border:1px solid var(--accordion-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}.accordion_content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease,padding var(--transition-default),border-radius var(--transition-default),opacity var(--transition-default),transform var(--transition-default);overflow:hidden;box-sizing:border-box;padding:0 var(--spacing-md);background-color:var(--background-color-lighter);color:inherit;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);opacity:0}@media(max-width:479.98px){.accordion_content{padding:0 var(--spacing-sm)}}@media(min-width:1024px){.accordion_content{padding:0 var(--spacing-lg)}}.accordion_content_inner{min-height:0;overflow:hidden}.accordion_expanded .accordion_content{grid-template-rows:1fr;opacity:1;padding:var(--spacing-xl);border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md);color:inherit}@media(max-width:479.98px){.accordion_expanded .accordion_content{padding:var(--spacing-md)}}@media(min-width:1024px){.accordion_expanded .accordion_content{padding:var(--spacing-xl) calc(var(--spacing-xl) * 1.1)}}.accordion_content.loaded{opacity:1;transform:translateY(0)}.accordion_content.loading{opacity:.5}.accordion_content_clear{background-color:transparent;border:1px solid inherit}@media(max-width:479.98px){.accordion_content_clear{border-width:1px}}.accordion_title{min-width:0;max-width:100%;display:block;justify-self:start;font:inherit;line-height:var(--line-height-label);letter-spacing:inherit;white-space:nowrap;overflow-wrap:normal;word-break:normal;overflow:hidden;text-overflow:ellipsis}@media(max-width:479.98px){.accordion_title{white-space:normal;overflow-wrap:normal;word-break:normal;line-height:var(--line-height-body-sm, 1.35)}}.accordion_icon{grid-column:2;display:inline-grid;place-items:center;justify-self:center;align-self:center;width:1.25em;height:1.25em;font-size:1.25em;min-width:1.25em;line-height:1;margin:0}.accordion_icon svg{display:block;width:1em;height:1em}@media(max-width:479.98px){.accordion_icon{align-self:center;width:1.25em;height:1.25em}}@media(min-width:1024px){.accordion_icon{width:1.5em;height:1.5em}}.accordion_expanded .accordion_icon{transform:rotate(180deg)}.accordion_xs .accordion_header{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-caption)}.accordion_xs .accordion_title{font-size:inherit}.accordion_xs .accordion_icon{font-size:1rem}@media(min-width:1024px){.accordion_xs .accordion_icon{font-size:1.05rem}}.accordion_small .accordion_header{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-label)}.accordion_small .accordion_title{font-size:inherit}.accordion_small .accordion_icon{font-size:1.2rem}@media(min-width:1024px){.accordion_small .accordion_icon{font-size:1.26rem}}.accordion_medium .accordion_header{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-body-sm)}.accordion_medium .accordion_title{font-size:inherit}.accordion_medium .accordion_icon{font-size:1.5rem}@media(min-width:1024px){.accordion_medium .accordion_icon{font-size:calc(1.5rem * 1.05)}}.accordion_large .accordion_header{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-body)}.accordion_large .accordion_title{font-size:inherit}.accordion_large .accordion_icon{font-size:1.8rem}@media(min-width:1024px){.accordion_large .accordion_icon{font-size:calc(1.8rem * 1.05)}}.accordion_xl .accordion_header{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-h6)}.accordion_xl .accordion_title{font-size:inherit}.accordion_xl .accordion_icon{font-size:2rem}@media(min-width:1024px){.accordion_xl .accordion_icon{font-size:2.1rem}}.accordion_xs .accordion_header,.accordion_small .accordion_header{grid-template-columns:minmax(0,1fr) 1em;column-gap:.25rem;padding-inline:var(--spacing-sm)}.accordion_xs .accordion_icon,.accordion_small .accordion_icon{width:1em;height:1em;min-width:1em}.accordion_disabled,.accordion:disabled{cursor:not-allowed}.accordion_disabled .accordion_header,.accordion:disabled .accordion_header{background-color:var(--disabled-color);opacity:.6}.accordion_clear,.accordion_clear.accordion_header{box-shadow:none;color:inherit}.accordion_clear.accordion_glass.accordion_header:hover{background:var(--disabled-color)}@media(prefers-reduced-motion:reduce){.accordion_header,.accordion_content,.accordion_icon{transition:none}}@media(hover:none){.accordion_header:hover{background:none}}@media(forced-colors:active){.accordion_header{border:1px solid ButtonText;outline-color:Highlight}.accordion_glass,.accordion_glass .accordion_header,.accordion_glass.accordion_content{background:Canvas;border:1px solid ButtonText;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}}}
|
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%{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}}@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);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)}.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_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;box-shadow:none;border:2px solid var(--primary-color)}.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;box-shadow:none;border:2px solid var(--secondary-color)}.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;box-shadow:none;border:2px solid var(--tertiary-color)}.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;box-shadow:none;border:2px solid var(--quaternary-color)}.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;box-shadow:none;border:2px solid var(--border-color)}.appShell_success{--appShell-glass-bg: var(--success-glass-background);--appShell-glass-border: var(--success-glass-border);--appShell-glass-text: var(--success-text-color);border-width:2px;border-color:var(--success-color);color:var(--success-text-color)}.appShell_success.appShell_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--success-color)}.appShell_error{--appShell-glass-bg: var(--error-glass-background);--appShell-glass-border: var(--error-glass-border);--appShell-glass-text: var(--error-text-color);border-width:2px;border-color:var(--error-color);color:var(--error-text-color)}.appShell_error.appShell_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--error-color)}.appShell_warning{--appShell-glass-bg: var(--warning-glass-background);--appShell-glass-border: var(--warning-glass-border);--appShell-glass-text: var(--warning-text-color);border-width:2px;border-color:var(--warning-color);color:var(--warning-text-color)}.appShell_warning.appShell_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--warning-color)}.appShell_info{--appShell-glass-bg: var(--info-glass-background);--appShell-glass-border: var(--info-glass-border);--appShell-glass-text: var(--info-text-color);border-width:2px;border-color:var(--info-color);color:var(--info-text-color)}.appShell_info.appShell_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--info-color)}.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_footer{margin-top:var(--spacing-md);padding:var(--spacing-xs)}.appShell_loading{cursor:progress}.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:319.98px){.appShell{width:100%}}@media(prefers-reduced-motion:reduce){.appShell,.appShell *{transition:none!important;animation:none!important}}@media(forced-colors:active){.appShell{background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none}.appShell_glass{background:Canvas;border-color:ButtonText;-webkit-backdrop-filter:none;backdrop-filter:none}}}@layer boreal-ui.components{.appShell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;min-height:100vh;padding:0;overflow:hidden}.appShell_header{z-index:1;padding:var(--spacing-sm);border-bottom:1px solid currentcolor}.appShell_stickyHeader .appShell_header{position:sticky;top:0}.appShell_body{display:grid;grid-template-columns:var(--app-shell-sidebar-width, 16rem) minmax(0,1fr) var(--app-shell-aside-width, 0rem);min-height:0}.appShell_sidebar,.appShell_aside,.appShell_main{min-width:0;min-height:0;overflow:auto;padding:var(--spacing-md)}.appShell_sidebarCollapsed .appShell_sidebar{padding-inline:0;overflow:hidden}}
|
|
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{.appShell{--appShell-glass-bg: rgba(255, 255, 255, .18);--appShell-glass-border: rgba(255, 255, 255, .28);--appShell-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)}.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_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;box-shadow:none;border:2px solid var(--primary-color)}.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;box-shadow:none;border:2px solid var(--secondary-color)}.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;box-shadow:none;border:2px solid var(--tertiary-color)}.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;box-shadow:none;border:2px solid var(--quaternary-color)}.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;box-shadow:none;border:2px solid var(--border-color)}.appShell_success{--appShell-glass-bg: var(--success-glass-background);--appShell-glass-border: var(--success-glass-border);--appShell-glass-text: var(--success-text-color);border-width:2px;border-color:var(--success-color);color:var(--success-text-color)}.appShell_success.appShell_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--success-color)}.appShell_error{--appShell-glass-bg: var(--error-glass-background);--appShell-glass-border: var(--error-glass-border);--appShell-glass-text: var(--error-text-color);border-width:2px;border-color:var(--error-color);color:var(--error-text-color)}.appShell_error.appShell_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--error-color)}.appShell_warning{--appShell-glass-bg: var(--warning-glass-background);--appShell-glass-border: var(--warning-glass-border);--appShell-glass-text: var(--warning-text-color);border-width:2px;border-color:var(--warning-color);color:var(--warning-text-color)}.appShell_warning.appShell_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--warning-color)}.appShell_info{--appShell-glass-bg: var(--info-glass-background);--appShell-glass-border: var(--info-glass-border);--appShell-glass-text: var(--info-text-color);border-width:2px;border-color:var(--info-color);color:var(--info-text-color)}.appShell_info.appShell_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--info-color)}.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_footer{margin-top:var(--spacing-md);padding:var(--spacing-xs)}.appShell_loading{cursor:progress}.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:319.98px){.appShell{width:100%}}@media(prefers-reduced-motion:reduce){.appShell,.appShell *{transition:none!important;animation:none!important}}@media(forced-colors:active){.appShell{background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none}.appShell_glass{background:Canvas;border-color:ButtonText;-webkit-backdrop-filter:none;backdrop-filter:none}}}@layer boreal-ui.components{.appShell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;min-height:100vh;padding:0;overflow:hidden}.appShell_header{z-index:1;padding:var(--spacing-sm);border-bottom:1px solid currentcolor}.appShell_stickyHeader .appShell_header{position:sticky;top:0}.appShell_body{display:grid;grid-template-columns:var(--app-shell-sidebar-width, 16rem) minmax(0,1fr) var(--app-shell-aside-width, 0rem);min-height:0}.appShell_sidebar,.appShell_aside,.appShell_main{min-width:0;min-height:0;overflow:auto;padding:var(--spacing-md)}.appShell_sidebarCollapsed .appShell_sidebar{padding-inline:0;overflow:hidden}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('./BarChart.css');const e=require("react/jsx-runtime"),j=require("react"),s=require("./chartUtils-CTFqi8ny.cjs"),T=require("./classNames-C7V3kfBj.cjs"),N=j.forwardRef(({data:t,label:o,width:c=320,height:i=180,padding:l=24,gap:C=8,showGrid:$=!0,showLabels:B=!0,valueFormatter:x=s.formatDefaultValue,units:m,theme:L="primary",state:u,loading:d=!1,classMap:a,className:q,"aria-label":R,"data-testid":w,testId:n=w??"bar-chart",...V},D)=>{const{max:_}=s.getValueRange(t.map(r=>r.value),!0),f=Math.max(i-l*2,1),H=Math.max(c-l*2,1),h=Math.max((H-C*(t.length-1))/t.length,1),W=[0,.25,.5,.75,1].map(r=>l+r*f);return e.jsxs("div",{ref:D,className:T.combineClassNames(a.root,a[L],u&&a[u],d&&a.loading,q),"data-testid":n,...V,children:[o?e.jsx("div",{className:a.label,"data-testid":`${n}-label`,children:o}):null,d?e.jsx("span",{className:a.loader,"aria-hidden":"true","data-testid":`${n}-loader`}):e.jsxs("svg",{className:a.svg,width:c,height:i,viewBox:`0 0 ${c} ${i}`,role:"img","aria-label":R??s.describeData(t,x,m),"data-testid":`${n}-chart`,children:[$?W.map(r=>e.jsx("line",{className:a.gridLine,x1:l,x2:c-l,y1:r,y2:r},r)):null,t.map((r,b)=>{const y=_===0?0:r.value/_*f,g=l+b*(h+C),A=i-l-y;return e.jsxs("g",{children:[e.jsx("rect",{className:a.bar,x:g,y:A,width:h,height:y,rx:"4",fill:r.color??s.defaultChartColors[b%s.defaultChartColors.length],"data-testid":`${n}-bar-${b}`,children:e.jsx("title",{children:`${r.label}: ${s.formatValueText(r.value,x,m)}`})}),B?e.jsx("text",{className:a.axisLabel,x:g+h/2,y:i-6,textAnchor:"middle",children:r.label}):null]},r.label)})]})]})});N.displayName="BarChartBase";const U={root:"barChart",label:"barChart_label",svg:"barChart_svg",bar:"barChart_bar",gridLine:"barChart_gridLine",axisLabel:"barChart_axisLabel",loader:"barChart_loader",primary:"barChart_primary",secondary:"barChart_secondary",tertiary:"barChart_tertiary",quaternary:"barChart_quaternary",clear:"barChart_clear",success:"barChart_success",info:"barChart_info",warning:"barChart_warning",error:"barChart_error",loading:"barChart_loading"},v=j.forwardRef((t,o)=>e.jsx(N,{...t,ref:o,classMap:U}));v.displayName="BarChart";exports.BarChart=v;
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
import { jsxs as h, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as v } from "react";
|
|
3
|
+
import { g as T, d as N, b as k, c as p, f as z } from "./chartUtils-CKWfZYbu.js";
|
|
4
|
+
import { c as E } from "./classNames-Dz0_huu_.js";
|
|
5
|
+
import './BarChart.css';const $ = v(
|
|
6
|
+
({
|
|
7
|
+
data: e,
|
|
8
|
+
label: i,
|
|
9
|
+
width: n = 320,
|
|
10
|
+
height: s = 180,
|
|
11
|
+
padding: t = 24,
|
|
12
|
+
gap: m = 8,
|
|
13
|
+
showGrid: B = !0,
|
|
14
|
+
showLabels: L = !0,
|
|
15
|
+
valueFormatter: C = z,
|
|
16
|
+
units: x,
|
|
17
|
+
theme: V = "primary",
|
|
18
|
+
state: d,
|
|
19
|
+
loading: _ = !1,
|
|
20
|
+
classMap: a,
|
|
21
|
+
className: j,
|
|
22
|
+
"aria-label": q,
|
|
23
|
+
"data-testid": w,
|
|
24
|
+
testId: o = w ?? "bar-chart",
|
|
25
|
+
...D
|
|
26
|
+
}, H) => {
|
|
27
|
+
const { max: f } = T(
|
|
28
|
+
e.map((r) => r.value),
|
|
29
|
+
!0
|
|
30
|
+
), u = Math.max(s - t * 2, 1), R = Math.max(n - t * 2, 1), b = Math.max(
|
|
31
|
+
(R - m * (e.length - 1)) / e.length,
|
|
32
|
+
1
|
|
33
|
+
), W = [0, 0.25, 0.5, 0.75, 1].map(
|
|
34
|
+
(r) => t + r * u
|
|
35
|
+
);
|
|
36
|
+
return /* @__PURE__ */ h(
|
|
37
|
+
"div",
|
|
38
|
+
{
|
|
39
|
+
ref: H,
|
|
40
|
+
className: E(
|
|
41
|
+
a.root,
|
|
42
|
+
a[V],
|
|
43
|
+
d && a[d],
|
|
44
|
+
_ && a.loading,
|
|
45
|
+
j
|
|
46
|
+
),
|
|
47
|
+
"data-testid": o,
|
|
48
|
+
...D,
|
|
49
|
+
children: [
|
|
50
|
+
i ? /* @__PURE__ */ l("div", { className: a.label, "data-testid": `${o}-label`, children: i }) : null,
|
|
51
|
+
_ ? /* @__PURE__ */ l(
|
|
52
|
+
"span",
|
|
53
|
+
{
|
|
54
|
+
className: a.loader,
|
|
55
|
+
"aria-hidden": "true",
|
|
56
|
+
"data-testid": `${o}-loader`
|
|
57
|
+
}
|
|
58
|
+
) : /* @__PURE__ */ h(
|
|
59
|
+
"svg",
|
|
60
|
+
{
|
|
61
|
+
className: a.svg,
|
|
62
|
+
width: n,
|
|
63
|
+
height: s,
|
|
64
|
+
viewBox: `0 0 ${n} ${s}`,
|
|
65
|
+
role: "img",
|
|
66
|
+
"aria-label": q ?? p(e, C, x),
|
|
67
|
+
"data-testid": `${o}-chart`,
|
|
68
|
+
children: [
|
|
69
|
+
B ? W.map((r) => /* @__PURE__ */ l(
|
|
70
|
+
"line",
|
|
71
|
+
{
|
|
72
|
+
className: a.gridLine,
|
|
73
|
+
x1: t,
|
|
74
|
+
x2: n - t,
|
|
75
|
+
y1: r,
|
|
76
|
+
y2: r
|
|
77
|
+
},
|
|
78
|
+
r
|
|
79
|
+
)) : null,
|
|
80
|
+
e.map((r, c) => {
|
|
81
|
+
const y = f === 0 ? 0 : r.value / f * u, g = t + c * (b + m), A = s - t - y;
|
|
82
|
+
return /* @__PURE__ */ h("g", { children: [
|
|
83
|
+
/* @__PURE__ */ l(
|
|
84
|
+
"rect",
|
|
85
|
+
{
|
|
86
|
+
className: a.bar,
|
|
87
|
+
x: g,
|
|
88
|
+
y: A,
|
|
89
|
+
width: b,
|
|
90
|
+
height: y,
|
|
91
|
+
rx: "4",
|
|
92
|
+
fill: r.color ?? N[c % N.length],
|
|
93
|
+
"data-testid": `${o}-bar-${c}`,
|
|
94
|
+
children: /* @__PURE__ */ l("title", { children: `${r.label}: ${k(
|
|
95
|
+
r.value,
|
|
96
|
+
C,
|
|
97
|
+
x
|
|
98
|
+
)}` })
|
|
99
|
+
}
|
|
100
|
+
),
|
|
101
|
+
L ? /* @__PURE__ */ l(
|
|
102
|
+
"text",
|
|
103
|
+
{
|
|
104
|
+
className: a.axisLabel,
|
|
105
|
+
x: g + b / 2,
|
|
106
|
+
y: s - 6,
|
|
107
|
+
textAnchor: "middle",
|
|
108
|
+
children: r.label
|
|
109
|
+
}
|
|
110
|
+
) : null
|
|
111
|
+
] }, r.label);
|
|
112
|
+
})
|
|
113
|
+
]
|
|
114
|
+
}
|
|
115
|
+
)
|
|
116
|
+
]
|
|
117
|
+
}
|
|
118
|
+
);
|
|
119
|
+
}
|
|
120
|
+
);
|
|
121
|
+
$.displayName = "BarChartBase";
|
|
122
|
+
const G = {
|
|
123
|
+
root: "barChart",
|
|
124
|
+
label: "barChart_label",
|
|
125
|
+
svg: "barChart_svg",
|
|
126
|
+
bar: "barChart_bar",
|
|
127
|
+
gridLine: "barChart_gridLine",
|
|
128
|
+
axisLabel: "barChart_axisLabel",
|
|
129
|
+
loader: "barChart_loader",
|
|
130
|
+
primary: "barChart_primary",
|
|
131
|
+
secondary: "barChart_secondary",
|
|
132
|
+
tertiary: "barChart_tertiary",
|
|
133
|
+
quaternary: "barChart_quaternary",
|
|
134
|
+
clear: "barChart_clear",
|
|
135
|
+
success: "barChart_success",
|
|
136
|
+
info: "barChart_info",
|
|
137
|
+
warning: "barChart_warning",
|
|
138
|
+
error: "barChart_error",
|
|
139
|
+
loading: "barChart_loading"
|
|
140
|
+
}, J = v((e, i) => /* @__PURE__ */ l($, { ...e, ref: i, classMap: G }));
|
|
141
|
+
J.displayName = "BarChart";
|
|
142
|
+
export {
|
|
143
|
+
J as B
|
|
144
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./BarChart-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./BarChart-2wjDI191.cjs");exports.default=e.BarChart;
|
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%{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}}@layer boreal-ui.components{.barChart,.root{display:
|
|
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{.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}}}
|
package/dist/core/BarChart.js
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}}@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%{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 +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}}@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%{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}}}
|
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}}@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%{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)}}}
|