@bethinkpl/design-system 26.2.6 → 26.3.1

package/docs/assets/SelectListItemTile-BZdx79sR.js

@@ -1 +0,0 @@
-import{b as i,p as o}from"./Tile-ByPW4b0z.js";import{d as l,c as r,g as n,r as a,o as c}from"./vue.esm-bundler-CzUSCRPq.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t=l({name:"SelectListItemTile",components:{DsTile:i},props:o}),d={class:"ds-selectListItemTile"};function m(e,f,b,y,T,u){const s=a("ds-tile");return c(),r("div",d,[n(s,{interactive:e.interactive,"icon-left":e.iconLeft,"icon-right":e.iconRight,text:e.text,"eyebrow-text":e.eyebrowText,"additional-text":e.additionalText,color:e.color,"is-eyebrow-text-uppercase":e.isEyebrowTextUppercase,state:e.state,"eyebrow-ellipsis":e.eyebrowEllipsis,"text-ellipsis":e.textEllipsis},null,8,["interactive","icon-left","icon-right","text","eyebrow-text","additional-text","color","is-eyebrow-text-uppercase","state","eyebrow-ellipsis","text-ellipsis"])])}const I=p(t,[["render",m],["__scopeId","data-v-ebd39a6e"]]);t.__docgenInfo={displayName:"SelectListItemTile",exportName:"default",description:"",tags:{},sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue"]};export{I as S};

package/docs/assets/Tile-ByPW4b0z.js

