@bethinkpl/design-system 26.15.1 → 26.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.cjs +9 -0
- package/dist/design-system.umd.cjs +18 -18
- package/dist/design-system.umd.cjs.map +1 -1
- package/dist/lib/js/components/Buttons/HelpButton/HelpButton.vue.d.ts +40 -0
- package/dist/lib/js/components/Buttons/HelpButton/index.d.ts +3 -0
- package/dist/lib/js/components/Chip/Chip.vue.d.ts +14 -15
- package/dist/lib/js/components/DatePickers/DateBox/DateBox.vue.d.ts +1 -1
- package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +2 -2
- package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts +1 -1
- package/dist/lib/js/components/Form/FormField/FormField.consts.d.ts +9 -0
- package/dist/lib/js/components/Form/FormField/FormField.stories.shared.d.ts +5 -0
- package/dist/lib/js/components/Form/FormField/FormField.types.d.ts +21 -0
- package/dist/lib/js/components/Form/FormField/FormField.utils.d.ts +11 -0
- package/dist/lib/js/components/Form/FormField/FormField.vue.d.ts +20 -0
- package/dist/lib/js/components/Form/FormField/FormFieldMessage/FormFieldMessage.vue.d.ts +30 -0
- package/dist/lib/js/components/Form/FormField/FormFieldMessage/index.d.ts +3 -0
- package/dist/lib/js/components/Form/FormField/index.d.ts +5 -0
- package/dist/lib/js/components/Form/InputField/InputField.types.d.ts +12 -0
- package/dist/lib/js/components/Form/InputField/InputField.vue.d.ts +72 -0
- package/dist/lib/js/components/Form/InputField/index.d.ts +3 -0
- package/dist/lib/js/components/Form/PasswordField/PasswordField.vue.d.ts +70 -0
- package/dist/lib/js/components/Form/PasswordField/index.d.ts +3 -0
- package/dist/lib/js/components/Modals/Modal/Modal.consts.d.ts +8 -4
- package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +15 -14
- package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +18 -18
- package/dist/lib/js/components/Toast/Toast.vue.d.ts +2 -2
- package/dist/lib/js/index.d.ts +7 -0
- package/docs/assets/{AccessStatus-plchnY0B.js → AccessStatus-DW-L4l_0.js} +1 -1
- package/docs/assets/{AccessStatus.stories-DIIoog2Q.js → AccessStatus.stories-DwCxxAOP.js} +1 -1
- package/docs/assets/Avatar-CRVC-fPA.js +1 -0
- package/docs/assets/{Avatar.stories-9Vth29zT.js → Avatar.stories-D7i8UwP9.js} +1 -1
- package/docs/assets/{Badge-BbvNKG41.js → Badge-h4Z2ZKD4.js} +1 -1
- package/docs/assets/{Badge.stories-CKPGT_pt.js → Badge.stories-Bl04pHS_.js} +1 -1
- package/docs/assets/{BadgeScore-BOOWTi6N.js → BadgeScore-CuteYyZb.js} +1 -1
- package/docs/assets/{BadgeScore.stories-ERFMPhhE.js → BadgeScore.stories-BvHEI0pW.js} +1 -1
- package/docs/assets/{Banner-DXAd9x-3.js → Banner-sTfmX99M.js} +1 -1
- package/docs/assets/{Banner.stories-BC2VxrMC.js → Banner.stories-qhUSAG8g.js} +1 -1
- package/docs/assets/BasicRichListItem-C93Qb4K6.js +1 -0
- package/docs/assets/{BasicRichListItem.stories-BJZo9YF9.js → BasicRichListItem.stories-B2smX5s7.js} +2 -2
- package/docs/assets/{BlockadeStatus-D1j0ZWIW.js → BlockadeStatus-B0FY65_h.js} +1 -1
- package/docs/assets/{BlockedeStatus.stories-BKi05Ndl.js → BlockedeStatus.stories-DZ1mfq2q.js} +1 -1
- package/docs/assets/{Button-C5dr6u6F.js → Button-CRTJWjWJ.js} +1 -1
- package/docs/assets/{Button.stories-Da2LsOLk.js → Button.stories-BOpQOZ6x.js} +1 -1
- package/docs/assets/Card-C2-UB9KC.js +1 -0
- package/docs/assets/{Card.stories-Bqmd77lg.js → Card.stories-CI8H4t9g.js} +1 -1
- package/docs/assets/CardExpandable-BMUVeR31.js +1 -0
- package/docs/assets/{CardExpandable.stories-DtC5egGK.js → CardExpandable.stories-CPAZ4mof.js} +1 -1
- package/docs/assets/Checkbox-CIfSektM.js +1 -0
- package/docs/assets/{Checkbox.stories-BUIzgcCC.js → Checkbox.stories-Dt5C89R2.js} +1 -1
- package/docs/assets/{Chip-BJcjfD8j.js → Chip-Bi-iKYH0.js} +1 -1
- package/docs/assets/{Chip.stories-Dgmetn8m.js → Chip.stories-BukfI_wY.js} +1 -1
- package/docs/assets/{Color-ERTF36HU-DaHgyI5V.js → Color-ERTF36HU-Cor5XXAu.js} +1 -1
- package/docs/assets/{Colors.stories-BrNisWwH.js → Colors.stories-yICh_E96.js} +1 -1
- package/docs/assets/{ColorsThemes.stories-DvZl0m40.js → ColorsThemes.stories-CKiphr3E.js} +1 -1
- package/docs/assets/{ColorsTokensLms.stories-D3nA1ro1.js → ColorsTokensLms.stories-C_hRq1fa.js} +1 -1
- package/docs/assets/{ColorsTokensPrimaryBodywork.stories-w4A7RjpQ.js → ColorsTokensPrimaryBodywork.stories-TzJMcnGg.js} +1 -1
- package/docs/assets/{ColorsTokensPrimaryWnl.stories-CncgXEG5.js → ColorsTokensPrimaryWnl.stories-CCArJaTw.js} +1 -1
- package/docs/assets/{CounterToggle-DKRrZ9t2.js → CounterToggle-D3jTLdlU.js} +1 -1
- package/docs/assets/{CounterToggle.stories-DEP60zRp.js → CounterToggle.stories-BZAgprZf.js} +1 -1
- package/docs/assets/{DateBox.stories-y5_2vs0g.js → DateBox.stories-CNTaIflE.js} +3 -3
- package/docs/assets/{DatePicker-QHo-i7qh.js → DatePicker-aMS5YOMW.js} +1 -1
- package/docs/assets/{DatePicker.stories-4hPgpb1-.js → DatePicker.stories-DnojtGGT.js} +1 -1
- package/docs/assets/{DateRangePicker-B0NAwdsr.js → DateRangePicker-B25oMOoU.js} +1 -1
- package/docs/assets/{DateRangePicker.stories-BXQLC6L-.js → DateRangePicker.stories-CaIkM98h.js} +1 -1
- package/docs/assets/{Divider-9o-i_zKL.js → Divider-BNN8PhWF.js} +1 -1
- package/docs/assets/{Divider.stories-IQKEznYT.js → Divider.stories-DQGq5WIM.js} +1 -1
- package/docs/assets/{DocsRenderer-CFRXHY34-rC6r6xBG.js → DocsRenderer-CFRXHY34-DsMNfqFA.js} +5 -5
- package/docs/assets/{Drawer-ClrSDwUZ.js → Drawer-CgEP8-bU.js} +1 -1
- package/docs/assets/{Drawer.stories-DR-CXra3.js → Drawer.stories-CetCbwOV.js} +1 -1
- package/docs/assets/{DrawerContent-D6Bl5GA-.js → DrawerContent-Dna0k_5V.js} +1 -1
- package/docs/assets/{DrawerContent.stories-BR11egKi.js → DrawerContent.stories-BqJ3zitz.js} +1 -1
- package/docs/assets/{DrawerDivider-DMhjaSPk.js → DrawerDivider-BjBlvEOJ.js} +1 -1
- package/docs/assets/{DrawerDivider.stories-DdcVRbtO.js → DrawerDivider.stories-BN_G8JML.js} +1 -1
- package/docs/assets/DrawerHeader-CYgh5yLP.js +1 -0
- package/docs/assets/{DrawerHeader.stories-DnPlkGmI.js → DrawerHeader.stories-CsM4PkKY.js} +1 -1
- package/docs/assets/{DrawerListItem-dizQZUbe.js → DrawerListItem-BOEqjnvB.js} +1 -1
- package/docs/assets/{DrawerListItem.stories-pVTEuckG.js → DrawerListItem.stories-Br_BBZTl.js} +1 -1
- package/docs/assets/{DrawerListItemGroup-B5XadRVV.js → DrawerListItemGroup-qG_7CJ2Z.js} +1 -1
- package/docs/assets/{DrawerListItemGroup.stories-pOGG952w.js → DrawerListItemGroup.stories-Dj7XnOfZ.js} +1 -1
- package/docs/assets/{DrawerSection-HBM59yvF.js → DrawerSection-Bk-qjO-U.js} +1 -1
- package/docs/assets/{DrawerSection.stories-tQT_zWBt.js → DrawerSection.stories-bac3ulNN.js} +1 -1
- package/docs/assets/DrawerTile-3UrW0AGT.js +1 -0
- package/docs/assets/{DrawerTile.stories-6JDnzzyo.js → DrawerTile.stories-AeySW4m1.js} +1 -1
- package/docs/assets/Dropdown-vkyblifO.js +1 -0
- package/docs/assets/{Dropdown.stories-DLo-4_G3.js → Dropdown.stories-Bvkxpx3n.js} +1 -1
- package/docs/assets/{FeatureIcon-BoUhuGOr.js → FeatureIcon-DClL1vj4.js} +1 -1
- package/docs/assets/{FeatureIcon.stories-H_yUD4i4.js → FeatureIcon.stories-D1igtEZB.js} +1 -1
- package/docs/assets/FormField-u4PxhF2k.js +1 -0
- package/docs/assets/FormField.stories-DXTo4Z_Y.js +40 -0
- package/docs/assets/FormField.stories.shared-D4ktxakv.js +1 -0
- package/docs/assets/FormFieldMessage-JNi0OUbH.js +1 -0
- package/docs/assets/FormFieldMessage.stories-lK_yWKrc.js +32 -0
- package/docs/assets/GroupRichListItem-D8nu5Fv9.js +1 -0
- package/docs/assets/{GroupRichListItem.stories-C25AujXP.js → GroupRichListItem.stories-DKL_YGxk.js} +1 -1
- package/docs/assets/HelpButton-Lb2k2yp9.js +1 -0
- package/docs/assets/HelpButton.stories-D4-sk1wV.js +17 -0
- package/docs/assets/{Icon-I3Cniv10.js → Icon-BxW-ny3A.js} +5 -5
- package/docs/assets/{Icon.stories-BhnUVRrV.js → Icon.stories-DaFYO7BK.js} +1 -1
- package/docs/assets/IconButton-C0_vxVJn.js +1 -0
- package/docs/assets/{IconButton.stories-B8QjmTyV.js → IconButton.stories-BB9x50r9.js} +1 -1
- package/docs/assets/{IconText-CKJ4jGzm.js → IconText-Bl-DK5dv.js} +1 -1
- package/docs/assets/{IconText.stories-B5zjHqug.js → IconText.stories-BbDEYbhY.js} +1 -1
- package/docs/assets/{Image-Dbv2u4ta.js → Image-DXVGtCU-.js} +1 -1
- package/docs/assets/{Image.stories-CUWPBT5K.js → Image.stories-CmX0xWLp.js} +1 -1
- package/docs/assets/InputField-CjqHh5Cm.js +1 -0
- package/docs/assets/InputField.stories-B6VUcIZA.js +44 -0
- package/docs/assets/{ItemsList-CJTCYbgI.js → ItemsList-BT-ch5Ki.js} +1 -1
- package/docs/assets/{LoadingBar-Dc_eLNsl.js → LoadingBar-CoXHVlvM.js} +1 -1
- package/docs/assets/{LoadingBar.stories-DWH4VmcD.js → LoadingBar.stories-B_l4HaQT.js} +1 -1
- package/docs/assets/Modal-xuXnp0B3.js +1 -0
- package/docs/assets/{Modal.stories-0zzyLX_Z.js → Modal.stories-BSYz4NUn.js} +1 -1
- package/docs/assets/{ModalDialog-BuO78uuh.js → ModalDialog-D6jipNV9.js} +1 -1
- package/docs/assets/{ModalDialog.stories-lBI09xqp.js → ModalDialog.stories-y0DTZLJ9.js} +1 -1
- package/docs/assets/{NumberInCircle-DnPE2szs.js → NumberInCircle-iJQYZsfG.js} +1 -1
- package/docs/assets/{NumberInCircle.stories-Tn0v6S_I.js → NumberInCircle.stories-BL7R6Ey9.js} +1 -1
- package/docs/assets/OutlineDivider-DpgF_2B_.js +1 -0
- package/docs/assets/{OutlineDivider.stories-D9Hzkdbe.js → OutlineDivider.stories-CoI8u05k.js} +1 -1
- package/docs/assets/{OutlineItem-1BOyMbS2.js → OutlineItem-COSzRi1t.js} +1 -1
- package/docs/assets/{OutlineItem.stories-DZ_RXCGO.js → OutlineItem.stories-DPbUVNt7.js} +1 -1
- package/docs/assets/{OutlineSectionHeader-LGOAi424.js → OutlineSectionHeader-C7vAvTfl.js} +1 -1
- package/docs/assets/{OutlineSectionHeader.stories-PPIsaHhR.js → OutlineSectionHeader.stories-DTI32viO.js} +1 -1
- package/docs/assets/OverlayHeader-DYU6A8e-.js +1 -0
- package/docs/assets/{OverlayHeader.stories-D0TRoa1n.js → OverlayHeader.stories-Daj1gEMT.js} +1 -1
- package/docs/assets/{PageHeader-DkHlb7_P.js → PageHeader-BKDJxn58.js} +1 -1
- package/docs/assets/{PageHeader.stories-WThxfLse.js → PageHeader.stories-BRdESIfF.js} +1 -1
- package/docs/assets/{Pagination-CgO9MoPY.js → Pagination-CruPXU6i.js} +1 -1
- package/docs/assets/{Pagination.stories-CL9tb6Sx.js → Pagination.stories-pk1h1NdC.js} +1 -1
- package/docs/assets/PasswordField-D2k9x-t0.js +1 -0
- package/docs/assets/PasswordField.stories-BMwEm_DO.js +42 -0
- package/docs/assets/{PopOver-BDVCOkO6.js → PopOver-BjBlXVwF.js} +1 -1
- package/docs/assets/{PopOver.stories-CmDQPumC.js → PopOver.stories-3QX4Ga4o.js} +1 -1
- package/docs/assets/{ProgressBar-q_I44DQc.js → ProgressBar-VrWJHC2p.js} +1 -1
- package/docs/assets/{ProgressBar.stories-Df10tpd-.js → ProgressBar.stories-CrZ2zJwI.js} +1 -1
- package/docs/assets/{ProgressDonutChart-DP55sH2Q.js → ProgressDonutChart-CJlokRW-.js} +1 -1
- package/docs/assets/{ProgressDonutChart.stories-CXJhJ1AH.js → ProgressDonutChart.stories-BRxY2dWI.js} +1 -1
- package/docs/assets/RadioButton-DO6I2WfN.js +1 -0
- package/docs/assets/{RadioButton.stories-NVFxjqN4.js → RadioButton.stories-C80hUDbi.js} +1 -1
- package/docs/assets/{RichListItem.stories-B3NGpkHT.js → RichListItem.stories-_8Hp41y-.js} +2 -2
- package/docs/assets/{SectionHeader-ByewlGaG.js → SectionHeader-BvZF_uZR.js} +1 -1
- package/docs/assets/{SectionHeader.stories-CTANEOdf.js → SectionHeader.stories-BjccJa_1.js} +1 -1
- package/docs/assets/{SectionTitle-DLcFKzRH.js → SectionTitle-DElPh1Y0.js} +1 -1
- package/docs/assets/{SectionTitle.stories-Dybq4paM.js → SectionTitle.stories-BOEziRr6.js} +1 -1
- package/docs/assets/{SelectList-B323Y2el.js → SelectList-IYj9X3z5.js} +1 -1
- package/docs/assets/{SelectList.stories-BCS6zdJ9.js → SelectList.stories-B0jlx1dv.js} +1 -1
- package/docs/assets/{SelectListItem-DfLqJR-_.js → SelectListItem-DxlYAAqR.js} +1 -1
- package/docs/assets/{SelectListItem.stories-m8BTHS53.js → SelectListItem.stories-Cbgqd3q6.js} +1 -1
- package/docs/assets/{SelectListItemDivider-lDLIwtP8.js → SelectListItemDivider-Bt5LuCh6.js} +1 -1
- package/docs/assets/{SelectListItemDivider.stories-BZ6_HOBG.js → SelectListItemDivider.stories-BFdzCK8L.js} +1 -1
- package/docs/assets/{SelectListItemTile-DzAuBa66.js → SelectListItemTile-Ci7UUkBi.js} +1 -1
- package/docs/assets/{SelectListItemTile.stories-n2MJqr9U.js → SelectListItemTile.stories-D53QYgoj.js} +1 -1
- package/docs/assets/{SelectListItemToggle-DJ_P6PIB.js → SelectListItemToggle-uyZKP9l-.js} +1 -1
- package/docs/assets/{SelectListItemToggle.stories-yej5J6y8.js → SelectListItemToggle.stories-CHKImbbO.js} +1 -2
- package/docs/assets/SelectListSectionTitle-CytprfLI.js +1 -0
- package/docs/assets/{SelectListSectionTitle.stories-NKPegok4.js → SelectListSectionTitle.stories-CHaM0ezF.js} +1 -1
- package/docs/assets/{SelectionControl-CwdtLuOD.js → SelectionControl-D6-Q7FjJ.js} +1 -1
- package/docs/assets/{SelectionTile-hjRK7Lwc.js → SelectionTile-BXjJtuZK.js} +2 -2
- package/docs/assets/{SelectionTile.stories-DRdGcDuJ.js → SelectionTile.stories-Cdv1DqAb.js} +1 -1
- package/docs/assets/{Skeleton-DhyJ4ZKG.js → Skeleton-a6juZJ74.js} +3 -3
- package/docs/assets/{Skeleton.stories-CsZjBoj1.js → Skeleton.stories-CU_bwj6g.js} +1 -1
- package/docs/assets/SurveyQuestionOpenEnded-CU362h7V.js +1 -0
- package/docs/assets/{SurveyQuestionOpenEnded.stories-Is_s49TT.js → SurveyQuestionOpenEnded.stories-DTfe-q_l.js} +1 -1
- package/docs/assets/SurveyQuestionScale-BFW9EZtg.js +1 -0
- package/docs/assets/{SurveyQuestionScale.stories-BqOjFThb.js → SurveyQuestionScale.stories-I6PfDZOp.js} +1 -1
- package/docs/assets/{SurveyToggle-CCF4WE7n.js → SurveyToggle-BeOR_ZKx.js} +1 -1
- package/docs/assets/{SurveyToggle.stories-DySS4Jzx.js → SurveyToggle.stories-DJz0MG-Y.js} +1 -1
- package/docs/assets/Switch-DsNVsFhH.js +1 -0
- package/docs/assets/{Switch.stories-Bq6_6t39.js → Switch.stories-C1-OEnaq.js} +1 -1
- package/docs/assets/{TabItem-Bn_qIbPX.js → TabItem-KyXcr_5Z.js} +1 -1
- package/docs/assets/{TabItem.stories-ZPYw1uH1.js → TabItem.stories-BfCXfirX.js} +1 -1
- package/docs/assets/{TextGroup-AUUBIFJZ.js → TextGroup-BGFapzPu.js} +1 -1
- package/docs/assets/{TextGroup.stories-CqwkdBAO.js → TextGroup.stories-WgHYdmrz.js} +1 -1
- package/docs/assets/{ThreeColumnLayout-DXA1815_.js → ThreeColumnLayout-DLj9ww3X.js} +1 -1
- package/docs/assets/{ThreeColumnLayout.stories-BA08mTZ7.js → ThreeColumnLayout.stories-BD0ZEOam.js} +1 -1
- package/docs/assets/{Tile-3fvrXM7M.js → Tile-CV9qCJCf.js} +1 -1
- package/docs/assets/{Tile.sb.shared-Crj50ugV.js → Tile.sb.shared-CYs-5pZ0.js} +1 -1
- package/docs/assets/{Tile.stories-0SQaiGz7.js → Tile.stories-32aU_anv.js} +1 -1
- package/docs/assets/{Toast-CTbKhm1i.js → Toast-p9LnCPmL.js} +1 -1
- package/docs/assets/{Toast.stories-hUEtnOQn.js → Toast.stories-zF82pwwv.js} +1 -1
- package/docs/assets/{ToggleButton-D-t1sDTL.js → ToggleButton-D_HZ-8jw.js} +1 -1
- package/docs/assets/{ToggleButton.stories-CaAweKdC.js → ToggleButton.stories-CV-iGLoy.js} +1 -1
- package/docs/assets/{Tooltip-DZi9yXjr.js → Tooltip-DKqXTPwf.js} +1 -1
- package/docs/assets/{Tooltip.stories-D-DHfToA.js → Tooltip.stories-D_SR7U8f.js} +1 -1
- package/docs/assets/{TypographyTokensLms.stories-CZpPPUwu.js → TypographyTokensLms.stories-qRJAJdvd.js} +1 -1
- package/docs/assets/{TypographyVariables.stories-B4Lg96R3.js → TypographyVariables.stories-B6W3MuIN.js} +1 -1
- package/docs/assets/{Well-D1j9q3W3.js → Well-Di8wsKpw.js} +1 -1
- package/docs/assets/{Well.stories-wgg6f6S7.js → Well.stories-D3CQkZun.js} +1 -1
- package/docs/assets/entry-preview-B1UVjA37.js +1 -0
- package/docs/assets/{entry-preview-docs-Bz8Se46p.js → entry-preview-docs-Cs1P1b8z.js} +1 -1
- package/docs/assets/{iframe-CKOJ9wC7.js → iframe-BH6Q2yq5.js} +11 -8
- package/docs/assets/{index-Be4sB5Yj.js → index-7TY-LtbS.js} +1 -1
- package/docs/assets/{index-0M4xY6Fw.js → index-BncE9pY5.js} +1 -1
- package/docs/assets/{preview-BIPjgpxe.js → preview-CQnQ4kXS.js} +2 -2
- package/docs/assets/preview-RZnfww4F.js +64 -0
- package/docs/assets/{string-B1AGRR5v.js → string-DZMRm3DC.js} +1 -1
- package/docs/assets/{vue-popper-DoPHnofs.js → vue-popper-CgJSQDC2.js} +1 -1
- package/docs/assets/vue.esm-bundler-CC_vsnCp.js +36 -0
- package/docs/iframe.html +1 -1
- package/docs/index.json +1 -1
- package/docs/project.json +1 -1
- package/lib/js/components/Badge/Badge.vue +6 -5
- package/lib/js/components/Buttons/Button/Button.spec.ts +3 -3
- package/lib/js/components/Buttons/HelpButton/HelpButton.spec.ts +87 -0
- package/lib/js/components/Buttons/HelpButton/HelpButton.stories.ts +70 -0
- package/lib/js/components/Buttons/HelpButton/HelpButton.vue +52 -0
- package/lib/js/components/Buttons/HelpButton/index.ts +3 -0
- package/lib/js/components/Chip/Chip.spec.ts +3 -2
- package/lib/js/components/Chip/Chip.vue +0 -1
- package/lib/js/components/DatePickers/DateBox/DateBox.stories.ts +0 -3
- package/lib/js/components/Form/FormField/FormField.consts.ts +10 -0
- package/lib/js/components/Form/FormField/FormField.spec.ts +138 -0
- package/lib/js/components/Form/FormField/FormField.stories.shared.ts +53 -0
- package/lib/js/components/Form/FormField/FormField.stories.ts +81 -0
- package/lib/js/components/Form/FormField/FormField.types.ts +17 -0
- package/lib/js/components/Form/FormField/FormField.utils.ts +24 -0
- package/lib/js/components/Form/FormField/FormField.vue +192 -0
- package/lib/js/components/Form/FormField/FormFieldMessage/FormFieldMessage.spec.ts +53 -0
- package/lib/js/components/Form/FormField/FormFieldMessage/FormFieldMessage.stories.ts +74 -0
- package/lib/js/components/Form/FormField/FormFieldMessage/FormFieldMessage.vue +89 -0
- package/lib/js/components/Form/FormField/FormFieldMessage/index.ts +2 -0
- package/lib/js/components/Form/FormField/index.ts +6 -0
- package/lib/js/components/Form/InputField/InputField.spec.ts +135 -0
- package/lib/js/components/Form/InputField/InputField.stories.ts +98 -0
- package/lib/js/components/Form/InputField/InputField.types.ts +13 -0
- package/lib/js/components/Form/InputField/InputField.vue +151 -0
- package/lib/js/components/Form/InputField/index.ts +3 -0
- package/lib/js/components/Form/PasswordField/PasswordField.spec.ts +73 -0
- package/lib/js/components/Form/PasswordField/PasswordField.stories.ts +88 -0
- package/lib/js/components/Form/PasswordField/PasswordField.vue +55 -0
- package/lib/js/components/Form/PasswordField/index.ts +3 -0
- package/lib/js/components/Modals/Modal/Modal.consts.ts +8 -2
- package/lib/js/components/Modals/Modal/Modal.vue +10 -3
- package/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.stories.ts +0 -1
- package/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue +43 -47
- package/lib/js/components/TabItem/TabItem.spec.ts +0 -1
- package/lib/js/components/Toast/Toast.vue +0 -2
- package/lib/js/index.ts +7 -0
- package/lib/js/styles/Borders/BorderSizes.stories.ts +1 -1
- package/lib/js/styles/ItemsList.vue +1 -1
- package/package.json +5 -5
- package/tsconfig.base.json +1 -2
- package/tsconfig.build.json +8 -0
- package/tsconfig.json +1 -6
- package/vite.config.ts +9 -1
- package/docs/assets/Avatar-CM7iogZ3.js +0 -1
- package/docs/assets/BasicRichListItem-quALUWxY.js +0 -1
- package/docs/assets/Card-KSW_Q55y.js +0 -1
- package/docs/assets/CardExpandable-yMDr4_fF.js +0 -1
- package/docs/assets/Checkbox-DAOkXx1R.js +0 -1
- package/docs/assets/DrawerHeader-AkG6Jq7W.js +0 -1
- package/docs/assets/DrawerTile-0-CB5w9j.js +0 -1
- package/docs/assets/Dropdown-CYFZ3OvV.js +0 -1
- package/docs/assets/GroupRichListItem-C_Gsy7fK.js +0 -1
- package/docs/assets/IconButton-BPKB5gT7.js +0 -1
- package/docs/assets/Modal-Cy1kzNhG.js +0 -1
- package/docs/assets/OutlineDivider-UaRb6wKt.js +0 -1
- package/docs/assets/OverlayHeader-u9AeOezr.js +0 -1
- package/docs/assets/RadioButton-DISpvFOt.js +0 -1
- package/docs/assets/SelectListSectionTitle-BFbrwNgw.js +0 -1
- package/docs/assets/SurveyQuestionOpenEnded-B_HbDRQs.js +0 -1
- package/docs/assets/SurveyQuestionScale-CiKDA0ax.js +0 -1
- package/docs/assets/Switch-Du-uh84v.js +0 -1
- package/docs/assets/entry-preview-lHccVHf5.js +0 -1
- package/docs/assets/preview-BQvHXGdy.js +0 -64
- package/docs/assets/vue.esm-bundler-DD4BrEtS.js +0 -36
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<input-field
|
|
3
|
+
v-bind="$props"
|
|
4
|
+
v-model="value"
|
|
5
|
+
:input-props="inputProps"
|
|
6
|
+
:left-icon="ICONS.FA_UNLOCK_KEYHOLE"
|
|
7
|
+
>
|
|
8
|
+
<template #action>
|
|
9
|
+
<icon-button
|
|
10
|
+
:icon="eyeIcon"
|
|
11
|
+
:color="ICON_BUTTON_COLORS.NEUTRAL_WEAK"
|
|
12
|
+
:size="ICON_BUTTON_SIZES.X_SMALL"
|
|
13
|
+
:touchable="false"
|
|
14
|
+
data-test-id="password-toggle"
|
|
15
|
+
@click="isPasswordVisible = !isPasswordVisible"
|
|
16
|
+
/>
|
|
17
|
+
</template>
|
|
18
|
+
<!-- begin: FormField slots -->
|
|
19
|
+
<template v-if="$slots.help" #help>
|
|
20
|
+
<slot name="help" />
|
|
21
|
+
</template>
|
|
22
|
+
<template v-if="$slots.labelAside" #labelAside>
|
|
23
|
+
<slot name="labelAside" />
|
|
24
|
+
</template>
|
|
25
|
+
<template v-if="$slots.message" #message="{ messageId }">
|
|
26
|
+
<slot name="message" :message-id="messageId" />
|
|
27
|
+
</template>
|
|
28
|
+
<template v-if="$slots.fieldStatus" #fieldStatus>
|
|
29
|
+
<slot name="fieldStatus" />
|
|
30
|
+
</template>
|
|
31
|
+
<!-- end: FormField slots -->
|
|
32
|
+
</input-field>
|
|
33
|
+
</template>
|
|
34
|
+
|
|
35
|
+
<script setup lang="ts">
|
|
36
|
+
import InputField from '../InputField';
|
|
37
|
+
import IconButton, { ICON_BUTTON_COLORS, ICON_BUTTON_SIZES } from '../../Buttons/IconButton';
|
|
38
|
+
import { ICONS } from '../../Icons/Icon';
|
|
39
|
+
import { computed, ref, InputHTMLAttributes } from 'vue';
|
|
40
|
+
import { InputFieldProps, InputFieldSlots } from '../InputField/InputField.types';
|
|
41
|
+
|
|
42
|
+
const { inputProps: baseInputProps } = defineProps<Omit<InputFieldProps, 'leftIcon'>>();
|
|
43
|
+
const value = defineModel<string>();
|
|
44
|
+
defineSlots<Omit<InputFieldSlots, 'action'>>();
|
|
45
|
+
|
|
46
|
+
const isPasswordVisible = ref(false);
|
|
47
|
+
const inputProps = computed<InputHTMLAttributes>(() => ({
|
|
48
|
+
...baseInputProps,
|
|
49
|
+
type: isPasswordVisible.value ? 'text' : 'password',
|
|
50
|
+
}));
|
|
51
|
+
|
|
52
|
+
const eyeIcon = computed(() => {
|
|
53
|
+
return isPasswordVisible.value ? ICONS.FA_EYE_SLASH : ICONS.FA_EYE;
|
|
54
|
+
});
|
|
55
|
+
</script>
|
|
@@ -1,9 +1,15 @@
|
|
|
1
|
+
import { Value } from '../../../utils/type.utils';
|
|
2
|
+
|
|
1
3
|
export const MODAL_SIZES = {
|
|
2
4
|
SMALL: 'small',
|
|
3
5
|
MEDIUM: 'medium',
|
|
4
|
-
};
|
|
6
|
+
} as const;
|
|
7
|
+
|
|
8
|
+
export type ModalSize = Value<typeof MODAL_SIZES>;
|
|
5
9
|
|
|
6
10
|
export const MODAL_HEADER_TITLE_SIZES = {
|
|
7
11
|
SMALL: 'small',
|
|
8
12
|
MEDIUM: 'medium',
|
|
9
|
-
};
|
|
13
|
+
} as const;
|
|
14
|
+
|
|
15
|
+
export type ModalHeaderTitleSize = Value<typeof MODAL_HEADER_TITLE_SIZES>;
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
:size="ICON_SIZES.SMALL"
|
|
11
11
|
:elevation="BUTTON_ELEVATIONS.X_SMALL"
|
|
12
12
|
:color="ICON_BUTTON_COLORS.NEUTRAL_WEAK"
|
|
13
|
+
data-test-selector="ds-modal__closeButton"
|
|
13
14
|
@click.stop="$emit('close-modal')"
|
|
14
15
|
/>
|
|
15
16
|
</div>
|
|
@@ -329,7 +330,12 @@ $image-height-small: 140px;
|
|
|
329
330
|
|
|
330
331
|
<script lang="ts">
|
|
331
332
|
import FeatureIcon from '../../Icons/FeatureIcon/FeatureIcon.vue';
|
|
332
|
-
import {
|
|
333
|
+
import {
|
|
334
|
+
MODAL_HEADER_TITLE_SIZES,
|
|
335
|
+
MODAL_SIZES,
|
|
336
|
+
ModalHeaderTitleSize,
|
|
337
|
+
ModalSize,
|
|
338
|
+
} from './Modal.consts';
|
|
333
339
|
import { ICON_SIZES, ICONS } from '../../Icons/Icon';
|
|
334
340
|
import { FEATURE_ICON_COLOR, FEATURE_ICON_SIZES } from '../../Icons/FeatureIcon';
|
|
335
341
|
import WnlButton, {
|
|
@@ -349,7 +355,7 @@ export default defineComponent({
|
|
|
349
355
|
size: {
|
|
350
356
|
type: String,
|
|
351
357
|
default: MODAL_SIZES.MEDIUM,
|
|
352
|
-
validator: (value:
|
|
358
|
+
validator: (value: ModalSize) => Object.values(MODAL_SIZES).includes(value),
|
|
353
359
|
},
|
|
354
360
|
danger: {
|
|
355
361
|
type: Boolean,
|
|
@@ -358,7 +364,8 @@ export default defineComponent({
|
|
|
358
364
|
headerTitleSize: {
|
|
359
365
|
type: String,
|
|
360
366
|
default: MODAL_HEADER_TITLE_SIZES.MEDIUM,
|
|
361
|
-
validator: (value:
|
|
367
|
+
validator: (value: ModalHeaderTitleSize) =>
|
|
368
|
+
Object.values(MODAL_HEADER_TITLE_SIZES).includes(value),
|
|
362
369
|
},
|
|
363
370
|
headerTitle: {
|
|
364
371
|
type: String,
|
|
@@ -34,36 +34,33 @@
|
|
|
34
34
|
'-ds-oneContainer': containers === SURVEY_QUESTION_CONTAINERS.ONE,
|
|
35
35
|
}"
|
|
36
36
|
>
|
|
37
|
-
<
|
|
37
|
+
<div
|
|
38
38
|
v-for="(option, index) in scaleOptions"
|
|
39
39
|
:key="`ds-surveyQuestionScale-${index}`"
|
|
40
|
+
class="ds-surveyQuestionScale__toggle"
|
|
41
|
+
:class="{
|
|
42
|
+
'-ds-hideOnDesktop':
|
|
43
|
+
option.standalone &&
|
|
44
|
+
containers === SURVEY_QUESTION_CONTAINERS.TWO,
|
|
45
|
+
}"
|
|
40
46
|
>
|
|
41
|
-
<
|
|
42
|
-
|
|
43
|
-
:
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
:state="
|
|
59
|
-
state === SURVEY_QUESTION_STATES.DISABLED
|
|
60
|
-
? SURVEY_TOGGLE_STATES.DISABLED
|
|
61
|
-
: SURVEY_TOGGLE_STATES.DEFAULT
|
|
62
|
-
"
|
|
63
|
-
@click="onToggleClick(option.value)"
|
|
64
|
-
/>
|
|
65
|
-
</div>
|
|
66
|
-
</template>
|
|
47
|
+
<survey-toggle
|
|
48
|
+
:meaning="option.meaning"
|
|
49
|
+
:content-text="option.content"
|
|
50
|
+
:label="option.label"
|
|
51
|
+
:status="
|
|
52
|
+
selectedValue === option.value
|
|
53
|
+
? SURVEY_TOGGLE_STATUSES.SELECTED
|
|
54
|
+
: SURVEY_TOGGLE_STATUSES.DEFAULT
|
|
55
|
+
"
|
|
56
|
+
:state="
|
|
57
|
+
state === SURVEY_QUESTION_STATES.DISABLED
|
|
58
|
+
? SURVEY_TOGGLE_STATES.DISABLED
|
|
59
|
+
: SURVEY_TOGGLE_STATES.DEFAULT
|
|
60
|
+
"
|
|
61
|
+
@click="onToggleClick(option.value)"
|
|
62
|
+
/>
|
|
63
|
+
</div>
|
|
67
64
|
</div>
|
|
68
65
|
|
|
69
66
|
<div
|
|
@@ -73,29 +70,28 @@
|
|
|
73
70
|
"
|
|
74
71
|
class="ds-surveyQuestionScale__container -ds-justifyEnd -ds-hideOnMobile"
|
|
75
72
|
>
|
|
76
|
-
<
|
|
73
|
+
<div
|
|
77
74
|
v-for="(option, index) in standaloneOptions"
|
|
78
75
|
:key="`ds-surveyQuestionScale-standalone-${index}`"
|
|
76
|
+
class="ds-surveyQuestionScale__toggle"
|
|
79
77
|
>
|
|
80
|
-
<
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
</div>
|
|
98
|
-
</template>
|
|
78
|
+
<survey-toggle
|
|
79
|
+
:meaning="option.meaning"
|
|
80
|
+
:content-text="option.content"
|
|
81
|
+
:label="option.label"
|
|
82
|
+
:status="
|
|
83
|
+
selectedValue === option.value
|
|
84
|
+
? SURVEY_TOGGLE_STATUSES.SELECTED
|
|
85
|
+
: SURVEY_TOGGLE_STATUSES.DEFAULT
|
|
86
|
+
"
|
|
87
|
+
:state="
|
|
88
|
+
state === SURVEY_QUESTION_STATES.DISABLED
|
|
89
|
+
? SURVEY_TOGGLE_STATES.DISABLED
|
|
90
|
+
: SURVEY_TOGGLE_STATES.DEFAULT
|
|
91
|
+
"
|
|
92
|
+
@click="onToggleClick(option.value)"
|
|
93
|
+
/>
|
|
94
|
+
</div>
|
|
99
95
|
</div>
|
|
100
96
|
</div>
|
|
101
97
|
|
|
@@ -101,8 +101,6 @@ import {
|
|
|
101
101
|
import { defineComponent, PropType, toRaw } from 'vue';
|
|
102
102
|
import { ICONS } from '../Icons/Icon';
|
|
103
103
|
|
|
104
|
-
const TOAST_OFFSET = 24;
|
|
105
|
-
|
|
106
104
|
function calculateBoundariesOffset(boundariesElement: HTMLElement) {
|
|
107
105
|
const borderLeftWidth = window.getComputedStyle(boundariesElement).borderLeftWidth;
|
|
108
106
|
const borderRightWidth = window.getComputedStyle(boundariesElement).borderRightWidth;
|
package/lib/js/index.ts
CHANGED
|
@@ -29,12 +29,18 @@ export * from './components/Divider/Divider.consts';
|
|
|
29
29
|
export { default as FeatureIcon } from './components/Icons/FeatureIcon';
|
|
30
30
|
export { default as DsFeatureIcon } from './components/Icons/FeatureIcon';
|
|
31
31
|
export * from './components/Icons/FeatureIcon/FeatureIcon.consts';
|
|
32
|
+
export { default as DsFormField } from './components/Form/FormField';
|
|
33
|
+
export * from './components/Form/FormField';
|
|
34
|
+
export { default as DsFormFieldMessage } from './components/Form/FormField/FormFieldMessage';
|
|
35
|
+
export * from './components/Form/FormField/FormFieldMessage';
|
|
36
|
+
export { default as DsHelpButton } from './components/Buttons/HelpButton';
|
|
32
37
|
export { default as Icon } from './components/Icons/Icon';
|
|
33
38
|
export { default as DsIcon } from './components/Icons/Icon';
|
|
34
39
|
export * from './components/Icons/Icon/Icon.consts';
|
|
35
40
|
export { default as IconButton } from './components/Buttons/IconButton';
|
|
36
41
|
export { default as DsIconButton } from './components/Buttons/IconButton';
|
|
37
42
|
export * from './components/Buttons/IconButton/IconButton.consts';
|
|
43
|
+
export { default as DsInputField } from './components/Form/InputField';
|
|
38
44
|
export { default as Modal } from './components/Modal';
|
|
39
45
|
export { default as DsModal } from './components/Modals/Modal';
|
|
40
46
|
export * from './components/Modals/Modal/Modal.consts';
|
|
@@ -42,6 +48,7 @@ export { default as DsModalDialog } from './components/Modals/ModalDialog';
|
|
|
42
48
|
export { default as NumberInCircle } from './components/NumberInCircle';
|
|
43
49
|
export { default as DsNumberInCircle } from './components/NumberInCircle';
|
|
44
50
|
export * from './components/NumberInCircle/NumberInCircle.consts';
|
|
51
|
+
export { default as DsPasswordField } from './components/Form/PasswordField';
|
|
45
52
|
export { default as TabItem } from './components/TabItem';
|
|
46
53
|
export { default as DsTabItem } from './components/TabItem';
|
|
47
54
|
export * from './components/TabItem/TabItem.consts';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bethinkpl/design-system",
|
|
3
|
-
"version": "26.
|
|
3
|
+
"version": "26.16.0",
|
|
4
4
|
"description": "Bethink universe design-system",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"@vitejs/plugin-vue": "^5.1.4",
|
|
57
57
|
"@vitest/coverage-c8": "0.33.0",
|
|
58
58
|
"@vitest/ui": "3.1.4",
|
|
59
|
-
"@vue/test-utils": "2.
|
|
59
|
+
"@vue/test-utils": "2.4.6",
|
|
60
60
|
"axios": "^0.26.0",
|
|
61
61
|
"dotenv": "16.0.3",
|
|
62
62
|
"eslint": "8.25.0",
|
|
@@ -84,14 +84,14 @@
|
|
|
84
84
|
"vite-plugin-dts": "^3.9.1",
|
|
85
85
|
"vite-svg-loader": "^5.1.0",
|
|
86
86
|
"vitest": "3.1.4",
|
|
87
|
-
"vue": "3.5.
|
|
87
|
+
"vue": "3.5.16",
|
|
88
88
|
"vue-eslint-parser": "^10.1.1",
|
|
89
89
|
"vue-popperjs": "github:bethinkpl/vue-popper#03c7912c4729386743b0cca8f39b35448cc3db7f",
|
|
90
|
-
"vue-tsc": "2.2.
|
|
90
|
+
"vue-tsc": "2.2.10"
|
|
91
91
|
},
|
|
92
92
|
"dependencies": {
|
|
93
93
|
"@primevue/themes": "4.0.0-rc.3",
|
|
94
94
|
"primevue": "4.0.0-rc.3",
|
|
95
|
-
"vue-component-type-helpers": "
|
|
95
|
+
"vue-component-type-helpers": "2.2.10"
|
|
96
96
|
}
|
|
97
97
|
}
|
package/tsconfig.base.json
CHANGED
|
@@ -12,8 +12,7 @@
|
|
|
12
12
|
"moduleResolution": "node",
|
|
13
13
|
"noImplicitReturns": true,
|
|
14
14
|
"resolveJsonModule": true,
|
|
15
|
-
|
|
16
|
-
// "noUnusedLocals": true,
|
|
15
|
+
"noUnusedLocals": true,
|
|
17
16
|
"skipLibCheck": true,
|
|
18
17
|
"strictBindCallApply": true,
|
|
19
18
|
// Re-enable after https://github.com/vuejs/core/issues/4668 is fixed
|
package/tsconfig.json
CHANGED
package/vite.config.ts
CHANGED
|
@@ -6,10 +6,18 @@ import vue from '@vitejs/plugin-vue';
|
|
|
6
6
|
import svgLoader from 'vite-svg-loader';
|
|
7
7
|
import dts from 'vite-plugin-dts';
|
|
8
8
|
import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js';
|
|
9
|
+
// import tsconfigPaths from 'vite-tsconfig-paths';
|
|
9
10
|
|
|
10
11
|
// https://vitejs.dev/config/
|
|
11
12
|
export default defineConfig({
|
|
12
|
-
plugins: [
|
|
13
|
+
plugins: [
|
|
14
|
+
vue(),
|
|
15
|
+
svgLoader(),
|
|
16
|
+
dts({
|
|
17
|
+
tsconfigPath: './tsconfig.build.json',
|
|
18
|
+
}),
|
|
19
|
+
cssInjectedByJsPlugin(),
|
|
20
|
+
],
|
|
13
21
|
build: {
|
|
14
22
|
lib: {
|
|
15
23
|
entry: resolve(__dirname, 'lib/js/index.ts'),
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as V,q as c,c as u,a as D,g as v,k as G,u as t,s as k,b as O,e as h,j as I,n as q,o}from"./vue.esm-bundler-DD4BrEtS.js";import{c as l,b as s,B as M,a as C}from"./Badge-BbvNKG41.js";import{I as d}from"./Icon-I3Cniv10.js";import{a as w,T as K}from"./Tooltip-DZi9yXjr.js";import{_ as F}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e={XX_SMALL:"xx-small",X_SMALL:"x-small",SMALL:"small",MEDIUM:"medium",LARGE:"large",X_LARGE:"x-large"},T={ACTIVE:"active",INACTIVE:"inactive"},r={ACTIVE:"active",INACTIVE:"inactive",AWAITING:"awaiting",BLOCKED:"blocked",TEAM_MEMBER:"team-member"},H=["src","alt"],W={key:1,class:"ds-avatar__initials"},Y={key:0,class:"ds-avatar__activityStatus"},j={key:1,class:"ds-avatar__accessStatus"},f=V({__name:"Avatar",props:{username:{},avatarUrl:{},size:{default:()=>e.X_SMALL},activityStatus:{},accessStatus:{},teamMemberImageUrl:{},activityStatusTooltip:{}},setup(i){const{initials:y,initialBackgroundColor:_}=R(),{accessStatusColor:g,accessStatusIcon:U,accessStatusSize:p,accessStatusImage:z}=X(),{activityStatusColor:b,activityStatusSize:N}=B();function R(){const a=["#1abc9c","#2ecc71","#3498db","#9b59b6","#34495e","#16a085","#27ae60","#2980b9","#8e44ad","#2c3e50","#f1c40f","#e67e22","#e74c3c","#f39c12","#d35400","#c0392b"];function n(A){const[m,E]=A.split(/\s+/);return m&&E?`${m[0]}${E[0]}`.toUpperCase():m.substring(0,2).toUpperCase()}const S=c(()=>{if(i.avatarUrl)return;const A=(i.username.charCodeAt(0)-65)%16;return a[A]});return{initials:c(()=>n(i.username)),initialBackgroundColor:S}}function X(){const a=c(()=>{switch(i.accessStatus){case r.ACTIVE:return l.SUCCESS;case r.INACTIVE:case r.AWAITING:return l.NEUTRAL;case r.BLOCKED:return l.DANGER;default:return}}),n=c(()=>{switch(i.accessStatus){case r.ACTIVE:return d.FA_UNLOCK_KEYHOLE;case r.BLOCKED:case r.INACTIVE:return d.FA_LOCK_KEYHOLE;case r.AWAITING:return d.FA_HOURGLASS_START;default:return}}),S=c(()=>{switch(i.size){case e.XX_SMALL:return s.SMALL;case e.X_SMALL:return s.SMALL;case e.SMALL:return s.SMALL;case e.MEDIUM:return s.MEDIUM;case e.LARGE:return s.MEDIUM;case e.X_LARGE:default:return s.X_LARGE}}),L=c(()=>{if(i.accessStatus===r.TEAM_MEMBER)return i.teamMemberImageUrl});return{accessStatusColor:a,accessStatusIcon:n,accessStatusSize:S,accessStatusImage:L}}function B(){const a=c(()=>{switch(i.activityStatus){case T.ACTIVE:return l.SUCCESS;default:case T.INACTIVE:return l.NEUTRAL}}),n=c(()=>{switch(i.size){case e.XX_SMALL:return s.X_SMALL;case e.X_SMALL:return s.SMALL;case e.SMALL:return s.SMALL;case e.MEDIUM:return s.MEDIUM;case e.LARGE:return s.MEDIUM;case e.X_LARGE:default:return s.MEDIUM}});return{activityStatusColor:a,activityStatusSize:n}}return(a,n)=>(o(),u("div",{class:q(["ds-avatar",{"-ds-xx-small":a.size===t(e).XX_SMALL,"-ds-x-small":a.size===t(e).X_SMALL,"-ds-small":a.size===t(e).SMALL,"-ds-medium":a.size===t(e).MEDIUM,"-ds-large":a.size===t(e).LARGE,"-ds-x-large":a.size===t(e).X_LARGE}])},[D("div",{class:"ds-avatar__content",style:k({backgroundColor:t(_)})},[a.avatarUrl?(o(),u("img",{key:0,src:a.avatarUrl,alt:a.username,class:"ds-avatar__image"},null,8,H)):(o(),u("span",W,G(t(y)),1))],4),a.activityStatus?(o(),u("div",Y,[(o(),O(t(K),{key:a.activityStatusTooltip,class:"ds-avatar__activityStatusTooltip",text:a.activityStatusTooltip,"is-disabled":!a.activityStatusTooltip,"is-pointer-visible":"",placement:t(w).BOTTOM,"is-hidden-on-mobile":!1},{default:h(()=>[I(t(M),{color:t(b),elevation:t(C).X_SMALL,size:t(N)},null,8,["color","elevation","size"])]),_:1},8,["text","is-disabled","placement"]))])):v("",!0),a.accessStatus?(o(),u("div",j,[I(t(M),{color:t(g),elevation:t(C).SMALL,icon:t(U),size:t(p),"image-url":t(z)},null,8,["color","elevation","icon","size","image-url"])])):v("",!0)],2))}}),Q=F(f,[["__scopeId","data-v-18be9f69"]]);f.__docgenInfo={exportName:"default",displayName:"Avatar",description:"",tags:{},props:[{name:"username",required:!0,type:{name:"string"}},{name:"avatarUrl",required:!1,type:{name:"string"}},{name:"size",required:!1,type:{name:"AvatarSize"}},{name:"activityStatus",required:!1,type:{name:"AvatarActivityStatus"}},{name:"accessStatus",required:!1,type:{name:"AvatarAccessStatus"}},{name:"teamMemberImageUrl",required:!1,type:{name:"string"}},{name:"activityStatusTooltip",required:!1,type:{name:"string"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Avatar/Avatar.vue"]};export{Q as A,e as a,T as b,r as c};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as y,t as v,b,h as T,e as l,n as S,r as u,o as g,f as n,a as E,j as L}from"./vue.esm-bundler-DD4BrEtS.js";import{c as R,I as C}from"./Icon-I3Cniv10.js";import{D as h,T as i,c as r}from"./TextGroup-AUUBIFJZ.js";import{a as d,e as t,d as p,c as s,f,h as O,R as _,b as D}from"./GroupRichListItem-C_Gsy7fK.js";import{_ as V}from"./_plugin-vue_export-helper-DlAUqK2U.js";const m=y({name:"BasicRichListItem",components:{DsTextGroup:h,RichListItem:O},props:{type:{type:String,default:f.DEFAULT,validator(e){return Object.values(f).includes(e)}},state:{type:String,default:s.DEFAULT,validator(e){return Object.values(s).includes(e)}},layout:{type:String,default:p.HORIZONTAL,validator(e){return Object.values(p).includes(e)}},size:{type:String,default:t.MEDIUM,validator(e){return Object.values(t).includes(e)}},isInteractive:{type:Boolean,default:!0},isDimmed:{type:Boolean,default:!1},isDraggable:{type:Boolean,default:!0},icon:{type:Object,default:null,validator(e){return Object.values(C).includes(v(e))}},iconColor:{type:String,default:null,validator(e){return Object.values(R).includes(e)}},iconColorHex:{type:String,default:null},borderColor:{type:String,default:null,validator(e){return Object.values(D).includes(e)}},borderColorHex:{type:String,default:null},text:{type:String,required:!0},textEllipsis:{type:Boolean,default:!1},eyebrow:{type:String,default:null},eyebrowEllipsis:{type:Boolean,default:!1},isEyebrowUppercase:{type:Boolean,default:!1},supportingText:{type:String,default:null},supportingTextEllipsis:{type:Boolean,default:!1},isSupportingTextTooltipEnabled:{type:Boolean,default:!1},backgroundColor:{type:String,default:d.NEUTRAL,validator(e){return Object.values(d).includes(e)}},elevation:{type:String,default:null,validator(e){return Object.values(_).includes(e)}},hasDraggableHandler:{type:Boolean,default:!0},hasActionsSlotDivider:{type:Boolean,default:!0},isSelectable:{type:Boolean,default:!0},isSelected:{type:Boolean,default:!1},isTextGroupSelected:{type:Boolean,default:!1}},emits:{"update:is-selected":e=>!0},data(){return{hovered:!1,RICH_LIST_ITEM_SIZE:Object.freeze(t),RICH_LIST_ITEM_STATE:Object.freeze(s)}},computed:{textGroupSize(){return{[t.SMALL]:r.SMALL,[t.MEDIUM]:r.MEDIUM}[this.size]},textGroupState(){return this.state===s.LOADING?i.LOADING:this.hovered&&this.isInteractive?i.HOVERED:i.DEFAULT}}}),M={class:"ds-basicRichListItem__content"};function A(e,a,H,B,U,w){const c=u("ds-text-group"),I=u("rich-list-item");return g(),b(I,{size:e.size,type:e.type,layout:e.layout,"is-interactive":e.isInteractive,"is-draggable":e.isDraggable,icon:e.icon,"icon-color":e.iconColor,"icon-color-hex":e.iconColorHex,"is-dimmed":e.isDimmed,"border-color":e.borderColor,"border-color-hex":e.borderColorHex,state:e.state,"background-color":e.backgroundColor,elevation:e.elevation,"has-draggable-handler":e.hasDraggableHandler,"has-actions-slot-divider":e.hasActionsSlotDivider,"is-selectable":e.isSelectable,"is-selected":e.isSelected,class:S(["ds-basicRichListItem",{"-ds-loading":e.state===e.RICH_LIST_ITEM_STATE.LOADING,"-ds-small":e.size===e.RICH_LIST_ITEM_SIZE.SMALL}]),onMouseover:a[0]||(a[0]=o=>e.hovered=!0),onMouseleave:a[1]||(a[1]=o=>e.hovered=!1),"onUpdate:isSelected":a[2]||(a[2]=o=>e.$emit("update:is-selected",o))},T({content:l(()=>[E("div",M,[L(c,{"eyebrow-text":e.eyebrow,"eyebrow-text-ellipsis":e.eyebrowEllipsis,"is-eyebrow-text-uppercase":e.isEyebrowUppercase,"is-selected":e.isTextGroupSelected,"is-interactive":!1,"main-text":e.text,"main-text-ellipsis":e.textEllipsis,"supporting-text":e.supportingText,"supporting-text-ellipsis":e.supportingTextEllipsis,size:e.textGroupSize,state:e.textGroupState,"is-supporting-text-tooltip-enabled":e.isSupportingTextTooltipEnabled},null,8,["eyebrow-text","eyebrow-text-ellipsis","is-eyebrow-text-uppercase","is-selected","main-text","main-text-ellipsis","supporting-text","supporting-text-ellipsis","size","state","is-supporting-text-tooltip-enabled"])])]),_:2},[e.$slots.media?{name:"media",fn:l(()=>[n(e.$slots,"media",{},void 0,!0)]),key:"0"}:void 0,e.$slots.metadata?{name:"metadata",fn:l(()=>[n(e.$slots,"metadata",{},void 0,!0)]),key:"1"}:void 0,e.$slots.actions?{name:"actions",fn:l(()=>[n(e.$slots,"actions",{},void 0,!0)]),key:"2"}:void 0]),1032,["size","type","layout","is-interactive","is-draggable","icon","icon-color","icon-color-hex","is-dimmed","border-color","border-color-hex","state","background-color","elevation","has-draggable-handler","has-actions-slot-divider","is-selectable","is-selected","class"])}const $=V(m,[["render",A],["__scopeId","data-v-c8b54c95"]]);m.__docgenInfo={displayName:"BasicRichListItem",exportName:"default",description:"",tags:{},props:[{name:"type",type:{name:"RichListItemType"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_TYPE.DEFAULT"}},{name:"state",type:{name:"RichListItemState"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_STATE.DEFAULT"}},{name:"layout",type:{name:"RichListItemLayout"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_LAYOUT.HORIZONTAL"}},{name:"size",type:{name:"RichListItemSize"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_SIZE.MEDIUM"}},{name:"isInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isDimmed",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isDraggable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"icon",type:{name:"IconItem"},defaultValue:{func:!1,value:"null"}},{name:"iconColor",type:{name:"IconColor"},defaultValue:{func:!1,value:"null"}},{name:"iconColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"borderColor",type:{name:"RichListItemBorderColor"},defaultValue:{func:!1,value:"null"}},{name:"borderColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"text",type:{name:"string"},required:!0},{name:"textEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"eyebrow",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"eyebrowEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isEyebrowUppercase",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"supportingText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"supportingTextEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isSupportingTextTooltipEnabled",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"backgroundColor",type:{name:"RichListItemBackgroundColor"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_BACKGROUND_COLOR.NEUTRAL"}},{name:"elevation",type:{name:"RichListItemElevation"},defaultValue:{func:!1,value:"null"}},{name:"hasDraggableHandler",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"hasActionsSlotDivider",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isSelectable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isTextGroupSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"update:is-selected"}],slots:[{name:"media"},{name:"metadata"},{name:"actions"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue"]};export{$ as B};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as m,c as o,b as t,g as r,f as s,n as d,r as l,o as a}from"./vue.esm-bundler-DD4BrEtS.js";import{D as p}from"./Divider-9o-i_zKL.js";import{L as c,a as B}from"./LoadingBar-Dc_eLNsl.js";import{_ as h}from"./_plugin-vue_export-helper-DlAUqK2U.js";const g={NEUTRAL_HEAVY:"neutralHeavy",NEUTRAL_STRONG:"neutralStrong",SUCCESS:"success",WARNING:"warning",DANGER:"danger",INFO:"info",TRANSPARENT:"transparent"},C={SMALL:"small",MEDIUM:"medium",LARGE:"large"},n={TOP:"top",LEFT:"left"},i=m({name:"Card",components:{DsDivider:p,DsLoadingBar:B},props:{headerHasPadding:{type:Boolean,default:!1},dividerUnderHeader:{type:Boolean,default:!1},hasBorder:{type:Boolean,default:!1},borderPosition:{type:String,default:n.TOP},borderSize:{type:String,default:C.LARGE},borderColor:{type:String,default:g.NEUTRAL_HEAVY},hasLoadingBar:{type:Boolean,default:!1},loadingBarColor:{type:String,default:c.NEUTRAL_HEAVY},loadingBarTime:{type:String,default:"0"}},computed:{hasLeftBoarder(){return this.hasBorder&&this.borderPosition===n.LEFT&&!this.hasLoadingBar},hasTopBoarder(){return this.hasBorder&&this.borderPosition===n.TOP||this.hasLoadingBar},borderColorClass(){return this.hasLoadingBar?"-ds-border-color-transparent":`-ds-border-color-${this.borderColor}`},borderSizeClass(){return!this.hasBorder&&!this.hasLoadingBar?"":`-ds-border-size-${this.borderSize}`}}}),R={key:3,class:"ds-card__content"};function _(e,L,S,b,A,E){const u=l("ds-loading-bar"),f=l("ds-divider");return a(),o("div",{class:d({"ds-card":!0,[e.borderColorClass]:!0,[e.borderSizeClass]:!0,"-ds-top-border":e.hasTopBoarder,"-ds-left-border":e.hasLeftBoarder})},[e.hasLoadingBar?(a(),t(u,{key:0,class:"ds-card__loadingBar",time:e.loadingBarTime,color:e.loadingBarColor,size:e.borderSize},null,8,["time","color","size"])):r("",!0),e.$slots.header?(a(),o("div",{key:1,class:d(["ds-card__header",{"-ds-withPadding":e.headerHasPadding}])},[s(e.$slots,"header",{},void 0,!0)],2)):r("",!0),e.$slots.header&&e.$slots.content&&e.dividerUnderHeader?(a(),t(f,{key:2,class:d(["ds-card__headerDivider",{"-ds-withHorizontalMargin":e.headerHasPadding}])},null,8,["class"])):r("",!0),e.$slots.content?(a(),o("div",R,[s(e.$slots,"content",{},void 0,!0)])):r("",!0),s(e.$slots,"footer",{},void 0,!0)],2)}const D=h(i,[["render",_],["__scopeId","data-v-b900d6c2"]]);i.__docgenInfo={displayName:"Card",exportName:"default",description:"",tags:{},props:[{name:"headerHasPadding",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"dividerUnderHeader",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"hasBorder",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"borderPosition",type:{name:"CardBorderPositions"},defaultValue:{func:!1,value:"CARD_BORDER_POSITIONS.TOP"}},{name:"borderSize",type:{name:"CardBorderSizes"},defaultValue:{func:!1,value:"CARD_BORDER_SIZES.LARGE"}},{name:"borderColor",type:{name:"CardBorderColors"},defaultValue:{func:!1,value:"CARD_BORDER_COLORS.NEUTRAL_HEAVY"}},{name:"hasLoadingBar",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"loadingBarColor",type:{name:"LoadingBarColors"},defaultValue:{func:!1,value:"LOADING_BAR_COLORS.NEUTRAL_HEAVY"}},{name:"loadingBarTime",type:{name:"string"},defaultValue:{func:!1,value:"'0'"}}],slots:[{name:"header"},{name:"content"},{name:"footer"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Cards/Card/Card.vue"]};export{D as C,g as a,C as b,n as c};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as u,b as c,h as f,e as a,r as s,o as t,a as r,j as m,k as x,f as n,c as E,g as C}from"./vue.esm-bundler-DD4BrEtS.js";import{C as h}from"./Card-KSW_Q55y.js";import{a as b,b as I,I as v}from"./Icon-I3Cniv10.js";import{_ as y}from"./_plugin-vue_export-helper-DlAUqK2U.js";const o=u({name:"CardExpandable",components:{DsCard:h,DsIcon:b},props:{isExpanded:{type:Boolean,default:!1},isExpanderVisible:{type:Boolean,default:!0},expanderTextCollapsed:{type:String,default:"Rozwiń"},expanderTextExpanded:{type:String,default:"Zwiń"},headerHasPadding:{type:Boolean,default:!1},dividerUnderHeader:{type:Boolean,default:!1}},emits:{"update:isExpanded":e=>!0},data(){return{isExpandedInternal:!1,ICONS:Object.freeze(v),ICON_SIZES:Object.freeze(I)}},computed:{chevronRotation(){return this.isExpandedInternal?180:null}},watch:{isExpanded:{handler(e){e!==this.isExpandedInternal&&(this.isExpandedInternal=e)},immediate:!0}},methods:{onExpanderClick(){this.isExpandedInternal=!this.isExpandedInternal,this.$emit("update:isExpanded",this.isExpandedInternal)}}}),_={key:0,class:"ds-cardExpandable__expandedContent"},g={class:"ds-cardExpandable__expanderLabel"};function S(e,d,N,V,k,O){const i=s("ds-icon"),l=s("ds-card");return t(),c(l,{class:"ds-cardExpandable","header-has-padding":e.headerHasPadding,"divider-under-header":e.dividerUnderHeader},f({header:a(()=>[n(e.$slots,"header",{},void 0,!0)]),content:a(()=>[n(e.$slots,"content",{isExpanded:e.isExpandedInternal},void 0,!0),e.isExpandedInternal?(t(),E("div",_,[n(e.$slots,"expandedContent",{},void 0,!0)])):C("",!0)]),_:2},[e.isExpanderVisible?{name:"footer",fn:a(()=>[r("div",{class:"ds-cardExpandable__expander",onClick:d[0]||(d[0]=(...p)=>e.onExpanderClick&&e.onExpanderClick(...p))},[r("span",g,x(e.isExpandedInternal?e.expanderTextExpanded:e.expanderTextCollapsed),1),m(i,{class:"ds-cardExpandable__expanderIcon",icon:e.ICONS.FA_CHEVRON_DOWN,rotation:e.chevronRotation,size:e.ICON_SIZES.X_SMALL},null,8,["icon","rotation","size"])])]),key:"0"}:void 0]),1032,["header-has-padding","divider-under-header"])}const z=y(o,[["render",S],["__scopeId","data-v-762d08c5"]]);o.__docgenInfo={displayName:"CardExpandable",exportName:"default",description:"",tags:{},props:[{name:"isExpanded",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isExpanderVisible",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"expanderTextCollapsed",type:{name:"string"},defaultValue:{func:!1,value:"'Rozwiń'"}},{name:"expanderTextExpanded",type:{name:"string"},defaultValue:{func:!1,value:"'Zwiń'"}},{name:"headerHasPadding",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"dividerUnderHeader",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"update:isExpanded",type:{names:["undefined"]}}],slots:[{name:"header"},{name:"content",scoped:!0,bindings:[{name:"is-expanded",title:"binding"}]},{name:"expandedContent"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Cards/CardExpandable/CardExpandable.vue"]};export{z as C};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as u,b as i,r,o as c}from"./vue.esm-bundler-DD4BrEtS.js";import{S as p,a as d,b as f,c as C}from"./SelectionControl-CwdtLuOD.js";import{I as m}from"./Icon-I3Cniv10.js";import{_ as S}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s={...d},o={...p},a=u({name:"Checkbox",components:{SelectionControl:f},props:{size:{type:String,default:s.SMALL,validator(e){return Object.values(s).includes(e)}},label:{type:String,default:null},isSelected:{type:Boolean,default:!1},state:{type:String,default:o.DEFAULT,validator(e){return Object.values(o).includes(e)}}},emits:["update:is-selected","input:focus","input:blur"],data(){return{SELECTION_CONTROL_TYPE:Object.freeze(C),ICONS:Object.freeze(m)}}});function O(e,t,E,T,_,I){const l=r("selection-control");return c(),i(l,{size:e.size,label:e.label,"is-selected":e.isSelected,"selected-icon":e.ICONS.FA_SQUARE_CHECK_SOLID,"not-selected-icon":e.ICONS.FA_SQUARE,state:e.state,type:e.SELECTION_CONTROL_TYPE.CHECKBOX,"onUpdate:isSelected":t[0]||(t[0]=n=>e.$emit("update:is-selected",n)),"onInput:focus":t[1]||(t[1]=n=>e.$emit("input:focus")),"onInput:blur":t[2]||(t[2]=n=>e.$emit("input:blur"))},null,8,["size","label","is-selected","selected-icon","not-selected-icon","state","type"])}const b=S(a,[["render",O]]);a.__docgenInfo={displayName:"Checkbox",exportName:"default",description:"",tags:{},props:[{name:"size",type:{name:"CheckboxSize"},defaultValue:{func:!1,value:"CHECKBOX_SIZE.SMALL"}},{name:"label",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"state",type:{name:"CheckboxState"},defaultValue:{func:!1,value:"CHECKBOX_STATE.DEFAULT"}}],events:[{name:"update:is-selected"},{name:"input:focus"},{name:"input:blur"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Form/Checkbox/Checkbox.vue"]};const k=Object.freeze(Object.defineProperty({__proto__:null,default:b},Symbol.toStringTag,{value:"Module"}));export{o as C,b as D,s as a,k as b};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as y,c as s,a as i,b as n,g as l,e as v,n as r,k as u,f,r as o,o as a,l as S}from"./vue.esm-bundler-DD4BrEtS.js";import{D as _,g as C,d as T}from"./Button-C5dr6u6F.js";import{D,b as N,a as O}from"./Divider-9o-i_zKL.js";import{I as w}from"./IconButton-BPKB5gT7.js";import{C as k}from"./Chip-BJcjfD8j.js";import{a as R,b as L,I as V}from"./Icon-I3Cniv10.js";import{_ as B}from"./_plugin-vue_export-helper-DlAUqK2U.js";const g={NEUTRAL_STRONG:"neutralStrong",NEUTRAL_WEAK:"neutralWeak"},p=y({name:"DrawerHeader",components:{DsButton:_,Divider:D,Icon:R,IconButton:w,Chip:k},props:{eyebrowText:{type:String,default:null},isInteractiveEyebrow:{type:Boolean,default:!1},eyebrowEllipsis:{type:Boolean,default:!1},title:{type:String,default:null},titleEllipsis:{type:Boolean,default:!1},titleColor:{type:String,default:g.NEUTRAL_STRONG},leftIcon:{type:[Object,null],default:null},chipLabel:{type:String,default:null},isClosable:{type:Boolean,default:!0},hasDivider:{type:Boolean,default:!1},isSecondLevel:{type:Boolean,default:!1}},emits:["backClicked","close","eyebrowClicked"],data(){return{BUTTON_TYPES:Object.freeze(T),DIVIDER_SIZES:Object.freeze(O),DIVIDER_PROMINENCES:Object.freeze(N),ICONS:Object.freeze(V),ICON_BUTTON_SIZES:Object.freeze(C),ICON_SIZES:Object.freeze(L)}}}),H={class:"ds-drawerHeader"},$={class:"ds-drawerHeader__titleWrapper"},A={class:"ds-drawerHeader__title"},h=["title"],z={key:3},U={key:1,class:"ds-drawerHeader__actions"};function j(e,t,Z,M,W,P){const c=o("ds-button"),m=o("icon"),E=o("chip"),I=o("icon-button"),b=o("divider");return a(),s("div",H,[i("div",$,[e.isSecondLevel?(a(),n(c,{key:0,"icon-left":e.ICONS.FA_CHEVRON_LEFT,type:e.BUTTON_TYPES.TEXT,class:"ds-drawerHeader__secondLevel",onClick:t[0]||(t[0]=d=>e.$emit("backClicked"))},{default:v(()=>t[3]||(t[3]=[S(" Wróć ")])),_:1},8,["icon-left","type"])):l("",!0),i("div",{class:r([{"-ds-hidden":e.isSecondLevel},"ds-drawerHeader__firstLevel"])},[e.eyebrowText?(a(),s("span",{key:0,class:r([{"-ds-isInteractive":e.isInteractiveEyebrow,"-ds-ellipsis":e.eyebrowEllipsis},"ds-drawerHeader__eyebrow"]),onClick:t[1]||(t[1]=d=>e.isInteractiveEyebrow&&e.$emit("eyebrowClicked"))},u(e.eyebrowText),3)):l("",!0),i("div",A,[e.leftIcon?(a(),n(m,{key:0,icon:e.leftIcon,size:e.ICON_SIZES.X_SMALL,class:"ds-drawerHeader__leftIcon"},null,8,["icon","size"])):l("",!0),e.title?(a(),s("span",{key:1,class:r(["ds-drawerHeader__titleText",{"-ds-ellipsis":e.titleEllipsis,[`-ds-${e.titleColor}`]:!0}]),title:e.titleEllipsis?e.title:void 0},u(e.title),11,h)):l("",!0),e.chipLabel?(a(),n(E,{key:2,label:e.chipLabel},null,8,["label"])):l("",!0),e.$slots.titleTrailing?(a(),s("div",z,[f(e.$slots,"titleTrailing",{},void 0,!0)])):l("",!0)])],2),e.$slots.actions?(a(),s("div",U,[f(e.$slots,"actions",{},void 0,!0)])):l("",!0),e.isClosable?(a(),n(I,{key:2,icon:e.ICONS.FA_XMARK,size:e.ICON_BUTTON_SIZES.MEDIUM,touchable:!1,onClick:t[2]||(t[2]=d=>e.$emit("close"))},null,8,["icon","size"])):l("",!0)]),e.hasDivider?(a(),n(b,{key:0,size:e.DIVIDER_SIZES.L,prominence:e.DIVIDER_PROMINENCES.WEAK},null,8,["size","prominence"])):l("",!0)])}const Q=B(p,[["render",j],["__scopeId","data-v-5b63b67e"]]);p.__docgenInfo={displayName:"DrawerHeader",exportName:"default",description:"",tags:{},props:[{name:"eyebrowText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"isInteractiveEyebrow",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"eyebrowEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"title",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"titleEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"titleColor",type:{name:"DrawerHeaderTitleColor"},defaultValue:{func:!1,value:"DRAWER_HEADER_TITLE_COLORS.NEUTRAL_STRONG"}},{name:"leftIcon",type:{name:"object|null"},defaultValue:{func:!1,value:"null"}},{name:"chipLabel",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"isClosable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"hasDivider",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isSecondLevel",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"backClicked"},{name:"eyebrowClicked"},{name:"close"}],slots:[{name:"titleTrailing"},{name:"actions"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue"]};export{Q as D,g as a};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{p as n,c as t}from"./Tile-3fvrXM7M.js";import{d as a,c as i,j as c,p,r as l,o as m}from"./vue.esm-bundler-DD4BrEtS.js";import{_ as d}from"./_plugin-vue_export-helper-DlAUqK2U.js";const o=a({name:"DrawerTile",components:{DsTile:t},props:n,emits:{click:()=>!0}}),_={class:"ds-drawerTile"};function f(e,s,u,w,D,T){const r=l("ds-tile");return m(),i("div",_,[c(r,p(e.$props,{onClick:s[0]||(s[0]=k=>e.$emit("click"))}),null,16)])}const y=d(o,[["render",f],["__scopeId","data-v-3aa8c837"]]);o.__docgenInfo={displayName:"DrawerTile",exportName:"default",description:"",tags:{},events:[{name:"click"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerTile/DrawerTile.vue"]};export{y as D};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{V as u}from"./vue-popper-DoPHnofs.js";import{d as m,b as c,e as s,r as f,o as O,a,n,s as h,f as i}from"./vue.esm-bundler-DD4BrEtS.js";import{_ as S}from"./_plugin-vue_export-helper-DlAUqK2U.js";const r={CLICK:"click",HOVER:"hover"},o={TOP:"top",BOTTOM:"bottom",BOTH:"both"},l={BOTTOM_START:"bottom-start",BOTTOM_END:"bottom-end"},d=m({name:"Dropdown",components:{VuePopper:u},props:{boundariesSelector:{type:String,default:null},forceShow:{type:Boolean,default:!1},sameWidth:{type:Boolean,default:!1},triggerAction:{type:String,default:r.CLICK,validator(e){return Object.values(r).includes(e)}},radius:{type:String,default:o.BOTH,validate(e){return Object.values(o).includes(e)}},placement:{type:String,default:l.BOTTOM_START,validate(e){return Object.values(l).includes(e)}},maxHeight:{type:String,default:null}},emits:["document-click","hide","show"],data(){return{key:1,isOpened:!1,DROPDOWN_RADIUSES:Object.freeze(o)}},computed:{scrollableWrapperStyles(){return{...this.maxHeight&&{maxHeight:this.maxHeight}}},options(){return{modifiers:{preventOverflow:{padding:0}},placement:this.placement,...this.sameWidth&&{onUpdate:({instance:{reference:e,popper:t}})=>{t.style.width=`${e.offsetWidth}px`}}}}},watch:{triggerAction(){this.updateKey()},sameWidth(){this.updateKey()},boundariesSelector(){this.updateKey()},placement(){this.updateKey()}},methods:{close(){this.isOpened=!1,this.$refs.popper.doClose()},updateKey(){this.key++},onHide(){this.isOpened=!1,this.$emit("hide")},onShow(){this.isOpened=!0,this.$emit("show")}}});function g(e,t,D,y,T,v){const p=f("vue-popper");return O(),c(p,{ref:"popper",key:e.key,"boundaries-selector":e.boundariesSelector,"force-show":e.forceShow,options:e.options,"visible-arrow":!1,trigger:e.triggerAction,"delay-on-mouse-out":300,onDocumentClick:t[0]||(t[0]=b=>e.$emit("document-click")),onHide:e.onHide,onShow:e.onShow},{reference:s(()=>[i(e.$slots,"reference",{isOpened:e.isOpened},void 0,!0)]),default:s(()=>[a("div",{class:n(["popper ds-dropdown",{"-ds-radiusBottom":e.radius===e.DROPDOWN_RADIUSES.BOTTOM,"-ds-radiusTop":e.radius===e.DROPDOWN_RADIUSES.TOP,"-ds-radiusBottom -ds-radiusTop":e.radius===e.DROPDOWN_RADIUSES.BOTH}])},[a("div",{class:n(["ds-dropdown__scrollableWrapper",{"-ds-heightLimited":!!e.maxHeight}]),style:h(e.scrollableWrapperStyles)},[i(e.$slots,"default",{close:e.close},void 0,!0)],6)],2)]),_:3},8,["boundaries-selector","force-show","options","trigger","onHide","onShow"])}const W=S(d,[["render",g],["__scopeId","data-v-2c4712ca"]]);d.__docgenInfo={displayName:"Dropdown",exportName:"default",description:"",tags:{},props:[{name:"boundariesSelector",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"forceShow",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"sameWidth",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"triggerAction",type:{name:"string"},defaultValue:{func:!1,value:"DROPDOWN_TRIGGER_ACTIONS.CLICK"}},{name:"radius",type:{name:"string"},defaultValue:{func:!1,value:"DROPDOWN_RADIUSES.BOTH"}},{name:"placement",type:{name:"string"},defaultValue:{func:!1,value:"DROPDOWN_PLACEMENTS.BOTTOM_START"}},{name:"maxHeight",type:{name:"string"},defaultValue:{func:!1,value:"null"}}],events:[{name:"document-click"},{name:"hide"},{name:"show"}],slots:[{name:"default",scoped:!0,bindings:[{name:"close",title:"binding"}]},{name:"reference",scoped:!0,bindings:[{name:"is-opened",title:"binding"}]}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Dropdown/Dropdown.vue"]};export{W as D,l as a,o as b,r as c};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as g,t as D,c as l,g as s,a as d,f as o,n as i,j as f,x as c,s as p,b,r as C,o as t}from"./vue.esm-bundler-DD4BrEtS.js";import{D as M}from"./Divider-9o-i_zKL.js";import{D as V}from"./Checkbox-DAOkXx1R.js";import{a as $,b as U,I as v,c as z}from"./Icon-I3Cniv10.js";import{_ as R}from"./_plugin-vue_export-helper-DlAUqK2U.js";const r={DEFAULT:"default",FLAT:"flat"},n={DEFAULT:"default",LOADING:"loading",DRAG:"drag"},m={SMALL:"small",MEDIUM:"medium"},y={DEFAULT:"default",PRIMARY:"primary",PRIMARY_WEAK:"primary-weak",NEUTRAL_HEAVY:"neutral-heavy",NEUTRAL_STRONG:"neutral-strong",NEUTRAL:"neutral",NEUTRAL_WEAK:"neutral-weak",NEUTRAL_GHOST:"neutral-ghost",DANGER:"danger",DANGER_WEAK:"danger-weak",FAIL:"fail",FAIL_WEAK:"fail-weak",WARNING:"warning",WARNING_WEAK:"warning-weak",SUCCESS:"success",SUCCESS_WEAK:"success-weak",INFO:"info",INFO_WEAK:"info-weak",ACCENT:"accent",ACCENT_WEAK:"accent-weak"},L={NEUTRAL:"neutral",NEUTRAL_WEAK:"neutral-weak"},G={SMALL:"small"},I={HORIZONTAL:"horizontal",VERTICAL:"vertical"},E=g({name:"RichListItem",components:{DsCheckbox:V,DsDivider:M,DsIcon:$},props:{type:{type:String,default:r.DEFAULT,validator(e){return Object.values(r).includes(e)}},layout:{type:String,default:I.HORIZONTAL,validator(e){return Object.values(I).includes(e)}},state:{type:String,default:n.DEFAULT,validator(e){return Object.values(n).includes(e)}},size:{type:String,default:m.MEDIUM,validator(e){return Object.values(m).includes(e)}},isInteractive:{type:Boolean,default:!0},isDimmed:{type:Boolean,default:!1},isDraggable:{type:Boolean,default:!0},icon:{type:Object,default:null,validator(e){return Object.values(v).includes(D(e))}},iconColor:{type:String,default:null,validator(e){return Object.values(z).includes(e)}},iconColorHex:{type:String,default:null},borderColor:{type:String,default:null,validator(e){return Object.values(y).includes(e)}},borderColorHex:{type:String,default:null},draggableIconClassName:{type:String,default:null},backgroundColor:{type:String,default:L.NEUTRAL,validator(e){return Object.values(L).includes(e)}},elevation:{type:String,default:null,validator(e){return Object.values(G).includes(e)}},hasDraggableHandler:{type:Boolean,default:!0},hasActionsSlotDivider:{type:Boolean,default:!0},isSelectable:{type:Boolean,default:!0},isSelected:{type:Boolean,default:!1}},emits:{"icon-click":()=>!0,click:e=>!0,"update:is-selected":e=>!0},data(){return{ICONS:Object.freeze(v),ICON_SIZES:Object.freeze(U),RICH_LIST_ITEM_TYPE:Object.freeze(r),RICH_LIST_ITEM_STATE:Object.freeze(n),RICH_LIST_ITEM_SIZE:Object.freeze(m)}},computed:{classList(){return{"-ds-default":this.type===r.DEFAULT,"-ds-flat":this.type===r.FLAT,"-ds-horizontal":this.isHorizontal,"-ds-verticalWithMedia":this.isVertical&&this.hasMedia,"-ds-vertical":this.isVertical,"-ds-loading":this.state===n.LOADING,"-ds-dimmed":this.isDimmed,"-ds-interactive":this.isInteractive,"-ds-small":this.size===m.SMALL,...this.backgroundColor&&this.type!==r.FLAT&&{[`-ds-background-${this.backgroundColor}`]:!0},...this.elevation&&this.type!==r.FLAT&&{[`-ds-elevation-${this.elevation}`]:!0},"-ds-draggable":this.isDraggable,"-ds-draggable-without-handler":this.isDraggable&&!this.hasDraggableHandler,"-ds-has-media":this.hasMedia,"-ds-drag":this.isDragging}},isHorizontal(){return this.layout===I.HORIZONTAL},isVertical(){return this.layout===I.VERTICAL},iconColorClass(){if(!(!this.iconColor||this.iconColor&&this.iconColorHex))return`-ds-${this.iconColor}`},iconColorStyle(){if(!(!this.iconColor||!this.iconColorHex))return{color:this.iconColorHex}},borderColorClass(){if(!(!this.borderColor||this.borderColorHex))return`-ds-border-${this.borderColor}`},borderColorStyle(){if(this.borderColorHex)return{backgroundColor:this.borderColorHex}},hasMedia(){return!!this.$slots.media},isDragging(){return this.isDraggable&&this.state===n.DRAG}}}),B={key:0,class:"ds-richListItem__mediaVertical -ds-dimmable"},j={class:"ds-richListItem__container -ds-dimmable"},F={key:0,class:"ds-richListItem__mediaHorizontal"},w={key:2,class:"ds-richListItem__iconWrapper"},Z={class:"ds-richListItem__content"},K={class:"ds-richListItem__rightContainer"},W={key:0,class:"ds-richListItem__metadata"},P={key:2,class:"ds-richListItem__checkbox"},Y={key:1,class:"ds-richListItem__metadata -ds-dimmable"};function X(e,a,A,O,k,N){const h=C("ds-icon"),_=C("ds-divider"),H=C("ds-checkbox");return t(),l("div",{class:i(["ds-richListItem",e.classList]),onClick:a[5]||(a[5]=u=>e.$emit("click",u))},[e.hasMedia&&e.isVertical?(t(),l("div",B,[o(e.$slots,"media",{},void 0,!0)])):s("",!0),d("div",j,[e.hasMedia&&e.isHorizontal?(t(),l("div",F,[o(e.$slots,"media",{},void 0,!0)])):s("",!0),e.isDraggable&&e.hasDraggableHandler?(t(),l("div",{key:1,class:i(["ds-richListItem__dragAndDrop",{[e.draggableIconClassName]:!!e.draggableIconClassName}])},[f(h,{icon:e.ICONS.FA_BARS,class:"ds-richListItem__dragAndDropIcon",size:e.size===e.RICH_LIST_ITEM_SIZE.SMALL?e.ICON_SIZES.XX_SMALL:e.ICON_SIZES.X_SMALL,onClick:a[0]||(a[0]=c(()=>{},["stop"]))},null,8,["icon","size"])],2)):s("",!0),e.icon?(t(),l("div",w,[f(h,{icon:e.icon,class:i(["ds-richListItem__icon",e.iconColorClass]),size:e.size===e.RICH_LIST_ITEM_SIZE.SMALL?e.ICON_SIZES.XX_SMALL:e.ICON_SIZES.X_SMALL,style:p(e.iconColorStyle),onClick:a[1]||(a[1]=c(u=>e.$emit("icon-click"),["prevent"]))},null,8,["icon","size","class","style"])])):s("",!0),d("div",Z,[o(e.$slots,"content",{},void 0,!0)]),d("div",K,[e.$slots.metadata&&e.isHorizontal?(t(),l("div",W,[o(e.$slots,"metadata",{},void 0,!0)])):s("",!0),e.$slots.actions?(t(),l("div",{key:1,class:"ds-richListItem__actionSlot",onClick:a[2]||(a[2]=c(()=>{},["stop"]))},[e.$slots.actions&&e.hasActionsSlotDivider&&e.isHorizontal?(t(),b(_,{key:0,"is-vertical":""})):s("",!0),o(e.$slots,"actions",{},void 0,!0)])):s("",!0),e.isSelectable?(t(),l("div",P,[e.isHorizontal?(t(),b(_,{key:0,"is-vertical":""})):s("",!0),f(H,{"is-selected":e.isSelected,"onUpdate:isSelected":a[3]||(a[3]=u=>e.$emit("update:is-selected",u)),onClick:a[4]||(a[4]=c(()=>{},["stop"]))},null,8,["is-selected"])])):s("",!0)])]),e.$slots.metadata&&e.isVertical?(t(),l("div",Y,[o(e.$slots,"metadata",{},void 0,!0)])):s("",!0),e.borderColorClass||e.borderColorStyle?(t(),l("div",{key:2,class:i(["ds-richListItem__border",e.borderColorClass]),style:p(e.borderColorStyle)},null,6)):s("",!0)],2)}const re=R(E,[["render",X],["__scopeId","data-v-306ca009"]]);E.__docgenInfo={displayName:"RichListItem",exportName:"default",description:"",tags:{},props:[{name:"type",type:{name:"RichListItemType"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_TYPE.DEFAULT"}},{name:"layout",type:{name:"RichListItemLayout"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_LAYOUT.HORIZONTAL"}},{name:"state",type:{name:"RichListItemState"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_STATE.DEFAULT"}},{name:"size",type:{name:"RichListItemSize"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_SIZE.MEDIUM"}},{name:"isInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isDimmed",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isDraggable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"icon",type:{name:"IconItem"},defaultValue:{func:!1,value:"null"}},{name:"iconColor",type:{name:"IconColor"},defaultValue:{func:!1,value:"null"}},{name:"iconColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"borderColor",type:{name:"RichListItemBorderColor"},defaultValue:{func:!1,value:"null"}},{name:"borderColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"draggableIconClassName",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"backgroundColor",type:{name:"RichListItemBackgroundColor"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_BACKGROUND_COLOR.NEUTRAL"}},{name:"elevation",type:{name:"RichListItemElevation"},defaultValue:{func:!1,value:"null"}},{name:"hasDraggableHandler",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"hasActionsSlotDivider",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isSelectable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"click"},{name:"icon-click"},{name:"update:is-selected"}],slots:[{name:"media"},{name:"content"},{name:"metadata"},{name:"actions"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/RichList/RichListItem/RichListItem.vue"]};const q={...y},S={...L},T=g({name:"GroupRichListItem",props:{isExpanded:{type:Boolean,default:!1},borderColor:{type:String,default:null,validator(e){return Object.values(q).includes(e)}},borderColorHex:{type:String,default:null},backgroundColor:{type:String,default:S.NEUTRAL,validator(e){return Object.values(S).includes(e)}}},computed:{classList(){return{...this.backgroundColor&&{[`-ds-background-${this.backgroundColor}`]:!0}}},borderColorClass(){if(!(!this.borderColor||this.borderColorHex))return`-ds-border-${this.borderColor}`},borderColorStyle(){if(this.borderColorHex)return{backgroundColor:this.borderColorHex}}}}),J={class:"ds-groupRichListItem__wrapper"},Q={class:"ds-groupRichListItem__parent"},x={key:0,class:"ds-groupRichListItem__children"};function ee(e,a,A,O,k,N){return t(),l("div",{class:i(["ds-groupRichListItem",e.classList])},[d("div",J,[d("div",Q,[o(e.$slots,"parent",{},void 0,!0)]),e.isExpanded?(t(),l("div",x,[o(e.$slots,"children",{},void 0,!0)])):s("",!0)]),e.borderColorClass||e.borderColorStyle?(t(),l("div",{key:0,class:i(["ds-groupRichListItem__border",e.borderColorClass]),style:p(e.borderColorStyle)},null,6)):s("",!0)],2)}const ie=R(T,[["render",ee],["__scopeId","data-v-f6870d20"]]);T.__docgenInfo={displayName:"GroupRichListItem",exportName:"default",description:"",tags:{},props:[{name:"isExpanded",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"borderColor",type:{name:"GroupRichListItemBorderColor"},defaultValue:{func:!1,value:"null"}},{name:"borderColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"backgroundColor",type:{name:"GroupRichListItemBackgroundColor"},defaultValue:{func:!1,value:"GROUP_RICH_LIST_ITEM_BACKGROUND_COLOR.NEUTRAL"}}],slots:[{name:"parent"},{name:"children"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/RichList/GroupRichListItem/GroupRichListItem.vue"]};export{ie as G,G as R,L as a,y as b,n as c,I as d,m as e,r as f,S as g,re as h,q as i};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as c,b as s,I as S}from"./Icon-I3Cniv10.js";import{h as l,B as N,i as O,I as r,f as a,b as d,g as o,D as _,d as m,c as p}from"./Button-C5dr6u6F.js";import{v as B,d as v,t as A,c as I,g as U,j as y,n as i,f as b,e as h,s as M,r as C,o as u,b as f}from"./vue.esm-bundler-DD4BrEtS.js";import{i as R}from"./device-9fgosCm4.js";import{_ as z}from"./_plugin-vue_export-helper-DlAUqK2U.js";function D(){const e=B(!1),t=R();return{isHovered:e,mouseOver(){t||(e.value=!0)},mouseLeave(){t||(e.value=!1)},touchStart(){t&&(e.value=!0)},touchEnd(){t&&(e.value=!1)}}}const g={[o.XX_SMALL]:s.XXX_SMALL,[o.X_SMALL]:s.XX_SMALL,[o.SMALL]:s.X_SMALL,[o.MEDIUM]:s.SMALL,[o.LARGE]:s.MEDIUM},E=v({name:"IconButton",components:{WnlIcon:c,WnlButton:_},props:{size:{type:String,default:o.LARGE,validator(e){return Object.values(o).includes(e)}},radius:{type:String,default:d.CAPSULE,validator(e){return Object.values(d).includes(e)}},type:{type:String,default:a.ICON_ONLY,validator(e){return Object.values(a).includes(e)}},icon:{type:Object,required:!0,validator(e){return Object.values(S).includes(A(e))}},color:{type:String,default:r.PRIMARY,validator(e){return Object.values(r).includes(e)}},colorScheme:{type:String,default:O.ALL_IN_COLOR,validator(e){return Object.values(O).includes(e)}},elevation:{type:String,default:N.NONE,validator(e){return Object.values(N).includes(e)}},touchable:{type:Boolean,default:!0},state:{type:String,default:l.DEFAULT,validator(e){return Object.values(l).includes(e)}}},setup(){return{...D()}},data(){return{ICONS:Object.freeze(S),ICON_SIZES:Object.freeze(s),ICON_BUTTON_SIZES:Object.freeze(o),ICON_BUTTON_COLOR_SCHEMES:Object.freeze(O),ICON_BUTTON_TYPES:Object.freeze(a),ICON_BUTTON_STATES:Object.freeze(l),ICON_BUTTON_COLORS:Object.freeze(r),BUTTON_COLORS:Object.freeze(p)}},computed:{iconSize(){return this.type===a.ICON_ONLY?g[this.size]:this.size===o.XX_SMALL?s.XXX_SMALL:this.size===o.X_SMALL?s.XX_SMALL:s.X_SMALL},buttonType(){return this.type===a.ICON_ONLY?m.OUTLINED:this.type},computedColor(){if(!this.isButtonColor){if(this.type===a.ICON_ONLY)return this.color;throw new Error(`Color: ${this.color} is supported only in type: "icon-only"`)}},isButtonColor(){return Object.values(r).includes(this.color)},colorClassName(){return`-ds-color-${this.color}`}}});function j(e,t,X,Y,V,P){const T=C("wnl-icon"),L=C("wnl-button");return u(),I("div",{class:i(["ds-iconButton",{"-ds-xx-small":e.size===e.ICON_BUTTON_SIZES.XX_SMALL,"-ds-x-small":e.size===e.ICON_BUTTON_SIZES.X_SMALL,"-ds-small":e.size===e.ICON_BUTTON_SIZES.SMALL,"-ds-large":e.size===e.ICON_BUTTON_SIZES.LARGE,"-ds-hovered":e.state===e.ICON_BUTTON_STATES.HOVERED,"-ds-focused":e.state===e.ICON_BUTTON_STATES.FOCUSED,"-ds-disabled":e.state===e.ICON_BUTTON_STATES.DISABLED,"-ds-loading":e.state===e.ICON_BUTTON_STATES.LOADING,[e.colorClassName]:e.isButtonColor,"-ds-touchable":e.touchable}]),style:M({color:e.computedColor}),onMouseover:t[0]||(t[0]=(...n)=>e.mouseOver&&e.mouseOver(...n)),onMouseleave:t[1]||(t[1]=(...n)=>e.mouseLeave&&e.mouseLeave(...n)),onTouchstart:t[2]||(t[2]=(...n)=>e.touchStart&&e.touchStart(...n)),onTouchend:t[3]||(t[3]=(...n)=>e.touchEnd&&e.touchEnd(...n))},[e.$slots.default&&e.type!==e.ICON_BUTTON_TYPES.ICON_ONLY?(u(),I("div",{key:0,class:i(["ds-iconButton__label",{"-ds-neutral":e.colorScheme===e.ICON_BUTTON_COLOR_SCHEMES.NEUTRAL_LABEL}])},[b(e.$slots,"default",{},void 0,!0)],2)):U("",!0),y(L,{ref:"button",class:i(["ds-iconButton__button",{"-ds-iconOnly":e.type===e.ICON_BUTTON_TYPES.ICON_ONLY,"-ds-hovered":e.state===e.ICON_BUTTON_STATES.HOVERED,"-ds-focused":e.state===e.ICON_BUTTON_STATES.FOCUSED,"-ds-disabled":e.state===e.ICON_BUTTON_STATES.DISABLED}]),radius:e.radius,type:e.buttonType,state:e.isHovered?e.ICON_BUTTON_STATES.HOVERED:e.ICON_BUTTON_STATES.DEFAULT,elevation:e.elevation,color:e.isButtonColor?e.color:null},{default:h(()=>[e.state===e.ICON_BUTTON_STATES.LOADING?(u(),f(T,{key:0,class:"ds-iconButton__icon",icon:e.ICONS.FAD_SPINNER_THIRD,size:e.iconSize,spinning:""},null,8,["icon","size"])):(u(),f(T,{key:1,class:"ds-iconButton__icon",icon:e.icon,size:e.iconSize},null,8,["icon","size"]))]),_:1},8,["class","radius","type","state","elevation","color"])],38)}const F=z(E,[["render",j],["__scopeId","data-v-75d644c5"]]);E.__docgenInfo={displayName:"IconButton",exportName:"default",description:"",tags:{},props:[{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"ICON_BUTTON_SIZES.LARGE"}},{name:"radius",type:{name:"string"},defaultValue:{func:!1,value:"BUTTON_RADIUSES.CAPSULE"}},{name:"type",type:{name:"string"},defaultValue:{func:!1,value:"ICON_BUTTON_TYPES.ICON_ONLY"}},{name:"icon",type:{name:"object"},required:!0},{name:"color",type:{name:"string"},defaultValue:{func:!1,value:"ICON_BUTTON_COLORS.PRIMARY"}},{name:"colorScheme",type:{name:"string"},defaultValue:{func:!1,value:"ICON_BUTTON_COLOR_SCHEMES.ALL_IN_COLOR"}},{name:"elevation",type:{name:"string"},defaultValue:{func:!1,value:"BUTTON_ELEVATIONS.NONE"}},{name:"touchable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"state",type:{name:"string"},defaultValue:{func:!1,value:"ICON_BUTTON_STATES.DEFAULT"}}],slots:[{name:"default"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Buttons/IconButton/IconButton.vue"]};export{F as I};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as y,F as g,b as C}from"./FeatureIcon-BoUhuGOr.js";import{b as A,I as d}from"./Icon-I3Cniv10.js";import{a as u,D as L,c as i,I as k,d as N,B as U}from"./Button-C5dr6u6F.js";import{I as M}from"./IconButton-BPKB5gT7.js";import{d as D,t as f,b as c,a as n,n as m,f as b,j as F,x as B,c as r,g as a,r as S,k as s,e as p,p as R,T as j,o as t,l as O}from"./vue.esm-bundler-DD4BrEtS.js";import{_ as V}from"./_plugin-vue_export-helper-DlAUqK2U.js";const I={SMALL:"small",MEDIUM:"medium"},E={SMALL:"small",MEDIUM:"medium"},h=D({name:"Modal",components:{FeatureIcon:g,WnlButton:L,WnlIconButton:M},props:{size:{type:String,default:I.MEDIUM,validator:e=>Object.values(I).includes(e)},danger:{type:Boolean,default:!1},headerTitleSize:{type:String,default:E.MEDIUM,validator:e=>Object.values(E).includes(e)},headerTitle:{type:String,default:null},headerSubtitle:{type:String,default:null},headerFeatureIcon:{type:Object,default:null,validator(e){return Object.values(d).includes(f(e))}},headerFeatureIconColor:{type:String,default:y.NEUTRAL,validator(e){return Object.values(y).includes(e)}},contentCentered:{type:Boolean,default:!1},headerImage:{type:String,default:null},footerPrimaryButtonText:{type:String,default:null},footerPrimaryButtonIcon:{type:Object,default:null,validator(e){return Object.values(d).includes(f(e))}},footerPrimaryButtonState:{type:String,default:u.DEFAULT,validator(e){return Object.values(u).includes(e)}},footerSecondaryButtonText:{type:String,default:null},footerSecondaryButtonIcon:{type:Object,default:null,validator(e){return Object.values(d).includes(f(e))}},footerSecondaryButtonState:{type:String,default:u.DEFAULT,validator(e){return Object.values(u).includes(e)}},footerTertiaryButtonText:{type:String,default:null},footerTertiaryButtonIcon:{type:Object,default:null,validator(e){return Object.values(d).includes(f(e))}},footerTertiaryButtonState:{type:String,default:u.DEFAULT,validator(e){return Object.values(u).includes(e)}},footerCheckboxText:{type:String,default:null}},emits:["tertiary-button-click","checkbox-change","close-modal","secondary-button-click","primary-button-click"],data(){return{BUTTON_COLORS:Object.freeze(i),BUTTON_ELEVATIONS:Object.freeze(U),BUTTON_TYPES:Object.freeze(N),ICONS:Object.freeze(d),ICON_BUTTON_COLORS:Object.freeze(k),ICON_SIZES:Object.freeze(A),MODAL_SIZES:Object.freeze(I),MODAL_HEADER_TITLE_SIZES:Object.freeze(E),FEATURE_ICON_SIZES:Object.freeze(C)}},computed:{calcHeaderFeatureIconColor(){return this.danger?y.DANGER:this.headerFeatureIconColor},calcFooterPrimaryButtonColor(){return this.danger?i.NEUTRAL:i.PRIMARY},calcFooterSecondaryButtonColor(){return this.danger?i.DANGER:i.NEUTRAL},calcSingleColumn(){return!((this.footerTertiaryButtonText||this.footerCheckboxText)&&(this.footerSecondaryButtonText||this.footerPrimaryButtonText))},displayFooter(){return this.footerTertiaryButtonText||this.footerCheckboxText||this.footerSecondaryButtonText||this.footerPrimaryButtonText}}}),P={class:"ds-modal__rightActions"},z={class:"ds-modal__scrollableWrapper"},$=["src"],Z={key:0,class:"ds-modal__header"},w={key:1,class:"ds-modal__headerSubtitle"},H={key:1,class:"ds-modal__slotContent"},Y={key:0,class:"ds-modal__footerCtaSecondary"},W={key:0,class:"ds-modal__checkbox"},X={for:"ds-modal__checkboxInput",class:"ds-modal__checkboxLabel"},G={key:1,class:"ds-modal__footerCtaPrimary"};function K(e,o,q,J,Q,x){const _=S("wnl-icon-button"),v=S("feature-icon"),T=S("wnl-button");return t(),c(j,{to:"body"},[n("div",R({class:"ds-modal"},e.$attrs,{onClick:o[5]||(o[5]=B(l=>e.$emit("close-modal"),["self"]))}),[n("div",{class:m(["ds-modal__wrapper",{"-ds-small":e.size===e.MODAL_SIZES.SMALL}])},[n("div",P,[b(e.$slots,"rightActions",{},void 0,!0),F(_,{touchable:"",icon:e.ICONS.FA_XMARK,size:e.ICON_SIZES.SMALL,elevation:e.BUTTON_ELEVATIONS.X_SMALL,color:e.ICON_BUTTON_COLORS.NEUTRAL_WEAK,onClick:o[0]||(o[0]=B(l=>e.$emit("close-modal"),["stop"]))},null,8,["icon","size","elevation","color"])]),n("div",z,[e.headerImage?(t(),r("img",{key:0,class:"ds-modal__image",src:e.headerImage,alt:""},null,8,$)):a("",!0),n("div",{class:m(["ds-modal__content",{"-ds-centered":e.contentCentered}])},[e.headerTitle?(t(),r("div",Z,[e.headerFeatureIcon?(t(),c(v,{key:0,class:"ds-modal__headerFeatureIcon",color:e.calcHeaderFeatureIconColor,icon:e.headerFeatureIcon,size:e.FEATURE_ICON_SIZES.X_LARGE,"double-background":""},null,8,["color","icon","size"])):a("",!0),n("h4",{class:m(["ds-modal__headerTitle",{"-ds-small":e.headerTitleSize===e.MODAL_HEADER_TITLE_SIZES.SMALL}])},s(e.headerTitle),3),e.headerSubtitle?(t(),r("h5",w,s(e.headerSubtitle),1)):a("",!0)])):a("",!0),e.$slots.default?(t(),r("div",H,[b(e.$slots,"default",{},void 0,!0)])):a("",!0),e.displayFooter?(t(),r("div",{key:2,class:m(["ds-modal__footer",{"-ds-singleColumn":e.calcSingleColumn}])},[e.footerTertiaryButtonText||e.footerCheckboxText?(t(),r("div",Y,[e.footerCheckboxText?(t(),r("div",W,[n("input",{id:"ds-modal__checkboxInput",type:"checkbox",checked:!1,onChange:o[1]||(o[1]=l=>e.$emit("checkbox-change",l.target.checked))},null,32),n("label",X,s(e.footerCheckboxText),1)])):a("",!0),e.footerTertiaryButtonText?(t(),c(T,{key:1,type:e.BUTTON_TYPES.TEXT,color:e.BUTTON_COLORS.NEUTRAL,"icon-left":e.footerTertiaryButtonIcon,state:e.footerTertiaryButtonState,class:"ds-modal__tertiaryButton",onClick:o[2]||(o[2]=l=>e.$emit("tertiary-button-click"))},{default:p(()=>[O(s(e.footerTertiaryButtonText),1)]),_:1},8,["type","color","icon-left","state"])):a("",!0)])):a("",!0),e.footerSecondaryButtonText||e.footerPrimaryButtonText?(t(),r("div",G,[e.footerSecondaryButtonText?(t(),c(T,{key:0,type:e.BUTTON_TYPES.OUTLINED,color:e.calcFooterSecondaryButtonColor,"icon-right":e.footerSecondaryButtonIcon,state:e.footerSecondaryButtonState,onClick:o[3]||(o[3]=l=>e.$emit("secondary-button-click"))},{default:p(()=>[O(s(e.footerSecondaryButtonText),1)]),_:1},8,["type","color","icon-right","state"])):a("",!0),e.footerPrimaryButtonText?(t(),c(T,{key:1,color:e.calcFooterPrimaryButtonColor,"icon-right":e.footerPrimaryButtonIcon,state:e.footerPrimaryButtonState,onClick:o[4]||(o[4]=l=>e.$emit("primary-button-click"))},{default:p(()=>[O(s(e.footerPrimaryButtonText),1)]),_:1},8,["color","icon-right","state"])):a("",!0)])):a("",!0)],2)):a("",!0)],2)])],2)],16)])}const le=V(h,[["render",K],["__scopeId","data-v-d4d930ed"]]);h.__docgenInfo={displayName:"Modal",exportName:"default",description:"",tags:{},props:[{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"MODAL_SIZES.MEDIUM"}},{name:"danger",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"headerTitleSize",type:{name:"string"},defaultValue:{func:!1,value:"MODAL_HEADER_TITLE_SIZES.MEDIUM"}},{name:"headerTitle",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"headerSubtitle",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"headerFeatureIcon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"headerFeatureIconColor",type:{name:"string"},defaultValue:{func:!1,value:"FEATURE_ICON_COLOR.NEUTRAL"}},{name:"contentCentered",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"headerImage",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"footerPrimaryButtonText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"footerPrimaryButtonIcon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"footerPrimaryButtonState",type:{name:"string"},defaultValue:{func:!1,value:"BUTTON_STATES.DEFAULT"}},{name:"footerSecondaryButtonText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"footerSecondaryButtonIcon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"footerSecondaryButtonState",type:{name:"string"},defaultValue:{func:!1,value:"BUTTON_STATES.DEFAULT"}},{name:"footerTertiaryButtonText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"footerTertiaryButtonIcon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"footerTertiaryButtonState",type:{name:"string"},defaultValue:{func:!1,value:"BUTTON_STATES.DEFAULT"}},{name:"footerCheckboxText",type:{name:"string"},defaultValue:{func:!1,value:"null"}}],events:[{name:"close-modal"},{name:"checkbox-change"},{name:"tertiary-button-click"},{name:"secondary-button-click"},{name:"primary-button-click"}],slots:[{name:"rightActions"},{name:"default"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Modals/Modal/Modal.vue"]};export{le as D,E as M,I as a};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as n,b as i,D as o}from"./Divider-9o-i_zKL.js";import{d as r,c as a,j as d,r as l,o as c}from"./vue.esm-bundler-DD4BrEtS.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s=r({name:"OutlineDivider",components:{DsDivider:o},props:{prominence:{type:String,default:i.DEFAULT,validator:e=>Object.values(i).includes(e)},size:{type:String,default:n.S,validator:e=>Object.values(n).includes(e)}}}),u={class:"ds-outlineDivider"};function m(e,f,_,v,D,I){const t=l("ds-divider");return c(),a("div",u,[d(t,{prominence:e.prominence,size:e.size},null,8,["prominence","size"])])}const g=p(s,[["render",m],["__scopeId","data-v-1ff70e1d"]]);s.__docgenInfo={displayName:"OutlineDivider",exportName:"default",description:"",tags:{},props:[{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/Outline/OutlineDivider/OutlineDivider.vue"]};export{g as O};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{I as L}from"./IconButton-BPKB5gT7.js";import{D as A,b as C}from"./Divider-9o-i_zKL.js";import{D as I,a as f}from"./Dropdown-CYFZ3OvV.js";import{D as b}from"./Skeleton-DhyJ4ZKG.js";import{T as D,a as g}from"./Tooltip-DZi9yXjr.js";import{h as w,I as H,g as h}from"./Button-C5dr6u6F.js";import{I as u}from"./Icon-I3Cniv10.js";import{d as k,t as U,c as o,g as t,j as r,f as n,a as d,n as T,k as _,F as R,e as c,r as l,o as s}from"./vue.esm-bundler-DD4BrEtS.js";import{_ as B}from"./_plugin-vue_export-helper-DlAUqK2U.js";const p={NEUTRAL_GHOST:"neutralGhost",NEUTRAL:"neutral",SUCCESS:"success",FAIL:"fail",WARNING:"warning"},O={DEFAULT:"default",LOADING:"loading"},V=e=>(e==null?void 0:e.tagName)==="INPUT"||(e==null?void 0:e.tagName)==="SELECT"||(e==null?void 0:e.tagName)==="TEXTAREA"||!!(e!=null&&e.isContentEditable),S=k({name:"OverlayHeader",components:{DsIconButton:L,DsDivider:A,DsDropdown:I,DsSkeleton:b,DsTooltip:D},props:{title:{type:String,required:!0},shortTitle:{type:String,default:null},eyebrowText:{type:String,default:null},borderColor:{type:String,default:p.NEUTRAL_GHOST,validator:e=>Object.values(p).includes(e)},isTitleInteractive:{type:Boolean,default:!1},state:{type:String,default:O.DEFAULT,validator(e){return Object.values(O).includes(e)}},dropdownIcon:{type:Object,default:()=>u.FA_ELLIPSIS_VERTICAL,validator(e){return Object.values(u).includes(U(e))}}},emits:{close:()=>!0,titleClick:()=>!0},data(){return{ICON_BUTTON_SIZES:Object.freeze(h),ICON_BUTTON_COLORS:Object.freeze(H),ICON_BUTTON_STATES:Object.freeze(w),ICONS:Object.freeze(u),DIVIDER_PROMINENCES:Object.freeze(C),OVERLAY_HEADER_BORDER_COLORS:Object.freeze(p),OVERLAY_HEADER_STATES:Object.freeze(O),DROPDOWN_PLACEMENTS:Object.freeze(f),isDropdownOpen:!1,TOOLTIP_PLACEMENTS:Object.freeze(g)}},computed:{isLoading(){return this.state===O.LOADING}},beforeUnmount(){window.removeEventListener("keydown",this.onKeydown)},mounted(){window.addEventListener("keydown",this.onKeydown)},methods:{onKeydown(e){if(!V(e.target))switch(e.key){case"q":case"Q":e.stopPropagation(),this.$emit("close");break}},onTitleClick(){this.isTitleInteractive&&this.$emit("titleClick")}}}),$={key:0,class:"ds-overlayHeader__loadingWrapper"},P={key:1,class:"ds-overlayHeader__accessory"},j={key:2,class:"ds-overlayHeader__content"},M={key:0,class:"ds-overlayHeader__eyebrow"},z=["title"],F={key:1,class:"ds-overlayHeader__eyebrowAccessory"},G={class:"ds-overlayHeader__main"},Y={key:0,class:"ds-overlayHeader__titleLeading"},W=["title"],Z={class:"ds-overlayHeader__title -ds-desktop"},K={class:"ds-overlayHeader__title -ds-mobile"},q={key:2,class:"ds-overlayHeader__titleTrailingWrapper"},Q={class:"ds-overlayHeader__titleTrailing"},X={class:"ds-overlayHeader__actions"};function J(e,a,x,ee,oe,se){const E=l("ds-skeleton"),y=l("ds-divider"),v=l("ds-icon-button"),N=l("ds-dropdown"),m=l("ds-tooltip");return s(),o("div",{class:T(["ds-overlayHeader",{"-ds-borderNeutral":e.borderColor===e.OVERLAY_HEADER_BORDER_COLORS.NEUTRAL,"-ds-borderSuccess":e.borderColor===e.OVERLAY_HEADER_BORDER_COLORS.SUCCESS,"-ds-borderFail":e.borderColor===e.OVERLAY_HEADER_BORDER_COLORS.FAIL,"-ds-borderWarning":e.borderColor===e.OVERLAY_HEADER_BORDER_COLORS.WARNING}])},[e.isLoading?(s(),o("div",$,[r(E,{width:"50%",height:"12px"}),r(E,{class:"ds-overlayHeader__loadingBar -ds-desktop",width:"100%",height:"20px"}),r(E,{class:"ds-overlayHeader__loadingBar -ds-mobile",width:"100%",height:"18px"})])):t("",!0),!e.isLoading&&e.$slots.accessory?(s(),o("div",P,[n(e.$slots,"accessory",{},void 0,!0)])):t("",!0),e.isLoading?t("",!0):(s(),o("div",j,[e.eyebrowText||e.$slots.eyebrowAccessory?(s(),o("div",M,[e.eyebrowText?(s(),o("div",{key:0,class:T(["ds-overlayHeader__eyebrowText",{"-ds-withRightMargin":e.$slots.eyebrowAccessory}]),title:e.eyebrowText},_(e.eyebrowText),11,z)):t("",!0),e.$slots.eyebrowAccessory?(s(),o("div",F,[n(e.$slots,"eyebrowAccessory",{},void 0,!0)])):t("",!0)])):t("",!0),d("div",G,[e.$slots.titleLeading?(s(),o("div",Y,[n(e.$slots,"titleLeading",{},void 0,!0)])):t("",!0),e.title||e.shortTitle?(s(),o("div",{key:1,class:T(["ds-overlayHeader__titleWrapper",{"-ds-interactive":e.isTitleInteractive}]),title:e.title,onClick:a[0]||(a[0]=(...i)=>e.onTitleClick&&e.onTitleClick(...i))},[d("div",Z,_(e.title),1),d("div",K,_(e.shortTitle||e.title),1)],10,W)):t("",!0),e.$slots.titleTrailing?(s(),o("div",q,[d("div",Q,[n(e.$slots,"titleTrailing",{},void 0,!0)])])):t("",!0)])])),!e.isLoading&&e.$slots.actions?(s(),o(R,{key:3},[d("div",X,[n(e.$slots,"actions",{},void 0,!0)]),r(y,{class:"ds-overlayHeader__divider -ds-mobileHidden",prominence:e.DIVIDER_PROMINENCES.STRONG,"is-vertical":""},null,8,["prominence"])],64)):t("",!0),!e.isLoading&&e.$slots.dropdown?(s(),o(R,{key:4},[r(N,{"boundaries-selector":"body",placement:e.DROPDOWN_PLACEMENTS.BOTTOM_END,onShow:a[1]||(a[1]=i=>e.isDropdownOpen=!0),onHide:a[2]||(a[2]=i=>e.isDropdownOpen=!1)},{reference:c(()=>[r(v,{icon:e.dropdownIcon,size:e.ICON_BUTTON_SIZES.MEDIUM,color:e.ICON_BUTTON_COLORS.NEUTRAL,state:e.isDropdownOpen?e.ICON_BUTTON_STATES.HOVERED:e.ICON_BUTTON_STATES.DEFAULT},null,8,["icon","size","color","state"])]),default:c(({close:i})=>[n(e.$slots,"dropdown",{close:i},void 0,!0)]),_:3},8,["placement"]),r(y,{class:"ds-overlayHeader__divider",prominence:e.DIVIDER_PROMINENCES.STRONG,"is-vertical":""},null,8,["prominence"])],64)):t("",!0),r(m,{"is-pointer-visible":!1,placement:e.TOOLTIP_PLACEMENTS.LEFT,text:"Zamknij — Q"},{default:c(()=>[r(v,{"data-test-selector":"overlay-header-close-button",icon:e.ICONS.FA_XMARK,size:e.ICON_BUTTON_SIZES.MEDIUM,color:e.ICON_BUTTON_COLORS.NEUTRAL,onClick:a[3]||(a[3]=i=>e.$emit("close"))},null,8,["icon","size","color"])]),_:1},8,["placement"])],2)}const ue=B(S,[["render",J],["__scopeId","data-v-fd621d71"]]);S.__docgenInfo={displayName:"OverlayHeader",exportName:"default",description:"",tags:{},props:[{name:"title",type:{name:"string"},required:!0},{name:"shortTitle",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"eyebrowText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"borderColor",type:{name:"string"},defaultValue:{func:!1,value:"OVERLAY_HEADER_BORDER_COLORS.NEUTRAL_GHOST"}},{name:"isTitleInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"state",type:{name:"string"},defaultValue:{func:!1,value:"OVERLAY_HEADER_STATES.DEFAULT"}},{name:"dropdownIcon",type:{name:"object"},defaultValue:{func:!0,value:"() => ICONS.FA_ELLIPSIS_VERTICAL"}}],events:[{name:"close"},{name:"titleClick"}],slots:[{name:"accessory"},{name:"eyebrowAccessory"},{name:"titleLeading"},{name:"titleTrailing"},{name:"actions"},{name:"dropdown",scoped:!0,bindings:[{name:"close",title:"binding"}]}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue"]};export{ue as O,O as a,p as b};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as u,b as i,r,o as d}from"./vue.esm-bundler-DD4BrEtS.js";import{S as p,a as c,b as f,c as m}from"./SelectionControl-CwdtLuOD.js";import{I as O}from"./Icon-I3Cniv10.js";import{_ as T}from"./_plugin-vue_export-helper-DlAUqK2U.js";const o={...c},a={...p},s=u({name:"RadioButton",components:{SelectionControl:f},props:{size:{type:String,default:o.SMALL,validator(e){return Object.values(o).includes(e)}},label:{type:String,default:null},isSelected:{type:Boolean,default:!1},state:{type:String,default:a.DEFAULT,validator(e){return Object.values(a).includes(e)}}},emits:["update:is-selected","input:focus","input:blur"],data(){return{ICONS:Object.freeze(O),SELECTION_CONTROL_TYPE:Object.freeze(m)}}});function S(e,t,I,E,b,C){const l=r("selection-control");return d(),i(l,{size:e.size,label:e.label,"is-selected":e.isSelected,"selected-icon":e.ICONS.FA_DOT_CIRCLE_SOLID,"not-selected-icon":e.ICONS.FA_CIRCLE,state:e.state,type:e.SELECTION_CONTROL_TYPE.RADIO_BUTTON,"onUpdate:isSelected":t[0]||(t[0]=n=>e.$emit("update:is-selected",n)),"onInput:focus":t[1]||(t[1]=n=>e.$emit("input:focus")),"onInput:blur":t[2]||(t[2]=n=>e.$emit("input:blur"))},null,8,["size","label","is-selected","selected-icon","not-selected-icon","state","type"])}const _=T(s,[["render",S]]);s.__docgenInfo={displayName:"RadioButton",exportName:"default",description:"",tags:{},props:[{name:"size",type:{name:"RadioButtonSize"},defaultValue:{func:!1,value:"RADIO_BUTTON_SIZE.SMALL"}},{name:"label",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"state",type:{name:"RadioButtonState"},defaultValue:{func:!1,value:"RADIO_BUTTON_STATE.DEFAULT"}}],events:[{name:"update:is-selected"},{name:"input:focus"},{name:"input:blur"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Form/RadioButton/RadioButton.vue"]};const y=Object.freeze(Object.defineProperty({__proto__:null,default:_},Symbol.toStringTag,{value:"Module"}));export{_ as R,a,o as b,y as c};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as s,c as i,k as a,n,o}from"./vue.esm-bundler-DD4BrEtS.js";import{_ as r}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t=s({name:"SelectListSectionTitle",props:{label:{type:String,required:!0},isUppercase:{type:Boolean,default:!0}}});function l(e,c,p,d,m,u){return o(),i("div",{class:n(["ds-selectListSectionTitle",{"-ds-isUppercase":e.isUppercase}])},a(e.label),3)}const _=r(t,[["render",l],["__scopeId","data-v-eb1d7ae5"]]);t.__docgenInfo={displayName:"SelectListSectionTitle",exportName:"default",description:"",tags:{},props:[{name:"label",type:{name:"string"},required:!0},{name:"isUppercase",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/SelectList/SelectListSectionTitle/SelectListSectionTitle.vue"]};export{_ as S};
|