@stihl-design-system/components 1.0.0-RC.27 → 1.0.0-RC.28

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 (80) hide show
  1. package/{accordion.CBaDU14g.js → accordion.B9X4Vlig.js} +1 -1
  2. package/{actionbutton.DEJsLxnQ.js → actionbutton.7x4F7a0U.js} +1 -1
  3. package/{actionlink.Cs6BTCA3.js → actionlink.CV0n19ik.js} +1 -1
  4. package/assets/Accordion.BHWEZCmu.css +1 -0
  5. package/assets/CustomReactSelect.Dq5Hoqv2.css +1 -0
  6. package/assets/{Fieldset.Cy5r0K7n.css → Fieldset.CW9dBvAo.css} +1 -1
  7. package/assets/InputFile.BVgHILAZ.css +1 -0
  8. package/assets/InputPassword.CBpkWGy7.css +1 -0
  9. package/assets/InputSearch.CnPJYH8L.css +1 -0
  10. package/assets/InputStepper.U2h9Kd0t.css +1 -0
  11. package/assets/Select.U7xsC0o1.css +1 -0
  12. package/assets/Slider.DzwSjDPV.css +1 -0
  13. package/assets/Textarea.C4IEEOFR.css +1 -0
  14. package/assets/input.CuIHvnD5.css +1 -0
  15. package/assets/radio.ipbv7OMF.css +1 -0
  16. package/{checkboxgroup.YK8H0YoX.js → checkboxgroup.Bylq97Q9.js} +2 -2
  17. package/chunks/Accordion.BvHroAyn.js +154 -0
  18. package/chunks/ActionButton.BlhiiU3l.js +165 -0
  19. package/chunks/ActionLink.BvFL6rgb.js +138 -0
  20. package/chunks/{CheckboxGroup.DHzpgOWp.js → CheckboxGroup.D4MQD0i0.js} +1 -1
  21. package/chunks/{CustomReactSelect.BPnzhvw1.js → CustomReactSelect.D9B928kB.js} +408 -409
  22. package/chunks/Fieldset.BgZMYAH-.js +74 -0
  23. package/chunks/Header.BSvyYrIV.js +368 -0
  24. package/chunks/InputFile.rC7NJYrU.js +218 -0
  25. package/chunks/InputPassword.5-r36K86.js +132 -0
  26. package/chunks/InputSearch.D4Q99_nR.js +170 -0
  27. package/chunks/InputStepper.EsPAGCFJ.js +259 -0
  28. package/chunks/{RadioGroup.c7YYJdUe.js → RadioGroup.CRP8_vsg.js} +2 -2
  29. package/chunks/Select.lveq1iBY.js +158 -0
  30. package/chunks/Slider.D9MHH4cZ.js +292 -0
  31. package/chunks/Textarea.BRfh8ykm.js +161 -0
  32. package/combobox.pMk_oggm.js +60 -0
  33. package/components/Combobox/Combobox.d.ts +4 -0
  34. package/components/Combobox/CustomReactSelect/CustomReactSelect.d.ts +1 -1
  35. package/{customreactselect.Bu1i8wkh.js → customreactselect.-DGMZMFu.js} +2 -3
  36. package/{fieldset.DM9ELUJa.js → fieldset.BR9fZReW.js} +1 -1
  37. package/{header.WhQHSuB1.js → header.Z4Oxj_xL.js} +1 -1
  38. package/index.es.js +17 -17
  39. package/input.DAneVu7p.js +199 -0
  40. package/{inputfile.Cmkxf4Vq.js → inputfile.CB-QTIDn.js} +2 -3
  41. package/{inputpassword.CaJBCMA0.js → inputpassword.B_A0JDkz.js} +2 -3
  42. package/{inputsearch.B06DhYzo.js → inputsearch.DUgTkPWm.js} +2 -3
  43. package/{inputstepper.DNY7nzP8.js → inputstepper.DKmlBa0Y.js} +2 -3
  44. package/package.json +1 -1
  45. package/partials/index.js +24 -24
  46. package/{radio.Be4pFOLf.js → radio.z-Mi3J6t.js} +20 -20
  47. package/{radiogroup.BRjwP01C.js → radiogroup.Bk36A24U.js} +3 -3
  48. package/{select.3zE96eWc.js → select.4wUa3vMT.js} +2 -3
  49. package/{slider.CTCf7Xdm.js → slider.BicJfJzc.js} +2 -2
  50. package/styles/scss/ds/index.scss +1 -0
  51. package/styles/scss/ds/lib/ds-internal/_index.scss +1 -0
  52. package/styles/scss/ds/lib/ds-internal/_input.scss +187 -0
  53. package/styles/scss/ds/lib/input.scss +26 -0
  54. package/{textarea.B_3fPtmd.js → textarea.BynOgkpo.js} +2 -3
  55. package/{topbar.2b8fjmA4.js → topbar.Bccms0xZ.js} +1 -1
  56. package/assets/Accordion.DOcfZwq8.css +0 -1
  57. package/assets/CustomReactSelect.B9f_KYFg.css +0 -1
  58. package/assets/InputFile.Dqjz53mb.css +0 -1
  59. package/assets/InputPassword.BuVQ9dRy.css +0 -1
  60. package/assets/InputSearch.Dwtb3Mhw.css +0 -1
  61. package/assets/InputStepper.CBt99L83.css +0 -1
  62. package/assets/Select.CghDnBUQ.css +0 -1
  63. package/assets/Slider.C8i4U4iT.css +0 -1
  64. package/assets/Textarea.BgtH-TTe.css +0 -1
  65. package/assets/input.DFwunFjw.css +0 -1
  66. package/assets/radio.BCB51D_y.css +0 -1
  67. package/chunks/Accordion.eVOD7J_8.js +0 -154
  68. package/chunks/ActionButton.Ck1rGqgm.js +0 -165
  69. package/chunks/ActionLink.DnUNjoAT.js +0 -138
  70. package/chunks/Fieldset.BX46NuLh.js +0 -74
  71. package/chunks/Header.Djs1adPW.js +0 -361
  72. package/chunks/InputFile.vkkg5Pab.js +0 -220
  73. package/chunks/InputPassword.D42uUEGy.js +0 -136
  74. package/chunks/InputSearch.aIbUXVQU.js +0 -174
  75. package/chunks/InputStepper.DFEdUWm7.js +0 -263
  76. package/chunks/Select.B_EHpk22.js +0 -162
  77. package/chunks/Slider.DMSwmGwD.js +0 -292
  78. package/chunks/Textarea.Ce26v6ht.js +0 -163
  79. package/combobox.AaK6QjRl.js +0 -58
  80. package/input.DhxUW3zc.js +0 -203
