@bethinkpl/design-system 28.1.13 → 29.1.0

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

@@ -1 +1 @@
-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};
+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};

package/docs/iframe.html

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

package/docs/preview.css

@@ -117,10 +117,6 @@ img {
   border: 0;
 }
 
-svg:not(:root) {
-  overflow: hidden;
-}
-
 figure {
   margin: 0;
 }

package/docs/project.json

@@ -1 +1 @@
-{"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"}}}
+{"generatedAt":1761134912141,"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/Icons/Icon/Icon.consts.ts

@@ -7,7 +7,6 @@ import HideAnswers from '../../../../images/icons/icon-hide-answers.svg';
 import SidebarFlipSolid from '../../../../images/icons/sidebar-flip-solid.svg';
 import Change from '../../../../images/icons/change.svg';
 import CloudDisconnected from '../../../../images/icons/cloud-disconnected.svg';
-import MobileRotate from '../../../../images/icons/mobile-rotate.svg';
 
 import { FONTAWESOME_ICONS } from '../../../icons/fontawesome';
 import { Value } from '../../../utils/type.utils';
@@ -53,7 +52,6 @@ const BETHINK_ICONS = {
 	SIDEBAR_FLIP_SOLID: SidebarFlipSolid,
 	SLIDERS_SEARCH: SlidersSearch,
 	CLOUD_DISCONNECTED: CloudDisconnected,
-	MOBILE_ROTATE: MobileRotate, // this is FontAwesome 7 icon, after migration to v7, it should be moved to fontawesome.ts
 } as const;
 
 export const ICONS = {

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

@@ -117,6 +117,7 @@ import { faMagnifyingGlass } from '@fortawesome/pro-regular-svg-icons/faMagnifyi
 import { faMedal } from '@fortawesome/pro-regular-svg-icons/faMedal';
 import { faMemoCircleInfo } from '@fortawesome/pro-regular-svg-icons/faMemoCircleInfo';
 import { faMinus } from '@fortawesome/pro-regular-svg-icons/faMinus';
+import { faMobileRotate } from '@fortawesome/pro-regular-svg-icons/faMobileRotate';
 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';
@@ -395,6 +396,7 @@ export const FONTAWESOME_ICONS = {
 	FA_MESSAGE: faMessage,
 	FA_MESSAGES: faMessages,
 	FA_MINUS: faMinus,
+	FA_MOBILE_ROTATE: faMobileRotate,
 	FA_MONEY_BILL1: faMoneyBill1,
 	FA_MUSIC: faMusic,
 	FA_NOTES: faNotes,

package/lib/styles/_normalize.scss

@@ -116,10 +116,6 @@ img {
 	border: 0;
 }
 
-svg:not(:root) {
-	overflow: hidden;
-}
-
 figure {
 	margin: 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bethinkpl/design-system",
-  "version": "28.1.13",
+  "version": "29.1.0",
   "description": "Bethink universe design-system",
   "repository": {
     "type": "git",
@@ -35,13 +35,13 @@
     "synchronizeTypography": "npx ts-node tools/importers/SynchronizeTypographyTokens.ts"
   },
   "devDependencies": {
-    "@fortawesome/fontawesome-svg-core": "6.4.2",
-    "@fortawesome/free-brands-svg-icons": "6.4.2",
-    "@fortawesome/pro-duotone-svg-icons": "6.4.2",
-    "@fortawesome/pro-light-svg-icons": "6.4.2",
-    "@fortawesome/pro-regular-svg-icons": "6.4.2",
-    "@fortawesome/pro-solid-svg-icons": "6.4.2",
-    "@fortawesome/vue-fontawesome": "3.0.3",
+    "@fortawesome/fontawesome-svg-core": "7.0.1",
+    "@fortawesome/free-brands-svg-icons": "7.0.1",
+    "@fortawesome/pro-duotone-svg-icons": "7.0.1",
+    "@fortawesome/pro-light-svg-icons": "7.0.1",
+    "@fortawesome/pro-regular-svg-icons": "7.0.1",
+    "@fortawesome/pro-solid-svg-icons": "7.0.1",
+    "@fortawesome/vue-fontawesome": "3.1.2",
     "@storybook/addon-actions": "^8.3.4",
     "@storybook/addon-controls": "^8.3.4",
     "@storybook/addon-designs": "^8.0.3",

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-DvjGGtfr.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-S5zPLm_h.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-B63S0oNZ.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};