@bethinkpl/design-system 26.6.0 → 26.7.1

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 (264) hide show
  1. package/README.md +5 -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/Avatar/Avatar.consts.d.ts +9 -0
  5. package/dist/lib/js/components/Avatar/Avatar.vue.d.ts +38 -0
  6. package/dist/lib/js/components/Avatar/index.d.ts +4 -0
  7. package/dist/lib/js/components/BadgeScore/BadgeScore.vue.d.ts +63 -5
  8. package/dist/lib/js/components/Banner/Banner.vue.d.ts +371 -34
  9. package/dist/lib/js/components/Buttons/Button/Button.vue.d.ts +96 -8
  10. package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +197 -17
  11. package/dist/lib/js/components/Cards/Card/Card.consts.d.ts +3 -3
  12. package/dist/lib/js/components/Cards/Card/Card.vue.d.ts +14 -12
  13. package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +20 -18
  14. package/dist/lib/js/components/Chip/Chip.vue.d.ts +293 -26
  15. package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.consts.d.ts +4 -4
  16. package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +128 -30
  17. package/dist/lib/js/components/DatePickers/DatePickerBox/DatePickerBox.vue.d.ts +115 -8
  18. package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts +118 -14
  19. package/dist/lib/js/components/Drawer/Drawer.consts.d.ts +1 -1
  20. package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.consts.d.ts +1 -1
  21. package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue.d.ts +582 -57
  22. package/dist/lib/js/components/Drawer/DrawerListItem/DrawerListItem.consts.d.ts +1 -1
  23. package/dist/lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue.d.ts +39 -8
  24. package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts +468 -34
  25. package/dist/lib/js/components/Drawer/DrawerTile/DrawerTile.vue.d.ts +12 -26
  26. package/dist/lib/js/components/Dropdown/Dropdown.vue.d.ts +68 -4
  27. package/dist/lib/js/components/Form/Checkbox/Checkbox.consts.d.ts +2 -2
  28. package/dist/lib/js/components/Form/Checkbox/Checkbox.vue.d.ts +119 -10
  29. package/dist/lib/js/components/Form/RadioButton/RadioButton.consts.d.ts +2 -2
  30. package/dist/lib/js/components/Form/RadioButton/RadioButton.vue.d.ts +119 -10
  31. package/dist/lib/js/components/Form/SelectionControl/SelectionControl.consts.d.ts +3 -3
  32. package/dist/lib/js/components/Form/SelectionControl/SelectionControl.sb.shared.d.ts +1 -1
  33. package/dist/lib/js/components/Form/SelectionControl/SelectionControl.vue.d.ts +74 -5
  34. package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +340 -30
  35. package/dist/lib/js/components/Headers/PageHeader/PageHeader.vue.d.ts +38 -2
  36. package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.consts.d.ts +1 -1
  37. package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts +342 -26
  38. package/dist/lib/js/components/IconText/IconText.vue.d.ts +73 -4
  39. package/dist/lib/js/components/Icons/FeatureIcon/FeatureIcon.vue.d.ts +45 -5
  40. package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts +10 -8
  41. package/dist/lib/js/components/Icons/Icon/Icon.vue.d.ts +2 -2
  42. package/dist/lib/js/components/Image/Image.consts.d.ts +1 -1
  43. package/dist/lib/js/components/Image/Image.vue.d.ts +6 -5
  44. package/dist/lib/js/components/Layouts/ThreeColumnLayout/ThreeColumnLayout.consts.d.ts +1 -1
  45. package/dist/lib/js/components/Layouts/ThreeColumnLayout/ThreeColumnLayout.vue.d.ts +55 -2
  46. package/dist/lib/js/components/LoadingBar/LoadingBar.consts.d.ts +2 -2
  47. package/dist/lib/js/components/LoadingBar/LoadingBar.vue.d.ts +5 -4
  48. package/dist/lib/js/components/Modal/Modal.vue.d.ts +8 -6
  49. package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +517 -37
  50. package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +628 -39
  51. package/dist/lib/js/components/Outline/OutlineItem/OutlineItem.vue.d.ts +137 -9
  52. package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +402 -36
  53. package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +125 -8
  54. package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.consts.d.ts +1 -1
  55. package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.vue.d.ts +43 -8
  56. package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +545 -34
  57. package/dist/lib/js/components/RichList/GroupRichListItem/GroupRichListItem.consts.d.ts +2 -2
  58. package/dist/lib/js/components/RichList/GroupRichListItem/GroupRichListItem.vue.d.ts +6 -5
  59. package/dist/lib/js/components/RichList/RichListItem/RichListItem.consts.d.ts +7 -7
  60. package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts +305 -21
  61. package/dist/lib/js/components/SectionTitle/SectionTitle.consts.d.ts +1 -1
  62. package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.vue.d.ts +84 -8
  63. package/dist/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue.d.ts +12 -26
  64. package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts +152 -10
  65. package/dist/lib/js/components/SelectionTile/SelectionTile.consts.d.ts +2 -2
  66. package/dist/lib/js/components/SelectionTile/SelectionTile.vue.d.ts +377 -33
  67. package/dist/lib/js/components/Skeleton/Skeleton.consts.d.ts +1 -1
  68. package/dist/lib/js/components/Skeleton/Skeleton.vue.d.ts +4 -3
  69. package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +8 -6
  70. package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +8 -6
  71. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +352 -49
  72. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +451 -53
  73. package/dist/lib/js/components/SurveyToggle/SurveyToggle.vue.d.ts +62 -4
  74. package/dist/lib/js/components/Switch/Switch.consts.d.ts +4 -4
  75. package/dist/lib/js/components/Switch/Switch.vue.d.ts +91 -9
  76. package/dist/lib/js/components/TabItem/TabItem.vue.d.ts +49 -5
  77. package/dist/lib/js/components/TextGroup/TextGroup.consts.d.ts +4 -4
  78. package/dist/lib/js/components/TextGroup/TextGroup.vue.d.ts +10 -10
  79. package/dist/lib/js/components/Tile/Tile.consts.d.ts +4 -4
  80. package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts +375 -39
  81. package/dist/lib/js/components/Tile/Tile.vue.d.ts +12 -16
  82. package/dist/lib/js/components/Toast/Toast.consts.d.ts +3 -3
  83. package/dist/lib/js/components/Toast/Toast.vue.d.ts +202 -23
  84. package/dist/lib/js/components/Toggles/CounterToggle/CounterToggle.vue.d.ts +50 -4
  85. package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.consts.d.ts +5 -5
  86. package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts +124 -10
  87. package/dist/lib/js/components/Tooltip/Tooltip.consts.d.ts +1 -1
  88. package/dist/lib/js/icons/fontawesome.d.ts +1 -0
  89. package/dist/lib/js/index.d.ts +2 -0
  90. package/dist/lib/js/utils/type.utils.d.ts +1 -1
  91. package/docs/assets/{AccessStatus-Dz1vfbnh.js → AccessStatus-lY4oqKbY.js} +1 -1
  92. package/docs/assets/{AccessStatus.stories-BC2FqmS7.js → AccessStatus.stories-B-o8Wzbn.js} +1 -1
  93. package/docs/assets/Avatar-BALJe_Kd.js +1 -0
  94. package/docs/assets/Avatar.stories-BBWquxG4.js +35 -0
  95. package/docs/assets/{BadgeScore-C0Ghj-5s.js → BadgeScore-BllxpS5b.js} +1 -1
  96. package/docs/assets/{BadgeScore.stories-DQOL_ZiP.js → BadgeScore.stories-CZkwHDBn.js} +1 -1
  97. package/docs/assets/{Banner-BmKYBJ1B.js → Banner-B_WbNF52.js} +1 -1
  98. package/docs/assets/{Banner.stories-BPHdgNAZ.js → Banner.stories-BnbHDoMg.js} +1 -1
  99. package/docs/assets/{BasicRichListItem-Ctm7LWMn.js → BasicRichListItem-xKSFXEOx.js} +1 -1
  100. package/docs/assets/{BasicRichListItem.stories-CW9os382.js → BasicRichListItem.stories-D5cFXBnH.js} +2 -2
  101. package/docs/assets/{BlockadeStatus-4Zx578QV.js → BlockadeStatus-P8nBhdtz.js} +1 -1
  102. package/docs/assets/{BlockedeStatus.stories-CeCB1B6k.js → BlockedeStatus.stories-D2lBK6X4.js} +1 -1
  103. package/docs/assets/{Button-DVtHJ-a3.js → Button-BnWnuQz_.js} +1 -1
  104. package/docs/assets/{Button.stories-D7PDCOOm.js → Button.stories-BUAtvyqT.js} +1 -1
  105. package/docs/assets/{Card-CbIL2Iiq.js → Card-BzXb8FVb.js} +1 -1
  106. package/docs/assets/{Card.stories-sWfj8JIt.js → Card.stories-DR5-T-9k.js} +1 -1
  107. package/docs/assets/{CardExpandable-DvrXNsTR.js → CardExpandable-UGGPT1DB.js} +1 -1
  108. package/docs/assets/{CardExpandable.stories-CeNHupz8.js → CardExpandable.stories-CgBLkNle.js} +1 -1
  109. package/docs/assets/{Checkbox-Bk9Hyj7u.js → Checkbox-CJfLFnEo.js} +1 -1
  110. package/docs/assets/{Checkbox.stories-C9VNatGb.js → Checkbox.stories-Cuk7m0lR.js} +1 -1
  111. package/docs/assets/{Chip-D-3z8YPj.js → Chip-DHtEAdjh.js} +1 -1
  112. package/docs/assets/{Chip.stories-CjFXBnam.js → Chip.stories-DQ1Us1CB.js} +1 -1
  113. package/docs/assets/{Color-ERTF36HU-CqJ5SSs8.js → Color-ERTF36HU-Bdv_bt15.js} +1 -1
  114. package/docs/assets/{Colors.stories-CrtG5S4A.js → Colors.stories-BWgavcUS.js} +1 -1
  115. package/docs/assets/{ColorsThemes.stories-B_DRVheO.js → ColorsThemes.stories-0-sPp0ge.js} +1 -1
  116. package/docs/assets/{ColorsTokensLms.stories-DNXNDpp5.js → ColorsTokensLms.stories-BykJy-2-.js} +1 -1
  117. package/docs/assets/{ColorsTokensPrimaryBodywork.stories-MZpI5IXh.js → ColorsTokensPrimaryBodywork.stories-DbuoY06v.js} +1 -1
  118. package/docs/assets/{ColorsTokensPrimaryWnl.stories-D8POK0cA.js → ColorsTokensPrimaryWnl.stories-BGrxCgKb.js} +1 -1
  119. package/docs/assets/{CounterToggle-FQNWJcH5.js → CounterToggle-B1fmCAW0.js} +1 -1
  120. package/docs/assets/{CounterToggle.stories-B63J-wko.js → CounterToggle.stories-B0h9L-mI.js} +1 -1
  121. package/docs/assets/{DatePicker-Br-Dxnyn.js → DatePicker-DIJ8aqM6.js} +1 -1
  122. package/docs/assets/{DatePicker.stories-C4sN46Ws.js → DatePicker.stories-D4LubdID.js} +1 -1
  123. package/docs/assets/{DateRangePicker-B2xmoGPO.js → DateRangePicker-1oxiA7Lf.js} +1 -1
  124. package/docs/assets/{DateRangePicker.stories-DGh5m4TF.js → DateRangePicker.stories-CmHayQUD.js} +1 -1
  125. package/docs/assets/{Divider-4HN2u4Et.js → Divider-CeZli6az.js} +1 -1
  126. package/docs/assets/{Divider.stories-BCrs-P64.js → Divider.stories-BGrVq6Gh.js} +1 -1
  127. package/docs/assets/{DocsRenderer-CFRXHY34-CemqquOQ.js → DocsRenderer-CFRXHY34-7YPgF_58.js} +5 -5
  128. package/docs/assets/{Drawer-DRYKGdtt.js → Drawer-BAhS1Aex.js} +1 -1
  129. package/docs/assets/{Drawer.stories-DNAfMM9D.js → Drawer.stories-Bgvx4k59.js} +1 -1
  130. package/docs/assets/{DrawerContent-CY64oeID.js → DrawerContent-BC_l9IKr.js} +1 -1
  131. package/docs/assets/{DrawerContent.stories-CJRbiAKZ.js → DrawerContent.stories-bd7mDbJc.js} +1 -1
  132. package/docs/assets/{DrawerDivider-B6matEEg.js → DrawerDivider-DuTuIbLz.js} +1 -1
  133. package/docs/assets/{DrawerDivider.stories-DkEGw1YV.js → DrawerDivider.stories-C6fwM_Vr.js} +1 -1
  134. package/docs/assets/{DrawerHeader-kxEGS3hp.js → DrawerHeader-DAlTWdTV.js} +1 -1
  135. package/docs/assets/{DrawerHeader.stories-C696CXDI.js → DrawerHeader.stories-DPx9vaHi.js} +1 -1
  136. package/docs/assets/{DrawerListItem-k3WHGFah.js → DrawerListItem-BQwvRia4.js} +1 -1
  137. package/docs/assets/{DrawerListItem.stories-DUxJpobr.js → DrawerListItem.stories-CHf7nV4C.js} +1 -1
  138. package/docs/assets/{DrawerListItemGroup-B40g16RV.js → DrawerListItemGroup-BTfrsZ_p.js} +1 -1
  139. package/docs/assets/{DrawerListItemGroup.stories-Crms7R86.js → DrawerListItemGroup.stories-Ch1z9OG4.js} +1 -1
  140. package/docs/assets/{DrawerSection-DIeDQFNf.js → DrawerSection-xoALUrNo.js} +1 -1
  141. package/docs/assets/{DrawerSection.stories-DgdmLwYu.js → DrawerSection.stories-B_netySu.js} +1 -1
  142. package/docs/assets/{DrawerTile-OeT5gefI.js → DrawerTile-C64fS4dq.js} +1 -1
  143. package/docs/assets/{DrawerTile.stories-nBKWobdB.js → DrawerTile.stories-CRTdtfFG.js} +1 -1
  144. package/docs/assets/{Dropdown-CR-eIdCF.js → Dropdown-B75bqkCY.js} +1 -1
  145. package/docs/assets/{Dropdown.stories-Caf2EapU.js → Dropdown.stories-CFcPipvl.js} +1 -1
  146. package/docs/assets/{FeatureIcon-B09zj5Bd.js → FeatureIcon-DuHLb2s9.js} +1 -1
  147. package/docs/assets/{FeatureIcon.stories-CGmHfPT3.js → FeatureIcon.stories-D2wXVZJD.js} +1 -1
  148. package/docs/assets/{GroupRichListItem-DEqhXKuF.js → GroupRichListItem-C2S_DIM-.js} +1 -1
  149. package/docs/assets/{GroupRichListItem.stories-y32zxNgh.js → GroupRichListItem.stories-DkFM_Fbq.js} +1 -1
  150. package/docs/assets/Icon-KlrZhBvI.js +761 -0
  151. package/docs/assets/{Icon.stories-CY_HHNiQ.js → Icon.stories-DQC9sgOw.js} +1 -1
  152. package/docs/assets/{IconButton-rhUVXzuc.js → IconButton-BcjUxjB4.js} +1 -1
  153. package/docs/assets/{IconButton.stories-DFB0l3TX.js → IconButton.stories-BHiXRfSV.js} +1 -1
  154. package/docs/assets/{IconText-CKA7x6Oe.js → IconText-CcdweKoG.js} +1 -1
  155. package/docs/assets/{IconText.stories-DI_tSPTu.js → IconText.stories-CAwMj5EE.js} +1 -1
  156. package/docs/assets/{Image-BF_Kx0up.js → Image-B9jnhF_n.js} +1 -1
  157. package/docs/assets/{Image.stories-BXYD86R1.js → Image.stories-DzKTJQnd.js} +1 -1
  158. package/docs/assets/{ItemsList-DxGr2MB5.js → ItemsList-D_riVFX-.js} +1 -1
  159. package/docs/assets/{LoadingBar-BeOPZFzu.js → LoadingBar-C1yAImWt.js} +1 -1
  160. package/docs/assets/{LoadingBar.stories-BJeb9oll.js → LoadingBar.stories-NffcMV2n.js} +1 -1
  161. package/docs/assets/Modal-CgNyRPs8.js +1 -0
  162. package/docs/assets/{Modal.stories-DL5mJmSa.js → Modal.stories-xhgpgD4o.js} +1 -1
  163. package/docs/assets/{ModalDialog-C79kCvIP.js → ModalDialog-B2ORB9vQ.js} +1 -1
  164. package/docs/assets/{ModalDialog.stories-DevcfCkg.js → ModalDialog.stories-DnpSmybQ.js} +1 -1
  165. package/docs/assets/{NumberInCircle-Cqbd2PUf.js → NumberInCircle-CYZFaZ00.js} +1 -1
  166. package/docs/assets/{NumberInCircle.stories--_6-RNlU.js → NumberInCircle.stories-DzdSX4we.js} +1 -1
  167. package/docs/assets/{OutlineDivider-9phD7EaD.js → OutlineDivider-DItdz99b.js} +1 -1
  168. package/docs/assets/{OutlineDivider.stories-LsrVcpfQ.js → OutlineDivider.stories-Cdmgts0G.js} +1 -1
  169. package/docs/assets/{OutlineItem-B0GAacWf.js → OutlineItem-dhEw8EC1.js} +1 -1
  170. package/docs/assets/{OutlineItem.stories-RvYTOp9N.js → OutlineItem.stories-BvYje0yq.js} +1 -1
  171. package/docs/assets/{OutlineSectionHeader-BDh6TrVb.js → OutlineSectionHeader-CtypBCqR.js} +1 -1
  172. package/docs/assets/{OutlineSectionHeader.stories-CPuYAPXa.js → OutlineSectionHeader.stories-CpZUQfTd.js} +1 -1
  173. package/docs/assets/{OverlayHeader--26-GHPy.js → OverlayHeader-51ih8x0c.js} +1 -1
  174. package/docs/assets/{OverlayHeader.stories-BVxhjyuC.js → OverlayHeader.stories-BclXAtEh.js} +1 -1
  175. package/docs/assets/{PageHeader-CwyCLKPQ.js → PageHeader-C5oCP3S2.js} +1 -1
  176. package/docs/assets/{PageHeader.stories-BaavDroe.js → PageHeader.stories-hH9p_VSN.js} +1 -1
  177. package/docs/assets/{Pagination-XlcLXTgM.js → Pagination-B2HzTrD0.js} +1 -1
  178. package/docs/assets/{Pagination.stories-CGBJ2Sad.js → Pagination.stories-DwS53dgq.js} +1 -1
  179. package/docs/assets/{PopOver-CQVq9c4Z.js → PopOver-xznuUBtF.js} +1 -1
  180. package/docs/assets/{PopOver.stories-g1F8AUJI.js → PopOver.stories-DC1Fdmyd.js} +1 -1
  181. package/docs/assets/{ProgressBar-3iykKXJT.js → ProgressBar-Dw-iWAra.js} +1 -1
  182. package/docs/assets/{ProgressBar.stories-BV7Hhjoe.js → ProgressBar.stories-BBkwbwJC.js} +1 -1
  183. package/docs/assets/{ProgressDonutChart-6EInE7M5.js → ProgressDonutChart-BzpDf_D1.js} +1 -1
  184. package/docs/assets/{ProgressDonutChart.stories-C_u9MjFX.js → ProgressDonutChart.stories-g0thnFjo.js} +1 -1
  185. package/docs/assets/{RadioButton-zouOWpRs.js → RadioButton-D-73BAcy.js} +1 -1
  186. package/docs/assets/{RadioButton.stories-pnmyqoJH.js → RadioButton.stories-DJssblKO.js} +1 -1
  187. package/docs/assets/{RichListItem.stories-B_DlwcQo.js → RichListItem.stories-Dh3jAgkT.js} +2 -2
  188. package/docs/assets/{SectionHeader-C2Y0CGjY.js → SectionHeader-C9tfdV94.js} +1 -1
  189. package/docs/assets/{SectionHeader.stories-B0gOYosA.js → SectionHeader.stories-CkVrEY1u.js} +1 -1
  190. package/docs/assets/{SectionTitle-B1v2FcuB.js → SectionTitle-BQZh7aFs.js} +1 -1
  191. package/docs/assets/{SectionTitle.stories-BogJgzAG.js → SectionTitle.stories-BLNC5wZK.js} +1 -1
  192. package/docs/assets/{SelectList-CiuxFUk4.js → SelectList-T6eJOYPv.js} +1 -1
  193. package/docs/assets/{SelectList.stories-DX-fFMoD.js → SelectList.stories-C-8KXQaF.js} +1 -1
  194. package/docs/assets/{SelectListItem-BU_U7IZs.js → SelectListItem-KRL8q6Iz.js} +1 -1
  195. package/docs/assets/{SelectListItem.stories-Dy3EXPN_.js → SelectListItem.stories-Bp_rq-Eh.js} +1 -1
  196. package/docs/assets/{SelectListItemDivider-CIueguWt.js → SelectListItemDivider-CTuILyj9.js} +1 -1
  197. package/docs/assets/{SelectListItemDivider.stories-CYkoQqyL.js → SelectListItemDivider.stories-CyW1-Pe_.js} +1 -1
  198. package/docs/assets/{SelectListItemTile-ohFw-wM4.js → SelectListItemTile-I9x6zsKM.js} +1 -1
  199. package/docs/assets/{SelectListItemTile.stories-BRCqpIYj.js → SelectListItemTile.stories-B8bcoXQ8.js} +1 -1
  200. package/docs/assets/{SelectListItemToggle-C1VDDxAm.js → SelectListItemToggle-BKr25N9H.js} +1 -1
  201. package/docs/assets/{SelectListItemToggle.stories-d_Sto0ry.js → SelectListItemToggle.stories-BxE4M_-B.js} +1 -1
  202. package/docs/assets/{SelectListSectionTitle-DBd3RwED.js → SelectListSectionTitle-BOCjrVHo.js} +1 -1
  203. package/docs/assets/{SelectListSectionTitle.stories-BrIWdRit.js → SelectListSectionTitle.stories-8h3E7qrw.js} +1 -1
  204. package/docs/assets/{SelectionControl-DEv8iTfR.js → SelectionControl-CxsRDZ81.js} +1 -1
  205. package/docs/assets/{SelectionTile-CjfV3f7H.js → SelectionTile-A8HfI_-S.js} +2 -2
  206. package/docs/assets/{SelectionTile.stories-PT6dhdE2.js → SelectionTile.stories-CG4N75Mo.js} +1 -1
  207. package/docs/assets/{Skeleton-Budxm1Jq.js → Skeleton-DMxKKJ0Z.js} +1 -1
  208. package/docs/assets/{Skeleton.stories-C5oyivEw.js → Skeleton.stories-BHWr0cDF.js} +1 -1
  209. package/docs/assets/{SurveyQuestionOpenEnded-7vjfdqDE.js → SurveyQuestionOpenEnded-BqVHeqqP.js} +1 -1
  210. package/docs/assets/{SurveyQuestionOpenEnded.stories-DOs_GSRG.js → SurveyQuestionOpenEnded.stories-ahMVN6RR.js} +1 -1
  211. package/docs/assets/{SurveyQuestionScale-OhARHAbk.js → SurveyQuestionScale--V40kshK.js} +1 -1
  212. package/docs/assets/{SurveyQuestionScale.stories-Bi7NxxtA.js → SurveyQuestionScale.stories-OzvwLBWr.js} +1 -1
  213. package/docs/assets/{SurveyToggle-CyohUVKo.js → SurveyToggle-CPoPpkRt.js} +1 -1
  214. package/docs/assets/{SurveyToggle.stories-ghYQJDpX.js → SurveyToggle.stories-63IVdw_s.js} +1 -1
  215. package/docs/assets/{Switch-BtYFtHgw.js → Switch-8KDmrBx0.js} +1 -1
  216. package/docs/assets/{Switch.stories-DmNV0lil.js → Switch.stories-CLRVfXje.js} +1 -1
  217. package/docs/assets/{TabItem-GC7LQNvp.js → TabItem-DMeZl877.js} +1 -1
  218. package/docs/assets/{TabItem.stories-DbiRd9vV.js → TabItem.stories-bpoM2LnI.js} +1 -1
  219. package/docs/assets/{TextGroup-lwPvABi6.js → TextGroup-D5le3QVY.js} +1 -1
  220. package/docs/assets/{TextGroup.stories-CnojKPTw.js → TextGroup.stories-soggouxN.js} +1 -1
  221. package/docs/assets/{ThreeColumnLayout-BR3bkVIs.js → ThreeColumnLayout-CFf8NRwP.js} +1 -1
  222. package/docs/assets/{ThreeColumnLayout.stories-V4L7zdf_.js → ThreeColumnLayout.stories-tcn5IlfD.js} +1 -1
  223. package/docs/assets/{Tile-DjRk5xHI.js → Tile-DXlbtMBZ.js} +1 -1
  224. package/docs/assets/{Tile.sb.shared-Dt0Nhl_4.js → Tile.sb.shared-BRv2J5BO.js} +1 -1
  225. package/docs/assets/{Tile.stories-lM4we8lW.js → Tile.stories-C2CVBJs4.js} +1 -1
  226. package/docs/assets/{Toast-Dgoj-mgi.js → Toast-DyyWQQxM.js} +1 -1
  227. package/docs/assets/{Toast.stories-BxXNn_Nb.js → Toast.stories-Bv9gyrsa.js} +1 -1
  228. package/docs/assets/{ToggleButton-APZXu2t7.js → ToggleButton-C_ZU_6g5.js} +1 -1
  229. package/docs/assets/{ToggleButton.stories-DO-p6P3s.js → ToggleButton.stories-DLfjOSpj.js} +1 -1
  230. package/docs/assets/{Tooltip-Cni6OHo9.js → Tooltip-DB8acOEc.js} +1 -1
  231. package/docs/assets/{Tooltip.stories-C3h4ABpf.js → Tooltip.stories-DTDTTjA0.js} +1 -1
  232. package/docs/assets/{TypographyTokensLms.stories-PrEmdBHF.js → TypographyTokensLms.stories-DW3gBdun.js} +1 -1
  233. package/docs/assets/{TypographyVariables.stories-CP8aNZmQ.js → TypographyVariables.stories-FmiXmx2m.js} +1 -1
  234. package/docs/assets/{Well-DSgC9yDa.js → Well-Chn1RK_x.js} +1 -1
  235. package/docs/assets/{Well.stories-02Hpe7cX.js → Well.stories-D3_25hWV.js} +1 -1
  236. package/docs/assets/entry-preview-C1JfRNcy.js +1 -0
  237. package/docs/assets/{entry-preview-docs-b1BM2N0G.js → entry-preview-docs-CLZ3bGGX.js} +1 -1
  238. package/docs/assets/{iframe-OBly2w25.js → iframe-PlXRfjR9.js} +4 -3
  239. package/docs/assets/{index-DRNPKjaN.js → index-DGocbclh.js} +1 -1
  240. package/docs/assets/{index-BX4u4pqi.js → index-Dwdn4P5V.js} +1 -1
  241. package/docs/assets/preview-19u1OjCM.js +64 -0
  242. package/docs/assets/{preview-BA4xsxRI.js → preview-BqTxE9pa.js} +2 -2
  243. package/docs/assets/string-CXbuceC1.js +1 -0
  244. package/docs/assets/{vue-popper-CpfGMX4Q.js → vue-popper-DQfdblyw.js} +1 -1
  245. package/docs/assets/{vue.esm-bundler-CWlcb7ht.js → vue.esm-bundler-DmkhfO_9.js} +1 -1
  246. package/docs/iframe.html +1 -1
  247. package/docs/index.json +1 -1
  248. package/docs/project.json +1 -1
  249. package/lib/images/icons/change.svg +1 -0
  250. package/lib/js/components/Avatar/Avatar.consts.ts +10 -0
  251. package/lib/js/components/Avatar/Avatar.spec.ts +133 -0
  252. package/lib/js/components/Avatar/Avatar.stories.ts +91 -0
  253. package/lib/js/components/Avatar/Avatar.vue +178 -0
  254. package/lib/js/components/Avatar/index.ts +4 -0
  255. package/lib/js/components/Icons/Icon/Icon.consts.ts +6 -4
  256. package/lib/js/components/Modals/Modal/Modal.vue +2 -2
  257. package/lib/js/icons/fontawesome.ts +2 -0
  258. package/lib/js/index.ts +2 -0
  259. package/package.json +4 -3
  260. package/docs/assets/Icon-ChGia3n4.js +0 -761
  261. package/docs/assets/Modal-xys3UXAy.js +0 -1
  262. package/docs/assets/entry-preview-Dzwhc6UB.js +0 -1
  263. package/docs/assets/preview-ByrBU2E6.js +0 -64
  264. package/docs/assets/string-BIzBNuWk.js +0 -1
