@bethinkpl/design-system 26.2.6 → 26.3.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 (170) 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 +4 -0
  4. package/dist/lib/js/components/Buttons/Button/Button.vue.d.ts +1 -0
  5. package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +2 -0
  6. package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +1 -0
  7. package/dist/lib/js/components/Chip/Chip.vue.d.ts +3 -0
  8. package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.consts.d.ts +2 -0
  9. package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +24 -7
  10. package/dist/lib/js/components/DatePickers/DatePickerBox/DatePickerBox.vue.d.ts +3 -0
  11. package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts +5 -0
  12. package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue.d.ts +7 -0
  13. package/dist/lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue.d.ts +1 -0
  14. package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts +4 -0
  15. package/dist/lib/js/components/Drawer/DrawerTile/DrawerTile.vue.d.ts +23 -2
  16. package/dist/lib/js/components/Form/Checkbox/Checkbox.vue.d.ts +1 -0
  17. package/dist/lib/js/components/Form/RadioButton/RadioButton.vue.d.ts +1 -0
  18. package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +3 -0
  19. package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts +3 -0
  20. package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts +1 -0
  21. package/dist/lib/js/components/Modal/Modal.vue.d.ts +1 -0
  22. package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +4 -0
  23. package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +4 -0
  24. package/dist/lib/js/components/Outline/OutlineItem/OutlineItem.vue.d.ts +1 -0
  25. package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +4 -0
  26. package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +1 -0
  27. package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.vue.d.ts +1 -0
  28. package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +2 -0
  29. package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts +2 -0
  30. package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.vue.d.ts +1 -0
  31. package/dist/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue.d.ts +19 -0
  32. package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts +1 -0
  33. package/dist/lib/js/components/SelectionTile/SelectionTile.vue.d.ts +3 -0
  34. package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +1 -0
  35. package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +1 -0
  36. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +5 -0
  37. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +5 -0
  38. package/dist/lib/js/components/Switch/Switch.vue.d.ts +1 -0
  39. package/dist/lib/js/components/Tile/Tile.consts.d.ts +1 -0
  40. package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts +1 -0
  41. package/dist/lib/js/components/Tile/Tile.shared.d.ts +4 -0
  42. package/dist/lib/js/components/Tile/Tile.vue.d.ts +10 -0
  43. package/dist/lib/js/components/Toast/Toast.vue.d.ts +1 -0
  44. package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts +1 -0
  45. package/dist/lib/js/icons/fontawesome.d.ts +1 -0
  46. package/docs/assets/{AccessStatus-ClS84vSe.js → AccessStatus-hWUALK-7.js} +1 -1
  47. package/docs/assets/{AccessStatus.stories-BWcMsDLk.js → AccessStatus.stories-tYSFEaM3.js} +1 -1
  48. package/docs/assets/{BadgeScore-CZzWzYgk.js → BadgeScore-Bz-odlMA.js} +1 -1
  49. package/docs/assets/{BadgeScore.stories-Kgqr3ASb.js → BadgeScore.stories-MUc8H4FV.js} +1 -1
  50. package/docs/assets/{Banner-CKP6QLq7.js → Banner-C2UT61lH.js} +1 -1
  51. package/docs/assets/{Banner.stories-CSclVk5l.js → Banner.stories-kNlG5iAF.js} +1 -1
  52. package/docs/assets/{BasicRichListItem-D3pse0_L.js → BasicRichListItem-DyO0o6sl.js} +1 -1
  53. package/docs/assets/{BasicRichListItem.stories-R4YjJiK0.js → BasicRichListItem.stories-DA9RpruC.js} +1 -1
  54. package/docs/assets/{BlockadeStatus-Eq8qNk3H.js → BlockadeStatus-CNSUsB1u.js} +1 -1
  55. package/docs/assets/{BlockedeStatus.stories-DxdPcwwM.js → BlockedeStatus.stories-BnymGZoo.js} +1 -1
  56. package/docs/assets/{Button-CYE3lqUM.js → Button-B8CAc1rL.js} +1 -1
  57. package/docs/assets/{Button.stories-CYSavMnP.js → Button.stories-DMUT6CSE.js} +1 -1
  58. package/docs/assets/{CardExpandable-BUtFN6qF.js → CardExpandable-DcS9Rs_k.js} +1 -1
  59. package/docs/assets/{CardExpandable.stories-B23_eMBU.js → CardExpandable.stories-BWlKtdtN.js} +1 -1
  60. package/docs/assets/{Checkbox-KYcZTLuT.js → Checkbox-B7oe-wbJ.js} +1 -1
  61. package/docs/assets/{Checkbox.stories-D33ahJXG.js → Checkbox.stories-CqXhEcpy.js} +1 -1
  62. package/docs/assets/{Chip-Bq1ZSXp_.js → Chip-BiYhA48J.js} +1 -1
  63. package/docs/assets/{Chip.stories-DFtBefaz.js → Chip.stories-OjxSnWys.js} +1 -1
  64. package/docs/assets/{Color-ERTF36HU-DGAUXabj.js → Color-ERTF36HU-K4m1uoMM.js} +1 -1
  65. package/docs/assets/{CounterToggle-DE96dwGZ.js → CounterToggle-ByCgwkoS.js} +1 -1
  66. package/docs/assets/{CounterToggle.stories-CKELWAHH.js → CounterToggle.stories-DZbjvhdl.js} +1 -1
  67. package/docs/assets/DatePicker-BXXVSwfW.js +2 -0
  68. package/docs/assets/{DatePicker.stories-Bsx5Xu0M.js → DatePicker.stories-CEo-vlt1.js} +7 -3
  69. package/docs/assets/{DateRangePicker-CUiFvBeH.js → DateRangePicker-C_Ji1pbO.js} +1 -1
  70. package/docs/assets/{DateRangePicker.stories-o2LbDeo0.js → DateRangePicker.stories-BB7YSjwD.js} +9 -9
  71. package/docs/assets/{DocsRenderer-CFRXHY34-CcxdCD7d.js → DocsRenderer-CFRXHY34-BWfggoiY.js} +5 -5
  72. package/docs/assets/{DrawerHeader-CXML6ILI.js → DrawerHeader-uLWF4ZhP.js} +1 -1
  73. package/docs/assets/{DrawerHeader.stories-BFRntv9g.js → DrawerHeader.stories-Bj5E3Ypw.js} +1 -1
  74. package/docs/assets/{DrawerListItem-DwU7tkY-.js → DrawerListItem-DHCAMWPh.js} +1 -1
  75. package/docs/assets/{DrawerListItem.stories-Dn0ei8Go.js → DrawerListItem.stories-B7eEIAHJ.js} +1 -1
  76. package/docs/assets/{DrawerListItemGroup.stories-Bdqv_PCr.js → DrawerListItemGroup.stories-B374u25r.js} +1 -1
  77. package/docs/assets/{DrawerSection-CZQts4fV.js → DrawerSection-R-ei7dU4.js} +1 -1
  78. package/docs/assets/{DrawerSection.stories-Ck3mBS5K.js → DrawerSection.stories-B8c0mEzB.js} +1 -1
  79. package/docs/assets/DrawerTile-CHylUbA8.js +1 -0
  80. package/docs/assets/{DrawerTile.stories-D-8DPXdi.js → DrawerTile.stories-BrRxiBDk.js} +1 -1
  81. package/docs/assets/{Dropdown.stories-Dkgtf6tV.js → Dropdown.stories-TKrTFBJN.js} +1 -1
  82. package/docs/assets/{FeatureIcon-BralJUmR.js → FeatureIcon-Ds4nRKfB.js} +1 -1
  83. package/docs/assets/{FeatureIcon.stories-BRb_4t9C.js → FeatureIcon.stories-bccPUPZf.js} +1 -1
  84. package/docs/assets/{GroupRichListItem-BYkqOl05.js → GroupRichListItem-DLFn195Q.js} +1 -1
  85. package/docs/assets/{GroupRichListItem.stories-DPUDfrpm.js → GroupRichListItem.stories-wLdB-0Oa.js} +1 -1
  86. package/docs/assets/Icon-DOGQpP6-.js +761 -0
  87. package/docs/assets/{Icon.stories-No7ZaHUl.js → Icon.stories-B3V1ckLg.js} +1 -1
  88. package/docs/assets/{IconButton-5VVKI4L8.js → IconButton-BSj_HuA7.js} +1 -1
  89. package/docs/assets/{IconButton.stories-CyKoply2.js → IconButton.stories-DiZwDb6r.js} +1 -1
  90. package/docs/assets/{IconText-CkVKy_JT.js → IconText-Dow4OhZ0.js} +1 -1
  91. package/docs/assets/{IconText.stories-BV6qZ9Uz.js → IconText.stories-CN_rDFNI.js} +1 -1
  92. package/docs/assets/{Modal-BaQ9m90i.js → Modal-DSJUdAlr.js} +1 -1
  93. package/docs/assets/{Modal.stories-B_MFS7hu.js → Modal.stories-B2usDY_X.js} +1 -1
  94. package/docs/assets/{ModalDialog-z2qdc3v4.js → ModalDialog-Dh8qNpS6.js} +1 -1
  95. package/docs/assets/{ModalDialog.stories-DRoTs0vN.js → ModalDialog.stories-B5GSajrD.js} +1 -1
  96. package/docs/assets/{OutlineItem-CgcmTUfn.js → OutlineItem-CIOJyOIB.js} +1 -1
  97. package/docs/assets/{OutlineItem.stories-BTZHHUjA.js → OutlineItem.stories-YOVlI8zj.js} +1 -1
  98. package/docs/assets/{OverlayHeader-ChWcQ7A3.js → OverlayHeader-CoVz91vL.js} +1 -1
  99. package/docs/assets/{OverlayHeader.stories-BXb_hoVv.js → OverlayHeader.stories-Ksx3RyBb.js} +1 -1
  100. package/docs/assets/{Pagination-D-Sq3rMY.js → Pagination-vyNg72zL.js} +1 -1
  101. package/docs/assets/{Pagination.stories-B09ssoO2.js → Pagination.stories-3Zjk2w5F.js} +1 -1
  102. package/docs/assets/{PopOver-BjiDLwai.js → PopOver-Das8oa0-.js} +1 -1
  103. package/docs/assets/{PopOver.stories-DFGElLEQ.js → PopOver.stories-yEOxDdKI.js} +1 -1
  104. package/docs/assets/{ProgressBar-xIGt_7Oi.js → ProgressBar-CagavvzY.js} +1 -1
  105. package/docs/assets/{ProgressBar.stories-3VuVrMzK.js → ProgressBar.stories-JYo8zUrL.js} +1 -1
  106. package/docs/assets/{ProgressDonutChart-CZhcGOel.js → ProgressDonutChart-wBkk51RI.js} +1 -1
  107. package/docs/assets/{ProgressDonutChart.stories-bOyf8HX5.js → ProgressDonutChart.stories-aVcnSkw6.js} +1 -1
  108. package/docs/assets/{RadioButton-BqrBPM7P.js → RadioButton-fLgXVSYQ.js} +1 -1
  109. package/docs/assets/{RadioButton.stories-CQhm39Tv.js → RadioButton.stories-BaGOqO1m.js} +1 -1
  110. package/docs/assets/{RichListItem.stories-B2GCMaq5.js → RichListItem.stories-Csenjsbe.js} +1 -1
  111. package/docs/assets/{SectionHeader-CkqBv6QD.js → SectionHeader-wxwJCOPp.js} +1 -1
  112. package/docs/assets/{SectionHeader.stories-DImv7yZ-.js → SectionHeader.stories-BmXbtH8Z.js} +1 -1
  113. package/docs/assets/{SelectList.stories-BeQZgLpb.js → SelectList.stories-Brddzccq.js} +1 -1
  114. package/docs/assets/{SelectListItem-BK_eMqRE.js → SelectListItem-BFm33ncs.js} +1 -1
  115. package/docs/assets/{SelectListItem.stories-CCuSiVLj.js → SelectListItem.stories-COXy-xBv.js} +1 -1
  116. package/docs/assets/SelectListItemTile-C4fBfRzh.js +1 -0
  117. package/docs/assets/{SelectListItemTile.stories-BQazSg1n.js → SelectListItemTile.stories-Cb0ZqUS7.js} +1 -1
  118. package/docs/assets/{SelectListItemToggle-uu8aTlbZ.js → SelectListItemToggle-QxU9-4E7.js} +1 -1
  119. package/docs/assets/{SelectListItemToggle.stories-DMU10XnC.js → SelectListItemToggle.stories-B8DgBtuT.js} +1 -1
  120. package/docs/assets/{SelectionControl-C2m3ylYI.js → SelectionControl-rpcCdIb9.js} +1 -1
  121. package/docs/assets/{SelectionTile-DPhe1Out.js → SelectionTile-BiygSsH5.js} +2 -2
  122. package/docs/assets/{SelectionTile.stories-Cm-RfjFi.js → SelectionTile.stories-ChzlrhTW.js} +1 -1
  123. package/docs/assets/{SurveyQuestionOpenEnded-DMkrJ7PV.js → SurveyQuestionOpenEnded-BsVd4zvh.js} +1 -1
  124. package/docs/assets/{SurveyQuestionOpenEnded.stories-D3ydQcqO.js → SurveyQuestionOpenEnded.stories-BEeTsSOi.js} +1 -1
  125. package/docs/assets/{SurveyQuestionScale-D50B0A4F.js → SurveyQuestionScale-gccsfvoW.js} +1 -1
  126. package/docs/assets/{SurveyQuestionScale.stories-DSllYgWJ.js → SurveyQuestionScale.stories-B0OLLgu4.js} +1 -1
  127. package/docs/assets/{SurveyToggle-CEytwXTu.js → SurveyToggle-XYZbLcE5.js} +1 -1
  128. package/docs/assets/{SurveyToggle.stories-CcN4y5HI.js → SurveyToggle.stories-Dd3iq7iU.js} +1 -1
  129. package/docs/assets/{Switch-BRgc0E3r.js → Switch-DKKwg29G.js} +1 -1
  130. package/docs/assets/{Switch.stories-CrQT5otj.js → Switch.stories-DgeYLJ9S.js} +1 -1
  131. package/docs/assets/{TabItem-CZUx6uYU.js → TabItem-CI2T_BRa.js} +1 -1
  132. package/docs/assets/{TabItem.stories-1lLY5dVI.js → TabItem.stories-BuDITNix.js} +1 -1
  133. package/docs/assets/Tile-D02Mnslq.js +1 -0
  134. package/docs/assets/Tile.sb.shared-Bw4hCqo6.js +16 -0
  135. package/docs/assets/Tile.stories-DuT3b3-t.js +12 -0
  136. package/docs/assets/{Toast-C9PW1GAe.js → Toast-2b3fjN6i.js} +1 -1
  137. package/docs/assets/{Toast.stories-cfGX-A4n.js → Toast.stories-D8AB_V4U.js} +1 -1
  138. package/docs/assets/{ToggleButton-DjWccfum.js → ToggleButton-D0n6uWjI.js} +1 -1
  139. package/docs/assets/{ToggleButton.stories-gR198g__.js → ToggleButton.stories-CSQaRNeF.js} +1 -1
  140. package/docs/assets/{Tooltip.stories-DX2J-dW4.js → Tooltip.stories-DrbKu0eB.js} +1 -1
  141. package/docs/assets/{iframe-Bnjlc0fj.js → iframe-2_y64uNE.js} +7 -7
  142. package/docs/assets/{index-CGLvZumt.js → index-Bp58GzzD.js} +1 -1
  143. package/docs/assets/{index-D3KB6m-q.js → index-ClkwGsCf.js} +1 -1
  144. package/docs/assets/{preview-CkGD9a49.js → preview-B5_41mPz.js} +1 -1
  145. package/docs/assets/{preview-BGKwGc0h.js → preview-DDpS9IAH.js} +2 -2
  146. package/docs/assets/{string-Cr9ML3bf.js → string-LgH8jFZ8.js} +1 -1
  147. package/docs/iframe.html +1 -1
  148. package/docs/project.json +1 -1
  149. package/lib/js/components/DatePickers/DatePicker/DatePicker.consts.ts +2 -0
  150. package/lib/js/components/DatePickers/DatePicker/DatePicker.stories.ts +11 -7
  151. package/lib/js/components/DatePickers/DatePicker/DatePicker.vue +33 -3
  152. package/lib/js/components/DatePickers/DatePickerBox/DatePickerBox.vue +62 -7
  153. package/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.stories.ts +8 -6
  154. package/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue +1 -1
  155. package/lib/js/components/Drawer/DrawerTile/DrawerTile.vue +1 -3
  156. package/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue +1 -0
  157. package/lib/js/components/Tile/Tile.consts.ts +1 -0
  158. package/lib/js/components/Tile/Tile.sb.shared.ts +7 -5
  159. package/lib/js/components/Tile/Tile.shared.ts +4 -0
  160. package/lib/js/components/Tile/Tile.stories.ts +0 -2
  161. package/lib/js/components/Tile/Tile.vue +68 -4
  162. package/lib/js/icons/fontawesome.ts +2 -0
  163. package/package.json +1 -1
  164. package/docs/assets/DatePicker-BfdMp2Je.js +0 -2
  165. package/docs/assets/DrawerTile-BqaB6Qm3.js +0 -1
  166. package/docs/assets/Icon-CQ850_cO.js +0 -761
  167. package/docs/assets/SelectListItemTile-BZdx79sR.js +0 -1
  168. package/docs/assets/Tile-ByPW4b0z.js +0 -1
  169. package/docs/assets/Tile.sb.shared-5_km-AW6.js +0 -15
  170. package/docs/assets/Tile.stories-CyUALbL8.js +0 -14
