@bethinkpl/design-system 26.14.8 → 26.14.10
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 +0 -1
- package/.storybook/main.ts +8 -8
- package/.storybook/scss-preview-styles-plugin.ts +31 -31
- package/dist/design-system.umd.cjs +17 -17
- package/dist/design-system.umd.cjs.map +1 -1
- package/dist/lib/js/components/Banner/Banner.vue.d.ts +8 -0
- package/dist/lib/js/components/Buttons/Button/Button.vue.d.ts +2 -0
- package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +4 -0
- package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +2 -0
- package/dist/lib/js/components/Chip/Chip.vue.d.ts +6 -0
- package/dist/lib/js/components/DatePickers/DateBox/DateBox.vue.d.ts +2 -0
- package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +4 -0
- package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts +2 -0
- package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue.d.ts +14 -0
- package/dist/lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue.d.ts +2 -0
- package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts +8 -0
- package/dist/lib/js/components/Drawer/DrawerTile/DrawerTile.vue.d.ts +2 -0
- package/dist/lib/js/components/Form/Checkbox/Checkbox.vue.d.ts +2 -0
- package/dist/lib/js/components/Form/RadioButton/RadioButton.vue.d.ts +2 -0
- package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +6 -0
- package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts +6 -0
- package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts +2 -0
- package/dist/lib/js/components/Modal/Modal.vue.d.ts +2 -0
- package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +8 -0
- package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +8 -0
- package/dist/lib/js/components/Outline/OutlineItem/OutlineItem.vue.d.ts +2 -0
- package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +8 -0
- package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +2 -0
- package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.vue.d.ts +2 -0
- package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +4 -0
- package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts +4 -0
- package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.vue.d.ts +2 -0
- package/dist/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue.d.ts +2 -0
- package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts +2 -0
- package/dist/lib/js/components/SelectionTile/SelectionTile.vue.d.ts +6 -0
- package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +2 -0
- package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +2 -0
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +10 -0
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +10 -0
- package/dist/lib/js/components/Switch/Switch.vue.d.ts +2 -0
- package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts +10 -0
- package/dist/lib/js/components/Tile/Tile.vue.d.ts +2 -0
- package/dist/lib/js/components/Toast/Toast.vue.d.ts +2 -0
- package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts +2 -0
- package/dist/lib/js/icons/fontawesome.d.ts +2 -0
- package/docs/assets/{AccessStatus-CyBzoERh.js → AccessStatus-BdbWaHQP.js} +1 -1
- package/docs/assets/{AccessStatus.stories-0sPTYvv-.js → AccessStatus.stories-DqcEfuBA.js} +1 -1
- package/docs/assets/{Avatar-CpVRA8eL.js → Avatar-BfMssJty.js} +1 -1
- package/docs/assets/{Avatar.stories-DYYzlAKd.js → Avatar.stories-DUjrdPxd.js} +1 -1
- package/docs/assets/{Badge-u3iER_tw.js → Badge-D6TIWhxN.js} +1 -1
- package/docs/assets/{Badge.stories-68InXnru.js → Badge.stories-Bv5vOVUm.js} +2 -2
- package/docs/assets/{BadgeScore-D9YU0SxW.js → BadgeScore-Cb9gd56c.js} +1 -1
- package/docs/assets/{BadgeScore.stories-DXa2SIZi.js → BadgeScore.stories-BsD5r0Lb.js} +1 -1
- package/docs/assets/{Banner-CzZi1DCQ.js → Banner-Bc-GaNQo.js} +1 -1
- package/docs/assets/{Banner.stories-B-TmP4Qn.js → Banner.stories-DkCWYPus.js} +1 -1
- package/docs/assets/BasicRichListItem-D0Wk0hG3.js +1 -0
- package/docs/assets/{BasicRichListItem.stories-CFywNSM9.js → BasicRichListItem.stories-6qskAByC.js} +1 -1
- package/docs/assets/{BlockadeStatus-PJXAHtcH.js → BlockadeStatus-BAO7ZSMR.js} +1 -1
- package/docs/assets/{BlockedeStatus.stories-yb8Gx4CW.js → BlockedeStatus.stories-DPgKWNlb.js} +1 -1
- package/docs/assets/{Button-D3r6zRpz.js → Button-DTM9D6tQ.js} +1 -1
- package/docs/assets/{Button.stories-Dcd8w8jX.js → Button.stories-Drsp2tgd.js} +2 -2
- package/docs/assets/{Card-YhM4NzlD.js → Card-KSW_Q55y.js} +1 -1
- package/docs/assets/{Card.stories-CyZBsJ2u.js → Card.stories-Bqmd77lg.js} +2 -2
- package/docs/assets/CardExpandable-DZ5qdj_Y.js +1 -0
- package/docs/assets/{CardExpandable.stories-emEQ3Bx6.js → CardExpandable.stories-cFQsWRUN.js} +1 -1
- package/docs/assets/{Checkbox-BvMvx4PF.js → Checkbox-yVtwyPI-.js} +1 -1
- package/docs/assets/{Checkbox.stories-5L9Gq8wk.js → Checkbox.stories-UYUu1WCA.js} +1 -1
- package/docs/assets/{Chip-BYE4kNFs.js → Chip-C-ttDDPa.js} +1 -1
- package/docs/assets/{Chip.stories-DOr6xkEZ.js → Chip.stories-DEv2a6cC.js} +1 -1
- package/docs/assets/Color-ERTF36HU-knumLUL8.js +1 -0
- package/docs/assets/{Colors.stories-C8hIYHsM.js → Colors.stories-BrNisWwH.js} +3 -3
- package/docs/assets/{ColorsThemes.stories-g01vwZZd.js → ColorsThemes.stories-DvZl0m40.js} +2 -2
- package/docs/assets/ColorsTokensLms.stories-D3nA1ro1.js +11 -0
- package/docs/assets/{ColorsTokensPrimaryBodywork.stories-YrgPsIZE.js → ColorsTokensPrimaryBodywork.stories-w4A7RjpQ.js} +1 -1
- package/docs/assets/{ColorsTokensPrimaryWnl.stories-pfaw97Pu.js → ColorsTokensPrimaryWnl.stories-CncgXEG5.js} +1 -1
- package/docs/assets/{CounterToggle-B4zpnblt.js → CounterToggle-DleD8vtl.js} +1 -1
- package/docs/assets/{CounterToggle.stories-Cgi6C5eJ.js → CounterToggle.stories-gIBPTeUE.js} +1 -1
- package/docs/assets/{DateBox.stories-BFw3vvoa.js → DateBox.stories-BvGIrNgL.js} +3 -3
- package/docs/assets/DatePicker-BCT6boRT.js +1 -0
- package/docs/assets/{DatePicker.stories-4PjFVefr.js → DatePicker.stories-k0wYjOME.js} +2 -2
- package/docs/assets/DateRangePicker-CnUEzq-Z.js +1 -0
- package/docs/assets/{DateRangePicker.stories-oP5JPftq.js → DateRangePicker.stories-BWsIHtfr.js} +2 -2
- package/docs/assets/{Divider-C8Drds6C.js → Divider-9o-i_zKL.js} +1 -1
- package/docs/assets/{Divider.stories-jAhp6jPo.js → Divider.stories-IQKEznYT.js} +2 -2
- package/docs/assets/DocsRenderer-CFRXHY34-CsJlhGZ8.js +639 -0
- package/docs/assets/{Drawer-DbgJzgqG.js → Drawer-ClrSDwUZ.js} +1 -1
- package/docs/assets/{Drawer.stories-C6cSORhx.js → Drawer.stories-DR-CXra3.js} +1 -1
- package/docs/assets/{DrawerContent-CaU7wIbB.js → DrawerContent-D6Bl5GA-.js} +1 -1
- package/docs/assets/{DrawerContent.stories-ChrmYVDB.js → DrawerContent.stories-BR11egKi.js} +1 -1
- package/docs/assets/{DrawerDivider-1FPi8JiH.js → DrawerDivider-DMhjaSPk.js} +1 -1
- package/docs/assets/{DrawerDivider.stories-BdIRw3cE.js → DrawerDivider.stories-DdcVRbtO.js} +2 -2
- package/docs/assets/{DrawerHeader-hSkqwqnX.js → DrawerHeader-Wv_4-y80.js} +1 -1
- package/docs/assets/{DrawerHeader.stories-DGBCV6vH.js → DrawerHeader.stories-oX2zW_qZ.js} +1 -1
- package/docs/assets/DrawerListItem-CIEm2YIc.js +1 -0
- package/docs/assets/{DrawerListItem.stories-CNCj3QWp.js → DrawerListItem.stories-CT4AHRKW.js} +1 -1
- package/docs/assets/{DrawerListItemGroup-DHghqnvr.js → DrawerListItemGroup-B5XadRVV.js} +1 -1
- package/docs/assets/{DrawerListItemGroup.stories-sE4_jJ1F.js → DrawerListItemGroup.stories-B541RV6U.js} +1 -1
- package/docs/assets/{DrawerSection-B5yppbeb.js → DrawerSection-Di_ofHSH.js} +1 -1
- package/docs/assets/{DrawerSection.stories-uW3koial.js → DrawerSection.stories-C4ixwQIo.js} +1 -1
- package/docs/assets/{DrawerTile-LBwEy57Y.js → DrawerTile-DMIeqQC0.js} +1 -1
- package/docs/assets/{DrawerTile.stories-Bhq7RbK4.js → DrawerTile.stories-WzAPfUy9.js} +1 -1
- package/docs/assets/Dropdown-CYFZ3OvV.js +1 -0
- package/docs/assets/{Dropdown.stories-BuGtUidH.js → Dropdown.stories-BEI0k1ws.js} +2 -2
- package/docs/assets/{FeatureIcon-CX-tLUP-.js → FeatureIcon-JKiMnOvS.js} +1 -1
- package/docs/assets/{FeatureIcon.stories-DTGhAygI.js → FeatureIcon.stories-DyY2g0uS.js} +1 -1
- package/docs/assets/{GroupRichListItem-DCe6ppc2.js → GroupRichListItem-BvLfDPjh.js} +1 -1
- package/docs/assets/{GroupRichListItem.stories-C-HPJVJV.js → GroupRichListItem.stories-C6gd1aBX.js} +1 -1
- package/docs/assets/Icon-DLflpryl.js +761 -0
- package/docs/assets/{Icon.stories-C_dap68e.js → Icon.stories-C0zrdS-E.js} +1 -1
- package/docs/assets/{IconButton-CZPMfbyF.js → IconButton-jIBOZaL6.js} +1 -1
- package/docs/assets/{IconButton.stories-BNvZEFYF.js → IconButton.stories-u8ZnxA0r.js} +6 -6
- package/docs/assets/{IconText-BVEyT_xO.js → IconText-D16p7ozy.js} +1 -1
- package/docs/assets/{IconText.stories-Dos4wpXU.js → IconText.stories-90zCvZeb.js} +2 -2
- package/docs/assets/{Image-DBf62AYO.js → Image-Dbv2u4ta.js} +1 -1
- package/docs/assets/{Image.stories-8CR2Xgh1.js → Image.stories-CUWPBT5K.js} +1 -1
- package/docs/assets/{ItemsList-wyz4ig57.js → ItemsList-CJTCYbgI.js} +1 -1
- package/docs/assets/{LoadingBar-BrB35t4Q.js → LoadingBar-Dc_eLNsl.js} +1 -1
- package/docs/assets/{LoadingBar.stories-DKbRUeve.js → LoadingBar.stories-DWH4VmcD.js} +1 -1
- package/docs/assets/{Modal-BBZIcGX3.js → Modal-BcXHhF5p.js} +1 -1
- package/docs/assets/{Modal.stories-BcsTO1Q0.js → Modal.stories-CuBB-dA5.js} +1 -1
- package/docs/assets/ModalDialog-BTKtgJej.js +1 -0
- package/docs/assets/{ModalDialog.stories-MuifsKhJ.js → ModalDialog.stories-HhLl8KlV.js} +1 -1
- package/docs/assets/{NumberInCircle-Bl3O1NY9.js → NumberInCircle-DnPE2szs.js} +1 -1
- package/docs/assets/{NumberInCircle.stories-CvQo4d_n.js → NumberInCircle.stories-Tn0v6S_I.js} +1 -1
- package/docs/assets/{OutlineDivider-DLeaEHJV.js → OutlineDivider-UaRb6wKt.js} +1 -1
- package/docs/assets/{OutlineDivider.stories-kRQwvLLq.js → OutlineDivider.stories-D9Hzkdbe.js} +2 -2
- package/docs/assets/{OutlineItem-CTj7r8p5.js → OutlineItem-k4o2gAd_.js} +1 -1
- package/docs/assets/{OutlineItem.stories-D5ClHBwk.js → OutlineItem.stories-qRcEu4u8.js} +2 -2
- package/docs/assets/{OutlineSectionHeader-D0yWigNU.js → OutlineSectionHeader-LGOAi424.js} +1 -1
- package/docs/assets/{OutlineSectionHeader.stories-rgGBTWra.js → OutlineSectionHeader.stories-PPIsaHhR.js} +1 -1
- package/docs/assets/OverlayHeader-CM0t7lPr.js +1 -0
- package/docs/assets/{OverlayHeader.stories-zXHPPbic.js → OverlayHeader.stories-DdUnt5mJ.js} +2 -2
- package/docs/assets/{PageHeader-Bm1rvulD.js → PageHeader-DkHlb7_P.js} +1 -1
- package/docs/assets/{PageHeader.stories-BGuwpE2Y.js → PageHeader.stories-WThxfLse.js} +1 -1
- package/docs/assets/{Pagination-0MF4UxvJ.js → Pagination-TTyuIJ3s.js} +1 -1
- package/docs/assets/{Pagination.stories-BCM_Mbew.js → Pagination.stories-CCT0nhBs.js} +1 -1
- package/docs/assets/{PopOver-B3x4u7_M.js → PopOver-BtWRUcqR.js} +1 -1
- package/docs/assets/{PopOver.stories-BMGWNs0f.js → PopOver.stories-DdmtSmb1.js} +1 -1
- package/docs/assets/ProgressBar-bPl8V4zL.js +1 -0
- package/docs/assets/{ProgressBar.stories-BzcvqT0X.js → ProgressBar.stories-DPWwdCMP.js} +2 -2
- package/docs/assets/ProgressDonutChart-B42JFhmC.js +1 -0
- package/docs/assets/{ProgressDonutChart.stories-DU3dcYKw.js → ProgressDonutChart.stories-139yf9qk.js} +1 -1
- package/docs/assets/{RadioButton-CZBArMaJ.js → RadioButton-CocBbkKQ.js} +1 -1
- package/docs/assets/{RadioButton.stories-DxbA75Q-.js → RadioButton.stories-Dj4K2DOd.js} +1 -1
- package/docs/assets/{RichListItem.stories-Dkj0fRby.js → RichListItem.stories-Ds8COMWc.js} +1 -1
- package/docs/assets/{SectionHeader-D9YtyaAD.js → SectionHeader-CoK_3gzJ.js} +1 -1
- package/docs/assets/SectionHeader.stories-r1QYbspK.js +24 -0
- package/docs/assets/{SectionTitle-B_bXkybY.js → SectionTitle-DLcFKzRH.js} +1 -1
- package/docs/assets/{SectionTitle.stories-BwEqWW1e.js → SectionTitle.stories-Dybq4paM.js} +1 -1
- package/docs/assets/{SelectList-D5Bts8VC.js → SelectList-B323Y2el.js} +1 -1
- package/docs/assets/{SelectList.stories-Dq_2i6I2.js → SelectList.stories-C89bpLpi.js} +2 -2
- package/docs/assets/{SelectListItem-BTuKM0w4.js → SelectListItem-BfrNC0lN.js} +1 -1
- package/docs/assets/{SelectListItem.stories-wLkoUQxJ.js → SelectListItem.stories-7_Hgwc0t.js} +2 -2
- package/docs/assets/{SelectListItemDivider-CMQALpY4.js → SelectListItemDivider-lDLIwtP8.js} +1 -1
- package/docs/assets/{SelectListItemDivider.stories-D9qt2vAD.js → SelectListItemDivider.stories-BZ6_HOBG.js} +1 -1
- package/docs/assets/{SelectListItemTile-DjvYvZN2.js → SelectListItemTile-VUKxo3Ph.js} +1 -1
- package/docs/assets/{SelectListItemTile.stories-BERL6roD.js → SelectListItemTile.stories-zTWQ8pfo.js} +1 -1
- package/docs/assets/{SelectListItemToggle-BOlj9KDe.js → SelectListItemToggle-DVeIonzN.js} +1 -1
- package/docs/assets/{SelectListItemToggle.stories-i_Fit9iz.js → SelectListItemToggle.stories-isbsW94B.js} +2 -2
- package/docs/assets/{SelectListSectionTitle-DqFzixd5.js → SelectListSectionTitle-BFbrwNgw.js} +1 -1
- package/docs/assets/{SelectListSectionTitle.stories-Bff6cW1U.js → SelectListSectionTitle.stories-NKPegok4.js} +1 -1
- package/docs/assets/{SelectionControl-CPSdtLfn.js → SelectionControl-JHBohZVS.js} +1 -1
- package/docs/assets/{SelectionTile-DKPyO6H7.js → SelectionTile-BUXi_pjW.js} +2 -2
- package/docs/assets/{SelectionTile.stories-Cc4SjNRp.js → SelectionTile.stories-BGkoASzB.js} +2 -2
- package/docs/assets/Skeleton-DhyJ4ZKG.js +179 -0
- package/docs/assets/{Skeleton.stories-BcZQO1fR.js → Skeleton.stories-CsZjBoj1.js} +1 -1
- package/docs/assets/SurveyQuestionOpenEnded-Cc4cKSQ6.js +1 -0
- package/docs/assets/{SurveyQuestionOpenEnded.stories-CYrLDfB9.js → SurveyQuestionOpenEnded.stories-RzpJn8fr.js} +1 -1
- package/docs/assets/{SurveyQuestionScale-BVMA41EG.js → SurveyQuestionScale-DECnKlLN.js} +1 -1
- package/docs/assets/{SurveyQuestionScale.stories-DPZ-AjFp.js → SurveyQuestionScale.stories-CIEPsvni.js} +1 -1
- package/docs/assets/SurveyToggle-DBYCLMcd.js +1 -0
- package/docs/assets/SurveyToggle.stories-C0M1EYrR.js +14 -0
- package/docs/assets/{Switch-mI22_wqI.js → Switch-CJmb9Pod.js} +1 -1
- package/docs/assets/{Switch.stories-DJbgEX5x.js → Switch.stories-B_SvqqVw.js} +2 -2
- package/docs/assets/{TabItem-4XkUTn2I.js → TabItem-DHcL0LcY.js} +1 -1
- package/docs/assets/{TabItem.stories-CxZNhXoy.js → TabItem.stories-D-hHY4xD.js} +1 -1
- package/docs/assets/{TextGroup-CYKZ-tOo.js → TextGroup-AUUBIFJZ.js} +1 -1
- package/docs/assets/{TextGroup.stories-cU3ZCXVQ.js → TextGroup.stories-CqwkdBAO.js} +2 -2
- package/docs/assets/{ThreeColumnLayout-DyxM7a22.js → ThreeColumnLayout-DXA1815_.js} +1 -1
- package/docs/assets/{ThreeColumnLayout.stories-BakzsXzp.js → ThreeColumnLayout.stories-BA08mTZ7.js} +1 -1
- package/docs/assets/{Tile-0yOu7J1-.js → Tile-C-0-l9Zd.js} +1 -1
- package/docs/assets/{Tile.sb.shared-BIRwKt3g.js → Tile.sb.shared-CPS5WnqW.js} +2 -2
- package/docs/assets/{Tile.stories-DTemmawI.js → Tile.stories-CS3Brfmz.js} +1 -1
- package/docs/assets/{Toast-DlXptQwk.js → Toast-CiehGYa_.js} +1 -1
- package/docs/assets/{Toast.stories-C1j6ZAmy.js → Toast.stories-a73EHj2n.js} +2 -2
- package/docs/assets/{ToggleButton-C-1JM2Me.js → ToggleButton-B2K48hG5.js} +1 -1
- package/docs/assets/{ToggleButton.stories-FqBRCElp.js → ToggleButton.stories-DU0K3-Gd.js} +2 -2
- package/docs/assets/{Tooltip-Du7SUpMn.js → Tooltip-DZi9yXjr.js} +1 -1
- package/docs/assets/{Tooltip.stories-CCYTS-Fb.js → Tooltip.stories-d9VyD_0V.js} +1 -1
- package/docs/assets/TypographyTokensLms.stories-CZpPPUwu.js +11 -0
- package/docs/assets/{TypographyVariables.stories-DUTx2qnw.js → TypographyVariables.stories-B4Lg96R3.js} +2 -2
- package/docs/assets/{Well-Cey8Z7qW.js → Well-Cuj5KPHL.js} +1 -1
- package/docs/assets/{Well.stories-DAG6cTio.js → Well.stories-BeM1zP19.js} +1 -1
- package/docs/assets/_commonjsHelpers-CDR5Xrri.js +1 -0
- package/docs/assets/decorator-B_8W69Nd.js +1 -0
- package/docs/assets/entry-preview-docs-Bz8Se46p.js +16 -0
- package/docs/assets/{entry-preview-BOTW3a15.js → entry-preview-lHccVHf5.js} +1 -1
- package/docs/assets/{iframe-D_-dtN5h.js → iframe-DeX83N-_.js} +2 -2
- package/docs/assets/{index-DDP_XGH_.js → index-BSZogKLd.js} +1 -1
- package/docs/assets/{index-CYKpKDcN.js → index-Bt72ABkX.js} +1 -1
- package/docs/assets/index-C7dYv50j.js +8 -0
- package/docs/assets/pl-1OaNPZt2.js +1 -0
- package/docs/assets/preview-Br-h4d84.js +1 -0
- package/docs/assets/{preview-BKbCUmg4.js → preview-CxZpfmpr.js} +2 -2
- package/docs/assets/{preview-DFphXfmq.js → preview-DH_HFzT6.js} +1 -1
- package/docs/assets/preview-vDX9kXAW.js +64 -0
- package/docs/assets/{string-fni2Tsvs.js → string-BUK4JyUO.js} +1 -1
- package/docs/assets/v4-CwV2VaSl.js +1 -0
- package/docs/assets/vue-popper-DoPHnofs.js +24 -0
- package/docs/assets/{vue.esm-bundler-C__e7YM5.js → vue.esm-bundler-DD4BrEtS.js} +2 -2
- package/docs/iframe.html +1 -1
- package/docs/project.json +1 -1
- package/lib/js/components/Avatar/Avatar.spec.ts +46 -50
- package/lib/js/components/Badge/Badge.spec.ts +1 -0
- package/lib/js/components/BadgeScore/BadgeScore.spec.ts +1 -0
- package/lib/js/components/Buttons/Button/Button.spec.ts +1 -0
- package/lib/js/components/Cards/Card/Card.spec.ts +1 -0
- package/lib/js/components/Cards/CardExpandable/CardExpandable.spec.ts +1 -0
- package/lib/js/components/Chip/Chip.spec.ts +1 -0
- package/lib/js/components/Modal/Modal.spec.ts +1 -0
- package/lib/js/components/Pagination/Pagination.spec.ts +1 -0
- package/lib/js/components/ProgressDonutChart/ProgressDonutChart.spec.ts +1 -0
- package/lib/js/components/Statuses/AccessStatus/AccessStatus.spec.ts +1 -0
- package/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.spec.ts +1 -0
- package/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.spec.ts +1 -0
- package/lib/js/components/SurveyToggle/SurveyToggle.spec.ts +1 -0
- package/lib/js/components/TabItem/TabItem.spec.ts +1 -0
- package/lib/js/components/Tile/Tile.spec.ts +1 -0
- package/lib/js/components/Toggles/CounterToggle/CounterToggle.spec.ts +1 -0
- package/lib/js/icons/fontawesome.ts +4 -0
- package/package.json +11 -13
- package/stylelint.config.cjs +1 -5
- package/tools/importers/SynchronizeTypographyTokens.spec.ts +1 -0
- package/tsconfig.base.json +40 -0
- package/tsconfig.json +4 -44
- package/vite.config.ts +7 -10
- package/docs/assets/BasicRichListItem-wfUgcNwn.js +0 -1
- package/docs/assets/CardExpandable-wW2aRczX.js +0 -1
- package/docs/assets/Color-ERTF36HU-DOnyiMts.js +0 -1
- package/docs/assets/ColorsTokensLms.stories-cGNfW5nL.js +0 -11
- package/docs/assets/DatePicker-BW7O9P83.js +0 -2
- package/docs/assets/DateRangePicker-BYYBLU1m.js +0 -1
- package/docs/assets/DocsRenderer-CFRXHY34-BZqNHisi.js +0 -639
- package/docs/assets/DrawerListItem-DmA8l7uW.js +0 -1
- package/docs/assets/Dropdown-T-DajGjx.js +0 -1
- package/docs/assets/Icon-mlOEH8dY.js +0 -761
- package/docs/assets/ModalDialog-WFMRAk1N.js +0 -1
- package/docs/assets/OverlayHeader-DUuFsfnH.js +0 -1
- package/docs/assets/ProgressBar-CSyKJzJ7.js +0 -1
- package/docs/assets/ProgressDonutChart-CMlfnJIg.js +0 -1
- package/docs/assets/SectionHeader.stories-CdOsztQo.js +0 -24
- package/docs/assets/Skeleton-Cpsye1IX.js +0 -179
- package/docs/assets/SurveyQuestionOpenEnded-DWI9C78d.js +0 -1
- package/docs/assets/SurveyToggle-pbbLpF_K.js +0 -1
- package/docs/assets/SurveyToggle.stories-Da2KtymG.js +0 -14
- package/docs/assets/TypographyTokensLms.stories-CLfM1Xav.js +0 -11
- package/docs/assets/_commonjsHelpers-Chg3vePA.js +0 -1
- package/docs/assets/decorator-CSnIf-k5.js +0 -1
- package/docs/assets/entry-preview-docs-Cvbf5NiE.js +0 -16
- package/docs/assets/index-vG0co4wr.js +0 -8
- package/docs/assets/pl-Cy1N1vsP.js +0 -1
- package/docs/assets/preview-C0nGiknN.js +0 -64
- package/docs/assets/preview-DFmD0pui.js +0 -1
- package/docs/assets/v4-BZawosSj.js +0 -1
- package/docs/assets/vue-popper-BvR5iCy5.js +0 -24
- package/jest.config.js +0 -28
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import{I as l,T as c}from"./ItemsList-CJTCYbgI.js";import"./vue.esm-bundler-DD4BrEtS.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const d=[{id:"_tokens.scss_color-default-text",label:"color-default-text",value:"var(--raw-black)"},{id:"_tokens.scss_color-inverted-text",label:"color-inverted-text",value:"var(--raw-white)"},{id:"_tokens.scss_color-inverted-text-disabled",label:"color-inverted-text-disabled",value:"rgba(var(--raw-white-rgb), 0.6)"},{id:"_tokens.scss_color-primary-text",label:"color-primary-text",value:"var(--theme-600)"},{id:"_tokens.scss_color-primary-text-hovered",label:"color-primary-text-hovered",value:"var(--theme-800)"},{id:"_tokens.scss_color-primary-text-focused",label:"color-primary-text-focused",value:"var(--theme-800)"},{id:"_tokens.scss_color-primary-text-disabled",label:"color-primary-text-disabled",value:"var(--theme-200)"},{id:"_tokens.scss_color-neutral-text-heavy",label:"color-neutral-text-heavy",value:"var(--raw-gray-900)"},{id:"_tokens.scss_color-neutral-text-heavy-hovered",label:"color-neutral-text-heavy-hovered",value:"var(--raw-black)"},{id:"_tokens.scss_color-neutral-text-heavy-focused",label:"color-neutral-text-heavy-focused",value:"var(--raw-black)"},{id:"_tokens.scss_color-neutral-text-heavy-disabled",label:"color-neutral-text-heavy-disabled",value:"var(--raw-gray-400)"},{id:"_tokens.scss_color-neutral-text-strong",label:"color-neutral-text-strong",value:"var(--raw-gray-800)"},{id:"_tokens.scss_color-neutral-text-strong-hovered",label:"color-neutral-text-strong-hovered",value:"var(--raw-gray-900)"},{id:"_tokens.scss_color-neutral-text-strong-focused",label:"color-neutral-text-strong-focused",value:"var(--raw-gray-900)"},{id:"_tokens.scss_color-neutral-text-strong-disabled",label:"color-neutral-text-strong-disabled",value:"var(--raw-gray-400)"},{id:"_tokens.scss_color-neutral-text",label:"color-neutral-text",value:"var(--raw-gray-700)"},{id:"_tokens.scss_color-neutral-text-hovered",label:"color-neutral-text-hovered",value:"var(--raw-gray-900)"},{id:"_tokens.scss_color-neutral-text-focused",label:"color-neutral-text-focused",value:"var(--raw-gray-900)"},{id:"_tokens.scss_color-neutral-text-disabled",label:"color-neutral-text-disabled",value:"var(--raw-gray-400)"},{id:"_tokens.scss_color-neutral-text-weak",label:"color-neutral-text-weak",value:"var(--raw-gray-500)"},{id:"_tokens.scss_color-neutral-text-weak-hovered",label:"color-neutral-text-weak-hovered",value:"var(--raw-gray-700)"},{id:"_tokens.scss_color-neutral-text-weak-focused",label:"color-neutral-text-weak-focused",value:"var(--raw-gray-700)"},{id:"_tokens.scss_color-neutral-text-weak-disabled",label:"color-neutral-text-weak-disabled",value:"var(--raw-gray-400)"},{id:"_tokens.scss_color-danger-text",label:"color-danger-text",value:"var(--raw-red-500)"},{id:"_tokens.scss_color-danger-text-hovered",label:"color-danger-text-hovered",value:"var(--raw-red-700)"},{id:"_tokens.scss_color-danger-text-focused",label:"color-danger-text-focused",value:"var(--raw-red-700)"},{id:"_tokens.scss_color-danger-text-disabled",label:"color-danger-text-disabled",value:"var(--raw-red-200)"},{id:"_tokens.scss_color-danger-text-weak",label:"color-danger-text-weak",value:"var(--raw-red-400)"},{id:"_tokens.scss_color-danger-text-weak-hovered",label:"color-danger-text-weak-hovered",value:"var(--raw-red-600)"},{id:"_tokens.scss_color-danger-text-weak-focused",label:"color-danger-text-weak-focused",value:"var(--raw-red-600)"},{id:"_tokens.scss_color-danger-text-weak-disabled",label:"color-danger-text-weak-disabled",value:"var(--raw-red-200)"},{id:"_tokens.scss_color-fail-text",label:"color-fail-text",value:"var(--raw-orange-500)"},{id:"_tokens.scss_color-fail-text-hovered",label:"color-fail-text-hovered",value:"var(--raw-orange-700)"},{id:"_tokens.scss_color-fail-text-focused",label:"color-fail-text-focused",value:"var(--raw-orange-700)"},{id:"_tokens.scss_color-fail-text-disabled",label:"color-fail-text-disabled",value:"var(--raw-orange-200)"},{id:"_tokens.scss_color-fail-text-weak",label:"color-fail-text-weak",value:"var(--raw-orange-400)"},{id:"_tokens.scss_color-fail-text-weak-hovered",label:"color-fail-text-weak-hovered",value:"var(--raw-orange-600)"},{id:"_tokens.scss_color-fail-text-weak-focused",label:"color-fail-text-weak-focused",value:"var(--raw-orange-600)"},{id:"_tokens.scss_color-fail-text-weak-disabled",label:"color-fail-text-weak-disabled",value:"var(--raw-orange-200)"},{id:"_tokens.scss_color-warning-text",label:"color-warning-text",value:"var(--raw-gold-500)"},{id:"_tokens.scss_color-warning-text-hovered",label:"color-warning-text-hovered",value:"var(--raw-gold-700)"},{id:"_tokens.scss_color-warning-text-focused",label:"color-warning-text-focused",value:"var(--raw-gold-700)"},{id:"_tokens.scss_color-warning-text-disabled",label:"color-warning-text-disabled",value:"var(--raw-gold-200)"},{id:"_tokens.scss_color-warning-text-weak",label:"color-warning-text-weak",value:"var(--raw-gold-400)"},{id:"_tokens.scss_color-warning-text-weak-hovered",label:"color-warning-text-weak-hovered",value:"var(--raw-gold-600)"},{id:"_tokens.scss_color-warning-text-weak-focused",label:"color-warning-text-weak-focused",value:"var(--raw-gold-600)"},{id:"_tokens.scss_color-warning-text-weak-disabled",label:"color-warning-text-weak-disabled",value:"var(--raw-gold-200)"},{id:"_tokens.scss_color-success-text",label:"color-success-text",value:"var(--raw-green-500)"},{id:"_tokens.scss_color-success-text-hovered",label:"color-success-text-hovered",value:"var(--raw-green-700)"},{id:"_tokens.scss_color-success-text-focused",label:"color-success-text-focused",value:"var(--raw-green-700)"},{id:"_tokens.scss_color-success-text-disabled",label:"color-success-text-disabled",value:"var(--raw-green-200)"},{id:"_tokens.scss_color-success-text-weak",label:"color-success-text-weak",value:"var(--raw-green-400)"},{id:"_tokens.scss_color-success-text-weak-hovered",label:"color-success-text-weak-hovered",value:"var(--raw-green-600)"},{id:"_tokens.scss_color-success-text-weak-focused",label:"color-success-text-weak-focused",value:"var(--raw-green-600)"},{id:"_tokens.scss_color-success-text-weak-disabled",label:"color-success-text-weak-disabled",value:"var(--raw-green-200)"},{id:"_tokens.scss_color-info-text",label:"color-info-text",value:"var(--raw-blue-500)"},{id:"_tokens.scss_color-info-text-hovered",label:"color-info-text-hovered",value:"var(--raw-blue-700)"},{id:"_tokens.scss_color-info-text-focused",label:"color-info-text-focused",value:"var(--raw-blue-700)"},{id:"_tokens.scss_color-info-text-disabled",label:"color-info-text-disabled",value:"var(--raw-blue-200)"},{id:"_tokens.scss_color-accent-text",label:"color-accent-text",value:"var(--raw-violet-500)"},{id:"_tokens.scss_color-accent-text-hovered",label:"color-accent-text-hovered",value:"var(--raw-violet-700)"},{id:"_tokens.scss_color-accent-text-focused",label:"color-accent-text-focused",value:"var(--raw-violet-700)"},{id:"_tokens.scss_color-accent-text-disabled",label:"color-accent-text-disabled",value:"var(--raw-violet-200)"}],n=[{id:"_tokens.scss_color-default-icon",label:"color-default-icon",value:"var(--raw-black)"},{id:"_tokens.scss_color-inverted-icon",label:"color-inverted-icon",value:"var(--raw-white)"},{id:"_tokens.scss_color-inverted-icon-disabled",label:"color-inverted-icon-disabled",value:"rgba(var(--raw-white-rgb), 0.6)"},{id:"_tokens.scss_color-primary-icon",label:"color-primary-icon",value:"var(--theme-500)"},{id:"_tokens.scss_color-primary-icon-hovered",label:"color-primary-icon-hovered",value:"var(--theme-700)"},{id:"_tokens.scss_color-primary-icon-focused",label:"color-primary-icon-focused",value:"var(--theme-700)"},{id:"_tokens.scss_color-primary-icon-disabled",label:"color-primary-icon-disabled",value:"var(--theme-200)"},{id:"_tokens.scss_color-primary-icon-weak",label:"color-primary-icon-weak",value:"var(--theme-300)"},{id:"_tokens.scss_color-primary-icon-weak-hovered",label:"color-primary-icon-weak-hovered",value:"var(--theme-500)"},{id:"_tokens.scss_color-primary-icon-weak-focused",label:"color-primary-icon-weak-focused",value:"var(--theme-500)"},{id:"_tokens.scss_color-primary-icon-weak-disabled",label:"color-primary-icon-weak-disabled",value:"var(--theme-100)"},{id:"_tokens.scss_color-neutral-icon-strong",label:"color-neutral-icon-strong",value:"var(--raw-gray-800)"},{id:"_tokens.scss_color-neutral-icon-strong-hovered",label:"color-neutral-icon-strong-hovered",value:"var(--raw-gray-900)"},{id:"_tokens.scss_color-neutral-icon-strong-focused",label:"color-neutral-icon-strong-focused",value:"var(--raw-gray-900)"},{id:"_tokens.scss_color-neutral-icon-strong-disabled",label:"color-neutral-icon-strong-disabled",value:"var(--raw-gray-300)"},{id:"_tokens.scss_color-neutral-icon",label:"color-neutral-icon",value:"var(--raw-gray-600)"},{id:"_tokens.scss_color-neutral-icon-hovered",label:"color-neutral-icon-hovered",value:"var(--raw-gray-800)"},{id:"_tokens.scss_color-neutral-icon-focused",label:"color-neutral-icon-focused",value:"var(--raw-gray-800)"},{id:"_tokens.scss_color-neutral-icon-disabled",label:"color-neutral-icon-disabled",value:"var(--raw-gray-300)"},{id:"_tokens.scss_color-neutral-icon-weak",label:"color-neutral-icon-weak",value:"var(--raw-gray-400)"},{id:"_tokens.scss_color-neutral-icon-weak-hovered",label:"color-neutral-icon-weak-hovered",value:"var(--raw-gray-600)"},{id:"_tokens.scss_color-neutral-icon-weak-focused",label:"color-neutral-icon-weak-focused",value:"var(--raw-gray-600)"},{id:"_tokens.scss_color-neutral-icon-weak-disabled",label:"color-neutral-icon-weak-disabled",value:"var(--raw-gray-300)"},{id:"_tokens.scss_color-danger-icon",label:"color-danger-icon",value:"var(--raw-red-500)"},{id:"_tokens.scss_color-danger-icon-hovered",label:"color-danger-icon-hovered",value:"var(--raw-red-700)"},{id:"_tokens.scss_color-danger-icon-focused",label:"color-danger-icon-focused",value:"var(--raw-red-700)"},{id:"_tokens.scss_color-danger-icon-disabled",label:"color-danger-icon-disabled",value:"var(--raw-red-200)"},{id:"_tokens.scss_color-fail-icon",label:"color-fail-icon",value:"var(--raw-orange-500)"},{id:"_tokens.scss_color-fail-icon-hovered",label:"color-fail-icon-hovered",value:"var(--raw-orange-700)"},{id:"_tokens.scss_color-fail-icon-focused",label:"color-fail-icon-focused",value:"var(--raw-orange-700)"},{id:"_tokens.scss_color-fail-icon-disabled",label:"color-fail-icon-disabled",value:"var(--raw-orange-200)"},{id:"_tokens.scss_color-warning-icon",label:"color-warning-icon",value:"var(--raw-gold-500)"},{id:"_tokens.scss_color-warning-icon-hovered",label:"color-warning-icon-hovered",value:"var(--raw-gold-700)"},{id:"_tokens.scss_color-warning-icon-focused",label:"color-warning-icon-focused",value:"var(--raw-gold-700)"},{id:"_tokens.scss_color-warning-icon-disabled",label:"color-warning-icon-disabled",value:"var(--raw-gold-200)"},{id:"_tokens.scss_color-success-icon",label:"color-success-icon",value:"var(--raw-green-500)"},{id:"_tokens.scss_color-success-icon-hovered",label:"color-success-icon-hovered",value:"var(--raw-green-700)"},{id:"_tokens.scss_color-success-icon-focused",label:"color-success-icon-focused",value:"var(--raw-green-700)"},{id:"_tokens.scss_color-success-icon-disabled",label:"color-success-icon-disabled",value:"var(--raw-green-200)"},{id:"_tokens.scss_color-info-icon",label:"color-info-icon",value:"var(--raw-blue-500)"},{id:"_tokens.scss_color-info-icon-hovered",label:"color-info-icon-hovered",value:"var(--raw-blue-700)"},{id:"_tokens.scss_color-info-icon-focused",label:"color-info-icon-focused",value:"var(--raw-blue-700)"},{id:"_tokens.scss_color-info-icon-disabled",label:"color-info-icon-disabled",value:"var(--raw-blue-100)"},{id:"_tokens.scss_color-accent-icon",label:"color-accent-icon",value:"var(--raw-violet-500)"},{id:"_tokens.scss_color-accent-icon-hovered",label:"color-accent-icon-hovered",value:"var(--raw-violet-700)"},{id:"_tokens.scss_color-accent-icon-focused",label:"color-accent-icon-focused",value:"var(--raw-violet-700)"},{id:"_tokens.scss_color-accent-icon-disabled",label:"color-accent-icon-disabled",value:"var(--raw-violet-200)"},{id:"_tokens.scss_color-highlight-icon",label:"color-highlight-icon",value:"var(--raw-yellow-500)"},{id:"_tokens.scss_color-highlight-icon-hovered",label:"color-highlight-icon-hovered",value:"var(--raw-yellow-700)"},{id:"_tokens.scss_color-highlight-icon-focused",label:"color-highlight-icon-focused",value:"var(--raw-yellow-700)"},{id:"_tokens.scss_color-highlight-icon-disabled",label:"color-highlight-icon-disabled",value:"var(--raw-yellow-200)"}],t=JSON.parse('[{"id":"_tokens.scss_color-default-background","label":"color-default-background","value":"var(--raw-white)"},{"id":"_tokens.scss_color-default-background-ghost","label":"color-default-background-ghost","value":"rgba(var(--raw-white-rgb), 0)"},{"id":"_tokens.scss_color-default-background-ghost-hovered","label":"color-default-background-ghost-hovered","value":"rgba(var(--raw-white-rgb), 0.12)"},{"id":"_tokens.scss_color-default-background-ghost-focused","label":"color-default-background-ghost-focused","value":"rgba(var(--raw-white-rgb), 0.12)"},{"id":"_tokens.scss_color-default-background-ghost-pressed","label":"color-default-background-ghost-pressed","value":"rgba(var(--raw-white-rgb), 0.18)"},{"id":"_tokens.scss_color-default-background-ghost-disabled","label":"color-default-background-ghost-disabled","value":"rgba(var(--raw-white-rgb), 0)"},{"id":"_tokens.scss_color-primary-background-strong","label":"color-primary-background-strong","value":"var(--theme-500)"},{"id":"_tokens.scss_color-primary-background-strong-hovered","label":"color-primary-background-strong-hovered","value":"var(--theme-600)"},{"id":"_tokens.scss_color-primary-background-strong-focused","label":"color-primary-background-strong-focused","value":"var(--theme-600)"},{"id":"_tokens.scss_color-primary-background-strong-pressed","label":"color-primary-background-strong-pressed","value":"var(--theme-700)"},{"id":"_tokens.scss_color-primary-background-strong-disabled","label":"color-primary-background-strong-disabled","value":"var(--theme-200)"},{"id":"_tokens.scss_color-primary-background-medium","label":"color-primary-background-medium","value":"var(--theme-100)"},{"id":"_tokens.scss_color-primary-background-medium-hovered","label":"color-primary-background-medium-hovered","value":"var(--theme-200)"},{"id":"_tokens.scss_color-primary-background-medium-focused","label":"color-primary-background-medium-focused","value":"var(--theme-200)"},{"id":"_tokens.scss_color-primary-background-medium-pressed","label":"color-primary-background-medium-pressed","value":"var(--theme-300)"},{"id":"_tokens.scss_color-primary-background-medium-disabled","label":"color-primary-background-medium-disabled","value":"var(--theme-50)"},{"id":"_tokens.scss_color-primary-background","label":"color-primary-background","value":"var(--theme-50)"},{"id":"_tokens.scss_color-primary-background-hovered","label":"color-primary-background-hovered","value":"var(--theme-100)"},{"id":"_tokens.scss_color-primary-background-focused","label":"color-primary-background-focused","value":"var(--theme-100)"},{"id":"_tokens.scss_color-primary-background-pressed","label":"color-primary-background-pressed","value":"var(--theme-200)"},{"id":"_tokens.scss_color-primary-background-disabled","label":"color-primary-background-disabled","value":"var(--theme-50)"},{"id":"_tokens.scss_color-primary-background-weak","label":"color-primary-background-weak","value":"var(--raw-white)"},{"id":"_tokens.scss_color-primary-background-weak-hovered","label":"color-primary-background-weak-hovered","value":"var(--theme-100)"},{"id":"_tokens.scss_color-primary-background-weak-focused","label":"color-primary-background-weak-focused","value":"var(--theme-100)"},{"id":"_tokens.scss_color-primary-background-weak-pressed","label":"color-primary-background-weak-pressed","value":"var(--theme-200)"},{"id":"_tokens.scss_color-primary-background-weak-disabled","label":"color-primary-background-weak-disabled","value":"var(--raw-white)"},{"id":"_tokens.scss_color-primary-background-ghost","label":"color-primary-background-ghost","value":"rgba(var(--theme-500-rgb), 0)"},{"id":"_tokens.scss_color-primary-background-ghost-hovered","label":"color-primary-background-ghost-hovered","value":"rgba(var(--theme-500-rgb), 0.12)"},{"id":"_tokens.scss_color-primary-background-ghost-focused","label":"color-primary-background-ghost-focused","value":"rgba(var(--theme-500-rgb), 0.12)"},{"id":"_tokens.scss_color-primary-background-ghost-pressed","label":"color-primary-background-ghost-pressed","value":"rgba(var(--theme-500-rgb), 0.18)"},{"id":"_tokens.scss_color-primary-background-ghost-disabled","label":"color-primary-background-ghost-disabled","value":"rgba(var(--theme-500-rgb), 0)"},{"id":"_tokens.scss_color-neutral-background-heavy","label":"color-neutral-background-heavy","value":"var(--raw-gray-700)"},{"id":"_tokens.scss_color-neutral-background-heavy-hovered","label":"color-neutral-background-heavy-hovered","value":"var(--raw-gray-800)"},{"id":"_tokens.scss_color-neutral-background-heavy-focused","label":"color-neutral-background-heavy-focused","value":"var(--raw-gray-800)"},{"id":"_tokens.scss_color-neutral-background-heavy-pressed","label":"color-neutral-background-heavy-pressed","value":"var(--raw-gray-900)"},{"id":"_tokens.scss_color-neutral-background-heavy-disabled","label":"color-neutral-background-heavy-disabled","value":"var(--raw-gray-300)"},{"id":"_tokens.scss_color-neutral-background-strong","label":"color-neutral-background-strong","value":"var(--raw-gray-400)"},{"id":"_tokens.scss_color-neutral-background-strong-hovered","label":"color-neutral-background-strong-hovered","value":"var(--raw-gray-500)"},{"id":"_tokens.scss_color-neutral-background-strong-focused","label":"color-neutral-background-strong-focused","value":"var(--raw-gray-500)"},{"id":"_tokens.scss_color-neutral-background-strong-pressed","label":"color-neutral-background-strong-pressed","value":"var(--raw-gray-600)"},{"id":"_tokens.scss_color-neutral-background-strong-disabled","label":"color-neutral-background-strong-disabled","value":"var(--raw-gray-300)"},{"id":"_tokens.scss_color-neutral-background-medium","label":"color-neutral-background-medium","value":"var(--raw-gray-200)"},{"id":"_tokens.scss_color-neutral-background-medium-hovered","label":"color-neutral-background-medium-hovered","value":"var(--raw-gray-300)"},{"id":"_tokens.scss_color-neutral-background-medium-focused","label":"color-neutral-background-medium-focused","value":"var(--raw-gray-300)"},{"id":"_tokens.scss_color-neutral-background-medium-pressed","label":"color-neutral-background-medium-pressed","value":"var(--raw-gray-400)"},{"id":"_tokens.scss_color-neutral-background-medium-disabled","label":"color-neutral-background-medium-disabled","value":"var(--raw-gray-100)"},{"id":"_tokens.scss_color-neutral-background","label":"color-neutral-background","value":"var(--raw-gray-50)"},{"id":"_tokens.scss_color-neutral-background-hovered","label":"color-neutral-background-hovered","value":"var(--raw-gray-100)"},{"id":"_tokens.scss_color-neutral-background-focused","label":"color-neutral-background-focused","value":"var(--raw-gray-100)"},{"id":"_tokens.scss_color-neutral-background-pressed","label":"color-neutral-background-pressed","value":"var(--raw-gray-200)"},{"id":"_tokens.scss_color-neutral-background-disabled","label":"color-neutral-background-disabled","value":"var(--raw-gray-50)"},{"id":"_tokens.scss_color-neutral-background-weak","label":"color-neutral-background-weak","value":"var(--raw-white)"},{"id":"_tokens.scss_color-neutral-background-weak-hovered","label":"color-neutral-background-weak-hovered","value":"var(--raw-gray-100)"},{"id":"_tokens.scss_color-neutral-background-weak-focused","label":"color-neutral-background-weak-focused","value":"var(--raw-gray-100)"},{"id":"_tokens.scss_color-neutral-background-weak-pressed","label":"color-neutral-background-weak-pressed","value":"var(--raw-gray-200)"},{"id":"_tokens.scss_color-neutral-background-weak-disabled","label":"color-neutral-background-weak-disabled","value":"var(--raw-white)"},{"id":"_tokens.scss_color-neutral-background-ghost","label":"color-neutral-background-ghost","value":"rgba(var(--raw-gray-700-rgb), 0)"},{"id":"_tokens.scss_color-neutral-background-ghost-hovered","label":"color-neutral-background-ghost-hovered","value":"rgba(var(--raw-gray-700-rgb), 0.12)"},{"id":"_tokens.scss_color-neutral-background-ghost-focused","label":"color-neutral-background-ghost-focused","value":"rgba(var(--raw-gray-700-rgb), 0.12)"},{"id":"_tokens.scss_color-neutral-background-ghost-pressed","label":"color-neutral-background-ghost-pressed","value":"rgba(var(--raw-gray-700-rgb), 0.18)"},{"id":"_tokens.scss_color-neutral-background-ghost-disabled","label":"color-neutral-background-ghost-disabled","value":"rgba(var(--raw-gray-700-rgb), 0)"},{"id":"_tokens.scss_color-danger-background-strong","label":"color-danger-background-strong","value":"var(--raw-red-500)"},{"id":"_tokens.scss_color-danger-background-strong-hovered","label":"color-danger-background-strong-hovered","value":"var(--raw-red-600)"},{"id":"_tokens.scss_color-danger-background-strong-focused","label":"color-danger-background-strong-focused","value":"var(--raw-red-600)"},{"id":"_tokens.scss_color-danger-background-strong-pressed","label":"color-danger-background-strong-pressed","value":"var(--raw-red-700)"},{"id":"_tokens.scss_color-danger-background-strong-disabled","label":"color-danger-background-strong-disabled","value":"var(--raw-red-200)"},{"id":"_tokens.scss_color-danger-background-medium","label":"color-danger-background-medium","value":"var(--raw-red-100)"},{"id":"_tokens.scss_color-danger-background-medium-hovered","label":"color-danger-background-medium-hovered","value":"var(--raw-red-200)"},{"id":"_tokens.scss_color-danger-background-medium-focused","label":"color-danger-background-medium-focused","value":"var(--raw-red-200)"},{"id":"_tokens.scss_color-danger-background-medium-pressed","label":"color-danger-background-medium-pressed","value":"var(--raw-red-300)"},{"id":"_tokens.scss_color-danger-background-medium-disabled","label":"color-danger-background-medium-disabled","value":"var(--raw-red-50)"},{"id":"_tokens.scss_color-danger-background","label":"color-danger-background","value":"var(--raw-red-50)"},{"id":"_tokens.scss_color-danger-background-hovered","label":"color-danger-background-hovered","value":"var(--raw-red-100)"},{"id":"_tokens.scss_color-danger-background-focused","label":"color-danger-background-focused","value":"var(--raw-red-100)"},{"id":"_tokens.scss_color-danger-background-pressed","label":"color-danger-background-pressed","value":"var(--raw-red-200)"},{"id":"_tokens.scss_color-danger-background-disabled","label":"color-danger-background-disabled","value":"var(--raw-red-50)"},{"id":"_tokens.scss_color-danger-background-weak","label":"color-danger-background-weak","value":"var(--raw-white)"},{"id":"_tokens.scss_color-danger-background-weak-hovered","label":"color-danger-background-weak-hovered","value":"var(--raw-red-100)"},{"id":"_tokens.scss_color-danger-background-weak-focused","label":"color-danger-background-weak-focused","value":"var(--raw-red-100)"},{"id":"_tokens.scss_color-danger-background-weak-pressed","label":"color-danger-background-weak-pressed","value":"var(--raw-red-200)"},{"id":"_tokens.scss_color-danger-background-weak-disabled","label":"color-danger-background-weak-disabled","value":"var(--raw-white)"},{"id":"_tokens.scss_color-danger-background-ghost","label":"color-danger-background-ghost","value":"rgba(var(--raw-red-500-rgb), 0)"},{"id":"_tokens.scss_color-danger-background-ghost-hovered","label":"color-danger-background-ghost-hovered","value":"rgba(var(--raw-red-500-rgb), 0.12)"},{"id":"_tokens.scss_color-danger-background-ghost-focused","label":"color-danger-background-ghost-focused","value":"rgba(var(--raw-red-500-rgb), 0.12)"},{"id":"_tokens.scss_color-danger-background-ghost-pressed","label":"color-danger-background-ghost-pressed","value":"rgba(var(--raw-red-500-rgb), 0.18)"},{"id":"_tokens.scss_color-danger-background-ghost-disabled","label":"color-danger-background-ghost-disabled","value":"rgba(var(--raw-red-500-rgb), 0)"},{"id":"_tokens.scss_color-fail-background-strong","label":"color-fail-background-strong","value":"var(--raw-orange-500)"},{"id":"_tokens.scss_color-fail-background-strong-hovered","label":"color-fail-background-strong-hovered","value":"var(--raw-orange-600)"},{"id":"_tokens.scss_color-fail-background-strong-focused","label":"color-fail-background-strong-focused","value":"var(--raw-orange-600)"},{"id":"_tokens.scss_color-fail-background-strong-pressed","label":"color-fail-background-strong-pressed","value":"var(--raw-orange-700)"},{"id":"_tokens.scss_color-fail-background-strong-disabled","label":"color-fail-background-strong-disabled","value":"var(--raw-orange-200)"},{"id":"_tokens.scss_color-fail-background-medium","label":"color-fail-background-medium","value":"var(--raw-orange-100)"},{"id":"_tokens.scss_color-fail-background-medium-hovered","label":"color-fail-background-medium-hovered","value":"var(--raw-orange-200)"},{"id":"_tokens.scss_color-fail-background-medium-focused","label":"color-fail-background-medium-focused","value":"var(--raw-orange-200)"},{"id":"_tokens.scss_color-fail-background-medium-pressed","label":"color-fail-background-medium-pressed","value":"var(--raw-orange-300)"},{"id":"_tokens.scss_color-fail-background-medium-disabled","label":"color-fail-background-medium-disabled","value":"var(--raw-orange-50)"},{"id":"_tokens.scss_color-fail-background","label":"color-fail-background","value":"var(--raw-orange-50)"},{"id":"_tokens.scss_color-fail-background-hovered","label":"color-fail-background-hovered","value":"var(--raw-orange-100)"},{"id":"_tokens.scss_color-fail-background-focused","label":"color-fail-background-focused","value":"var(--raw-orange-100)"},{"id":"_tokens.scss_color-fail-background-pressed","label":"color-fail-background-pressed","value":"var(--raw-orange-200)"},{"id":"_tokens.scss_color-fail-background-disabled","label":"color-fail-background-disabled","value":"var(--raw-orange-50)"},{"id":"_tokens.scss_color-fail-background-weak","label":"color-fail-background-weak","value":"var(--raw-white)"},{"id":"_tokens.scss_color-fail-background-weak-hovered","label":"color-fail-background-weak-hovered","value":"var(--raw-orange-100)"},{"id":"_tokens.scss_color-fail-background-weak-focused","label":"color-fail-background-weak-focused","value":"var(--raw-orange-100)"},{"id":"_tokens.scss_color-fail-background-weak-pressed","label":"color-fail-background-weak-pressed","value":"var(--raw-orange-200)"},{"id":"_tokens.scss_color-fail-background-weak-disabled","label":"color-fail-background-weak-disabled","value":"var(--raw-white)"},{"id":"_tokens.scss_color-fail-background-ghost","label":"color-fail-background-ghost","value":"rgba(var(--raw-orange-500-rgb), 0)"},{"id":"_tokens.scss_color-fail-background-ghost-hovered","label":"color-fail-background-ghost-hovered","value":"rgba(var(--raw-orange-500-rgb), 0.12)"},{"id":"_tokens.scss_color-fail-background-ghost-focused","label":"color-fail-background-ghost-focused","value":"rgba(var(--raw-orange-500-rgb), 0.12)"},{"id":"_tokens.scss_color-fail-background-ghost-pressed","label":"color-fail-background-ghost-pressed","value":"rgba(var(--raw-orange-500-rgb), 0.18)"},{"id":"_tokens.scss_color-fail-background-ghost-disabled","label":"color-fail-background-ghost-disabled","value":"rgba(var(--raw-orange-500-rgb), 0)"},{"id":"_tokens.scss_color-warning-background-strong","label":"color-warning-background-strong","value":"var(--raw-gold-500)"},{"id":"_tokens.scss_color-warning-background-strong-hovered","label":"color-warning-background-strong-hovered","value":"var(--raw-gold-600)"},{"id":"_tokens.scss_color-warning-background-strong-focused","label":"color-warning-background-strong-focused","value":"var(--raw-gold-600)"},{"id":"_tokens.scss_color-warning-background-strong-pressed","label":"color-warning-background-strong-pressed","value":"var(--raw-gold-700)"},{"id":"_tokens.scss_color-warning-background-strong-disabled","label":"color-warning-background-strong-disabled","value":"var(--raw-gold-200)"},{"id":"_tokens.scss_color-warning-background-medium","label":"color-warning-background-medium","value":"var(--raw-gold-100)"},{"id":"_tokens.scss_color-warning-background-medium-hovered","label":"color-warning-background-medium-hovered","value":"var(--raw-gold-200)"},{"id":"_tokens.scss_color-warning-background-medium-focused","label":"color-warning-background-medium-focused","value":"var(--raw-gold-200)"},{"id":"_tokens.scss_color-warning-background-medium-pressed","label":"color-warning-background-medium-pressed","value":"var(--raw-gold-300)"},{"id":"_tokens.scss_color-warning-background-medium-disabled","label":"color-warning-background-medium-disabled","value":"var(--raw-gold-50)"},{"id":"_tokens.scss_color-warning-background","label":"color-warning-background","value":"var(--raw-gold-50)"},{"id":"_tokens.scss_color-warning-background-hovered","label":"color-warning-background-hovered","value":"var(--raw-gold-100)"},{"id":"_tokens.scss_color-warning-background-focused","label":"color-warning-background-focused","value":"var(--raw-gold-100)"},{"id":"_tokens.scss_color-warning-background-pressed","label":"color-warning-background-pressed","value":"var(--raw-gold-200)"},{"id":"_tokens.scss_color-warning-background-disabled","label":"color-warning-background-disabled","value":"var(--raw-gold-50)"},{"id":"_tokens.scss_color-warning-background-weak","label":"color-warning-background-weak","value":"var(--raw-white)"},{"id":"_tokens.scss_color-warning-background-weak-hovered","label":"color-warning-background-weak-hovered","value":"var(--raw-gold-100)"},{"id":"_tokens.scss_color-warning-background-weak-focused","label":"color-warning-background-weak-focused","value":"var(--raw-gold-100)"},{"id":"_tokens.scss_color-warning-background-weak-pressed","label":"color-warning-background-weak-pressed","value":"var(--raw-gold-200)"},{"id":"_tokens.scss_color-warning-background-weak-disabled","label":"color-warning-background-weak-disabled","value":"var(--raw-white)"},{"id":"_tokens.scss_color-warning-background-ghost","label":"color-warning-background-ghost","value":"rgba(var(--raw-gold-500-rgb), 0)"},{"id":"_tokens.scss_color-warning-background-ghost-hovered","label":"color-warning-background-ghost-hovered","value":"rgba(var(--raw-gold-500-rgb), 0.12)"},{"id":"_tokens.scss_color-warning-background-ghost-focused","label":"color-warning-background-ghost-focused","value":"rgba(var(--raw-gold-500-rgb), 0.12)"},{"id":"_tokens.scss_color-warning-background-ghost-pressed","label":"color-warning-background-ghost-pressed","value":"rgba(var(--raw-gold-500-rgb), 0.18)"},{"id":"_tokens.scss_color-warning-background-ghost-disabled","label":"color-warning-background-ghost-disabled","value":"rgba(var(--raw-gold-500-rgb), 0)"},{"id":"_tokens.scss_color-success-background-strong","label":"color-success-background-strong","value":"var(--raw-green-500)"},{"id":"_tokens.scss_color-success-background-strong-hovered","label":"color-success-background-strong-hovered","value":"var(--raw-green-600)"},{"id":"_tokens.scss_color-success-background-strong-focused","label":"color-success-background-strong-focused","value":"var(--raw-green-600)"},{"id":"_tokens.scss_color-success-background-strong-pressed","label":"color-success-background-strong-pressed","value":"var(--raw-green-700)"},{"id":"_tokens.scss_color-success-background-strong-disabled","label":"color-success-background-strong-disabled","value":"var(--raw-green-200)"},{"id":"_tokens.scss_color-success-background-medium","label":"color-success-background-medium","value":"var(--raw-green-100)"},{"id":"_tokens.scss_color-success-background-medium-hovered","label":"color-success-background-medium-hovered","value":"var(--raw-green-200)"},{"id":"_tokens.scss_color-success-background-medium-focused","label":"color-success-background-medium-focused","value":"var(--raw-green-200)"},{"id":"_tokens.scss_color-success-background-medium-pressed","label":"color-success-background-medium-pressed","value":"var(--raw-green-300)"},{"id":"_tokens.scss_color-success-background-medium-disabled","label":"color-success-background-medium-disabled","value":"var(--raw-green-50)"},{"id":"_tokens.scss_color-success-background","label":"color-success-background","value":"var(--raw-green-50)"},{"id":"_tokens.scss_color-success-background-hovered","label":"color-success-background-hovered","value":"var(--raw-green-100)"},{"id":"_tokens.scss_color-success-background-focused","label":"color-success-background-focused","value":"var(--raw-green-100)"},{"id":"_tokens.scss_color-success-background-pressed","label":"color-success-background-pressed","value":"var(--raw-green-200)"},{"id":"_tokens.scss_color-success-background-disabled","label":"color-success-background-disabled","value":"var(--raw-green-50)"},{"id":"_tokens.scss_color-success-background-weak","label":"color-success-background-weak","value":"var(--raw-white)"},{"id":"_tokens.scss_color-success-background-weak-hovered","label":"color-success-background-weak-hovered","value":"var(--raw-green-100)"},{"id":"_tokens.scss_color-success-background-weak-focused","label":"color-success-background-weak-focused","value":"var(--raw-green-100)"},{"id":"_tokens.scss_color-success-background-weak-pressed","label":"color-success-background-weak-pressed","value":"var(--raw-green-200)"},{"id":"_tokens.scss_color-success-background-weak-disabled","label":"color-success-background-weak-disabled","value":"var(--raw-white)"},{"id":"_tokens.scss_color-success-background-ghost","label":"color-success-background-ghost","value":"rgba(var(--raw-green-500-rgb), 0)"},{"id":"_tokens.scss_color-success-background-ghost-hovered","label":"color-success-background-ghost-hovered","value":"rgba(var(--raw-green-500-rgb), 0.12)"},{"id":"_tokens.scss_color-success-background-ghost-focused","label":"color-success-background-ghost-focused","value":"rgba(var(--raw-green-500-rgb), 0.12)"},{"id":"_tokens.scss_color-success-background-ghost-pressed","label":"color-success-background-ghost-pressed","value":"rgba(var(--raw-green-500-rgb), 0.18)"},{"id":"_tokens.scss_color-success-background-ghost-disabled","label":"color-success-background-ghost-disabled","value":"rgba(var(--raw-green-500-rgb), 0)"},{"id":"_tokens.scss_color-info-background-strong","label":"color-info-background-strong","value":"var(--raw-blue-500)"},{"id":"_tokens.scss_color-info-background-strong-hovered","label":"color-info-background-strong-hovered","value":"var(--raw-blue-600)"},{"id":"_tokens.scss_color-info-background-strong-focused","label":"color-info-background-strong-focused","value":"var(--raw-blue-600)"},{"id":"_tokens.scss_color-info-background-strong-pressed","label":"color-info-background-strong-pressed","value":"var(--raw-blue-700)"},{"id":"_tokens.scss_color-info-background-strong-disabled","label":"color-info-background-strong-disabled","value":"var(--raw-blue-100)"},{"id":"_tokens.scss_color-info-background-medium","label":"color-info-background-medium","value":"var(--raw-blue-100)"},{"id":"_tokens.scss_color-info-background-medium-hovered","label":"color-info-background-medium-hovered","value":"var(--raw-blue-200)"},{"id":"_tokens.scss_color-info-background-medium-focused","label":"color-info-background-medium-focused","value":"var(--raw-blue-200)"},{"id":"_tokens.scss_color-info-background-medium-pressed","label":"color-info-background-medium-pressed","value":"var(--raw-blue-300)"},{"id":"_tokens.scss_color-info-background-medium-disabled","label":"color-info-background-medium-disabled","value":"var(--raw-blue-50)"},{"id":"_tokens.scss_color-info-background","label":"color-info-background","value":"var(--raw-blue-50)"},{"id":"_tokens.scss_color-info-background-hovered","label":"color-info-background-hovered","value":"var(--raw-blue-100)"},{"id":"_tokens.scss_color-info-background-focused","label":"color-info-background-focused","value":"var(--raw-blue-100)"},{"id":"_tokens.scss_color-info-background-pressed","label":"color-info-background-pressed","value":"var(--raw-blue-200)"},{"id":"_tokens.scss_color-info-background-disabled","label":"color-info-background-disabled","value":"var(--raw-blue-50)"},{"id":"_tokens.scss_color-info-background-weak","label":"color-info-background-weak","value":"var(--raw-white)"},{"id":"_tokens.scss_color-info-background-weak-hovered","label":"color-info-background-weak-hovered","value":"var(--raw-blue-100)"},{"id":"_tokens.scss_color-info-background-weak-focused","label":"color-info-background-weak-focused","value":"var(--raw-blue-100)"},{"id":"_tokens.scss_color-info-background-weak-pressed","label":"color-info-background-weak-pressed","value":"var(--raw-blue-200)"},{"id":"_tokens.scss_color-info-background-weak-disabled","label":"color-info-background-weak-disabled","value":"var(--raw-white)"},{"id":"_tokens.scss_color-info-background-ghost","label":"color-info-background-ghost","value":"rgba(var(--raw-blue-500-rgb), 0)"},{"id":"_tokens.scss_color-info-background-ghost-hovered","label":"color-info-background-ghost-hovered","value":"rgba(var(--raw-blue-500-rgb), 0.12)"},{"id":"_tokens.scss_color-info-background-ghost-focused","label":"color-info-background-ghost-focused","value":"rgba(var(--raw-blue-500-rgb), 0.12)"},{"id":"_tokens.scss_color-info-background-ghost-pressed","label":"color-info-background-ghost-pressed","value":"rgba(var(--raw-blue-500-rgb), 0.18)"},{"id":"_tokens.scss_color-info-background-ghost-disabled","label":"color-info-background-ghost-disabled","value":"rgba(var(--raw-blue-500-rgb), 0)"},{"id":"_tokens.scss_color-accent-background-strong","label":"color-accent-background-strong","value":"var(--raw-violet-500)"},{"id":"_tokens.scss_color-accent-background-strong-hovered","label":"color-accent-background-strong-hovered","value":"var(--raw-violet-600)"},{"id":"_tokens.scss_color-accent-background-strong-focused","label":"color-accent-background-strong-focused","value":"var(--raw-violet-600)"},{"id":"_tokens.scss_color-accent-background-strong-pressed","label":"color-accent-background-strong-pressed","value":"var(--raw-violet-700)"},{"id":"_tokens.scss_color-accent-background-strong-disabled","label":"color-accent-background-strong-disabled","value":"var(--raw-violet-200)"},{"id":"_tokens.scss_color-accent-background-medium","label":"color-accent-background-medium","value":"var(--raw-violet-100)"},{"id":"_tokens.scss_color-accent-background-medium-hovered","label":"color-accent-background-medium-hovered","value":"var(--raw-violet-200)"},{"id":"_tokens.scss_color-accent-background-medium-focused","label":"color-accent-background-medium-focused","value":"var(--raw-violet-200)"},{"id":"_tokens.scss_color-accent-background-medium-pressed","label":"color-accent-background-medium-pressed","value":"var(--raw-violet-300)"},{"id":"_tokens.scss_color-accent-background-medium-disabled","label":"color-accent-background-medium-disabled","value":"var(--raw-violet-50)"},{"id":"_tokens.scss_color-accent-background","label":"color-accent-background","value":"var(--raw-violet-50)"},{"id":"_tokens.scss_color-accent-background-hovered","label":"color-accent-background-hovered","value":"var(--raw-violet-100)"},{"id":"_tokens.scss_color-accent-background-focused","label":"color-accent-background-focused","value":"var(--raw-violet-100)"},{"id":"_tokens.scss_color-accent-background-pressed","label":"color-accent-background-pressed","value":"var(--raw-violet-200)"},{"id":"_tokens.scss_color-accent-background-disabled","label":"color-accent-background-disabled","value":"var(--raw-violet-50)"},{"id":"_tokens.scss_color-accent-background-weak","label":"color-accent-background-weak","value":"var(--raw-white)"},{"id":"_tokens.scss_color-accent-background-weak-hovered","label":"color-accent-background-weak-hovered","value":"var(--raw-violet-100)"},{"id":"_tokens.scss_color-accent-background-weak-focused","label":"color-accent-background-weak-focused","value":"var(--raw-violet-100)"},{"id":"_tokens.scss_color-accent-background-weak-pressed","label":"color-accent-background-weak-pressed","value":"var(--raw-violet-200)"},{"id":"_tokens.scss_color-accent-background-weak-disabled","label":"color-accent-background-weak-disabled","value":"var(--raw-white)"},{"id":"_tokens.scss_color-accent-background-ghost","label":"color-accent-background-ghost","value":"rgba(var(--raw-violet-500-rgb), 0)"},{"id":"_tokens.scss_color-accent-background-ghost-hovered","label":"color-accent-background-ghost-hovered","value":"rgba(var(--raw-violet-500-rgb), 0.12)"},{"id":"_tokens.scss_color-accent-background-ghost-focused","label":"color-accent-background-ghost-focused","value":"rgba(var(--raw-violet-500-rgb), 0.12)"},{"id":"_tokens.scss_color-accent-background-ghost-pressed","label":"color-accent-background-ghost-pressed","value":"rgba(var(--raw-violet-500-rgb), 0.18)"},{"id":"_tokens.scss_color-accent-background-ghost-disabled","label":"color-accent-background-ghost-disabled","value":"rgba(var(--raw-violet-500-rgb), 0)"},{"id":"_tokens.scss_color-highlight-background-strong","label":"color-highlight-background-strong","value":"var(--raw-yellow-500)"},{"id":"_tokens.scss_color-highlight-background-strong-hovered","label":"color-highlight-background-strong-hovered","value":"var(--raw-yellow-600)"},{"id":"_tokens.scss_color-highlight-background-strong-focused","label":"color-highlight-background-strong-focused","value":"var(--raw-yellow-600)"},{"id":"_tokens.scss_color-highlight-background-strong-pressed","label":"color-highlight-background-strong-pressed","value":"var(--raw-yellow-700)"},{"id":"_tokens.scss_color-highlight-background-strong-disabled","label":"color-highlight-background-strong-disabled","value":"var(--raw-yellow-200)"},{"id":"_tokens.scss_color-highlight-background-medium","label":"color-highlight-background-medium","value":"var(--raw-yellow-100)"},{"id":"_tokens.scss_color-highlight-background-medium-hovered","label":"color-highlight-background-medium-hovered","value":"var(--raw-yellow-200)"},{"id":"_tokens.scss_color-highlight-background-medium-focused","label":"color-highlight-background-medium-focused","value":"var(--raw-yellow-200)"},{"id":"_tokens.scss_color-highlight-background-medium-pressed","label":"color-highlight-background-medium-pressed","value":"var(--raw-yellow-300)"},{"id":"_tokens.scss_color-highlight-background-medium-disabled","label":"color-highlight-background-medium-disabled","value":"var(--raw-yellow-50)"},{"id":"_tokens.scss_color-highlight-background","label":"color-highlight-background","value":"var(--raw-yellow-50)"},{"id":"_tokens.scss_color-highlight-background-hovered","label":"color-highlight-background-hovered","value":"var(--raw-yellow-100)"},{"id":"_tokens.scss_color-highlight-background-focused","label":"color-highlight-background-focused","value":"var(--raw-yellow-100)"},{"id":"_tokens.scss_color-highlight-background-pressed","label":"color-highlight-background-pressed","value":"var(--raw-yellow-200)"},{"id":"_tokens.scss_color-highlight-background-disabled","label":"color-highlight-background-disabled","value":"var(--raw-yellow-50)"},{"id":"_tokens.scss_color-highlight-background-weak","label":"color-highlight-background-weak","value":"var(--raw-white)"},{"id":"_tokens.scss_color-highlight-background-weak-hovered","label":"color-highlight-background-weak-hovered","value":"var(--raw-yellow-100)"},{"id":"_tokens.scss_color-highlight-background-weak-focused","label":"color-highlight-background-weak-focused","value":"var(--raw-yellow-100)"},{"id":"_tokens.scss_color-highlight-background-weak-pressed","label":"color-highlight-background-weak-pressed","value":"var(--raw-yellow-200)"},{"id":"_tokens.scss_color-highlight-background-weak-disabled","label":"color-highlight-background-weak-disabled","value":"var(--raw-white)"},{"id":"_tokens.scss_color-highlight-background-ghost","label":"color-highlight-background-ghost","value":"rgba(var(--raw-yellow-500-rgb), 0)"},{"id":"_tokens.scss_color-highlight-background-ghost-hovered","label":"color-highlight-background-ghost-hovered","value":"rgba(var(--raw-yellow-500-rgb), 0.12)"},{"id":"_tokens.scss_color-highlight-background-ghost-focused","label":"color-highlight-background-ghost-focused","value":"rgba(var(--raw-yellow-500-rgb), 0.12)"},{"id":"_tokens.scss_color-highlight-background-ghost-pressed","label":"color-highlight-background-ghost-pressed","value":"rgba(var(--raw-yellow-500-rgb), 0.18)"},{"id":"_tokens.scss_color-highlight-background-ghost-disabled","label":"color-highlight-background-ghost-disabled","value":"rgba(var(--raw-yellow-500-rgb), 0)"}]'),u=[{id:"_tokens.scss_color-default-overlay",label:"color-default-overlay",value:"rgba(var(--raw-black-rgb), 0.9)"},{id:"_tokens.scss_color-inverted-overlay",label:"color-inverted-overlay",value:"rgba(var(--raw-white-rgb), 0.95)"}],i=JSON.parse('[{"id":"_tokens.scss_color-default-border","label":"color-default-border","value":"var(--raw-black)"},{"id":"_tokens.scss_color-inverted-border","label":"color-inverted-border","value":"var(--raw-white)"},{"id":"_tokens.scss_color-inverted-border-disabled","label":"color-inverted-border-disabled","value":"rgba(var(--raw-white-rgb), 0.7)"},{"id":"_tokens.scss_color-primary-border","label":"color-primary-border","value":"var(--theme-500)"},{"id":"_tokens.scss_color-primary-border-hovered","label":"color-primary-border-hovered","value":"var(--theme-700)"},{"id":"_tokens.scss_color-primary-border-focused","label":"color-primary-border-focused","value":"var(--theme-700)"},{"id":"_tokens.scss_color-primary-border-disabled","label":"color-primary-border-disabled","value":"var(--theme-200)"},{"id":"_tokens.scss_color-primary-border-weak","label":"color-primary-border-weak","value":"var(--theme-100)"},{"id":"_tokens.scss_color-primary-border-weak-hovered","label":"color-primary-border-weak-hovered","value":"var(--theme-300)"},{"id":"_tokens.scss_color-primary-border-weak-focused","label":"color-primary-border-weak-focused","value":"var(--theme-300)"},{"id":"_tokens.scss_color-primary-border-weak-disabled","label":"color-primary-border-weak-disabled","value":"var(--theme-100)"},{"id":"_tokens.scss_color-neutral-border-heavy","label":"color-neutral-border-heavy","value":"var(--raw-gray-700)"},{"id":"_tokens.scss_color-neutral-border-heavy-hovered","label":"color-neutral-border-heavy-hovered","value":"var(--raw-gray-900)"},{"id":"_tokens.scss_color-neutral-border-heavy-focused","label":"color-neutral-border-heavy-focused","value":"var(--raw-gray-900)"},{"id":"_tokens.scss_color-neutral-border-heavy-disabled","label":"color-neutral-border-heavy-disabled","value":"var(--raw-gray-300)"},{"id":"_tokens.scss_color-neutral-border-strong","label":"color-neutral-border-strong","value":"var(--raw-gray-400)"},{"id":"_tokens.scss_color-neutral-border-strong-hovered","label":"color-neutral-border-strong-hovered","value":"var(--raw-gray-600)"},{"id":"_tokens.scss_color-neutral-border-strong-focused","label":"color-neutral-border-strong-focused","value":"var(--raw-gray-600)"},{"id":"_tokens.scss_color-neutral-border-strong-disabled","label":"color-neutral-border-strong-disabled","value":"var(--raw-gray-300)"},{"id":"_tokens.scss_color-neutral-border","label":"color-neutral-border","value":"var(--raw-gray-300)"},{"id":"_tokens.scss_color-neutral-border-hovered","label":"color-neutral-border-hovered","value":"var(--raw-gray-500)"},{"id":"_tokens.scss_color-neutral-border-focused","label":"color-neutral-border-focused","value":"var(--raw-gray-500)"},{"id":"_tokens.scss_color-neutral-border-disabled","label":"color-neutral-border-disabled","value":"var(--raw-gray-200)"},{"id":"_tokens.scss_color-neutral-border-weak","label":"color-neutral-border-weak","value":"var(--raw-gray-200)"},{"id":"_tokens.scss_color-neutral-border-weak-hovered","label":"color-neutral-border-weak-hovered","value":"var(--raw-gray-400)"},{"id":"_tokens.scss_color-neutral-border-weak-focused","label":"color-neutral-border-weak-focused","value":"var(--raw-gray-400)"},{"id":"_tokens.scss_color-neutral-border-weak-disabled","label":"color-neutral-border-weak-disabled","value":"var(--raw-gray-100)"},{"id":"_tokens.scss_color-neutral-border-ghost","label":"color-neutral-border-ghost","value":"var(--raw-gray-100)"},{"id":"_tokens.scss_color-danger-border","label":"color-danger-border","value":"var(--raw-red-500)"},{"id":"_tokens.scss_color-danger-border-hovered","label":"color-danger-border-hovered","value":"var(--raw-red-700)"},{"id":"_tokens.scss_color-danger-border-focused","label":"color-danger-border-focused","value":"var(--raw-red-700)"},{"id":"_tokens.scss_color-danger-border-disabled","label":"color-danger-border-disabled","value":"var(--raw-red-200)"},{"id":"_tokens.scss_color-danger-border-weak","label":"color-danger-border-weak","value":"var(--raw-red-100)"},{"id":"_tokens.scss_color-danger-border-weak-hovered","label":"color-danger-border-weak-hovered","value":"var(--raw-red-300)"},{"id":"_tokens.scss_color-danger-border-weak-focused","label":"color-danger-border-weak-focused","value":"var(--raw-red-300)"},{"id":"_tokens.scss_color-danger-border-weak-disabled","label":"color-danger-border-weak-disabled","value":"var(--raw-red-100)"},{"id":"_tokens.scss_color-fail-border","label":"color-fail-border","value":"var(--raw-orange-500)"},{"id":"_tokens.scss_color-fail-border-hovered","label":"color-fail-border-hovered","value":"var(--raw-orange-700)"},{"id":"_tokens.scss_color-fail-border-focused","label":"color-fail-border-focused","value":"var(--raw-orange-700)"},{"id":"_tokens.scss_color-fail-border-disabled","label":"color-fail-border-disabled","value":"var(--raw-orange-200)"},{"id":"_tokens.scss_color-fail-border-weak","label":"color-fail-border-weak","value":"var(--raw-orange-100)"},{"id":"_tokens.scss_color-fail-border-weak-hovered","label":"color-fail-border-weak-hovered","value":"var(--raw-orange-300)"},{"id":"_tokens.scss_color-fail-border-weak-focused","label":"color-fail-border-weak-focused","value":"var(--raw-orange-300)"},{"id":"_tokens.scss_color-fail-border-weak-disabled","label":"color-fail-border-weak-disabled","value":"var(--raw-orange-200)"},{"id":"_tokens.scss_color-warning-border","label":"color-warning-border","value":"var(--raw-gold-500)"},{"id":"_tokens.scss_color-warning-border-hovered","label":"color-warning-border-hovered","value":"var(--raw-gold-700)"},{"id":"_tokens.scss_color-warning-border-focused","label":"color-warning-border-focused","value":"var(--raw-gold-700)"},{"id":"_tokens.scss_color-warning-border-disabled","label":"color-warning-border-disabled","value":"var(--raw-gold-200)"},{"id":"_tokens.scss_color-warning-border-weak","label":"color-warning-border-weak","value":"var(--raw-gold-100)"},{"id":"_tokens.scss_color-warning-border-weak-hovered","label":"color-warning-border-weak-hovered","value":"var(--raw-gold-300)"},{"id":"_tokens.scss_color-warning-border-weak-focused","label":"color-warning-border-weak-focused","value":"var(--raw-gold-300)"},{"id":"_tokens.scss_color-warning-border-weak-disabled","label":"color-warning-border-weak-disabled","value":"var(--raw-gold-100)"},{"id":"_tokens.scss_color-success-border","label":"color-success-border","value":"var(--raw-green-500)"},{"id":"_tokens.scss_color-success-border-hovered","label":"color-success-border-hovered","value":"var(--raw-green-700)"},{"id":"_tokens.scss_color-success-border-focused","label":"color-success-border-focused","value":"var(--raw-green-700)"},{"id":"_tokens.scss_color-success-border-disabled","label":"color-success-border-disabled","value":"var(--raw-green-200)"},{"id":"_tokens.scss_color-success-border-weak","label":"color-success-border-weak","value":"var(--raw-green-100)"},{"id":"_tokens.scss_color-success-border-weak-hovered","label":"color-success-border-weak-hovered","value":"var(--raw-green-300)"},{"id":"_tokens.scss_color-success-border-weak-focused","label":"color-success-border-weak-focused","value":"var(--raw-green-300)"},{"id":"_tokens.scss_color-success-border-weak-disabled","label":"color-success-border-weak-disabled","value":"var(--raw-green-100)"},{"id":"_tokens.scss_color-info-border","label":"color-info-border","value":"var(--raw-blue-500)"},{"id":"_tokens.scss_color-info-border-hovered","label":"color-info-border-hovered","value":"var(--raw-blue-700)"},{"id":"_tokens.scss_color-info-border-focused","label":"color-info-border-focused","value":"var(--raw-blue-700)"},{"id":"_tokens.scss_color-info-border-disabled","label":"color-info-border-disabled","value":"var(--raw-blue-100)"},{"id":"_tokens.scss_color-info-border-weak","label":"color-info-border-weak","value":"var(--raw-blue-100)"},{"id":"_tokens.scss_color-info-border-weak-hovered","label":"color-info-border-weak-hovered","value":"var(--raw-blue-300)"},{"id":"_tokens.scss_color-info-border-weak-focused","label":"color-info-border-weak-focused","value":"var(--raw-blue-300)"},{"id":"_tokens.scss_color-info-border-weak-disabled","label":"color-info-border-weak-disabled","value":"var(--raw-blue-100)"},{"id":"_tokens.scss_color-accent-border","label":"color-accent-border","value":"var(--raw-violet-500)"},{"id":"_tokens.scss_color-accent-border-hovered","label":"color-accent-border-hovered","value":"var(--raw-violet-700)"},{"id":"_tokens.scss_color-accent-border-focused","label":"color-accent-border-focused","value":"var(--raw-violet-700)"},{"id":"_tokens.scss_color-accent-border-disabled","label":"color-accent-border-disabled","value":"var(--raw-violet-200)"},{"id":"_tokens.scss_color-accent-border-weak","label":"color-accent-border-weak","value":"var(--raw-violet-100)"},{"id":"_tokens.scss_color-accent-border-weak-hovered","label":"color-accent-border-weak-hovered","value":"var(--raw-violet-300)"},{"id":"_tokens.scss_color-accent-border-weak-focused","label":"color-accent-border-weak-focused","value":"var(--raw-violet-300)"},{"id":"_tokens.scss_color-accent-border-weak-disabled","label":"color-accent-border-weak-disabled","value":"var(--raw-violet-100)"},{"id":"_tokens.scss_color-highlight-border","label":"color-highlight-border","value":"var(--raw-yellow-500)"},{"id":"_tokens.scss_color-highlight-border-hovered","label":"color-highlight-border-hovered","value":"var(--raw-yellow-700)"},{"id":"_tokens.scss_color-highlight-border-focused","label":"color-highlight-border-focused","value":"var(--raw-yellow-700)"},{"id":"_tokens.scss_color-highlight-border-disabled","label":"color-highlight-border-disabled","value":"var(--raw-yellow-200)"},{"id":"_tokens.scss_color-highlight-border-weak","label":"color-highlight-border-weak","value":"var(--raw-yellow-100)"},{"id":"_tokens.scss_color-highlight-border-weak-hovered","label":"color-highlight-border-weak-hovered","value":"var(--raw-yellow-300)"},{"id":"_tokens.scss_color-highlight-border-weak-focused","label":"color-highlight-border-weak-focused","value":"var(--raw-yellow-300)"},{"id":"_tokens.scss_color-highlight-border-weak-disabled","label":"color-highlight-border-weak-disabled","value":"var(--raw-yellow-100)"}]'),b=[{id:"_tokens.scss_color-default-ripple",label:"color-default-ripple",value:"rgba(var(--raw-black-rgb), 0.06)"},{id:"_tokens.scss_color-inverted-ripple",label:"color-inverted-ripple",value:"rgba(var(--raw-white-rgb), 0.12)"},{id:"_tokens.scss_color-primary-ripple",label:"color-primary-ripple",value:"rgba(var(--theme-500-rgb), 0.12)"},{id:"_tokens.scss_color-neutral-ripple",label:"color-neutral-ripple",value:"rgba(var(--raw-gray-600-rgb), 0.12)"},{id:"_tokens.scss_color-danger-ripple",label:"color-danger-ripple",value:"rgba(var(--raw-red-500-rgb), 0.12)"},{id:"_tokens.scss_color-fail-ripple",label:"color-fail-ripple",value:"rgba(var(--raw-orange-500-rgb), 0.12)"},{id:"_tokens.scss_color-warning-ripple",label:"color-warning-ripple",value:"rgba(var(--raw-gold-500-rgb), 0.12)"},{id:"_tokens.scss_color-success-ripple",label:"color-success-ripple",value:"rgba(var(--raw-green-500-rgb), 0.12)"},{id:"_tokens.scss_color-info-ripple",label:"color-info-ripple",value:"rgba(var(--raw-blue-500-rgb), 0.12)"},{id:"_tokens.scss_color-accent-ripple",label:"color-accent-ripple",value:"rgba(var(--raw-violet-500-rgb), 0.12)"},{id:"_tokens.scss_color-highlight-ripple",label:"color-highlight-ripple",value:"rgba(var(--raw-yellow-500-rgb), 0.12)"}],g=[{id:"_tokens.scss_color-default-shadow-heavy",label:"color-default-shadow-heavy",value:"rgba(var(--raw-black-rgb), 0.2)"},{id:"_tokens.scss_color-default-shadow-strong",label:"color-default-shadow-strong",value:"rgba(var(--raw-black-rgb), 0.12)"},{id:"_tokens.scss_color-default-shadow",label:"color-default-shadow",value:"rgba(var(--raw-black-rgb), 0.08)"},{id:"_tokens.scss_color-default-shadow-weak",label:"color-default-shadow-weak",value:"rgba(var(--raw-black-rgb), 0.06)"},{id:"_tokens.scss_color-inverted-shadow-strong",label:"color-inverted-shadow-strong",value:"rgba(var(--raw-white-rgb), 0.94)"},{id:"_tokens.scss_color-inverted-shadow",label:"color-inverted-shadow",value:"rgba(var(--raw-white-rgb), 0.92)"},{id:"_tokens.scss_color-inverted-shadow-weak",label:"color-inverted-shadow-weak",value:"rgba(var(--raw-white-rgb), 0.88)"}],v=[{id:"_tokens.scss_color-primary-data-medium",label:"color-primary-data-medium",value:"var(--theme-600)"},{id:"_tokens.scss_color-primary-data",label:"color-primary-data",value:"var(--theme-400)"},{id:"_tokens.scss_color-primary-data-weak",label:"color-primary-data-weak",value:"var(--theme-300)"},{id:"_tokens.scss_color-primary-data-ghost",label:"color-primary-data-ghost",value:"var(--theme-200)"},{id:"_tokens.scss_color-neutral-data-medium",label:"color-neutral-data-medium",value:"var(--raw-gray-600)"},{id:"_tokens.scss_color-neutral-data",label:"color-neutral-data",value:"var(--raw-gray-500)"},{id:"_tokens.scss_color-neutral-data-weak",label:"color-neutral-data-weak",value:"var(--raw-gray-300)"},{id:"_tokens.scss_color-neutral-data-ghost",label:"color-neutral-data-ghost",value:"var(--raw-gray-200)"},{id:"_tokens.scss_color-fail-data-medium",label:"color-fail-data-medium",value:"var(--raw-orange-600)"},{id:"_tokens.scss_color-fail-data",label:"color-fail-data",value:"var(--raw-orange-400)"},{id:"_tokens.scss_color-fail-data-weak",label:"color-fail-data-weak",value:"var(--raw-orange-300)"},{id:"_tokens.scss_color-fail-data-ghost",label:"color-fail-data-ghost",value:"var(--raw-orange-200)"},{id:"_tokens.scss_color-warning-data-medium",label:"color-warning-data-medium",value:"var(--raw-gold-600)"},{id:"_tokens.scss_color-warning-data",label:"color-warning-data",value:"var(--raw-gold-400)"},{id:"_tokens.scss_color-warning-data-weak",label:"color-warning-data-weak",value:"var(--raw-gold-300)"},{id:"_tokens.scss_color-warning-data-ghost",label:"color-warning-data-ghost",value:"var(--raw-gold-200)"},{id:"_tokens.scss_color-success-data-medium",label:"color-success-data-medium",value:"var(--raw-green-600)"},{id:"_tokens.scss_color-success-data",label:"color-success-data",value:"var(--raw-green-400)"},{id:"_tokens.scss_color-success-data-weak",label:"color-success-data-weak",value:"var(--raw-green-300)"},{id:"_tokens.scss_color-success-data-ghost",label:"color-success-data-ghost",value:"var(--raw-green-200)"},{id:"_tokens.scss_color-info-data-medium",label:"color-info-data-medium",value:"var(--raw-blue-600)"},{id:"_tokens.scss_color-info-data",label:"color-info-data",value:"var(--raw-blue-400)"},{id:"_tokens.scss_color-info-data-weak",label:"color-info-data-weak",value:"var(--raw-blue-300)"},{id:"_tokens.scss_color-info-data-ghost",label:"color-info-data-ghost",value:"var(--raw-blue-200)"}],k=[{id:"_tokens.scss_color-neutral-divider-strong",label:"color-neutral-divider-strong",value:"var(--raw-gray-300)"},{id:"_tokens.scss_color-neutral-divider",label:"color-neutral-divider",value:"var(--raw-gray-200)"},{id:"_tokens.scss_color-neutral-divider-weak",label:"color-neutral-divider-weak",value:"var(--raw-gray-100)"}],_={text:d,icon:n,background:t,overlay:u,border:i,ripple:b,shadow:g,data:v,divider:k},y={title:"foundations/Design Tokens/Color Tokens/LMS",component:l},w=s=>({components:{ItemsList:l},setup(){return s},template:`
|
|
2
|
+
<items-list :items-lists="itemsLists" :type="type"></items-list>`}),r=w.bind({}),h={itemsLists:[{title:"LMS",list:_}],type:c.COLORS};r.args=h;var e,o,a;r.parameters={...r.parameters,docs:{...(e=r.parameters)==null?void 0:e.docs,source:{originalSource:`args => ({
|
|
3
|
+
components: {
|
|
4
|
+
ItemsList
|
|
5
|
+
},
|
|
6
|
+
setup() {
|
|
7
|
+
return args;
|
|
8
|
+
},
|
|
9
|
+
template: \`
|
|
10
|
+
<items-list :items-lists="itemsLists" :type="type"></items-list>\`
|
|
11
|
+
})`,...(a=(o=r.parameters)==null?void 0:o.docs)==null?void 0:a.source}}};const x=["LMS"];export{r as LMS,x as __namedExportsOrder,y as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{I as s,T as d}from"./ItemsList-
|
|
1
|
+
import{I as s,T as d}from"./ItemsList-CJTCYbgI.js";import"./vue.esm-bundler-DD4BrEtS.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const c=[{id:"_tokens-bodywork.scss_color-primary-text",label:"color-primary-text",value:"var(--theme-700)"},{id:"_tokens-bodywork.scss_color-primary-text-hovered",label:"color-primary-text-hovered",value:"var(--theme-900)"},{id:"_tokens-bodywork.scss_color-primary-text-focused",label:"color-primary-text-focused",value:"var(--theme-900)"},{id:"_tokens-bodywork.scss_color-primary-text-disabled",label:"color-primary-text-disabled",value:"var(--theme-300)"}],t=[{id:"_tokens-bodywork.scss_color-primary-icon",label:"color-primary-icon",value:"var(--theme-500)"},{id:"_tokens-bodywork.scss_color-primary-icon-hovered",label:"color-primary-icon-hovered",value:"var(--theme-700)"},{id:"_tokens-bodywork.scss_color-primary-icon-focused",label:"color-primary-icon-focused",value:"var(--theme-700)"},{id:"_tokens-bodywork.scss_color-primary-icon-disabled",label:"color-primary-icon-disabled",value:"var(--theme-200)"},{id:"_tokens-bodywork.scss_color-primary-icon-weak",label:"color-primary-icon-weak",value:"var(--theme-300)"},{id:"_tokens-bodywork.scss_color-primary-icon-weak-hovered",label:"color-primary-icon-weak-hovered",value:"var(--theme-500)"},{id:"_tokens-bodywork.scss_color-primary-icon-weak-focused",label:"color-primary-icon-weak-focused",value:"var(--theme-500)"},{id:"_tokens-bodywork.scss_color-primary-icon-weak-disabled",label:"color-primary-icon-weak-disabled",value:"var(--theme-100)"}],i=[{id:"_tokens-bodywork.scss_color-primary-data-medium",label:"color-primary-data-medium",value:"var(--theme-600)"},{id:"_tokens-bodywork.scss_color-primary-data",label:"color-primary-data",value:"var(--theme-400)"},{id:"_tokens-bodywork.scss_color-primary-data-weak",label:"color-primary-data-weak",value:"var(--theme-300)"},{id:"_tokens-bodywork.scss_color-primary-data-ghost",label:"color-primary-data-ghost",value:"var(--theme-200)"}],m=[{id:"_tokens-bodywork.scss_color-primary-background-strong",label:"color-primary-background-strong",value:"var(--theme-700)"},{id:"_tokens-bodywork.scss_color-primary-background-strong-hovered",label:"color-primary-background-strong-hovered",value:"var(--theme-800)"},{id:"_tokens-bodywork.scss_color-primary-background-strong-focused",label:"color-primary-background-strong-focused",value:"var(--theme-800)"},{id:"_tokens-bodywork.scss_color-primary-background-strong-disabled",label:"color-primary-background-strong-disabled",value:"var(--theme-200)"},{id:"_tokens-bodywork.scss_color-primary-background-medium",label:"color-primary-background-medium",value:"var(--theme-100)"},{id:"_tokens-bodywork.scss_color-primary-background",label:"color-primary-background",value:"var(--theme-50)"},{id:"_tokens-bodywork.scss_color-primary-background-hovered",label:"color-primary-background-hovered",value:"var(--theme-100)"},{id:"_tokens-bodywork.scss_color-primary-background-focused",label:"color-primary-background-focused",value:"var(--theme-100)"},{id:"_tokens-bodywork.scss_color-primary-background-disabled",label:"color-primary-background-disabled",value:"var(--theme-50)"},{id:"_tokens-bodywork.scss_color-primary-background-weak",label:"color-primary-background-weak",value:"var(--raw-white)"},{id:"_tokens-bodywork.scss_color-primary-background-weak-hovered",label:"color-primary-background-weak-hovered",value:"var(--theme-100)"},{id:"_tokens-bodywork.scss_color-primary-background-weak-focused",label:"color-primary-background-weak-focused",value:"var(--theme-100)"},{id:"_tokens-bodywork.scss_color-primary-background-weak-pressed",label:"color-primary-background-weak-pressed",value:"var(--theme-200)"},{id:"_tokens-bodywork.scss_color-primary-background-ghost",label:"color-primary-background-ghost",value:"rgba(var(--theme-500-rgb), 0)"},{id:"_tokens-bodywork.scss_color-primary-background-ghost-hovered",label:"color-primary-background-ghost-hovered",value:"rgba(var(--theme-500-rgb), 0.12)"},{id:"_tokens-bodywork.scss_color-primary-background-ghost-focused",label:"color-primary-background-ghost-focused",value:"rgba(var(--theme-500-rgb), 0.12)"},{id:"_tokens-bodywork.scss_color-primary-background-ghost-pressed",label:"color-primary-background-ghost-pressed",value:"rgba(var(--theme-500-rgb), 0.18)"},{id:"_tokens-bodywork.scss_color-primary-background-ghost-disabled",label:"color-primary-background-ghost-disabled",value:"rgba(var(--theme-500-rgb), 0)"}],b=[{id:"_tokens-bodywork.scss_color-primary-border",label:"color-primary-border",value:"var(--theme-500)"},{id:"_tokens-bodywork.scss_color-primary-border-hovered",label:"color-primary-border-hovered",value:"var(--theme-700)"},{id:"_tokens-bodywork.scss_color-primary-border-focused",label:"color-primary-border-focused",value:"var(--theme-700)"},{id:"_tokens-bodywork.scss_color-primary-border-disabled",label:"color-primary-border-disabled",value:"var(--theme-200)"}],k=[{id:"_tokens-bodywork.scss_color-primary-ripple",label:"color-primary-ripple",value:"rgba(var(--theme-500-rgb), 0.12)"}],n={text:c,icon:t,data:i,background:m,border:b,ripple:k},g={title:"foundations/Design Tokens/Color Tokens/Primary Bodywork",component:s},y=l=>({components:{ItemsList:s},setup(){return l},template:`
|
|
2
2
|
<items-list :items-lists="itemsLists" :type="type"></items-list>`}),r=y.bind({}),p={itemsLists:[{title:"Primary Bodywork",list:n,class:"-ds-theme-bodywork"}],type:d.COLORS};r.args=p;var o,e,a;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`args => ({
|
|
3
3
|
components: {
|
|
4
4
|
ItemsList
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{I as s,T as c}from"./ItemsList-
|
|
1
|
+
import{I as s,T as c}from"./ItemsList-CJTCYbgI.js";import"./vue.esm-bundler-DD4BrEtS.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const t=[{id:"_tokens-wnl.scss_color-primary-text",label:"color-primary-text",value:"var(--theme-600)"},{id:"_tokens-wnl.scss_color-primary-text-hovered",label:"color-primary-text-hovered",value:"var(--theme-800)"},{id:"_tokens-wnl.scss_color-primary-text-focused",label:"color-primary-text-focused",value:"var(--theme-800)"},{id:"_tokens-wnl.scss_color-primary-text-disabled",label:"color-primary-text-disabled",value:"var(--theme-200)"}],i=[{id:"_tokens-wnl.scss_color-primary-icon",label:"color-primary-icon",value:"var(--theme-500)"},{id:"_tokens-wnl.scss_color-primary-icon-hovered",label:"color-primary-icon-hovered",value:"var(--theme-700)"},{id:"_tokens-wnl.scss_color-primary-icon-focused",label:"color-primary-icon-focused",value:"var(--theme-700)"},{id:"_tokens-wnl.scss_color-primary-icon-disabled",label:"color-primary-icon-disabled",value:"var(--theme-200)"},{id:"_tokens-wnl.scss_color-primary-icon-weak",label:"color-primary-icon-weak",value:"var(--theme-300)"},{id:"_tokens-wnl.scss_color-primary-icon-weak-hovered",label:"color-primary-icon-weak-hovered",value:"var(--theme-500)"},{id:"_tokens-wnl.scss_color-primary-icon-weak-focused",label:"color-primary-icon-weak-focused",value:"var(--theme-500)"},{id:"_tokens-wnl.scss_color-primary-icon-weak-disabled",label:"color-primary-icon-weak-disabled",value:"var(--theme-100)"}],n=[{id:"_tokens-wnl.scss_color-primary-data-medium",label:"color-primary-data-medium",value:"var(--theme-600)"},{id:"_tokens-wnl.scss_color-primary-data",label:"color-primary-data",value:"var(--theme-400)"},{id:"_tokens-wnl.scss_color-primary-data-weak",label:"color-primary-data-weak",value:"var(--theme-300)"},{id:"_tokens-wnl.scss_color-primary-data-ghost",label:"color-primary-data-ghost",value:"var(--theme-200)"}],d=[{id:"_tokens-wnl.scss_color-primary-background-strong",label:"color-primary-background-strong",value:"var(--theme-500)"},{id:"_tokens-wnl.scss_color-primary-background-strong-hovered",label:"color-primary-background-strong-hovered",value:"var(--theme-600)"},{id:"_tokens-wnl.scss_color-primary-background-strong-focused",label:"color-primary-background-strong-focused",value:"var(--theme-600)"},{id:"_tokens-wnl.scss_color-primary-background-strong-disabled",label:"color-primary-background-strong-disabled",value:"var(--theme-200)"},{id:"_tokens-wnl.scss_color-primary-background-medium",label:"color-primary-background-medium",value:"var(--theme-100)"},{id:"_tokens-wnl.scss_color-primary-background",label:"color-primary-background",value:"var(--theme-50)"},{id:"_tokens-wnl.scss_color-primary-background-hovered",label:"color-primary-background-hovered",value:"var(--theme-100)"},{id:"_tokens-wnl.scss_color-primary-background-focused",label:"color-primary-background-focused",value:"var(--theme-100)"},{id:"_tokens-wnl.scss_color-primary-background-disabled",label:"color-primary-background-disabled",value:"var(--theme-50)"},{id:"_tokens-wnl.scss_color-primary-background-weak",label:"color-primary-background-weak",value:"var(--raw-white)"},{id:"_tokens-wnl.scss_color-primary-background-weak-hovered",label:"color-primary-background-weak-hovered",value:"var(--theme-100)"},{id:"_tokens-wnl.scss_color-primary-background-weak-focused",label:"color-primary-background-weak-focused",value:"var(--theme-100)"},{id:"_tokens-wnl.scss_color-primary-background-weak-pressed",label:"color-primary-background-weak-pressed",value:"var(--theme-200)"},{id:"_tokens-wnl.scss_color-primary-background-ghost",label:"color-primary-background-ghost",value:"rgba(var(--theme-500-rgb), 0)"},{id:"_tokens-wnl.scss_color-primary-background-ghost-hovered",label:"color-primary-background-ghost-hovered",value:"rgba(var(--theme-500-rgb), 0.12)"},{id:"_tokens-wnl.scss_color-primary-background-ghost-focused",label:"color-primary-background-ghost-focused",value:"rgba(var(--theme-500-rgb), 0.12)"},{id:"_tokens-wnl.scss_color-primary-background-ghost-pressed",label:"color-primary-background-ghost-pressed",value:"rgba(var(--theme-500-rgb), 0.18)"},{id:"_tokens-wnl.scss_color-primary-background-ghost-disabled",label:"color-primary-background-ghost-disabled",value:"rgba(var(--theme-500-rgb), 0)"}],m=[{id:"_tokens-wnl.scss_color-primary-border",label:"color-primary-border",value:"var(--theme-500)"},{id:"_tokens-wnl.scss_color-primary-border-hovered",label:"color-primary-border-hovered",value:"var(--theme-700)"},{id:"_tokens-wnl.scss_color-primary-border-focused",label:"color-primary-border-focused",value:"var(--theme-700)"},{id:"_tokens-wnl.scss_color-primary-border-disabled",label:"color-primary-border-disabled",value:"var(--theme-200)"}],b=[{id:"_tokens-wnl.scss_color-primary-ripple",label:"color-primary-ripple",value:"rgba(var(--theme-500-rgb), 0.12)"}],p={text:t,icon:i,data:n,background:d,border:m,ripple:b},g={title:"foundations/Design Tokens/Color Tokens/Primary WNL",component:s},u=l=>({components:{ItemsList:s},setup(){return l},template:`
|
|
2
2
|
<items-list :items-lists="itemsLists" :type="type"></items-list>`}),r=u.bind({}),k={itemsLists:[{title:"Primary WNL",list:p,class:"-ds-theme-wnl"}],type:c.COLORS};r.args=k;var e,o,a;r.parameters={...r.parameters,docs:{...(e=r.parameters)==null?void 0:e.docs,source:{originalSource:`args => ({
|
|
3
3
|
components: {
|
|
4
4
|
ItemsList
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as r,
|
|
1
|
+
import{a as r,b as l,I as u}from"./Icon-DLflpryl.js";import{d as c,t as i,c as o,j as d,g as p,k as m,n as f,r as g,o as n}from"./vue.esm-bundler-DD4BrEtS.js";import{_}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s={INVERTED:"inverted",NEUTRAL_STRONG:"neutralStrong",NEUTRAL:"neutral",PRIMARY:"primary"},t=c({name:"CounterToggle",components:{Icon:r},props:{counter:{type:[String,Number],default:null},color:{type:String,default:s.NEUTRAL_STRONG,validator(e){return Object.values(s).includes(e)}},icon:{type:Object,required:!0,validator(e){return Object.values(u).includes(i(e))}},isSelected:{type:Boolean,default:!1},isDisabled:{type:Boolean,default:!1}},data(){return{ICON_SIZES:Object.freeze(l)}},computed:{colorClass(){return`-ds-color-${this.color}`},hasCounter(){return this.counter!==null&&this.counter!==""&&this.counter!==void 0}}}),C={key:0,class:"ds-counterToggle__counter"};function T(e,S,N,O,y,b){const a=g("icon");return n(),o("div",{class:f(["ds-counterToggle",[{"-ds-selected":e.isSelected,"-ds-disabled":e.isDisabled},e.colorClass]])},[d(a,{class:"ds-counterToggle__icon",icon:e.icon,size:e.ICON_SIZES.X_SMALL},null,8,["icon","size"]),e.hasCounter?(n(),o("span",C,m(e.counter),1)):p("",!0)],2)}const I=_(t,[["render",T],["__scopeId","data-v-28a02e4f"]]);t.__docgenInfo={displayName:"CounterToggle",exportName:"default",description:"",tags:{},props:[{name:"counter",type:{name:"string|number"},defaultValue:{func:!1,value:"null"}},{name:"color",type:{name:"string"},defaultValue:{func:!1,value:"COUNTER_TOGGLE_COLORS.NEUTRAL_STRONG"}},{name:"icon",type:{name:"object"},required:!0},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isDisabled",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Toggles/CounterToggle/CounterToggle.vue"]};export{I as C,s as a};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{C as s,a as c}from"./CounterToggle-
|
|
1
|
+
import{C as s,a as c}from"./CounterToggle-DleD8vtl.js";import{I as n}from"./Icon-DLflpryl.js";import{w as a}from"./decorator-B_8W69Nd.js";import"./vue.esm-bundler-DD4BrEtS.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./v4-CwV2VaSl.js";const C={title:"Components/Toggles/CounterToggle",component:s,decorators:[a]},l=i=>({components:{CounterToggle:s},setup(){return i},template:'<div :class="{ contrastBackground: isInverted }"><counter-toggle :color="color" :counter="counter" :icon="ICONS[icon]" :isSelected="isSelected" :isDisabled="isDisabled" /></div>',data(){return{ICONS:Object.freeze(n)}},computed:{isInverted(){return this.color==="inverted"}}}),e=l.bind({}),d={color:c.NEUTRAL_STRONG,counter:"99+",icon:"FA_SQUARE_CARET_RIGHT",isSelected:!1,isDisabled:!1},p={color:{control:"select",options:Object.values(c)},icon:{control:"select",options:Object.keys(n)},counter:{control:"text"},isSelected:{control:"boolean"},isDisabled:{control:"boolean"}};e.argTypes=p;e.args=d;e.parameters={actions:{handles:["click"]},design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=3693%3A70976"}};var o,t,r;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`args => ({
|
|
2
2
|
components: {
|
|
3
3
|
CounterToggle
|
|
4
4
|
},
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{I as n}from"./Icon-
|
|
1
|
+
import{I as n}from"./Icon-DLflpryl.js";import{D as a,a as l,b as r}from"./DatePicker-BCT6boRT.js";import"./vue.esm-bundler-DD4BrEtS.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Tile-C-0-l9Zd.js";import"./iframe-DeX83N-_.js";import"../sb-preview/runtime.js";const{useArgs:i}=__STORYBOOK_MODULE_PREVIEW_API__,O={title:"Components/DatePickers/DateBox",component:a,render:t=>{const[d,p]=i();return{components:{DateBox:a},setup(){return t},data(){return{ICONS:Object.freeze(n)}},computed:{formattedStartDate(){return this.startDate?new Date(this.startDate):null},formattedEndDate(){return this.endDate?new Date(this.endDate):null}},template:`
|
|
2
2
|
<div style="display: flex">
|
|
3
3
|
<date-box
|
|
4
4
|
:is-interactive="isInteractive"
|
|
@@ -13,7 +13,7 @@ import{I as n}from"./Icon-mlOEH8dY.js";import{D as a,a as c,b as r}from"./DatePi
|
|
|
13
13
|
:color="color"
|
|
14
14
|
:is-open="isOpen"
|
|
15
15
|
/>
|
|
16
|
-
</div>`}
|
|
16
|
+
</div>`}},argTypes:{startDate:{control:"date"},endDate:{control:"date"},startIcon:{control:"select",options:[null,...Object.keys(n)]},endIcon:{control:"select",options:[null,...Object.keys(n)]},state:{control:"select",options:Object.values(l)},color:{control:"select",options:Object.values(r).filter(t=>t!==r.NEUTRAL)}},parameters:{design:{type:"figma",url:"https://www.figma.com/design/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=8502-1209&t=mHbWSeRfkspainMZ-4"}}},e={args:{isInteractive:!0,color:r.NEUTRAL_WEAK,placeholder:"Ustaw",startDate:null,endDate:null,startIcon:"FA_CALENDAR_DAY",endIcon:"FA_CALENDAR_DAY",areIconsHiddenOnMobile:!1,errorMessage:"",state:l.DEFAULT,isOpen:!1}};var o,s,c;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`{
|
|
17
17
|
args: {
|
|
18
18
|
isInteractive: true,
|
|
19
19
|
color: DATE_PICKER_COLORS.NEUTRAL_WEAK,
|
|
@@ -27,4 +27,4 @@ import{I as n}from"./Icon-mlOEH8dY.js";import{D as a,a as c,b as r}from"./DatePi
|
|
|
27
27
|
state: DATE_PICKER_STATES.DEFAULT,
|
|
28
28
|
isOpen: false
|
|
29
29
|
} as Args
|
|
30
|
-
}`,...(
|
|
30
|
+
}`,...(c=(s=e.parameters)==null?void 0:s.docs)==null?void 0:c.source}}};const f=["Interactive"];export{e as Interactive,f as __namedExportsOrder,O as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as $,t as L,c as l,a as s,g as o,j as P,k as E,b as C,n as p,F as X,r as N,o as a,v as g,E as J,w as W,f as Q,x as F}from"./vue.esm-bundler-DD4BrEtS.js";import{c as x,T as u,d as ee}from"./Tile-C-0-l9Zd.js";import{a as te,b as ae,I}from"./Icon-DLflpryl.js";import{_ as Y}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{_ as G}from"./iframe-DeX83N-_.js";const c={NEUTRAL_WEAK:"neutralWeak",NEUTRAL:"neutral",WARNING:"warning",DANGER:"danger"},A={DEFAULT:"default",DISABLED:"disabled",LOADING:"loading"},f={TOP:"top",TOP_LEFT:"top-left",TOP_RIGHT:"top-right",BOTTOM:"bottom",BOTTOM_LEFT:"bottom-left",BOTTOM_RIGHT:"bottom-right"},U={BOX:"box",TILE:"tile"},H={[f.BOTTOM_LEFT]:"below left",[f.BOTTOM_RIGHT]:"below right",[f.BOTTOM]:"below",[f.TOP_LEFT]:"above left",[f.TOP_RIGHT]:"above right",[f.TOP]:"above"};function k(e){return e.toLocaleDateString("pl-PL",{dateStyle:void 0,timeStyle:void 0,weekday:"long"})}function ne(e){return e.toLocaleDateString("pl-PL",{dateStyle:"medium",timeStyle:void 0})}function j(e){return e.toLocaleDateString("pl-PL",{month:"short",day:"2-digit"})}const M=e=>e.charAt(0).toUpperCase()+e.slice(1),Z=$({name:"DateBox",components:{DsIcon:te},props:{isInteractive:{type:Boolean,default:!0},placeholder:{type:String,default:"Ustaw"},startDate:{type:Date,default:null},endDate:{type:Date,default:null},startIcon:{type:Object,default:null,validate:e=>e===null||Object.values(I).includes(L(e))},endIcon:{type:Object,default:null,validate:e=>e===null||Object.values(I).includes(L(e))},areIconsHiddenOnMobile:{type:Boolean,default:!1},state:{type:String||null,default:A.DEFAULT},color:{type:String,default:c.NEUTRAL_WEAK},isOpen:{type:Boolean,default:!1}},data(){return{ICONS:Object.freeze(I),ICON_SIZES:Object.freeze(ae),DATE_PICKER_STATES:Object.freeze(A),DATE_PICKER_COLORS:Object.freeze(c)}},computed:{startDateText(){return this.startDate?j(this.startDate):this.placeholder},endDateIfDifferentThanStartDate(){return this.startDate&&this.endDate&&this.startDate.toDateString()!==this.endDate.toDateString()?this.endDate:null},endDateText(){return j(this.endDateIfDifferentThanStartDate)},startDateEyebrowText(){return this.startDate?M(k(this.startDate)):""},endDateEyebrowText(){return this.endDateIfDifferentThanStartDate?M(k(this.endDateIfDifferentThanStartDate)):""}}}),se={key:0,class:"ds-dateBox__loader"},le={class:"ds-dateBox__dateWrapper"},oe={key:0,class:"ds-dateBox__eyebrow"},ie={class:"ds-dateBox__date"},re={class:"ds-dateBox__dateText"},de={key:0,class:"ds-dateBox__loader"},ue={class:"ds-dateBox__dateWrapper"},ce={key:0,class:"ds-dateBox__eyebrow"},fe={class:"ds-dateBox__date"},De={class:"ds-dateBox__dateText"};function Te(e,D,_,T,m,t){const n=N("ds-icon");return a(),l("div",{class:p(["ds-dateBox",{"-ds-disabled":e.state===e.DATE_PICKER_STATES.DISABLED,"-ds-loading":e.state===e.DATE_PICKER_STATES.LOADING,"-ds-interactive":e.isInteractive,"-ds-warning":e.color===e.DATE_PICKER_COLORS.WARNING,"-ds-neutralWeak":e.DATE_PICKER_COLORS.NEUTRAL_WEAK===e.color,"-ds-neutral":e.DATE_PICKER_COLORS.NEUTRAL===e.color,"-ds-danger":e.color===e.DATE_PICKER_COLORS.DANGER,"-ds-isOpen":e.isOpen}])},[s("div",{class:p(["ds-dateBox__widthWrapper",{"-ds-has-icon":e.startIcon,"-ds-iconHiddenOnMobile":e.areIconsHiddenOnMobile}])},[e.state===e.DATE_PICKER_STATES.LOADING?(a(),l("div",se,[P(n,{icon:e.ICONS.FAD_SPINNER_THIRD,size:e.ICON_SIZES.X_SMALL,spinning:""},null,8,["icon","size"])])):o("",!0),s("div",le,[e.startDateEyebrowText?(a(),l("span",oe,E(e.startDateEyebrowText),1)):o("",!0),s("div",ie,[e.startIcon?(a(),C(n,{key:0,class:p(["ds-dateBox__icon",{"-ds-hiddenOnMobile":e.areIconsHiddenOnMobile}]),icon:e.startIcon,size:e.ICON_SIZES.XX_SMALL},null,8,["class","icon","size"])):o("",!0),s("span",re,E(e.startDateText),1)])])],2),e.startDate&&e.endDateIfDifferentThanStartDate?(a(),l(X,{key:0},[D[0]||(D[0]=s("span",{class:"ds-dateBox__separator"},"–",-1)),s("div",{class:p(["ds-dateBox__widthWrapper -ds-justify-to-end",{"-ds-has-icon":e.endIcon,"-ds-iconHiddenOnMobile":e.areIconsHiddenOnMobile}])},[e.state===e.DATE_PICKER_STATES.LOADING?(a(),l("div",de,[P(n,{icon:e.ICONS.FAD_SPINNER_THIRD,size:e.ICON_SIZES.X_SMALL,spinning:""},null,8,["icon","size"])])):o("",!0),s("div",ue,[e.endDateEyebrowText?(a(),l("span",ce,E(e.endDateEyebrowText),1)):o("",!0),s("div",fe,[e.endIcon?(a(),C(n,{key:0,class:p(["ds-dateBox__icon",{"-ds-hiddenOnMobile":e.areIconsHiddenOnMobile}]),icon:e.endIcon,size:e.ICON_SIZES.XX_SMALL},null,8,["class","icon","size"])):o("",!0),s("span",De,E(e.endDateText),1)])])],2)],64)):o("",!0)],2)}const pe=Y(Z,[["render",Te],["__scopeId","data-v-0e144c0e"]]);Z.__docgenInfo={displayName:"DateBox",exportName:"default",description:"",tags:{},props:[{name:"isInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"placeholder",type:{name:"string"},defaultValue:{func:!1,value:"'Ustaw'"}},{name:"startDate",type:{name:"date"},defaultValue:{func:!1,value:"null"}},{name:"endDate",type:{name:"date"},defaultValue:{func:!1,value:"null"}},{name:"startIcon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"endIcon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"areIconsHiddenOnMobile",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"state",type:{name:"(String as PropType<DatePickerStates>) || null"},defaultValue:{func:!1,value:"DATE_PICKER_STATES.DEFAULT"}},{name:"color",type:{name:"DatePickerColors"},defaultValue:{func:!1,value:"DATE_PICKER_COLORS.NEUTRAL_WEAK"}},{name:"isOpen",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/DatePickers/DateBox/DateBox.vue"]};let v=null,z;function Ee({props:e,onChange:D,onClose:_,defaultDates:T,mode:m="single"}){let t=null;const n=g(!1),r=d=>{t==null||t.setDate(d,!1),t==null||t.updateValue(!1),t==null||t.jumpToDate(Array.isArray(d)?d[0]:d,!1)},R=async(d,h,S)=>{var B,w,K,V;if(!t){if(!v)try{v=(await G(async()=>{const{default:i}=await import("./index-CBmJdl9t.js");return{default:i}},[],import.meta.url)).default,z=(await G(async()=>{const{Polish:i}=await import("./pl-1OaNPZt2.js").then(b=>b.p);return{Polish:i}},[],import.meta.url)).Polish}catch(i){console.error("Failed to load flatpickr",i);return}if(t=v(d,{mode:m,locale:z,disableMobile:!0,positionElement:h,ignoredFocusElements:[h],position:H[e.calendarPosition],defaultDate:T,disable:e.disableDates,minDate:e.minDate,maxDate:e.maxDate,onClose:[()=>{n.value=!1,setTimeout(()=>{_()})}],onOpen:[()=>{n.value=!0}],onChange:D}),S){const i=document.querySelector(S),b=()=>{t==null||t._positionCalendar()};i&&((w=(B=t==null?void 0:t.config)==null?void 0:B.onOpen)==null||w.push(()=>{i.addEventListener("scroll",b,{passive:!0})}),(V=(K=t==null?void 0:t.config)==null?void 0:K.onClose)==null||V.push(()=>{i.removeEventListener("scroll",b)}))}return t}},y=()=>{t==null||t.destroy(),t=null};J(()=>{y()}),W([()=>e.calendarPosition,()=>e.minDate,()=>e.maxDate,()=>e.disableDates,()=>T],()=>{t==null||t.set({position:H[e.calendarPosition],defaultDate:T,disable:e.disableDates,minDate:e.minDate,maxDate:e.maxDate})},{flush:"post"}),W([()=>e.date,()=>e.startDate,()=>e.endDate],()=>{O()},{flush:"post"});const O=()=>{e.date?r(e.date):e.startDate&&e.endDate?r([e.startDate,e.endDate]):e.startDate&&!e.endDate?r(e.startDate):!e.startDate&&e.endDate?r(e.endDate):t==null||t.clear(!1)};return{datePicker:t,createDatePicker:R,destroyDatePicker:y,updateDatePicker:O,isOpen:n,toggle:()=>{t==null||t.toggle()}}}const q=$({name:"DatePicker",components:{DsTile:x,DateBox:pe},props:{triggerType:{type:String,default:U.TILE},isInteractive:{type:Boolean,default:!0},placeholder:{type:String,default:"Wybierz datę"},date:{type:Date,default:null},additionalText:{type:String,default:""},helpMessage:{type:String,default:null},label:{type:String,default:""},isLabelUppercase:{type:Boolean,default:!1},icon:{type:[Object,null],default:I.FA_CALENDAR_DAYS,validator(e){return e===null||Object.values(I).includes(L(e))}},isIconHiddenOnMobile:{type:Boolean,default:!1},errorMessage:{type:String,default:null},state:{type:String,default:A.DEFAULT},color:{type:String,default:c.NEUTRAL_WEAK},calendarPosition:{type:String,default:f.BOTTOM_LEFT},disableDates:{type:Array,default:()=>[]},minDate:{type:Date,default:null},maxDate:{type:Date,default:null},updatePositionBasedOnScrollableSelector:{type:String,default:""}},emits:{"update:date":e=>!0},setup(e,{emit:D}){var h;const _=g(null),T=g(),m=g(),t=S=>{D("update:date",S[0])},n=()=>{O(),_.value=null},{isOpen:r,toggle:R,createDatePicker:y,destroyDatePicker:O,updateDatePicker:d}=Ee({props:e,onChange:t,onClose:n,defaultDates:(h=e.date)!=null?h:new Date,mode:"single"});return{flatpickrInstance:_,flatpickrInputRef:T,datePickerRef:m,isOpen:r,toggleDatePicker:R,updateDatePicker:d,createDatePicker:y,DATE_PICKER_CALENDAR_POSITIONS:Object.freeze(f),DATE_PICKER_COLORS:Object.freeze(c),DATE_PICKER_STATES:Object.freeze(A),DATE_PICKER_TRIGGER_TYPES:Object.freeze(U),TILE_ADDITIONAL_TEXT_MAX_WIDTHS:Object.freeze(ee)}},computed:{borderColor(){return{[c.NEUTRAL]:this.isInteractive?u.PRIMARY:u.NEUTRAL_WEAK,[c.NEUTRAL_WEAK]:this.isInteractive?u.PRIMARY:u.NEUTRAL_WEAK,[c.DANGER]:this.isInteractive?u.DANGER:u.DANGER_WEAK,[c.WARNING]:this.isInteractive?u.WARNING:u.WARNING_WEAK}[this.color]},eyebrowText(){return this.date?M(k(this.date)):""},text(){return this.date?ne(this.date):this.placeholder},tileIcon(){return this.additionalText||!this.icon?null:this.isOpen?I.FA_CHEVRON_UP:this.icon},showErrorMessage(){return this.errorMessage!==null},showHelpMessage(){return this.helpMessage!==null},tileState(){return this.state},tileColor(){return this.color}},methods:{async bindFlatpickrInstance(){this.flatpickrInstance=await this.createDatePicker(this.flatpickrInputRef,this.datePickerRef,this.updatePositionBasedOnScrollableSelector),this.updateDatePicker()},async toggle(){this.isInteractive&&this.state===A.DEFAULT&&(this.flatpickrInstance||await this.bindFlatpickrInstance(),this.toggleDatePicker())}}}),_e={class:"ds-datePicker__labelWrapper"},Ie={key:2,class:"ds-datePicker__errorMessage"},me={key:3,class:"ds-datePicker__helpMessage"},he={ref:"flatpickrInputRef",class:"ds-datePicker__hiddenInput"};function Ae(e,D,_,T,m,t){const n=N("ds-tile"),r=N("date-box");return a(),l("div",{ref:"datePickerRef",class:p(["ds-datePicker",{"-ds-box":e.triggerType===e.DATE_PICKER_TRIGGER_TYPES.BOX}])},[e.triggerType===e.DATE_PICKER_TRIGGER_TYPES.TILE?(a(),l(X,{key:0},[s("div",_e,[e.label?(a(),l("span",{key:0,class:p(["ds-datePicker__label",{"-ds-isUppercase":e.isLabelUppercase,"-ds-disabled":e.state===e.DATE_PICKER_STATES.DISABLED}])},E(e.label),3)):o("",!0),e.$slots.default?Q(e.$slots,"default",{key:1},void 0,!0):o("",!0)]),P(n,{class:"ds-datePicker__tile",text:e.text,interactive:e.isInteractive,"additional-text":e.additionalText,color:e.tileColor,"border-color":e.borderColor,state:e.tileState,"icon-right":e.tileIcon,"is-icon-right-hidden-on-mobile":e.isIconHiddenOnMobile,"eyebrow-text":e.eyebrowText,"additional-text-max-width":e.TILE_ADDITIONAL_TEXT_MAX_WIDTHS.MEDIUM,"has-border":"",onClick:F(e.toggle,["stop","prevent"])},null,8,["text","interactive","additional-text","color","border-color","state","icon-right","is-icon-right-hidden-on-mobile","eyebrow-text","additional-text-max-width","onClick"])],64)):(a(),C(r,{key:1,"is-interactive":e.isInteractive,placeholder:e.placeholder,"start-date":e.date,"start-icon":e.icon,"are-icons-hidden-on-mobile":e.isIconHiddenOnMobile,state:e.state,color:e.color,"is-open":e.isOpen,onClick:F(e.toggle,["stop","prevent"])},null,8,["is-interactive","placeholder","start-date","start-icon","are-icons-hidden-on-mobile","state","color","is-open","onClick"])),e.showErrorMessage?(a(),l("span",Ie,E(e.errorMessage),1)):e.showHelpMessage?(a(),l("span",me,E(e.helpMessage),1)):o("",!0),s("input",he,null,512)],2)}const Re=Y(q,[["render",Ae],["__scopeId","data-v-337a8b07"]]);q.__docgenInfo={displayName:"DatePicker",exportName:"default",description:"",tags:{},props:[{name:"triggerType",type:{name:"DatePickerTriggerTypes"},defaultValue:{func:!1,value:"DATE_PICKER_TRIGGER_TYPES.TILE"}},{name:"isInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"placeholder",type:{name:"string"},defaultValue:{func:!1,value:"'Wybierz datę'"}},{name:"date",type:{name:"date"},defaultValue:{func:!1,value:"null"}},{name:"additionalText",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"helpMessage",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"label",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"isLabelUppercase",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"icon",type:{name:"IconItem | null"},defaultValue:{func:!1,value:"ICONS.FA_CALENDAR_DAYS"}},{name:"isIconHiddenOnMobile",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"errorMessage",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"state",type:{name:"DatePickerStates"},defaultValue:{func:!1,value:"DATE_PICKER_STATES.DEFAULT"}},{name:"color",type:{name:"DatePickerColors"},defaultValue:{func:!1,value:"DATE_PICKER_COLORS.NEUTRAL_WEAK"}},{name:"calendarPosition",type:{name:"DatePickerCalendarPositions"},defaultValue:{func:!1,value:"DATE_PICKER_CALENDAR_POSITIONS.BOTTOM_LEFT"}},{name:"disableDates",type:{name:"Array<Date>"},defaultValue:{func:!0,value:"() => []"}},{name:"minDate",type:{name:"date"},defaultValue:{func:!1,value:"null"}},{name:"maxDate",type:{name:"date"},defaultValue:{func:!1,value:"null"}},{name:"updatePositionBasedOnScrollableSelector",type:{name:"string"},defaultValue:{func:!1,value:"''"}}],events:[{name:"update:date"}],slots:[{name:"default"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/DatePickers/DatePicker/DatePicker.vue"]};export{pe as D,A as a,c as b,Re as c,f as d,U as e,Ee as i};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{I as D}from"./Icon-
|
|
1
|
+
import{I as D}from"./Icon-DLflpryl.js";import{D as x}from"./Switch-CJmb9Pod.js";import{c as m,a as u,d as g,b as h,e as b}from"./DatePicker-BCT6boRT.js";import"./vue.esm-bundler-DD4BrEtS.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Tile-C-0-l9Zd.js";import"./iframe-DeX83N-_.js";import"../sb-preview/runtime.js";const{useArgs:I}=__STORYBOOK_MODULE_PREVIEW_API__,N={title:"Components/DatePickers/DatePicker",component:m},f=w=>{const[M,r]=I();return{components:{DatePicker:m,DsSwitch:x},setup(){return w},data(){return{ICONS:Object.freeze(D)}},methods:{updateDate(a){r(a?{date:`${a.getFullYear()}-${a.getMonth()+1}-${a.getDate()}`}:{date:null})}},computed:{formattedDate(){return!this.date||this.date===""?null:new Date(this.date)},formattedMinDate(){return!this.minDate||this.minDate==""?null:new Date(this.minDate)},formattedMaxDate(){return!this.maxDate||this.maxDate==""?null:new Date(this.maxDate)},formattedDisableDates(){return!this.disableDates||!this.disableDates.length?null:this.disableDates.map(a=>new Date(a))}},template:`
|
|
2
2
|
<date-picker
|
|
3
3
|
:trigger-type="triggerType"
|
|
4
4
|
:is-interactive="isInteractive"
|
|
@@ -21,7 +21,7 @@ import{I as D}from"./Icon-mlOEH8dY.js";import{D as x}from"./Switch-mI22_wqI.js";
|
|
|
21
21
|
@update:date="updateDate"
|
|
22
22
|
>
|
|
23
23
|
<ds-switch label-left="lewa" label-right="prawa" />
|
|
24
|
-
</date-picker>`}},t=f.bind({}),n=Date.now(),s=864e5,O={triggerType:
|
|
24
|
+
</date-picker>`}},t=f.bind({}),n=Date.now(),s=864e5,O={triggerType:b.TILE,isInteractive:!0,color:h.NEUTRAL_WEAK,label:"Date picker",isLabelUppercase:!1,placeholder:"Wybierz datę",date:"",disableDates:[new Date(n+s*2).toISOString().slice(0,10)],minDate:new Date(n).toISOString().slice(0,10),maxDate:new Date(n+s*30).toISOString().slice(0,10),icon:"FA_CALENDAR_DAYS",isIconHiddenOnMobile:!1,additionalText:"",helpMessage:null,errorMessage:null,calendarPosition:g.BOTTOM,state:u.DEFAULT},S={triggerType:{control:"select",options:Object.values(b)},date:{control:"text"},minDate:{control:"text"},maxDate:{control:"text"},icon:{control:"select",options:[null,...Object.keys(D)]},calendarPosition:{control:"select",options:Object.values(g)},state:{control:"select",options:Object.values(u)},color:{control:"select",options:Object.values(h)},disableDates:{control:"object"}};t.argTypes=S;t.args=O;t.parameters={design:{type:"figma",url:"https://www.figma.com/design/03ABNCSDYWYDmOPJOBGM5l/INI-153-Planowanie-pracy-z-lekcjami?node-id=245-162031&t=g08nj70xhT9BZTpu-4"}};const e=f.bind({});e.decorators=[()=>({template:`
|
|
25
25
|
<div style="height: 500px; overflow-y: scroll;" class="scrollable-container">
|
|
26
26
|
<div style="height: 1500px; padding: 6px;">
|
|
27
27
|
<story />
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as R,v as s,t as f,c as p,j as y,g as k,a as T,x as O,k as S,r as C,o as D}from"./vue.esm-bundler-DD4BrEtS.js";import{I as a}from"./Icon-DLflpryl.js";import{b as m,a as r,d as _,D as v,i as b,e as h}from"./DatePicker-BCT6boRT.js";import{_ as N}from"./_plugin-vue_export-helper-DlAUqK2U.js";const I=R({name:"DateRangePicker",components:{DateBox:v},props:{isInteractive:{type:Boolean,default:!1},placeholder:{type:String,default:"Wybierz datę"},startDate:{type:Date,default:null},endDate:{type:Date,default:null},startIcon:{type:[Object,null],default:a.FA_CALENDAR_DAY,validator(e){return e===null||(Object==null?void 0:Object.values(a).includes(f(e)))}},endIcon:{type:[Object,null],default:a.FA_CALENDAR_DAY,validator(e){return e===null||(Object==null?void 0:Object.values(a).includes(f(e)))}},areIconsHiddenOnMobile:{type:Boolean,default:!1},calendarPosition:{type:String,default:_.BOTTOM_LEFT},errorMessage:{type:String,default:""},state:{type:String||null,default:r.DEFAULT},color:{type:String,default:m.NEUTRAL_WEAK},disableDates:{type:Array,default:()=>[]},minDate:{type:Date,default:null},maxDate:{type:Date,default:null},updatePositionBasedOnScrollableSelector:{type:String,default:""}},emits:{"update:date":e=>!0},setup(e,{emit:o}){const t=s(null),i=s(),d=s(),c=l=>{l.length===2&&o("update:date",{startDate:l[0],endDate:l[1]})},n=()=>{u(),t.value=null},{isOpen:E,toggle:g,createDatePicker:A,destroyDatePicker:u,updateDatePicker:P}=b({props:e,onChange:c,onClose:n,defaultDates:[e.startDate,e.endDate],mode:"range"});return{flatpickrInstance:t,dateRangePickerRef:i,flatpickrInputRef:d,isOpen:E,toggleDatePicker:g,createDatePicker:A,destroyDatePicker:u,updateDatePicker:P,DATE_PICKER_CALENDAR_POSITIONS:Object.freeze(_),DATE_PICKER_COLORS:Object.freeze(m),DATE_PICKER_STATES:Object.freeze(r),DATE_PICKER_TRIGGER_TYPES:Object.freeze(h)}},methods:{async bindFlatpickrInstance(){this.flatpickrInstance=await this.createDatePicker(this.flatpickrInputRef,this.dateRangePickerRef,this.updatePositionBasedOnScrollableSelector),this.updateDatePicker()},async toggle(){this.isInteractive&&this.state===r.DEFAULT&&(this.flatpickrInstance||await this.bindFlatpickrInstance(),this.toggleDatePicker())}}}),V={ref:"dateRangePickerRef",class:"ds-dateRangePicker"},L={key:0,class:"ds-dateRangePicker__errorMessage"},F={ref:"flatpickrInputRef",class:"ds-dateRangePicker__hiddenInput"};function K(e,o,t,i,d,c){const n=C("date-box");return D(),p("div",V,[y(n,{"is-interactive":e.isInteractive,placeholder:e.placeholder,"start-date":e.startDate,"end-date":e.endDate,"start-icon":e.startIcon,"end-icon":e.endIcon,"are-icons-hidden-on-mobile":e.areIconsHiddenOnMobile,state:e.state,color:e.color,"is-open":e.isOpen,onClick:O(e.toggle,["stop","prevent"])},null,8,["is-interactive","placeholder","start-date","end-date","start-icon","end-icon","are-icons-hidden-on-mobile","state","color","is-open","onClick"]),e.errorMessage?(D(),p("span",L,S(e.errorMessage),1)):k("",!0),T("input",F,null,512)],512)}const Y=N(I,[["render",K],["__scopeId","data-v-5bd8acf4"]]);I.__docgenInfo={displayName:"DateRangePicker",exportName:"default",description:"",tags:{},props:[{name:"isInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"placeholder",type:{name:"string"},defaultValue:{func:!1,value:"'Wybierz datę'"}},{name:"startDate",type:{name:"date"},defaultValue:{func:!1,value:"null"}},{name:"endDate",type:{name:"date"},defaultValue:{func:!1,value:"null"}},{name:"startIcon",type:{name:"IconItem | null"},defaultValue:{func:!1,value:"ICONS.FA_CALENDAR_DAY"}},{name:"endIcon",type:{name:"IconItem | null"},defaultValue:{func:!1,value:"ICONS.FA_CALENDAR_DAY"}},{name:"areIconsHiddenOnMobile",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"calendarPosition",type:{name:"DatePickerCalendarPositions"},defaultValue:{func:!1,value:"DATE_PICKER_CALENDAR_POSITIONS.BOTTOM_LEFT"}},{name:"errorMessage",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"state",type:{name:"(String as PropType<DatePickerStates>) || null"},defaultValue:{func:!1,value:"DATE_PICKER_STATES.DEFAULT"}},{name:"color",type:{name:"DatePickerColors"},defaultValue:{func:!1,value:"DATE_PICKER_COLORS.NEUTRAL_WEAK"}},{name:"disableDates",type:{name:"Array<Date>"},defaultValue:{func:!0,value:"() => []"}},{name:"minDate",type:{name:"date"},defaultValue:{func:!1,value:"null"}},{name:"maxDate",type:{name:"date"},defaultValue:{func:!1,value:"null"}},{name:"updatePositionBasedOnScrollableSelector",type:{name:"string"},defaultValue:{func:!1,value:"''"}}],events:[{name:"update:date"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue"]};export{Y as D};
|
package/docs/assets/{DateRangePicker.stories-oP5JPftq.js → DateRangePicker.stories-BWsIHtfr.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{I as r}from"./Icon-
|
|
1
|
+
import{I as r}from"./Icon-DLflpryl.js";import{a as m,d as I,b as s}from"./DatePicker-BCT6boRT.js";import{D as i}from"./DateRangePicker-CnUEzq-Z.js";import"./vue.esm-bundler-DD4BrEtS.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Tile-C-0-l9Zd.js";import"./iframe-DeX83N-_.js";import"../sb-preview/runtime.js";const{useArgs:u}=__STORYBOOK_MODULE_PREVIEW_API__,b={title:"Components/DatePickers/DateRangePicker",component:i,render:n=>{const[A,p]=u();return{components:{DateRangePicker:i},setup(){return n},data(){return{ICONS:Object.freeze(r)}},methods:{updateDate({startDate:e,endDate:t}){p({startDate:e?`${e.getFullYear()}-${e.getMonth()+1}-${e.getDate()}`:null,endDate:t?`${t.getFullYear()}-${t.getMonth()+1}-${t.getDate()}`:null})}},computed:{formattedStartDate(){return this.startDate?new Date(this.startDate):null},formattedEndDate(){return this.endDate?new Date(this.endDate):null},formattedMinDate(){return this.minDate?new Date(this.minDate):null},formattedMaxDate(){return this.maxDate?new Date(this.maxDate):null},formattedDisableDates(){return!this.disableDates||!this.disableDates.length?[]:this.disableDates.map(e=>new Date(e))}},template:`
|
|
2
2
|
<div style="display: flex">
|
|
3
3
|
<date-range-picker
|
|
4
4
|
:is-interactive="isInteractive"
|
|
@@ -17,7 +17,7 @@ import{I as r}from"./Icon-mlOEH8dY.js";import{e as m,a as I,b as s}from"./DatePi
|
|
|
17
17
|
:max-date="formattedMaxDate"
|
|
18
18
|
@update:date="updateDate"
|
|
19
19
|
/>
|
|
20
|
-
</div>`}},argTypes:{startDate:{control:"text"},endDate:{control:"text"},startIcon:{control:"select",options:[null,...Object.keys(r)]},endIcon:{control:"select",options:[null,...Object.keys(r)]},calendarPosition:{control:"select",options:Object.values(
|
|
20
|
+
</div>`}},argTypes:{startDate:{control:"text"},endDate:{control:"text"},startIcon:{control:"select",options:[null,...Object.keys(r)]},endIcon:{control:"select",options:[null,...Object.keys(r)]},calendarPosition:{control:"select",options:Object.values(I)},state:{control:"select",options:Object.values(m)},color:{control:"select",options:Object.values(s).filter(n=>n!==s.NEUTRAL)},disableDates:{control:"object"}},parameters:{design:{type:"figma",url:"https://www.figma.com/design/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=8502-1209&t=mHbWSeRfkspainMZ-4"}}},o=Date.now(),l=864e5,a={args:{isInteractive:!0,color:s.NEUTRAL_WEAK,placeholder:"Ustaw",startDate:"",endDate:"",disableDates:[new Date(o+l*2).toISOString().slice(0,10)],minDate:new Date(o).toISOString().slice(0,10),maxDate:new Date(o+l*30).toISOString().slice(0,10),startIcon:"FA_CALENDAR_DAY",endIcon:"FA_CALENDAR_DAY",areIconsHiddenOnMobile:!1,errorMessage:"",calendarPosition:I.BOTTOM,state:m.DEFAULT}};var c,d,D;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:`{
|
|
21
21
|
args: {
|
|
22
22
|
isInteractive: true,
|
|
23
23
|
color: DATE_PICKER_COLORS.NEUTRAL_WEAK,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as t,c as n,n as r,o as l}from"./vue.esm-bundler-
|
|
1
|
+
import{d as t,c as n,n as r,o as l}from"./vue.esm-bundler-DD4BrEtS.js";import{_ as o}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s={DEFAULT:"default",STRONG:"strong",WEAK:"weak"},a={S:"small",M:"medium",L:"large"},i=t({name:"Divider",props:{isVertical:{type:Boolean,default:!1},prominence:{type:String,default:s.DEFAULT,validator:e=>Object.values(s).includes(e)},size:{type:String,default:a.S,validator:e=>Object.values(a).includes(e)}},data(){return{DIVIDER_PROMINENCES:Object.freeze(s)}},computed:{sizeClass(){return{[a.S]:"",[a.M]:"-ds-medium-"+(this.isVertical?"vertical":"horizontal"),[a.L]:"-ds-large-"+(this.isVertical?"vertical":"horizontal")}[this.size]}}});function d(e,c,u,m,p,f){return l(),n("div",{class:r(["ds-divider",{"-ds-vertical":e.isVertical,"-ds-horizontal":!e.isVertical,"-ds-strong":e.prominence===e.DIVIDER_PROMINENCES.STRONG,"-ds-weak":e.prominence===e.DIVIDER_PROMINENCES.WEAK,[e.sizeClass]:!0}])},null,2)}const I=o(i,[["render",d],["__scopeId","data-v-2e55c104"]]);i.__docgenInfo={displayName:"Divider",exportName:"default",description:"",tags:{},props:[{name:"isVertical",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"prominence",type:{name:"string"},defaultValue:{func:!1,value:"DIVIDER_PROMINENCES.DEFAULT"}},{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"DIVIDER_SIZES.S"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Divider/Divider.vue"]};export{I as D,a,s as b};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{D as r,a as n,b as o}from"./Divider-
|
|
1
|
+
import{D as r,a as n,b as o}from"./Divider-9o-i_zKL.js";import"./vue.esm-bundler-DD4BrEtS.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const g={title:"Components/Divider",component:r},p=a=>({components:{Divider:r},setup(){return a},template:`
|
|
2
2
|
<div style="height: 200px; width: 200px;">
|
|
3
3
|
<divider :is-vertical="isVertical" :prominence="prominence" :size="size" />
|
|
4
|
-
</div>`}),e=p.bind({}),c={isVertical:!1,prominence:
|
|
4
|
+
</div>`}),e=p.bind({}),c={isVertical:!1,prominence:o.DEFAULT,size:n.S},m={prominence:{control:"select",options:Object.values(o)},size:{control:"select",options:Object.values(n)}};e.argTypes=m;e.args=c;e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=1552%3A34960"}};var i,t,s;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`args => ({
|
|
5
5
|
components: {
|
|
6
6
|
Divider
|
|
7
7
|
},
|