@@ -1 +0,0 @@
1
- .ds-radio_root_r0jf6_1{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414;color:#252525;display:grid;grid-template-areas:"dot label";grid-template-columns:auto 1fr;justify-content:flex-start;gap:8px;padding:0;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;height:fit-content;max-width:fit-content}.ds-radio_root--disabled_r0jf6_24{cursor:not-allowed}.ds-radio_root--with-custom-area_r0jf6_27{max-width:none}.ds-radio_root--with-custom-area--above_r0jf6_30{grid-template-areas:"custom-area custom-area" "dot label";grid-template-columns:auto 1fr;grid-template-rows:auto}.ds-radio_radio_r0jf6_36{grid-area:dot;width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem;border-radius:50%;border:1px solid #252525;position:relative}.ds-radio_radio_r0jf6_36{transition:background-color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-radio_radio_r0jf6_36{transition-duration:0ms}}.ds-radio_radio_r0jf6_36 .ds-radio_dot_r0jf6_54{opacity:0;height:.75rem;width:.75rem;border-radius:50%;background-color:#e9640c;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.ds-radio_radio_r0jf6_36 .ds-radio_dot_r0jf6_54{transition:opacity var(--ds-animation-duration, .1s) linear,background-color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-radio_radio_r0jf6_36 .ds-radio_dot_r0jf6_54{transition-duration:0ms}}@media screen and (forced-colors: active){.ds-radio_radio_r0jf6_36 .ds-radio_dot_r0jf6_54{background-color:Highlight}}.ds-radio_radio--invalid_r0jf6_78{border-color:#d43b3b;box-shadow:0 0 0 1px #d43b3b}.ds-radio_label_r0jf6_83{grid-area:label;font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414;width:100%;max-width:34em;display:grid;grid-template-areas:"label custom-area" "hint hint";grid-template-columns:auto minmax(auto,1fr)}.ds-radio_label--bold_r0jf6_100{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.426}.ds-radio_label--hidden_r0jf6_111{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}.ds-radio_label--with-custom-area_r0jf6_123{column-gap:8px}.ds-radio_custom-area_r0jf6_127{grid-area:custom-area;margin-inline-start:4px;min-width:max-content;min-height:1.25rem;max-height:2rem;overflow-y:hidden}.ds-radio_custom-area--above_r0jf6_135{overflow-y:visible;max-height:unset;margin-inline-start:0px}.ds-radio_hint_r0jf6_141{grid-area:hint;font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414;display:block;max-width:25rem;grid-column:span 2;opacity:1}.ds-radio_hint_r0jf6_141{transition:height var(--ds-animation-duration, .25s) cubic-bezier(.5,0,.5,1),margin-block var(--ds-animation-duration, .25s) cubic-bezier(.5,0,.5,1),opacity var(--ds-animation-duration, .25s) cubic-bezier(.5,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-radio_hint_r0jf6_141{transition-duration:0ms}}.ds-radio_hint--visible_r0jf6_165{margin-block-start:4px;margin-block-end:4px}.ds-radio_hint--unchecked-hidden_r0jf6_169{height:0;opacity:0}.ds-radio_hint--hidden_r0jf6_173,.ds-radio_input_r0jf6_186{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}.ds-radio_input_r0jf6_186:checked+.ds-radio_radio_r0jf6_36 .ds-radio_dot_r0jf6_54{opacity:1}.ds-radio_input_r0jf6_186:disabled+.ds-radio_radio_r0jf6_36{border-color:#00000080}.ds-radio_input_r0jf6_186:disabled+.ds-radio_radio_r0jf6_36 .ds-radio_dot_r0jf6_54{background-color:#00000080}@media screen and (forced-colors: active){.ds-radio_input_r0jf6_186:disabled+.ds-radio_radio_r0jf6_36 .ds-radio_dot_r0jf6_54{background-color:GrayText}}@media screen and (forced-colors: active){.ds-radio_input_r0jf6_186:disabled+.ds-radio_radio_r0jf6_36{border-color:GrayText}}.ds-radio_input_r0jf6_186:disabled~.ds-radio_label_r0jf6_83{color:#00000080}@media screen and (forced-colors: active){.ds-radio_input_r0jf6_186:disabled~.ds-radio_label_r0jf6_83{color:GrayText}}.ds-radio_input_r0jf6_186:focus{outline:none}.ds-radio_input_r0jf6_186:focus+.ds-radio_radio_r0jf6_36{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){.ds-radio_input_r0jf6_186:focus+.ds-radio_radio_r0jf6_36{forced-color-adjust:auto;outline-color:Highlight}}@media screen and (forced-colors: active){.ds-radio_input_r0jf6_186:focus+.ds-radio_radio_r0jf6_36{border-color:Highlight}}@supports selector(:focus-visible){.ds-radio_input_r0jf6_186:focus{outline:none}.ds-radio_input_r0jf6_186:focus+.ds-radio_radio_r0jf6_36{outline:revert;outline-offset:revert}.ds-radio_input_r0jf6_186:focus-visible{outline:none}.ds-radio_input_r0jf6_186:focus-visible+.ds-radio_radio_r0jf6_36{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){.ds-radio_input_r0jf6_186:focus-visible+.ds-radio_radio_r0jf6_36{forced-color-adjust:auto;outline-color:Highlight}}@media screen and (forced-colors: active){.ds-radio_input_r0jf6_186:focus-visible+.ds-radio_radio_r0jf6_36{border-color:Highlight}}}@media (hover: hover){.ds-radio_input_r0jf6_186:hover:not(:disabled)+.ds-radio_radio_r0jf6_36{background-color:#0000001a}.ds-radio_input_r0jf6_186:hover:not(:disabled)+.ds-radio_radio_r0jf6_36 .ds-radio_dot_r0jf6_54{background-color:#d9480f}}@media screen and (hover: hover) and (forced-colors: active){.ds-radio_input_r0jf6_186:hover:not(:disabled)+.ds-radio_radio_r0jf6_36 .ds-radio_dot_r0jf6_54{background-color:Highlight}}@media screen and (hover: hover) and (forced-colors: active){.ds-radio_input_r0jf6_186:hover:not(:disabled)+.ds-radio_radio_r0jf6_36{border-color:Highlight}}
@@ -1,154 +0,0 @@
1
- "use client";
2
- import { jsxs as U, jsx as i } from "react/jsx-runtime";
3
- import { d as ce } from "./index.CgTHIF3K.js";
4
- import { c as O } from "./index.CEyLAtio.js";
5
- import { forwardRef as ie, useRef as me, useState as pe, useImperativeHandle as de, useEffect as oe } from "react";
6
- import { DSHeading as ue } from "../heading.BXFBZhKv.js";
7
- import { D as he } from "./Icon.C0161Glk.js";
8
- import { NumberIndicator as fe } from "../numberindicator.Ddf3ESi7.js";
9
- import { g as ee } from "./helpers.BbWkXTr3.js";
10
- import '../assets/Accordion.DOcfZwq8.css';const _e = "ds-accordion_details_pa5bl_1", ye = "ds-accordion_summary_pa5bl_115", Se = "ds-accordion_summary--utility--m_pa5bl_154", be = "ds-accordion_summary--flush_pa5bl_183", ge = "ds-accordion_summary--small_pa5bl_251", ve = "ds-accordion_summary-content-wrapper_pa5bl_256", Ce = "ds-accordion_summary-content-wrapper--flush_pa5bl_262", We = "ds-accordion_summary-content-wrapper--chevron-left_pa5bl_266", Ne = "ds-accordion_heading-summary-wrapper_pa5bl_271", we = "ds-accordion_heading-summary_pa5bl_271", De = "ds-accordion_hint_pa5bl_281", Oe = "ds-accordion_icon_pa5bl_295", Ee = "ds-accordion_icon--open_pa5bl_306", Fe = "ds-accordion_content-wrapper_pa5bl_318", Ie = "ds-accordion_content-wrapper--flush_pa5bl_324", Ae = "ds-accordion_content-wrapper--small_pa5bl_328", t = {
11
- details: _e,
12
- summary: ye,
13
- summaryUtilityM: Se,
14
- summaryFlush: be,
15
- summarySmall: ge,
16
- summaryContentWrapper: ve,
17
- summaryContentWrapperFlush: Ce,
18
- summaryContentWrapperChevronLeft: We,
19
- headingSummaryWrapper: Ne,
20
- headingSummary: we,
21
- hint: De,
22
- icon: Oe,
23
- iconOpen: Ee,
24
- contentWrapper: Fe,
25
- contentWrapperFlush: Ie,
26
- contentWrapperSmall: Ae
27
- }, Ue = ["medium", "small"], qe = ["left", "right"], Te = ({
28
- children: v,
29
- hint: q,
30
- numberIndicatorValue: e,
31
- summary: s
32
- }) => {
33
- if (!v)
34
- throw new Error(ee("DSAccordion", "The component requires children to be set."));
35
- if (!s)
36
- throw new Error(ee("DSAccordion", "The summary prop is required. Please add the summary prop to the DSAccordion component."));
37
- if (q && e)
38
- throw new Error(ee("DSAccordion", "The hint and numberIndicator props cannot be used together. Please remove either the hint prop or the numberIndicatorValue prop."));
39
- }, Pe = ie((v, q) => {
40
- const e = ce.c(65);
41
- let s, m, a, o, p, r, C, W, N, w;
42
- e[0] !== v ? ({
43
- children: s,
44
- summary: r,
45
- chevronPosition: C,
46
- className: m,
47
- hint: a,
48
- isFlush: W,
49
- isOpen: N,
50
- numberIndicatorValue: o,
51
- size: w,
52
- ...p
53
- } = v, e[0] = v, e[1] = s, e[2] = m, e[3] = a, e[4] = o, e[5] = p, e[6] = r, e[7] = C, e[8] = W, e[9] = N, e[10] = w) : (s = e[1], m = e[2], a = e[3], o = e[4], p = e[5], r = e[6], C = e[7], W = e[8], N = e[9], w = e[10]);
54
- const le = C === void 0 ? "right" : C, n = W === void 0 ? !1 : W, c = N === void 0 ? !1 : N, te = w === void 0 ? "medium" : w;
55
- process.env.NODE_ENV !== "production" && Te({
56
- children: s,
57
- hint: a,
58
- numberIndicatorValue: o,
59
- summary: r
60
- });
61
- const l = me(null), [Z, re] = pe(c);
62
- let E;
63
- e[11] === Symbol.for("react.memo_cache_sentinel") ? (E = () => l.current, e[11] = E) : E = e[11], de(q, E);
64
- let F;
65
- e[12] === Symbol.for("react.memo_cache_sentinel") ? (F = () => {
66
- l.current && re(l.current.open);
67
- }, e[12] = F) : F = e[12];
68
- let I;
69
- e[13] !== c ? (I = [c], e[13] = c, e[14] = I) : I = e[14], oe(F, I);
70
- let A, T;
71
- e[15] === Symbol.for("react.memo_cache_sentinel") ? (A = () => {
72
- var ne;
73
- const se = () => {
74
- l.current && re(l.current.open);
75
- };
76
- return (ne = l.current) == null || ne.addEventListener("toggle", se), () => {
77
- var ae;
78
- (ae = l.current) == null || ae.removeEventListener("toggle", se);
79
- };
80
- }, T = [], e[15] = A, e[16] = T) : (A = e[15], T = e[16]), oe(A, T);
81
- let P, x, L;
82
- const D = typeof r == "object" && r !== void 0;
83
- D && ({
84
- headingSize: P,
85
- headingTag: x,
86
- headingText: L
87
- } = r);
88
- let R;
89
- e[17] !== m ? (R = O(t.details, m), e[17] = m, e[18] = R) : R = e[18];
90
- const $ = R, k = te === "small", B = !D;
91
- let j;
92
- e[19] !== n || e[20] !== k || e[21] !== B ? (j = O(t.summary, {
93
- [t.summaryFlush]: n,
94
- [t.summarySmall]: k,
95
- [t.summaryUtilityM]: B
96
- }), e[19] = n, e[20] = k, e[21] = B, e[22] = j) : j = e[22];
97
- const G = j, J = le === "left";
98
- let z;
99
- e[23] !== n || e[24] !== J ? (z = O(t.summaryContentWrapper, {
100
- [t.summaryContentWrapperFlush]: n,
101
- [t.summaryContentWrapperChevronLeft]: J
102
- }), e[23] = n, e[24] = J, e[25] = z) : z = e[25];
103
- const K = z;
104
- let M;
105
- e[26] !== Z ? (M = O(t.icon, {
106
- [t.iconOpen]: Z
107
- }), e[26] = Z, e[27] = M) : M = e[27];
108
- const Q = M, X = te === "small";
109
- let V;
110
- e[28] !== n || e[29] !== X ? (V = O(t.contentWrapper, {
111
- [t.contentWrapperFlush]: n,
112
- [t.contentWrapperSmall]: X
113
- }), e[28] = n, e[29] = X, e[30] = V) : V = e[30];
114
- const Y = V;
115
- let d;
116
- e[31] !== P || e[32] !== x || e[33] !== L || e[34] !== D || e[35] !== r ? (d = D ? /* @__PURE__ */ i(ue, { tag: x, size: P, children: L }) : r, e[31] = P, e[32] = x, e[33] = L, e[34] = D, e[35] = r, e[36] = d) : d = e[36];
117
- let u;
118
- e[37] !== o ? (u = o && /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(fe, { label: o }) }), e[37] = o, e[38] = u) : u = e[38];
119
- let h;
120
- e[39] !== d || e[40] !== u ? (h = /* @__PURE__ */ U("div", { className: t.headingSummary, children: [
121
- d,
122
- u
123
- ] }), e[39] = d, e[40] = u, e[41] = h) : h = e[41];
124
- let f;
125
- e[42] !== a ? (f = a && /* @__PURE__ */ i("div", { className: t.hint, children: a }), e[42] = a, e[43] = f) : f = e[43];
126
- let _;
127
- e[44] !== h || e[45] !== f ? (_ = /* @__PURE__ */ U("div", { className: t.headingSummaryWrapper, children: [
128
- h,
129
- f
130
- ] }), e[44] = h, e[45] = f, e[46] = _) : _ = e[46];
131
- let y;
132
- e[47] !== Q ? (y = /* @__PURE__ */ i(he, { name: "chevron-down", "aria-hidden": "true", className: Q }), e[47] = Q, e[48] = y) : y = e[48];
133
- let S;
134
- e[49] !== K || e[50] !== _ || e[51] !== y ? (S = /* @__PURE__ */ U("div", { className: K, children: [
135
- _,
136
- y
137
- ] }), e[49] = K, e[50] = _, e[51] = y, e[52] = S) : S = e[52];
138
- let b;
139
- e[53] !== G || e[54] !== S ? (b = /* @__PURE__ */ i("summary", { className: G, children: S }), e[53] = G, e[54] = S, e[55] = b) : b = e[55];
140
- let g;
141
- e[56] !== s || e[57] !== Y ? (g = /* @__PURE__ */ i("div", { className: Y, children: s }), e[56] = s, e[57] = Y, e[58] = g) : g = e[58];
142
- let H;
143
- return e[59] !== $ || e[60] !== c || e[61] !== p || e[62] !== b || e[63] !== g ? (H = /* @__PURE__ */ U("details", { ...p, ref: l, className: $, open: c, children: [
144
- b,
145
- g
146
- ] }), e[59] = $, e[60] = c, e[61] = p, e[62] = b, e[63] = g, e[64] = H) : H = e[64], H;
147
- });
148
- Pe.displayName = "DSAccordion";
149
- export {
150
- Ue as A,
151
- qe as C,
152
- Pe as D,
153
- Te as v
154
- };
@@ -1,165 +0,0 @@
1
- "use client";
2
- import { jsxs as dt, jsx as d, Fragment as mt } from "react/jsx-runtime";
3
- import { d as It } from "./index.CgTHIF3K.js";
4
- import { c as T } from "./index.CEyLAtio.js";
5
- import { forwardRef as Nt } from "react";
6
- import { D as bt } from "./Icon.C0161Glk.js";
7
- import { NumberIndicator as ft } from "../numberindicator.Ddf3ESi7.js";
8
- import { g } from "./helpers.BbWkXTr3.js";
9
- import '../assets/ActionButton.Ewi0i1hW.css';const Wt = "ds-action-button_root_16ush_1", wt = "ds-action-button_root--indent-level-1_16ush_72", Tt = "ds-action-button_root--active_16ush_75", gt = "ds-action-button_root--active--with-marker_16ush_78", At = "ds-action-button_root--icon--top_16ush_81", St = "ds-action-button_root--stretched_16ush_106", Pt = "ds-action-button_active-marker_16ush_111", Ct = "ds-action-button_active-marker--with-indent_16ush_123", Ot = "ds-action-button_icon-wrapper_16ush_127", Bt = "ds-action-button_icon-wrapper--x-large_16ush_130", Dt = "ds-action-button_icon-wrapper--with-number-indicator_16ush_133", kt = "ds-action-button_icon-wrapper--with-number-indicator--with-value_16ush_141", Lt = "ds-action-button_label_16ush_145", xt = "ds-action-button_label--bold_16ush_156", Et = "ds-action-button_label--active_16ush_167", Mt = "ds-action-button_label--icon-top_16ush_178", Ut = "ds-action-button_number-indicator_16ush_201", Vt = "ds-action-button_label-wrapper_16ush_205", zt = "ds-action-button_label-wrapper--icon-top_16ush_210", Rt = "ds-action-button_chevron_16ush_214", yt = "ds-action-button_chevron--icon-position-top_16ush_229", Xt = "ds-action-button_chevron--up_16ush_235", jt = "ds-action-button_chevron--right_16ush_246", Ht = "ds-action-button_chevron--left_16ush_257", o = {
10
- root: Wt,
11
- rootIndentLevel1: wt,
12
- rootActive: Tt,
13
- rootActiveWithMarker: gt,
14
- rootIconTop: At,
15
- rootStretched: St,
16
- activeMarker: Pt,
17
- activeMarkerWithIndent: Ct,
18
- iconWrapper: Ot,
19
- iconWrapperXLarge: Bt,
20
- iconWrapperWithNumberIndicator: Dt,
21
- iconWrapperWithNumberIndicatorWithValue: kt,
22
- label: Lt,
23
- labelBold: xt,
24
- labelActive: Et,
25
- labelIconTop: Mt,
26
- numberIndicator: Ut,
27
- labelWrapper: Vt,
28
- labelWrapperIconTop: zt,
29
- chevron: Rt,
30
- chevronIconPositionTop: yt,
31
- chevronUp: Xt,
32
- chevronRight: jt,
33
- chevronLeft: Ht
34
- }, to = ["left", "top"], oo = ["large", "x-large"], eo = [0, 1], no = ["normal", "bold"], io = ["up", "down", "right", "left"], Ft = ({
35
- iconName: u,
36
- iconSize: _,
37
- iconSource: t,
38
- iconPosition: a,
39
- indentLevel: r,
40
- stretched: l,
41
- weight: p
42
- }) => {
43
- if (u && !t && _ === "x-large" && console.warn(g("DSActionButton", 'An "iconSize" prop set to "x-large" has no effect when "iconName" is set. Please remove the "iconSize" prop or provide a custom icon via the "iconSource" prop.')), a === "top") {
44
- if (!u && !t)
45
- throw new Error(g("DSActionButton", 'The "iconPosition" prop should not be set to "top", when no "iconName" or "iconSource" prop was provided. Please either remove the "iconPosition" prop or set a valid icon via the "iconName" or "iconSource" prop.'));
46
- _ === "x-large" && console.warn(g("DSActionButton", 'An "iconSize" prop set to "x-large" has no effect when "iconPosition" is set to "top". Please remove the "iconSize" prop.')), p === "bold" && console.warn(g("DSActionButton", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), r === 1 && console.warn(g("DSActionButton", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), l && console.warn(g("DSActionButton", 'A "stretched" prop set to "true" with "iconPosition" set to "top" has no effect. Please remove the "stretched" prop.'));
47
- }
48
- }, Gt = Nt((u, _) => {
49
- const t = It.c(81);
50
- let a, r, l, p, c, s, n, h, v, A, S, P, C, O, B, D;
51
- t[0] !== u ? ({
52
- children: l,
53
- aria: a,
54
- chevronDirection: r,
55
- className: p,
56
- disabled: A,
57
- iconName: c,
58
- iconPosition: S,
59
- iconSize: P,
60
- iconSource: s,
61
- indentLevel: C,
62
- isActive: O,
63
- numberIndicatorValue: n,
64
- stretched: B,
65
- weight: D,
66
- onClick: h,
67
- ...v
68
- } = u, t[0] = u, t[1] = a, t[2] = r, t[3] = l, t[4] = p, t[5] = c, t[6] = s, t[7] = n, t[8] = h, t[9] = v, t[10] = A, t[11] = S, t[12] = P, t[13] = C, t[14] = O, t[15] = B, t[16] = D) : (a = t[1], r = t[2], l = t[3], p = t[4], c = t[5], s = t[6], n = t[7], h = t[8], v = t[9], A = t[10], S = t[11], P = t[12], C = t[13], O = t[14], B = t[15], D = t[16]);
69
- const i = A === void 0 ? !1 : A, e = S === void 0 ? "left" : S, k = P === void 0 ? "large" : P, y = C === void 0 ? 0 : C, b = O === void 0 ? !1 : O, ut = B === void 0 ? !1 : B, _t = D === void 0 ? "normal" : D;
70
- process.env.NODE_ENV !== "production" && Ft({
71
- iconName: c,
72
- iconSize: k,
73
- iconSource: s,
74
- iconPosition: e,
75
- indentLevel: y,
76
- stretched: ut,
77
- weight: _t
78
- });
79
- const X = e === "top", j = y === 1, H = b && !i, F = b && !i && e === "left", G = ut === !0 && e === "left";
80
- let L;
81
- t[17] !== p || t[18] !== H || t[19] !== F || t[20] !== G || t[21] !== X || t[22] !== j ? (L = T(o.root, p, {
82
- [o.rootIconTop]: X,
83
- [o.rootIndentLevel1]: j,
84
- [o.rootActive]: H,
85
- [o.rootActiveWithMarker]: F,
86
- [o.rootStretched]: G
87
- }), t[17] = p, t[18] = H, t[19] = F, t[20] = G, t[21] = X, t[22] = j, t[23] = L) : L = t[23];
88
- const Z = L, $ = y === 1;
89
- let x;
90
- t[24] !== $ ? (x = T(o.activeMarker, {
91
- [o.activeMarkerWithIndent]: $
92
- }), t[24] = $, t[25] = x) : x = t[25];
93
- const q = x, J = b && !i, K = _t === "bold", Q = e === "top";
94
- let E;
95
- t[26] !== J || t[27] !== K || t[28] !== Q ? (E = T(o.label, {
96
- [o.labelActive]: J,
97
- [o.labelBold]: K,
98
- [o.labelIconTop]: Q
99
- }), t[26] = J, t[27] = K, t[28] = Q, t[29] = E) : E = t[29];
100
- const Y = E, tt = e === "top";
101
- let M;
102
- t[30] !== tt ? (M = T(o.labelWrapper, {
103
- [o.labelWrapperIconTop]: tt
104
- }), t[30] = tt, t[31] = M) : M = t[31];
105
- const ot = M, et = e === "top", nt = r === "up", it = r === "right", rt = r === "left";
106
- let U;
107
- t[32] !== et || t[33] !== nt || t[34] !== it || t[35] !== rt ? (U = T(o.chevron, {
108
- [o.chevronIconPositionTop]: et,
109
- [o.chevronUp]: nt,
110
- [o.chevronRight]: it,
111
- [o.chevronLeft]: rt
112
- }), t[32] = et, t[33] = nt, t[34] = it, t[35] = rt, t[36] = U) : U = t[36];
113
- const ct = U, st = k === "x-large", at = (c || s) && (n || n === ""), lt = (c || s) && n;
114
- let V;
115
- t[37] !== st || t[38] !== at || t[39] !== lt ? (V = T(o.iconWrapper, {
116
- [o.iconWrapperXLarge]: st,
117
- [o.iconWrapperWithNumberIndicator]: at,
118
- [o.iconWrapperWithNumberIndicatorWithValue]: lt
119
- }), t[37] = st, t[38] = at, t[39] = lt, t[40] = V) : V = t[40];
120
- const pt = V;
121
- let z;
122
- t[41] !== i || t[42] !== h ? (z = (vt) => {
123
- if (i) {
124
- vt.preventDefault();
125
- return;
126
- }
127
- h && h(vt);
128
- }, t[41] = i, t[42] = h, t[43] = z) : z = t[43];
129
- const ht = z;
130
- let f;
131
- t[44] !== q || t[45] !== e || t[46] !== b ? (f = b && e === "left" && /* @__PURE__ */ d("div", { className: q }), t[44] = q, t[45] = e, t[46] = b, t[47] = f) : f = t[47];
132
- let m;
133
- t[48] !== i || t[49] !== c || t[50] !== e || t[51] !== k || t[52] !== s || t[53] !== pt || t[54] !== n ? (m = (c || s) && /* @__PURE__ */ d(mt, { children: /* @__PURE__ */ dt("span", { className: pt, children: [
134
- /* @__PURE__ */ d(bt, { name: c, theme: "light", source: s, "aria-hidden": "true", size: c || e === "top" ? "large" : k }),
135
- !i && (e === "left" && n === "" || e === "top" && (n || n === "")) && /* @__PURE__ */ d(ft, { variant: "highlight", label: n })
136
- ] }) }), t[48] = i, t[49] = c, t[50] = e, t[51] = k, t[52] = s, t[53] = pt, t[54] = n, t[55] = m) : m = t[55];
137
- let I;
138
- t[56] !== l || t[57] !== Y ? (I = /* @__PURE__ */ d("span", { className: Y, children: l }), t[56] = l, t[57] = Y, t[58] = I) : I = t[58];
139
- let N;
140
- t[59] !== ct || t[60] !== r ? (N = r && /* @__PURE__ */ d(bt, { name: "chevron-down", theme: "light", "aria-hidden": "true", className: ct }), t[59] = ct, t[60] = r, t[61] = N) : N = t[61];
141
- let W;
142
- t[62] !== ot || t[63] !== I || t[64] !== N ? (W = /* @__PURE__ */ dt("div", { className: ot, children: [
143
- I,
144
- N
145
- ] }), t[62] = ot, t[63] = I, t[64] = N, t[65] = W) : W = t[65];
146
- let w;
147
- t[66] !== i || t[67] !== e || t[68] !== n ? (w = e === "left" && !i && n && /* @__PURE__ */ d(ft, { variant: "default", label: n, className: o.numberIndicator }), t[66] = i, t[67] = e, t[68] = n, t[69] = w) : w = t[69];
148
- let R;
149
- return t[70] !== a || t[71] !== i || t[72] !== ht || t[73] !== _ || t[74] !== v || t[75] !== Z || t[76] !== f || t[77] !== m || t[78] !== W || t[79] !== w ? (R = /* @__PURE__ */ dt("button", { className: Z, type: "button", onClick: ht, ...a, ...v, "aria-disabled": i, ref: _, children: [
150
- f,
151
- m,
152
- W,
153
- w
154
- ] }), t[70] = a, t[71] = i, t[72] = ht, t[73] = _, t[74] = v, t[75] = Z, t[76] = f, t[77] = m, t[78] = W, t[79] = w, t[80] = R) : R = t[80], R;
155
- });
156
- Gt.displayName = "DSActionButton";
157
- export {
158
- to as A,
159
- Gt as D,
160
- oo as a,
161
- eo as b,
162
- no as c,
163
- io as d,
164
- Ft as v
165
- };
@@ -1,138 +0,0 @@
1
- "use client";
2
- import { jsxs as nt, jsx as w, Fragment as ct } from "react/jsx-runtime";
3
- import { d as at } from "./index.CgTHIF3K.js";
4
- import { c as K } from "./index.CEyLAtio.js";
5
- import { D as st } from "./Icon.C0161Glk.js";
6
- import { forwardRef as lt } from "react";
7
- import { NumberIndicator as rt } from "../numberindicator.Ddf3ESi7.js";
8
- import { g as W } from "./helpers.BbWkXTr3.js";
9
- import '../assets/ActionLink.BdPEvuGm.css';const pt = "ds-action-link_root_14712_1", dt = "ds-action-link_root--indent-level-1_14712_72", ht = "ds-action-link_root--active_14712_75", _t = "ds-action-link_root--active--with-marker_14712_78", vt = "ds-action-link_root--icon--top_14712_81", mt = "ds-action-link_root--stretched_14712_106", ft = "ds-action-link_active-marker_14712_111", bt = "ds-action-link_active-marker--with-indent_14712_123", kt = "ds-action-link_icon-wrapper_14712_127", It = "ds-action-link_icon-wrapper--x-large_14712_130", Nt = "ds-action-link_icon-wrapper--with-number-indicator_14712_133", ut = "ds-action-link_icon-wrapper--with-number-indicator--with-value_14712_141", At = "ds-action-link_label_14712_145", wt = "ds-action-link_label--bold_14712_156", Wt = "ds-action-link_label--active_14712_167", gt = "ds-action-link_label--icon-top_14712_178", Lt = "ds-action-link_number-indicator_14712_201", o = {
10
- root: pt,
11
- rootIndentLevel1: dt,
12
- rootActive: ht,
13
- rootActiveWithMarker: _t,
14
- rootIconTop: vt,
15
- rootStretched: mt,
16
- activeMarker: ft,
17
- activeMarkerWithIndent: bt,
18
- iconWrapper: kt,
19
- iconWrapperXLarge: It,
20
- iconWrapperWithNumberIndicator: Nt,
21
- iconWrapperWithNumberIndicatorWithValue: ut,
22
- label: At,
23
- labelBold: wt,
24
- labelActive: Wt,
25
- labelIconTop: gt,
26
- numberIndicator: Lt
27
- }, zt = ["left", "top"], Vt = ["large", "x-large"], Kt = [0, 1], yt = ["normal", "bold"], St = ({
28
- iconName: h,
29
- iconSize: _,
30
- iconSource: t,
31
- iconPosition: c,
32
- indentLevel: a,
33
- stretched: s,
34
- weight: l
35
- }) => {
36
- if (h && !t && _ === "x-large" && console.warn(W("DSActionLink", 'An "iconSize" prop set to "x-large" has no effect when "iconName" is set. Please remove the "iconSize" prop or provide a custom icon via the "iconSource" prop.')), c === "top") {
37
- if (!h && !t)
38
- throw new Error(W("DSActionLink", 'The "iconPosition" prop should not be set to "top", when no "iconName" or "iconSource" prop was provided. Please either remove the "iconPosition" prop or set a valid icon via the "iconName" or "iconSource" prop.'));
39
- _ === "x-large" && console.warn(W("DSActionLink", 'An "iconSize" prop set to "x-large" has no effect when "iconPosition" is set to "top". Please remove the "iconSize" prop.')), l === "bold" && console.warn(W("DSActionLink", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), a === 1 && console.warn(W("DSActionLink", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), s && console.warn(W("DSActionLink", 'A "stretched" prop set to "true" with "iconPosition" set to "top" has no effect. Please remove the "stretched" prop.'));
40
- }
41
- }, Pt = lt((h, _) => {
42
- const t = at.c(71);
43
- let c, a, s, l, d, n, r, i, v, m, f, g, L, S, P, T, D, x;
44
- t[0] !== h ? ({
45
- children: a,
46
- aria: c,
47
- className: s,
48
- download: l,
49
- href: d,
50
- iconName: n,
51
- iconPosition: g,
52
- iconSize: L,
53
- iconSource: r,
54
- indentLevel: S,
55
- isActive: P,
56
- numberIndicatorValue: i,
57
- referrerPolicy: v,
58
- rel: m,
59
- stretched: T,
60
- target: D,
61
- weight: x,
62
- ...f
63
- } = h, t[0] = h, t[1] = c, t[2] = a, t[3] = s, t[4] = l, t[5] = d, t[6] = n, t[7] = r, t[8] = i, t[9] = v, t[10] = m, t[11] = f, t[12] = g, t[13] = L, t[14] = S, t[15] = P, t[16] = T, t[17] = D, t[18] = x) : (c = t[1], a = t[2], s = t[3], l = t[4], d = t[5], n = t[6], r = t[7], i = t[8], v = t[9], m = t[10], f = t[11], g = t[12], L = t[13], S = t[14], P = t[15], T = t[16], D = t[17], x = t[18]);
64
- const e = g === void 0 ? "left" : g, M = L === void 0 ? "large" : L, y = S === void 0 ? 0 : S, p = P === void 0 ? !1 : P, ot = T === void 0 ? !1 : T, B = D === void 0 ? "_self" : D, it = x === void 0 ? "normal" : x;
65
- process.env.NODE_ENV !== "production" && St({
66
- iconName: n,
67
- iconSize: M,
68
- iconSource: r,
69
- iconPosition: e,
70
- indentLevel: y,
71
- stretched: ot,
72
- weight: it
73
- });
74
- const X = e === "top", j = y === 1, F = p && e === "left", G = ot === !0 && e === "left";
75
- let C;
76
- t[19] !== s || t[20] !== p || t[21] !== F || t[22] !== G || t[23] !== X || t[24] !== j ? (C = K(o.root, s, {
77
- [o.rootIconTop]: X,
78
- [o.rootIndentLevel1]: j,
79
- [o.rootActive]: p,
80
- [o.rootActiveWithMarker]: F,
81
- [o.rootStretched]: G
82
- }), t[19] = s, t[20] = p, t[21] = F, t[22] = G, t[23] = X, t[24] = j, t[25] = C) : C = t[25];
83
- const H = C, R = y === 1;
84
- let E;
85
- t[26] !== R ? (E = K(o.activeMarker, {
86
- [o.activeMarkerWithIndent]: R
87
- }), t[26] = R, t[27] = E) : E = t[27];
88
- const Z = E, $ = p && e === "left", q = it === "bold", J = e === "top";
89
- let O;
90
- t[28] !== $ || t[29] !== q || t[30] !== J ? (O = K(o.label, {
91
- [o.labelActive]: $,
92
- [o.labelBold]: q,
93
- [o.labelIconTop]: J
94
- }), t[28] = $, t[29] = q, t[30] = J, t[31] = O) : O = t[31];
95
- const Q = O, U = M === "x-large", Y = (n || r) && (i || i === ""), tt = (n || r) && i;
96
- let z;
97
- t[32] !== U || t[33] !== Y || t[34] !== tt ? (z = K(o.iconWrapper, {
98
- [o.iconWrapperXLarge]: U,
99
- [o.iconWrapperWithNumberIndicator]: Y,
100
- [o.iconWrapperWithNumberIndicatorWithValue]: tt
101
- }), t[32] = U, t[33] = Y, t[34] = tt, t[35] = z) : z = t[35];
102
- const et = z, b = d === void 0 ? "span" : "a";
103
- let k;
104
- t[36] !== b || t[37] !== l || t[38] !== d || t[39] !== v || t[40] !== m || t[41] !== B ? (k = b === "a" && {
105
- href: d,
106
- target: B,
107
- rel: m,
108
- referrerPolicy: v,
109
- download: l
110
- }, t[36] = b, t[37] = l, t[38] = d, t[39] = v, t[40] = m, t[41] = B, t[42] = k) : k = t[42];
111
- let I;
112
- t[43] !== Z || t[44] !== e || t[45] !== p ? (I = p && e === "left" && /* @__PURE__ */ w("div", { className: Z }), t[43] = Z, t[44] = e, t[45] = p, t[46] = I) : I = t[46];
113
- let N;
114
- t[47] !== n || t[48] !== e || t[49] !== M || t[50] !== r || t[51] !== et || t[52] !== i ? (N = (n || r) && /* @__PURE__ */ w(ct, { children: /* @__PURE__ */ nt("span", { className: et, children: [
115
- /* @__PURE__ */ w(st, { name: n, theme: "light", source: r, "aria-hidden": "true", size: n || e === "top" ? "large" : M }),
116
- (e === "left" && i === "" || e === "top" && (i || i === "")) && /* @__PURE__ */ w(rt, { variant: "highlight", label: i })
117
- ] }) }), t[47] = n, t[48] = e, t[49] = M, t[50] = r, t[51] = et, t[52] = i, t[53] = N) : N = t[53];
118
- let u;
119
- t[54] !== a || t[55] !== Q ? (u = /* @__PURE__ */ w("span", { className: Q, children: a }), t[54] = a, t[55] = Q, t[56] = u) : u = t[56];
120
- let A;
121
- t[57] !== e || t[58] !== i ? (A = e === "left" && i && /* @__PURE__ */ w(rt, { variant: "default", label: i, className: o.numberIndicator }), t[57] = e, t[58] = i, t[59] = A) : A = t[59];
122
- let V;
123
- return t[60] !== b || t[61] !== c || t[62] !== _ || t[63] !== f || t[64] !== H || t[65] !== k || t[66] !== I || t[67] !== N || t[68] !== u || t[69] !== A ? (V = /* @__PURE__ */ nt(b, { className: H, ...k, ...c, ...f, ref: _, children: [
124
- I,
125
- N,
126
- u,
127
- A
128
- ] }), t[60] = b, t[61] = c, t[62] = _, t[63] = f, t[64] = H, t[65] = k, t[66] = I, t[67] = N, t[68] = u, t[69] = A, t[70] = V) : V = t[70], V;
129
- });
130
- Pt.displayName = "DSActionLink";
131
- export {
132
- zt as A,
133
- Pt as D,
134
- Vt as a,
135
- Kt as b,
136
- yt as c,
137
- St as v
138
- };
@@ -1,74 +0,0 @@
1
- "use client";
2
- import { jsxs as p, jsx as i, Fragment as w } from "react/jsx-runtime";
3
- import { c as m } from "./index.CEyLAtio.js";
4
- import "react";
5
- import { Asterisk as S } from "../asterisk.CR60hx8S.js";
6
- import { DSHeading as j } from "../heading.BXFBZhKv.js";
7
- import { DSSystemFeedback as M } from "../systemfeedback.CLQCbTF6.js";
8
- import { g as D } from "./helpers.BbWkXTr3.js";
9
- import "./index.CgTHIF3K.js";
10
- import '../assets/Fieldset.Cy5r0K7n.css';const x = "ds-fieldset_root_1omgq_1", E = "ds-fieldset_child-wrapper_1omgq_98", C = "ds-fieldset_legend_1omgq_105", P = "ds-fieldset_legend--utility--m_1omgq_109", T = "ds-fieldset_description_1omgq_121", U = "ds-fieldset_description--small_1omgq_135", W = "ds-fieldset_system-feedback_1omgq_139", s = {
11
- root: x,
12
- childWrapper: E,
13
- legend: C,
14
- legendUtilityM: P,
15
- description: T,
16
- descriptionSmall: U,
17
- systemFeedback: W
18
- }, z = ({
19
- description: l,
20
- id: e,
21
- legend: a,
22
- systemFeedback: t
23
- }) => {
24
- if (!e && (l || t))
25
- throw new Error(D("DSFieldset", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSFieldset component.'));
26
- if (!a)
27
- throw new Error(D("DSFieldset", "The legend prop is required. Please add the legend prop to the DSFieldset component."));
28
- }, G = ({
29
- children: l,
30
- legend: e,
31
- className: a,
32
- description: t,
33
- disabled: b = !1,
34
- id: n,
35
- invalid: c = !1,
36
- required: g = !1,
37
- systemFeedback: o,
38
- ...q
39
- }) => {
40
- process.env.NODE_ENV !== "production" && z({
41
- description: t,
42
- id: n,
43
- legend: e,
44
- systemFeedback: o
45
- });
46
- let r, f, _;
47
- const d = typeof e == "object" && e !== void 0;
48
- d && ({
49
- headingSize: r,
50
- headingTag: f,
51
- headingText: _
52
- } = e);
53
- const h = `${n}-feedback`, y = `${n}-description`, u = [c && o && h, t && y].filter(Boolean).join(" ") || void 0, F = !d || r === "small" || r === "small-uppercase", N = m(s.root, a), v = m(s.legend, {
54
- [s.legendUtilityM]: !d
55
- }), k = m(s.description, {
56
- [s.descriptionSmall]: F
57
- });
58
- return /* @__PURE__ */ p("fieldset", { className: N, disabled: b, ...q, "aria-invalid": c, "aria-describedby": u, children: [
59
- /* @__PURE__ */ i("legend", { className: v, children: d ? /* @__PURE__ */ p(j, { tag: f, size: r, children: [
60
- _,
61
- g && /* @__PURE__ */ i(S, {})
62
- ] }) : /* @__PURE__ */ p(w, { children: [
63
- e,
64
- g && /* @__PURE__ */ i(S, {})
65
- ] }) }),
66
- t && /* @__PURE__ */ i("span", { id: y, className: k, children: t }),
67
- c && o && /* @__PURE__ */ i(M, { id: h, type: "invalid", message: o, className: s.systemFeedback }),
68
- /* @__PURE__ */ i("div", { className: s.childWrapper, children: l })
69
- ] });
70
- };
71
- export {
72
- G as D,
73
- z as v
74
- };