@stihl-design-system/components 1.0.0-RC.35 → 1.0.0-RC.37
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/Placeholder.svg +1 -1
- package/{actionbutton.Du5CT-Mt.js → actionbutton.qf7Bc8JA.js} +1 -1
- package/{actionlink.BK9CaQUY.js → actionlink.Ke8jQtse.js} +1 -1
- package/assets/ActionButton.sn7jTqva.css +1 -0
- package/assets/ActionLink.D7fuY3NQ.css +1 -0
- package/assets/LinkCard.DgC0-Ow5.css +1 -0
- package/assets/RadioGroup.q1lQ-HIZ.css +1 -0
- package/assets/TextUtility.BsMYk5lH.css +1 -0
- package/assets/radio.BLd_UGcp.css +1 -0
- package/assets/{Text.Dgpj61UP.css → text.ZCpNYmwU.css} +1 -1
- package/{banner.D-RX60nJ.js → banner.AhUeW3HM.js} +1 -1
- package/{breadcrumb.tvMByFgp.js → breadcrumb.DpIAQk3r.js} +3 -3
- package/{button.CZupaV9L.js → button.CqNYOfSj.js} +1 -1
- package/card-example-image-2.png +0 -0
- package/card-example-image-2.webp +0 -0
- package/card-example-image-3.webp +0 -0
- package/card-example-image.webp +0 -0
- package/{checkboxgroup.CjnNJ8e6.js → checkboxgroup.C66ZwglF.js} +2 -2
- package/{chipgroup.cGjn4LVV.js → chipgroup.CY3pWyLO.js} +2 -1
- package/chunks/{ActionButton.BOYQYo5M.js → ActionButton.CyMR7DqS.js} +47 -47
- package/chunks/ActionLink.5wdpwrU9.js +153 -0
- package/chunks/{Breadcrumb.Qr6bDP2N.js → Breadcrumb.C_Yaz_vw.js} +2 -2
- package/chunks/{Button.Cn5yg7dG.js → Button.CQlIao-Z.js} +3 -2
- package/chunks/{CheckboxGroup.CUR_0VMc.js → CheckboxGroup.BIspWqeW.js} +1 -1
- package/chunks/{CustomReactSelect.BA3hUVkh.js → CustomReactSelect.D4kopDzX.js} +1 -1
- package/chunks/{Dialog.DRk_jSj5.js → Dialog.DMxHRrxo.js} +1 -1
- package/chunks/{Drawer.Dj6WeUC8.js → Drawer.CatmvDHJ.js} +1 -1
- package/chunks/{Fieldset.C0RzpI-h.js → Fieldset.Bk8W5h13.js} +1 -1
- package/chunks/{InputFile.Bki3bs3U.js → InputFile.CjK3gEst.js} +3 -3
- package/chunks/{InputNumber.B43cqBH0.js → InputNumber.wfDjnz58.js} +2 -2
- package/chunks/{InputPassword.DcdMjsXr.js → InputPassword.Ctb0xbwg.js} +2 -2
- package/chunks/{InputSearch.CJm6ph8W.js → InputSearch.C-r5ktR8.js} +2 -2
- package/chunks/{LinkButton.C6F-yuLL.js → LinkButton.CWibqvhs.js} +2 -1
- package/chunks/LinkCard.BjXQ85ZH.js +159 -0
- package/chunks/{NavigationTabs.CQxlahX1.js → NavigationTabs.SBNLx87A.js} +1 -1
- package/chunks/{Notification.Qzz88ngL.js → Notification.DYl1rcGu.js} +1 -1
- package/chunks/{Popover.D7McfVaH.js → Popover.C9tT8xkE.js} +1 -1
- package/chunks/RadioGroup.DupoApOX.js +125 -0
- package/chunks/{Select.B0uMOSSD.js → Select.BjBPN-6W.js} +1 -1
- package/chunks/{Slider.YTIktxxD.js → Slider.Bh2jhGKn.js} +2 -2
- package/chunks/{Stepper.BvPmbbqw.js → Stepper.D1Yzw-gL.js} +2 -2
- package/chunks/{Tabs.CoO_lrhV.js → Tabs.BvG-OPWa.js} +1 -1
- package/chunks/Text.utils.B4MiHAK_.js +11 -0
- package/chunks/TextUtility.C68m5upo.js +82 -0
- package/chunks/{Textarea.lYiPXerd.js → Textarea.DibBqiam.js} +1 -1
- package/chunks/{Toast.L5HAuEOn.js → Toast.ldZRNpGM.js} +1 -1
- package/combobox.C2XUM4fM.js +67 -0
- package/components/LinkCard/Link.utils.test.d.ts +1 -0
- package/components/LinkCard/LinkCard.d.ts +80 -0
- package/components/LinkCard/LinkCard.test.d.ts +1 -0
- package/components/LinkCard/LinkCard.utils.d.ts +10 -0
- package/components/RadioGroup/RadioGroup.utils.d.ts +3 -2
- package/components/Scroller/Scroller.test.d.ts +1 -0
- package/components/TextUtility/TextUtility.d.ts +30 -0
- package/components/TextUtility/TextUtility.test.d.ts +1 -0
- package/components/TextUtility/TextUtility.utils.d.ts +10 -0
- package/components/TextUtility/TextUtility.utils.test.d.ts +1 -0
- package/{customreactselect.BgYf8rKE.js → customreactselect.BNwzk8Qi.js} +2 -2
- package/{dialog.Bq-ZyzR8.js → dialog.D5geKDtZ.js} +2 -2
- package/{drawer.DL5UzLWf.js → drawer.ucjhpIF4.js} +2 -2
- package/{fieldset.BFLW2D9H.js → fieldset.Crx4Cb9a.js} +2 -2
- package/{filelist.BG6SGVJ8.js → filelist.Bcu6TZRj.js} +1 -1
- package/index.d.ts +4 -0
- package/index.es.js +167 -156
- package/{input.hBWqQr3X.js → input.DL_M_Pg3.js} +2 -2
- package/{inputfile.BSZuRujU.js → inputfile.iwsNHjrc.js} +4 -4
- package/{inputnumber.CA4JiUmq.js → inputnumber.raC_7KIP.js} +3 -3
- package/{inputpassword.Cju_crMi.js → inputpassword.Brte78Sr.js} +3 -3
- package/{inputsearch.CU9AhVVv.js → inputsearch.BP0EzFcF.js} +3 -3
- package/{link.DoiK003-.js → link.BtZeNdii.js} +1 -1
- package/{linkbutton.CWco_B7v.js → linkbutton.In_ROT0Z.js} +1 -1
- package/linkcard.B43Y9rO4.js +12 -0
- package/linkcard.d.ts +2 -0
- package/{navigationtabs.zhRZHjgs.js → navigationtabs.EbmfKv1R.js} +2 -2
- package/{notification.BiXdWNo7.js → notification.tadg6lCc.js} +2 -2
- package/package.json +3 -3
- package/partials/index.js +20 -8
- package/partials/lib/partials.d.ts +1 -1
- package/{popover.79Voiadz.js → popover.CXq7VoZt.js} +2 -2
- package/radio.DYKHJbxF.js +134 -0
- package/{radiogroup.CwBh7u9L.js → radiogroup.D-t1_oGC.js} +3 -3
- package/{scroller.IpfbFV8B.js → scroller.B1LijjCF.js} +1 -1
- package/{select.NHaEtX_u.js → select.CZ0C3yJD.js} +2 -2
- package/{skiptocontent.X4USTODk.js → skiptocontent.CAQy194o.js} +1 -1
- package/{slider.jnNGEyBq.js → slider.B3u5du_Q.js} +3 -3
- package/{step.D5p7qppy.js → step.DaJFsafj.js} +1 -1
- package/{stepper.DnMc4ex6.js → stepper.DcaZESJi.js} +3 -3
- package/styles/scss/ds/lib/text.scss +5 -5
- package/{tablist.BFE6RAPD.js → tablist.mX5nQWwH.js} +1 -1
- package/{tabs.CsOxxQyQ.js → tabs.DjWfks34.js} +2 -2
- package/text.CQdFtUUQ.js +72 -0
- package/{textarea.C9OAAjhG.js → textarea.69r-5faY.js} +2 -2
- package/{text.cLv2PhjQ.js → textutility.DMKAWLsT.js} +3 -2
- package/textutility.d.ts +2 -0
- package/{toast.OBI9qnAM.js → toast.FzO5KoiK.js} +2 -2
- package/{toastmanager.CgsA-1y_.js → toastmanager.BGIYNKkT.js} +1 -1
- package/assets/ActionButton.oGVPTS1J.css +0 -1
- package/assets/ActionLink.CTh6IXrN.css +0 -1
- package/assets/RadioGroup.CM2mYOzc.css +0 -1
- package/assets/radio.CgpGvYc-.css +0 -1
- package/chunks/ActionLink.BlwvrnPN.js +0 -153
- package/chunks/RadioGroup.B2VCD9x-.js +0 -106
- package/chunks/Text.DpRtTpB4.js +0 -75
- package/combobox.CGEDlMo0.js +0 -71
- package/radio.DHUfSPai.js +0 -126
|
@@ -102,12 +102,13 @@ import '../assets/Button.CmeGVEAY.css';const C = "ds-button_root_146u3_1", A = "
|
|
|
102
102
|
// icon only
|
|
103
103
|
[o.rootIconOnly]: r(s) && _ === "medium" && t !== "navigation",
|
|
104
104
|
[o.rootIconOnlySmall]: r(s) && _ === "small" && t !== "navigation"
|
|
105
|
-
}), B = p(
|
|
105
|
+
}), B = p({
|
|
106
106
|
// hide label only visually to keep them available for assistive technologies
|
|
107
107
|
[o.labelHidden]: r(s) && t !== "navigation",
|
|
108
108
|
// set label opacity to 0 when loading to prevent button size from changing
|
|
109
109
|
[o.labelLoading]: i
|
|
110
|
-
|
|
110
|
+
// if no label classes are set via classNames, return undefined to avoid empty class attribute
|
|
111
|
+
}) || void 0, G = p({
|
|
111
112
|
[o.iconNavigation]: t === "navigation",
|
|
112
113
|
// set icon opacity to 0 when loading to prevent button size from changing
|
|
113
114
|
[o.iconHidden]: i
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx as w } from "react/jsx-runtime";
|
|
3
3
|
import { d as q } from "./index.D-sRdssb.js";
|
|
4
4
|
import { c as N } from "./index.DL9mof6u.js";
|
|
5
|
-
import { D as z } from "./Fieldset.
|
|
5
|
+
import { D as z } from "./Fieldset.Bk8W5h13.js";
|
|
6
6
|
import _ from "react";
|
|
7
7
|
import { g as v, r as I } from "./helpers.CexwVao7.js";
|
|
8
8
|
import { D as P } from "./Checkbox.D5X5T6Yg.js";
|
|
@@ -12,7 +12,7 @@ import { g as ce, r as kt } from "./helpers.CexwVao7.js";
|
|
|
12
12
|
import { u as jt } from "./useBreakpoint.1txsny17.js";
|
|
13
13
|
import { Asterisk as Ut } from "../asterisk.B2ih8VwF.js";
|
|
14
14
|
import { D as ge } from "./Icon.CDLyB7Pv.js";
|
|
15
|
-
import { D as Qt } from "./Popover.
|
|
15
|
+
import { D as Qt } from "./Popover.C9tT8xkE.js";
|
|
16
16
|
import { D as _t } from "./SystemFeedback.CjlARKki.js";
|
|
17
17
|
import { OptionCheckbox as $t } from "../optioncheckbox.nBVwGv6c.js";
|
|
18
18
|
import '../assets/CustomReactSelect.BihX36Uo.css';const Ko = ({
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx as n, jsxs as E } from "react/jsx-runtime";
|
|
3
3
|
import { c as r } from "./index.DL9mof6u.js";
|
|
4
4
|
import { useRef as g, useState as F, useEffect as v } from "react";
|
|
5
|
-
import { D as W } from "./Button.
|
|
5
|
+
import { D as W } from "./Button.CQlIao-Z.js";
|
|
6
6
|
import { g as x } from "./helpers.CexwVao7.js";
|
|
7
7
|
import "./index.D-sRdssb.js";
|
|
8
8
|
import '../assets/Dialog.DJkn65Es.css';const R = "ds-dialog_root_kvopn_5", y = "ds-dialog_content-wrapper_kvopn_166", z = "ds-dialog_content-wrapper--no-footer_kvopn_172", L = "ds-dialog_close-button_kvopn_180", M = "ds-dialog_header_kvopn_193", j = "ds-dialog_content_kvopn_166", H = "ds-dialog_footer_kvopn_195", I = "ds-dialog_header--scrollable_kvopn_216", O = "ds-dialog_header--close-button_kvopn_225", P = "ds-dialog_content--no-footer_kvopn_238", T = "ds-dialog_footer--scrollable_kvopn_245", o = {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx as t, jsxs as F } from "react/jsx-runtime";
|
|
3
3
|
import { c as n } from "./index.DL9mof6u.js";
|
|
4
4
|
import { useRef as p, useState as R, useEffect as v } from "react";
|
|
5
|
-
import { D as k } from "./Button.
|
|
5
|
+
import { D as k } from "./Button.CQlIao-Z.js";
|
|
6
6
|
import { g as x } from "./helpers.CexwVao7.js";
|
|
7
7
|
import "./index.D-sRdssb.js";
|
|
8
8
|
import '../assets/Drawer.x3BCQvWE.css';const I = "ds-drawer_root_4nbv0_10", O = "ds-drawer_root--end_4nbv0_68", y = "ds-drawer_content-wrapper_4nbv0_169", z = "ds-drawer_content-wrapper--no-footer_4nbv0_175", L = "ds-drawer_close-button_4nbv0_178", M = "ds-drawer_header_4nbv0_191", P = "ds-drawer_content_4nbv0_169", j = "ds-drawer_footer_4nbv0_193", H = "ds-drawer_header--scrollable_4nbv0_214", T = "ds-drawer_header--close-button_4nbv0_223", A = "ds-drawer_content--no-footer_4nbv0_237", V = "ds-drawer_footer--scrollable_4nbv0_244", o = {
|
|
@@ -4,7 +4,7 @@ import { c as m } from "./index.DL9mof6u.js";
|
|
|
4
4
|
import "react";
|
|
5
5
|
import { Asterisk as S } from "../asterisk.B2ih8VwF.js";
|
|
6
6
|
import { DSHeading as P } from "../heading.DHLpT4dc.js";
|
|
7
|
-
import { D as x } from "./Popover.
|
|
7
|
+
import { D as x } from "./Popover.C9tT8xkE.js";
|
|
8
8
|
import { D as E } from "./SystemFeedback.CjlARKki.js";
|
|
9
9
|
import { g as y } from "./helpers.CexwVao7.js";
|
|
10
10
|
import "./index.D-sRdssb.js";
|
|
@@ -7,10 +7,10 @@ import { u as P } from "./useBreakpoint.1txsny17.js";
|
|
|
7
7
|
import "./index.D-sRdssb.js";
|
|
8
8
|
import { g as Se } from "./AriaLiveRegions.utils.CybNIBSa.js";
|
|
9
9
|
import { Asterisk as Fe } from "../asterisk.B2ih8VwF.js";
|
|
10
|
-
import { D as ze } from "./Button.
|
|
11
|
-
import { FileList as Ne } from "../filelist.
|
|
10
|
+
import { D as ze } from "./Button.CQlIao-Z.js";
|
|
11
|
+
import { FileList as Ne } from "../filelist.Bcu6TZRj.js";
|
|
12
12
|
import { D as Le } from "./Icon.CDLyB7Pv.js";
|
|
13
|
-
import { D as ke } from "./Popover.
|
|
13
|
+
import { D as ke } from "./Popover.C9tT8xkE.js";
|
|
14
14
|
import { D as ye } from "./SystemFeedback.CjlARKki.js";
|
|
15
15
|
import { g as _ } from "./helpers.CexwVao7.js";
|
|
16
16
|
import '../assets/InputFile.D7Ihod7B.css';const Be = "ds-input-file_root_ad2pg_1", Te = "ds-input-file_browse-button--is-dragging-filled_ad2pg_1", Ae = "ds-input-file_browse-button--is-dragging_ad2pg_1", Pe = "ds-input-file_hint_ad2pg_14", $e = "ds-input-file_label-wrapper_ad2pg_14", Ce = "ds-input-file_label_ad2pg_14", Re = "ds-input-file_label--disabled_ad2pg_33", Ee = "ds-input-file_label-wrapper--hidden_ad2pg_45", We = "ds-input-file_feedback_ad2pg_73", qe = "ds-input-file_dropzone_ad2pg_77", xe = "ds-input-file_dropzone--disabled_ad2pg_83", He = "ds-input-file_dropzone--invalid_ad2pg_97", Oe = "ds-input-file_dropzone--is-dragging_ad2pg_100", Ve = "ds-input-file_hint-drop-zone_ad2pg_103", je = "ds-input-file_upload-icon_ad2pg_106", Me = "ds-input-file_browse-button-dropzone--is-dragging_ad2pg_109", Ue = "ds-input-file_instructions_ad2pg_112", Ze = "ds-input-file_input_ad2pg_149", Ge = "ds-input-file_required-sr-info_ad2pg_153", t = {
|
|
@@ -7,9 +7,9 @@ import { u as J } from "./useBreakpoint.1txsny17.js";
|
|
|
7
7
|
import { u as K } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
|
|
8
8
|
import "./index.D-sRdssb.js";
|
|
9
9
|
import { Asterisk as Re } from "../asterisk.B2ih8VwF.js";
|
|
10
|
-
import { D as Q } from "./Button.
|
|
10
|
+
import { D as Q } from "./Button.CQlIao-Z.js";
|
|
11
11
|
import { M as k, a as P } from "./Input.utils.CL1u4Ctq.js";
|
|
12
|
-
import { D as Ee } from "./Popover.
|
|
12
|
+
import { D as Ee } from "./Popover.C9tT8xkE.js";
|
|
13
13
|
import { D as We } from "./SystemFeedback.CjlARKki.js";
|
|
14
14
|
import { g as f } from "./helpers.CexwVao7.js";
|
|
15
15
|
import '../assets/InputNumber.z_UqRYdv.css';const ke = "ds-input-number_input_1nvt0_1", Pe = "ds-input-number_input--small_1nvt0_9", Ce = "ds-input-number_input--invalid_1nvt0_121", Ve = "ds-input-number_input--has-affix_1nvt0_197", $e = "ds-input-number_input--is-ready_1nvt0_211", He = "ds-input-number_root_1nvt0_222", Fe = "ds-input-number_hint_1nvt0_222", Te = "ds-input-number_label-wrapper_1nvt0_222", Me = "ds-input-number_wrapper_1nvt0_226", Xe = "ds-input-number_affix_1nvt0_232", je = "ds-input-number_affix--small_1nvt0_253", qe = "ds-input-number_prefix_1nvt0_266", Ue = "ds-input-number_suffix_1nvt0_272", Ge = "ds-input-number_affix--disabled_1nvt0_278", Oe = "ds-input-number_affix--readonly_1nvt0_289", Je = "ds-input-number_action-button_1nvt0_325", Ke = "ds-input-number_label_1nvt0_222", Qe = "ds-input-number_label--disabled_1nvt0_344", Ye = "ds-input-number_label-wrapper--hidden_1nvt0_356", Ze = "ds-input-number_feedback_1nvt0_384", ze = "ds-input-number_second-action-button_1nvt0_397", et = "ds-input-number_value-announcer_1nvt0_401", e = {
|
|
@@ -4,8 +4,8 @@ import { c as e } from "./index.DL9mof6u.js";
|
|
|
4
4
|
import { forwardRef as F, useState as M, useRef as U } from "react";
|
|
5
5
|
import { u as I } from "./useBreakpoint.1txsny17.js";
|
|
6
6
|
import { Asterisk as G } from "../asterisk.B2ih8VwF.js";
|
|
7
|
-
import { D as J } from "./Button.
|
|
8
|
-
import { D as K } from "./Popover.
|
|
7
|
+
import { D as J } from "./Button.CQlIao-Z.js";
|
|
8
|
+
import { D as K } from "./Popover.C9tT8xkE.js";
|
|
9
9
|
import { D as Q } from "./SystemFeedback.CjlARKki.js";
|
|
10
10
|
import { g as f } from "./helpers.CexwVao7.js";
|
|
11
11
|
import "./index.D-sRdssb.js";
|
|
@@ -6,8 +6,8 @@ import { g as m, a as st } from "./helpers.CexwVao7.js";
|
|
|
6
6
|
import { u as O } from "./useBreakpoint.1txsny17.js";
|
|
7
7
|
import "./index.D-sRdssb.js";
|
|
8
8
|
import { Asterisk as ot } from "../asterisk.B2ih8VwF.js";
|
|
9
|
-
import { D as W } from "./Button.
|
|
10
|
-
import { D as rt } from "./Popover.
|
|
9
|
+
import { D as W } from "./Button.CQlIao-Z.js";
|
|
10
|
+
import { D as rt } from "./Popover.C9tT8xkE.js";
|
|
11
11
|
import { D as it } from "./SystemFeedback.CjlARKki.js";
|
|
12
12
|
import '../assets/InputSearch.GBH9Eh6F.css';const ct = "ds-input-search_input_37dw5_1", lt = "ds-input-search_input--small_37dw5_9", ut = "ds-input-search_input--invalid_37dw5_121", pt = "ds-input-search_input--has-action-button_37dw5_182", dt = "ds-input-search_input--has-second-action-button_37dw5_185", ht = "ds-input-search_root_37dw5_218", mt = "ds-input-search_hint_37dw5_218", bt = "ds-input-search_label-wrapper_37dw5_218", ft = "ds-input-search_wrapper_37dw5_222", _t = "ds-input-search_action-button_37dw5_228", wt = "ds-input-search_second-action-button_37dw5_232", St = "ds-input-search_label_37dw5_218", Dt = "ds-input-search_label--disabled_37dw5_251", Bt = "ds-input-search_label-wrapper--hidden_37dw5_263", It = "ds-input-search_feedback_37dw5_291", t = {
|
|
13
13
|
input: ct,
|
|
@@ -103,7 +103,8 @@ import '../assets/LinkButton.88j5ckLu.css';const E = "ds-link-button_root_250ek_
|
|
|
103
103
|
}), G = p({
|
|
104
104
|
// hide label only visually to keep them available for assistive technologies
|
|
105
105
|
[t.labelHidden]: i(l) && o !== "navigation"
|
|
106
|
-
|
|
106
|
+
// if no label classes are set via classNames, return undefined to avoid empty class attribute
|
|
107
|
+
}) || void 0, T = p({
|
|
107
108
|
[t.iconNavigation]: o === "navigation"
|
|
108
109
|
}), F = n === "light" && o === "filled" || n === "dark" && o === "outline" || n === "dark" && o === "ghost" ? "dark" : "light", S = s === void 0 ? "span" : "a", v = /* @__PURE__ */ N(
|
|
109
110
|
S,
|
|
@@ -0,0 +1,159 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as x, jsx as s, Fragment as ae } from "react/jsx-runtime";
|
|
3
|
+
import { d as ne } from "./index.D-sRdssb.js";
|
|
4
|
+
import { c as I } from "./index.DL9mof6u.js";
|
|
5
|
+
import { isValidElement as se, cloneElement as re } from "react";
|
|
6
|
+
import { DSFlag as ee } from "../flag.CE32qHPa.js";
|
|
7
|
+
import { DSHeading as le } from "../heading.DHLpT4dc.js";
|
|
8
|
+
import { D as de } from "./LinkButton.CWibqvhs.js";
|
|
9
|
+
import { g as D } from "./helpers.CexwVao7.js";
|
|
10
|
+
import '../assets/LinkCard.DgC0-Ow5.css';const ce = "ds-link-card_root_1v6ea_1", pe = "ds-link-card_root--responsive_1v6ea_4", he = "ds-link-card_wrapper_1v6ea_9", me = "ds-link-card_content_1v6ea_21", fe = "ds-link-card_footer_1v6ea_36", ge = "ds-link-card_flags_1v6ea_41", ve = "ds-link-card_root--horizontal_1v6ea_45", ke = "ds-link-card_header_1v6ea_134", _e = "ds-link-card_heading_1v6ea_146", ue = "ds-link-card_link_1v6ea_150", Le = "ds-link-card_description_1v6ea_155", be = "ds-link-card_meta-data_1v6ea_172", Ne = "ds-link-card_brand-flag_1v6ea_198", i = {
|
|
11
|
+
root: ce,
|
|
12
|
+
rootResponsive: pe,
|
|
13
|
+
wrapper: he,
|
|
14
|
+
content: me,
|
|
15
|
+
footer: fe,
|
|
16
|
+
flags: ge,
|
|
17
|
+
rootHorizontal: ve,
|
|
18
|
+
header: ke,
|
|
19
|
+
heading: _e,
|
|
20
|
+
link: ue,
|
|
21
|
+
description: Le,
|
|
22
|
+
metaData: be,
|
|
23
|
+
brandFlag: Ne
|
|
24
|
+
}, De = ({
|
|
25
|
+
href: h,
|
|
26
|
+
linkComponent: e,
|
|
27
|
+
flags: t,
|
|
28
|
+
flagListAriaLabel: m,
|
|
29
|
+
heading: f,
|
|
30
|
+
isResponsive: g,
|
|
31
|
+
orientation: v,
|
|
32
|
+
img: r,
|
|
33
|
+
brandFlag: a
|
|
34
|
+
}) => {
|
|
35
|
+
if (!h && !e)
|
|
36
|
+
throw new Error(D("DSLinkCard", "Please provide either the 'href' prop or a custom 'linkComponent'."));
|
|
37
|
+
if (h && e)
|
|
38
|
+
throw new Error(D("DSLinkCard", "Please provide either the 'href' prop or a custom 'linkComponent', but not both."));
|
|
39
|
+
if (!f)
|
|
40
|
+
throw new Error(D("DSLinkCard", "The 'heading' prop is required and must be provided."));
|
|
41
|
+
t && t.length > 6 && console.warn(D("DSLinkCard", "It is recommended to provide a maximum of 6 flags for optimal display.")), t && t.length > 0 && !m && console.warn(D("DSLinkCard", "When providing flags, please also ensure to add the 'flagListAriaLabel' to describe the list of flags for non sighted screen reader users.")), g === !0 && v && console.warn(D("DSLinkCard", "The 'orientation' prop is ignored when 'isResponsive' is set to true. Please set 'isResponsive' to false to use the 'orientation' prop.")), a && r === void 0 && console.warn(D("DSLinkCard", "The 'brandFlag' prop is set to true, but no 'img' prop is provided. The 'brandFlag' will have no effect without an image."));
|
|
42
|
+
}, je = (h) => {
|
|
43
|
+
const e = ne.c(75);
|
|
44
|
+
let t, m, f, g, v, r, a, l, d, n, o, k, u, c, L, b;
|
|
45
|
+
e[0] !== h ? ({
|
|
46
|
+
heading: l,
|
|
47
|
+
brandFlag: t,
|
|
48
|
+
className: m,
|
|
49
|
+
classNameContent: f,
|
|
50
|
+
classNameWrapper: g,
|
|
51
|
+
decorativeLinkButtonProps: v,
|
|
52
|
+
description: r,
|
|
53
|
+
flagListAriaLabel: a,
|
|
54
|
+
flags: L,
|
|
55
|
+
href: d,
|
|
56
|
+
img: n,
|
|
57
|
+
isResponsive: b,
|
|
58
|
+
linkComponent: o,
|
|
59
|
+
metaData: k,
|
|
60
|
+
orientation: u,
|
|
61
|
+
...c
|
|
62
|
+
} = h, e[0] = h, e[1] = t, e[2] = m, e[3] = f, e[4] = g, e[5] = v, e[6] = r, e[7] = a, e[8] = l, e[9] = d, e[10] = n, e[11] = o, e[12] = k, e[13] = u, e[14] = c, e[15] = L, e[16] = b) : (t = e[1], m = e[2], f = e[3], g = e[4], v = e[5], r = e[6], a = e[7], l = e[8], d = e[9], n = e[10], o = e[11], k = e[12], u = e[13], c = e[14], L = e[15], b = e[16]);
|
|
63
|
+
let p, _;
|
|
64
|
+
e[17] !== t || e[18] !== a || e[19] !== l || e[20] !== d || e[21] !== n || e[22] !== o || e[23] !== u || e[24] !== L || e[25] !== b ? (p = L === void 0 ? [] : L, _ = b === void 0 ? !0 : b, process.env.NODE_ENV !== "production" && De({
|
|
65
|
+
href: d,
|
|
66
|
+
linkComponent: o,
|
|
67
|
+
heading: l,
|
|
68
|
+
flags: p,
|
|
69
|
+
flagListAriaLabel: a,
|
|
70
|
+
isResponsive: _,
|
|
71
|
+
orientation: u,
|
|
72
|
+
img: n,
|
|
73
|
+
brandFlag: t
|
|
74
|
+
}), e[17] = t, e[18] = a, e[19] = l, e[20] = d, e[21] = n, e[22] = o, e[23] = u, e[24] = L, e[25] = b, e[26] = p, e[27] = _) : (p = e[26], _ = e[27]);
|
|
75
|
+
let R;
|
|
76
|
+
e[28] !== v ? (R = v || {}, e[28] = v, e[29] = R) : R = e[29];
|
|
77
|
+
const {
|
|
78
|
+
label: H,
|
|
79
|
+
iconName: O,
|
|
80
|
+
variant: te,
|
|
81
|
+
hideLabel: W,
|
|
82
|
+
size: U
|
|
83
|
+
} = R, q = U === void 0 ? "small" : U, P = te === "ghost" ? "ghost" : "filled", M = k || p.length > 0 || H, $ = _ === !1 && u === "horizontal";
|
|
84
|
+
let j;
|
|
85
|
+
e[30] !== m || e[31] !== _ || e[32] !== $ ? (j = I(i.root, m, {
|
|
86
|
+
[i.rootResponsive]: _,
|
|
87
|
+
[i.rootHorizontal]: $
|
|
88
|
+
}), e[30] = m, e[31] = _, e[32] = $, e[33] = j) : j = e[33];
|
|
89
|
+
const G = j;
|
|
90
|
+
let y;
|
|
91
|
+
e[34] !== g ? (y = I(i.wrapper, g), e[34] = g, e[35] = y) : y = e[35];
|
|
92
|
+
const J = y;
|
|
93
|
+
let V;
|
|
94
|
+
e[36] !== f ? (V = I(i.content, f), e[36] = f, e[37] = V) : V = e[37];
|
|
95
|
+
const K = V;
|
|
96
|
+
let A;
|
|
97
|
+
if (e[38] !== d || e[39] !== o || e[40] !== c) {
|
|
98
|
+
const ie = (N) => o && se(o) ? re(o, {
|
|
99
|
+
...o.props,
|
|
100
|
+
className: I(i.link, o.props.className),
|
|
101
|
+
children: /* @__PURE__ */ x(ae, { children: [
|
|
102
|
+
N,
|
|
103
|
+
" ",
|
|
104
|
+
o.props.children
|
|
105
|
+
] })
|
|
106
|
+
}) : /* @__PURE__ */ s("a", { href: d, className: i.link, ...c, children: N });
|
|
107
|
+
A = (N) => {
|
|
108
|
+
const X = typeof N == "object" && N !== void 0, {
|
|
109
|
+
headingText: oe,
|
|
110
|
+
headingSize: Y,
|
|
111
|
+
headingTag: Z
|
|
112
|
+
} = X ? N : {
|
|
113
|
+
headingText: N
|
|
114
|
+
};
|
|
115
|
+
return /* @__PURE__ */ s(le, { tag: Z === void 0 ? "h3" : Z, size: Y === void 0 ? "medium" : Y, className: i.heading, children: ie(oe) });
|
|
116
|
+
}, e[38] = d, e[39] = o, e[40] = c, e[41] = A;
|
|
117
|
+
} else
|
|
118
|
+
A = e[41];
|
|
119
|
+
const Q = A;
|
|
120
|
+
let w;
|
|
121
|
+
e[42] !== Q || e[43] !== l ? (w = Q(l), e[42] = Q, e[43] = l, e[44] = w) : w = e[44];
|
|
122
|
+
let C;
|
|
123
|
+
e[45] !== r ? (C = r && /* @__PURE__ */ s("div", { className: i.description, children: r }), e[45] = r, e[46] = C) : C = e[46];
|
|
124
|
+
let S;
|
|
125
|
+
e[47] !== w || e[48] !== C ? (S = /* @__PURE__ */ x("div", { className: i.header, children: [
|
|
126
|
+
w,
|
|
127
|
+
C
|
|
128
|
+
] }), e[47] = w, e[48] = C, e[49] = S) : S = e[49];
|
|
129
|
+
let z;
|
|
130
|
+
e[50] !== P || e[51] !== W || e[52] !== O || e[53] !== H || e[54] !== q || e[55] !== a || e[56] !== p || e[57] !== M || e[58] !== k ? (z = M && /* @__PURE__ */ x("div", { className: i.footer, children: [
|
|
131
|
+
k && /* @__PURE__ */ s("div", { className: i.metaData, children: k }),
|
|
132
|
+
p.length > 0 && /* @__PURE__ */ s("ul", { className: i.flags, "aria-label": a, children: p.map(we) }),
|
|
133
|
+
H && /* @__PURE__ */ s(de, { iconName: O, iconPosition: "right", variant: P, hideLabel: W, size: q, isFlush: P === "ghost", "aria-hidden": !0, children: H })
|
|
134
|
+
] }), e[50] = P, e[51] = W, e[52] = O, e[53] = H, e[54] = q, e[55] = a, e[56] = p, e[57] = M, e[58] = k, e[59] = z) : z = e[59];
|
|
135
|
+
let F;
|
|
136
|
+
e[60] !== K || e[61] !== S || e[62] !== z ? (F = /* @__PURE__ */ x("div", { className: K, children: [
|
|
137
|
+
S,
|
|
138
|
+
z
|
|
139
|
+
] }), e[60] = K, e[61] = S, e[62] = z, e[63] = F) : F = e[63];
|
|
140
|
+
let T;
|
|
141
|
+
e[64] !== t || e[65] !== n ? (T = n && /* @__PURE__ */ x("div", { className: i.image, children: [
|
|
142
|
+
t && /* @__PURE__ */ s(ee, { color: "orange-base", className: i.brandFlag, children: t }),
|
|
143
|
+
n
|
|
144
|
+
] }), e[64] = t, e[65] = n, e[66] = T) : T = e[66];
|
|
145
|
+
let E;
|
|
146
|
+
e[67] !== F || e[68] !== T || e[69] !== J ? (E = /* @__PURE__ */ x("div", { className: J, children: [
|
|
147
|
+
F,
|
|
148
|
+
T
|
|
149
|
+
] }), e[67] = F, e[68] = T, e[69] = J, e[70] = E) : E = e[70];
|
|
150
|
+
let B;
|
|
151
|
+
return e[71] !== c || e[72] !== G || e[73] !== E ? (B = /* @__PURE__ */ s("div", { ...c, className: G, children: E }), e[71] = c, e[72] = G, e[73] = E, e[74] = B) : B = e[74], B;
|
|
152
|
+
};
|
|
153
|
+
function we(h, e) {
|
|
154
|
+
return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(ee, { color: "grey-light", children: h }) }, e);
|
|
155
|
+
}
|
|
156
|
+
export {
|
|
157
|
+
je as D,
|
|
158
|
+
De as v
|
|
159
|
+
};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx as v } from "react/jsx-runtime";
|
|
3
3
|
import { d as u } from "./index.D-sRdssb.js";
|
|
4
4
|
import { useState as T, useEffect as y } from "react";
|
|
5
|
-
import { TabList as h } from "../tablist.
|
|
5
|
+
import { TabList as h } from "../tablist.mX5nQWwH.js";
|
|
6
6
|
import { g as m, r as E } from "./helpers.CexwVao7.js";
|
|
7
7
|
const _ = ["left", "center"], j = ["prev", "next"], S = ({
|
|
8
8
|
aria: a,
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx as H, jsxs as F } from "react/jsx-runtime";
|
|
3
3
|
import { d as R } from "./index.D-sRdssb.js";
|
|
4
4
|
import { c as k } from "./index.DL9mof6u.js";
|
|
5
|
-
import { D as W } from "./Button.
|
|
5
|
+
import { D as W } from "./Button.CQlIao-Z.js";
|
|
6
6
|
import { D as j } from "./Icon.CDLyB7Pv.js";
|
|
7
7
|
import '../assets/Notification.CvohYEvT.css';const y = "ds-notification_root_trmu0_1", L = "ds-notification_root--success_trmu0_29", P = "ds-notification_root--error_trmu0_33", V = "ds-notification_root--warning_trmu0_37", z = "ds-notification_root--hide-icon_trmu0_41", Y = "ds-notification_content_trmu0_55", $ = "ds-notification_content--hide-close-button_trmu0_62", q = "ds-notification_content--hide-icon_trmu0_65", G = "ds-notification_icon_trmu0_69", J = "ds-notification_message_trmu0_73", K = "ds-notification_custom-action-area_trmu0_170", e = {
|
|
8
8
|
root: y,
|
|
@@ -5,7 +5,7 @@ import { useState as J, useRef as K, useMemo as Q, createContext as X, forwardRe
|
|
|
5
5
|
import { u as oe, o as te, j as re, s as se, k as ne, a as ae, b as ce, c as ie, d as le, e as pe, f as j, g as de, l as ue, F as he, i as ve } from "./floating-ui.react.COTL3jH5.js";
|
|
6
6
|
import { c as k } from "./index.DL9mof6u.js";
|
|
7
7
|
import { g as b, c as M } from "./helpers.CexwVao7.js";
|
|
8
|
-
import { D as fe } from "./Button.
|
|
8
|
+
import { D as fe } from "./Button.CQlIao-Z.js";
|
|
9
9
|
import '../assets/Popover.CXyUaXiO.css';const me = "ds-popover_popover_xg81f_5", ge = "ds-popover_popover--no-arrow_xg81f_64", we = "ds-popover_popover--variant-grey_xg81f_67", Pe = "ds-popover_arrow_xg81f_71", De = "ds-popover_arrow--variant-grey_xg81f_90", Se = "ds-popover_default-anchor_xg81f_107", _ = {
|
|
10
10
|
popover: me,
|
|
11
11
|
popoverNoArrow: ge,
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as T } from "react/jsx-runtime";
|
|
3
|
+
import { d as X } from "./index.D-sRdssb.js";
|
|
4
|
+
import { c as J } from "./index.DL9mof6u.js";
|
|
5
|
+
import { forwardRef as Y, useState as Z } from "react";
|
|
6
|
+
import { D as oo } from "./Fieldset.Bk8W5h13.js";
|
|
7
|
+
import { DSRadio as eo } from "../radio.DYKHJbxF.js";
|
|
8
|
+
import { g, r as W } from "./helpers.CexwVao7.js";
|
|
9
|
+
import '../assets/RadioGroup.q1lQ-HIZ.css';const to = "ds-radio-group_fieldset--custom-area-above_1r3gv_1", ro = "ds-radio-group_root_1r3gv_5", so = "ds-radio-group_root--horizontal_1r3gv_13", io = "ds-radio-group_root--invalid_1r3gv_16", ao = "ds-radio-group_root--custom-area-above_1r3gv_19", no = "ds-radio-group_root--custom-area-above--horizontal_1r3gv_26", H = {
|
|
10
|
+
fieldsetCustomAreaAbove: to,
|
|
11
|
+
root: ro,
|
|
12
|
+
rootHorizontal: so,
|
|
13
|
+
rootInvalid: io,
|
|
14
|
+
rootCustomAreaAbove: ao,
|
|
15
|
+
rootCustomAreaAboveHorizontal: no
|
|
16
|
+
}, lo = (r) => r.some(({
|
|
17
|
+
hint: s
|
|
18
|
+
}) => !!s), co = (r) => r.some(({
|
|
19
|
+
customArea: s,
|
|
20
|
+
isCustomAreaAbove: o
|
|
21
|
+
}) => !!s && !o), F = (r) => r.some(({
|
|
22
|
+
customArea: s,
|
|
23
|
+
isCustomAreaAbove: o
|
|
24
|
+
}) => !!s && o), uo = ({
|
|
25
|
+
legend: r,
|
|
26
|
+
name: s,
|
|
27
|
+
options: o,
|
|
28
|
+
description: d,
|
|
29
|
+
direction: p,
|
|
30
|
+
hideUncheckedHints: a,
|
|
31
|
+
id: t,
|
|
32
|
+
systemFeedback: n
|
|
33
|
+
}) => {
|
|
34
|
+
if (!t && (d || n))
|
|
35
|
+
throw new Error(g("DSRadioGroup", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSRadioGroup component.'));
|
|
36
|
+
if (!r)
|
|
37
|
+
throw new Error(g("DSRadioGroup", W("legend", "DSRadioGroup")));
|
|
38
|
+
if (!s)
|
|
39
|
+
throw new Error(g("DSRadioGroup", W("name", "DSRadioGroup")));
|
|
40
|
+
if (Array.isArray(o)) {
|
|
41
|
+
if (o.length === 0)
|
|
42
|
+
throw new Error(g("DSRadioGroup", "The options array must not be empty."));
|
|
43
|
+
} else throw new Error(g("DSRadioGroup", W("options", "DSRadioGroup")));
|
|
44
|
+
if (p === "horizontal" && co(o))
|
|
45
|
+
throw new Error(g("DSRadioGroup", "Horizontal direction is not possible when options contain a custom area without isCustomAreaAbove set to true. Please remove custom areas, change direction property to 'vertical' or set isCustomAreaAbove to true."));
|
|
46
|
+
p === "horizontal" && a && console.warn(g("DSRadioGroup", "Setting 'hideUncheckedHints' to 'true' is not possible when direction is 'horizontal'. Please remove 'hideUncheckedHints' or change direction property to 'vertical'."));
|
|
47
|
+
}, po = Y((r, s) => {
|
|
48
|
+
const o = X.c(66);
|
|
49
|
+
let d, p, a, t, n, v, m, e, A, b, C, c, z, G, R, y, E, k;
|
|
50
|
+
o[0] !== r ? ({
|
|
51
|
+
legend: n,
|
|
52
|
+
name: v,
|
|
53
|
+
options: e,
|
|
54
|
+
className: d,
|
|
55
|
+
defaultValue: p,
|
|
56
|
+
description: a,
|
|
57
|
+
direction: z,
|
|
58
|
+
disabled: G,
|
|
59
|
+
hideUncheckedHints: R,
|
|
60
|
+
id: t,
|
|
61
|
+
invalid: y,
|
|
62
|
+
popoverContent: A,
|
|
63
|
+
popoverInfoButtonProps: b,
|
|
64
|
+
required: E,
|
|
65
|
+
systemFeedback: c,
|
|
66
|
+
value: k,
|
|
67
|
+
onChange: m,
|
|
68
|
+
...C
|
|
69
|
+
} = r, o[0] = r, o[1] = d, o[2] = p, o[3] = a, o[4] = t, o[5] = n, o[6] = v, o[7] = m, o[8] = e, o[9] = A, o[10] = b, o[11] = C, o[12] = c, o[13] = z, o[14] = G, o[15] = R, o[16] = y, o[17] = E, o[18] = k) : (d = o[1], p = o[2], a = o[3], t = o[4], n = o[5], v = o[6], m = o[7], e = o[8], A = o[9], b = o[10], C = o[11], c = o[12], z = o[13], G = o[14], R = o[15], y = o[16], E = o[17], k = o[18]);
|
|
70
|
+
const u = z === void 0 ? "vertical" : z, l = G === void 0 ? !1 : G, h = R === void 0 ? !1 : R, f = y === void 0 ? !1 : y, D = E === void 0 ? !1 : E;
|
|
71
|
+
process.env.NODE_ENV !== "production" && uo({
|
|
72
|
+
legend: n,
|
|
73
|
+
name: v,
|
|
74
|
+
options: e,
|
|
75
|
+
description: a,
|
|
76
|
+
direction: u,
|
|
77
|
+
hideUncheckedHints: h,
|
|
78
|
+
id: t,
|
|
79
|
+
systemFeedback: c
|
|
80
|
+
});
|
|
81
|
+
const [K, Q] = Z(p), N = k !== void 0, q = N ? k : K;
|
|
82
|
+
let x;
|
|
83
|
+
o[19] !== d || o[20] !== e ? (x = J({
|
|
84
|
+
[H.fieldsetCustomAreaAbove]: F(e)
|
|
85
|
+
}, d), o[19] = d, o[20] = e, o[21] = x) : x = o[21];
|
|
86
|
+
const V = x, M = u === "horizontal", O = f && !!c;
|
|
87
|
+
let I;
|
|
88
|
+
o[22] !== u || o[23] !== e || o[24] !== M || o[25] !== O ? (I = J(H.root, {
|
|
89
|
+
[H.rootHorizontal]: M,
|
|
90
|
+
[H.rootInvalid]: O,
|
|
91
|
+
[H.rootCustomAreaAbove]: F(e),
|
|
92
|
+
[H.rootCustomAreaAboveHorizontal]: F(e) && u === "horizontal"
|
|
93
|
+
}), o[22] = u, o[23] = e, o[24] = M, o[25] = O, o[26] = I) : I = o[26];
|
|
94
|
+
const $ = I;
|
|
95
|
+
let P;
|
|
96
|
+
o[27] !== l || o[28] !== N || o[29] !== m ? (P = (i) => {
|
|
97
|
+
if (l) {
|
|
98
|
+
i.preventDefault();
|
|
99
|
+
return;
|
|
100
|
+
}
|
|
101
|
+
N || Q(i.target.value), m && m(i);
|
|
102
|
+
}, o[27] = l, o[28] = N, o[29] = m, o[30] = P) : P = o[30];
|
|
103
|
+
const j = P;
|
|
104
|
+
let U;
|
|
105
|
+
o[31] !== h || o[32] !== e ? (U = lo(e) && !h, o[31] = h, o[32] = e, o[33] = U) : U = o[33];
|
|
106
|
+
const L = U;
|
|
107
|
+
let S;
|
|
108
|
+
o[34] !== u || o[35] !== e ? (S = F(e) && u === "horizontal" ? {
|
|
109
|
+
maxWidth: `calc(${e.length * 400}px + var(--ds-spacing-dynamic-xs))`
|
|
110
|
+
} : void 0, o[34] = u, o[35] = e, o[36] = S) : S = o[36];
|
|
111
|
+
let _;
|
|
112
|
+
o[37] !== L || o[38] !== q || o[39] !== l || o[40] !== h || o[41] !== t || o[42] !== f || o[43] !== v || o[44] !== e || o[45] !== s || o[46] !== D ? (_ = e.map((i) => /* @__PURE__ */ T(eo, { name: v, checked: i.value === q, disabled: l, fieldsetId: t, hideUncheckedHint: h, hint: i.hint, invalid: f, isBold: L, required: D, ref: i.value === q ? s : null, ...i }, t + i.label + i.value + i.hint)), o[37] = L, o[38] = q, o[39] = l, o[40] = h, o[41] = t, o[42] = f, o[43] = v, o[44] = e, o[45] = s, o[46] = D, o[47] = _) : _ = o[47];
|
|
113
|
+
let w;
|
|
114
|
+
o[48] !== $ || o[49] !== S || o[50] !== _ ? (w = /* @__PURE__ */ T("div", { className: $, style: S, children: _ }), o[48] = $, o[49] = S, o[50] = _, o[51] = w) : w = o[51];
|
|
115
|
+
let B;
|
|
116
|
+
return o[52] !== a || o[53] !== l || o[54] !== V || o[55] !== j || o[56] !== t || o[57] !== f || o[58] !== n || o[59] !== A || o[60] !== b || o[61] !== D || o[62] !== C || o[63] !== c || o[64] !== w ? (B = /* @__PURE__ */ T(oo, { id: t, legend: n, className: V, description: a, disabled: l, required: D, invalid: f, systemFeedback: c, popoverContent: A, popoverInfoButtonProps: b, ...C, role: "radiogroup", onChange: j, children: w }), o[52] = a, o[53] = l, o[54] = V, o[55] = j, o[56] = t, o[57] = f, o[58] = n, o[59] = A, o[60] = b, o[61] = D, o[62] = C, o[63] = c, o[64] = w, o[65] = B) : B = o[65], B;
|
|
117
|
+
});
|
|
118
|
+
po.displayName = "DSRadioGroup";
|
|
119
|
+
export {
|
|
120
|
+
po as D,
|
|
121
|
+
co as a,
|
|
122
|
+
F as b,
|
|
123
|
+
lo as o,
|
|
124
|
+
uo as v
|
|
125
|
+
};
|
|
@@ -6,7 +6,7 @@ import { u as A } from "./useBreakpoint.1txsny17.js";
|
|
|
6
6
|
import "./index.D-sRdssb.js";
|
|
7
7
|
import { Asterisk as G } from "../asterisk.B2ih8VwF.js";
|
|
8
8
|
import { D as ee } from "./Icon.CDLyB7Pv.js";
|
|
9
|
-
import { D as le } from "./Popover.
|
|
9
|
+
import { D as le } from "./Popover.C9tT8xkE.js";
|
|
10
10
|
import { D as se } from "./SystemFeedback.CjlARKki.js";
|
|
11
11
|
import { g as n, r as te } from "./helpers.CexwVao7.js";
|
|
12
12
|
import '../assets/Select.CL0fqx7X.css';const ae = "ds-select_root_1p3qq_1", re = "ds-select_hint_1p3qq_1", ce = "ds-select_label-wrapper_1p3qq_1", oe = "ds-select_label_1p3qq_1", ne = "ds-select_label--disabled_1p3qq_123", ie = "ds-select_label-wrapper--hidden_1p3qq_135", de = "ds-select_feedback_1p3qq_163", pe = "ds-select_select-wrapper_1p3qq_167", he = "ds-select_select_1p3qq_167", me = "ds-select_select--small_1p3qq_181", be = "ds-select_select--invalid_1p3qq_293", _e = "ds-select_select--placeholder_1p3qq_401", fe = "ds-select_chevron_1p3qq_451", Se = "ds-select_chevron--small_1p3qq_455", ue = "ds-select_chevron--disabled_1p3qq_458", e = {
|
|
@@ -4,8 +4,8 @@ import { d as mt } from "./index.D-sRdssb.js";
|
|
|
4
4
|
import { c as v } from "./index.DL9mof6u.js";
|
|
5
5
|
import { forwardRef as bt, useState as tt, useRef as ft } from "react";
|
|
6
6
|
import { u as _t } from "./useBreakpoint.1txsny17.js";
|
|
7
|
-
import { DSInput as ht } from "../input.
|
|
8
|
-
import { D as vt } from "./Popover.
|
|
7
|
+
import { DSInput as ht } from "../input.DL_M_Pg3.js";
|
|
8
|
+
import { D as vt } from "./Popover.C9tT8xkE.js";
|
|
9
9
|
import { g as lt } from "./helpers.CexwVao7.js";
|
|
10
10
|
import '../assets/Slider.DWLuIsNj.css';const Tt = "ds-slider_root_3zq13_1", xt = "ds-slider_hint_3zq13_4", gt = "ds-slider_label-wrapper_3zq13_4", kt = "ds-slider_label-hint-input-wrapper_3zq13_7", Nt = "ds-slider_number-input_3zq13_10", St = "ds-slider_label-wrapper--hidden_3zq13_20", Dt = "ds-slider_label_3zq13_4", yt = "ds-slider_label--disabled_3zq13_55", It = "ds-slider_number-input--small_3zq13_84", qt = "ds-slider_min-max-label-wrapper_3zq13_89", zt = "ds-slider_min-max-label-wrapper--disabled_3zq13_103", Mt = "ds-slider_min-label_3zq13_108", Lt = "ds-slider_max-label_3zq13_112", Wt = "ds-slider_slider-wrapper_3zq13_116", wt = "ds-slider_slider_3zq13_116", Vt = "ds-slider_value-tooltip_3zq13_135", Ct = "ds-slider_proxy-thumb_3zq13_139", Pt = "ds-slider_proxy-thumb--disabled_3zq13_217", $t = "ds-slider_custom-track_3zq13_246", At = "ds-slider_custom-track--progress_3zq13_251", Et = "ds-slider_custom-track--runnable_3zq13_263", Rt = "ds-slider_custom-track--disabled_3zq13_277", Ft = "ds-slider_tick-wrapper_3zq13_297", Bt = "ds-slider_tick_3zq13_297", Ht = "ds-slider_value-tooltip--visible_3zq13_356", Ot = "ds-slider_value-tooltip--disabled_3zq13_359", s = {
|
|
11
11
|
root: Tt,
|
|
@@ -8,8 +8,8 @@ import { t as H } from "./translate.nuU7uChI.js";
|
|
|
8
8
|
import { u as L } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
|
|
9
9
|
import "./index.D-sRdssb.js";
|
|
10
10
|
import { g as w } from "./AriaLiveRegions.utils.CybNIBSa.js";
|
|
11
|
-
import { DSScroller as F } from "../scroller.
|
|
12
|
-
import { StepperStep as G } from "../step.
|
|
11
|
+
import { DSScroller as F } from "../scroller.B1LijjCF.js";
|
|
12
|
+
import { StepperStep as G } from "../step.DaJFsafj.js";
|
|
13
13
|
import '../assets/Stepper.tXJl15yL.css';const ge = ["prev", "next"], N = 48, J = "ds-stepper_root_1d1si_1", K = "ds-stepper_root--vertical_1d1si_12", Q = "ds-stepper_scroller--centered_1d1si_17", U = "ds-stepper_scroller-button_1d1si_21", X = "ds-stepper_list_1d1si_26", Y = "ds-stepper_list--center_1d1si_35", Z = "ds-stepper_list--vertical_1d1si_38", a = {
|
|
14
14
|
root: J,
|
|
15
15
|
rootVertical: K,
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx as N, jsxs as C } from "react/jsx-runtime";
|
|
3
3
|
import { d as L } from "./index.D-sRdssb.js";
|
|
4
4
|
import { useState as M } from "react";
|
|
5
|
-
import { TabList as $ } from "../tablist.
|
|
5
|
+
import { TabList as $ } from "../tablist.mX5nQWwH.js";
|
|
6
6
|
import { TabPane as j } from "../tabpane.C4nsUlwc.js";
|
|
7
7
|
import { g as B } from "./TabPane.utils.DG16Y2uD.js";
|
|
8
8
|
import { g, r as O } from "./helpers.CexwVao7.js";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { a } from "./helpers.CexwVao7.js";
|
|
3
|
+
import "react";
|
|
4
|
+
import "./index.D-sRdssb.js";
|
|
5
|
+
const m = ["address", "blockquote", "cite", "div", "dd", "dfn", "dt", "figcaption", "legend", "li", "p", "span", "time"], r = ["large", "medium", "small", "x-small", "xx-small"], o = ["bold", "normal"], d = (t, s) => Array.isArray(s) ? s.some((i) => !!a(t, i)) : !!a(t, s);
|
|
6
|
+
export {
|
|
7
|
+
m as T,
|
|
8
|
+
r as a,
|
|
9
|
+
o as b,
|
|
10
|
+
d as i
|
|
11
|
+
};
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as k } from "react/jsx-runtime";
|
|
3
|
+
import { d as M } from "./index.D-sRdssb.js";
|
|
4
|
+
import { c as X } from "./index.DL9mof6u.js";
|
|
5
|
+
import { useRef as N, useEffect as P } from "react";
|
|
6
|
+
import { g } from "./helpers.CexwVao7.js";
|
|
7
|
+
import { i as B } from "./Text.utils.B4MiHAK_.js";
|
|
8
|
+
import '../assets/TextUtility.BsMYk5lH.css';const Y = "ds-text-utility_root_1hq5u_6", $ = "ds-text-utility_root--large_1hq5u_15", z = "ds-text-utility_root--large-bold_1hq5u_26", G = "ds-text-utility_root--medium_1hq5u_37", R = "ds-text-utility_root--medium-bold_1hq5u_48", W = "ds-text-utility_root--small_1hq5u_59", j = "ds-text-utility_root--small-bold_1hq5u_70", A = "ds-text-utility_root--small-demi_1hq5u_81", C = "ds-text-utility_root--x-small-demi_1hq5u_92", H = "ds-text-utility_root--theme-dark_1hq5u_186", l = {
|
|
9
|
+
root: Y,
|
|
10
|
+
rootLarge: $,
|
|
11
|
+
rootLargeBold: z,
|
|
12
|
+
rootMedium: G,
|
|
13
|
+
rootMediumBold: R,
|
|
14
|
+
rootSmall: W,
|
|
15
|
+
rootSmallBold: j,
|
|
16
|
+
rootSmallDemi: A,
|
|
17
|
+
rootXSmallDemi: C,
|
|
18
|
+
rootThemeDark: H
|
|
19
|
+
}, tt = ["address", "blockquote", "cite", "div", "dd", "dfn", "dt", "figcaption", "legend", "li", "p", "span", "time"], ot = ["large", "medium", "small", "x-small"], et = ["bold", "demi", "normal"], O = ({
|
|
20
|
+
size: i,
|
|
21
|
+
weight: t
|
|
22
|
+
}) => {
|
|
23
|
+
t === "demi" && i !== "small" && i !== "x-small" && console.warn(g("DSTextUtility", 'Invalid prop combination: weight "demi" is only supported on sizes "small" and "x-small".')), i === "x-small" && t !== "demi" && console.warn(g("DSTextUtility", 'Invalid prop combination: size "x-small" only supports weight "demi".'));
|
|
24
|
+
}, lt = (i) => {
|
|
25
|
+
const t = M.c(29);
|
|
26
|
+
let r, a, m, n, d, c, u;
|
|
27
|
+
t[0] !== i ? ({
|
|
28
|
+
children: r,
|
|
29
|
+
className: a,
|
|
30
|
+
size: n,
|
|
31
|
+
tag: d,
|
|
32
|
+
theme: c,
|
|
33
|
+
weight: u,
|
|
34
|
+
...m
|
|
35
|
+
} = i, t[0] = i, t[1] = r, t[2] = a, t[3] = m, t[4] = n, t[5] = d, t[6] = c, t[7] = u) : (r = t[1], a = t[2], m = t[3], n = t[4], d = t[5], c = t[6], u = t[7]);
|
|
36
|
+
const o = n === void 0 ? "medium" : n, s = d === void 0 ? "p" : d, L = c === void 0 ? "light" : c, e = u === void 0 ? "normal" : u, _ = N(null);
|
|
37
|
+
let h, T;
|
|
38
|
+
t[8] !== o || t[9] !== s || t[10] !== e ? (h = () => {
|
|
39
|
+
if (process.env.NODE_ENV !== "production" && (O({
|
|
40
|
+
size: o,
|
|
41
|
+
weight: e
|
|
42
|
+
}), _.current))
|
|
43
|
+
t: switch (s) {
|
|
44
|
+
case "li": {
|
|
45
|
+
if (!B(_.current, "ul, ol"))
|
|
46
|
+
throw Error(g("DSTextUtility", `The DSTextUtility component with the tag "${s}" is not within a list element (ul, ol). Please ensure it's placed correctly.`));
|
|
47
|
+
break t;
|
|
48
|
+
}
|
|
49
|
+
case "dt":
|
|
50
|
+
case "dd": {
|
|
51
|
+
if (!B(_.current, "dl"))
|
|
52
|
+
throw Error(g("DSTextUtility", `The DSTextUtility component with the tag "${s}" is not within a description list element (dl). Please ensure it's placed correctly.`));
|
|
53
|
+
break t;
|
|
54
|
+
}
|
|
55
|
+
default:
|
|
56
|
+
return;
|
|
57
|
+
}
|
|
58
|
+
}, T = [s, o, e], t[8] = o, t[9] = s, t[10] = e, t[11] = h, t[12] = T) : (h = t[11], T = t[12]), P(h, T);
|
|
59
|
+
const f = s, y = o === "large" && e === "normal", S = o === "large" && e === "bold", D = o === "medium" && e === "normal", b = o === "medium" && e === "bold", w = o === "small" && e === "normal", E = o === "small" && e === "bold", q = o === "small" && e === "demi", U = o === "x-small" && e === "demi", v = L === "dark";
|
|
60
|
+
let p;
|
|
61
|
+
t[13] !== a || t[14] !== b || t[15] !== w || t[16] !== E || t[17] !== q || t[18] !== U || t[19] !== v || t[20] !== y || t[21] !== S || t[22] !== D ? (p = X(l.root, a, {
|
|
62
|
+
[l.rootLarge]: y,
|
|
63
|
+
[l.rootLargeBold]: S,
|
|
64
|
+
[l.rootMedium]: D,
|
|
65
|
+
[l.rootMediumBold]: b,
|
|
66
|
+
[l.rootSmall]: w,
|
|
67
|
+
[l.rootSmallBold]: E,
|
|
68
|
+
[l.rootSmallDemi]: q,
|
|
69
|
+
[l.rootXSmallDemi]: U,
|
|
70
|
+
[l.rootThemeDark]: v
|
|
71
|
+
}), t[13] = a, t[14] = b, t[15] = w, t[16] = E, t[17] = q, t[18] = U, t[19] = v, t[20] = y, t[21] = S, t[22] = D, t[23] = p) : p = t[23];
|
|
72
|
+
const I = p;
|
|
73
|
+
let x;
|
|
74
|
+
return t[24] !== f || t[25] !== r || t[26] !== m || t[27] !== I ? (x = /* @__PURE__ */ k(f, { className: I, ref: _, ...m, children: r }), t[24] = f, t[25] = r, t[26] = m, t[27] = I, t[28] = x) : x = t[28], x;
|
|
75
|
+
};
|
|
76
|
+
export {
|
|
77
|
+
lt as D,
|
|
78
|
+
tt as T,
|
|
79
|
+
ot as a,
|
|
80
|
+
et as b,
|
|
81
|
+
O as v
|
|
82
|
+
};
|
|
@@ -6,7 +6,7 @@ import { g as I, p as X } from "./helpers.CexwVao7.js";
|
|
|
6
6
|
import { u as Z } from "./useBreakpoint.1txsny17.js";
|
|
7
7
|
import "./index.D-sRdssb.js";
|
|
8
8
|
import { Asterisk as me } from "../asterisk.B2ih8VwF.js";
|
|
9
|
-
import { D as xe } from "./Popover.
|
|
9
|
+
import { D as xe } from "./Popover.C9tT8xkE.js";
|
|
10
10
|
import { D as ve } from "./SystemFeedback.CjlARKki.js";
|
|
11
11
|
import '../assets/Textarea.B1HOakic.css';const Se = "ds-textarea_textarea_19e2t_1", Ce = "ds-textarea_textarea--small_19e2t_9", we = "ds-textarea_textarea--invalid_19e2t_121", ye = "ds-textarea_textarea--resize-auto_19e2t_145", De = "ds-textarea_root_19e2t_155", Ae = "ds-textarea_hint_19e2t_155", Te = "ds-textarea_label-wrapper_19e2t_155", Ie = "ds-textarea_label_19e2t_155", Ne = "ds-textarea_label--disabled_19e2t_295", ke = "ds-textarea_label-wrapper--hidden_19e2t_307", Re = "ds-textarea_feedback_19e2t_335", Ee = "ds-textarea_footer_19e2t_339", He = "ds-textarea_footer--has-system-feedback_19e2t_344", ge = "ds-textarea_char-count_19e2t_353", $e = "ds-textarea_char-count-announcer_19e2t_366", a = {
|
|
12
12
|
textarea: Se,
|
|
@@ -3,7 +3,7 @@ import { jsx as S, jsxs as y } from "react/jsx-runtime";
|
|
|
3
3
|
import { d as E } from "./index.D-sRdssb.js";
|
|
4
4
|
import { c as W } from "./index.DL9mof6u.js";
|
|
5
5
|
import { forwardRef as L } from "react";
|
|
6
|
-
import { D as M } from "./Button.
|
|
6
|
+
import { D as M } from "./Button.CQlIao-Z.js";
|
|
7
7
|
import { D as O } from "./Icon.CDLyB7Pv.js";
|
|
8
8
|
import '../assets/Toast.CGyKXb4V.css';const P = "ds-toast_root_1jbef_5", z = "ds-toast_root--closing_1jbef_15", A = "ds-toast_root--success_1jbef_56", R = "ds-toast_root--info_1jbef_60", $ = "ds-toast_root--warning_1jbef_64", q = "ds-toast_content_1jbef_69", F = "ds-toast_content--hide-icon_1jbef_76", G = "ds-toast_icon_1jbef_80", J = "ds-toast_message_1jbef_84", s = {
|
|
9
9
|
root: P,
|