@bethinkpl/design-system 26.9.1 → 26.10.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 (155) hide show
  1. package/dist/design-system.umd.cjs +18 -18
  2. package/dist/design-system.umd.cjs.map +1 -1
  3. package/dist/lib/js/components/Banner/Banner.vue.d.ts +8 -0
  4. package/dist/lib/js/components/Buttons/Button/Button.vue.d.ts +2 -0
  5. package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +4 -0
  6. package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +2 -0
  7. package/dist/lib/js/components/Chip/Chip.vue.d.ts +6 -0
  8. package/dist/lib/js/components/DatePickers/DateBox/DateBox.vue.d.ts +2 -0
  9. package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.composables.d.ts +3 -0
  10. package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +10 -2
  11. package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts +8 -4
  12. package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue.d.ts +14 -0
  13. package/dist/lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue.d.ts +2 -0
  14. package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts +8 -0
  15. package/dist/lib/js/components/Drawer/DrawerTile/DrawerTile.vue.d.ts +2 -0
  16. package/dist/lib/js/components/Form/Checkbox/Checkbox.vue.d.ts +2 -0
  17. package/dist/lib/js/components/Form/RadioButton/RadioButton.vue.d.ts +2 -0
  18. package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +6 -0
  19. package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts +6 -0
  20. package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts +2 -0
  21. package/dist/lib/js/components/Modal/Modal.vue.d.ts +2 -0
  22. package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +8 -0
  23. package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +8 -0
  24. package/dist/lib/js/components/Outline/OutlineItem/OutlineItem.vue.d.ts +2 -0
  25. package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +8 -0
  26. package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +2 -0
  27. package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.vue.d.ts +2 -0
  28. package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +4 -0
  29. package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts +4 -0
  30. package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.vue.d.ts +2 -0
  31. package/dist/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue.d.ts +2 -0
  32. package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts +2 -0
  33. package/dist/lib/js/components/SelectionTile/SelectionTile.vue.d.ts +6 -0
  34. package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +2 -0
  35. package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +2 -0
  36. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +10 -0
  37. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +10 -0
  38. package/dist/lib/js/components/Switch/Switch.vue.d.ts +2 -0
  39. package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts +10 -0
  40. package/dist/lib/js/components/Tile/Tile.vue.d.ts +2 -0
  41. package/dist/lib/js/components/Toast/Toast.vue.d.ts +2 -0
  42. package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts +2 -0
  43. package/dist/lib/js/icons/fontawesome.d.ts +2 -0
  44. package/docs/assets/{AccessStatus-j93wXBXR.js → AccessStatus-eOOeqKMq.js} +1 -1
  45. package/docs/assets/{AccessStatus.stories-BU5pwnxV.js → AccessStatus.stories-Cj85qL9V.js} +1 -1
  46. package/docs/assets/{BadgeScore-B3q0zgti.js → BadgeScore-BL8hbYk0.js} +1 -1
  47. package/docs/assets/{BadgeScore.stories-7sKEfLQo.js → BadgeScore.stories-DdjqFD5U.js} +1 -1
  48. package/docs/assets/{Banner-DgMA6wLk.js → Banner-CYq3U3dp.js} +1 -1
  49. package/docs/assets/{Banner.stories-Buz7kmQ0.js → Banner.stories-C5AklXaE.js} +1 -1
  50. package/docs/assets/{BasicRichListItem-Bfmy8UPb.js → BasicRichListItem-WZ8mj4WH.js} +1 -1
  51. package/docs/assets/{BasicRichListItem.stories-Q94UJk5m.js → BasicRichListItem.stories-CnXil0XY.js} +1 -1
  52. package/docs/assets/{BlockadeStatus-D34sAHUj.js → BlockadeStatus-0IfPTjpE.js} +1 -1
  53. package/docs/assets/{BlockedeStatus.stories-BXHSutqM.js → BlockedeStatus.stories-ds5jeZmH.js} +1 -1
  54. package/docs/assets/{Button-DHMVBUwm.js → Button-C9fw-hoQ.js} +1 -1
  55. package/docs/assets/{Button.stories-C_7r6BA6.js → Button.stories-Bc7hSqem.js} +1 -1
  56. package/docs/assets/{CardExpandable-DPfMipqb.js → CardExpandable-BzuBEb3B.js} +1 -1
  57. package/docs/assets/{CardExpandable.stories-BMMzbFDf.js → CardExpandable.stories-Dw5ytiF1.js} +1 -1
  58. package/docs/assets/{Checkbox-DbxBFead.js → Checkbox-B9iZ2V6w.js} +1 -1
  59. package/docs/assets/{Checkbox.stories-BXwtjj25.js → Checkbox.stories-XetNYP18.js} +1 -1
  60. package/docs/assets/{Chip-27U59YWM.js → Chip-BioAps-y.js} +1 -1
  61. package/docs/assets/{Chip.stories-eTDBRcSF.js → Chip.stories-gIHj4f0o.js} +1 -1
  62. package/docs/assets/{Color-ERTF36HU-C-oqJvgP.js → Color-ERTF36HU-OGMsUYvZ.js} +1 -1
  63. package/docs/assets/{CounterToggle-DtN72TXv.js → CounterToggle-25cwaguS.js} +1 -1
  64. package/docs/assets/{CounterToggle.stories-DWczcGX8.js → CounterToggle.stories-CiNXxRaH.js} +1 -1
  65. package/docs/assets/{DateBox.stories-B0quB9vA.js → DateBox.stories-BkICbFGG.js} +1 -1
  66. package/docs/assets/DatePicker-AYpn3Wnq.js +2 -0
  67. package/docs/assets/{DatePicker.stories-C2vkfgYW.js → DatePicker.stories-B0s5x-tP.js} +21 -17
  68. package/docs/assets/{DateRangePicker-CQBCdKar.js → DateRangePicker-SPwTzS7T.js} +1 -1
  69. package/docs/assets/{DateRangePicker.stories-DvG1QSO-.js → DateRangePicker.stories-BXBaAO1N.js} +1 -1
  70. package/docs/assets/{DocsRenderer-CFRXHY34-DbtaroVb.js → DocsRenderer-CFRXHY34-v9z3YwJj.js} +5 -5
  71. package/docs/assets/{DrawerHeader-COcRdVcj.js → DrawerHeader-CrvJW8a0.js} +1 -1
  72. package/docs/assets/{DrawerHeader.stories-CxjuXz6f.js → DrawerHeader.stories-BXRweA8a.js} +1 -1
  73. package/docs/assets/{DrawerListItem-BriVhCfA.js → DrawerListItem-83NDSyje.js} +1 -1
  74. package/docs/assets/{DrawerListItem.stories-BWj5WsdC.js → DrawerListItem.stories-Ctz2uc7L.js} +1 -1
  75. package/docs/assets/{DrawerListItemGroup.stories-D2jTTFeQ.js → DrawerListItemGroup.stories-C1MInA92.js} +1 -1
  76. package/docs/assets/{DrawerSection-_4wes684.js → DrawerSection-JWZp34mG.js} +1 -1
  77. package/docs/assets/{DrawerSection.stories-CeuQ9wst.js → DrawerSection.stories-C-0HGWbX.js} +1 -1
  78. package/docs/assets/{DrawerTile-CMDu3KA3.js → DrawerTile-CVzahKPW.js} +1 -1
  79. package/docs/assets/{DrawerTile.stories-65s5T4Ku.js → DrawerTile.stories-Cuv_lxak.js} +1 -1
  80. package/docs/assets/{Dropdown.stories-YSBZx0la.js → Dropdown.stories-BO5wXz__.js} +1 -1
  81. package/docs/assets/{FeatureIcon-CR6kn4bc.js → FeatureIcon-Bt2WOK2R.js} +1 -1
  82. package/docs/assets/{FeatureIcon.stories-CWf6WAup.js → FeatureIcon.stories-CQT4Ax6v.js} +1 -1
  83. package/docs/assets/{GroupRichListItem-C7sMMyTq.js → GroupRichListItem-DYIyXLew.js} +1 -1
  84. package/docs/assets/{GroupRichListItem.stories-BLCcLw0s.js → GroupRichListItem.stories-CcpusO91.js} +1 -1
  85. package/docs/assets/Icon-Mp5xMpaO.js +761 -0
  86. package/docs/assets/{Icon.stories-CwcLkd1c.js → Icon.stories-vgEeaZJT.js} +1 -1
  87. package/docs/assets/{IconButton-DmlAB_br.js → IconButton-DIcq1fJw.js} +1 -1
  88. package/docs/assets/{IconButton.stories-COlrwmJ6.js → IconButton.stories-BjASqqcL.js} +1 -1
  89. package/docs/assets/{IconText-BtDWtzHS.js → IconText-DH8YnoAg.js} +1 -1
  90. package/docs/assets/{IconText.stories-B-6hjlP5.js → IconText.stories-LbqRHqJE.js} +1 -1
  91. package/docs/assets/{Modal-DgHy1tzM.js → Modal-C6oHTd9H.js} +1 -1
  92. package/docs/assets/{Modal.stories-DGAVR2_P.js → Modal.stories-92Xf33XH.js} +1 -1
  93. package/docs/assets/{ModalDialog-D_gGD20M.js → ModalDialog-dOgZn33y.js} +1 -1
  94. package/docs/assets/{ModalDialog.stories-CXpsEBb5.js → ModalDialog.stories-Uc2W8IuG.js} +1 -1
  95. package/docs/assets/{OutlineItem-UlKfpW4h.js → OutlineItem-DhfqJ-7-.js} +1 -1
  96. package/docs/assets/{OutlineItem.stories-_TTYusx-.js → OutlineItem.stories-cw0kKzcp.js} +1 -1
  97. package/docs/assets/{OverlayHeader-Bk31Cwtx.js → OverlayHeader-CPMEh6FP.js} +1 -1
  98. package/docs/assets/{OverlayHeader.stories-DIHOXOmg.js → OverlayHeader.stories-B9z4bc2U.js} +1 -1
  99. package/docs/assets/{Pagination-BXkEQdY2.js → Pagination-BozsH7nA.js} +1 -1
  100. package/docs/assets/{Pagination.stories-CSWp96wp.js → Pagination.stories-CJ3Ji36t.js} +1 -1
  101. package/docs/assets/{PopOver-BYrt27z1.js → PopOver-CtUX5GOv.js} +1 -1
  102. package/docs/assets/{PopOver.stories-knia-mLv.js → PopOver.stories-BEx11Hdn.js} +1 -1
  103. package/docs/assets/{ProgressBar-DDVmOs5R.js → ProgressBar--hC6PavB.js} +1 -1
  104. package/docs/assets/{ProgressBar.stories-stotD-wM.js → ProgressBar.stories-RHlmumHR.js} +1 -1
  105. package/docs/assets/{ProgressDonutChart-BE6m631p.js → ProgressDonutChart-DeGyrmq6.js} +1 -1
  106. package/docs/assets/{ProgressDonutChart.stories-b_QVhFGk.js → ProgressDonutChart.stories-rd58SqrJ.js} +1 -1
  107. package/docs/assets/{RadioButton-RZ8clhSz.js → RadioButton-Xhsqu9LZ.js} +1 -1
  108. package/docs/assets/{RadioButton.stories-BQ74QnEu.js → RadioButton.stories-fYfSB3kz.js} +1 -1
  109. package/docs/assets/{RichListItem.stories-DwRuMJjZ.js → RichListItem.stories-V5ssb1ab.js} +1 -1
  110. package/docs/assets/{SectionHeader-Bzah0GMT.js → SectionHeader-Cb_LRj0A.js} +1 -1
  111. package/docs/assets/{SectionHeader.stories-Ch6uC9FY.js → SectionHeader.stories-Rr9liyKE.js} +1 -1
  112. package/docs/assets/{SelectList.stories-CZBEWfqN.js → SelectList.stories-xa5pMHWZ.js} +1 -1
  113. package/docs/assets/{SelectListItem-CgSfi2_e.js → SelectListItem-CMEWk56_.js} +1 -1
  114. package/docs/assets/{SelectListItem.stories-B2OxdyMH.js → SelectListItem.stories-CZQnbd9E.js} +1 -1
  115. package/docs/assets/{SelectListItemTile-COoarFx_.js → SelectListItemTile-BY_kD2tX.js} +1 -1
  116. package/docs/assets/{SelectListItemTile.stories-DfrARO8y.js → SelectListItemTile.stories-BNpIs1tL.js} +1 -1
  117. package/docs/assets/{SelectListItemToggle-DjsJWFYv.js → SelectListItemToggle-81A27VmN.js} +1 -1
  118. package/docs/assets/{SelectListItemToggle.stories-TpVnDDFb.js → SelectListItemToggle.stories-DHeAyW6U.js} +1 -1
  119. package/docs/assets/{SelectionControl-BkQOHU2i.js → SelectionControl-DBJI2z3t.js} +1 -1
  120. package/docs/assets/{SelectionTile-DOpgB6Xz.js → SelectionTile-M5QhEL1-.js} +2 -2
  121. package/docs/assets/{SelectionTile.stories-nUBNFmV8.js → SelectionTile.stories-D2AW9_Oc.js} +1 -1
  122. package/docs/assets/{SurveyQuestionOpenEnded-DGULXtGN.js → SurveyQuestionOpenEnded-uAQcVFpH.js} +1 -1
  123. package/docs/assets/{SurveyQuestionOpenEnded.stories-DMBA7gcF.js → SurveyQuestionOpenEnded.stories-BeVoOnrr.js} +1 -1
  124. package/docs/assets/{SurveyQuestionScale-CoyT-sux.js → SurveyQuestionScale-DIyyaIsW.js} +1 -1
  125. package/docs/assets/{SurveyQuestionScale.stories-f7ZMr9Yt.js → SurveyQuestionScale.stories-CDVs61Et.js} +1 -1
  126. package/docs/assets/{SurveyToggle-I0LkpGTR.js → SurveyToggle-BtVXTA2f.js} +1 -1
  127. package/docs/assets/{SurveyToggle.stories-B-iBKpsh.js → SurveyToggle.stories-CGl5Hi4F.js} +1 -1
  128. package/docs/assets/{Switch-D1MITa9A.js → Switch--1UZ60fL.js} +1 -1
  129. package/docs/assets/{Switch.stories-8qfdJrFW.js → Switch.stories-B4EBe8Or.js} +1 -1
  130. package/docs/assets/{TabItem-8stCx2KW.js → TabItem-B12iJLKS.js} +1 -1
  131. package/docs/assets/{TabItem.stories-NW16u3XS.js → TabItem.stories-DOya9_i9.js} +1 -1
  132. package/docs/assets/{Tile-B_Dq4GwE.js → Tile-DysbzGgY.js} +1 -1
  133. package/docs/assets/{Tile.sb.shared-nat25juc.js → Tile.sb.shared-DecgtIfz.js} +1 -1
  134. package/docs/assets/{Tile.stories-BcUitteY.js → Tile.stories-Tgb-XmMQ.js} +1 -1
  135. package/docs/assets/{Toast-BXEyM5W-.js → Toast-D729ZPpL.js} +1 -1
  136. package/docs/assets/{Toast.stories-Bb4d_PQn.js → Toast.stories-BoBNQP7_.js} +1 -1
  137. package/docs/assets/{ToggleButton-Cmh0RmO4.js → ToggleButton-O5xcFrKP.js} +1 -1
  138. package/docs/assets/{ToggleButton.stories-cYMqJNOk.js → ToggleButton.stories-BChqfrqP.js} +1 -1
  139. package/docs/assets/{Tooltip.stories-eO0-KJeH.js → Tooltip.stories-DgKbnjOD.js} +1 -1
  140. package/docs/assets/{iframe-CbAEFlaR.js → iframe-CJMgMOL3.js} +4 -4
  141. package/docs/assets/{index-D4F6VP2C.js → index-C0CdTAAo.js} +1 -1
  142. package/docs/assets/{index-2QCa6aen.js → index-DIkIRRN2.js} +1 -1
  143. package/docs/assets/{preview-ScxhM6QE.js → preview-C0zUF_bi.js} +1 -1
  144. package/docs/assets/{preview-Bl7NZYxH.js → preview-Cpupz0H9.js} +2 -2
  145. package/docs/assets/{string-C1zy1YtU.js → string-It9PaX9k.js} +1 -1
  146. package/docs/iframe.html +1 -1
  147. package/docs/project.json +1 -1
  148. package/lib/js/components/DatePickers/DatePicker/DatePicker.composables.ts +28 -0
  149. package/lib/js/components/DatePickers/DatePicker/DatePicker.stories.ts +11 -7
  150. package/lib/js/components/DatePickers/DatePicker/DatePicker.vue +1 -2
  151. package/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue +0 -2
  152. package/lib/js/icons/fontawesome.ts +4 -0
  153. package/package.json +1 -1
  154. package/docs/assets/DatePicker-BKn0XM-F.js +0 -2
  155. package/docs/assets/Icon-DFxHJjrP.js +0 -761
