@stihl-design-system/components 1.0.0-RC.48 → 1.0.0-RC.49
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/{actioncard.kDxu01xm.js → actioncard.C-HzRqYB.js} +1 -1
- package/assets/ActionCard.DeWHOXFn.css +1 -0
- package/assets/LinkCard.CqjmRkfO.css +1 -0
- package/assets/progressindicator.BK8L7Bd4.css +1 -0
- package/assets/skeleton.D9MOCUK4.css +1 -0
- package/chunks/ActionCard.HYDpsdai.js +227 -0
- package/chunks/{InputFile.y71Cd5J9.js → InputFile.CkULfdaW.js} +1 -1
- package/chunks/LinkCard.BPvA2tuc.js +200 -0
- package/{filelist.GrEwoM1u.js → filelist.CabPo1pv.js} +1 -1
- package/index.es.js +4 -4
- package/{inputfile.DiZh3GcT.js → inputfile.0CCdkjg5.js} +2 -2
- package/{linkcard.BtM3KnjT.js → linkcard.CrspFGLZ.js} +1 -1
- package/package.json +1 -1
- package/partials/index.js +6 -6
- package/product-card-example-8.webp +0 -0
- package/progressindicator.CAb_O3VK.js +74 -0
- package/skeleton.BmkcNeRD.js +148 -0
- package/styles/js/index.es.js +3 -1
- package/styles/js/lib/animation.d.ts +2 -0
- package/styles/scss/ds/lib/animation.scss +4 -0
- package/assets/ActionCard.viEoC26n.css +0 -1
- package/assets/LinkCard.pJtgJRIh.css +0 -1
- package/assets/progressindicator.tyY_RVQ9.css +0 -1
- package/assets/skeleton.BjozXDiQ.css +0 -1
- package/chunks/ActionCard.Bm-2ewfS.js +0 -227
- package/chunks/LinkCard.DM-5WrSt.js +0 -200
- package/progressindicator.D9CfVD95.js +0 -74
- package/skeleton.CNJdNVav.js +0 -148
|
@@ -3,7 +3,7 @@ import "react/jsx-runtime";
|
|
|
3
3
|
import "./chunks/index.cKLI89Eg.js";
|
|
4
4
|
import "./chunks/index.DQOqod3i.js";
|
|
5
5
|
import "react";
|
|
6
|
-
import { D as e } from "./chunks/ActionCard.
|
|
6
|
+
import { D as e } from "./chunks/ActionCard.HYDpsdai.js";
|
|
7
7
|
export {
|
|
8
8
|
e as DSActionCard
|
|
9
9
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ds-action-card_root_wkyrw_1{background-color:#fff;border-radius:4px;display:flex;flex-direction:column;height:fit-content;min-width:13rem;max-width:42.9375rem;box-shadow:0 0 0 1px #dadada}.ds-action-card_root_wkyrw_1{transition:box-shadow var(--ds-animation-duration, .1s) linear}@media(prefers-reduced-motion:reduce){.ds-action-card_root_wkyrw_1{transition-duration:0ms}}@media screen and (forced-colors:active){.ds-action-card_root_wkyrw_1{border:1px solid LinkText}}.ds-action-card_root--elevated_wkyrw_24{box-shadow:0 2px 12px #00000014,0 1px 2px #00000029}.ds-action-card_root--clickable_wkyrw_27{cursor:pointer;position:relative}@media(hover:hover){.ds-action-card_root--clickable_wkyrw_27:hover{box-shadow:0 2px 12px #00000029,0 1px 2px #0003}}.ds-action-card_root--clickable_wkyrw_27:has(:focus-visible) .ds-action-card_primary-action_wkyrw_36:after{outline:2px solid;outline-color:#252525;outline-offset:4px}@media screen and (forced-colors:active){.ds-action-card_root--clickable_wkyrw_27:has(:focus-visible) .ds-action-card_primary-action_wkyrw_36:after{forced-color-adjust:auto;outline-color:Highlight}}.ds-action-card_root--clickable_wkyrw_27:has(:focus-within) .ds-action-card_primary-action_wkyrw_36:focus{outline:none}.ds-action-card_root--clickable_wkyrw_27 :is(.ds-action-card_media-wrapper_wkyrw_50,.ds-action-card_header_wkyrw_50,.ds-action-card_footer_wkyrw_50,.ds-action-card_supplementary_wkyrw_50):has(button,input,select,textarea,a,label,details,summary,video,audio,iframe){position:relative;z-index:2}.ds-action-card_root--horizontal_wkyrw_64{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto;grid-template-areas:"media content" "supplementary supplementary";width:100%;max-width:89.6875rem}.ds-action-card_root--horizontal_wkyrw_64 .ds-action-card_media-wrapper_wkyrw_50{grid-area:media;aspect-ratio:1/1;max-width:21.5625rem}.ds-action-card_root--horizontal_wkyrw_64 .ds-action-card_media-wrapper_wkyrw_50 img{border-top-right-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;aspect-ratio:1/1}.ds-action-card_root--horizontal_wkyrw_64 .ds-action-card_content_wkyrw_83{grid-area:content;height:auto;padding:32px}.ds-action-card_root--horizontal_wkyrw_64 .ds-action-card_content--padding-small_wkyrw_88{padding:16px}.ds-action-card_root--horizontal_wkyrw_64 .ds-action-card_supplementary_wkyrw_50{grid-area:supplementary;padding-block:8px;padding-inline:16px}.ds-action-card_root--horizontal-has-supplementary_wkyrw_96 .ds-action-card_media-wrapper_wkyrw_50 img{border-bottom-left-radius:0}.ds-action-card_root--padding-small_wkyrw_99 .ds-action-card_supplementary_wkyrw_50{padding-block:4px;padding-inline:0px}.ds-action-card_media-wrapper_wkyrw_50{width:100%;height:auto;aspect-ratio:16/9}.ds-action-card_media-wrapper_wkyrw_50 img{border-top-left-radius:4px;border-top-right-radius:4px;width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16/9}.ds-action-card_content_wkyrw_83{display:flex;flex-direction:column;gap:24px;padding:24px;height:100%;order:1}.ds-action-card_content--padding-small_wkyrw_88{padding:16px}.ds-action-card_footer_wkyrw_50{margin-block-start:auto}.ds-action-card_supplementary_wkyrw_50{display:flex;border-top:1px solid #DADADA;flex-direction:column;align-items:stretch;gap:16px;padding-block:6px;padding-inline:8px;order:2}.ds-action-card_primary-action_wkyrw_36{appearance:none;background:transparent;border:none;color:inherit;font:inherit;text-align:inherit;text-decoration:none;padding:0;margin:0;position:absolute;inset:0;z-index:1}.ds-action-card_primary-action_wkyrw_36:after{content:"";position:absolute;z-index:1;cursor:pointer;inset:0}.ds-action-card_primary-action_wkyrw_36:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors:active){.ds-action-card_primary-action_wkyrw_36:focus{forced-color-adjust:auto;outline-color:Highlight}}.ds-action-card_primary-action-label_wkyrw_179{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ds-link-card_root_1xnhr_1{cursor:pointer;position:relative;background-color:#fff;border-radius:4px;display:flex;flex-direction:column;height:fit-content;min-width:13rem;max-width:42.9375rem;box-shadow:0 0 0 1px #dadada}.ds-link-card_root_1xnhr_1{transition:box-shadow var(--ds-animation-duration, .1s) linear}@media(prefers-reduced-motion:reduce){.ds-link-card_root_1xnhr_1{transition-duration:0ms}}@media screen and (forced-colors:active){.ds-link-card_root_1xnhr_1{border:1px solid LinkText}}.ds-link-card_root--elevated_1xnhr_26{box-shadow:0 2px 12px #00000014,0 1px 2px #00000029}@media(hover:hover){.ds-link-card_root_1xnhr_1:hover{box-shadow:0 2px 12px #00000029,0 1px 2px #0003}}.ds-link-card_root_1xnhr_1 a:after{content:"";position:absolute;z-index:1;cursor:pointer;inset:0}.ds-link-card_root_1xnhr_1 a:focus{outline:2px solid;outline-color:#252525;outline-offset:4px}@media screen and (forced-colors:active){.ds-link-card_root_1xnhr_1 a:focus{forced-color-adjust:auto;outline-color:Highlight}}.ds-link-card_root_1xnhr_1:has(:focus-visible) a:after{outline:2px solid;outline-color:#252525;outline-offset:4px}@media screen and (forced-colors:active){.ds-link-card_root_1xnhr_1:has(:focus-visible) a:after{forced-color-adjust:auto;outline-color:Highlight}}.ds-link-card_root_1xnhr_1:has(:focus-within) a:focus{outline:none}.ds-link-card_root--horizontal_1xnhr_66{flex-direction:row;width:100%;max-width:89.6875rem}.ds-link-card_root--horizontal_1xnhr_66 .ds-link-card_media-wrapper_1xnhr_71{aspect-ratio:1/1;max-width:21.5625rem}.ds-link-card_root--horizontal_1xnhr_66 .ds-link-card_media-wrapper_1xnhr_71 img{border-top-right-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;aspect-ratio:1/1}.ds-link-card_root--horizontal_1xnhr_66 .ds-link-card_content_1xnhr_81{padding:32px;height:auto;width:100%}.ds-link-card_root--horizontal_1xnhr_66 .ds-link-card_content--padding-small_1xnhr_86{padding:16px}.ds-link-card_media-wrapper_1xnhr_71{width:100%;height:auto;aspect-ratio:16/9}.ds-link-card_media-wrapper_1xnhr_71 img{border-top-left-radius:4px;border-top-right-radius:4px;width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16/9}.ds-link-card_content_1xnhr_81{display:flex;flex-direction:column;gap:24px;padding:24px;height:100%;order:1}.ds-link-card_content--padding-small_1xnhr_86{padding:16px}.ds-link-card_header_1xnhr_117,.ds-link-card_footer_1xnhr_118{display:flex;flex-direction:column}.ds-link-card_header_1xnhr_117{gap:8px}.ds-link-card_footer_1xnhr_118{align-items:flex-start;gap:16px;margin-block-start:auto}.ds-link-card_heading_1xnhr_133{margin:0}.ds-link-card_heading--with-icon_1xnhr_136{display:flex;justify-content:space-between;gap:24px;width:100%}.ds-link-card_heading--with-icon_1xnhr_136 svg{margin-block-start:4px}.ds-link-card_link_1xnhr_146{text-decoration:none;color:#252525}.ds-link-card_description_1xnhr_151{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;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-size:1rem;line-height:1.5;font-size-adjust:.414;font-weight:400}.ds-link-card_meta-data_1xnhr_168{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;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-size:.875rem;line-height:1.14;font-size-adjust:.414;font-weight:400}.ds-link-card_decorative-link_1xnhr_185{margin-block-start:4px}.ds-link-card_flags_1xnhr_189{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.ds-link-card_brand-flag_1xnhr_198{position:absolute;top:8px;left:8px}.ds-link-card_graphic-area_1xnhr_204 img,.ds-link-card_graphic-area_1xnhr_204 svg{display:block;max-width:3rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ds-input-file_root_168c2_1{display:flex;flex-direction:row;align-items:center}.ds-input-file_bar-background_168c2_7{position:relative;width:100%;height:6px;background-color:#ededed;border-radius:2px;overflow:hidden}@media screen and (forced-colors:active){.ds-input-file_bar-background_168c2_7{height:8px;margin-block:-1px;border:1px solid transparent;border-color:CanvasText}}.ds-input-file_bar-background--dark_168c2_23{background-color:#444}.ds-input-file_bar-fill_168c2_27{height:6px;border-radius:2px;background-color:#1e71a1}.ds-input-file_bar-fill--dark_168c2_32{background-color:#8dcfe8}.ds-input-file_bar-fill--error_168c2_35{background-color:#d43b3b}.ds-input-file_bar-fill_168c2_27{transition:width var(--ds-animation-duration, .4s) linear}@media(prefers-reduced-motion:reduce){.ds-input-file_bar-fill_168c2_27{transition-duration:0ms}}.ds-input-file_bar-fill-indeterminate_168c2_46{width:42.05%;position:absolute;height:100%;border-radius:2px;background-color:#1e71a1;animation-name:ds-input-file_indeterminate-progress_168c2_1;animation-duration:var(--ds-animation-duration, 1.6s);animation-iteration-count:infinite}@media(prefers-reduced-motion:reduce){.ds-input-file_bar-fill-indeterminate_168c2_46{animation-duration:0s}}.ds-input-file_bar-fill-indeterminate--dark_168c2_61{background-color:#8dcfe8}@media screen and (forced-colors:active){.ds-input-file_bar-fill_168c2_27{background-color:Highlight}}.ds-input-file_percent-label_168c2_70{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-size:.875rem;line-height:1.14;font-size-adjust:.414;font-weight:400;min-width:2.25rem;color:#666}.ds-input-file_percent-label--dark_168c2_83{color:#b1b1b1}.ds-input-file_progress-text_168c2_87{gap:8px;grid-column:2;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-size:.875rem;line-height:1.14;font-size-adjust:.414;font-weight:400;color:#666;margin-block-end:4px}.ds-input-file_progress-text--dark_168c2_102{color:#b1b1b1}.ds-input-file_progress-bar_168c2_106{gap:12px}.ds-input-file_sr-only_168c2_110{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}@keyframes ds-input-file_indeterminate-progress_168c2_1{0%{left:-37.89%;animation-timing-function:ease-in}25%{left:0;animation-timing-function:ease-out}50%{left:95.84%;animation-timing-function:ease-in}75%{left:-8.55%;animation-timing-function:ease-out}to{left:-37.89%;animation-timing-function:ease-in}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";@keyframes ds-skeleton_shimmer-slide_ujlx7_1{0%{transform:translate(-100%)}86.49%,to{transform:translate(100%)}}.ds-skeleton_line_ujlx7_26{display:block;background-color:#ededed;position:relative;overflow:hidden}.ds-skeleton_line_ujlx7_26:after{content:"";min-width:30rem;transform:translate(-100%);position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;background-position:center;background-repeat:no-repeat;background-size:100% 100%;animation:ds-skeleton_shimmer-slide_ujlx7_1 var(--ds-animation-duration, 1.85s) cubic-bezier(.5,0,.5,1) .25s infinite;background-image:linear-gradient(90deg,#f8f8f800,#f8f8f8 80%,#f8f8f800)}@media(prefers-reduced-motion:reduce){.ds-skeleton_line_ujlx7_26:after{animation:none}}.ds-skeleton_line_ujlx7_26{width:100%;border-radius:2px}.ds-skeleton_line--title-x-large_ujlx7_57{height:1.95rem}.ds-skeleton_line--title-large_ujlx7_60{height:1.71875rem}.ds-skeleton_line--heading-x-large_ujlx7_63{height:1.95rem}.ds-skeleton_line--heading-large_ujlx7_66{height:1.71875rem}.ds-skeleton_line--heading-medium_ujlx7_69,.ds-skeleton_line--heading-small_ujlx7_72{height:1.5rem}.ds-skeleton_line--text-large_ujlx7_75{height:2rem}.ds-skeleton_line--text-medium_ujlx7_78{height:1.5rem}.ds-skeleton_line--text-small_ujlx7_81,.ds-skeleton_line--text-x-small_ujlx7_84{height:.9975rem}.ds-skeleton_line--text-xx-small_ujlx7_87{height:1rem}.ds-skeleton_line--utility-large_ujlx7_90{height:1.49625rem}.ds-skeleton_line--utility-medium_ujlx7_93{height:1.25rem}.ds-skeleton_line--utility-small_ujlx7_96,.ds-skeleton_line--utility-x-small-demi_ujlx7_99{height:.9975rem}@media(min-width:1024px){.ds-skeleton_line--title-x-large_ujlx7_57,.ds-skeleton_line--heading-x-large_ujlx7_63,.ds-skeleton_line--heading-x-large-uppercase_ujlx7_106{height:2.34375rem}.ds-skeleton_line--title-large_ujlx7_60,.ds-skeleton_line--heading-large_ujlx7_66,.ds-skeleton_line--heading-large-uppercase_ujlx7_109{height:1.95rem}}.ds-skeleton_line--theme-dark_ujlx7_113{display:block;background-color:#252525;position:relative;overflow:hidden}.ds-skeleton_line--theme-dark_ujlx7_113:after{content:"";min-width:30rem;transform:translate(-100%);position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;background-position:center;background-repeat:no-repeat;background-size:100% 100%;animation:ds-skeleton_shimmer-slide_ujlx7_1 var(--ds-animation-duration, 1.85s) cubic-bezier(.5,0,.5,1) .25s infinite;background-image:linear-gradient(90deg,#6660,#66666680 80%,#6660)}@media(prefers-reduced-motion:reduce){.ds-skeleton_line--theme-dark_ujlx7_113:after{animation:none}}.ds-skeleton_multi-line-wrapper_ujlx7_143{display:flex;flex-direction:column;gap:4px}.ds-skeleton_multi-line-wrapper_ujlx7_143>:last-child{clip-path:inset(0 20% 0 0 round 0 2px 2px 0)}.ds-skeleton_multi-line_ujlx7_143{display:block;background-color:#ededed;position:relative;overflow:hidden}.ds-skeleton_multi-line_ujlx7_143:after{content:"";min-width:30rem;transform:translate(-100%);position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;background-position:center;background-repeat:no-repeat;background-size:100% 100%;animation:ds-skeleton_shimmer-slide_ujlx7_1 var(--ds-animation-duration, 1.85s) cubic-bezier(.5,0,.5,1) .25s infinite;background-image:linear-gradient(90deg,#f8f8f800,#f8f8f8 80%,#f8f8f800)}@media(prefers-reduced-motion:reduce){.ds-skeleton_multi-line_ujlx7_143:after{animation:none}}.ds-skeleton_multi-line_ujlx7_143{border-radius:2px;width:100%}.ds-skeleton_multi-line--title-x-large_ujlx7_182{height:calc(1.95rem - 4px)}.ds-skeleton_multi-line--title-large_ujlx7_185{height:calc(1.71875rem - 4px)}.ds-skeleton_multi-line--heading-x-large_ujlx7_188{height:calc(1.95rem - 4px)}.ds-skeleton_multi-line--heading-large_ujlx7_191{height:calc(1.71875rem - 4px)}.ds-skeleton_multi-line--heading-medium_ujlx7_194,.ds-skeleton_multi-line--heading-small_ujlx7_197{height:calc(1.5rem - 4px)}.ds-skeleton_multi-line--text-large_ujlx7_200{height:calc(2rem - 4px)}.ds-skeleton_multi-line--text-medium_ujlx7_203{height:calc(1.5rem - 4px)}.ds-skeleton_multi-line--text-small_ujlx7_206,.ds-skeleton_multi-line--text-x-small_ujlx7_209{height:calc(.9975rem - 4px)}.ds-skeleton_multi-line--text-xx-small_ujlx7_212{height:calc(1rem - 4px)}.ds-skeleton_multi-line--utility-large_ujlx7_215{height:calc(1.49625rem - 4px)}.ds-skeleton_multi-line--utility-medium_ujlx7_218{height:calc(1.25rem - 4px)}.ds-skeleton_multi-line--utility-small_ujlx7_221,.ds-skeleton_multi-line--utility-x-small-demi_ujlx7_224{height:calc(.9975rem - 4px)}@media(min-width:1024px){.ds-skeleton_multi-line--title-x-large_ujlx7_182,.ds-skeleton_multi-line--heading-x-large_ujlx7_188,.ds-skeleton_multi-line--heading-x-large-uppercase_ujlx7_231{height:calc(2.34375rem - 4px)}.ds-skeleton_multi-line--title-large_ujlx7_185,.ds-skeleton_multi-line--heading-large_ujlx7_191,.ds-skeleton_multi-line--heading-large-uppercase_ujlx7_234{height:calc(1.95rem - 4px)}}.ds-skeleton_multi-line--theme-dark_ujlx7_238{display:block;background-color:#252525;position:relative;overflow:hidden}.ds-skeleton_multi-line--theme-dark_ujlx7_238:after{content:"";min-width:30rem;transform:translate(-100%);position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;background-position:center;background-repeat:no-repeat;background-size:100% 100%;animation:ds-skeleton_shimmer-slide_ujlx7_1 var(--ds-animation-duration, 1.85s) cubic-bezier(.5,0,.5,1) .25s infinite;background-image:linear-gradient(90deg,#6660,#66666680 80%,#6660)}@media(prefers-reduced-motion:reduce){.ds-skeleton_multi-line--theme-dark_ujlx7_238:after{animation:none}}.ds-skeleton_rectangle_ujlx7_268{display:block;background-color:#ededed;position:relative;overflow:hidden}.ds-skeleton_rectangle_ujlx7_268:after{content:"";min-width:30rem;transform:translate(-100%);position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;background-position:center;background-repeat:no-repeat;background-size:100% 100%;animation:ds-skeleton_shimmer-slide_ujlx7_1 var(--ds-animation-duration, 1.85s) cubic-bezier(.5,0,.5,1) .25s infinite;background-image:linear-gradient(90deg,#f8f8f800,#f8f8f8 80%,#f8f8f800)}@media(prefers-reduced-motion:reduce){.ds-skeleton_rectangle_ujlx7_268:after{animation:none}}.ds-skeleton_rectangle_ujlx7_268{width:100%;height:100%;border-radius:0}.ds-skeleton_rectangle--theme-dark_ujlx7_299{display:block;background-color:#252525;position:relative;overflow:hidden}.ds-skeleton_rectangle--theme-dark_ujlx7_299:after{content:"";min-width:30rem;transform:translate(-100%);position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;background-position:center;background-repeat:no-repeat;background-size:100% 100%;animation:ds-skeleton_shimmer-slide_ujlx7_1 var(--ds-animation-duration, 1.85s) cubic-bezier(.5,0,.5,1) .25s infinite;background-image:linear-gradient(90deg,#6660,#66666680 80%,#6660)}@media(prefers-reduced-motion:reduce){.ds-skeleton_rectangle--theme-dark_ujlx7_299:after{animation:none}}.ds-skeleton_circle_ujlx7_329{display:block;background-color:#ededed;position:relative;overflow:hidden}.ds-skeleton_circle_ujlx7_329:after{content:"";min-width:30rem;transform:translate(-100%);position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;background-position:center;background-repeat:no-repeat;background-size:100% 100%;animation:ds-skeleton_shimmer-slide_ujlx7_1 var(--ds-animation-duration, 1.85s) cubic-bezier(.5,0,.5,1) .25s infinite;background-image:linear-gradient(90deg,#f8f8f800,#f8f8f8 80%,#f8f8f800)}@media(prefers-reduced-motion:reduce){.ds-skeleton_circle_ujlx7_329:after{animation:none}}.ds-skeleton_circle_ujlx7_329{aspect-ratio:1/1;height:auto;width:auto;border-radius:50%}.ds-skeleton_circle--theme-dark_ujlx7_361{display:block;background-color:#252525;position:relative;overflow:hidden}.ds-skeleton_circle--theme-dark_ujlx7_361:after{content:"";min-width:30rem;transform:translate(-100%);position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;background-position:center;background-repeat:no-repeat;background-size:100% 100%;animation:ds-skeleton_shimmer-slide_ujlx7_1 var(--ds-animation-duration, 1.85s) cubic-bezier(.5,0,.5,1) .25s infinite;background-image:linear-gradient(90deg,#6660,#66666680 80%,#6660)}@media(prefers-reduced-motion:reduce){.ds-skeleton_circle--theme-dark_ujlx7_361:after{animation:none}}
|
|
@@ -0,0 +1,227 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as K, Fragment as re, jsx as S } from "react/jsx-runtime";
|
|
3
|
+
import { d as A } from "./index.cKLI89Eg.js";
|
|
4
|
+
import { c as C } from "./index.DQOqod3i.js";
|
|
5
|
+
import oe, { isValidElement as te, useRef as le, useEffect as ne, cloneElement as se } from "react";
|
|
6
|
+
import { g as ee } from "./helpers.CexwVao7.js";
|
|
7
|
+
import '../assets/ActionCard.DeWHOXFn.css';const ie = "ds-action-card_root_wkyrw_1", ce = "ds-action-card_root--elevated_wkyrw_24", de = "ds-action-card_root--clickable_wkyrw_27", me = "ds-action-card_primary-action_wkyrw_36", pe = "ds-action-card_media-wrapper_wkyrw_50", ye = "ds-action-card_header_wkyrw_50", fe = "ds-action-card_footer_wkyrw_50", _e = "ds-action-card_supplementary_wkyrw_50", ue = "ds-action-card_root--horizontal_wkyrw_64", he = "ds-action-card_content_wkyrw_83", Ne = "ds-action-card_content--padding-small_wkyrw_88", be = "ds-action-card_root--horizontal-has-supplementary_wkyrw_96", we = "ds-action-card_root--padding-small_wkyrw_99", ge = "ds-action-card_primary-action-label_wkyrw_179", d = {
|
|
8
|
+
root: ie,
|
|
9
|
+
rootElevated: ce,
|
|
10
|
+
rootClickable: de,
|
|
11
|
+
primaryAction: me,
|
|
12
|
+
mediaWrapper: pe,
|
|
13
|
+
header: ye,
|
|
14
|
+
footer: fe,
|
|
15
|
+
supplementary: _e,
|
|
16
|
+
rootHorizontal: ue,
|
|
17
|
+
content: he,
|
|
18
|
+
contentPaddingSmall: Ne,
|
|
19
|
+
rootHorizontalHasSupplementary: be,
|
|
20
|
+
rootPaddingSmall: we,
|
|
21
|
+
primaryActionLabel: ge
|
|
22
|
+
}, Se = ({
|
|
23
|
+
aria: i,
|
|
24
|
+
cardElement: e
|
|
25
|
+
}) => {
|
|
26
|
+
const t = i?.["aria-labelledby"], a = i?.["aria-label"];
|
|
27
|
+
if (e) {
|
|
28
|
+
if (!t && !a)
|
|
29
|
+
throw new Error(ee("DSActionCard", "The 'aria' prop is required and must include either 'aria-labelledby' or 'aria-label'."));
|
|
30
|
+
if (t && !e.querySelector("#" + t))
|
|
31
|
+
throw new Error(ee("DSActionCard", `The provided 'aria-labelledby' value '${t}' does not match any element ID within the card.`));
|
|
32
|
+
}
|
|
33
|
+
}, D = (i, e) => {
|
|
34
|
+
const t = [];
|
|
35
|
+
return oe.Children.forEach(i, (a) => {
|
|
36
|
+
if (!te(a))
|
|
37
|
+
return;
|
|
38
|
+
const o = a.type, r = e, l = r.displayName || r.name, m = o.displayName || o.name;
|
|
39
|
+
(a.type === e || m === l) && t.push(a);
|
|
40
|
+
}), t;
|
|
41
|
+
}, k = (i) => {
|
|
42
|
+
const e = A.c(47);
|
|
43
|
+
let t, a, o, r, l, m, c, p;
|
|
44
|
+
e[0] !== i ? ({
|
|
45
|
+
aria: t,
|
|
46
|
+
className: o,
|
|
47
|
+
classNameContentWrapper: r,
|
|
48
|
+
children: a,
|
|
49
|
+
orientation: m,
|
|
50
|
+
padding: c,
|
|
51
|
+
variant: p,
|
|
52
|
+
...l
|
|
53
|
+
} = i, e[0] = i, e[1] = t, e[2] = a, e[3] = o, e[4] = r, e[5] = l, e[6] = m, e[7] = c, e[8] = p) : (t = e[1], a = e[2], o = e[3], r = e[4], l = e[5], m = e[6], c = e[7], p = e[8]);
|
|
54
|
+
const h = m === void 0 ? "vertical" : m, y = c === void 0 ? "medium" : c, b = p === void 0 ? "outlined" : p, N = le(null);
|
|
55
|
+
let f;
|
|
56
|
+
e[9] !== a ? (f = D(a, Q), e[9] = a, e[10] = f) : f = e[10];
|
|
57
|
+
const w = f;
|
|
58
|
+
let _;
|
|
59
|
+
e[11] !== a ? (_ = D(a, U), e[11] = a, e[12] = _) : _ = e[12];
|
|
60
|
+
const u = _;
|
|
61
|
+
let n;
|
|
62
|
+
e[13] !== a ? (n = D(a, Y), e[13] = a, e[14] = n) : n = e[14];
|
|
63
|
+
const s = n;
|
|
64
|
+
let g;
|
|
65
|
+
e[15] !== a ? (g = D(a, X), e[15] = a, e[16] = g) : g = e[16];
|
|
66
|
+
const E = g;
|
|
67
|
+
let P;
|
|
68
|
+
e[17] !== a ? (P = D(a, Z), e[17] = a, e[18] = P) : P = e[18];
|
|
69
|
+
const H = P, F = H.length > 0, M = h === "horizontal", W = y === "small", R = h === "horizontal" && s.length > 0, j = b === "elevated";
|
|
70
|
+
let z;
|
|
71
|
+
e[19] !== o || e[20] !== F || e[21] !== W || e[22] !== R || e[23] !== j || e[24] !== M ? (z = C(d.root, o, {
|
|
72
|
+
[d.rootHorizontal]: M,
|
|
73
|
+
[d.rootPaddingSmall]: W,
|
|
74
|
+
[d.rootHorizontalHasSupplementary]: R,
|
|
75
|
+
[d.rootClickable]: F,
|
|
76
|
+
[d.rootElevated]: j
|
|
77
|
+
}), e[19] = o, e[20] = F, e[21] = W, e[22] = R, e[23] = j, e[24] = M, e[25] = z) : z = e[25];
|
|
78
|
+
const q = z, O = y === "small";
|
|
79
|
+
let L;
|
|
80
|
+
e[26] !== r || e[27] !== O ? (L = C(d.content, r, {
|
|
81
|
+
[d.contentPaddingSmall]: O
|
|
82
|
+
}), e[26] = r, e[27] = O, e[28] = L) : L = e[28];
|
|
83
|
+
const V = L;
|
|
84
|
+
let $;
|
|
85
|
+
e[29] !== t ? ($ = () => {
|
|
86
|
+
const ae = N.current;
|
|
87
|
+
process.env.NODE_ENV !== "production" && Se({
|
|
88
|
+
aria: t,
|
|
89
|
+
cardElement: ae
|
|
90
|
+
});
|
|
91
|
+
}, e[29] = t, e[30] = $) : $ = e[30];
|
|
92
|
+
const B = t?.["aria-labelledby"], I = t?.["aria-label"];
|
|
93
|
+
let T;
|
|
94
|
+
e[31] !== B || e[32] !== I ? (T = [B, I], e[31] = B, e[32] = I, e[33] = T) : T = e[33], ne($, T);
|
|
95
|
+
const G = t?.["aria-labelledby"], J = t?.["aria-label"];
|
|
96
|
+
let v;
|
|
97
|
+
e[34] !== V || e[35] !== u || e[36] !== w ? (v = /* @__PURE__ */ K("div", { className: V, children: [
|
|
98
|
+
w,
|
|
99
|
+
u
|
|
100
|
+
] }), e[34] = V, e[35] = u, e[36] = w, e[37] = v) : v = e[37];
|
|
101
|
+
let x;
|
|
102
|
+
return e[38] !== E || e[39] !== H || e[40] !== l || e[41] !== q || e[42] !== s || e[43] !== G || e[44] !== J || e[45] !== v ? (x = /* @__PURE__ */ K("article", { ...l, "aria-labelledby": G, "aria-label": J, ref: N, className: q, children: [
|
|
103
|
+
H,
|
|
104
|
+
v,
|
|
105
|
+
s,
|
|
106
|
+
E
|
|
107
|
+
] }), e[38] = E, e[39] = H, e[40] = l, e[41] = q, e[42] = s, e[43] = G, e[44] = J, e[45] = v, e[46] = x) : x = e[46], x;
|
|
108
|
+
}, Q = (i) => {
|
|
109
|
+
const e = A.c(5), {
|
|
110
|
+
children: t,
|
|
111
|
+
className: a
|
|
112
|
+
} = i;
|
|
113
|
+
let o;
|
|
114
|
+
e[0] !== a ? (o = C(d.header, a) || void 0, e[0] = a, e[1] = o) : o = e[1];
|
|
115
|
+
const r = o;
|
|
116
|
+
let l;
|
|
117
|
+
return e[2] !== t || e[3] !== r ? (l = /* @__PURE__ */ S("header", { className: r, children: t }), e[2] = t, e[3] = r, e[4] = l) : l = e[4], l;
|
|
118
|
+
};
|
|
119
|
+
Q.displayName = "DSActionCard.Header";
|
|
120
|
+
const U = (i) => {
|
|
121
|
+
const e = A.c(5), {
|
|
122
|
+
children: t,
|
|
123
|
+
className: a
|
|
124
|
+
} = i;
|
|
125
|
+
let o;
|
|
126
|
+
e[0] !== a ? (o = C(d.footer, a) || void 0, e[0] = a, e[1] = o) : o = e[1];
|
|
127
|
+
const r = o;
|
|
128
|
+
let l;
|
|
129
|
+
return e[2] !== t || e[3] !== r ? (l = /* @__PURE__ */ S("footer", { className: r, children: t }), e[2] = t, e[3] = r, e[4] = l) : l = e[4], l;
|
|
130
|
+
};
|
|
131
|
+
U.displayName = "DSActionCard.Footer";
|
|
132
|
+
const X = (i) => {
|
|
133
|
+
const e = A.c(5), {
|
|
134
|
+
children: t,
|
|
135
|
+
className: a
|
|
136
|
+
} = i;
|
|
137
|
+
let o;
|
|
138
|
+
e[0] !== a ? (o = C(d.mediaWrapper, a) || void 0, e[0] = a, e[1] = o) : o = e[1];
|
|
139
|
+
const r = o;
|
|
140
|
+
let l;
|
|
141
|
+
return e[2] !== t || e[3] !== r ? (l = /* @__PURE__ */ S("div", { className: r, children: t }), e[2] = t, e[3] = r, e[4] = l) : l = e[4], l;
|
|
142
|
+
};
|
|
143
|
+
X.displayName = "DSActionCard.Media";
|
|
144
|
+
const Y = (i) => {
|
|
145
|
+
const e = A.c(5), {
|
|
146
|
+
children: t,
|
|
147
|
+
className: a
|
|
148
|
+
} = i;
|
|
149
|
+
let o;
|
|
150
|
+
e[0] !== a ? (o = C(d.supplementary, a) || void 0, e[0] = a, e[1] = o) : o = e[1];
|
|
151
|
+
const r = o;
|
|
152
|
+
let l;
|
|
153
|
+
return e[2] !== t || e[3] !== r ? (l = /* @__PURE__ */ S("div", { className: r, children: t }), e[2] = t, e[3] = r, e[4] = l) : l = e[4], l;
|
|
154
|
+
};
|
|
155
|
+
Y.displayName = "DSActionCard.Supplementary";
|
|
156
|
+
const Z = (i) => {
|
|
157
|
+
const e = A.c(56);
|
|
158
|
+
let t, a, o, r, l, m;
|
|
159
|
+
e[0] !== i ? ({
|
|
160
|
+
children: t,
|
|
161
|
+
className: a,
|
|
162
|
+
href: o,
|
|
163
|
+
linkComponent: r,
|
|
164
|
+
onClick: l,
|
|
165
|
+
...m
|
|
166
|
+
} = i, e[0] = i, e[1] = t, e[2] = a, e[3] = o, e[4] = r, e[5] = l, e[6] = m) : (t = e[1], a = e[2], o = e[3], r = e[4], l = e[5], m = e[6]);
|
|
167
|
+
let c, p, h, y, b, N, f, w, _, u;
|
|
168
|
+
if (e[7] !== t || e[8] !== a || e[9] !== r || e[10] !== m) {
|
|
169
|
+
w = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
|
|
170
|
+
e: {
|
|
171
|
+
y = C(d.primaryAction, a) || void 0;
|
|
172
|
+
const n = m;
|
|
173
|
+
if (e[21] !== n ? ({
|
|
174
|
+
download: p,
|
|
175
|
+
hrefLang: h,
|
|
176
|
+
ping: b,
|
|
177
|
+
referrerPolicy: N,
|
|
178
|
+
rel: f,
|
|
179
|
+
target: _,
|
|
180
|
+
type: u,
|
|
181
|
+
...c
|
|
182
|
+
} = n, e[21] = n, e[22] = c, e[23] = p, e[24] = h, e[25] = b, e[26] = N, e[27] = f, e[28] = _, e[29] = u) : (c = e[22], p = e[23], h = e[24], b = e[25], N = e[26], f = e[27], _ = e[28], u = e[29]), r && te(r)) {
|
|
183
|
+
let s;
|
|
184
|
+
e[30] !== t ? (s = /* @__PURE__ */ S("span", { className: d.primaryActionLabel, children: t }), e[30] = t, e[31] = s) : s = e[31];
|
|
185
|
+
let g;
|
|
186
|
+
e[32] !== r.props.children || e[33] !== s ? (g = /* @__PURE__ */ K(re, { children: [
|
|
187
|
+
s,
|
|
188
|
+
r.props.children
|
|
189
|
+
] }), e[32] = r.props.children, e[33] = s, e[34] = g) : g = e[34], w = se(r, {
|
|
190
|
+
...r.props,
|
|
191
|
+
className: C(y, r.props.className),
|
|
192
|
+
children: g
|
|
193
|
+
});
|
|
194
|
+
break e;
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
e[7] = t, e[8] = a, e[9] = r, e[10] = m, e[11] = c, e[12] = p, e[13] = h, e[14] = y, e[15] = b, e[16] = N, e[17] = f, e[18] = w, e[19] = _, e[20] = u;
|
|
198
|
+
} else
|
|
199
|
+
c = e[11], p = e[12], h = e[13], y = e[14], b = e[15], N = e[16], f = e[17], w = e[18], _ = e[19], u = e[20];
|
|
200
|
+
if (w !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
|
|
201
|
+
return w;
|
|
202
|
+
if (o) {
|
|
203
|
+
let n;
|
|
204
|
+
e[35] !== t ? (n = /* @__PURE__ */ S("span", { className: d.primaryActionLabel, children: t }), e[35] = t, e[36] = n) : n = e[36];
|
|
205
|
+
let s;
|
|
206
|
+
return e[37] !== c || e[38] !== p || e[39] !== o || e[40] !== h || e[41] !== y || e[42] !== b || e[43] !== N || e[44] !== f || e[45] !== n || e[46] !== _ || e[47] !== u ? (s = /* @__PURE__ */ S("a", { href: o, className: y, download: p, hrefLang: h, ping: b, referrerPolicy: N, rel: f, target: _, type: u, ...c, children: n }), e[37] = c, e[38] = p, e[39] = o, e[40] = h, e[41] = y, e[42] = b, e[43] = N, e[44] = f, e[45] = n, e[46] = _, e[47] = u, e[48] = s) : s = e[48], s;
|
|
207
|
+
}
|
|
208
|
+
if (l) {
|
|
209
|
+
let n;
|
|
210
|
+
e[49] !== t ? (n = /* @__PURE__ */ S("span", { className: d.primaryActionLabel, children: t }), e[49] = t, e[50] = n) : n = e[50];
|
|
211
|
+
let s;
|
|
212
|
+
return e[51] !== c || e[52] !== y || e[53] !== l || e[54] !== n ? (s = /* @__PURE__ */ S("button", { type: "button", className: y, onClick: l, ...c, children: n }), e[51] = c, e[52] = y, e[53] = l, e[54] = n, e[55] = s) : s = e[55], s;
|
|
213
|
+
}
|
|
214
|
+
return null;
|
|
215
|
+
};
|
|
216
|
+
Z.displayName = "DSActionCard.PrimaryAction";
|
|
217
|
+
k.Header = Q;
|
|
218
|
+
k.Footer = U;
|
|
219
|
+
k.Media = X;
|
|
220
|
+
k.PrimaryAction = Z;
|
|
221
|
+
k.Supplementary = Y;
|
|
222
|
+
k.displayName = "DSActionCard";
|
|
223
|
+
export {
|
|
224
|
+
k as D,
|
|
225
|
+
D as g,
|
|
226
|
+
Se as v
|
|
227
|
+
};
|
|
@@ -8,7 +8,7 @@ import { D as Ne } from "./Button.CCol--xy.js";
|
|
|
8
8
|
import { D as Le } from "./Icon.DYtaQgbw.js";
|
|
9
9
|
import { D as Be } from "./Popover.CxZZ_y1Z.js";
|
|
10
10
|
import { D as Pe } from "./SystemFeedback.DhWcYjnu.js";
|
|
11
|
-
import { FileList as Te } from "../filelist.
|
|
11
|
+
import { FileList as Te } from "../filelist.CabPo1pv.js";
|
|
12
12
|
import { g as y } from "./helpers.CexwVao7.js";
|
|
13
13
|
import { u as q } from "./useBreakpoint.1txsny17.js";
|
|
14
14
|
import { t as Ce } from "./translate.DSb-TdWR.js";
|
|
@@ -0,0 +1,200 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as w, jsx as s, Fragment as Te } from "react/jsx-runtime";
|
|
3
|
+
import { d as je } from "./index.cKLI89Eg.js";
|
|
4
|
+
import { c as r } from "./index.DQOqod3i.js";
|
|
5
|
+
import { isValidElement as Ve, cloneElement as Be } from "react";
|
|
6
|
+
import { b as U } from "./Flag.CbQYBzVC.js";
|
|
7
|
+
import { DSHeading as Me } from "../heading.BHSklXho.js";
|
|
8
|
+
import { D as Oe } from "./Icon.DYtaQgbw.js";
|
|
9
|
+
import { D as qe } from "./LinkButton.BxG7fx1O.js";
|
|
10
|
+
import { g as u } from "./helpers.CexwVao7.js";
|
|
11
|
+
import '../assets/LinkCard.CqjmRkfO.css';const Re = "ds-link-card_root_1xnhr_1", $e = "ds-link-card_root--elevated_1xnhr_26", Ge = "ds-link-card_root--horizontal_1xnhr_66", Je = "ds-link-card_media-wrapper_1xnhr_71", Ke = "ds-link-card_content_1xnhr_81", Qe = "ds-link-card_content--padding-small_1xnhr_86", Ue = "ds-link-card_header_1xnhr_117", Xe = "ds-link-card_footer_1xnhr_118", Ye = "ds-link-card_heading_1xnhr_133", Ze = "ds-link-card_heading--with-icon_1xnhr_136", ea = "ds-link-card_link_1xnhr_146", aa = "ds-link-card_description_1xnhr_151", na = "ds-link-card_meta-data_1xnhr_168", ta = "ds-link-card_decorative-link_1xnhr_185", ia = "ds-link-card_flags_1xnhr_189", oa = "ds-link-card_brand-flag_1xnhr_198", ra = "ds-link-card_graphic-area_1xnhr_204", a = {
|
|
12
|
+
root: Re,
|
|
13
|
+
rootElevated: $e,
|
|
14
|
+
rootHorizontal: Ge,
|
|
15
|
+
mediaWrapper: Je,
|
|
16
|
+
content: Ke,
|
|
17
|
+
contentPaddingSmall: Qe,
|
|
18
|
+
header: Ue,
|
|
19
|
+
footer: Xe,
|
|
20
|
+
heading: Ye,
|
|
21
|
+
headingWithIcon: Ze,
|
|
22
|
+
link: ea,
|
|
23
|
+
description: aa,
|
|
24
|
+
metaData: na,
|
|
25
|
+
decorativeLink: ta,
|
|
26
|
+
flags: ia,
|
|
27
|
+
brandFlag: oa,
|
|
28
|
+
graphicArea: ra
|
|
29
|
+
}, sa = ({
|
|
30
|
+
href: m,
|
|
31
|
+
linkComponent: e,
|
|
32
|
+
flags: n,
|
|
33
|
+
flagListAriaLabel: d,
|
|
34
|
+
heading: i,
|
|
35
|
+
mediaArea: l,
|
|
36
|
+
img: g,
|
|
37
|
+
brandFlag: c,
|
|
38
|
+
decorativeLinkButtonProps: f
|
|
39
|
+
}) => {
|
|
40
|
+
if (typeof g < "u" && console.warn(u("DSLinkCard", "The 'img' prop is deprecated. Please use 'mediaArea' instead.")), !m && !e)
|
|
41
|
+
throw new Error(u("DSLinkCard", "Please provide either the 'href' prop or a custom 'linkComponent'."));
|
|
42
|
+
if (m && e)
|
|
43
|
+
throw new Error(u("DSLinkCard", "Please provide either the 'href' prop or a custom 'linkComponent', but not both."));
|
|
44
|
+
if (!i)
|
|
45
|
+
throw new Error(u("DSLinkCard", "The 'heading' prop is required and must be provided."));
|
|
46
|
+
n && n.length > 6 && console.warn(u("DSLinkCard", "It is recommended to provide a maximum of 6 flags for optimal display.")), n && n.length > 0 && !d && console.warn(u("DSLinkCard", "When providing flags, please also ensure to add the 'flagListAriaLabel' to describe the list of flags for non sighted screen reader users.")), c && l === void 0 && g === void 0 && console.warn(u("DSLinkCard", "The 'brandFlag' prop is set but no 'mediaArea' prop is provided. The 'brandFlag' will have no effect without a media element.")), typeof i == "object" && i !== null && i.headingIconName && f?.label && console.warn(u("DSLinkCard", "The 'heading.headingIconName' option should not be used when a decorative link label is provided."));
|
|
47
|
+
}, la = (m) => {
|
|
48
|
+
const e = je.c(89);
|
|
49
|
+
let n, d, i, l, g, c, f, o, h, L, t, N, k, _, b, C, D, x;
|
|
50
|
+
e[0] !== m ? ({
|
|
51
|
+
heading: o,
|
|
52
|
+
brandFlag: n,
|
|
53
|
+
className: i,
|
|
54
|
+
cardClassNames: d,
|
|
55
|
+
decorativeLinkButtonProps: l,
|
|
56
|
+
description: g,
|
|
57
|
+
flagListAriaLabel: c,
|
|
58
|
+
flags: b,
|
|
59
|
+
href: h,
|
|
60
|
+
mediaArea: N,
|
|
61
|
+
img: L,
|
|
62
|
+
linkComponent: t,
|
|
63
|
+
metaData: k,
|
|
64
|
+
orientation: C,
|
|
65
|
+
padding: D,
|
|
66
|
+
graphicArea: f,
|
|
67
|
+
variant: x,
|
|
68
|
+
..._
|
|
69
|
+
} = m, e[0] = m, e[1] = n, e[2] = d, e[3] = i, e[4] = l, e[5] = g, e[6] = c, e[7] = f, e[8] = o, e[9] = h, e[10] = L, e[11] = t, e[12] = N, e[13] = k, e[14] = _, e[15] = b, e[16] = C, e[17] = D, e[18] = x) : (n = e[1], d = e[2], i = e[3], l = e[4], g = e[5], c = e[6], f = e[7], o = e[8], h = e[9], L = e[10], t = e[11], N = e[12], k = e[13], _ = e[14], b = e[15], C = e[16], D = e[17], x = e[18]);
|
|
70
|
+
let v, S, W, F, I;
|
|
71
|
+
e[19] !== n || e[20] !== l || e[21] !== c || e[22] !== o || e[23] !== h || e[24] !== L || e[25] !== t || e[26] !== N || e[27] !== b || e[28] !== C || e[29] !== D || e[30] !== x ? (v = b === void 0 ? [] : b, W = C === void 0 ? "vertical" : C, F = D === void 0 ? "medium" : D, I = x === void 0 ? "outlined" : x, S = N ?? L, process.env.NODE_ENV !== "production" && sa({
|
|
72
|
+
href: h,
|
|
73
|
+
linkComponent: t,
|
|
74
|
+
heading: o,
|
|
75
|
+
flags: v,
|
|
76
|
+
flagListAriaLabel: c,
|
|
77
|
+
mediaArea: N,
|
|
78
|
+
img: L,
|
|
79
|
+
brandFlag: n,
|
|
80
|
+
decorativeLinkButtonProps: l
|
|
81
|
+
}), e[19] = n, e[20] = l, e[21] = c, e[22] = o, e[23] = h, e[24] = L, e[25] = t, e[26] = N, e[27] = b, e[28] = C, e[29] = D, e[30] = x, e[31] = v, e[32] = S, e[33] = W, e[34] = F, e[35] = I) : (v = e[31], S = e[32], W = e[33], F = e[34], I = e[35]);
|
|
82
|
+
let V;
|
|
83
|
+
e[36] !== l ? (V = l || {}, e[36] = l, e[37] = V) : V = e[37];
|
|
84
|
+
const {
|
|
85
|
+
label: j,
|
|
86
|
+
iconName: X,
|
|
87
|
+
iconPosition: se,
|
|
88
|
+
variant: ce,
|
|
89
|
+
hideLabel: Y,
|
|
90
|
+
size: le
|
|
91
|
+
} = V, Z = se === void 0 ? "right" : se, ee = le === void 0 ? "small" : le, B = ce === "ghost" ? "ghost" : "filled", ae = k || v.length > 0 || j, ne = typeof o == "object" && o !== null && !!o.headingIconName;
|
|
92
|
+
let M;
|
|
93
|
+
if (e[38] !== B || e[39] !== n || e[40] !== d || e[41] !== i || e[42] !== Y || e[43] !== X || e[44] !== Z || e[45] !== j || e[46] !== ee || e[47] !== g || e[48] !== c || e[49] !== v || e[50] !== f || e[51] !== ae || e[52] !== o || e[53] !== ne || e[54] !== h || e[55] !== t || e[56] !== S || e[57] !== k || e[58] !== W || e[59] !== F || e[60] !== _ || e[61] !== I) {
|
|
94
|
+
const {
|
|
95
|
+
brandFlag: he,
|
|
96
|
+
contentWrapper: pe,
|
|
97
|
+
descriptionWrapper: me,
|
|
98
|
+
decorativeLink: ge,
|
|
99
|
+
flagsWrapper: fe,
|
|
100
|
+
footerWrapper: ve,
|
|
101
|
+
headerWrapper: ke,
|
|
102
|
+
heading: _e,
|
|
103
|
+
mediaWrapper: ue,
|
|
104
|
+
imageWrapper: Le,
|
|
105
|
+
metaDataWrapper: Ne,
|
|
106
|
+
graphicAreaWrapper: be
|
|
107
|
+
} = d || {}, te = W === "horizontal", ie = I === "elevated";
|
|
108
|
+
let O;
|
|
109
|
+
e[63] !== i || e[64] !== ie || e[65] !== te ? (O = r(a.root, i, {
|
|
110
|
+
[a.rootHorizontal]: te,
|
|
111
|
+
[a.rootElevated]: ie
|
|
112
|
+
}), e[63] = i, e[64] = ie, e[65] = te, e[66] = O) : O = e[66];
|
|
113
|
+
const Ce = O, de = r(a.brandFlag, he), De = r(a.content, pe, {
|
|
114
|
+
[a.contentPaddingSmall]: F === "small"
|
|
115
|
+
}), xe = r(a.description, me), Se = r(a.decorativeLink, ge), we = r(a.flags, fe), We = r(a.footer, ve), Fe = r(a.header, ke), Ie = r(a.heading, _e, {
|
|
116
|
+
[a.headingWithIcon]: ne
|
|
117
|
+
}), Pe = ue || Le, ze = r(a.mediaWrapper, Pe), ye = r(a.metaData, Ne), Ae = r(a.graphicArea, be);
|
|
118
|
+
let q, P, z, y, A, E, H, T;
|
|
119
|
+
e[67] !== _ ? ({
|
|
120
|
+
download: P,
|
|
121
|
+
hrefLang: z,
|
|
122
|
+
ping: y,
|
|
123
|
+
referrerPolicy: A,
|
|
124
|
+
rel: E,
|
|
125
|
+
target: H,
|
|
126
|
+
type: T,
|
|
127
|
+
...q
|
|
128
|
+
} = _, e[67] = _, e[68] = q, e[69] = P, e[70] = z, e[71] = y, e[72] = A, e[73] = E, e[74] = H, e[75] = T) : (q = e[68], P = e[69], z = e[70], y = e[71], A = e[72], E = e[73], H = e[74], T = e[75]);
|
|
129
|
+
let R;
|
|
130
|
+
e[76] !== P || e[77] !== h || e[78] !== z || e[79] !== t || e[80] !== y || e[81] !== A || e[82] !== E || e[83] !== H || e[84] !== T ? (R = (p) => t && Ve(t) ? Be(t, {
|
|
131
|
+
...t.props,
|
|
132
|
+
className: r(a.link, t.props.className),
|
|
133
|
+
children: /* @__PURE__ */ w(Te, { children: [
|
|
134
|
+
p,
|
|
135
|
+
" ",
|
|
136
|
+
t.props.children
|
|
137
|
+
] })
|
|
138
|
+
}) : /* @__PURE__ */ s("a", { href: h, className: a.link, download: P, hrefLang: z, ping: y, referrerPolicy: A, rel: E, target: H, type: T, children: p }), e[76] = P, e[77] = h, e[78] = z, e[79] = t, e[80] = y, e[81] = A, e[82] = E, e[83] = H, e[84] = T, e[85] = R) : R = e[85];
|
|
139
|
+
const Ee = R, oe = (p) => {
|
|
140
|
+
const G = typeof p == "object" && p !== void 0, {
|
|
141
|
+
headingText: J,
|
|
142
|
+
headingIconName: K,
|
|
143
|
+
headingSize: Q,
|
|
144
|
+
headingTag: re
|
|
145
|
+
} = G ? p : {
|
|
146
|
+
headingText: p
|
|
147
|
+
};
|
|
148
|
+
return /* @__PURE__ */ w(Me, { tag: re === void 0 ? "h3" : re, size: Q === void 0 ? "medium" : Q, className: Ie, children: [
|
|
149
|
+
Ee(J),
|
|
150
|
+
K && /* @__PURE__ */ s(Oe, { name: K, "aria-hidden": "true" })
|
|
151
|
+
] });
|
|
152
|
+
}, He = (p) => {
|
|
153
|
+
if (typeof p == "string")
|
|
154
|
+
return /* @__PURE__ */ s(U, { color: "promo-highlight", className: de, children: p });
|
|
155
|
+
const {
|
|
156
|
+
children: G,
|
|
157
|
+
color: J,
|
|
158
|
+
className: K,
|
|
159
|
+
...Q
|
|
160
|
+
} = p;
|
|
161
|
+
return /* @__PURE__ */ s(U, { color: J === void 0 ? "promo-highlight" : J, className: r(de, K), ...Q, children: G });
|
|
162
|
+
};
|
|
163
|
+
let $;
|
|
164
|
+
e[86] !== oe || e[87] !== o ? ($ = oe(o), e[86] = oe, e[87] = o, e[88] = $) : $ = e[88], M = /* @__PURE__ */ w("div", { ...q, className: Ce, children: [
|
|
165
|
+
/* @__PURE__ */ w("div", { className: De, children: [
|
|
166
|
+
/* @__PURE__ */ w("div", { className: Fe, children: [
|
|
167
|
+
f && /* @__PURE__ */ s("div", { className: Ae, children: f }),
|
|
168
|
+
$,
|
|
169
|
+
g && /* @__PURE__ */ s("div", { className: xe, children: g })
|
|
170
|
+
] }),
|
|
171
|
+
ae && /* @__PURE__ */ w("div", { className: We, children: [
|
|
172
|
+
k && /* @__PURE__ */ s("div", { className: ye, children: k }),
|
|
173
|
+
v.length > 0 && /* @__PURE__ */ s("ul", { className: we, "aria-label": c, children: v.map(da) }),
|
|
174
|
+
j && /* @__PURE__ */ s(qe, { iconName: X, iconPosition: Z, variant: B, hideLabel: Y, size: ee, isFlush: B === "ghost", "aria-hidden": !0, className: Se, children: j })
|
|
175
|
+
] })
|
|
176
|
+
] }),
|
|
177
|
+
S && /* @__PURE__ */ w("div", { className: ze, children: [
|
|
178
|
+
n && He(n),
|
|
179
|
+
S
|
|
180
|
+
] })
|
|
181
|
+
] }), e[38] = B, e[39] = n, e[40] = d, e[41] = i, e[42] = Y, e[43] = X, e[44] = Z, e[45] = j, e[46] = ee, e[47] = g, e[48] = c, e[49] = v, e[50] = f, e[51] = ae, e[52] = o, e[53] = ne, e[54] = h, e[55] = t, e[56] = S, e[57] = k, e[58] = W, e[59] = F, e[60] = _, e[61] = I, e[62] = M;
|
|
182
|
+
} else
|
|
183
|
+
M = e[62];
|
|
184
|
+
return M;
|
|
185
|
+
};
|
|
186
|
+
la.displayName = "DSLinkCard";
|
|
187
|
+
function da(m, e) {
|
|
188
|
+
if (typeof m == "string")
|
|
189
|
+
return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(U, { color: "status-info", children: m }) }, e);
|
|
190
|
+
const {
|
|
191
|
+
children: n,
|
|
192
|
+
color: d,
|
|
193
|
+
...i
|
|
194
|
+
} = m;
|
|
195
|
+
return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(U, { color: d === void 0 ? "status-info" : d, ...i, children: n }) }, e);
|
|
196
|
+
}
|
|
197
|
+
export {
|
|
198
|
+
la as D,
|
|
199
|
+
sa as v
|
|
200
|
+
};
|
|
@@ -5,7 +5,7 @@ import { c as v } from "./chunks/index.DQOqod3i.js";
|
|
|
5
5
|
import { D as x } from "./chunks/Button.CCol--xy.js";
|
|
6
6
|
import { D as A } from "./chunks/SystemFeedback.DhWcYjnu.js";
|
|
7
7
|
import { FilePreview as I } from "./filepreview.B2Ot9SZ7.js";
|
|
8
|
-
import { ProgressIndicator as y } from "./progressindicator.
|
|
8
|
+
import { ProgressIndicator as y } from "./progressindicator.CAb_O3VK.js";
|
|
9
9
|
import './assets/filelist.B-Ru0GP_.css';const T = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu"), U = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu"), W = new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d", "u"), z = /[^\p{L}\d]+/giu, E = "$1\0$2", D = "";
|
|
10
10
|
function w(r) {
|
|
11
11
|
let e = r.trim();
|
package/index.es.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { A as D, a as p, C as l, D as n, v as E } from "./chunks/Accordion.gih2ni1d.js";
|
|
3
3
|
import { A as m, a as d, b as P, c as v, d as x, D as L, v as R } from "./chunks/ActionButton.B-wm5sUy.js";
|
|
4
|
-
import { D as u, g, v as c } from "./chunks/ActionCard.
|
|
4
|
+
import { D as u, g, v as c } from "./chunks/ActionCard.HYDpsdai.js";
|
|
5
5
|
import { A as h, a as B, b as U, c as G, D as M, v as b } from "./chunks/ActionLink.D0KzqbH4.js";
|
|
6
6
|
import { DSAriaLiveRegions as V } from "./arialiveregions.BniSDuPM.js";
|
|
7
7
|
import { A as X, a as Z, e as k, g as K, b as y, c as w, d as Y, s as W, f as Q, v as j } from "./chunks/AriaLiveRegions.utils.xoETe2Ps.js";
|
|
@@ -25,13 +25,13 @@ import { DSHeading as ie } from "./heading.BHSklXho.js";
|
|
|
25
25
|
import { D as Se, I as Ie, u as _e } from "./chunks/Icon.DYtaQgbw.js";
|
|
26
26
|
import { DSInput as Ae } from "./input.Dh0ws-9j.js";
|
|
27
27
|
import { I as pe, M as le, a as ne, S as Ee, U as Oe, h as me, i as de, b as Pe, s as ve, v as xe, c as Le } from "./chunks/Input.utils.Wycy2SzG.js";
|
|
28
|
-
import { D as Ce, a as ue, b as ge, c as ce, f as fe, v as he } from "./chunks/InputFile.
|
|
28
|
+
import { D as Ce, a as ue, b as ge, c as ce, f as fe, v as he } from "./chunks/InputFile.CkULfdaW.js";
|
|
29
29
|
import { D as Ue, i as Ge, v as Me } from "./chunks/InputNumber.Fn2YbF_s.js";
|
|
30
30
|
import { D as He, v as Ve } from "./chunks/InputPassword.DtT9yrlx.js";
|
|
31
31
|
import { D as Xe, i as Ze, v as ke } from "./chunks/InputSearch.BoAfGqoH.js";
|
|
32
32
|
import { DSLink as ye } from "./link.DEZDbUgq.js";
|
|
33
33
|
import { D as Ye, L as We, a as Qe, v as je } from "./chunks/LinkButton.BxG7fx1O.js";
|
|
34
|
-
import { D as ze, v as Je } from "./chunks/LinkCard.
|
|
34
|
+
import { D as ze, v as Je } from "./chunks/LinkCard.BPvA2tuc.js";
|
|
35
35
|
import { DSLogo as as } from "./logo.D6BTxbxv.js";
|
|
36
36
|
import { D as ss, u as ts, v as os, a as rs } from "./chunks/MegaMenu.udXR1H3W.js";
|
|
37
37
|
import { D as Ts, N as Ss, a as Is, v as _s } from "./chunks/NavigationTabs.BWewgBch.js";
|
|
@@ -42,7 +42,7 @@ import { D as Us, o as Gs, a as Ms, b as bs, v as Hs } from "./chunks/RadioGroup
|
|
|
42
42
|
import { DSScroller as Fs } from "./scroller.CgWp2WXG.js";
|
|
43
43
|
import { D as Zs, a as ks, b as Ks, c as ys, S as ws, d as Ys, e as Ws, f as Qs, g as js, h as qs, i as zs, v as Js } from "./chunks/Stepper.Ds_aIEF8.js";
|
|
44
44
|
import { D as at, S as et, g as st, v as tt } from "./chunks/Select.EzoMdk1u.js";
|
|
45
|
-
import { DSSkeleton as rt } from "./skeleton.
|
|
45
|
+
import { DSSkeleton as rt } from "./skeleton.BmkcNeRD.js";
|
|
46
46
|
import { DSSkipToContent as Tt } from "./skiptocontent.BsRpWvyu.js";
|
|
47
47
|
import { D as It, L as _t, M as Nt, g as At, a as Dt, i as pt, s as lt, v as nt } from "./chunks/Slider.CX38t4Sk.js";
|
|
48
48
|
import { DSSpinner as Ot } from "./spinner.DtLnsqVV.js";
|
|
@@ -8,8 +8,8 @@ import "./chunks/Button.CCol--xy.js";
|
|
|
8
8
|
import "./chunks/Icon.DYtaQgbw.js";
|
|
9
9
|
import "./chunks/Popover.CxZZ_y1Z.js";
|
|
10
10
|
import "./chunks/SystemFeedback.DhWcYjnu.js";
|
|
11
|
-
import "./filelist.
|
|
12
|
-
import { D as f } from "./chunks/InputFile.
|
|
11
|
+
import "./filelist.CabPo1pv.js";
|
|
12
|
+
import { D as f } from "./chunks/InputFile.CkULfdaW.js";
|
|
13
13
|
import "./chunks/useBreakpoint.1txsny17.js";
|
|
14
14
|
import "./chunks/translate.DSb-TdWR.js";
|
|
15
15
|
export {
|
|
@@ -7,7 +7,7 @@ import "./chunks/Flag.CbQYBzVC.js";
|
|
|
7
7
|
import "./heading.BHSklXho.js";
|
|
8
8
|
import "./chunks/Icon.DYtaQgbw.js";
|
|
9
9
|
import "./chunks/LinkButton.BxG7fx1O.js";
|
|
10
|
-
import { D } from "./chunks/LinkCard.
|
|
10
|
+
import { D } from "./chunks/LinkCard.BPvA2tuc.js";
|
|
11
11
|
export {
|
|
12
12
|
D as DSLinkCard
|
|
13
13
|
};
|