@bethinkpl/design-system 26.5.0 → 26.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/dist/design-system.umd.cjs +17 -17
  2. package/dist/design-system.umd.cjs.map +1 -1
  3. package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.composables.d.ts +1 -1
  4. package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +23 -1
  5. package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts +4 -1
  6. package/dist/lib/js/components/Drawer/DrawerTile/DrawerTile.vue.d.ts +26 -0
  7. package/dist/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue.d.ts +26 -0
  8. package/dist/lib/js/components/Tile/Tile.consts.d.ts +5 -0
  9. package/dist/lib/js/components/Tile/Tile.shared.d.ts +6 -1
  10. package/dist/lib/js/components/Tile/Tile.vue.d.ts +15 -0
  11. package/docs/assets/{BasicRichListItem.stories-DtiXHviM.js → BasicRichListItem.stories-CW9os382.js} +1 -1
  12. package/docs/assets/{Color-ERTF36HU-BZlibAx3.js → Color-ERTF36HU-CqJ5SSs8.js} +1 -1
  13. package/docs/assets/DatePicker-Br-Dxnyn.js +2 -0
  14. package/docs/assets/DatePicker.stories-C4sN46Ws.js +175 -0
  15. package/docs/assets/DateRangePicker-B2xmoGPO.js +1 -0
  16. package/docs/assets/{DateRangePicker.stories-BcGHtCgE.js → DateRangePicker.stories-DGh5m4TF.js} +1 -1
  17. package/docs/assets/{DocsRenderer-CFRXHY34-Bw028q-m.js → DocsRenderer-CFRXHY34-CemqquOQ.js} +5 -5
  18. package/docs/assets/{DrawerTile-DRd90aW_.js → DrawerTile-OeT5gefI.js} +1 -1
  19. package/docs/assets/{DrawerTile.stories-B8jCAcpg.js → DrawerTile.stories-nBKWobdB.js} +1 -1
  20. package/docs/assets/{RichListItem.stories-WK5gz3vk.js → RichListItem.stories-B_DlwcQo.js} +1 -1
  21. package/docs/assets/{SelectListItemTile-CziQ20sD.js → SelectListItemTile-ohFw-wM4.js} +1 -1
  22. package/docs/assets/{SelectListItemTile.stories-jXlPEopR.js → SelectListItemTile.stories-BRCqpIYj.js} +1 -1
  23. package/docs/assets/{SelectionTile-C0MW2ZUn.js → SelectionTile-CjfV3f7H.js} +1 -1
  24. package/docs/assets/{SelectionTile.stories-mIPf1nUR.js → SelectionTile.stories-PT6dhdE2.js} +1 -1
  25. package/docs/assets/Tile-DjRk5xHI.js +1 -0
  26. package/docs/assets/{Tile.sb.shared-BZ0VDle3.js → Tile.sb.shared-Dt0Nhl_4.js} +1 -1
  27. package/docs/assets/{Tile.stories-LYYOeyyn.js → Tile.stories-lM4we8lW.js} +1 -1
  28. package/docs/assets/{iframe-Di5TkTnR.js → iframe-OBly2w25.js} +5 -5
  29. package/docs/assets/{index-SuPsQGgx.js → index-BX4u4pqi.js} +1 -1
  30. package/docs/assets/{index-Dyq6sUoy.js → index-DRNPKjaN.js} +1 -1
  31. package/docs/assets/{preview-BCrXVRij.js → preview-BA4xsxRI.js} +2 -2
  32. package/docs/assets/{preview-BRlPhK-p.js → preview-ByrBU2E6.js} +1 -1
  33. package/docs/iframe.html +1 -1
  34. package/docs/index.json +1 -1
  35. package/docs/project.json +1 -1
  36. package/lib/js/components/DatePickers/DatePicker/DatePicker.composables.ts +22 -1
  37. package/lib/js/components/DatePickers/DatePicker/DatePicker.stories.ts +26 -1
  38. package/lib/js/components/DatePickers/DatePicker/DatePicker.vue +19 -4
  39. package/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue +15 -2
  40. package/lib/js/components/Tile/Tile.consts.ts +7 -0
  41. package/lib/js/components/Tile/Tile.shared.ts +16 -1
  42. package/lib/js/components/Tile/Tile.vue +21 -3
  43. package/package.json +1 -1
  44. package/.yarnrc.yml +0 -1
  45. package/docs/assets/DatePicker-DfNJw-NT.js +0 -2
  46. package/docs/assets/DatePicker.stories-CIo6kOIM.js +0 -95
  47. package/docs/assets/DateRangePicker-L4cDgxmU.js +0 -1
  48. package/docs/assets/Tile-DWASCVea.js +0 -1