@@ -57,6 +57,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
57
57
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
58
58
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
59
59
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
60
+ readonly FA_BOOKS: import('@fortawesome/fontawesome-common-types').IconDefinition;
60
61
  readonly FA_BOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
61
62
  readonly FA_BOOK_BLANK: import('@fortawesome/fontawesome-common-types').IconDefinition;
62
63
  readonly FA_BOOK_COPY: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -183,6 +184,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
183
184
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
184
185
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
185
186
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
187
+ readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
186
188
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
187
189
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
188
190
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -399,6 +401,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
399
401
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
400
402
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
401
403
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
404
+ readonly FA_BOOKS: import('@fortawesome/fontawesome-common-types').IconDefinition;
402
405
  readonly FA_BOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
403
406
  readonly FA_BOOK_BLANK: import('@fortawesome/fontawesome-common-types').IconDefinition;
404
407
  readonly FA_BOOK_COPY: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -525,6 +528,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
525
528
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
526
529
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
527
530
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
531
+ readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
528
532
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
529
533
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
530
534
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1013,6 +1017,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1013
1017
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1014
1018
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
1015
1019
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
1020
+ readonly FA_BOOKS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1016
1021
  readonly FA_BOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
1017
1022
  readonly FA_BOOK_BLANK: import('@fortawesome/fontawesome-common-types').IconDefinition;
1018
1023
  readonly FA_BOOK_COPY: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1139,6 +1144,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1139
1144
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1140
1145
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
1141
1146
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
1147
+ readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1142
1148
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
1143
1149
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1144
1150
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1457,6 +1463,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1457
1463
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1458
1464
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
1459
1465
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
1466
+ readonly FA_BOOKS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1460
1467
  readonly FA_BOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
1461
1468
  readonly FA_BOOK_BLANK: import('@fortawesome/fontawesome-common-types').IconDefinition;
1462
1469
  readonly FA_BOOK_COPY: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1583,6 +1590,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1583
1590
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1584
1591
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
1585
1592
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
1593
+ readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1586
1594
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
1587
1595
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1588
1596
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1857,6 +1865,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1857
1865
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1858
1866
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
1859
1867
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
1868
+ readonly FA_BOOKS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1860
1869
  readonly FA_BOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
1861
1870
  readonly FA_BOOK_BLANK: import('@fortawesome/fontawesome-common-types').IconDefinition;
1862
1871
  readonly FA_BOOK_COPY: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1983,6 +1992,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1983
1992
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1984
1993
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
1985
1994
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
1995
+ readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1986
1996
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
1987
1997
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1988
1998
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -76,6 +76,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
76
76
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
77
77
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
78
78
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
79
+ readonly FA_BOOKS: import('@fortawesome/fontawesome-common-types').IconDefinition;
79
80
  readonly FA_BOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
80
81
  readonly FA_BOOK_BLANK: import('@fortawesome/fontawesome-common-types').IconDefinition;
81
82
  readonly FA_BOOK_COPY: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -202,6 +203,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
202
203
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
203
204
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
204
205
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
206
+ readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
205
207
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
206
208
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
207
209
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -644,6 +646,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
644
646
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
645
647
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
646
648
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
649
+ readonly FA_BOOKS: import('@fortawesome/fontawesome-common-types').IconDefinition;
647
650
  readonly FA_BOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
648
651
  readonly FA_BOOK_BLANK: import('@fortawesome/fontawesome-common-types').IconDefinition;
649
652
  readonly FA_BOOK_COPY: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -770,6 +773,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
770
773
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
771
774
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
772
775
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
776
+ readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
773
777
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
774
778
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
775
779
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1088,6 +1092,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1088
1092
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1089
1093
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
1090
1094
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
1095
+ readonly FA_BOOKS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1091
1096
  readonly FA_BOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
1092
1097
  readonly FA_BOOK_BLANK: import('@fortawesome/fontawesome-common-types').IconDefinition;
1093
1098
  readonly FA_BOOK_COPY: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1214,6 +1219,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1214
1219
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1215
1220
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
1216
1221
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
1222
+ readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1217
1223
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
1218
1224
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1219
1225
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1664,6 +1670,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1664
1670
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1665
1671
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
1666
1672
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
1673
+ readonly FA_BOOKS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1667
1674
  readonly FA_BOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
1668
1675
  readonly FA_BOOK_BLANK: import('@fortawesome/fontawesome-common-types').IconDefinition;
1669
1676
  readonly FA_BOOK_COPY: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1790,6 +1797,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1790
1797
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1791
1798
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
1792
1799
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
1800
+ readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1793
1801
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
1794
1802
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1795
1803
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -2022,6 +2030,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
2022
2030
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
2023
2031
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
2024
2032
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
2033
+ readonly FA_BOOKS: import('@fortawesome/fontawesome-common-types').IconDefinition;
2025
2034
  readonly FA_BOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
2026
2035
  readonly FA_BOOK_BLANK: import('@fortawesome/fontawesome-common-types').IconDefinition;
2027
2036
  readonly FA_BOOK_COPY: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -2148,6 +2157,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
2148
2157
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
2149
2158
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
2150
2159
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
2160
+ readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
2151
2161
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
2152
2162
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
2153
2163
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -77,6 +77,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
77
77
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
78
78
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
79
79
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
80
+ readonly FA_BOOKS: import('@fortawesome/fontawesome-common-types').IconDefinition;
80
81
  readonly FA_BOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
81
82
  readonly FA_BOOK_BLANK: import('@fortawesome/fontawesome-common-types').IconDefinition;
82
83
  readonly FA_BOOK_COPY: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -203,6 +204,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