@@ -1 +1 @@
1
- import{d as n,c as s,f as o,g as r,a as l,n as d,o as t}from"./vue.esm-bundler-CWlcb7ht.js";import{_ as u}from"./_plugin-vue_export-helper-DlAUqK2U.js";const a={LEFT:"left",RIGHT:"right"},i=n({name:"Drawer",props:{position:{type:String,default:a.RIGHT,validator(e){return Object.values(a).includes(e)}},stickyHeader:{type:Boolean,default:!0},stickyFooter:{type:Boolean,default:!0}},computed:{positionClassName(){return this.position===a.LEFT?"-ds-positionLeft":"-ds-positionRight"}}}),c={key:0,class:"ds-drawer__header -ds-sticky"},f={key:0,class:"ds-drawer__header"},p={key:1,class:"ds-drawer__footer"},m={key:1,class:"ds-drawer__footer -ds-sticky"};function y(e,k,v,h,_,w){return t(),s("div",{class:d(["ds-drawer scrollable-container",{[e.positionClassName]:!0}])},[e.$slots.header&&e.stickyHeader?(t(),s("div",c,[o(e.$slots,"header",{},void 0,!0)])):r("",!0),l("div",{class:d(["ds-drawer__content",{"scrollable-container":e.stickyHeader||e.stickyFooter,"-ds-scrollable":e.stickyHeader||e.stickyFooter,"-ds-fullHeight":e.stickyFooter}])},[e.$slots.header&&!e.stickyHeader?(t(),s("div",f,[o(e.$slots,"header",{},void 0,!0)])):r("",!0),o(e.$slots,"default",{},void 0,!0),e.$slots.footer&&!e.stickyFooter?(t(),s("div",p,[o(e.$slots,"footer",{},void 0,!0)])):r("",!0)],2),e.$slots.footer&&e.stickyFooter?(t(),s("div",m,[o(e.$slots,"footer",{},void 0,!0)])):r("",!0)],2)}const H=u(i,[["render",y],["__scopeId","data-v-0cdce0fb"]]);i.__docgenInfo={displayName:"Drawer",exportName:"default",description:"",tags:{},props:[{name:"position",type:{name:"DrawerPosition"},defaultValue:{func:!1,value:"DRAWER_POSITIONS.RIGHT"}},{name:"stickyHeader",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"stickyFooter",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],slots:[{name:"header"},{name:"default"},{name:"footer"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/Drawer.vue"]};export{H as D,a};
1
+ import{d as n,c as s,f as o,g as r,a as l,n as d,o as t}from"./vue.esm-bundler-DmkhfO_9.js";import{_ as u}from"./_plugin-vue_export-helper-DlAUqK2U.js";const a={LEFT:"left",RIGHT:"right"},i=n({name:"Drawer",props:{position:{type:String,default:a.RIGHT,validator(e){return Object.values(a).includes(e)}},stickyHeader:{type:Boolean,default:!0},stickyFooter:{type:Boolean,default:!0}},computed:{positionClassName(){return this.position===a.LEFT?"-ds-positionLeft":"-ds-positionRight"}}}),c={key:0,class:"ds-drawer__header -ds-sticky"},f={key:0,class:"ds-drawer__header"},p={key:1,class:"ds-drawer__footer"},m={key:1,class:"ds-drawer__footer -ds-sticky"};function y(e,k,v,h,_,w){return t(),s("div",{class:d(["ds-drawer scrollable-container",{[e.positionClassName]:!0}])},[e.$slots.header&&e.stickyHeader?(t(),s("div",c,[o(e.$slots,"header",{},void 0,!0)])):r("",!0),l("div",{class:d(["ds-drawer__content",{"scrollable-container":e.stickyHeader||e.stickyFooter,"-ds-scrollable":e.stickyHeader||e.stickyFooter,"-ds-fullHeight":e.stickyFooter}])},[e.$slots.header&&!e.stickyHeader?(t(),s("div",f,[o(e.$slots,"header",{},void 0,!0)])):r("",!0),o(e.$slots,"default",{},void 0,!0),e.$slots.footer&&!e.stickyFooter?(t(),s("div",p,[o(e.$slots,"footer",{},void 0,!0)])):r("",!0)],2),e.$slots.footer&&e.stickyFooter?(t(),s("div",m,[o(e.$slots,"footer",{},void 0,!0)])):r("",!0)],2)}const H=u(i,[["render",y],["__scopeId","data-v-0cdce0fb"]]);i.__docgenInfo={displayName:"Drawer",exportName:"default",description:"",tags:{},props:[{name:"position",type:{name:"DrawerPosition"},defaultValue:{func:!1,value:"DRAWER_POSITIONS.RIGHT"}},{name:"stickyHeader",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"stickyFooter",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],slots:[{name:"header"},{name:"default"},{name:"footer"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/Drawer.vue"]};export{H as D,a};
@@ -1,4 +1,4 @@
1
- import{D as o,a}from"./Drawer-DRYKGdtt.js";import"./vue.esm-bundler-CWlcb7ht.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const l={title:"Components/Drawer",component:o},i=s=>({components:{Drawer:o},setup(){return s},template:`<div style="height: 300px; width: 200px;">
1
+ import{D as o,a}from"./Drawer-BAhS1Aex.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const l={title:"Components/Drawer",component:o},i=s=>({components:{Drawer:o},setup(){return s},template:`<div style="height: 300px; width: 200px;">
2
2
  <drawer :position="position" :sticky-header="stickyHeader" :sticky-footer="stickyFooter">
3
3
  <template v-slot:header><div style="background-color: var(--raw-gray-100)">Header<br><br></div></template>
4
4
  <div>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br></div>
@@ -1 +1 @@
1
- import{d as o,c as n,f as r,o as s}from"./vue.esm-bundler-CWlcb7ht.js";import{_ as a}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e=o({name:"DrawerContent"}),d={class:"ds-drawerContent"};function c(t,i,m,p,f,_){return s(),n("div",d,[r(t.$slots,"default",{},void 0,!0)])}const w=a(e,[["render",c],["__scopeId","data-v-f1bef3a6"]]);e.__docgenInfo={displayName:"DrawerContent",exportName:"default",description:"",tags:{},slots:[{name:"default"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerContent/DrawerContent.vue"]};export{w as D};
1
+ import{d as o,c as n,f as r,o as s}from"./vue.esm-bundler-DmkhfO_9.js";import{_ as a}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e=o({name:"DrawerContent"}),d={class:"ds-drawerContent"};function c(t,i,m,p,f,_){return s(),n("div",d,[r(t.$slots,"default",{},void 0,!0)])}const w=a(e,[["render",c],["__scopeId","data-v-f1bef3a6"]]);e.__docgenInfo={displayName:"DrawerContent",exportName:"default",description:"",tags:{},slots:[{name:"default"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerContent/DrawerContent.vue"]};export{w as D};
@@ -1,4 +1,4 @@
1
- import{D as o}from"./DrawerContent-CY64oeID.js";import"./vue.esm-bundler-CWlcb7ht.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const m={title:"Components/Drawer/DrawerContent",component:o},s=a=>({components:{DrawerContent:o},setup(){return a},template:`
1
+ import{D as o}from"./DrawerContent-BC_l9IKr.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const m={title:"Components/Drawer/DrawerContent",component:o},s=a=>({components:{DrawerContent:o},setup(){return a},template:`
2
2
  <drawer-content>
3
3
  <div>One</div>
4
4
  <div>Two</div>
@@ -1 +1 @@
1
- import{D as i,a as r,b as s}from"./Divider-4HN2u4Et.js";import{d as o,c as t,k as d,r as c,o as p}from"./vue.esm-bundler-CWlcb7ht.js";import{_ as m}from"./_plugin-vue_export-helper-DlAUqK2U.js";const a=o({name:"DrawerDivider",components:{DsDivider:i},props:{prominence:{type:String,default:r.DEFAULT,validator:e=>Object.values(r).includes(e)},size:{type:String,default:s.S,validator:e=>Object.values(s).includes(e)}}}),D={class:"ds-drawerDivider"};function l(e,u,v,_,f,I){const n=c("ds-divider");return p(),t("div",D,[d(n,{prominence:e.prominence,size:e.size},null,8,["prominence","size"])])}const w=m(a,[["render",l],["__scopeId","data-v-aaea53a2"]]);a.__docgenInfo={displayName:"DrawerDivider",exportName:"default",description:"",tags:{},props:[{name:"prominence",type:{name:"string"},defaultValue:{func:!1,value:"DIVIDER_PROMINENCES.DEFAULT"}},{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"DIVIDER_SIZES.S"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerDivider/DrawerDivider.vue"]};export{w as D};
1
+ import{D as i,a as r,b as s}from"./Divider-CeZli6az.js";import{d as o,c as t,k as d,r as c,o as p}from"./vue.esm-bundler-DmkhfO_9.js";import{_ as m}from"./_plugin-vue_export-helper-DlAUqK2U.js";const a=o({name:"DrawerDivider",components:{DsDivider:i},props:{prominence:{type:String,default:r.DEFAULT,validator:e=>Object.values(r).includes(e)},size:{type:String,default:s.S,validator:e=>Object.values(s).includes(e)}}}),D={class:"ds-drawerDivider"};function l(e,u,v,_,f,I){const n=c("ds-divider");return p(),t("div",D,[d(n,{prominence:e.prominence,size:e.size},null,8,["prominence","size"])])}const w=m(a,[["render",l],["__scopeId","data-v-aaea53a2"]]);a.__docgenInfo={displayName:"DrawerDivider",exportName:"default",description:"",tags:{},props:[{name:"prominence",type:{name:"string"},defaultValue:{func:!1,value:"DIVIDER_PROMINENCES.DEFAULT"}},{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"DIVIDER_SIZES.S"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerDivider/DrawerDivider.vue"]};export{w as D};
@@ -1,4 +1,4 @@
1
- import{D as i}from"./DrawerDivider-B6matEEg.js";import{a as s,b as o}from"./Divider-4HN2u4Et.js";import"./vue.esm-bundler-CWlcb7ht.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const g={title:"Components/Drawer/DrawerDivider",component:i},p=a=>({components:{DrawerDivider:i},setup(){return a},template:`
1
+ import{D as i}from"./DrawerDivider-DuTuIbLz.js";import{a as s,b as o}from"./Divider-CeZli6az.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const g={title:"Components/Drawer/DrawerDivider",component:i},p=a=>({components:{DrawerDivider:i},setup(){return a},template:`
2
2
  <div style="height: 200px; width: 200px;">
3
3
  <drawer-divider :prominence="prominence" :size="size" />
4
4
  </div>`}),e=p.bind({}),c={prominence:s.DEFAULT,size:o.S},m={prominence:{control:"select",options:Object.values(s)},size:{control:"select",options:Object.values(o)}};e.argTypes=m;e.args=c;e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=6785-111032&t=2Z2n2tIHRHEsWjoW-4"}};var r,t,n;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.docs,source:{originalSource:`args => ({
@@ -1 +1 @@
1
- import{d as y,c as s,a as i,b as n,e as v,g as l,n as r,j as u,f,r as o,o as a,l as S}from"./vue.esm-bundler-CWlcb7ht.js";import{D as _,a as C,I as T}from"./Button-DVtHJ-a3.js";import{D,b as N,a as O}from"./Divider-4HN2u4Et.js";import{I as w}from"./IconButton-rhUVXzuc.js";import{C as k}from"./Chip-D-3z8YPj.js";import{a as R,I as L,b as V}from"./Icon-ChGia3n4.js";import{_ as B}from"./_plugin-vue_export-helper-DlAUqK2U.js";const H={NEUTRAL_STRONG:"neutralStrong",NEUTRAL_WEAK:"neutralWeak"},p=y({name:"DrawerHeader",components:{DsButton:_,Divider:D,Icon:R,IconButton:w,Chip:k},props:{eyebrowText:{type:String,default:null},isInteractiveEyebrow:{type:Boolean,default:!1},eyebrowEllipsis:{type:Boolean,default:!1},title:{type:String,default:null},titleEllipsis:{type:Boolean,default:!1},titleColor:{type:String,default:H.NEUTRAL_STRONG},leftIcon:{type:[Object,null],default:null},chipLabel:{type:String,default:null},isClosable:{type:Boolean,default:!0},hasDivider:{type:Boolean,default:!1},isSecondLevel:{type:Boolean,default:!1}},emits:["backClicked","close","eyebrowClicked"],data(){return{BUTTON_TYPES:Object.freeze(C),DIVIDER_SIZES:Object.freeze(N),DIVIDER_PROMINENCES:Object.freeze(O),ICONS:Object.freeze(L),ICON_BUTTON_SIZES:Object.freeze(T),ICON_SIZES:Object.freeze(V)}}}),g={class:"ds-drawerHeader"},$={class:"ds-drawerHeader__titleWrapper"},A={class:"ds-drawerHeader__title"},h=["title"],z={key:3},U={key:1,class:"ds-drawerHeader__actions"};function j(e,t,Z,M,W,P){const c=o("ds-button"),m=o("icon"),E=o("chip"),I=o("icon-button"),b=o("divider");return a(),s("div",g,[i("div",$,[e.isSecondLevel?(a(),n(c,{key:0,"icon-left":e.ICONS.FA_CHEVRON_LEFT,type:e.BUTTON_TYPES.TEXT,class:"ds-drawerHeader__secondLevel",onClick:t[0]||(t[0]=d=>e.$emit("backClicked"))},{default:v(()=>t[3]||(t[3]=[S(" Wróć ")])),_:1},8,["icon-left","type"])):l("",!0),i("div",{class:r([{"-ds-hidden":e.isSecondLevel},"ds-drawerHeader__firstLevel"])},[e.eyebrowText?(a(),s("span",{key:0,class:r([{"-ds-isInteractive":e.isInteractiveEyebrow,"-ds-ellipsis":e.eyebrowEllipsis},"ds-drawerHeader__eyebrow"]),onClick:t[1]||(t[1]=d=>e.isInteractiveEyebrow&&e.$emit("eyebrowClicked"))},u(e.eyebrowText),3)):l("",!0),i("div",A,[e.leftIcon?(a(),n(m,{key:0,icon:e.leftIcon,size:e.ICON_SIZES.X_SMALL,class:"ds-drawerHeader__leftIcon"},null,8,["icon","size"])):l("",!0),e.title?(a(),s("span",{key:1,class:r(["ds-drawerHeader__titleText",{"-ds-ellipsis":e.titleEllipsis,[`-ds-${e.titleColor}`]:!0}]),title:e.titleEllipsis?e.title:void 0},u(e.title),11,h)):l("",!0),e.chipLabel?(a(),n(E,{key:2,label:e.chipLabel},null,8,["label"])):l("",!0),e.$slots.titleTrailing?(a(),s("div",z,[f(e.$slots,"titleTrailing",{},void 0,!0)])):l("",!0)])],2),e.$slots.actions?(a(),s("div",U,[f(e.$slots,"actions",{},void 0,!0)])):l("",!0),e.isClosable?(a(),n(I,{key:2,icon:e.ICONS.FA_XMARK,size:e.ICON_BUTTON_SIZES.MEDIUM,touchable:!1,onClick:t[2]||(t[2]=d=>e.$emit("close"))},null,8,["icon","size"])):l("",!0)]),e.hasDivider?(a(),n(b,{key:0,size:e.DIVIDER_SIZES.L,prominence:e.DIVIDER_PROMINENCES.WEAK},null,8,["size","prominence"])):l("",!0)])}const Q=B(p,[["render",j],["__scopeId","data-v-5b63b67e"]]);p.__docgenInfo={displayName:"DrawerHeader",exportName:"default",description:"",tags:{},props:[{name:"eyebrowText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"isInteractiveEyebrow",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"eyebrowEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"title",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"titleEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"titleColor",type:{name:"DrawerHeaderTitleColor"},defaultValue:{func:!1,value:"DRAWER_HEADER_TITLE_COLORS.NEUTRAL_STRONG"}},{name:"leftIcon",type:{name:"object|null"},defaultValue:{func:!1,value:"null"}},{name:"chipLabel",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"isClosable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"hasDivider",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isSecondLevel",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"backClicked"},{name:"eyebrowClicked"},{name:"close"}],slots:[{name:"titleTrailing"},{name:"actions"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue"]};export{Q as D,H as a};
1
+ import{d as y,c as s,a as i,b as n,e as v,g as l,n as r,j as u,f,r as o,o as a,l as S}from"./vue.esm-bundler-DmkhfO_9.js";import{D as _,a as C,I as T}from"./Button-BnWnuQz_.js";import{D,b as N,a as O}from"./Divider-CeZli6az.js";import{I as w}from"./IconButton-BcjUxjB4.js";import{C as k}from"./Chip-DHtEAdjh.js";import{a as R,I as L,b as V}from"./Icon-KlrZhBvI.js";import{_ as B}from"./_plugin-vue_export-helper-DlAUqK2U.js";const H={NEUTRAL_STRONG:"neutralStrong",NEUTRAL_WEAK:"neutralWeak"},p=y({name:"DrawerHeader",components:{DsButton:_,Divider:D,Icon:R,IconButton:w,Chip:k},props:{eyebrowText:{type:String,default:null},isInteractiveEyebrow:{type:Boolean,default:!1},eyebrowEllipsis:{type:Boolean,default:!1},title:{type:String,default:null},titleEllipsis:{type:Boolean,default:!1},titleColor:{type:String,default:H.NEUTRAL_STRONG},leftIcon:{type:[Object,null],default:null},chipLabel:{type:String,default:null},isClosable:{type:Boolean,default:!0},hasDivider:{type:Boolean,default:!1},isSecondLevel:{type:Boolean,default:!1}},emits:["backClicked","close","eyebrowClicked"],data(){return{BUTTON_TYPES:Object.freeze(C),DIVIDER_SIZES:Object.freeze(N),DIVIDER_PROMINENCES:Object.freeze(O),ICONS:Object.freeze(L),ICON_BUTTON_SIZES:Object.freeze(T),ICON_SIZES:Object.freeze(V)}}}),g={class:"ds-drawerHeader"},$={class:"ds-drawerHeader__titleWrapper"},A={class:"ds-drawerHeader__title"},h=["title"],z={key:3},U={key:1,class:"ds-drawerHeader__actions"};function j(e,t,Z,M,W,P){const c=o("ds-button"),m=o("icon"),E=o("chip"),I=o("icon-button"),b=o("divider");return a(),s("div",g,[i("div",$,[e.isSecondLevel?(a(),n(c,{key:0,"icon-left":e.ICONS.FA_CHEVRON_LEFT,type:e.BUTTON_TYPES.TEXT,class:"ds-drawerHeader__secondLevel",onClick:t[0]||(t[0]=d=>e.$emit("backClicked"))},{default:v(()=>t[3]||(t[3]=[S(" Wróć ")])),_:1},8,["icon-left","type"])):l("",!0),i("div",{class:r([{"-ds-hidden":e.isSecondLevel},"ds-drawerHeader__firstLevel"])},[e.eyebrowText?(a(),s("span",{key:0,class:r([{"-ds-isInteractive":e.isInteractiveEyebrow,"-ds-ellipsis":e.eyebrowEllipsis},"ds-drawerHeader__eyebrow"]),onClick:t[1]||(t[1]=d=>e.isInteractiveEyebrow&&e.$emit("eyebrowClicked"))},u(e.eyebrowText),3)):l("",!0),i("div",A,[e.leftIcon?(a(),n(m,{key:0,icon:e.leftIcon,size:e.ICON_SIZES.X_SMALL,class:"ds-drawerHeader__leftIcon"},null,8,["icon","size"])):l("",!0),e.title?(a(),s("span",{key:1,class:r(["ds-drawerHeader__titleText",{"-ds-ellipsis":e.titleEllipsis,[`-ds-${e.titleColor}`]:!0}]),title:e.titleEllipsis?e.title:void 0},u(e.title),11,h)):l("",!0),e.chipLabel?(a(),n(E,{key:2,label:e.chipLabel},null,8,["label"])):l("",!0),e.$slots.titleTrailing?(a(),s("div",z,[f(e.$slots,"titleTrailing",{},void 0,!0)])):l("",!0)])],2),e.$slots.actions?(a(),s("div",U,[f(e.$slots,"actions",{},void 0,!0)])):l("",!0),e.isClosable?(a(),n(I,{key:2,icon:e.ICONS.FA_XMARK,size:e.ICON_BUTTON_SIZES.MEDIUM,touchable:!1,onClick:t[2]||(t[2]=d=>e.$emit("close"))},null,8,["icon","size"])):l("",!0)]),e.hasDivider?(a(),n(b,{key:0,size:e.DIVIDER_SIZES.L,prominence:e.DIVIDER_PROMINENCES.WEAK},null,8,["size","prominence"])):l("",!0)])}const Q=B(p,[["render",j],["__scopeId","data-v-5b63b67e"]]);p.__docgenInfo={displayName:"DrawerHeader",exportName:"default",description:"",tags:{},props:[{name:"eyebrowText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"isInteractiveEyebrow",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"eyebrowEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"title",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"titleEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"titleColor",type:{name:"DrawerHeaderTitleColor"},defaultValue:{func:!1,value:"DRAWER_HEADER_TITLE_COLORS.NEUTRAL_STRONG"}},{name:"leftIcon",type:{name:"object|null"},defaultValue:{func:!1,value:"null"}},{name:"chipLabel",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"isClosable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"hasDivider",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isSecondLevel",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"backClicked"},{name:"eyebrowClicked"},{name:"close"}],slots:[{name:"titleTrailing"},{name:"actions"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue"]};export{Q as D,H as a};
@@ -1,4 +1,4 @@
1
- import{D as o,a as r}from"./DrawerHeader-kxEGS3hp.js";import{I as n}from"./Icon-ChGia3n4.js";import"./vue.esm-bundler-CWlcb7ht.js";import"./Button-DVtHJ-a3.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Divider-4HN2u4Et.js";import"./IconButton-rhUVXzuc.js";import"./device-9fgosCm4.js";import"./Chip-D-3z8YPj.js";const I={title:"Components/Drawer/DrawerHeader",component:o},s=a=>({components:{DrawerHeader:o},setup(){return a},data(){return{ICONS:Object.freeze(n)}},template:`
1
+ import{D as o,a as r}from"./DrawerHeader-DAlTWdTV.js";import{I as n}from"./Icon-KlrZhBvI.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./Button-BnWnuQz_.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Divider-CeZli6az.js";import"./IconButton-BcjUxjB4.js";import"./device-9fgosCm4.js";import"./Chip-DHtEAdjh.js";const I={title:"Components/Drawer/DrawerHeader",component:o},s=a=>({components:{DrawerHeader:o},setup(){return a},data(){return{ICONS:Object.freeze(n)}},template:`
2
2
  <drawer-header
3
3
  :eyebrow-ellipsis="eyebrowEllipsis"
4
4
  :eyebrow-text="eyebrowText"
@@ -1 +1 @@
1
- import{d as i,c as a,a as d,j as r,b as _,r as c,o as t}from"./vue.esm-bundler-CWlcb7ht.js";import{a as l,I,b as m}from"./Icon-ChGia3n4.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s={DEFAULT:"default",LOADING:"loading"},n=i({name:"DrawerListItem",components:{DsIcon:l},props:{state:{type:String,default:s.DEFAULT,validator(e){return Object.values(s).includes(e)}},label:{type:String,required:!0},valueText:{type:String,required:!0}},data(){return{DRAWER_LIST_ITEM_STATES:Object.freeze(s),ICONS:Object.freeze(I),ICON_SIZES:Object.freeze(m)}}}),u={class:"ds-drawerListItem"},S={class:"ds-drawerListItem__label"},T={key:1,class:"ds-drawerListItem__value"};function D(e,E,L,f,A,v){const o=c("ds-icon");return t(),a("div",u,[d("div",S,r(e.label),1),e.state===e.DRAWER_LIST_ITEM_STATES.LOADING?(t(),_(o,{key:0,icon:e.ICONS.FAD_SPINNER_THIRD,size:e.ICON_SIZES.XX_SMALL,spinning:""},null,8,["icon","size"])):(t(),a("div",T,r(e.valueText),1))])}const y=p(n,[["render",D],["__scopeId","data-v-be266320"]]);n.__docgenInfo={displayName:"DrawerListItem",exportName:"default",description:"",tags:{},props:[{name:"state",type:{name:"DrawerListItemState"},defaultValue:{func:!1,value:"DRAWER_LIST_ITEM_STATES.DEFAULT"}},{name:"label",type:{name:"string"},required:!0},{name:"valueText",type:{name:"string"},required:!0}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue"]};export{y as D,s as a};
1
+ import{d as i,c as a,a as d,j as r,b as _,r as c,o as t}from"./vue.esm-bundler-DmkhfO_9.js";import{a as l,I,b as m}from"./Icon-KlrZhBvI.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s={DEFAULT:"default",LOADING:"loading"},n=i({name:"DrawerListItem",components:{DsIcon:l},props:{state:{type:String,default:s.DEFAULT,validator(e){return Object.values(s).includes(e)}},label:{type:String,required:!0},valueText:{type:String,required:!0}},data(){return{DRAWER_LIST_ITEM_STATES:Object.freeze(s),ICONS:Object.freeze(I),ICON_SIZES:Object.freeze(m)}}}),u={class:"ds-drawerListItem"},S={class:"ds-drawerListItem__label"},T={key:1,class:"ds-drawerListItem__value"};function D(e,E,L,f,A,v){const o=c("ds-icon");return t(),a("div",u,[d("div",S,r(e.label),1),e.state===e.DRAWER_LIST_ITEM_STATES.LOADING?(t(),_(o,{key:0,icon:e.ICONS.FAD_SPINNER_THIRD,size:e.ICON_SIZES.XX_SMALL,spinning:""},null,8,["icon","size"])):(t(),a("div",T,r(e.valueText),1))])}const y=p(n,[["render",D],["__scopeId","data-v-be266320"]]);n.__docgenInfo={displayName:"DrawerListItem",exportName:"default",description:"",tags:{},props:[{name:"state",type:{name:"DrawerListItemState"},defaultValue:{func:!1,value:"DRAWER_LIST_ITEM_STATES.DEFAULT"}},{name:"label",type:{name:"string"},required:!0},{name:"valueText",type:{name:"string"},required:!0}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue"]};export{y as D,s as a};
@@ -1,4 +1,4 @@
1
- import{D as s,a as n}from"./DrawerListItem-k3WHGFah.js";import"./vue.esm-bundler-CWlcb7ht.js";import"./Icon-ChGia3n4.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const g={title:"Components/Drawer/DrawerListItem",component:s},i=o=>({components:{DrawerListItem:s},setup(){return o},template:`<div style="height: 300px; width: 200px;">
1
+ import{D as s,a as n}from"./DrawerListItem-BQwvRia4.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./Icon-KlrZhBvI.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const g={title:"Components/Drawer/DrawerListItem",component:s},i=o=>({components:{DrawerListItem:s},setup(){return o},template:`<div style="height: 300px; width: 200px;">
2
2
  <drawer-list-item :label="label" :value-text="valueText" :state="state" />
3
3
  </div>`}),e=i.bind({}),l={label:"Label",valueText:"value",state:n.DEFAULT},p={state:{control:"select",options:Object.values(n)}};e.argTypes=p;e.args=l;e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=6785-111025&t=pzyp7YuJcnGNBfS5-4"}};var t,a,r;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`args => ({
4
4
  components: {
@@ -1 +1 @@
1
- import{d as s,c as t,f as o,o as a}from"./vue.esm-bundler-CWlcb7ht.js";import{_ as n}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e=s({name:"DrawerListItemGroup"}),i={class:"ds-drawerListItemGroup"};function d(r,m,p,c,u,_){return a(),t("div",i,[o(r.$slots,"default",{},void 0,!0)])}const w=n(e,[["render",d],["__scopeId","data-v-af074046"]]);e.__docgenInfo={displayName:"DrawerListItemGroup",exportName:"default",description:"",tags:{},slots:[{name:"default"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerListItemGroup/DrawerListItemGroup.vue"]};export{w as D};
1
+ import{d as s,c as t,f as o,o as a}from"./vue.esm-bundler-DmkhfO_9.js";import{_ as n}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e=s({name:"DrawerListItemGroup"}),i={class:"ds-drawerListItemGroup"};function d(r,m,p,c,u,_){return a(),t("div",i,[o(r.$slots,"default",{},void 0,!0)])}const w=n(e,[["render",d],["__scopeId","data-v-af074046"]]);e.__docgenInfo={displayName:"DrawerListItemGroup",exportName:"default",description:"",tags:{},slots:[{name:"default"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerListItemGroup/DrawerListItemGroup.vue"]};export{w as D};
@@ -1,4 +1,4 @@
1
- import{D as s}from"./DrawerListItemGroup-B40g16RV.js";import{D as m}from"./DrawerListItem-k3WHGFah.js";import"./vue.esm-bundler-CWlcb7ht.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Icon-ChGia3n4.js";const w={title:"Components/Drawer/DrawerListItemGroup",component:s},i=o=>({components:{DrawerListItemGroup:s,DrawerListItem:m},setup(){return o},template:`
1
+ import{D as s}from"./DrawerListItemGroup-BTfrsZ_p.js";import{D as m}from"./DrawerListItem-BQwvRia4.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Icon-KlrZhBvI.js";const w={title:"Components/Drawer/DrawerListItemGroup",component:s},i=o=>({components:{DrawerListItemGroup:s,DrawerListItem:m},setup(){return o},template:`
2
2
  <drawer-list-item-group>
3
3
  <drawer-list-item value-text="1" label="Item" />
4
4
  <drawer-list-item value-text="2" label="Item" />
@@ -1 +1 @@
1
- import{I as l}from"./Icon-ChGia3n4.js";import"./IconButton-rhUVXzuc.js";import{i as f,I as p}from"./Button-DVtHJ-a3.js";import{b as c,S as a,a as s}from"./SectionHeader-C2Y0CGjY.js";import{d as m,t as n,c as i,b as E,g as o,f as r,r as S,o as t}from"./vue.esm-bundler-CWlcb7ht.js";import{_ as O}from"./_plugin-vue_export-helper-DlAUqK2U.js";const d=m({name:"DrawerSection",components:{DsSectionHeader:c},props:{isExpandable:{type:Boolean,default:!1},iconLeft:{type:Object,default:null,validator(e){return Object.values(l).includes(n(e))}},iconLeftColor:{type:String,default:a.NEUTRAL_WEAK,validator(e){return Object.values(a).includes(n(e))}},iconRight:{type:Object,default:null,validator(e){return Object.values(l).includes(n(e))}},iconRightColor:{type:String,default:a.NEUTRAL_WEAK,validator(e){return Object.values(a).includes(n(e))}},isExpanded:{type:Boolean,default:!0},info:{type:Boolean,default:!1},size:{type:String,default:s.XX_SMALL,validator(e){return Object.values(s).includes(e)}},title:{type:String,default:null},titleEllipsis:{type:Boolean,default:!1},eyebrow:{type:String,default:""},supportingText:{type:String,default:null},hasDivider:{type:Boolean,default:!0}},emits:["info-click","update:isExpanded"],data(){return{ICON_BUTTON_COLORS:Object.freeze(f),ICON_BUTTON_SIZES:Object.freeze(p),ICONS:Object.freeze(l),isExpandedInternal:this.isExpanded}},watch:{isExpanded:{handler(e){e!==this.isExpandedInternal&&(this.isExpandedInternal=e)},immediate:!0}},methods:{onExpandableHeaderClick(e){this.isExpandedInternal=e,this.$emit("update:isExpanded",e)},onInfoClick(){this.$emit("info-click")}}}),y={class:"ds-drawerSection"},I={key:1},b={key:2};function C(e,v,g,h,_,N){const u=S("ds-section-header");return t(),i("div",y,[e.title?(t(),E(u,{key:0,"icon-left":e.iconLeft,"icon-left-color":e.iconLeftColor,"icon-right":e.iconRight,"icon-right-color":e.iconRightColor,"is-expandable":e.isExpandable,"is-expanded":e.isExpandedInternal,info:e.info,size:e.size,title:e.title,"title-ellipsis":e.titleEllipsis,eyebrow:e.eyebrow,"supporting-text":e.supportingText,"has-divider":e.hasDivider,onInfoClick:e.onInfoClick,"onUpdate:isExpanded":e.onExpandableHeaderClick},null,8,["icon-left","icon-left-color","icon-right","icon-right-color","is-expandable","is-expanded","info","size","title","title-ellipsis","eyebrow","supporting-text","has-divider","onInfoClick","onUpdate:isExpanded"])):o("",!0),e.isExpandedInternal||!e.isExpandable?(t(),i("div",I,[r(e.$slots,"default")])):o("",!0),e.$slots.uncollapsible?(t(),i("div",b,[r(e.$slots,"uncollapsible")])):o("",!0)])}const A=O(d,[["render",C]]);d.__docgenInfo={displayName:"DrawerSection",exportName:"default",description:"",tags:{},props:[{name:"isExpandable",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"iconLeft",type:{name:"Object as () => IconItem"},defaultValue:{func:!1,value:"null"}},{name:"iconLeftColor",type:{name:"String as () => SectionHeaderIconColor"},defaultValue:{func:!1,value:"SECTION_HEADER_ICON_COLORS.NEUTRAL_WEAK"}},{name:"iconRight",type:{name:"Object as () => IconItem"},defaultValue:{func:!1,value:"null"}},{name:"iconRightColor",type:{name:"String as () => SectionHeaderIconColor"},defaultValue:{func:!1,value:"SECTION_HEADER_ICON_COLORS.NEUTRAL_WEAK"}},{name:"isExpanded",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"info",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"SECTION_HEADER_SIZES.XX_SMALL"}},{name:"title",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"titleEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"eyebrow",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"supportingText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"hasDivider",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],events:[{name:"info-click"},{name:"update:isExpanded",type:{names:["undefined"]}}],slots:[{name:"default"},{name:"uncollapsible"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerSection/DrawerSection.vue"]};export{A as D};
1
+ import{I as l}from"./Icon-KlrZhBvI.js";import"./IconButton-BcjUxjB4.js";import{i as f,I as p}from"./Button-BnWnuQz_.js";import{b as c,S as a,a as s}from"./SectionHeader-C9tfdV94.js";import{d as m,t as n,c as i,b as E,g as o,f as r,r as S,o as t}from"./vue.esm-bundler-DmkhfO_9.js";import{_ as O}from"./_plugin-vue_export-helper-DlAUqK2U.js";const d=m({name:"DrawerSection",components:{DsSectionHeader:c},props:{isExpandable:{type:Boolean,default:!1},iconLeft:{type:Object,default:null,validator(e){return Object.values(l).includes(n(e))}},iconLeftColor:{type:String,default:a.NEUTRAL_WEAK,validator(e){return Object.values(a).includes(n(e))}},iconRight:{type:Object,default:null,validator(e){return Object.values(l).includes(n(e))}},iconRightColor:{type:String,default:a.NEUTRAL_WEAK,validator(e){return Object.values(a).includes(n(e))}},isExpanded:{type:Boolean,default:!0},info:{type:Boolean,default:!1},size:{type:String,default:s.XX_SMALL,validator(e){return Object.values(s).includes(e)}},title:{type:String,default:null},titleEllipsis:{type:Boolean,default:!1},eyebrow:{type:String,default:""},supportingText:{type:String,default:null},hasDivider:{type:Boolean,default:!0}},emits:["info-click","update:isExpanded"],data(){return{ICON_BUTTON_COLORS:Object.freeze(f),ICON_BUTTON_SIZES:Object.freeze(p),ICONS:Object.freeze(l),isExpandedInternal:this.isExpanded}},watch:{isExpanded:{handler(e){e!==this.isExpandedInternal&&(this.isExpandedInternal=e)},immediate:!0}},methods:{onExpandableHeaderClick(e){this.isExpandedInternal=e,this.$emit("update:isExpanded",e)},onInfoClick(){this.$emit("info-click")}}}),y={class:"ds-drawerSection"},I={key:1},b={key:2};function C(e,v,g,h,_,N){const u=S("ds-section-header");return t(),i("div",y,[e.title?(t(),E(u,{key:0,"icon-left":e.iconLeft,"icon-left-color":e.iconLeftColor,"icon-right":e.iconRight,"icon-right-color":e.iconRightColor,"is-expandable":e.isExpandable,"is-expanded":e.isExpandedInternal,info:e.info,size:e.size,title:e.title,"title-ellipsis":e.titleEllipsis,eyebrow:e.eyebrow,"supporting-text":e.supportingText,"has-divider":e.hasDivider,onInfoClick:e.onInfoClick,"onUpdate:isExpanded":e.onExpandableHeaderClick},null,8,["icon-left","icon-left-color","icon-right","icon-right-color","is-expandable","is-expanded","info","size","title","title-ellipsis","eyebrow","supporting-text","has-divider","onInfoClick","onUpdate:isExpanded"])):o("",!0),e.isExpandedInternal||!e.isExpandable?(t(),i("div",I,[r(e.$slots,"default")])):o("",!0),e.$slots.uncollapsible?(t(),i("div",b,[r(e.$slots,"uncollapsible")])):o("",!0)])}const A=O(d,[["render",C]]);d.__docgenInfo={displayName:"DrawerSection",exportName:"default",description:"",tags:{},props:[{name:"isExpandable",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"iconLeft",type:{name:"Object as () => IconItem"},defaultValue:{func:!1,value:"null"}},{name:"iconLeftColor",type:{name:"String as () => SectionHeaderIconColor"},defaultValue:{func:!1,value:"SECTION_HEADER_ICON_COLORS.NEUTRAL_WEAK"}},{name:"iconRight",type:{name:"Object as () => IconItem"},defaultValue:{func:!1,value:"null"}},{name:"iconRightColor",type:{name:"String as () => SectionHeaderIconColor"},defaultValue:{func:!1,value:"SECTION_HEADER_ICON_COLORS.NEUTRAL_WEAK"}},{name:"isExpanded",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"info",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"SECTION_HEADER_SIZES.XX_SMALL"}},{name:"title",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"titleEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"eyebrow",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"supportingText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"hasDivider",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],events:[{name:"info-click"},{name:"update:isExpanded",type:{names:["undefined"]}}],slots:[{name:"default"},{name:"uncollapsible"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerSection/DrawerSection.vue"]};export{A as D};
@@ -1,4 +1,4 @@
1
- import{D as r}from"./DrawerSection-DIeDQFNf.js";import{S as n,a as l}from"./SectionHeader-C2Y0CGjY.js";import{I as t}from"./Icon-ChGia3n4.js";import"./IconButton-rhUVXzuc.js";import"./Button-DVtHJ-a3.js";import"./vue.esm-bundler-CWlcb7ht.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./device-9fgosCm4.js";import"./Divider-4HN2u4Et.js";const{useArgs:d}=__STORYBOOK_MODULE_PREVIEW_API__,D={title:"Components/Drawer/DrawerSection",component:r},f=a=>{const[g,c]=d();return{components:{DrawerSection:r},setup(){return a},data(){return{ICONS:Object.freeze(t)}},methods:{infoClicked(){console.log("info clicked")},isExpandedUpdated(p){c({isExpanded:p})}},template:`
1
+ import{D as r}from"./DrawerSection-xoALUrNo.js";import{S as n,a as l}from"./SectionHeader-C9tfdV94.js";import{I as t}from"./Icon-KlrZhBvI.js";import"./IconButton-BcjUxjB4.js";import"./Button-BnWnuQz_.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./device-9fgosCm4.js";import"./Divider-CeZli6az.js";const{useArgs:d}=__STORYBOOK_MODULE_PREVIEW_API__,D={title:"Components/Drawer/DrawerSection",component:r},f=a=>{const[g,c]=d();return{components:{DrawerSection:r},setup(){return a},data(){return{ICONS:Object.freeze(t)}},methods:{infoClicked(){console.log("info clicked")},isExpandedUpdated(p){c({isExpanded:p})}},template:`
2
2
  <drawer-section
3
3
  :size="size"
4
4
  :title="title"
@@ -1 +1 @@
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
+ import{c as n,p as t}from"./Tile-DXlbtMBZ.js";import{d as a,c as i,k as c,p,r as l,o as m}from"./vue.esm-bundler-DmkhfO_9.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-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 => ({
1
+ import{D as o}from"./DrawerTile-C64fS4dq.js";import{a as p,b as n,t as m,d as i}from"./Tile.sb.shared-BRv2J5BO.js";import"./Tile-DXlbtMBZ.js";import"./Icon-KlrZhBvI.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Banner-B_WbNF52.js";import"./Button-BnWnuQz_.js";import"./Divider-CeZli6az.js";import"./IconButton-BcjUxjB4.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 +1 @@
1
- import{V as u}from"./vue-popper-CpfGMX4Q.js";import{d as m,b as c,e as s,r as f,o as O,f as a,a as n,n as i,s as h}from"./vue.esm-bundler-CWlcb7ht.js";import{_ as S}from"./_plugin-vue_export-helper-DlAUqK2U.js";const r={CLICK:"click",HOVER:"hover"},o={TOP:"top",BOTTOM:"bottom",BOTH:"both"},l={BOTTOM_START:"bottom-start",BOTTOM_END:"bottom-end"},d=m({name:"Dropdown",components:{VuePopper:u},props:{boundariesSelector:{type:String,default:null},forceShow:{type:Boolean,default:!1},sameWidth:{type:Boolean,default:!1},triggerAction:{type:String,default:r.CLICK,validator(e){return Object.values(r).includes(e)}},radius:{type:String,default:o.BOTH,validate(e){return Object.values(o).includes(e)}},placement:{type:String,default:l.BOTTOM_START,validate(e){return Object.values(l).includes(e)}},maxHeight:{type:String,default:null}},emits:["document-click","hide","show"],data(){return{key:1,isOpened:!1,DROPDOWN_RADIUSES:Object.freeze(o)}},computed:{scrollableWrapperStyles(){return{...this.maxHeight&&{maxHeight:this.maxHeight}}},options(){return{modifiers:{preventOverflow:{padding:0}},placement:this.placement,...this.sameWidth&&{onUpdate:({instance:{reference:e,popper:t}})=>{t.style.width=`${e.offsetWidth}px`}}}}},watch:{triggerAction(){this.updateKey()},sameWidth(){this.updateKey()},boundariesSelector(){this.updateKey()},placement(){this.updateKey()}},methods:{close(){this.isOpened=!1,this.$refs.popper.doClose()},updateKey(){this.key++},onHide(){this.isOpened=!1,this.$emit("hide")},onShow(){this.isOpened=!0,this.$emit("show")}}});function g(e,t,D,y,T,v){const p=f("vue-popper");return O(),c(p,{ref:"popper",key:e.key,"boundaries-selector":e.boundariesSelector,"force-show":e.forceShow,options:e.options,"visible-arrow":!1,trigger:e.triggerAction,"delay-on-mouse-out":300,onDocumentClick:t[0]||(t[0]=b=>e.$emit("document-click")),onHide:e.onHide,onShow:e.onShow},{reference:s(()=>[a(e.$slots,"reference",{isOpened:e.isOpened},void 0,!0)]),default:s(()=>[n("div",{class:i(["popper ds-dropdown",{"-ds-radiusBottom":e.radius===e.DROPDOWN_RADIUSES.BOTTOM,"-ds-radiusTop":e.radius===e.DROPDOWN_RADIUSES.TOP,"-ds-radiusBottom -ds-radiusTop":e.radius===e.DROPDOWN_RADIUSES.BOTH}])},[n("div",{class:i(["ds-dropdown__scrollableWrapper",{"-ds-heightLimited":!!e.maxHeight}]),style:h(e.scrollableWrapperStyles)},[a(e.$slots,"default",{close:e.close},void 0,!0)],6)],2)]),_:3},8,["boundaries-selector","force-show","options","trigger","onHide","onShow"])}const W=S(d,[["render",g],["__scopeId","data-v-2d417441"]]);d.__docgenInfo={displayName:"Dropdown",exportName:"default",description:"",tags:{},props:[{name:"boundariesSelector",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"forceShow",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"sameWidth",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"triggerAction",type:{name:"string"},defaultValue:{func:!1,value:"DROPDOWN_TRIGGER_ACTIONS.CLICK"}},{name:"radius",type:{name:"string"},defaultValue:{func:!1,value:"DROPDOWN_RADIUSES.BOTH"}},{name:"placement",type:{name:"string"},defaultValue:{func:!1,value:"DROPDOWN_PLACEMENTS.BOTTOM_START"}},{name:"maxHeight",type:{name:"string"},defaultValue:{func:!1,value:"null"}}],events:[{name:"document-click"},{name:"hide"},{name:"show"}],slots:[{name:"default",scoped:!0,bindings:[{name:"close",title:"binding"}]},{name:"reference",scoped:!0,bindings:[{name:"is-opened",title:"binding"}]}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Dropdown/Dropdown.vue"]};export{W as D,r as a,o as b,l as c};
1
+ import{V as u}from"./vue-popper-DQfdblyw.js";import{d as m,b as c,e as s,r as f,o as O,f as a,a as n,n as i,s as h}from"./vue.esm-bundler-DmkhfO_9.js";import{_ as S}from"./_plugin-vue_export-helper-DlAUqK2U.js";const r={CLICK:"click",HOVER:"hover"},o={TOP:"top",BOTTOM:"bottom",BOTH:"both"},l={BOTTOM_START:"bottom-start",BOTTOM_END:"bottom-end"},d=m({name:"Dropdown",components:{VuePopper:u},props:{boundariesSelector:{type:String,default:null},forceShow:{type:Boolean,default:!1},sameWidth:{type:Boolean,default:!1},triggerAction:{type:String,default:r.CLICK,validator(e){return Object.values(r).includes(e)}},radius:{type:String,default:o.BOTH,validate(e){return Object.values(o).includes(e)}},placement:{type:String,default:l.BOTTOM_START,validate(e){return Object.values(l).includes(e)}},maxHeight:{type:String,default:null}},emits:["document-click","hide","show"],data(){return{key:1,isOpened:!1,DROPDOWN_RADIUSES:Object.freeze(o)}},computed:{scrollableWrapperStyles(){return{...this.maxHeight&&{maxHeight:this.maxHeight}}},options(){return{modifiers:{preventOverflow:{padding:0}},placement:this.placement,...this.sameWidth&&{onUpdate:({instance:{reference:e,popper:t}})=>{t.style.width=`${e.offsetWidth}px`}}}}},watch:{triggerAction(){this.updateKey()},sameWidth(){this.updateKey()},boundariesSelector(){this.updateKey()},placement(){this.updateKey()}},methods:{close(){this.isOpened=!1,this.$refs.popper.doClose()},updateKey(){this.key++},onHide(){this.isOpened=!1,this.$emit("hide")},onShow(){this.isOpened=!0,this.$emit("show")}}});function g(e,t,D,y,T,v){const p=f("vue-popper");return O(),c(p,{ref:"popper",key:e.key,"boundaries-selector":e.boundariesSelector,"force-show":e.forceShow,options:e.options,"visible-arrow":!1,trigger:e.triggerAction,"delay-on-mouse-out":300,onDocumentClick:t[0]||(t[0]=b=>e.$emit("document-click")),onHide:e.onHide,onShow:e.onShow},{reference:s(()=>[a(e.$slots,"reference",{isOpened:e.isOpened},void 0,!0)]),default:s(()=>[n("div",{class:i(["popper ds-dropdown",{"-ds-radiusBottom":e.radius===e.DROPDOWN_RADIUSES.BOTTOM,"-ds-radiusTop":e.radius===e.DROPDOWN_RADIUSES.TOP,"-ds-radiusBottom -ds-radiusTop":e.radius===e.DROPDOWN_RADIUSES.BOTH}])},[n("div",{class:i(["ds-dropdown__scrollableWrapper",{"-ds-heightLimited":!!e.maxHeight}]),style:h(e.scrollableWrapperStyles)},[a(e.$slots,"default",{close:e.close},void 0,!0)],6)],2)]),_:3},8,["boundaries-selector","force-show","options","trigger","onHide","onShow"])}const W=S(d,[["render",g],["__scopeId","data-v-2d417441"]]);d.__docgenInfo={displayName:"Dropdown",exportName:"default",description:"",tags:{},props:[{name:"boundariesSelector",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"forceShow",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"sameWidth",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"triggerAction",type:{name:"string"},defaultValue:{func:!1,value:"DROPDOWN_TRIGGER_ACTIONS.CLICK"}},{name:"radius",type:{name:"string"},defaultValue:{func:!1,value:"DROPDOWN_RADIUSES.BOTH"}},{name:"placement",type:{name:"string"},defaultValue:{func:!1,value:"DROPDOWN_PLACEMENTS.BOTTOM_START"}},{name:"maxHeight",type:{name:"string"},defaultValue:{func:!1,value:"null"}}],events:[{name:"document-click"},{name:"hide"},{name:"show"}],slots:[{name:"default",scoped:!0,bindings:[{name:"close",title:"binding"}]},{name:"reference",scoped:!0,bindings:[{name:"is-opened",title:"binding"}]}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Dropdown/Dropdown.vue"]};export{W as D,r as a,o as b,l as c};
@@ -1,4 +1,4 @@
1
- import{D as i,a,b as r,c as l}from"./Dropdown-CR-eIdCF.js";import{S as c}from"./SelectList-CiuxFUk4.js";import{S as p}from"./SelectListItem-BU_U7IZs.js";import"./vue-popper-CpfGMX4Q.js";import"./_commonjsHelpers-Chg3vePA.js";import"./vue.esm-bundler-CWlcb7ht.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Icon-ChGia3n4.js";const T={title:"Components/Dropdown",component:i},m=n=>({components:{Dropdown:i,SelectList:c,SelectListItem:p},setup(){return n},template:`
1
+ import{D as i,a,b as r,c as l}from"./Dropdown-B75bqkCY.js";import{S as c}from"./SelectList-T6eJOYPv.js";import{S as p}from"./SelectListItem-KRL8q6Iz.js";import"./vue-popper-DQfdblyw.js";import"./_commonjsHelpers-Chg3vePA.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Icon-KlrZhBvI.js";const T={title:"Components/Dropdown",component:i},m=n=>({components:{Dropdown:i,SelectList:c,SelectListItem:p},setup(){return n},template:`
2
2
  <div style="position: relative">
3
3
  <dropdown :trigger-action="triggerAction"
4
4
  :force-show="forceShow"
@@ -1 +1 @@
1
- import{a as l,I as u,b as o}from"./Icon-ChGia3n4.js";import{d as i,t as E,c as t,k as d,n as c,r as I,o as R}from"./vue.esm-bundler-CWlcb7ht.js";import{_ as O}from"./_plugin-vue_export-helper-DlAUqK2U.js";const n={SMALL:"small",MEDIUM:"medium",LARGE:"large",X_LARGE:"xLarge"},a={DANGER:"danger",INFO:"info",NEUTRAL:"neutral",NEUTRAL_WEAK:"neutralWeak",PRIMARY:"primary",SUCCESS:"success",WARNING:"warning"},s=i({name:"FeatureIcon",components:{WnlIcon:l},props:{icon:{type:Object,default:null,validator(e){return Object.values(u).includes(E(e))}},size:{type:String,default:n.MEDIUM,validator:e=>Object.values(n).includes(e)},color:{type:String,required:!0,validator(e){return Object.values(a).includes(e)}},doubleBackground:{type:Boolean,default:!1}},data(){return{FEATURE_ICON_COLOR:Object.freeze(a),FEATURE_ICON_SIZES:Object.freeze(n)}},computed:{iconSize(){return this.size===n.SMALL?o.X_SMALL:this.size===n.LARGE?o.LARGE:this.size===n.X_LARGE?o.X_LARGE:o.MEDIUM}}});function A(e,m,C,f,p,N){const r=I("wnl-icon");return R(),t("div",{class:c(["ds-featureIcon",{"-ds-doubleBackground":e.doubleBackground,"-ds-danger":e.color===e.FEATURE_ICON_COLOR.DANGER,"-ds-info":e.color===e.FEATURE_ICON_COLOR.INFO,"-ds-neutral":e.color===e.FEATURE_ICON_COLOR.NEUTRAL,"-ds-neutralWeak":e.color===e.FEATURE_ICON_COLOR.NEUTRAL_WEAK,"-ds-primary":e.color===e.FEATURE_ICON_COLOR.PRIMARY,"-ds-success":e.color===e.FEATURE_ICON_COLOR.SUCCESS,"-ds-warning":e.color===e.FEATURE_ICON_COLOR.WARNING,"-ds-small":e.size===e.FEATURE_ICON_SIZES.SMALL,"-ds-medium":e.size===e.FEATURE_ICON_SIZES.MEDIUM,"-ds-large":e.size===e.FEATURE_ICON_SIZES.LARGE,"-ds-xLarge":e.size===e.FEATURE_ICON_SIZES.X_LARGE}])},[d(r,{class:"ds-featureIcon__icon",icon:e.icon,size:e.iconSize},null,8,["icon","size"])],2)}const U=O(s,[["render",A]]);s.__docgenInfo={displayName:"FeatureIcon",exportName:"default",description:"",tags:{},props:[{name:"icon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"FEATURE_ICON_SIZES.MEDIUM"}},{name:"color",type:{name:"string"},required:!0},{name:"doubleBackground",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Icons/FeatureIcon/FeatureIcon.vue"]};export{U as F,n as a,a as b};
1
+ import{a as l,I as u,b as o}from"./Icon-KlrZhBvI.js";import{d as i,t as E,c as t,k as d,n as c,r as I,o as R}from"./vue.esm-bundler-DmkhfO_9.js";import{_ as O}from"./_plugin-vue_export-helper-DlAUqK2U.js";const n={SMALL:"small",MEDIUM:"medium",LARGE:"large",X_LARGE:"xLarge"},a={DANGER:"danger",INFO:"info",NEUTRAL:"neutral",NEUTRAL_WEAK:"neutralWeak",PRIMARY:"primary",SUCCESS:"success",WARNING:"warning"},s=i({name:"FeatureIcon",components:{WnlIcon:l},props:{icon:{type:Object,default:null,validator(e){return Object.values(u).includes(E(e))}},size:{type:String,default:n.MEDIUM,validator:e=>Object.values(n).includes(e)},color:{type:String,required:!0,validator(e){return Object.values(a).includes(e)}},doubleBackground:{type:Boolean,default:!1}},data(){return{FEATURE_ICON_COLOR:Object.freeze(a),FEATURE_ICON_SIZES:Object.freeze(n)}},computed:{iconSize(){return this.size===n.SMALL?o.X_SMALL:this.size===n.LARGE?o.LARGE:this.size===n.X_LARGE?o.X_LARGE:o.MEDIUM}}});function A(e,m,C,f,p,N){const r=I("wnl-icon");return R(),t("div",{class:c(["ds-featureIcon",{"-ds-doubleBackground":e.doubleBackground,"-ds-danger":e.color===e.FEATURE_ICON_COLOR.DANGER,"-ds-info":e.color===e.FEATURE_ICON_COLOR.INFO,"-ds-neutral":e.color===e.FEATURE_ICON_COLOR.NEUTRAL,"-ds-neutralWeak":e.color===e.FEATURE_ICON_COLOR.NEUTRAL_WEAK,"-ds-primary":e.color===e.FEATURE_ICON_COLOR.PRIMARY,"-ds-success":e.color===e.FEATURE_ICON_COLOR.SUCCESS,"-ds-warning":e.color===e.FEATURE_ICON_COLOR.WARNING,"-ds-small":e.size===e.FEATURE_ICON_SIZES.SMALL,"-ds-medium":e.size===e.FEATURE_ICON_SIZES.MEDIUM,"-ds-large":e.size===e.FEATURE_ICON_SIZES.LARGE,"-ds-xLarge":e.size===e.FEATURE_ICON_SIZES.X_LARGE}])},[d(r,{class:"ds-featureIcon__icon",icon:e.icon,size:e.iconSize},null,8,["icon","size"])],2)}const U=O(s,[["render",A]]);s.__docgenInfo={displayName:"FeatureIcon",exportName:"default",description:"",tags:{},props:[{name:"icon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"FEATURE_ICON_SIZES.MEDIUM"}},{name:"color",type:{name:"string"},required:!0},{name:"doubleBackground",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Icons/FeatureIcon/FeatureIcon.vue"]};export{U as F,n as a,a as b};
@@ -1,4 +1,4 @@
1
- import{F as c,a as n,b as s}from"./FeatureIcon-B09zj5Bd.js";import{I as a}from"./Icon-ChGia3n4.js";import"./vue.esm-bundler-CWlcb7ht.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const g={title:"Components/Icons/FeatureIcon",component:c},u=i=>({components:{FeatureIcon:c},setup(){return i},template:'<feature-icon :icon="ICONS[icon]" :size="size" :color="color" :doubleBackground="doubleBackground" />',data(){return{ICONS:Object.freeze(a)}}}),e=u.bind({}),l={size:n.X_LARGE,icon:"FA_CIRCLE_QUESTION",color:s.PRIMARY,doubleBackground:!0},p={size:{control:"select",options:Object.values(n)},icon:{control:"select",options:[null,...Object.keys(a)]},color:{control:"select",options:Object.values(s)},doubleBackground:{control:"boolean"}};e.argTypes=p;e.args=l;e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=1552%3A34963"}};var o,t,r;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`args => ({
1
+ import{F as c,a as n,b as s}from"./FeatureIcon-DuHLb2s9.js";import{I as a}from"./Icon-KlrZhBvI.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const g={title:"Components/Icons/FeatureIcon",component:c},u=i=>({components:{FeatureIcon:c},setup(){return i},template:'<feature-icon :icon="ICONS[icon]" :size="size" :color="color" :doubleBackground="doubleBackground" />',data(){return{ICONS:Object.freeze(a)}}}),e=u.bind({}),l={size:n.X_LARGE,icon:"FA_CIRCLE_QUESTION",color:s.PRIMARY,doubleBackground:!0},p={size:{control:"select",options:Object.values(n)},icon:{control:"select",options:[null,...Object.keys(a)]},color:{control:"select",options:Object.values(s)},doubleBackground:{control:"boolean"}};e.argTypes=p;e.args=l;e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=1552%3A34963"}};var o,t,r;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`args => ({
2
2
  components: {
3
3
  FeatureIcon
4
4
  },
@@ -1 +1 @@
1
- import{d as g,t as D,c as l,f as o,g as s,a as d,n as i,k as f,u as c,s as p,b,r as C,o as t}from"./vue.esm-bundler-CWlcb7ht.js";import{D as M}from"./Checkbox-Bk9Hyj7u.js";import{D as V}from"./Divider-4HN2u4Et.js";import{a as $,I as v,c as U,b as z}from"./Icon-ChGia3n4.js";import{_ as R}from"./_plugin-vue_export-helper-DlAUqK2U.js";const r={DEFAULT:"default",FLAT:"flat"},n={DEFAULT:"default",LOADING:"loading",DRAG:"drag"},m={SMALL:"small",MEDIUM:"medium"},y={DEFAULT:"default",PRIMARY:"primary",PRIMARY_WEAK:"primary-weak",NEUTRAL_HEAVY:"neutral-heavy",NEUTRAL_STRONG:"neutral-strong",NEUTRAL:"neutral",NEUTRAL_WEAK:"neutral-weak",NEUTRAL_GHOST:"neutral-ghost",DANGER:"danger",DANGER_WEAK:"danger-weak",FAIL:"fail",FAIL_WEAK:"fail-weak",WARNING:"warning",WARNING_WEAK:"warning-weak",SUCCESS:"success",SUCCESS_WEAK:"success-weak",INFO:"info",INFO_WEAK:"info-weak",ACCENT:"accent",ACCENT_WEAK:"accent-weak"},L={NEUTRAL:"neutral",NEUTRAL_WEAK:"neutral-weak"},G={SMALL:"small"},I={HORIZONTAL:"horizontal",VERTICAL:"vertical"},E=g({name:"RichListItem",components:{DsCheckbox:M,DsDivider:V,DsIcon:$},props:{type:{type:String,default:r.DEFAULT,validator(e){return Object.values(r).includes(e)}},layout:{type:String,default:I.HORIZONTAL,validator(e){return Object.values(I).includes(e)}},state:{type:String,default:n.DEFAULT,validator(e){return Object.values(n).includes(e)}},size:{type:String,default:m.MEDIUM,validator(e){return Object.values(m).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(v).includes(D(e))}},iconColor:{type:String,default:null,validator(e){return Object.values(U).includes(e)}},iconColorHex:{type:String,default:null},borderColor:{type:String,default:null,validator(e){return Object.values(y).includes(e)}},borderColorHex:{type:String,default:null},draggableIconClassName:{type:String,default:null},backgroundColor:{type:String,default:L.NEUTRAL,validator(e){return Object.values(L).includes(e)}},elevation:{type:String,default:null,validator(e){return Object.values(G).includes(e)}},hasDraggableHandler:{type:Boolean,default:!0},hasActionsSlotDivider:{type:Boolean,default:!0},isSelectable:{type:Boolean,default:!0},isSelected:{type:Boolean,default:!1}},emits:{"icon-click":()=>!0,click:()=>!0,"update:is-selected":e=>!0},data(){return{ICONS:Object.freeze(v),ICON_SIZES:Object.freeze(z),RICH_LIST_ITEM_TYPE:Object.freeze(r),RICH_LIST_ITEM_STATE:Object.freeze(n),RICH_LIST_ITEM_SIZE:Object.freeze(m)}},computed:{classList(){return{"-ds-default":this.type===r.DEFAULT,"-ds-flat":this.type===r.FLAT,"-ds-horizontal":this.isHorizontal,"-ds-verticalWithMedia":this.isVertical&&this.hasMedia,"-ds-vertical":this.isVertical,"-ds-loading":this.state===n.LOADING,"-ds-dimmed":this.isDimmed,"-ds-interactive":this.isInteractive,"-ds-small":this.size===m.SMALL,...this.backgroundColor&&this.type!==r.FLAT&&{[`-ds-background-${this.backgroundColor}`]:!0},...this.elevation&&this.type!==r.FLAT&&{[`-ds-elevation-${this.elevation}`]:!0},"-ds-draggable":this.isDraggable,"-ds-draggable-without-handler":this.isDraggable&&!this.hasDraggableHandler,"-ds-has-media":this.hasMedia,"-ds-drag":this.isDragging}},isHorizontal(){return this.layout===I.HORIZONTAL},isVertical(){return this.layout===I.VERTICAL},iconColorClass(){if(!(!this.iconColor||this.iconColor&&this.iconColorHex))return`-ds-${this.iconColor}`},iconColorStyle(){if(!(!this.iconColor||!this.iconColorHex))return{color:this.iconColorHex}},borderColorClass(){if(!(!this.borderColor||this.borderColorHex))return`-ds-border-${this.borderColor}`},borderColorStyle(){if(this.borderColorHex)return{backgroundColor:this.borderColorHex}},hasMedia(){return!!this.$slots.media},isDragging(){return this.isDraggable&&this.state===n.DRAG}}}),B={key:0,class:"ds-richListItem__mediaVertical -ds-dimmable"},j={class:"ds-richListItem__container -ds-dimmable"},F={key:0,class:"ds-richListItem__mediaHorizontal"},w={key:2,class:"ds-richListItem__iconWrapper"},Z={class:"ds-richListItem__content"},K={class:"ds-richListItem__rightContainer"},W={key:0,class:"ds-richListItem__metadata"},P={key:2,class:"ds-richListItem__checkbox"},Y={key:1,class:"ds-richListItem__metadata -ds-dimmable"};function X(e,a,A,O,k,N){const h=C("ds-icon"),_=C("ds-divider"),H=C("ds-checkbox");return t(),l("div",{class:i(["ds-richListItem",e.classList]),onClick:a[5]||(a[5]=u=>e.$emit("click",u))},[e.hasMedia&&e.isVertical?(t(),l("div",B,[o(e.$slots,"media",{},void 0,!0)])):s("",!0),d("div",j,[e.hasMedia&&e.isHorizontal?(t(),l("div",F,[o(e.$slots,"media",{},void 0,!0)])):s("",!0),e.isDraggable&&e.hasDraggableHandler?(t(),l("div",{key:1,class:i(["ds-richListItem__dragAndDrop",{[e.draggableIconClassName]:!!e.draggableIconClassName}])},[f(h,{icon:e.ICONS.FA_BARS,class:"ds-richListItem__dragAndDropIcon",size:e.size===e.RICH_LIST_ITEM_SIZE.SMALL?e.ICON_SIZES.XX_SMALL:e.ICON_SIZES.X_SMALL,onClick:a[0]||(a[0]=c(()=>{},["stop"]))},null,8,["icon","size"])],2)):s("",!0),e.icon?(t(),l("div",w,[f(h,{icon:e.icon,class:i(["ds-richListItem__icon",e.iconColorClass]),size:e.size===e.RICH_LIST_ITEM_SIZE.SMALL?e.ICON_SIZES.XX_SMALL:e.ICON_SIZES.X_SMALL,style:p(e.iconColorStyle),onClick:a[1]||(a[1]=c(u=>e.$emit("icon-click"),["prevent"]))},null,8,["icon","size","class","style"])])):s("",!0),d("div",Z,[o(e.$slots,"content",{},void 0,!0)]),d("div",K,[e.$slots.metadata&&e.isHorizontal?(t(),l("div",W,[o(e.$slots,"metadata",{},void 0,!0)])):s("",!0),e.$slots.actions?(t(),l("div",{key:1,class:"ds-richListItem__actionSlot",onClick:a[2]||(a[2]=c(()=>{},["stop"]))},[e.$slots.actions&&e.hasActionsSlotDivider&&e.isHorizontal?(t(),b(_,{key:0,"is-vertical":""})):s("",!0),o(e.$slots,"actions",{},void 0,!0)])):s("",!0),e.isSelectable?(t(),l("div",P,[e.isHorizontal?(t(),b(_,{key:0,"is-vertical":""})):s("",!0),f(H,{"is-selected":e.isSelected,"onUpdate:isSelected":a[3]||(a[3]=u=>e.$emit("update:is-selected",u)),onClick:a[4]||(a[4]=c(()=>{},["stop"]))},null,8,["is-selected"])])):s("",!0)])]),e.$slots.metadata&&e.isVertical?(t(),l("div",Y,[o(e.$slots,"metadata",{},void 0,!0)])):s("",!0),e.borderColorClass||e.borderColorStyle?(t(),l("div",{key:2,class:i(["ds-richListItem__border",e.borderColorClass]),style:p(e.borderColorStyle)},null,6)):s("",!0)],2)}const re=R(E,[["render",X],["__scopeId","data-v-a7c07753"]]);E.__docgenInfo={displayName:"RichListItem",exportName:"default",description:"",tags:{},props:[{name:"type",type:{name:"RichListItemType"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_TYPE.DEFAULT"}},{name:"layout",type:{name:"RichListItemLayout"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_LAYOUT.HORIZONTAL"}},{name:"state",type:{name:"RichListItemState"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_STATE.DEFAULT"}},{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:"draggableIconClassName",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{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"}}],events:[{name:"click"},{name:"icon-click"},{name:"update:is-selected"}],slots:[{name:"media"},{name:"content"},{name:"metadata"},{name:"actions"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/RichList/RichListItem/RichListItem.vue"]};const q={...y},S={...L},T=g({name:"GroupRichListItem",props:{isExpanded:{type:Boolean,default:!1},borderColor:{type:String,default:null,validator(e){return Object.values(q).includes(e)}},borderColorHex:{type:String,default:null},backgroundColor:{type:String,default:S.NEUTRAL,validator(e){return Object.values(S).includes(e)}}},computed:{classList(){return{...this.backgroundColor&&{[`-ds-background-${this.backgroundColor}`]:!0}}},borderColorClass(){if(!(!this.borderColor||this.borderColorHex))return`-ds-border-${this.borderColor}`},borderColorStyle(){if(this.borderColorHex)return{backgroundColor:this.borderColorHex}}}}),J={class:"ds-groupRichListItem__wrapper"},Q={class:"ds-groupRichListItem__parent"},x={key:0,class:"ds-groupRichListItem__children"};function ee(e,a,A,O,k,N){return t(),l("div",{class:i(["ds-groupRichListItem",e.classList])},[d("div",J,[d("div",Q,[o(e.$slots,"parent",{},void 0,!0)]),e.isExpanded?(t(),l("div",x,[o(e.$slots,"children",{},void 0,!0)])):s("",!0)]),e.borderColorClass||e.borderColorStyle?(t(),l("div",{key:0,class:i(["ds-groupRichListItem__border",e.borderColorClass]),style:p(e.borderColorStyle)},null,6)):s("",!0)],2)}const ie=R(T,[["render",ee],["__scopeId","data-v-0d83b403"]]);T.__docgenInfo={displayName:"GroupRichListItem",exportName:"default",description:"",tags:{},props:[{name:"isExpanded",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"borderColor",type:{name:"GroupRichListItemBorderColor"},defaultValue:{func:!1,value:"null"}},{name:"borderColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"backgroundColor",type:{name:"GroupRichListItemBackgroundColor"},defaultValue:{func:!1,value:"GROUP_RICH_LIST_ITEM_BACKGROUND_COLOR.NEUTRAL"}}],slots:[{name:"parent"},{name:"children"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/RichList/GroupRichListItem/GroupRichListItem.vue"]};export{ie as G,r as R,m as a,I as b,n as c,y as d,L as e,G as f,S as g,q as h,re as i};
1
+ import{d as g,t as D,c as l,f as o,g as s,a as d,n as i,k as f,x as c,s as p,b,r as C,o as t}from"./vue.esm-bundler-DmkhfO_9.js";import{D as M}from"./Checkbox-CJfLFnEo.js";import{D as V}from"./Divider-CeZli6az.js";import{a as $,I as v,c as U,b as z}from"./Icon-KlrZhBvI.js";import{_ as R}from"./_plugin-vue_export-helper-DlAUqK2U.js";const r={DEFAULT:"default",FLAT:"flat"},n={DEFAULT:"default",LOADING:"loading",DRAG:"drag"},m={SMALL:"small",MEDIUM:"medium"},y={DEFAULT:"default",PRIMARY:"primary",PRIMARY_WEAK:"primary-weak",NEUTRAL_HEAVY:"neutral-heavy",NEUTRAL_STRONG:"neutral-strong",NEUTRAL:"neutral",NEUTRAL_WEAK:"neutral-weak",NEUTRAL_GHOST:"neutral-ghost",DANGER:"danger",DANGER_WEAK:"danger-weak",FAIL:"fail",FAIL_WEAK:"fail-weak",WARNING:"warning",WARNING_WEAK:"warning-weak",SUCCESS:"success",SUCCESS_WEAK:"success-weak",INFO:"info",INFO_WEAK:"info-weak",ACCENT:"accent",ACCENT_WEAK:"accent-weak"},L={NEUTRAL:"neutral",NEUTRAL_WEAK:"neutral-weak"},G={SMALL:"small"},I={HORIZONTAL:"horizontal",VERTICAL:"vertical"},E=g({name:"RichListItem",components:{DsCheckbox:M,DsDivider:V,DsIcon:$},props:{type:{type:String,default:r.DEFAULT,validator(e){return Object.values(r).includes(e)}},layout:{type:String,default:I.HORIZONTAL,validator(e){return Object.values(I).includes(e)}},state:{type:String,default:n.DEFAULT,validator(e){return Object.values(n).includes(e)}},size:{type:String,default:m.MEDIUM,validator(e){return Object.values(m).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(v).includes(D(e))}},iconColor:{type:String,default:null,validator(e){return Object.values(U).includes(e)}},iconColorHex:{type:String,default:null},borderColor:{type:String,default:null,validator(e){return Object.values(y).includes(e)}},borderColorHex:{type:String,default:null},draggableIconClassName:{type:String,default:null},backgroundColor:{type:String,default:L.NEUTRAL,validator(e){return Object.values(L).includes(e)}},elevation:{type:String,default:null,validator(e){return Object.values(G).includes(e)}},hasDraggableHandler:{type:Boolean,default:!0},hasActionsSlotDivider:{type:Boolean,default:!0},isSelectable:{type:Boolean,default:!0},isSelected:{type:Boolean,default:!1}},emits:{"icon-click":()=>!0,click:()=>!0,"update:is-selected":e=>!0},data(){return{ICONS:Object.freeze(v),ICON_SIZES:Object.freeze(z),RICH_LIST_ITEM_TYPE:Object.freeze(r),RICH_LIST_ITEM_STATE:Object.freeze(n),RICH_LIST_ITEM_SIZE:Object.freeze(m)}},computed:{classList(){return{"-ds-default":this.type===r.DEFAULT,"-ds-flat":this.type===r.FLAT,"-ds-horizontal":this.isHorizontal,"-ds-verticalWithMedia":this.isVertical&&this.hasMedia,"-ds-vertical":this.isVertical,"-ds-loading":this.state===n.LOADING,"-ds-dimmed":this.isDimmed,"-ds-interactive":this.isInteractive,"-ds-small":this.size===m.SMALL,...this.backgroundColor&&this.type!==r.FLAT&&{[`-ds-background-${this.backgroundColor}`]:!0},...this.elevation&&this.type!==r.FLAT&&{[`-ds-elevation-${this.elevation}`]:!0},"-ds-draggable":this.isDraggable,"-ds-draggable-without-handler":this.isDraggable&&!this.hasDraggableHandler,"-ds-has-media":this.hasMedia,"-ds-drag":this.isDragging}},isHorizontal(){return this.layout===I.HORIZONTAL},isVertical(){return this.layout===I.VERTICAL},iconColorClass(){if(!(!this.iconColor||this.iconColor&&this.iconColorHex))return`-ds-${this.iconColor}`},iconColorStyle(){if(!(!this.iconColor||!this.iconColorHex))return{color:this.iconColorHex}},borderColorClass(){if(!(!this.borderColor||this.borderColorHex))return`-ds-border-${this.borderColor}`},borderColorStyle(){if(this.borderColorHex)return{backgroundColor:this.borderColorHex}},hasMedia(){return!!this.$slots.media},isDragging(){return this.isDraggable&&this.state===n.DRAG}}}),B={key:0,class:"ds-richListItem__mediaVertical -ds-dimmable"},j={class:"ds-richListItem__container -ds-dimmable"},F={key:0,class:"ds-richListItem__mediaHorizontal"},w={key:2,class:"ds-richListItem__iconWrapper"},Z={class:"ds-richListItem__content"},K={class:"ds-richListItem__rightContainer"},W={key:0,class:"ds-richListItem__metadata"},P={key:2,class:"ds-richListItem__checkbox"},Y={key:1,class:"ds-richListItem__metadata -ds-dimmable"};function X(e,a,A,O,k,N){const h=C("ds-icon"),_=C("ds-divider"),H=C("ds-checkbox");return t(),l("div",{class:i(["ds-richListItem",e.classList]),onClick:a[5]||(a[5]=u=>e.$emit("click",u))},[e.hasMedia&&e.isVertical?(t(),l("div",B,[o(e.$slots,"media",{},void 0,!0)])):s("",!0),d("div",j,[e.hasMedia&&e.isHorizontal?(t(),l("div",F,[o(e.$slots,"media",{},void 0,!0)])):s("",!0),e.isDraggable&&e.hasDraggableHandler?(t(),l("div",{key:1,class:i(["ds-richListItem__dragAndDrop",{[e.draggableIconClassName]:!!e.draggableIconClassName}])},[f(h,{icon:e.ICONS.FA_BARS,class:"ds-richListItem__dragAndDropIcon",size:e.size===e.RICH_LIST_ITEM_SIZE.SMALL?e.ICON_SIZES.XX_SMALL:e.ICON_SIZES.X_SMALL,onClick:a[0]||(a[0]=c(()=>{},["stop"]))},null,8,["icon","size"])],2)):s("",!0),e.icon?(t(),l("div",w,[f(h,{icon:e.icon,class:i(["ds-richListItem__icon",e.iconColorClass]),size:e.size===e.RICH_LIST_ITEM_SIZE.SMALL?e.ICON_SIZES.XX_SMALL:e.ICON_SIZES.X_SMALL,style:p(e.iconColorStyle),onClick:a[1]||(a[1]=c(u=>e.$emit("icon-click"),["prevent"]))},null,8,["icon","size","class","style"])])):s("",!0),d("div",Z,[o(e.$slots,"content",{},void 0,!0)]),d("div",K,[e.$slots.metadata&&e.isHorizontal?(t(),l("div",W,[o(e.$slots,"metadata",{},void 0,!0)])):s("",!0),e.$slots.actions?(t(),l("div",{key:1,class:"ds-richListItem__actionSlot",onClick:a[2]||(a[2]=c(()=>{},["stop"]))},[e.$slots.actions&&e.hasActionsSlotDivider&&e.isHorizontal?(t(),b(_,{key:0,"is-vertical":""})):s("",!0),o(e.$slots,"actions",{},void 0,!0)])):s("",!0),e.isSelectable?(t(),l("div",P,[e.isHorizontal?(t(),b(_,{key:0,"is-vertical":""})):s("",!0),f(H,{"is-selected":e.isSelected,"onUpdate:isSelected":a[3]||(a[3]=u=>e.$emit("update:is-selected",u)),onClick:a[4]||(a[4]=c(()=>{},["stop"]))},null,8,["is-selected"])])):s("",!0)])]),e.$slots.metadata&&e.isVertical?(t(),l("div",Y,[o(e.$slots,"metadata",{},void 0,!0)])):s("",!0),e.borderColorClass||e.borderColorStyle?(t(),l("div",{key:2,class:i(["ds-richListItem__border",e.borderColorClass]),style:p(e.borderColorStyle)},null,6)):s("",!0)],2)}const re=R(E,[["render",X],["__scopeId","data-v-a7c07753"]]);E.__docgenInfo={displayName:"RichListItem",exportName:"default",description:"",tags:{},props:[{name:"type",type:{name:"RichListItemType"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_TYPE.DEFAULT"}},{name:"layout",type:{name:"RichListItemLayout"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_LAYOUT.HORIZONTAL"}},{name:"state",type:{name:"RichListItemState"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_STATE.DEFAULT"}},{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:"draggableIconClassName",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{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"}}],events:[{name:"click"},{name:"icon-click"},{name:"update:is-selected"}],slots:[{name:"media"},{name:"content"},{name:"metadata"},{name:"actions"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/RichList/RichListItem/RichListItem.vue"]};const q={...y},S={...L},T=g({name:"GroupRichListItem",props:{isExpanded:{type:Boolean,default:!1},borderColor:{type:String,default:null,validator(e){return Object.values(q).includes(e)}},borderColorHex:{type:String,default:null},backgroundColor:{type:String,default:S.NEUTRAL,validator(e){return Object.values(S).includes(e)}}},computed:{classList(){return{...this.backgroundColor&&{[`-ds-background-${this.backgroundColor}`]:!0}}},borderColorClass(){if(!(!this.borderColor||this.borderColorHex))return`-ds-border-${this.borderColor}`},borderColorStyle(){if(this.borderColorHex)return{backgroundColor:this.borderColorHex}}}}),J={class:"ds-groupRichListItem__wrapper"},Q={class:"ds-groupRichListItem__parent"},x={key:0,class:"ds-groupRichListItem__children"};function ee(e,a,A,O,k,N){return t(),l("div",{class:i(["ds-groupRichListItem",e.classList])},[d("div",J,[d("div",Q,[o(e.$slots,"parent",{},void 0,!0)]),e.isExpanded?(t(),l("div",x,[o(e.$slots,"children",{},void 0,!0)])):s("",!0)]),e.borderColorClass||e.borderColorStyle?(t(),l("div",{key:0,class:i(["ds-groupRichListItem__border",e.borderColorClass]),style:p(e.borderColorStyle)},null,6)):s("",!0)],2)}const ie=R(T,[["render",ee],["__scopeId","data-v-0d83b403"]]);T.__docgenInfo={displayName:"GroupRichListItem",exportName:"default",description:"",tags:{},props:[{name:"isExpanded",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"borderColor",type:{name:"GroupRichListItemBorderColor"},defaultValue:{func:!1,value:"null"}},{name:"borderColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"backgroundColor",type:{name:"GroupRichListItemBackgroundColor"},defaultValue:{func:!1,value:"GROUP_RICH_LIST_ITEM_BACKGROUND_COLOR.NEUTRAL"}}],slots:[{name:"parent"},{name:"children"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/RichList/GroupRichListItem/GroupRichListItem.vue"]};export{ie as G,r as R,m as a,I as b,n as c,y as d,L as e,G as f,S as g,q as h,re as i};
@@ -1,4 +1,4 @@
1
- import{G as n,g,a,c as s,h as D,f as _,i as b,R as S}from"./GroupRichListItem-DEqhXKuF.js";import{D as T}from"./Divider-4HN2u4Et.js";import{c,I as d}from"./Icon-ChGia3n4.js";import"./vue.esm-bundler-CWlcb7ht.js";import"./Checkbox-Bk9Hyj7u.js";import"./SelectionControl-DEv8iTfR.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const{useArgs:E}=__STORYBOOK_MODULE_PREVIEW_API__,N={title:"Components/RichList/GroupRichListItem",component:n,decorators:[e=>({template:'<div style="display: flex;padding: 16px;"><story/></div>'})]},x={isExpanded:!1,borderColor:null,borderColorHex:"",backgroundColor:g.NEUTRAL,parent_size:a.MEDIUM,parent_elevation:null,parent_isDimmed:!1,parent_isDraggable:!1,parent_hasDraggableHandler:!0,parent_icon:null,parent_iconColor:c.NEUTRAL_WEAK,parent_iconColorHex:"",parent_hasActionsSlotDivider:!0,parent_isSelectable:!0,parent_isSelected:!0,parent_state:s.DEFAULT,parent_isInteractive:!0,child_size:a.MEDIUM,child_elevation:null,child_isDimmed:!1,child_isDraggable:!1,child_hasDraggableHandler:!0,child_icon:null,child_iconColor:c.NEUTRAL_WEAK,child_iconColorHex:"",child_hasActionsSlotDivider:!0,child_isSelectable:!0,child_isSelected:!0,child_state:s.DEFAULT,child_isInteractive:!0},H={borderColor:{options:[null,...Object.values(D)],control:"select"},borderColorHex:{control:"text"},backgroundColor:{options:Object.values(g),control:"select"},parent_state:{options:Object.values(s),control:"select"},parent_size:{options:Object.values(a),control:"select"},parent_iconColor:{options:Object.values(c),control:"select"},parent_icon:{options:[null,...Object.keys(d)],control:"select"},parent_iconColorHex:{control:"text"},parent_elevation:{options:[null,...Object.values(_)],control:"select"},child_state:{options:Object.values(s),control:"select"},child_size:{options:Object.values(a),control:"select"},child_iconColor:{options:Object.values(c),control:"select"},child_icon:{options:[null,...Object.keys(d)],control:"select"},child_iconColorHex:{control:"text"},child_elevation:{options:[null,...Object.values(_)],control:"select"}},l="<template #content>Content slot</template><template #metadata>Metadata slot</template><template #actions>ACS</template>",v=e=>(e.argTypes=H,e.args=x,e.parameters={layout:"fullscreen",design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?type=design&node-id=8505-126430&mode=design&t=7Ay1DzrwONAPwSGv-4"}},e),L=e=>{const[O,t]=E();return{components:{GroupRichListItem:n,RichListItem:b,Divider:T},setup(){return e},data(){return{RICH_LIST_ITEM_TYPE:Object.freeze(S),RICH_LIST_ITEM_STATE:Object.freeze(s),ICONS:Object.freeze(d)}},methods:{updateParentIsSelected(i){t({parent_isSelected:i})},updateChildIsSelected(i){t({child_isSelected:i})},onClick(){t({isExpanded:!this.isExpanded})}},template:`
1
+ import{G as n,g,a,c as s,h as D,f as _,i as b,R as S}from"./GroupRichListItem-C2S_DIM-.js";import{D as T}from"./Divider-CeZli6az.js";import{c,I as d}from"./Icon-KlrZhBvI.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./Checkbox-CJfLFnEo.js";import"./SelectionControl-CxsRDZ81.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const{useArgs:E}=__STORYBOOK_MODULE_PREVIEW_API__,N={title:"Components/RichList/GroupRichListItem",component:n,decorators:[e=>({template:'<div style="display: flex;padding: 16px;"><story/></div>'})]},x={isExpanded:!1,borderColor:null,borderColorHex:"",backgroundColor:g.NEUTRAL,parent_size:a.MEDIUM,parent_elevation:null,parent_isDimmed:!1,parent_isDraggable:!1,parent_hasDraggableHandler:!0,parent_icon:null,parent_iconColor:c.NEUTRAL_WEAK,parent_iconColorHex:"",parent_hasActionsSlotDivider:!0,parent_isSelectable:!0,parent_isSelected:!0,parent_state:s.DEFAULT,parent_isInteractive:!0,child_size:a.MEDIUM,child_elevation:null,child_isDimmed:!1,child_isDraggable:!1,child_hasDraggableHandler:!0,child_icon:null,child_iconColor:c.NEUTRAL_WEAK,child_iconColorHex:"",child_hasActionsSlotDivider:!0,child_isSelectable:!0,child_isSelected:!0,child_state:s.DEFAULT,child_isInteractive:!0},H={borderColor:{options:[null,...Object.values(D)],control:"select"},borderColorHex:{control:"text"},backgroundColor:{options:Object.values(g),control:"select"},parent_state:{options:Object.values(s),control:"select"},parent_size:{options:Object.values(a),control:"select"},parent_iconColor:{options:Object.values(c),control:"select"},parent_icon:{options:[null,...Object.keys(d)],control:"select"},parent_iconColorHex:{control:"text"},parent_elevation:{options:[null,...Object.values(_)],control:"select"},child_state:{options:Object.values(s),control:"select"},child_size:{options:Object.values(a),control:"select"},child_iconColor:{options:Object.values(c),control:"select"},child_icon:{options:[null,...Object.keys(d)],control:"select"},child_iconColorHex:{control:"text"},child_elevation:{options:[null,...Object.values(_)],control:"select"}},l="<template #content>Content slot</template><template #metadata>Metadata slot</template><template #actions>ACS</template>",v=e=>(e.argTypes=H,e.args=x,e.parameters={layout:"fullscreen",design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?type=design&node-id=8505-126430&mode=design&t=7Ay1DzrwONAPwSGv-4"}},e),L=e=>{const[O,t]=E();return{components:{GroupRichListItem:n,RichListItem:b,Divider:T},setup(){return e},data(){return{RICH_LIST_ITEM_TYPE:Object.freeze(S),RICH_LIST_ITEM_STATE:Object.freeze(s),ICONS:Object.freeze(d)}},methods:{updateParentIsSelected(i){t({parent_isSelected:i})},updateChildIsSelected(i){t({child_isSelected:i})},onClick(){t({isExpanded:!this.isExpanded})}},template:`
2
2
  <group-rich-list-item
3
3
  :is-expanded="isExpanded"
4
4
  :border-color="borderColor"