@@ -1 +1 @@
1
- import{c as n,p as t}from"./Tile-DWASCVea.js";import{d as a,c as i,k as c,p,r as l,o as m}from"./vue.esm-bundler-CWlcb7ht.js";import{_ as d}from"./_plugin-vue_export-helper-DlAUqK2U.js";const o=a({name:"DrawerTile",components:{DsTile:n},props:t,emits:{click:()=>!0}}),_={class:"ds-drawerTile"};function f(e,s,u,k,w,D){const r=l("ds-tile");return m(),i("div",_,[c(r,p(e.$props,{onClick:s[0]||(s[0]=T=>e.$emit("click"))}),null,16)])}const y=d(o,[["render",f],["__scopeId","data-v-3aa8c837"]]);o.__docgenInfo={displayName:"DrawerTile",exportName:"default",description:"",tags:{},events:[{name:"click"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerTile/DrawerTile.vue"]};export{y as D};
1
+ import{c as n,p as t}from"./Tile-DjRk5xHI.js";import{d as a,c as i,k as c,p,r as l,o as m}from"./vue.esm-bundler-CWlcb7ht.js";import{_ as d}from"./_plugin-vue_export-helper-DlAUqK2U.js";const o=a({name:"DrawerTile",components:{DsTile:n},props:t,emits:{click:()=>!0}}),_={class:"ds-drawerTile"};function f(e,s,u,k,w,D){const r=l("ds-tile");return m(),i("div",_,[c(r,p(e.$props,{onClick:s[0]||(s[0]=T=>e.$emit("click"))}),null,16)])}const y=d(o,[["render",f],["__scopeId","data-v-3aa8c837"]]);o.__docgenInfo={displayName:"DrawerTile",exportName:"default",description:"",tags:{},events:[{name:"click"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerTile/DrawerTile.vue"]};export{y as D};
@@ -1,4 +1,4 @@
1
- import{D as o}from"./DrawerTile-DRd90aW_.js";import{a as p,b as n,t as m,d as i}from"./Tile.sb.shared-BZ0VDle3.js";import"./Tile-DWASCVea.js";import"./Icon-ChGia3n4.js";import"./vue.esm-bundler-CWlcb7ht.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Banner-BmKYBJ1B.js";import"./Button-DVtHJ-a3.js";import"./Divider-4HN2u4Et.js";import"./IconButton-rhUVXzuc.js";import"./device-9fgosCm4.js";const _={title:"Components/Drawer/DrawerTile",component:o},c=s=>({components:{DrawerTile:o},setup(){return s},template:m("drawer-tile"),data:i}),e=c.bind({});e.argTypes=p;e.args=n;e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=6785-111025&t=pzyp7YuJcnGNBfS5-4"}};var r,t,a;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.docs,source:{originalSource:`args => ({
1
+ import{D as o}from"./DrawerTile-OeT5gefI.js";import{a as p,b as n,t as m,d as i}from"./Tile.sb.shared-Dt0Nhl_4.js";import"./Tile-DjRk5xHI.js";import"./Icon-ChGia3n4.js";import"./vue.esm-bundler-CWlcb7ht.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Banner-BmKYBJ1B.js";import"./Button-DVtHJ-a3.js";import"./Divider-4HN2u4Et.js";import"./IconButton-rhUVXzuc.js";import"./device-9fgosCm4.js";const _={title:"Components/Drawer/DrawerTile",component:o},c=s=>({components:{DrawerTile:o},setup(){return s},template:m("drawer-tile"),data:i}),e=c.bind({});e.argTypes=p;e.args=n;e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=6785-111025&t=pzyp7YuJcnGNBfS5-4"}};var r,t,a;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.docs,source:{originalSource:`args => ({
2
2
  components: {
3
3
  DrawerTile
4
4
  },
@@ -1,4 +1,4 @@
1
- import{i as n,R as l,a as c,b as m,c as d,d as _,e as p,f}from"./GroupRichListItem-DEqhXKuF.js";import{c as g,I as s}from"./Icon-ChGia3n4.js";import"./BadgeScore-C0Ghj-5s.js";import"./Banner-BmKYBJ1B.js";import"./Button-DVtHJ-a3.js";import"./ToggleButton-APZXu2t7.js";import"./Card-CbIL2Iiq.js";import"./CardExpandable-DvrXNsTR.js";import"./DatePicker-DfNJw-NT.js";import"./DateRangePicker-L4cDgxmU.js";import"./Divider-4HN2u4Et.js";import"./FeatureIcon-B09zj5Bd.js";import"./IconButton-rhUVXzuc.js";import"./string-BIzBNuWk.js";import"./Modal-xys3UXAy.js";import"./ModalDialog-C79kCvIP.js";import"./NumberInCircle-Cqbd2PUf.js";import"./TabItem-GC7LQNvp.js";import"./Tile-DWASCVea.js";import"./Toast-Dgoj-mgi.js";import"./AccessStatus-Dz1vfbnh.js";import"./BlockadeStatus-4Zx578QV.js";import"./SurveyToggle-CyohUVKo.js";import"./SurveyQuestionScale-OhARHAbk.js";import"./SurveyQuestionOpenEnded-7vjfdqDE.js";import"./SectionHeader-C2Y0CGjY.js";import"./PageHeader-CwyCLKPQ.js";import"./SectionTitle-B1v2FcuB.js";import"./Drawer-DRYKGdtt.js";import"./DrawerContent-CY64oeID.js";import"./DrawerDivider-B6matEEg.js";import"./DrawerHeader-kxEGS3hp.js";import"./DrawerListItem-k3WHGFah.js";import"./DrawerListItemGroup-B40g16RV.js";import"./DrawerTile-DRd90aW_.js";import"./DrawerSection-DIeDQFNf.js";import"./OutlineItem-B0GAacWf.js";import"./OutlineDivider-9phD7EaD.js";import"./OutlineSectionHeader-BDh6TrVb.js";import"./Chip-D-3z8YPj.js";import"./CounterToggle-FQNWJcH5.js";import"./SelectList-CiuxFUk4.js";import"./SelectListItem-BU_U7IZs.js";import"./SelectListItemDivider-CIueguWt.js";import"./SelectListItemToggle-C1VDDxAm.js";import"./SelectListItemTile-CziQ20sD.js";import"./SelectListSectionTitle-DBd3RwED.js";import"./SelectionTile-C0MW2ZUn.js";import"./LoadingBar-BeOPZFzu.js";import"./PopOver-CQVq9c4Z.js";import"./Dropdown-CR-eIdCF.js";import"./ProgressBar-3iykKXJT.js";import"./ProgressDonutChart-6EInE7M5.js";import"./IconText-CKA7x6Oe.js";import"./Pagination-XlcLXTgM.js";import"./OverlayHeader--26-GHPy.js";import"./Well-DSgC9yDa.js";import"./ThreeColumnLayout-BR3bkVIs.js";import"./BasicRichListItem-Ctm7LWMn.js";import"./Switch-BtYFtHgw.js";import"./TextGroup-lwPvABi6.js";import"./Tooltip-Cni6OHo9.js";import{I as y}from"./Image-BF_Kx0up.js";import"./Skeleton-Budxm1Jq.js";import{w as x}from"./decorator-CSnIf-k5.js";import"./vue.esm-bundler-CWlcb7ht.js";import"./Checkbox-Bk9Hyj7u.js";import"./SelectionControl-DEv8iTfR.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./iframe-Di5TkTnR.js";import"../sb-preview/runtime.js";import"./device-9fgosCm4.js";import"./user-_JB5aHqq.js";import"./vue-popper-CpfGMX4Q.js";import"./_commonjsHelpers-Chg3vePA.js";import"./v4-BZawosSj.js";const{useArgs:S}=__STORYBOOK_MODULE_PREVIEW_API__,Je={title:"Components/RichList/RichListItem",component:n,decorators:[e=>({components:{story:e},template:"<div style='display: flex;padding: 16px;'><story /></div>"}),x]},O=(e,a={})=>(e.argTypes={type:{options:Object.values(l),control:"select"},size:{options:Object.values(c),control:"select"},layout:{options:Object.values(m),control:{type:"select"}},state:{options:Object.values(d),control:"select"},iconColor:{options:Object.values(g),control:"select"},borderColor:{options:[null,...Object.values(_)],control:"select"},icon:{options:[null,...Object.keys(s)],control:"select"},iconColorHex:{control:"text"},borderColorHex:{control:"text"},content:{control:"text"},metadata:{control:"text"},actions:{control:"text"},draggableIconClassName:{control:"text"},backgroundColor:{options:[null,...Object.values(p)],control:"select"},elevation:{options:[null,...Object.values(f)],control:"select"}},e.args={size:c.MEDIUM,type:l.DEFAULT,layout:m.HORIZONTAL,backgroundColor:p.NEUTRAL,elevation:null,isDimmed:!1,isDraggable:!0,hasDraggableHandler:!0,icon:null,iconColor:g.NEUTRAL_WEAK,iconColorHex:"",hasActionsSlotDivider:!0,isSelectable:!0,isSelected:!0,borderColor:null,borderColorHex:"",state:d.DEFAULT,isInteractive:!0,draggableIconClassName:"draggableIconClassName-1",content:"Content Slot",metadata:"Metadata Slot",actions:"ACS",...a},e.parameters={actions:{handles:["icon-click","click","update:is-selected"]},layout:"fullscreen",design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?type=design&node-id=8507-129603&mode=design&t=dC5vBzU9RlP1j7G2-4"}},e),D=e=>{const[a,i]=S();return{components:{RichListItem:n},setup(){return e},data(){return{ICONS:Object.freeze(s)}},methods:{updateIsSelected(r){i({isSelected:r})}},template:`
1
+ import{i as n,R as l,a as c,b as m,c as d,d as _,e as p,f}from"./GroupRichListItem-DEqhXKuF.js";import{c as g,I as s}from"./Icon-ChGia3n4.js";import"./BadgeScore-C0Ghj-5s.js";import"./Banner-BmKYBJ1B.js";import"./Button-DVtHJ-a3.js";import"./ToggleButton-APZXu2t7.js";import"./Card-CbIL2Iiq.js";import"./CardExpandable-DvrXNsTR.js";import"./DatePicker-Br-Dxnyn.js";import"./DateRangePicker-B2xmoGPO.js";import"./Divider-4HN2u4Et.js";import"./FeatureIcon-B09zj5Bd.js";import"./IconButton-rhUVXzuc.js";import"./string-BIzBNuWk.js";import"./Modal-xys3UXAy.js";import"./ModalDialog-C79kCvIP.js";import"./NumberInCircle-Cqbd2PUf.js";import"./TabItem-GC7LQNvp.js";import"./Tile-DjRk5xHI.js";import"./Toast-Dgoj-mgi.js";import"./AccessStatus-Dz1vfbnh.js";import"./BlockadeStatus-4Zx578QV.js";import"./SurveyToggle-CyohUVKo.js";import"./SurveyQuestionScale-OhARHAbk.js";import"./SurveyQuestionOpenEnded-7vjfdqDE.js";import"./SectionHeader-C2Y0CGjY.js";import"./PageHeader-CwyCLKPQ.js";import"./SectionTitle-B1v2FcuB.js";import"./Drawer-DRYKGdtt.js";import"./DrawerContent-CY64oeID.js";import"./DrawerDivider-B6matEEg.js";import"./DrawerHeader-kxEGS3hp.js";import"./DrawerListItem-k3WHGFah.js";import"./DrawerListItemGroup-B40g16RV.js";import"./DrawerTile-OeT5gefI.js";import"./DrawerSection-DIeDQFNf.js";import"./OutlineItem-B0GAacWf.js";import"./OutlineDivider-9phD7EaD.js";import"./OutlineSectionHeader-BDh6TrVb.js";import"./Chip-D-3z8YPj.js";import"./CounterToggle-FQNWJcH5.js";import"./SelectList-CiuxFUk4.js";import"./SelectListItem-BU_U7IZs.js";import"./SelectListItemDivider-CIueguWt.js";import"./SelectListItemToggle-C1VDDxAm.js";import"./SelectListItemTile-ohFw-wM4.js";import"./SelectListSectionTitle-DBd3RwED.js";import"./SelectionTile-CjfV3f7H.js";import"./LoadingBar-BeOPZFzu.js";import"./PopOver-CQVq9c4Z.js";import"./Dropdown-CR-eIdCF.js";import"./ProgressBar-3iykKXJT.js";import"./ProgressDonutChart-6EInE7M5.js";import"./IconText-CKA7x6Oe.js";import"./Pagination-XlcLXTgM.js";import"./OverlayHeader--26-GHPy.js";import"./Well-DSgC9yDa.js";import"./ThreeColumnLayout-BR3bkVIs.js";import"./BasicRichListItem-Ctm7LWMn.js";import"./Switch-BtYFtHgw.js";import"./TextGroup-lwPvABi6.js";import"./Tooltip-Cni6OHo9.js";import{I as y}from"./Image-BF_Kx0up.js";import"./Skeleton-Budxm1Jq.js";import{w as x}from"./decorator-CSnIf-k5.js";import"./vue.esm-bundler-CWlcb7ht.js";import"./Checkbox-Bk9Hyj7u.js";import"./SelectionControl-DEv8iTfR.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./iframe-OBly2w25.js";import"../sb-preview/runtime.js";import"./device-9fgosCm4.js";import"./user-_JB5aHqq.js";import"./vue-popper-CpfGMX4Q.js";import"./_commonjsHelpers-Chg3vePA.js";import"./v4-BZawosSj.js";const{useArgs:S}=__STORYBOOK_MODULE_PREVIEW_API__,Je={title:"Components/RichList/RichListItem",component:n,decorators:[e=>({components:{story:e},template:"<div style='display: flex;padding: 16px;'><story /></div>"}),x]},O=(e,a={})=>(e.argTypes={type:{options:Object.values(l),control:"select"},size:{options:Object.values(c),control:"select"},layout:{options:Object.values(m),control:{type:"select"}},state:{options:Object.values(d),control:"select"},iconColor:{options:Object.values(g),control:"select"},borderColor:{options:[null,...Object.values(_)],control:"select"},icon:{options:[null,...Object.keys(s)],control:"select"},iconColorHex:{control:"text"},borderColorHex:{control:"text"},content:{control:"text"},metadata:{control:"text"},actions:{control:"text"},draggableIconClassName:{control:"text"},backgroundColor:{options:[null,...Object.values(p)],control:"select"},elevation:{options:[null,...Object.values(f)],control:"select"}},e.args={size:c.MEDIUM,type:l.DEFAULT,layout:m.HORIZONTAL,backgroundColor:p.NEUTRAL,elevation:null,isDimmed:!1,isDraggable:!0,hasDraggableHandler:!0,icon:null,iconColor:g.NEUTRAL_WEAK,iconColorHex:"",hasActionsSlotDivider:!0,isSelectable:!0,isSelected:!0,borderColor:null,borderColorHex:"",state:d.DEFAULT,isInteractive:!0,draggableIconClassName:"draggableIconClassName-1",content:"Content Slot",metadata:"Metadata Slot",actions:"ACS",...a},e.parameters={actions:{handles:["icon-click","click","update:is-selected"]},layout:"fullscreen",design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?type=design&node-id=8507-129603&mode=design&t=dC5vBzU9RlP1j7G2-4"}},e),D=e=>{const[a,i]=S();return{components:{RichListItem:n},setup(){return e},data(){return{ICONS:Object.freeze(s)}},methods:{updateIsSelected(r){i({isSelected:r})}},template:`
2
2
  <rich-list-item
3
3
  :size="size"
4
4
  :type="type"
@@ -1 +1 @@
1
- import{c as s,p as i}from"./Tile-DWASCVea.js";import{d as r,c as l,k as n,r as a,o as c}from"./vue.esm-bundler-CWlcb7ht.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t=r({name:"SelectListItemTile",components:{DsTile:s},props:i}),d={class:"ds-selectListItemTile"};function m(e,f,b,y,T,u){const o=a("ds-tile");return c(),l("div",d,[n(o,{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,"border-color":e.borderColor},null,8,["interactive","icon-left","icon-right","text","eyebrow-text","additional-text","color","is-eyebrow-text-uppercase","state","eyebrow-ellipsis","text-ellipsis","border-color"])])}const g=p(t,[["render",m],["__scopeId","data-v-0afe46d9"]]);t.__docgenInfo={displayName:"SelectListItemTile",exportName:"default",description:"",tags:{},sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue"]};export{g as S};
1
+ import{c as s,p as i}from"./Tile-DjRk5xHI.js";import{d as r,c as l,k as n,r as a,o as c}from"./vue.esm-bundler-CWlcb7ht.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t=r({name:"SelectListItemTile",components:{DsTile:s},props:i}),d={class:"ds-selectListItemTile"};function m(e,f,b,y,T,u){const o=a("ds-tile");return c(),l("div",d,[n(o,{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,"border-color":e.borderColor},null,8,["interactive","icon-left","icon-right","text","eyebrow-text","additional-text","color","is-eyebrow-text-uppercase","state","eyebrow-ellipsis","text-ellipsis","border-color"])])}const g=p(t,[["render",m],["__scopeId","data-v-0afe46d9"]]);t.__docgenInfo={displayName:"SelectListItemTile",exportName:"default",description:"",tags:{},sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue"]};export{g as S};
@@ -1,4 +1,4 @@
1
- import{S as a}from"./SelectListItemTile-CziQ20sD.js";import{a as g}from"./Tile-DWASCVea.js";import{a as c,b as l,t as d,d as T}from"./Tile.sb.shared-BZ0VDle3.js";import{w as u}from"./decorator-CSnIf-k5.js";import"./vue.esm-bundler-CWlcb7ht.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Icon-ChGia3n4.js";import"./Banner-BmKYBJ1B.js";import"./Button-DVtHJ-a3.js";import"./Divider-4HN2u4Et.js";import"./IconButton-rhUVXzuc.js";import"./device-9fgosCm4.js";import"./v4-BZawosSj.js";const R={title:"Components/SelectList/SelectListItemTile",component:a,decorators:[u]},S=s=>({components:{SelectListItemTile:a},setup(){return s},template:d("select-list-item-tile"),data:T}),t=S.bind({});t.argTypes=c;t.args=l;t.parameters={actions:{handles:["click"]},design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?type=design&node-id=5367-94239&t=GqiOb5BFRTyJrsv8-4"}};const f=s=>({components:{SelectListItemTile:a},setup(){return s},template:d("select-list-item-tile"),data:T}),e=f.bind({});e.argTypes=c;e.args={...l,interactive:!1,iconLeft:null,iconRight:null,text:"this is a text text",eyebrowText:"this is an eyebrowText text",additionalText:"this is some additionalText",state:g.DEFAULT};var i,r,o;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`args => ({
1
+ import{S as a}from"./SelectListItemTile-ohFw-wM4.js";import{a as g}from"./Tile-DjRk5xHI.js";import{a as c,b as l,t as d,d as T}from"./Tile.sb.shared-Dt0Nhl_4.js";import{w as u}from"./decorator-CSnIf-k5.js";import"./vue.esm-bundler-CWlcb7ht.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Icon-ChGia3n4.js";import"./Banner-BmKYBJ1B.js";import"./Button-DVtHJ-a3.js";import"./Divider-4HN2u4Et.js";import"./IconButton-rhUVXzuc.js";import"./device-9fgosCm4.js";import"./v4-BZawosSj.js";const R={title:"Components/SelectList/SelectListItemTile",component:a,decorators:[u]},S=s=>({components:{SelectListItemTile:a},setup(){return s},template:d("select-list-item-tile"),data:T}),t=S.bind({});t.argTypes=c;t.args=l;t.parameters={actions:{handles:["click"]},design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?type=design&node-id=5367-94239&t=GqiOb5BFRTyJrsv8-4"}};const f=s=>({components:{SelectListItemTile:a},setup(){return s},template:d("select-list-item-tile"),data:T}),e=f.bind({});e.argTypes=c;e.args={...l,interactive:!1,iconLeft:null,iconRight:null,text:"this is a text text",eyebrowText:"this is an eyebrowText text",additionalText:"this is some additionalText",state:g.DEFAULT};var i,r,o;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`args => ({
2
2
  components: {
3
3
  SelectListItemTile
4
4
  },
@@ -1,2 +1,2 @@
1
1
  const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./Checkbox-Bk9Hyj7u.js","./vue.esm-bundler-CWlcb7ht.js","./SelectionControl-DEv8iTfR.js","./Icon-ChGia3n4.js","./_plugin-vue_export-helper-DlAUqK2U.js","./RadioButton-zouOWpRs.js"])))=>i.map(i=>d[i]);
2
- import{_ as d}from"./iframe-Di5TkTnR.js";import{d as L,v as u,t as O,c as r,a as i,b as c,x as m,j as p,g as T,n as _,r as f,o as n}from"./vue.esm-bundler-CWlcb7ht.js";import{a as C,I as E,b as N}from"./Icon-ChGia3n4.js";import{a as o,b as A,S as g}from"./SelectionControl-DEv8iTfR.js";import{_ as D}from"./_plugin-vue_export-helper-DlAUqK2U.js";const a={RADIO_BUTTON:"radioButton",CHECKBOX:"checkbox"},t={DEFAULT:"default",DISABLED:"disabled",LOADING:"loading"},v={[t.DEFAULT]:o.DEFAULT,[t.LOADING]:o.LOADING,[t.DISABLED]:o.DISABLED},I=L({name:"SelectionTile",components:{SelectionControl:A,Icon:C,Checkbox:u(()=>d(()=>import("./Checkbox-Bk9Hyj7u.js").then(e=>e.b),__vite__mapDeps([0,1,2,3,4]),import.meta.url)),RadioButton:u(()=>d(()=>import("./RadioButton-zouOWpRs.js").then(e=>e.c),__vite__mapDeps([5,1,2,3,4]),import.meta.url))},props:{type:{type:String,default:a.RADIO_BUTTON,validator(e){return Object.values(a).includes(e)}},title:{type:String,required:!0},supportingText:{type:String,default:null},icon:{type:Object,default:null,validator(e){return Object.values(E).includes(O(e))}},isSelected:{type:Boolean,default:!1},state:{type:String,default:t.DEFAULT,validator(e){return Object.values(t).includes(e)}}},emits:["update:is-selected","icon-click"],data(){return{ICONS:Object.freeze(E),ICON_SIZES:Object.freeze(N),SELECTION_CONTROL_SIZE:Object.freeze(g),SELECTION_TILE_STATE:Object.freeze(t),SELECTION_TILE_TYPE:Object.freeze(a),SELECTION_CONTROL_STATE_MAP:v,inputIsFocused:!1}},computed:{isLoading(){return this.state===t.LOADING}},methods:{updateIsSelected(e){this.isLoading||this.state===t.DISABLED||this.$emit("update:is-selected",e)},onIconClick(e){this.isLoading||(e.stopPropagation(),this.$emit("icon-click"))},onInputFocus(){this.inputIsFocused=!0},onInputBlur(){this.inputIsFocused=!1}}}),b={class:"ds-selectionTile__wrapper"},y={class:"ds-selectionTile__textWrapper"},B={class:"ds-selectionTile__title"},k={key:0,class:"ds-selectionTile__supportingText"};function h(e,s,R,F,j,P){const S=f("icon");return n(),r("div",{class:_(["ds-selectionTile",[{"-ds-selected":e.isSelected,"-ds-default":e.state===e.SELECTION_TILE_STATE.DEFAULT,"-ds-disabled":e.state===e.SELECTION_TILE_STATE.DISABLED,"-ds-loading":e.isLoading,"-ds-focused":e.inputIsFocused&&!e.isLoading}]]),onClick:s[1]||(s[1]=l=>e.updateIsSelected(!e.isSelected))},[i("div",b,[(n(),c(m(e.type===e.SELECTION_TILE_TYPE.RADIO_BUTTON?"radio-button":"checkbox"),{size:e.SELECTION_CONTROL_SIZE.X_SMALL,"is-selected":e.isSelected,state:e.SELECTION_CONTROL_STATE_MAP[e.state],"onUpdate:isSelected":s[0]||(s[0]=l=>e.updateIsSelected(l)),"onInput:focus":e.onInputFocus,"onInput:blur":e.onInputBlur},null,40,["size","is-selected","state","onInput:focus","onInput:blur"])),i("div",y,[i("div",B,p(e.title),1),e.supportingText?(n(),r("div",k,p(e.supportingText),1)):T("",!0)])]),e.icon||e.isLoading?(n(),c(S,{key:0,class:"ds-selectionTile__icon",icon:e.isLoading?e.ICONS.FAD_SPINNER_THIRD:e.icon,size:e.ICON_SIZES.X_SMALL,spinning:e.isLoading,onClick:e.onIconClick},null,8,["icon","size","spinning","onClick"])):T("",!0)],2)}const G=D(I,[["render",h],["__scopeId","data-v-e2d48501"]]);I.__docgenInfo={displayName:"SelectionTile",exportName:"default",description:"",tags:{},props:[{name:"type",type:{name:"SelectionTileType"},defaultValue:{func:!1,value:"SELECTION_TILE_TYPE.RADIO_BUTTON"}},{name:"title",type:{name:"string"},required:!0},{name:"supportingText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"icon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"state",type:{name:"SelectionTileState"},defaultValue:{func:!1,value:"SELECTION_TILE_STATE.DEFAULT"}}],events:[{name:"update:is-selected",type:{names:["undefined"]}},{name:"icon-click"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/SelectionTile/SelectionTile.vue"]};export{G as S,a,t as b};
2
+ import{_ as d}from"./iframe-OBly2w25.js";import{d as L,v as u,t as O,c as r,a as i,b as c,x as m,j as p,g as T,n as _,r as f,o as n}from"./vue.esm-bundler-CWlcb7ht.js";import{a as C,I as E,b as N}from"./Icon-ChGia3n4.js";import{a as o,b as A,S as g}from"./SelectionControl-DEv8iTfR.js";import{_ as D}from"./_plugin-vue_export-helper-DlAUqK2U.js";const a={RADIO_BUTTON:"radioButton",CHECKBOX:"checkbox"},t={DEFAULT:"default",DISABLED:"disabled",LOADING:"loading"},v={[t.DEFAULT]:o.DEFAULT,[t.LOADING]:o.LOADING,[t.DISABLED]:o.DISABLED},I=L({name:"SelectionTile",components:{SelectionControl:A,Icon:C,Checkbox:u(()=>d(()=>import("./Checkbox-Bk9Hyj7u.js").then(e=>e.b),__vite__mapDeps([0,1,2,3,4]),import.meta.url)),RadioButton:u(()=>d(()=>import("./RadioButton-zouOWpRs.js").then(e=>e.c),__vite__mapDeps([5,1,2,3,4]),import.meta.url))},props:{type:{type:String,default:a.RADIO_BUTTON,validator(e){return Object.values(a).includes(e)}},title:{type:String,required:!0},supportingText:{type:String,default:null},icon:{type:Object,default:null,validator(e){return Object.values(E).includes(O(e))}},isSelected:{type:Boolean,default:!1},state:{type:String,default:t.DEFAULT,validator(e){return Object.values(t).includes(e)}}},emits:["update:is-selected","icon-click"],data(){return{ICONS:Object.freeze(E),ICON_SIZES:Object.freeze(N),SELECTION_CONTROL_SIZE:Object.freeze(g),SELECTION_TILE_STATE:Object.freeze(t),SELECTION_TILE_TYPE:Object.freeze(a),SELECTION_CONTROL_STATE_MAP:v,inputIsFocused:!1}},computed:{isLoading(){return this.state===t.LOADING}},methods:{updateIsSelected(e){this.isLoading||this.state===t.DISABLED||this.$emit("update:is-selected",e)},onIconClick(e){this.isLoading||(e.stopPropagation(),this.$emit("icon-click"))},onInputFocus(){this.inputIsFocused=!0},onInputBlur(){this.inputIsFocused=!1}}}),b={class:"ds-selectionTile__wrapper"},y={class:"ds-selectionTile__textWrapper"},B={class:"ds-selectionTile__title"},k={key:0,class:"ds-selectionTile__supportingText"};function h(e,s,R,F,j,P){const S=f("icon");return n(),r("div",{class:_(["ds-selectionTile",[{"-ds-selected":e.isSelected,"-ds-default":e.state===e.SELECTION_TILE_STATE.DEFAULT,"-ds-disabled":e.state===e.SELECTION_TILE_STATE.DISABLED,"-ds-loading":e.isLoading,"-ds-focused":e.inputIsFocused&&!e.isLoading}]]),onClick:s[1]||(s[1]=l=>e.updateIsSelected(!e.isSelected))},[i("div",b,[(n(),c(m(e.type===e.SELECTION_TILE_TYPE.RADIO_BUTTON?"radio-button":"checkbox"),{size:e.SELECTION_CONTROL_SIZE.X_SMALL,"is-selected":e.isSelected,state:e.SELECTION_CONTROL_STATE_MAP[e.state],"onUpdate:isSelected":s[0]||(s[0]=l=>e.updateIsSelected(l)),"onInput:focus":e.onInputFocus,"onInput:blur":e.onInputBlur},null,40,["size","is-selected","state","onInput:focus","onInput:blur"])),i("div",y,[i("div",B,p(e.title),1),e.supportingText?(n(),r("div",k,p(e.supportingText),1)):T("",!0)])]),e.icon||e.isLoading?(n(),c(S,{key:0,class:"ds-selectionTile__icon",icon:e.isLoading?e.ICONS.FAD_SPINNER_THIRD:e.icon,size:e.ICON_SIZES.X_SMALL,spinning:e.isLoading,onClick:e.onIconClick},null,8,["icon","size","spinning","onClick"])):T("",!0)],2)}const G=D(I,[["render",h],["__scopeId","data-v-e2d48501"]]);I.__docgenInfo={displayName:"SelectionTile",exportName:"default",description:"",tags:{},props:[{name:"type",type:{name:"SelectionTileType"},defaultValue:{func:!1,value:"SELECTION_TILE_TYPE.RADIO_BUTTON"}},{name:"title",type:{name:"string"},required:!0},{name:"supportingText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"icon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"state",type:{name:"SelectionTileState"},defaultValue:{func:!1,value:"SELECTION_TILE_STATE.DEFAULT"}}],events:[{name:"update:is-selected",type:{names:["undefined"]}},{name:"icon-click"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/SelectionTile/SelectionTile.vue"]};export{G as S,a,t as b};
@@ -1,4 +1,4 @@
1
- import{S as i,a as c,b as l}from"./SelectionTile-C0MW2ZUn.js";import{I as r}from"./Icon-ChGia3n4.js";import{w as d}from"./decorator-CSnIf-k5.js";import"./iframe-Di5TkTnR.js";import"../sb-preview/runtime.js";import"./vue.esm-bundler-CWlcb7ht.js";import"./SelectionControl-DEv8iTfR.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./v4-BZawosSj.js";const{useArgs:m}=__STORYBOOK_MODULE_PREVIEW_API__,k={title:"Components/SelectionTile",component:i,decorators:[t=>({components:{story:t},template:"<div style='display: flex; max-width: 300px;'><story /></div>"}),d]},S=t=>{const[u,p]=m();return{components:{SelectionTile:i},setup(){return t},methods:{onIsSelectedUpdated(a){p({isSelected:a})},onIconClick(){alert("Klik w ikonę")}},data(){return{ICONS:Object.freeze(r)}},template:`
1
+ import{S as i,a as c,b as l}from"./SelectionTile-CjfV3f7H.js";import{I as r}from"./Icon-ChGia3n4.js";import{w as d}from"./decorator-CSnIf-k5.js";import"./iframe-OBly2w25.js";import"../sb-preview/runtime.js";import"./vue.esm-bundler-CWlcb7ht.js";import"./SelectionControl-DEv8iTfR.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./v4-BZawosSj.js";const{useArgs:m}=__STORYBOOK_MODULE_PREVIEW_API__,k={title:"Components/SelectionTile",component:i,decorators:[t=>({components:{story:t},template:"<div style='display: flex; max-width: 300px;'><story /></div>"}),d]},S=t=>{const[u,p]=m();return{components:{SelectionTile:i},setup(){return t},methods:{onIsSelectedUpdated(a){p({isSelected:a})},onIconClick(){alert("Klik w ikonę")}},data(){return{ICONS:Object.freeze(r)}},template:`
2
2
  <SelectionTile
3
3
  :title="title"
4
4
  :supporting-text="supportingText"
@@ -0,0 +1 @@
1
+ import{I as u,a as T,b as p}from"./Icon-ChGia3n4.js";import{t as I,d as S,r as L,o as s,c as l,b as o,g as r,a as A,n as i,j as d}from"./vue.esm-bundler-CWlcb7ht.js";import{_}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t={NEUTRAL:"neutral",NEUTRAL_WEAK:"neutralWeak",PRIMARY:"primary",SUCCESS:"success",FAIL:"fail",DANGER:"danger",WARNING:"warning",INFO:"info"},a={DEFAULT:"default",DISABLED:"disabled",LOADING:"loading"},v={NEUTRAL:"neutral",NEUTRAL_WEAK:"neutralWeak",PRIMARY:"primary",PRIMARY_WEAK:"primaryWeak",SUCCESS:"success",SUCCESS_WEAK:"successWeak",FAIL:"fail",FAIL_WEAK:"failWeak",DANGER:"danger",DANGER_WEAK:"dangerWeak",WARNING:"warning",WARNING_WEAK:"warningWeak",INFO:"info",INFO_WEAK:"infoWeak"},c={SMALL:"small",MEDIUM:"medium"},f={interactive:{type:Boolean,default:!1},iconLeft:{type:Object,default:null,validator(e){return Object.values(u).includes(I(e))}},iconRight:{type:Object,default:null,validator(e){return Object.values(u).includes(I(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:a.DEFAULT,validator(e){return Object.values(a).includes(e)}},eyebrowEllipsis:{type:Boolean,default:!0},textEllipsis:{type:Boolean,default:!0},borderColor:{type:String,default:null},additionalTextMaxWidth:{type:String,default:c.SMALL,validator(e){return Object.values(c).includes(e)}}},E=S({name:"Tile",components:{DsIcon:T},props:f,data(){return{ICONS:Object.freeze(u),ICON_SIZES:Object.freeze(p),TILE_STATES:Object.freeze(a),TILE_ADDITIONAL_TEXT_MAX_WIDTHS:Object.freeze(c)}},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.DANGER]:"-ds-danger",[t.WARNING]:"-ds-warning",[t.INFO]:"-ds-info"}[this.color]},tileState(){return{[a.DEFAULT]:null,[a.DISABLED]:"-ds-disabled",[a.LOADING]:"-ds-loading"}[this.state]}}}),N={class:"ds-tile__center"},O=["textContent"],R=["textContent"];function m(e,y,b,D,g,C){const n=L("ds-icon");return s(),l("div",{class:i([[e.tileColor,e.tileState,{"-ds-interactive":e.interactive,[`-ds-border-${e.borderColor}`]:e.borderColor!==null}],"ds-tile"])},[e.iconLeft?(s(),o(n,{key:0,icon:e.iconLeft,size:e.ICON_SIZES.SMALL,class:"ds-tile__iconLeft"},null,8,["icon","size"])):r("",!0),A("div",N,[e.eyebrowText?(s(),l("span",{key:0,class:i(["ds-tile__eyebrowText",{"-ds-uppercase":e.isEyebrowTextUppercase,"-ds-ellipsis":e.eyebrowEllipsis}]),textContent:d(e.eyebrowText)},null,10,O)):r("",!0),A("span",{class:i(["ds-tile__text",{"-ds-ellipsis":e.textEllipsis}]),textContent:d(e.text)},null,10,R)]),e.state===e.TILE_STATES.LOADING?(s(),o(n,{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(),o(n,{key:2,class:i(["ds-tile__iconRight",{"-ds-hiddenOnMobile":e.isIconRightHiddenOnMobile}]),icon:e.iconRight,size:e.ICON_SIZES.SMALL},null,8,["class","icon","size"])):e.additionalText?(s(),l("div",{key:3,class:i(["ds-tile__additionalText",{"-ds-max-width-small":e.additionalTextMaxWidth===e.TILE_ADDITIONAL_TEXT_MAX_WIDTHS.SMALL,"-ds-max-width-medium":e.additionalTextMaxWidth===e.TILE_ADDITIONAL_TEXT_MAX_WIDTHS.MEDIUM}])},d(e.additionalText),3)):r("",!0)],2)}const k=_(E,[["render",m],["__scopeId","data-v-4d92feb4"]]);E.__docgenInfo={displayName:"Tile",exportName:"default",description:"",tags:{},sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Tile/Tile.vue"]};export{t as T,a,v as b,k as c,c as d,f as p};
@@ -1,4 +1,4 @@
1
- import{I as t}from"./Icon-ChGia3n4.js";import{T as o,a as r,b as e}from"./Tile-DWASCVea.js";import{a as l,B as i}from"./Banner-BmKYBJ1B.js";const R=s=>`
1
+ import{I as t}from"./Icon-ChGia3n4.js";import{T as o,a as r,b as e}from"./Tile-DjRk5xHI.js";import{a as l,B as i}from"./Banner-BmKYBJ1B.js";const R=s=>`
2
2
  <div style="display: flex; row-gap: 16px; flex-direction: column">
3
3
  <${s}
4
4
  :additional-text="additionalText"
@@ -1,4 +1,4 @@
1
- import{c as a,a as d}from"./Tile-DWASCVea.js";import{c as l,d as T,t as x,a as g,b as p}from"./Tile.sb.shared-BZ0VDle3.js";import{w as f}from"./decorator-CSnIf-k5.js";import"./Icon-ChGia3n4.js";import"./vue.esm-bundler-CWlcb7ht.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Banner-BmKYBJ1B.js";import"./Button-DVtHJ-a3.js";import"./Divider-4HN2u4Et.js";import"./IconButton-rhUVXzuc.js";import"./device-9fgosCm4.js";import"./v4-BZawosSj.js";const D={title:"Components/Tile",component:a,decorators:[f],render:c=>({components:{...l,Tile:a},setup(){return c},data:T,template:x("tile")}),argTypes:g,parameters:{actions:{handles:["click"]},design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=1923%3A34378"}}},t={args:p},e={args:{...p,interactive:!1,text:"this is a text text",eyebrowText:"this is an eyebrowText text",additionalText:"this is some additionalText",state:d.DEFAULT}};var s,r,o;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
1
+ import{c as a,a as d}from"./Tile-DjRk5xHI.js";import{c as l,d as T,t as x,a as g,b as p}from"./Tile.sb.shared-Dt0Nhl_4.js";import{w as f}from"./decorator-CSnIf-k5.js";import"./Icon-ChGia3n4.js";import"./vue.esm-bundler-CWlcb7ht.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Banner-BmKYBJ1B.js";import"./Button-DVtHJ-a3.js";import"./Divider-4HN2u4Et.js";import"./IconButton-rhUVXzuc.js";import"./device-9fgosCm4.js";import"./v4-BZawosSj.js";const D={title:"Components/Tile",component:a,decorators:[f],render:c=>({components:{...l,Tile:a},setup(){return c},data:T,template:x("tile")}),argTypes:g,parameters:{actions:{handles:["click"]},design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=1923%3A34378"}}},t={args:p},e={args:{...p,interactive:!1,text:"this is a text text",eyebrowText:"this is an eyebrowText text",additionalText:"this is some additionalText",state:d.DEFAULT}};var s,r,o;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
2
2
  args
3
3
  }`,...(o=(r=t.parameters)==null?void 0:r.docs)==null?void 0:o.source}}};var i,n,m;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`{
4
4
  args: {