@bethinkpl/design-system 27.0.2 → 28.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (245) hide show
  1. package/dist/RadioButton-8YJljDpl.js +63 -0
  2. package/dist/RadioButton-8YJljDpl.js.map +1 -0
  3. package/dist/RadioButton-C2EH8oI5.js +63 -0
  4. package/dist/RadioButton-C2EH8oI5.js.map +1 -0
  5. package/dist/design-system.css +1 -0
  6. package/dist/design-system.js +1 -2
  7. package/dist/index-BbTaEPiY.js +24357 -0
  8. package/dist/index-BbTaEPiY.js.map +1 -0
  9. package/dist/index-CUM5OakJ.js +24319 -0
  10. package/dist/index-CUM5OakJ.js.map +1 -0
  11. package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +0 -2
  12. package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +0 -2
  13. package/dist/lib/js/components/Chip/Chip.vue.d.ts +0 -4
  14. package/dist/lib/js/components/DatePickers/DateBox/DateBox.vue.d.ts +0 -2
  15. package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +0 -4
  16. package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts +0 -2
  17. package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue.d.ts +0 -8
  18. package/dist/lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue.d.ts +0 -2
  19. package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts +0 -6
  20. package/dist/lib/js/components/Drawer/DrawerTile/DrawerTile.vue.d.ts +0 -2
  21. package/dist/lib/js/components/Form/Checkbox/Checkbox.vue.d.ts +0 -2
  22. package/dist/lib/js/components/Form/RadioButton/RadioButton.vue.d.ts +0 -2
  23. package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +0 -4
  24. package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts +0 -4
  25. package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts +0 -2
  26. package/dist/lib/js/components/Modal/Modal.vue.d.ts +0 -2
  27. package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +0 -4
  28. package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +0 -4
  29. package/dist/lib/js/components/Outline/OutlineItem/OutlineItem.vue.d.ts +0 -2
  30. package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +0 -6
  31. package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +0 -2
  32. package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.vue.d.ts +0 -2
  33. package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +0 -4
  34. package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts +0 -4
  35. package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.vue.d.ts +0 -2
  36. package/dist/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue.d.ts +0 -2
  37. package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts +0 -2
  38. package/dist/lib/js/components/SelectionTile/SelectionTile.vue.d.ts +0 -6
  39. package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +0 -2
  40. package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +0 -2
  41. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +0 -6
  42. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +0 -6
  43. package/dist/lib/js/components/Switch/Switch.vue.d.ts +0 -2
  44. package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts +0 -2
  45. package/dist/lib/js/components/Tile/Tile.vue.d.ts +0 -2
  46. package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts +0 -2
  47. package/dist/lib/js/icons/fontawesome.d.ts +0 -2
  48. package/docs/assets/AccessStatus-CLD85CKg.css +1 -0
  49. package/docs/assets/{AccessStatus-DGd8XBwr.js → AccessStatus-ppUF_d58.js} +1 -1
  50. package/docs/assets/{AccessStatus.stories-BUpfD_Uw.js → AccessStatus.stories-1GOt5ieL.js} +1 -1
  51. package/docs/assets/Avatar-CFMR2gyM.css +1 -0
  52. package/docs/assets/{Avatar-DJEZDpOI.js → Avatar-DedT1Md9.js} +1 -1
  53. package/docs/assets/{Avatar.stories-D40fYcFF.js → Avatar.stories-DuBfFPT3.js} +1 -1
  54. package/docs/assets/Badge-DylsEMaj.css +1 -0
  55. package/docs/assets/{Badge-B8eFbzRx.js → Badge-Secfws6A.js} +1 -1
  56. package/docs/assets/{Badge.stories-DxdwaS-k.js → Badge.stories-CK9Q2jmx.js} +1 -1
  57. package/docs/assets/BadgeScore-CFy0LY3m.css +1 -0
  58. package/docs/assets/{BadgeScore-ByouU1Eu.js → BadgeScore-DTDf6zjW.js} +1 -1
  59. package/docs/assets/{BadgeScore.stories-DsodV82W.js → BadgeScore.stories-BiAO0TOr.js} +1 -1
  60. package/docs/assets/Banner-BfnP8LhJ.css +1 -0
  61. package/docs/assets/Banner-I59psZ5_.js +1 -0
  62. package/docs/assets/{Banner.stories-Ch0_NPk4.js → Banner.stories-DjOzVd42.js} +2 -2
  63. package/docs/assets/BasicRichListItem-DHHCAjrn.css +1 -0
  64. package/docs/assets/{BasicRichListItem-NMNh0Xfo.js → BasicRichListItem-hxwQcp0k.js} +1 -1
  65. package/docs/assets/{BasicRichListItem.stories-B5k2trd-.js → BasicRichListItem.stories-BUIh3OkE.js} +1 -1
  66. package/docs/assets/BlockadeStatus-BC-ZrjlC.css +1 -0
  67. package/docs/assets/{BlockadeStatus-Dqr_LSfC.js → BlockadeStatus-DAPquaS6.js} +1 -1
  68. package/docs/assets/{BlockedeStatus.stories-BKblKF33.js → BlockedeStatus.stories-VHhbrzyc.js} +1 -1
  69. package/docs/assets/{Button-XuK8IxnR.js → Button-Cxy1oLg0.js} +1 -1
  70. package/docs/assets/{Button.stories-UiGEsaro.js → Button.stories-Dvn_X1Io.js} +1 -1
  71. package/docs/assets/Card-w8Xiz9Zy.css +1 -0
  72. package/docs/assets/CardExpandable-BpoxgNCx.css +1 -0
  73. package/docs/assets/{CardExpandable-CPuSx_lW.js → CardExpandable-CVSfFUge.js} +1 -1
  74. package/docs/assets/{CardExpandable.stories-mHnNt6zg.js → CardExpandable.stories-CryLIHBm.js} +1 -1
  75. package/docs/assets/{Checkbox-g1Bvy8z-.js → Checkbox-B-9sG8Sd.js} +1 -1
  76. package/docs/assets/{Checkbox.stories-DdJRLzJy.js → Checkbox.stories-_SctIZtz.js} +1 -1
  77. package/docs/assets/{Chip-CGm2pLPD.js → Chip-2ayK4dPL.js} +1 -1
  78. package/docs/assets/Chip-DhT-Am-E.css +1 -0
  79. package/docs/assets/{Chip.stories-CnHjkDSI.js → Chip.stories--AFH2NRk.js} +1 -1
  80. package/docs/assets/{Color-ERTF36HU-BRCLEgq6.js → Color-ERTF36HU-BJfis7jZ.js} +1 -1
  81. package/docs/assets/{CounterToggle-B9hjjWpv.js → CounterToggle-B5nfHc21.js} +1 -1
  82. package/docs/assets/CounterToggle-DiVC55KL.css +1 -0
  83. package/docs/assets/{CounterToggle.stories-BtS63BEz.js → CounterToggle.stories-BTRANBCz.js} +1 -1
  84. package/docs/assets/{DateBox.stories-DoyefDYN.js → DateBox.stories-C_F4W3Cy.js} +1 -1
  85. package/docs/assets/DatePicker-BVx6P3PE.css +1 -0
  86. package/docs/assets/{DatePicker-BaVHUsv7.js → DatePicker-DEjydXwV.js} +1 -1
  87. package/docs/assets/{DatePicker.stories-ByFon954.js → DatePicker.stories-BDOBrpkc.js} +1 -1
  88. package/docs/assets/{DateRangePicker-5w_sREmD.js → DateRangePicker-BhQ3SzN5.js} +1 -1
  89. package/docs/assets/DateRangePicker-ZjKh62sn.css +1 -0
  90. package/docs/assets/{DateRangePicker.stories-DEZV4BJN.js → DateRangePicker.stories-CbksRMQ_.js} +1 -1
  91. package/docs/assets/Divider-CW0fiF59.css +1 -0
  92. package/docs/assets/{DocsRenderer-CFRXHY34-BEkmfMvX.js → DocsRenderer-CFRXHY34-B51GKiBv.js} +5 -5
  93. package/docs/assets/Drawer-B8O0AdWR.css +1 -0
  94. package/docs/assets/DrawerContent-BTybtuR9.css +1 -0
  95. package/docs/assets/DrawerDivider-BeOs6IYe.css +1 -0
  96. package/docs/assets/DrawerHeader-6wWrTFMU.css +1 -0
  97. package/docs/assets/{DrawerHeader-DPBlervR.js → DrawerHeader-CIEBu_c_.js} +1 -1
  98. package/docs/assets/{DrawerHeader.stories-ugFv_siA.js → DrawerHeader.stories-B6QScTrV.js} +1 -1
  99. package/docs/assets/{DrawerListItem-ClOcwiVc.js → DrawerListItem-DNVuDaXW.js} +1 -1
  100. package/docs/assets/DrawerListItem-nntyYqoz.css +1 -0
  101. package/docs/assets/{DrawerListItem.stories-BMZ35_qS.js → DrawerListItem.stories-Cl6Leu-f.js} +1 -1
  102. package/docs/assets/DrawerListItemGroup-Cd76tMcW.css +1 -0
  103. package/docs/assets/{DrawerListItemGroup.stories-Bn2TyQLH.js → DrawerListItemGroup.stories-CFbl_0Bg.js} +1 -1
  104. package/docs/assets/{DrawerSection-ByJjEPPu.js → DrawerSection-CHoVarSR.js} +1 -1
  105. package/docs/assets/{DrawerSection.stories-DuLphbcs.js → DrawerSection.stories-Con8S1A9.js} +1 -1
  106. package/docs/assets/DrawerTile-BOIv7BfW.css +1 -0
  107. package/docs/assets/{DrawerTile-BGQvQQSp.js → DrawerTile-DrsjexVv.js} +1 -1
  108. package/docs/assets/{DrawerTile.stories-DCe2L4Tv.js → DrawerTile.stories-Cp3qvP3I.js} +1 -1
  109. package/docs/assets/Dropdown-Bzz3vOX5.css +1 -0
  110. package/docs/assets/{Dropdown.stories-DnkREwa1.js → Dropdown.stories-gZPiMFTd.js} +1 -1
  111. package/docs/assets/{FeatureIcon-DY5WvpPf.js → FeatureIcon-DVdbBUgw.js} +1 -1
  112. package/docs/assets/FeatureIcon-GMD80JMl.css +1 -0
  113. package/docs/assets/{FeatureIcon.stories-BqYqiSzM.js → FeatureIcon.stories-C2G9Fp3H.js} +1 -1
  114. package/docs/assets/{FormField-BjLFip7T.js → FormField-BhTEsLma.js} +1 -1
  115. package/docs/assets/FormField-BtThuD17.css +1 -0
  116. package/docs/assets/{FormField.stories-DY8Mz4YE.js → FormField.stories-CxGUeCkY.js} +1 -1
  117. package/docs/assets/{FormField.stories.shared-3_36NKi_.js → FormField.stories.shared-Cf0mjW7a.js} +1 -1
  118. package/docs/assets/{FormFieldMessage-B4Oy2QBT.js → FormFieldMessage-ChTeKEHb.js} +1 -1
  119. package/docs/assets/FormFieldMessage-killcS5H.css +1 -0
  120. package/docs/assets/{FormFieldMessage.stories-BD7JfJNj.js → FormFieldMessage.stories-Cj91vuUZ.js} +1 -1
  121. package/docs/assets/{GroupRichListItem-CHiSrcou.js → GroupRichListItem-BSgdK1YS.js} +1 -1
  122. package/docs/assets/GroupRichListItem-Bb0iC7Zb.css +1 -0
  123. package/docs/assets/{GroupRichListItem.stories-C3EubvlY.js → GroupRichListItem.stories-B_CobXM9.js} +1 -1
  124. package/docs/assets/{HelpButton-BStTtLsz.js → HelpButton-CEgxICQd.js} +1 -1
  125. package/docs/assets/{HelpButton.stories-C3-CU20F.js → HelpButton.stories-CiU2Twzg.js} +1 -1
  126. package/docs/assets/Icon-CtKPXzWQ.css +1 -0
  127. package/docs/assets/Icon-Sov23HR0.js +761 -0
  128. package/docs/assets/{Icon.stories-ClzUno-E.js → Icon.stories-C49iah2l.js} +1 -1
  129. package/docs/assets/{IconButton-Cn83Zk5-.js → IconButton-BxVdSYTo.js} +1 -1
  130. package/docs/assets/IconButton-CEadCpQ9.css +1 -0
  131. package/docs/assets/{IconButton.stories-CwZts8kF.js → IconButton.stories-B2ZTM7NJ.js} +1 -1
  132. package/docs/assets/IconText-D32c9tmq.css +1 -0
  133. package/docs/assets/{IconText-Colreg4i.js → IconText-Dlgi7MbR.js} +1 -1
  134. package/docs/assets/{IconText.stories-DSZffl3k.js → IconText.stories-CfW-AyyQ.js} +1 -1
  135. package/docs/assets/Image-BMBQKN8B.css +1 -0
  136. package/docs/assets/InputField-Cq0-dsDV.css +1 -0
  137. package/docs/assets/{InputField-DPaF-ACJ.js → InputField-DDPqlPJ1.js} +2 -2
  138. package/docs/assets/{InputField.stories-C4hAqyvC.js → InputField.stories-BzaCzAck.js} +1 -1
  139. package/docs/assets/ItemsList-mO_ed5hk.css +1 -0
  140. package/docs/assets/LoadingBar-Czy9S3fD.css +1 -0
  141. package/docs/assets/{Modal-ByQBkOMU.js → Modal-CgSrAHzs.js} +1 -1
  142. package/docs/assets/Modal-speSHLks.css +1 -0
  143. package/docs/assets/{Modal.stories-DlxDxfN1.js → Modal.stories-CnUtxs-M.js} +1 -1
  144. package/docs/assets/{ModalDialog-Cr21J58H.js → ModalDialog-BgdTIfJR.js} +1 -1
  145. package/docs/assets/{ModalDialog.stories-DP4FjijI.js → ModalDialog.stories-DUlGJ26g.js} +1 -1
  146. package/docs/assets/NumberInCircle-ra5omwES.css +1 -0
  147. package/docs/assets/OutlineDivider-BhpYgS20.css +1 -0
  148. package/docs/assets/OutlineItem-CR4XzTcD.css +1 -0
  149. package/docs/assets/{OutlineItem-CApzlES7.js → OutlineItem-Cq7n39eo.js} +1 -1
  150. package/docs/assets/{OutlineItem.stories-DtEAJjzy.js → OutlineItem.stories-21Dswtfa.js} +1 -1
  151. package/docs/assets/OutlineSectionHeader-BJKLUJ2F.css +1 -0
  152. package/docs/assets/{OverlayHeader-B5ajrI4B.js → OverlayHeader-DZlTWsgC.js} +1 -1
  153. package/docs/assets/OverlayHeader-dUL0rI8A.css +1 -0
  154. package/docs/assets/{OverlayHeader.stories-Zed9WXER.js → OverlayHeader.stories-QpFKp5-h.js} +1 -1
  155. package/docs/assets/PageHeader-C_TH7Sl1.css +1 -0
  156. package/docs/assets/Pagination-C1XcCgXb.css +1 -0
  157. package/docs/assets/{Pagination-D34dUtsQ.js → Pagination-CYsXICyB.js} +1 -1
  158. package/docs/assets/{Pagination.stories-IDi5nqa_.js → Pagination.stories-DLAz4cqQ.js} +1 -1
  159. package/docs/assets/{PasswordField-rpkRWMuS.js → PasswordField-CKQPGUXx.js} +1 -1
  160. package/docs/assets/{PasswordField.stories-Lc7tLp-c.js → PasswordField.stories-CHjxp00p.js} +1 -1
  161. package/docs/assets/{PopOver-DVj1_TNg.js → PopOver-BdsVJdiB.js} +1 -1
  162. package/docs/assets/PopOver-CwdaVT2c.css +1 -0
  163. package/docs/assets/{PopOver.stories-BljOgM3Z.js → PopOver.stories-DSVaiyZO.js} +1 -1
  164. package/docs/assets/{ProgressBar-D2hkMeQ0.js → ProgressBar-BJxccI7f.js} +1 -1
  165. package/docs/assets/ProgressBar-Dj1UsIts.css +1 -0
  166. package/docs/assets/{ProgressBar.stories-BDHI6-tO.js → ProgressBar.stories-BUpbCknC.js} +1 -1
  167. package/docs/assets/{ProgressDonutChart-CBO-vy-E.js → ProgressDonutChart-C0V3Qw0_.js} +1 -1
  168. package/docs/assets/ProgressDonutChart-CPhmq1zc.css +1 -0
  169. package/docs/assets/{ProgressDonutChart.stories-CGwlVICI.js → ProgressDonutChart.stories-DQ6dX6u3.js} +1 -1
  170. package/docs/assets/{RadioButton-Bd-D-2PY.js → RadioButton-1CUuKxtI.js} +1 -1
  171. package/docs/assets/{RadioButton.stories-BkCwnbIp.js → RadioButton.stories-DgjnIUvV.js} +1 -1
  172. package/docs/assets/{RichListItem.stories-m0l3boT0.js → RichListItem.stories-CnqfAuTP.js} +1 -1
  173. package/docs/assets/{SectionHeader-isKXGfjn.js → SectionHeader-BTEZ3-bv.js} +1 -1
  174. package/docs/assets/SectionHeader-ctf4JTpj.css +1 -0
  175. package/docs/assets/{SectionHeader.stories-Bj3scOLc.js → SectionHeader.stories-CLIT7wsU.js} +1 -1
  176. package/docs/assets/SectionTitle-BPCfBWsQ.css +1 -0
  177. package/docs/assets/SelectList-DWLXWidN.css +1 -0
  178. package/docs/assets/{SelectList.stories-ETdEOJ81.js → SelectList.stories-BHgxQWJp.js} +1 -1
  179. package/docs/assets/{SelectListItem-BqKhIPSO.js → SelectListItem-B0BZJx_K.js} +1 -1
  180. package/docs/assets/SelectListItem-BgPpo15j.css +1 -0
  181. package/docs/assets/{SelectListItem.stories-ClyL-djS.js → SelectListItem.stories-DBvXjgtW.js} +1 -1
  182. package/docs/assets/SelectListItemDivider-DUR-WUWI.css +1 -0
  183. package/docs/assets/{SelectListItemTile-BhOwBFIO.js → SelectListItemTile-BcpCke26.js} +1 -1
  184. package/docs/assets/SelectListItemTile-PBKKXKPK.css +1 -0
  185. package/docs/assets/{SelectListItemTile.stories-BXFfuX9q.js → SelectListItemTile.stories-rYG5OtoH.js} +1 -1
  186. package/docs/assets/{SelectListItemToggle-C0lffqeC.js → SelectListItemToggle-Qh-4xm0d.js} +1 -1
  187. package/docs/assets/{SelectListItemToggle.stories-D39XrmtN.js → SelectListItemToggle.stories-C8F5vRYV.js} +1 -1
  188. package/docs/assets/SelectListSectionTitle-Bk_vlo-E.css +1 -0
  189. package/docs/assets/SelectionControl-B-vo_UQ1.css +1 -0
  190. package/docs/assets/{SelectionControl-DIC2vtGo.js → SelectionControl-DPO1wBWZ.js} +1 -1
  191. package/docs/assets/SelectionTile-B8enYe_K.css +1 -0
  192. package/docs/assets/SelectionTile-DDewPnaV.js +2 -0
  193. package/docs/assets/{SelectionTile.stories-BUY2u2nu.js → SelectionTile.stories-BB5OJyYm.js} +1 -1
  194. package/docs/assets/{SurveyQuestionOpenEnded-DDdPQe2b.js → SurveyQuestionOpenEnded-B4VSoSJF.js} +1 -1
  195. package/docs/assets/SurveyQuestionOpenEnded-Du5pUEbN.css +1 -0
  196. package/docs/assets/{SurveyQuestionOpenEnded.stories-mHTUclXK.js → SurveyQuestionOpenEnded.stories-DR4uAehD.js} +1 -1
  197. package/docs/assets/SurveyQuestionScale-B5dckoBH.css +1 -0
  198. package/docs/assets/{SurveyQuestionScale-BKZbW5q7.js → SurveyQuestionScale-BuM8c2d4.js} +1 -1
  199. package/docs/assets/{SurveyQuestionScale.stories-Cczg5QpY.js → SurveyQuestionScale.stories-BN-KHDVA.js} +1 -1
  200. package/docs/assets/{SurveyToggle-Sid2a-IO.js → SurveyToggle-B2cvxqx8.js} +1 -1
  201. package/docs/assets/SurveyToggle-DodmB6u8.css +1 -0
  202. package/docs/assets/{SurveyToggle.stories-Dv7PJARv.js → SurveyToggle.stories-Bv9p-bn_.js} +1 -1
  203. package/docs/assets/Switch-BKG4hh_c.css +1 -0
  204. package/docs/assets/{Switch-B8xEwHO8.js → Switch-CllxMCNa.js} +1 -1
  205. package/docs/assets/{Switch.stories-RbY8wA55.js → Switch.stories-C0l9KZvG.js} +1 -1
  206. package/docs/assets/{TabItem-Ci3vrkRH.js → TabItem-9gZ9-vst.js} +1 -1
  207. package/docs/assets/TabItem-RSc1sisP.css +1 -0
  208. package/docs/assets/{TabItem.stories-relncwaI.js → TabItem.stories-B-WuB-BF.js} +1 -1
  209. package/docs/assets/TextGroup-BXmHKRr4.css +1 -0
  210. package/docs/assets/ThreeColumnLayout-C84u_kbG.css +1 -0
  211. package/docs/assets/Tile-CL6-scA8.css +1 -0
  212. package/docs/assets/{Tile-ByL6drhn.js → Tile-Cp6-gsx_.js} +1 -1
  213. package/docs/assets/{Tile.sb.shared-D3LxXPDs.js → Tile.sb.shared-BuWxowLh.js} +1 -1
  214. package/docs/assets/{Tile.stories-BhXwnkKz.js → Tile.stories-Ce3YfTxA.js} +1 -1
  215. package/docs/assets/{Toast-ukLuB2Qi.js → Toast-DjCamqyS.js} +1 -1
  216. package/docs/assets/Toast-DkxrDJ_R.css +1 -0
  217. package/docs/assets/{Toast.stories-D3PagUcH.js → Toast.stories-hisFlpu9.js} +1 -1
  218. package/docs/assets/{ToggleButton-YUVnfx-x.js → ToggleButton-BZhCyUta.js} +1 -1
  219. package/docs/assets/ToggleButton-Cj9wnoLU.css +1 -0
  220. package/docs/assets/{ToggleButton.stories-C18YYEsJ.js → ToggleButton.stories-8KgAlrkS.js} +1 -1
  221. package/docs/assets/Tooltip-ChTSUV1h.css +1 -0
  222. package/docs/assets/{Tooltip.stories-o7f8wLv_.js → Tooltip.stories-DXlWQ9r1.js} +1 -1
  223. package/docs/assets/Well-Cv-4a_4M.css +1 -0
  224. package/docs/assets/{Well-iUOt2HEx.js → Well-DwlKF2fq.js} +1 -1
  225. package/docs/assets/{Well.stories-4VLIlu-l.js → Well.stories-z1w5h99z.js} +1 -1
  226. package/docs/assets/iframe-aUz_sbxf.js +2 -0
  227. package/docs/assets/{index-BsgyZF8q.js → index-C7A5nG1s.js} +1 -1
  228. package/docs/assets/{index-BCBGedAQ.js → index-CEGEmBrM.js} +1 -1
  229. package/docs/assets/{preview-DfxUSFQ8.js → preview-CXWFU_dd.js} +1 -1
  230. package/docs/assets/{preview-B65wZEVb.js → preview-D2rLcbFC.js} +2 -2
  231. package/docs/assets/{string--hkylObx.js → string-CApxlVvp.js} +1 -1
  232. package/docs/assets/string-Dwt3HdNj.css +1 -0
  233. package/docs/assets/vue-popper-CY54o3-T.css +1 -0
  234. package/docs/iframe.html +1 -1
  235. package/docs/project.json +1 -1
  236. package/lib/js/components/Banner/Banner.stories.ts +6 -6
  237. package/lib/js/components/Banner/Banner.vue +38 -27
  238. package/lib/js/components/Form/InputField/InputField.vue +1 -0
  239. package/lib/js/icons/fontawesome.ts +0 -4
  240. package/package.json +1 -1
  241. package/vite.config.ts +0 -3
  242. package/docs/assets/Banner-D5riYdGJ.js +0 -1
  243. package/docs/assets/Icon-DUeXRUm6.js +0 -761
  244. package/docs/assets/SelectionTile-BVm6AVGs.js +0 -2
  245. package/docs/assets/iframe-BxYlJ3n4.js +0 -69
