@bethinkpl/design-system 28.1.3 → 28.1.5

package/docs/assets/{preview-BdaS_6pI.js → preview-De0h9C6C.js}

@@ -1,2 +1,2 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-CFRXHY34-BjMq9eGc.js","./iframe-C1fgL0ZE.js","./index-C7dYv50j.js"])))=>i.map(i=>d[i]);
-import{_ as s}from"./iframe-C1fgL0ZE.js";import"../sb-preview/runtime.js";const{global:_}=__STORYBOOK_MODULE_GLOBAL__;var o,i=Object.entries((o=_.TAGS_OPTIONS)!=null?o:{}).reduce((e,r)=>{let[t,a]=r;return a.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await s(()=>import("./DocsRenderer-CFRXHY34-BjMq9eGc.js").then(r=>r.an),__vite__mapDeps([0,1,2]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>i[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters};
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-CFRXHY34-DaOI8BFl.js","./iframe-D5RGIa97.js","./index-C7dYv50j.js"])))=>i.map(i=>d[i]);
+import{_ as s}from"./iframe-D5RGIa97.js";import"../sb-preview/runtime.js";const{global:_}=__STORYBOOK_MODULE_GLOBAL__;var o,i=Object.entries((o=_.TAGS_OPTIONS)!=null?o:{}).reduce((e,r)=>{let[t,a]=r;return a.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await s(()=>import("./DocsRenderer-CFRXHY34-DaOI8BFl.js").then(r=>r.an),__vite__mapDeps([0,1,2]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>i[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters};

package/docs/assets/{string-du2H-if-.js → string-BUsH2nLF.js}

@@ -1 +1 @@
-import{a as _,b as y,I}from"./Icon-Bln3oe2I.js";import{d as p,k as g,o as n,a as s,H as d,c as u,g as m,f as i,e as $,l as b,v as C,m as N,I as w}from"./vue.esm-bundler-DcRN7CPI.js";import{_ as c}from"./_plugin-vue_export-helper-DlAUqK2U.js";const f=p({name:"Modal",components:{WnlIcon:_},inheritAttrs:!1,props:{showHeader:{type:Boolean,default:!0},animateScrollingContent:{type:Boolean,default:!1}},emits:["close-modal"],data(){return{ICONS:Object.freeze(I),ICON_SIZES:Object.freeze(y)}}}),E={key:0,class:"m-modal__header"},O={key:1,class:"m-modal__footer"};function T(e,a,o,l,t,S){const r=b("wnl-icon");return n(),g(w,{to:"body"},[s("div",N({class:"m-modal"},e.$attrs,{onClick:a[2]||(a[2]=d(h=>e.$emit("close-modal"),["stop"]))}),[s("div",{class:"m-modal__contentWrapper",onClick:a[1]||(a[1]=d(()=>{},["stop"]))},[e.showHeader?(n(),u("div",E,[i(e.$slots,"header",{},void 0,!0),$(r,{touchable:"",icon:e.ICONS.FA_XMARK,class:"m-modal__header__close",size:e.ICON_SIZES.SMALL,onClick:a[0]||(a[0]=d(h=>e.$emit("close-modal"),["stop"]))},null,8,["icon","size"])])):m("",!0),s("div",{class:C(["m-modal__content",{"scrollable-main-container":e.animateScrollingContent}])},[i(e.$slots,"default",{},void 0,!0)],2),a[3]||(a[3]=s("div",{class:"m-modal__content__shadow"},null,-1)),e.$slots.footer?(n(),u("div",O,[i(e.$slots,"footer",{},void 0,!0)])):m("",!0)])],16)])}const Q=c(f,[["render",T],["__scopeId","data-v-a18f33bc"]]);f.__docgenInfo={displayName:"Modal",exportName:"default",description:"",tags:{},props:[{name:"showHeader",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"animateScrollingContent",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"close-modal"}],slots:[{name:"header"},{name:"default"},{name:"footer"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Modal/Modal.vue"]};const z={DEFAULT:"default",DISABLED:"disabled"},j={ONE:"one",TWO:"two"},v=p({name:"SurveyQuestionTextarea",props:{value:{type:String,required:!0},placeholder:{type:String,default:"Wpisz swoją odpowiedź"},disabled:{type:Boolean,default:!1}},emits:["input"],watch:{value(){this.$refs.textarea.style.height="auto",this.$refs.textarea.style.height=this.$refs.textarea.scrollHeight+"px"}},methods:{onInput(e){this.$emit("input",e.target.value)}}}),k=["disabled","placeholder","value"];function M(e,a,o,l,t,S){return n(),u("textarea",{ref:"textarea",class:"ds-surveyQuestionTextarea",disabled:e.disabled,placeholder:e.placeholder,value:e.value,onInput:a[0]||(a[0]=(...r)=>e.onInput&&e.onInput(...r))},null,40,k)}const L=c(v,[["render",M],["__scopeId","data-v-a0f836ab"]]);v.__docgenInfo={displayName:"SurveyQuestionTextarea",exportName:"default",description:"",tags:{},props:[{name:"value",type:{name:"string"},required:!0},{name:"placeholder",type:{name:"string"},defaultValue:{func:!1,value:"'Wpisz swoją odpowiedź'"}},{name:"disabled",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"input",type:{names:["undefined"]}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/SurveyQuestions/SurveyQuestionTextarea.vue"]};const H=e=>{for(var a="",o="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",l=o.length,t=0;t<e;t++)a+=o.charAt(Math.floor(Math.random()*l));return a};export{Q as M,z as S,j as a,L as b,H as r};
+import{a as _,b as y,I}from"./Icon-CQP2P4F0.js";import{d as p,k as g,o as n,a as s,H as d,c as u,g as m,f as i,e as $,l as b,v as C,m as N,I as w}from"./vue.esm-bundler-DcRN7CPI.js";import{_ as c}from"./_plugin-vue_export-helper-DlAUqK2U.js";const f=p({name:"Modal",components:{WnlIcon:_},inheritAttrs:!1,props:{showHeader:{type:Boolean,default:!0},animateScrollingContent:{type:Boolean,default:!1}},emits:["close-modal"],data(){return{ICONS:Object.freeze(I),ICON_SIZES:Object.freeze(y)}}}),E={key:0,class:"m-modal__header"},O={key:1,class:"m-modal__footer"};function T(e,a,o,l,t,S){const r=b("wnl-icon");return n(),g(w,{to:"body"},[s("div",N({class:"m-modal"},e.$attrs,{onClick:a[2]||(a[2]=d(h=>e.$emit("close-modal"),["stop"]))}),[s("div",{class:"m-modal__contentWrapper",onClick:a[1]||(a[1]=d(()=>{},["stop"]))},[e.showHeader?(n(),u("div",E,[i(e.$slots,"header",{},void 0,!0),$(r,{touchable:"",icon:e.ICONS.FA_XMARK,class:"m-modal__header__close",size:e.ICON_SIZES.SMALL,onClick:a[0]||(a[0]=d(h=>e.$emit("close-modal"),["stop"]))},null,8,["icon","size"])])):m("",!0),s("div",{class:C(["m-modal__content",{"scrollable-main-container":e.animateScrollingContent}])},[i(e.$slots,"default",{},void 0,!0)],2),a[3]||(a[3]=s("div",{class:"m-modal__content__shadow"},null,-1)),e.$slots.footer?(n(),u("div",O,[i(e.$slots,"footer",{},void 0,!0)])):m("",!0)])],16)])}const Q=c(f,[["render",T],["__scopeId","data-v-a18f33bc"]]);f.__docgenInfo={displayName:"Modal",exportName:"default",description:"",tags:{},props:[{name:"showHeader",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"animateScrollingContent",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"close-modal"}],slots:[{name:"header"},{name:"default"},{name:"footer"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Modal/Modal.vue"]};const z={DEFAULT:"default",DISABLED:"disabled"},j={ONE:"one",TWO:"two"},v=p({name:"SurveyQuestionTextarea",props:{value:{type:String,required:!0},placeholder:{type:String,default:"Wpisz swoją odpowiedź"},disabled:{type:Boolean,default:!1}},emits:["input"],watch:{value(){this.$refs.textarea.style.height="auto",this.$refs.textarea.style.height=this.$refs.textarea.scrollHeight+"px"}},methods:{onInput(e){this.$emit("input",e.target.value)}}}),k=["disabled","placeholder","value"];function M(e,a,o,l,t,S){return n(),u("textarea",{ref:"textarea",class:"ds-surveyQuestionTextarea",disabled:e.disabled,placeholder:e.placeholder,value:e.value,onInput:a[0]||(a[0]=(...r)=>e.onInput&&e.onInput(...r))},null,40,k)}const L=c(v,[["render",M],["__scopeId","data-v-a0f836ab"]]);v.__docgenInfo={displayName:"SurveyQuestionTextarea",exportName:"default",description:"",tags:{},props:[{name:"value",type:{name:"string"},required:!0},{name:"placeholder",type:{name:"string"},defaultValue:{func:!1,value:"'Wpisz swoją odpowiedź'"}},{name:"disabled",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"input",type:{names:["undefined"]}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/SurveyQuestions/SurveyQuestionTextarea.vue"]};const H=e=>{for(var a="",o="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",l=o.length,t=0;t<e;t++)a+=o.charAt(Math.floor(Math.random()*l));return a};export{Q as M,z as S,j as a,L as b,H as r};

package/docs/iframe.html

@@ -510,7 +510,7 @@
 </script>
 <link rel="stylesheet" href="./preview.css">
 
-    <script type="module" crossorigin src="./assets/iframe-C1fgL0ZE.js"></script>
+    <script type="module" crossorigin src="./assets/iframe-D5RGIa97.js"></script>
   </head>
 
   <body>

package/docs/project.json

@@ -1 +1 @@
-{"generatedAt":1755008025519,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@vitest/coverage-c8":"0.33.0","@vitest/ui":"3.1.4","vitest":"3.1.4"},"packageManager":{"type":"yarn","version":"1.22.22"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/vue3-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/vue3","portableStoriesFileCount":3,"storybookVersion":"8.3.4","storybookVersionSpecifier":"^8.3.4","language":"typescript","storybookPackages":{"@storybook/vue3":{"version":"8.3.4"},"@storybook/vue3-vite":{"version":"8.3.4"},"eslint-plugin-storybook":{"version":"0.8.0"},"storybook":{"version":"8.3.4"}},"addons":{"@storybook/addon-actions":{"version":"8.3.4"},"@storybook/addon-designs":{"version":"8.0.3"},"@storybook/addon-docs":{"version":"8.3.4"},"@storybook/addon-controls":{"version":"8.3.4"},"@storybook/addon-storysource":{"version":"8.3.4"},"@storybook/addon-viewport":{"version":"8.3.4"}}}
+{"generatedAt":1755671827872,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@vitest/coverage-c8":"0.33.0","@vitest/ui":"3.1.4","vitest":"3.1.4"},"packageManager":{"type":"yarn","version":"1.22.22"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/vue3-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/vue3","portableStoriesFileCount":3,"storybookVersion":"8.3.4","storybookVersionSpecifier":"^8.3.4","language":"typescript","storybookPackages":{"@storybook/vue3":{"version":"8.3.4"},"@storybook/vue3-vite":{"version":"8.3.4"},"eslint-plugin-storybook":{"version":"0.8.0"},"storybook":{"version":"8.3.4"}},"addons":{"@storybook/addon-actions":{"version":"8.3.4"},"@storybook/addon-designs":{"version":"8.0.3"},"@storybook/addon-docs":{"version":"8.3.4"},"@storybook/addon-controls":{"version":"8.3.4"},"@storybook/addon-storysource":{"version":"8.3.4"},"@storybook/addon-viewport":{"version":"8.3.4"}}}

package/lib/js/components/Cards/Card/Card.consts.ts

@@ -13,6 +13,7 @@ export const CARD_BORDER_COLORS = {
 	SUCCESS: 'success',
 	WARNING: 'warning',
 	DANGER: 'danger',
+	FAIL: 'fail',
 	INFO: 'info',
 	TRANSPARENT: 'transparent',
 };

package/lib/js/components/Cards/Card/Card.vue

@@ -143,6 +143,10 @@
 		border-color: $color-info-border;
 	}
 
+	&.-ds-border-color-fail {
+		border-color: $color-fail-border;
+	}
+
 	&__loadingBar {
 		overflow: hidden;
 		position: absolute;

package/lib/js/icons/fontawesome.ts

@@ -43,6 +43,7 @@ import { faChevronLeft } from '@fortawesome/pro-regular-svg-icons/faChevronLeft'
 import { faChevronRight } from '@fortawesome/pro-regular-svg-icons/faChevronRight';
 import { faChevronUp } from '@fortawesome/pro-regular-svg-icons/faChevronUp';
 import { faCircle } from '@fortawesome/pro-regular-svg-icons/faCircle';
+import { faCircle as faCircleSolid } from '@fortawesome/pro-solid-svg-icons/faCircle';
 import { faCircleArrowLeft } from '@fortawesome/pro-regular-svg-icons/faCircleArrowLeft';
 import { faCircleArrowRight } from '@fortawesome/pro-regular-svg-icons/faCircleArrowRight';
 import { faCircleCheck } from '@fortawesome/pro-regular-svg-icons/faCircleCheck';
@@ -114,6 +115,7 @@ import { faMemoCircleInfo } from '@fortawesome/pro-regular-svg-icons/faMemoCircl
 import { faMinus } from '@fortawesome/pro-regular-svg-icons/faMinus';
 import { faMoneyBill1 } from '@fortawesome/pro-regular-svg-icons/faMoneyBill1';
 import { faMusic } from '@fortawesome/pro-regular-svg-icons/faMusic';
+import { faNotes } from '@fortawesome/pro-regular-svg-icons/faNotes';
 import { faPaperclip } from '@fortawesome/pro-regular-svg-icons/faPaperclip';
 import { faPaperPlane } from '@fortawesome/pro-regular-svg-icons/faPaperPlane';
 import { faPartyHorn } from '@fortawesome/pro-regular-svg-icons/faPartyHorn';
@@ -157,6 +159,7 @@ import { faUpload } from '@fortawesome/pro-regular-svg-icons/faUpload';
 import { faUser } from '@fortawesome/pro-regular-svg-icons/faUser';
 import { faWandMagicSparkles } from '@fortawesome/pro-regular-svg-icons/faWandMagicSparkles';
 import { faWindowMaximize } from '@fortawesome/pro-regular-svg-icons/faWindowMaximize';
+import { faQuestion } from '@fortawesome/pro-regular-svg-icons/faQuestion';
 import { faXmark } from '@fortawesome/pro-regular-svg-icons/faXmark';
 import { faCommentsQuestion } from '@fortawesome/pro-regular-svg-icons/faCommentsQuestion';
 import { faCommentsQuestionCheck } from '@fortawesome/pro-regular-svg-icons/faCommentsQuestionCheck';
@@ -279,6 +282,7 @@ export const FONTAWESOME_ICONS = {
 	FA_CHEVRON_RIGHT_LIGHT: falChevronRight,
 	FA_CHEVRON_UP: faChevronUp,
 	FA_CIRCLE: faCircle,
+	FA_CIRCLE_SOLID: faCircleSolid,
 	FA_CIRCLE_ARROW_LEFT: faCircleArrowLeft,
 	FA_CIRCLE_ARROW_RIGHT: faCircleArrowRight,
 	FA_CIRCLE_CHECK: faCircleCheck,
@@ -378,6 +382,7 @@ export const FONTAWESOME_ICONS = {
 	FA_MINUS: faMinus,
 	FA_MONEY_BILL1: faMoneyBill1,
 	FA_MUSIC: faMusic,
+	FA_NOTES: faNotes,
 	FA_PAPER_PLANE: faPaperPlane,
 	FA_PAPERCLIP: faPaperclip,
 	FA_PARTY_HORN: faPartyHorn,
@@ -435,6 +440,7 @@ export const FONTAWESOME_ICONS = {
 	FA_VOLUME_HIGH_SOLID: fasVolumeHigh,
 	FA_WAND_MAGIC_SPARKLES: faWandMagicSparkles,
 	FA_WINDOW_MAXIMIZE: faWindowMaximize,
+	FA_QUESTION: faQuestion,
 	FA_XMARK: faXmark,
 	FAD_SPINNER_THIRD: fadSpinnerThird,
 } as const;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bethinkpl/design-system",
-  "version": "28.1.3",
+  "version": "28.1.5",
   "description": "Bethink universe design-system",
   "repository": {
     "type": "git",

package/docs/assets/Card-BhK1CiCP.js

@@ -1 +0,0 @@
-import{d as L,q as d,c as s,k as l,g as o,u,v as n,f as t,o as r}from"./vue.esm-bundler-DcRN7CPI.js";import{D as h}from"./Divider-NOTDPuJ1.js";import{L as S,a as y}from"./LoadingBar-DGNrwKu4.js";import{_ as b}from"./_plugin-vue_export-helper-DlAUqK2U.js";const m={SMALL:"small",LARGE:"large"},p={NEUTRAL_HEAVY:"neutralHeavy",NEUTRAL_STRONG:"neutralStrong",SUCCESS:"success",WARNING:"warning",DANGER:"danger",INFO:"info",TRANSPARENT:"transparent"},R={SMALL:"small",MEDIUM:"medium",LARGE:"large"},i={TOP:"top",LEFT:"left"},A={key:3,class:"ds-card__content"},f=L({__name:"Card",props:{headerHasPadding:{type:Boolean,default:!1},footerHasPadding:{type:Boolean,default:!1},paddingSize:{default:()=>m.SMALL},dividerUnderHeader:{type:Boolean,default:!1},hasBorder:{type:Boolean,default:!1},borderPosition:{default:()=>i.TOP},borderSize:{default:()=>R.LARGE},borderColor:{default:()=>p.NEUTRAL_HEAVY},hasLoadingBar:{type:Boolean,default:!1},loadingBarColor:{default:()=>S.NEUTRAL_HEAVY},loadingBarTime:{default:"0"},isFlat:{type:Boolean,default:!1}},setup(a){const g=d(()=>a.hasBorder&&a.borderPosition===i.LEFT&&!a.hasLoadingBar),B=d(()=>a.hasBorder&&a.borderPosition===i.TOP||a.hasLoadingBar),c=d(()=>a.hasLoadingBar?"-ds-border-color-transparent":`-ds-border-color-${a.borderColor}`),C=d(()=>!a.hasBorder&&!a.hasLoadingBar?null:`-ds-border-size-${a.borderSize}`);return(e,E)=>(r(),s("div",{class:n(["ds-card",c.value,C.value,{"-ds-top-border":B.value,"-ds-left-border":g.value,"-ds-paddingLarge":e.paddingSize===u(m).LARGE,"-ds-flat":e.isFlat}])},[e.hasLoadingBar?(r(),l(u(y),{key:0,class:"ds-card__loadingBar",time:e.loadingBarTime,color:e.loadingBarColor,size:e.borderSize},null,8,["time","color","size"])):o("",!0),e.$slots.header?(r(),s("div",{key:1,class:n(["ds-card__header",{"-ds-withPadding":e.headerHasPadding}])},[t(e.$slots,"header",{},void 0,!0)],2)):o("",!0),e.$slots.header&&e.$slots.content&&e.dividerUnderHeader?(r(),l(h,{key:2,class:n(["ds-card__headerDivider",{"-ds-withHorizontalMargin":e.headerHasPadding}])},null,8,["class"])):o("",!0),e.$slots.content?(r(),s("div",A,[t(e.$slots,"content",{},void 0,!0)])):o("",!0),e.$slots.footer?(r(),s("div",{key:4,class:n(["ds-card__footer",{"-ds-withPadding":e.footerHasPadding}])},[t(e.$slots,"footer",{},void 0,!0)],2)):o("",!0)],2))}}),D=b(f,[["__scopeId","data-v-9a76ef4f"]]);f.__docgenInfo={exportName:"default",displayName:"Card",description:"",tags:{},props:[{name:"headerHasPadding",required:!1,type:{name:"boolean"}},{name:"footerHasPadding",required:!1,type:{name:"boolean"}},{name:"paddingSize",required:!1,type:{name:"CardPaddingSize"}},{name:"dividerUnderHeader",required:!1,type:{name:"boolean"}},{name:"hasBorder",required:!1,type:{name:"boolean"}},{name:"borderPosition",required:!1,type:{name:"CardBorderPositions"}},{name:"borderSize",required:!1,type:{name:"CardBorderSizes"}},{name:"borderColor",required:!1,type:{name:"CardBorderColors"}},{name:"hasLoadingBar",required:!1,type:{name:"boolean"}},{name:"loadingBarColor",required:!1,type:{name:"LoadingBarColors"}},{name:"loadingBarTime",required:!1,type:{name:"string"}},{name:"isFlat",required:!1,type:{name:"boolean"}}],slots:[{name:"header"},{name:"content"},{name:"footer"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Cards/Card/Card.vue"]};export{D as C,m as a,p as b,R as c,i as d};

package/docs/assets/Card-w8Xiz9Zy.css

@@ -1 +0,0 @@
-.ds-card[data-v-9a76ef4f]{position:relative;width:inherit}.ds-card[data-v-9a76ef4f]:not(.-ds-flat){background-color:var(--color-default-background);border-radius:6px;box-shadow:0 1px 2px var(--color-default-shadow-weak),0 8px 16px var(--color-default-shadow-weak),0 2px 4px var(--color-default-shadow-strong),0 0 4px var(--color-default-shadow)}.ds-card.-ds-top-border[data-v-9a76ef4f]{border-top:6px transparent solid}.ds-card.-ds-left-border[data-v-9a76ef4f]{border-left:6px transparent solid}.ds-card.-ds-border-size-small[data-v-9a76ef4f]{border-top-width:2px}.ds-card:not(.-ds-flat) .ds-card.-ds-border-size-small[data-v-9a76ef4f]{border-radius:2px}.ds-card.-ds-border-size-small .ds-card__loadingBar[data-v-9a76ef4f]{top:-2px}.ds-card:not(.-ds-flat) .ds-card.-ds-border-size-small .ds-card__loadingBar[data-v-9a76ef4f]{border-radius:2px 2px 0 0}.ds-card.-ds-border-size-medium[data-v-9a76ef4f]{border-top-width:4px}.ds-card:not(.-ds-flat) .ds-card.-ds-border-size-medium[data-v-9a76ef4f]{border-radius:4px}.ds-card.-ds-border-size-medium .ds-card__loadingBar[data-v-9a76ef4f]{top:-4px}.ds-card:not(.-ds-flat) .ds-card.-ds-border-size-medium .ds-card__loadingBar[data-v-9a76ef4f]{border-radius:4px 4px 0 0}.ds-card.-ds-border-size-large[data-v-9a76ef4f]{border-top-width:6px}.ds-card:not(.-ds-flat) .ds-card.-ds-border-size-large[data-v-9a76ef4f]{border-radius:6px}.ds-card.-ds-border-size-large .ds-card__loadingBar[data-v-9a76ef4f]{top:-6px}.ds-card:not(.-ds-flat) .ds-card.-ds-border-size-large .ds-card__loadingBar[data-v-9a76ef4f]{border-radius:6px 6px 0 0}.ds-card.-ds-border-color-neutralHeavy[data-v-9a76ef4f]{border-color:var(--color-neutral-border-heavy)}.ds-card.-ds-border-color-neutralStrong[data-v-9a76ef4f]{border-color:var(--color-neutral-border-strong)}.ds-card.-ds-border-color-success[data-v-9a76ef4f]{border-color:var(--color-success-border)}.ds-card.-ds-border-color-warning[data-v-9a76ef4f]{border-color:var(--color-warning-border)}.ds-card.-ds-border-color-danger[data-v-9a76ef4f]{border-color:var(--color-danger-border)}.ds-card.-ds-border-color-info[data-v-9a76ef4f]{border-color:var(--color-info-border)}.ds-card__loadingBar[data-v-9a76ef4f]{overflow:hidden;position:absolute;width:100%}.ds-card__header.-ds-withPadding[data-v-9a76ef4f]{padding:16px}.ds-card.-ds-paddingLarge .ds-card__header.-ds-withPadding[data-v-9a76ef4f]{padding:32px 32px 16px}.ds-card__headerDivider.-ds-withHorizontalMargin[data-v-9a76ef4f]{margin:0 16px}.ds-card.-ds-paddingLarge .ds-card__headerDivider.-ds-withHorizontalMargin[data-v-9a76ef4f]{margin:0 32px}.ds-card__content[data-v-9a76ef4f]{padding:16px}.ds-card.-ds-paddingLarge .ds-card__content[data-v-9a76ef4f]{padding:16px 32px}.ds-card__footer.-ds-withPadding[data-v-9a76ef4f]{padding:0 16px 16px}.ds-card.-ds-paddingLarge .ds-card__footer.-ds-withPadding[data-v-9a76ef4f]{padding:0 32px 32px}