@bethinkpl/design-system 26.3.2 → 26.5.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 (184) hide show
  1. package/.yarnrc.yml +1 -0
  2. package/dist/design-system.umd.cjs +18 -18
  3. package/dist/design-system.umd.cjs.map +1 -1
  4. package/dist/lib/js/components/Banner/Banner.vue.d.ts +4 -0
  5. package/dist/lib/js/components/Buttons/Button/Button.vue.d.ts +1 -0
  6. package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +2 -0
  7. package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +1 -0
  8. package/dist/lib/js/components/Chip/Chip.vue.d.ts +3 -0
  9. package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +10 -7
  10. package/dist/lib/js/components/DatePickers/DatePickerBox/DatePickerBox.vue.d.ts +1 -0
  11. package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts +1 -0
  12. package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue.d.ts +7 -0
  13. package/dist/lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue.d.ts +1 -0
  14. package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts +4 -0
  15. package/dist/lib/js/components/Drawer/DrawerTile/DrawerTile.vue.d.ts +15 -14
  16. package/dist/lib/js/components/Form/Checkbox/Checkbox.vue.d.ts +1 -0
  17. package/dist/lib/js/components/Form/RadioButton/RadioButton.vue.d.ts +1 -0
  18. package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +13 -0
  19. package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts +3 -0
  20. package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts +1 -0
  21. package/dist/lib/js/components/Modal/Modal.vue.d.ts +1 -0
  22. package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +4 -0
  23. package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +4 -0
  24. package/dist/lib/js/components/Outline/OutlineItem/OutlineItem.vue.d.ts +2 -0
  25. package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +4 -0
  26. package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +1 -0
  27. package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.vue.d.ts +1 -0
  28. package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +124 -0
  29. package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts +2 -0
  30. package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.vue.d.ts +1 -0
  31. package/dist/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue.d.ts +15 -14
  32. package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts +1 -0
  33. package/dist/lib/js/components/SelectionTile/SelectionTile.vue.d.ts +3 -0
  34. package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +1 -0
  35. package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +1 -0
  36. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +5 -0
  37. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +5 -0
  38. package/dist/lib/js/components/Switch/Switch.vue.d.ts +1 -0
  39. package/dist/lib/js/components/TextGroup/TextGroup.vue.d.ts +121 -0
  40. package/dist/lib/js/components/Tile/Tile.consts.d.ts +17 -0
  41. package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts +1463 -0
  42. package/dist/lib/js/components/Tile/Tile.shared.d.ts +4 -4
  43. package/dist/lib/js/components/Tile/Tile.vue.d.ts +8 -7
  44. package/dist/lib/js/components/Toast/Toast.vue.d.ts +1 -0
  45. package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts +1 -0
  46. package/dist/lib/js/components/Tooltip/Tooltip.vue.d.ts +10 -0
  47. package/dist/lib/js/icons/fontawesome.d.ts +1 -0
  48. package/docs/assets/{AccessStatus-KfjdezRr.js → AccessStatus-Dz1vfbnh.js} +1 -1
  49. package/docs/assets/{AccessStatus.stories-B-FW84re.js → AccessStatus.stories-BC2FqmS7.js} +1 -1
  50. package/docs/assets/{BadgeScore-BYJ9mn5O.js → BadgeScore-C0Ghj-5s.js} +1 -1
  51. package/docs/assets/{BadgeScore.stories-BY5eZiIr.js → BadgeScore.stories-DQOL_ZiP.js} +1 -1
  52. package/docs/assets/{Banner-BSU1gXM_.js → Banner-BmKYBJ1B.js} +1 -1
  53. package/docs/assets/{Banner.stories-B740yP5P.js → Banner.stories-BPHdgNAZ.js} +1 -1
  54. package/docs/assets/BasicRichListItem-Ctm7LWMn.js +1 -0
  55. package/docs/assets/{BasicRichListItem.stories-2Mp5GNiG.js → BasicRichListItem.stories-DtiXHviM.js} +9 -5
  56. package/docs/assets/{BlockadeStatus-37PTgF2i.js → BlockadeStatus-4Zx578QV.js} +1 -1
  57. package/docs/assets/{BlockedeStatus.stories-DZBnuXNP.js → BlockedeStatus.stories-CeCB1B6k.js} +1 -1
  58. package/docs/assets/{Button-Dh75PBKU.js → Button-DVtHJ-a3.js} +1 -1
  59. package/docs/assets/{Button.stories-DTT_NICP.js → Button.stories-D7PDCOOm.js} +1 -1
  60. package/docs/assets/{CardExpandable-Cdo8gDEP.js → CardExpandable-DvrXNsTR.js} +1 -1
  61. package/docs/assets/{CardExpandable.stories-Bv67Q_c3.js → CardExpandable.stories-CeNHupz8.js} +1 -1
  62. package/docs/assets/{Checkbox-B8jh1kTW.js → Checkbox-Bk9Hyj7u.js} +1 -1
  63. package/docs/assets/{Checkbox.stories-DcgV8gG7.js → Checkbox.stories-C9VNatGb.js} +1 -1
  64. package/docs/assets/{Chip-srBCAONP.js → Chip-D-3z8YPj.js} +1 -1
  65. package/docs/assets/{Chip.stories-OzaUIE7M.js → Chip.stories-CjFXBnam.js} +1 -1
  66. package/docs/assets/{Color-ERTF36HU-D3_uicJr.js → Color-ERTF36HU-BZlibAx3.js} +1 -1
  67. package/docs/assets/{CounterToggle-CmXnI_Hp.js → CounterToggle-FQNWJcH5.js} +1 -1
  68. package/docs/assets/{CounterToggle.stories-BUoy8evs.js → CounterToggle.stories-B63J-wko.js} +1 -1
  69. package/docs/assets/DatePicker-DfNJw-NT.js +2 -0
  70. package/docs/assets/{DatePicker.stories-DiL6ARRQ.js → DatePicker.stories-CIo6kOIM.js} +1 -1
  71. package/docs/assets/{DateRangePicker-Bht7xtRs.js → DateRangePicker-L4cDgxmU.js} +1 -1
  72. package/docs/assets/{DateRangePicker.stories-B-A8kreJ.js → DateRangePicker.stories-BcGHtCgE.js} +1 -1
  73. package/docs/assets/{DocsRenderer-CFRXHY34-DM9BzBWX.js → DocsRenderer-CFRXHY34-Bw028q-m.js} +5 -5
  74. package/docs/assets/{DrawerHeader-teQBLXB_.js → DrawerHeader-kxEGS3hp.js} +1 -1
  75. package/docs/assets/{DrawerHeader.stories-DDNF60C4.js → DrawerHeader.stories-C696CXDI.js} +1 -1
  76. package/docs/assets/{DrawerListItem-FKIwTwlM.js → DrawerListItem-k3WHGFah.js} +1 -1
  77. package/docs/assets/{DrawerListItem.stories-D1Nj5lHM.js → DrawerListItem.stories-DUxJpobr.js} +1 -1
  78. package/docs/assets/{DrawerListItemGroup.stories-BTyLKxIr.js → DrawerListItemGroup.stories-Crms7R86.js} +1 -1
  79. package/docs/assets/{DrawerSection-Cpk56_6l.js → DrawerSection-DIeDQFNf.js} +1 -1
  80. package/docs/assets/{DrawerSection.stories-DREyaq-9.js → DrawerSection.stories-DgdmLwYu.js} +1 -1
  81. package/docs/assets/{DrawerTile-CaoekvN8.js → DrawerTile-DRd90aW_.js} +1 -1
  82. package/docs/assets/DrawerTile.stories-B8jCAcpg.js +10 -0
  83. package/docs/assets/{Dropdown.stories-DeahnjZy.js → Dropdown.stories-Caf2EapU.js} +1 -1
  84. package/docs/assets/{FeatureIcon-YmpbTfAx.js → FeatureIcon-B09zj5Bd.js} +1 -1
  85. package/docs/assets/{FeatureIcon.stories-BnMS5-Md.js → FeatureIcon.stories-CGmHfPT3.js} +1 -1
  86. package/docs/assets/{GroupRichListItem-CoI-0_Bu.js → GroupRichListItem-DEqhXKuF.js} +1 -1
  87. package/docs/assets/{GroupRichListItem.stories-CB7qAzP9.js → GroupRichListItem.stories-y32zxNgh.js} +1 -1
  88. package/docs/assets/Icon-ChGia3n4.js +761 -0
  89. package/docs/assets/{Icon.stories-DgOiWEZU.js → Icon.stories-CY_HHNiQ.js} +1 -1
  90. package/docs/assets/{IconButton-B4R8ltMn.js → IconButton-rhUVXzuc.js} +1 -1
  91. package/docs/assets/{IconButton.stories-DM6-ciZG.js → IconButton.stories-DFB0l3TX.js} +1 -1
  92. package/docs/assets/{IconText-BcLsq_-S.js → IconText-CKA7x6Oe.js} +1 -1
  93. package/docs/assets/{IconText.stories-Bzh9Hk-m.js → IconText.stories-DI_tSPTu.js} +1 -1
  94. package/docs/assets/{Modal-BWeCCzxt.js → Modal-xys3UXAy.js} +1 -1
  95. package/docs/assets/{Modal.stories-SHE1hlx9.js → Modal.stories-DL5mJmSa.js} +1 -1
  96. package/docs/assets/{ModalDialog-COvcohSF.js → ModalDialog-C79kCvIP.js} +1 -1
  97. package/docs/assets/{ModalDialog.stories-Dtk3QShO.js → ModalDialog.stories-DevcfCkg.js} +1 -1
  98. package/docs/assets/OutlineItem-B0GAacWf.js +1 -0
  99. package/docs/assets/{OutlineItem.stories-C_VtrROL.js → OutlineItem.stories-RvYTOp9N.js} +1 -1
  100. package/docs/assets/{OverlayHeader-CI3smnP5.js → OverlayHeader--26-GHPy.js} +1 -1
  101. package/docs/assets/{OverlayHeader.stories-BsRUysZD.js → OverlayHeader.stories-BVxhjyuC.js} +1 -1
  102. package/docs/assets/{Pagination-Vcu4FLTw.js → Pagination-XlcLXTgM.js} +1 -1
  103. package/docs/assets/{Pagination.stories-QIhOlSaD.js → Pagination.stories-CGBJ2Sad.js} +1 -1
  104. package/docs/assets/{PopOver-BUJnGsNw.js → PopOver-CQVq9c4Z.js} +1 -1
  105. package/docs/assets/{PopOver.stories-CfAMAZIU.js → PopOver.stories-g1F8AUJI.js} +1 -1
  106. package/docs/assets/{ProgressBar-D4J5hEaF.js → ProgressBar-3iykKXJT.js} +1 -1
  107. package/docs/assets/{ProgressBar.stories-Dnzk-Udf.js → ProgressBar.stories-BV7Hhjoe.js} +1 -1
  108. package/docs/assets/{ProgressDonutChart-lCc0Z3Wh.js → ProgressDonutChart-6EInE7M5.js} +1 -1
  109. package/docs/assets/{ProgressDonutChart.stories-C9DSZRWQ.js → ProgressDonutChart.stories-C_u9MjFX.js} +1 -1
  110. package/docs/assets/{RadioButton-CX1lvG0h.js → RadioButton-zouOWpRs.js} +1 -1
  111. package/docs/assets/{RadioButton.stories-DCNMmqO0.js → RadioButton.stories-pnmyqoJH.js} +1 -1
  112. package/docs/assets/{RichListItem.stories-CIlUu4q1.js → RichListItem.stories-WK5gz3vk.js} +1 -1
  113. package/docs/assets/{SectionHeader-EF4lruHo.js → SectionHeader-C2Y0CGjY.js} +1 -1
  114. package/docs/assets/{SectionHeader.stories-BLGrxW9o.js → SectionHeader.stories-B0gOYosA.js} +1 -1
  115. package/docs/assets/{SelectList.stories-YNom4XEI.js → SelectList.stories-DX-fFMoD.js} +1 -1
  116. package/docs/assets/{SelectListItem-pLbSh-eN.js → SelectListItem-BU_U7IZs.js} +1 -1
  117. package/docs/assets/{SelectListItem.stories-DhvTm42H.js → SelectListItem.stories-Dy3EXPN_.js} +1 -1
  118. package/docs/assets/SelectListItemTile-CziQ20sD.js +1 -0
  119. package/docs/assets/SelectListItemTile.stories-jXlPEopR.js +19 -0
  120. package/docs/assets/{SelectListItemToggle-BJNxDGCU.js → SelectListItemToggle-C1VDDxAm.js} +1 -1
  121. package/docs/assets/{SelectListItemToggle.stories-CB3DAO5O.js → SelectListItemToggle.stories-d_Sto0ry.js} +1 -1
  122. package/docs/assets/{SelectionControl-mJVlL5Qd.js → SelectionControl-DEv8iTfR.js} +1 -1
  123. package/docs/assets/{SelectionTile-sTjis2qP.js → SelectionTile-C0MW2ZUn.js} +2 -2
  124. package/docs/assets/{SelectionTile.stories-Dd8cT7uK.js → SelectionTile.stories-mIPf1nUR.js} +1 -1
  125. package/docs/assets/{SurveyQuestionOpenEnded-D-3pHCFY.js → SurveyQuestionOpenEnded-7vjfdqDE.js} +1 -1
  126. package/docs/assets/{SurveyQuestionOpenEnded.stories-CJdTJVDG.js → SurveyQuestionOpenEnded.stories-DOs_GSRG.js} +1 -1
  127. package/docs/assets/{SurveyQuestionScale-of5LlD9w.js → SurveyQuestionScale-OhARHAbk.js} +1 -1
  128. package/docs/assets/{SurveyQuestionScale.stories-R59dSNLz.js → SurveyQuestionScale.stories-Bi7NxxtA.js} +1 -1
  129. package/docs/assets/{SurveyToggle-DtzBuCqj.js → SurveyToggle-CyohUVKo.js} +1 -1
  130. package/docs/assets/{SurveyToggle.stories-iawdGRsW.js → SurveyToggle.stories-ghYQJDpX.js} +1 -1
  131. package/docs/assets/{Switch-D7dezY9z.js → Switch-BtYFtHgw.js} +1 -1
  132. package/docs/assets/{Switch.stories-C6ko6YNH.js → Switch.stories-DmNV0lil.js} +1 -1
  133. package/docs/assets/{TabItem-BYAxBR-9.js → TabItem-GC7LQNvp.js} +1 -1
  134. package/docs/assets/{TabItem.stories-CIBOypXI.js → TabItem.stories-DbiRd9vV.js} +1 -1
  135. package/docs/assets/TextGroup-lwPvABi6.js +1 -0
  136. package/docs/assets/TextGroup.stories-CnojKPTw.js +56 -0
  137. package/docs/assets/{ThreeColumnLayout-CRPRmmvx.js → ThreeColumnLayout-BR3bkVIs.js} +1 -1
  138. package/docs/assets/{ThreeColumnLayout.stories-CeCLjYHh.js → ThreeColumnLayout.stories-V4L7zdf_.js} +1 -1
  139. package/docs/assets/Tile-DWASCVea.js +1 -0
  140. package/docs/assets/Tile.sb.shared-BZ0VDle3.js +20 -0
  141. package/docs/assets/Tile.stories-LYYOeyyn.js +12 -0
  142. package/docs/assets/{Toast-D7KueX5U.js → Toast-Dgoj-mgi.js} +1 -1
  143. package/docs/assets/{Toast.stories-DVGxl_F7.js → Toast.stories-BxXNn_Nb.js} +1 -1
  144. package/docs/assets/{ToggleButton-DTUmOg8a.js → ToggleButton-APZXu2t7.js} +1 -1
  145. package/docs/assets/{ToggleButton.stories-oXazndlH.js → ToggleButton.stories-DO-p6P3s.js} +1 -1
  146. package/docs/assets/Tooltip-Cni6OHo9.js +1 -0
  147. package/docs/assets/{Tooltip.stories-DTRr8MvC.js → Tooltip.stories-C3h4ABpf.js} +1 -1
  148. package/docs/assets/{iframe-oaKRiQ_P.js → iframe-Di5TkTnR.js} +10 -10
  149. package/docs/assets/{index-BCDWZ2LO.js → index-Dyq6sUoy.js} +1 -1
  150. package/docs/assets/{index-bHY3QwHF.js → index-SuPsQGgx.js} +1 -1
  151. package/docs/assets/{preview-DY37tsiJ.js → preview-BCrXVRij.js} +2 -2
  152. package/docs/assets/{preview-DO1Ck2J3.js → preview-BRlPhK-p.js} +1 -1
  153. package/docs/assets/{string-DqTIC7fa.js → string-BIzBNuWk.js} +1 -1
  154. package/docs/iframe.html +1 -1
  155. package/docs/project.json +1 -1
  156. package/lib/js/components/DatePickers/DatePicker/DatePicker.vue +18 -1
  157. package/lib/js/components/Layouts/ThreeColumnLayout/ThreeColumnLayout.vue +1 -0
  158. package/lib/js/components/Outline/OutlineItem/OutlineItem.vue +2 -1
  159. package/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.stories.ts +6 -0
  160. package/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue +5 -0
  161. package/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue +1 -1
  162. package/lib/js/components/TextGroup/TextGroup.stories.ts +20 -0
  163. package/lib/js/components/TextGroup/TextGroup.vue +51 -8
  164. package/lib/js/components/Tile/Tile.consts.ts +19 -0
  165. package/lib/js/components/Tile/Tile.sb.shared.ts +38 -4
  166. package/lib/js/components/Tile/Tile.shared.ts +4 -4
  167. package/lib/js/components/Tile/Tile.stories.ts +2 -2
  168. package/lib/js/components/Tile/Tile.vue +72 -41
  169. package/lib/js/components/Tooltip/Tooltip.vue +15 -1
  170. package/lib/js/icons/fontawesome.ts +2 -0
  171. package/package.json +1 -1
  172. package/docs/assets/BasicRichListItem-9ckdYmhR.js +0 -1
  173. package/docs/assets/DatePicker-BcqpPNIA.js +0 -2
  174. package/docs/assets/DrawerTile.stories-B0hTjaen.js +0 -10
  175. package/docs/assets/Icon-ABi09a6P.js +0 -761
  176. package/docs/assets/OutlineItem-Cm_NXJhs.js +0 -1
  177. package/docs/assets/SelectListItemTile-D-UZn7FY.js +0 -1
  178. package/docs/assets/SelectListItemTile.stories-DbPHWyRm.js +0 -19
  179. package/docs/assets/TextGroup-C6PK25ok.js +0 -1
  180. package/docs/assets/TextGroup.stories-DnrIWKMT.js +0 -48
  181. package/docs/assets/Tile-DTQwVtNE.js +0 -1
  182. package/docs/assets/Tile.sb.shared-DCUTsFEl.js +0 -16
  183. package/docs/assets/Tile.stories-D2WNhLXh.js +0 -12
  184. package/docs/assets/Tooltip-4m2CjENZ.js +0 -1