@@ -12,6 +12,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
12
12
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
13
13
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
14
14
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
15
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
15
16
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
16
17
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
17
18
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -46,6 +46,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
46
46
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
47
47
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
48
48
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
49
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
49
50
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
50
51
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
51
52
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -278,6 +279,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
278
279
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
279
280
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
280
281
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
282
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
281
283
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
282
284
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
283
285
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -629,6 +631,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
629
631
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
630
632
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
631
633
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
634
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
632
635
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
633
636
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
634
637
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1013,6 +1016,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
1013
1016
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
1014
1017
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
1015
1018
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
1019
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
1016
1020
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1017
1021
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1018
1022
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -29,6 +29,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
29
29
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
30
30
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
31
31
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
32
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
32
33
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
33
34
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
34
35
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -18,6 +18,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
18
18
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
19
19
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
20
20
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
21
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
21
22
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
22
23
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
23
24
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -239,6 +239,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
239
239
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
240
240
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
241
241
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
242
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
242
243
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
243
244
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
244
245
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -515,6 +516,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
515
516
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
516
517
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
517
518
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
519
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
518
520
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
519
521
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
520
522
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -14,6 +14,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
14
14
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
15
15
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
16
16
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
17
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
17
18
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
18
19
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
19
20
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -290,6 +291,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
290
291
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
291
292
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
292
293
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
294
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
293
295
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
294
296
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
295
297
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -22,6 +22,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
22
22
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
23
23
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
24
24
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
25
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
25
26
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
26
27
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
27
28
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -55,6 +55,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
55
55
  type: BooleanConstructor;