@@ -701,7 +701,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
701
701
  readonly FA_ARROWS_LEFT_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
702
702
  readonly FA_ARROWS_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
703
703
  readonly FA_ARROWS_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
704
- readonly FA_ATOM: import('@fortawesome/fontawesome-common-types').IconDefinition;
705
704
  readonly FA_ATOM_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
706
705
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
707
706
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -843,7 +842,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
843
842
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
844
843
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
845
844
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
846
- readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
847
845
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
848
846
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
849
847
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1102,7 +1100,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1102
1100
  readonly FA_ARROWS_LEFT_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1103
1101
  readonly FA_ARROWS_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1104
1102
  readonly FA_ARROWS_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1105
- readonly FA_ATOM: import('@fortawesome/fontawesome-common-types').IconDefinition;
1106
1103
  readonly FA_ATOM_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1107
1104
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
1108
1105
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1244,7 +1241,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1244
1241
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1245
1242
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
1246
1243
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
1247
- readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1248
1244
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
1249
1245
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1250
1246
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -118,7 +118,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
118
118
  readonly FA_ARROWS_LEFT_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
119
119
  readonly FA_ARROWS_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
120
120
  readonly FA_ARROWS_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
121
- readonly FA_ATOM: import('@fortawesome/fontawesome-common-types').IconDefinition;
122
121
  readonly FA_ATOM_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
