boreal-ui 0.0.9004 → 0.0.9006
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/AppShell.css +1 -1
- package/dist/core/{BarChart-BHmperRa.js → BarChart-CyM-jh6p.js} +25 -25
- package/dist/core/BarChart.js +1 -1
- package/dist/core/CircularProgress-Be3e3MyR.js +158 -0
- package/dist/core/CircularProgress-C0VuHF0w.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/DataTable.css +1 -1
- package/dist/core/{DonutChart-B_qIQsrM.js → DonutChart-CeNiQSlr.js} +1 -1
- package/dist/core/DonutChart.js +1 -1
- package/dist/core/{FileUpload-Dd9wfOuu.cjs → FileUpload-CjAWcNPe.cjs} +1 -1
- package/dist/core/{FileUpload-Dg7Dxn7E.js → FileUpload-DgsGuB2B.js} +1 -1
- package/dist/core/FileUpload.cjs.js +1 -1
- package/dist/core/FileUpload.js +1 -1
- package/dist/core/{LineChart-Cf73FNDO.js → LineChart-C0zxZu5E.js} +13 -13
- package/dist/core/LineChart.js +1 -1
- package/dist/core/{PageHeader-Coisaz9G.cjs → PageHeader-BDBD3_YK.cjs} +1 -1
- package/dist/core/{PageHeader-B-My22BU.js → PageHeader-Cn2Yqpj5.js} +26 -25
- package/dist/core/PageHeader.cjs.js +1 -1
- package/dist/core/PageHeader.css +1 -1
- package/dist/core/PageHeader.js +1 -1
- package/dist/core/ProgressBar-CFEu3MYh.cjs +1 -0
- package/dist/core/ProgressBar-rSR5b-uh.js +165 -0
- package/dist/core/ProgressBar.cjs.js +1 -1
- package/dist/core/ProgressBar.css +1 -1
- package/dist/core/ProgressBar.js +1 -1
- package/dist/core/Sidebar.css +1 -1
- package/dist/core/Slider-CsWwW31T.js +189 -0
- package/dist/core/Slider-DBisAErF.cjs +1 -0
- package/dist/core/Slider.cjs.js +1 -1
- package/dist/core/Slider.css +1 -1
- package/dist/core/Slider.js +1 -1
- package/dist/core/{Sparkline-BUyDpa_5.js → Sparkline-BXYWY4hH.js} +5 -5
- package/dist/core/Sparkline.js +1 -1
- package/dist/core/{chartUtils-CKWfZYbu.js → chartUtils-CyVfZMyM.js} +2 -2
- package/dist/core/index.cjs.js +2 -2
- package/dist/core/index.js +44 -9
- package/dist/generated-docs/ProgressBar.props.js +18 -0
- package/dist/generated-docs/Slider.props.js +17 -0
- package/dist/next/AppShell-D-jWDroV.js +191 -0
- package/dist/next/AppShell.css +1 -1
- package/dist/next/AppShell.js +1 -1
- package/dist/next/CircularProgress-3TCx3n8n.js +157 -0
- package/dist/next/CircularProgress.css +1 -1
- package/dist/next/CircularProgress.js +1 -1
- package/dist/next/{DataTable-_ykurq5n.js → DataTable-CrYNjzMy.js} +276 -276
- package/dist/next/DataTable.css +1 -1
- package/dist/next/DataTable.js +1 -1
- package/dist/next/{FileUpload-B1LIOOW-.js → FileUpload-CLqBvpb8.js} +1 -1
- package/dist/next/FileUpload.js +1 -1
- package/dist/next/PageHeader-BO8zmfmo.js +220 -0
- package/dist/next/PageHeader.css +1 -1
- package/dist/next/PageHeader.js +1 -1
- package/dist/next/ProgressBar-DlYN59UB.js +180 -0
- package/dist/next/ProgressBar.css +1 -1
- package/dist/next/ProgressBar.js +1 -1
- package/dist/next/{Sidebar-DXwD-wRr.js → Sidebar-D67B_y6G.js} +93 -93
- package/dist/next/Sidebar.css +1 -1
- package/dist/next/Sidebar.js +1 -1
- package/dist/next/Slider-BJ5HI0pp.js +182 -0
- package/dist/next/Slider.css +1 -1
- package/dist/next/Slider.js +1 -1
- package/dist/next/index.js +43 -8
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/components/CircularProgress/CircularProgressBase.d.ts.map +1 -1
- package/dist/types/components/CircularProgress/core/CircularProgress.d.ts.map +1 -1
- package/dist/types/components/PageHeader/core/PageHeader.d.ts.map +1 -1
- package/dist/types/components/ProgressBar/ProgressBar.types.d.ts +12 -0
- package/dist/types/components/ProgressBar/ProgressBar.types.d.ts.map +1 -1
- package/dist/types/components/ProgressBar/ProgressBarBase.d.ts.map +1 -1
- package/dist/types/components/ProgressBar/core/ProgressBar.d.ts.map +1 -1
- package/dist/types/components/Slider/Slider.types.d.ts +9 -1
- package/dist/types/components/Slider/Slider.types.d.ts.map +1 -1
- package/dist/types/components/Slider/SliderBase.d.ts.map +1 -1
- package/dist/types/components/Slider/core/Slider.d.ts.map +1 -1
- package/dist/types/generated-docs/ProgressBar.props.d.ts.map +1 -1
- package/dist/types/generated-docs/Slider.props.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/core/CircularProgress-D0ffTi6h.js +0 -146
- package/dist/core/CircularProgress-fGJnipOH.cjs +0 -5
- package/dist/core/ProgressBar-DWhLOnU7.cjs +0 -1
- package/dist/core/ProgressBar-x6lVUw2Z.js +0 -140
- package/dist/core/Slider-Bt0hFtdP.js +0 -152
- package/dist/core/Slider-hRecnVP9.cjs +0 -1
- package/dist/next/AppShell-ZWSdt0bX.js +0 -191
- package/dist/next/CircularProgress-C4Qc0-FF.js +0 -145
- package/dist/next/PageHeader-BzLtDm8A.js +0 -218
- package/dist/next/ProgressBar-CCM0giDI.js +0 -155
- package/dist/next/Slider-Dti4nZaN.js +0 -145
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}}@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)
|
|
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);--appShell-sidebar-size: var(--app-shell-sidebar-width, 16rem);--appShell-aside-size: var(--app-shell-aside-width, 0rem);--appShell-padding: var(--spacing-md);--appShell-header-padding: var(--spacing-sm);--appShell-footer-padding: var(--spacing-sm);box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;max-width:100%;min-width:0;min-height:100vh;padding:0;overflow:hidden;border:1px solid transparent;border-radius:var(--border-radius-md);background:var(--background-color);color:var(--text-color-primary);box-shadow:var(--box-shadow-sm);font-family:var(--font-family-ui);transition:background-color var(--transition-default),border-color var(--transition-default),box-shadow var(--transition-default),color var(--transition-default)}.appShell *,.appShell *:before,.appShell *:after{box-sizing:border-box}.appShell_header{z-index:2;min-width:0;padding:var(--appShell-header-padding);border-bottom:1px solid var(--border-color);background:inherit;color:inherit}.appShell_stickyHeader .appShell_header{position:sticky;top:0}.appShell_body{display:grid;grid-template-columns:minmax(0,var(--appShell-sidebar-size)) minmax(0,1fr) minmax(0,var(--appShell-aside-size));width:100%;min-width:0;min-height:0;overflow:hidden}.appShell_sidebar,.appShell_aside,.appShell_main{min-width:0;min-height:0;padding:var(--appShell-padding);overflow:auto;color:inherit}.appShell_main{width:100%;max-width:100%}.appShell_sidebar{border-right:1px solid var(--border-color)}.appShell_aside{border-left:1px solid var(--border-color)}.appShell_sidebarCollapsed{--appShell-sidebar-size: 0rem}.appShell_sidebarCollapsed .appShell_sidebar{width:0;min-width:0;padding-inline:0;border-right:0;overflow:hidden}.appShell_footer{min-width:0;padding:var(--appShell-footer-padding);border-top:1px solid var(--border-color);color:inherit}.appShell_loader{display:inline-block;flex:0 0 auto;width:1rem;height:1rem;border:2px solid currentcolor;border-right-color:transparent;border-radius:50%;opacity:.72;animation:spin .7s linear infinite}.appShell_loading{cursor:progress}.appShell_primary{--appShell-glass-bg: var(--primary-glass-background);--appShell-glass-border: var(--primary-glass-border);--appShell-glass-text: var(--text-color-primary);background-color:var(--primary-color);color:var(--text-color-primary);border-color:var(--primary-color)}.appShell_primary.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--primary-color);box-shadow:none}.appShell_secondary{--appShell-glass-bg: var(--secondary-glass-background);--appShell-glass-border: var(--secondary-glass-border);--appShell-glass-text: var(--text-color-secondary);background-color:var(--secondary-color);color:var(--text-color-secondary);border-color:var(--secondary-color)}.appShell_secondary.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--secondary-color);box-shadow:none}.appShell_tertiary{--appShell-glass-bg: var(--tertiary-glass-background);--appShell-glass-border: var(--tertiary-glass-border);--appShell-glass-text: var(--text-color-tertiary);background-color:var(--tertiary-color);color:var(--text-color-tertiary);border-color:var(--tertiary-color)}.appShell_tertiary.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--tertiary-color);box-shadow:none}.appShell_quaternary{--appShell-glass-bg: var(--quaternary-glass-background);--appShell-glass-border: var(--quaternary-glass-border);--appShell-glass-text: var(--text-color-quaternary);background-color:var(--quaternary-color);color:var(--text-color-quaternary);border-color:var(--quaternary-color)}.appShell_quaternary.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--quaternary-color);box-shadow:none}.appShell_clear{--appShell-glass-bg: var(--clear-glass-background);--appShell-glass-border: var(--clear-glass-border);--appShell-glass-text: var(--text-color);background-color:transparent;color:var(--text-color);border-color:var(--border-color)}.appShell_clear.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--border-color);box-shadow:none}.appShell_success{--appShell-glass-bg: var(--success-glass-background);--appShell-glass-border: var(--success-glass-border);--appShell-glass-text: var(--success-text-color);color:var(--success-text-color);border-width:2px;border-color:var(--success-color)}.appShell_success.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--success-color);box-shadow:none}.appShell_error{--appShell-glass-bg: var(--error-glass-background);--appShell-glass-border: var(--error-glass-border);--appShell-glass-text: var(--error-text-color);color:var(--error-text-color);border-width:2px;border-color:var(--error-color)}.appShell_error.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--error-color);box-shadow:none}.appShell_warning{--appShell-glass-bg: var(--warning-glass-background);--appShell-glass-border: var(--warning-glass-border);--appShell-glass-text: var(--warning-text-color);color:var(--warning-text-color);border-width:2px;border-color:var(--warning-color)}.appShell_warning.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--warning-color);box-shadow:none}.appShell_info{--appShell-glass-bg: var(--info-glass-background);--appShell-glass-border: var(--info-glass-border);--appShell-glass-text: var(--info-text-color);color:var(--info-text-color);border-width:2px;border-color:var(--info-color)}.appShell_info.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--info-color);box-shadow:none}.appShell_clear{background:transparent;border-color:transparent;box-shadow:none}.appShell_glass{background:var(--appShell-glass-bg);border:1px solid var(--appShell-glass-border);-webkit-backdrop-filter:blur(16px) saturate(var(--glass-saturate));backdrop-filter:blur(16px) saturate(var(--glass-saturate));color:inherit}.appShell_glass.appShell_outline{border-color:var(--appShell-glass-border)}.appShell_disabled{cursor:not-allowed;opacity:.6;background-color:var(--disabled-color);border-color:var(--disabled-color)}.appShell_disabled:hover{background-color:var(--disabled-color)}.appShell_round-None{border-radius:var(--border-radius-none)}.appShell_round-Small{border-radius:var(--border-radius-sm)}.appShell_round-Medium{border-radius:var(--border-radius-md)}.appShell_round-Large{border-radius:var(--border-radius-lg)}.appShell_round-Full{border-radius:var(--border-radius-full)}.appShell_shadow-None{box-shadow:var(--box-shadow-none)}.appShell_shadow-Light{box-shadow:var(--box-shadow-light)}.appShell_shadow-Medium{box-shadow:var(--box-shadow-medium)}.appShell_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.appShell_shadow-Intense{box-shadow:var(--box-shadow-intense)}@media(max-width:767.98px){.appShell{min-height:100dvh}}@media(max-width:479.98px){.appShell{width:100%;max-width:100%;border-radius:0}}@media(max-width:1150px){.appShell_body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.appShell_sidebar,.appShell_aside{border-inline:0}.appShell_sidebar{border-right:0;border-bottom:1px solid var(--border-color)}.appShell_aside{border-left:0;border-top:1px solid var(--border-color)}}@media(prefers-reduced-motion:reduce){.appShell,.appShell *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(hover:none){.appShell_disabled:hover{background-color:var(--disabled-color)}}@media(forced-colors:active){.appShell{background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none}.appShell_header,.appShell_footer,.appShell_sidebar,.appShell_aside{border-color:ButtonText}.appShell_glass{background:Canvas;border-color:ButtonText;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.appShell_loader{border-color:CanvasText;border-right-color:Canvas}.appShell_disabled{background:Canvas;color:GrayText;border-color:GrayText;opacity:1}}}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as h, jsx as l } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as v } from "react";
|
|
3
|
-
import { g as T, d as N,
|
|
3
|
+
import { g as T, d as N, a as k, c as p, f as z } from "./chartUtils-CyVfZMyM.js";
|
|
4
4
|
import { c as E } from "./classNames-Dz0_huu_.js";
|
|
5
5
|
import './BarChart.css';const $ = v(
|
|
6
6
|
({
|
|
@@ -17,7 +17,7 @@ import './BarChart.css';const $ = v(
|
|
|
17
17
|
theme: V = "primary",
|
|
18
18
|
state: d,
|
|
19
19
|
loading: _ = !1,
|
|
20
|
-
classMap:
|
|
20
|
+
classMap: r,
|
|
21
21
|
className: j,
|
|
22
22
|
"aria-label": q,
|
|
23
23
|
"data-testid": w,
|
|
@@ -25,40 +25,40 @@ import './BarChart.css';const $ = v(
|
|
|
25
25
|
...D
|
|
26
26
|
}, H) => {
|
|
27
27
|
const { max: f } = T(
|
|
28
|
-
e.map((
|
|
28
|
+
e.map((a) => a.value),
|
|
29
29
|
!0
|
|
30
30
|
), u = Math.max(s - t * 2, 1), R = Math.max(n - t * 2, 1), b = Math.max(
|
|
31
31
|
(R - m * (e.length - 1)) / e.length,
|
|
32
32
|
1
|
|
33
33
|
), W = [0, 0.25, 0.5, 0.75, 1].map(
|
|
34
|
-
(
|
|
34
|
+
(a) => t + a * u
|
|
35
35
|
);
|
|
36
36
|
return /* @__PURE__ */ h(
|
|
37
37
|
"div",
|
|
38
38
|
{
|
|
39
39
|
ref: H,
|
|
40
40
|
className: E(
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
d &&
|
|
44
|
-
_ &&
|
|
41
|
+
r.root,
|
|
42
|
+
r[V],
|
|
43
|
+
d && r[d],
|
|
44
|
+
_ && r.loading,
|
|
45
45
|
j
|
|
46
46
|
),
|
|
47
47
|
"data-testid": o,
|
|
48
48
|
...D,
|
|
49
49
|
children: [
|
|
50
|
-
i ? /* @__PURE__ */ l("div", { className:
|
|
50
|
+
i ? /* @__PURE__ */ l("div", { className: r.label, "data-testid": `${o}-label`, children: i }) : null,
|
|
51
51
|
_ ? /* @__PURE__ */ l(
|
|
52
52
|
"span",
|
|
53
53
|
{
|
|
54
|
-
className:
|
|
54
|
+
className: r.loader,
|
|
55
55
|
"aria-hidden": "true",
|
|
56
56
|
"data-testid": `${o}-loader`
|
|
57
57
|
}
|
|
58
58
|
) : /* @__PURE__ */ h(
|
|
59
59
|
"svg",
|
|
60
60
|
{
|
|
61
|
-
className:
|
|
61
|
+
className: r.svg,
|
|
62
62
|
width: n,
|
|
63
63
|
height: s,
|
|
64
64
|
viewBox: `0 0 ${n} ${s}`,
|
|
@@ -66,33 +66,33 @@ import './BarChart.css';const $ = v(
|
|
|
66
66
|
"aria-label": q ?? p(e, C, x),
|
|
67
67
|
"data-testid": `${o}-chart`,
|
|
68
68
|
children: [
|
|
69
|
-
B ? W.map((
|
|
69
|
+
B ? W.map((a) => /* @__PURE__ */ l(
|
|
70
70
|
"line",
|
|
71
71
|
{
|
|
72
|
-
className:
|
|
72
|
+
className: r.gridLine,
|
|
73
73
|
x1: t,
|
|
74
74
|
x2: n - t,
|
|
75
|
-
y1:
|
|
76
|
-
y2:
|
|
75
|
+
y1: a,
|
|
76
|
+
y2: a
|
|
77
77
|
},
|
|
78
|
-
|
|
78
|
+
a
|
|
79
79
|
)) : null,
|
|
80
|
-
e.map((
|
|
81
|
-
const y = f === 0 ? 0 :
|
|
80
|
+
e.map((a, c) => {
|
|
81
|
+
const y = f === 0 ? 0 : a.value / f * u, g = t + c * (b + m), A = s - t - y;
|
|
82
82
|
return /* @__PURE__ */ h("g", { children: [
|
|
83
83
|
/* @__PURE__ */ l(
|
|
84
84
|
"rect",
|
|
85
85
|
{
|
|
86
|
-
className:
|
|
86
|
+
className: r.bar,
|
|
87
87
|
x: g,
|
|
88
88
|
y: A,
|
|
89
89
|
width: b,
|
|
90
90
|
height: y,
|
|
91
91
|
rx: "4",
|
|
92
|
-
fill:
|
|
92
|
+
fill: a.color ?? N[c % N.length],
|
|
93
93
|
"data-testid": `${o}-bar-${c}`,
|
|
94
|
-
children: /* @__PURE__ */ l("title", { children: `${
|
|
95
|
-
|
|
94
|
+
children: /* @__PURE__ */ l("title", { children: `${a.label}: ${k(
|
|
95
|
+
a.value,
|
|
96
96
|
C,
|
|
97
97
|
x
|
|
98
98
|
)}` })
|
|
@@ -101,14 +101,14 @@ import './BarChart.css';const $ = v(
|
|
|
101
101
|
L ? /* @__PURE__ */ l(
|
|
102
102
|
"text",
|
|
103
103
|
{
|
|
104
|
-
className:
|
|
104
|
+
className: r.axisLabel,
|
|
105
105
|
x: g + b / 2,
|
|
106
106
|
y: s - 6,
|
|
107
107
|
textAnchor: "middle",
|
|
108
|
-
children:
|
|
108
|
+
children: a.label
|
|
109
109
|
}
|
|
110
110
|
) : null
|
|
111
|
-
] },
|
|
111
|
+
] }, a.label);
|
|
112
112
|
})
|
|
113
113
|
]
|
|
114
114
|
}
|
package/dist/core/BarChart.js
CHANGED
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
import { jsx as e, jsxs as p, Fragment as $ } from "react/jsx-runtime";
|
|
2
|
+
import { e as I } from "./propAliases-O-1wR3I5.js";
|
|
3
|
+
import { useState as J, useEffect as K, useMemo as L } from "react";
|
|
4
|
+
import { c as v } from "./classNames-Dz0_huu_.js";
|
|
5
|
+
import { c as O } from "./capitalize-D_pj4b3P.js";
|
|
6
|
+
import { f as n, a as Q, b as W } from "./chartUtils-CyVfZMyM.js";
|
|
7
|
+
import { a as X, c as Y, g as Z, e as R } from "./styleConfig-BoNVl5_r.js";
|
|
8
|
+
import './CircularProgress.css';/* empty css */
|
|
9
|
+
const D = (a) => a <= 0 ? "var(--background-color)" : a <= 40 ? "var(--error-color)" : a <= 70 ? "var(--warning-color)" : "var(--success-color)", T = ({
|
|
10
|
+
value: a,
|
|
11
|
+
units: o,
|
|
12
|
+
min: l = 0,
|
|
13
|
+
max: c = 100,
|
|
14
|
+
label: S = "Progress",
|
|
15
|
+
shadow: u = X(),
|
|
16
|
+
showRaw: f = !1,
|
|
17
|
+
size: h = Y(),
|
|
18
|
+
theme: b = Z(),
|
|
19
|
+
state: s,
|
|
20
|
+
glass: g = R(),
|
|
21
|
+
className: N,
|
|
22
|
+
classMap: r,
|
|
23
|
+
decorative: _ = !1,
|
|
24
|
+
announceInnerValue: d = !1,
|
|
25
|
+
ariaValueText: U,
|
|
26
|
+
"aria-label": x,
|
|
27
|
+
"aria-labelledby": y,
|
|
28
|
+
"aria-describedby": j,
|
|
29
|
+
"data-testid": q,
|
|
30
|
+
testId: k = q ?? "circular-progress",
|
|
31
|
+
...z
|
|
32
|
+
}) => {
|
|
33
|
+
const w = Math.max(0, c - l), t = Math.min(c, Math.max(l, a)), i = w === 0 ? 0 : (t - l) / w * 100, [C, A] = J(0);
|
|
34
|
+
K(() => {
|
|
35
|
+
A(Math.round(i));
|
|
36
|
+
}, [i]);
|
|
37
|
+
const m = s ? {
|
|
38
|
+
success: "var(--success-color)",
|
|
39
|
+
error: "var(--error-color)",
|
|
40
|
+
warning: "var(--warning-color)",
|
|
41
|
+
info: "var(--info-color)"
|
|
42
|
+
}[s] ?? D(i) : D(i), P = Math.min(360, i / 100 * 360), B = L(
|
|
43
|
+
() => v(
|
|
44
|
+
r.circular_progress,
|
|
45
|
+
r[b],
|
|
46
|
+
r[h],
|
|
47
|
+
s && r[s],
|
|
48
|
+
g && r.glass,
|
|
49
|
+
u && r[`shadow${O(u)}`],
|
|
50
|
+
N
|
|
51
|
+
),
|
|
52
|
+
[r, b, h, s, g, u, N]
|
|
53
|
+
), E = n(t), F = n(c), G = Q(
|
|
54
|
+
C,
|
|
55
|
+
(H) => `${H}%`
|
|
56
|
+
), V = U ?? (f ? `${n(t)} out of ${W(
|
|
57
|
+
n(c),
|
|
58
|
+
o
|
|
59
|
+
)}` : G);
|
|
60
|
+
return /* @__PURE__ */ e(
|
|
61
|
+
"div",
|
|
62
|
+
{
|
|
63
|
+
className: B,
|
|
64
|
+
"data-testid": k,
|
|
65
|
+
...!_ && {
|
|
66
|
+
role: "progressbar",
|
|
67
|
+
"aria-valuemin": l,
|
|
68
|
+
"aria-valuemax": c,
|
|
69
|
+
"aria-valuenow": t,
|
|
70
|
+
"aria-valuetext": V,
|
|
71
|
+
"aria-describedby": j,
|
|
72
|
+
..._ ? {} : y ? { "aria-labelledby": y } : x ? { "aria-label": x } : { "aria-label": S }
|
|
73
|
+
},
|
|
74
|
+
..._ && {
|
|
75
|
+
"aria-hidden": !0
|
|
76
|
+
},
|
|
77
|
+
...z,
|
|
78
|
+
children: /* @__PURE__ */ e(
|
|
79
|
+
"div",
|
|
80
|
+
{
|
|
81
|
+
className: v(
|
|
82
|
+
r.circle_border,
|
|
83
|
+
s && r[`state_${s}`]
|
|
84
|
+
),
|
|
85
|
+
style: m ? {
|
|
86
|
+
"--circular-progress-fill": `conic-gradient(
|
|
87
|
+
${m} 0deg,
|
|
88
|
+
${m} ${P}deg,
|
|
89
|
+
transparent ${P}deg 360deg
|
|
90
|
+
)`
|
|
91
|
+
} : void 0,
|
|
92
|
+
children: /* @__PURE__ */ e(
|
|
93
|
+
"div",
|
|
94
|
+
{
|
|
95
|
+
className: v(
|
|
96
|
+
r.inner_circle,
|
|
97
|
+
g && r.glass
|
|
98
|
+
),
|
|
99
|
+
children: /* @__PURE__ */ e(
|
|
100
|
+
"span",
|
|
101
|
+
{
|
|
102
|
+
className: r.value_text,
|
|
103
|
+
"aria-hidden": d ? void 0 : !0,
|
|
104
|
+
"aria-live": d ? "polite" : void 0,
|
|
105
|
+
"aria-atomic": d ? "true" : void 0,
|
|
106
|
+
children: f ? /* @__PURE__ */ p($, { children: [
|
|
107
|
+
/* @__PURE__ */ p("span", { className: r.valueNumber, children: [
|
|
108
|
+
E,
|
|
109
|
+
"/",
|
|
110
|
+
F
|
|
111
|
+
] }),
|
|
112
|
+
o && /* @__PURE__ */ e("span", { className: r.valueUnits, children: o })
|
|
113
|
+
] }) : /* @__PURE__ */ p($, { children: [
|
|
114
|
+
/* @__PURE__ */ e("span", { className: r.valueNumber, children: C }),
|
|
115
|
+
o && /* @__PURE__ */ e("span", { className: r.valueUnits, children: o })
|
|
116
|
+
] })
|
|
117
|
+
}
|
|
118
|
+
)
|
|
119
|
+
}
|
|
120
|
+
)
|
|
121
|
+
}
|
|
122
|
+
)
|
|
123
|
+
}
|
|
124
|
+
);
|
|
125
|
+
};
|
|
126
|
+
T.displayName = "CircularProgressBase";
|
|
127
|
+
const M = {
|
|
128
|
+
circular_progress: "circular_progress",
|
|
129
|
+
circle_border: "circular_progress_circle_border",
|
|
130
|
+
inner_circle: "circular_progress_inner_circle",
|
|
131
|
+
value_text: "circular_progress_value_text",
|
|
132
|
+
valueNumber: "circular_progress_value_number",
|
|
133
|
+
valueUnits: "circular_progress_value_units",
|
|
134
|
+
primary: "circular_progress_primary",
|
|
135
|
+
secondary: "circular_progress_secondary",
|
|
136
|
+
tertiary: "circular_progress_tertiary",
|
|
137
|
+
quaternary: "circular_progress_quaternary",
|
|
138
|
+
success: "circular_progress_success",
|
|
139
|
+
info: "circular_progress_info",
|
|
140
|
+
error: "circular_progress_error",
|
|
141
|
+
warning: "circular_progress_warning",
|
|
142
|
+
clear: "circular_progress_clear",
|
|
143
|
+
glass: "circular_progress_glass",
|
|
144
|
+
xs: "circular_progress_xs",
|
|
145
|
+
small: "circular_progress_small",
|
|
146
|
+
medium: "circular_progress_medium",
|
|
147
|
+
large: "circular_progress_large",
|
|
148
|
+
xl: "circular_progress_xl",
|
|
149
|
+
shadowNone: "circular_progress_shadow-None",
|
|
150
|
+
shadowLight: "circular_progress_shadow-Light",
|
|
151
|
+
shadowMedium: "circular_progress_shadow-Medium",
|
|
152
|
+
shadowStrong: "circular_progress_shadow-Strong",
|
|
153
|
+
shadowIntense: "circular_progress_shadow-Intense"
|
|
154
|
+
}, rr = (a) => /* @__PURE__ */ e(T, { ...a, classMap: I(M) });
|
|
155
|
+
rr.displayName = "CircularProgress";
|
|
156
|
+
export {
|
|
157
|
+
rr as C
|
|
158
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";require('./CircularProgress.css');const e=require("react/jsx-runtime"),J=require("./propAliases-CXU3EEm-.cjs"),v=require("react"),h=require("./classNames-C7V3kfBj.cjs"),K=require("./capitalize-CnTiekgk.cjs"),c=require("./chartUtils-CTFqi8ny.cjs"),n=require("./styleConfig-BeavGUyI.cjs");;/* empty css */const D=s=>s<=0?"var(--background-color)":s<=40?"var(--error-color)":s<=70?"var(--warning-color)":"var(--success-color)",P=({value:s,units:o,min:t=0,max:l=100,label:T="Progress",shadow:g=n.getDefaultShadow(),showRaw:f=!1,size:x=n.getDefaultSize(),theme:b=n.getDefaultTheme(),state:a,glass:_=n.getDefaultGlass(),className:N,classMap:r,decorative:d=!1,announceInnerValue:m=!1,ariaValueText:S,"aria-label":y,"aria-labelledby":C,"aria-describedby":U,"data-testid":V,testId:z=V??"circular-progress",...A})=>{const w=Math.max(0,l-t),u=Math.min(l,Math.max(t,s)),i=w===0?0:(u-t)/w*100,[j,F]=v.useState(0);v.useEffect(()=>{F(Math.round(i))},[i]);const p=a?{success:"var(--success-color)",error:"var(--error-color)",warning:"var(--warning-color)",info:"var(--info-color)"}[a]??D(i):D(i),q=Math.min(360,i/100*360),k=v.useMemo(()=>h.combineClassNames(r.circular_progress,r[b],r[x],a&&r[a],_&&r.glass,g&&r[`shadow${K.capitalize(g)}`],N),[r,b,x,a,_,g,N]),B=c.formatDefaultValue(u),E=c.formatDefaultValue(l),G=c.formatValueText(j,I=>`${I}%`),R=S??(f?`${c.formatDefaultValue(u)} out of ${c.appendUnits(c.formatDefaultValue(l),o)}`:G),H=d?{}:C?{"aria-labelledby":C}:y?{"aria-label":y}:{"aria-label":T};return e.jsx("div",{className:k,"data-testid":z,...!d&&{role:"progressbar","aria-valuemin":t,"aria-valuemax":l,"aria-valuenow":u,"aria-valuetext":R,"aria-describedby":U,...H},...d&&{"aria-hidden":!0},...A,children:e.jsx("div",{className:h.combineClassNames(r.circle_border,a&&r[`state_${a}`]),style:p?{"--circular-progress-fill":`conic-gradient(
|
|
2
|
+
${p} 0deg,
|
|
3
|
+
${p} ${q}deg,
|
|
4
|
+
transparent ${q}deg 360deg
|
|
5
|
+
)`}:void 0,children:e.jsx("div",{className:h.combineClassNames(r.inner_circle,_&&r.glass),children:e.jsx("span",{className:r.value_text,"aria-hidden":m?void 0:!0,"aria-live":m?"polite":void 0,"aria-atomic":m?"true":void 0,children:f?e.jsxs(e.Fragment,{children:[e.jsxs("span",{className:r.valueNumber,children:[B,"/",E]}),o&&e.jsx("span",{className:r.valueUnits,children:o})]}):e.jsxs(e.Fragment,{children:[e.jsx("span",{className:r.valueNumber,children:j}),o&&e.jsx("span",{className:r.valueUnits,children:o})]})})})})})};P.displayName="CircularProgressBase";const L={circular_progress:"circular_progress",circle_border:"circular_progress_circle_border",inner_circle:"circular_progress_inner_circle",value_text:"circular_progress_value_text",valueNumber:"circular_progress_value_number",valueUnits:"circular_progress_value_units",primary:"circular_progress_primary",secondary:"circular_progress_secondary",tertiary:"circular_progress_tertiary",quaternary:"circular_progress_quaternary",success:"circular_progress_success",info:"circular_progress_info",error:"circular_progress_error",warning:"circular_progress_warning",clear:"circular_progress_clear",glass:"circular_progress_glass",xs:"circular_progress_xs",small:"circular_progress_small",medium:"circular_progress_medium",large:"circular_progress_large",xl:"circular_progress_xl",shadowNone:"circular_progress_shadow-None",shadowLight:"circular_progress_shadow-Light",shadowMedium:"circular_progress_shadow-Medium",shadowStrong:"circular_progress_shadow-Strong",shadowIntense:"circular_progress_shadow-Intense"},$=s=>e.jsx(P,{...s,classMap:J.expandClassMap(L)});$.displayName="CircularProgress";exports.CircularProgress=$;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./CircularProgress.css');;/* empty css */const e=require("./CircularProgress-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./CircularProgress.css');;/* empty css */const e=require("./CircularProgress-C0VuHF0w.cjs");exports.default=e.CircularProgress;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.circular_progress{display:flex;justify-content:center;align-items:center}.circular_progress_circle_border{position:relative;width:100%;height:100%;border-radius:var(--border-radius-round);display:flex;justify-content:center;align-items:center;transition:background .5s ease-in-out;background:transparent;overflow:hidden}.circular_progress_circle_border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--circular-progress-fill, transparent);pointer-events:none;-webkit-mask:radial-gradient(circle,transparent 0 61%,#000 62% 100%);mask:radial-gradient(circle,transparent 0 61%,#000 62% 100%)}.circular_progress_circle_border:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:3px}.circular_progress_inner_circle{position:relative;z-index:1;width:80%;height:80%;border-radius:var(--border-radius-round);background:var(--background-color);padding:var(--spacing-xxs);display:flex;justify-content:center;align-items:center}@media(max-width:479.98px){.circular_progress_inner_circle{width:82%;height:82%}}@media(min-width:1024px){.circular_progress_inner_circle{width:78%;height:78%}}.circular_progress_glass .circular_progress_inner_circle{background:var(--circular-progress-glass-bg, var(--glass-background-subtle));border:1px solid var(--circular-progress-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}.circular_progress_shadow-None .circular_progress_circle_border{box-shadow:var(--box-shadow-none)}.circular_progress_shadow-Light .circular_progress_circle_border{box-shadow:var(--box-shadow-light)}.circular_progress_shadow-Medium .circular_progress_circle_border{box-shadow:var(--box-shadow-medium)}.circular_progress_shadow-Strong .circular_progress_circle_border{box-shadow:var(--box-shadow-heavy)}.circular_progress_shadow-Intense .circular_progress_circle_border{box-shadow:var(--box-shadow-intense)}.circular_progress_xs{width:50px;height:50px}@media(max-width:479.98px){.circular_progress_xs{width:45px;height:45px}}@media(min-width:1024px){.circular_progress_xs{width:calc(50px * 1.1);height:calc(50px * 1.1)}}.circular_progress_xs .circular_progress_value_text{font-family:var(--font-family-ui);font-size:var(--font-size-caption);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);color:inherit;text-align:center}@media(min-width:1024px){.circular_progress_xs .circular_progress_value_text{font-size:calc(var(--font-size-caption) * 1.05)}}.circular_progress_xs .circular_progress_inner_circle{padding:var(--spacing-xxs)}@media(max-width:479.98px){.circular_progress_xs .circular_progress_inner_circle{padding:calc(var(--spacing-xxs) * .75)}}@media(min-width:1024px){.circular_progress_xs .circular_progress_inner_circle{padding:calc(var(--spacing-xxs) * 1.25)}}.circular_progress_small{width:60px;height:60px}@media(max-width:479.98px){.circular_progress_small{width:54px;height:54px}}@media(min-width:1024px){.circular_progress_small{width:66px;height:66px}}.circular_progress_small .circular_progress_value_text{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-align:center}@media(min-width:1024px){.circular_progress_small .circular_progress_value_text{font-size:calc(var(--font-size-label) * 1.05)}}.circular_progress_small .circular_progress_inner_circle{padding:var(--spacing-xxs)}@media(max-width:479.98px){.circular_progress_small .circular_progress_inner_circle{padding:calc(var(--spacing-xxs) * .75)}}@media(min-width:1024px){.circular_progress_small .circular_progress_inner_circle{padding:calc(var(--spacing-xxs) * 1.25)}}.circular_progress_medium{width:100px;height:100px}@media(max-width:479.98px){.circular_progress_medium{width:90px;height:90px}}@media(min-width:1024px){.circular_progress_medium{width:calc(100px * 1.1);height:calc(100px * 1.1)}}.circular_progress_medium .circular_progress_value_text{font-family:var(--font-family-ui);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);color:inherit;text-align:center}@media(min-width:1024px){.circular_progress_medium .circular_progress_value_text{font-size:calc(var(--font-size-body-sm) * 1.05)}}.circular_progress_medium .circular_progress_inner_circle{padding:var(--spacing-xxs)}@media(max-width:479.98px){.circular_progress_medium .circular_progress_inner_circle{padding:calc(var(--spacing-xxs) * .75)}}@media(min-width:1024px){.circular_progress_medium .circular_progress_inner_circle{padding:calc(var(--spacing-xxs) * 1.25)}}.circular_progress_large{width:140px;height:140px}@media(max-width:479.98px){.circular_progress_large{width:126px;height:126px}}@media(min-width:1024px){.circular_progress_large{width:154px;height:154px}}.circular_progress_large .circular_progress_value_text{font-family:var(--font-family-ui);font-size:var(--font-size-body);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);color:inherit;text-align:center}@media(min-width:1024px){.circular_progress_large .circular_progress_value_text{font-size:calc(var(--font-size-body) * 1.05)}}.circular_progress_large .circular_progress_inner_circle{padding:var(--spacing-xxs)}@media(max-width:479.98px){.circular_progress_large .circular_progress_inner_circle{padding:calc(var(--spacing-xxs) * .75)}}@media(min-width:1024px){.circular_progress_large .circular_progress_inner_circle{padding:calc(var(--spacing-xxs) * 1.25)}}.circular_progress_xl{width:200px;height:200px}@media(max-width:479.98px){.circular_progress_xl{width:180px;height:180px}}@media(min-width:1024px){.circular_progress_xl{width:calc(200px * 1.1);height:calc(200px * 1.1)}}.circular_progress_xl .circular_progress_value_text{font-family:var(--font-family-ui);font-size:var(--font-size-h6);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);color:inherit;text-align:center}@media(min-width:1024px){.circular_progress_xl .circular_progress_value_text{font-size:calc(var(--font-size-h6) * 1.05)}}.circular_progress_xl .circular_progress_inner_circle{padding:var(--spacing-xxs)}@media(max-width:479.98px){.circular_progress_xl .circular_progress_inner_circle{padding:calc(var(--spacing-xxs) * .75)}}@media(min-width:1024px){.circular_progress_xl .circular_progress_inner_circle{padding:calc(var(--spacing-xxs) * 1.25)}}.circular_progress_primary{--circular-progress-glass-bg: var(--primary-glass-background);--circular-progress-glass-border: var(--primary-glass-border);--circular-progress-glass-text: var(--text-color-primary)}.circular_progress_primary .circular_progress_inner_circle{background-color:var(--primary-color)}.circular_progress_primary.circular_progress_glass .circular_progress_inner_circle,.circular_progress_primary .circular_progress_inner_circle.circular_progress_glass{background-color:var(--circular-progress-glass-bg);border:1px solid var(--circular-progress-glass-border);color:inherit}.circular_progress_secondary{--circular-progress-glass-bg: var(--secondary-glass-background);--circular-progress-glass-border: var(--secondary-glass-border);--circular-progress-glass-text: var(--text-color-secondary)}.circular_progress_secondary .circular_progress_inner_circle{background-color:var(--secondary-color)}.circular_progress_secondary.circular_progress_glass .circular_progress_inner_circle,.circular_progress_secondary .circular_progress_inner_circle.circular_progress_glass{background-color:var(--circular-progress-glass-bg);border:1px solid var(--circular-progress-glass-border);color:inherit}.circular_progress_tertiary{--circular-progress-glass-bg: var(--tertiary-glass-background);--circular-progress-glass-border: var(--tertiary-glass-border);--circular-progress-glass-text: var(--text-color-tertiary)}.circular_progress_tertiary .circular_progress_inner_circle{background-color:var(--tertiary-color)}.circular_progress_tertiary.circular_progress_glass .circular_progress_inner_circle,.circular_progress_tertiary .circular_progress_inner_circle.circular_progress_glass{background-color:var(--circular-progress-glass-bg);border:1px solid var(--circular-progress-glass-border);color:inherit}.circular_progress_quaternary{--circular-progress-glass-bg: var(--quaternary-glass-background);--circular-progress-glass-border: var(--quaternary-glass-border);--circular-progress-glass-text: var(--text-color-quaternary)}.circular_progress_quaternary .circular_progress_inner_circle{background-color:var(--quaternary-color)}.circular_progress_quaternary.circular_progress_glass .circular_progress_inner_circle,.circular_progress_quaternary .circular_progress_inner_circle.circular_progress_glass{background-color:var(--circular-progress-glass-bg);border:1px solid var(--circular-progress-glass-border);color:inherit}.circular_progress_clear{--circular-progress-glass-bg: var(--clear-glass-background);--circular-progress-glass-border: var(--clear-glass-border);--circular-progress-glass-text: var(--text-color)}.circular_progress_clear .circular_progress_inner_circle{background-color:transparent}.circular_progress_clear.circular_progress_glass .circular_progress_inner_circle,.circular_progress_clear .circular_progress_inner_circle.circular_progress_glass{background-color:var(--circular-progress-glass-bg);border:1px solid var(--circular-progress-glass-border);color:inherit}.circular_progress_success{--circular-progress-glass-bg: var(--success-glass-background);--circular-progress-glass-border: var(--success-glass-border);--circular-progress-glass-text: var(--success-text-color)}.circular_progress_success .circular_progress_inner_circle{background-color:var(--success-color)}.circular_progress_success.circular_progress_glass .circular_progress_inner_circle,.circular_progress_success .circular_progress_inner_circle.circular_progress_glass{background-color:var(--circular-progress-glass-bg);border:1px solid var(--circular-progress-glass-border)}.circular_progress_error{--circular-progress-glass-bg: var(--error-glass-background);--circular-progress-glass-border: var(--error-glass-border);--circular-progress-glass-text: var(--error-text-color)}.circular_progress_error .circular_progress_inner_circle{background-color:var(--error-color)}.circular_progress_error.circular_progress_glass .circular_progress_inner_circle,.circular_progress_error .circular_progress_inner_circle.circular_progress_glass{background-color:var(--circular-progress-glass-bg);border:1px solid var(--circular-progress-glass-border)}.circular_progress_warning{--circular-progress-glass-bg: var(--warning-glass-background);--circular-progress-glass-border: var(--warning-glass-border);--circular-progress-glass-text: var(--warning-text-color)}.circular_progress_warning .circular_progress_inner_circle{background-color:var(--warning-color)}.circular_progress_warning.circular_progress_glass .circular_progress_inner_circle,.circular_progress_warning .circular_progress_inner_circle.circular_progress_glass{background-color:var(--circular-progress-glass-bg);border:1px solid var(--circular-progress-glass-border)}.circular_progress_info{--circular-progress-glass-bg: var(--info-glass-background);--circular-progress-glass-border: var(--info-glass-border);--circular-progress-glass-text: var(--info-text-color)}.circular_progress_info .circular_progress_inner_circle{background-color:var(--info-color)}.circular_progress_info.circular_progress_glass .circular_progress_inner_circle,.circular_progress_info .circular_progress_inner_circle.circular_progress_glass{background-color:var(--circular-progress-glass-bg);border:1px solid var(--circular-progress-glass-border)}.circular_progress_glass .circular_progress_value_text,.circular_progress_clear .circular_progress_value_text{color:inherit}@media(prefers-reduced-motion:reduce){.circular_progress,.circular_progress *{transition:none!important;animation:none!important}}@media(hover:none){.circular_progress .circular_progress_circle_border:hover{box-shadow:none;transform:none}}@media(forced-colors:active){.circular_progress_circle_border,.circular_progress_inner_circle{background:Canvas;color:CanvasText;outline-color:Highlight;box-shadow:none!important}.circular_progress_circle_border{border:1px solid ButtonText}.circular_progress_glass .circular_progress_inner_circle{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{.circular_progress{display:flex;justify-content:center;align-items:center}.circular_progress_circle_border{position:relative;width:100%;height:100%;border-radius:var(--border-radius-round);display:flex;justify-content:center;align-items:center;transition:background .5s ease-in-out;background:transparent;overflow:hidden}.circular_progress_circle_border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--circular-progress-fill, transparent);pointer-events:none;-webkit-mask:radial-gradient(circle,transparent 0 61%,#000 62% 100%);mask:radial-gradient(circle,transparent 0 61%,#000 62% 100%)}.circular_progress_circle_border:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:3px}.circular_progress_inner_circle{position:relative;z-index:1;width:80%;height:80%;border-radius:var(--border-radius-round);background:var(--background-color);padding:var(--spacing-xxs);display:flex;justify-content:center;align-items:center}@media(max-width:479.98px){.circular_progress_inner_circle{width:82%;height:82%}}@media(min-width:1024px){.circular_progress_inner_circle{width:78%;height:78%}}.circular_progress_glass .circular_progress_inner_circle{background:var(--circular-progress-glass-bg, var(--glass-background-subtle));border:1px solid var(--circular-progress-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}.circular_progress_shadow-None .circular_progress_circle_border{box-shadow:var(--box-shadow-none)}.circular_progress_shadow-Light .circular_progress_circle_border{box-shadow:var(--box-shadow-light)}.circular_progress_shadow-Medium .circular_progress_circle_border{box-shadow:var(--box-shadow-medium)}.circular_progress_shadow-Strong .circular_progress_circle_border{box-shadow:var(--box-shadow-heavy)}.circular_progress_shadow-Intense .circular_progress_circle_border{box-shadow:var(--box-shadow-intense)}.circular_progress_xs{width:50px;height:50px}@media(max-width:479.98px){.circular_progress_xs{width:45px;height:45px}}@media(min-width:1024px){.circular_progress_xs{width:calc(50px * 1.1);height:calc(50px * 1.1)}}.circular_progress_xs .circular_progress_value_text{display:inline-flex;align-items:baseline;justify-content:center;gap:.1em;font-family:var(--font-family-ui);font-size:var(--font-size-caption);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);color:inherit;text-align:center;white-space:nowrap}@media(min-width:1024px){.circular_progress_xs .circular_progress_value_text{font-size:calc(var(--font-size-caption) * 1.05)}}.circular_progress_xs .circular_progress_value_number{color:inherit}.circular_progress_xs .circular_progress_value_units{font-size:.72em;font-weight:var(--font-weight-body);line-height:1;opacity:.82}.circular_progress_xs .circular_progress_inner_circle{padding:var(--spacing-xxs)}@media(max-width:479.98px){.circular_progress_xs .circular_progress_inner_circle{padding:calc(var(--spacing-xxs) * .75)}}@media(min-width:1024px){.circular_progress_xs .circular_progress_inner_circle{padding:calc(var(--spacing-xxs) * 1.25)}}.circular_progress_small{width:60px;height:60px}@media(max-width:479.98px){.circular_progress_small{width:54px;height:54px}}@media(min-width:1024px){.circular_progress_small{width:66px;height:66px}}.circular_progress_small .circular_progress_value_text{display:inline-flex;align-items:baseline;justify-content:center;gap:.1em;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-align:center;white-space:nowrap}@media(min-width:1024px){.circular_progress_small .circular_progress_value_text{font-size:calc(var(--font-size-label) * 1.05)}}.circular_progress_small .circular_progress_value_number{color:inherit}.circular_progress_small .circular_progress_value_units{font-size:.72em;font-weight:var(--font-weight-body);line-height:1;opacity:.82}.circular_progress_small .circular_progress_inner_circle{padding:var(--spacing-xxs)}@media(max-width:479.98px){.circular_progress_small .circular_progress_inner_circle{padding:calc(var(--spacing-xxs) * .75)}}@media(min-width:1024px){.circular_progress_small .circular_progress_inner_circle{padding:calc(var(--spacing-xxs) * 1.25)}}.circular_progress_medium{width:100px;height:100px}@media(max-width:479.98px){.circular_progress_medium{width:90px;height:90px}}@media(min-width:1024px){.circular_progress_medium{width:calc(100px * 1.1);height:calc(100px * 1.1)}}.circular_progress_medium .circular_progress_value_text{display:inline-flex;align-items:baseline;justify-content:center;gap:.1em;font-family:var(--font-family-ui);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);color:inherit;text-align:center;white-space:nowrap}@media(min-width:1024px){.circular_progress_medium .circular_progress_value_text{font-size:calc(var(--font-size-body-sm) * 1.05)}}.circular_progress_medium .circular_progress_value_number{color:inherit}.circular_progress_medium .circular_progress_value_units{font-size:.72em;font-weight:var(--font-weight-body);line-height:1;opacity:.82}.circular_progress_medium .circular_progress_inner_circle{padding:var(--spacing-xxs)}@media(max-width:479.98px){.circular_progress_medium .circular_progress_inner_circle{padding:calc(var(--spacing-xxs) * .75)}}@media(min-width:1024px){.circular_progress_medium .circular_progress_inner_circle{padding:calc(var(--spacing-xxs) * 1.25)}}.circular_progress_large{width:140px;height:140px}@media(max-width:479.98px){.circular_progress_large{width:126px;height:126px}}@media(min-width:1024px){.circular_progress_large{width:154px;height:154px}}.circular_progress_large .circular_progress_value_text{display:inline-flex;align-items:baseline;justify-content:center;gap:.1em;font-family:var(--font-family-ui);font-size:var(--font-size-h5);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);color:inherit;text-align:center;white-space:nowrap}@media(min-width:1024px){.circular_progress_large .circular_progress_value_text{font-size:calc(var(--font-size-h5) * 1.05)}}.circular_progress_large .circular_progress_value_number{color:inherit}.circular_progress_large .circular_progress_value_units{font-size:.72em;font-weight:var(--font-weight-body);line-height:1;opacity:.82}.circular_progress_large .circular_progress_inner_circle{padding:var(--spacing-xxs)}@media(max-width:479.98px){.circular_progress_large .circular_progress_inner_circle{padding:calc(var(--spacing-xxs) * .75)}}@media(min-width:1024px){.circular_progress_large .circular_progress_inner_circle{padding:calc(var(--spacing-xxs) * 1.25)}}.circular_progress_xl{width:200px;height:200px}@media(max-width:479.98px){.circular_progress_xl{width:180px;height:180px}}@media(min-width:1024px){.circular_progress_xl{width:calc(200px * 1.1);height:calc(200px * 1.1)}}.circular_progress_xl .circular_progress_value_text{display:inline-flex;align-items:baseline;justify-content:center;gap:.1em;font-family:var(--font-family-ui);font-size:var(--font-size-h4);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);color:inherit;text-align:center;white-space:nowrap}@media(min-width:1024px){.circular_progress_xl .circular_progress_value_text{font-size:calc(var(--font-size-h4) * 1.05)}}.circular_progress_xl .circular_progress_value_number{color:inherit}.circular_progress_xl .circular_progress_value_units{font-size:.72em;font-weight:var(--font-weight-body);line-height:1;opacity:.82}.circular_progress_xl .circular_progress_inner_circle{padding:var(--spacing-xxs)}@media(max-width:479.98px){.circular_progress_xl .circular_progress_inner_circle{padding:calc(var(--spacing-xxs) * .75)}}@media(min-width:1024px){.circular_progress_xl .circular_progress_inner_circle{padding:calc(var(--spacing-xxs) * 1.25)}}.circular_progress_primary{--circular-progress-glass-bg: var(--primary-glass-background);--circular-progress-glass-border: var(--primary-glass-border);--circular-progress-glass-text: var(--text-color-primary)}.circular_progress_primary .circular_progress_inner_circle{background-color:var(--primary-color)}.circular_progress_primary.circular_progress_glass .circular_progress_inner_circle,.circular_progress_primary .circular_progress_inner_circle.circular_progress_glass{background-color:var(--circular-progress-glass-bg);border:1px solid var(--circular-progress-glass-border);color:inherit}.circular_progress_secondary{--circular-progress-glass-bg: var(--secondary-glass-background);--circular-progress-glass-border: var(--secondary-glass-border);--circular-progress-glass-text: var(--text-color-secondary)}.circular_progress_secondary .circular_progress_inner_circle{background-color:var(--secondary-color)}.circular_progress_secondary.circular_progress_glass .circular_progress_inner_circle,.circular_progress_secondary .circular_progress_inner_circle.circular_progress_glass{background-color:var(--circular-progress-glass-bg);border:1px solid var(--circular-progress-glass-border);color:inherit}.circular_progress_tertiary{--circular-progress-glass-bg: var(--tertiary-glass-background);--circular-progress-glass-border: var(--tertiary-glass-border);--circular-progress-glass-text: var(--text-color-tertiary)}.circular_progress_tertiary .circular_progress_inner_circle{background-color:var(--tertiary-color)}.circular_progress_tertiary.circular_progress_glass .circular_progress_inner_circle,.circular_progress_tertiary .circular_progress_inner_circle.circular_progress_glass{background-color:var(--circular-progress-glass-bg);border:1px solid var(--circular-progress-glass-border);color:inherit}.circular_progress_quaternary{--circular-progress-glass-bg: var(--quaternary-glass-background);--circular-progress-glass-border: var(--quaternary-glass-border);--circular-progress-glass-text: var(--text-color-quaternary)}.circular_progress_quaternary .circular_progress_inner_circle{background-color:var(--quaternary-color)}.circular_progress_quaternary.circular_progress_glass .circular_progress_inner_circle,.circular_progress_quaternary .circular_progress_inner_circle.circular_progress_glass{background-color:var(--circular-progress-glass-bg);border:1px solid var(--circular-progress-glass-border);color:inherit}.circular_progress_clear{--circular-progress-glass-bg: var(--clear-glass-background);--circular-progress-glass-border: var(--clear-glass-border);--circular-progress-glass-text: var(--text-color)}.circular_progress_clear .circular_progress_inner_circle{background-color:transparent}.circular_progress_clear.circular_progress_glass .circular_progress_inner_circle,.circular_progress_clear .circular_progress_inner_circle.circular_progress_glass{background-color:var(--circular-progress-glass-bg);border:1px solid var(--circular-progress-glass-border);color:inherit}.circular_progress_success{--circular-progress-glass-bg: var(--success-glass-background);--circular-progress-glass-border: var(--success-glass-border);--circular-progress-glass-text: var(--success-text-color)}.circular_progress_success .circular_progress_inner_circle{background-color:var(--success-color)}.circular_progress_success.circular_progress_glass .circular_progress_inner_circle,.circular_progress_success .circular_progress_inner_circle.circular_progress_glass{background-color:var(--circular-progress-glass-bg);border:1px solid var(--circular-progress-glass-border)}.circular_progress_error{--circular-progress-glass-bg: var(--error-glass-background);--circular-progress-glass-border: var(--error-glass-border);--circular-progress-glass-text: var(--error-text-color)}.circular_progress_error .circular_progress_inner_circle{background-color:var(--error-color)}.circular_progress_error.circular_progress_glass .circular_progress_inner_circle,.circular_progress_error .circular_progress_inner_circle.circular_progress_glass{background-color:var(--circular-progress-glass-bg);border:1px solid var(--circular-progress-glass-border)}.circular_progress_warning{--circular-progress-glass-bg: var(--warning-glass-background);--circular-progress-glass-border: var(--warning-glass-border);--circular-progress-glass-text: var(--warning-text-color)}.circular_progress_warning .circular_progress_inner_circle{background-color:var(--warning-color)}.circular_progress_warning.circular_progress_glass .circular_progress_inner_circle,.circular_progress_warning .circular_progress_inner_circle.circular_progress_glass{background-color:var(--circular-progress-glass-bg);border:1px solid var(--circular-progress-glass-border)}.circular_progress_info{--circular-progress-glass-bg: var(--info-glass-background);--circular-progress-glass-border: var(--info-glass-border);--circular-progress-glass-text: var(--info-text-color)}.circular_progress_info .circular_progress_inner_circle{background-color:var(--info-color)}.circular_progress_info.circular_progress_glass .circular_progress_inner_circle,.circular_progress_info .circular_progress_inner_circle.circular_progress_glass{background-color:var(--circular-progress-glass-bg);border:1px solid var(--circular-progress-glass-border)}.circular_progress_glass .circular_progress_value_text,.circular_progress_clear .circular_progress_value_text{color:inherit}@media(prefers-reduced-motion:reduce){.circular_progress,.circular_progress *{transition:none!important;animation:none!important}}@media(hover:none){.circular_progress .circular_progress_circle_border:hover{box-shadow:none;transform:none}}@media(forced-colors:active){.circular_progress_circle_border,.circular_progress_inner_circle{background:Canvas;color:CanvasText;outline-color:Highlight;box-shadow:none!important}.circular_progress_circle_border{border:1px solid ButtonText}.circular_progress_glass .circular_progress_inner_circle{background:Canvas;border:1px solid ButtonText;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}}}
|
package/dist/core/DataTable.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{.data_table_wrapper{--data-table-min-width: 600px;width:100%;overflow-x:auto;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);border-radius:inherit;-webkit-overflow-scrolling:touch}@media(max-width:767.98px){.data_table_wrapper{--data-table-min-width: 520px}}@media(min-width:1024px){.data_table_wrapper{--data-table-min-width: 720px}}.data_table_wrapper .data_table_toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex-wrap:wrap;width:100%;min-width:var(--data-table-min-width);padding:var(--spacing-sm);box-sizing:border-box}.data_table_wrapper .data_table_toolbar_title{font-family:var(--font-family-ui);font-size:var(--font-size-body);font-weight:var(--font-weight-heading);color:var(--text-color-primary)}.data_table_wrapper .data_table_toolbar_actions{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.data_table_wrapper .data_table_filter_input{min-width:min(100%,14rem);min-height:40px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-color);color:var(--text-color);padding:0 var(--spacing-sm);font:inherit}.data_table_wrapper .data_table_filter_input:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.data_table_wrapper .data_table_bulk_toolbar,.data_table_wrapper .data_table_pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex-wrap:wrap;width:100%;min-width:var(--data-table-min-width);padding:var(--spacing-sm);border-top:1px solid var(--border-color);background:var(--background-color-light);box-sizing:border-box}.data_table_wrapper .data_table_column_menu{position:relative;font-family:var(--font-family-ui);color:var(--text-color)}.data_table_wrapper .data_table_pagination_button,.data_table_wrapper .data_table_column_control_button,.data_table_wrapper .data_table_expand_button{min-height:32px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-color);color:var(--text-color);padding:0 var(--spacing-sm);font:inherit;cursor:pointer}.data_table_wrapper .data_table_pagination_button:focus-visible,.data_table_wrapper .data_table_column_control_button:focus-visible,.data_table_wrapper .data_table_expand_button:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.data_table_wrapper .data_table_pagination_button:disabled,.data_table_wrapper .data_table_column_control_button:disabled,.data_table_wrapper .data_table_expand_button:disabled{cursor:not-allowed;opacity:.55}.data_table_wrapper .data_table_column_menu_trigger{min-height:32px;border-radius:var(--border-radius-sm);background:transparent;padding:0 var(--spacing-xs);font:inherit;cursor:pointer}.data_table_wrapper .data_table_column_menu_trigger:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.data_table_wrapper .data_table_column_menu_trigger:disabled{cursor:not-allowed;opacity:.55}.data_table_wrapper .data_table_column_menu_panel{position:absolute;z-index:5;top:calc(100% + var(--spacing-xxs));right:0;display:grid;gap:var(--spacing-xs);min-width:12rem;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-color);box-shadow:var(--box-shadow-md)}.data_table_wrapper .data_table_column_menu_item{display:inline-flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap}.data_table_wrapper .data_table_viewport{width:100%;overflow-x:auto;border-radius:0;-webkit-overflow-scrolling:touch}.data_table_wrapper.data_table_virtualized .data_table_viewport{overflow:auto}.data_table_wrapper .data_table{width:100%;min-width:var(--data-table-min-width);border-collapse:separate;border-spacing:0;table-layout:auto;font-size:inherit}.data_table_wrapper .data_table_header_cell{text-align:left;padding:var(--spacing-sm);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);border-bottom:1px solid var(--text-color-primary);white-space:nowrap;color:var(--text-color-primary);vertical-align:top}.data_table_wrapper .data_table thead th:first-child{border-top-left-radius:inherit}.data_table_wrapper .data_table thead th:last-child{border-top-right-radius:inherit}.data_table_wrapper .data_table_header_content{display:flex;color:inherit;align-items:center;justify-content:space-between;gap:var(--spacing-xs);min-width:0}.data_table_wrapper .data_table_selection_cell{width:3rem;min-width:3rem;padding:var(--spacing-sm);border-bottom:1px solid var(--text-color-primary);text-align:center;vertical-align:middle;color:inherit;background:inherit;font-family:var(--font-family-body);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.data_table_wrapper .data_table_selection_cell input{min-width:1.125rem;min-height:1.125rem}.data_table_wrapper .data_table_cell{padding:var(--spacing-sm);border-bottom:1px solid var(--text-color-primary);text-align:left;white-space:nowrap;color:inherit;font-family:var(--font-family-body);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);vertical-align:top}.data_table_wrapper .data_table_cell_wrap{white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.5}.data_table_wrapper .data_table_header_cell.data_table_cell_wrap,.data_table_wrapper .data_table_cell.data_table_cell_wrap{min-width:0}.data_table_wrapper .data_table_header_sortable{cursor:pointer}.data_table_wrapper .data_table_header_sortable:focus-visible,.data_table_wrapper .data_table_header_sortable:focus{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:.5px}.data_table_wrapper .data_table_sort_button{margin:0;padding:0;background-color:transparent;border-radius:var(--border-radius-xs);border:none;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font:inherit;text-align:inherit;cursor:pointer}.data_table_wrapper .data_table_sort_button:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.data_table_wrapper .data_table_sort_icon{margin-left:var(--spacing-xxs);font-size:.9em;flex-shrink:0}@media(max-width:479.98px){.data_table_wrapper .data_table_sort_icon{font-size:.85em}}@media(min-width:1024px){.data_table_wrapper .data_table_sort_icon{font-size:1em}}.data_table_wrapper .data_table_column_controls{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.data_table_wrapper .data_table_column_control_button,.data_table_wrapper .data_table_expand_button{min-width:28px;min-height:28px;padding:0;line-height:1}.data_table_wrapper .data_table_cell_pinned{position:sticky;z-index:2;background:var(--background-color-dark);box-shadow:1px 0 0 var(--border-color)}.data_table_wrapper .data_table_cell_pinned.data_table_header_cell{color:var(--text-color)}.data_table_wrapper th.data_table_cell_pinned{z-index:3;background:var(--background-color)}.data_table_wrapper .data_table_row_clickable{cursor:pointer;transition:background-color var(--transition-default)}.data_table_wrapper .data_table_row_clickable:hover{background-color:var(--background-color-light)}.data_table_wrapper .data_table_row_clickable:hover:nth-child(2n){background-color:var(--background-color)}.data_table_wrapper .data_table_row_clickable:focus-visible,.data_table_wrapper .data_table_row_clickable:focus{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:0}.data_table_wrapper .data_table_row_striped:nth-child(2n){background-color:var(--background-color-darker)}.data_table_wrapper .data_table_expanded_row{background:var(--background-color-light)}.data_table_wrapper .data_table_expanded_cell{padding:var(--spacing-sm);border-bottom:1px solid var(--text-color-primary);color:var(--text-color-primary)}.data_table_wrapper .data_table_edit_button{display:inline;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:text}.data_table_wrapper .data_table_edit_button:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.data_table_wrapper .data_table_cell_editor{width:min(100%,16rem);min-height:32px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-color);color:var(--text-color);padding:0 var(--spacing-xs);font:inherit}.data_table_wrapper .data_table_empty_cell{padding:var(--spacing-md);text-align:center;color:var(--text-color-secondary)}.data_table_wrapper tbody tr{background-color:var(--background-color-dark)}.data_table_wrapper tbody tr:last-child .data_table_cell,.data_table_wrapper tbody tr:last-child th.data_table_cell,.data_table_wrapper tbody tr:last-child .data_table_selection_cell{border-bottom:none}.data_table_wrapper.data_table_clear{box-shadow:none}.data_table_wrapper.data_table_clear .data_table_header_cell{background-color:transparent}@media(max-width:767.98px){.data_table_wrapper .data_table{font-size:var(--font-size-label)}.data_table_wrapper .data_table_header_cell,.data_table_wrapper .data_table_cell,.data_table_wrapper .data_table_selection_cell{padding:var(--spacing-xs)}.data_table_wrapper .data_table_header_cell{font-size:var(--font-size-caption)}.data_table_wrapper .data_table_cell,.data_table_wrapper .data_table_selection_cell{font-size:var(--font-size-label)}}@media(max-width:319.98px){.data_table_wrapper{overflow-x:visible}.data_table_wrapper .data_table{min-width:0;width:100%;font-size:var(--font-size-caption)}.data_table_wrapper .data_table thead{display:none}.data_table_wrapper .data_table tbody{display:block}.data_table_wrapper .data_table tbody tr{display:block;margin-bottom:var(--spacing-sm);background-color:var(--background-color-dark);border-radius:var(--border-radius-md);overflow:hidden}.data_table_wrapper .data_table_header_cell,.data_table_wrapper .data_table_cell,.data_table_wrapper .data_table_selection_cell{display:block;width:100%;box-sizing:border-box;text-align:left;padding:var(--spacing-xs);border-bottom:1px solid var(--text-color-primary);white-space:normal;overflow-wrap:anywhere}.data_table_wrapper .data_table_selection_cell{text-align:left}.data_table_wrapper .data_table_selection_cell:before{content:"Select";display:inline-block;margin-right:var(--spacing-xs);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:var(--text-color-secondary)}.data_table_wrapper .data_table_cell:before{content:attr(data-label);display:block;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);margin-bottom:2px;color:var(--text-color-secondary)}.data_table_wrapper tbody tr:last-child .data_table_cell,.data_table_wrapper tbody tr:last-child th.data_table_cell,.data_table_wrapper tbody tr:last-child .data_table_selection_cell{border-bottom:1px solid var(--text-color-primary)}.data_table_wrapper tbody tr .data_table_cell:last-child,.data_table_wrapper tbody tr th.data_table_cell:last-child,.data_table_wrapper tbody tr .data_table_selection_cell:last-child{border-bottom:none}}.data_table_primary{--data-table-glass-bg: var(--primary-glass-background);--data-table-glass-hover-bg: var(--primary-glass-background-hover);--data-table-glass-border: var(--primary-glass-border);--data-table-glass-text: var(--text-color-primary)}.data_table_primary th.data_table_selection_cell{background-color:var(--primary-color);color:var(--text-color-primary)}.data_table_primary .data_table_column_menu_trigger{color:var(--text-color-primary)}.data_table_primary .data_table_header_cell{background-color:var(--primary-color);color:var(--text-color-primary)}.data_table_primary .data_table_toolbar{background-color:var(--primary-color)}.data_table_primary.data_table_outline .data_table_header_cell{border:2px solid var(--primary-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_primary.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_secondary{--data-table-glass-bg: var(--secondary-glass-background);--data-table-glass-hover-bg: var(--secondary-glass-background-hover);--data-table-glass-border: var(--secondary-glass-border);--data-table-glass-text: var(--text-color-secondary)}.data_table_secondary th.data_table_selection_cell{background-color:var(--secondary-color);color:var(--text-color-secondary)}.data_table_secondary .data_table_column_menu_trigger{color:var(--text-color-secondary)}.data_table_secondary .data_table_header_cell{background-color:var(--secondary-color);color:var(--text-color-secondary)}.data_table_secondary .data_table_toolbar{background-color:var(--secondary-color)}.data_table_secondary.data_table_outline .data_table_header_cell{border:2px solid var(--secondary-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_secondary.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_tertiary{--data-table-glass-bg: var(--tertiary-glass-background);--data-table-glass-hover-bg: var(--tertiary-glass-background-hover);--data-table-glass-border: var(--tertiary-glass-border);--data-table-glass-text: var(--text-color-tertiary)}.data_table_tertiary th.data_table_selection_cell{background-color:var(--tertiary-color);color:var(--text-color-tertiary)}.data_table_tertiary .data_table_column_menu_trigger{color:var(--text-color-tertiary)}.data_table_tertiary .data_table_header_cell{background-color:var(--tertiary-color);color:var(--text-color-tertiary)}.data_table_tertiary .data_table_toolbar{background-color:var(--tertiary-color)}.data_table_tertiary.data_table_outline .data_table_header_cell{border:2px solid var(--tertiary-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_tertiary.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_quaternary{--data-table-glass-bg: var(--quaternary-glass-background);--data-table-glass-hover-bg: var(--quaternary-glass-background-hover);--data-table-glass-border: var(--quaternary-glass-border);--data-table-glass-text: var(--text-color-quaternary)}.data_table_quaternary th.data_table_selection_cell{background-color:var(--quaternary-color);color:var(--text-color-quaternary)}.data_table_quaternary .data_table_column_menu_trigger{color:var(--text-color-quaternary)}.data_table_quaternary .data_table_header_cell{background-color:var(--quaternary-color);color:var(--text-color-quaternary)}.data_table_quaternary .data_table_toolbar{background-color:var(--quaternary-color)}.data_table_quaternary.data_table_outline .data_table_header_cell{border:2px solid var(--quaternary-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_quaternary.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_clear{--data-table-glass-bg: var(--clear-glass-background);--data-table-glass-hover-bg: var(--clear-glass-background-hover);--data-table-glass-border: var(--clear-glass-border);--data-table-glass-text: var(--text-color)}.data_table_clear th.data_table_selection_cell{background-color:transparent;color:var(--text-color)}.data_table_clear .data_table_column_menu_trigger{color:var(--text-color)}.data_table_clear .data_table_header_cell{background-color:transparent;color:var(--text-color)}.data_table_clear .data_table_toolbar{background-color:transparent}.data_table_clear.data_table_outline .data_table_header_cell{border:2px solid var(--border-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_clear.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_success{--data-table-glass-bg: var(--success-glass-background);--data-table-glass-hover-bg: var(--success-glass-background-hover);--data-table-glass-border: var(--success-glass-border);--data-table-glass-text: var(--success-text-color)}.data_table_success th.data_table_selection_cell{background-color:var(--success-color);color:var(--success-text-color)}.data_table_success .data_table_column_menu_trigger{color:var(--success-text-color)}.data_table_success .data_table_header_cell{background-color:var(--success-color);color:var(--success-text-color)}.data_table_success .data_table_toolbar{background-color:var(--success-color)}.data_table_success.data_table_outline .data_table_header_cell{border:2px solid var(--success-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_success.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_error{--data-table-glass-bg: var(--error-glass-background);--data-table-glass-hover-bg: var(--error-glass-background-hover);--data-table-glass-border: var(--error-glass-border);--data-table-glass-text: var(--error-text-color)}.data_table_error th.data_table_selection_cell{background-color:var(--error-color);color:var(--error-text-color)}.data_table_error .data_table_column_menu_trigger{color:var(--error-text-color)}.data_table_error .data_table_header_cell{background-color:var(--error-color);color:var(--error-text-color)}.data_table_error .data_table_toolbar{background-color:var(--error-color)}.data_table_error.data_table_outline .data_table_header_cell{border:2px solid var(--error-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_error.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_warning{--data-table-glass-bg: var(--warning-glass-background);--data-table-glass-hover-bg: var(--warning-glass-background-hover);--data-table-glass-border: var(--warning-glass-border);--data-table-glass-text: var(--warning-text-color)}.data_table_warning th.data_table_selection_cell{background-color:var(--warning-color);color:var(--warning-text-color)}.data_table_warning .data_table_column_menu_trigger{color:var(--warning-text-color)}.data_table_warning .data_table_header_cell{background-color:var(--warning-color);color:var(--warning-text-color)}.data_table_warning .data_table_toolbar{background-color:var(--warning-color)}.data_table_warning.data_table_outline .data_table_header_cell{border:2px solid var(--warning-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_warning.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_info{--data-table-glass-bg: var(--info-glass-background);--data-table-glass-hover-bg: var(--info-glass-background-hover);--data-table-glass-border: var(--info-glass-border);--data-table-glass-text: var(--info-text-color)}.data_table_info th.data_table_selection_cell{background-color:var(--info-color);color:var(--info-text-color)}.data_table_info .data_table_column_menu_trigger{color:var(--info-text-color)}.data_table_info .data_table_header_cell{background-color:var(--info-color);color:var(--info-text-color)}.data_table_info .data_table_toolbar{background-color:var(--info-color)}.data_table_info.data_table_outline .data_table_header_cell{border:2px solid var(--info-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_info.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_wrapper.data_table_glass{background:var(--data-table-glass-bg, rgba(255, 255, 255, .16));border:1px solid var(--data-table-glass-border, rgba(255, 255, 255, .28));-webkit-backdrop-filter:blur(18px) saturate(var(--glass-saturate));backdrop-filter:blur(18px) saturate(var(--glass-saturate));color:inherit}.data_table_wrapper.data_table_glass .data_table{background:transparent}.data_table_wrapper.data_table_glass .data_table_toolbar{background:var(--data-table-glass-hover-bg, rgba(255, 255, 255, .22));color:inherit;border-bottom:1px solid var(--data-table-glass-border, rgba(255, 255, 255, .28))}.data_table_wrapper.data_table_glass .data_table_toolbar_title{color:inherit}.data_table_wrapper.data_table_glass .data_table_filter_input{background:var(--data-table-glass-bg, rgba(255, 255, 255, .16));border-color:var(--data-table-glass-border, rgba(255, 255, 255, .28));color:inherit}.data_table_wrapper.data_table_glass .data_table_header_cell,.data_table_wrapper.data_table_glass th.data_table_selection_cell{background:var(--data-table-glass-hover-bg, rgba(255, 255, 255, .22));color:inherit;border-bottom-color:var(--data-table-glass-border, var(--text-color-primary))}.data_table_wrapper.data_table_glass .data_table_selection_cell,.data_table_wrapper.data_table_glass .data_table_cell{background:unset;color:inherit;border-bottom-color:var(--data-table-glass-border, var(--text-color-primary))}.data_table_wrapper.data_table_glass tbody tr{background-color:transparent}.data_table_wrapper.data_table_glass .data_table_row_striped:nth-child(2n),.data_table_wrapper.data_table_glass .data_table_row_clickable:hover{background-color:var(--data-table-glass-hover-bg, rgba(255, 255, 255, .22))}.data_table_round-None{border-radius:var(--border-radius-none)}.data_table_round-None .data_table_toolbar{border-top-left-radius:var(--border-radius-none);border-top-right-radius:var(--border-radius-none)}.data_table_round-None .data_table_pagination{border-bottom-left-radius:var(--border-radius-none);border-bottom-right-radius:var(--border-radius-none)}.data_table_round-None:not(:has(.data_table_toolbar)) .data_table thead th:first-child{border-top-left-radius:var(--border-radius-none)}.data_table_round-None:not(:has(.data_table_toolbar)) .data_table thead th:last-child{border-top-right-radius:var(--border-radius-none)}.data_table_round-None:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:first-child{border-bottom-left-radius:var(--border-radius-none)}.data_table_round-None:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:last-child{border-bottom-right-radius:var(--border-radius-none)}.data_table_round-Small{border-radius:var(--border-radius-sm)}.data_table_round-Small .data_table_toolbar{border-top-left-radius:var(--border-radius-sm);border-top-right-radius:var(--border-radius-sm)}.data_table_round-Small .data_table_pagination{border-bottom-left-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm)}.data_table_round-Small:not(:has(.data_table_toolbar)) .data_table thead th:first-child{border-top-left-radius:var(--border-radius-sm)}.data_table_round-Small:not(:has(.data_table_toolbar)) .data_table thead th:last-child{border-top-right-radius:var(--border-radius-sm)}.data_table_round-Small:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:first-child{border-bottom-left-radius:var(--border-radius-sm)}.data_table_round-Small:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:last-child{border-bottom-right-radius:var(--border-radius-sm)}.data_table_round-Medium{border-radius:var(--border-radius-md)}.data_table_round-Medium .data_table_toolbar{border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md)}.data_table_round-Medium .data_table_pagination{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.data_table_round-Medium:not(:has(.data_table_toolbar)) .data_table thead th:first-child{border-top-left-radius:var(--border-radius-md)}.data_table_round-Medium:not(:has(.data_table_toolbar)) .data_table thead th:last-child{border-top-right-radius:var(--border-radius-md)}.data_table_round-Medium:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:first-child{border-bottom-left-radius:var(--border-radius-md)}.data_table_round-Medium:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:last-child{border-bottom-right-radius:var(--border-radius-md)}.data_table_round-Large{border-radius:var(--border-radius-lg)}.data_table_round-Large .data_table_toolbar{border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg)}.data_table_round-Large .data_table_pagination{border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg)}.data_table_round-Large:not(:has(.data_table_toolbar)) .data_table thead th:first-child{border-top-left-radius:var(--border-radius-lg)}.data_table_round-Large:not(:has(.data_table_toolbar)) .data_table thead th:last-child{border-top-right-radius:var(--border-radius-lg)}.data_table_round-Large:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:first-child{border-bottom-left-radius:var(--border-radius-lg)}.data_table_round-Large:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:last-child{border-bottom-right-radius:var(--border-radius-lg)}.data_table_round-Full{border-radius:var(--border-radius-full)}.data_table_round-Full .data_table_toolbar{border-top-left-radius:var(--border-radius-full);border-top-right-radius:var(--border-radius-full)}.data_table_round-Full .data_table_pagination{border-bottom-left-radius:var(--border-radius-full);border-bottom-right-radius:var(--border-radius-full)}.data_table_round-Full:not(:has(.data_table_toolbar)) .data_table thead th:first-child{border-top-left-radius:var(--border-radius-full)}.data_table_round-Full:not(:has(.data_table_toolbar)) .data_table thead th:last-child{border-top-right-radius:var(--border-radius-full)}.data_table_round-Full:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:first-child{border-bottom-left-radius:var(--border-radius-full)}.data_table_round-Full:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:last-child{border-bottom-right-radius:var(--border-radius-full)}.data_table_shadow-None{box-shadow:var(--box-shadow-none)}.data_table_shadow-Light{box-shadow:var(--box-shadow-light)}.data_table_shadow-Medium{box-shadow:var(--box-shadow-medium)}.data_table_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.data_table_shadow-Intense{box-shadow:var(--box-shadow-intense)}@media(prefers-reduced-motion:reduce){.data_table_wrapper,.data_table_wrapper *{transition:none!important;animation:none!important}}@media(hover:none){.data_table_row_clickable:hover{background-color:transparent}}@media(forced-colors:active){.data_table_wrapper .data_table{color:CanvasText;background:Canvas}.data_table_wrapper.data_table_glass{background:Canvas;border-color:ButtonText;box-shadow:none}.data_table_wrapper .data_table_header_cell,.data_table_wrapper .data_table_cell,.data_table_wrapper .data_table_selection_cell{border-bottom:1px solid ButtonText}.data_table_wrapper .data_table_header_cell{background:Canvas;color:CanvasText;border:1px solid ButtonText}.data_table_wrapper .data_table_row_clickable:focus-visible,.data_table_wrapper .data_table_sort_button:focus-visible{outline:2px solid Highlight;outline-offset:2px}}}
|
|
1
|
+
@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.data_table_wrapper{--data-table-min-width: 600px;width:100%;overflow-x:auto;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);border-radius:inherit;-webkit-overflow-scrolling:touch}@media(max-width:767.98px){.data_table_wrapper{--data-table-min-width: 520px}}@media(min-width:1024px){.data_table_wrapper{--data-table-min-width: 720px}}.data_table_wrapper .data_table_toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex-wrap:wrap;width:100%;min-width:var(--data-table-min-width);padding:var(--spacing-sm);box-sizing:border-box}.data_table_wrapper .data_table_toolbar_title{font-family:var(--font-family-ui);font-size:var(--font-size-body);font-weight:var(--font-weight-heading);color:var(--text-color-primary)}.data_table_wrapper .data_table_toolbar_actions{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.data_table_wrapper .data_table_filter_input{min-width:min(100%,14rem);min-height:40px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-color);color:var(--text-color);padding:0 var(--spacing-sm);font:inherit}.data_table_wrapper .data_table_filter_input:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.data_table_wrapper .data_table_bulk_toolbar,.data_table_wrapper .data_table_pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex-wrap:wrap;width:100%;min-width:var(--data-table-min-width);padding:var(--spacing-sm);border-top:1px solid var(--border-color);background:var(--background-color-light);box-sizing:border-box}.data_table_wrapper .data_table_column_menu{position:relative;font-family:var(--font-family-ui);color:var(--text-color)}.data_table_wrapper .data_table_pagination_button,.data_table_wrapper .data_table_column_control_button,.data_table_wrapper .data_table_expand_button{min-height:32px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-color);color:var(--text-color);padding:0 var(--spacing-sm);font:inherit;cursor:pointer}.data_table_wrapper .data_table_pagination_button:focus-visible,.data_table_wrapper .data_table_column_control_button:focus-visible,.data_table_wrapper .data_table_expand_button:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.data_table_wrapper .data_table_pagination_button:disabled,.data_table_wrapper .data_table_column_control_button:disabled,.data_table_wrapper .data_table_expand_button:disabled{cursor:not-allowed;opacity:.55}.data_table_wrapper .data_table_column_menu_trigger{min-height:32px;border-radius:var(--border-radius-sm);background:transparent;padding:0 var(--spacing-xs);font:inherit;cursor:pointer}.data_table_wrapper .data_table_column_menu_trigger:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.data_table_wrapper .data_table_column_menu_trigger:disabled{cursor:not-allowed;opacity:.55}.data_table_wrapper .data_table_column_menu_panel{position:absolute;z-index:5;top:calc(100% + var(--spacing-xxs));right:0;display:grid;gap:var(--spacing-xs);min-width:12rem;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-color);box-shadow:var(--box-shadow-md)}.data_table_wrapper .data_table_column_menu_item{display:inline-flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap}.data_table_wrapper .data_table_viewport{width:max(100%,var(--data-table-min-width));min-width:var(--data-table-min-width);overflow:visible;border-radius:0}.data_table_wrapper.data_table_virtualized .data_table_viewport{overflow-x:visible;overflow-y:auto}.data_table_wrapper .data_table{width:100%;min-width:var(--data-table-min-width);border-collapse:separate;border-spacing:0;table-layout:auto;font-size:inherit}.data_table_wrapper .data_table_header_cell,.data_table_wrapper thead .data_table_selection_cell{position:sticky;top:0;z-index:4}.data_table_wrapper .data_table_header_cell{text-align:left;padding:var(--spacing-sm);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);border-bottom:1px solid var(--text-color-primary);white-space:nowrap;color:var(--text-color-primary);vertical-align:top}.data_table_wrapper .data_table thead th:first-child{border-top-left-radius:inherit}.data_table_wrapper .data_table thead th:last-child{border-top-right-radius:inherit}.data_table_wrapper .data_table_header_content{display:flex;color:inherit;align-items:center;justify-content:space-between;gap:var(--spacing-xs);min-width:0}.data_table_wrapper .data_table_selection_cell{width:3rem;min-width:3rem;padding:var(--spacing-sm);border-bottom:1px solid var(--text-color-primary);text-align:center;vertical-align:middle;color:inherit;background:inherit;font-family:var(--font-family-body);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.data_table_wrapper .data_table_selection_cell input{min-width:1.125rem;min-height:1.125rem}.data_table_wrapper .data_table_cell{padding:var(--spacing-sm);border-bottom:1px solid var(--text-color-primary);text-align:left;white-space:nowrap;color:inherit;font-family:var(--font-family-body);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);vertical-align:top}.data_table_wrapper .data_table_cell_wrap{white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.5}.data_table_wrapper .data_table_header_cell.data_table_cell_wrap,.data_table_wrapper .data_table_cell.data_table_cell_wrap{min-width:0}.data_table_wrapper .data_table_header_sortable{cursor:pointer}.data_table_wrapper .data_table_header_sortable:focus-visible,.data_table_wrapper .data_table_header_sortable:focus{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:.5px}.data_table_wrapper .data_table_sort_button{margin:0;padding:0;background-color:transparent;border-radius:var(--border-radius-xs);border:none;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font:inherit;text-align:inherit;cursor:pointer}.data_table_wrapper .data_table_sort_button:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.data_table_wrapper .data_table_sort_icon{margin-left:var(--spacing-xxs);font-size:.9em;flex-shrink:0}@media(max-width:479.98px){.data_table_wrapper .data_table_sort_icon{font-size:.85em}}@media(min-width:1024px){.data_table_wrapper .data_table_sort_icon{font-size:1em}}.data_table_wrapper .data_table_column_controls{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.data_table_wrapper .data_table_column_control_button,.data_table_wrapper .data_table_expand_button{min-width:28px;min-height:28px;padding:0;line-height:1}.data_table_wrapper .data_table_cell_pinned{position:sticky;z-index:2;background:var(--background-color-dark);box-shadow:1px 0 0 var(--border-color)}.data_table_wrapper .data_table_cell_pinned.data_table_header_cell{color:var(--text-color)}.data_table_wrapper th.data_table_cell_pinned{z-index:3;background:var(--background-color)}.data_table_wrapper .data_table_row_clickable{cursor:pointer;transition:background-color var(--transition-default)}.data_table_wrapper .data_table_row_clickable:hover{background-color:var(--background-color-light)}.data_table_wrapper .data_table_row_clickable:hover:nth-child(2n){background-color:var(--background-color)}.data_table_wrapper .data_table_row_clickable:focus-visible,.data_table_wrapper .data_table_row_clickable:focus{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:0}.data_table_wrapper .data_table_row_striped:nth-child(2n){background-color:var(--background-color-darker)}.data_table_wrapper .data_table_expanded_row{background:var(--background-color-light)}.data_table_wrapper .data_table_expanded_cell{padding:var(--spacing-sm);border-bottom:1px solid var(--text-color-primary);color:var(--text-color-primary)}.data_table_wrapper .data_table_edit_button{display:inline;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:text}.data_table_wrapper .data_table_edit_button:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.data_table_wrapper .data_table_cell_editor{width:min(100%,16rem);min-height:32px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-color);color:var(--text-color);padding:0 var(--spacing-xs);font:inherit}.data_table_wrapper .data_table_empty_cell{padding:var(--spacing-md);text-align:center;color:var(--text-color-secondary)}.data_table_wrapper tbody tr{background-color:var(--background-color-dark)}.data_table_wrapper tbody tr:last-child .data_table_cell,.data_table_wrapper tbody tr:last-child th.data_table_cell,.data_table_wrapper tbody tr:last-child .data_table_selection_cell{border-bottom:none}.data_table_wrapper.data_table_clear{box-shadow:none}.data_table_wrapper.data_table_clear .data_table_header_cell{background-color:transparent}@media(max-width:767.98px){.data_table_wrapper .data_table{font-size:var(--font-size-label)}.data_table_wrapper .data_table_header_cell,.data_table_wrapper .data_table_cell,.data_table_wrapper .data_table_selection_cell{padding:var(--spacing-xs)}.data_table_wrapper .data_table_header_cell{font-size:var(--font-size-caption)}.data_table_wrapper .data_table_cell,.data_table_wrapper .data_table_selection_cell{font-size:var(--font-size-label)}}@media(max-width:319.98px){.data_table_wrapper{overflow-x:visible}.data_table_wrapper .data_table{min-width:0;width:100%;font-size:var(--font-size-caption)}.data_table_wrapper .data_table thead{display:none}.data_table_wrapper .data_table tbody{display:block}.data_table_wrapper .data_table tbody tr{display:block;margin-bottom:var(--spacing-sm);background-color:var(--background-color-dark);border-radius:var(--border-radius-md);overflow:hidden}.data_table_wrapper .data_table_header_cell,.data_table_wrapper .data_table_cell,.data_table_wrapper .data_table_selection_cell{display:block;width:100%;box-sizing:border-box;text-align:left;padding:var(--spacing-xs);border-bottom:1px solid var(--text-color-primary);white-space:normal;overflow-wrap:anywhere}.data_table_wrapper .data_table_selection_cell{text-align:left}.data_table_wrapper .data_table_selection_cell:before{content:"Select";display:inline-block;margin-right:var(--spacing-xs);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:var(--text-color-secondary)}.data_table_wrapper .data_table_cell:before{content:attr(data-label);display:block;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);margin-bottom:2px;color:var(--text-color-secondary)}.data_table_wrapper tbody tr:last-child .data_table_cell,.data_table_wrapper tbody tr:last-child th.data_table_cell,.data_table_wrapper tbody tr:last-child .data_table_selection_cell{border-bottom:1px solid var(--text-color-primary)}.data_table_wrapper tbody tr .data_table_cell:last-child,.data_table_wrapper tbody tr th.data_table_cell:last-child,.data_table_wrapper tbody tr .data_table_selection_cell:last-child{border-bottom:none}}.data_table_primary{--data-table-glass-bg: var(--primary-glass-background);--data-table-glass-hover-bg: var(--primary-glass-background-hover);--data-table-glass-border: var(--primary-glass-border);--data-table-glass-text: var(--text-color-primary)}.data_table_primary th.data_table_selection_cell{background-color:var(--primary-color);color:var(--text-color-primary)}.data_table_primary .data_table_column_menu_trigger{color:var(--text-color-primary)}.data_table_primary .data_table_header_cell{background-color:var(--primary-color);color:var(--text-color-primary)}.data_table_primary .data_table_toolbar{background-color:var(--primary-color)}.data_table_primary.data_table_outline .data_table_header_cell{border:2px solid var(--primary-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_primary.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_secondary{--data-table-glass-bg: var(--secondary-glass-background);--data-table-glass-hover-bg: var(--secondary-glass-background-hover);--data-table-glass-border: var(--secondary-glass-border);--data-table-glass-text: var(--text-color-secondary)}.data_table_secondary th.data_table_selection_cell{background-color:var(--secondary-color);color:var(--text-color-secondary)}.data_table_secondary .data_table_column_menu_trigger{color:var(--text-color-secondary)}.data_table_secondary .data_table_header_cell{background-color:var(--secondary-color);color:var(--text-color-secondary)}.data_table_secondary .data_table_toolbar{background-color:var(--secondary-color)}.data_table_secondary.data_table_outline .data_table_header_cell{border:2px solid var(--secondary-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_secondary.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_tertiary{--data-table-glass-bg: var(--tertiary-glass-background);--data-table-glass-hover-bg: var(--tertiary-glass-background-hover);--data-table-glass-border: var(--tertiary-glass-border);--data-table-glass-text: var(--text-color-tertiary)}.data_table_tertiary th.data_table_selection_cell{background-color:var(--tertiary-color);color:var(--text-color-tertiary)}.data_table_tertiary .data_table_column_menu_trigger{color:var(--text-color-tertiary)}.data_table_tertiary .data_table_header_cell{background-color:var(--tertiary-color);color:var(--text-color-tertiary)}.data_table_tertiary .data_table_toolbar{background-color:var(--tertiary-color)}.data_table_tertiary.data_table_outline .data_table_header_cell{border:2px solid var(--tertiary-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_tertiary.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_quaternary{--data-table-glass-bg: var(--quaternary-glass-background);--data-table-glass-hover-bg: var(--quaternary-glass-background-hover);--data-table-glass-border: var(--quaternary-glass-border);--data-table-glass-text: var(--text-color-quaternary)}.data_table_quaternary th.data_table_selection_cell{background-color:var(--quaternary-color);color:var(--text-color-quaternary)}.data_table_quaternary .data_table_column_menu_trigger{color:var(--text-color-quaternary)}.data_table_quaternary .data_table_header_cell{background-color:var(--quaternary-color);color:var(--text-color-quaternary)}.data_table_quaternary .data_table_toolbar{background-color:var(--quaternary-color)}.data_table_quaternary.data_table_outline .data_table_header_cell{border:2px solid var(--quaternary-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_quaternary.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_clear{--data-table-glass-bg: var(--clear-glass-background);--data-table-glass-hover-bg: var(--clear-glass-background-hover);--data-table-glass-border: var(--clear-glass-border);--data-table-glass-text: var(--text-color)}.data_table_clear th.data_table_selection_cell{background-color:transparent;color:var(--text-color)}.data_table_clear .data_table_column_menu_trigger{color:var(--text-color)}.data_table_clear .data_table_header_cell{background-color:transparent;color:var(--text-color)}.data_table_clear .data_table_toolbar{background-color:transparent}.data_table_clear.data_table_outline .data_table_header_cell{border:2px solid var(--border-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_clear.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_success{--data-table-glass-bg: var(--success-glass-background);--data-table-glass-hover-bg: var(--success-glass-background-hover);--data-table-glass-border: var(--success-glass-border);--data-table-glass-text: var(--success-text-color)}.data_table_success th.data_table_selection_cell{background-color:var(--success-color);color:var(--success-text-color)}.data_table_success .data_table_column_menu_trigger{color:var(--success-text-color)}.data_table_success .data_table_header_cell{background-color:var(--success-color);color:var(--success-text-color)}.data_table_success .data_table_toolbar{background-color:var(--success-color)}.data_table_success.data_table_outline .data_table_header_cell{border:2px solid var(--success-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_success.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_error{--data-table-glass-bg: var(--error-glass-background);--data-table-glass-hover-bg: var(--error-glass-background-hover);--data-table-glass-border: var(--error-glass-border);--data-table-glass-text: var(--error-text-color)}.data_table_error th.data_table_selection_cell{background-color:var(--error-color);color:var(--error-text-color)}.data_table_error .data_table_column_menu_trigger{color:var(--error-text-color)}.data_table_error .data_table_header_cell{background-color:var(--error-color);color:var(--error-text-color)}.data_table_error .data_table_toolbar{background-color:var(--error-color)}.data_table_error.data_table_outline .data_table_header_cell{border:2px solid var(--error-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_error.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_warning{--data-table-glass-bg: var(--warning-glass-background);--data-table-glass-hover-bg: var(--warning-glass-background-hover);--data-table-glass-border: var(--warning-glass-border);--data-table-glass-text: var(--warning-text-color)}.data_table_warning th.data_table_selection_cell{background-color:var(--warning-color);color:var(--warning-text-color)}.data_table_warning .data_table_column_menu_trigger{color:var(--warning-text-color)}.data_table_warning .data_table_header_cell{background-color:var(--warning-color);color:var(--warning-text-color)}.data_table_warning .data_table_toolbar{background-color:var(--warning-color)}.data_table_warning.data_table_outline .data_table_header_cell{border:2px solid var(--warning-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_warning.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_info{--data-table-glass-bg: var(--info-glass-background);--data-table-glass-hover-bg: var(--info-glass-background-hover);--data-table-glass-border: var(--info-glass-border);--data-table-glass-text: var(--info-text-color)}.data_table_info th.data_table_selection_cell{background-color:var(--info-color);color:var(--info-text-color)}.data_table_info .data_table_column_menu_trigger{color:var(--info-text-color)}.data_table_info .data_table_header_cell{background-color:var(--info-color);color:var(--info-text-color)}.data_table_info .data_table_toolbar{background-color:var(--info-color)}.data_table_info.data_table_outline .data_table_header_cell{border:2px solid var(--info-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_info.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_wrapper.data_table_glass{background:var(--data-table-glass-bg, rgba(255, 255, 255, .16));border:1px solid var(--data-table-glass-border, rgba(255, 255, 255, .28));-webkit-backdrop-filter:blur(18px) saturate(var(--glass-saturate));backdrop-filter:blur(18px) saturate(var(--glass-saturate));color:inherit}.data_table_wrapper.data_table_glass .data_table{background:transparent}.data_table_wrapper.data_table_glass .data_table_toolbar{background:var(--data-table-glass-hover-bg, rgba(255, 255, 255, .22));color:inherit;border-bottom:1px solid var(--data-table-glass-border, rgba(255, 255, 255, .28))}.data_table_wrapper.data_table_glass .data_table_toolbar_title{color:inherit}.data_table_wrapper.data_table_glass .data_table_filter_input{background:var(--data-table-glass-bg, rgba(255, 255, 255, .16));border-color:var(--data-table-glass-border, rgba(255, 255, 255, .28));color:inherit}.data_table_wrapper.data_table_glass .data_table_header_cell,.data_table_wrapper.data_table_glass th.data_table_selection_cell{background:var(--data-table-glass-hover-bg, rgba(255, 255, 255, .22));color:inherit;border-bottom-color:var(--data-table-glass-border, var(--text-color-primary))}.data_table_wrapper.data_table_glass .data_table_selection_cell,.data_table_wrapper.data_table_glass .data_table_cell{background:unset;color:inherit;border-bottom-color:var(--data-table-glass-border, var(--text-color-primary))}.data_table_wrapper.data_table_glass tbody tr{background-color:transparent}.data_table_wrapper.data_table_glass .data_table_row_striped:nth-child(2n),.data_table_wrapper.data_table_glass .data_table_row_clickable:hover{background-color:var(--data-table-glass-hover-bg, rgba(255, 255, 255, .22))}.data_table_round-None{border-radius:var(--border-radius-none)}.data_table_round-None .data_table_toolbar{border-top-left-radius:var(--border-radius-none);border-top-right-radius:var(--border-radius-none)}.data_table_round-None .data_table_pagination{border-bottom-left-radius:var(--border-radius-none);border-bottom-right-radius:var(--border-radius-none)}.data_table_round-None:not(:has(.data_table_toolbar)) .data_table thead th:first-child{border-top-left-radius:var(--border-radius-none)}.data_table_round-None:not(:has(.data_table_toolbar)) .data_table thead th:last-child{border-top-right-radius:var(--border-radius-none)}.data_table_round-None:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:first-child{border-bottom-left-radius:var(--border-radius-none)}.data_table_round-None:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:last-child{border-bottom-right-radius:var(--border-radius-none)}.data_table_round-Small{border-radius:var(--border-radius-sm)}.data_table_round-Small .data_table_toolbar{border-top-left-radius:var(--border-radius-sm);border-top-right-radius:var(--border-radius-sm)}.data_table_round-Small .data_table_pagination{border-bottom-left-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm)}.data_table_round-Small:not(:has(.data_table_toolbar)) .data_table thead th:first-child{border-top-left-radius:var(--border-radius-sm)}.data_table_round-Small:not(:has(.data_table_toolbar)) .data_table thead th:last-child{border-top-right-radius:var(--border-radius-sm)}.data_table_round-Small:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:first-child{border-bottom-left-radius:var(--border-radius-sm)}.data_table_round-Small:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:last-child{border-bottom-right-radius:var(--border-radius-sm)}.data_table_round-Medium{border-radius:var(--border-radius-md)}.data_table_round-Medium .data_table_toolbar{border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md)}.data_table_round-Medium .data_table_pagination{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.data_table_round-Medium:not(:has(.data_table_toolbar)) .data_table thead th:first-child{border-top-left-radius:var(--border-radius-md)}.data_table_round-Medium:not(:has(.data_table_toolbar)) .data_table thead th:last-child{border-top-right-radius:var(--border-radius-md)}.data_table_round-Medium:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:first-child{border-bottom-left-radius:var(--border-radius-md)}.data_table_round-Medium:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:last-child{border-bottom-right-radius:var(--border-radius-md)}.data_table_round-Large{border-radius:var(--border-radius-lg)}.data_table_round-Large .data_table_toolbar{border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg)}.data_table_round-Large .data_table_pagination{border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg)}.data_table_round-Large:not(:has(.data_table_toolbar)) .data_table thead th:first-child{border-top-left-radius:var(--border-radius-lg)}.data_table_round-Large:not(:has(.data_table_toolbar)) .data_table thead th:last-child{border-top-right-radius:var(--border-radius-lg)}.data_table_round-Large:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:first-child{border-bottom-left-radius:var(--border-radius-lg)}.data_table_round-Large:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:last-child{border-bottom-right-radius:var(--border-radius-lg)}.data_table_round-Full{border-radius:var(--border-radius-full)}.data_table_round-Full .data_table_toolbar{border-top-left-radius:var(--border-radius-full);border-top-right-radius:var(--border-radius-full)}.data_table_round-Full .data_table_pagination{border-bottom-left-radius:var(--border-radius-full);border-bottom-right-radius:var(--border-radius-full)}.data_table_round-Full:not(:has(.data_table_toolbar)) .data_table thead th:first-child{border-top-left-radius:var(--border-radius-full)}.data_table_round-Full:not(:has(.data_table_toolbar)) .data_table thead th:last-child{border-top-right-radius:var(--border-radius-full)}.data_table_round-Full:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:first-child{border-bottom-left-radius:var(--border-radius-full)}.data_table_round-Full:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:last-child{border-bottom-right-radius:var(--border-radius-full)}.data_table_shadow-None{box-shadow:var(--box-shadow-none)}.data_table_shadow-Light{box-shadow:var(--box-shadow-light)}.data_table_shadow-Medium{box-shadow:var(--box-shadow-medium)}.data_table_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.data_table_shadow-Intense{box-shadow:var(--box-shadow-intense)}@media(prefers-reduced-motion:reduce){.data_table_wrapper,.data_table_wrapper *{transition:none!important;animation:none!important}}@media(hover:none){.data_table_row_clickable:hover{background-color:transparent}}@media(forced-colors:active){.data_table_wrapper .data_table{color:CanvasText;background:Canvas}.data_table_wrapper.data_table_glass{background:Canvas;border-color:ButtonText;box-shadow:none}.data_table_wrapper .data_table_header_cell,.data_table_wrapper .data_table_cell,.data_table_wrapper .data_table_selection_cell{border-bottom:1px solid ButtonText}.data_table_wrapper .data_table_header_cell{background:Canvas;color:CanvasText;border:1px solid ButtonText}.data_table_wrapper .data_table_row_clickable:focus-visible,.data_table_wrapper .data_table_sort_button:focus-visible{outline:2px solid Highlight;outline-offset:2px}}}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as i, jsx as n, Fragment as V } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as w, useMemo as W } from "react";
|
|
3
|
-
import { d as C,
|
|
3
|
+
import { d as C, a as x, c as P, f as E } from "./chartUtils-CyVfZMyM.js";
|
|
4
4
|
import { c as F } from "./classNames-Dz0_huu_.js";
|
|
5
5
|
import './DonutChart.css';const $ = (e, a, o) => {
|
|
6
6
|
const l = (o - 90) * Math.PI / 180;
|
package/dist/core/DonutChart.js
CHANGED