56
56
  default: boolean;
57
57
  };
58
+ hasBorder: {
59
+ type: BooleanConstructor;
60
+ default: boolean;
61
+ };
58
62
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
59
63
  interactive: {
60
64
  type: BooleanConstructor;
@@ -112,11 +116,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
112
116
  type: BooleanConstructor;
113
117
  default: boolean;
114
118
  };
119
+ hasBorder: {
120
+ type: BooleanConstructor;
121
+ default: boolean;
122
+ };
115
123
  }>> & Readonly<{}>, {
116
124
  color: import('../../Tile').TileColors;
117
125
  state: import('../../Tile').TileStates;
118
126
  iconLeft: Record<string, any>;
119
127
  iconRight: Record<string, any>;
128
+ hasBorder: boolean;
120
129
  interactive: boolean;
121
130
  isIconRightHiddenOnMobile: boolean;
122
131
  eyebrowText: string;
@@ -182,6 +191,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
182
191
  type: BooleanConstructor;
183
192
  default: boolean;
184
193
  };
194
+ hasBorder: {
195
+ type: BooleanConstructor;
196
+ default: boolean;
197
+ };
185
198
  }>, {}, {
186
199
  ICONS: Readonly<{
187
200
  readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
@@ -196,6 +209,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
196
209
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
197
210
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
198
211
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
212
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
199
213
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
200
214
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
201
215
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -463,11 +477,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
463
477
  type: BooleanConstructor;
464
478
  default: boolean;
465
479
  };
480
+ hasBorder: {
481
+ type: BooleanConstructor;
482
+ default: boolean;
483
+ };
466
484
  }>> & Readonly<{}>, {
467
485
  color: import('../../Tile').TileColors;
468
486
  state: import('../../Tile').TileStates;
469
487
  iconLeft: Record<string, any>;
470
488
  iconRight: Record<string, any>;
489
+ hasBorder: boolean;
471
490
  interactive: boolean;
472
491
  isIconRightHiddenOnMobile: boolean;
473
492
  eyebrowText: string;
@@ -44,6 +44,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
44
44
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
45
45
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
46
46
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
47
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
47
48
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
48
49
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
49
50
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -14,6 +14,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
14
14
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
15
15
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
16
16
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
17
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
17
18
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
18
19
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
19
20
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -456,6 +457,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
456
457
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
457
458
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
458
459
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
460
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
459
461
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
460
462
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
461
463
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -780,6 +782,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
780
782
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
781
783
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
782
784
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
785
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
783
786
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
784
787
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
785
788
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -17,6 +17,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
17
17
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
18
18
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
19
19
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
20
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
20
21
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
21
22
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
22
23
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -17,6 +17,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
17
17
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
18
18
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
19
19
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
20
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
20
21
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
21
22
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
22
23
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -14,6 +14,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
14
14
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
15
15
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
16
16
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
17
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
17
18
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
18
19
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
19
20
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -290,6 +291,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
290
291
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
291
292
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
292
293
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
294
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
293
295
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
294
296
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
295
297
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -811,6 +813,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
811
813
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
812
814
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
813
815
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
816
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
814
817
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
815
818
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
816
819
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1162,6 +1165,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
1162
1165
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
1163
1166
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
1164
1167
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
1168
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
1165
1169
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1166
1170
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1167
1171
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1514,6 +1518,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
1514
1518
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
1515
1519
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
1516
1520
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
1521
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
1517
1522
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1518
1523
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1519
1524
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -14,6 +14,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
14
14
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
15
15
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
16
16
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
17
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
17
18
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
18
19
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
19
20
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -494,6 +495,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
494
495
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
495
496
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
496
497
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
498
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
497
499
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
498
500
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
499
501
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -845,6 +847,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
845
847
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
846
848
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
847
849
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
850
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
848
851
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
849
852
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
850
853
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1315,6 +1318,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
1315
1318
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
1316
1319
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
1317
1320
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
1321
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
1318
1322
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1319
1323
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1320
1324
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1625,6 +1629,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
1625
1629
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
1626
1630
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
1627
1631
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
1632
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
1628
1633
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1629
1634
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1630
1635
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -14,6 +14,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
14
14
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
15
15
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
16
16
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
17
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
17
18
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
18
19
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
19
20
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -6,6 +6,7 @@ export declare const TILE_COLORS: {
6
6
  readonly PRIMARY: "primary";
7
7
  readonly SUCCESS: "success";
8
8
  readonly FAIL: "fail";
9
+ readonly DANGER: "danger";
9
10
  readonly WARNING: "warning";
10
11
  readonly INFO: "info";
11
12
  };
@@ -15,6 +15,7 @@ export declare const data: () => {
15
15
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
16
16
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
17
17
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
18
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
18
19
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
19
20
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
20
21
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -55,4 +55,8 @@ export declare const props: {
55
55
  type: BooleanConstructor;
56
56
  default: boolean;
57
57
  };
58
+ hasBorder: {
59
+ type: BooleanConstructor;
60
+ default: boolean;
61
+ };
58
62
  };
@@ -55,6 +55,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
55
55
  type: BooleanConstructor;
56
56
  default: boolean;
57
57
  };