203
204
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
204
205
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
205
206
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
207
+ readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
206
208
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
207
209
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
208
210
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -37,6 +37,7 @@ export declare const data: () => {
37
37
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
38
38
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
39
39
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
40
+ readonly FA_BOOKS: import('@fortawesome/fontawesome-common-types').IconDefinition;
40
41
  readonly FA_BOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
41
42
  readonly FA_BOOK_BLANK: import('@fortawesome/fontawesome-common-types').IconDefinition;
42
43
  readonly FA_BOOK_COPY: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -163,6 +164,7 @@ export declare const data: () => {
163
164
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
164
165
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
165
166
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
167
+ readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
166
168
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
167
169
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
168
170
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -352,6 +354,7 @@ export declare const components: {
352
354
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
353
355
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
354
356
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
357
+ readonly FA_BOOKS: import('@fortawesome/fontawesome-common-types').IconDefinition;
355
358
  readonly FA_BOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
356
359
  readonly FA_BOOK_BLANK: import('@fortawesome/fontawesome-common-types').IconDefinition;
357
360
  readonly FA_BOOK_COPY: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -478,6 +481,7 @@ export declare const components: {
478
481
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
479
482
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
480
483
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
484
+ readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
481
485
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
482
486
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
483
487
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -660,6 +664,7 @@ export declare const components: {
660
664
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
661
665
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
662
666
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
667
+ readonly FA_BOOKS: import('@fortawesome/fontawesome-common-types').IconDefinition;
663
668
  readonly FA_BOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
664
669
  readonly FA_BOOK_BLANK: import('@fortawesome/fontawesome-common-types').IconDefinition;
665
670
  readonly FA_BOOK_COPY: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -786,6 +791,7 @@ export declare const components: {
786
791
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
787
792
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
788
793
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
794
+ readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
789
795
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
790
796
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
791
797
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1144,6 +1150,7 @@ export declare const components: {
1144
1150
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1145
1151
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
1146
1152
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
1153
+ readonly FA_BOOKS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1147
1154
  readonly FA_BOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
1148
1155
  readonly FA_BOOK_BLANK: import('@fortawesome/fontawesome-common-types').IconDefinition;
1149
1156
  readonly FA_BOOK_COPY: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1270,6 +1277,7 @@ export declare const components: {
1270
1277
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1271
1278
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
1272
1279
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
1280
+ readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1273
1281
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
1274
1282
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1275
1283
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1588,6 +1596,7 @@ export declare const components: {
1588
1596
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1589
1597
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
1590
1598
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
1599
+ readonly FA_BOOKS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1591
1600
  readonly FA_BOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
1592
1601
  readonly FA_BOOK_BLANK: import('@fortawesome/fontawesome-common-types').IconDefinition;
1593
1602
  readonly FA_BOOK_COPY: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1714,6 +1723,7 @@ export declare const components: {
1714
1723
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1715
1724
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
1716
1725
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
1726
+ readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1717
1727
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
1718
1728
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1719
1729
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -98,6 +98,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
98
98
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
99
99
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
100
100
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
101
+ readonly FA_BOOKS: import('@fortawesome/fontawesome-common-types').IconDefinition;
101
102
  readonly FA_BOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
102
103
  readonly FA_BOOK_BLANK: import('@fortawesome/fontawesome-common-types').IconDefinition;
103
104
  readonly FA_BOOK_COPY: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -224,6 +225,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
224
225
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
225
226
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
226
227
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
228
+ readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
227
229
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
228
230
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
229
231
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -230,6 +230,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
230
230
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
231
231
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
232
232
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
233
+ readonly FA_BOOKS: import('@fortawesome/fontawesome-common-types').IconDefinition;
233
234
  readonly FA_BOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
234
235
  readonly FA_BOOK_BLANK: import('@fortawesome/fontawesome-common-types').IconDefinition;
235
236
  readonly FA_BOOK_COPY: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -356,6 +357,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
356
357
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
357
358
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
358
359
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
360
+ readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
359
361
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
360
362
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
361
363
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -94,6 +94,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
94
94
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
95
95
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
96
96
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
97
+ readonly FA_BOOKS: import('@fortawesome/fontawesome-common-types').IconDefinition;
97
98
  readonly FA_BOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
98
99
  readonly FA_BOOK_BLANK: import('@fortawesome/fontawesome-common-types').IconDefinition;
99
100
  readonly FA_BOOK_COPY: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -220,6 +221,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
220
221
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
221
222
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
222
223
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
224
+ readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
223
225
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
224
226
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
225
227
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -25,6 +25,7 @@ export declare const FONTAWESOME_ICONS: {
25
25
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
26
26
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
27
27
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
28
+ readonly FA_BOOKS: import('@fortawesome/fontawesome-common-types').IconDefinition;
28
29
  readonly FA_BOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
29
30
  readonly FA_BOOK_BLANK: import('@fortawesome/fontawesome-common-types').IconDefinition;
30
31
  readonly FA_BOOK_COPY: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -151,6 +152,7 @@ export declare const FONTAWESOME_ICONS: {
151
152
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
152
153
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
153
154
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
155
+ readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
154
156
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
155
157
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
156
158
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1 +1 @@
1
- import{d as r,c as o,k as c,a as i,j as u,n as S,r as p,o as _}from"./vue.esm-bundler-DmkhfO_9.js";import{a as d,I as e,b as m}from"./Icon-DFxHJjrP.js";import{C as s}from"./user-_JB5aHqq.js";import{_ as A}from"./_plugin-vue_export-helper-DlAUqK2U.js";const a=r({name:"AccessStatus",components:{Icon:d},props:{status:{type:String,required:!0}},data(){return{ICONS:Object.freeze(e),ICON_SIZES:Object.freeze(m)}},computed:{icon(){return this.status===s.ACTIVE?e.FA_UNLOCK_KEYHOLE:this.status===s.AWAITING?e.FA_HOURGLASS_START:e.FA_LOCK_KEYHOLE},statusClass(){return this.status===s.ACTIVE?"-ds-active":this.status===s.SUSPENDED?"-ds-suspended":""},text(){return this.status===s.ACTIVE?"Aktywny":this.status===s.AWAITING?"Oczekujący":this.status===s.SUSPENDED?"Zawieszony":this.status===s.DEACTIVATED?"Dezaktywowany":"Zakończony"}}}),f={class:"ds-accessStatus__text"};function C(t,I,E,l,N,O){const n=p("icon");return _(),o("div",{class:S(["ds-accessStatus",t.statusClass])},[c(n,{size:t.ICON_SIZES.X_SMALL,icon:t.icon,class:"ds-accessStatus__icon"},null,8,["size","icon"]),i("span",f,u(t.text),1)],2)}const k=A(a,[["render",C],["__scopeId","data-v-e1478a91"]]);a.__docgenInfo={displayName:"AccessStatus",exportName:"default",description:"",tags:{},props:[{name:"status",type:{name:"string"},required:!0}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Statuses/AccessStatus/AccessStatus.vue"]};export{k as A};
1
+ import{d as r,c as o,k as c,a as i,j as u,n as S,r as p,o as _}from"./vue.esm-bundler-DmkhfO_9.js";import{a as d,I as e,b as m}from"./Icon-Mp5xMpaO.js";import{C as s}from"./user-_JB5aHqq.js";import{_ as A}from"./_plugin-vue_export-helper-DlAUqK2U.js";const a=r({name:"AccessStatus",components:{Icon:d},props:{status:{type:String,required:!0}},data(){return{ICONS:Object.freeze(e),ICON_SIZES:Object.freeze(m)}},computed:{icon(){return this.status===s.ACTIVE?e.FA_UNLOCK_KEYHOLE:this.status===s.AWAITING?e.FA_HOURGLASS_START:e.FA_LOCK_KEYHOLE},statusClass(){return this.status===s.ACTIVE?"-ds-active":this.status===s.SUSPENDED?"-ds-suspended":""},text(){return this.status===s.ACTIVE?"Aktywny":this.status===s.AWAITING?"Oczekujący":this.status===s.SUSPENDED?"Zawieszony":this.status===s.DEACTIVATED?"Dezaktywowany":"Zakończony"}}}),f={class:"ds-accessStatus__text"};function C(t,I,E,l,N,O){const n=p("icon");return _(),o("div",{class:S(["ds-accessStatus",t.statusClass])},[c(n,{size:t.ICON_SIZES.X_SMALL,icon:t.icon,class:"ds-accessStatus__icon"},null,8,["size","icon"]),i("span",f,u(t.text),1)],2)}const k=A(a,[["render",C],["__scopeId","data-v-e1478a91"]]);a.__docgenInfo={displayName:"AccessStatus",exportName:"default",description:"",tags:{},props:[{name:"status",type:{name:"string"},required:!0}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Statuses/AccessStatus/AccessStatus.vue"]};export{k as A};
@@ -1,4 +1,4 @@
1
- import{A as r}from"./AccessStatus-j93wXBXR.js";import{C as o}from"./user-_JB5aHqq.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./Icon-DFxHJjrP.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const l={title:"Components/Statuses/AccessStatus",component:r},c=n=>({components:{AccessStatus:r},setup(){return n},template:'<access-status :status="status" />'}),t=c.bind({}),p={status:o.ACTIVE},m={status:{control:"select",options:Object.values(o)}};t.argTypes=m;t.args=p;t.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=3040%3A70712"}};var s,e,a;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`args => ({
1
+ import{A as r}from"./AccessStatus-eOOeqKMq.js";import{C as o}from"./user-_JB5aHqq.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./Icon-Mp5xMpaO.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const l={title:"Components/Statuses/AccessStatus",component:r},c=n=>({components:{AccessStatus:r},setup(){return n},template:'<access-status :status="status" />'}),t=c.bind({}),p={status:o.ACTIVE},m={status:{control:"select",options:Object.values(o)}};t.argTypes=m;t.args=p;t.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=3040%3A70712"}};var s,e,a;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`args => ({
2
2
  components: {
3
3
  AccessStatus
4
4
  },
@@ -1 +1 @@
1
- import{a as u,I as d,b as s}from"./Icon-DFxHJjrP.js";import{d as S,t as c,c as f,b as E,g as m,a as n,j as r,n as O,r as p,o}from"./vue.esm-bundler-DmkhfO_9.js";import{_}from"./_plugin-vue_export-helper-DlAUqK2U.js";const l={SUCCESS:"success",WARNING:"warning",FAIL:"fail",INVERTED:"inverted",NEUTRAL:"neutral",NEUTRAL_WEAK:"neutral-weak"},a={MEDIUM:"medium",SMALL:"small",XSMALL:"extra small"},t=S({name:"BadgeScore",components:{WnlIcon:u},props:{text:{type:String,required:!0},suffix:{type:String,required:!1,default:null},color:{type:String,required:!0,validator(e){return Object.values(l).includes(e)}},icon:{type:Object,default:null,validator(e){return Object.values(d).includes(c(e))}},size:{type:String,default:a.MEDIUM,validator(e){return Object.values(a).includes(e)}},fullWidth:{type:Boolean,default:!1}},data(){return{ICON_SIZES:Object.freeze(s),BADGE_SCORE_COLORS:Object.freeze(l),BADGE_SCORE_SIZES:Object.freeze(a)}},computed:{iconSize(){return this.size===a.SMALL?s.X_SMALL:this.size===a.XSMALL?s.XXX_SMALL:s.SMALL}}}),A={class:"ds-badgeScore__text"},C={class:"ds-badgeScore__suffix"};function L(e,R,g,B,I,D){const i=p("wnl-icon");return o(),f("div",{class:O(["ds-badgeScore",{"-ds-success":e.color===e.BADGE_SCORE_COLORS.SUCCESS,"-ds-warning":e.color===e.BADGE_SCORE_COLORS.WARNING,"-ds-fail":e.color===e.BADGE_SCORE_COLORS.FAIL,"-ds-inverted":e.color===e.BADGE_SCORE_COLORS.INVERTED,"-ds-neutralWeak":e.color===e.BADGE_SCORE_COLORS.NEUTRAL_WEAK,"-ds-neutral":e.color===e.BADGE_SCORE_COLORS.NEUTRAL,"-ds-small":e.size===e.BADGE_SCORE_SIZES.SMALL,"-ds-xsmall":e.size===e.BADGE_SCORE_SIZES.XSMALL,"-ds-fullWidth":e.fullWidth}])},[e.icon?(o(),E(i,{key:0,class:"ds-badgeScore__icon",icon:e.icon,size:e.iconSize},null,8,["icon","size"])):m("",!0),n("div",A,r(e.text),1),n("span",C,r(e.suffix),1)],2)}const N=_(t,[["render",L],["__scopeId","data-v-90b52384"]]);t.__docgenInfo={displayName:"BadgeScore",exportName:"default",description:"",tags:{},props:[{name:"text",type:{name:"string"},required:!0},{name:"suffix",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"color",type:{name:"string"},required:!0},{name:"icon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"BADGE_SCORE_SIZES.MEDIUM"}},{name:"fullWidth",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/BadgeScore/BadgeScore.vue"]};export{N as B,l as a,a as b};
1
+ import{a as u,I as d,b as s}from"./Icon-Mp5xMpaO.js";import{d as S,t as c,c as f,b as E,g as m,a as n,j as r,n as O,r as p,o}from"./vue.esm-bundler-DmkhfO_9.js";import{_}from"./_plugin-vue_export-helper-DlAUqK2U.js";const l={SUCCESS:"success",WARNING:"warning",FAIL:"fail",INVERTED:"inverted",NEUTRAL:"neutral",NEUTRAL_WEAK:"neutral-weak"},a={MEDIUM:"medium",SMALL:"small",XSMALL:"extra small"},t=S({name:"BadgeScore",components:{WnlIcon:u},props:{text:{type:String,required:!0},suffix:{type:String,required:!1,default:null},color:{type:String,required:!0,validator(e){return Object.values(l).includes(e)}},icon:{type:Object,default:null,validator(e){return Object.values(d).includes(c(e))}},size:{type:String,default:a.MEDIUM,validator(e){return Object.values(a).includes(e)}},fullWidth:{type:Boolean,default:!1}},data(){return{ICON_SIZES:Object.freeze(s),BADGE_SCORE_COLORS:Object.freeze(l),BADGE_SCORE_SIZES:Object.freeze(a)}},computed:{iconSize(){return this.size===a.SMALL?s.X_SMALL:this.size===a.XSMALL?s.XXX_SMALL:s.SMALL}}}),A={class:"ds-badgeScore__text"},C={class:"ds-badgeScore__suffix"};function L(e,R,g,B,I,D){const i=p("wnl-icon");return o(),f("div",{class:O(["ds-badgeScore",{"-ds-success":e.color===e.BADGE_SCORE_COLORS.SUCCESS,"-ds-warning":e.color===e.BADGE_SCORE_COLORS.WARNING,"-ds-fail":e.color===e.BADGE_SCORE_COLORS.FAIL,"-ds-inverted":e.color===e.BADGE_SCORE_COLORS.INVERTED,"-ds-neutralWeak":e.color===e.BADGE_SCORE_COLORS.NEUTRAL_WEAK,"-ds-neutral":e.color===e.BADGE_SCORE_COLORS.NEUTRAL,"-ds-small":e.size===e.BADGE_SCORE_SIZES.SMALL,"-ds-xsmall":e.size===e.BADGE_SCORE_SIZES.XSMALL,"-ds-fullWidth":e.fullWidth}])},[e.icon?(o(),E(i,{key:0,class:"ds-badgeScore__icon",icon:e.icon,size:e.iconSize},null,8,["icon","size"])):m("",!0),n("div",A,r(e.text),1),n("span",C,r(e.suffix),1)],2)}const N=_(t,[["render",L],["__scopeId","data-v-90b52384"]]);t.__docgenInfo={displayName:"BadgeScore",exportName:"default",description:"",tags:{},props:[{name:"text",type:{name:"string"},required:!0},{name:"suffix",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"color",type:{name:"string"},required:!0},{name:"icon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"BADGE_SCORE_SIZES.MEDIUM"}},{name:"fullWidth",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/BadgeScore/BadgeScore.vue"]};export{N as B,l as a,a as b};
@@ -1,4 +1,4 @@
1
- import{B as s,a,b as S}from"./BadgeScore-B3q0zgti.js";import{I as m}from"./Icon-DFxHJjrP.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const B={title:"Components/Badges/BadgeScore",component:s},C=o=>({components:{BadgeScore:s},setup(){return o},template:'<badge-score :color="color" :suffix="suffix" :text="text" :size="size" :icon="ICONS[icon]" :fullWidth="fullWidth" />',data(){return{ICONS:Object.freeze(m)}}}),e=C.bind({});e.args={text:"42",suffix:"%",fullWidth:!1,color:a.SUCCESS,icon:"FA_LIGHTBULB",size:S.MEDIUM};e.argTypes={text:{control:"text"},suffix:{control:"text"},color:{control:"select",options:Object.values(a)},icon:{control:"select",options:[null,...Object.keys(m)]},size:{control:"select",options:Object.values(S)}};e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=4348%3A77330"}};const g=o=>({components:{BadgeScore:s},setup(){return o},template:'<badge-score :color="BADGE_SCORE_COLORS.WARNING" suffix="%" text="1" :full-width="fullWidth" />',data(){return{BADGE_SCORE_COLORS:Object.freeze(a)}}}),t=g.bind({});t.args={fullWidth:!1};const r=g.bind({});r.args={fullWidth:!0};var c,i,l;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:`args => ({
1
+ import{B as s,a,b as S}from"./BadgeScore-BL8hbYk0.js";import{I as m}from"./Icon-Mp5xMpaO.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const B={title:"Components/Badges/BadgeScore",component:s},C=o=>({components:{BadgeScore:s},setup(){return o},template:'<badge-score :color="color" :suffix="suffix" :text="text" :size="size" :icon="ICONS[icon]" :fullWidth="fullWidth" />',data(){return{ICONS:Object.freeze(m)}}}),e=C.bind({});e.args={text:"42",suffix:"%",fullWidth:!1,color:a.SUCCESS,icon:"FA_LIGHTBULB",size:S.MEDIUM};e.argTypes={text:{control:"text"},suffix:{control:"text"},color:{control:"select",options:Object.values(a)},icon:{control:"select",options:[null,...Object.keys(m)]},size:{control:"select",options:Object.values(S)}};e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=4348%3A77330"}};const g=o=>({components:{BadgeScore:s},setup(){return o},template:'<badge-score :color="BADGE_SCORE_COLORS.WARNING" suffix="%" text="1" :full-width="fullWidth" />',data(){return{BADGE_SCORE_COLORS:Object.freeze(a)}}}),t=g.bind({});t.args={fullWidth:!1};const r=g.bind({});r.args={fullWidth:!0};var c,i,l;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:`args => ({
2
2
  components: {
3
3
  BadgeScore
4
4
  },
@@ -1 +1 @@
1
- import{D as m,b as E,c as b,B as C,a as v,i as B,I as R}from"./Button-DHMVBUwm.js";import{D as U,a as A}from"./Divider-CeZli6az.js";import{a as L,I as p}from"./Icon-DFxHJjrP.js";import{I as h}from"./IconButton-DmlAB_br.js";import{d as y,t as g,c as s,a,n as r,k as l,g as o,j as O,f as u,e as D,r as i,o as t,l as k}from"./vue.esm-bundler-DmkhfO_9.js";import{_ as V}from"./_plugin-vue_export-helper-DlAUqK2U.js";const n={DEFAULT:"default",NEUTRAL:"neutral",INFO:"info",SUCCESS:"success",WARNING:"warning",FAIL:"fail",DANGER:"danger"},c={HORIZONTAL:"horizontal",VERTICAL:"vertical"},T=y({name:"Banner",components:{DsButton:m,DsDivider:U,DsIconButton:h,DsIcon:L},props:{icon:{type:Object,default:null,validator:e=>Object.values(p).includes(g(e))},buttonText:{type:String,default:null},closable:{type:Boolean,default:!1},color:{type:String,default:n.DEFAULT,validator:e=>Object.values(n).includes(e)},title:{type:String,required:!0},layout:{type:String,default:c.HORIZONTAL,validator:e=>Object.values(c).includes(e)},isExpanded:{type:Boolean,default:!1},isIconHiddenOnMobile:{type:Boolean,default:!1}},emits:["button-clicked","close","update:isExpanded"],data(){return{isExpandedInternal:!1,BUTTON_COLORS:Object.freeze(E),BUTTON_RADIUSES:Object.freeze(b),BUTTON_SIZES:Object.freeze(C),BUTTON_TYPES:Object.freeze(v),DIVIDER_PROMINENCES:Object.freeze(A),ICON_BUTTON_COLORS:Object.freeze(B),ICON_BUTTON_SIZES:Object.freeze(R),ICONS:Object.freeze(p)}},computed:{colorClass(){return{[n.NEUTRAL]:"-ds-neutral",[n.DEFAULT]:"-ds-default",[n.FAIL]:"-ds-fail",[n.INFO]:"-ds-info",[n.SUCCESS]:"-ds-success",[n.WARNING]:"-ds-warning",[n.DANGER]:"-ds-danger"}[this.color]},layoutClass(){return this.layout===c.VERTICAL?"-ds-vertical":"-ds-horizontal"}},watch:{isExpanded:{handler(e){e!==this.isExpandedInternal&&(this.isExpandedInternal=e)},immediate:!0}},methods:{toggleExpandedText(){this.isExpandedInternal=!this.isExpandedInternal,this.$emit("update:isExpanded",this.isExpandedInternal)}}}),z={class:"ds-banner"},$={class:"ds-banner__content"},j={class:"ds-banner__header"},x={class:"ds-banner__textWrapper"},F={class:"ds-banner__titleWrapper"},M=["textContent"],Z={key:0,class:"ds-banner__defaultText"},P={class:"ds-banner__rightWrapper"},H={key:0,class:"ds-banner__buttonWrapper"},W={key:1,class:"ds-banner__rightSlot"},w={key:0,class:"ds-banner__expander"},G={key:1,class:"ds-banner__close"},Y={key:0,class:"ds-banner__expandedContainer"},q={class:"ds-banner__expandedText"};function K(e,d,X,J,Q,ee){const N=i("ds-icon"),f=i("ds-button"),_=i("ds-icon-button"),S=i("ds-divider");return t(),s("div",z,[a("div",{class:r(["ds-banner__inner",[e.colorClass,e.layoutClass]])},[a("div",$,[a("div",j,[e.icon?(t(),s("div",{key:0,class:r(["ds-banner__iconContainer",{"-ds-hideOnMobile":e.isIconHiddenOnMobile}])},[l(N,{class:r(["ds-banner__icon",[e.colorClass]]),icon:e.icon},null,8,["class","icon"])],2)):o("",!0),a("div",x,[a("div",F,[a("div",{class:"ds-banner__title",textContent:O(e.title)},null,8,M),e.$slots.defaultText?(t(),s("div",Z,[u(e.$slots,"defaultText",{},void 0,!0)])):o("",!0)]),a("div",P,[e.buttonText?(t(),s("div",H,[l(f,{class:"ds-banner__ctaButton",color:e.BUTTON_COLORS.NEUTRAL,type:e.BUTTON_TYPES.OUTLINED,size:e.BUTTON_SIZES.SMALL,onClick:d[0]||(d[0]=I=>e.$emit("button-clicked"))},{default:D(()=>[k(O(e.buttonText),1)]),_:1},8,["color","type","size"])])):o("",!0),e.$slots.rightSlot?(t(),s("div",W,[u(e.$slots,"rightSlot",{},void 0,!0)])):o("",!0)])])]),e.$slots.expandedText?(t(),s("div",w,[l(_,{size:e.ICON_BUTTON_SIZES.SMALL,icon:e.isExpandedInternal?e.ICONS.FA_CHEVRON_UP:e.ICONS.FA_CHEVRON_DOWN,color:e.ICON_BUTTON_COLORS.NEUTRAL,radius:e.BUTTON_RADIUSES.CAPSULE,touchable:!1,onClick:e.toggleExpandedText},null,8,["size","icon","color","radius","onClick"])])):o("",!0),!e.$slots.expandedText&&e.closable?(t(),s("div",G,[l(_,{size:e.ICON_BUTTON_SIZES.SMALL,icon:e.ICONS.FA_XMARK,color:e.ICON_BUTTON_COLORS.NEUTRAL,radius:e.BUTTON_RADIUSES.CAPSULE,touchable:!1,onClick:d[1]||(d[1]=I=>e.$emit("close"))},null,8,["size","icon","color","radius"])])):o("",!0)]),e.$slots.expandedText&&e.isExpandedInternal?(t(),s("div",Y,[l(S,{prominence:e.DIVIDER_PROMINENCES.STRONG},null,8,["prominence"]),a("div",q,[u(e.$slots,"expandedText",{},void 0,!0)])])):o("",!0)],2)])}const de=V(T,[["render",K],["__scopeId","data-v-bc9b0b1a"]]);T.__docgenInfo={displayName:"Banner",exportName:"default",description:"",tags:{},props:[{name:"icon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"buttonText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"closable",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"color",type:{name:"string"},defaultValue:{func:!1,value:"BANNER_COLORS.DEFAULT"}},{name:"title",type:{name:"string"},required:!0},{name:"layout",type:{name:"string"},defaultValue:{func:!1,value:"BANNER_LAYOUTS.HORIZONTAL"}},{name:"isExpanded",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isIconHiddenOnMobile",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"button-clicked"},{name:"close"},{name:"update:isExpanded",type:{names:["undefined"]}}],slots:[{name:"defaultText"},{name:"rightSlot"},{name:"expandedText"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Banner/Banner.vue"]};export{de as B,n as a,c as b};
1
+ import{D as m,b as E,c as b,B as C,a as v,i as B,I as R}from"./Button-C9fw-hoQ.js";import{D as U,a as A}from"./Divider-CeZli6az.js";import{a as L,I as p}from"./Icon-Mp5xMpaO.js";import{I as h}from"./IconButton-DIcq1fJw.js";import{d as y,t as g,c as s,a,n as r,k as l,g as o,j as O,f as u,e as D,r as i,o as t,l as k}from"./vue.esm-bundler-DmkhfO_9.js";import{_ as V}from"./_plugin-vue_export-helper-DlAUqK2U.js";const n={DEFAULT:"default",NEUTRAL:"neutral",INFO:"info",SUCCESS:"success",WARNING:"warning",FAIL:"fail",DANGER:"danger"},c={HORIZONTAL:"horizontal",VERTICAL:"vertical"},T=y({name:"Banner",components:{DsButton:m,DsDivider:U,DsIconButton:h,DsIcon:L},props:{icon:{type:Object,default:null,validator:e=>Object.values(p).includes(g(e))},buttonText:{type:String,default:null},closable:{type:Boolean,default:!1},color:{type:String,default:n.DEFAULT,validator:e=>Object.values(n).includes(e)},title:{type:String,required:!0},layout:{type:String,default:c.HORIZONTAL,validator:e=>Object.values(c).includes(e)},isExpanded:{type:Boolean,default:!1},isIconHiddenOnMobile:{type:Boolean,default:!1}},emits:["button-clicked","close","update:isExpanded"],data(){return{isExpandedInternal:!1,BUTTON_COLORS:Object.freeze(E),BUTTON_RADIUSES:Object.freeze(b),BUTTON_SIZES:Object.freeze(C),BUTTON_TYPES:Object.freeze(v),DIVIDER_PROMINENCES:Object.freeze(A),ICON_BUTTON_COLORS:Object.freeze(B),ICON_BUTTON_SIZES:Object.freeze(R),ICONS:Object.freeze(p)}},computed:{colorClass(){return{[n.NEUTRAL]:"-ds-neutral",[n.DEFAULT]:"-ds-default",[n.FAIL]:"-ds-fail",[n.INFO]:"-ds-info",[n.SUCCESS]:"-ds-success",[n.WARNING]:"-ds-warning",[n.DANGER]:"-ds-danger"}[this.color]},layoutClass(){return this.layout===c.VERTICAL?"-ds-vertical":"-ds-horizontal"}},watch:{isExpanded:{handler(e){e!==this.isExpandedInternal&&(this.isExpandedInternal=e)},immediate:!0}},methods:{toggleExpandedText(){this.isExpandedInternal=!this.isExpandedInternal,this.$emit("update:isExpanded",this.isExpandedInternal)}}}),z={class:"ds-banner"},$={class:"ds-banner__content"},j={class:"ds-banner__header"},x={class:"ds-banner__textWrapper"},F={class:"ds-banner__titleWrapper"},M=["textContent"],Z={key:0,class:"ds-banner__defaultText"},P={class:"ds-banner__rightWrapper"},H={key:0,class:"ds-banner__buttonWrapper"},W={key:1,class:"ds-banner__rightSlot"},w={key:0,class:"ds-banner__expander"},G={key:1,class:"ds-banner__close"},Y={key:0,class:"ds-banner__expandedContainer"},q={class:"ds-banner__expandedText"};function K(e,d,X,J,Q,ee){const N=i("ds-icon"),f=i("ds-button"),_=i("ds-icon-button"),S=i("ds-divider");return t(),s("div",z,[a("div",{class:r(["ds-banner__inner",[e.colorClass,e.layoutClass]])},[a("div",$,[a("div",j,[e.icon?(t(),s("div",{key:0,class:r(["ds-banner__iconContainer",{"-ds-hideOnMobile":e.isIconHiddenOnMobile}])},[l(N,{class:r(["ds-banner__icon",[e.colorClass]]),icon:e.icon},null,8,["class","icon"])],2)):o("",!0),a("div",x,[a("div",F,[a("div",{class:"ds-banner__title",textContent:O(e.title)},null,8,M),e.$slots.defaultText?(t(),s("div",Z,[u(e.$slots,"defaultText",{},void 0,!0)])):o("",!0)]),a("div",P,[e.buttonText?(t(),s("div",H,[l(f,{class:"ds-banner__ctaButton",color:e.BUTTON_COLORS.NEUTRAL,type:e.BUTTON_TYPES.OUTLINED,size:e.BUTTON_SIZES.SMALL,onClick:d[0]||(d[0]=I=>e.$emit("button-clicked"))},{default:D(()=>[k(O(e.buttonText),1)]),_:1},8,["color","type","size"])])):o("",!0),e.$slots.rightSlot?(t(),s("div",W,[u(e.$slots,"rightSlot",{},void 0,!0)])):o("",!0)])])]),e.$slots.expandedText?(t(),s("div",w,[l(_,{size:e.ICON_BUTTON_SIZES.SMALL,icon:e.isExpandedInternal?e.ICONS.FA_CHEVRON_UP:e.ICONS.FA_CHEVRON_DOWN,color:e.ICON_BUTTON_COLORS.NEUTRAL,radius:e.BUTTON_RADIUSES.CAPSULE,touchable:!1,onClick:e.toggleExpandedText},null,8,["size","icon","color","radius","onClick"])])):o("",!0),!e.$slots.expandedText&&e.closable?(t(),s("div",G,[l(_,{size:e.ICON_BUTTON_SIZES.SMALL,icon:e.ICONS.FA_XMARK,color:e.ICON_BUTTON_COLORS.NEUTRAL,radius:e.BUTTON_RADIUSES.CAPSULE,touchable:!1,onClick:d[1]||(d[1]=I=>e.$emit("close"))},null,8,["size","icon","color","radius"])])):o("",!0)]),e.$slots.expandedText&&e.isExpandedInternal?(t(),s("div",Y,[l(S,{prominence:e.DIVIDER_PROMINENCES.STRONG},null,8,["prominence"]),a("div",q,[u(e.$slots,"expandedText",{},void 0,!0)])])):o("",!0)],2)])}const de=V(T,[["render",K],["__scopeId","data-v-bc9b0b1a"]]);T.__docgenInfo={displayName:"Banner",exportName:"default",description:"",tags:{},props:[{name:"icon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"buttonText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"closable",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"color",type:{name:"string"},defaultValue:{func:!1,value:"BANNER_COLORS.DEFAULT"}},{name:"title",type:{name:"string"},required:!0},{name:"layout",type:{name:"string"},defaultValue:{func:!1,value:"BANNER_LAYOUTS.HORIZONTAL"}},{name:"isExpanded",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isIconHiddenOnMobile",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"button-clicked"},{name:"close"},{name:"update:isExpanded",type:{names:["undefined"]}}],slots:[{name:"defaultText"},{name:"rightSlot"},{name:"expandedText"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Banner/Banner.vue"]};export{de as B,n as a,c as b};
@@ -1,4 +1,4 @@
1
- import{B as a,a as l,b as s}from"./Banner-DgMA6wLk.js";import{I as d}from"./Icon-DFxHJjrP.js";import"./Button-DHMVBUwm.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Divider-CeZli6az.js";import"./IconButton-DmlAB_br.js";import"./device-9fgosCm4.js";const{useArgs:c}=__STORYBOOK_MODULE_PREVIEW_API__,E={title:"Components/Banner",component:a},m=r=>{const[b,i]=c();return{components:{Banner:a},setup(){return r},data(){return{ICONS:Object.freeze(d)}},methods:{onIsExpandedUpdated(p){i({isExpanded:p})}},template:`
1
+ import{B as a,a as l,b as s}from"./Banner-CYq3U3dp.js";import{I as d}from"./Icon-Mp5xMpaO.js";import"./Button-C9fw-hoQ.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Divider-CeZli6az.js";import"./IconButton-DIcq1fJw.js";import"./device-9fgosCm4.js";const{useArgs:c}=__STORYBOOK_MODULE_PREVIEW_API__,E={title:"Components/Banner",component:a},m=r=>{const[b,i]=c();return{components:{Banner:a},setup(){return r},data(){return{ICONS:Object.freeze(d)}},methods:{onIsExpandedUpdated(p){i({isExpanded:p})}},template:`
2
2
  <banner
3
3
  :closable="closable"
4
4
  :icon="ICONS[icon]"
@@ -1 +1 @@
1
- import{i as y,R as r,c as l,b as u,a as t,d as v,e as d,f as b}from"./GroupRichListItem-C7sMMyTq.js";import{D as T,T as p,c as n}from"./TextGroup-D5le3QVY.js";import{d as S,t as g,b as E,h as L,e as s,n as R,r as f,o as C,f as i,a as h,k as O}from"./vue.esm-bundler-DmkhfO_9.js";import{I as _,c as D}from"./Icon-DFxHJjrP.js";import{_ as M}from"./_plugin-vue_export-helper-DlAUqK2U.js";const m=S({name:"BasicRichListItem",components:{DsTextGroup:T,RichListItem:y},props:{type:{type:String,default:r.DEFAULT,validator(e){return Object.values(r).includes(e)}},state:{type:String,default:l.DEFAULT,validator(e){return Object.values(l).includes(e)}},layout:{type:String,default:u.HORIZONTAL,validator(e){return Object.values(u).includes(e)}},size:{type:String,default:t.MEDIUM,validator(e){return Object.values(t).includes(e)}},isInteractive:{type:Boolean,default:!0},isDimmed:{type:Boolean,default:!1},isDraggable:{type:Boolean,default:!0},icon:{type:Object,default:null,validator(e){return Object.values(_).includes(g(e))}},iconColor:{type:String,default:null,validator(e){return Object.values(D).includes(e)}},iconColorHex:{type:String,default:null},borderColor:{type:String,default:null,validator(e){return Object.values(v).includes(e)}},borderColorHex:{type:String,default:null},text:{type:String,required:!0},textEllipsis:{type:Boolean,default:!1},eyebrow:{type:String,default:null},eyebrowEllipsis:{type:Boolean,default:!1},isEyebrowUppercase:{type:Boolean,default:!1},supportingText:{type:String,default:null},supportingTextEllipsis:{type:Boolean,default:!1},isSupportingTextTooltipEnabled:{type:Boolean,default:!1},backgroundColor:{type:String,default:d.NEUTRAL,validator(e){return Object.values(d).includes(e)}},elevation:{type:String,default:null,validator(e){return Object.values(b).includes(e)}},hasDraggableHandler:{type:Boolean,default:!0},hasActionsSlotDivider:{type:Boolean,default:!0},isSelectable:{type:Boolean,default:!0},isSelected:{type:Boolean,default:!1}},emits:{"update:is-selected":e=>!0},data(){return{hovered:!1,RICH_LIST_ITEM_SIZE:Object.freeze(t),RICH_LIST_ITEM_STATE:Object.freeze(l)}},computed:{textGroupSize(){return{[t.SMALL]:p.SMALL,[t.MEDIUM]:p.MEDIUM}[this.size]},textGroupState(){return this.state===l.LOADING?n.LOADING:this.hovered&&this.isInteractive?n.HOVERED:n.DEFAULT}}}),V={class:"ds-basicRichListItem__content"};function A(e,a,H,B,U,w){const c=f("ds-text-group"),I=f("rich-list-item");return C(),E(I,{size:e.size,type:e.type,layout:e.layout,"is-interactive":e.isInteractive,"is-draggable":e.isDraggable,icon:e.icon,"icon-color":e.iconColor,"icon-color-hex":e.iconColorHex,"is-dimmed":e.isDimmed,"border-color":e.borderColor,"border-color-hex":e.borderColorHex,state:e.state,"background-color":e.backgroundColor,elevation:e.elevation,"has-draggable-handler":e.hasDraggableHandler,"has-actions-slot-divider":e.hasActionsSlotDivider,"is-selectable":e.isSelectable,"is-selected":e.isSelected,class:R(["ds-basicRichListItem",{"-ds-loading":e.state===e.RICH_LIST_ITEM_STATE.LOADING,"-ds-small":e.size===e.RICH_LIST_ITEM_SIZE.SMALL}]),onMouseover:a[0]||(a[0]=o=>e.hovered=!0),onMouseleave:a[1]||(a[1]=o=>e.hovered=!1),"onUpdate:isSelected":a[2]||(a[2]=o=>e.$emit("update:is-selected",o))},L({content:s(()=>[h("div",V,[O(c,{"eyebrow-text":e.eyebrow,"eyebrow-text-ellipsis":e.eyebrowEllipsis,"is-eyebrow-text-uppercase":e.isEyebrowUppercase,"is-selected":e.isSelected,"is-interactive":!1,"main-text":e.text,"main-text-ellipsis":e.textEllipsis,"supporting-text":e.supportingText,"supporting-text-ellipsis":e.supportingTextEllipsis,size:e.textGroupSize,state:e.textGroupState,"is-supporting-text-tooltip-enabled":e.isSupportingTextTooltipEnabled},null,8,["eyebrow-text","eyebrow-text-ellipsis","is-eyebrow-text-uppercase","is-selected","main-text","main-text-ellipsis","supporting-text","supporting-text-ellipsis","size","state","is-supporting-text-tooltip-enabled"])])]),_:2},[e.$slots.media?{name:"media",fn:s(()=>[i(e.$slots,"media",{},void 0,!0)]),key:"0"}:void 0,e.$slots.metadata?{name:"metadata",fn:s(()=>[i(e.$slots,"metadata",{},void 0,!0)]),key:"1"}:void 0,e.$slots.actions?{name:"actions",fn:s(()=>[i(e.$slots,"actions",{},void 0,!0)]),key:"2"}:void 0]),1032,["size","type","layout","is-interactive","is-draggable","icon","icon-color","icon-color-hex","is-dimmed","border-color","border-color-hex","state","background-color","elevation","has-draggable-handler","has-actions-slot-divider","is-selectable","is-selected","class"])}const G=M(m,[["render",A],["__scopeId","data-v-d64ae189"]]);m.__docgenInfo={displayName:"BasicRichListItem",exportName:"default",description:"",tags:{},props:[{name:"type",type:{name:"RichListItemType"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_TYPE.DEFAULT"}},{name:"state",type:{name:"RichListItemState"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_STATE.DEFAULT"}},{name:"layout",type:{name:"RichListItemLayout"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_LAYOUT.HORIZONTAL"}},{name:"size",type:{name:"RichListItemSize"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_SIZE.MEDIUM"}},{name:"isInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isDimmed",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isDraggable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"icon",type:{name:"IconItem"},defaultValue:{func:!1,value:"null"}},{name:"iconColor",type:{name:"IconColor"},defaultValue:{func:!1,value:"null"}},{name:"iconColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"borderColor",type:{name:"RichListItemBorderColor"},defaultValue:{func:!1,value:"null"}},{name:"borderColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"text",type:{name:"string"},required:!0},{name:"textEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"eyebrow",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"eyebrowEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isEyebrowUppercase",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"supportingText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"supportingTextEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isSupportingTextTooltipEnabled",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"backgroundColor",type:{name:"RichListItemBackgroundColor"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_BACKGROUND_COLOR.NEUTRAL"}},{name:"elevation",type:{name:"RichListItemElevation"},defaultValue:{func:!1,value:"null"}},{name:"hasDraggableHandler",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"hasActionsSlotDivider",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isSelectable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"update:is-selected"}],slots:[{name:"media"},{name:"metadata"},{name:"actions"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue"]};export{G as B};
1
+ import{i as y,R as r,c as l,b as u,a as t,d as v,e as d,f as b}from"./GroupRichListItem-DYIyXLew.js";import{D as T,T as p,c as n}from"./TextGroup-D5le3QVY.js";import{d as S,t as g,b as E,h as L,e as s,n as R,r as f,o as C,f as i,a as h,k as O}from"./vue.esm-bundler-DmkhfO_9.js";import{I as _,c as D}from"./Icon-Mp5xMpaO.js";import{_ as M}from"./_plugin-vue_export-helper-DlAUqK2U.js";const m=S({name:"BasicRichListItem",components:{DsTextGroup:T,RichListItem:y},props:{type:{type:String,default:r.DEFAULT,validator(e){return Object.values(r).includes(e)}},state:{type:String,default:l.DEFAULT,validator(e){return Object.values(l).includes(e)}},layout:{type:String,default:u.HORIZONTAL,validator(e){return Object.values(u).includes(e)}},size:{type:String,default:t.MEDIUM,validator(e){return Object.values(t).includes(e)}},isInteractive:{type:Boolean,default:!0},isDimmed:{type:Boolean,default:!1},isDraggable:{type:Boolean,default:!0},icon:{type:Object,default:null,validator(e){return Object.values(_).includes(g(e))}},iconColor:{type:String,default:null,validator(e){return Object.values(D).includes(e)}},iconColorHex:{type:String,default:null},borderColor:{type:String,default:null,validator(e){return Object.values(v).includes(e)}},borderColorHex:{type:String,default:null},text:{type:String,required:!0},textEllipsis:{type:Boolean,default:!1},eyebrow:{type:String,default:null},eyebrowEllipsis:{type:Boolean,default:!1},isEyebrowUppercase:{type:Boolean,default:!1},supportingText:{type:String,default:null},supportingTextEllipsis:{type:Boolean,default:!1},isSupportingTextTooltipEnabled:{type:Boolean,default:!1},backgroundColor:{type:String,default:d.NEUTRAL,validator(e){return Object.values(d).includes(e)}},elevation:{type:String,default:null,validator(e){return Object.values(b).includes(e)}},hasDraggableHandler:{type:Boolean,default:!0},hasActionsSlotDivider:{type:Boolean,default:!0},isSelectable:{type:Boolean,default:!0},isSelected:{type:Boolean,default:!1}},emits:{"update:is-selected":e=>!0},data(){return{hovered:!1,RICH_LIST_ITEM_SIZE:Object.freeze(t),RICH_LIST_ITEM_STATE:Object.freeze(l)}},computed:{textGroupSize(){return{[t.SMALL]:p.SMALL,[t.MEDIUM]:p.MEDIUM}[this.size]},textGroupState(){return this.state===l.LOADING?n.LOADING:this.hovered&&this.isInteractive?n.HOVERED:n.DEFAULT}}}),V={class:"ds-basicRichListItem__content"};function A(e,a,H,B,U,w){const c=f("ds-text-group"),I=f("rich-list-item");return C(),E(I,{size:e.size,type:e.type,layout:e.layout,"is-interactive":e.isInteractive,"is-draggable":e.isDraggable,icon:e.icon,"icon-color":e.iconColor,"icon-color-hex":e.iconColorHex,"is-dimmed":e.isDimmed,"border-color":e.borderColor,"border-color-hex":e.borderColorHex,state:e.state,"background-color":e.backgroundColor,elevation:e.elevation,"has-draggable-handler":e.hasDraggableHandler,"has-actions-slot-divider":e.hasActionsSlotDivider,"is-selectable":e.isSelectable,"is-selected":e.isSelected,class:R(["ds-basicRichListItem",{"-ds-loading":e.state===e.RICH_LIST_ITEM_STATE.LOADING,"-ds-small":e.size===e.RICH_LIST_ITEM_SIZE.SMALL}]),onMouseover:a[0]||(a[0]=o=>e.hovered=!0),onMouseleave:a[1]||(a[1]=o=>e.hovered=!1),"onUpdate:isSelected":a[2]||(a[2]=o=>e.$emit("update:is-selected",o))},L({content:s(()=>[h("div",V,[O(c,{"eyebrow-text":e.eyebrow,"eyebrow-text-ellipsis":e.eyebrowEllipsis,"is-eyebrow-text-uppercase":e.isEyebrowUppercase,"is-selected":e.isSelected,"is-interactive":!1,"main-text":e.text,"main-text-ellipsis":e.textEllipsis,"supporting-text":e.supportingText,"supporting-text-ellipsis":e.supportingTextEllipsis,size:e.textGroupSize,state:e.textGroupState,"is-supporting-text-tooltip-enabled":e.isSupportingTextTooltipEnabled},null,8,["eyebrow-text","eyebrow-text-ellipsis","is-eyebrow-text-uppercase","is-selected","main-text","main-text-ellipsis","supporting-text","supporting-text-ellipsis","size","state","is-supporting-text-tooltip-enabled"])])]),_:2},[e.$slots.media?{name:"media",fn:s(()=>[i(e.$slots,"media",{},void 0,!0)]),key:"0"}:void 0,e.$slots.metadata?{name:"metadata",fn:s(()=>[i(e.$slots,"metadata",{},void 0,!0)]),key:"1"}:void 0,e.$slots.actions?{name:"actions",fn:s(()=>[i(e.$slots,"actions",{},void 0,!0)]),key:"2"}:void 0]),1032,["size","type","layout","is-interactive","is-draggable","icon","icon-color","icon-color-hex","is-dimmed","border-color","border-color-hex","state","background-color","elevation","has-draggable-handler","has-actions-slot-divider","is-selectable","is-selected","class"])}const G=M(m,[["render",A],["__scopeId","data-v-d64ae189"]]);m.__docgenInfo={displayName:"BasicRichListItem",exportName:"default",description:"",tags:{},props:[{name:"type",type:{name:"RichListItemType"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_TYPE.DEFAULT"}},{name:"state",type:{name:"RichListItemState"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_STATE.DEFAULT"}},{name:"layout",type:{name:"RichListItemLayout"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_LAYOUT.HORIZONTAL"}},{name:"size",type:{name:"RichListItemSize"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_SIZE.MEDIUM"}},{name:"isInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isDimmed",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isDraggable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"icon",type:{name:"IconItem"},defaultValue:{func:!1,value:"null"}},{name:"iconColor",type:{name:"IconColor"},defaultValue:{func:!1,value:"null"}},{name:"iconColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"borderColor",type:{name:"RichListItemBorderColor"},defaultValue:{func:!1,value:"null"}},{name:"borderColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"text",type:{name:"string"},required:!0},{name:"textEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"eyebrow",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"eyebrowEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isEyebrowUppercase",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"supportingText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"supportingTextEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isSupportingTextTooltipEnabled",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"backgroundColor",type:{name:"RichListItemBackgroundColor"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_BACKGROUND_COLOR.NEUTRAL"}},{name:"elevation",type:{name:"RichListItemElevation"},defaultValue:{func:!1,value:"null"}},{name:"hasDraggableHandler",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"hasActionsSlotDivider",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isSelectable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"update:is-selected"}],slots:[{name:"media"},{name:"metadata"},{name:"actions"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue"]};export{G as B};
@@ -1,4 +1,4 @@
1
- import{B as l}from"./BasicRichListItem-Bfmy8UPb.js";import{R as p,a as n,b as c,c as m,d as h,e as d,f as C}from"./GroupRichListItem-C7sMMyTq.js";import{c as T,I as a}from"./Icon-DFxHJjrP.js";import"./Avatar-OqeGv3bT.js";import"./BadgeScore-B3q0zgti.js";import"./Banner-DgMA6wLk.js";import"./Button-DHMVBUwm.js";import"./ToggleButton-Cmh0RmO4.js";import"./Card-BzXb8FVb.js";import"./CardExpandable-DPfMipqb.js";import"./DatePicker-BKn0XM-F.js";import"./DateRangePicker-CQBCdKar.js";import"./Divider-CeZli6az.js";import"./FeatureIcon-CR6kn4bc.js";import"./IconButton-DmlAB_br.js";import"./string-C1zy1YtU.js";import"./Modal-DgHy1tzM.js";import"./ModalDialog-D_gGD20M.js";import"./NumberInCircle-CYZFaZ00.js";import"./TabItem-8stCx2KW.js";import"./Tile-B_Dq4GwE.js";import"./Toast-BXEyM5W-.js";import"./AccessStatus-j93wXBXR.js";import"./BlockadeStatus-D34sAHUj.js";import"./SurveyToggle-I0LkpGTR.js";import"./SurveyQuestionScale-CoyT-sux.js";import"./SurveyQuestionOpenEnded-DGULXtGN.js";import"./SectionHeader-Bzah0GMT.js";import"./PageHeader-C5oCP3S2.js";import"./SectionTitle-BQZh7aFs.js";import"./Drawer-BAhS1Aex.js";import"./DrawerContent-BC_l9IKr.js";import"./DrawerDivider-DuTuIbLz.js";import"./DrawerHeader-COcRdVcj.js";import"./DrawerListItem-BriVhCfA.js";import"./DrawerListItemGroup-BTfrsZ_p.js";import"./DrawerTile-CMDu3KA3.js";import"./DrawerSection-_4wes684.js";import"./OutlineItem-UlKfpW4h.js";import"./OutlineDivider-DItdz99b.js";import"./OutlineSectionHeader-CtypBCqR.js";import"./Chip-27U59YWM.js";import"./CounterToggle-DtN72TXv.js";import"./SelectList-T6eJOYPv.js";import"./SelectListItem-CgSfi2_e.js";import"./SelectListItemDivider-CTuILyj9.js";import"./SelectListItemToggle-DjsJWFYv.js";import"./SelectListItemTile-COoarFx_.js";import"./SelectListSectionTitle-BOCjrVHo.js";import"./SelectionTile-DOpgB6Xz.js";import"./LoadingBar-C1yAImWt.js";import"./PopOver-BYrt27z1.js";import"./Dropdown-B75bqkCY.js";import"./ProgressBar-DDVmOs5R.js";import"./ProgressDonutChart-BE6m631p.js";import"./IconText-BtDWtzHS.js";import"./Pagination-BXkEQdY2.js";import"./OverlayHeader-Bk31Cwtx.js";import"./Well-Chn1RK_x.js";import"./ThreeColumnLayout-CFf8NRwP.js";import"./Switch-D1MITa9A.js";import"./TextGroup-D5le3QVY.js";import"./Tooltip-DB8acOEc.js";import{I as E}from"./Image-B9jnhF_n.js";import"./Skeleton-DMxKKJ0Z.js";import{w as O}from"./decorator-CSnIf-k5.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Checkbox-DbxBFead.js";import"./SelectionControl-BkQOHU2i.js";import"./iframe-CbAEFlaR.js";import"../sb-preview/runtime.js";import"./device-9fgosCm4.js";import"./user-_JB5aHqq.js";import"./vue-popper-DQfdblyw.js";import"./_commonjsHelpers-Chg3vePA.js";import"./v4-BZawosSj.js";const{useArgs:y}=__STORYBOOK_MODULE_PREVIEW_API__,Je={title:"Components/RichList/BasicRichListItem",component:l,decorators:[e=>({components:{story:e},template:"<div style='display: flex;padding: 16px;'><story /></div>"}),O]},v=(e,i={})=>(e.argTypes={type:{options:Object.values(p),control:"select"},size:{options:Object.values(n),control:"select"},layout:{options:Object.values(c),control:{type:"select"}},state:{options:Object.values(m),control:"select"},iconColor:{options:[null,...Object.values(T)],control:"select"},borderColor:{options:[null,...Object.values(h)],control:"select"},icon:{options:[null,...Object.keys(a)],control:"select"},iconColorHex:{control:"text"},borderColorHex:{control:"text"},eyebrow:{control:"text"},eyebrowEllipsis:{control:"boolean"},isEyebrowUppercase:{control:"boolean"},text:{control:"text"},textEllipsis:{control:"boolean"},supportingText:{control:"text"},supportingTextEllipsis:{control:"boolean"},isSupportingTextTooltipEnabled:{control:"boolean"},metadata:{control:"text"},actions:{control:"text"},draggableIconClassName:{control:"text"},backgroundColor:{options:[null,...Object.values(d)],control:"select"},elevation:{options:[null,...Object.values(C)],control:"select"}},e.args={size:n.MEDIUM,type:p.DEFAULT,layout:c.HORIZONTAL,backgroundColor:d.NEUTRAL,elevation:null,isDimmed:!1,isDraggable:!0,hasDraggableHandler:!0,icon:null,iconColor:null,iconColorHex:"",hasActionsSlotDivider:!0,isSelectable:!0,isSelected:!0,borderColor:null,borderColorHex:"",state:m.DEFAULT,isInteractive:!0,draggableIconClassName:"draggableIconClassName-1",eyebrow:"Eyebrow Uppercase",eyebrowEllipsis:!1,isEyebrowUppercase:!1,text:"Długa nazwa gdy się nie mieści Praesentium dicta sit. Molestiae unde voluptatem eaque labore.",textEllipsis:!1,supportingText:"null",supportingTextEllipsis:!1,isSupportingTextTooltipEnabled:!1,metadata:"Metadata Slot",actions:"ACS",...i},e.parameters={actions:{handles:["icon-click","click","update:is-selected"]},layout:"fullscreen",design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?type=design&node-id=8673-2345&mode=design&t=QeEz8TmzxDbrGYK3-4"}},e),w=e=>{const[i,r]=y();return{components:{BasicRichListItem:l},setup(){return e},data(){return{ICONS:Object.freeze(a)}},methods:{updateIsSelected(s){r({isSelected:s})}},template:`
1
+ import{B as l}from"./BasicRichListItem-WZ8mj4WH.js";import{R as p,a as n,b as c,c as m,d as h,e as d,f as C}from"./GroupRichListItem-DYIyXLew.js";import{c as T,I as a}from"./Icon-Mp5xMpaO.js";import"./Avatar-OqeGv3bT.js";import"./BadgeScore-BL8hbYk0.js";import"./Banner-CYq3U3dp.js";import"./Button-C9fw-hoQ.js";import"./ToggleButton-O5xcFrKP.js";import"./Card-BzXb8FVb.js";import"./CardExpandable-BzuBEb3B.js";import"./DatePicker-AYpn3Wnq.js";import"./DateRangePicker-SPwTzS7T.js";import"./Divider-CeZli6az.js";import"./FeatureIcon-Bt2WOK2R.js";import"./IconButton-DIcq1fJw.js";import"./string-It9PaX9k.js";import"./Modal-C6oHTd9H.js";import"./ModalDialog-dOgZn33y.js";import"./NumberInCircle-CYZFaZ00.js";import"./TabItem-B12iJLKS.js";import"./Tile-DysbzGgY.js";import"./Toast-D729ZPpL.js";import"./AccessStatus-eOOeqKMq.js";import"./BlockadeStatus-0IfPTjpE.js";import"./SurveyToggle-BtVXTA2f.js";import"./SurveyQuestionScale-DIyyaIsW.js";import"./SurveyQuestionOpenEnded-uAQcVFpH.js";import"./SectionHeader-Cb_LRj0A.js";import"./PageHeader-C5oCP3S2.js";import"./SectionTitle-BQZh7aFs.js";import"./Drawer-BAhS1Aex.js";import"./DrawerContent-BC_l9IKr.js";import"./DrawerDivider-DuTuIbLz.js";import"./DrawerHeader-CrvJW8a0.js";import"./DrawerListItem-83NDSyje.js";import"./DrawerListItemGroup-BTfrsZ_p.js";import"./DrawerTile-CVzahKPW.js";import"./DrawerSection-JWZp34mG.js";import"./OutlineItem-DhfqJ-7-.js";import"./OutlineDivider-DItdz99b.js";import"./OutlineSectionHeader-CtypBCqR.js";import"./Chip-BioAps-y.js";import"./CounterToggle-25cwaguS.js";import"./SelectList-T6eJOYPv.js";import"./SelectListItem-CMEWk56_.js";import"./SelectListItemDivider-CTuILyj9.js";import"./SelectListItemToggle-81A27VmN.js";import"./SelectListItemTile-BY_kD2tX.js";import"./SelectListSectionTitle-BOCjrVHo.js";import"./SelectionTile-M5QhEL1-.js";import"./LoadingBar-C1yAImWt.js";import"./PopOver-CtUX5GOv.js";import"./Dropdown-B75bqkCY.js";import"./ProgressBar--hC6PavB.js";import"./ProgressDonutChart-DeGyrmq6.js";import"./IconText-DH8YnoAg.js";import"./Pagination-BozsH7nA.js";import"./OverlayHeader-CPMEh6FP.js";import"./Well-Chn1RK_x.js";import"./ThreeColumnLayout-CFf8NRwP.js";import"./Switch--1UZ60fL.js";import"./TextGroup-D5le3QVY.js";import"./Tooltip-DB8acOEc.js";import{I as E}from"./Image-B9jnhF_n.js";import"./Skeleton-DMxKKJ0Z.js";import{w as O}from"./decorator-CSnIf-k5.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Checkbox-B9iZ2V6w.js";import"./SelectionControl-DBJI2z3t.js";import"./iframe-CJMgMOL3.js";import"../sb-preview/runtime.js";import"./device-9fgosCm4.js";import"./user-_JB5aHqq.js";import"./vue-popper-DQfdblyw.js";import"./_commonjsHelpers-Chg3vePA.js";import"./v4-BZawosSj.js";const{useArgs:y}=__STORYBOOK_MODULE_PREVIEW_API__,Je={title:"Components/RichList/BasicRichListItem",component:l,decorators:[e=>({components:{story:e},template:"<div style='display: flex;padding: 16px;'><story /></div>"}),O]},v=(e,i={})=>(e.argTypes={type:{options:Object.values(p),control:"select"},size:{options:Object.values(n),control:"select"},layout:{options:Object.values(c),control:{type:"select"}},state:{options:Object.values(m),control:"select"},iconColor:{options:[null,...Object.values(T)],control:"select"},borderColor:{options:[null,...Object.values(h)],control:"select"},icon:{options:[null,...Object.keys(a)],control:"select"},iconColorHex:{control:"text"},borderColorHex:{control:"text"},eyebrow:{control:"text"},eyebrowEllipsis:{control:"boolean"},isEyebrowUppercase:{control:"boolean"},text:{control:"text"},textEllipsis:{control:"boolean"},supportingText:{control:"text"},supportingTextEllipsis:{control:"boolean"},isSupportingTextTooltipEnabled:{control:"boolean"},metadata:{control:"text"},actions:{control:"text"},draggableIconClassName:{control:"text"},backgroundColor:{options:[null,...Object.values(d)],control:"select"},elevation:{options:[null,...Object.values(C)],control:"select"}},e.args={size:n.MEDIUM,type:p.DEFAULT,layout:c.HORIZONTAL,backgroundColor:d.NEUTRAL,elevation:null,isDimmed:!1,isDraggable:!0,hasDraggableHandler:!0,icon:null,iconColor:null,iconColorHex:"",hasActionsSlotDivider:!0,isSelectable:!0,isSelected:!0,borderColor:null,borderColorHex:"",state:m.DEFAULT,isInteractive:!0,draggableIconClassName:"draggableIconClassName-1",eyebrow:"Eyebrow Uppercase",eyebrowEllipsis:!1,isEyebrowUppercase:!1,text:"Długa nazwa gdy się nie mieści Praesentium dicta sit. Molestiae unde voluptatem eaque labore.",textEllipsis:!1,supportingText:"null",supportingTextEllipsis:!1,isSupportingTextTooltipEnabled:!1,metadata:"Metadata Slot",actions:"ACS",...i},e.parameters={actions:{handles:["icon-click","click","update:is-selected"]},layout:"fullscreen",design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?type=design&node-id=8673-2345&mode=design&t=QeEz8TmzxDbrGYK3-4"}},e),w=e=>{const[i,r]=y();return{components:{BasicRichListItem:l},setup(){return e},data(){return{ICONS:Object.freeze(a)}},methods:{updateIsSelected(s){r({isSelected:s})}},template:`
2
2
  <basic-rich-list-item
3
3
  :size="size"
4
4
  :type="type"
@@ -1 +1 @@
1
- import{d as n,c as r,k as c,a as i,j as u,n as d,r as p,o as l}from"./vue.esm-bundler-DmkhfO_9.js";import{a as _,I as t,b as m}from"./Icon-DFxHJjrP.js";import{a as e}from"./user-_JB5aHqq.js";import{_ as S}from"./_plugin-vue_export-helper-DlAUqK2U.js";const a=n({name:"BlockadeStatus",components:{Icon:_},props:{status:{type:String,required:!0}},data(){return{ICONS:Object.freeze(t),ICON_SIZES:Object.freeze(m)}},computed:{icon(){return this.status===e.ACTIVE?t.FA_LOCK_KEYHOLE:t.FA_UNLOCK_KEYHOLE},statusClass(){return this.status===e.ACTIVE?"-ds-active":""},text(){return this.status===e.ACTIVE?"Blokada dostępu":"Blokada zakończona"}}}),C={class:"ds-blockadeStatus__text"};function f(s,k,I,E,O,B){const o=p("icon");return l(),r("div",{class:d(["ds-blockadeStatus",s.statusClass])},[c(o,{size:s.ICON_SIZES.X_SMALL,icon:s.icon,class:"ds-blockadeStatus__icon"},null,8,["size","icon"]),i("span",C,u(s.text),1)],2)}const z=S(a,[["render",f],["__scopeId","data-v-a48935bf"]]);a.__docgenInfo={displayName:"BlockadeStatus",exportName:"default",description:"",tags:{},props:[{name:"status",type:{name:"string"},required:!0}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue"]};export{z as B};
1
+ import{d as n,c as r,k as c,a as i,j as u,n as d,r as p,o as l}from"./vue.esm-bundler-DmkhfO_9.js";import{a as _,I as t,b as m}from"./Icon-Mp5xMpaO.js";import{a as e}from"./user-_JB5aHqq.js";import{_ as S}from"./_plugin-vue_export-helper-DlAUqK2U.js";const a=n({name:"BlockadeStatus",components:{Icon:_},props:{status:{type:String,required:!0}},data(){return{ICONS:Object.freeze(t),ICON_SIZES:Object.freeze(m)}},computed:{icon(){return this.status===e.ACTIVE?t.FA_LOCK_KEYHOLE:t.FA_UNLOCK_KEYHOLE},statusClass(){return this.status===e.ACTIVE?"-ds-active":""},text(){return this.status===e.ACTIVE?"Blokada dostępu":"Blokada zakończona"}}}),C={class:"ds-blockadeStatus__text"};function f(s,k,I,E,O,B){const o=p("icon");return l(),r("div",{class:d(["ds-blockadeStatus",s.statusClass])},[c(o,{size:s.ICON_SIZES.X_SMALL,icon:s.icon,class:"ds-blockadeStatus__icon"},null,8,["size","icon"]),i("span",C,u(s.text),1)],2)}const z=S(a,[["render",f],["__scopeId","data-v-a48935bf"]]);a.__docgenInfo={displayName:"BlockadeStatus",exportName:"default",description:"",tags:{},props:[{name:"status",type:{name:"string"},required:!0}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue"]};export{z as B};
@@ -1,4 +1,4 @@
1
- import{B as o}from"./BlockadeStatus-D34sAHUj.js";import{a as r}from"./user-_JB5aHqq.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./Icon-DFxHJjrP.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const g={title:"Components/Statuses/BlockadeStatus",component:o},c=n=>({components:{BlockadeStatus:o},setup(){return n},template:'<blockade-status :status="status" />'}),t=c.bind({}),p={status:r.ACTIVE},m={status:{control:"select",options:Object.values(r)}};t.argTypes=m;t.args=p;t.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=3040%3A70712"}};var s,e,a;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`args => ({
1
+ import{B as o}from"./BlockadeStatus-0IfPTjpE.js";import{a as r}from"./user-_JB5aHqq.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./Icon-Mp5xMpaO.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const g={title:"Components/Statuses/BlockadeStatus",component:o},c=n=>({components:{BlockadeStatus:o},setup(){return n},template:'<blockade-status :status="status" />'}),t=c.bind({}),p={status:r.ACTIVE},m={status:{control:"select",options:Object.values(r)}};t.argTypes=m;t.args=p;t.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=3040%3A70712"}};var s,e,a;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`args => ({
2
2
  components: {
3
3
  BlockadeStatus
4
4
  },
@@ -1 +1 @@
1
- import{a as L,I as o,b as a}from"./Icon-DFxHJjrP.js";import{d as c,t as E,c as N,a as I,b as i,g as r,f,n as A,r as m,o as t}from"./vue.esm-bundler-DmkhfO_9.js";import{_ as U}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s={SMALL:"small",MEDIUM:"medium",LARGE:"large"},n={FILLED:"filled",OUTLINED:"outlined",TEXT:"text"},T={PRIMARY:"primary",NEUTRAL:"neutral",DANGER:"danger",SUCCESS:"success",INVERTED:"inverted"},u={CAPSULE:"capsule",ROUNDED:"rounded"},S={DEFAULT:"default",HOVERED:"hovered",FOCUSED:"focused",DISABLED:"disabled",LOADING:"loading"},d={NONE:"none",X_SMALL:"x-small",SMALL:"small"},z={XX_SMALL:"xx-small",X_SMALL:"x-small",SMALL:"small",MEDIUM:"medium",LARGE:"large"},j={ICON_ONLY:"icon-only",OUTLINED:n.OUTLINED,FILLED:n.FILLED},V={ALL_IN_COLOR:"all-in-color",NEUTRAL_LABEL:"neutral-label"},D={PRIMARY:"primary",NEUTRAL:"neutral",NEUTRAL_WEAK:"neutral-weak",FAIL:"fail",DANGER:"danger",SUCCESS:"success",INVERTED:"inverted",WARNING:"warning",INFO:"info"},h={DEFAULT:"default",HOVERED:"hovered",FOCUSED:"focused",DISABLED:"disabled",LOADING:"loading"},O=c({name:"Button",components:{WnlIcon:L},props:{size:{type:String,default:s.MEDIUM,validator(e){return Object.values(s).includes(e)}},type:{type:String,default:n.FILLED,validator(e){return Object.values(n).includes(e)}},color:{type:String,default:T.PRIMARY,validator(e){return Object.values(D).includes(e)}},radius:{type:String,default:u.CAPSULE,validator(e){return Object.values(u).includes(e)}},state:{type:String,default:S.DEFAULT,validator(e){return Object.values(S).includes(e)}},iconLeft:{type:Object,default:null,validator(e){return Object.values(o).includes(E(e))}},iconRight:{type:Object,default:null,validator(e){return Object.values(o).includes(E(e))}},elevation:{type:String,default:d.NONE,validator(e){return Object.values(d).includes(e)}}},data(){return{ICONS:Object.freeze(o),ICON_SIZES:Object.freeze(a),BUTTON_TYPES:Object.freeze(n),COLORS:Object.freeze(T),RADIUSES:Object.freeze(u),SIZES:Object.freeze(s),STATES:Object.freeze(S),ELEVATIONS:Object.freeze(d)}},computed:{iconSize(){return this.size===this.SIZES.SMALL||this.size===this.SIZES.MEDIUM?a.XX_SMALL:a.X_SMALL},colorClassName(){return`-ds-color-${this.color}`},loadingIconSize(){return this.size===s.LARGE?a.MEDIUM:this.size===s.SMALL?a.X_SMALL:a.SMALL}}}),p={class:"ds-button__content"};function R(e,v,B,g,C,b){const l=m("wnl-icon");return t(),N("span",{class:A(["ds-button",{"-ds-outlined":e.type===e.BUTTON_TYPES.OUTLINED,"-ds-text":e.type===e.BUTTON_TYPES.TEXT,"-ds-small":e.size===e.SIZES.SMALL,"-ds-large":e.size===e.SIZES.LARGE,"-ds-rounded":e.type!==e.BUTTON_TYPES.TEXT&&e.radius===e.RADIUSES.ROUNDED,"-ds-hovered":e.state===e.STATES.HOVERED,"-ds-focused":e.state===e.STATES.FOCUSED,"-ds-loading":e.state===e.STATES.LOADING,"-ds-disabled":e.state===e.STATES.DISABLED,[e.colorClassName]:!0,"-ds-elevation-x-small":e.elevation===e.ELEVATIONS.X_SMALL,"-ds-elevation-small":e.elevation===e.ELEVATIONS.SMALL}])},[I("span",p,[e.iconLeft?(t(),i(l,{key:0,class:"ds-button__icon -ds-left",icon:e.iconLeft,size:e.iconSize},null,8,["icon","size"])):r("",!0),f(e.$slots,"default"),e.iconRight?(t(),i(l,{key:1,class:"ds-button__icon -ds-right",icon:e.iconRight,size:e.iconSize},null,8,["icon","size"])):r("",!0)]),e.state===e.STATES.LOADING?(t(),i(l,{key:0,class:"ds-button__loadingIcon",icon:e.ICONS.FAD_SPINNER_THIRD,size:e.loadingIconSize},null,8,["icon","size"])):r("",!0)],2)}const F=U(O,[["render",R]]);O.__docgenInfo={displayName:"Button",exportName:"default",description:"",tags:{},props:[{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"BUTTON_SIZES.MEDIUM"}},{name:"type",type:{name:"string"},defaultValue:{func:!1,value:"BUTTON_TYPES.FILLED"}},{name:"color",type:{name:"string"},defaultValue:{func:!1,value:"BUTTON_COLORS.PRIMARY"}},{name:"radius",type:{name:"string"},defaultValue:{func:!1,value:"BUTTON_RADIUSES.CAPSULE"}},{name:"state",type:{name:"string"},defaultValue:{func:!1,value:"BUTTON_STATES.DEFAULT"}},{name:"iconLeft",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"iconRight",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"elevation",type:{name:"string"},defaultValue:{func:!1,value:"BUTTON_ELEVATIONS.NONE"}}],slots:[{name:"default"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Buttons/Button/Button.vue"]};export{s as B,F as D,z as I,n as a,T as b,u as c,S as d,d as e,j as f,V as g,h,D as i};
1
+ import{a as L,I as o,b as a}from"./Icon-Mp5xMpaO.js";import{d as c,t as E,c as N,a as I,b as i,g as r,f,n as A,r as m,o as t}from"./vue.esm-bundler-DmkhfO_9.js";import{_ as U}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s={SMALL:"small",MEDIUM:"medium",LARGE:"large"},n={FILLED:"filled",OUTLINED:"outlined",TEXT:"text"},T={PRIMARY:"primary",NEUTRAL:"neutral",DANGER:"danger",SUCCESS:"success",INVERTED:"inverted"},u={CAPSULE:"capsule",ROUNDED:"rounded"},S={DEFAULT:"default",HOVERED:"hovered",FOCUSED:"focused",DISABLED:"disabled",LOADING:"loading"},d={NONE:"none",X_SMALL:"x-small",SMALL:"small"},z={XX_SMALL:"xx-small",X_SMALL:"x-small",SMALL:"small",MEDIUM:"medium",LARGE:"large"},j={ICON_ONLY:"icon-only",OUTLINED:n.OUTLINED,FILLED:n.FILLED},V={ALL_IN_COLOR:"all-in-color",NEUTRAL_LABEL:"neutral-label"},D={PRIMARY:"primary",NEUTRAL:"neutral",NEUTRAL_WEAK:"neutral-weak",FAIL:"fail",DANGER:"danger",SUCCESS:"success",INVERTED:"inverted",WARNING:"warning",INFO:"info"},h={DEFAULT:"default",HOVERED:"hovered",FOCUSED:"focused",DISABLED:"disabled",LOADING:"loading"},O=c({name:"Button",components:{WnlIcon:L},props:{size:{type:String,default:s.MEDIUM,validator(e){return Object.values(s).includes(e)}},type:{type:String,default:n.FILLED,validator(e){return Object.values(n).includes(e)}},color:{type:String,default:T.PRIMARY,validator(e){return Object.values(D).includes(e)}},radius:{type:String,default:u.CAPSULE,validator(e){return Object.values(u).includes(e)}},state:{type:String,default:S.DEFAULT,validator(e){return Object.values(S).includes(e)}},iconLeft:{type:Object,default:null,validator(e){return Object.values(o).includes(E(e))}},iconRight:{type:Object,default:null,validator(e){return Object.values(o).includes(E(e))}},elevation:{type:String,default:d.NONE,validator(e){return Object.values(d).includes(e)}}},data(){return{ICONS:Object.freeze(o),ICON_SIZES:Object.freeze(a),BUTTON_TYPES:Object.freeze(n),COLORS:Object.freeze(T),RADIUSES:Object.freeze(u),SIZES:Object.freeze(s),STATES:Object.freeze(S),ELEVATIONS:Object.freeze(d)}},computed:{iconSize(){return this.size===this.SIZES.SMALL||this.size===this.SIZES.MEDIUM?a.XX_SMALL:a.X_SMALL},colorClassName(){return`-ds-color-${this.color}`},loadingIconSize(){return this.size===s.LARGE?a.MEDIUM:this.size===s.SMALL?a.X_SMALL:a.SMALL}}}),p={class:"ds-button__content"};function R(e,v,B,g,C,b){const l=m("wnl-icon");return t(),N("span",{class:A(["ds-button",{"-ds-outlined":e.type===e.BUTTON_TYPES.OUTLINED,"-ds-text":e.type===e.BUTTON_TYPES.TEXT,"-ds-small":e.size===e.SIZES.SMALL,"-ds-large":e.size===e.SIZES.LARGE,"-ds-rounded":e.type!==e.BUTTON_TYPES.TEXT&&e.radius===e.RADIUSES.ROUNDED,"-ds-hovered":e.state===e.STATES.HOVERED,"-ds-focused":e.state===e.STATES.FOCUSED,"-ds-loading":e.state===e.STATES.LOADING,"-ds-disabled":e.state===e.STATES.DISABLED,[e.colorClassName]:!0,"-ds-elevation-x-small":e.elevation===e.ELEVATIONS.X_SMALL,"-ds-elevation-small":e.elevation===e.ELEVATIONS.SMALL}])},[I("span",p,[e.iconLeft?(t(),i(l,{key:0,class:"ds-button__icon -ds-left",icon:e.iconLeft,size:e.iconSize},null,8,["icon","size"])):r("",!0),f(e.$slots,"default"),e.iconRight?(t(),i(l,{key:1,class:"ds-button__icon -ds-right",icon:e.iconRight,size:e.iconSize},null,8,["icon","size"])):r("",!0)]),e.state===e.STATES.LOADING?(t(),i(l,{key:0,class:"ds-button__loadingIcon",icon:e.ICONS.FAD_SPINNER_THIRD,size:e.loadingIconSize},null,8,["icon","size"])):r("",!0)],2)}const F=U(O,[["render",R]]);O.__docgenInfo={displayName:"Button",exportName:"default",description:"",tags:{},props:[{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"BUTTON_SIZES.MEDIUM"}},{name:"type",type:{name:"string"},defaultValue:{func:!1,value:"BUTTON_TYPES.FILLED"}},{name:"color",type:{name:"string"},defaultValue:{func:!1,value:"BUTTON_COLORS.PRIMARY"}},{name:"radius",type:{name:"string"},defaultValue:{func:!1,value:"BUTTON_RADIUSES.CAPSULE"}},{name:"state",type:{name:"string"},defaultValue:{func:!1,value:"BUTTON_STATES.DEFAULT"}},{name:"iconLeft",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"iconRight",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"elevation",type:{name:"string"},defaultValue:{func:!1,value:"BUTTON_ELEVATIONS.NONE"}}],slots:[{name:"default"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Buttons/Button/Button.vue"]};export{s as B,F as D,z as I,n as a,T as b,u as c,S as d,d as e,j as f,V as g,h,D as i};
@@ -1,4 +1,4 @@
1
- import{D as r,B as i,a as c,b as a,c as l,d as p,e as u}from"./Button-DHMVBUwm.js";import{I as e}from"./Icon-DFxHJjrP.js";import{w as O}from"./decorator-CSnIf-k5.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./v4-BZawosSj.js";const E={title:"Components/Buttons/Button",component:r,decorators:[O]},m=d=>({components:{Button:r},setup(){return d},template:`
1
+ import{D as r,B as i,a as c,b as a,c as l,d as p,e as u}from"./Button-C9fw-hoQ.js";import{I as e}from"./Icon-Mp5xMpaO.js";import{w as O}from"./decorator-CSnIf-k5.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./v4-BZawosSj.js";const E={title:"Components/Buttons/Button",component:r,decorators:[O]},m=d=>({components:{Button:r},setup(){return d},template:`
2
2
  <div :class="{ contrastBackground: isInverted }">
3
3
  <Button
4
4
  :size="size"