@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
package/partials/index.js
CHANGED
|
@@ -56,8 +56,8 @@ function p(r, a) {
|
|
|
56
56
|
{
|
|
57
57
|
componentName: "DSActionCard",
|
|
58
58
|
componentNameLowercase: "actioncard",
|
|
59
|
-
cssFileName: "ActionCard.
|
|
60
|
-
cssFileContent: ':where(.ds-action-
|
|
59
|
+
cssFileName: "ActionCard.DeWHOXFn.css",
|
|
60
|
+
cssFileContent: ':where(.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}:where(.ds-action-card_root_wkyrw_1){transition:box-shadow var(--ds-animation-duration, .1s) linear}@media(prefers-reduced-motion:reduce){:where(.ds-action-card_root_wkyrw_1){transition-duration:0ms}}@media screen and (forced-colors:active){:where(.ds-action-card_root_wkyrw_1){border:1px solid LinkText}}:where(.ds-action-card_root--elevated_wkyrw_24){box-shadow:0 2px 12px #00000014,0 1px 2px #00000029}:where(.ds-action-card_root--clickable_wkyrw_27){cursor:pointer;position:relative}@media(hover:hover){:where(.ds-action-card_root--clickable_wkyrw_27):hover{box-shadow:0 2px 12px #00000029,0 1px 2px #0003}}:where(.ds-action-card_root--clickable_wkyrw_27):has(:focus-visible) :where(.ds-action-card_primary-action_wkyrw_36):after{outline:2px solid;outline-color:#252525;outline-offset:4px}@media screen and (forced-colors:active){:where(.ds-action-card_root--clickable_wkyrw_27):has(:focus-visible) :where(.ds-action-card_primary-action_wkyrw_36):after{forced-color-adjust:auto;outline-color:Highlight}}:where(.ds-action-card_root--clickable_wkyrw_27):has(:focus-within) :where(.ds-action-card_primary-action_wkyrw_36):focus{outline:none}:where(.ds-action-card_root--clickable_wkyrw_27) :is(.ds-action-card_media-wrapper_wkyrw_50,:where(.ds-action-card_header_wkyrw_50),:where(.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}:where(.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}:where(.ds-action-card_root--horizontal_wkyrw_64) :where(.ds-action-card_media-wrapper_wkyrw_50){grid-area:media;aspect-ratio:1/1;max-width:21.5625rem}:where(.ds-action-card_root--horizontal_wkyrw_64) :where(.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}:where(.ds-action-card_root--horizontal_wkyrw_64) :where(.ds-action-card_content_wkyrw_83){grid-area:content;height:auto;padding:32px}:where(.ds-action-card_root--horizontal_wkyrw_64) :where(.ds-action-card_content--padding-small_wkyrw_88){padding:16px}:where(.ds-action-card_root--horizontal_wkyrw_64) :where(.ds-action-card_supplementary_wkyrw_50){grid-area:supplementary;padding-block:8px;padding-inline:16px}:where(.ds-action-card_root--horizontal-has-supplementary_wkyrw_96) :where(.ds-action-card_media-wrapper_wkyrw_50) img{border-bottom-left-radius:0}:where(.ds-action-card_root--padding-small_wkyrw_99) :where(.ds-action-card_supplementary_wkyrw_50){padding-block:4px;padding-inline:0px}:where(.ds-action-card_media-wrapper_wkyrw_50){width:100%;height:auto;aspect-ratio:16/9}:where(.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}:where(.ds-action-card_content_wkyrw_83){display:flex;flex-direction:column;gap:24px;padding:24px;height:100%;order:1}:where(.ds-action-card_content--padding-small_wkyrw_88){padding:16px}:where(.ds-action-card_footer_wkyrw_50){margin-block-start:auto}:where(.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}:where(.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}:where(.ds-action-card_primary-action_wkyrw_36):after{content:"";position:absolute;z-index:1;cursor:pointer;inset:0}:where(.ds-action-card_primary-action_wkyrw_36):focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors:active){:where(.ds-action-card_primary-action_wkyrw_36):focus{forced-color-adjust:auto;outline-color:Highlight}}:where(.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}'
|
|
61
61
|
},
|
|
62
62
|
{
|
|
63
63
|
componentName: "DSActionLink",
|
|
@@ -212,8 +212,8 @@ function p(r, a) {
|
|
|
212
212
|
{
|
|
213
213
|
componentName: "DSLinkCard",
|
|
214
214
|
componentNameLowercase: "linkcard",
|
|
215
|
-
cssFileName: "LinkCard.
|
|
216
|
-
cssFileContent: ':where(.ds-link-
|
|
215
|
+
cssFileName: "LinkCard.CqjmRkfO.css",
|
|
216
|
+
cssFileContent: ':where(.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}:where(.ds-link-card_root_1xnhr_1){transition:box-shadow var(--ds-animation-duration, .1s) linear}@media(prefers-reduced-motion:reduce){:where(.ds-link-card_root_1xnhr_1){transition-duration:0ms}}@media screen and (forced-colors:active){:where(.ds-link-card_root_1xnhr_1){border:1px solid LinkText}}:where(.ds-link-card_root--elevated_1xnhr_26){box-shadow:0 2px 12px #00000014,0 1px 2px #00000029}@media(hover:hover){:where(.ds-link-card_root_1xnhr_1):hover{box-shadow:0 2px 12px #00000029,0 1px 2px #0003}}:where(.ds-link-card_root_1xnhr_1) a:after{content:"";position:absolute;z-index:1;cursor:pointer;inset:0}:where(.ds-link-card_root_1xnhr_1) a:focus{outline:2px solid;outline-color:#252525;outline-offset:4px}@media screen and (forced-colors:active){:where(.ds-link-card_root_1xnhr_1) a:focus{forced-color-adjust:auto;outline-color:Highlight}}:where(.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){:where(.ds-link-card_root_1xnhr_1):has(:focus-visible) a:after{forced-color-adjust:auto;outline-color:Highlight}}:where(.ds-link-card_root_1xnhr_1):has(:focus-within) a:focus{outline:none}:where(.ds-link-card_root--horizontal_1xnhr_66){flex-direction:row;width:100%;max-width:89.6875rem}:where(.ds-link-card_root--horizontal_1xnhr_66) :where(.ds-link-card_media-wrapper_1xnhr_71){aspect-ratio:1/1;max-width:21.5625rem}:where(.ds-link-card_root--horizontal_1xnhr_66) :where(.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}:where(.ds-link-card_root--horizontal_1xnhr_66) :where(.ds-link-card_content_1xnhr_81){padding:32px;height:auto;width:100%}:where(.ds-link-card_root--horizontal_1xnhr_66) :where(.ds-link-card_content--padding-small_1xnhr_86){padding:16px}:where(.ds-link-card_media-wrapper_1xnhr_71){width:100%;height:auto;aspect-ratio:16/9}:where(.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}:where(.ds-link-card_content_1xnhr_81){display:flex;flex-direction:column;gap:24px;padding:24px;height:100%;order:1}:where(.ds-link-card_content--padding-small_1xnhr_86){padding:16px}:where(.ds-link-card_header_1xnhr_117),:where(.ds-link-card_footer_1xnhr_118){display:flex;flex-direction:column}:where(.ds-link-card_header_1xnhr_117){gap:8px}:where(.ds-link-card_footer_1xnhr_118){align-items:flex-start;gap:16px;margin-block-start:auto}:where(.ds-link-card_heading_1xnhr_133){margin:0}:where(.ds-link-card_heading--with-icon_1xnhr_136){display:flex;justify-content:space-between;gap:24px;width:100%}:where(.ds-link-card_heading--with-icon_1xnhr_136) svg{margin-block-start:4px}:where(.ds-link-card_link_1xnhr_146){text-decoration:none;color:#252525}:where(.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}:where(.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}:where(.ds-link-card_decorative-link_1xnhr_185){margin-block-start:4px}:where(.ds-link-card_flags_1xnhr_189){display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}:where(.ds-link-card_brand-flag_1xnhr_198){position:absolute;top:8px;left:8px}:where(.ds-link-card_graphic-area_1xnhr_204) img,:where(.ds-link-card_graphic-area_1xnhr_204) svg{display:block;max-width:3rem}'
|
|
217
217
|
},
|
|
218
218
|
{
|
|
219
219
|
componentName: "DSLogo",
|
|
@@ -272,8 +272,8 @@ function p(r, a) {
|
|
|
272
272
|
{
|
|
273
273
|
componentName: "DSSkeleton",
|
|
274
274
|
componentNameLowercase: "skeleton",
|
|
275
|
-
cssFileName: "skeleton.
|
|
276
|
-
cssFileContent: '@charset "UTF-8";@keyframes ds-skeleton_shimmer-
|
|
275
|
+
cssFileName: "skeleton.D9MOCUK4.css",
|
|
276
|
+
cssFileContent: '@charset "UTF-8";@keyframes ds-skeleton_shimmer-slide_ujlx7_1{0%{transform:translate(-100%)}86.49%,to{transform:translate(100%)}}:where(.ds-skeleton_line_ujlx7_26){display:block;background-color:#ededed;position:relative;overflow:hidden}:where(.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){:where(.ds-skeleton_line_ujlx7_26):after{animation:none}}:where(.ds-skeleton_line_ujlx7_26){width:100%;border-radius:2px}:where(.ds-skeleton_line--title-x-large_ujlx7_57){height:1.95rem}:where(.ds-skeleton_line--title-large_ujlx7_60){height:1.71875rem}:where(.ds-skeleton_line--heading-x-large_ujlx7_63){height:1.95rem}:where(.ds-skeleton_line--heading-large_ujlx7_66){height:1.71875rem}:where(.ds-skeleton_line--heading-medium_ujlx7_69),:where(.ds-skeleton_line--heading-small_ujlx7_72){height:1.5rem}:where(.ds-skeleton_line--text-large_ujlx7_75){height:2rem}:where(.ds-skeleton_line--text-medium_ujlx7_78){height:1.5rem}:where(.ds-skeleton_line--text-small_ujlx7_81),:where(.ds-skeleton_line--text-x-small_ujlx7_84){height:.9975rem}:where(.ds-skeleton_line--text-xx-small_ujlx7_87){height:1rem}:where(.ds-skeleton_line--utility-large_ujlx7_90){height:1.49625rem}:where(.ds-skeleton_line--utility-medium_ujlx7_93){height:1.25rem}:where(.ds-skeleton_line--utility-small_ujlx7_96),:where(.ds-skeleton_line--utility-x-small-demi_ujlx7_99){height:.9975rem}@media(min-width:1024px){:where(.ds-skeleton_line--title-x-large_ujlx7_57),:where(.ds-skeleton_line--heading-x-large_ujlx7_63),:where(.ds-skeleton_line--heading-x-large-uppercase_ujlx7_106){height:2.34375rem}:where(.ds-skeleton_line--title-large_ujlx7_60),:where(.ds-skeleton_line--heading-large_ujlx7_66),:where(.ds-skeleton_line--heading-large-uppercase_ujlx7_109){height:1.95rem}}:where(.ds-skeleton_line--theme-dark_ujlx7_113){display:block;background-color:#252525;position:relative;overflow:hidden}:where(.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){:where(.ds-skeleton_line--theme-dark_ujlx7_113):after{animation:none}}:where(.ds-skeleton_multi-line-wrapper_ujlx7_143){display:flex;flex-direction:column;gap:4px}:where(.ds-skeleton_multi-line-wrapper_ujlx7_143)>:last-child{clip-path:inset(0 20% 0 0 round 0 2px 2px 0)}:where(.ds-skeleton_multi-line_ujlx7_143){display:block;background-color:#ededed;position:relative;overflow:hidden}:where(.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){:where(.ds-skeleton_multi-line_ujlx7_143):after{animation:none}}:where(.ds-skeleton_multi-line_ujlx7_143){border-radius:2px;width:100%}:where(.ds-skeleton_multi-line--title-x-large_ujlx7_182){height:calc(1.95rem - 4px)}:where(.ds-skeleton_multi-line--title-large_ujlx7_185){height:calc(1.71875rem - 4px)}:where(.ds-skeleton_multi-line--heading-x-large_ujlx7_188){height:calc(1.95rem - 4px)}:where(.ds-skeleton_multi-line--heading-large_ujlx7_191){height:calc(1.71875rem - 4px)}:where(.ds-skeleton_multi-line--heading-medium_ujlx7_194),:where(.ds-skeleton_multi-line--heading-small_ujlx7_197){height:calc(1.5rem - 4px)}:where(.ds-skeleton_multi-line--text-large_ujlx7_200){height:calc(2rem - 4px)}:where(.ds-skeleton_multi-line--text-medium_ujlx7_203){height:calc(1.5rem - 4px)}:where(.ds-skeleton_multi-line--text-small_ujlx7_206),:where(.ds-skeleton_multi-line--text-x-small_ujlx7_209){height:calc(.9975rem - 4px)}:where(.ds-skeleton_multi-line--text-xx-small_ujlx7_212){height:calc(1rem - 4px)}:where(.ds-skeleton_multi-line--utility-large_ujlx7_215){height:calc(1.49625rem - 4px)}:where(.ds-skeleton_multi-line--utility-medium_ujlx7_218){height:calc(1.25rem - 4px)}:where(.ds-skeleton_multi-line--utility-small_ujlx7_221),:where(.ds-skeleton_multi-line--utility-x-small-demi_ujlx7_224){height:calc(.9975rem - 4px)}@media(min-width:1024px){:where(.ds-skeleton_multi-line--title-x-large_ujlx7_182),:where(.ds-skeleton_multi-line--heading-x-large_ujlx7_188),:where(.ds-skeleton_multi-line--heading-x-large-uppercase_ujlx7_231){height:calc(2.34375rem - 4px)}:where(.ds-skeleton_multi-line--title-large_ujlx7_185),:where(.ds-skeleton_multi-line--heading-large_ujlx7_191),:where(.ds-skeleton_multi-line--heading-large-uppercase_ujlx7_234){height:calc(1.95rem - 4px)}}:where(.ds-skeleton_multi-line--theme-dark_ujlx7_238){display:block;background-color:#252525;position:relative;overflow:hidden}:where(.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){:where(.ds-skeleton_multi-line--theme-dark_ujlx7_238):after{animation:none}}:where(.ds-skeleton_rectangle_ujlx7_268){display:block;background-color:#ededed;position:relative;overflow:hidden}:where(.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){:where(.ds-skeleton_rectangle_ujlx7_268):after{animation:none}}:where(.ds-skeleton_rectangle_ujlx7_268){width:100%;height:100%;border-radius:0}:where(.ds-skeleton_rectangle--theme-dark_ujlx7_299){display:block;background-color:#252525;position:relative;overflow:hidden}:where(.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){:where(.ds-skeleton_rectangle--theme-dark_ujlx7_299):after{animation:none}}:where(.ds-skeleton_circle_ujlx7_329){display:block;background-color:#ededed;position:relative;overflow:hidden}:where(.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){:where(.ds-skeleton_circle_ujlx7_329):after{animation:none}}:where(.ds-skeleton_circle_ujlx7_329){aspect-ratio:1/1;height:auto;width:auto;border-radius:50%}:where(.ds-skeleton_circle--theme-dark_ujlx7_361){display:block;background-color:#252525;position:relative;overflow:hidden}:where(.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){:where(.ds-skeleton_circle--theme-dark_ujlx7_361):after{animation:none}}'
|
|
277
277
|
},
|
|
278
278
|
{
|
|
279
279
|
componentName: "DSSkipToContent",
|
|
Binary file
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as t, Fragment as c, jsxs as g } from "react/jsx-runtime";
|
|
3
|
+
import { d as x } from "./chunks/index.cKLI89Eg.js";
|
|
4
|
+
import { c as l } from "./chunks/index.DQOqod3i.js";
|
|
5
|
+
import { DSSpinner as N } from "./spinner.DtLnsqVV.js";
|
|
6
|
+
import './assets/progressindicator.BK8L7Bd4.css';const v = "ds-input-file_root_168c2_1", B = "ds-input-file_bar-background_168c2_7", I = "ds-input-file_bar-background--dark_168c2_23", T = "ds-input-file_bar-fill_168c2_27", L = "ds-input-file_bar-fill--dark_168c2_32", $ = "ds-input-file_bar-fill--error_168c2_35", w = "ds-input-file_bar-fill-indeterminate_168c2_46", E = "ds-input-file_bar-fill-indeterminate--dark_168c2_61", S = "ds-input-file_percent-label_168c2_70", j = "ds-input-file_percent-label--dark_168c2_83", y = "ds-input-file_progress-text_168c2_87", A = "ds-input-file_progress-text--dark_168c2_102", P = "ds-input-file_progress-bar_168c2_106", e = {
|
|
7
|
+
root: v,
|
|
8
|
+
barBackground: B,
|
|
9
|
+
barBackgroundDark: I,
|
|
10
|
+
barFill: T,
|
|
11
|
+
barFillDark: L,
|
|
12
|
+
barFillError: $,
|
|
13
|
+
barFillIndeterminate: w,
|
|
14
|
+
barFillIndeterminateDark: E,
|
|
15
|
+
percentLabel: S,
|
|
16
|
+
percentLabelDark: j,
|
|
17
|
+
progressText: y,
|
|
18
|
+
progressTextDark: A,
|
|
19
|
+
progressBar: P
|
|
20
|
+
}, H = (F) => {
|
|
21
|
+
const r = x.c(17), {
|
|
22
|
+
className: d,
|
|
23
|
+
fileName: f,
|
|
24
|
+
id: p,
|
|
25
|
+
percent: n,
|
|
26
|
+
progressStatus: h,
|
|
27
|
+
variant: b,
|
|
28
|
+
theme: D,
|
|
29
|
+
t: a
|
|
30
|
+
} = F, i = (D === void 0 ? "light" : D) === "dark", s = n === "indeterminate";
|
|
31
|
+
let u;
|
|
32
|
+
r[0] !== a ? (u = a("uploadStatus"), r[0] = a, r[1] = u) : u = r[1];
|
|
33
|
+
let _;
|
|
34
|
+
r[2] !== f || r[3] !== s || r[4] !== a ? (_ = s ? `, ${a("fileListIndeterminate", {
|
|
35
|
+
fileName: f
|
|
36
|
+
})}` : "", r[2] = f, r[3] = s, r[4] = a, r[5] = _) : _ = r[5];
|
|
37
|
+
const o = `${u}${_}`, m = s ? void 0 : n;
|
|
38
|
+
let k;
|
|
39
|
+
return r[6] !== m || r[7] !== d || r[8] !== p || r[9] !== i || r[10] !== s || r[11] !== n || r[12] !== h || r[13] !== o || r[14] !== a || r[15] !== b ? (k = b === "text" ? /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t("span", { id: p, className: l(e.root, e.progressText, {
|
|
40
|
+
[e.progressTextDark]: i
|
|
41
|
+
}, d), role: "progressbar", "aria-label": o, "aria-valuenow": m, children: s ? /* @__PURE__ */ g(c, { children: [
|
|
42
|
+
/* @__PURE__ */ t(N, { aria: {
|
|
43
|
+
"aria-label": a("uploading")
|
|
44
|
+
} }),
|
|
45
|
+
/* @__PURE__ */ t("span", { children: a("uploading") })
|
|
46
|
+
] }) : `${o} ${n}%` }) }) : b === "bar" ? /* @__PURE__ */ g(c, { children: [
|
|
47
|
+
/* @__PURE__ */ t("div", { id: p, className: l(e.root, e.progressBar, d), role: "progressbar", "aria-label": o, "aria-valuenow": m, children: s ? /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t("div", { className: l(e.barBackground, {
|
|
48
|
+
[e.barBackgroundDark]: i
|
|
49
|
+
}), "aria-hidden": "true", children: /* @__PURE__ */ t("div", { className: l(e.barFillIndeterminate, {
|
|
50
|
+
[e.barFillIndeterminateDark]: i
|
|
51
|
+
}) }) }) }) : /* @__PURE__ */ g(c, { children: [
|
|
52
|
+
/* @__PURE__ */ t("div", { className: l(e.barBackground, {
|
|
53
|
+
[e.barBackgroundDark]: i
|
|
54
|
+
}), "aria-hidden": "true", children: /* @__PURE__ */ t("div", { className: l(e.barFill, {
|
|
55
|
+
[e.barFillDark]: i,
|
|
56
|
+
[e.barFillError]: h === "error"
|
|
57
|
+
}), style: {
|
|
58
|
+
width: `${n}%`
|
|
59
|
+
} }) }),
|
|
60
|
+
/* @__PURE__ */ g("span", { className: l(e.percentLabel, {
|
|
61
|
+
[e.percentLabelDark]: i
|
|
62
|
+
}), "aria-hidden": "true", children: [
|
|
63
|
+
n,
|
|
64
|
+
"%"
|
|
65
|
+
] })
|
|
66
|
+
] }) }),
|
|
67
|
+
s && /* @__PURE__ */ t("div", { className: l(e.progressText, {
|
|
68
|
+
[e.progressTextDark]: i
|
|
69
|
+
}), children: a("uploading") })
|
|
70
|
+
] }) : null, r[6] = m, r[7] = d, r[8] = p, r[9] = i, r[10] = s, r[11] = n, r[12] = h, r[13] = o, r[14] = a, r[15] = b, r[16] = k) : k = r[16], k;
|
|
71
|
+
};
|
|
72
|
+
export {
|
|
73
|
+
H as ProgressIndicator
|
|
74
|
+
};
|
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as u } from "react/jsx-runtime";
|
|
3
|
+
import { d as v } from "./chunks/index.cKLI89Eg.js";
|
|
4
|
+
import { c as L } from "./chunks/index.DQOqod3i.js";
|
|
5
|
+
import './assets/skeleton.D9MOCUK4.css';const M = "ds-skeleton_line_ujlx7_26", N = "ds-skeleton_shimmer-slide_ujlx7_1", C = "ds-skeleton_line--title-x-large_ujlx7_57", z = "ds-skeleton_line--title-large_ujlx7_60", W = "ds-skeleton_line--heading-x-large_ujlx7_63", w = "ds-skeleton_line--heading-large_ujlx7_66", $ = "ds-skeleton_line--heading-medium_ujlx7_69", A = "ds-skeleton_line--heading-small_ujlx7_72", E = "ds-skeleton_line--text-large_ujlx7_75", b = "ds-skeleton_line--text-medium_ujlx7_78", q = "ds-skeleton_line--text-small_ujlx7_81", B = "ds-skeleton_line--text-x-small_ujlx7_84", F = "ds-skeleton_line--text-xx-small_ujlx7_87", G = "ds-skeleton_line--utility-large_ujlx7_90", I = "ds-skeleton_line--utility-medium_ujlx7_93", J = "ds-skeleton_line--utility-small_ujlx7_96", K = "ds-skeleton_line--utility-x-small-demi_ujlx7_99", O = "ds-skeleton_line--heading-x-large-uppercase_ujlx7_106", P = "ds-skeleton_line--heading-large-uppercase_ujlx7_109", Q = "ds-skeleton_line--theme-dark_ujlx7_113", R = "ds-skeleton_multi-line-wrapper_ujlx7_143", V = "ds-skeleton_multi-line_ujlx7_143", Y = "ds-skeleton_multi-line--title-x-large_ujlx7_182", Z = "ds-skeleton_multi-line--title-large_ujlx7_185", ee = "ds-skeleton_multi-line--heading-x-large_ujlx7_188", le = "ds-skeleton_multi-line--heading-large_ujlx7_191", ie = "ds-skeleton_multi-line--heading-medium_ujlx7_194", te = "ds-skeleton_multi-line--heading-small_ujlx7_197", ne = "ds-skeleton_multi-line--text-large_ujlx7_200", se = "ds-skeleton_multi-line--text-medium_ujlx7_203", ae = "ds-skeleton_multi-line--text-small_ujlx7_206", me = "ds-skeleton_multi-line--text-x-small_ujlx7_209", ue = "ds-skeleton_multi-line--text-xx-small_ujlx7_212", _e = "ds-skeleton_multi-line--utility-large_ujlx7_215", de = "ds-skeleton_multi-line--utility-medium_ujlx7_218", re = "ds-skeleton_multi-line--utility-small_ujlx7_221", xe = "ds-skeleton_multi-line--utility-x-small-demi_ujlx7_224", oe = "ds-skeleton_multi-line--heading-x-large-uppercase_ujlx7_231", ge = "ds-skeleton_multi-line--heading-large-uppercase_ujlx7_234", ce = "ds-skeleton_multi-line--theme-dark_ujlx7_238", ke = "ds-skeleton_rectangle_ujlx7_268", je = "ds-skeleton_rectangle--theme-dark_ujlx7_299", he = "ds-skeleton_circle_ujlx7_329", Le = "ds-skeleton_circle--theme-dark_ujlx7_361", s = {
|
|
6
|
+
line: M,
|
|
7
|
+
"shimmer-slide": "ds-skeleton_shimmer-slide_ujlx7_1",
|
|
8
|
+
shimmerSlide: N,
|
|
9
|
+
"line--title-x-large": "ds-skeleton_line--title-x-large_ujlx7_57",
|
|
10
|
+
lineTitleXLarge: C,
|
|
11
|
+
"line--title-large": "ds-skeleton_line--title-large_ujlx7_60",
|
|
12
|
+
lineTitleLarge: z,
|
|
13
|
+
"line--heading-x-large": "ds-skeleton_line--heading-x-large_ujlx7_63",
|
|
14
|
+
lineHeadingXLarge: W,
|
|
15
|
+
"line--heading-large": "ds-skeleton_line--heading-large_ujlx7_66",
|
|
16
|
+
lineHeadingLarge: w,
|
|
17
|
+
"line--heading-medium": "ds-skeleton_line--heading-medium_ujlx7_69",
|
|
18
|
+
lineHeadingMedium: $,
|
|
19
|
+
"line--heading-small": "ds-skeleton_line--heading-small_ujlx7_72",
|
|
20
|
+
lineHeadingSmall: A,
|
|
21
|
+
"line--text-large": "ds-skeleton_line--text-large_ujlx7_75",
|
|
22
|
+
lineTextLarge: E,
|
|
23
|
+
"line--text-medium": "ds-skeleton_line--text-medium_ujlx7_78",
|
|
24
|
+
lineTextMedium: b,
|
|
25
|
+
"line--text-small": "ds-skeleton_line--text-small_ujlx7_81",
|
|
26
|
+
lineTextSmall: q,
|
|
27
|
+
"line--text-x-small": "ds-skeleton_line--text-x-small_ujlx7_84",
|
|
28
|
+
lineTextXSmall: B,
|
|
29
|
+
"line--text-xx-small": "ds-skeleton_line--text-xx-small_ujlx7_87",
|
|
30
|
+
lineTextXxSmall: F,
|
|
31
|
+
"line--utility-large": "ds-skeleton_line--utility-large_ujlx7_90",
|
|
32
|
+
lineUtilityLarge: G,
|
|
33
|
+
"line--utility-medium": "ds-skeleton_line--utility-medium_ujlx7_93",
|
|
34
|
+
lineUtilityMedium: I,
|
|
35
|
+
"line--utility-small": "ds-skeleton_line--utility-small_ujlx7_96",
|
|
36
|
+
lineUtilitySmall: J,
|
|
37
|
+
"line--utility-x-small-demi": "ds-skeleton_line--utility-x-small-demi_ujlx7_99",
|
|
38
|
+
lineUtilityXSmallDemi: K,
|
|
39
|
+
"line--heading-x-large-uppercase": "ds-skeleton_line--heading-x-large-uppercase_ujlx7_106",
|
|
40
|
+
lineHeadingXLargeUppercase: O,
|
|
41
|
+
"line--heading-large-uppercase": "ds-skeleton_line--heading-large-uppercase_ujlx7_109",
|
|
42
|
+
lineHeadingLargeUppercase: P,
|
|
43
|
+
"line--theme-dark": "ds-skeleton_line--theme-dark_ujlx7_113",
|
|
44
|
+
lineThemeDark: Q,
|
|
45
|
+
"multi-line-wrapper": "ds-skeleton_multi-line-wrapper_ujlx7_143",
|
|
46
|
+
multiLineWrapper: R,
|
|
47
|
+
"multi-line": "ds-skeleton_multi-line_ujlx7_143",
|
|
48
|
+
multiLine: V,
|
|
49
|
+
"multi-line--title-x-large": "ds-skeleton_multi-line--title-x-large_ujlx7_182",
|
|
50
|
+
multiLineTitleXLarge: Y,
|
|
51
|
+
"multi-line--title-large": "ds-skeleton_multi-line--title-large_ujlx7_185",
|
|
52
|
+
multiLineTitleLarge: Z,
|
|
53
|
+
"multi-line--heading-x-large": "ds-skeleton_multi-line--heading-x-large_ujlx7_188",
|
|
54
|
+
multiLineHeadingXLarge: ee,
|
|
55
|
+
"multi-line--heading-large": "ds-skeleton_multi-line--heading-large_ujlx7_191",
|
|
56
|
+
multiLineHeadingLarge: le,
|
|
57
|
+
"multi-line--heading-medium": "ds-skeleton_multi-line--heading-medium_ujlx7_194",
|
|
58
|
+
multiLineHeadingMedium: ie,
|
|
59
|
+
"multi-line--heading-small": "ds-skeleton_multi-line--heading-small_ujlx7_197",
|
|
60
|
+
multiLineHeadingSmall: te,
|
|
61
|
+
"multi-line--text-large": "ds-skeleton_multi-line--text-large_ujlx7_200",
|
|
62
|
+
multiLineTextLarge: ne,
|
|
63
|
+
"multi-line--text-medium": "ds-skeleton_multi-line--text-medium_ujlx7_203",
|
|
64
|
+
multiLineTextMedium: se,
|
|
65
|
+
"multi-line--text-small": "ds-skeleton_multi-line--text-small_ujlx7_206",
|
|
66
|
+
multiLineTextSmall: ae,
|
|
67
|
+
"multi-line--text-x-small": "ds-skeleton_multi-line--text-x-small_ujlx7_209",
|
|
68
|
+
multiLineTextXSmall: me,
|
|
69
|
+
"multi-line--text-xx-small": "ds-skeleton_multi-line--text-xx-small_ujlx7_212",
|
|
70
|
+
multiLineTextXxSmall: ue,
|
|
71
|
+
"multi-line--utility-large": "ds-skeleton_multi-line--utility-large_ujlx7_215",
|
|
72
|
+
multiLineUtilityLarge: _e,
|
|
73
|
+
"multi-line--utility-medium": "ds-skeleton_multi-line--utility-medium_ujlx7_218",
|
|
74
|
+
multiLineUtilityMedium: de,
|
|
75
|
+
"multi-line--utility-small": "ds-skeleton_multi-line--utility-small_ujlx7_221",
|
|
76
|
+
multiLineUtilitySmall: re,
|
|
77
|
+
"multi-line--utility-x-small-demi": "ds-skeleton_multi-line--utility-x-small-demi_ujlx7_224",
|
|
78
|
+
multiLineUtilityXSmallDemi: xe,
|
|
79
|
+
"multi-line--heading-x-large-uppercase": "ds-skeleton_multi-line--heading-x-large-uppercase_ujlx7_231",
|
|
80
|
+
multiLineHeadingXLargeUppercase: oe,
|
|
81
|
+
"multi-line--heading-large-uppercase": "ds-skeleton_multi-line--heading-large-uppercase_ujlx7_234",
|
|
82
|
+
multiLineHeadingLargeUppercase: ge,
|
|
83
|
+
"multi-line--theme-dark": "ds-skeleton_multi-line--theme-dark_ujlx7_238",
|
|
84
|
+
multiLineThemeDark: ce,
|
|
85
|
+
rectangle: ke,
|
|
86
|
+
"rectangle--theme-dark": "ds-skeleton_rectangle--theme-dark_ujlx7_299",
|
|
87
|
+
rectangleThemeDark: je,
|
|
88
|
+
circle: he,
|
|
89
|
+
"circle--theme-dark": "ds-skeleton_circle--theme-dark_ujlx7_361",
|
|
90
|
+
circleThemeDark: Le
|
|
91
|
+
}, Se = (p) => {
|
|
92
|
+
const e = v.c(39);
|
|
93
|
+
let i, t, _, d, r, x;
|
|
94
|
+
e[0] !== p ? ({
|
|
95
|
+
className: i,
|
|
96
|
+
textSize: _,
|
|
97
|
+
textLineCount: d,
|
|
98
|
+
theme: r,
|
|
99
|
+
variant: x,
|
|
100
|
+
...t
|
|
101
|
+
} = p, e[0] = p, e[1] = i, e[2] = t, e[3] = _, e[4] = d, e[5] = r, e[6] = x) : (i = e[1], t = e[2], _ = e[3], d = e[4], r = e[5], x = e[6]);
|
|
102
|
+
const o = _ === void 0 ? "text-medium" : _, X = d === void 0 ? 3 : d, f = r === void 0 ? "light" : r, c = x === void 0 ? "single-line" : x, y = o.startsWith("title-"), n = f === "dark";
|
|
103
|
+
if (c === "rectangle") {
|
|
104
|
+
let l;
|
|
105
|
+
e[7] !== i || e[8] !== n ? (l = L(s.rectangle, i, {
|
|
106
|
+
[s.rectangleThemeDark]: n
|
|
107
|
+
}), e[7] = i, e[8] = n, e[9] = l) : l = e[9];
|
|
108
|
+
let a;
|
|
109
|
+
return e[10] !== t || e[11] !== l ? (a = /* @__PURE__ */ u("div", { "aria-hidden": "true", className: l, ...t }), e[10] = t, e[11] = l, e[12] = a) : a = e[12], a;
|
|
110
|
+
}
|
|
111
|
+
if (c === "circle") {
|
|
112
|
+
let l;
|
|
113
|
+
e[13] !== i || e[14] !== n ? (l = L(s.circle, i, {
|
|
114
|
+
[s.circleThemeDark]: n
|
|
115
|
+
}), e[13] = i, e[14] = n, e[15] = l) : l = e[15];
|
|
116
|
+
let a;
|
|
117
|
+
return e[16] !== t || e[17] !== l ? (a = /* @__PURE__ */ u("div", { "aria-hidden": "true", className: l, ...t }), e[16] = t, e[17] = l, e[18] = a) : a = e[18], a;
|
|
118
|
+
}
|
|
119
|
+
const T = o ? s[`line--${o}`] : void 0;
|
|
120
|
+
let k;
|
|
121
|
+
e[19] !== i || e[20] !== n || e[21] !== T ? (k = L(s.line, T, i, {
|
|
122
|
+
[s.lineThemeDark]: n
|
|
123
|
+
}), e[19] = i, e[20] = n, e[21] = T, e[22] = k) : k = e[22];
|
|
124
|
+
const S = k;
|
|
125
|
+
if (c === "single-line" && !y) {
|
|
126
|
+
let l;
|
|
127
|
+
return e[23] !== S || e[24] !== t ? (l = /* @__PURE__ */ u("div", { "aria-hidden": "true", className: S, ...t }), e[23] = S, e[24] = t, e[25] = l) : l = e[25], l;
|
|
128
|
+
}
|
|
129
|
+
const g = o ? s[`multi-line--${o}`] : void 0, H = Math.max(2, y && c === "single-line" ? 2 : y ? X + 1 : X);
|
|
130
|
+
let j;
|
|
131
|
+
if (e[26] !== n || e[27] !== H || e[28] !== g) {
|
|
132
|
+
let l;
|
|
133
|
+
e[30] !== n || e[31] !== g ? (l = (a, D) => /* @__PURE__ */ u("div", { className: L(s.multiLine, g, {
|
|
134
|
+
[s.multiLineThemeDark]: n
|
|
135
|
+
}) }, D), e[30] = n, e[31] = g, e[32] = l) : l = e[32], j = Array.from({
|
|
136
|
+
length: H
|
|
137
|
+
}, l), e[26] = n, e[27] = H, e[28] = g, e[29] = j;
|
|
138
|
+
} else
|
|
139
|
+
j = e[29];
|
|
140
|
+
const U = j;
|
|
141
|
+
let m;
|
|
142
|
+
e[33] !== U ? (m = /* @__PURE__ */ u("div", { className: s.multiLineWrapper, children: U }), e[33] = U, e[34] = m) : m = e[34];
|
|
143
|
+
let h;
|
|
144
|
+
return e[35] !== i || e[36] !== t || e[37] !== m ? (h = /* @__PURE__ */ u("div", { "aria-hidden": "true", className: i, ...t, children: m }), e[35] = i, e[36] = t, e[37] = m, e[38] = h) : h = e[38], h;
|
|
145
|
+
};
|
|
146
|
+
export {
|
|
147
|
+
Se as DSSkeleton
|
|
148
|
+
};
|
package/styles/js/index.es.js
CHANGED
|
@@ -2,7 +2,9 @@ const r = {
|
|
|
2
2
|
duration: {
|
|
3
3
|
100: "var(--ds-animation-duration, 100ms)",
|
|
4
4
|
250: "var(--ds-animation-duration, 250ms)",
|
|
5
|
-
400: "var(--ds-animation-duration, 400ms)"
|
|
5
|
+
400: "var(--ds-animation-duration, 400ms)",
|
|
6
|
+
700: "var(--ds-animation-duration, 700ms)",
|
|
7
|
+
1600: "var(--ds-animation-duration, 1600ms)"
|
|
6
8
|
},
|
|
7
9
|
motionFunctional: {
|
|
8
10
|
linear: "linear",
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
$animation-duration-100: var(--ds-animation-duration, 100ms);
|
|
2
2
|
$animation-duration-250: var(--ds-animation-duration, 250ms);
|
|
3
3
|
$animation-duration-400: var(--ds-animation-duration, 400ms);
|
|
4
|
+
$animation-duration-700: var(--ds-animation-duration, 700ms);
|
|
5
|
+
$animation-duration-1600: var(--ds-animation-duration, 1600ms);
|
|
4
6
|
|
|
5
7
|
$animation-durations: (
|
|
6
8
|
'100': $animation-duration-100,
|
|
7
9
|
'250': $animation-duration-250,
|
|
8
10
|
'400': $animation-duration-400,
|
|
11
|
+
'700': $animation-duration-700,
|
|
12
|
+
'1600': $animation-duration-1600,
|
|
9
13
|
);
|
|
10
14
|
|
|
11
15
|
$motion-functional-linear: linear;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ds-action-card_root_1uhpd_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_1uhpd_1{transition:box-shadow var(--ds-animation-duration, .1s) linear}@media(prefers-reduced-motion:reduce){.ds-action-card_root_1uhpd_1{transition-duration:0ms}}@media screen and (forced-colors:active){.ds-action-card_root_1uhpd_1{border:1px solid LinkText}}.ds-action-card_root--elevated_1uhpd_24{box-shadow:0 2px 12px #00000014,0 1px 2px #00000029}.ds-action-card_root--clickable_1uhpd_27{cursor:pointer;position:relative}@media(hover:hover){.ds-action-card_root--clickable_1uhpd_27:hover{box-shadow:0 2px 12px #00000029,0 1px 2px #0003}}.ds-action-card_root--clickable_1uhpd_27:has(:focus-visible) .ds-action-card_primary-action_1uhpd_36:after{outline:2px solid;outline-color:#252525;outline-offset:4px}@media screen and (forced-colors:active){.ds-action-card_root--clickable_1uhpd_27:has(:focus-visible) .ds-action-card_primary-action_1uhpd_36:after{forced-color-adjust:auto;outline-color:Highlight}}.ds-action-card_root--clickable_1uhpd_27:has(:focus-within) .ds-action-card_primary-action_1uhpd_36:focus{outline:none}.ds-action-card_root--clickable_1uhpd_27 :is(.ds-action-card_media-wrapper_1uhpd_50,.ds-action-card_header_1uhpd_50,.ds-action-card_footer_1uhpd_50,.ds-action-card_supplementary_1uhpd_50):has(button,input,select,textarea,a,label,details,summary,video,audio,iframe){position:relative;z-index:2}.ds-action-card_root--horizontal_1uhpd_64{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto;grid-template-areas:"media content" "supplementary supplementary";width:100%;max-width:88rem}.ds-action-card_root--horizontal_1uhpd_64 .ds-action-card_media-wrapper_1uhpd_50{grid-area:media;aspect-ratio:1/1;max-width:21.5625rem}.ds-action-card_root--horizontal_1uhpd_64 .ds-action-card_media-wrapper_1uhpd_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_1uhpd_64 .ds-action-card_content_1uhpd_83{grid-area:content;height:auto;padding:32px}.ds-action-card_root--horizontal_1uhpd_64 .ds-action-card_content--padding-small_1uhpd_88{padding:16px}.ds-action-card_root--horizontal_1uhpd_64 .ds-action-card_supplementary_1uhpd_50{grid-area:supplementary;padding-block:8px;padding-inline:16px}.ds-action-card_root--horizontal-has-supplementary_1uhpd_96 .ds-action-card_media-wrapper_1uhpd_50 img{border-bottom-left-radius:0}.ds-action-card_root--padding-small_1uhpd_99 .ds-action-card_supplementary_1uhpd_50{padding-block:4px;padding-inline:0px}.ds-action-card_media-wrapper_1uhpd_50{width:100%;height:auto;aspect-ratio:16/9}.ds-action-card_media-wrapper_1uhpd_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_1uhpd_83{display:flex;flex-direction:column;gap:24px;padding:24px;height:100%;order:1}.ds-action-card_content--padding-small_1uhpd_88{padding:16px}.ds-action-card_footer_1uhpd_50{margin-block-start:auto}.ds-action-card_supplementary_1uhpd_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_1uhpd_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_1uhpd_36:after{content:"";position:absolute;z-index:1;cursor:pointer;inset:0}.ds-action-card_primary-action_1uhpd_36:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors:active){.ds-action-card_primary-action_1uhpd_36:focus{forced-color-adjust:auto;outline-color:Highlight}}.ds-action-card_primary-action-label_1uhpd_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}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ds-link-card_root_1tm3t_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_1tm3t_1{transition:box-shadow var(--ds-animation-duration, .1s) linear}@media(prefers-reduced-motion:reduce){.ds-link-card_root_1tm3t_1{transition-duration:0ms}}@media screen and (forced-colors:active){.ds-link-card_root_1tm3t_1{border:1px solid LinkText}}.ds-link-card_root--elevated_1tm3t_26{box-shadow:0 2px 12px #00000014,0 1px 2px #00000029}@media(hover:hover){.ds-link-card_root_1tm3t_1:hover{box-shadow:0 2px 12px #00000029,0 1px 2px #0003}}.ds-link-card_root_1tm3t_1 a:after{content:"";position:absolute;z-index:1;cursor:pointer;inset:0}.ds-link-card_root_1tm3t_1 a:focus{outline:2px solid;outline-color:#252525;outline-offset:4px}@media screen and (forced-colors:active){.ds-link-card_root_1tm3t_1 a:focus{forced-color-adjust:auto;outline-color:Highlight}}.ds-link-card_root_1tm3t_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_1tm3t_1:has(:focus-visible) a:after{forced-color-adjust:auto;outline-color:Highlight}}.ds-link-card_root_1tm3t_1:has(:focus-within) a:focus{outline:none}.ds-link-card_root--horizontal_1tm3t_66{flex-direction:row;width:100%;max-width:88rem}.ds-link-card_root--horizontal_1tm3t_66 .ds-link-card_media-wrapper_1tm3t_71{aspect-ratio:1/1;max-width:21.5625rem}.ds-link-card_root--horizontal_1tm3t_66 .ds-link-card_media-wrapper_1tm3t_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_1tm3t_66 .ds-link-card_content_1tm3t_81{padding:32px;height:auto;width:100%}.ds-link-card_root--horizontal_1tm3t_66 .ds-link-card_content--padding-small_1tm3t_86{padding:16px}.ds-link-card_media-wrapper_1tm3t_71{width:100%;height:auto;aspect-ratio:16/9}.ds-link-card_media-wrapper_1tm3t_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_1tm3t_81{display:flex;flex-direction:column;gap:24px;padding:24px;height:100%;order:1}.ds-link-card_content--padding-small_1tm3t_86{padding:16px}.ds-link-card_header_1tm3t_117,.ds-link-card_footer_1tm3t_118{display:flex;flex-direction:column}.ds-link-card_header_1tm3t_117{gap:8px}.ds-link-card_footer_1tm3t_118{align-items:flex-start;gap:16px;margin-block-start:auto}.ds-link-card_heading_1tm3t_133{margin:0}.ds-link-card_heading--with-icon_1tm3t_136{display:flex;justify-content:space-between;gap:24px;width:100%}.ds-link-card_heading--with-icon_1tm3t_136 svg{margin-block-start:4px}.ds-link-card_link_1tm3t_146{text-decoration:none;color:#252525}.ds-link-card_description_1tm3t_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_1tm3t_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_1tm3t_185{margin-block-start:4px}.ds-link-card_flags_1tm3t_189{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.ds-link-card_brand-flag_1tm3t_198{position:absolute;top:8px;left:8px}.ds-link-card_graphic-area_1tm3t_204 img,.ds-link-card_graphic-area_1tm3t_204 svg{display:block;max-width:3rem}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ds-input-file_root_1dac7_1{display:flex;flex-direction:row;align-items:center}.ds-input-file_bar-background_1dac7_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_1dac7_7{height:8px;margin-block:-1px;border:1px solid transparent;border-color:CanvasText}}.ds-input-file_bar-background--dark_1dac7_23{background-color:#444}.ds-input-file_bar-fill_1dac7_27{height:6px;border-radius:2px;background-color:#1e71a1}.ds-input-file_bar-fill--dark_1dac7_32{background-color:#8dcfe8}.ds-input-file_bar-fill--error_1dac7_35{background-color:#d43b3b}.ds-input-file_bar-fill_1dac7_27{transition:width var(--ds-animation-duration, .4s) linear}@media(prefers-reduced-motion:reduce){.ds-input-file_bar-fill_1dac7_27{transition-duration:0ms}}.ds-input-file_bar-fill-indeterminate_1dac7_46{width:42.05%;position:absolute;height:100%;border-radius:2px;background-color:#1e71a1;animation-name:ds-input-file_indeterminate-progress_1dac7_1;animation-duration:1.6s;animation-iteration-count:infinite}@media(prefers-reduced-motion:reduce){.ds-input-file_bar-fill-indeterminate_1dac7_46{animation-duration:0s}}.ds-input-file_bar-fill-indeterminate--dark_1dac7_61{background-color:#8dcfe8}@media screen and (forced-colors:active){.ds-input-file_bar-fill_1dac7_27{background-color:Highlight}}.ds-input-file_percent-label_1dac7_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_1dac7_83{color:#b1b1b1}.ds-input-file_progress-text_1dac7_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_1dac7_102{color:#b1b1b1}.ds-input-file_progress-bar_1dac7_106{gap:12px}.ds-input-file_sr-only_1dac7_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_1dac7_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}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@charset "UTF-8";@keyframes ds-skeleton_shimmer-slide_q6f73_1{0%{transform:translate(-100%)}86.49%,to{transform:translate(100%)}}.ds-skeleton_line_q6f73_26{display:block;background-color:#ededed;position:relative;overflow:hidden}.ds-skeleton_line_q6f73_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_q6f73_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_q6f73_26:after{animation:none}}.ds-skeleton_line_q6f73_26{width:100%;border-radius:2px}.ds-skeleton_line--title-x-large_q6f73_57{height:1.95rem}.ds-skeleton_line--title-large_q6f73_60{height:1.71875rem}.ds-skeleton_line--heading-x-large_q6f73_63{height:1.95rem}.ds-skeleton_line--heading-large_q6f73_66{height:1.71875rem}.ds-skeleton_line--heading-medium_q6f73_69,.ds-skeleton_line--heading-small_q6f73_72{height:1.5rem}.ds-skeleton_line--text-large_q6f73_75{height:2rem}.ds-skeleton_line--text-medium_q6f73_78{height:1.5rem}.ds-skeleton_line--text-small_q6f73_81,.ds-skeleton_line--text-x-small_q6f73_84{height:.9975rem}.ds-skeleton_line--text-xx-small_q6f73_87{height:1rem}.ds-skeleton_line--utility-large_q6f73_90{height:1.49625rem}.ds-skeleton_line--utility-medium_q6f73_93{height:1.25rem}.ds-skeleton_line--utility-small_q6f73_96,.ds-skeleton_line--utility-x-small-demi_q6f73_99{height:.9975rem}@media(min-width:1024px){.ds-skeleton_line--title-x-large_q6f73_57,.ds-skeleton_line--heading-x-large_q6f73_63,.ds-skeleton_line--heading-x-large-uppercase_q6f73_106{height:2.34375rem}.ds-skeleton_line--title-large_q6f73_60,.ds-skeleton_line--heading-large_q6f73_66,.ds-skeleton_line--heading-large-uppercase_q6f73_109{height:1.95rem}}.ds-skeleton_line--theme-dark_q6f73_113{display:block;background-color:#252525;position:relative;overflow:hidden}.ds-skeleton_line--theme-dark_q6f73_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_q6f73_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_q6f73_113:after{animation:none}}.ds-skeleton_multi-line-wrapper_q6f73_143{display:flex;flex-direction:column;gap:4px}.ds-skeleton_multi-line-wrapper_q6f73_143>:last-child{clip-path:inset(0 20% 0 0 round 0 2px 2px 0)}.ds-skeleton_multi-line_q6f73_143{display:block;background-color:#ededed;position:relative;overflow:hidden}.ds-skeleton_multi-line_q6f73_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_q6f73_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_q6f73_143:after{animation:none}}.ds-skeleton_multi-line_q6f73_143{border-radius:2px;width:100%}.ds-skeleton_multi-line--title-x-large_q6f73_182{height:calc(1.95rem - 4px)}.ds-skeleton_multi-line--title-large_q6f73_185{height:calc(1.71875rem - 4px)}.ds-skeleton_multi-line--heading-x-large_q6f73_188{height:calc(1.95rem - 4px)}.ds-skeleton_multi-line--heading-large_q6f73_191{height:calc(1.71875rem - 4px)}.ds-skeleton_multi-line--heading-medium_q6f73_194,.ds-skeleton_multi-line--heading-small_q6f73_197{height:calc(1.5rem - 4px)}.ds-skeleton_multi-line--text-large_q6f73_200{height:calc(2rem - 4px)}.ds-skeleton_multi-line--text-medium_q6f73_203{height:calc(1.5rem - 4px)}.ds-skeleton_multi-line--text-small_q6f73_206,.ds-skeleton_multi-line--text-x-small_q6f73_209{height:calc(.9975rem - 4px)}.ds-skeleton_multi-line--text-xx-small_q6f73_212{height:calc(1rem - 4px)}.ds-skeleton_multi-line--utility-large_q6f73_215{height:calc(1.49625rem - 4px)}.ds-skeleton_multi-line--utility-medium_q6f73_218{height:calc(1.25rem - 4px)}.ds-skeleton_multi-line--utility-small_q6f73_221,.ds-skeleton_multi-line--utility-x-small-demi_q6f73_224{height:calc(.9975rem - 4px)}@media(min-width:1024px){.ds-skeleton_multi-line--title-x-large_q6f73_182,.ds-skeleton_multi-line--heading-x-large_q6f73_188,.ds-skeleton_multi-line--heading-x-large-uppercase_q6f73_231{height:calc(2.34375rem - 4px)}.ds-skeleton_multi-line--title-large_q6f73_185,.ds-skeleton_multi-line--heading-large_q6f73_191,.ds-skeleton_multi-line--heading-large-uppercase_q6f73_234{height:calc(1.95rem - 4px)}}.ds-skeleton_multi-line--theme-dark_q6f73_238{display:block;background-color:#252525;position:relative;overflow:hidden}.ds-skeleton_multi-line--theme-dark_q6f73_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_q6f73_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_q6f73_238:after{animation:none}}.ds-skeleton_rectangle_q6f73_268{display:block;background-color:#ededed;position:relative;overflow:hidden}.ds-skeleton_rectangle_q6f73_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_q6f73_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_q6f73_268:after{animation:none}}.ds-skeleton_rectangle_q6f73_268{width:100%;height:100%;border-radius:0}.ds-skeleton_rectangle--theme-dark_q6f73_299{display:block;background-color:#252525;position:relative;overflow:hidden}.ds-skeleton_rectangle--theme-dark_q6f73_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_q6f73_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_q6f73_299:after{animation:none}}.ds-skeleton_circle_q6f73_329{display:block;background-color:#ededed;position:relative;overflow:hidden}.ds-skeleton_circle_q6f73_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_q6f73_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_q6f73_329:after{animation:none}}.ds-skeleton_circle_q6f73_329{aspect-ratio:1/1;height:auto;width:auto;border-radius:50%}.ds-skeleton_circle--theme-dark_q6f73_361{display:block;background-color:#252525;position:relative;overflow:hidden}.ds-skeleton_circle--theme-dark_q6f73_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_q6f73_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_q6f73_361:after{animation:none}}
|