58
+ hasBorder: {
59
+ type: BooleanConstructor;
60
+ default: boolean;
61
+ };
58
62
  }>, {}, {
59
63
  ICONS: Readonly<{
60
64
  readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
@@ -69,6 +73,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
69
73
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
70
74
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
71
75
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
76
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
72
77
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
73
78
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
74
79
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -336,11 +341,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
336
341
  type: BooleanConstructor;
337
342
  default: boolean;
338
343
  };
344
+ hasBorder: {
345
+ type: BooleanConstructor;
346
+ default: boolean;
347
+ };
339
348
  }>> & Readonly<{}>, {
340
349
  color: import('./Tile.consts').TileColors;
341
350
  state: import('./Tile.consts').TileStates;
342
351
  iconLeft: Record<string, any>;
343
352
  iconRight: Record<string, any>;
353
+ hasBorder: boolean;
344
354
  interactive: boolean;
345
355
  isIconRightHiddenOnMobile: boolean;
346
356
  eyebrowText: string;
@@ -72,6 +72,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
72
72
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
73
73
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
74
74
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
75
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
75
76
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
76
77
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
77
78
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -15,6 +15,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
15
15
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
16
16
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
17
17
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
18
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
18
19
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
19
20
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
20
21
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -4,6 +4,7 @@ export declare const FONTAWESOME_ICONS: {
4
4
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
5
5
  readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
6
6
  readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
7
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
7
8
  readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
8
9
  readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
9
10
  readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1 +1 @@
1
- import{d as r,c as o,g as c,a as i,k as u,n as S,r as p,o as _}from"./vue.esm-bundler-CzUSCRPq.js";import{a as d,I as e,b as m}from"./Icon-CQ850_cO.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 g=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{g as A};
1
+ import{d as r,c as o,g as c,a as i,k as u,n as S,r as p,o as _}from"./vue.esm-bundler-CzUSCRPq.js";import{a as d,I as e,b as m}from"./Icon-DOGQpP6-.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 g=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{g as A};
@@ -1,4 +1,4 @@
1
- import{A as r}from"./AccessStatus-ClS84vSe.js";import{C as o}from"./user-_JB5aHqq.js";import"./vue.esm-bundler-CzUSCRPq.js";import"./Icon-CQ850_cO.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-hWUALK-7.js";import{C as o}from"./user-_JB5aHqq.js";import"./vue.esm-bundler-CzUSCRPq.js";import"./Icon-DOGQpP6-.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-CQ850_cO.js";import{d as S,t as c,c as f,b as E,h as m,a as n,k as r,n as O,r as p,o}from"./vue.esm-bundler-CzUSCRPq.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-DOGQpP6-.js";import{d as S,t as c,c as f,b as E,h as m,a as n,k as r,n as O,r as p,o}from"./vue.esm-bundler-CzUSCRPq.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-CZzWzYgk.js";import{I as m}from"./Icon-CQ850_cO.js";import"./vue.esm-bundler-CzUSCRPq.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-Bz-odlMA.js";import{I as m}from"./Icon-DOGQpP6-.js";import"./vue.esm-bundler-CzUSCRPq.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-CYE3lqUM.js";import{D as U,a as A}from"./Divider-ClNbKvxH.js";import{a as h,I as p}from"./Icon-CQ850_cO.js";import{I as L}from"./IconButton-5VVKI4L8.js";import{d as y,t as g,c as s,a,n as r,g as l,h as o,k as O,f as u,e as D,r as i,o as t,l as k}from"./vue.esm-bundler-CzUSCRPq.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:L,DsIcon:h},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-B8CAc1rL.js";import{D as U,a as A}from"./Divider-ClNbKvxH.js";import{a as h,I as p}from"./Icon-DOGQpP6-.js";import{I as L}from"./IconButton-BSj_HuA7.js";import{d as y,t as g,c as s,a,n as r,g as l,h as o,k as O,f as u,e as D,r as i,o as t,l as k}from"./vue.esm-bundler-CzUSCRPq.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:L,DsIcon:h},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-CKP6QLq7.js";import{I as d}from"./Icon-CQ850_cO.js";import"./Button-CYE3lqUM.js";import"./vue.esm-bundler-CzUSCRPq.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Divider-ClNbKvxH.js";import"./IconButton-5VVKI4L8.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-C2UT61lH.js";import{I as d}from"./Icon-DOGQpP6-.js";import"./Button-B8CAc1rL.js";import"./vue.esm-bundler-CzUSCRPq.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Divider-ClNbKvxH.js";import"./IconButton-BSj_HuA7.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-BYkqOl05.js";import{D as T,T as p,c as n}from"./TextGroup-F6Fc0qPD.js";import{d as S,t as g,b as E,j as L,e as s,n as R,r as f,o as C,f as i,a as h,g as O}from"./vue.esm-bundler-CzUSCRPq.js";import{I as _,c as D}from"./Icon-CQ850_cO.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},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}}}),A={class:"ds-basicRichListItem__content"};function H(e,a,V,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",A,[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},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"])])]),_: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",H],["__scopeId","data-v-d2d3c19f"]]);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:"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-DLFn195Q.js";import{D as T,T as p,c as n}from"./TextGroup-F6Fc0qPD.js";import{d as S,t as g,b as E,j as L,e as s,n as R,r as f,o as C,f as i,a as h,g as O}from"./vue.esm-bundler-CzUSCRPq.js";import{I as _,c as D}from"./Icon-DOGQpP6-.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},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}}}),A={class:"ds-basicRichListItem__content"};function H(e,a,V,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",A,[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},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"])])]),_: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",H],["__scopeId","data-v-d2d3c19f"]]);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:"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-D3pse0_L.js";import{R as p,a as c,b as n,c as m,d as h,e as d,f as C}from"./GroupRichListItem-BYkqOl05.js";import{c as E,I as a}from"./Icon-CQ850_cO.js";import"./BadgeScore-CZzWzYgk.js";import"./Banner-CKP6QLq7.js";import"./Button-CYE3lqUM.js";import"./ToggleButton-DjWccfum.js";import"./Card-DQn9130w.js";import"./CardExpandable-BUtFN6qF.js";import"./DatePicker-BfdMp2Je.js";import"./DateRangePicker-CUiFvBeH.js";import"./Divider-ClNbKvxH.js";import"./FeatureIcon-BralJUmR.js";import"./IconButton-5VVKI4L8.js";import"./string-Cr9ML3bf.js";import"./Modal-BaQ9m90i.js";import"./ModalDialog-z2qdc3v4.js";import"./NumberInCircle-CvJAMxEl.js";import"./TabItem-CZUx6uYU.js";import"./Tile-ByPW4b0z.js";import"./Toast-C9PW1GAe.js";import"./AccessStatus-ClS84vSe.js";import"./BlockadeStatus-Eq8qNk3H.js";import"./SurveyToggle-CEytwXTu.js";import"./SurveyQuestionScale-D50B0A4F.js";import"./SurveyQuestionOpenEnded-DMkrJ7PV.js";import"./SectionHeader-CkqBv6QD.js";import"./PageHeader-ybo14zma.js";import"./SectionTitle-Bo_ArbM7.js";import"./Drawer-CPwHZ_w7.js";import"./DrawerContent-D-JrB94m.js";import"./DrawerDivider-glZ2sb5T.js";import"./DrawerHeader-CXML6ILI.js";import"./DrawerListItem-DwU7tkY-.js";import"./DrawerListItemGroup-BJGU_uck.js";import"./DrawerTile-BqaB6Qm3.js";import"./DrawerSection-CZQts4fV.js";import"./OutlineItem-CgcmTUfn.js";import"./OutlineDivider-F421Sb92.js";import"./OutlineSectionHeader-BTQYgDGK.js";import"./Chip-Bq1ZSXp_.js";import"./CounterToggle-DE96dwGZ.js";import"./SelectList-DWop0yaP.js";import"./SelectListItem-BK_eMqRE.js";import"./SelectListItemDivider-CU5vX-7p.js";import"./SelectListItemToggle-uu8aTlbZ.js";import"./SelectListItemTile-BZdx79sR.js";import"./SelectListSectionTitle-DKYayu9U.js";import"./SelectionTile-DPhe1Out.js";import"./LoadingBar-Bo6mXGaA.js";import"./PopOver-BjiDLwai.js";import"./Dropdown-BFqYgkV7.js";import"./ProgressBar-xIGt_7Oi.js";import"./ProgressDonutChart-CZhcGOel.js";import"./IconText-CkVKy_JT.js";import"./Pagination-D-Sq3rMY.js";import"./OverlayHeader-ChWcQ7A3.js";import"./Well-D7yLLQH0.js";import"./ThreeColumnLayout-DLip97ZI.js";import"./Switch-BRgc0E3r.js";import"./TextGroup-F6Fc0qPD.js";import"./Tooltip-CPu68UXg.js";import{I as T}from"./Image-DQHO1hnh.js";import"./Skeleton-CMYm0ueF.js";import{w as O}from"./decorator-CSnIf-k5.js";import"./vue.esm-bundler-CzUSCRPq.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Checkbox-KYcZTLuT.js";import"./SelectionControl-C2m3ylYI.js";import"./iframe-Bnjlc0fj.js";import"../sb-preview/runtime.js";import"./device-9fgosCm4.js";import"./user-_JB5aHqq.js";import"./vue-popper-D-VHfyeL.js";import"./_commonjsHelpers-Chg3vePA.js";import"./v4-BZawosSj.js";const{useArgs:v}=__STORYBOOK_MODULE_PREVIEW_API__,qe={title:"Components/RichList/BasicRichListItem",component:l,decorators:[e=>({components:{story:e},template:"<div style='display: flex;padding: 16px;'><story /></div>"}),O]},S=(e,i={})=>(e.argTypes={type:{options:Object.values(p),control:"select"},size:{options:Object.values(c),control:"select"},layout:{options:Object.values(n),control:{type:"select"}},state:{options:Object.values(m),control:"select"},iconColor:{options:[null,...Object.values(E)],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"},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:c.MEDIUM,type:p.DEFAULT,layout:n.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,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]=v();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-DyO0o6sl.js";import{R as p,a as c,b as n,c as m,d as h,e as d,f as C}from"./GroupRichListItem-DLFn195Q.js";import{c as E,I as a}from"./Icon-DOGQpP6-.js";import"./BadgeScore-Bz-odlMA.js";import"./Banner-C2UT61lH.js";import"./Button-B8CAc1rL.js";import"./ToggleButton-D0n6uWjI.js";import"./Card-DQn9130w.js";import"./CardExpandable-DcS9Rs_k.js";import"./DatePicker-BXXVSwfW.js";import"./DateRangePicker-C_Ji1pbO.js";import"./Divider-ClNbKvxH.js";import"./FeatureIcon-Ds4nRKfB.js";import"./IconButton-BSj_HuA7.js";import"./string-LgH8jFZ8.js";import"./Modal-DSJUdAlr.js";import"./ModalDialog-Dh8qNpS6.js";import"./NumberInCircle-CvJAMxEl.js";import"./TabItem-CI2T_BRa.js";import"./Tile-D02Mnslq.js";import"./Toast-2b3fjN6i.js";import"./AccessStatus-hWUALK-7.js";import"./BlockadeStatus-CNSUsB1u.js";import"./SurveyToggle-XYZbLcE5.js";import"./SurveyQuestionScale-gccsfvoW.js";import"./SurveyQuestionOpenEnded-BsVd4zvh.js";import"./SectionHeader-wxwJCOPp.js";import"./PageHeader-ybo14zma.js";import"./SectionTitle-Bo_ArbM7.js";import"./Drawer-CPwHZ_w7.js";import"./DrawerContent-D-JrB94m.js";import"./DrawerDivider-glZ2sb5T.js";import"./DrawerHeader-uLWF4ZhP.js";import"./DrawerListItem-DHCAMWPh.js";import"./DrawerListItemGroup-BJGU_uck.js";import"./DrawerTile-CHylUbA8.js";import"./DrawerSection-R-ei7dU4.js";import"./OutlineItem-CIOJyOIB.js";import"./OutlineDivider-F421Sb92.js";import"./OutlineSectionHeader-BTQYgDGK.js";import"./Chip-BiYhA48J.js";import"./CounterToggle-ByCgwkoS.js";import"./SelectList-DWop0yaP.js";import"./SelectListItem-BFm33ncs.js";import"./SelectListItemDivider-CU5vX-7p.js";import"./SelectListItemToggle-QxU9-4E7.js";import"./SelectListItemTile-C4fBfRzh.js";import"./SelectListSectionTitle-DKYayu9U.js";import"./SelectionTile-BiygSsH5.js";import"./LoadingBar-Bo6mXGaA.js";import"./PopOver-Das8oa0-.js";import"./Dropdown-BFqYgkV7.js";import"./ProgressBar-CagavvzY.js";import"./ProgressDonutChart-wBkk51RI.js";import"./IconText-Dow4OhZ0.js";import"./Pagination-vyNg72zL.js";import"./OverlayHeader-CoVz91vL.js";import"./Well-D7yLLQH0.js";import"./ThreeColumnLayout-DLip97ZI.js";import"./Switch-DKKwg29G.js";import"./TextGroup-F6Fc0qPD.js";import"./Tooltip-CPu68UXg.js";import{I as T}from"./Image-DQHO1hnh.js";import"./Skeleton-CMYm0ueF.js";import{w as O}from"./decorator-CSnIf-k5.js";import"./vue.esm-bundler-CzUSCRPq.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Checkbox-B7oe-wbJ.js";import"./SelectionControl-rpcCdIb9.js";import"./iframe-2_y64uNE.js";import"../sb-preview/runtime.js";import"./device-9fgosCm4.js";import"./user-_JB5aHqq.js";import"./vue-popper-D-VHfyeL.js";import"./_commonjsHelpers-Chg3vePA.js";import"./v4-BZawosSj.js";const{useArgs:v}=__STORYBOOK_MODULE_PREVIEW_API__,qe={title:"Components/RichList/BasicRichListItem",component:l,decorators:[e=>({components:{story:e},template:"<div style='display: flex;padding: 16px;'><story /></div>"}),O]},S=(e,i={})=>(e.argTypes={type:{options:Object.values(p),control:"select"},size:{options:Object.values(c),control:"select"},layout:{options:Object.values(n),control:{type:"select"}},state:{options:Object.values(m),control:"select"},iconColor:{options:[null,...Object.values(E)],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"},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:c.MEDIUM,type:p.DEFAULT,layout:n.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,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]=v();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"