123
122
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
124
123
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -260,7 +259,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
260
259
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
261
260
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
262
261
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
263
- readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
264
262
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
265
263
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
266
264
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -519,7 +517,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
519
517
  readonly FA_ARROWS_LEFT_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
520
518
  readonly FA_ARROWS_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
521
519
  readonly FA_ARROWS_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
522
- readonly FA_ATOM: import('@fortawesome/fontawesome-common-types').IconDefinition;
523
520
  readonly FA_ATOM_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
524
521
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
525
522
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -661,7 +658,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
661
658
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
662
659
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
663
660
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
664
- readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
665
661
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
666
662
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
667
663
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -77,7 +77,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
77
77
  readonly FA_ARROWS_LEFT_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
78
78
  readonly FA_ARROWS_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
79
79
  readonly FA_ARROWS_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
80
- readonly FA_ATOM: import('@fortawesome/fontawesome-common-types').IconDefinition;
81
80
  readonly FA_ATOM_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
82
81
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
83
82
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -219,7 +218,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
219
218
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
220
219
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
221
220
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
222
- readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
223
221
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
224
222
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
225
223
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -229,7 +229,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
229
229
  readonly FA_ARROWS_LEFT_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
230
230
  readonly FA_ARROWS_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
231
231
  readonly FA_ARROWS_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
232
- readonly FA_ATOM: import('@fortawesome/fontawesome-common-types').IconDefinition;
233
232
  readonly FA_ATOM_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
234
233
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
235
234
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -371,7 +370,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
371
370
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
372
371
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
373
372
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
374
- readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
375
373
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
376
374
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
377
375
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -164,7 +164,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
164
164
  readonly FA_ARROWS_LEFT_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
165
165
  readonly FA_ARROWS_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
166
166
  readonly FA_ARROWS_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
167
- readonly FA_ATOM: import('@fortawesome/fontawesome-common-types').IconDefinition;
168
167
  readonly FA_ATOM_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
169
168
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
170
169
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -306,7 +305,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
306
305
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
307
306
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
308
307
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
309
- readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
310
308
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
311
309
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
312
310
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -60,7 +60,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
60
60
  readonly FA_ARROWS_LEFT_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
61
61
  readonly FA_ARROWS_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
62
62
  readonly FA_ARROWS_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
63
- readonly FA_ATOM: import('@fortawesome/fontawesome-common-types').IconDefinition;
64
63
  readonly FA_ATOM_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
65
64
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
66
65
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -202,7 +201,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
202
201
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
203
202
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
204
203
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
205
- readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
206
204
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
207
205
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
208
206
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -631,7 +629,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
631
629
  readonly FA_ARROWS_LEFT_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
632
630
  readonly FA_ARROWS_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
633
631
  readonly FA_ARROWS_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
634
- readonly FA_ATOM: import('@fortawesome/fontawesome-common-types').IconDefinition;
635
632
  readonly FA_ATOM_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
636
633
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
637
634
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -773,7 +770,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
773
770
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
774
771
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
775
772
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
776
- readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
777
773
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
778
774
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
779
775
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1078,7 +1074,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1078
1074
  readonly FA_ARROWS_LEFT_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1079
1075
  readonly FA_ARROWS_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1080
1076
  readonly FA_ARROWS_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1081
- readonly FA_ATOM: import('@fortawesome/fontawesome-common-types').IconDefinition;
1082
1077
  readonly FA_ATOM_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1083
1078
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
1084
1079
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1220,7 +1215,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1220
1215
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1221
1216
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
1222
1217
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
1223
- readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1224
1218
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
1225
1219
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1226
1220
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -33,7 +33,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
33
33
  readonly FA_ARROWS_LEFT_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
34
34
  readonly FA_ARROWS_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
35
35
  readonly FA_ARROWS_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
36
- readonly FA_ATOM: import('@fortawesome/fontawesome-common-types').IconDefinition;
37
36
  readonly FA_ATOM_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
38
37
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
39
38
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -175,7 +174,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
175
174
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
176
175
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
177
176
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
178
- readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
179
177
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
180
178
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
181
179
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -33,7 +33,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
33
33
  readonly FA_ARROWS_LEFT_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
34
34
  readonly FA_ARROWS_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
35
35
  readonly FA_ARROWS_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
36
- readonly FA_ATOM: import('@fortawesome/fontawesome-common-types').IconDefinition;
37
36
  readonly FA_ATOM_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
38
37
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
39
38
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -175,7 +174,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
175
174
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
176
175
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
177
176
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
178
- readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
179
177
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
180
178
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
181
179
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -50,7 +50,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
50
50
  readonly FA_ARROWS_LEFT_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
51
51
  readonly FA_ARROWS_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
52
52
  readonly FA_ARROWS_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
53
- readonly FA_ATOM: import('@fortawesome/fontawesome-common-types').IconDefinition;
54
53
  readonly FA_ATOM_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
55
54
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
56
55
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -192,7 +191,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
192
191
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
193
192
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
194
193
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
195
- readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
196
194
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
197
195
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
198
196
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -638,7 +636,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
638
636
  readonly FA_ARROWS_LEFT_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
639
637
  readonly FA_ARROWS_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
640
638
  readonly FA_ARROWS_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
