@bethinkpl/design-system 26.10.1 → 26.11.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 (183) hide show
  1. package/.eslintrc.cjs +2 -3
  2. package/dist/design-system.umd.cjs +18 -18
  3. package/dist/design-system.umd.cjs.map +1 -1
  4. package/dist/lib/js/components/Avatar/Avatar.consts.d.ts +16 -1
  5. package/dist/lib/js/components/Avatar/Avatar.vue.d.ts +10 -21
  6. package/dist/lib/js/components/Badge/Badge.consts.d.ts +24 -0
  7. package/dist/lib/js/components/Badge/Badge.vue.d.ts +28 -0
  8. package/dist/lib/js/components/Badge/index.d.ts +4 -0
  9. package/dist/lib/js/components/BadgeScore/BadgeScore.vue.d.ts +2 -2
  10. package/dist/lib/js/components/Banner/Banner.vue.d.ts +11 -7
  11. package/dist/lib/js/components/Buttons/Button/Button.vue.d.ts +3 -2
  12. package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +6 -4
  13. package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +2 -1
  14. package/dist/lib/js/components/Chip/Chip.vue.d.ts +8 -5
  15. package/dist/lib/js/components/DatePickers/DateBox/DateBox.vue.d.ts +2 -1
  16. package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +6 -4
  17. package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts +2 -1
  18. package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue.d.ts +19 -12
  19. package/dist/lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue.d.ts +2 -1
  20. package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts +11 -7
  21. package/dist/lib/js/components/Drawer/DrawerTile/DrawerTile.vue.d.ts +2 -1
  22. package/dist/lib/js/components/Form/Checkbox/Checkbox.vue.d.ts +2 -1
  23. package/dist/lib/js/components/Form/RadioButton/RadioButton.vue.d.ts +2 -1
  24. package/dist/lib/js/components/Form/SelectionControl/SelectionControl.vue.d.ts +1 -1
  25. package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +7 -4
  26. package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts +9 -6
  27. package/dist/lib/js/components/IconText/IconText.vue.d.ts +1 -1
  28. package/dist/lib/js/components/Icons/FeatureIcon/FeatureIcon.vue.d.ts +2 -2
  29. package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts +1 -0
  30. package/dist/lib/js/components/Icons/Icon/Icon.vue.d.ts +1 -1
  31. package/dist/lib/js/components/Modal/Modal.vue.d.ts +2 -1
  32. package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +15 -11
  33. package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +15 -11
  34. package/dist/lib/js/components/Outline/OutlineItem/OutlineItem.vue.d.ts +2 -1
  35. package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +9 -5
  36. package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +2 -1
  37. package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.vue.d.ts +2 -1
  38. package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +8 -6
  39. package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts +6 -4
  40. package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.vue.d.ts +2 -1
  41. package/dist/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue.d.ts +2 -1
  42. package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts +2 -1
  43. package/dist/lib/js/components/SelectionTile/SelectionTile.vue.d.ts +8 -5
  44. package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +2 -1
  45. package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +2 -1
  46. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +12 -7
  47. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +13 -8
  48. package/dist/lib/js/components/SurveyToggle/SurveyToggle.vue.d.ts +1 -1
  49. package/dist/lib/js/components/Switch/Switch.vue.d.ts +2 -1
  50. package/dist/lib/js/components/TabItem/TabItem.vue.d.ts +2 -2
  51. package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts +14 -9
  52. package/dist/lib/js/components/Tile/Tile.vue.d.ts +2 -1
  53. package/dist/lib/js/components/Toast/Toast.vue.d.ts +5 -4
  54. package/dist/lib/js/components/Toggles/CounterToggle/CounterToggle.vue.d.ts +1 -1
  55. package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts +2 -1
  56. package/dist/lib/js/icons/fontawesome.d.ts +1 -0
  57. package/dist/lib/js/index.d.ts +2 -0
  58. package/docs/assets/{AccessStatus-eOOeqKMq.js → AccessStatus-Bb89L0n4.js} +1 -1
  59. package/docs/assets/{AccessStatus.stories-Cj85qL9V.js → AccessStatus.stories-B3_KTVWu.js} +1 -1
  60. package/docs/assets/Avatar-BY2FHjur.js +1 -0
  61. package/docs/assets/Avatar.stories-CHgyprX4.js +37 -0
  62. package/docs/assets/Badge-DWUXekFu.js +1 -0
  63. package/docs/assets/Badge.stories-B90k4kes.js +21 -0
  64. package/docs/assets/{BadgeScore-BL8hbYk0.js → BadgeScore-VoyhoyPu.js} +1 -1
  65. package/docs/assets/{BadgeScore.stories-DdjqFD5U.js → BadgeScore.stories-CNY-1Nuu.js} +1 -1
  66. package/docs/assets/{Banner-CYq3U3dp.js → Banner-DaqGIRps.js} +1 -1
  67. package/docs/assets/{Banner.stories-C5AklXaE.js → Banner.stories-BP7LrBw0.js} +1 -1
  68. package/docs/assets/{BasicRichListItem-WZ8mj4WH.js → BasicRichListItem-C2lY5QHc.js} +1 -1
  69. package/docs/assets/{BasicRichListItem.stories-CnXil0XY.js → BasicRichListItem.stories-Cq_2y-ip.js} +2 -2
  70. package/docs/assets/{BlockadeStatus-0IfPTjpE.js → BlockadeStatus-BovI8qdo.js} +1 -1
  71. package/docs/assets/{BlockedeStatus.stories-ds5jeZmH.js → BlockedeStatus.stories-CZqKhsVe.js} +1 -1
  72. package/docs/assets/{Button-C9fw-hoQ.js → Button-TCMWFFTV.js} +1 -1
  73. package/docs/assets/{Button.stories-Bc7hSqem.js → Button.stories-BP78ebL5.js} +1 -1
  74. package/docs/assets/{CardExpandable-BzuBEb3B.js → CardExpandable-U3c3_RFR.js} +1 -1
  75. package/docs/assets/{CardExpandable.stories-Dw5ytiF1.js → CardExpandable.stories-CJJrRvWG.js} +1 -1
  76. package/docs/assets/{Checkbox-B9iZ2V6w.js → Checkbox-Bsa7X8oN.js} +1 -1
  77. package/docs/assets/{Checkbox.stories-XetNYP18.js → Checkbox.stories-D_FmTwaw.js} +1 -1
  78. package/docs/assets/{Chip-BioAps-y.js → Chip-CTSLlUHr.js} +1 -1
  79. package/docs/assets/{Chip.stories-gIHj4f0o.js → Chip.stories-BlDSOmpM.js} +1 -1
  80. package/docs/assets/{Color-ERTF36HU-OGMsUYvZ.js → Color-ERTF36HU-gYu0mrgM.js} +1 -1
  81. package/docs/assets/{CounterToggle-25cwaguS.js → CounterToggle-BVPp4FeG.js} +1 -1
  82. package/docs/assets/{CounterToggle.stories-CiNXxRaH.js → CounterToggle.stories-Bj6qyGpF.js} +1 -1
  83. package/docs/assets/{DateBox.stories-BkICbFGG.js → DateBox.stories-2Z3tCp_1.js} +1 -1
  84. package/docs/assets/{DatePicker-AYpn3Wnq.js → DatePicker-C2ooefT-.js} +1 -1
  85. package/docs/assets/{DatePicker.stories-B0s5x-tP.js → DatePicker.stories-CwMU6bVO.js} +1 -1
  86. package/docs/assets/{DateRangePicker-SPwTzS7T.js → DateRangePicker-BbtTUk2P.js} +1 -1
  87. package/docs/assets/{DateRangePicker.stories-BXBaAO1N.js → DateRangePicker.stories-DLDTFPz3.js} +1 -1
  88. package/docs/assets/{DocsRenderer-CFRXHY34-v9z3YwJj.js → DocsRenderer-CFRXHY34-CCozPr0-.js} +5 -5
  89. package/docs/assets/{DrawerHeader-CrvJW8a0.js → DrawerHeader-BUFtT2yY.js} +1 -1
  90. package/docs/assets/{DrawerHeader.stories-BXRweA8a.js → DrawerHeader.stories-C2E1814K.js} +1 -1
  91. package/docs/assets/{DrawerListItem-83NDSyje.js → DrawerListItem-BruVct4m.js} +1 -1
  92. package/docs/assets/{DrawerListItem.stories-Ctz2uc7L.js → DrawerListItem.stories-D5YRBGHl.js} +1 -1
  93. package/docs/assets/{DrawerListItemGroup.stories-C1MInA92.js → DrawerListItemGroup.stories-Bn3gvIvs.js} +1 -1
  94. package/docs/assets/{DrawerSection-JWZp34mG.js → DrawerSection-CGE0Z89z.js} +1 -1
  95. package/docs/assets/{DrawerSection.stories-C-0HGWbX.js → DrawerSection.stories-DanW010v.js} +1 -1
  96. package/docs/assets/{DrawerTile-CVzahKPW.js → DrawerTile-C4SUdovI.js} +1 -1
  97. package/docs/assets/{DrawerTile.stories-Cuv_lxak.js → DrawerTile.stories-DfNjL51X.js} +1 -1
  98. package/docs/assets/{Dropdown.stories-BO5wXz__.js → Dropdown.stories-ARX2jFhf.js} +1 -1
  99. package/docs/assets/{FeatureIcon-Bt2WOK2R.js → FeatureIcon-DEdW5Abw.js} +1 -1
  100. package/docs/assets/{FeatureIcon.stories-CQT4Ax6v.js → FeatureIcon.stories-BvrIv3nz.js} +1 -1
  101. package/docs/assets/{GroupRichListItem-DYIyXLew.js → GroupRichListItem-BvMN1U8t.js} +1 -1
  102. package/docs/assets/{GroupRichListItem.stories-CcpusO91.js → GroupRichListItem.stories-BBLgdtH3.js} +1 -1
  103. package/docs/assets/{Icon-Mp5xMpaO.js → Icon-BCID_1bx.js} +6 -6
  104. package/docs/assets/{Icon.stories-vgEeaZJT.js → Icon.stories-DGcaJLbW.js} +1 -1
  105. package/docs/assets/{IconButton-DIcq1fJw.js → IconButton-BAw3zjHF.js} +1 -1
  106. package/docs/assets/{IconButton.stories-BjASqqcL.js → IconButton.stories-qS45zAsa.js} +1 -1
  107. package/docs/assets/{IconText-DH8YnoAg.js → IconText-832pwWI9.js} +1 -1
  108. package/docs/assets/{IconText.stories-LbqRHqJE.js → IconText.stories-I2fBQvxS.js} +1 -1
  109. package/docs/assets/{Modal-C6oHTd9H.js → Modal-Dup6Muk_.js} +1 -1
  110. package/docs/assets/{Modal.stories-92Xf33XH.js → Modal.stories-BaoTM0GW.js} +1 -1
  111. package/docs/assets/{ModalDialog-dOgZn33y.js → ModalDialog-DOx_9BEj.js} +1 -1
  112. package/docs/assets/{ModalDialog.stories-Uc2W8IuG.js → ModalDialog.stories-D8jVrVFf.js} +1 -1
  113. package/docs/assets/{OutlineItem-DhfqJ-7-.js → OutlineItem-BsB-mMO_.js} +1 -1
  114. package/docs/assets/{OutlineItem.stories-cw0kKzcp.js → OutlineItem.stories-BWjCGXmh.js} +1 -1
  115. package/docs/assets/{OverlayHeader-CPMEh6FP.js → OverlayHeader-IVWPOkcc.js} +1 -1
  116. package/docs/assets/{OverlayHeader.stories-B9z4bc2U.js → OverlayHeader.stories-Bfs3IIBX.js} +1 -1
  117. package/docs/assets/{Pagination-BozsH7nA.js → Pagination-bDyh9QNI.js} +1 -1
  118. package/docs/assets/{Pagination.stories-CJ3Ji36t.js → Pagination.stories-UEaZytU1.js} +1 -1
  119. package/docs/assets/{PopOver-CtUX5GOv.js → PopOver-D3l-RPQg.js} +1 -1
  120. package/docs/assets/{PopOver.stories-BEx11Hdn.js → PopOver.stories-3vKhXSoG.js} +1 -1
  121. package/docs/assets/{ProgressBar--hC6PavB.js → ProgressBar-CS0FvbKL.js} +1 -1
  122. package/docs/assets/{ProgressBar.stories-RHlmumHR.js → ProgressBar.stories-D3hrlw5G.js} +1 -1
  123. package/docs/assets/{ProgressDonutChart-DeGyrmq6.js → ProgressDonutChart-Ds7o43EP.js} +1 -1
  124. package/docs/assets/{ProgressDonutChart.stories-rd58SqrJ.js → ProgressDonutChart.stories-D6gMV_Gy.js} +1 -1
  125. package/docs/assets/{RadioButton-Xhsqu9LZ.js → RadioButton-CPXnEX35.js} +1 -1
  126. package/docs/assets/{RadioButton.stories-fYfSB3kz.js → RadioButton.stories-BcRXcnlp.js} +1 -1
  127. package/docs/assets/{RichListItem.stories-V5ssb1ab.js → RichListItem.stories-Bjn9_BVO.js} +2 -2
  128. package/docs/assets/{SectionHeader-Cb_LRj0A.js → SectionHeader-uor_aNAH.js} +1 -1
  129. package/docs/assets/{SectionHeader.stories-Rr9liyKE.js → SectionHeader.stories-CPacayR1.js} +1 -1
  130. package/docs/assets/{SelectList.stories-xa5pMHWZ.js → SelectList.stories-B-sk3_IU.js} +1 -1
  131. package/docs/assets/{SelectListItem-CMEWk56_.js → SelectListItem-CwQPayet.js} +1 -1
  132. package/docs/assets/{SelectListItem.stories-CZQnbd9E.js → SelectListItem.stories-Czz_7goW.js} +1 -1
  133. package/docs/assets/{SelectListItemTile-BY_kD2tX.js → SelectListItemTile-BS64oXam.js} +1 -1
  134. package/docs/assets/{SelectListItemTile.stories-BNpIs1tL.js → SelectListItemTile.stories-B0tSdA5I.js} +1 -1
  135. package/docs/assets/{SelectListItemToggle-81A27VmN.js → SelectListItemToggle-6Qc40Pdh.js} +1 -1
  136. package/docs/assets/{SelectListItemToggle.stories-DHeAyW6U.js → SelectListItemToggle.stories-Du5NmLzv.js} +1 -1
  137. package/docs/assets/{SelectionControl-DBJI2z3t.js → SelectionControl-KJWkMhCz.js} +1 -1
  138. package/docs/assets/{SelectionTile-M5QhEL1-.js → SelectionTile-BKeLO5-6.js} +2 -2
  139. package/docs/assets/{SelectionTile.stories-D2AW9_Oc.js → SelectionTile.stories-BSF1jx58.js} +1 -1
  140. package/docs/assets/{SurveyQuestionOpenEnded-uAQcVFpH.js → SurveyQuestionOpenEnded-DP0hAB06.js} +1 -1
  141. package/docs/assets/{SurveyQuestionOpenEnded.stories-BeVoOnrr.js → SurveyQuestionOpenEnded.stories-Dz2pNxN6.js} +1 -1
  142. package/docs/assets/{SurveyQuestionScale-DIyyaIsW.js → SurveyQuestionScale-C0UAJdFd.js} +1 -1
  143. package/docs/assets/{SurveyQuestionScale.stories-CDVs61Et.js → SurveyQuestionScale.stories-BFpl63w3.js} +1 -1
  144. package/docs/assets/{SurveyToggle-BtVXTA2f.js → SurveyToggle-CUgbE0SL.js} +1 -1
  145. package/docs/assets/{SurveyToggle.stories-CGl5Hi4F.js → SurveyToggle.stories-DtsK6lka.js} +1 -1
  146. package/docs/assets/{Switch--1UZ60fL.js → Switch-Dba5kcqg.js} +1 -1
  147. package/docs/assets/{Switch.stories-B4EBe8Or.js → Switch.stories-DfL5rrfA.js} +1 -1
  148. package/docs/assets/{TabItem-B12iJLKS.js → TabItem-CapV8hZ1.js} +1 -1
  149. package/docs/assets/{TabItem.stories-DOya9_i9.js → TabItem.stories-DYTyMD_u.js} +1 -1
  150. package/docs/assets/{Tile-DysbzGgY.js → Tile-cjoefzuT.js} +1 -1
  151. package/docs/assets/{Tile.sb.shared-DecgtIfz.js → Tile.sb.shared-Cgo0fG1v.js} +1 -1
  152. package/docs/assets/{Tile.stories-Tgb-XmMQ.js → Tile.stories-B2oKdkzl.js} +1 -1
  153. package/docs/assets/{Toast-D729ZPpL.js → Toast-tGyu8Qsr.js} +1 -1
  154. package/docs/assets/{Toast.stories-BoBNQP7_.js → Toast.stories-BUAwdQVH.js} +1 -1
  155. package/docs/assets/{ToggleButton-O5xcFrKP.js → ToggleButton-BsVq0wUU.js} +1 -1
  156. package/docs/assets/{ToggleButton.stories-BChqfrqP.js → ToggleButton.stories-C88JvePy.js} +1 -1
  157. package/docs/assets/{Tooltip.stories-DgKbnjOD.js → Tooltip.stories-DTS2hkAV.js} +1 -1
  158. package/docs/assets/{iframe-CJMgMOL3.js → iframe-DM9VVuiu.js} +4 -3
  159. package/docs/assets/{index-C0CdTAAo.js → index-BLJge5bw.js} +1 -1
  160. package/docs/assets/{index-DIkIRRN2.js → index-GQAS3BWp.js} +1 -1
  161. package/docs/assets/{preview-Cpupz0H9.js → preview-Bx8DeNCo.js} +2 -2
  162. package/docs/assets/preview-IY5bCRtO.js +64 -0
  163. package/docs/assets/{string-It9PaX9k.js → string-CxurpGTK.js} +1 -1
  164. package/docs/iframe.html +1 -1
  165. package/docs/index.json +1 -1
  166. package/docs/project.json +1 -1
  167. package/lib/js/components/Avatar/Avatar.consts.ts +20 -1
  168. package/lib/js/components/Avatar/Avatar.spec.ts +83 -3
  169. package/lib/js/components/Avatar/Avatar.stories.ts +24 -4
  170. package/lib/js/components/Avatar/Avatar.vue +210 -46
  171. package/lib/js/components/Badge/Badge.consts.ts +29 -0
  172. package/lib/js/components/Badge/Badge.spec.ts +168 -0
  173. package/lib/js/components/Badge/Badge.stories.ts +99 -0
  174. package/lib/js/components/Badge/Badge.vue +297 -0
  175. package/lib/js/components/Badge/index.ts +4 -0
  176. package/lib/js/components/Chip/Chip.stories.ts +1 -1
  177. package/lib/js/icons/fontawesome.ts +2 -0
  178. package/lib/js/index.ts +2 -0
  179. package/package.json +3 -2
  180. package/docs/assets/Avatar-OqeGv3bT.js +0 -1
  181. package/docs/assets/Avatar.stories-Ran7nhCi.js +0 -35
  182. package/docs/assets/preview-C0zUF_bi.js +0 -64
  183. /package/lib/{js/components/Chip → images}/logo-badge.svg +0 -0
package/.eslintrc.cjs CHANGED
@@ -2,7 +2,7 @@ module.exports = {
2
2
  plugins: ['import', '@typescript-eslint'],
3
3
  extends: [
4
4
  'eslint:recommended',
5
- 'plugin:vue/vue3-recommended',
5
+ 'plugin:vue/recommended',
6
6
  'prettier',
7
7
  'plugin:storybook/recommended',
8
8
  ],
@@ -89,7 +89,7 @@ module.exports = {
89
89
  'import/no-relative-parent-imports': 0,
90
90
  'vue/component-name-in-template-casing': ['error', 'kebab-case'],
91
91
  'vue/attributes-order': ['error'],
92
- 'vue/component-tags-order': [
92
+ 'vue/block-order': [
93
93
  'error',
94
94
  {
95
95
  order: ['template', 'style', 'script'],
@@ -105,7 +105,6 @@ module.exports = {
105
105
  'vue/no-useless-v-bind': 'error',
106
106
  'vue/padding-line-between-blocks': 'error',
107
107
  'vue/require-direct-export': 'error',
108
- 'vue/v-on-function-call': 'error',
109
108
  'vue/require-name-property': 'error',
110
109
  'vue/match-component-file-name': [
111
110
  'error',