@bethinkpl/design-system 26.10.2 → 26.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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-Bb89L0n4.js → AccessStatus-DAozhq98.js} +1 -1
  59. package/docs/assets/{AccessStatus.stories-B3_KTVWu.js → AccessStatus.stories-C6cLegp3.js} +1 -1
  60. package/docs/assets/Avatar-CyH7GOXC.js +1 -0
  61. package/docs/assets/Avatar.stories-EMICoTsv.js +37 -0
  62. package/docs/assets/Badge-C_DdsSZ7.js +1 -0
  63. package/docs/assets/Badge.stories-BdIOpCFV.js +21 -0
  64. package/docs/assets/{BadgeScore-VoyhoyPu.js → BadgeScore-DpNakYLf.js} +1 -1
  65. package/docs/assets/{BadgeScore.stories-CNY-1Nuu.js → BadgeScore.stories-B46-Fee0.js} +1 -1
  66. package/docs/assets/{Banner-DaqGIRps.js → Banner-BVX9uvqC.js} +1 -1
  67. package/docs/assets/{Banner.stories-BP7LrBw0.js → Banner.stories-B0AwPpRk.js} +1 -1
  68. package/docs/assets/{BasicRichListItem-C2lY5QHc.js → BasicRichListItem-5SyClSLN.js} +1 -1
  69. package/docs/assets/{BasicRichListItem.stories-CJLLsCH2.js → BasicRichListItem.stories-BmeYvwcc.js} +2 -2
  70. package/docs/assets/{BlockadeStatus-BovI8qdo.js → BlockadeStatus-BsXZvAIL.js} +1 -1
  71. package/docs/assets/{BlockedeStatus.stories-CZqKhsVe.js → BlockedeStatus.stories-ClRpE3bZ.js} +1 -1
  72. package/docs/assets/{Button-TCMWFFTV.js → Button-BlGyuUvH.js} +1 -1
  73. package/docs/assets/{Button.stories-BP78ebL5.js → Button.stories-Ut5KitzG.js} +1 -1
  74. package/docs/assets/{CardExpandable-U3c3_RFR.js → CardExpandable-CjAv2mlM.js} +1 -1
  75. package/docs/assets/{CardExpandable.stories-CJJrRvWG.js → CardExpandable.stories-CcoVrKMp.js} +1 -1
  76. package/docs/assets/{Checkbox-Bsa7X8oN.js → Checkbox-DBDCkcql.js} +1 -1
  77. package/docs/assets/{Checkbox.stories-D_FmTwaw.js → Checkbox.stories-B--JF1-e.js} +1 -1
  78. package/docs/assets/{Chip-CTSLlUHr.js → Chip-CoQMdgxz.js} +1 -1
  79. package/docs/assets/{Chip.stories-BlDSOmpM.js → Chip.stories-6aVLme2A.js} +1 -1
  80. package/docs/assets/{Color-ERTF36HU-06Iq2w_Z.js → Color-ERTF36HU-Bgd4agbd.js} +1 -1
  81. package/docs/assets/{CounterToggle-BVPp4FeG.js → CounterToggle-B1tyHrcb.js} +1 -1
  82. package/docs/assets/{CounterToggle.stories-Bj6qyGpF.js → CounterToggle.stories-ByxrdK5a.js} +1 -1
  83. package/docs/assets/{DateBox.stories-DL_j7ydW.js → DateBox.stories-DdmSt5SP.js} +1 -1
  84. package/docs/assets/{DatePicker-CcKDLhxp.js → DatePicker-CphfRqao.js} +1 -1
  85. package/docs/assets/{DatePicker.stories-CK6I-6c-.js → DatePicker.stories-QTXcDV8x.js} +1 -1
  86. package/docs/assets/{DateRangePicker-laHPjs-v.js → DateRangePicker-BFevyPhM.js} +1 -1
  87. package/docs/assets/{DateRangePicker.stories-BtP6-oba.js → DateRangePicker.stories-DeOtJw_j.js} +1 -1
  88. package/docs/assets/{DocsRenderer-CFRXHY34-D86268a8.js → DocsRenderer-CFRXHY34-BqGlF68N.js} +5 -5
  89. package/docs/assets/{DrawerHeader-BUFtT2yY.js → DrawerHeader-D97tPP1t.js} +1 -1
  90. package/docs/assets/{DrawerHeader.stories-C2E1814K.js → DrawerHeader.stories-C5e5tJVz.js} +1 -1
  91. package/docs/assets/{DrawerListItem-BruVct4m.js → DrawerListItem-By3go0J8.js} +1 -1
  92. package/docs/assets/{DrawerListItem.stories-D5YRBGHl.js → DrawerListItem.stories-Bnmka2iO.js} +1 -1
  93. package/docs/assets/{DrawerListItemGroup.stories-Bn3gvIvs.js → DrawerListItemGroup.stories-DNKDkE6S.js} +1 -1
  94. package/docs/assets/{DrawerSection-CGE0Z89z.js → DrawerSection-DkyBHEhI.js} +1 -1
  95. package/docs/assets/{DrawerSection.stories-DanW010v.js → DrawerSection.stories-nXh59UtP.js} +1 -1
  96. package/docs/assets/{DrawerTile-C4SUdovI.js → DrawerTile-Bn3QBEM3.js} +1 -1
  97. package/docs/assets/{DrawerTile.stories-DfNjL51X.js → DrawerTile.stories-BJiXhGFF.js} +1 -1
  98. package/docs/assets/{Dropdown.stories-ARX2jFhf.js → Dropdown.stories-Bgb2T7PO.js} +1 -1
  99. package/docs/assets/{FeatureIcon-DEdW5Abw.js → FeatureIcon-DV_vwpea.js} +1 -1
  100. package/docs/assets/{FeatureIcon.stories-BvrIv3nz.js → FeatureIcon.stories-BavMJsoo.js} +1 -1
  101. package/docs/assets/{GroupRichListItem-BvMN1U8t.js → GroupRichListItem-O4THFrsv.js} +1 -1
  102. package/docs/assets/{GroupRichListItem.stories-BBLgdtH3.js → GroupRichListItem.stories-BEZOyJzl.js} +1 -1
  103. package/docs/assets/{Icon-BCID_1bx.js → Icon-D72drrb6.js} +6 -6
  104. package/docs/assets/{Icon.stories-DGcaJLbW.js → Icon.stories-D_loJzAi.js} +1 -1
  105. package/docs/assets/{IconButton-BAw3zjHF.js → IconButton-Da_zvyX7.js} +1 -1
  106. package/docs/assets/{IconButton.stories-qS45zAsa.js → IconButton.stories-DEV41Nj2.js} +1 -1
  107. package/docs/assets/{IconText-832pwWI9.js → IconText-BfNA5UTy.js} +1 -1
  108. package/docs/assets/{IconText.stories-I2fBQvxS.js → IconText.stories-Bm-mCumu.js} +1 -1
  109. package/docs/assets/{Modal-Dup6Muk_.js → Modal-e2OJqEx6.js} +1 -1
  110. package/docs/assets/{Modal.stories-BaoTM0GW.js → Modal.stories-C-gPjZ8I.js} +1 -1
  111. package/docs/assets/{ModalDialog-DOx_9BEj.js → ModalDialog-BcTTN7PD.js} +1 -1
  112. package/docs/assets/{ModalDialog.stories-D8jVrVFf.js → ModalDialog.stories-B2kXr7sL.js} +1 -1
  113. package/docs/assets/{OutlineItem-BsB-mMO_.js → OutlineItem-C5cknxOM.js} +1 -1
  114. package/docs/assets/{OutlineItem.stories-BWjCGXmh.js → OutlineItem.stories-CICRx4vQ.js} +1 -1
  115. package/docs/assets/{OverlayHeader-IVWPOkcc.js → OverlayHeader-5R2Jm9fs.js} +1 -1
  116. package/docs/assets/{OverlayHeader.stories-Bfs3IIBX.js → OverlayHeader.stories-BA01siTU.js} +1 -1
  117. package/docs/assets/{Pagination-bDyh9QNI.js → Pagination-BfHdJXPr.js} +1 -1
  118. package/docs/assets/{Pagination.stories-UEaZytU1.js → Pagination.stories-raD7KfI2.js} +1 -1
  119. package/docs/assets/{PopOver-D3l-RPQg.js → PopOver-BWwOLXJP.js} +1 -1
  120. package/docs/assets/{PopOver.stories-3vKhXSoG.js → PopOver.stories-vM1d9Vff.js} +1 -1
  121. package/docs/assets/{ProgressBar-CS0FvbKL.js → ProgressBar-BOZMVymY.js} +1 -1
  122. package/docs/assets/{ProgressBar.stories-D3hrlw5G.js → ProgressBar.stories-D_QQfH1F.js} +1 -1
  123. package/docs/assets/{ProgressDonutChart-Ds7o43EP.js → ProgressDonutChart-BWyCd55w.js} +1 -1
  124. package/docs/assets/{ProgressDonutChart.stories-D6gMV_Gy.js → ProgressDonutChart.stories-Dlv29dAf.js} +1 -1
  125. package/docs/assets/{RadioButton-CPXnEX35.js → RadioButton-L8hnF8sH.js} +1 -1
  126. package/docs/assets/{RadioButton.stories-BcRXcnlp.js → RadioButton.stories-BUJXHXGa.js} +1 -1
  127. package/docs/assets/{RichListItem.stories-xEDsV2D_.js → RichListItem.stories-NraC9DuF.js} +2 -2
  128. package/docs/assets/{SectionHeader-uor_aNAH.js → SectionHeader-WXMwcaWe.js} +1 -1
  129. package/docs/assets/{SectionHeader.stories-CPacayR1.js → SectionHeader.stories-D0Ta5y-c.js} +1 -1
  130. package/docs/assets/{SelectList.stories-B-sk3_IU.js → SelectList.stories-_qOcDSsN.js} +1 -1
  131. package/docs/assets/{SelectListItem-CwQPayet.js → SelectListItem-DHqmJFi_.js} +1 -1
  132. package/docs/assets/{SelectListItem.stories-Czz_7goW.js → SelectListItem.stories-BrQwuqXQ.js} +1 -1
  133. package/docs/assets/{SelectListItemTile-BS64oXam.js → SelectListItemTile-pCS7yK08.js} +1 -1
  134. package/docs/assets/{SelectListItemTile.stories-B0tSdA5I.js → SelectListItemTile.stories-CwdlpMd7.js} +1 -1
  135. package/docs/assets/{SelectListItemToggle-6Qc40Pdh.js → SelectListItemToggle-GN-0OBDP.js} +1 -1
  136. package/docs/assets/{SelectListItemToggle.stories-Du5NmLzv.js → SelectListItemToggle.stories-C4txWtg4.js} +1 -1
  137. package/docs/assets/{SelectionControl-KJWkMhCz.js → SelectionControl-BL5uVF9q.js} +1 -1
  138. package/docs/assets/{SelectionTile-DSpUGzPs.js → SelectionTile-Bxj2H72X.js} +2 -2
  139. package/docs/assets/{SelectionTile.stories-WMHY5FHJ.js → SelectionTile.stories-dYQOOlxh.js} +1 -1
  140. package/docs/assets/{SurveyQuestionOpenEnded-DP0hAB06.js → SurveyQuestionOpenEnded-CbCdMqdU.js} +1 -1
  141. package/docs/assets/{SurveyQuestionOpenEnded.stories-Dz2pNxN6.js → SurveyQuestionOpenEnded.stories-CMwbUI_V.js} +1 -1
  142. package/docs/assets/{SurveyQuestionScale-C0UAJdFd.js → SurveyQuestionScale-HqskoWHw.js} +1 -1
  143. package/docs/assets/{SurveyQuestionScale.stories-BFpl63w3.js → SurveyQuestionScale.stories-DIIdVIxr.js} +1 -1
  144. package/docs/assets/{SurveyToggle-CUgbE0SL.js → SurveyToggle-dFnl6u9f.js} +1 -1
  145. package/docs/assets/{SurveyToggle.stories-DtsK6lka.js → SurveyToggle.stories-VLCT1-6b.js} +1 -1
  146. package/docs/assets/{Switch-Dba5kcqg.js → Switch-B-8G1I_D.js} +1 -1
  147. package/docs/assets/{Switch.stories-DfL5rrfA.js → Switch.stories-Ce_nwq2m.js} +1 -1
  148. package/docs/assets/{TabItem-CapV8hZ1.js → TabItem-CCiBiekg.js} +1 -1
  149. package/docs/assets/{TabItem.stories-DYTyMD_u.js → TabItem.stories-DBzmY8li.js} +1 -1
  150. package/docs/assets/{Tile-cjoefzuT.js → Tile-B06IR8wJ.js} +1 -1
  151. package/docs/assets/{Tile.sb.shared-Cgo0fG1v.js → Tile.sb.shared-Co8VJ0Bz.js} +1 -1
  152. package/docs/assets/{Tile.stories-B2oKdkzl.js → Tile.stories-BUVrWgXK.js} +1 -1
  153. package/docs/assets/{Toast-tGyu8Qsr.js → Toast-DSRIG3HV.js} +1 -1
  154. package/docs/assets/{Toast.stories-BUAwdQVH.js → Toast.stories-Hel1AZl0.js} +1 -1
  155. package/docs/assets/{ToggleButton-BsVq0wUU.js → ToggleButton-F9dPtMgO.js} +1 -1
  156. package/docs/assets/{ToggleButton.stories-C88JvePy.js → ToggleButton.stories-BCgq_RVA.js} +1 -1
  157. package/docs/assets/{Tooltip.stories-DTS2hkAV.js → Tooltip.stories-Dn4_HeNw.js} +1 -1
  158. package/docs/assets/{iframe-DJBrrd4-.js → iframe-B5cbsFW6.js} +4 -3
  159. package/docs/assets/{index-C_7Ic1-A.js → index-BeQ2I55w.js} +1 -1
  160. package/docs/assets/{index-nq_4YiNl.js → index-Dtbp-BBz.js} +1 -1
  161. package/docs/assets/{preview-TdvdvCat.js → preview-D7CmhTJh.js} +2 -2
  162. package/docs/assets/preview-DKb1KTxp.js +64 -0
  163. package/docs/assets/{string-CxurpGTK.js → string-ybdEWR3p.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-hR283N6x.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',