641
- readonly FA_ATOM: import('@fortawesome/fontawesome-common-types').IconDefinition;
642
639
  readonly FA_ATOM_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
643
640
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
644
641
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -780,7 +777,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
780
777
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
781
778
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
782
779
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
783
- readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
784
780
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
785
781
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
786
782
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1150,7 +1146,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1150
1146
  readonly FA_ARROWS_LEFT_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1151
1147
  readonly FA_ARROWS_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1152
1148
  readonly FA_ARROWS_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1153
- readonly FA_ATOM: import('@fortawesome/fontawesome-common-types').IconDefinition;
1154
1149
  readonly FA_ATOM_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1155
1150
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
1156
1151
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1292,7 +1287,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1292
1287
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1293
1288
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
1294
1289
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
1295
- readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1296
1290
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
1297
1291
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1298
1292
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -69,7 +69,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
69
69
  readonly FA_ARROWS_LEFT_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
70
70
  readonly FA_ARROWS_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
71
71
  readonly FA_ARROWS_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
72
- readonly FA_ATOM: import('@fortawesome/fontawesome-common-types').IconDefinition;
73
72
  readonly FA_ATOM_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
74
73
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
75
74
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -211,7 +210,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
211
210
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
212
211
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
213
212
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
214
- readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
215
213
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
216
214
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
217
215
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -611,7 +609,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
611
609
  readonly FA_ARROWS_LEFT_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
612
610
  readonly FA_ARROWS_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
613
611
  readonly FA_ARROWS_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
614
- readonly FA_ATOM: import('@fortawesome/fontawesome-common-types').IconDefinition;
615
612
  readonly FA_ATOM_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
616
613
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
617
614
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -753,7 +750,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
753
750
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
754
751
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
755
752
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
756
- readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
757
753
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
758
754
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
759
755
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1296,7 +1292,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1296
1292
  readonly FA_ARROWS_LEFT_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1297
1293
  readonly FA_ARROWS_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1298
1294
  readonly FA_ARROWS_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1299
- readonly FA_ATOM: import('@fortawesome/fontawesome-common-types').IconDefinition;
1300
1295
  readonly FA_ATOM_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1301
1296
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
1302
1297
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1438,7 +1433,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1438
1433
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1439
1434
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
1440
1435
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
1441
- readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1442
1436
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
1443
1437
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1444
1438
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -71,7 +71,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
71
71
  readonly FA_ARROWS_LEFT_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
72
72
  readonly FA_ARROWS_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
73
73
  readonly FA_ARROWS_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
74
- readonly FA_ATOM: import('@fortawesome/fontawesome-common-types').IconDefinition;
75
74
  readonly FA_ATOM_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
