@stihl-design-system/components 1.0.0-RC.29 → 1.0.0-RC.30
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/{actionbutton.DHt1AL7U.js → actionbutton.u1qp8oGC.js} +1 -1
- package/{actionlink.BML1jenE.js → actionlink.C7HzeIVa.js} +1 -1
- package/assets/ActionButton.oGVPTS1J.css +1 -0
- package/assets/ActionLink.CTh6IXrN.css +1 -0
- package/assets/Header.CNqtWTxB.css +1 -0
- package/assets/MegaMenu.DX9gChtY.css +1 -0
- package/assets/banner.BLdW5VF4.css +1 -0
- package/banner.j9YpudOS.js +55 -0
- package/chunks/ActionButton.B8zFwOrJ.js +165 -0
- package/chunks/{ActionLink.BlhqDEtq.js → ActionLink.IX6oRXU3.js} +31 -31
- package/chunks/Header.DqZRryB5.js +366 -0
- package/chunks/MegaMenu.BY7eOnhj.js +189 -0
- package/chunks/Popover.NGetxKGg.js +159 -0
- package/chunks/floating-ui.react.x0F9CYgn.js +1637 -0
- package/components/Banner/Banner.d.ts +1 -1
- package/components/InputFile/InputFile.d.ts +1 -1
- package/components/MegaMenu/MegaMenu.d.ts +32 -0
- package/components/MegaMenu/MegaMenu.test.d.ts +1 -0
- package/components/MegaMenu/MegaMenu.utils.d.ts +52 -0
- package/components/MegaMenu/MegaMenu.utils.test.d.ts +1 -0
- package/components/Popover/Popover.d.ts +1 -1
- package/components/Scroller/Scroller.d.ts +1 -1
- package/github-mark-white.svg +1 -0
- package/github-mark.svg +1 -0
- package/{header.Z4Oxj_xL.js → header.QpNjE3N-.js} +1 -1
- package/index.d.ts +2 -0
- package/index.es.js +117 -112
- package/megamenu.CdHrEeoh.js +12 -0
- package/megamenu.d.ts +2 -0
- package/package.json +3 -1
- package/partials/index.js +21 -15
- package/partials/lib/partials.d.ts +1 -1
- package/{popover.BFx99cHg.js → popover.DXxm1oWI.js} +3 -2
- package/styles/scss/ds/index.scss +0 -1
- package/styles/scss/ds/lib/grid-main.scss +2 -13
- package/styles/scss/ds/lib/grid-sidebar.scss +38 -136
- package/{topbar.Bccms0xZ.js → topbar.Dhy_TL0U.js} +1 -1
- package/assets/ActionButton.Ewi0i1hW.css +0 -1
- package/assets/ActionLink.BdPEvuGm.css +0 -1
- package/assets/Header.DO34x-dO.css +0 -1
- package/assets/banner.D9EiZqqR.css +0 -1
- package/banner.B2YO054K.js +0 -55
- package/chunks/ActionButton.CzaWZGPt.js +0 -165
- package/chunks/Header.BSvyYrIV.js +0 -368
- package/chunks/Popover.hXQTvwwd.js +0 -1685
- package/styles/scss/ds/lib/grid-sidebar-sidebar.scss +0 -52
|
@@ -5,7 +5,7 @@ import "./chunks/index.CEyLAtio.js";
|
|
|
5
5
|
import "react";
|
|
6
6
|
import "./chunks/Icon.DGTYCv63.js";
|
|
7
7
|
import "./numberindicator.Ddf3ESi7.js";
|
|
8
|
-
import { D as c } from "./chunks/ActionButton.
|
|
8
|
+
import { D as c } from "./chunks/ActionButton.B8zFwOrJ.js";
|
|
9
9
|
export {
|
|
10
10
|
c as DSActionButton
|
|
11
11
|
};
|
|
@@ -3,7 +3,7 @@ import "react/jsx-runtime";
|
|
|
3
3
|
import "./chunks/index.CgTHIF3K.js";
|
|
4
4
|
import "./chunks/index.CEyLAtio.js";
|
|
5
5
|
import "./chunks/Icon.DGTYCv63.js";
|
|
6
|
-
import { D as c } from "./chunks/ActionLink.
|
|
6
|
+
import { D as c } from "./chunks/ActionLink.IX6oRXU3.js";
|
|
7
7
|
import "react";
|
|
8
8
|
import "./numberindicator.Ddf3ESi7.js";
|
|
9
9
|
export {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ds-action-button_root_15ybf_1:focus{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-action-button_root_15ybf_1:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-action-button_root_15ybf_1:focus{outline:revert;outline-offset:revert}.ds-action-button_root_15ybf_1:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-action-button_root_15ybf_1:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-action-button_root_15ybf_1){padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px}.ds-action-button_root_15ybf_1{color:#252525;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2rem;border-width:1px;border-style:solid;border-color:transparent;border-radius:2px;transform:translateZ(0);white-space:nowrap;overflow-wrap:normal;text-align:center;text-decoration:none;background-color:transparent;cursor:pointer}@media (hover: hover){.ds-action-button_root_15ybf_1:hover{background-color:#0000001a}}.ds-action-button_root_15ybf_1{transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-action-button_root_15ybf_1{transition-duration:0ms}}@media screen and (forced-colors: active){.ds-action-button_root_15ybf_1{background-color:Canvas!important}.ds-action-button_root_15ybf_1:hover{border-color:Highlight}}.ds-action-button_root--indent-level-1_15ybf_75{padding-inline-start:39px}.ds-action-button_root--active_15ybf_78{background-color:#0000001a}.ds-action-button_root--active--with-marker_15ybf_81{padding-inline-start:0px}.ds-action-button_root--icon--top_15ybf_84{gap:.25rem;flex-direction:column;min-height:3.375rem;padding-block-start:11px;padding-block-end:5px;padding-inline-start:7px;padding-inline-end:7px}.ds-action-button_root_15ybf_1[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}.ds-action-button_root_15ybf_1[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-action-button_root_15ybf_1[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-action-button_root_15ybf_1[aria-disabled=true]:before{background-color:transparent}.ds-action-button_root--stretched_15ybf_110{justify-content:flex-start;width:100%}.ds-action-button_active-marker_15ybf_115{width:.25rem;height:1.25rem;margin-inline-start:-.0625rem;margin-inline-end:.25rem;background-color:#e9640c}@media screen and (forced-colors: active){.ds-action-button_active-marker_15ybf_115{background-color:Highlight}}.ds-action-button_active-marker--with-indent_15ybf_127{margin-inline-end:1.75rem}.ds-action-button_icon-wrapper_15ybf_131{height:1rem}.ds-action-button_icon-wrapper--x-large_15ybf_134{height:1.5rem}.ds-action-button_icon-wrapper--with-number-indicator_15ybf_137{position:relative}.ds-action-button_icon-wrapper--with-number-indicator_15ybf_137>span{position:absolute;top:-25%;left:.625rem}.ds-action-button_icon-wrapper--with-number-indicator--with-value_15ybf_145>span{top:-50%}.ds-action-button_label_15ybf_149{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}.ds-action-button_label--bold_15ybf_160,.ds-action-button_label--active_15ybf_171{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-action-button_label--icon-top_15ybf_182{font-family:STIHL Contraface Digital Text Demi,-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:.75rem;line-height:1.14;font-size-adjust:.42}.ds-action-button_label--icon-top_15ybf_182.ds-action-button_label--active_15ybf_171{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:.75rem;line-height:1.33;font-size-adjust:.426}.ds-action-button_number-indicator_15ybf_205{margin-inline-start:auto}.ds-action-button_label-wrapper_15ybf_209{display:flex;align-items:center;gap:.375rem}.ds-action-button_label-wrapper--icon-top_15ybf_214{gap:.125rem}.ds-action-button_chevron_15ybf_218{transform:rotate(0);min-width:.75rem;min-height:.75rem;width:.75rem;height:.75rem}.ds-action-button_chevron_15ybf_218{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){.ds-action-button_chevron_15ybf_218{transition-duration:0ms}}.ds-action-button_chevron--icon-position-top_15ybf_233{min-width:.625rem;min-height:.625rem;width:.625rem;height:.625rem}.ds-action-button_chevron--up_15ybf_239{transform:rotate(-180deg)}.ds-action-button_chevron--up_15ybf_239{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-action-button_chevron--up_15ybf_239{transition-duration:0ms}}.ds-action-button_chevron--right_15ybf_250{transform:rotate(-90deg)}.ds-action-button_chevron--right_15ybf_250{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-action-button_chevron--right_15ybf_250{transition-duration:0ms}}.ds-action-button_chevron--left_15ybf_261{transform:rotate(-270deg)}.ds-action-button_chevron--left_15ybf_261{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-action-button_chevron--left_15ybf_261{transition-duration:0ms}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ds-action-link_root_1xtta_1:focus{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-action-link_root_1xtta_1:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-action-link_root_1xtta_1:focus{outline:revert;outline-offset:revert}.ds-action-link_root_1xtta_1:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-action-link_root_1xtta_1:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-action-link_root_1xtta_1){padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px}.ds-action-link_root_1xtta_1{color:#252525;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2rem;border-width:1px;border-style:solid;border-color:transparent;border-radius:2px;transform:translateZ(0);white-space:nowrap;overflow-wrap:normal;text-align:center;text-decoration:none;background-color:transparent;cursor:pointer}@media (hover: hover){.ds-action-link_root_1xtta_1:hover{background-color:#0000001a}}.ds-action-link_root_1xtta_1{transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-action-link_root_1xtta_1{transition-duration:0ms}}@media screen and (forced-colors: active){.ds-action-link_root_1xtta_1{background-color:Canvas!important}.ds-action-link_root_1xtta_1:hover{border-color:Highlight}}.ds-action-link_root--indent-level-1_1xtta_75{padding-inline-start:39px}.ds-action-link_root--active_1xtta_78{background-color:#0000001a}.ds-action-link_root--active--with-marker_1xtta_81{padding-inline-start:0px}.ds-action-link_root--icon--top_1xtta_84{gap:.25rem;flex-direction:column;min-height:3.375rem;padding-block-start:11px;padding-block-end:5px;padding-inline-start:7px;padding-inline-end:7px}.ds-action-link_root_1xtta_1[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}.ds-action-link_root_1xtta_1[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-action-link_root_1xtta_1[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-action-link_root_1xtta_1[aria-disabled=true]:before{background-color:transparent}.ds-action-link_root--stretched_1xtta_110{justify-content:flex-start;width:100%}.ds-action-link_active-marker_1xtta_115{width:.25rem;height:1.25rem;margin-inline-start:-.0625rem;margin-inline-end:.25rem;background-color:#e9640c}@media screen and (forced-colors: active){.ds-action-link_active-marker_1xtta_115{background-color:Highlight}}.ds-action-link_active-marker--with-indent_1xtta_127{margin-inline-end:1.75rem}.ds-action-link_icon-wrapper_1xtta_131{height:1rem}.ds-action-link_icon-wrapper--x-large_1xtta_134{height:1.5rem}.ds-action-link_icon-wrapper--with-number-indicator_1xtta_137{position:relative}.ds-action-link_icon-wrapper--with-number-indicator_1xtta_137>span{position:absolute;top:-25%;left:.625rem}.ds-action-link_icon-wrapper--with-number-indicator--with-value_1xtta_145>span{top:-50%}.ds-action-link_label_1xtta_149{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}.ds-action-link_label--bold_1xtta_160,.ds-action-link_label--active_1xtta_171{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-action-link_label--icon-top_1xtta_182{font-family:STIHL Contraface Digital Text Demi,-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:.75rem;line-height:1.14;font-size-adjust:.42}.ds-action-link_label--icon-top_1xtta_182.ds-action-link_label--active_1xtta_171{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:.75rem;line-height:1.33;font-size-adjust:.426}.ds-action-link_number-indicator_1xtta_205{margin-inline-start:auto}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ds-top-bar_root_q6oxc_1{background-color:#fff;z-index:998;border-bottom:1px solid #DADADA;position:relative;display:grid;--ds-grid-gap: var(--ds-spacing-dynamic-xs);gap:var(--ds-grid-gap);min-width:320px;grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start narrow-center-start] repeat(8,minmax(0,1fr)) [narrow-center-end narrow-left-end main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 8px;--ds-grid-span-one-half: span 8;--ds-grid-span-one-third: span 8;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 4}@media (min-width: 768px){.ds-top-bar_root_q6oxc_1{grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(2,minmax(0,1fr)) [narrow-center-start] repeat(6,minmax(0,1fr)) [narrow-left-end] repeat(2,minmax(0,1fr)) [narrow-center-end] repeat(2,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 12px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 6;--ds-grid-span-two-thirds: span 6;--ds-grid-span-one-quarter: span 6}}@media (min-width: 1024px){.ds-top-bar_root_q6oxc_1{grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,1fr)) [narrow-center-start] repeat(3,minmax(0,1fr)) [narrow-left-end] repeat(3,minmax(0,1fr)) [narrow-center-end] repeat(3,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 26px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 4;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 3}}@media (min-width: 1536px){.ds-top-bar_root_q6oxc_1{grid-template-columns:[full-start extended-start] auto [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] auto [extended-end full-end];--ds-internal-grid-safe-zone: 0px}}@media (min-width: 1920px){.ds-top-bar_root_q6oxc_1{grid-template-columns:[full-start] auto [extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end] auto [full-end];--ds-internal-grid-safe-zone: 192px}}.ds-top-bar_root--sticky_q6oxc_49{top:0;position:sticky}.ds-top-bar_root--fixed_q6oxc_53{background-color:#fff;position:fixed;top:0;left:0;right:0;width:calc(100vw - var(--floating-ui-scrollbar-width))}.ds-top-bar_content_q6oxc_62{background-color:#fff;min-height:4.625rem;padding-block-start:12px;padding-block-end:11px;display:grid;grid-auto-rows:auto;row-gap:16px;align-items:center;grid-column:full-start/full-end;padding-inline:12px}@media (min-width: 768px){.ds-top-bar_content_q6oxc_62{min-height:5rem;grid-column:main-start/main-end;padding-inline:0}}.ds-top-bar_content--variant-full_q6oxc_81{grid-column:full-start/full-end;padding-inline:12px}.ds-top-bar_content--has-primary-area-and-secondary-area_q6oxc_85{grid-template-areas:"brand secondary" "primary primary";grid-template-columns:fit-content(100%) auto;grid-template-rows:auto auto}.ds-top-bar_content--has-primary-area-and-secondary-area_q6oxc_85 .ds-top-bar_primary_q6oxc_90{padding-inline:0px;justify-content:center}@media (min-width: 1024px){.ds-top-bar_content--has-primary-area-and-secondary-area_q6oxc_85{grid-template-areas:"brand primary secondary";grid-template-columns:fit-content(100%) auto fit-content(100%);grid-template-rows:auto}.ds-top-bar_content--has-primary-area-and-secondary-area_q6oxc_85 .ds-top-bar_primary_q6oxc_90{padding-inline:var(--ds-spacing-dynamic-xs);justify-content:center}}.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105{grid-template-areas:"brand brand" "primary secondary";grid-template-columns:auto fit-content(100%);grid-template-rows:auto auto}.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105 .ds-top-bar_brand_q6oxc_110{padding-inline:0px}.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105 .ds-top-bar_primary_q6oxc_90{padding-inline-end:var(--ds-spacing-dynamic-xs);justify-content:start}@media (min-width: 768px){.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105{grid-template-areas:"brand secondary" "primary primary";grid-template-columns:fit-content(100%) auto}.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105 .ds-top-bar_brand_q6oxc_110{padding-inline-end:var(--ds-spacing-dynamic-xs)}.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105 .ds-top-bar_primary_q6oxc_90{padding-inline:0px;justify-content:center}}@media (min-width: 1024px){.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105{grid-template-areas:"brand primary secondary";grid-template-columns:fit-content(100%) auto fit-content(100%);grid-template-rows:auto}.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105 .ds-top-bar_primary_q6oxc_90{padding-inline:var(--ds-spacing-dynamic-xs);justify-content:center}}.ds-top-bar_content--has-primary-area_q6oxc_85{grid-template-areas:"brand primary";grid-template-columns:fit-content(100%) auto}.ds-top-bar_content--has-primary-area_q6oxc_85 .ds-top-bar_primary_q6oxc_90{padding-inline-start:var(--ds-spacing-dynamic-xs);justify-content:start}.ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149{grid-template-areas:"brand" "primary";grid-template-columns:auto;grid-template-rows:auto;row-gap:12px;padding-block-end:5px}@media (min-width: 768px){.ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149{padding-block-end:11px}}.ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149 .ds-top-bar_brand_q6oxc_110{padding-inline:0px}.ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149 .ds-top-bar_primary_q6oxc_90{justify-content:center;padding-inline:0px;padding-block-start:4px;border-top:1px solid #DADADA}@media (min-width: 768px){.ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149 .ds-top-bar_primary_q6oxc_90{padding-block-start:0;border-top:none}}@media (min-width: 768px){.ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149{grid-template-areas:"brand primary";grid-template-columns:fit-content(100%) auto}.ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149 .ds-top-bar_brand_q6oxc_110{padding-inline-end:var(--ds-spacing-dynamic-xs)}.ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149 .ds-top-bar_primary_q6oxc_90{padding-inline-start:var(--ds-spacing-dynamic-xs);justify-content:start}}.ds-top-bar_brand_q6oxc_110{grid-area:brand;display:flex;align-items:center;gap:12px;padding-inline-end:var(--ds-spacing-dynamic-xs)}@media (min-width: 768px){.ds-top-bar_brand_q6oxc_110{gap:14px}}.ds-top-bar_brand-add-on_q6oxc_213{font-family:STIHL Contraface Digital Display Title,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:400;font-size:1.125rem;line-height:1;font-size-adjust:cap-height .68;letter-spacing:-.5px}@media (min-width: 768px){.ds-top-bar_brand-add-on_q6oxc_213{font-family:STIHL Contraface Digital Display Title,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:400;font-size:1.3125rem;line-height:1;font-size-adjust:cap-height .68}}.ds-top-bar_brand-add-on--double_q6oxc_234{display:flex;flex-direction:column;white-space:nowrap;gap:0;font-size:1.0625rem;line-height:1.1176470588}@media (min-width: 768px){.ds-top-bar_brand-add-on--double_q6oxc_234{font-size:1.1875rem;line-height:1.1176470588}}.ds-top-bar_brand-add-on_q6oxc_213 .ds-top-bar_sub-title_q6oxc_248{font-family:STIHL Contraface Digital Text Demi,-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:.8125rem;line-height:1.461538;text-transform:uppercase;letter-spacing:0}@media (min-width: 768px){.ds-top-bar_brand-add-on_q6oxc_213 .ds-top-bar_sub-title_q6oxc_248{font-size:.9375rem;line-height:1.4}}.ds-top-bar_primary_q6oxc_90{grid-area:primary;display:flex;align-items:center;min-height:3rem}.ds-top-bar_secondary_q6oxc_274{grid-area:secondary;padding-inline-start:var(--ds-spacing-dynamic-xs);min-height:3rem;display:flex;justify-content:flex-end;align-items:center}.ds-top-bar_logo_q6oxc_283{width:7.125rem;height:3.125rem}@media (min-width: 768px){.ds-top-bar_logo_q6oxc_283{min-width:7.9775625rem;height:3.5rem}}.ds-top-bar_logo--reduced_q6oxc_293{width:3.125rem}@media (min-width: 768px){.ds-top-bar_logo--reduced_q6oxc_293{min-width:3.5rem}}.ds-header_root_c5fh4_1{background-color:#fff}.ds-header_root--sticky_c5fh4_4{position:sticky;top:0;z-index:998}.ds-header_root--hidden_c5fh4_9{transform:translateY(-100%)}.ds-header_root--hidden_c5fh4_9{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){.ds-header_root--hidden_c5fh4_9{transition-duration:0ms}}.ds-header_root--fixed_c5fh4_20{position:fixed;top:0;left:0;right:0;transform:translateY(0);width:calc(100vw - var(--floating-ui-scrollbar-width))}.ds-header_root--fixed_c5fh4_20{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-header_root--fixed_c5fh4_20{transition-duration:0ms}}.ds-header_main-navigation-area_c5fh4_37{background-color:#fff;border-bottom:1px solid #DADADA;display:none;position:sticky;z-index:997}@media (min-width: 1024px){.ds-header_main-navigation-area_c5fh4_37{display:grid;--ds-grid-gap: var(--ds-spacing-dynamic-xs);gap:var(--ds-grid-gap);min-width:320px;grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start narrow-center-start] repeat(8,minmax(0,1fr)) [narrow-center-end narrow-left-end main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 8px;--ds-grid-span-one-half: span 8;--ds-grid-span-one-third: span 8;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 4}}@media (min-width: 1024px) and (min-width: 768px){.ds-header_main-navigation-area_c5fh4_37{grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(2,minmax(0,1fr)) [narrow-center-start] repeat(6,minmax(0,1fr)) [narrow-left-end] repeat(2,minmax(0,1fr)) [narrow-center-end] repeat(2,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 12px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 6;--ds-grid-span-two-thirds: span 6;--ds-grid-span-one-quarter: span 6}}@media (min-width: 1024px) and (min-width: 1024px){.ds-header_main-navigation-area_c5fh4_37{grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,1fr)) [narrow-center-start] repeat(3,minmax(0,1fr)) [narrow-left-end] repeat(3,minmax(0,1fr)) [narrow-center-end] repeat(3,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 26px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 4;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 3}}@media (min-width: 1024px) and (min-width: 1536px){.ds-header_main-navigation-area_c5fh4_37{grid-template-columns:[full-start extended-start] auto [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] auto [extended-end full-end];--ds-internal-grid-safe-zone: 0px}}@media (min-width: 1024px) and (min-width: 1920px){.ds-header_main-navigation-area_c5fh4_37{grid-template-columns:[full-start] auto [extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end] auto [full-end];--ds-internal-grid-safe-zone: 192px}}.ds-header_main-navigation-area--fixed_c5fh4_90{position:fixed;top:0;left:0;right:0;z-index:0}.ds-header_main-navigation-area--fixed_c5fh4_90{transition:top var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-header_main-navigation-area--fixed_c5fh4_90{transition-duration:0ms}}.ds-header_main-navigation-area--fixed--visible_c5fh4_105{top:var(--ds-top-bar-height);z-index:997;width:calc(100vw - var(--floating-ui-scrollbar-width))}.ds-header_main-navigation-content_c5fh4_111{min-height:3rem;grid-column:main-start/main-end}.ds-header_main-navigation-content--variant-full_c5fh4_115{grid-column:full-start/full-end;padding-inline:12px}.ds-header_header-placeholder_c5fh4_120{height:var(--ds-header-height)}.ds-header_header-placeholder--with-banner_c5fh4_123{height:calc(var(--ds-header-height) - var(--ds-banner-height))}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ds-mega-menu_root_11fw1_1{background-color:#fff;border-bottom:1px solid transparent;border-radius:0;padding-block-start:7px;padding-block-end:7px;z-index:998;width:calc(100vw - var(--floating-ui-scrollbar-width));height:calc(100vh - var(--ds-header-height) - 64px);min-height:380px;max-height:640px;left:0!important;overflow:hidden;display:grid;--ds-grid-gap: var(--ds-spacing-dynamic-xs);gap:var(--ds-grid-gap);min-width:320px;grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start narrow-center-start] repeat(8,minmax(0,1fr)) [narrow-center-end narrow-left-end main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 8px;--ds-grid-span-one-half: span 8;--ds-grid-span-one-third: span 8;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 4}@media (min-width: 768px){.ds-mega-menu_root_11fw1_1{grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(2,minmax(0,1fr)) [narrow-center-start] repeat(6,minmax(0,1fr)) [narrow-left-end] repeat(2,minmax(0,1fr)) [narrow-center-end] repeat(2,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 12px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 6;--ds-grid-span-two-thirds: span 6;--ds-grid-span-one-quarter: span 6}}@media (min-width: 1024px){.ds-mega-menu_root_11fw1_1{grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,1fr)) [narrow-center-start] repeat(3,minmax(0,1fr)) [narrow-left-end] repeat(3,minmax(0,1fr)) [narrow-center-end] repeat(3,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 26px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 4;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 3}}@media (min-width: 1536px){.ds-mega-menu_root_11fw1_1{grid-template-columns:[full-start extended-start] auto [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] auto [extended-end full-end];--ds-internal-grid-safe-zone: 0px}}@media (min-width: 1920px){.ds-mega-menu_root_11fw1_1{grid-template-columns:[full-start] auto [extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end] auto [full-end];--ds-internal-grid-safe-zone: 192px}}.ds-mega-menu_root_11fw1_1:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){.ds-mega-menu_root_11fw1_1:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-mega-menu_root_11fw1_1:focus{outline:revert;outline-offset:revert}.ds-mega-menu_root_11fw1_1:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){.ds-mega-menu_root_11fw1_1:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-mega-menu_root_11fw1_1[data-status=initial],.ds-mega-menu_root_11fw1_1[data-status=close]{transform:translateY(-100%)}.ds-mega-menu_root_11fw1_1[data-status=open]{transform:translateY(0)}.ds-mega-menu_root_11fw1_1[data-status=open]{transition:transform var(--ds-animation-duration, .4s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-mega-menu_root_11fw1_1[data-status=open]{transition-duration:0ms}}.ds-mega-menu_root_11fw1_1[data-status=close]{transition:transform var(--ds-animation-duration, .4s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){.ds-mega-menu_root_11fw1_1[data-status=close]{transition-duration:0ms}}.ds-mega-menu_content_11fw1_109{grid-column:main-start/main-end}.ds-mega-menu_content_11fw1_109[data-status=initial]{opacity:0}.ds-mega-menu_content_11fw1_109[data-status=open]{opacity:1}.ds-mega-menu_content_11fw1_109[data-status=open]{transition:opacity var(--ds-animation-duration, .4s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-mega-menu_content_11fw1_109[data-status=open]{transition-duration:0ms}}.ds-mega-menu_content_11fw1_109[data-status=open]{transition-delay:var(--ds-animation-duration, .4s)}@media (prefers-reduced-motion: reduce){.ds-mega-menu_content_11fw1_109[data-status=open]{transition-delay:0ms}}.ds-mega-menu_content--variant-full_11fw1_134{padding-inline:11px;grid-column:full-start/full-end}.ds-mega-menu_backdrop_11fw1_139{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;background-color:#00000080}.ds-mega-menu_backdrop_11fw1_139[data-status=initial],.ds-mega-menu_backdrop_11fw1_139[data-status=close]{opacity:0}.ds-mega-menu_backdrop_11fw1_139[data-status=open]{opacity:1}.ds-mega-menu_backdrop_11fw1_139[data-status=open]{transition:opacity var(--ds-animation-duration, .4s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-mega-menu_backdrop_11fw1_139[data-status=open]{transition-duration:0ms}}.ds-mega-menu_backdrop_11fw1_139[data-status=close]{transition:opacity var(--ds-animation-duration, .4s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){.ds-mega-menu_backdrop_11fw1_139[data-status=close]{transition-duration:0ms}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ds-banner_root_1y1nw_1{background-color:#252525;color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;border:1px solid transparent;padding-inline-start:15px;padding-inline-end:7px;padding-block-start:7px;padding-block-end:7px;position:relative;z-index:997}.ds-banner_root--secondary_1y1nw_16{color:#252525;background-color:#dadada}.ds-banner_root--highlight_1y1nw_20{color:#252525;background-color:#f37a1f}.ds-banner_root--hide-close-button_1y1nw_24{grid-template-columns:1fr;gap:0px;padding-inline-end:16px}.ds-banner_content_1y1nw_30{grid-column:1/2;display:flex;align-items:center;min-height:2rem}@media (min-width: 768px){.ds-banner_content_1y1nw_30{justify-content:center}}.ds-banner_close-button_1y1nw_42{grid-column:2}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as w, jsxs as S } from "react/jsx-runtime";
|
|
3
|
+
import { d as x } from "./chunks/index.CgTHIF3K.js";
|
|
4
|
+
import { c as H } from "./chunks/index.CEyLAtio.js";
|
|
5
|
+
import { D } from "./chunks/Button.B7xF1E19.js";
|
|
6
|
+
import './assets/banner.BLdW5VF4.css';const j = "ds-banner_root_1y1nw_1", k = "ds-banner_root--secondary_1y1nw_16", P = "ds-banner_root--highlight_1y1nw_20", z = "ds-banner_root--hide-close-button_1y1nw_24", E = "ds-banner_content_1y1nw_30", L = "ds-banner_close-button_1y1nw_42", d = {
|
|
7
|
+
root: j,
|
|
8
|
+
rootSecondary: k,
|
|
9
|
+
rootHighlight: P,
|
|
10
|
+
rootHideCloseButton: z,
|
|
11
|
+
content: E,
|
|
12
|
+
closeButton: L
|
|
13
|
+
}, G = (y) => {
|
|
14
|
+
const t = x.c(30);
|
|
15
|
+
let e, s, n, o, l, h;
|
|
16
|
+
t[0] !== y ? ({
|
|
17
|
+
className: s,
|
|
18
|
+
closeButtonProps: n,
|
|
19
|
+
children: e,
|
|
20
|
+
variant: h,
|
|
21
|
+
onClose: o,
|
|
22
|
+
...l
|
|
23
|
+
} = y, t[0] = y, t[1] = e, t[2] = s, t[3] = n, t[4] = o, t[5] = l, t[6] = h) : (e = t[1], s = t[2], n = t[3], o = t[4], l = t[5], h = t[6]);
|
|
24
|
+
const _ = h === void 0 ? "default" : h;
|
|
25
|
+
let r;
|
|
26
|
+
t[7] !== n ? (r = n || {}, t[7] = n, t[8] = r) : r = t[8];
|
|
27
|
+
let c, m;
|
|
28
|
+
t[9] !== r ? ({
|
|
29
|
+
label: m,
|
|
30
|
+
...c
|
|
31
|
+
} = r, t[9] = r, t[10] = c, t[11] = m) : (c = t[10], m = t[11]);
|
|
32
|
+
const g = m === void 0 ? "Close banner" : m, B = _ === "secondary", p = _ === "highlight", C = !o;
|
|
33
|
+
let u;
|
|
34
|
+
t[12] !== s || t[13] !== B || t[14] !== p || t[15] !== C ? (u = H(d.root, s, {
|
|
35
|
+
[d.rootSecondary]: B,
|
|
36
|
+
[d.rootHighlight]: p,
|
|
37
|
+
[d.rootHideCloseButton]: C
|
|
38
|
+
}), t[12] = s, t[13] = B, t[14] = p, t[15] = C, t[16] = u) : u = t[16];
|
|
39
|
+
const v = u;
|
|
40
|
+
let f;
|
|
41
|
+
t[17] === Symbol.for("react.memo_cache_sentinel") ? (f = H(d.content), t[17] = f) : f = t[17];
|
|
42
|
+
const N = f;
|
|
43
|
+
let a;
|
|
44
|
+
t[18] !== e ? (a = /* @__PURE__ */ w("div", { className: N, children: e }), t[18] = e, t[19] = a) : a = t[19];
|
|
45
|
+
let i;
|
|
46
|
+
t[20] !== g || t[21] !== o || t[22] !== c || t[23] !== _ ? (i = o && /* @__PURE__ */ w(D, { ...c, hideLabel: !0, iconName: "cross", variant: "ghost", className: d.closeButton, size: "small", onClick: o, type: "button", theme: _ === "default" ? "dark" : "light", children: g }), t[20] = g, t[21] = o, t[22] = c, t[23] = _, t[24] = i) : i = t[24];
|
|
47
|
+
let b;
|
|
48
|
+
return t[25] !== l || t[26] !== v || t[27] !== i || t[28] !== a ? (b = /* @__PURE__ */ S("div", { className: v, ...l, children: [
|
|
49
|
+
a,
|
|
50
|
+
i
|
|
51
|
+
] }), t[25] = l, t[26] = v, t[27] = i, t[28] = a, t[29] = b) : b = t[29], b;
|
|
52
|
+
};
|
|
53
|
+
export {
|
|
54
|
+
G as DSBanner
|
|
55
|
+
};
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as ht, jsx as h, Fragment as It } from "react/jsx-runtime";
|
|
3
|
+
import { d as Nt } from "./index.CgTHIF3K.js";
|
|
4
|
+
import { c as T } from "./index.CEyLAtio.js";
|
|
5
|
+
import { forwardRef as Wt } from "react";
|
|
6
|
+
import { D as ut } from "./Icon.DGTYCv63.js";
|
|
7
|
+
import { NumberIndicator as mt } from "../numberindicator.Ddf3ESi7.js";
|
|
8
|
+
import { g as A } from "./helpers.BbWkXTr3.js";
|
|
9
|
+
import '../assets/ActionButton.oGVPTS1J.css';const gt = "ds-action-button_root_15ybf_1", wt = "ds-action-button_root--indent-level-1_15ybf_75", Tt = "ds-action-button_root--active_15ybf_78", At = "ds-action-button_root--active--with-marker_15ybf_81", yt = "ds-action-button_root--icon--top_15ybf_84", St = "ds-action-button_root--stretched_15ybf_110", Pt = "ds-action-button_active-marker_15ybf_115", Ct = "ds-action-button_active-marker--with-indent_15ybf_127", Dt = "ds-action-button_icon-wrapper_15ybf_131", Ot = "ds-action-button_icon-wrapper--x-large_15ybf_134", Bt = "ds-action-button_icon-wrapper--with-number-indicator_15ybf_137", kt = "ds-action-button_icon-wrapper--with-number-indicator--with-value_15ybf_145", Lt = "ds-action-button_label_15ybf_149", xt = "ds-action-button_label--bold_15ybf_160", Et = "ds-action-button_label--active_15ybf_171", Mt = "ds-action-button_label--icon-top_15ybf_182", Ut = "ds-action-button_number-indicator_15ybf_205", zt = "ds-action-button_label-wrapper_15ybf_209", Rt = "ds-action-button_label-wrapper--icon-top_15ybf_214", Vt = "ds-action-button_chevron_15ybf_218", Ht = "ds-action-button_chevron--icon-position-top_15ybf_233", Xt = "ds-action-button_chevron--up_15ybf_239", jt = "ds-action-button_chevron--right_15ybf_250", Ft = "ds-action-button_chevron--left_15ybf_261", o = {
|
|
10
|
+
root: gt,
|
|
11
|
+
rootIndentLevel1: wt,
|
|
12
|
+
rootActive: Tt,
|
|
13
|
+
rootActiveWithMarker: At,
|
|
14
|
+
rootIconTop: yt,
|
|
15
|
+
rootStretched: St,
|
|
16
|
+
activeMarker: Pt,
|
|
17
|
+
activeMarkerWithIndent: Ct,
|
|
18
|
+
iconWrapper: Dt,
|
|
19
|
+
iconWrapperXLarge: Ot,
|
|
20
|
+
iconWrapperWithNumberIndicator: Bt,
|
|
21
|
+
iconWrapperWithNumberIndicatorWithValue: kt,
|
|
22
|
+
label: Lt,
|
|
23
|
+
labelBold: xt,
|
|
24
|
+
labelActive: Et,
|
|
25
|
+
labelIconTop: Mt,
|
|
26
|
+
numberIndicator: Ut,
|
|
27
|
+
labelWrapper: zt,
|
|
28
|
+
labelWrapperIconTop: Rt,
|
|
29
|
+
chevron: Vt,
|
|
30
|
+
chevronIconPositionTop: Ht,
|
|
31
|
+
chevronUp: Xt,
|
|
32
|
+
chevronRight: jt,
|
|
33
|
+
chevronLeft: Ft
|
|
34
|
+
}, oo = ["left", "top"], eo = ["large", "x-large"], no = [0, 1], io = ["normal", "bold"], ro = ["up", "down", "right", "left"], Gt = ({
|
|
35
|
+
iconName: _,
|
|
36
|
+
iconSize: f,
|
|
37
|
+
iconSource: t,
|
|
38
|
+
iconPosition: l,
|
|
39
|
+
indentLevel: r,
|
|
40
|
+
stretched: p,
|
|
41
|
+
weight: d
|
|
42
|
+
}) => {
|
|
43
|
+
if (_ && !t && f === "x-large" && console.warn(A("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.')), l === "top") {
|
|
44
|
+
if (!_ && !t)
|
|
45
|
+
throw new Error(A("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
|
+
f === "x-large" && console.warn(A("DSActionButton", 'An "iconSize" prop set to "x-large" has no effect when "iconPosition" is set to "top". Please remove the "iconSize" prop.')), d === "bold" && console.warn(A("DSActionButton", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), r === 1 && console.warn(A("DSActionButton", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), p && console.warn(A("DSActionButton", 'A "stretched" prop set to "true" with "iconPosition" set to "top" has no effect. Please remove the "stretched" prop.'));
|
|
47
|
+
}
|
|
48
|
+
}, Zt = Wt((_, f) => {
|
|
49
|
+
const t = Nt.c(83);
|
|
50
|
+
let l, r, p, d, c, a, n, b, v, y, S, P, C, D, O, B;
|
|
51
|
+
t[0] !== _ ? ({
|
|
52
|
+
children: p,
|
|
53
|
+
aria: l,
|
|
54
|
+
chevronDirection: r,
|
|
55
|
+
className: d,
|
|
56
|
+
disabled: y,
|
|
57
|
+
iconName: c,
|
|
58
|
+
iconPosition: S,
|
|
59
|
+
iconSize: P,
|
|
60
|
+
iconSource: a,
|
|
61
|
+
indentLevel: C,
|
|
62
|
+
isActive: D,
|
|
63
|
+
numberIndicatorValue: n,
|
|
64
|
+
stretched: O,
|
|
65
|
+
weight: B,
|
|
66
|
+
onClick: b,
|
|
67
|
+
...v
|
|
68
|
+
} = _, t[0] = _, t[1] = l, t[2] = r, t[3] = p, t[4] = d, t[5] = c, t[6] = a, t[7] = n, t[8] = b, t[9] = v, t[10] = y, t[11] = S, t[12] = P, t[13] = C, t[14] = D, t[15] = O, t[16] = B) : (l = t[1], r = t[2], p = t[3], d = t[4], c = t[5], a = t[6], n = t[7], b = t[8], v = t[9], y = t[10], S = t[11], P = t[12], C = t[13], D = t[14], O = t[15], B = t[16]);
|
|
69
|
+
const i = y === void 0 ? !1 : y, e = S === void 0 ? "left" : S, k = P === void 0 ? "large" : P, H = C === void 0 ? 0 : C, u = D === void 0 ? !1 : D, _t = O === void 0 ? !1 : O, ft = B === void 0 ? "normal" : B;
|
|
70
|
+
process.env.NODE_ENV !== "production" && Gt({
|
|
71
|
+
iconName: c,
|
|
72
|
+
iconSize: k,
|
|
73
|
+
iconSource: a,
|
|
74
|
+
iconPosition: e,
|
|
75
|
+
indentLevel: H,
|
|
76
|
+
stretched: _t,
|
|
77
|
+
weight: ft
|
|
78
|
+
});
|
|
79
|
+
const s = (n == null ? void 0 : n.trim()) === "", X = e === "top", j = H === 1, F = u && !i, G = u && !i && e === "left", Z = _t === !0 && e === "left";
|
|
80
|
+
let L;
|
|
81
|
+
t[17] !== d || t[18] !== F || t[19] !== G || t[20] !== Z || t[21] !== X || t[22] !== j ? (L = T(o.root, d, {
|
|
82
|
+
[o.rootIconTop]: X,
|
|
83
|
+
[o.rootIndentLevel1]: j,
|
|
84
|
+
[o.rootActive]: F,
|
|
85
|
+
[o.rootActiveWithMarker]: G,
|
|
86
|
+
[o.rootStretched]: Z
|
|
87
|
+
}), t[17] = d, t[18] = F, t[19] = G, t[20] = Z, t[21] = X, t[22] = j, t[23] = L) : L = t[23];
|
|
88
|
+
const $ = L, q = H === 1;
|
|
89
|
+
let x;
|
|
90
|
+
t[24] !== q ? (x = T(o.activeMarker, {
|
|
91
|
+
[o.activeMarkerWithIndent]: q
|
|
92
|
+
}), t[24] = q, t[25] = x) : x = t[25];
|
|
93
|
+
const J = x, K = u && !i, Q = ft === "bold", Y = e === "top";
|
|
94
|
+
let E;
|
|
95
|
+
t[26] !== K || t[27] !== Q || t[28] !== Y ? (E = T(o.label, {
|
|
96
|
+
[o.labelActive]: K,
|
|
97
|
+
[o.labelBold]: Q,
|
|
98
|
+
[o.labelIconTop]: Y
|
|
99
|
+
}), t[26] = K, t[27] = Q, t[28] = Y, t[29] = E) : E = t[29];
|
|
100
|
+
const tt = E, ot = e === "top";
|
|
101
|
+
let M;
|
|
102
|
+
t[30] !== ot ? (M = T(o.labelWrapper, {
|
|
103
|
+
[o.labelWrapperIconTop]: ot
|
|
104
|
+
}), t[30] = ot, t[31] = M) : M = t[31];
|
|
105
|
+
const et = M, nt = e === "top", it = r === "up", rt = r === "right", ct = r === "left";
|
|
106
|
+
let U;
|
|
107
|
+
t[32] !== nt || t[33] !== it || t[34] !== rt || t[35] !== ct ? (U = T(o.chevron, {
|
|
108
|
+
[o.chevronIconPositionTop]: nt,
|
|
109
|
+
[o.chevronUp]: it,
|
|
110
|
+
[o.chevronRight]: rt,
|
|
111
|
+
[o.chevronLeft]: ct
|
|
112
|
+
}), t[32] = nt, t[33] = it, t[34] = rt, t[35] = ct, t[36] = U) : U = t[36];
|
|
113
|
+
const at = U, st = k === "x-large", lt = (c || a) && (n || s), pt = (c || a) && !s;
|
|
114
|
+
let z;
|
|
115
|
+
t[37] !== st || t[38] !== lt || t[39] !== pt ? (z = T(o.iconWrapper, {
|
|
116
|
+
[o.iconWrapperXLarge]: st,
|
|
117
|
+
[o.iconWrapperWithNumberIndicator]: lt,
|
|
118
|
+
[o.iconWrapperWithNumberIndicatorWithValue]: pt
|
|
119
|
+
}), t[37] = st, t[38] = lt, t[39] = pt, t[40] = z) : z = t[40];
|
|
120
|
+
const dt = z;
|
|
121
|
+
let R;
|
|
122
|
+
t[41] !== i || t[42] !== b ? (R = (vt) => {
|
|
123
|
+
if (i) {
|
|
124
|
+
vt.preventDefault();
|
|
125
|
+
return;
|
|
126
|
+
}
|
|
127
|
+
b && b(vt);
|
|
128
|
+
}, t[41] = i, t[42] = b, t[43] = R) : R = t[43];
|
|
129
|
+
const bt = R;
|
|
130
|
+
let m;
|
|
131
|
+
t[44] !== J || t[45] !== e || t[46] !== u ? (m = u && e === "left" && /* @__PURE__ */ h("div", { className: J }), t[44] = J, t[45] = e, t[46] = u, t[47] = m) : m = t[47];
|
|
132
|
+
let I;
|
|
133
|
+
t[48] !== i || t[49] !== c || t[50] !== e || t[51] !== k || t[52] !== a || t[53] !== dt || t[54] !== s || t[55] !== n ? (I = (c || a) && /* @__PURE__ */ h(It, { children: /* @__PURE__ */ ht("span", { className: dt, children: [
|
|
134
|
+
/* @__PURE__ */ h(ut, { name: c, theme: "light", source: a, "aria-hidden": "true", size: c || e === "top" ? "large" : k }),
|
|
135
|
+
!i && (e === "left" && s || e === "top" && (n || s)) && /* @__PURE__ */ h(mt, { variant: "highlight", label: n })
|
|
136
|
+
] }) }), t[48] = i, t[49] = c, t[50] = e, t[51] = k, t[52] = a, t[53] = dt, t[54] = s, t[55] = n, t[56] = I) : I = t[56];
|
|
137
|
+
let N;
|
|
138
|
+
t[57] !== p || t[58] !== tt ? (N = /* @__PURE__ */ h("span", { className: tt, children: p }), t[57] = p, t[58] = tt, t[59] = N) : N = t[59];
|
|
139
|
+
let W;
|
|
140
|
+
t[60] !== at || t[61] !== r ? (W = r && /* @__PURE__ */ h(ut, { name: "chevron-down", theme: "light", "aria-hidden": "true", className: at }), t[60] = at, t[61] = r, t[62] = W) : W = t[62];
|
|
141
|
+
let g;
|
|
142
|
+
t[63] !== et || t[64] !== N || t[65] !== W ? (g = /* @__PURE__ */ ht("div", { className: et, children: [
|
|
143
|
+
N,
|
|
144
|
+
W
|
|
145
|
+
] }), t[63] = et, t[64] = N, t[65] = W, t[66] = g) : g = t[66];
|
|
146
|
+
let w;
|
|
147
|
+
t[67] !== i || t[68] !== e || t[69] !== s || t[70] !== n ? (w = e === "left" && !i && n && !s && /* @__PURE__ */ h(mt, { variant: "default", label: n, className: o.numberIndicator }), t[67] = i, t[68] = e, t[69] = s, t[70] = n, t[71] = w) : w = t[71];
|
|
148
|
+
let V;
|
|
149
|
+
return t[72] !== l || t[73] !== i || t[74] !== bt || t[75] !== f || t[76] !== v || t[77] !== $ || t[78] !== m || t[79] !== I || t[80] !== g || t[81] !== w ? (V = /* @__PURE__ */ ht("button", { className: $, type: "button", onClick: bt, ...l, ...v, "aria-disabled": i, ref: f, children: [
|
|
150
|
+
m,
|
|
151
|
+
I,
|
|
152
|
+
g,
|
|
153
|
+
w
|
|
154
|
+
] }), t[72] = l, t[73] = i, t[74] = bt, t[75] = f, t[76] = v, t[77] = $, t[78] = m, t[79] = I, t[80] = g, t[81] = w, t[82] = V) : V = t[82], V;
|
|
155
|
+
});
|
|
156
|
+
Zt.displayName = "DSActionButton";
|
|
157
|
+
export {
|
|
158
|
+
oo as A,
|
|
159
|
+
Zt as D,
|
|
160
|
+
eo as a,
|
|
161
|
+
no as b,
|
|
162
|
+
io as c,
|
|
163
|
+
ro as d,
|
|
164
|
+
Gt as v
|
|
165
|
+
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as rt, jsx as w, Fragment as
|
|
2
|
+
import { jsxs as rt, jsx as w, Fragment as ct } from "react/jsx-runtime";
|
|
3
3
|
import { d as st } from "./index.CgTHIF3K.js";
|
|
4
4
|
import { c as y } from "./index.CEyLAtio.js";
|
|
5
5
|
import { D as lt } from "./Icon.DGTYCv63.js";
|
|
6
6
|
import { forwardRef as pt } from "react";
|
|
7
|
-
import { NumberIndicator as
|
|
7
|
+
import { NumberIndicator as at } from "../numberindicator.Ddf3ESi7.js";
|
|
8
8
|
import { g as W } from "./helpers.BbWkXTr3.js";
|
|
9
|
-
import '../assets/ActionLink.
|
|
9
|
+
import '../assets/ActionLink.CTh6IXrN.css';const dt = "ds-action-link_root_1xtta_1", ht = "ds-action-link_root--indent-level-1_1xtta_75", _t = "ds-action-link_root--active_1xtta_78", vt = "ds-action-link_root--active--with-marker_1xtta_81", mt = "ds-action-link_root--icon--top_1xtta_84", ft = "ds-action-link_root--stretched_1xtta_110", kt = "ds-action-link_active-marker_1xtta_115", bt = "ds-action-link_active-marker--with-indent_1xtta_127", It = "ds-action-link_icon-wrapper_1xtta_131", Nt = "ds-action-link_icon-wrapper--x-large_1xtta_134", At = "ds-action-link_icon-wrapper--with-number-indicator_1xtta_137", gt = "ds-action-link_icon-wrapper--with-number-indicator--with-value_1xtta_145", ut = "ds-action-link_label_1xtta_149", wt = "ds-action-link_label--bold_1xtta_160", Wt = "ds-action-link_label--active_1xtta_171", xt = "ds-action-link_label--icon-top_1xtta_182", Lt = "ds-action-link_number-indicator_1xtta_205", o = {
|
|
10
10
|
root: dt,
|
|
11
11
|
rootIndentLevel1: ht,
|
|
12
12
|
rootActive: _t,
|
|
@@ -22,47 +22,47 @@ import '../assets/ActionLink.BdPEvuGm.css';const dt = "ds-action-link_root_14712
|
|
|
22
22
|
label: ut,
|
|
23
23
|
labelBold: wt,
|
|
24
24
|
labelActive: Wt,
|
|
25
|
-
labelIconTop:
|
|
26
|
-
numberIndicator:
|
|
27
|
-
}, Kt = ["left", "top"], Vt = ["large", "x-large"], yt = [0, 1], Bt = ["normal", "bold"],
|
|
25
|
+
labelIconTop: xt,
|
|
26
|
+
numberIndicator: Lt
|
|
27
|
+
}, Kt = ["left", "top"], Vt = ["large", "x-large"], yt = [0, 1], Bt = ["normal", "bold"], St = ({
|
|
28
28
|
iconName: _,
|
|
29
29
|
iconSize: v,
|
|
30
30
|
iconSource: t,
|
|
31
|
-
iconPosition:
|
|
31
|
+
iconPosition: c,
|
|
32
32
|
indentLevel: s,
|
|
33
33
|
stretched: l,
|
|
34
34
|
weight: p
|
|
35
35
|
}) => {
|
|
36
|
-
if (_ && !t && v === "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.')),
|
|
36
|
+
if (_ && !t && v === "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
37
|
if (!_ && !t)
|
|
38
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
39
|
v === "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.')), p === "bold" && console.warn(W("DSActionLink", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), s === 1 && console.warn(W("DSActionLink", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), l && console.warn(W("DSActionLink", 'A "stretched" prop set to "true" with "iconPosition" set to "top" has no effect. Please remove the "stretched" prop.'));
|
|
40
40
|
}
|
|
41
|
-
},
|
|
41
|
+
}, Pt = pt((_, v) => {
|
|
42
42
|
const t = st.c(73);
|
|
43
|
-
let
|
|
43
|
+
let c, s, l, p, h, n, r, i, m, f, k, x, L, S, P, D, T, M;
|
|
44
44
|
t[0] !== _ ? ({
|
|
45
45
|
children: s,
|
|
46
|
-
aria:
|
|
46
|
+
aria: c,
|
|
47
47
|
className: l,
|
|
48
48
|
download: p,
|
|
49
49
|
href: h,
|
|
50
50
|
iconName: n,
|
|
51
|
-
iconPosition:
|
|
52
|
-
iconSize:
|
|
51
|
+
iconPosition: x,
|
|
52
|
+
iconSize: L,
|
|
53
53
|
iconSource: r,
|
|
54
|
-
indentLevel:
|
|
55
|
-
isActive:
|
|
54
|
+
indentLevel: S,
|
|
55
|
+
isActive: P,
|
|
56
56
|
numberIndicatorValue: i,
|
|
57
57
|
referrerPolicy: m,
|
|
58
58
|
rel: f,
|
|
59
|
-
stretched:
|
|
60
|
-
target:
|
|
59
|
+
stretched: D,
|
|
60
|
+
target: T,
|
|
61
61
|
weight: M,
|
|
62
62
|
...k
|
|
63
|
-
} = _, t[0] = _, t[1] =
|
|
64
|
-
const e =
|
|
65
|
-
process.env.NODE_ENV !== "production" &&
|
|
63
|
+
} = _, t[0] = _, t[1] = c, t[2] = s, t[3] = l, t[4] = p, t[5] = h, t[6] = n, t[7] = r, t[8] = i, t[9] = m, t[10] = f, t[11] = k, t[12] = x, t[13] = L, t[14] = S, t[15] = P, t[16] = D, t[17] = T, t[18] = M) : (c = t[1], s = t[2], l = t[3], p = t[4], h = t[5], n = t[6], r = t[7], i = t[8], m = t[9], f = t[10], k = t[11], x = t[12], L = t[13], S = t[14], P = t[15], D = t[16], T = t[17], M = t[18]);
|
|
64
|
+
const e = x === void 0 ? "left" : x, C = L === void 0 ? "large" : L, B = S === void 0 ? 0 : S, d = P === void 0 ? !1 : P, it = D === void 0 ? !1 : D, X = T === void 0 ? "_self" : T, nt = M === void 0 ? "normal" : M;
|
|
65
|
+
process.env.NODE_ENV !== "production" && St({
|
|
66
66
|
iconName: n,
|
|
67
67
|
iconSize: C,
|
|
68
68
|
iconSource: r,
|
|
@@ -71,7 +71,7 @@ import '../assets/ActionLink.BdPEvuGm.css';const dt = "ds-action-link_root_14712
|
|
|
71
71
|
stretched: it,
|
|
72
72
|
weight: nt
|
|
73
73
|
});
|
|
74
|
-
const
|
|
74
|
+
const a = (i == null ? void 0 : i.trim()) === "", j = e === "top", H = B === 1, F = d && e === "left", G = it === !0 && e === "left";
|
|
75
75
|
let E;
|
|
76
76
|
t[19] !== l || t[20] !== d || t[21] !== F || t[22] !== G || t[23] !== j || t[24] !== H ? (E = y(o.root, l, {
|
|
77
77
|
[o.rootIconTop]: j,
|
|
@@ -92,7 +92,7 @@ import '../assets/ActionLink.BdPEvuGm.css';const dt = "ds-action-link_root_14712
|
|
|
92
92
|
[o.labelBold]: J,
|
|
93
93
|
[o.labelIconTop]: Q
|
|
94
94
|
}), t[28] = q, t[29] = J, t[30] = Q, t[31] = z) : z = t[31];
|
|
95
|
-
const U = z, Y = C === "x-large", tt = (n || r) && (i ||
|
|
95
|
+
const U = z, Y = C === "x-large", tt = (n || r) && (i || a), et = (n || r) && !a;
|
|
96
96
|
let K;
|
|
97
97
|
t[32] !== Y || t[33] !== tt || t[34] !== et ? (K = y(o.iconWrapper, {
|
|
98
98
|
[o.iconWrapperXLarge]: Y,
|
|
@@ -111,28 +111,28 @@ import '../assets/ActionLink.BdPEvuGm.css';const dt = "ds-action-link_root_14712
|
|
|
111
111
|
let N;
|
|
112
112
|
t[43] !== $ || t[44] !== e || t[45] !== d ? (N = d && e === "left" && /* @__PURE__ */ w("div", { className: $ }), t[43] = $, t[44] = e, t[45] = d, t[46] = N) : N = t[46];
|
|
113
113
|
let A;
|
|
114
|
-
t[47] !== n || t[48] !== e || t[49] !== C || t[50] !== r || t[51] !== ot || t[52] !==
|
|
114
|
+
t[47] !== n || t[48] !== e || t[49] !== C || t[50] !== r || t[51] !== ot || t[52] !== a || t[53] !== i ? (A = (n || r) && /* @__PURE__ */ w(ct, { children: /* @__PURE__ */ rt("span", { className: ot, children: [
|
|
115
115
|
/* @__PURE__ */ w(lt, { name: n, theme: "light", source: r, "aria-hidden": "true", size: n || e === "top" ? "large" : C }),
|
|
116
|
-
(e === "left" &&
|
|
117
|
-
] }) }), t[47] = n, t[48] = e, t[49] = C, t[50] = r, t[51] = ot, t[52] =
|
|
116
|
+
(e === "left" && a || e === "top" && (i || a)) && /* @__PURE__ */ w(at, { variant: "highlight", label: i })
|
|
117
|
+
] }) }), t[47] = n, t[48] = e, t[49] = C, t[50] = r, t[51] = ot, t[52] = a, t[53] = i, t[54] = A) : A = t[54];
|
|
118
118
|
let g;
|
|
119
119
|
t[55] !== s || t[56] !== U ? (g = /* @__PURE__ */ w("span", { className: U, children: s }), t[55] = s, t[56] = U, t[57] = g) : g = t[57];
|
|
120
120
|
let u;
|
|
121
|
-
t[58] !== e || t[59] !==
|
|
121
|
+
t[58] !== e || t[59] !== a || t[60] !== i ? (u = e === "left" && i && !a && /* @__PURE__ */ w(at, { variant: "default", label: i, className: o.numberIndicator }), t[58] = e, t[59] = a, t[60] = i, t[61] = u) : u = t[61];
|
|
122
122
|
let V;
|
|
123
|
-
return t[62] !== b || t[63] !==
|
|
123
|
+
return t[62] !== b || t[63] !== c || t[64] !== v || t[65] !== k || t[66] !== R || t[67] !== I || t[68] !== N || t[69] !== A || t[70] !== g || t[71] !== u ? (V = /* @__PURE__ */ rt(b, { className: R, ...I, ...c, ...k, ref: v, children: [
|
|
124
124
|
N,
|
|
125
125
|
A,
|
|
126
126
|
g,
|
|
127
127
|
u
|
|
128
|
-
] }), t[62] = b, t[63] =
|
|
128
|
+
] }), t[62] = b, t[63] = c, t[64] = v, t[65] = k, t[66] = R, t[67] = I, t[68] = N, t[69] = A, t[70] = g, t[71] = u, t[72] = V) : V = t[72], V;
|
|
129
129
|
});
|
|
130
|
-
|
|
130
|
+
Pt.displayName = "DSActionLink";
|
|
131
131
|
export {
|
|
132
132
|
Kt as A,
|
|
133
|
-
|
|
133
|
+
Pt as D,
|
|
134
134
|
Vt as a,
|
|
135
135
|
yt as b,
|
|
136
136
|
Bt as c,
|
|
137
|
-
|
|
137
|
+
St as v
|
|
138
138
|
};
|