@bethinkpl/design-system 28.1.10 → 28.1.13

package/docs/assets/{string-ChdEu3d1.js → string-BliwjvpJ.js}

@@ -1 +1 @@
-import{a as _,b as y,I}from"./Icon-BKHsOsqJ.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-S5zPLm_h.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-CtLVeH09.js"></script>
+    <script type="module" crossorigin src="./assets/iframe-D3Dx19_U.js"></script>
   </head>
 
   <body>

package/docs/project.json

@@ -1 +1 @@
-{"generatedAt":1756196765470,"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":1757930664237,"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/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue

@@ -148,6 +148,7 @@
 	&__content {
 		background: $color-neutral-background;
 		border-radius: $radius-s;
+		container-type: inline-size;
 		display: flex;
 		overflow-x: auto;
 		padding: $space-s $space-2xs;
@@ -203,7 +204,13 @@
 		display: flex;
 		flex: 1;
 		flex-direction: row;
-		gap: $space-l;
+		gap: $space-4xs;
+		justify-content: space-between;
+
+		@container (width > 400px) {
+			gap: $space-l;
+			justify-content: initial;
+		}
 
 		&.-ds-justifyEnd {
 			justify-content: flex-end;
@@ -246,6 +253,7 @@ import { SurveyQuestionScaleOption } from '../SurveyQuestion.domain';
 import { randomString } from '../../../utils/string';
 
 import { defineComponent } from 'vue';
+
 export default defineComponent({
 	name: 'SurveyQuestionScale',
 	components: {

package/lib/js/icons/fontawesome.ts

@@ -99,6 +99,8 @@ import { faHourglass } from '@fortawesome/pro-regular-svg-icons/faHourglass';
 import { faHourglassEnd } from '@fortawesome/pro-regular-svg-icons/faHourglassEnd';
 import { faHourglassStart } from '@fortawesome/pro-regular-svg-icons/faHourglassStart';
 import { faHouse } from '@fortawesome/pro-regular-svg-icons/faHouse';
+import { faImage } from '@fortawesome/pro-regular-svg-icons/faImage';
+import { faImage as fasImage } from '@fortawesome/pro-solid-svg-icons/faImage';
 import { faImages } from '@fortawesome/pro-regular-svg-icons/faImages';
 import { faImages as fasImages } from '@fortawesome/pro-solid-svg-icons/faImages';
 import { faKey } from '@fortawesome/pro-regular-svg-icons/faKey';
@@ -367,6 +369,8 @@ export const FONTAWESOME_ICONS = {
 	FA_HOURGLASS_START: faHourglassStart,
 	FA_HOURGLASS: faHourglass,
 	FA_HOUSE: faHouse,
+	FA_IMAGE: faImage,
+	FA_IMAGE_SOLID: fasImage,
 	FA_IMAGES_SOLID: fasImages,
 	FA_IMAGES: faImages,
 	FA_INFO_SOLID: fasInfo,

package/package.json

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