76
75
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
77
76
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -213,7 +212,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
213
212
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
214
213
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
215
214
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
216
- readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
217
215
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
218
216
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
219
217
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -31,7 +31,6 @@ export declare const data: () => {
31
31
  readonly FA_ARROWS_LEFT_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
32
32
  readonly FA_ARROWS_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
33
33
  readonly FA_ARROWS_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
34
- readonly FA_ATOM: import('@fortawesome/fontawesome-common-types').IconDefinition;
35
34
  readonly FA_ATOM_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
36
35
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
37
36
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -173,7 +172,6 @@ export declare const data: () => {
173
172
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
174
173
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
175
174
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
176
- readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
177
175
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
178
176
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
179
177
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -90,7 +90,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
90
90
  readonly FA_ARROWS_LEFT_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
91
91
  readonly FA_ARROWS_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
92
92
  readonly FA_ARROWS_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
93
- readonly FA_ATOM: import('@fortawesome/fontawesome-common-types').IconDefinition;
94
93
  readonly FA_ATOM_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
95
94
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
96
95
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -232,7 +231,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
232
231
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
233
232
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
234
233
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
235
- readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
236
234
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
237
235
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
238
236
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -87,7 +87,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
87
87
  readonly FA_ARROWS_LEFT_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
88
88
  readonly FA_ARROWS_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
89
89
  readonly FA_ARROWS_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
90
- readonly FA_ATOM: import('@fortawesome/fontawesome-common-types').IconDefinition;
91
90
  readonly FA_ATOM_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
92
91
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
93
92
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -229,7 +228,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
229
228
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
230
229
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
231
230
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
232
- readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
233
231
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
234
232
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
235
233
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -19,7 +19,6 @@ export declare const FONTAWESOME_ICONS: {
19
19
  readonly FA_ARROWS_LEFT_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
20
20
  readonly FA_ARROWS_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
21
21
  readonly FA_ARROWS_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
22
- readonly FA_ATOM: import('@fortawesome/fontawesome-common-types').IconDefinition;
23
22
  readonly FA_ATOM_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
24
23
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
25
24
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -161,7 +160,6 @@ export declare const FONTAWESOME_ICONS: {
161
160
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
162
161
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
163
162
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
164
- readonly FA_PILLS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
165
163
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
166
164
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
167
165
  readonly FA_PRESENTATION_SCREEN: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -0,0 +1 @@
1
+ .ds-accessStatus[data-v-e1478a91]{align-items:center;color:var(--color-neutral-text);display:flex}.ds-accessStatus__icon[data-v-e1478a91]{color:var(--color-neutral-icon);margin-right:4px}.ds-accessStatus.-ds-active[data-v-e1478a91]{color:var(--color-success-text)}.ds-accessStatus.-ds-active .ds-accessStatus__icon[data-v-e1478a91]{color:var(--color-success-icon)}.ds-accessStatus.-ds-suspended[data-v-e1478a91]{color:var(--color-danger-text)}.ds-accessStatus.-ds-suspended .ds-accessStatus__icon[data-v-e1478a91]{color:var(--color-danger-icon)}.ds-accessStatus__text[data-v-e1478a91]{--token: label-s-default-bold-uppercase;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-4xs);font-size:var(--typography-font-size-2xs);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-uppercase)}
@@ -1 +1 @@
1
- import{d as r,c as o,e as c,a as i,y as u,v as S,l as p,o as _}from"./vue.esm-bundler-DcRN7CPI.js";import{a as d,I as e,b as m}from"./Icon-DUeXRUm6.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,l,E,y,N){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 D=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{D as A};
1
+ import{d as r,c as o,e as c,a as i,y as u,v as S,l as p,o as _}from"./vue.esm-bundler-DcRN7CPI.js";import{a as d,I as e,b as m}from"./Icon-Sov23HR0.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,l,E,y,N){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 D=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{D as A};
@@ -1,4 +1,4 @@
1
- import{A as r}from"./AccessStatus-DGd8XBwr.js";import{C as o}from"./user-_JB5aHqq.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./Icon-DUeXRUm6.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-ppUF_d58.js";import{C as o}from"./user-_JB5aHqq.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./Icon-Sov23HR0.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
  },
@@ -0,0 +1 @@
1
+ .ds-avatar[data-v-18be9f69]{display:flex;flex-shrink:0;position:relative}.ds-avatar.-ds-xx-small[data-v-18be9f69]{height:24px;width:24px}.ds-avatar.-ds-xx-small .ds-avatar__content[data-v-18be9f69]{--token: info-s-default-regular;font-weight:var(--typography-font-weight-normal);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-4xs);font-size:var(--typography-font-size-2xs);letter-spacing:var(--typography-letter-spacing-m);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none)}.ds-avatar.-ds-x-small[data-v-18be9f69]{height:32px;width:32px}.ds-avatar.-ds-x-small .ds-avatar__content[data-v-18be9f69]{--token: heading-s-default-regular;font-weight:var(--typography-font-weight-normal);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-xs);font-size:var(--typography-font-size-s);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none)}.ds-avatar.-ds-small[data-v-18be9f69]{height:40px;width:40px}.ds-avatar.-ds-small .ds-avatar__content[data-v-18be9f69]{--token: heading-m-default-regular;font-weight:var(--typography-font-weight-normal);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-s);font-size:var(--typography-font-size-m);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none)}.ds-avatar.-ds-medium[data-v-18be9f69]{height:64px;width:64px}.ds-avatar.-ds-medium .ds-avatar__content[data-v-18be9f69]{--token: displayHeading-xs-default-regular;font-weight:var(--typography-font-weight-normal);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-2xl);font-size:var(--typography-font-size-2xl);letter-spacing:var(--typography-letter-spacing-xs);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none)}.ds-avatar.-ds-large[data-v-18be9f69]{height:88px;width:88px}.ds-avatar.-ds-large .ds-avatar__content[data-v-18be9f69]{--token: displayHeading-m-default-regular;font-weight:var(--typography-font-weight-normal);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-4xl);font-size:var(--typography-font-size-4xl);letter-spacing:var(--typography-letter-spacing-xs);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none)}.ds-avatar.-ds-x-large[data-v-18be9f69]{height:140px;width:140px}.ds-avatar.-ds-x-large .ds-avatar__content[data-v-18be9f69]{--token: displayHeading-m-default-regular;font-weight:var(--typography-font-weight-normal);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-4xl);font-size:var(--typography-font-size-4xl);letter-spacing:var(--typography-letter-spacing-xs);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none)}.ds-avatar.-ds-xx-small .ds-avatar__content[data-v-18be9f69],.ds-avatar.-ds-x-small .ds-avatar__content[data-v-18be9f69],.ds-avatar.-ds-small .ds-avatar__content[data-v-18be9f69],.ds-avatar.-ds-medium .ds-avatar__content[data-v-18be9f69]{border-radius:4px}.ds-avatar.-ds-large .ds-avatar__content[data-v-18be9f69],.ds-avatar.-ds-x-large .ds-avatar__content[data-v-18be9f69]{border-radius:6px}.ds-avatar__content[data-v-18be9f69]{align-items:center;color:var(--color-inverted-text);display:flex;flex:1;justify-content:center;overflow:hidden;user-select:none}.ds-avatar__image[data-v-18be9f69]{display:block;height:100%;width:100%}.ds-avatar__accessStatus[data-v-18be9f69]{bottom:0;display:flex;position:absolute;right:0}.ds-avatar.-ds-xx-small .ds-avatar__accessStatus[data-v-18be9f69]{bottom:-2px;right:-2px}.ds-avatar.-ds-large .ds-avatar__accessStatus[data-v-18be9f69]{bottom:1px;right:1px}.ds-avatar__activityStatus[data-v-18be9f69]{display:flex;left:-4px;position:absolute;top:-4px}.ds-avatar.-ds-xx-small .ds-avatar__activityStatus[data-v-18be9f69],.ds-avatar.-ds-x-small .ds-avatar__activityStatus[data-v-18be9f69],.ds-avatar.-ds-small .ds-avatar__activityStatus[data-v-18be9f69]{left:-3px;top:-3px}.ds-avatar__activityStatusTooltip[data-v-18be9f69]{align-items:center;display:flex}
@@ -1 +1 @@
1
- import{d as G,q as c,c as u,a as V,g as v,y as D,u as t,G as k,k as O,h,e as I,v as q,o}from"./vue.esm-bundler-DcRN7CPI.js";import{c as l,b as s,B as M,a as C}from"./Badge-B8eFbzRx.js";import{I as d}from"./Icon-DUeXRUm6.js";import{a as w,T as K}from"./Tooltip-BvaJ_K9_.js";import{_ as F}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e={XX_SMALL:"xx-small",X_SMALL:"x-small",SMALL:"small",MEDIUM:"medium",LARGE:"large",X_LARGE:"x-large"},T={ACTIVE:"active",INACTIVE:"inactive"},r={ACTIVE:"active",INACTIVE:"inactive",AWAITING:"awaiting",BLOCKED:"blocked",TEAM_MEMBER:"team-member"},H=["src","alt"],W={key:1,class:"ds-avatar__initials"},Y={key:0,class:"ds-avatar__activityStatus"},x={key:1,class:"ds-avatar__accessStatus"},y=G({__name:"Avatar",props:{username:{},avatarUrl:{},size:{default:()=>e.X_SMALL},activityStatus:{},accessStatus:{},teamMemberImageUrl:{},activityStatusTooltip:{}},setup(i){const{initials:f,initialBackgroundColor:_}=R(),{accessStatusColor:g,accessStatusIcon:U,accessStatusSize:p,accessStatusImage:z}=X(),{activityStatusColor:b,activityStatusSize:N}=B();function R(){const a=["#1abc9c","#2ecc71","#3498db","#9b59b6","#34495e","#16a085","#27ae60","#2980b9","#8e44ad","#2c3e50","#f1c40f","#e67e22","#e74c3c","#f39c12","#d35400","#c0392b"];function n(A){const[m,E]=A.split(/\s+/);return m&&E?`${m[0]}${E[0]}`.toUpperCase():m.substring(0,2).toUpperCase()}const S=c(()=>{if(i.avatarUrl)return;const A=(i.username.charCodeAt(0)-65)%16;return a[A]});return{initials:c(()=>n(i.username)),initialBackgroundColor:S}}function X(){const a=c(()=>{switch(i.accessStatus){case r.ACTIVE:return l.SUCCESS;case r.INACTIVE:case r.AWAITING:return l.NEUTRAL;case r.BLOCKED:return l.DANGER;default:return}}),n=c(()=>{switch(i.accessStatus){case r.ACTIVE:return d.FA_UNLOCK_KEYHOLE;case r.BLOCKED:case r.INACTIVE:return d.FA_LOCK_KEYHOLE;case r.AWAITING:return d.FA_HOURGLASS_START;default:return}}),S=c(()=>{switch(i.size){case e.XX_SMALL:return s.SMALL;case e.X_SMALL:return s.SMALL;case e.SMALL:return s.SMALL;case e.MEDIUM:return s.MEDIUM;case e.LARGE:return s.MEDIUM;case e.X_LARGE:default:return s.X_LARGE}}),L=c(()=>{if(i.accessStatus===r.TEAM_MEMBER)return i.teamMemberImageUrl});return{accessStatusColor:a,accessStatusIcon:n,accessStatusSize:S,accessStatusImage:L}}function B(){const a=c(()=>{switch(i.activityStatus){case T.ACTIVE:return l.SUCCESS;default:case T.INACTIVE:return l.NEUTRAL}}),n=c(()=>{switch(i.size){case e.XX_SMALL:return s.X_SMALL;case e.X_SMALL:return s.SMALL;case e.SMALL:return s.SMALL;case e.MEDIUM:return s.MEDIUM;case e.LARGE:return s.MEDIUM;case e.X_LARGE:default:return s.MEDIUM}});return{activityStatusColor:a,activityStatusSize:n}}return(a,n)=>(o(),u("div",{class:q(["ds-avatar",{"-ds-xx-small":a.size===t(e).XX_SMALL,"-ds-x-small":a.size===t(e).X_SMALL,"-ds-small":a.size===t(e).SMALL,"-ds-medium":a.size===t(e).MEDIUM,"-ds-large":a.size===t(e).LARGE,"-ds-x-large":a.size===t(e).X_LARGE}])},[V("div",{class:"ds-avatar__content",style:k({backgroundColor:t(_)})},[a.avatarUrl?(o(),u("img",{key:0,src:a.avatarUrl,alt:a.username,class:"ds-avatar__image"},null,8,H)):(o(),u("span",W,D(t(f)),1))],4),a.activityStatus?(o(),u("div",Y,[(o(),O(t(K),{key:a.activityStatusTooltip,class:"ds-avatar__activityStatusTooltip",text:a.activityStatusTooltip,"is-disabled":!a.activityStatusTooltip,"is-pointer-visible":"",placement:t(w).BOTTOM,"is-hidden-on-mobile":!1},{default:h(()=>[I(t(M),{color:t(b),elevation:t(C).X_SMALL,size:t(N)},null,8,["color","elevation","size"])]),_:1},8,["text","is-disabled","placement"]))])):v("",!0),a.accessStatus?(o(),u("div",x,[I(t(M),{color:t(g),elevation:t(C).SMALL,icon:t(U),size:t(p),"image-url":t(z)},null,8,["color","elevation","icon","size","image-url"])])):v("",!0)],2))}}),Q=F(y,[["__scopeId","data-v-18be9f69"]]);y.__docgenInfo={exportName:"default",displayName:"Avatar",description:"",tags:{},props:[{name:"username",required:!0,type:{name:"string"}},{name:"avatarUrl",required:!1,type:{name:"string"}},{name:"size",required:!1,type:{name:"AvatarSize"}},{name:"activityStatus",required:!1,type:{name:"AvatarActivityStatus"}},{name:"accessStatus",required:!1,type:{name:"AvatarAccessStatus"}},{name:"teamMemberImageUrl",required:!1,type:{name:"string"}},{name:"activityStatusTooltip",required:!1,type:{name:"string"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Avatar/Avatar.vue"]};export{Q as A,e as a,T as b,r as c};
1
+ import{d as G,q as c,c as u,a as V,g as v,y as D,u as t,G as k,k as O,h,e as I,v as q,o}from"./vue.esm-bundler-DcRN7CPI.js";import{c as l,b as s,B as M,a as C}from"./Badge-Secfws6A.js";import{I as d}from"./Icon-Sov23HR0.js";import{a as w,T as K}from"./Tooltip-BvaJ_K9_.js";import{_ as F}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e={XX_SMALL:"xx-small",X_SMALL:"x-small",SMALL:"small",MEDIUM:"medium",LARGE:"large",X_LARGE:"x-large"},T={ACTIVE:"active",INACTIVE:"inactive"},r={ACTIVE:"active",INACTIVE:"inactive",AWAITING:"awaiting",BLOCKED:"blocked",TEAM_MEMBER:"team-member"},H=["src","alt"],W={key:1,class:"ds-avatar__initials"},Y={key:0,class:"ds-avatar__activityStatus"},x={key:1,class:"ds-avatar__accessStatus"},y=G({__name:"Avatar",props:{username:{},avatarUrl:{},size:{default:()=>e.X_SMALL},activityStatus:{},accessStatus:{},teamMemberImageUrl:{},activityStatusTooltip:{}},setup(i){const{initials:f,initialBackgroundColor:_}=R(),{accessStatusColor:g,accessStatusIcon:U,accessStatusSize:p,accessStatusImage:z}=X(),{activityStatusColor:b,activityStatusSize:N}=B();function R(){const a=["#1abc9c","#2ecc71","#3498db","#9b59b6","#34495e","#16a085","#27ae60","#2980b9","#8e44ad","#2c3e50","#f1c40f","#e67e22","#e74c3c","#f39c12","#d35400","#c0392b"];function n(A){const[m,E]=A.split(/\s+/);return m&&E?`${m[0]}${E[0]}`.toUpperCase():m.substring(0,2).toUpperCase()}const S=c(()=>{if(i.avatarUrl)return;const A=(i.username.charCodeAt(0)-65)%16;return a[A]});return{initials:c(()=>n(i.username)),initialBackgroundColor:S}}function X(){const a=c(()=>{switch(i.accessStatus){case r.ACTIVE:return l.SUCCESS;case r.INACTIVE:case r.AWAITING:return l.NEUTRAL;case r.BLOCKED:return l.DANGER;default:return}}),n=c(()=>{switch(i.accessStatus){case r.ACTIVE:return d.FA_UNLOCK_KEYHOLE;case r.BLOCKED:case r.INACTIVE:return d.FA_LOCK_KEYHOLE;case r.AWAITING:return d.FA_HOURGLASS_START;default:return}}),S=c(()=>{switch(i.size){case e.XX_SMALL:return s.SMALL;case e.X_SMALL:return s.SMALL;case e.SMALL:return s.SMALL;case e.MEDIUM:return s.MEDIUM;case e.LARGE:return s.MEDIUM;case e.X_LARGE:default:return s.X_LARGE}}),L=c(()=>{if(i.accessStatus===r.TEAM_MEMBER)return i.teamMemberImageUrl});return{accessStatusColor:a,accessStatusIcon:n,accessStatusSize:S,accessStatusImage:L}}function B(){const a=c(()=>{switch(i.activityStatus){case T.ACTIVE:return l.SUCCESS;default:case T.INACTIVE:return l.NEUTRAL}}),n=c(()=>{switch(i.size){case e.XX_SMALL:return s.X_SMALL;case e.X_SMALL:return s.SMALL;case e.SMALL:return s.SMALL;case e.MEDIUM:return s.MEDIUM;case e.LARGE:return s.MEDIUM;case e.X_LARGE:default:return s.MEDIUM}});return{activityStatusColor:a,activityStatusSize:n}}return(a,n)=>(o(),u("div",{class:q(["ds-avatar",{"-ds-xx-small":a.size===t(e).XX_SMALL,"-ds-x-small":a.size===t(e).X_SMALL,"-ds-small":a.size===t(e).SMALL,"-ds-medium":a.size===t(e).MEDIUM,"-ds-large":a.size===t(e).LARGE,"-ds-x-large":a.size===t(e).X_LARGE}])},[V("div",{class:"ds-avatar__content",style:k({backgroundColor:t(_)})},[a.avatarUrl?(o(),u("img",{key:0,src:a.avatarUrl,alt:a.username,class:"ds-avatar__image"},null,8,H)):(o(),u("span",W,D(t(f)),1))],4),a.activityStatus?(o(),u("div",Y,[(o(),O(t(K),{key:a.activityStatusTooltip,class:"ds-avatar__activityStatusTooltip",text:a.activityStatusTooltip,"is-disabled":!a.activityStatusTooltip,"is-pointer-visible":"",placement:t(w).BOTTOM,"is-hidden-on-mobile":!1},{default:h(()=>[I(t(M),{color:t(b),elevation:t(C).X_SMALL,size:t(N)},null,8,["color","elevation","size"])]),_:1},8,["text","is-disabled","placement"]))])):v("",!0),a.accessStatus?(o(),u("div",x,[I(t(M),{color:t(g),elevation:t(C).SMALL,icon:t(U),size:t(p),"image-url":t(z)},null,8,["color","elevation","icon","size","image-url"])])):v("",!0)],2))}}),Q=F(y,[["__scopeId","data-v-18be9f69"]]);y.__docgenInfo={exportName:"default",displayName:"Avatar",description:"",tags:{},props:[{name:"username",required:!0,type:{name:"string"}},{name:"avatarUrl",required:!1,type:{name:"string"}},{name:"size",required:!1,type:{name:"AvatarSize"}},{name:"activityStatus",required:!1,type:{name:"AvatarActivityStatus"}},{name:"accessStatus",required:!1,type:{name:"AvatarAccessStatus"}},{name:"teamMemberImageUrl",required:!1,type:{name:"string"}},{name:"activityStatusTooltip",required:!1,type:{name:"string"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Avatar/Avatar.vue"]};export{Q as A,e as a,T as b,r as c};
@@ -1,4 +1,4 @@
1
- import{A as o,a as r,b as k,c as m}from"./Avatar-DJEZDpOI.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./Badge-B8eFbzRx.js";import"./Icon-DUeXRUm6.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Tooltip-BvaJ_K9_.js";import"./device-9fgosCm4.js";const S={title:"Components/Avatar",component:o,render:s=>({components:{Avatar:o},setup(){return{args:s}},template:'<Avatar v-bind="args" />'}),argTypes:{size:{control:"select",options:Object.values(r)},accessStatus:{control:{type:"select",labels:{undefined:"None (undefined)"}},options:[void 0,...Object.values(m)]},activityStatus:{control:{type:"select",labels:{undefined:"None (undefined)"}},options:[void 0,...Object.values(k)]},activityStatusTooltip:{control:"text"}}},e={args:{size:r.X_SMALL,username:"Dariusz Chrapek",avatarUrl:"https://wiecejnizlek.pl/wp-content/uploads/2021/08/Dariusz_Chrapek-uai-2996x2996-1-scaled.jpeg",teamMemberImageUrl:"https://lek.wiecejnizlek.pl/images/lek/logo-badge.svg",activityStatusTooltip:"Active now"}};e.parameters={design:{type:"figma",url:"https://www.figma.com/design/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=12364-12175&t=UpUoIm9oCAaH4dEp-4"}};const a={render:s=>({components:{Avatar:o},setup(){return{args:s,names:["Arkadiusz Kowalski","Bartosz Nowak","Cezary Kowalczyk","Dariusz Chrapek","Edward Nowak","Feliks Kowalski","Grzegorz Nowak","Henryk Kowalczyk","Ireneusz Nowak","Jacek Kowalski","Kamil Nowak","Leszek Kowalczyk","Marek Nowak","Norbert Kowalski","Oskar Nowak","Piotr Kowalczyk"]}},template:'<div style="display: flex; gap: 12px; flex-wrap: wrap;"><div v-for="name in names"><Avatar v-bind="args" :username="name" /></div></div>'}),argTypes:{size:{control:"select",options:Object.values(r)},username:{control:!1},avatarUrl:{control:!1}},args:{size:r.X_SMALL,teamMemberImageUrl:"https://lek.wiecejnizlek.pl/images/lek/logo-badge.svg"}};var t,i,l;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{
1
+ import{A as o,a as r,b as k,c as m}from"./Avatar-DedT1Md9.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./Badge-Secfws6A.js";import"./Icon-Sov23HR0.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Tooltip-BvaJ_K9_.js";import"./device-9fgosCm4.js";const S={title:"Components/Avatar",component:o,render:s=>({components:{Avatar:o},setup(){return{args:s}},template:'<Avatar v-bind="args" />'}),argTypes:{size:{control:"select",options:Object.values(r)},accessStatus:{control:{type:"select",labels:{undefined:"None (undefined)"}},options:[void 0,...Object.values(m)]},activityStatus:{control:{type:"select",labels:{undefined:"None (undefined)"}},options:[void 0,...Object.values(k)]},activityStatusTooltip:{control:"text"}}},e={args:{size:r.X_SMALL,username:"Dariusz Chrapek",avatarUrl:"https://wiecejnizlek.pl/wp-content/uploads/2021/08/Dariusz_Chrapek-uai-2996x2996-1-scaled.jpeg",teamMemberImageUrl:"https://lek.wiecejnizlek.pl/images/lek/logo-badge.svg",activityStatusTooltip:"Active now"}};e.parameters={design:{type:"figma",url:"https://www.figma.com/design/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=12364-12175&t=UpUoIm9oCAaH4dEp-4"}};const a={render:s=>({components:{Avatar:o},setup(){return{args:s,names:["Arkadiusz Kowalski","Bartosz Nowak","Cezary Kowalczyk","Dariusz Chrapek","Edward Nowak","Feliks Kowalski","Grzegorz Nowak","Henryk Kowalczyk","Ireneusz Nowak","Jacek Kowalski","Kamil Nowak","Leszek Kowalczyk","Marek Nowak","Norbert Kowalski","Oskar Nowak","Piotr Kowalczyk"]}},template:'<div style="display: flex; gap: 12px; flex-wrap: wrap;"><div v-for="name in names"><Avatar v-bind="args" :username="name" /></div></div>'}),argTypes:{size:{control:"select",options:Object.values(r)},username:{control:!1},avatarUrl:{control:!1}},args:{size:r.X_SMALL,teamMemberImageUrl:"https://lek.wiecejnizlek.pl/images/lek/logo-badge.svg"}};var t,i,l;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{
2
2
  args: {
3
3
  size: AVATAR_SIZES.X_SMALL,
4
4
  username: 'Dariusz Chrapek',
@@ -0,0 +1 @@
1
+ .ds-badge[data-v-b6a257f9]{display:inline-flex;justify-content:center;position:relative}.ds-badge__elevation[data-v-b6a257f9]{align-items:center;background-color:var(--color-default-background);border-radius:200px;display:flex;justify-content:center;position:absolute}.ds-badge__elevation.-ds-no-elevation[data-v-b6a257f9]{display:none}.ds-badge__elevation.-ds-elevation-s[data-v-b6a257f9]{box-shadow:0 1px 2px var(--color-default-shadow-weak),0 8px 16px var(--color-default-shadow-weak),0 2px 4px var(--color-default-shadow-strong),0 0 4px var(--color-default-shadow)}.ds-badge__content[data-v-b6a257f9]{align-items:center;border-radius:200px;color:var(--color-inverted-text);display:flex;justify-content:center;position:relative;width:100%}.ds-badge__icon[data-v-b6a257f9],.ds-badge__image[data-v-b6a257f9]{position:relative}.ds-badge.-ds-x-small[data-v-b6a257f9]{height:6px;min-width:6px}.ds-badge.-ds-x-small .ds-badge__elevation[data-v-b6a257f9]{height:10px;left:-2px;padding:2px;top:-2px;width:calc(100% + 4px)}.ds-badge.-ds-x-small .ds-badge__image[data-v-b6a257f9]{max-width:6px}.ds-badge.-ds-small[data-v-b6a257f9]{height:8px;min-width:8px}.ds-badge.-ds-small .ds-badge__elevation[data-v-b6a257f9]{height:12px;left:-2px;padding:2px;top:-2px;width:calc(100% + 4px)}.ds-badge.-ds-small .ds-badge__image[data-v-b6a257f9]{max-width:8px}.ds-badge.-ds-medium[data-v-b6a257f9]{height:12px;min-width:12px}.ds-badge.-ds-medium .ds-badge__elevation[data-v-b6a257f9]{height:18px;left:-3px;padding:3px;top:-3px;width:calc(100% + 6px)}.ds-badge.-ds-medium .ds-badge__content[data-v-b6a257f9]{--token: label-xs-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-5xs);font-size:var(--typography-font-size-3xs);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);padding:0 2px}.ds-badge.-ds-medium .ds-badge__image[data-v-b6a257f9]{max-width:12px}.ds-badge.-ds-large[data-v-b6a257f9]{height:16px;min-width:16px}.ds-badge.-ds-large .ds-badge__elevation[data-v-b6a257f9]{height:24px;left:-4px;padding:4px;top:-4px;width:calc(100% + 8px)}.ds-badge.-ds-large .ds-badge__content[data-v-b6a257f9]{--token: label-xs-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-5xs);font-size:var(--typography-font-size-3xs);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);padding:0 4px}.ds-badge.-ds-large .ds-badge__image[data-v-b6a257f9]{max-width:16px}.ds-badge.-ds-x-large[data-v-b6a257f9]{height:20px;min-width:20px}.ds-badge.-ds-x-large .ds-badge__elevation[data-v-b6a257f9]{height:30px;left:-5px;padding:5px;top:-5px;width:calc(100% + 10px)}.ds-badge.-ds-x-large .ds-badge__content[data-v-b6a257f9]{--token: label-s-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-4xs);font-size:var(--typography-font-size-2xs);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);padding:0 4px}.ds-badge.-ds-x-large .ds-badge__image[data-v-b6a257f9]{max-width:20px}.ds-badge.-ds-color-primary .ds-badge__content[data-v-b6a257f9]{background-color:var(--color-primary-background-strong)}.ds-badge.-ds-color-primary .ds-badge__icon[data-v-b6a257f9]{color:var(--color-primary-icon)}.ds-badge.-ds-color-success .ds-badge__content[data-v-b6a257f9]{background-color:var(--color-success-background-strong)}.ds-badge.-ds-color-success .ds-badge__icon[data-v-b6a257f9]{color:var(--color-success-icon)}.ds-badge.-ds-color-fail .ds-badge__content[data-v-b6a257f9]{background-color:var(--color-fail-background-strong)}.ds-badge.-ds-color-fail .ds-badge__icon[data-v-b6a257f9]{color:var(--color-fail-icon)}.ds-badge.-ds-color-danger .ds-badge__content[data-v-b6a257f9]{background-color:var(--color-danger-background-strong)}.ds-badge.-ds-color-danger .ds-badge__icon[data-v-b6a257f9]{color:var(--color-danger-icon)}.ds-badge.-ds-color-neutral .ds-badge__content[data-v-b6a257f9]{background-color:var(--color-neutral-background-heavy)}.ds-badge.-ds-color-neutral .ds-badge__icon[data-v-b6a257f9]{color:var(--color-neutral-icon)}
@@ -1 +1 @@
1
- import{d as u,q as g,c as n,a as A,g as i,k as S,v as m,u as a,y as p,o as l}from"./vue.esm-bundler-DcRN7CPI.js";import{b as r,a as E}from"./Icon-DUeXRUm6.js";import{_ as M}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s={X_SMALL:"x-small",SMALL:"small",MEDIUM:"medium",LARGE:"large",X_LARGE:"x-large"},o={PRIMARY:"primary",SUCCESS:"success",DANGER:"danger",FAIL:"fail",NEUTRAL:"neutral"},d={NONE:"none",X_SMALL:"x-small",SMALL:"small"},f={key:0,class:"ds-badge__content"},_=["src"],t=u({__name:"Badge",props:{color:{default:()=>o.PRIMARY},size:{default:()=>s.SMALL},label:{},icon:{},imageUrl:{},elevation:{default:()=>d.X_SMALL}},setup(c){const L=g(()=>{switch(c.size){case s.SMALL:return r.XXX_SMALL;case s.MEDIUM:return r.XX_SMALL;case s.LARGE:return r.X_SMALL;case s.X_LARGE:default:return r.SMALL}});return(e,I)=>(l(),n("div",{class:m(["ds-badge",{"-ds-x-small":e.size===a(s).X_SMALL,"-ds-small":e.size===a(s).SMALL,"-ds-medium":e.size===a(s).MEDIUM,"-ds-large":e.size===a(s).LARGE,"-ds-x-large":e.size===a(s).X_LARGE,"-ds-color-primary":e.color===a(o).PRIMARY,"-ds-color-success":e.color===a(o).SUCCESS,"-ds-color-fail":e.color===a(o).FAIL,"-ds-color-danger":e.color===a(o).DANGER,"-ds-color-neutral":e.color===a(o).NEUTRAL}])},[A("div",{class:m(["ds-badge__elevation",{"-ds-no-elevation":e.elevation===a(d).NONE,"-ds-elevation-s":e.elevation===a(d).SMALL}])},null,2),!e.imageUrl&&!e.icon?(l(),n("div",f,p(e.label),1)):i("",!0),!e.imageUrl&&e.icon?(l(),S(a(E),{key:1,icon:e.icon,size:L.value,class:"ds-badge__icon"},null,8,["icon","size"])):i("",!0),e.imageUrl?(l(),n("img",{key:2,src:e.imageUrl,class:"ds-badge__image"},null,8,_)):i("",!0)],2))}}),v=M(t,[["__scopeId","data-v-b6a257f9"]]);t.__docgenInfo={exportName:"default",displayName:"Badge",description:"",tags:{},props:[{name:"color",required:!1,type:{name:"BadgeColor"}},{name:"size",required:!1,type:{name:"BadgeSize"}},{name:"label",required:!1,type:{name:"string"}},{name:"icon",required:!1,type:{name:"IconItem"}},{name:"imageUrl",required:!1,type:{name:"string"}},{name:"elevation",required:!1,type:{name:"BadgeElevation"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Badge/Badge.vue"]};export{v as B,d as a,s as b,o as c};
1
+ import{d as u,q as g,c as n,a as A,g as i,k as S,v as m,u as a,y as p,o as l}from"./vue.esm-bundler-DcRN7CPI.js";import{b as r,a as E}from"./Icon-Sov23HR0.js";import{_ as M}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s={X_SMALL:"x-small",SMALL:"small",MEDIUM:"medium",LARGE:"large",X_LARGE:"x-large"},o={PRIMARY:"primary",SUCCESS:"success",DANGER:"danger",FAIL:"fail",NEUTRAL:"neutral"},d={NONE:"none",X_SMALL:"x-small",SMALL:"small"},f={key:0,class:"ds-badge__content"},_=["src"],t=u({__name:"Badge",props:{color:{default:()=>o.PRIMARY},size:{default:()=>s.SMALL},label:{},icon:{},imageUrl:{},elevation:{default:()=>d.X_SMALL}},setup(c){const L=g(()=>{switch(c.size){case s.SMALL:return r.XXX_SMALL;case s.MEDIUM:return r.XX_SMALL;case s.LARGE:return r.X_SMALL;case s.X_LARGE:default:return r.SMALL}});return(e,I)=>(l(),n("div",{class:m(["ds-badge",{"-ds-x-small":e.size===a(s).X_SMALL,"-ds-small":e.size===a(s).SMALL,"-ds-medium":e.size===a(s).MEDIUM,"-ds-large":e.size===a(s).LARGE,"-ds-x-large":e.size===a(s).X_LARGE,"-ds-color-primary":e.color===a(o).PRIMARY,"-ds-color-success":e.color===a(o).SUCCESS,"-ds-color-fail":e.color===a(o).FAIL,"-ds-color-danger":e.color===a(o).DANGER,"-ds-color-neutral":e.color===a(o).NEUTRAL}])},[A("div",{class:m(["ds-badge__elevation",{"-ds-no-elevation":e.elevation===a(d).NONE,"-ds-elevation-s":e.elevation===a(d).SMALL}])},null,2),!e.imageUrl&&!e.icon?(l(),n("div",f,p(e.label),1)):i("",!0),!e.imageUrl&&e.icon?(l(),S(a(E),{key:1,icon:e.icon,size:L.value,class:"ds-badge__icon"},null,8,["icon","size"])):i("",!0),e.imageUrl?(l(),n("img",{key:2,src:e.imageUrl,class:"ds-badge__image"},null,8,_)):i("",!0)],2))}}),v=M(t,[["__scopeId","data-v-b6a257f9"]]);t.__docgenInfo={exportName:"default",displayName:"Badge",description:"",tags:{},props:[{name:"color",required:!1,type:{name:"BadgeColor"}},{name:"size",required:!1,type:{name:"BadgeSize"}},{name:"label",required:!1,type:{name:"string"}},{name:"icon",required:!1,type:{name:"IconItem"}},{name:"imageUrl",required:!1,type:{name:"string"}},{name:"elevation",required:!1,type:{name:"BadgeElevation"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Badge/Badge.vue"]};export{v as B,d as a,s as b,o as c};
@@ -1,4 +1,4 @@
1
- import{B as r,a as t,b as o,c as a}from"./Badge-B8eFbzRx.js";import{I as s}from"./Icon-DUeXRUm6.js";import{B as A,a as v}from"./Banner-D5riYdGJ.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Button-XuK8IxnR.js";import"./Divider-NOTDPuJ1.js";import"./IconButton-Cn83Zk5-.js";import"./device-9fgosCm4.js";import"./FeatureIcon-DY5WvpPf.js";function I(e){return`<div style="display: inline-flex; background: #ccc; padding: 16px; line-height: 0; margin-bottom: 16px;">${e}</div>
1
+ import{B as r,a as t,b as o,c as a}from"./Badge-Secfws6A.js";import{I as s}from"./Icon-Sov23HR0.js";import{B as A,a as v}from"./Banner-I59psZ5_.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Button-Cxy1oLg0.js";import"./Divider-NOTDPuJ1.js";import"./IconButton-BxVdSYTo.js";import"./device-9fgosCm4.js";import"./FeatureIcon-DVdbBUgw.js";function I(e){return`<div style="display: inline-flex; background: #ccc; padding: 16px; line-height: 0; margin-bottom: 16px;">${e}</div>
2
2
  <ds-banner :color="BANNER_COLORS.WARNING" title="Taka kombinacja jest niezgodna z design systemem!" v-if="invalidUsage" />
3
3
  `}const k={title:"Components/Badges/Badge",component:r,render:e=>({components:{Badge:r,DsBanner:A},setup(){return{BANNER_COLORS:v}},computed:{invalidUsage(){const L=(e.size===o.X_SMALL||e.size===o.SMALL)&&e.label,S=e.size===o.X_SMALL&&(e.icon||e.imageUrl);return L||S},props(){return{...e,icon:s[e.icon]}}},template:I('<Badge v-bind="props" />')}),argTypes:{color:{control:"select",options:Object.values(a)},size:{control:"select",options:Object.values(o)},icon:{control:"select",options:[null,...Object.keys(s)]},elevation:{control:"select",options:Object.values(t)}}},n={args:{color:a.PRIMARY,size:o.SMALL,label:"",icon:void 0,imageUrl:"",elevation:t.X_SMALL}};n.parameters={design:{type:"figma",url:"https://www.figma.com/design/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=12364-10601&m=dev"}};const i={args:{color:a.PRIMARY,size:o.SMALL,label:"",icon:void 0,imageUrl:"https://lek.wiecejnizlek.pl/images/lek/logo-badge.svg",elevation:t.X_SMALL}};var l,c,m;n.parameters={...n.parameters,docs:{...(l=n.parameters)==null?void 0:l.docs,source:{originalSource:`{
4
4
  args: {
@@ -0,0 +1 @@
1
+ .ds-badgeScore[data-v-90b52384]{--token: label-2xl-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-l);font-size:var(--typography-font-size-xl);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);border-radius:4px;display:inline-flex;justify-content:center;min-width:66px;padding:8px}.ds-badgeScore.-ds-success[data-v-90b52384]{background-color:var(--color-success-background-medium);color:var(--color-success-text)}.ds-badgeScore.-ds-success .ds-badgeScore__icon[data-v-90b52384]{color:var(--color-success-icon)}.ds-badgeScore.-ds-success .ds-badgeScore__suffix[data-v-90b52384]{color:var(--color-success-text-weak)}.ds-badgeScore.-ds-success.-ds-xsmall .ds-badgeScore__suffix[data-v-90b52384]{color:var(--color-success-text)}.ds-badgeScore.-ds-fail[data-v-90b52384]{background-color:var(--color-fail-background-medium);color:var(--color-fail-text)}.ds-badgeScore.-ds-fail .ds-badgeScore__icon[data-v-90b52384]{color:var(--color-fail-icon)}.ds-badgeScore.-ds-fail .ds-badgeScore__suffix[data-v-90b52384]{color:var(--color-fail-text-weak)}.ds-badgeScore.-ds-fail.-ds-xsmall .ds-badgeScore__suffix[data-v-90b52384]{color:var(--color-fail-text)}.ds-badgeScore.-ds-warning[data-v-90b52384]{background-color:var(--color-warning-background-medium);color:var(--color-warning-text)}.ds-badgeScore.-ds-warning .ds-badgeScore__icon[data-v-90b52384]{color:var(--color-warning-icon)}.ds-badgeScore.-ds-warning .ds-badgeScore__suffix[data-v-90b52384]{color:var(--color-warning-text-weak)}.ds-badgeScore.-ds-warning.-ds-xsmall .ds-badgeScore__suffix[data-v-90b52384]{color:var(--color-warning-text)}.ds-badgeScore.-ds-inverted[data-v-90b52384]{background-color:var(--color-default-background);color:var(--color-neutral-text-weak)}.ds-badgeScore.-ds-inverted .ds-badgeScore__icon[data-v-90b52384]{color:var(--color-neutral-icon-weak)}.ds-badgeScore.-ds-inverted .ds-badgeScore__suffix[data-v-90b52384],.ds-badgeScore.-ds-inverted.-ds-xsmall .ds-badgeScore__suffix[data-v-90b52384]{color:var(--color-neutral-text-weak)}.ds-badgeScore.-ds-neutral[data-v-90b52384]{background-color:var(--color-neutral-background-medium);color:var(--color-neutral-text)}.ds-badgeScore.-ds-neutral .ds-badgeScore__icon[data-v-90b52384]{color:var(--color-neutral-icon)}.ds-badgeScore.-ds-neutral .ds-badgeScore__suffix[data-v-90b52384],.ds-badgeScore.-ds-neutral.-ds-xsmall .ds-badgeScore__suffix[data-v-90b52384]{color:var(--color-neutral-text)}.ds-badgeScore.-ds-neutralWeak[data-v-90b52384]{background-color:var(--color-neutral-background);color:var(--color-neutral-text-weak)}.ds-badgeScore.-ds-neutralWeak .ds-badgeScore__icon[data-v-90b52384]{color:var(--color-neutral-icon-weak)}.ds-badgeScore.-ds-neutralWeak .ds-badgeScore__suffix[data-v-90b52384],.ds-badgeScore.-ds-neutralWeak.-ds-xsmall .ds-badgeScore__suffix[data-v-90b52384]{color:var(--color-neutral-text-weak)}.ds-badgeScore__text[data-v-90b52384]{align-self:baseline}.ds-badgeScore__icon[data-v-90b52384]{align-self:center;margin-right:2px}.ds-badgeScore__suffix[data-v-90b52384]{--token: label-xl-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-s);font-size:var(--typography-font-size-m);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);align-self:baseline}.ds-badgeScore.-ds-small[data-v-90b52384]{--token: label-xl-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-s);font-size:var(--typography-font-size-m);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);min-width:56px;padding:8px}.ds-badgeScore.-ds-small .ds-badgeScore__suffix[data-v-90b52384]{--token: label-l-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-2xs);font-size:var(--typography-font-size-s);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none)}.ds-badgeScore.-ds-xsmall[data-v-90b52384]{--token: label-s-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-4xs);font-size:var(--typography-font-size-2xs);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);min-width:40px;padding:6px}.ds-badgeScore.-ds-xsmall .ds-badgeScore__suffix[data-v-90b52384]{--token: label-s-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-4xs);font-size:var(--typography-font-size-2xs);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none)}.ds-badgeScore.-ds-fullWidth[data-v-90b52384]{width:100%}
@@ -1 +1 @@
1
- import{a as u,b as s,I as d}from"./Icon-DUeXRUm6.js";import{d as S,j as c,c as f,k as E,g as m,a as n,y as r,v as O,l as p,o}from"./vue.esm-bundler-DcRN7CPI.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,b as s,I as d}from"./Icon-Sov23HR0.js";import{d as S,j as c,c as f,k as E,g as m,a as n,y as r,v as O,l as p,o}from"./vue.esm-bundler-DcRN7CPI.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-ByouU1Eu.js";import{I as m}from"./Icon-DUeXRUm6.js";import"./vue.esm-bundler-DcRN7CPI.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-DTDf6zjW.js";import{I as m}from"./Icon-Sov23HR0.js";import"./vue.esm-bundler-DcRN7CPI.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
  },
@@ -0,0 +1 @@
1
+ .ds-banner[data-v-f9bc1157]{container-type:inline-size;width:100%}.ds-banner__inner[data-v-f9bc1157]{--ds-banner-title-color: var(--color-neutral-text-strong);border-radius:6px;border-style:solid;border-width:1px;display:flex;flex-direction:column;gap:12px;padding:12px}@container (width > 500px){.ds-banner__inner .ds-banner__header[data-v-f9bc1157]{padding:0 8px 0 4px}.ds-banner__inner .ds-banner__textWrapper[data-v-f9bc1157]{flex-direction:row;gap:16px}.ds-banner__inner .ds-banner__rightSlot[data-v-f9bc1157],.ds-banner__inner .ds-banner__buttonWrapper[data-v-f9bc1157]{padding:12px 0}.ds-banner__inner.-ds-medium .ds-banner__expander[data-v-f9bc1157]{padding:12px 0 12px 8px}.ds-banner__inner.-ds-small.-ds-small .ds-banner__textWrapper[data-v-f9bc1157]{gap:8px}.ds-banner__inner.-ds-small.-ds-small .ds-banner__rightSlot[data-v-f9bc1157],.ds-banner__inner.-ds-small.-ds-small .ds-banner__buttonWrapper[data-v-f9bc1157]{padding:0}}.ds-banner__inner.-ds-warning[data-v-f9bc1157]{background-color:var(--color-warning-background);border-color:var(--color-warning-border-weak)}.ds-banner__inner.-ds-warning.-ds-titleInColor[data-v-f9bc1157]{--ds-banner-title-color: var(--color-warning-text)}.ds-banner__inner.-ds-success[data-v-f9bc1157]{background-color:var(--color-success-background);border-color:var(--color-success-border-weak)}.ds-banner__inner.-ds-success.-ds-titleInColor[data-v-f9bc1157]{--ds-banner-title-color: var(--color-success-text)}.ds-banner__inner.-ds-info[data-v-f9bc1157]{background-color:var(--color-info-background);border-color:var(--color-info-border-weak)}.ds-banner__inner.-ds-info.-ds-titleInColor[data-v-f9bc1157]{--ds-banner-title-color: var(--color-info-text)}.ds-banner__inner.-ds-fail[data-v-f9bc1157]{background-color:var(--color-fail-background);border-color:var(--color-fail-border-weak)}.ds-banner__inner.-ds-fail.-ds-titleInColor[data-v-f9bc1157]{--ds-banner-title-color: var(--color-fail-text)}.ds-banner__inner.-ds-neutral[data-v-f9bc1157]{background-color:var(--color-neutral-background);border-color:var(--color-neutral-border-weak)}.ds-banner__inner.-ds-default[data-v-f9bc1157]{background-color:var(--color-default-background);border-color:var(--color-neutral-border-weak)}.ds-banner__inner.-ds-danger[data-v-f9bc1157]{background-color:var(--color-danger-background);border-color:var(--color-danger-border-weak)}.ds-banner__inner.-ds-danger.-ds-titleInColor[data-v-f9bc1157]{--ds-banner-title-color: var(--color-danger-text)}.ds-banner__inner.-ds-small .ds-banner__header[data-v-f9bc1157],.ds-banner__inner.-ds-small .ds-banner__titleWrapper[data-v-f9bc1157]{padding:0}.ds-banner__inner.-ds-small .ds-banner__rightSlot[data-v-f9bc1157],.ds-banner__inner.-ds-small .ds-banner__buttonWrapper[data-v-f9bc1157]{padding:12px 0 2px}.ds-banner__inner.-ds-small .ds-banner__expandedContainer[data-v-f9bc1157]{padding:0}.ds-banner__inner.-ds-iconHiddenOnMobile .ds-banner__iconWrapper[data-v-f9bc1157],.ds-banner__inner.-ds-iconHiddenOnMobile .ds-banner__iconWrapperSmall[data-v-f9bc1157]{display:none}@media (min-width: 760px){.ds-banner__inner.-ds-iconHiddenOnMobile .ds-banner__iconWrapper[data-v-f9bc1157],.ds-banner__inner.-ds-iconHiddenOnMobile .ds-banner__iconWrapperSmall[data-v-f9bc1157]{display:initial}}.ds-banner__content[data-v-f9bc1157]{display:flex}.ds-banner__header[data-v-f9bc1157]{align-items:flex-start;display:flex;flex:1;padding:0 4px}.ds-banner__title[data-v-f9bc1157]{--token: heading-s-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-xs);font-size:var(--typography-font-size-s);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);align-items:center;color:var(--ds-banner-title-color);display:flex;gap:6px}.ds-banner__iconWrapperSmall[data-v-f9bc1157]{align-self:stretch}.ds-banner__defaultText[data-v-f9bc1157]{--token: text-m-default-regular;font-weight:var(--typography-font-weight-normal);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-m);font-size:var(--typography-font-size-s);letter-spacing:var(--typography-letter-spacing-xs);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none)}.ds-banner__textWrapper[data-v-f9bc1157]{align-self:stretch;display:flex;flex:1;flex-direction:column;justify-content:space-between}.ds-banner__titleWrapper[data-v-f9bc1157]{display:flex;flex-direction:column;flex-grow:1;gap:2px;justify-content:center;padding:4px 0}.ds-banner__rightWrapper[data-v-f9bc1157]{display:flex;flex-shrink:0;flex-wrap:nowrap;gap:6px;padding:0}.ds-banner__rightSlot[data-v-f9bc1157],.ds-banner__buttonWrapper[data-v-f9bc1157]{padding:12px 0 6px}.ds-banner__iconWrapper[data-v-f9bc1157]{padding:8px 12px 8px 0}.ds-banner__close[data-v-f9bc1157]{padding-left:8px}.ds-banner__expander[data-v-f9bc1157]{padding:0 0 0 8px}.ds-banner__expandedContainer[data-v-f9bc1157]{--token: text-m-default-regular;font-weight:var(--typography-font-weight-normal);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-m);font-size:var(--typography-font-size-s);letter-spacing:var(--typography-letter-spacing-xs);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);padding:0 4px 4px}.ds-banner__expandedText[data-v-f9bc1157]{margin-top:12px}