design-system-silkhaus 2.14.0-beta.tabbed-menu.2 → 2.14.0-beta.tabbed-menu.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +17 -17
- package/dist/index.js +41 -35
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -5301,37 +5301,37 @@ const tp = ({ label: e, required: t, error: r, className: n, disabled: a }) => /
|
|
|
5301
5301
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5302
5302
|
className: e,
|
|
5303
5303
|
children: [
|
|
5304
|
-
/* @__PURE__ */ f.jsxs("g", { clipPath: "url(#
|
|
5304
|
+
/* @__PURE__ */ f.jsxs("g", { clipPath: "url(#clip0_2565_6856)", children: [
|
|
5305
5305
|
/* @__PURE__ */ f.jsx(
|
|
5306
5306
|
"path",
|
|
5307
5307
|
{
|
|
5308
|
-
d: "M10.8722 16.25H14.1552C15.0715 16.25 15.5333 15.
|
|
5308
|
+
d: "M10.8722 16.25H14.1552C15.0715 16.25 15.5333 15.7885 15.5333 14.8216V11.54C15.5333 10.5804 15.0715 10.1116 14.1552 10.1116H10.8722C9.9486 10.1116 9.48682 10.5804 9.48682 11.54V14.8216C9.48682 15.7885 9.9486 16.25 10.8722 16.25Z",
|
|
5309
5309
|
fill: "currentColor"
|
|
5310
5310
|
}
|
|
5311
5311
|
),
|
|
5312
5312
|
/* @__PURE__ */ f.jsx(
|
|
5313
5313
|
"path",
|
|
5314
5314
|
{
|
|
5315
|
-
d: "M3.62814 16.25H6.91835C7.83471 16.25 8.29649 15.
|
|
5315
|
+
d: "M3.62814 16.25H6.91835C7.83471 16.25 8.29649 15.7885 8.29649 14.8216V11.54C8.29649 10.5804 7.83471 10.1116 6.91835 10.1116H3.62814C2.71178 10.1116 2.25 10.5804 2.25 11.54V14.8216C2.25 15.7885 2.71178 16.25 3.62814 16.25Z",
|
|
5316
5316
|
fill: "currentColor"
|
|
5317
5317
|
}
|
|
5318
5318
|
),
|
|
5319
5319
|
/* @__PURE__ */ f.jsx(
|
|
5320
5320
|
"path",
|
|
5321
5321
|
{
|
|
5322
|
-
d: "M10.8722 8.
|
|
5322
|
+
d: "M10.8722 8.903H14.1552C15.0715 8.903 15.5333 8.4342 15.5333 7.4673V4.19302C15.5333 3.22612 15.0715 2.76465 14.1552 2.76465H10.8722C9.9486 2.76465 9.48682 3.22612 9.48682 4.19302V7.4673C9.48682 8.4342 9.9486 8.903 10.8722 8.903Z",
|
|
5323
5323
|
fill: "currentColor"
|
|
5324
5324
|
}
|
|
5325
5325
|
),
|
|
5326
5326
|
/* @__PURE__ */ f.jsx(
|
|
5327
5327
|
"path",
|
|
5328
5328
|
{
|
|
5329
|
-
d: "M3.62814 8.
|
|
5329
|
+
d: "M3.62814 8.903H6.91835C7.83471 8.903 8.29649 8.4342 8.29649 7.4673V4.19302C8.29649 3.22612 7.83471 2.76465 6.91835 2.76465H3.62814C2.71178 2.76465 2.25 3.22612 2.25 4.19302V7.4673C2.25 8.4342 2.71178 8.903 3.62814 8.903Z",
|
|
5330
5330
|
fill: "currentColor"
|
|
5331
5331
|
}
|
|
5332
5332
|
)
|
|
5333
5333
|
] }),
|
|
5334
|
-
/* @__PURE__ */ f.jsx("defs", { children: /* @__PURE__ */ f.jsx("clipPath", { id: "
|
|
5334
|
+
/* @__PURE__ */ f.jsx("defs", { children: /* @__PURE__ */ f.jsx("clipPath", { id: "clip0_2565_6856", children: /* @__PURE__ */ f.jsx(
|
|
5335
5335
|
"rect",
|
|
5336
5336
|
{
|
|
5337
5337
|
width: "13.5",
|
|
@@ -5352,37 +5352,37 @@ const tp = ({ label: e, required: t, error: r, className: n, disabled: a }) => /
|
|
|
5352
5352
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5353
5353
|
className: e,
|
|
5354
5354
|
children: [
|
|
5355
|
-
/* @__PURE__ */ f.jsxs("g", { clipPath: "url(#
|
|
5355
|
+
/* @__PURE__ */ f.jsxs("g", { clipPath: "url(#clip0_2565_6107)", children: [
|
|
5356
5356
|
/* @__PURE__ */ f.jsx(
|
|
5357
5357
|
"path",
|
|
5358
5358
|
{
|
|
5359
|
-
d: "M10.8722 16.25H14.1552C15.0715 16.25 15.5333 15.
|
|
5359
|
+
d: "M10.8722 16.25H14.1552C15.0715 16.25 15.5333 15.788 15.5333 14.8201V11.5423C15.5333 10.5743 15.0715 10.1123 14.1552 10.1123H10.8722C9.9486 10.1123 9.48682 10.5743 9.48682 11.5423V14.8201C9.48682 15.788 9.9486 16.25 10.8722 16.25ZM10.8866 15.2161C10.6269 15.2161 10.5042 15.0841 10.5042 14.8274V11.5423C10.5042 11.2783 10.6269 11.1463 10.8866 11.1463H14.1407C14.3933 11.1463 14.516 11.2783 14.516 11.5423V14.8274C14.516 15.0841 14.3933 15.2161 14.1407 15.2161H10.8866Z",
|
|
5360
5360
|
fill: "currentColor"
|
|
5361
5361
|
}
|
|
5362
5362
|
),
|
|
5363
5363
|
/* @__PURE__ */ f.jsx(
|
|
5364
5364
|
"path",
|
|
5365
5365
|
{
|
|
5366
|
-
d: "M3.62814 16.25H6.91835C7.83471 16.25 8.29649 15.
|
|
5366
|
+
d: "M3.62814 16.25H6.91835C7.83471 16.25 8.29649 15.788 8.29649 14.8201V11.5423C8.29649 10.5743 7.83471 10.1123 6.91835 10.1123H3.62814C2.71178 10.1123 2.25 10.5743 2.25 11.5423V14.8201C2.25 15.788 2.71178 16.25 3.62814 16.25ZM3.64257 15.2161C3.39003 15.2161 3.26737 15.0841 3.26737 14.8274V11.5423C3.26737 11.2783 3.39003 11.1463 3.64257 11.1463H6.89671C7.14925 11.1463 7.27913 11.2783 7.27913 11.5423V14.8274C7.27913 15.0841 7.14925 15.2161 6.89671 15.2161H3.64257Z",
|
|
5367
5367
|
fill: "currentColor"
|
|
5368
5368
|
}
|
|
5369
5369
|
),
|
|
5370
5370
|
/* @__PURE__ */ f.jsx(
|
|
5371
5371
|
"path",
|
|
5372
5372
|
{
|
|
5373
|
-
d: "M10.8722 8.
|
|
5373
|
+
d: "M10.8722 8.89503H14.1552C15.0715 8.89503 15.5333 8.43306 15.5333 7.46511V4.17993C15.5333 3.21931 15.0715 2.75 14.1552 2.75H10.8722C9.9486 2.75 9.48682 3.21931 9.48682 4.17993V7.46511C9.48682 8.43306 9.9486 8.89503 10.8722 8.89503ZM10.8866 7.86109C10.6269 7.86109 10.5042 7.72909 10.5042 7.45777V4.17993C10.5042 3.91594 10.6269 3.78395 10.8866 3.78395H14.1407C14.3933 3.78395 14.516 3.91594 14.516 4.17993V7.45777C14.516 7.72909 14.3933 7.86109 14.1407 7.86109H10.8866Z",
|
|
5374
5374
|
fill: "currentColor"
|
|
5375
5375
|
}
|
|
5376
5376
|
),
|
|
5377
5377
|
/* @__PURE__ */ f.jsx(
|
|
5378
5378
|
"path",
|
|
5379
5379
|
{
|
|
5380
|
-
d: "M3.62814 8.
|
|
5380
|
+
d: "M3.62814 8.89503H6.91835C7.83471 8.89503 8.29649 8.43306 8.29649 7.46511V4.17993C8.29649 3.21931 7.83471 2.75 6.91835 2.75H3.62814C2.71178 2.75 2.25 3.21931 2.25 4.17993V7.46511C2.25 8.43306 2.71178 8.89503 3.62814 8.89503ZM3.64257 7.86109C3.39003 7.86109 3.26737 7.72909 3.26737 7.45777V4.17993C3.26737 3.91594 3.39003 3.78395 3.64257 3.78395H6.89671C7.14925 3.78395 7.27913 3.91594 7.27913 4.17993V7.45777C7.27913 7.72909 7.14925 7.86109 6.89671 7.86109H3.64257Z",
|
|
5381
5381
|
fill: "currentColor"
|
|
5382
5382
|
}
|
|
5383
5383
|
)
|
|
5384
5384
|
] }),
|
|
5385
|
-
/* @__PURE__ */ f.jsx("defs", { children: /* @__PURE__ */ f.jsx("clipPath", { id: "
|
|
5385
|
+
/* @__PURE__ */ f.jsx("defs", { children: /* @__PURE__ */ f.jsx("clipPath", { id: "clip0_2565_6107", children: /* @__PURE__ */ f.jsx(
|
|
5386
5386
|
"rect",
|
|
5387
5387
|
{
|
|
5388
5388
|
width: "13.5",
|
|
@@ -38811,33 +38811,39 @@ const zY = ({
|
|
|
38811
38811
|
const n = (a) => {
|
|
38812
38812
|
r(a.link ? { value: a.value, link: a.link } : { value: a.value });
|
|
38813
38813
|
};
|
|
38814
|
-
return /* @__PURE__ */ f.jsx("div", { className: "ds-flex ds-flex-wrap ds-justify-center ds-gap-4", children: e.map((a) => /* @__PURE__ */ f.
|
|
38814
|
+
return /* @__PURE__ */ f.jsx("div", { className: "ds-flex ds-flex-wrap ds-justify-center ds-gap-4", children: e.map((a) => /* @__PURE__ */ f.jsx(
|
|
38815
38815
|
"div",
|
|
38816
38816
|
{
|
|
38817
|
-
className: Ue(
|
|
38818
|
-
"ds-
|
|
38817
|
+
className: Ue("ds-flex ds-desktop:ds-pb-2", {
|
|
38818
|
+
"ds-desktop:ds-border-b-[3px] ds-desktop:ds-border-accentEggplant-100": t === a.value
|
|
38819
|
+
}),
|
|
38820
|
+
children: /* @__PURE__ */ f.jsxs(
|
|
38821
|
+
"div",
|
|
38819
38822
|
{
|
|
38820
|
-
|
|
38821
|
-
|
|
38823
|
+
className: Ue(
|
|
38824
|
+
"ds-group ds-flex ds-cursor-pointer ds-items-center ds-justify-center ds-gap-1 ds-rounded ds-px-2 ds-py-1 ds-desktop:ds-px-3 ds-desktop:ds-py-2",
|
|
38825
|
+
{ "ds-bg-accentEggplant-100 ds-desktop:ds-bg-transparent": t === a.value },
|
|
38826
|
+
{ "hover:ds-bg-Fills-quintiary": t !== a.value }
|
|
38827
|
+
),
|
|
38828
|
+
onClick: () => n(a),
|
|
38829
|
+
children: [
|
|
38830
|
+
/* @__PURE__ */ f.jsx("span", { className: "ds-flex ds-size-4 ds-desktop:ds-h-[18px] ds-desktop:ds-w-[18px]", children: t === a.value ? /* @__PURE__ */ f.jsx(a.HoverIconComponent, { className: "ds-text-white ds-desktop:ds-text-accentEggplant-100" }) : /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
|
|
38831
|
+
/* @__PURE__ */ f.jsx(a.IconComponent, { className: "ds-block group-hover:ds-hidden" }),
|
|
38832
|
+
/* @__PURE__ */ f.jsx(a.HoverIconComponent, { className: "ds-hidden ds-text-black group-hover:ds-block" })
|
|
38833
|
+
] }) }),
|
|
38834
|
+
/* @__PURE__ */ f.jsx(
|
|
38835
|
+
"span",
|
|
38836
|
+
{
|
|
38837
|
+
className: Ue(
|
|
38838
|
+
"ds-desktop:ds_MediumSubheadEmphasized ds_xSmallCalloutEmphasized ds-flex",
|
|
38839
|
+
{ "ds-text-white ds-desktop:ds-text-accentEggplant-100": t === a.value }
|
|
38840
|
+
),
|
|
38841
|
+
children: a.label
|
|
38842
|
+
}
|
|
38843
|
+
)
|
|
38844
|
+
]
|
|
38822
38845
|
}
|
|
38823
|
-
)
|
|
38824
|
-
onClick: () => n(a),
|
|
38825
|
-
children: [
|
|
38826
|
-
/* @__PURE__ */ f.jsx("span", { className: "ds-flex ds-size-4 ds-desktop:ds-h-[18px] ds-desktop:ds-w-[18px]", children: t === a.value ? /* @__PURE__ */ f.jsx(a.HoverIconComponent, { className: "ds-text-white ds-desktop:ds-text-accentEggplant-100" }) : /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
|
|
38827
|
-
/* @__PURE__ */ f.jsx(a.IconComponent, { className: "ds-block group-hover:ds-hidden" }),
|
|
38828
|
-
/* @__PURE__ */ f.jsx(a.HoverIconComponent, { className: "ds-hidden ds-text-black group-hover:ds-block" })
|
|
38829
|
-
] }) }),
|
|
38830
|
-
/* @__PURE__ */ f.jsx(
|
|
38831
|
-
"span",
|
|
38832
|
-
{
|
|
38833
|
-
className: Ue(
|
|
38834
|
-
"ds-desktop:ds_MediumSubheadEmphasized ds-tablet:ds_SmallCalloutEmphasized ds_xSmallCalloutEmphasized ds-flex",
|
|
38835
|
-
{ "ds-text-white ds-desktop:ds-text-accentEggplant-100": t === a.value }
|
|
38836
|
-
),
|
|
38837
|
-
children: a.label
|
|
38838
|
-
}
|
|
38839
|
-
)
|
|
38840
|
-
]
|
|
38846
|
+
)
|
|
38841
38847
|
},
|
|
38842
38848
|
a.value
|
|
38843
38849
|
)) });
|