@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.
- package/.eslintrc.cjs +2 -3
- package/dist/design-system.umd.cjs +18 -18
- package/dist/design-system.umd.cjs.map +1 -1
- package/dist/lib/js/components/Avatar/Avatar.consts.d.ts +16 -1
- package/dist/lib/js/components/Avatar/Avatar.vue.d.ts +10 -21
- package/dist/lib/js/components/Badge/Badge.consts.d.ts +24 -0
- package/dist/lib/js/components/Badge/Badge.vue.d.ts +28 -0
- package/dist/lib/js/components/Badge/index.d.ts +4 -0
- package/dist/lib/js/components/BadgeScore/BadgeScore.vue.d.ts +2 -2
- package/dist/lib/js/components/Banner/Banner.vue.d.ts +11 -7
- package/dist/lib/js/components/Buttons/Button/Button.vue.d.ts +3 -2
- package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +6 -4
- package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +2 -1
- package/dist/lib/js/components/Chip/Chip.vue.d.ts +8 -5
- package/dist/lib/js/components/DatePickers/DateBox/DateBox.vue.d.ts +2 -1
- package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +6 -4
- package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts +2 -1
- package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue.d.ts +19 -12
- package/dist/lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue.d.ts +2 -1
- package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts +11 -7
- package/dist/lib/js/components/Drawer/DrawerTile/DrawerTile.vue.d.ts +2 -1
- package/dist/lib/js/components/Form/Checkbox/Checkbox.vue.d.ts +2 -1
- package/dist/lib/js/components/Form/RadioButton/RadioButton.vue.d.ts +2 -1
- package/dist/lib/js/components/Form/SelectionControl/SelectionControl.vue.d.ts +1 -1
- package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +7 -4
- package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts +9 -6
- package/dist/lib/js/components/IconText/IconText.vue.d.ts +1 -1
- package/dist/lib/js/components/Icons/FeatureIcon/FeatureIcon.vue.d.ts +2 -2
- package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts +1 -0
- package/dist/lib/js/components/Icons/Icon/Icon.vue.d.ts +1 -1
- package/dist/lib/js/components/Modal/Modal.vue.d.ts +2 -1
- package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +15 -11
- package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +15 -11
- package/dist/lib/js/components/Outline/OutlineItem/OutlineItem.vue.d.ts +2 -1
- package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +9 -5
- package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +2 -1
- package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.vue.d.ts +2 -1
- package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +8 -6
- package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts +6 -4
- package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.vue.d.ts +2 -1
- package/dist/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue.d.ts +2 -1
- package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts +2 -1
- package/dist/lib/js/components/SelectionTile/SelectionTile.vue.d.ts +8 -5
- package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +2 -1
- package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +2 -1
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +12 -7
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +13 -8
- package/dist/lib/js/components/SurveyToggle/SurveyToggle.vue.d.ts +1 -1
- package/dist/lib/js/components/Switch/Switch.vue.d.ts +2 -1
- package/dist/lib/js/components/TabItem/TabItem.vue.d.ts +2 -2
- package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts +14 -9
- package/dist/lib/js/components/Tile/Tile.vue.d.ts +2 -1
- package/dist/lib/js/components/Toast/Toast.vue.d.ts +5 -4
- package/dist/lib/js/components/Toggles/CounterToggle/CounterToggle.vue.d.ts +1 -1
- package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts +2 -1
- package/dist/lib/js/icons/fontawesome.d.ts +1 -0
- package/dist/lib/js/index.d.ts +2 -0
- package/docs/assets/{AccessStatus-Bb89L0n4.js → AccessStatus-DAozhq98.js} +1 -1
- package/docs/assets/{AccessStatus.stories-B3_KTVWu.js → AccessStatus.stories-C6cLegp3.js} +1 -1
- package/docs/assets/Avatar-CyH7GOXC.js +1 -0
- package/docs/assets/Avatar.stories-EMICoTsv.js +37 -0
- package/docs/assets/Badge-C_DdsSZ7.js +1 -0
- package/docs/assets/Badge.stories-BdIOpCFV.js +21 -0
- package/docs/assets/{BadgeScore-VoyhoyPu.js → BadgeScore-DpNakYLf.js} +1 -1
- package/docs/assets/{BadgeScore.stories-CNY-1Nuu.js → BadgeScore.stories-B46-Fee0.js} +1 -1
- package/docs/assets/{Banner-DaqGIRps.js → Banner-BVX9uvqC.js} +1 -1
- package/docs/assets/{Banner.stories-BP7LrBw0.js → Banner.stories-B0AwPpRk.js} +1 -1
- package/docs/assets/{BasicRichListItem-C2lY5QHc.js → BasicRichListItem-5SyClSLN.js} +1 -1
- package/docs/assets/{BasicRichListItem.stories-CJLLsCH2.js → BasicRichListItem.stories-BmeYvwcc.js} +2 -2
- package/docs/assets/{BlockadeStatus-BovI8qdo.js → BlockadeStatus-BsXZvAIL.js} +1 -1
- package/docs/assets/{BlockedeStatus.stories-CZqKhsVe.js → BlockedeStatus.stories-ClRpE3bZ.js} +1 -1
- package/docs/assets/{Button-TCMWFFTV.js → Button-BlGyuUvH.js} +1 -1
- package/docs/assets/{Button.stories-BP78ebL5.js → Button.stories-Ut5KitzG.js} +1 -1
- package/docs/assets/{CardExpandable-U3c3_RFR.js → CardExpandable-CjAv2mlM.js} +1 -1
- package/docs/assets/{CardExpandable.stories-CJJrRvWG.js → CardExpandable.stories-CcoVrKMp.js} +1 -1
- package/docs/assets/{Checkbox-Bsa7X8oN.js → Checkbox-DBDCkcql.js} +1 -1
- package/docs/assets/{Checkbox.stories-D_FmTwaw.js → Checkbox.stories-B--JF1-e.js} +1 -1
- package/docs/assets/{Chip-CTSLlUHr.js → Chip-CoQMdgxz.js} +1 -1
- package/docs/assets/{Chip.stories-BlDSOmpM.js → Chip.stories-6aVLme2A.js} +1 -1
- package/docs/assets/{Color-ERTF36HU-06Iq2w_Z.js → Color-ERTF36HU-Bgd4agbd.js} +1 -1
- package/docs/assets/{CounterToggle-BVPp4FeG.js → CounterToggle-B1tyHrcb.js} +1 -1
- package/docs/assets/{CounterToggle.stories-Bj6qyGpF.js → CounterToggle.stories-ByxrdK5a.js} +1 -1
- package/docs/assets/{DateBox.stories-DL_j7ydW.js → DateBox.stories-DdmSt5SP.js} +1 -1
- package/docs/assets/{DatePicker-CcKDLhxp.js → DatePicker-CphfRqao.js} +1 -1
- package/docs/assets/{DatePicker.stories-CK6I-6c-.js → DatePicker.stories-QTXcDV8x.js} +1 -1
- package/docs/assets/{DateRangePicker-laHPjs-v.js → DateRangePicker-BFevyPhM.js} +1 -1
- package/docs/assets/{DateRangePicker.stories-BtP6-oba.js → DateRangePicker.stories-DeOtJw_j.js} +1 -1
- package/docs/assets/{DocsRenderer-CFRXHY34-D86268a8.js → DocsRenderer-CFRXHY34-BqGlF68N.js} +5 -5
- package/docs/assets/{DrawerHeader-BUFtT2yY.js → DrawerHeader-D97tPP1t.js} +1 -1
- package/docs/assets/{DrawerHeader.stories-C2E1814K.js → DrawerHeader.stories-C5e5tJVz.js} +1 -1
- package/docs/assets/{DrawerListItem-BruVct4m.js → DrawerListItem-By3go0J8.js} +1 -1
- package/docs/assets/{DrawerListItem.stories-D5YRBGHl.js → DrawerListItem.stories-Bnmka2iO.js} +1 -1
- package/docs/assets/{DrawerListItemGroup.stories-Bn3gvIvs.js → DrawerListItemGroup.stories-DNKDkE6S.js} +1 -1
- package/docs/assets/{DrawerSection-CGE0Z89z.js → DrawerSection-DkyBHEhI.js} +1 -1
- package/docs/assets/{DrawerSection.stories-DanW010v.js → DrawerSection.stories-nXh59UtP.js} +1 -1
- package/docs/assets/{DrawerTile-C4SUdovI.js → DrawerTile-Bn3QBEM3.js} +1 -1
- package/docs/assets/{DrawerTile.stories-DfNjL51X.js → DrawerTile.stories-BJiXhGFF.js} +1 -1
- package/docs/assets/{Dropdown.stories-ARX2jFhf.js → Dropdown.stories-Bgb2T7PO.js} +1 -1
- package/docs/assets/{FeatureIcon-DEdW5Abw.js → FeatureIcon-DV_vwpea.js} +1 -1
- package/docs/assets/{FeatureIcon.stories-BvrIv3nz.js → FeatureIcon.stories-BavMJsoo.js} +1 -1
- package/docs/assets/{GroupRichListItem-BvMN1U8t.js → GroupRichListItem-O4THFrsv.js} +1 -1
- package/docs/assets/{GroupRichListItem.stories-BBLgdtH3.js → GroupRichListItem.stories-BEZOyJzl.js} +1 -1
- package/docs/assets/{Icon-BCID_1bx.js → Icon-D72drrb6.js} +6 -6
- package/docs/assets/{Icon.stories-DGcaJLbW.js → Icon.stories-D_loJzAi.js} +1 -1
- package/docs/assets/{IconButton-BAw3zjHF.js → IconButton-Da_zvyX7.js} +1 -1
- package/docs/assets/{IconButton.stories-qS45zAsa.js → IconButton.stories-DEV41Nj2.js} +1 -1
- package/docs/assets/{IconText-832pwWI9.js → IconText-BfNA5UTy.js} +1 -1
- package/docs/assets/{IconText.stories-I2fBQvxS.js → IconText.stories-Bm-mCumu.js} +1 -1
- package/docs/assets/{Modal-Dup6Muk_.js → Modal-e2OJqEx6.js} +1 -1
- package/docs/assets/{Modal.stories-BaoTM0GW.js → Modal.stories-C-gPjZ8I.js} +1 -1
- package/docs/assets/{ModalDialog-DOx_9BEj.js → ModalDialog-BcTTN7PD.js} +1 -1
- package/docs/assets/{ModalDialog.stories-D8jVrVFf.js → ModalDialog.stories-B2kXr7sL.js} +1 -1
- package/docs/assets/{OutlineItem-BsB-mMO_.js → OutlineItem-C5cknxOM.js} +1 -1
- package/docs/assets/{OutlineItem.stories-BWjCGXmh.js → OutlineItem.stories-CICRx4vQ.js} +1 -1
- package/docs/assets/{OverlayHeader-IVWPOkcc.js → OverlayHeader-5R2Jm9fs.js} +1 -1
- package/docs/assets/{OverlayHeader.stories-Bfs3IIBX.js → OverlayHeader.stories-BA01siTU.js} +1 -1
- package/docs/assets/{Pagination-bDyh9QNI.js → Pagination-BfHdJXPr.js} +1 -1
- package/docs/assets/{Pagination.stories-UEaZytU1.js → Pagination.stories-raD7KfI2.js} +1 -1
- package/docs/assets/{PopOver-D3l-RPQg.js → PopOver-BWwOLXJP.js} +1 -1
- package/docs/assets/{PopOver.stories-3vKhXSoG.js → PopOver.stories-vM1d9Vff.js} +1 -1
- package/docs/assets/{ProgressBar-CS0FvbKL.js → ProgressBar-BOZMVymY.js} +1 -1
- package/docs/assets/{ProgressBar.stories-D3hrlw5G.js → ProgressBar.stories-D_QQfH1F.js} +1 -1
- package/docs/assets/{ProgressDonutChart-Ds7o43EP.js → ProgressDonutChart-BWyCd55w.js} +1 -1
- package/docs/assets/{ProgressDonutChart.stories-D6gMV_Gy.js → ProgressDonutChart.stories-Dlv29dAf.js} +1 -1
- package/docs/assets/{RadioButton-CPXnEX35.js → RadioButton-L8hnF8sH.js} +1 -1
- package/docs/assets/{RadioButton.stories-BcRXcnlp.js → RadioButton.stories-BUJXHXGa.js} +1 -1
- package/docs/assets/{RichListItem.stories-xEDsV2D_.js → RichListItem.stories-NraC9DuF.js} +2 -2
- package/docs/assets/{SectionHeader-uor_aNAH.js → SectionHeader-WXMwcaWe.js} +1 -1
- package/docs/assets/{SectionHeader.stories-CPacayR1.js → SectionHeader.stories-D0Ta5y-c.js} +1 -1
- package/docs/assets/{SelectList.stories-B-sk3_IU.js → SelectList.stories-_qOcDSsN.js} +1 -1
- package/docs/assets/{SelectListItem-CwQPayet.js → SelectListItem-DHqmJFi_.js} +1 -1
- package/docs/assets/{SelectListItem.stories-Czz_7goW.js → SelectListItem.stories-BrQwuqXQ.js} +1 -1
- package/docs/assets/{SelectListItemTile-BS64oXam.js → SelectListItemTile-pCS7yK08.js} +1 -1
- package/docs/assets/{SelectListItemTile.stories-B0tSdA5I.js → SelectListItemTile.stories-CwdlpMd7.js} +1 -1
- package/docs/assets/{SelectListItemToggle-6Qc40Pdh.js → SelectListItemToggle-GN-0OBDP.js} +1 -1
- package/docs/assets/{SelectListItemToggle.stories-Du5NmLzv.js → SelectListItemToggle.stories-C4txWtg4.js} +1 -1
- package/docs/assets/{SelectionControl-KJWkMhCz.js → SelectionControl-BL5uVF9q.js} +1 -1
- package/docs/assets/{SelectionTile-DSpUGzPs.js → SelectionTile-Bxj2H72X.js} +2 -2
- package/docs/assets/{SelectionTile.stories-WMHY5FHJ.js → SelectionTile.stories-dYQOOlxh.js} +1 -1
- package/docs/assets/{SurveyQuestionOpenEnded-DP0hAB06.js → SurveyQuestionOpenEnded-CbCdMqdU.js} +1 -1
- package/docs/assets/{SurveyQuestionOpenEnded.stories-Dz2pNxN6.js → SurveyQuestionOpenEnded.stories-CMwbUI_V.js} +1 -1
- package/docs/assets/{SurveyQuestionScale-C0UAJdFd.js → SurveyQuestionScale-HqskoWHw.js} +1 -1
- package/docs/assets/{SurveyQuestionScale.stories-BFpl63w3.js → SurveyQuestionScale.stories-DIIdVIxr.js} +1 -1
- package/docs/assets/{SurveyToggle-CUgbE0SL.js → SurveyToggle-dFnl6u9f.js} +1 -1
- package/docs/assets/{SurveyToggle.stories-DtsK6lka.js → SurveyToggle.stories-VLCT1-6b.js} +1 -1
- package/docs/assets/{Switch-Dba5kcqg.js → Switch-B-8G1I_D.js} +1 -1
- package/docs/assets/{Switch.stories-DfL5rrfA.js → Switch.stories-Ce_nwq2m.js} +1 -1
- package/docs/assets/{TabItem-CapV8hZ1.js → TabItem-CCiBiekg.js} +1 -1
- package/docs/assets/{TabItem.stories-DYTyMD_u.js → TabItem.stories-DBzmY8li.js} +1 -1
- package/docs/assets/{Tile-cjoefzuT.js → Tile-B06IR8wJ.js} +1 -1
- package/docs/assets/{Tile.sb.shared-Cgo0fG1v.js → Tile.sb.shared-Co8VJ0Bz.js} +1 -1
- package/docs/assets/{Tile.stories-B2oKdkzl.js → Tile.stories-BUVrWgXK.js} +1 -1
- package/docs/assets/{Toast-tGyu8Qsr.js → Toast-DSRIG3HV.js} +1 -1
- package/docs/assets/{Toast.stories-BUAwdQVH.js → Toast.stories-Hel1AZl0.js} +1 -1
- package/docs/assets/{ToggleButton-BsVq0wUU.js → ToggleButton-F9dPtMgO.js} +1 -1
- package/docs/assets/{ToggleButton.stories-C88JvePy.js → ToggleButton.stories-BCgq_RVA.js} +1 -1
- package/docs/assets/{Tooltip.stories-DTS2hkAV.js → Tooltip.stories-Dn4_HeNw.js} +1 -1
- package/docs/assets/{iframe-DJBrrd4-.js → iframe-B5cbsFW6.js} +4 -3
- package/docs/assets/{index-C_7Ic1-A.js → index-BeQ2I55w.js} +1 -1
- package/docs/assets/{index-nq_4YiNl.js → index-Dtbp-BBz.js} +1 -1
- package/docs/assets/{preview-TdvdvCat.js → preview-D7CmhTJh.js} +2 -2
- package/docs/assets/preview-DKb1KTxp.js +64 -0
- package/docs/assets/{string-CxurpGTK.js → string-ybdEWR3p.js} +1 -1
- package/docs/iframe.html +1 -1
- package/docs/index.json +1 -1
- package/docs/project.json +1 -1
- package/lib/js/components/Avatar/Avatar.consts.ts +20 -1
- package/lib/js/components/Avatar/Avatar.spec.ts +83 -3
- package/lib/js/components/Avatar/Avatar.stories.ts +24 -4
- package/lib/js/components/Avatar/Avatar.vue +210 -46
- package/lib/js/components/Badge/Badge.consts.ts +29 -0
- package/lib/js/components/Badge/Badge.spec.ts +168 -0
- package/lib/js/components/Badge/Badge.stories.ts +99 -0
- package/lib/js/components/Badge/Badge.vue +297 -0
- package/lib/js/components/Badge/index.ts +4 -0
- package/lib/js/components/Chip/Chip.stories.ts +1 -1
- package/lib/js/icons/fontawesome.ts +2 -0
- package/lib/js/index.ts +2 -0
- package/package.json +3 -2
- package/docs/assets/Avatar-OqeGv3bT.js +0 -1
- package/docs/assets/Avatar.stories-Ran7nhCi.js +0 -35
- package/docs/assets/preview-hR283N6x.js +0 -64
- /package/lib/{js/components/Chip → images}/logo-badge.svg +0 -0
package/docs/index.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"v":5,"entries":{"foundations-colors-raw--raw":{"type":"story","id":"foundations-colors-raw--raw","name":"Raw","title":"foundations/Colors/Raw","importPath":"./lib/js/styles/Colors/Colors.stories.ts","componentPath":"./lib/js/styles/ItemsList.vue","tags":["dev","test"]},"foundations-colors-theme--theme":{"type":"story","id":"foundations-colors-theme--theme","name":"Theme","title":"foundations/Colors/Theme","importPath":"./lib/js/styles/ColorsThemes/ColorsThemes.stories.ts","componentPath":"./lib/js/styles/ItemsList.vue","tags":["dev","test"]},"foundations-design-tokens-color-tokens-lms--lms":{"type":"story","id":"foundations-design-tokens-color-tokens-lms--lms","name":"LMS","title":"foundations/Design Tokens/Color Tokens/LMS","importPath":"./lib/js/styles/ColorsTokensLms/ColorsTokensLms.stories.ts","componentPath":"./lib/js/styles/ItemsList.vue","tags":["dev","test"]},"foundations-design-tokens-color-tokens-primary-wnl--primary-wnl":{"type":"story","id":"foundations-design-tokens-color-tokens-primary-wnl--primary-wnl","name":"Primary WNL","title":"foundations/Design Tokens/Color Tokens/Primary WNL","importPath":"./lib/js/styles/ColorsTokensPrimaryWnl/ColorsTokensPrimaryWnl.stories.ts","componentPath":"./lib/js/styles/ItemsList.vue","tags":["dev","test"]},"foundations-design-tokens-color-tokens-primary-bodywork--primary-bodywork":{"type":"story","id":"foundations-design-tokens-color-tokens-primary-bodywork--primary-bodywork","name":"Primary Bodywork","title":"foundations/Design Tokens/Color Tokens/Primary Bodywork","importPath":"./lib/js/styles/ColorsTokensPrimaryBodywork/ColorsTokensPrimaryBodywork.stories.ts","componentPath":"./lib/js/styles/ItemsList.vue","tags":["dev","test"]},"foundations-design-tokens-typography-tokens-lms--lms":{"type":"story","id":"foundations-design-tokens-typography-tokens-lms--lms","name":"LMS","title":"foundations/Design Tokens/Typography Tokens/LMS","importPath":"./lib/js/styles/TypographyTokensLms/TypographyTokensLms.stories.ts","componentPath":"./lib/js/styles/ItemsList.vue","tags":["dev","test"]},"foundations-borders--static":{"type":"story","id":"foundations-borders--static","name":"Static","title":"foundations/Borders","importPath":"./lib/js/styles/Borders/BorderSizes.stories.ts","tags":["dev","test"]},"foundations-spacings--interactive":{"type":"story","id":"foundations-spacings--interactive","name":"Interactive","title":"foundations/Spacings","importPath":"./lib/js/styles/Spacings/Spacings.stories.ts","tags":["dev","test"]},"foundations-typography-variables--variables":{"type":"story","id":"foundations-typography-variables--variables","name":"Variables","title":"foundations/Typography/Variables","importPath":"./lib/js/styles/TypographyVariables/TypographyVariables.stories.ts","componentPath":"./lib/js/styles/ItemsList.vue","tags":["dev","test"]},"components-avatar--interactive":{"type":"story","id":"components-avatar--interactive","name":"Interactive","title":"Components/Avatar","importPath":"./lib/js/components/Avatar/Avatar.stories.ts","componentPath":"./lib/js/components/Avatar/Avatar.vue","tags":["dev","test"]},"components-avatar--colors":{"type":"story","id":"components-avatar--colors","name":"Colors","title":"Components/Avatar","importPath":"./lib/js/components/Avatar/Avatar.stories.ts","componentPath":"./lib/js/components/Avatar/Avatar.vue","tags":["dev","test"]},"components-badges-badgescore--interactive":{"type":"story","id":"components-badges-badgescore--interactive","name":"Interactive","title":"Components/Badges/BadgeScore","importPath":"./lib/js/components/BadgeScore/BadgeScore.stories.ts","componentPath":"./lib/js/components/BadgeScore/BadgeScore.vue","tags":["dev","test"]},"components-badges-badgescore--min-width":{"type":"story","id":"components-badges-badgescore--min-width","name":"Min Width","title":"Components/Badges/BadgeScore","importPath":"./lib/js/components/BadgeScore/BadgeScore.stories.ts","componentPath":"./lib/js/components/BadgeScore/BadgeScore.vue","tags":["dev","test"]},"components-badges-badgescore--full-width":{"type":"story","id":"components-badges-badgescore--full-width","name":"Full Width","title":"Components/Badges/BadgeScore","importPath":"./lib/js/components/BadgeScore/BadgeScore.stories.ts","componentPath":"./lib/js/components/BadgeScore/BadgeScore.vue","tags":["dev","test"]},"components-banner--interactive":{"type":"story","id":"components-banner--interactive","name":"Interactive","title":"Components/Banner","importPath":"./lib/js/components/Banner/Banner.stories.ts","componentPath":"./lib/js/components/Banner/Banner.vue","tags":["dev","test"]},"components-buttons-button--interactive":{"type":"story","id":"components-buttons-button--interactive","name":"Interactive","title":"Components/Buttons/Button","importPath":"./lib/js/components/Buttons/Button/Button.stories.ts","componentPath":"./lib/js/components/Buttons/Button/Button.vue","tags":["dev","test"]},"components-buttons-iconbutton--interactive":{"type":"story","id":"components-buttons-iconbutton--interactive","name":"Interactive","title":"Components/Buttons/IconButton","importPath":"./lib/js/components/Buttons/IconButton/IconButton.stories.ts","componentPath":"./lib/js/components/Buttons/IconButton/IconButton.vue","tags":["dev","test"]},"components-buttons-iconbutton--filled-with-label":{"type":"story","id":"components-buttons-iconbutton--filled-with-label","name":"Filled With Label","title":"Components/Buttons/IconButton","importPath":"./lib/js/components/Buttons/IconButton/IconButton.stories.ts","componentPath":"./lib/js/components/Buttons/IconButton/IconButton.vue","tags":["dev","test"]},"components-buttons-iconbutton--outlined-rounded":{"type":"story","id":"components-buttons-iconbutton--outlined-rounded","name":"Outlined Rounded","title":"Components/Buttons/IconButton","importPath":"./lib/js/components/Buttons/IconButton/IconButton.stories.ts","componentPath":"./lib/js/components/Buttons/IconButton/IconButton.vue","tags":["dev","test"]},"components-buttons-iconbutton--filled-primary":{"type":"story","id":"components-buttons-iconbutton--filled-primary","name":"Filled Primary","title":"Components/Buttons/IconButton","importPath":"./lib/js/components/Buttons/IconButton/IconButton.stories.ts","componentPath":"./lib/js/components/Buttons/IconButton/IconButton.vue","tags":["dev","test"]},"components-buttons-iconbutton--icon-only-info":{"type":"story","id":"components-buttons-iconbutton--icon-only-info","name":"Icon Only Info","title":"Components/Buttons/IconButton","importPath":"./lib/js/components/Buttons/IconButton/IconButton.stories.ts","componentPath":"./lib/js/components/Buttons/IconButton/IconButton.vue","tags":["dev","test"]},"components-buttons-iconbutton--icon-only-warning":{"type":"story","id":"components-buttons-iconbutton--icon-only-warning","name":"Icon Only Warning","title":"Components/Buttons/IconButton","importPath":"./lib/js/components/Buttons/IconButton/IconButton.stories.ts","componentPath":"./lib/js/components/Buttons/IconButton/IconButton.vue","tags":["dev","test"]},"components-cards-card--interactive":{"type":"story","id":"components-cards-card--interactive","name":"Interactive","title":"Components/Cards/Card","importPath":"./lib/js/components/Cards/Card/Card.stories.ts","componentPath":"./lib/js/components/Cards/Card/Card.vue","tags":["dev","test"]},"components-cards-cardexpandable--interactive":{"type":"story","id":"components-cards-cardexpandable--interactive","name":"Interactive","title":"Components/Cards/CardExpandable","importPath":"./lib/js/components/Cards/CardExpandable/CardExpandable.stories.ts","componentPath":"./lib/js/components/Cards/CardExpandable/CardExpandable.vue","tags":["dev","test"]},"components-chip--interactive":{"type":"story","id":"components-chip--interactive","name":"Interactive","title":"Components/Chip","importPath":"./lib/js/components/Chip/Chip.stories.ts","componentPath":"./lib/js/components/Chip/Chip.vue","tags":["dev","test"]},"components-chip--interactive-with-accessory":{"type":"story","id":"components-chip--interactive-with-accessory","name":"Interactive With Accessory","title":"Components/Chip","importPath":"./lib/js/components/Chip/Chip.stories.ts","componentPath":"./lib/js/components/Chip/Chip.vue","tags":["dev","test"]},"components-datepickers-datebox--interactive":{"type":"story","id":"components-datepickers-datebox--interactive","name":"Interactive","title":"Components/DatePickers/DateBox","importPath":"./lib/js/components/DatePickers/DateBox/DateBox.stories.ts","componentPath":"./lib/js/components/DatePickers/DateBox/index.ts","tags":["dev","test"]},"components-datepickers-datepicker--interactive":{"type":"story","id":"components-datepickers-datepicker--interactive","name":"Interactive","title":"Components/DatePickers/DatePicker","importPath":"./lib/js/components/DatePickers/DatePicker/DatePicker.stories.ts","componentPath":"./lib/js/components/DatePickers/DatePicker/DatePicker.vue","tags":["dev","test"]},"components-datepickers-datepicker--scrollable-container":{"type":"story","id":"components-datepickers-datepicker--scrollable-container","name":"Scrollable Container","title":"Components/DatePickers/DatePicker","importPath":"./lib/js/components/DatePickers/DatePicker/DatePicker.stories.ts","componentPath":"./lib/js/components/DatePickers/DatePicker/DatePicker.vue","tags":["dev","test"]},"components-datepickers-daterangepicker--interactive":{"type":"story","id":"components-datepickers-daterangepicker--interactive","name":"Interactive","title":"Components/DatePickers/DateRangePicker","importPath":"./lib/js/components/DatePickers/DateRangePicker/DateRangePicker.stories.ts","componentPath":"./lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue","tags":["dev","test"]},"components-divider--interactive":{"type":"story","id":"components-divider--interactive","name":"Interactive","title":"Components/Divider","importPath":"./lib/js/components/Divider/Divider.stories.ts","componentPath":"./lib/js/components/Divider/Divider.vue","tags":["dev","test"]},"components-drawer--interactive":{"type":"story","id":"components-drawer--interactive","name":"Interactive","title":"Components/Drawer","importPath":"./lib/js/components/Drawer/Drawer.stories.ts","componentPath":"./lib/js/components/Drawer/Drawer.vue","tags":["dev","test"]},"components-drawer-drawercontent--static":{"type":"story","id":"components-drawer-drawercontent--static","name":"Static","title":"Components/Drawer/DrawerContent","importPath":"./lib/js/components/Drawer/DrawerContent/DrawerContent.stories.ts","componentPath":"./lib/js/components/Drawer/DrawerContent/DrawerContent.vue","tags":["dev","test"]},"components-drawer-drawerdivider--interactive":{"type":"story","id":"components-drawer-drawerdivider--interactive","name":"Interactive","title":"Components/Drawer/DrawerDivider","importPath":"./lib/js/components/Drawer/DrawerDivider/DrawerDivider.stories.ts","componentPath":"./lib/js/components/Drawer/DrawerDivider/DrawerDivider.vue","tags":["dev","test"]},"components-drawer-drawerheader--interactive":{"type":"story","id":"components-drawer-drawerheader--interactive","name":"Interactive","title":"Components/Drawer/DrawerHeader","importPath":"./lib/js/components/Drawer/DrawerHeader/DrawerHeader.stories.ts","componentPath":"./lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue","tags":["dev","test"]},"components-drawer-drawerlistitem--interactive":{"type":"story","id":"components-drawer-drawerlistitem--interactive","name":"Interactive","title":"Components/Drawer/DrawerListItem","importPath":"./lib/js/components/Drawer/DrawerListItem/DrawerListItem.stories.ts","componentPath":"./lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue","tags":["dev","test"]},"components-drawer-drawerlistitemgroup--static":{"type":"story","id":"components-drawer-drawerlistitemgroup--static","name":"Static","title":"Components/Drawer/DrawerListItemGroup","importPath":"./lib/js/components/Drawer/DrawerListItemGroup/DrawerListItemGroup.stories.ts","componentPath":"./lib/js/components/Drawer/DrawerListItemGroup/DrawerListItemGroup.vue","tags":["dev","test"]},"components-drawer-drawersection--interactive":{"type":"story","id":"components-drawer-drawersection--interactive","name":"Interactive","title":"Components/Drawer/DrawerSection","importPath":"./lib/js/components/Drawer/DrawerSection/DrawerSection.stories.ts","componentPath":"./lib/js/components/Drawer/DrawerSection/DrawerSection.vue","tags":["dev","test"]},"components-drawer-drawertile--interactive":{"type":"story","id":"components-drawer-drawertile--interactive","name":"Interactive","title":"Components/Drawer/DrawerTile","importPath":"./lib/js/components/Drawer/DrawerTile/DrawerTile.stories.ts","componentPath":"./lib/js/components/Drawer/DrawerTile/DrawerTile.vue","tags":["dev","test"]},"components-dropdown--interactive":{"type":"story","id":"components-dropdown--interactive","name":"Interactive","title":"Components/Dropdown","importPath":"./lib/js/components/Dropdown/Dropdown.stories.ts","componentPath":"./lib/js/components/Dropdown/Dropdown.vue","tags":["dev","test"]},"components-form-checkbox--interactive":{"type":"story","id":"components-form-checkbox--interactive","name":"Interactive","title":"Components/Form/Checkbox","importPath":"./lib/js/components/Form/Checkbox/Checkbox.stories.ts","componentPath":"./lib/js/components/Form/Checkbox/Checkbox.vue","tags":["dev","test"]},"components-form-radiobutton--interactive":{"type":"story","id":"components-form-radiobutton--interactive","name":"Interactive","title":"Components/Form/RadioButton","importPath":"./lib/js/components/Form/RadioButton/RadioButton.stories.ts","componentPath":"./lib/js/components/Form/RadioButton/RadioButton.vue","tags":["dev","test"]},"components-headers-overlayheader--interactive":{"type":"story","id":"components-headers-overlayheader--interactive","name":"Interactive","title":"Components/Headers/OverlayHeader","importPath":"./lib/js/components/Headers/OverlayHeader/OverlayHeader.stories.ts","componentPath":"./lib/js/components/Headers/OverlayHeader/OverlayHeader.vue","tags":["dev","test"]},"components-headers-pageheader--interactive":{"type":"story","id":"components-headers-pageheader--interactive","name":"Interactive","title":"Components/Headers/PageHeader","importPath":"./lib/js/components/Headers/PageHeader/PageHeader.stories.ts","componentPath":"./lib/js/components/Headers/PageHeader/PageHeader.vue","tags":["dev","test"]},"components-headers-sectionheader--interactive":{"type":"story","id":"components-headers-sectionheader--interactive","name":"Interactive","title":"Components/Headers/SectionHeader","importPath":"./lib/js/components/Headers/SectionHeader/SectionHeader.stories.ts","componentPath":"./lib/js/components/Headers/SectionHeader/SectionHeader.vue","tags":["dev","test"]},"components-icontext--interactive":{"type":"story","id":"components-icontext--interactive","name":"Interactive","title":"Components/IconText","importPath":"./lib/js/components/IconText/IconText.stories.ts","componentPath":"./lib/js/components/IconText/IconText.vue","tags":["dev","test"]},"components-icons-featureicon--interactive":{"type":"story","id":"components-icons-featureicon--interactive","name":"Interactive","title":"Components/Icons/FeatureIcon","importPath":"./lib/js/components/Icons/FeatureIcon/FeatureIcon.stories.ts","componentPath":"./lib/js/components/Icons/FeatureIcon/FeatureIcon.vue","tags":["dev","test"]},"components-icons-icon--interactive":{"type":"story","id":"components-icons-icon--interactive","name":"Interactive","title":"Components/Icons/Icon","importPath":"./lib/js/components/Icons/Icon/Icon.stories.ts","componentPath":"./lib/js/components/Icons/Icon/Icon.vue","tags":["dev","test"]},"components-icons-icon--all-icons":{"type":"story","id":"components-icons-icon--all-icons","name":"All Icons","title":"Components/Icons/Icon","importPath":"./lib/js/components/Icons/Icon/Icon.stories.ts","componentPath":"./lib/js/components/Icons/Icon/Icon.vue","tags":["dev","test"]},"components-image--interactive":{"type":"story","id":"components-image--interactive","name":"Interactive","title":"Components/Image","importPath":"./lib/js/components/Image/Image.stories.ts","componentPath":"./lib/js/components/Image/Image.vue","tags":["dev","test"]},"components-layouts-threecolumnlayout--interactive":{"type":"story","id":"components-layouts-threecolumnlayout--interactive","name":"Interactive","title":"Components/Layouts/ThreeColumnLayout","importPath":"./lib/js/components/Layouts/ThreeColumnLayout/ThreeColumnLayout.stories.ts","componentPath":"./lib/js/components/Layouts/ThreeColumnLayout/ThreeColumnLayout.vue","tags":["dev","test"]},"components-loadingbar--interactive":{"type":"story","id":"components-loadingbar--interactive","name":"Interactive","title":"Components/LoadingBar","importPath":"./lib/js/components/LoadingBar/LoadingBar.stories.ts","componentPath":"./lib/js/components/LoadingBar/LoadingBar.vue","tags":["dev","test"]},"components-modals-modal--interactive":{"type":"story","id":"components-modals-modal--interactive","name":"Interactive","title":"Components/Modals/Modal","importPath":"./lib/js/components/Modals/Modal/Modal.stories.ts","componentPath":"./lib/js/components/Modals/Modal/Modal.vue","tags":["dev","test"]},"components-modals-modal--danger":{"type":"story","id":"components-modals-modal--danger","name":"Danger","title":"Components/Modals/Modal","importPath":"./lib/js/components/Modals/Modal/Modal.stories.ts","componentPath":"./lib/js/components/Modals/Modal/Modal.vue","tags":["dev","test"]},"components-modals-modal--with-image":{"type":"story","id":"components-modals-modal--with-image","name":"With Image","title":"Components/Modals/Modal","importPath":"./lib/js/components/Modals/Modal/Modal.stories.ts","componentPath":"./lib/js/components/Modals/Modal/Modal.vue","tags":["dev","test"]},"components-modals-modal--size-s-and-centered":{"type":"story","id":"components-modals-modal--size-s-and-centered","name":"Size S And Centered","title":"Components/Modals/Modal","importPath":"./lib/js/components/Modals/Modal/Modal.stories.ts","componentPath":"./lib/js/components/Modals/Modal/Modal.vue","tags":["dev","test"]},"components-modals-modaldialog--interactive":{"type":"story","id":"components-modals-modaldialog--interactive","name":"Interactive","title":"Components/Modals/ModalDialog","importPath":"./lib/js/components/Modals/ModalDialog/ModalDialog.stories.ts","componentPath":"./lib/js/components/Modals/ModalDialog/ModalDialog.vue","tags":["dev","test"]},"components-modals-modaldialog--danger":{"type":"story","id":"components-modals-modaldialog--danger","name":"Danger","title":"Components/Modals/ModalDialog","importPath":"./lib/js/components/Modals/ModalDialog/ModalDialog.stories.ts","componentPath":"./lib/js/components/Modals/ModalDialog/ModalDialog.vue","tags":["dev","test"]},"components-modals-modaldialog--with-image":{"type":"story","id":"components-modals-modaldialog--with-image","name":"With Image","title":"Components/Modals/ModalDialog","importPath":"./lib/js/components/Modals/ModalDialog/ModalDialog.stories.ts","componentPath":"./lib/js/components/Modals/ModalDialog/ModalDialog.vue","tags":["dev","test"]},"components-numberincircle--interactive":{"type":"story","id":"components-numberincircle--interactive","name":"Interactive","title":"Components/NumberInCircle","importPath":"./lib/js/components/NumberInCircle/NumberInCircle.stories.ts","componentPath":"./lib/js/components/NumberInCircle/NumberInCircle.vue","tags":["dev","test"]},"components-outline-outlinedivider--interactive":{"type":"story","id":"components-outline-outlinedivider--interactive","name":"Interactive","title":"Components/Outline/OutlineDivider","importPath":"./lib/js/components/Outline/OutlineDivider/OutlineDivider.stories.ts","componentPath":"./lib/js/components/Outline/OutlineDivider/OutlineDivider.vue","tags":["dev","test"]},"components-outline-outlineitem--interactive":{"type":"story","id":"components-outline-outlineitem--interactive","name":"Interactive","title":"Components/Outline/OutlineItem","importPath":"./lib/js/components/Outline/OutlineItem/OutlineItem.stories.ts","componentPath":"./lib/js/components/Outline/OutlineItem/OutlineItem.vue","tags":["dev","test"]},"components-outline-outlinesectionheader--interactive":{"type":"story","id":"components-outline-outlinesectionheader--interactive","name":"Interactive","title":"Components/Outline/OutlineSectionHeader","importPath":"./lib/js/components/Outline/OutlineSectionHeader/OutlineSectionHeader.stories.ts","componentPath":"./lib/js/components/Outline/OutlineSectionHeader/OutlineSectionHeader.vue","tags":["dev","test"]},"components-pagination--interactive":{"type":"story","id":"components-pagination--interactive","name":"Interactive","title":"Components/Pagination","importPath":"./lib/js/components/Pagination/Pagination.stories.ts","componentPath":"./lib/js/components/Pagination/Pagination.vue","tags":["dev","test"]},"components-popover--interactive":{"type":"story","id":"components-popover--interactive","name":"Interactive","title":"Components/PopOver","importPath":"./lib/js/components/PopOver/PopOver.stories.ts","componentPath":"./lib/js/components/PopOver/PopOver.vue","tags":["dev","test"]},"components-popover--pop-over-m-max-height-no-pointer":{"type":"story","id":"components-popover--pop-over-m-max-height-no-pointer","name":"Pop Over M Max Height No Pointer","title":"Components/PopOver","importPath":"./lib/js/components/PopOver/PopOver.stories.ts","componentPath":"./lib/js/components/PopOver/PopOver.vue","tags":["dev","test"]},"components-progressbar--interactive":{"type":"story","id":"components-progressbar--interactive","name":"Interactive","title":"Components/ProgressBar","importPath":"./lib/js/components/ProgressBar/ProgressBar.stories.ts","componentPath":"./lib/js/components/ProgressBar/ProgressBar.vue","tags":["dev","test"]},"components-progressbar--without-labels":{"type":"story","id":"components-progressbar--without-labels","name":"Without Labels","title":"Components/ProgressBar","importPath":"./lib/js/components/ProgressBar/ProgressBar.stories.ts","componentPath":"./lib/js/components/ProgressBar/ProgressBar.vue","tags":["dev","test"]},"components-progressbar--two-colors":{"type":"story","id":"components-progressbar--two-colors","name":"Two Colors","title":"Components/ProgressBar","importPath":"./lib/js/components/ProgressBar/ProgressBar.stories.ts","componentPath":"./lib/js/components/ProgressBar/ProgressBar.vue","tags":["dev","test"]},"components-progressbar--with-gaps":{"type":"story","id":"components-progressbar--with-gaps","name":"With Gaps","title":"Components/ProgressBar","importPath":"./lib/js/components/ProgressBar/ProgressBar.stories.ts","componentPath":"./lib/js/components/ProgressBar/ProgressBar.vue","tags":["dev","test"]},"components-progressbar--compact":{"type":"story","id":"components-progressbar--compact","name":"Compact","title":"Components/ProgressBar","importPath":"./lib/js/components/ProgressBar/ProgressBar.stories.ts","componentPath":"./lib/js/components/ProgressBar/ProgressBar.vue","tags":["dev","test"]},"components-progressdonutchart--interactive":{"type":"story","id":"components-progressdonutchart--interactive","name":"Interactive","title":"Components/ProgressDonutChart","importPath":"./lib/js/components/ProgressDonutChart/ProgressDonutChart.stories.ts","componentPath":"./lib/js/components/ProgressDonutChart/ProgressDonutChart.vue","tags":["dev","test"]},"components-richlist-basicrichlistitem--interactive":{"type":"story","id":"components-richlist-basicrichlistitem--interactive","name":"Interactive","title":"Components/RichList/BasicRichListItem","importPath":"./lib/js/components/RichList/BasicRichListItem/BasicRichListItem.stories.ts","componentPath":"./lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue","tags":["dev","test"]},"components-richlist-basicrichlistitem--with-media":{"type":"story","id":"components-richlist-basicrichlistitem--with-media","name":"With Media","title":"Components/RichList/BasicRichListItem","importPath":"./lib/js/components/RichList/BasicRichListItem/BasicRichListItem.stories.ts","componentPath":"./lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue","tags":["dev","test"]},"components-richlist-grouprichlistitem--one-child":{"type":"story","id":"components-richlist-grouprichlistitem--one-child","name":"One Child","title":"Components/RichList/GroupRichListItem","importPath":"./lib/js/components/RichList/GroupRichListItem/GroupRichListItem.stories.ts","componentPath":"./lib/js/components/RichList/GroupRichListItem/GroupRichListItem.vue","tags":["dev","test"]},"components-richlist-grouprichlistitem--multiple-child":{"type":"story","id":"components-richlist-grouprichlistitem--multiple-child","name":"Multiple Child","title":"Components/RichList/GroupRichListItem","importPath":"./lib/js/components/RichList/GroupRichListItem/GroupRichListItem.stories.ts","componentPath":"./lib/js/components/RichList/GroupRichListItem/GroupRichListItem.vue","tags":["dev","test"]},"components-richlist-richlistitem--interactive":{"type":"story","id":"components-richlist-richlistitem--interactive","name":"Interactive","title":"Components/RichList/RichListItem","importPath":"./lib/js/components/RichList/RichListItem/RichListItem.stories.ts","componentPath":"./lib/js/components/RichList/RichListItem/RichListItem.vue","tags":["dev","test"]},"components-richlist-richlistitem--with-media":{"type":"story","id":"components-richlist-richlistitem--with-media","name":"With Media","title":"Components/RichList/RichListItem","importPath":"./lib/js/components/RichList/RichListItem/RichListItem.stories.ts","componentPath":"./lib/js/components/RichList/RichListItem/RichListItem.vue","tags":["dev","test"]},"components-sectiontitle--interactive":{"type":"story","id":"components-sectiontitle--interactive","name":"Interactive","title":"Components/SectionTitle","importPath":"./lib/js/components/SectionTitle/SectionTitle.stories.ts","componentPath":"./lib/js/components/SectionTitle/SectionTitle.vue","tags":["dev","test"]},"components-selectlist--mix":{"type":"story","id":"components-selectlist--mix","name":"Mix","title":"Components/SelectList","importPath":"./lib/js/components/SelectList/SelectList.stories.ts","componentPath":"./lib/js/components/SelectList/SelectList.vue","tags":["dev","test"]},"components-selectlist--selectable-list":{"type":"story","id":"components-selectlist--selectable-list","name":"Selectable List","title":"Components/SelectList","importPath":"./lib/js/components/SelectList/SelectList.stories.ts","componentPath":"./lib/js/components/SelectList/SelectList.vue","tags":["dev","test"]},"components-selectlist-selectlistitem--interactive":{"type":"story","id":"components-selectlist-selectlistitem--interactive","name":"Interactive","title":"Components/SelectList/SelectListItem","importPath":"./lib/js/components/SelectList/SelectListItem/SelectListItem.stories.ts","componentPath":"./lib/js/components/SelectList/SelectListItem/SelectListItem.vue","tags":["dev","test"]},"components-selectlist-selectlistitemdivider--static":{"type":"story","id":"components-selectlist-selectlistitemdivider--static","name":"Static","title":"Components/SelectList/SelectListItemDivider","importPath":"./lib/js/components/SelectList/SelectListItemDivider/SelectListItemDivider.stories.ts","componentPath":"./lib/js/components/SelectList/SelectListItemDivider/SelectListItemDivider.vue","tags":["dev","test"]},"components-selectlist-selectlistitemtile--interactive":{"type":"story","id":"components-selectlist-selectlistitemtile--interactive","name":"Interactive","title":"Components/SelectList/SelectListItemTile","importPath":"./lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.stories.ts","componentPath":"./lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue","tags":["dev","test"]},"components-selectlist-selectlistitemtile--static":{"type":"story","id":"components-selectlist-selectlistitemtile--static","name":"Static","title":"Components/SelectList/SelectListItemTile","importPath":"./lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.stories.ts","componentPath":"./lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue","tags":["dev","test"]},"components-selectlist-selectlistitemtoggle--interactive":{"type":"story","id":"components-selectlist-selectlistitemtoggle--interactive","name":"Interactive","title":"Components/SelectList/SelectListItemToggle","importPath":"./lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.stories.ts","componentPath":"./lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue","tags":["dev","test"]},"components-selectlist-selectlistsectiontitle--interactive":{"type":"story","id":"components-selectlist-selectlistsectiontitle--interactive","name":"Interactive","title":"Components/SelectList/SelectListSectionTitle","importPath":"./lib/js/components/SelectList/SelectListSectionTitle/SelectListSectionTitle.stories.ts","componentPath":"./lib/js/components/SelectList/SelectListSectionTitle/SelectListSectionTitle.vue","tags":["dev","test"]},"components-selectiontile--interactive":{"type":"story","id":"components-selectiontile--interactive","name":"Interactive","title":"Components/SelectionTile","importPath":"./lib/js/components/SelectionTile/SelectionTile.stories.ts","componentPath":"./lib/js/components/SelectionTile/SelectionTile.vue","tags":["dev","test"]},"prime-vue-components-skeleton--interactive":{"type":"story","id":"prime-vue-components-skeleton--interactive","name":"Interactive","title":"Prime Vue Components/Skeleton","importPath":"./lib/js/components/Skeleton/Skeleton.stories.ts","componentPath":"./lib/js/components/Skeleton/Skeleton.vue","tags":["dev","test"]},"components-statuses-accessstatus--interactive":{"type":"story","id":"components-statuses-accessstatus--interactive","name":"Interactive","title":"Components/Statuses/AccessStatus","importPath":"./lib/js/components/Statuses/AccessStatus/AccessStatus.stories.ts","componentPath":"./lib/js/components/Statuses/AccessStatus/AccessStatus.vue","tags":["dev","test"]},"components-statuses-blockadestatus--interactive":{"type":"story","id":"components-statuses-blockadestatus--interactive","name":"Interactive","title":"Components/Statuses/BlockadeStatus","importPath":"./lib/js/components/Statuses/BlockadeStatus/BlockedeStatus.stories.ts","componentPath":"./lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue","tags":["dev","test"]},"components-surveyquestions-surveyquestionopenended--interactive":{"type":"story","id":"components-surveyquestions-surveyquestionopenended--interactive","name":"Interactive","title":"Components/SurveyQuestions/SurveyQuestionOpenEnded","importPath":"./lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.stories.ts","componentPath":"./lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue","tags":["dev","test"]},"components-surveyquestions-surveyquestionscale--interactive":{"type":"story","id":"components-surveyquestions-surveyquestionscale--interactive","name":"Interactive","title":"Components/SurveyQuestions/SurveyQuestionScale","importPath":"./lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.stories.ts","componentPath":"./lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue","tags":["dev","test"]},"components-surveyquestions-surveyquestionscale--limited-width":{"type":"story","id":"components-surveyquestions-surveyquestionscale--limited-width","name":"Limited Width","title":"Components/SurveyQuestions/SurveyQuestionScale","importPath":"./lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.stories.ts","componentPath":"./lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue","tags":["dev","test"]},"components-surveyquestions-surveyquestionscale--seven-options":{"type":"story","id":"components-surveyquestions-surveyquestionscale--seven-options","name":"Seven Options","title":"Components/SurveyQuestions/SurveyQuestionScale","importPath":"./lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.stories.ts","componentPath":"./lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue","tags":["dev","test"]},"components-surveytoggle--interactive":{"type":"story","id":"components-surveytoggle--interactive","name":"Interactive","title":"Components/SurveyToggle","importPath":"./lib/js/components/SurveyToggle/SurveyToggle.stories.ts","componentPath":"./lib/js/components/SurveyToggle/SurveyToggle.vue","tags":["dev","test"]},"components-switch--interactive":{"type":"story","id":"components-switch--interactive","name":"Interactive","title":"Components/Switch","importPath":"./lib/js/components/Switch/Switch.stories.ts","componentPath":"./lib/js/components/Switch/Switch.vue","tags":["dev","test"]},"components-tabitem--interactive":{"type":"story","id":"components-tabitem--interactive","name":"Interactive","title":"Components/TabItem","importPath":"./lib/js/components/TabItem/TabItem.stories.ts","componentPath":"./lib/js/components/TabItem/TabItem.vue","tags":["dev","test"]},"components-textgroup--interactive":{"type":"story","id":"components-textgroup--interactive","name":"Interactive","title":"Components/TextGroup","importPath":"./lib/js/components/TextGroup/TextGroup.stories.ts","componentPath":"./lib/js/components/TextGroup/TextGroup.vue","tags":["dev","test"]},"components-tile--interactive":{"type":"story","id":"components-tile--interactive","name":"Interactive","title":"Components/Tile","importPath":"./lib/js/components/Tile/Tile.stories.ts","componentPath":"./lib/js/components/Tile/Tile.vue","tags":["dev","test"]},"components-tile--static":{"type":"story","id":"components-tile--static","name":"Static","title":"Components/Tile","importPath":"./lib/js/components/Tile/Tile.stories.ts","componentPath":"./lib/js/components/Tile/Tile.vue","tags":["dev","test"]},"components-toast--interactive":{"type":"story","id":"components-toast--interactive","name":"Interactive","title":"Components/Toast","importPath":"./lib/js/components/Toast/Toast.stories.ts","componentPath":"./lib/js/components/Toast/Toast.vue","tags":["dev","test"]},"components-toggles-countertoggle--interactive":{"type":"story","id":"components-toggles-countertoggle--interactive","name":"Interactive","title":"Components/Toggles/CounterToggle","importPath":"./lib/js/components/Toggles/CounterToggle/CounterToggle.stories.ts","componentPath":"./lib/js/components/Toggles/CounterToggle/CounterToggle.vue","tags":["dev","test"]},"components-toggles-togglebutton--interactive":{"type":"story","id":"components-toggles-togglebutton--interactive","name":"Interactive","title":"Components/Toggles/ToggleButton","importPath":"./lib/js/components/Toggles/ToggleButton/ToggleButton.stories.ts","componentPath":"./lib/js/components/Toggles/ToggleButton/ToggleButton.vue","tags":["dev","test"]},"prime-vue-components-tooltip--interactive":{"type":"story","id":"prime-vue-components-tooltip--interactive","name":"Interactive","title":"Prime Vue Components/Tooltip","importPath":"./lib/js/components/Tooltip/Tooltip.stories.ts","componentPath":"./lib/js/components/Tooltip/Tooltip.vue","tags":["dev","test"]},"prime-vue-components-tooltip--on-ds-switch":{"type":"story","id":"prime-vue-components-tooltip--on-ds-switch","name":"On Ds Switch","title":"Prime Vue Components/Tooltip","importPath":"./lib/js/components/Tooltip/Tooltip.stories.ts","componentPath":"./lib/js/components/Tooltip/Tooltip.vue","tags":["dev","test"]},"prime-vue-components-tooltip--on-ds-button":{"type":"story","id":"prime-vue-components-tooltip--on-ds-button","name":"On Ds Button","title":"Prime Vue Components/Tooltip","importPath":"./lib/js/components/Tooltip/Tooltip.stories.ts","componentPath":"./lib/js/components/Tooltip/Tooltip.vue","tags":["dev","test"]},"components-well--interactive":{"type":"story","id":"components-well--interactive","name":"Interactive","title":"Components/Well","importPath":"./lib/js/components/Well/Well.stories.ts","componentPath":"./lib/js/components/Well/Well.vue","tags":["dev","test"]}}}
|
|
1
|
+
{"v":5,"entries":{"foundations-colors-raw--raw":{"type":"story","id":"foundations-colors-raw--raw","name":"Raw","title":"foundations/Colors/Raw","importPath":"./lib/js/styles/Colors/Colors.stories.ts","componentPath":"./lib/js/styles/ItemsList.vue","tags":["dev","test"]},"foundations-colors-theme--theme":{"type":"story","id":"foundations-colors-theme--theme","name":"Theme","title":"foundations/Colors/Theme","importPath":"./lib/js/styles/ColorsThemes/ColorsThemes.stories.ts","componentPath":"./lib/js/styles/ItemsList.vue","tags":["dev","test"]},"foundations-design-tokens-color-tokens-lms--lms":{"type":"story","id":"foundations-design-tokens-color-tokens-lms--lms","name":"LMS","title":"foundations/Design Tokens/Color Tokens/LMS","importPath":"./lib/js/styles/ColorsTokensLms/ColorsTokensLms.stories.ts","componentPath":"./lib/js/styles/ItemsList.vue","tags":["dev","test"]},"foundations-design-tokens-color-tokens-primary-wnl--primary-wnl":{"type":"story","id":"foundations-design-tokens-color-tokens-primary-wnl--primary-wnl","name":"Primary WNL","title":"foundations/Design Tokens/Color Tokens/Primary WNL","importPath":"./lib/js/styles/ColorsTokensPrimaryWnl/ColorsTokensPrimaryWnl.stories.ts","componentPath":"./lib/js/styles/ItemsList.vue","tags":["dev","test"]},"foundations-design-tokens-color-tokens-primary-bodywork--primary-bodywork":{"type":"story","id":"foundations-design-tokens-color-tokens-primary-bodywork--primary-bodywork","name":"Primary Bodywork","title":"foundations/Design Tokens/Color Tokens/Primary Bodywork","importPath":"./lib/js/styles/ColorsTokensPrimaryBodywork/ColorsTokensPrimaryBodywork.stories.ts","componentPath":"./lib/js/styles/ItemsList.vue","tags":["dev","test"]},"foundations-design-tokens-typography-tokens-lms--lms":{"type":"story","id":"foundations-design-tokens-typography-tokens-lms--lms","name":"LMS","title":"foundations/Design Tokens/Typography Tokens/LMS","importPath":"./lib/js/styles/TypographyTokensLms/TypographyTokensLms.stories.ts","componentPath":"./lib/js/styles/ItemsList.vue","tags":["dev","test"]},"foundations-borders--static":{"type":"story","id":"foundations-borders--static","name":"Static","title":"foundations/Borders","importPath":"./lib/js/styles/Borders/BorderSizes.stories.ts","tags":["dev","test"]},"foundations-spacings--interactive":{"type":"story","id":"foundations-spacings--interactive","name":"Interactive","title":"foundations/Spacings","importPath":"./lib/js/styles/Spacings/Spacings.stories.ts","tags":["dev","test"]},"foundations-typography-variables--variables":{"type":"story","id":"foundations-typography-variables--variables","name":"Variables","title":"foundations/Typography/Variables","importPath":"./lib/js/styles/TypographyVariables/TypographyVariables.stories.ts","componentPath":"./lib/js/styles/ItemsList.vue","tags":["dev","test"]},"components-avatar--interactive":{"type":"story","id":"components-avatar--interactive","name":"Interactive","title":"Components/Avatar","importPath":"./lib/js/components/Avatar/Avatar.stories.ts","componentPath":"./lib/js/components/Avatar/Avatar.vue","tags":["dev","test"]},"components-avatar--colors":{"type":"story","id":"components-avatar--colors","name":"Colors","title":"Components/Avatar","importPath":"./lib/js/components/Avatar/Avatar.stories.ts","componentPath":"./lib/js/components/Avatar/Avatar.vue","tags":["dev","test"]},"components-badges-badge--interactive":{"type":"story","id":"components-badges-badge--interactive","name":"Interactive","title":"Components/Badges/Badge","importPath":"./lib/js/components/Badge/Badge.stories.ts","componentPath":"./lib/js/components/Badge/Badge.vue","tags":["dev","test"]},"components-badges-badge--interactive-with-image":{"type":"story","id":"components-badges-badge--interactive-with-image","name":"Interactive With Image","title":"Components/Badges/Badge","importPath":"./lib/js/components/Badge/Badge.stories.ts","componentPath":"./lib/js/components/Badge/Badge.vue","tags":["dev","test"]},"components-badges-badgescore--interactive":{"type":"story","id":"components-badges-badgescore--interactive","name":"Interactive","title":"Components/Badges/BadgeScore","importPath":"./lib/js/components/BadgeScore/BadgeScore.stories.ts","componentPath":"./lib/js/components/BadgeScore/BadgeScore.vue","tags":["dev","test"]},"components-badges-badgescore--min-width":{"type":"story","id":"components-badges-badgescore--min-width","name":"Min Width","title":"Components/Badges/BadgeScore","importPath":"./lib/js/components/BadgeScore/BadgeScore.stories.ts","componentPath":"./lib/js/components/BadgeScore/BadgeScore.vue","tags":["dev","test"]},"components-badges-badgescore--full-width":{"type":"story","id":"components-badges-badgescore--full-width","name":"Full Width","title":"Components/Badges/BadgeScore","importPath":"./lib/js/components/BadgeScore/BadgeScore.stories.ts","componentPath":"./lib/js/components/BadgeScore/BadgeScore.vue","tags":["dev","test"]},"components-banner--interactive":{"type":"story","id":"components-banner--interactive","name":"Interactive","title":"Components/Banner","importPath":"./lib/js/components/Banner/Banner.stories.ts","componentPath":"./lib/js/components/Banner/Banner.vue","tags":["dev","test"]},"components-buttons-button--interactive":{"type":"story","id":"components-buttons-button--interactive","name":"Interactive","title":"Components/Buttons/Button","importPath":"./lib/js/components/Buttons/Button/Button.stories.ts","componentPath":"./lib/js/components/Buttons/Button/Button.vue","tags":["dev","test"]},"components-buttons-iconbutton--interactive":{"type":"story","id":"components-buttons-iconbutton--interactive","name":"Interactive","title":"Components/Buttons/IconButton","importPath":"./lib/js/components/Buttons/IconButton/IconButton.stories.ts","componentPath":"./lib/js/components/Buttons/IconButton/IconButton.vue","tags":["dev","test"]},"components-buttons-iconbutton--filled-with-label":{"type":"story","id":"components-buttons-iconbutton--filled-with-label","name":"Filled With Label","title":"Components/Buttons/IconButton","importPath":"./lib/js/components/Buttons/IconButton/IconButton.stories.ts","componentPath":"./lib/js/components/Buttons/IconButton/IconButton.vue","tags":["dev","test"]},"components-buttons-iconbutton--outlined-rounded":{"type":"story","id":"components-buttons-iconbutton--outlined-rounded","name":"Outlined Rounded","title":"Components/Buttons/IconButton","importPath":"./lib/js/components/Buttons/IconButton/IconButton.stories.ts","componentPath":"./lib/js/components/Buttons/IconButton/IconButton.vue","tags":["dev","test"]},"components-buttons-iconbutton--filled-primary":{"type":"story","id":"components-buttons-iconbutton--filled-primary","name":"Filled Primary","title":"Components/Buttons/IconButton","importPath":"./lib/js/components/Buttons/IconButton/IconButton.stories.ts","componentPath":"./lib/js/components/Buttons/IconButton/IconButton.vue","tags":["dev","test"]},"components-buttons-iconbutton--icon-only-info":{"type":"story","id":"components-buttons-iconbutton--icon-only-info","name":"Icon Only Info","title":"Components/Buttons/IconButton","importPath":"./lib/js/components/Buttons/IconButton/IconButton.stories.ts","componentPath":"./lib/js/components/Buttons/IconButton/IconButton.vue","tags":["dev","test"]},"components-buttons-iconbutton--icon-only-warning":{"type":"story","id":"components-buttons-iconbutton--icon-only-warning","name":"Icon Only Warning","title":"Components/Buttons/IconButton","importPath":"./lib/js/components/Buttons/IconButton/IconButton.stories.ts","componentPath":"./lib/js/components/Buttons/IconButton/IconButton.vue","tags":["dev","test"]},"components-cards-card--interactive":{"type":"story","id":"components-cards-card--interactive","name":"Interactive","title":"Components/Cards/Card","importPath":"./lib/js/components/Cards/Card/Card.stories.ts","componentPath":"./lib/js/components/Cards/Card/Card.vue","tags":["dev","test"]},"components-cards-cardexpandable--interactive":{"type":"story","id":"components-cards-cardexpandable--interactive","name":"Interactive","title":"Components/Cards/CardExpandable","importPath":"./lib/js/components/Cards/CardExpandable/CardExpandable.stories.ts","componentPath":"./lib/js/components/Cards/CardExpandable/CardExpandable.vue","tags":["dev","test"]},"components-chip--interactive":{"type":"story","id":"components-chip--interactive","name":"Interactive","title":"Components/Chip","importPath":"./lib/js/components/Chip/Chip.stories.ts","componentPath":"./lib/js/components/Chip/Chip.vue","tags":["dev","test"]},"components-chip--interactive-with-accessory":{"type":"story","id":"components-chip--interactive-with-accessory","name":"Interactive With Accessory","title":"Components/Chip","importPath":"./lib/js/components/Chip/Chip.stories.ts","componentPath":"./lib/js/components/Chip/Chip.vue","tags":["dev","test"]},"components-datepickers-datebox--interactive":{"type":"story","id":"components-datepickers-datebox--interactive","name":"Interactive","title":"Components/DatePickers/DateBox","importPath":"./lib/js/components/DatePickers/DateBox/DateBox.stories.ts","componentPath":"./lib/js/components/DatePickers/DateBox/index.ts","tags":["dev","test"]},"components-datepickers-datepicker--interactive":{"type":"story","id":"components-datepickers-datepicker--interactive","name":"Interactive","title":"Components/DatePickers/DatePicker","importPath":"./lib/js/components/DatePickers/DatePicker/DatePicker.stories.ts","componentPath":"./lib/js/components/DatePickers/DatePicker/DatePicker.vue","tags":["dev","test"]},"components-datepickers-datepicker--scrollable-container":{"type":"story","id":"components-datepickers-datepicker--scrollable-container","name":"Scrollable Container","title":"Components/DatePickers/DatePicker","importPath":"./lib/js/components/DatePickers/DatePicker/DatePicker.stories.ts","componentPath":"./lib/js/components/DatePickers/DatePicker/DatePicker.vue","tags":["dev","test"]},"components-datepickers-daterangepicker--interactive":{"type":"story","id":"components-datepickers-daterangepicker--interactive","name":"Interactive","title":"Components/DatePickers/DateRangePicker","importPath":"./lib/js/components/DatePickers/DateRangePicker/DateRangePicker.stories.ts","componentPath":"./lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue","tags":["dev","test"]},"components-divider--interactive":{"type":"story","id":"components-divider--interactive","name":"Interactive","title":"Components/Divider","importPath":"./lib/js/components/Divider/Divider.stories.ts","componentPath":"./lib/js/components/Divider/Divider.vue","tags":["dev","test"]},"components-drawer--interactive":{"type":"story","id":"components-drawer--interactive","name":"Interactive","title":"Components/Drawer","importPath":"./lib/js/components/Drawer/Drawer.stories.ts","componentPath":"./lib/js/components/Drawer/Drawer.vue","tags":["dev","test"]},"components-drawer-drawercontent--static":{"type":"story","id":"components-drawer-drawercontent--static","name":"Static","title":"Components/Drawer/DrawerContent","importPath":"./lib/js/components/Drawer/DrawerContent/DrawerContent.stories.ts","componentPath":"./lib/js/components/Drawer/DrawerContent/DrawerContent.vue","tags":["dev","test"]},"components-drawer-drawerdivider--interactive":{"type":"story","id":"components-drawer-drawerdivider--interactive","name":"Interactive","title":"Components/Drawer/DrawerDivider","importPath":"./lib/js/components/Drawer/DrawerDivider/DrawerDivider.stories.ts","componentPath":"./lib/js/components/Drawer/DrawerDivider/DrawerDivider.vue","tags":["dev","test"]},"components-drawer-drawerheader--interactive":{"type":"story","id":"components-drawer-drawerheader--interactive","name":"Interactive","title":"Components/Drawer/DrawerHeader","importPath":"./lib/js/components/Drawer/DrawerHeader/DrawerHeader.stories.ts","componentPath":"./lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue","tags":["dev","test"]},"components-drawer-drawerlistitem--interactive":{"type":"story","id":"components-drawer-drawerlistitem--interactive","name":"Interactive","title":"Components/Drawer/DrawerListItem","importPath":"./lib/js/components/Drawer/DrawerListItem/DrawerListItem.stories.ts","componentPath":"./lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue","tags":["dev","test"]},"components-drawer-drawerlistitemgroup--static":{"type":"story","id":"components-drawer-drawerlistitemgroup--static","name":"Static","title":"Components/Drawer/DrawerListItemGroup","importPath":"./lib/js/components/Drawer/DrawerListItemGroup/DrawerListItemGroup.stories.ts","componentPath":"./lib/js/components/Drawer/DrawerListItemGroup/DrawerListItemGroup.vue","tags":["dev","test"]},"components-drawer-drawersection--interactive":{"type":"story","id":"components-drawer-drawersection--interactive","name":"Interactive","title":"Components/Drawer/DrawerSection","importPath":"./lib/js/components/Drawer/DrawerSection/DrawerSection.stories.ts","componentPath":"./lib/js/components/Drawer/DrawerSection/DrawerSection.vue","tags":["dev","test"]},"components-drawer-drawertile--interactive":{"type":"story","id":"components-drawer-drawertile--interactive","name":"Interactive","title":"Components/Drawer/DrawerTile","importPath":"./lib/js/components/Drawer/DrawerTile/DrawerTile.stories.ts","componentPath":"./lib/js/components/Drawer/DrawerTile/DrawerTile.vue","tags":["dev","test"]},"components-dropdown--interactive":{"type":"story","id":"components-dropdown--interactive","name":"Interactive","title":"Components/Dropdown","importPath":"./lib/js/components/Dropdown/Dropdown.stories.ts","componentPath":"./lib/js/components/Dropdown/Dropdown.vue","tags":["dev","test"]},"components-form-checkbox--interactive":{"type":"story","id":"components-form-checkbox--interactive","name":"Interactive","title":"Components/Form/Checkbox","importPath":"./lib/js/components/Form/Checkbox/Checkbox.stories.ts","componentPath":"./lib/js/components/Form/Checkbox/Checkbox.vue","tags":["dev","test"]},"components-form-radiobutton--interactive":{"type":"story","id":"components-form-radiobutton--interactive","name":"Interactive","title":"Components/Form/RadioButton","importPath":"./lib/js/components/Form/RadioButton/RadioButton.stories.ts","componentPath":"./lib/js/components/Form/RadioButton/RadioButton.vue","tags":["dev","test"]},"components-headers-overlayheader--interactive":{"type":"story","id":"components-headers-overlayheader--interactive","name":"Interactive","title":"Components/Headers/OverlayHeader","importPath":"./lib/js/components/Headers/OverlayHeader/OverlayHeader.stories.ts","componentPath":"./lib/js/components/Headers/OverlayHeader/OverlayHeader.vue","tags":["dev","test"]},"components-headers-pageheader--interactive":{"type":"story","id":"components-headers-pageheader--interactive","name":"Interactive","title":"Components/Headers/PageHeader","importPath":"./lib/js/components/Headers/PageHeader/PageHeader.stories.ts","componentPath":"./lib/js/components/Headers/PageHeader/PageHeader.vue","tags":["dev","test"]},"components-headers-sectionheader--interactive":{"type":"story","id":"components-headers-sectionheader--interactive","name":"Interactive","title":"Components/Headers/SectionHeader","importPath":"./lib/js/components/Headers/SectionHeader/SectionHeader.stories.ts","componentPath":"./lib/js/components/Headers/SectionHeader/SectionHeader.vue","tags":["dev","test"]},"components-icontext--interactive":{"type":"story","id":"components-icontext--interactive","name":"Interactive","title":"Components/IconText","importPath":"./lib/js/components/IconText/IconText.stories.ts","componentPath":"./lib/js/components/IconText/IconText.vue","tags":["dev","test"]},"components-icons-featureicon--interactive":{"type":"story","id":"components-icons-featureicon--interactive","name":"Interactive","title":"Components/Icons/FeatureIcon","importPath":"./lib/js/components/Icons/FeatureIcon/FeatureIcon.stories.ts","componentPath":"./lib/js/components/Icons/FeatureIcon/FeatureIcon.vue","tags":["dev","test"]},"components-icons-icon--interactive":{"type":"story","id":"components-icons-icon--interactive","name":"Interactive","title":"Components/Icons/Icon","importPath":"./lib/js/components/Icons/Icon/Icon.stories.ts","componentPath":"./lib/js/components/Icons/Icon/Icon.vue","tags":["dev","test"]},"components-icons-icon--all-icons":{"type":"story","id":"components-icons-icon--all-icons","name":"All Icons","title":"Components/Icons/Icon","importPath":"./lib/js/components/Icons/Icon/Icon.stories.ts","componentPath":"./lib/js/components/Icons/Icon/Icon.vue","tags":["dev","test"]},"components-image--interactive":{"type":"story","id":"components-image--interactive","name":"Interactive","title":"Components/Image","importPath":"./lib/js/components/Image/Image.stories.ts","componentPath":"./lib/js/components/Image/Image.vue","tags":["dev","test"]},"components-layouts-threecolumnlayout--interactive":{"type":"story","id":"components-layouts-threecolumnlayout--interactive","name":"Interactive","title":"Components/Layouts/ThreeColumnLayout","importPath":"./lib/js/components/Layouts/ThreeColumnLayout/ThreeColumnLayout.stories.ts","componentPath":"./lib/js/components/Layouts/ThreeColumnLayout/ThreeColumnLayout.vue","tags":["dev","test"]},"components-loadingbar--interactive":{"type":"story","id":"components-loadingbar--interactive","name":"Interactive","title":"Components/LoadingBar","importPath":"./lib/js/components/LoadingBar/LoadingBar.stories.ts","componentPath":"./lib/js/components/LoadingBar/LoadingBar.vue","tags":["dev","test"]},"components-modals-modal--interactive":{"type":"story","id":"components-modals-modal--interactive","name":"Interactive","title":"Components/Modals/Modal","importPath":"./lib/js/components/Modals/Modal/Modal.stories.ts","componentPath":"./lib/js/components/Modals/Modal/Modal.vue","tags":["dev","test"]},"components-modals-modal--danger":{"type":"story","id":"components-modals-modal--danger","name":"Danger","title":"Components/Modals/Modal","importPath":"./lib/js/components/Modals/Modal/Modal.stories.ts","componentPath":"./lib/js/components/Modals/Modal/Modal.vue","tags":["dev","test"]},"components-modals-modal--with-image":{"type":"story","id":"components-modals-modal--with-image","name":"With Image","title":"Components/Modals/Modal","importPath":"./lib/js/components/Modals/Modal/Modal.stories.ts","componentPath":"./lib/js/components/Modals/Modal/Modal.vue","tags":["dev","test"]},"components-modals-modal--size-s-and-centered":{"type":"story","id":"components-modals-modal--size-s-and-centered","name":"Size S And Centered","title":"Components/Modals/Modal","importPath":"./lib/js/components/Modals/Modal/Modal.stories.ts","componentPath":"./lib/js/components/Modals/Modal/Modal.vue","tags":["dev","test"]},"components-modals-modaldialog--interactive":{"type":"story","id":"components-modals-modaldialog--interactive","name":"Interactive","title":"Components/Modals/ModalDialog","importPath":"./lib/js/components/Modals/ModalDialog/ModalDialog.stories.ts","componentPath":"./lib/js/components/Modals/ModalDialog/ModalDialog.vue","tags":["dev","test"]},"components-modals-modaldialog--danger":{"type":"story","id":"components-modals-modaldialog--danger","name":"Danger","title":"Components/Modals/ModalDialog","importPath":"./lib/js/components/Modals/ModalDialog/ModalDialog.stories.ts","componentPath":"./lib/js/components/Modals/ModalDialog/ModalDialog.vue","tags":["dev","test"]},"components-modals-modaldialog--with-image":{"type":"story","id":"components-modals-modaldialog--with-image","name":"With Image","title":"Components/Modals/ModalDialog","importPath":"./lib/js/components/Modals/ModalDialog/ModalDialog.stories.ts","componentPath":"./lib/js/components/Modals/ModalDialog/ModalDialog.vue","tags":["dev","test"]},"components-numberincircle--interactive":{"type":"story","id":"components-numberincircle--interactive","name":"Interactive","title":"Components/NumberInCircle","importPath":"./lib/js/components/NumberInCircle/NumberInCircle.stories.ts","componentPath":"./lib/js/components/NumberInCircle/NumberInCircle.vue","tags":["dev","test"]},"components-outline-outlinedivider--interactive":{"type":"story","id":"components-outline-outlinedivider--interactive","name":"Interactive","title":"Components/Outline/OutlineDivider","importPath":"./lib/js/components/Outline/OutlineDivider/OutlineDivider.stories.ts","componentPath":"./lib/js/components/Outline/OutlineDivider/OutlineDivider.vue","tags":["dev","test"]},"components-outline-outlineitem--interactive":{"type":"story","id":"components-outline-outlineitem--interactive","name":"Interactive","title":"Components/Outline/OutlineItem","importPath":"./lib/js/components/Outline/OutlineItem/OutlineItem.stories.ts","componentPath":"./lib/js/components/Outline/OutlineItem/OutlineItem.vue","tags":["dev","test"]},"components-outline-outlinesectionheader--interactive":{"type":"story","id":"components-outline-outlinesectionheader--interactive","name":"Interactive","title":"Components/Outline/OutlineSectionHeader","importPath":"./lib/js/components/Outline/OutlineSectionHeader/OutlineSectionHeader.stories.ts","componentPath":"./lib/js/components/Outline/OutlineSectionHeader/OutlineSectionHeader.vue","tags":["dev","test"]},"components-pagination--interactive":{"type":"story","id":"components-pagination--interactive","name":"Interactive","title":"Components/Pagination","importPath":"./lib/js/components/Pagination/Pagination.stories.ts","componentPath":"./lib/js/components/Pagination/Pagination.vue","tags":["dev","test"]},"components-popover--interactive":{"type":"story","id":"components-popover--interactive","name":"Interactive","title":"Components/PopOver","importPath":"./lib/js/components/PopOver/PopOver.stories.ts","componentPath":"./lib/js/components/PopOver/PopOver.vue","tags":["dev","test"]},"components-popover--pop-over-m-max-height-no-pointer":{"type":"story","id":"components-popover--pop-over-m-max-height-no-pointer","name":"Pop Over M Max Height No Pointer","title":"Components/PopOver","importPath":"./lib/js/components/PopOver/PopOver.stories.ts","componentPath":"./lib/js/components/PopOver/PopOver.vue","tags":["dev","test"]},"components-progressbar--interactive":{"type":"story","id":"components-progressbar--interactive","name":"Interactive","title":"Components/ProgressBar","importPath":"./lib/js/components/ProgressBar/ProgressBar.stories.ts","componentPath":"./lib/js/components/ProgressBar/ProgressBar.vue","tags":["dev","test"]},"components-progressbar--without-labels":{"type":"story","id":"components-progressbar--without-labels","name":"Without Labels","title":"Components/ProgressBar","importPath":"./lib/js/components/ProgressBar/ProgressBar.stories.ts","componentPath":"./lib/js/components/ProgressBar/ProgressBar.vue","tags":["dev","test"]},"components-progressbar--two-colors":{"type":"story","id":"components-progressbar--two-colors","name":"Two Colors","title":"Components/ProgressBar","importPath":"./lib/js/components/ProgressBar/ProgressBar.stories.ts","componentPath":"./lib/js/components/ProgressBar/ProgressBar.vue","tags":["dev","test"]},"components-progressbar--with-gaps":{"type":"story","id":"components-progressbar--with-gaps","name":"With Gaps","title":"Components/ProgressBar","importPath":"./lib/js/components/ProgressBar/ProgressBar.stories.ts","componentPath":"./lib/js/components/ProgressBar/ProgressBar.vue","tags":["dev","test"]},"components-progressbar--compact":{"type":"story","id":"components-progressbar--compact","name":"Compact","title":"Components/ProgressBar","importPath":"./lib/js/components/ProgressBar/ProgressBar.stories.ts","componentPath":"./lib/js/components/ProgressBar/ProgressBar.vue","tags":["dev","test"]},"components-progressdonutchart--interactive":{"type":"story","id":"components-progressdonutchart--interactive","name":"Interactive","title":"Components/ProgressDonutChart","importPath":"./lib/js/components/ProgressDonutChart/ProgressDonutChart.stories.ts","componentPath":"./lib/js/components/ProgressDonutChart/ProgressDonutChart.vue","tags":["dev","test"]},"components-richlist-basicrichlistitem--interactive":{"type":"story","id":"components-richlist-basicrichlistitem--interactive","name":"Interactive","title":"Components/RichList/BasicRichListItem","importPath":"./lib/js/components/RichList/BasicRichListItem/BasicRichListItem.stories.ts","componentPath":"./lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue","tags":["dev","test"]},"components-richlist-basicrichlistitem--with-media":{"type":"story","id":"components-richlist-basicrichlistitem--with-media","name":"With Media","title":"Components/RichList/BasicRichListItem","importPath":"./lib/js/components/RichList/BasicRichListItem/BasicRichListItem.stories.ts","componentPath":"./lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue","tags":["dev","test"]},"components-richlist-grouprichlistitem--one-child":{"type":"story","id":"components-richlist-grouprichlistitem--one-child","name":"One Child","title":"Components/RichList/GroupRichListItem","importPath":"./lib/js/components/RichList/GroupRichListItem/GroupRichListItem.stories.ts","componentPath":"./lib/js/components/RichList/GroupRichListItem/GroupRichListItem.vue","tags":["dev","test"]},"components-richlist-grouprichlistitem--multiple-child":{"type":"story","id":"components-richlist-grouprichlistitem--multiple-child","name":"Multiple Child","title":"Components/RichList/GroupRichListItem","importPath":"./lib/js/components/RichList/GroupRichListItem/GroupRichListItem.stories.ts","componentPath":"./lib/js/components/RichList/GroupRichListItem/GroupRichListItem.vue","tags":["dev","test"]},"components-richlist-richlistitem--interactive":{"type":"story","id":"components-richlist-richlistitem--interactive","name":"Interactive","title":"Components/RichList/RichListItem","importPath":"./lib/js/components/RichList/RichListItem/RichListItem.stories.ts","componentPath":"./lib/js/components/RichList/RichListItem/RichListItem.vue","tags":["dev","test"]},"components-richlist-richlistitem--with-media":{"type":"story","id":"components-richlist-richlistitem--with-media","name":"With Media","title":"Components/RichList/RichListItem","importPath":"./lib/js/components/RichList/RichListItem/RichListItem.stories.ts","componentPath":"./lib/js/components/RichList/RichListItem/RichListItem.vue","tags":["dev","test"]},"components-sectiontitle--interactive":{"type":"story","id":"components-sectiontitle--interactive","name":"Interactive","title":"Components/SectionTitle","importPath":"./lib/js/components/SectionTitle/SectionTitle.stories.ts","componentPath":"./lib/js/components/SectionTitle/SectionTitle.vue","tags":["dev","test"]},"components-selectlist--mix":{"type":"story","id":"components-selectlist--mix","name":"Mix","title":"Components/SelectList","importPath":"./lib/js/components/SelectList/SelectList.stories.ts","componentPath":"./lib/js/components/SelectList/SelectList.vue","tags":["dev","test"]},"components-selectlist--selectable-list":{"type":"story","id":"components-selectlist--selectable-list","name":"Selectable List","title":"Components/SelectList","importPath":"./lib/js/components/SelectList/SelectList.stories.ts","componentPath":"./lib/js/components/SelectList/SelectList.vue","tags":["dev","test"]},"components-selectlist-selectlistitem--interactive":{"type":"story","id":"components-selectlist-selectlistitem--interactive","name":"Interactive","title":"Components/SelectList/SelectListItem","importPath":"./lib/js/components/SelectList/SelectListItem/SelectListItem.stories.ts","componentPath":"./lib/js/components/SelectList/SelectListItem/SelectListItem.vue","tags":["dev","test"]},"components-selectlist-selectlistitemdivider--static":{"type":"story","id":"components-selectlist-selectlistitemdivider--static","name":"Static","title":"Components/SelectList/SelectListItemDivider","importPath":"./lib/js/components/SelectList/SelectListItemDivider/SelectListItemDivider.stories.ts","componentPath":"./lib/js/components/SelectList/SelectListItemDivider/SelectListItemDivider.vue","tags":["dev","test"]},"components-selectlist-selectlistitemtile--interactive":{"type":"story","id":"components-selectlist-selectlistitemtile--interactive","name":"Interactive","title":"Components/SelectList/SelectListItemTile","importPath":"./lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.stories.ts","componentPath":"./lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue","tags":["dev","test"]},"components-selectlist-selectlistitemtile--static":{"type":"story","id":"components-selectlist-selectlistitemtile--static","name":"Static","title":"Components/SelectList/SelectListItemTile","importPath":"./lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.stories.ts","componentPath":"./lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue","tags":["dev","test"]},"components-selectlist-selectlistitemtoggle--interactive":{"type":"story","id":"components-selectlist-selectlistitemtoggle--interactive","name":"Interactive","title":"Components/SelectList/SelectListItemToggle","importPath":"./lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.stories.ts","componentPath":"./lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue","tags":["dev","test"]},"components-selectlist-selectlistsectiontitle--interactive":{"type":"story","id":"components-selectlist-selectlistsectiontitle--interactive","name":"Interactive","title":"Components/SelectList/SelectListSectionTitle","importPath":"./lib/js/components/SelectList/SelectListSectionTitle/SelectListSectionTitle.stories.ts","componentPath":"./lib/js/components/SelectList/SelectListSectionTitle/SelectListSectionTitle.vue","tags":["dev","test"]},"components-selectiontile--interactive":{"type":"story","id":"components-selectiontile--interactive","name":"Interactive","title":"Components/SelectionTile","importPath":"./lib/js/components/SelectionTile/SelectionTile.stories.ts","componentPath":"./lib/js/components/SelectionTile/SelectionTile.vue","tags":["dev","test"]},"prime-vue-components-skeleton--interactive":{"type":"story","id":"prime-vue-components-skeleton--interactive","name":"Interactive","title":"Prime Vue Components/Skeleton","importPath":"./lib/js/components/Skeleton/Skeleton.stories.ts","componentPath":"./lib/js/components/Skeleton/Skeleton.vue","tags":["dev","test"]},"components-statuses-accessstatus--interactive":{"type":"story","id":"components-statuses-accessstatus--interactive","name":"Interactive","title":"Components/Statuses/AccessStatus","importPath":"./lib/js/components/Statuses/AccessStatus/AccessStatus.stories.ts","componentPath":"./lib/js/components/Statuses/AccessStatus/AccessStatus.vue","tags":["dev","test"]},"components-statuses-blockadestatus--interactive":{"type":"story","id":"components-statuses-blockadestatus--interactive","name":"Interactive","title":"Components/Statuses/BlockadeStatus","importPath":"./lib/js/components/Statuses/BlockadeStatus/BlockedeStatus.stories.ts","componentPath":"./lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue","tags":["dev","test"]},"components-surveyquestions-surveyquestionopenended--interactive":{"type":"story","id":"components-surveyquestions-surveyquestionopenended--interactive","name":"Interactive","title":"Components/SurveyQuestions/SurveyQuestionOpenEnded","importPath":"./lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.stories.ts","componentPath":"./lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue","tags":["dev","test"]},"components-surveyquestions-surveyquestionscale--interactive":{"type":"story","id":"components-surveyquestions-surveyquestionscale--interactive","name":"Interactive","title":"Components/SurveyQuestions/SurveyQuestionScale","importPath":"./lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.stories.ts","componentPath":"./lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue","tags":["dev","test"]},"components-surveyquestions-surveyquestionscale--limited-width":{"type":"story","id":"components-surveyquestions-surveyquestionscale--limited-width","name":"Limited Width","title":"Components/SurveyQuestions/SurveyQuestionScale","importPath":"./lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.stories.ts","componentPath":"./lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue","tags":["dev","test"]},"components-surveyquestions-surveyquestionscale--seven-options":{"type":"story","id":"components-surveyquestions-surveyquestionscale--seven-options","name":"Seven Options","title":"Components/SurveyQuestions/SurveyQuestionScale","importPath":"./lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.stories.ts","componentPath":"./lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue","tags":["dev","test"]},"components-surveytoggle--interactive":{"type":"story","id":"components-surveytoggle--interactive","name":"Interactive","title":"Components/SurveyToggle","importPath":"./lib/js/components/SurveyToggle/SurveyToggle.stories.ts","componentPath":"./lib/js/components/SurveyToggle/SurveyToggle.vue","tags":["dev","test"]},"components-switch--interactive":{"type":"story","id":"components-switch--interactive","name":"Interactive","title":"Components/Switch","importPath":"./lib/js/components/Switch/Switch.stories.ts","componentPath":"./lib/js/components/Switch/Switch.vue","tags":["dev","test"]},"components-tabitem--interactive":{"type":"story","id":"components-tabitem--interactive","name":"Interactive","title":"Components/TabItem","importPath":"./lib/js/components/TabItem/TabItem.stories.ts","componentPath":"./lib/js/components/TabItem/TabItem.vue","tags":["dev","test"]},"components-textgroup--interactive":{"type":"story","id":"components-textgroup--interactive","name":"Interactive","title":"Components/TextGroup","importPath":"./lib/js/components/TextGroup/TextGroup.stories.ts","componentPath":"./lib/js/components/TextGroup/TextGroup.vue","tags":["dev","test"]},"components-tile--interactive":{"type":"story","id":"components-tile--interactive","name":"Interactive","title":"Components/Tile","importPath":"./lib/js/components/Tile/Tile.stories.ts","componentPath":"./lib/js/components/Tile/Tile.vue","tags":["dev","test"]},"components-tile--static":{"type":"story","id":"components-tile--static","name":"Static","title":"Components/Tile","importPath":"./lib/js/components/Tile/Tile.stories.ts","componentPath":"./lib/js/components/Tile/Tile.vue","tags":["dev","test"]},"components-toast--interactive":{"type":"story","id":"components-toast--interactive","name":"Interactive","title":"Components/Toast","importPath":"./lib/js/components/Toast/Toast.stories.ts","componentPath":"./lib/js/components/Toast/Toast.vue","tags":["dev","test"]},"components-toggles-countertoggle--interactive":{"type":"story","id":"components-toggles-countertoggle--interactive","name":"Interactive","title":"Components/Toggles/CounterToggle","importPath":"./lib/js/components/Toggles/CounterToggle/CounterToggle.stories.ts","componentPath":"./lib/js/components/Toggles/CounterToggle/CounterToggle.vue","tags":["dev","test"]},"components-toggles-togglebutton--interactive":{"type":"story","id":"components-toggles-togglebutton--interactive","name":"Interactive","title":"Components/Toggles/ToggleButton","importPath":"./lib/js/components/Toggles/ToggleButton/ToggleButton.stories.ts","componentPath":"./lib/js/components/Toggles/ToggleButton/ToggleButton.vue","tags":["dev","test"]},"prime-vue-components-tooltip--interactive":{"type":"story","id":"prime-vue-components-tooltip--interactive","name":"Interactive","title":"Prime Vue Components/Tooltip","importPath":"./lib/js/components/Tooltip/Tooltip.stories.ts","componentPath":"./lib/js/components/Tooltip/Tooltip.vue","tags":["dev","test"]},"prime-vue-components-tooltip--on-ds-switch":{"type":"story","id":"prime-vue-components-tooltip--on-ds-switch","name":"On Ds Switch","title":"Prime Vue Components/Tooltip","importPath":"./lib/js/components/Tooltip/Tooltip.stories.ts","componentPath":"./lib/js/components/Tooltip/Tooltip.vue","tags":["dev","test"]},"prime-vue-components-tooltip--on-ds-button":{"type":"story","id":"prime-vue-components-tooltip--on-ds-button","name":"On Ds Button","title":"Prime Vue Components/Tooltip","importPath":"./lib/js/components/Tooltip/Tooltip.stories.ts","componentPath":"./lib/js/components/Tooltip/Tooltip.vue","tags":["dev","test"]},"components-well--interactive":{"type":"story","id":"components-well--interactive","name":"Interactive","title":"Components/Well","importPath":"./lib/js/components/Well/Well.stories.ts","componentPath":"./lib/js/components/Well/Well.vue","tags":["dev","test"]}}}
|
package/docs/project.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1742560458941,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@types/jest":"29.5.13","@vue/vue3-jest":"29.2.2","jest":"29.7.0","jest-environment-jsdom":"29.7.0","ts-jest":"29.0.5"},"packageManager":{"type":"yarn","version":"1.22.22"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/vue3-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/vue3","portableStoriesFileCount":2,"storybookVersion":"8.3.4","storybookVersionSpecifier":"^8.3.4","language":"typescript","storybookPackages":{"@storybook/vue3":{"version":"8.3.4"},"@storybook/vue3-vite":{"version":"8.3.4"},"eslint-plugin-storybook":{"version":"0.8.0"},"storybook":{"version":"8.3.4"}},"addons":{"@storybook/addon-actions":{"version":"8.3.4"},"@storybook/addon-designs":{"version":"8.0.3"},"@storybook/addon-docs":{"version":"8.3.4"},"@storybook/addon-controls":{"version":"8.3.4"},"@storybook/addon-storysource":{"version":"8.3.4"},"@storybook/addon-viewport":{"version":"8.3.4"}}}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { Value } from '../../utils/type.utils';
|
|
2
|
+
|
|
1
3
|
export const AVATAR_SIZES = {
|
|
2
4
|
XX_SMALL: 'xx-small',
|
|
3
5
|
X_SMALL: 'x-small',
|
|
@@ -7,4 +9,21 @@ export const AVATAR_SIZES = {
|
|
|
7
9
|
X_LARGE: 'x-large',
|
|
8
10
|
} as const;
|
|
9
11
|
|
|
10
|
-
export type AvatarSize = typeof AVATAR_SIZES
|
|
12
|
+
export type AvatarSize = Value<typeof AVATAR_SIZES>;
|
|
13
|
+
|
|
14
|
+
export const AVATAR_ACTIVITY_STATUSES = {
|
|
15
|
+
ACTIVE: 'active',
|
|
16
|
+
INACTIVE: 'inactive',
|
|
17
|
+
} as const;
|
|
18
|
+
|
|
19
|
+
export type AvatarActivityStatus = Value<typeof AVATAR_ACTIVITY_STATUSES>;
|
|
20
|
+
|
|
21
|
+
export const AVATAR_ACCESS_STATUSES = {
|
|
22
|
+
ACTIVE: 'active',
|
|
23
|
+
INACTIVE: 'inactive',
|
|
24
|
+
AWAITING: 'awaiting',
|
|
25
|
+
BLOCKED: 'blocked',
|
|
26
|
+
TEAM_MEMBER: 'team-member',
|
|
27
|
+
} as const;
|
|
28
|
+
|
|
29
|
+
export type AvatarAccessStatus = Value<typeof AVATAR_ACCESS_STATUSES>;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { mount } from '@vue/test-utils';
|
|
2
2
|
import Avatar from './Avatar.vue';
|
|
3
|
-
import { AVATAR_SIZES } from './Avatar.consts';
|
|
3
|
+
import { AVATAR_ACCESS_STATUSES, AVATAR_ACTIVITY_STATUSES, AVATAR_SIZES } from './Avatar.consts';
|
|
4
|
+
import { ICONS } from '../Icons/Icon';
|
|
5
|
+
|
|
6
|
+
const avatarUrl = 'https://wiecejnizlek.pl/avatar.jpg';
|
|
4
7
|
|
|
5
8
|
describe('Avatar', () => {
|
|
6
|
-
it('should render
|
|
7
|
-
const avatarUrl = 'https://wiecejnizlek.pl/avatar.jpg';
|
|
9
|
+
it('should render avatar without badges', () => {
|
|
8
10
|
const wrapper = mount(Avatar, {
|
|
9
11
|
props: {
|
|
10
12
|
size: AVATAR_SIZES.MEDIUM,
|
|
@@ -16,6 +18,8 @@ describe('Avatar', () => {
|
|
|
16
18
|
expect(wrapper.find('img').attributes('src')).toBe(avatarUrl);
|
|
17
19
|
expect(wrapper.find('img').attributes('alt')).toBe('Dariusz Chrapek');
|
|
18
20
|
expect(wrapper.find('.ds-avatar').classes()).toContain('-ds-medium');
|
|
21
|
+
expect(wrapper.find('.ds-avatar__activityStatus').exists()).toBe(false);
|
|
22
|
+
expect(wrapper.find('.ds-avatar__accessStatus').exists()).toBe(false);
|
|
19
23
|
});
|
|
20
24
|
|
|
21
25
|
it.each([
|
|
@@ -134,4 +138,80 @@ describe('Avatar', () => {
|
|
|
134
138
|
`background-color: ${hexToRgb(color)};`,
|
|
135
139
|
);
|
|
136
140
|
});
|
|
141
|
+
|
|
142
|
+
it.each([
|
|
143
|
+
{
|
|
144
|
+
activityStatus: AVATAR_ACTIVITY_STATUSES.ACTIVE,
|
|
145
|
+
expectedColorClass: '-ds-color-success',
|
|
146
|
+
},
|
|
147
|
+
{
|
|
148
|
+
activityStatus: AVATAR_ACTIVITY_STATUSES.INACTIVE,
|
|
149
|
+
expectedColorClass: '-ds-color-neutral',
|
|
150
|
+
},
|
|
151
|
+
])(
|
|
152
|
+
'should render activity status: $activityStatus',
|
|
153
|
+
({ activityStatus, expectedColorClass }) => {
|
|
154
|
+
const wrapper = mount(Avatar, {
|
|
155
|
+
props: {
|
|
156
|
+
size: AVATAR_SIZES.MEDIUM,
|
|
157
|
+
username: 'Dariusz Chrapek',
|
|
158
|
+
avatarUrl,
|
|
159
|
+
activityStatus,
|
|
160
|
+
},
|
|
161
|
+
});
|
|
162
|
+
|
|
163
|
+
const activityStatusElement = wrapper.find('.ds-avatar__activityStatus');
|
|
164
|
+
expect(activityStatusElement.exists()).toBe(true);
|
|
165
|
+
expect(activityStatusElement.find('.ds-badge').classes()).toContain(expectedColorClass);
|
|
166
|
+
},
|
|
167
|
+
);
|
|
168
|
+
|
|
169
|
+
it.each([
|
|
170
|
+
{
|
|
171
|
+
accessStatus: AVATAR_ACCESS_STATUSES.ACTIVE,
|
|
172
|
+
expectedIcon: ICONS.FA_UNLOCK_KEYHOLE,
|
|
173
|
+
},
|
|
174
|
+
{
|
|
175
|
+
accessStatus: AVATAR_ACCESS_STATUSES.INACTIVE,
|
|
176
|
+
expectedIcon: ICONS.FA_LOCK_KEYHOLE,
|
|
177
|
+
},
|
|
178
|
+
{
|
|
179
|
+
accessStatus: AVATAR_ACCESS_STATUSES.AWAITING,
|
|
180
|
+
expectedIcon: ICONS.FA_HOURGLASS_START,
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
accessStatus: AVATAR_ACCESS_STATUSES.BLOCKED,
|
|
184
|
+
expectedIcon: ICONS.FA_LOCK_KEYHOLE,
|
|
185
|
+
},
|
|
186
|
+
])('should render access status: $accessStatus', ({ accessStatus, expectedIcon }) => {
|
|
187
|
+
const wrapper = mount(Avatar, {
|
|
188
|
+
props: {
|
|
189
|
+
size: AVATAR_SIZES.MEDIUM,
|
|
190
|
+
username: 'Dariusz Chrapek',
|
|
191
|
+
avatarUrl,
|
|
192
|
+
accessStatus,
|
|
193
|
+
},
|
|
194
|
+
});
|
|
195
|
+
|
|
196
|
+
const accessStatusElement = wrapper.find('.ds-avatar__accessStatus');
|
|
197
|
+
expect(accessStatusElement.exists()).toBe(true);
|
|
198
|
+
expect(accessStatusElement.find('svg').attributes('data-icon')).toBe(expectedIcon.iconName);
|
|
199
|
+
});
|
|
200
|
+
|
|
201
|
+
it('should render team member image', () => {
|
|
202
|
+
const teamMemberImageUrl = 'https://lek.wiecejnizlek.pl/images/lek/logo-badge.svg';
|
|
203
|
+
const wrapper = mount(Avatar, {
|
|
204
|
+
props: {
|
|
205
|
+
size: AVATAR_SIZES.MEDIUM,
|
|
206
|
+
username: 'Dariusz Chrapek',
|
|
207
|
+
avatarUrl,
|
|
208
|
+
accessStatus: AVATAR_ACCESS_STATUSES.TEAM_MEMBER,
|
|
209
|
+
teamMemberImageUrl,
|
|
210
|
+
},
|
|
211
|
+
});
|
|
212
|
+
|
|
213
|
+
const accessStatusElement = wrapper.find('.ds-avatar__accessStatus');
|
|
214
|
+
expect(accessStatusElement.exists()).toBe(true);
|
|
215
|
+
expect(accessStatusElement.find('img').attributes('src')).toBe(teamMemberImageUrl);
|
|
216
|
+
});
|
|
137
217
|
});
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ComponentProps } from 'vue-component-type-helpers';
|
|
2
|
-
import { Meta,
|
|
2
|
+
import { Meta, StoryObj } from '@storybook/vue3';
|
|
3
3
|
|
|
4
4
|
import Avatar from './Avatar.vue';
|
|
5
|
-
import { AVATAR_SIZES } from './Avatar.consts';
|
|
5
|
+
import { AVATAR_ACCESS_STATUSES, AVATAR_ACTIVITY_STATUSES, AVATAR_SIZES } from './Avatar.consts';
|
|
6
6
|
|
|
7
7
|
type AvatarProps = ComponentProps<typeof Avatar>;
|
|
8
8
|
|
|
@@ -21,7 +21,25 @@ const meta: Meta<typeof Avatar> = {
|
|
|
21
21
|
argTypes: {
|
|
22
22
|
size: {
|
|
23
23
|
control: 'select',
|
|
24
|
-
options:
|
|
24
|
+
options: Object.values(AVATAR_SIZES),
|
|
25
|
+
},
|
|
26
|
+
accessStatus: {
|
|
27
|
+
control: {
|
|
28
|
+
type: 'select',
|
|
29
|
+
labels: {
|
|
30
|
+
undefined: 'None (undefined)',
|
|
31
|
+
},
|
|
32
|
+
},
|
|
33
|
+
options: [undefined, ...Object.values(AVATAR_ACCESS_STATUSES)],
|
|
34
|
+
},
|
|
35
|
+
activityStatus: {
|
|
36
|
+
control: {
|
|
37
|
+
type: 'select',
|
|
38
|
+
labels: {
|
|
39
|
+
undefined: 'None (undefined)',
|
|
40
|
+
},
|
|
41
|
+
},
|
|
42
|
+
options: [undefined, ...Object.values(AVATAR_ACTIVITY_STATUSES)],
|
|
25
43
|
},
|
|
26
44
|
},
|
|
27
45
|
};
|
|
@@ -35,6 +53,7 @@ export const Interactive: Story = {
|
|
|
35
53
|
username: 'Dariusz Chrapek',
|
|
36
54
|
avatarUrl:
|
|
37
55
|
'https://wiecejnizlek.pl/wp-content/uploads/2021/08/Dariusz_Chrapek-uai-2996x2996-1-scaled.jpeg',
|
|
56
|
+
teamMemberImageUrl: 'https://lek.wiecejnizlek.pl/images/lek/logo-badge.svg',
|
|
38
57
|
},
|
|
39
58
|
};
|
|
40
59
|
|
|
@@ -71,7 +90,7 @@ export const Colors: Story = {
|
|
|
71
90
|
],
|
|
72
91
|
};
|
|
73
92
|
},
|
|
74
|
-
template: `<div style="display: flex; gap: 12px; flex-wrap: wrap;"><div v-for="name in names"><Avatar
|
|
93
|
+
template: `<div style="display: flex; gap: 12px; flex-wrap: wrap;"><div v-for="name in names"><Avatar v-bind="args" :username="name" /></div></div>`,
|
|
75
94
|
}),
|
|
76
95
|
argTypes: {
|
|
77
96
|
size: {
|
|
@@ -87,5 +106,6 @@ export const Colors: Story = {
|
|
|
87
106
|
},
|
|
88
107
|
args: {
|
|
89
108
|
size: AVATAR_SIZES.X_SMALL,
|
|
109
|
+
teamMemberImageUrl: 'https://lek.wiecejnizlek.pl/images/lek/logo-badge.svg',
|
|
90
110
|
},
|
|
91
111
|
};
|