boreal-ui 0.0.9006 → 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.
Files changed (17) hide show
  1. package/dist/core/{Alert-BWdXVIIm.js → Alert-CL1IoCZc.js} +59 -50
  2. package/dist/core/Alert-CNmWbffq.cjs +1 -0
  3. package/dist/core/Alert.cjs.js +1 -1
  4. package/dist/core/Alert.css +1 -1
  5. package/dist/core/Alert.js +1 -1
  6. package/dist/core/index.cjs.js +1 -1
  7. package/dist/core/index.js +1 -1
  8. package/dist/next/Alert-DcpEX2gx.js +148 -0
  9. package/dist/next/Alert.css +1 -1
  10. package/dist/next/Alert.js +1 -1
  11. package/dist/next/index.js +1 -1
  12. package/dist/tsconfig.build.tsbuildinfo +1 -1
  13. package/dist/types/components/Alert/AlertBase.d.ts.map +1 -1
  14. package/dist/types/components/Alert/core/Alert.d.ts.map +1 -1
  15. package/package.json +1 -1
  16. package/dist/core/Alert-DsGvyg1M.cjs +0 -1
  17. package/dist/next/Alert-DbbmcDuR.js +0 -139
package/dist/core/{Alert-BWdXVIIm.js → Alert-CL1IoCZc.js} RENAMED
@@ -1,112 +1,121 @@
1
- import { jsxs as h, jsx as r } from "react/jsx-runtime";
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 w } from "./capitalize-D_pj4b3P.js";
6
- import { g as F, e as T, b as k, a as p } from "./styleConfig-BoNVl5_r.js";
7
- import './Alert.css';function z({
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: i,
10
- icon: d,
11
- actions: u,
12
- theme: m = F(),
13
- state: s,
14
- variant: _ = "solid",
15
- glass: c = T(),
16
- rounding: o = k(),
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: n = p(),
19
- dismissible: N = !1,
20
- onDismiss: y,
21
- role: b = s === "error" ? "alert" : "status",
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: D,
26
- messageClassName: S,
27
- actionsClassName: x,
28
- dismissButtonClassName: C,
29
- dismissLabel: L = "Dismiss alert",
30
- testId: A,
31
- "data-testid": B,
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 = A ?? B ?? "alert", I = q(
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
- c && e.glass,
42
- n && e[`shadow${w(n)}`],
43
- o && e[`round${w(o)}`],
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__ */ h("div", { className: I, role: b, "data-testid": a, children: [
59
- d ? /* @__PURE__ */ r(
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: d
71
+ children: s
66
72
  }
67
73
  ) : null,
68
- /* @__PURE__ */ h("div", { className: t(e.content, v), children: [
69
- i ? /* @__PURE__ */ r(
74
+ /* @__PURE__ */ w("div", { className: t(e.content, v), children: [
75
+ m ? /* @__PURE__ */ r(
70
76
  "div",
71
77
  {
72
- className: t(e.title, D),
78
+ className: t(e.title, A),
73
79
  "data-testid": `${a}-title`,
74
- children: i
80
+ children: m
75
81
  }
76
82
  ) : null,
77
83
  l ? /* @__PURE__ */ r(
78
84
  "div",
79
85
  {
80
- className: t(e.message, S),
86
+ className: t(e.message, D),
81
87
  "data-testid": `${a}-message`,
82
88
  children: l
83
89
  }
84
90
  ) : null
85
91
  ] }),
86
- u ? /* @__PURE__ */ r("div", { className: t(e.actions, x), children: u }) : null,
87
- N ? /* @__PURE__ */ r(
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
- C
99
+ S
94
100
  ),
95
- "aria-label": L,
96
- onClick: y,
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 G = {
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 P(l) {
137
- return /* @__PURE__ */ r(z, { ...l, classMap: j(G) });
145
+ function Q(l) {
146
+ return /* @__PURE__ */ r(G, { ...l, classMap: j(R) });
138
147
  }
139
148
  export {
140
- P as A
149
+ Q as A
141
150
  };
package/dist/core/Alert-CNmWbffq.cjs ADDED
@@ -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-DsGvyg1M.cjs");exports.default=e.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,4 +1,4 @@
1
- import { A as f } from "./Alert-BWdXVIIm.js";
1
+ import { A as f } from "./Alert-CL1IoCZc.js";
2
2
  export {
3
3
  f as default
4
4
  };