boreal-ui 0.0.9005 → 0.0.9007
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/core/{Alert-BWdXVIIm.js → Alert-CL1IoCZc.js} +59 -50
- package/dist/core/Alert-CNmWbffq.cjs +1 -0
- package/dist/core/Alert.cjs.js +1 -1
- package/dist/core/Alert.css +1 -1
- package/dist/core/Alert.js +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.css +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/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/Alert-DcpEX2gx.js +148 -0
- package/dist/next/Alert.css +1 -1
- package/dist/next/Alert.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/Slider-BJ5HI0pp.js +182 -0
- package/dist/next/Slider.css +1 -1
- package/dist/next/Slider.js +1 -1
- package/dist/next/index.js +42 -7
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/components/Alert/AlertBase.d.ts.map +1 -1
- package/dist/types/components/Alert/core/Alert.d.ts.map +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/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/Alert-DsGvyg1M.cjs +0 -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/Alert-DbbmcDuR.js +0 -139
- package/dist/next/CircularProgress-C4Qc0-FF.js +0 -145
- package/dist/next/PageHeader-Cc-1V9Pa.js +0 -220
- package/dist/next/ProgressBar-CCM0giDI.js +0 -155
- package/dist/next/Slider-Dti4nZaN.js +0 -145
|
@@ -1,112 +1,121 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as w, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { e as j } from "./propAliases-O-1wR3I5.js";
|
|
3
3
|
import { useMemo as q } from "react";
|
|
4
4
|
import { c as t } from "./classNames-Dz0_huu_.js";
|
|
5
|
-
import { c as
|
|
6
|
-
import { g as F, e as T, b as k, a as
|
|
7
|
-
import './Alert.css';function
|
|
5
|
+
import { c as N } from "./capitalize-D_pj4b3P.js";
|
|
6
|
+
import { g as F, e as T, b as k, a as z } from "./styleConfig-BoNVl5_r.js";
|
|
7
|
+
import './Alert.css';function G({
|
|
8
8
|
children: l,
|
|
9
|
-
title:
|
|
10
|
-
icon:
|
|
11
|
-
actions:
|
|
12
|
-
theme:
|
|
13
|
-
state:
|
|
14
|
-
variant:
|
|
15
|
-
glass:
|
|
16
|
-
rounding:
|
|
9
|
+
title: m,
|
|
10
|
+
icon: s,
|
|
11
|
+
actions: o,
|
|
12
|
+
theme: _ = F(),
|
|
13
|
+
state: n,
|
|
14
|
+
variant: c = "solid",
|
|
15
|
+
glass: h = T(),
|
|
16
|
+
rounding: i = k(),
|
|
17
17
|
outline: f = !1,
|
|
18
|
-
shadow:
|
|
19
|
-
dismissible:
|
|
20
|
-
onDismiss:
|
|
21
|
-
role:
|
|
18
|
+
shadow: d = z(),
|
|
19
|
+
dismissible: u = !1,
|
|
20
|
+
onDismiss: b,
|
|
21
|
+
role: y = n === "error" ? "alert" : "status",
|
|
22
22
|
className: g,
|
|
23
23
|
iconClassName: $,
|
|
24
24
|
contentClassName: v,
|
|
25
|
-
titleClassName:
|
|
26
|
-
messageClassName:
|
|
27
|
-
actionsClassName:
|
|
28
|
-
dismissButtonClassName:
|
|
29
|
-
dismissLabel:
|
|
30
|
-
testId:
|
|
31
|
-
"data-testid":
|
|
25
|
+
titleClassName: A,
|
|
26
|
+
messageClassName: D,
|
|
27
|
+
actionsClassName: I,
|
|
28
|
+
dismissButtonClassName: S,
|
|
29
|
+
dismissLabel: x = "Dismiss alert",
|
|
30
|
+
testId: C,
|
|
31
|
+
"data-testid": L,
|
|
32
32
|
classMap: e
|
|
33
33
|
}) {
|
|
34
|
-
const a =
|
|
34
|
+
const a = C ?? L ?? "alert", B = q(
|
|
35
35
|
() => t(
|
|
36
36
|
e.alert,
|
|
37
|
-
e[m],
|
|
38
|
-
s && e[s],
|
|
39
37
|
e[_],
|
|
38
|
+
n && e[n],
|
|
39
|
+
e[c],
|
|
40
40
|
f && e.outline,
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
41
|
+
h && e.glass,
|
|
42
|
+
d && e[`shadow${N(d)}`],
|
|
43
|
+
i && e[`round${N(i)}`],
|
|
44
|
+
s ? e.hasIcon : null,
|
|
45
|
+
o ? e.hasActions : null,
|
|
46
|
+
u && e.dismissible,
|
|
44
47
|
g
|
|
45
48
|
),
|
|
46
49
|
[
|
|
47
50
|
e,
|
|
48
|
-
m,
|
|
49
|
-
s,
|
|
50
51
|
_,
|
|
51
|
-
f,
|
|
52
|
-
c,
|
|
53
52
|
n,
|
|
53
|
+
c,
|
|
54
|
+
f,
|
|
55
|
+
h,
|
|
56
|
+
d,
|
|
57
|
+
i,
|
|
58
|
+
s,
|
|
54
59
|
o,
|
|
60
|
+
u,
|
|
55
61
|
g
|
|
56
62
|
]
|
|
57
63
|
);
|
|
58
|
-
return /* @__PURE__ */
|
|
59
|
-
|
|
64
|
+
return /* @__PURE__ */ w("div", { className: B, role: y, "data-testid": a, children: [
|
|
65
|
+
s ? /* @__PURE__ */ r(
|
|
60
66
|
"span",
|
|
61
67
|
{
|
|
62
68
|
className: t(e.icon, $),
|
|
63
69
|
"aria-hidden": "true",
|
|
64
70
|
"data-testid": `${a}-icon`,
|
|
65
|
-
children:
|
|
71
|
+
children: s
|
|
66
72
|
}
|
|
67
73
|
) : null,
|
|
68
|
-
/* @__PURE__ */
|
|
69
|
-
|
|
74
|
+
/* @__PURE__ */ w("div", { className: t(e.content, v), children: [
|
|
75
|
+
m ? /* @__PURE__ */ r(
|
|
70
76
|
"div",
|
|
71
77
|
{
|
|
72
|
-
className: t(e.title,
|
|
78
|
+
className: t(e.title, A),
|
|
73
79
|
"data-testid": `${a}-title`,
|
|
74
|
-
children:
|
|
80
|
+
children: m
|
|
75
81
|
}
|
|
76
82
|
) : null,
|
|
77
83
|
l ? /* @__PURE__ */ r(
|
|
78
84
|
"div",
|
|
79
85
|
{
|
|
80
|
-
className: t(e.message,
|
|
86
|
+
className: t(e.message, D),
|
|
81
87
|
"data-testid": `${a}-message`,
|
|
82
88
|
children: l
|
|
83
89
|
}
|
|
84
90
|
) : null
|
|
85
91
|
] }),
|
|
86
|
-
|
|
87
|
-
|
|
92
|
+
o ? /* @__PURE__ */ r("div", { className: t(e.actions, I), children: o }) : null,
|
|
93
|
+
u ? /* @__PURE__ */ r(
|
|
88
94
|
"button",
|
|
89
95
|
{
|
|
90
96
|
type: "button",
|
|
91
97
|
className: t(
|
|
92
98
|
e.dismissButton,
|
|
93
|
-
|
|
99
|
+
S
|
|
94
100
|
),
|
|
95
|
-
"aria-label":
|
|
96
|
-
onClick:
|
|
101
|
+
"aria-label": x,
|
|
102
|
+
onClick: b,
|
|
97
103
|
"data-testid": `${a}-dismiss`,
|
|
98
104
|
children: "×"
|
|
99
105
|
}
|
|
100
106
|
) : null
|
|
101
107
|
] });
|
|
102
108
|
}
|
|
103
|
-
const
|
|
109
|
+
const R = {
|
|
104
110
|
alert: "alert",
|
|
105
111
|
icon: "alert_icon",
|
|
106
112
|
content: "alert_content",
|
|
107
113
|
title: "alert_title",
|
|
108
114
|
message: "alert_message",
|
|
109
115
|
actions: "alert_actions",
|
|
116
|
+
hasIcon: "alert_has_icon",
|
|
117
|
+
hasActions: "alert_has_actions",
|
|
118
|
+
dismissible: "alert_dismissible",
|
|
110
119
|
dismissButton: "alert_dismiss_button",
|
|
111
120
|
solid: "alert_solid",
|
|
112
121
|
soft: "alert_soft",
|
|
@@ -133,9 +142,9 @@ const G = {
|
|
|
133
142
|
roundLarge: "alert_round-Large",
|
|
134
143
|
roundFull: "alert_round-Full"
|
|
135
144
|
};
|
|
136
|
-
function
|
|
137
|
-
return /* @__PURE__ */ r(
|
|
145
|
+
function Q(l) {
|
|
146
|
+
return /* @__PURE__ */ r(G, { ...l, classMap: j(R) });
|
|
138
147
|
}
|
|
139
148
|
export {
|
|
140
|
-
|
|
149
|
+
Q as A
|
|
141
150
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('./Alert.css');const t=require("react/jsx-runtime"),L=require("./propAliases-CXU3EEm-.cjs"),z=require("react"),a=require("./classNames-C7V3kfBj.cjs"),f=require("./capitalize-CnTiekgk.cjs"),o=require("./styleConfig-BeavGUyI.cjs");function B({children:r,title:c,icon:l,actions:n,theme:_=o.getDefaultTheme(),state:i,variant:h="solid",glass:N=o.getDefaultGlass(),rounding:d=o.getDefaultRounding(),outline:g=!1,shadow:u=o.getDefaultShadow(),dismissible:m=!1,onDismiss:w,role:C=i==="error"?"alert":"status",className:b,iconClassName:x,contentClassName:y,titleClassName:j,messageClassName:q,actionsClassName:A,dismissButtonClassName:$,dismissLabel:v="Dismiss alert",testId:D,"data-testid":I,classMap:e}){const s=D??I??"alert",S=z.useMemo(()=>a.combineClassNames(e.alert,e[_],i&&e[i],e[h],g&&e.outline,N&&e.glass,u&&e[`shadow${f.capitalize(u)}`],d&&e[`round${f.capitalize(d)}`],l?e.hasIcon:null,n?e.hasActions:null,m&&e.dismissible,b),[e,_,i,h,g,N,u,d,l,n,m,b]);return t.jsxs("div",{className:S,role:C,"data-testid":s,children:[l?t.jsx("span",{className:a.combineClassNames(e.icon,x),"aria-hidden":"true","data-testid":`${s}-icon`,children:l}):null,t.jsxs("div",{className:a.combineClassNames(e.content,y),children:[c?t.jsx("div",{className:a.combineClassNames(e.title,j),"data-testid":`${s}-title`,children:c}):null,r?t.jsx("div",{className:a.combineClassNames(e.message,q),"data-testid":`${s}-message`,children:r}):null]}),n?t.jsx("div",{className:a.combineClassNames(e.actions,A),children:n}):null,m?t.jsx("button",{type:"button",className:a.combineClassNames(e.dismissButton,$),"aria-label":v,onClick:w,"data-testid":`${s}-dismiss`,children:"×"}):null]})}const R={alert:"alert",icon:"alert_icon",content:"alert_content",title:"alert_title",message:"alert_message",actions:"alert_actions",hasIcon:"alert_has_icon",hasActions:"alert_has_actions",dismissible:"alert_dismissible",dismissButton:"alert_dismiss_button",solid:"alert_solid",soft:"alert_soft",outline:"alert_outline",glass:"alert_glass",primary:"alert_primary",secondary:"alert_secondary",tertiary:"alert_tertiary",quaternary:"alert_quaternary",clear:"alert_clear",success:"alert_success",info:"alert_info",warning:"alert_warning",error:"alert_error",disabled:"alert_disabled",shadowNone:"alert_shadow-None",shadowLight:"alert_shadow-Light",shadowMedium:"alert_shadow-Medium",shadowStrong:"alert_shadow-Strong",shadowIntense:"alert_shadow-Intense",roundNone:"alert_round-None",roundSmall:"alert_round-Small",roundMedium:"alert_round-Medium",roundLarge:"alert_round-Large",roundFull:"alert_round-Full"};function F(r){return t.jsx(B,{...r,classMap:L.expandClassMap(R)})}exports.Alert=F;
|
package/dist/core/Alert.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Alert-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Alert-CNmWbffq.cjs");exports.default=e.Alert;
|
package/dist/core/Alert.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.alert{display:flex;align-items:flex-start;gap:var(--spacing-sm);width:100%;max-width:100%;padding:var(--spacing-md);border:1px solid var(--alert-border, var(--border-color));font-family:var(--font-family-ui);color:inherit;background:var(--alert-bg, var(--surface-color, var(--background-color)));overflow-wrap:anywhere}.alert_content{min-width:0;flex:1;display:grid;gap:var(--spacing-xs)}.alert_title{font-size:var(--font-size-body);font-weight:var(--font-weight-heading)}.alert_message{font-size:var(--font-size-body-sm);line-height:var(--line-height-body)}.alert_icon{display:inline-flex;flex:0 0 auto;margin-top:.125rem}.alert_actions{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.alert_dismiss_button{min-width:2rem;min-height:2rem;border:0;border-radius:var(--border-radius-sm);background:transparent;color:currentcolor;cursor:pointer;font:inherit}.alert_dismiss_button:focus-visible{outline:2px solid var(--focus-outline-color);outline-offset:2px}.alert_round-None{border-radius:var(--border-radius-none)}.alert_round-Small{border-radius:var(--border-radius-sm)}.alert_round-Medium{border-radius:var(--border-radius-md)}.alert_round-Large{border-radius:var(--border-radius-lg)}.alert_round-Full{border-radius:var(--border-radius-full)}.alert_shadow-None{box-shadow:var(--box-shadow-none)}.alert_shadow-Light{box-shadow:var(--box-shadow-light)}.alert_shadow-Medium{box-shadow:var(--box-shadow-medium)}.alert_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.alert_shadow-Intense{box-shadow:var(--box-shadow-intense)}.alert_primary{--alert-bg: var(--primary-color);--alert-text: var(--text-color-primary);--alert-border: var(--primary-color);--alert-soft-bg: var(--primary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--primary-glass-background);--alert-glass-hover-bg: var(--primary-glass-background-hover);--alert-glass-border: var(--primary-glass-border);--alert-glass-text: var(--text-color-primary)}.alert_primary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_primary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_primary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_secondary{--alert-bg: var(--secondary-color);--alert-text: var(--text-color-secondary);--alert-border: var(--secondary-color);--alert-soft-bg: var(--secondary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--secondary-glass-background);--alert-glass-hover-bg: var(--secondary-glass-background-hover);--alert-glass-border: var(--secondary-glass-border);--alert-glass-text: var(--text-color-secondary)}.alert_secondary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_secondary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_secondary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_tertiary{--alert-bg: var(--tertiary-color);--alert-text: var(--text-color-tertiary);--alert-border: var(--tertiary-color);--alert-soft-bg: var(--tertiary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--tertiary-glass-background);--alert-glass-hover-bg: var(--tertiary-glass-background-hover);--alert-glass-border: var(--tertiary-glass-border);--alert-glass-text: var(--text-color-tertiary)}.alert_tertiary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_tertiary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_tertiary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_quaternary{--alert-bg: var(--quaternary-color);--alert-text: var(--text-color-quaternary);--alert-border: var(--quaternary-color);--alert-soft-bg: var(--quaternary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--quaternary-glass-background);--alert-glass-hover-bg: var(--quaternary-glass-background-hover);--alert-glass-border: var(--quaternary-glass-border);--alert-glass-text: var(--text-color-quaternary)}.alert_quaternary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_quaternary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_quaternary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_clear{--alert-bg: transparent;--alert-text: var(--text-color);--alert-border: var(--border-color);--alert-soft-bg: var(--clear-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--clear-glass-background);--alert-glass-hover-bg: var(--clear-glass-background-hover);--alert-glass-border: var(--clear-glass-border);--alert-glass-text: var(--text-color)}.alert_clear.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_clear.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_clear.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_success{--alert-bg: var(--success-color);--alert-text: var(--success-text-color);--alert-border: var(--success-color);--alert-soft-bg: var(--success-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--success-glass-background);--alert-glass-hover-bg: var(--success-glass-background-hover);--alert-glass-border: var(--success-glass-border);--alert-glass-text: var(--success-text-color)}.alert_success.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_success.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_success.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_error{--alert-bg: var(--error-color);--alert-text: var(--error-text-color);--alert-border: var(--error-color);--alert-soft-bg: var(--error-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--error-glass-background);--alert-glass-hover-bg: var(--error-glass-background-hover);--alert-glass-border: var(--error-glass-border);--alert-glass-text: var(--error-text-color)}.alert_error.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_error.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_error.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_warning{--alert-bg: var(--warning-color);--alert-text: var(--warning-text-color);--alert-border: var(--warning-color);--alert-soft-bg: var(--warning-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--warning-glass-background);--alert-glass-hover-bg: var(--warning-glass-background-hover);--alert-glass-border: var(--warning-glass-border);--alert-glass-text: var(--warning-text-color)}.alert_warning.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_warning.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_warning.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_info{--alert-bg: var(--info-color);--alert-text: var(--info-text-color);--alert-border: var(--info-color);--alert-soft-bg: var(--info-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--info-glass-background);--alert-glass-hover-bg: var(--info-glass-background-hover);--alert-glass-border: var(--info-glass-border);--alert-glass-text: var(--info-text-color)}.alert_info.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_info.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_info.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}@media(prefers-reduced-motion:reduce){.alert,.alert *{transition:none!important;animation:none!important}}@media(forced-colors:active){.alert,.alert_soft,.alert_outline,.alert_glass{background:Canvas!important;color:CanvasText!important;border-color:ButtonText!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.alert_dismiss_button{color:ButtonText;border:1px solid ButtonText}.alert_dismiss_button:focus-visible{outline-color:Highlight}}}
|
|
1
|
+
@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.alert{display:flex;align-items:flex-start;gap:var(--spacing-sm);width:100%;max-width:100%;padding:var(--spacing-md);border:1px solid var(--alert-border, var(--border-color));font-family:var(--font-family-ui);color:inherit;background:var(--alert-bg, var(--surface-color, var(--background-color)));overflow-wrap:anywhere}.alert_content{min-width:0;flex:1;display:grid;gap:var(--spacing-xs)}.alert_title{font-size:var(--font-size-body);font-weight:var(--font-weight-heading)}.alert_message{font-size:var(--font-size-body-sm);line-height:var(--line-height-body)}.alert_icon{display:inline-flex;flex:0 0 auto;margin-top:.125rem}.alert_actions{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.alert_dismiss_button{min-width:2rem;min-height:2rem;border:0;border-radius:var(--border-radius-sm);background:transparent;color:currentcolor;cursor:pointer;font:inherit}.alert_dismiss_button:focus-visible{outline:2px solid var(--focus-outline-color);outline-offset:2px}.alert_round-None{border-radius:var(--border-radius-none)}.alert_round-Small{border-radius:var(--border-radius-sm)}.alert_round-Medium{border-radius:var(--border-radius-md)}.alert_round-Large{border-radius:var(--border-radius-lg)}.alert_round-Full{border-radius:var(--border-radius-full)}.alert_shadow-None{box-shadow:var(--box-shadow-none)}.alert_shadow-Light{box-shadow:var(--box-shadow-light)}.alert_shadow-Medium{box-shadow:var(--box-shadow-medium)}.alert_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.alert_shadow-Intense{box-shadow:var(--box-shadow-intense)}.alert_primary{--alert-bg: var(--primary-color);--alert-text: var(--text-color-primary);--alert-border: var(--primary-color);--alert-soft-bg: var(--primary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--primary-glass-background);--alert-glass-hover-bg: var(--primary-glass-background-hover);--alert-glass-border: var(--primary-glass-border);--alert-glass-text: var(--text-color-primary)}.alert_primary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_primary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_primary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_secondary{--alert-bg: var(--secondary-color);--alert-text: var(--text-color-secondary);--alert-border: var(--secondary-color);--alert-soft-bg: var(--secondary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--secondary-glass-background);--alert-glass-hover-bg: var(--secondary-glass-background-hover);--alert-glass-border: var(--secondary-glass-border);--alert-glass-text: var(--text-color-secondary)}.alert_secondary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_secondary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_secondary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_tertiary{--alert-bg: var(--tertiary-color);--alert-text: var(--text-color-tertiary);--alert-border: var(--tertiary-color);--alert-soft-bg: var(--tertiary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--tertiary-glass-background);--alert-glass-hover-bg: var(--tertiary-glass-background-hover);--alert-glass-border: var(--tertiary-glass-border);--alert-glass-text: var(--text-color-tertiary)}.alert_tertiary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_tertiary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_tertiary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_quaternary{--alert-bg: var(--quaternary-color);--alert-text: var(--text-color-quaternary);--alert-border: var(--quaternary-color);--alert-soft-bg: var(--quaternary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--quaternary-glass-background);--alert-glass-hover-bg: var(--quaternary-glass-background-hover);--alert-glass-border: var(--quaternary-glass-border);--alert-glass-text: var(--text-color-quaternary)}.alert_quaternary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_quaternary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_quaternary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_clear{--alert-bg: transparent;--alert-text: var(--text-color);--alert-border: var(--border-color);--alert-soft-bg: var(--clear-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--clear-glass-background);--alert-glass-hover-bg: var(--clear-glass-background-hover);--alert-glass-border: var(--clear-glass-border);--alert-glass-text: var(--text-color)}.alert_clear.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_clear.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_clear.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_success{--alert-bg: var(--success-color);--alert-text: var(--success-text-color);--alert-border: var(--success-color);--alert-soft-bg: var(--success-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--success-glass-background);--alert-glass-hover-bg: var(--success-glass-background-hover);--alert-glass-border: var(--success-glass-border);--alert-glass-text: var(--success-text-color)}.alert_success.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_success.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_success.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_error{--alert-bg: var(--error-color);--alert-text: var(--error-text-color);--alert-border: var(--error-color);--alert-soft-bg: var(--error-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--error-glass-background);--alert-glass-hover-bg: var(--error-glass-background-hover);--alert-glass-border: var(--error-glass-border);--alert-glass-text: var(--error-text-color)}.alert_error.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_error.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_error.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_warning{--alert-bg: var(--warning-color);--alert-text: var(--warning-text-color);--alert-border: var(--warning-color);--alert-soft-bg: var(--warning-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--warning-glass-background);--alert-glass-hover-bg: var(--warning-glass-background-hover);--alert-glass-border: var(--warning-glass-border);--alert-glass-text: var(--warning-text-color)}.alert_warning.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_warning.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_warning.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_info{--alert-bg: var(--info-color);--alert-text: var(--info-text-color);--alert-border: var(--info-color);--alert-soft-bg: var(--info-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--info-glass-background);--alert-glass-hover-bg: var(--info-glass-background-hover);--alert-glass-border: var(--info-glass-border);--alert-glass-text: var(--info-text-color)}.alert_info.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_info.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_info.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_glass.alert_outline{background:transparent}@media(max-width:767.98px){.alert{gap:var(--spacing-xs);padding:var(--spacing-sm)}.alert_title{font-size:var(--font-size-body-sm)}.alert_message{font-size:var(--font-size-label)}.alert_has_actions{flex-wrap:wrap}.alert_has_actions .alert_actions{flex:1 1 100%;justify-content:center}}@media(max-width:479.98px){.alert_content{gap:var(--spacing-xxs, .35rem)}.alert_actions{display:flex;flex-direction:column;align-items:center}.alert_actions>*{width:100%}.alert_dismiss_button{min-width:1.75rem;min-height:1.75rem}}@media(max-width:319.98px){.alert{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--spacing-xs);padding:var(--spacing-xs)}.alert_has_icon{grid-template-columns:auto minmax(0,1fr)}.alert_dismissible{grid-template-columns:minmax(0,1fr) auto}.alert_has_icon.alert_dismissible{grid-template-columns:auto minmax(0,1fr) auto}.alert_icon{grid-column:auto;margin-top:.1rem}.alert_content{grid-column:auto;min-width:0}.alert_dismiss_button{grid-column:auto;justify-self:end}.alert_actions{grid-column:1/-1;width:100%}}@media(prefers-reduced-motion:reduce){.alert,.alert *{transition:none!important;animation:none!important}}@media(forced-colors:active){.alert,.alert_soft,.alert_outline,.alert_glass{background:Canvas!important;color:CanvasText!important;border-color:ButtonText!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.alert_dismiss_button{color:ButtonText;border:1px solid ButtonText}.alert_dismiss_button:focus-visible{outline-color:Highlight}}}
|
package/dist/core/Alert.js
CHANGED
|
@@ -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}}}
|