@bethinkpl/design-system 29.0.0 → 29.2.0

package/docs/assets/{string-Bp7KUZ_7.js → string-MWYxZeRe.js}

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

package/docs/project.json

@@ -1 +1 @@
-{"generatedAt":1758267997984,"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":1761144614709,"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/RichList/BasicRichListItem/BasicRichListItem.stories.ts

@@ -90,6 +90,9 @@ const expandStory = (story: StoryFn<typeof BasicRichListItem>, args = {}) => {
 		metadata: {
 			control: 'text',
 		},
+		textSlot: {
+			control: 'text',
+		},
 		actions: {
 			control: 'text',
 		},
@@ -138,6 +141,7 @@ const expandStory = (story: StoryFn<typeof BasicRichListItem>, args = {}) => {
 		isSupportingTextTooltipEnabled: false,
 
 		metadata: 'Metadata Slot',
+		textSlot: '',
 		actions: 'ACS',
 
 		...args,
@@ -209,6 +213,9 @@ const InteractiveStoryTemplate: StoryFn<typeof BasicRichListItem> = (args) => {
 			<template v-if="metadata" #metadata>
 				<div v-html="metadata" />
 			</template>
+			<template v-if="textSlot" #text>
+				<div v-html="textSlot" />
+			</template>
 			<template v-if="actions" #actions>
 				<div v-html="actions" />
 			</template>

package/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue

@@ -45,7 +45,11 @@
 					:size="textGroupSize"
 					:state="textGroupState"
 					:is-supporting-text-tooltip-enabled="isSupportingTextTooltipEnabled"
-				/>
+				>
+					<template v-if="$slots.text" #mainText>
+						<slot name="text" />
+					</template>
+				</ds-text-group>
 			</div>
 		</template>
 		<template v-if="$slots.metadata" #metadata>
@@ -193,7 +197,7 @@ export default defineComponent({
 		},
 		text: {
 			type: String,
-			required: true,
+			default: null,
 		},
 		textEllipsis: {
 			type: Boolean,

package/lib/js/components/TextGroup/TextGroup.stories.ts

@@ -37,7 +37,9 @@ const StoryTemplate: StoryFn<typeof DsTextGroup> = (args) => ({
 			:is-supporting-text-tooltip-enabled-on-mobile="isSupportingTextTooltipEnabledOnMobile"
 			:is-supporting-text-tooltip-auto-filled-with-content="isSupportingTextTooltipAutoFilledWithContent"
 			:supporting-text-tooltip-content="supportingTextTooltipContent"
-		/>
+		>
+			<template v-if="mainTextSlot" #mainText><div v-html="mainTextSlot" /></template>
+		</ds-text-group>
 		<div style="margin-top: 100px; color: #888">
 			<ds-divider />
 			<small>Use "null" in *Text props to get nullable value</small>
@@ -47,6 +49,7 @@ const StoryTemplate: StoryFn<typeof DsTextGroup> = (args) => ({
 export const Interactive = StoryTemplate.bind({});
 
 Interactive.args = {
+	mainTextSlot: '',
 	size: TEXT_GROUP_SIZES.MEDIUM,
 	color: TEXT_GROUP_COLORS.NEUTRAL,
 	eyebrowText: 'Eyebrow Uppercase Veritatis aspernatur cupiditate magnam quidem',
@@ -123,6 +126,9 @@ Interactive.argTypes = {
 	supportingTextTooltipContent: {
 		control: 'text',
 	},
+	mainTextSlot: {
+		control: 'text',
+	},
 } as ArgTypes;
 
 Interactive.parameters = {

package/lib/js/components/TextGroup/TextGroup.vue

@@ -31,7 +31,7 @@
 			<span v-else>{{ eyebrowText }}</span>
 		</div>
 		<div
-			v-if="mainText !== null"
+			v-if="mainText !== null || $slots.mainText"
 			class="ds-textGroup__main"
 			:class="{
 				'-ds-ellipsis': mainTextEllipsis,
@@ -40,6 +40,7 @@
 			<div v-if="isLoading" class="ds-textGroup__skeletonWrapper">
 				<ds-skeleton width="100%" height="100%" />
 			</div>
+			<template v-else-if="$slots.mainText"><slot name="mainText" /></template>
 			<span v-else-if="mainText === ''">&nbsp;</span>
 			<span v-else>{{ mainText }}</span>
 		</div>

package/lib/js/icons/fontawesome.ts

@@ -231,6 +231,8 @@ import { faCardsBlank } from '@fortawesome/pro-regular-svg-icons/faCardsBlank';
 import { faArrowDownBigSmall } from '@fortawesome/pro-regular-svg-icons/faArrowDownBigSmall';
 import { faArrowUpBigSmall } from '@fortawesome/pro-regular-svg-icons/faArrowUpBigSmall';
 import { faBullseyeArrow } from '@fortawesome/pro-regular-svg-icons/faBullseyeArrow';
+import { faForward } from '@fortawesome/pro-regular-svg-icons/faForward';
+import { faBolt } from '@fortawesome/pro-regular-svg-icons/faBolt';
 
 export const FONTAWESOME_ICONS = {
 	FA_ADDRESS_CARD: faAddressCard,
@@ -261,6 +263,7 @@ export const FONTAWESOME_ICONS = {
 	FA_BARS: faBars,
 	FA_BELL_SLASH: faBellSlash,
 	FA_BELL: faBell,
+	FA_BOLT: faBolt,
 	FA_BOOK_BLANK: faBookBlank,
 	FA_BOOK_COPY: faBookCopy,
 	FA_BOOK_SKULL_SOLID: fasBookSkull,
@@ -350,6 +353,7 @@ export const FONTAWESOME_ICONS = {
 	FA_FLASK_SOLID: fasFlask,
 	FA_FLOPPY_DISK: faFloppyDisk,
 	FA_FOLDER_SOLID: fasFolder,
+	FA_FORWARD: faForward,
 	FA_GAUGE_HIGH: faGaugeHigh,
 	FA_GEAR_SOLID: fasGear,
 	FA_GEAR: faGear,

package/package.json

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

package/docs/assets/BasicRichListItem-DHHCAjrn.css

@@ -1 +0,0 @@
-.ds-basicRichListItem[data-v-c8b54c95]{max-width:100%}.ds-basicRichListItem__content[data-v-c8b54c95]{display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:0;padding:12px 0}.ds-basicRichListItem.-ds-small .ds-basicRichListItem__content[data-v-c8b54c95]{padding:8px 0}.ds-basicRichListItem.-ds-loading .ds-basicRichListItem__content[data-v-c8b54c95]{flex:1}

package/docs/assets/BasicRichListItem-zKgLik2G.js

@@ -1 +0,0 @@
-import{d as y,j as v,k as b,s as T,h as l,v as S,l as u,o as g,f as n,a as E,e as L}from"./vue.esm-bundler-DcRN7CPI.js";import{c as R,I as C}from"./Icon-CrGnHcSg.js";import{D as h,T as i,c as r}from"./TextGroup-dzR19lzs.js";import{a as d,e as t,d as p,c as s,f,h as O,R as _,b as D}from"./GroupRichListItem-Cne-DseP.js";import{_ as V}from"./_plugin-vue_export-helper-DlAUqK2U.js";const m=y({name:"BasicRichListItem",components:{DsTextGroup:h,RichListItem:O},props:{type:{type:String,default:f.DEFAULT,validator(e){return Object.values(f).includes(e)}},state:{type:String,default:s.DEFAULT,validator(e){return Object.values(s).includes(e)}},layout:{type:String,default:p.HORIZONTAL,validator(e){return Object.values(p).includes(e)}},size:{type:String,default:t.MEDIUM,validator(e){return Object.values(t).includes(e)}},isInteractive:{type:Boolean,default:!0},isDimmed:{type:Boolean,default:!1},isDraggable:{type:Boolean,default:!0},icon:{type:Object,default:null,validator(e){return Object.values(C).includes(v(e))}},iconColor:{type:String,default:null,validator(e){return Object.values(R).includes(e)}},iconColorHex:{type:String,default:null},borderColor:{type:String,default:null,validator(e){return Object.values(D).includes(e)}},borderColorHex:{type:String,default:null},text:{type:String,required:!0},textEllipsis:{type:Boolean,default:!1},eyebrow:{type:String,default:null},eyebrowEllipsis:{type:Boolean,default:!1},isEyebrowUppercase:{type:Boolean,default:!1},supportingText:{type:String,default:null},supportingTextEllipsis:{type:Boolean,default:!1},isSupportingTextTooltipEnabled:{type:Boolean,default:!1},backgroundColor:{type:String,default:d.NEUTRAL,validator(e){return Object.values(d).includes(e)}},elevation:{type:String,default:null,validator(e){return Object.values(_).includes(e)}},hasDraggableHandler:{type:Boolean,default:!0},hasActionsSlotDivider:{type:Boolean,default:!0},isSelectable:{type:Boolean,default:!0},isSelected:{type:Boolean,default:!1},isTextGroupSelected:{type:Boolean,default:!1}},emits:{"update:is-selected":e=>!0},data(){return{hovered:!1,RICH_LIST_ITEM_SIZE:Object.freeze(t),RICH_LIST_ITEM_STATE:Object.freeze(s)}},computed:{textGroupSize(){return{[t.SMALL]:r.SMALL,[t.MEDIUM]:r.MEDIUM}[this.size]},textGroupState(){return this.state===s.LOADING?i.LOADING:this.hovered&&this.isInteractive?i.HOVERED:i.DEFAULT}}}),M={class:"ds-basicRichListItem__content"};function A(e,a,H,B,U,w){const c=u("ds-text-group"),I=u("rich-list-item");return g(),b(I,{size:e.size,type:e.type,layout:e.layout,"is-interactive":e.isInteractive,"is-draggable":e.isDraggable,icon:e.icon,"icon-color":e.iconColor,"icon-color-hex":e.iconColorHex,"is-dimmed":e.isDimmed,"border-color":e.borderColor,"border-color-hex":e.borderColorHex,state:e.state,"background-color":e.backgroundColor,elevation:e.elevation,"has-draggable-handler":e.hasDraggableHandler,"has-actions-slot-divider":e.hasActionsSlotDivider,"is-selectable":e.isSelectable,"is-selected":e.isSelected,class:S(["ds-basicRichListItem",{"-ds-loading":e.state===e.RICH_LIST_ITEM_STATE.LOADING,"-ds-small":e.size===e.RICH_LIST_ITEM_SIZE.SMALL}]),onMouseover:a[0]||(a[0]=o=>e.hovered=!0),onMouseleave:a[1]||(a[1]=o=>e.hovered=!1),"onUpdate:isSelected":a[2]||(a[2]=o=>e.$emit("update:is-selected",o))},T({content:l(()=>[E("div",M,[L(c,{"eyebrow-text":e.eyebrow,"eyebrow-text-ellipsis":e.eyebrowEllipsis,"is-eyebrow-text-uppercase":e.isEyebrowUppercase,"is-selected":e.isTextGroupSelected,"is-interactive":!1,"main-text":e.text,"main-text-ellipsis":e.textEllipsis,"supporting-text":e.supportingText,"supporting-text-ellipsis":e.supportingTextEllipsis,size:e.textGroupSize,state:e.textGroupState,"is-supporting-text-tooltip-enabled":e.isSupportingTextTooltipEnabled},null,8,["eyebrow-text","eyebrow-text-ellipsis","is-eyebrow-text-uppercase","is-selected","main-text","main-text-ellipsis","supporting-text","supporting-text-ellipsis","size","state","is-supporting-text-tooltip-enabled"])])]),_:2},[e.$slots.media?{name:"media",fn:l(()=>[n(e.$slots,"media",{},void 0,!0)]),key:"0"}:void 0,e.$slots.metadata?{name:"metadata",fn:l(()=>[n(e.$slots,"metadata",{},void 0,!0)]),key:"1"}:void 0,e.$slots.actions?{name:"actions",fn:l(()=>[n(e.$slots,"actions",{},void 0,!0)]),key:"2"}:void 0]),1032,["size","type","layout","is-interactive","is-draggable","icon","icon-color","icon-color-hex","is-dimmed","border-color","border-color-hex","state","background-color","elevation","has-draggable-handler","has-actions-slot-divider","is-selectable","is-selected","class"])}const k=V(m,[["render",A],["__scopeId","data-v-c8b54c95"]]);m.__docgenInfo={displayName:"BasicRichListItem",exportName:"default",description:"",tags:{},props:[{name:"type",type:{name:"RichListItemType"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_TYPE.DEFAULT"}},{name:"state",type:{name:"RichListItemState"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_STATE.DEFAULT"}},{name:"layout",type:{name:"RichListItemLayout"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_LAYOUT.HORIZONTAL"}},{name:"size",type:{name:"RichListItemSize"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_SIZE.MEDIUM"}},{name:"isInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isDimmed",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isDraggable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"icon",type:{name:"IconItem"},defaultValue:{func:!1,value:"null"}},{name:"iconColor",type:{name:"IconColor"},defaultValue:{func:!1,value:"null"}},{name:"iconColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"borderColor",type:{name:"RichListItemBorderColor"},defaultValue:{func:!1,value:"null"}},{name:"borderColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"text",type:{name:"string"},required:!0},{name:"textEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"eyebrow",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"eyebrowEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isEyebrowUppercase",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"supportingText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"supportingTextEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isSupportingTextTooltipEnabled",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"backgroundColor",type:{name:"RichListItemBackgroundColor"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_BACKGROUND_COLOR.NEUTRAL"}},{name:"elevation",type:{name:"RichListItemElevation"},defaultValue:{func:!1,value:"null"}},{name:"hasDraggableHandler",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"hasActionsSlotDivider",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isSelectable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isTextGroupSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"update:is-selected"}],slots:[{name:"media"},{name:"metadata"},{name:"actions"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue"]};export{k as B};

package/docs/assets/TextGroup-dzR19lzs.js

@@ -1 +0,0 @@
-import{d as m,c as a,g as o,v as l,e as n,y as p,k as y,h as E,l as u,o as t,a as r}from"./vue.esm-bundler-DcRN7CPI.js";import{D as g}from"./Skeleton-D5xhZMQa.js";import{T as S}from"./Tooltip-BvaJ_K9_.js";import{_ as c}from"./_plugin-vue_export-helper-DlAUqK2U.js";const _={NEUTRAL:"neutral"},b={SMALL:"small",MEDIUM:"medium",LARGE:"large"},d={SMALL:"small",MEDIUM:"medium"},i={DEFAULT:"default",HOVERED:"hovered",DISABLED:"disabled",LOADING:"loading"},T=m({name:"TextGroup",components:{DsSkeleton:g,DsTooltip:S},props:{size:{type:String,default:d.MEDIUM},color:{type:String,default:_.NEUTRAL},eyebrowText:{type:String,default:null},eyebrowTextEllipsis:{type:Boolean,default:!1},isEyebrowTextUppercase:{type:Boolean,default:!0},mainText:{type:String,default:null},mainTextEllipsis:{type:Boolean,default:!1},supportingText:{type:String,default:null},supportingTextEllipsis:{type:Boolean,default:!1},isInteractive:{type:Boolean,default:!0},skeletonLoadingSize:{type:String,default:b.LARGE},isSelected:{type:Boolean,default:!1},state:{type:String,default:i.DEFAULT},isSupportingTextTooltipEnabled:{type:Boolean,default:!1},isSupportingTextTooltipEnabledOnMobile:{type:Boolean,default:!0},isSupportingTextTooltipAutoFilledWithContent:{type:Boolean,default:!0},supportingTextTooltipContent:{type:String,default:null}},data(){return{TEXT_GROUP_SIZES:Object.freeze(d),TEXT_GROUP_STATES:Object.freeze(i)}},computed:{colorClassName(){return`-ds-${this.color}`},isLoading(){return this.state===i.LOADING},loadingSizeClassName(){return`-ds-loading-${this.skeletonLoadingSize}`}}}),G={key:0,class:"ds-textGroup__skeletonWrapper"},v={key:1},x={key:2},L={key:0,class:"ds-textGroup__skeletonWrapper"},h={key:1},A={key:2},O={key:2,class:"ds-textGroup__supportingWrapper"},k={key:0,class:"ds-textGroup__skeletonWrapper"},U={key:1},D=["innerHTML"];function R(e,V,I,C,w,M){const s=u("ds-skeleton"),f=u("ds-tooltip");return t(),a("div",{class:l(["ds-textGroup",{"-ds-small":e.size===e.TEXT_GROUP_SIZES.SMALL,"-ds-hovered":e.state===e.TEXT_GROUP_STATES.HOVERED,"-ds-loading":e.isLoading,"-ds-disabled":e.state===e.TEXT_GROUP_STATES.DISABLED,"-ds-interactive":e.isInteractive,"-ds-selected":e.isSelected,[e.loadingSizeClassName]:e.isLoading,[e.colorClassName]:!0}])},[e.eyebrowText!==null?(t(),a("div",{key:0,class:l(["ds-textGroup__eyebrow",{"-ds-ellipsis":e.eyebrowTextEllipsis,"-ds-uppercase":e.isEyebrowTextUppercase}])},[e.isLoading?(t(),a("div",G,[n(s,{width:"50%",height:"100%"})])):e.eyebrowText===""?(t(),a("span",v," ")):(t(),a("span",x,p(e.eyebrowText),1))],2)):o("",!0),e.mainText!==null?(t(),a("div",{key:1,class:l(["ds-textGroup__main",{"-ds-ellipsis":e.mainTextEllipsis}])},[e.isLoading?(t(),a("div",L,[n(s,{width:"100%",height:"100%"})])):e.mainText===""?(t(),a("span",h," ")):(t(),a("span",A,p(e.mainText),1))],2)):o("",!0),e.supportingText!==null?(t(),a("div",O,[e.isLoading?(t(),a("div",k,[n(s,{width:"100%",height:"100%"})])):e.supportingText===""?(t(),a("span",U," ")):(t(),y(f,{key:2,class:"ds-textGroup__supportingTooltip",text:e.isSupportingTextTooltipAutoFilledWithContent?e.supportingText:e.supportingTextTooltipContent,"is-disabled":!e.isSupportingTextTooltipEnabled,"is-hidden-on-mobile":!e.isSupportingTextTooltipEnabledOnMobile,inline:""},{default:E(()=>[r("div",{class:l(["ds-textGroup__supporting",{"-ds-ellipsis":e.supportingTextEllipsis}])},[r("span",{innerHTML:e.supportingText},null,8,D)],2)]),_:1},8,["text","is-disabled","is-hidden-on-mobile"]))])):o("",!0)],2)}const X=c(T,[["render",R],["__scopeId","data-v-876e94db"]]);T.__docgenInfo={displayName:"TextGroup",exportName:"default",description:"",tags:{},props:[{name:"size",type:{name:"TextGroupSize"},defaultValue:{func:!1,value:"TEXT_GROUP_SIZES.MEDIUM"}},{name:"color",type:{name:"TextGroupColor"},defaultValue:{func:!1,value:"TEXT_GROUP_COLORS.NEUTRAL"}},{name:"eyebrowText",type:{name:"string | null"},defaultValue:{func:!1,value:"null"}},{name:"eyebrowTextEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isEyebrowTextUppercase",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"mainText",type:{name:"string | null"},defaultValue:{func:!1,value:"null"}},{name:"mainTextEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"supportingText",type:{name:"string | null"},defaultValue:{func:!1,value:"null"}},{name:"supportingTextEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"skeletonLoadingSize",type:{name:"TextGroupLoadingSize"},defaultValue:{func:!1,value:"TEXT_GROUP_LOADING_SIZES.LARGE"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"state",type:{name:"TextGroupState"},defaultValue:{func:!1,value:"TEXT_GROUP_STATES.DEFAULT"}},{name:"isSupportingTextTooltipEnabled",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isSupportingTextTooltipEnabledOnMobile",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isSupportingTextTooltipAutoFilledWithContent",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"supportingTextTooltipContent",type:{name:"string"},defaultValue:{func:!1,value:"null"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/TextGroup/TextGroup.vue"]};export{X as D,i as T,b as a,_ as b,d as c};