@@ -1 +0,0 @@
-import{I as c,a as I,b as f}from"./Icon-CQ850_cO.js";import{t as u,d as T,r as E,o as s,c as a,b as l,h as r,a as p,n,k as d}from"./vue.esm-bundler-CzUSCRPq.js";import{_ as y}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t={NEUTRAL:"neutral",NEUTRAL_WEAK:"neutralWeak",PRIMARY:"primary",SUCCESS:"success",FAIL:"fail",WARNING:"warning",INFO:"info"},i={DEFAULT:"default",DISABLED:"disabled",LOADING:"loading"},L={interactive:{type:Boolean,default:!1},iconLeft:{type:Object,default:null,validator(e){return Object.values(c).includes(u(e))}},iconRight:{type:Object,default:null,validator(e){return Object.values(c).includes(u(e))}},isIconRightHiddenOnMobile:{type:Boolean,default:!1},text:{type:String,required:!0},eyebrowText:{type:String,default:null},additionalText:{type:String,default:null},color:{type:String,default:t.NEUTRAL,validator(e){return Object.values(t).includes(e)}},isEyebrowTextUppercase:{type:Boolean,default:!1},state:{type:String,default:i.DEFAULT,validator(e){return Object.values(i).includes(e)}},eyebrowEllipsis:{type:Boolean,default:!0},textEllipsis:{type:Boolean,default:!0}},S=T({name:"Tile",components:{DsIcon:I},props:L,data(){return{ICONS:Object.freeze(c),ICON_SIZES:Object.freeze(f),TILE_STATES:Object.freeze(i)}},computed:{tileColor(){return{[t.NEUTRAL]:"-ds-neutral",[t.NEUTRAL_WEAK]:"-ds-neutralWeak",[t.PRIMARY]:"-ds-primary",[t.SUCCESS]:"-ds-success",[t.FAIL]:"-ds-fail",[t.WARNING]:"-ds-warning",[t.INFO]:"-ds-info"}[this.color]},tileState(){return{[i.DEFAULT]:null,[i.DISABLED]:"-ds-disabled",[i.LOADING]:"-ds-loading"}[this.state]}}}),_={class:"ds-tile__center"},A=["textContent"],N=["textContent"],b={key:3,class:"ds-tile__additionalText"};function O(e,m,C,g,R,h){const o=E("ds-icon");return s(),a("div",{class:n([[e.tileColor,e.tileState,{"-ds-interactive":e.interactive}],"ds-tile"])},[e.iconLeft?(s(),l(o,{key:0,icon:e.iconLeft,size:e.ICON_SIZES.SMALL,class:"ds-tile__iconLeft"},null,8,["icon","size"])):r("",!0),p("div",_,[e.eyebrowText?(s(),a("span",{key:0,class:n(["ds-tile__eyebrowText",{"-ds-uppercase":e.isEyebrowTextUppercase,"-ds-ellipsis":e.eyebrowEllipsis}]),textContent:d(e.eyebrowText)},null,10,A)):r("",!0),p("span",{class:n(["ds-tile__text",{"-ds-ellipsis":e.textEllipsis}]),textContent:d(e.text)},null,10,N)]),e.state===e.TILE_STATES.LOADING?(s(),l(o,{key:1,class:"ds-tile__iconRight",icon:e.ICONS.FAD_SPINNER_THIRD,size:e.ICON_SIZES.SMALL,spinning:""},null,8,["icon","size"])):e.iconRight?(s(),l(o,{key:2,class:n(["ds-tile__iconRight",{"-ds-hiddenOnMobile":e.isIconRightHiddenOnMobile}]),icon:e.iconRight,size:e.ICON_SIZES.SMALL},null,8,["class","icon","size"])):e.additionalText?(s(),a("div",b,d(e.additionalText),1)):r("",!0)],2)}const w=y(S,[["render",O],["__scopeId","data-v-6865ba77"]]);S.__docgenInfo={displayName:"Tile",exportName:"default",description:"",tags:{},sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Tile/Tile.vue"]};export{i as T,t as a,w as b,L as p};

package/docs/assets/Tile.sb.shared-5_km-AW6.js

@@ -1,15 +0,0 @@
-import{I as e}from"./Icon-CQ850_cO.js";import{T as t,a as i}from"./Tile-ByPW4b0z.js";const n=o=>`
-		<${o}
-			:additional-text="additionalText"
-			:color="color"
-			:eyebrow-ellipsis="eyebrowEllipsis"
-			:eyebrow-text="eyebrowText"
-			:icon-left="ICONS[iconLeft]"
-			:icon-right="ICONS[iconRight]"
-			:is-icon-right-hidden-on-mobile="isIconRightHiddenOnMobile"
-			:interactive="interactive"
-			:is-eyebrow-text-uppercase="isEyebrowTextUppercase"
-			:state="state"
-			:text-ellipsis="textEllipsis"
-			:text="text"
-		/>`,c=()=>({ICONS:Object.freeze(e)}),r={interactive:!0,iconLeft:null,iconRight:null,isIconRightHiddenOnMobile:!1,text:"this is a text text",eyebrowText:"this is an eyebrowText text",additionalText:"",isEyebrowTextUppercase:!1,state:t.DEFAULT,eyebrowEllipsis:!0,textEllipsis:!0,color:i.NEUTRAL},a={iconLeft:{control:"select",options:[null,...Object.keys(e)]},iconRight:{control:"select",options:[null,...Object.keys(e)]},color:{control:"select",options:[...Object.values(i)]},state:{control:"select",options:[...Object.values(t)]}};export{a,r as b,c as d,n as t};

package/docs/assets/Tile.stories-CyUALbL8.js

@@ -1,14 +0,0 @@
-import{b as a,T as l}from"./Tile-ByPW4b0z.js";import{d,t as T,a as x,b as m}from"./Tile.sb.shared-5_km-AW6.js";import{w as g}from"./decorator-CSnIf-k5.js";import"./Icon-CQ850_cO.js";import"./vue.esm-bundler-CzUSCRPq.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./v4-BZawosSj.js";const E={title:"Components/Tile",component:a,decorators:[g],render:p=>({components:{Tile:a},setup(){return p},data:d,template:T("tile")}),argTypes:x,parameters:{actions:{handles:["click"]},design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=1923%3A34378"}}},t={args:m},e={args:{...m,interactive:!1,iconLeft:null,iconRight:null,text:"this is a text text",eyebrowText:"this is an eyebrowText text",additionalText:"this is some additionalText",state:l.DEFAULT}};var s,r,i;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
-  args
-}`,...(i=(r=t.parameters)==null?void 0:r.docs)==null?void 0:i.source}}};var o,n,c;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`{
-  args: {
-    ...args,
-    interactive: false,
-    iconLeft: null,
-    iconRight: null,
-    text: 'this is a text text',
-    eyebrowText: 'this is an eyebrowText text',
-    additionalText: 'this is some additionalText',
-    state: TILE_STATES.DEFAULT
-  } as Args
-}`,...(c=(n=e.parameters)==null?void 0:n.docs)==null?void 0:c.source}}};const I=["Interactive","Static"];export{t as Interactive,e as Static,I as __namedExportsOrder,E as default};