@@ -1 +0,0 @@
1
- import{a as S,I as o,b as O}from"./Icon-ABi09a6P.js";import{d as E,t as m,c as n,a as i,n as l,j as u,g as t,b as d,f as I,F as b,l as y,r as L,o as a}from"./vue.esm-bundler-CWlcb7ht.js";import{_ as v}from"./_plugin-vue_export-helper-DlAUqK2U.js";const r={SMALL:"small",MEDIUM:"medium"},c={DEFAULT:"default",DISABLED:"disabled"},f={NEUTRAL_WEAK:"neutralWeak",NEUTRAL:"neutral"},p=E({name:"OutlineItem",components:{DsIcon:S},props:{size:{type:String,default:r.SMALL,validator(e){return Object.values(r).includes(e)}},backgroundColor:{type:String,default:f.NEUTRAL_WEAK,validator(e){return Object.values(f).includes(e)}},iconLeft:{type:Object,default:null,validator(e){return e==null||Object.values(o).includes(m(e))}},iconRight:{type:Object,default:null,validator(e){return e==null||Object.values(o).includes(m(e))}},iconRightRotation:{type:Number,default:null,validator(e){return[90,180,270].includes(e)}},index:{type:Number,default:null},label:{type:String,required:!0},isLabelUppercase:{type:Boolean,default:!1},additionalText:{type:String,default:null},state:{type:String,default:c.DEFAULT,validator(e){return Object.values(c).includes(e)}},isSelected:{type:Boolean,default:!1},isDone:{type:Boolean,default:!1},hasSelectedIconsColorPrimary:{type:Boolean,default:!0},isSelectedInteractive:{type:Boolean,default:!1}},data(){return{ICONS:Object.freeze(o),ICON_SIZES:Object.freeze(O),OUTLINE_ITEM_BACKGROUND_COLORS:Object.freeze(f),OUTLINE_ITEM_SIZES:Object.freeze(r)}},computed:{isDisabled(){return this.state===c.DISABLED}}}),T={class:"ds-outlineItem__text"},_={key:0,class:"ds-outlineItem__additionalText"};function N(e,C,g,U,A,R){const s=L("ds-icon");return a(),n("div",{class:l(["ds-outlineItem",{"-ds-disabled":e.isDisabled,"-ds-medium":e.size===e.OUTLINE_ITEM_SIZES.MEDIUM,"-ds-selected":e.isSelected,"-ds-hoverable":!e.isSelected||e.isSelectedInteractive,"-ds-backgroundNeutral":e.backgroundColor===e.OUTLINE_ITEM_BACKGROUND_COLORS.NEUTRAL}])},[i("div",{class:l(["ds-outlineItem__content",{"-ds-centeredContent":e.$slots.default}])},[e.index!==null?(a(),n("span",{key:0,class:l(["ds-outlineItem__index",{"-ds-active":e.isSelected}])},u(e.index)+". ",3)):t("",!0),e.iconLeft?(a(),d(s,{key:1,class:l(["ds-outlineItem__icon",{"-ds-active":e.isSelected&&e.hasSelectedIconsColorPrimary}]),icon:e.iconLeft,size:e.ICON_SIZES.X_SMALL},null,8,["class","icon","size"])):t("",!0),i("span",T,[i("span",{class:l(["ds-outlineItem__label",{"-ds-uppercase":e.isLabelUppercase}])},[e.$slots.labelSlot?I(e.$slots,"labelSlot",{key:0},void 0,!0):(a(),n(b,{key:1},[y(u(e.label),1)],64))],2),e.additionalText?(a(),n("span",_,u(e.additionalText),1)):t("",!0)])],2),e.$slots.default||e.isDone||e.iconRight?(a(),n("div",{key:0,class:l(["ds-outlineItem__rightContent",{"-ds-centeredContent":e.$slots.default}])},[e.$slots.default?I(e.$slots,"default",{key:0},void 0,!0):t("",!0),e.isDone?(a(),d(s,{key:1,class:"ds-outlineItem__icon -ds-active",icon:e.ICONS.FA_CHECK_SOLID,size:e.ICON_SIZES.X_SMALL},null,8,["icon","size"])):e.iconRight?(a(),d(s,{key:2,class:l(["ds-outlineItem__icon",{"-ds-active":e.isSelected&&e.hasSelectedIconsColorPrimary}]),icon:e.iconRight,size:e.ICON_SIZES.X_SMALL,rotation:e.iconRightRotation},null,8,["class","icon","size","rotation"])):t("",!0)],2)):t("",!0)],2)}const k=v(p,[["render",N],["__scopeId","data-v-e353565e"]]);p.__docgenInfo={displayName:"OutlineItem",exportName:"default",description:"",tags:{},props:[{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"OUTLINE_ITEM_SIZES.SMALL"}},{name:"backgroundColor",type:{name:"string"},defaultValue:{func:!1,value:"OUTLINE_ITEM_BACKGROUND_COLORS.NEUTRAL_WEAK"}},{name:"iconLeft",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"iconRight",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"iconRightRotation",type:{name:"number"},defaultValue:{func:!1,value:"null"},values:[90,180,270]},{name:"index",type:{name:"number"},defaultValue:{func:!1,value:"null"}},{name:"label",type:{name:"string"},required:!0},{name:"isLabelUppercase",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"additionalText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"state",type:{name:"string"},defaultValue:{func:!1,value:"OUTLINE_ITEM_STATES.DEFAULT"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isDone",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"hasSelectedIconsColorPrimary",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isSelectedInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"labelSlot"},{name:"default"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Outline/OutlineItem/OutlineItem.vue"]};export{k as O,r as a,f as b,c};
@@ -1 +0,0 @@
1
- import{b as i,p as o}from"./Tile-DTQwVtNE.js";import{d as r,c as l,k as a,r as n,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:i},props:o}),d={class:"ds-selectListItemTile"};function m(e,f,b,y,T,u){const s=n("ds-tile");return c(),l("div",d,[a(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,"has-border":e.hasBorder},null,8,["interactive","icon-left","icon-right","text","eyebrow-text","additional-text","color","is-eyebrow-text-uppercase","state","eyebrow-ellipsis","text-ellipsis","has-border"])])}const L=p(t,[["render",m],["__scopeId","data-v-c8a1dfaa"]]);t.__docgenInfo={displayName:"SelectListItemTile",exportName:"default",description:"",tags:{},sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue"]};export{L as S};
@@ -1,19 +0,0 @@
1
- import{S as a}from"./SelectListItemTile-D-UZn7FY.js";import{a as g}from"./Tile-DTQwVtNE.js";import{a as l,b as p,t as d,d as T}from"./Tile.sb.shared-DCUTsFEl.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-ABi09a6P.js";import"./v4-BZawosSj.js";const E={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=l;t.args=p;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=l;e.args={...p,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
- components: {
3
- SelectListItemTile
4
- },
5
- setup() {
6
- return args;
7
- },
8
- template: template('select-list-item-tile'),
9
- data
10
- })`,...(o=(r=t.parameters)==null?void 0:r.docs)==null?void 0:o.source}}};var n,m,c;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`args => ({
11
- components: {
12
- SelectListItemTile
13
- },
14
- setup() {
15
- return args;
16
- },
17
- template: template('select-list-item-tile'),
18
- data
19
- })`,...(c=(m=e.parameters)==null?void 0:m.docs)==null?void 0:c.source}}};const _=["Interactive","Static"];export{t as Interactive,e as Static,_ as __namedExportsOrder,E as default};
@@ -1 +0,0 @@
1
- import{d,c as a,n as t,k as n,j as u,g as o,r as T,o as s}from"./vue.esm-bundler-CWlcb7ht.js";import{D as f}from"./Skeleton-Budxm1Jq.js";import{_ as m}from"./_plugin-vue_export-helper-DlAUqK2U.js";const E={NEUTRAL:"neutral"},y={SMALL:"small",MEDIUM:"medium",LARGE:"large"},r={SMALL:"small",MEDIUM:"medium"},i={DEFAULT:"default",HOVERED:"hovered",DISABLED:"disabled",LOADING:"loading"},p=d({name:"TextGroup",components:{DsSkeleton:f},props:{size:{type:String,default:r.MEDIUM},color:{type:String,default:E.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:y.LARGE},isSelected:{type:Boolean,default:!1},state:{type:String,default:i.DEFAULT}},data(){return{TEXT_GROUP_SIZES:Object.freeze(r),TEXT_GROUP_STATES:Object.freeze(i)}},computed:{colorClassName(){return`-ds-${this.color}`},isLoading(){return this.state===i.LOADING},loadingSizeClassName(){return`-ds-loading-${this.skeletonLoadingSize}`}}}),c={key:0,class:"ds-textGroup__skeletonWrapper"},S={key:1},_={key:2},g={key:0,class:"ds-textGroup__skeletonWrapper"},G={key:1},L={key:2},v={key:0,class:"ds-textGroup__skeletonWrapper"},A={key:1},U=["innerHTML"];function b(e,h,k,O,R,x){const l=T("ds-skeleton");return s(),a("div",{class:t(["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?(s(),a("div",{key:0,class:t(["ds-textGroup__eyebrow",{"-ds-ellipsis":e.eyebrowTextEllipsis,"-ds-uppercase":e.isEyebrowTextUppercase}])},[e.isLoading?(s(),a("div",c,[n(l,{width:"50%",height:"100%"})])):e.eyebrowText===""?(s(),a("span",S," ")):(s(),a("span",_,u(e.eyebrowText),1))],2)):o("",!0),e.mainText!==null?(s(),a("div",{key:1,class:t(["ds-textGroup__main",{"-ds-ellipsis":e.mainTextEllipsis}])},[e.isLoading?(s(),a("div",g,[n(l,{width:"100%",height:"100%"})])):e.mainText===""?(s(),a("span",G," ")):(s(),a("span",L,u(e.mainText),1))],2)):o("",!0),e.supportingText!==null?(s(),a("div",{key:2,class:t(["ds-textGroup__supporting",{"-ds-ellipsis":e.supportingTextEllipsis}])},[e.isLoading?(s(),a("div",v,[n(l,{width:"100%",height:"100%"})])):e.supportingText===""?(s(),a("span",A," ")):(s(),a("span",{key:2,innerHTML:e.supportingText},null,8,U))],2)):o("",!0)],2)}const w=m(p,[["render",b],["__scopeId","data-v-14aab7cc"]]);p.__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"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/TextGroup/TextGroup.vue"]};export{w as D,r as T,E as a,y as b,i as c};
@@ -1,48 +0,0 @@
1
- import{D as u}from"./Divider-4HN2u4Et.js";import{D as o,T as l,a as r,b as a,c as n}from"./TextGroup-C6PK25ok.js";import"./vue.esm-bundler-CWlcb7ht.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Skeleton-Budxm1Jq.js";const b={title:"Components/TextGroup",component:o},c=p=>({components:{DsDivider:u,DsTextGroup:o},setup(){return p},template:`
2
- <ds-text-group
3
- :size="size"
4
- :color="color"
5
- :eyebrow-text="eyebrowText === 'null' ? null : eyebrowText"
6
- :eyebrow-text-ellipsis="eyebrowTextEllipsis"
7
- :is-eyebrow-text-uppercase="isEyebrowTextUppercase"
8
- :main-text="mainText === 'null' ? null : mainText"
9
- :main-text-ellipsis="mainTextEllipsis"
10
- :supporting-text="supportingText === 'null' ? null : supportingText"
11
- :supporting-text-ellipsis="supportingTextEllipsis"
12
- :is-interactive="isInteractive"
13
- :skeleton-loading-size="skeletonLoadingSize"
14
- :is-selected="isSelected"
15
- :state="state"
16
- />
17
- <div style="margin-top: 100px; color: #888">
18
- <ds-divider />
19
- <small>Use "null" in *Text props to get nullable value</small>
20
- </div>`}),e=c.bind({});e.args={size:l.MEDIUM,color:r.NEUTRAL,eyebrowText:"Eyebrow Uppercase Veritatis aspernatur cupiditate magnam quidem",eyebrowTextEllipsis:!1,isEyebrowTextUppercase:!0,mainText:"Main text Veritatis aspernatur cupiditate magnam quidem",mainTextEllipsis:!1,supportingText:"Eaque cumque ut beatae ratione nostrum vitae nisi. Consequatur ut expedita labore quisquam impedit ullam ipsam delectus at. Veritatis aspernatur cupiditate magnam quidem.",supportingTextEllipsis:!1,isInteractive:!0,skeletonLoadingSize:a.LARGE,isSelected:!1,state:n.DEFAULT};e.argTypes={size:{control:"select",options:Object.values(l)},color:{control:"select",options:Object.values(r)},eyebrowText:{control:"text"},eyebrowTextEllipsis:{control:"boolean"},isEyebrowTextUppercase:{control:"boolean"},mainText:{control:"text"},mainTextEllipsis:{control:"boolean"},supportingText:{control:"text"},supportingTextEllipsis:{control:"boolean"},isInteractive:{control:"boolean"},skeletonLoadingSize:{control:"select",options:Object.values(a)},isSelected:{control:"boolean"},state:{control:"select",options:Object.values(n)}};e.parameters={design:{type:"figma",url:"https://www.figma.com/design/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=10439-30112&t=NLnObQEu7dAT74xq-0"}};var t,s,i;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`args => ({
21
- components: {
22
- DsDivider,
23
- DsTextGroup
24
- },
25
- setup() {
26
- return args;
27
- },
28
- template: \`
29
- <ds-text-group
30
- :size="size"
31
- :color="color"
32
- :eyebrow-text="eyebrowText === 'null' ? null : eyebrowText"
33
- :eyebrow-text-ellipsis="eyebrowTextEllipsis"
34
- :is-eyebrow-text-uppercase="isEyebrowTextUppercase"
35
- :main-text="mainText === 'null' ? null : mainText"
36
- :main-text-ellipsis="mainTextEllipsis"
37
- :supporting-text="supportingText === 'null' ? null : supportingText"
38
- :supporting-text-ellipsis="supportingTextEllipsis"
39
- :is-interactive="isInteractive"
40
- :skeleton-loading-size="skeletonLoadingSize"
41
- :is-selected="isSelected"
42
- :state="state"
43
- />
44
- <div style="margin-top: 100px; color: #888">
45
- <ds-divider />
46
- <small>Use "null" in *Text props to get nullable value</small>
47
- </div>\`
48
- })`,...(i=(s=e.parameters)==null?void 0:s.docs)==null?void 0:i.source}}};const E=["Interactive"];export{e as Interactive,E as __namedExportsOrder,b as default};
@@ -1 +0,0 @@
1
- import{I as c,a as I,b as f}from"./Icon-ABi09a6P.js";import{t as u,d as E,r as T,o as s,c as o,b as l,g as r,a as p,n,j as d}from"./vue.esm-bundler-CWlcb7ht.js";import{_ as y}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"},i={DEFAULT:"default",DISABLED:"disabled",LOADING:"loading"},A={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},hasBorder:{type:Boolean,default:!1}},S=E({name:"Tile",components:{DsIcon:I},props:A,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.DANGER]:"-ds-danger",[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]}}}),L={class:"ds-tile__center"},N=["textContent"],_=["textContent"],O={key:3,class:"ds-tile__additionalText"};function b(e,g,m,R,C,h){const a=T("ds-icon");return s(),o("div",{class:n([[e.tileColor,e.tileState,{"-ds-interactive":e.interactive,"-ds-hasBorder":e.hasBorder}],"ds-tile"])},[e.iconLeft?(s(),l(a,{key:0,icon:e.iconLeft,size:e.ICON_SIZES.SMALL,class:"ds-tile__iconLeft"},null,8,["icon","size"])):r("",!0),p("div",L,[e.eyebrowText?(s(),o("span",{key:0,class:n(["ds-tile__eyebrowText",{"-ds-uppercase":e.isEyebrowTextUppercase,"-ds-ellipsis":e.eyebrowEllipsis}]),textContent:d(e.eyebrowText)},null,10,N)):r("",!0),p("span",{class:n(["ds-tile__text",{"-ds-ellipsis":e.textEllipsis}]),textContent:d(e.text)},null,10,_)]),e.state===e.TILE_STATES.LOADING?(s(),l(a,{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(a,{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(),o("div",O,d(e.additionalText),1)):r("",!0)],2)}const w=y(S,[["render",b],["__scopeId","data-v-5c630595"]]);S.__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,i as a,w as b,A as p};
@@ -1,16 +0,0 @@
1
- import{I as e}from"./Icon-ABi09a6P.js";import{T as t,a as o}from"./Tile-DTQwVtNE.js";const r=i=>`
2
- <${i}
3
- :additional-text="additionalText"
4
- :color="color"
5
- :eyebrow-ellipsis="eyebrowEllipsis"
6
- :eyebrow-text="eyebrowText"
7
- :icon-left="ICONS[iconLeft]"
8
- :icon-right="ICONS[iconRight]"
9
- :is-icon-right-hidden-on-mobile="isIconRightHiddenOnMobile"
10
- :interactive="interactive"
11
- :is-eyebrow-text-uppercase="isEyebrowTextUppercase"
12
- :state="state"
13
- :text-ellipsis="textEllipsis"
14
- :text="text"
15
- :has-border="hasBorder"
16
- />`,a=()=>({ICONS:Object.freeze(e)}),n={interactive:!0,color:t.NEUTRAL,hasBorder:!1,iconLeft:null,iconRight:null,isIconRightHiddenOnMobile:!1,eyebrowText:"this is an eyebrowText text",eyebrowEllipsis:!0,isEyebrowTextUppercase:!1,text:"this is a text text",textEllipsis:!0,additionalText:"",state:o.DEFAULT},c={iconLeft:{control:"select",options:[null,...Object.keys(e)]},iconRight:{control:"select",options:[null,...Object.keys(e)]},color:{control:"select",options:[...Object.values(t)]},state:{control:"select",options:[...Object.values(o)]}};export{c as a,n as b,a as d,r as t};
@@ -1,12 +0,0 @@
1
- import{b as a,a as d}from"./Tile-DTQwVtNE.js";import{d as l,t as T,a as x,b as c}from"./Tile.sb.shared-DCUTsFEl.js";import{w as g}from"./decorator-CSnIf-k5.js";import"./Icon-ABi09a6P.js";import"./vue.esm-bundler-CWlcb7ht.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:l,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:c},e={args:{...c,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,i;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
2
- args
3
- }`,...(i=(r=t.parameters)==null?void 0:r.docs)==null?void 0:i.source}}};var o,n,m;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`{
4
- args: {
5
- ...args,
6
- interactive: false,
7
- text: 'this is a text text',
8
- eyebrowText: 'this is an eyebrowText text',
9
- additionalText: 'this is some additionalText',
10
- state: TILE_STATES.DEFAULT
11
- } as Args
12
- }`,...(m=(n=e.parameters)==null?void 0:n.docs)==null?void 0:m.source}}};const I=["Interactive","Static"];export{t as Interactive,e as Static,I as __namedExportsOrder,E as default};
@@ -1 +0,0 @@
1
- import{d as p,z as a,c as o,f as s,A as r,o as i}from"./vue.esm-bundler-CWlcb7ht.js";import{i as u}from"./device-9fgosCm4.js";import{_ as d}from"./_plugin-vue_export-helper-DlAUqK2U.js";const n={TOP:"top",BOTTOM:"bottom",LEFT:"left",RIGHT:"right"},l=p({name:"Tooltip",props:{placement:{type:String,default:n.BOTTOM,validator(e){return Object.values(n).includes(e)}},text:{type:String,default:""},isDisabled:{type:Boolean,default:!1},isPointerVisible:{type:Boolean,default:!0},inline:{type:Boolean,default:!1}},computed:{tooltipParams(){return{position:this.placement,event:u()?"focus":"hover"}},options(){return{value:this.text,disabled:this.isDisabled,dt:{shadow:"0px 0px 4px 0px rgba(12, 23, 38, 0.08), 0px 6px 12px 0px rgba(12, 23, 38, 0.12), 0px 2px 4px 0px rgba(12, 23, 38, 0.06)",padding:"var(--spacing-space-3xs, 6px) var(--spacing-space-2xs, 8px)",background:"var(--neutral-background-medium, #E5E7ED)",color:"var(--neutral-text-heavy, #343C50)",borderRadius:"4px",maxWidth:"240px"},ptOptions:{mergeProps:!0},pt:{text:"ds-tooltip-text",arrow:this.isPointerVisible?"":"ds-tooltip-arrow-hide"}}}}}),f={key:0,tabindex:"-1"},m={key:1,tabindex:"-1"};function c(e,v,x,T,b,g){const t=r("pv-tooltip");return e.inline?a((i(),o("span",f,[s(e.$slots,"default")])),[[t,e.options,e.tooltipParams]]):a((i(),o("div",m,[s(e.$slots,"default")])),[[t,e.options,e.tooltipParams]])}const P=d(l,[["render",c]]);l.__docgenInfo={displayName:"Tooltip",exportName:"default",description:"",tags:{},props:[{name:"placement",type:{name:"TooltipPlacement"},defaultValue:{func:!1,value:"TOOLTIP_PLACEMENTS.BOTTOM"}},{name:"text",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"isDisabled",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isPointerVisible",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"inline",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"default"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Tooltip/Tooltip.vue"]};export{P as T,n as a};