@bethinkpl/design-system 26.6.0 → 26.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -0
- package/dist/design-system.umd.cjs +18 -18
- package/dist/design-system.umd.cjs.map +1 -1
- package/dist/lib/js/components/Avatar/Avatar.consts.d.ts +9 -0
- package/dist/lib/js/components/Avatar/Avatar.vue.d.ts +38 -0
- package/dist/lib/js/components/Avatar/index.d.ts +4 -0
- package/dist/lib/js/components/BadgeScore/BadgeScore.vue.d.ts +63 -5
- package/dist/lib/js/components/Banner/Banner.vue.d.ts +371 -34
- package/dist/lib/js/components/Buttons/Button/Button.vue.d.ts +96 -8
- package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +197 -17
- package/dist/lib/js/components/Cards/Card/Card.consts.d.ts +3 -3
- package/dist/lib/js/components/Cards/Card/Card.vue.d.ts +14 -12
- package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +20 -18
- package/dist/lib/js/components/Chip/Chip.vue.d.ts +293 -26
- package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.consts.d.ts +4 -4
- package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +128 -30
- package/dist/lib/js/components/DatePickers/DatePickerBox/DatePickerBox.vue.d.ts +115 -8
- package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts +118 -14
- package/dist/lib/js/components/Drawer/Drawer.consts.d.ts +1 -1
- package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.consts.d.ts +1 -1
- package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue.d.ts +582 -57
- package/dist/lib/js/components/Drawer/DrawerListItem/DrawerListItem.consts.d.ts +1 -1
- package/dist/lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue.d.ts +39 -8
- package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts +468 -34
- package/dist/lib/js/components/Drawer/DrawerTile/DrawerTile.vue.d.ts +12 -26
- package/dist/lib/js/components/Dropdown/Dropdown.vue.d.ts +68 -4
- package/dist/lib/js/components/Form/Checkbox/Checkbox.consts.d.ts +2 -2
- package/dist/lib/js/components/Form/Checkbox/Checkbox.vue.d.ts +119 -10
- package/dist/lib/js/components/Form/RadioButton/RadioButton.consts.d.ts +2 -2
- package/dist/lib/js/components/Form/RadioButton/RadioButton.vue.d.ts +119 -10
- package/dist/lib/js/components/Form/SelectionControl/SelectionControl.consts.d.ts +3 -3
- package/dist/lib/js/components/Form/SelectionControl/SelectionControl.sb.shared.d.ts +1 -1
- package/dist/lib/js/components/Form/SelectionControl/SelectionControl.vue.d.ts +74 -5
- package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +340 -30
- package/dist/lib/js/components/Headers/PageHeader/PageHeader.vue.d.ts +38 -2
- package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.consts.d.ts +1 -1
- package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts +342 -26
- package/dist/lib/js/components/IconText/IconText.vue.d.ts +73 -4
- package/dist/lib/js/components/Icons/FeatureIcon/FeatureIcon.vue.d.ts +45 -5
- package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts +10 -8
- package/dist/lib/js/components/Icons/Icon/Icon.vue.d.ts +2 -2
- package/dist/lib/js/components/Image/Image.consts.d.ts +1 -1
- package/dist/lib/js/components/Image/Image.vue.d.ts +6 -5
- package/dist/lib/js/components/Layouts/ThreeColumnLayout/ThreeColumnLayout.consts.d.ts +1 -1
- package/dist/lib/js/components/Layouts/ThreeColumnLayout/ThreeColumnLayout.vue.d.ts +55 -2
- package/dist/lib/js/components/LoadingBar/LoadingBar.consts.d.ts +2 -2
- package/dist/lib/js/components/LoadingBar/LoadingBar.vue.d.ts +5 -4
- package/dist/lib/js/components/Modal/Modal.vue.d.ts +8 -6
- package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +517 -37
- package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +628 -39
- package/dist/lib/js/components/Outline/OutlineItem/OutlineItem.vue.d.ts +137 -9
- package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +402 -36
- package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +125 -8
- package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.consts.d.ts +1 -1
- package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.vue.d.ts +43 -8
- package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +545 -34
- package/dist/lib/js/components/RichList/GroupRichListItem/GroupRichListItem.consts.d.ts +2 -2
- package/dist/lib/js/components/RichList/GroupRichListItem/GroupRichListItem.vue.d.ts +6 -5
- package/dist/lib/js/components/RichList/RichListItem/RichListItem.consts.d.ts +7 -7
- package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts +305 -21
- package/dist/lib/js/components/SectionTitle/SectionTitle.consts.d.ts +1 -1
- package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.vue.d.ts +84 -8
- package/dist/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue.d.ts +12 -26
- package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts +152 -10
- package/dist/lib/js/components/SelectionTile/SelectionTile.consts.d.ts +2 -2
- package/dist/lib/js/components/SelectionTile/SelectionTile.vue.d.ts +377 -33
- package/dist/lib/js/components/Skeleton/Skeleton.consts.d.ts +1 -1
- package/dist/lib/js/components/Skeleton/Skeleton.vue.d.ts +4 -3
- package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +8 -6
- package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +8 -6
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +352 -49
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +451 -53
- package/dist/lib/js/components/SurveyToggle/SurveyToggle.vue.d.ts +62 -4
- package/dist/lib/js/components/Switch/Switch.consts.d.ts +4 -4
- package/dist/lib/js/components/Switch/Switch.vue.d.ts +91 -9
- package/dist/lib/js/components/TabItem/TabItem.vue.d.ts +49 -5
- package/dist/lib/js/components/TextGroup/TextGroup.consts.d.ts +4 -4
- package/dist/lib/js/components/TextGroup/TextGroup.vue.d.ts +10 -10
- package/dist/lib/js/components/Tile/Tile.consts.d.ts +4 -4
- package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts +375 -39
- package/dist/lib/js/components/Tile/Tile.vue.d.ts +12 -16
- package/dist/lib/js/components/Toast/Toast.consts.d.ts +3 -3
- package/dist/lib/js/components/Toast/Toast.vue.d.ts +202 -23
- package/dist/lib/js/components/Toggles/CounterToggle/CounterToggle.vue.d.ts +50 -4
- package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.consts.d.ts +5 -5
- package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts +124 -10
- package/dist/lib/js/components/Tooltip/Tooltip.consts.d.ts +1 -1
- package/dist/lib/js/icons/fontawesome.d.ts +1 -0
- package/dist/lib/js/index.d.ts +2 -0
- package/dist/lib/js/utils/type.utils.d.ts +1 -1
- package/docs/assets/{AccessStatus-Dz1vfbnh.js → AccessStatus-lY4oqKbY.js} +1 -1
- package/docs/assets/{AccessStatus.stories-BC2FqmS7.js → AccessStatus.stories-B-o8Wzbn.js} +1 -1
- package/docs/assets/Avatar-BALJe_Kd.js +1 -0
- package/docs/assets/Avatar.stories-BBWquxG4.js +35 -0
- package/docs/assets/{BadgeScore-C0Ghj-5s.js → BadgeScore-BllxpS5b.js} +1 -1
- package/docs/assets/{BadgeScore.stories-DQOL_ZiP.js → BadgeScore.stories-CZkwHDBn.js} +1 -1
- package/docs/assets/{Banner-BmKYBJ1B.js → Banner-B_WbNF52.js} +1 -1
- package/docs/assets/{Banner.stories-BPHdgNAZ.js → Banner.stories-BnbHDoMg.js} +1 -1
- package/docs/assets/{BasicRichListItem-Ctm7LWMn.js → BasicRichListItem-xKSFXEOx.js} +1 -1
- package/docs/assets/{BasicRichListItem.stories-CW9os382.js → BasicRichListItem.stories-D5cFXBnH.js} +2 -2
- package/docs/assets/{BlockadeStatus-4Zx578QV.js → BlockadeStatus-P8nBhdtz.js} +1 -1
- package/docs/assets/{BlockedeStatus.stories-CeCB1B6k.js → BlockedeStatus.stories-D2lBK6X4.js} +1 -1
- package/docs/assets/{Button-DVtHJ-a3.js → Button-BnWnuQz_.js} +1 -1
- package/docs/assets/{Button.stories-D7PDCOOm.js → Button.stories-BUAtvyqT.js} +1 -1
- package/docs/assets/{Card-CbIL2Iiq.js → Card-BzXb8FVb.js} +1 -1
- package/docs/assets/{Card.stories-sWfj8JIt.js → Card.stories-DR5-T-9k.js} +1 -1
- package/docs/assets/{CardExpandable-DvrXNsTR.js → CardExpandable-UGGPT1DB.js} +1 -1
- package/docs/assets/{CardExpandable.stories-CeNHupz8.js → CardExpandable.stories-CgBLkNle.js} +1 -1
- package/docs/assets/{Checkbox-Bk9Hyj7u.js → Checkbox-CJfLFnEo.js} +1 -1
- package/docs/assets/{Checkbox.stories-C9VNatGb.js → Checkbox.stories-Cuk7m0lR.js} +1 -1
- package/docs/assets/{Chip-D-3z8YPj.js → Chip-DHtEAdjh.js} +1 -1
- package/docs/assets/{Chip.stories-CjFXBnam.js → Chip.stories-DQ1Us1CB.js} +1 -1
- package/docs/assets/{Color-ERTF36HU-CqJ5SSs8.js → Color-ERTF36HU-Bdv_bt15.js} +1 -1
- package/docs/assets/{Colors.stories-CrtG5S4A.js → Colors.stories-BWgavcUS.js} +1 -1
- package/docs/assets/{ColorsThemes.stories-B_DRVheO.js → ColorsThemes.stories-0-sPp0ge.js} +1 -1
- package/docs/assets/{ColorsTokensLms.stories-DNXNDpp5.js → ColorsTokensLms.stories-BykJy-2-.js} +1 -1
- package/docs/assets/{ColorsTokensPrimaryBodywork.stories-MZpI5IXh.js → ColorsTokensPrimaryBodywork.stories-DbuoY06v.js} +1 -1
- package/docs/assets/{ColorsTokensPrimaryWnl.stories-D8POK0cA.js → ColorsTokensPrimaryWnl.stories-BGrxCgKb.js} +1 -1
- package/docs/assets/{CounterToggle-FQNWJcH5.js → CounterToggle-B1fmCAW0.js} +1 -1
- package/docs/assets/{CounterToggle.stories-B63J-wko.js → CounterToggle.stories-B0h9L-mI.js} +1 -1
- package/docs/assets/{DatePicker-Br-Dxnyn.js → DatePicker-DIJ8aqM6.js} +1 -1
- package/docs/assets/{DatePicker.stories-C4sN46Ws.js → DatePicker.stories-D4LubdID.js} +1 -1
- package/docs/assets/{DateRangePicker-B2xmoGPO.js → DateRangePicker-1oxiA7Lf.js} +1 -1
- package/docs/assets/{DateRangePicker.stories-DGh5m4TF.js → DateRangePicker.stories-CmHayQUD.js} +1 -1
- package/docs/assets/{Divider-4HN2u4Et.js → Divider-CeZli6az.js} +1 -1
- package/docs/assets/{Divider.stories-BCrs-P64.js → Divider.stories-BGrVq6Gh.js} +1 -1
- package/docs/assets/{DocsRenderer-CFRXHY34-CemqquOQ.js → DocsRenderer-CFRXHY34-7YPgF_58.js} +5 -5
- package/docs/assets/{Drawer-DRYKGdtt.js → Drawer-BAhS1Aex.js} +1 -1
- package/docs/assets/{Drawer.stories-DNAfMM9D.js → Drawer.stories-Bgvx4k59.js} +1 -1
- package/docs/assets/{DrawerContent-CY64oeID.js → DrawerContent-BC_l9IKr.js} +1 -1
- package/docs/assets/{DrawerContent.stories-CJRbiAKZ.js → DrawerContent.stories-bd7mDbJc.js} +1 -1
- package/docs/assets/{DrawerDivider-B6matEEg.js → DrawerDivider-DuTuIbLz.js} +1 -1
- package/docs/assets/{DrawerDivider.stories-DkEGw1YV.js → DrawerDivider.stories-C6fwM_Vr.js} +1 -1
- package/docs/assets/{DrawerHeader-kxEGS3hp.js → DrawerHeader-DAlTWdTV.js} +1 -1
- package/docs/assets/{DrawerHeader.stories-C696CXDI.js → DrawerHeader.stories-DPx9vaHi.js} +1 -1
- package/docs/assets/{DrawerListItem-k3WHGFah.js → DrawerListItem-BQwvRia4.js} +1 -1
- package/docs/assets/{DrawerListItem.stories-DUxJpobr.js → DrawerListItem.stories-CHf7nV4C.js} +1 -1
- package/docs/assets/{DrawerListItemGroup-B40g16RV.js → DrawerListItemGroup-BTfrsZ_p.js} +1 -1
- package/docs/assets/{DrawerListItemGroup.stories-Crms7R86.js → DrawerListItemGroup.stories-Ch1z9OG4.js} +1 -1
- package/docs/assets/{DrawerSection-DIeDQFNf.js → DrawerSection-xoALUrNo.js} +1 -1
- package/docs/assets/{DrawerSection.stories-DgdmLwYu.js → DrawerSection.stories-B_netySu.js} +1 -1
- package/docs/assets/{DrawerTile-OeT5gefI.js → DrawerTile-C64fS4dq.js} +1 -1
- package/docs/assets/{DrawerTile.stories-nBKWobdB.js → DrawerTile.stories-CRTdtfFG.js} +1 -1
- package/docs/assets/{Dropdown-CR-eIdCF.js → Dropdown-B75bqkCY.js} +1 -1
- package/docs/assets/{Dropdown.stories-Caf2EapU.js → Dropdown.stories-CFcPipvl.js} +1 -1
- package/docs/assets/{FeatureIcon-B09zj5Bd.js → FeatureIcon-DuHLb2s9.js} +1 -1
- package/docs/assets/{FeatureIcon.stories-CGmHfPT3.js → FeatureIcon.stories-D2wXVZJD.js} +1 -1
- package/docs/assets/{GroupRichListItem-DEqhXKuF.js → GroupRichListItem-C2S_DIM-.js} +1 -1
- package/docs/assets/{GroupRichListItem.stories-y32zxNgh.js → GroupRichListItem.stories-DkFM_Fbq.js} +1 -1
- package/docs/assets/Icon-KlrZhBvI.js +761 -0
- package/docs/assets/{Icon.stories-CY_HHNiQ.js → Icon.stories-DQC9sgOw.js} +1 -1
- package/docs/assets/{IconButton-rhUVXzuc.js → IconButton-BcjUxjB4.js} +1 -1
- package/docs/assets/{IconButton.stories-DFB0l3TX.js → IconButton.stories-BHiXRfSV.js} +1 -1
- package/docs/assets/{IconText-CKA7x6Oe.js → IconText-CcdweKoG.js} +1 -1
- package/docs/assets/{IconText.stories-DI_tSPTu.js → IconText.stories-CAwMj5EE.js} +1 -1
- package/docs/assets/{Image-BF_Kx0up.js → Image-B9jnhF_n.js} +1 -1
- package/docs/assets/{Image.stories-BXYD86R1.js → Image.stories-DzKTJQnd.js} +1 -1
- package/docs/assets/{ItemsList-DxGr2MB5.js → ItemsList-D_riVFX-.js} +1 -1
- package/docs/assets/{LoadingBar-BeOPZFzu.js → LoadingBar-C1yAImWt.js} +1 -1
- package/docs/assets/{LoadingBar.stories-BJeb9oll.js → LoadingBar.stories-NffcMV2n.js} +1 -1
- package/docs/assets/Modal-CgNyRPs8.js +1 -0
- package/docs/assets/{Modal.stories-DL5mJmSa.js → Modal.stories-xhgpgD4o.js} +1 -1
- package/docs/assets/{ModalDialog-C79kCvIP.js → ModalDialog-B2ORB9vQ.js} +1 -1
- package/docs/assets/{ModalDialog.stories-DevcfCkg.js → ModalDialog.stories-DnpSmybQ.js} +1 -1
- package/docs/assets/{NumberInCircle-Cqbd2PUf.js → NumberInCircle-CYZFaZ00.js} +1 -1
- package/docs/assets/{NumberInCircle.stories--_6-RNlU.js → NumberInCircle.stories-DzdSX4we.js} +1 -1
- package/docs/assets/{OutlineDivider-9phD7EaD.js → OutlineDivider-DItdz99b.js} +1 -1
- package/docs/assets/{OutlineDivider.stories-LsrVcpfQ.js → OutlineDivider.stories-Cdmgts0G.js} +1 -1
- package/docs/assets/{OutlineItem-B0GAacWf.js → OutlineItem-dhEw8EC1.js} +1 -1
- package/docs/assets/{OutlineItem.stories-RvYTOp9N.js → OutlineItem.stories-BvYje0yq.js} +1 -1
- package/docs/assets/{OutlineSectionHeader-BDh6TrVb.js → OutlineSectionHeader-CtypBCqR.js} +1 -1
- package/docs/assets/{OutlineSectionHeader.stories-CPuYAPXa.js → OutlineSectionHeader.stories-CpZUQfTd.js} +1 -1
- package/docs/assets/{OverlayHeader--26-GHPy.js → OverlayHeader-51ih8x0c.js} +1 -1
- package/docs/assets/{OverlayHeader.stories-BVxhjyuC.js → OverlayHeader.stories-BclXAtEh.js} +1 -1
- package/docs/assets/{PageHeader-CwyCLKPQ.js → PageHeader-C5oCP3S2.js} +1 -1
- package/docs/assets/{PageHeader.stories-BaavDroe.js → PageHeader.stories-hH9p_VSN.js} +1 -1
- package/docs/assets/{Pagination-XlcLXTgM.js → Pagination-B2HzTrD0.js} +1 -1
- package/docs/assets/{Pagination.stories-CGBJ2Sad.js → Pagination.stories-DwS53dgq.js} +1 -1
- package/docs/assets/{PopOver-CQVq9c4Z.js → PopOver-xznuUBtF.js} +1 -1
- package/docs/assets/{PopOver.stories-g1F8AUJI.js → PopOver.stories-DC1Fdmyd.js} +1 -1
- package/docs/assets/{ProgressBar-3iykKXJT.js → ProgressBar-Dw-iWAra.js} +1 -1
- package/docs/assets/{ProgressBar.stories-BV7Hhjoe.js → ProgressBar.stories-BBkwbwJC.js} +1 -1
- package/docs/assets/{ProgressDonutChart-6EInE7M5.js → ProgressDonutChart-BzpDf_D1.js} +1 -1
- package/docs/assets/{ProgressDonutChart.stories-C_u9MjFX.js → ProgressDonutChart.stories-g0thnFjo.js} +1 -1
- package/docs/assets/{RadioButton-zouOWpRs.js → RadioButton-D-73BAcy.js} +1 -1
- package/docs/assets/{RadioButton.stories-pnmyqoJH.js → RadioButton.stories-DJssblKO.js} +1 -1
- package/docs/assets/{RichListItem.stories-B_DlwcQo.js → RichListItem.stories-Dh3jAgkT.js} +2 -2
- package/docs/assets/{SectionHeader-C2Y0CGjY.js → SectionHeader-C9tfdV94.js} +1 -1
- package/docs/assets/{SectionHeader.stories-B0gOYosA.js → SectionHeader.stories-CkVrEY1u.js} +1 -1
- package/docs/assets/{SectionTitle-B1v2FcuB.js → SectionTitle-BQZh7aFs.js} +1 -1
- package/docs/assets/{SectionTitle.stories-BogJgzAG.js → SectionTitle.stories-BLNC5wZK.js} +1 -1
- package/docs/assets/{SelectList-CiuxFUk4.js → SelectList-T6eJOYPv.js} +1 -1
- package/docs/assets/{SelectList.stories-DX-fFMoD.js → SelectList.stories-C-8KXQaF.js} +1 -1
- package/docs/assets/{SelectListItem-BU_U7IZs.js → SelectListItem-KRL8q6Iz.js} +1 -1
- package/docs/assets/{SelectListItem.stories-Dy3EXPN_.js → SelectListItem.stories-Bp_rq-Eh.js} +1 -1
- package/docs/assets/{SelectListItemDivider-CIueguWt.js → SelectListItemDivider-CTuILyj9.js} +1 -1
- package/docs/assets/{SelectListItemDivider.stories-CYkoQqyL.js → SelectListItemDivider.stories-CyW1-Pe_.js} +1 -1
- package/docs/assets/{SelectListItemTile-ohFw-wM4.js → SelectListItemTile-I9x6zsKM.js} +1 -1
- package/docs/assets/{SelectListItemTile.stories-BRCqpIYj.js → SelectListItemTile.stories-B8bcoXQ8.js} +1 -1
- package/docs/assets/{SelectListItemToggle-C1VDDxAm.js → SelectListItemToggle-BKr25N9H.js} +1 -1
- package/docs/assets/{SelectListItemToggle.stories-d_Sto0ry.js → SelectListItemToggle.stories-BxE4M_-B.js} +1 -1
- package/docs/assets/{SelectListSectionTitle-DBd3RwED.js → SelectListSectionTitle-BOCjrVHo.js} +1 -1
- package/docs/assets/{SelectListSectionTitle.stories-BrIWdRit.js → SelectListSectionTitle.stories-8h3E7qrw.js} +1 -1
- package/docs/assets/{SelectionControl-DEv8iTfR.js → SelectionControl-CxsRDZ81.js} +1 -1
- package/docs/assets/{SelectionTile-CjfV3f7H.js → SelectionTile-A8HfI_-S.js} +2 -2
- package/docs/assets/{SelectionTile.stories-PT6dhdE2.js → SelectionTile.stories-CG4N75Mo.js} +1 -1
- package/docs/assets/{Skeleton-Budxm1Jq.js → Skeleton-DMxKKJ0Z.js} +1 -1
- package/docs/assets/{Skeleton.stories-C5oyivEw.js → Skeleton.stories-BHWr0cDF.js} +1 -1
- package/docs/assets/{SurveyQuestionOpenEnded-7vjfdqDE.js → SurveyQuestionOpenEnded-BqVHeqqP.js} +1 -1
- package/docs/assets/{SurveyQuestionOpenEnded.stories-DOs_GSRG.js → SurveyQuestionOpenEnded.stories-ahMVN6RR.js} +1 -1
- package/docs/assets/{SurveyQuestionScale-OhARHAbk.js → SurveyQuestionScale--V40kshK.js} +1 -1
- package/docs/assets/{SurveyQuestionScale.stories-Bi7NxxtA.js → SurveyQuestionScale.stories-OzvwLBWr.js} +1 -1
- package/docs/assets/{SurveyToggle-CyohUVKo.js → SurveyToggle-CPoPpkRt.js} +1 -1
- package/docs/assets/{SurveyToggle.stories-ghYQJDpX.js → SurveyToggle.stories-63IVdw_s.js} +1 -1
- package/docs/assets/{Switch-BtYFtHgw.js → Switch-8KDmrBx0.js} +1 -1
- package/docs/assets/{Switch.stories-DmNV0lil.js → Switch.stories-CLRVfXje.js} +1 -1
- package/docs/assets/{TabItem-GC7LQNvp.js → TabItem-DMeZl877.js} +1 -1
- package/docs/assets/{TabItem.stories-DbiRd9vV.js → TabItem.stories-bpoM2LnI.js} +1 -1
- package/docs/assets/{TextGroup-lwPvABi6.js → TextGroup-D5le3QVY.js} +1 -1
- package/docs/assets/{TextGroup.stories-CnojKPTw.js → TextGroup.stories-soggouxN.js} +1 -1
- package/docs/assets/{ThreeColumnLayout-BR3bkVIs.js → ThreeColumnLayout-CFf8NRwP.js} +1 -1
- package/docs/assets/{ThreeColumnLayout.stories-V4L7zdf_.js → ThreeColumnLayout.stories-tcn5IlfD.js} +1 -1
- package/docs/assets/{Tile-DjRk5xHI.js → Tile-DXlbtMBZ.js} +1 -1
- package/docs/assets/{Tile.sb.shared-Dt0Nhl_4.js → Tile.sb.shared-BRv2J5BO.js} +1 -1
- package/docs/assets/{Tile.stories-lM4we8lW.js → Tile.stories-C2CVBJs4.js} +1 -1
- package/docs/assets/{Toast-Dgoj-mgi.js → Toast-DyyWQQxM.js} +1 -1
- package/docs/assets/{Toast.stories-BxXNn_Nb.js → Toast.stories-Bv9gyrsa.js} +1 -1
- package/docs/assets/{ToggleButton-APZXu2t7.js → ToggleButton-C_ZU_6g5.js} +1 -1
- package/docs/assets/{ToggleButton.stories-DO-p6P3s.js → ToggleButton.stories-DLfjOSpj.js} +1 -1
- package/docs/assets/{Tooltip-Cni6OHo9.js → Tooltip-DB8acOEc.js} +1 -1
- package/docs/assets/{Tooltip.stories-C3h4ABpf.js → Tooltip.stories-DTDTTjA0.js} +1 -1
- package/docs/assets/{TypographyTokensLms.stories-PrEmdBHF.js → TypographyTokensLms.stories-DW3gBdun.js} +1 -1
- package/docs/assets/{TypographyVariables.stories-CP8aNZmQ.js → TypographyVariables.stories-FmiXmx2m.js} +1 -1
- package/docs/assets/{Well-DSgC9yDa.js → Well-Chn1RK_x.js} +1 -1
- package/docs/assets/{Well.stories-02Hpe7cX.js → Well.stories-D3_25hWV.js} +1 -1
- package/docs/assets/entry-preview-C1JfRNcy.js +1 -0
- package/docs/assets/{entry-preview-docs-b1BM2N0G.js → entry-preview-docs-CLZ3bGGX.js} +1 -1
- package/docs/assets/{iframe-OBly2w25.js → iframe-PlXRfjR9.js} +4 -3
- package/docs/assets/{index-DRNPKjaN.js → index-DGocbclh.js} +1 -1
- package/docs/assets/{index-BX4u4pqi.js → index-Dwdn4P5V.js} +1 -1
- package/docs/assets/preview-19u1OjCM.js +64 -0
- package/docs/assets/{preview-BA4xsxRI.js → preview-BqTxE9pa.js} +2 -2
- package/docs/assets/string-CXbuceC1.js +1 -0
- package/docs/assets/{vue-popper-CpfGMX4Q.js → vue-popper-DQfdblyw.js} +1 -1
- package/docs/assets/{vue.esm-bundler-CWlcb7ht.js → vue.esm-bundler-DmkhfO_9.js} +1 -1
- package/docs/iframe.html +1 -1
- package/docs/index.json +1 -1
- package/docs/project.json +1 -1
- package/lib/images/icons/change.svg +1 -0
- package/lib/js/components/Avatar/Avatar.consts.ts +10 -0
- package/lib/js/components/Avatar/Avatar.spec.ts +133 -0
- package/lib/js/components/Avatar/Avatar.stories.ts +91 -0
- package/lib/js/components/Avatar/Avatar.vue +178 -0
- package/lib/js/components/Avatar/index.ts +4 -0
- package/lib/js/components/Icons/Icon/Icon.consts.ts +6 -4
- package/lib/js/components/Modals/Modal/Modal.vue +2 -2
- package/lib/js/icons/fontawesome.ts +2 -0
- package/lib/js/index.ts +2 -0
- package/package.json +4 -3
- package/docs/assets/Icon-ChGia3n4.js +0 -761
- package/docs/assets/Modal-xys3UXAy.js +0 -1
- package/docs/assets/entry-preview-Dzwhc6UB.js +0 -1
- package/docs/assets/preview-ByrBU2E6.js +0 -64
- package/docs/assets/string-BIzBNuWk.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{I as s,T as c}from"./ItemsList-
|
|
1
|
+
import{I as s,T as c}from"./ItemsList-D_riVFX-.js";import"./vue.esm-bundler-DmkhfO_9.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,I as l,b as u}from"./Icon-
|
|
1
|
+
import{a as r,I as l,b as u}from"./Icon-KlrZhBvI.js";import{d as c,t as i,c as o,k as d,j as p,g as m,n as f,r as g,o as n}from"./vue.esm-bundler-DmkhfO_9.js";import{_}from"./_plugin-vue_export-helper-DlAUqK2U.js";const a={INVERTED:"inverted",NEUTRAL_STRONG:"neutralStrong",NEUTRAL:"neutral",PRIMARY:"primary"},s=c({name:"CounterToggle",components:{Icon:r},props:{counter:{type:[String,Number],default:null},color:{type:String,default:a.NEUTRAL_STRONG,validator(e){return Object.values(a).includes(e)}},icon:{type:Object,required:!0,validator(e){return Object.values(l).includes(i(e))}},isSelected:{type:Boolean,default:!1},isDisabled:{type:Boolean,default:!1}},data(){return{ICON_SIZES:Object.freeze(u)}},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 t=g("icon");return n(),o("div",{class:f(["ds-counterToggle",[{"-ds-selected":e.isSelected,"-ds-disabled":e.isDisabled},e.colorClass]])},[d(t,{class:"ds-counterToggle__icon",icon:e.icon,size:e.ICON_SIZES.X_SMALL},null,8,["icon","size"]),e.hasCounter?(n(),o("span",C,p(e.counter),1)):m("",!0)],2)}const I=_(s,[["render",T],["__scopeId","data-v-04a361ea"]]);s.__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,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-B1fmCAW0.js";import{I as n}from"./Icon-KlrZhBvI.js";import{w as a}from"./decorator-CSnIf-k5.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./v4-BZawosSj.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,2 +1,2 @@
|
|
|
1
1
|
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./pl-Cy1N1vsP.js","./_commonjsHelpers-Chg3vePA.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{d as K,t as b,r as h,o as a,c as l,a as n,j as _,g as i,b as S,n as T,F as V,k as W,q as g,C as j,w as U,f as z}from"./vue.esm-bundler-CWlcb7ht.js";import{c as $,d as X,b as d}from"./Tile-DjRk5xHI.js";import{a as Y,I,b as Z}from"./Icon-ChGia3n4.js";import{_ as F}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{_ as k}from"./iframe-OBly2w25.js";const u={NEUTRAL_WEAK:"neutralWeak",NEUTRAL:"neutral",WARNING:"warning",DANGER:"danger"},E={DEFAULT:"default",DISABLED:"disabled",LOADING:"loading"},c={TOP:"top",TOP_LEFT:"top-left",TOP_RIGHT:"top-right",BOTTOM:"bottom",BOTTOM_LEFT:"bottom-left",BOTTOM_RIGHT:"bottom-right"},N={BOX:"box",TILE:"tile"},M={[c.BOTTOM_LEFT]:"below left",[c.BOTTOM_RIGHT]:"below right",[c.BOTTOM]:"below",[c.TOP_LEFT]:"above left",[c.TOP_RIGHT]:"above right",[c.TOP]:"above"};function q(e){return e.toLocaleDateString(void 0,{dateStyle:void 0,timeStyle:void 0,weekday:"long"})}function J(e){return e.toLocaleDateString(void 0,{dateStyle:"medium",timeStyle:void 0})}function B(e){return e.toLocaleDateString(void 0,{month:"short",day:"2-digit"})}const G=K({name:"DatePickerBox",components:{DsIcon:Y},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(b(e))},endIcon:{type:Object,default:null,validate:e=>e===null||Object.values(I).includes(b(e))},areIconsHiddenOnMobile:{type:Boolean,default:!1},state:{type:String||null,default:E.DEFAULT},color:{type:String,default:u.NEUTRAL_WEAK},startDateEyebrowText:{type:String,default:""},endDateEyebrowText:{type:String,default:""},isOpen:{type:Boolean,default:!1}},data(){return{ICONS:Object.freeze(I),ICON_SIZES:Object.freeze(Z),DATE_PICKER_STATES:Object.freeze(E),DATE_PICKER_COLORS:Object.freeze(u)}},computed:{startDateText(){return this.startDate?B(this.startDate):this.placeholder},endDateText(){return B(this.endDate)}}}),Q={class:"ds-datePickerBox__dateWrapper"},x={key:0,class:"ds-datePickerBox__eyebrow"},ee={class:"ds-datePickerBox__date"},te={class:"ds-datePickerBox__dateText"},ae={class:"ds-datePickerBox__dateWrapper"},ne={key:0,class:"ds-datePickerBox__eyebrow"},le={class:"ds-datePickerBox__date"},se={class:"ds-datePickerBox__dateText"},oe={key:1,class:"ds-datePickerBox__loader"};function ie(e,f,r,D,t,p){const s=h("ds-icon");return a(),l("div",{class:T(["ds-datePickerBox",{"-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}])},[n("div",{class:T(["ds-datePickerBox__widthWrapper",{"-ds-has-icon":e.startIcon,"-ds-iconHiddenOnMobile":e.areIconsHiddenOnMobile}])},[n("div",Q,[e.startDateEyebrowText?(a(),l("span",x,_(e.startDateEyebrowText),1)):i("",!0),n("div",ee,[e.startIcon?(a(),S(s,{key:0,class:T(["ds-datePickerBox__icon",{"-ds-hiddenOnMobile":e.areIconsHiddenOnMobile}]),icon:e.startIcon,size:e.ICON_SIZES.XX_SMALL},null,8,["class","icon","size"])):i("",!0),n("span",te,_(e.startDateText),1)])])],2),e.startDate&&e.endDate?(a(),l(V,{key:0},[f[0]||(f[0]=n("span",{class:"ds-datePickerBox__separator"},"–",-1)),n("div",{class:T(["ds-datePickerBox__widthWrapper -ds-justify-to-end",{"-ds-has-icon":e.endIcon,"-ds-iconHiddenOnMobile":e.areIconsHiddenOnMobile}])},[n("div",ae,[e.endDateEyebrowText?(a(),l("span",ne,_(e.endDateEyebrowText),1)):i("",!0),n("div",le,[e.endIcon?(a(),S(s,{key:0,class:T(["ds-datePickerBox__icon",{"-ds-hiddenOnMobile":e.areIconsHiddenOnMobile}]),icon:e.endIcon,size:e.ICON_SIZES.XX_SMALL},null,8,["class","icon","size"])):i("",!0),n("span",se,_(e.endDateText),1)])])],2)],64)):i("",!0),e.state===e.DATE_PICKER_STATES.LOADING?(a(),l("div",oe,[W(s,{icon:e.ICONS.FAD_SPINNER_THIRD,size:e.ICON_SIZES.X_SMALL,spinning:""},null,8,["icon","size"])])):i("",!0)],2)}const re=F(G,[["render",ie],["__scopeId","data-v-12bbb912"]]);G.__docgenInfo={displayName:"DatePickerBox",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:"startDateEyebrowText",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"endDateEyebrowText",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"isOpen",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/DatePickers/DatePickerBox/DatePickerBox.vue"]};const de=e=>e.charAt(0).toUpperCase()+e.slice(1);let O=null,w;function ue({props:e,onChange:f,defaultDates:r,mode:D="single"}){let t=null;const p=g(!1),s=async(m,y,P)=>{var R,v,L,C;if(!t){if(!O)try{O=(await k(async()=>{const{default:o}=await import("./index-CBmJdl9t.js");return{default:o}},[],import.meta.url)).default,w=(await k(async()=>{const{Polish:o}=await import("./pl-Cy1N1vsP.js").then(A=>A.p);return{Polish:o}},__vite__mapDeps([0,1]),import.meta.url)).Polish}catch(o){console.error("Failed to load flatpickr",o);return}if(t=O(m,{mode:D,locale:w,disableMobile:!0,positionElement:y,ignoredFocusElements:[y],position:M[e.calendarPosition],defaultDate:r,disable:e.disableDates,minDate:e.minDate,maxDate:e.maxDate,onClose:[()=>{p.value=!1}],onOpen:[()=>{p.value=!0}],onChange:f}),P){const o=document.querySelector(P),A=()=>{t==null||t._positionCalendar()};o&&((v=(R=t==null?void 0:t.config)==null?void 0:R.onOpen)==null||v.push(()=>{o.addEventListener("scroll",A,{passive:!0})}),(C=(L=t==null?void 0:t.config)==null?void 0:L.onClose)==null||C.push(()=>{o.removeEventListener("scroll",A)}))}return t}};return j(()=>{t==null||t.destroy(),t=null}),U([()=>e.calendarPosition,()=>e.minDate,()=>e.maxDate,()=>e.disableDates,()=>r],()=>{t==null||t.set({position:M[e.calendarPosition],defaultDate:r,disable:e.disableDates,minDate:e.minDate,maxDate:e.maxDate})},{flush:"post"}),{datePicker:t,createDatePicker:s,isOpen:p,toggle:()=>{t==null||t.toggle()}}}const H=K({name:"DatePicker",components:{DsTile:$,DatePickerBox:re},props:{triggerType:{type:String,default:N.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(b(e))}},isIconHiddenOnMobile:{type:Boolean,default:!1},errorMessage:{type:String,default:null},state:{type:String,default:E.DEFAULT},color:{type:String,default:u.NEUTRAL_WEAK},calendarPosition:{type:String,default:c.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:f}){const r=g(),D=g(),t=y=>{f("update:date",y[0])},{isOpen:p,toggle:s,createDatePicker:m}=ue({props:e,onChange:t,defaultDates:e.date,mode:"single"});return U([()=>e.isInteractive,()=>e.state],async()=>{e.isInteractive&&e.state===E.DEFAULT&&await m(r.value,D.value,e.updatePositionBasedOnScrollableSelector)}),{flatpickrInputRef:r,datePickerRef:D,isOpen:p,toggleDatePicker:s,createDatePicker:m,DATE_PICKER_CALENDAR_POSITIONS:Object.freeze(c),DATE_PICKER_COLORS:Object.freeze(u),DATE_PICKER_STATES:Object.freeze(E),DATE_PICKER_TRIGGER_TYPES:Object.freeze(N),TILE_ADDITIONAL_TEXT_MAX_WIDTHS:Object.freeze(X)}},computed:{borderColor(){return{[u.NEUTRAL]:this.isInteractive?d.PRIMARY:d.NEUTRAL_WEAK,[u.NEUTRAL_WEAK]:this.isInteractive?d.PRIMARY:d.NEUTRAL_WEAK,[u.DANGER]:this.isInteractive?d.DANGER:d.DANGER_WEAK,[u.WARNING]:this.isInteractive?d.WARNING:d.WARNING_WEAK}[this.color]},eyebrowText(){return this.date?de(q(this.date)):""},text(){return this.date?J(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}},async mounted(){this.isInteractive&&this.state===E.DEFAULT&&await this.createDatePicker(this.flatpickrInputRef,this.datePickerRef,this.updatePositionBasedOnScrollableSelector)},methods:{toggle(){this.isInteractive&&this.state===E.DEFAULT&&this.toggleDatePicker()}}}),ce={class:"ds-datePicker__labelWrapper"},fe={key:2,class:"ds-datePicker__errorMessage"},pe={key:3,class:"ds-datePicker__helpMessage"},Te={ref:"flatpickrInputRef",class:"ds-datePicker__hiddenInput"};function Ee(e,f,r,D,t,p){const s=h("ds-tile"),m=h("date-picker-box");return a(),l("div",{ref:"datePickerRef",class:T(["ds-datePicker",{"-ds-box":e.triggerType===e.DATE_PICKER_TRIGGER_TYPES.BOX}])},[e.triggerType===e.DATE_PICKER_TRIGGER_TYPES.TILE?(a(),l(V,{key:0},[n("div",ce,[e.label?(a(),l("span",{key:0,class:T(["ds-datePicker__label",{"-ds-isUppercase":e.isLabelUppercase,"-ds-disabled":e.state===e.DATE_PICKER_STATES.DISABLED}])},_(e.label),3)):i("",!0),e.$slots.default?z(e.$slots,"default",{key:1},void 0,!0):i("",!0)]),W(s,{class:"ds-datePicker__tile",text:e.text,interactive:e.isInteractive,"additional-text":e.additionalText,color:e.color,"border-color":e.borderColor,state:e.state,"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:e.toggle},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(),S(m,{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,"start-date-eyebrow-text":e.eyebrowText,"is-open":e.isOpen,onClick:e.toggle},null,8,["is-interactive","placeholder","start-date","start-icon","are-icons-hidden-on-mobile","state","color","start-date-eyebrow-text","is-open","onClick"])),e.showErrorMessage?(a(),l("span",fe,_(e.errorMessage),1)):e.showHelpMessage?(a(),l("span",pe,_(e.helpMessage),1)):i("",!0),n("input",Te,null,512)],2)}const Ae=F(H,[["render",Ee],["__scopeId","data-v-911ca177"]]);H.__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{Ae as D,N as a,u as b,c,E as d,re as e,de as f,ue as i,q as l};
|
|
2
|
+
import{d as K,t as b,r as h,o as a,c as l,a as n,j as _,g as i,b as S,n as T,F as V,k as W,v as g,E as j,w as U,f as z}from"./vue.esm-bundler-DmkhfO_9.js";import{c as $,d as X,b as d}from"./Tile-DXlbtMBZ.js";import{a as Y,I,b as Z}from"./Icon-KlrZhBvI.js";import{_ as F}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{_ as C}from"./iframe-PlXRfjR9.js";const u={NEUTRAL_WEAK:"neutralWeak",NEUTRAL:"neutral",WARNING:"warning",DANGER:"danger"},E={DEFAULT:"default",DISABLED:"disabled",LOADING:"loading"},c={TOP:"top",TOP_LEFT:"top-left",TOP_RIGHT:"top-right",BOTTOM:"bottom",BOTTOM_LEFT:"bottom-left",BOTTOM_RIGHT:"bottom-right"},N={BOX:"box",TILE:"tile"},M={[c.BOTTOM_LEFT]:"below left",[c.BOTTOM_RIGHT]:"below right",[c.BOTTOM]:"below",[c.TOP_LEFT]:"above left",[c.TOP_RIGHT]:"above right",[c.TOP]:"above"};function q(e){return e.toLocaleDateString(void 0,{dateStyle:void 0,timeStyle:void 0,weekday:"long"})}function J(e){return e.toLocaleDateString(void 0,{dateStyle:"medium",timeStyle:void 0})}function B(e){return e.toLocaleDateString(void 0,{month:"short",day:"2-digit"})}const G=K({name:"DatePickerBox",components:{DsIcon:Y},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(b(e))},endIcon:{type:Object,default:null,validate:e=>e===null||Object.values(I).includes(b(e))},areIconsHiddenOnMobile:{type:Boolean,default:!1},state:{type:String||null,default:E.DEFAULT},color:{type:String,default:u.NEUTRAL_WEAK},startDateEyebrowText:{type:String,default:""},endDateEyebrowText:{type:String,default:""},isOpen:{type:Boolean,default:!1}},data(){return{ICONS:Object.freeze(I),ICON_SIZES:Object.freeze(Z),DATE_PICKER_STATES:Object.freeze(E),DATE_PICKER_COLORS:Object.freeze(u)}},computed:{startDateText(){return this.startDate?B(this.startDate):this.placeholder},endDateText(){return B(this.endDate)}}}),Q={class:"ds-datePickerBox__dateWrapper"},x={key:0,class:"ds-datePickerBox__eyebrow"},ee={class:"ds-datePickerBox__date"},te={class:"ds-datePickerBox__dateText"},ae={class:"ds-datePickerBox__dateWrapper"},ne={key:0,class:"ds-datePickerBox__eyebrow"},le={class:"ds-datePickerBox__date"},se={class:"ds-datePickerBox__dateText"},oe={key:1,class:"ds-datePickerBox__loader"};function ie(e,f,r,D,t,p){const s=h("ds-icon");return a(),l("div",{class:T(["ds-datePickerBox",{"-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}])},[n("div",{class:T(["ds-datePickerBox__widthWrapper",{"-ds-has-icon":e.startIcon,"-ds-iconHiddenOnMobile":e.areIconsHiddenOnMobile}])},[n("div",Q,[e.startDateEyebrowText?(a(),l("span",x,_(e.startDateEyebrowText),1)):i("",!0),n("div",ee,[e.startIcon?(a(),S(s,{key:0,class:T(["ds-datePickerBox__icon",{"-ds-hiddenOnMobile":e.areIconsHiddenOnMobile}]),icon:e.startIcon,size:e.ICON_SIZES.XX_SMALL},null,8,["class","icon","size"])):i("",!0),n("span",te,_(e.startDateText),1)])])],2),e.startDate&&e.endDate?(a(),l(V,{key:0},[f[0]||(f[0]=n("span",{class:"ds-datePickerBox__separator"},"–",-1)),n("div",{class:T(["ds-datePickerBox__widthWrapper -ds-justify-to-end",{"-ds-has-icon":e.endIcon,"-ds-iconHiddenOnMobile":e.areIconsHiddenOnMobile}])},[n("div",ae,[e.endDateEyebrowText?(a(),l("span",ne,_(e.endDateEyebrowText),1)):i("",!0),n("div",le,[e.endIcon?(a(),S(s,{key:0,class:T(["ds-datePickerBox__icon",{"-ds-hiddenOnMobile":e.areIconsHiddenOnMobile}]),icon:e.endIcon,size:e.ICON_SIZES.XX_SMALL},null,8,["class","icon","size"])):i("",!0),n("span",se,_(e.endDateText),1)])])],2)],64)):i("",!0),e.state===e.DATE_PICKER_STATES.LOADING?(a(),l("div",oe,[W(s,{icon:e.ICONS.FAD_SPINNER_THIRD,size:e.ICON_SIZES.X_SMALL,spinning:""},null,8,["icon","size"])])):i("",!0)],2)}const re=F(G,[["render",ie],["__scopeId","data-v-12bbb912"]]);G.__docgenInfo={displayName:"DatePickerBox",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:"startDateEyebrowText",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"endDateEyebrowText",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"isOpen",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/DatePickers/DatePickerBox/DatePickerBox.vue"]};const de=e=>e.charAt(0).toUpperCase()+e.slice(1);let O=null,w;function ue({props:e,onChange:f,defaultDates:r,mode:D="single"}){let t=null;const p=g(!1),s=async(m,y,P)=>{var v,R,L,k;if(!t){if(!O)try{O=(await C(async()=>{const{default:o}=await import("./index-CBmJdl9t.js");return{default:o}},[],import.meta.url)).default,w=(await C(async()=>{const{Polish:o}=await import("./pl-Cy1N1vsP.js").then(A=>A.p);return{Polish:o}},__vite__mapDeps([0,1]),import.meta.url)).Polish}catch(o){console.error("Failed to load flatpickr",o);return}if(t=O(m,{mode:D,locale:w,disableMobile:!0,positionElement:y,ignoredFocusElements:[y],position:M[e.calendarPosition],defaultDate:r,disable:e.disableDates,minDate:e.minDate,maxDate:e.maxDate,onClose:[()=>{p.value=!1}],onOpen:[()=>{p.value=!0}],onChange:f}),P){const o=document.querySelector(P),A=()=>{t==null||t._positionCalendar()};o&&((R=(v=t==null?void 0:t.config)==null?void 0:v.onOpen)==null||R.push(()=>{o.addEventListener("scroll",A,{passive:!0})}),(k=(L=t==null?void 0:t.config)==null?void 0:L.onClose)==null||k.push(()=>{o.removeEventListener("scroll",A)}))}return t}};return j(()=>{t==null||t.destroy(),t=null}),U([()=>e.calendarPosition,()=>e.minDate,()=>e.maxDate,()=>e.disableDates,()=>r],()=>{t==null||t.set({position:M[e.calendarPosition],defaultDate:r,disable:e.disableDates,minDate:e.minDate,maxDate:e.maxDate})},{flush:"post"}),{datePicker:t,createDatePicker:s,isOpen:p,toggle:()=>{t==null||t.toggle()}}}const H=K({name:"DatePicker",components:{DsTile:$,DatePickerBox:re},props:{triggerType:{type:String,default:N.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(b(e))}},isIconHiddenOnMobile:{type:Boolean,default:!1},errorMessage:{type:String,default:null},state:{type:String,default:E.DEFAULT},color:{type:String,default:u.NEUTRAL_WEAK},calendarPosition:{type:String,default:c.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:f}){const r=g(),D=g(),t=y=>{f("update:date",y[0])},{isOpen:p,toggle:s,createDatePicker:m}=ue({props:e,onChange:t,defaultDates:e.date,mode:"single"});return U([()=>e.isInteractive,()=>e.state],async()=>{e.isInteractive&&e.state===E.DEFAULT&&await m(r.value,D.value,e.updatePositionBasedOnScrollableSelector)}),{flatpickrInputRef:r,datePickerRef:D,isOpen:p,toggleDatePicker:s,createDatePicker:m,DATE_PICKER_CALENDAR_POSITIONS:Object.freeze(c),DATE_PICKER_COLORS:Object.freeze(u),DATE_PICKER_STATES:Object.freeze(E),DATE_PICKER_TRIGGER_TYPES:Object.freeze(N),TILE_ADDITIONAL_TEXT_MAX_WIDTHS:Object.freeze(X)}},computed:{borderColor(){return{[u.NEUTRAL]:this.isInteractive?d.PRIMARY:d.NEUTRAL_WEAK,[u.NEUTRAL_WEAK]:this.isInteractive?d.PRIMARY:d.NEUTRAL_WEAK,[u.DANGER]:this.isInteractive?d.DANGER:d.DANGER_WEAK,[u.WARNING]:this.isInteractive?d.WARNING:d.WARNING_WEAK}[this.color]},eyebrowText(){return this.date?de(q(this.date)):""},text(){return this.date?J(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}},async mounted(){this.isInteractive&&this.state===E.DEFAULT&&await this.createDatePicker(this.flatpickrInputRef,this.datePickerRef,this.updatePositionBasedOnScrollableSelector)},methods:{toggle(){this.isInteractive&&this.state===E.DEFAULT&&this.toggleDatePicker()}}}),ce={class:"ds-datePicker__labelWrapper"},fe={key:2,class:"ds-datePicker__errorMessage"},pe={key:3,class:"ds-datePicker__helpMessage"},Te={ref:"flatpickrInputRef",class:"ds-datePicker__hiddenInput"};function Ee(e,f,r,D,t,p){const s=h("ds-tile"),m=h("date-picker-box");return a(),l("div",{ref:"datePickerRef",class:T(["ds-datePicker",{"-ds-box":e.triggerType===e.DATE_PICKER_TRIGGER_TYPES.BOX}])},[e.triggerType===e.DATE_PICKER_TRIGGER_TYPES.TILE?(a(),l(V,{key:0},[n("div",ce,[e.label?(a(),l("span",{key:0,class:T(["ds-datePicker__label",{"-ds-isUppercase":e.isLabelUppercase,"-ds-disabled":e.state===e.DATE_PICKER_STATES.DISABLED}])},_(e.label),3)):i("",!0),e.$slots.default?z(e.$slots,"default",{key:1},void 0,!0):i("",!0)]),W(s,{class:"ds-datePicker__tile",text:e.text,interactive:e.isInteractive,"additional-text":e.additionalText,color:e.color,"border-color":e.borderColor,state:e.state,"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:e.toggle},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(),S(m,{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,"start-date-eyebrow-text":e.eyebrowText,"is-open":e.isOpen,onClick:e.toggle},null,8,["is-interactive","placeholder","start-date","start-icon","are-icons-hidden-on-mobile","state","color","start-date-eyebrow-text","is-open","onClick"])),e.showErrorMessage?(a(),l("span",fe,_(e.errorMessage),1)):e.showHelpMessage?(a(),l("span",pe,_(e.helpMessage),1)):i("",!0),n("input",Te,null,512)],2)}const Ae=F(H,[["render",Ee],["__scopeId","data-v-911ca177"]]);H.__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{Ae as D,N as a,u as b,c,E as d,re as e,de as f,ue as i,q as l};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{D as p,a as D,b as u,c as m,d as g}from"./DatePicker-
|
|
1
|
+
import{D as p,a as D,b as u,c as m,d as g}from"./DatePicker-DIJ8aqM6.js";import{I as b}from"./Icon-KlrZhBvI.js";import{D as I}from"./Switch-8KDmrBx0.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./Tile-DXlbtMBZ.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./iframe-PlXRfjR9.js";import"../sb-preview/runtime.js";const{useArgs:M}=__STORYBOOK_MODULE_PREVIEW_API__,N={title:"Components/DatePickers/DatePicker",component:p},h=S=>{const[T,w]=M();return{components:{DatePicker:p,DsSwitch:I},setup(){return S},data(){return{ICONS:Object.freeze(b)}},methods:{updateDate(a){w({date:`${a.getFullYear()}-${a.getMonth()+1}-${a.getDate()}`})}},computed:{formattedDate(){return this.date?new Date(this.date):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?null:this.disableDates.map(a=>new Date(a))}},template:`
|
|
2
2
|
<date-picker
|
|
3
3
|
:trigger-type="triggerType"
|
|
4
4
|
:is-interactive="isInteractive"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as A,c,d as t,b as f,i as g,a as T,f as D,l as p}from"./DatePicker-
|
|
1
|
+
import{e as A,c,d as t,b as f,i as g,a as T,f as D,l as p}from"./DatePicker-DIJ8aqM6.js";import{I as a}from"./Icon-KlrZhBvI.js";import{d as R,t as m,v as I,w as P,r as h,o as y,c as _,k as S,j as O,g as b,a as v}from"./vue.esm-bundler-DmkhfO_9.js";import{_ as k}from"./_plugin-vue_export-helper-DlAUqK2U.js";const E=R({name:"DateRangePicker",components:{DatePickerBox:A},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(m(e)))}},endIcon:{type:[Object,null],default:a.FA_CALENDAR_DAY,validator(e){return e===null||(Object==null?void 0:Object.values(a).includes(m(e)))}},areIconsHiddenOnMobile:{type:Boolean,default:!1},calendarPosition:{type:String,default:c.BOTTOM_LEFT},errorMessage:{type:String,default:""},state:{type:String||null,default:t.DEFAULT},color:{type:String,default:f.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:i}){const n=I(),l=I(),o=r=>{r.length===2&&i("update:date",{startDate:r[0],endDate:r[1]})},{isOpen:d,toggle:s,createDatePicker:u}=g({props:e,onChange:o,defaultDates:[e.startDate,e.endDate],mode:"range"});return P([()=>e.isInteractive,()=>e.state],async()=>{e.isInteractive&&e.state===t.DEFAULT&&await u(l.value,n.value,e.updatePositionBasedOnScrollableSelector)},{flush:"post"}),{dateRangePickerRef:n,flatpickrInputRef:l,isOpen:d,toggleDatePicker:s,createDatePicker:u,DATE_PICKER_CALENDAR_POSITIONS:Object.freeze(c),DATE_PICKER_COLORS:Object.freeze(f),DATE_PICKER_STATES:Object.freeze(t),DATE_PICKER_TRIGGER_TYPES:Object.freeze(T)}},computed:{endDateEyebrowText(){return!this.endDate||this.state===t.LOADING?"":D(p(this.endDate))},endDateIfDifferentThanStartDate(){return this.startDate&&this.endDate&&this.startDate.getTime()!==this.endDate.getTime()?this.endDate:null},eyebrowText(){return!this.startDate||this.state===t.LOADING?"":D(p(this.startDate))}},async mounted(){this.isInteractive&&this.state===t.DEFAULT&&await this.createDatePicker(this.flatpickrInputRef,this.dateRangePickerRef,this.updatePositionBasedOnScrollableSelector)},methods:{toggle(){this.isInteractive&&this.state===t.DEFAULT&&this.toggleDatePicker()}}}),C={ref:"dateRangePickerRef",class:"ds-dateRangePicker"},N={key:0,class:"ds-dateRangePicker__errorMessage"},L={ref:"flatpickrInputRef",class:"ds-dateRangePicker__hiddenInput"};function V(e,i,n,l,o,d){const s=h("date-picker-box");return y(),_("div",C,[S(s,{"is-interactive":e.isInteractive,placeholder:e.placeholder,"start-date":e.startDate,"end-date":e.endDateIfDifferentThanStartDate,"start-icon":e.startIcon,"end-icon":e.endIcon,"are-icons-hidden-on-mobile":e.areIconsHiddenOnMobile,state:e.state,color:e.color,"start-date-eyebrow-text":e.eyebrowText,"end-date-eyebrow-text":e.endDateEyebrowText,"is-open":e.isOpen,onClick:e.toggle},null,8,["is-interactive","placeholder","start-date","end-date","start-icon","end-icon","are-icons-hidden-on-mobile","state","color","start-date-eyebrow-text","end-date-eyebrow-text","is-open","onClick"]),e.errorMessage?(y(),_("span",N,O(e.errorMessage),1)):b("",!0),v("input",L,null,512)],512)}const j=k(E,[["render",V],["__scopeId","data-v-937af447"]]);E.__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{j as D};
|
package/docs/assets/{DateRangePicker.stories-DGh5m4TF.js → DateRangePicker.stories-CmHayQUD.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{D as i}from"./DateRangePicker-
|
|
1
|
+
import{D as i}from"./DateRangePicker-1oxiA7Lf.js";import{I as r}from"./Icon-KlrZhBvI.js";import{c as m,d as I,b as s}from"./DatePicker-DIJ8aqM6.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Tile-DXlbtMBZ.js";import"./iframe-PlXRfjR9.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"
|
|
@@ -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-DmkhfO_9.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,s as a,a as b};
|
|
@@ -1,4 +1,4 @@
|
|
|
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-CeZli6az.js";import"./vue.esm-bundler-DmkhfO_9.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
4
|
</div>`}),e=p.bind({}),c={isVertical:!1,prominence:n.DEFAULT,size:o.S},m={prominence:{control:"select",options:Object.values(n)},size:{control:"select",options:Object.values(o)}};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 => ({
|