@bethinkpl/design-system 26.0.0 → 26.1.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/.github/workflows/build-to-review-on-trigger.yml +2 -2
- package/.github/workflows/storybook.yml +1 -0
- package/dist/design-system.umd.cjs +18 -18
- package/dist/design-system.umd.cjs.map +1 -1
- package/dist/lib/js/components/BadgeScore/BadgeScore.vue.d.ts +86 -8
- package/dist/lib/js/components/Banner/Banner.vue.d.ts +1169 -9
- package/dist/lib/js/components/Buttons/Button/Button.vue.d.ts +90 -8
- package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +436 -9
- package/dist/lib/js/components/Cards/Card/Card.vue.d.ts +89 -6
- package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +258 -6
- package/dist/lib/js/components/Chip/Chip.vue.d.ts +787 -9
- package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +787 -1
- package/dist/lib/js/components/DatePickers/DatePickerBox/DatePickerBox.vue.d.ts +315 -1
- package/dist/lib/js/components/Divider/Divider.vue.d.ts +5 -5
- package/dist/lib/js/components/Drawer/Drawer.vue.d.ts +5 -5
- package/dist/lib/js/components/Drawer/DrawerContent/DrawerContent.vue.d.ts +1 -1
- package/dist/lib/js/components/Drawer/DrawerDivider/DrawerDivider.vue.d.ts +48 -4
- package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue.d.ts +2542 -1
- package/dist/lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue.d.ts +85 -8
- package/dist/lib/js/components/Drawer/DrawerListItemGroup/DrawerListItemGroup.vue.d.ts +1 -1
- package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts +1099 -9
- package/dist/lib/js/components/Drawer/DrawerTile/DrawerTile.vue.d.ts +434 -5
- package/dist/lib/js/components/Dropdown/Dropdown.vue.d.ts +31 -1
- package/dist/lib/js/components/Form/Checkbox/Checkbox.vue.d.ts +118 -9
- package/dist/lib/js/components/Form/RadioButton/RadioButton.vue.d.ts +118 -9
- package/dist/lib/js/components/Form/SelectionControl/SelectionControl.vue.d.ts +89 -9
- package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +898 -9
- package/dist/lib/js/components/Headers/PageHeader/PageHeader.vue.d.ts +50 -8
- package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts +836 -9
- package/dist/lib/js/components/IconText/IconText.vue.d.ts +112 -1
- package/dist/lib/js/components/Icons/FeatureIcon/FeatureIcon.vue.d.ts +85 -8
- package/dist/lib/js/components/Icons/Icon/Icon.vue.d.ts +7 -5
- package/dist/lib/js/components/Image/Image.vue.d.ts +48 -14
- package/dist/lib/js/components/Layouts/ThreeColumnLayout/ThreeColumnLayout.vue.d.ts +12 -9
- package/dist/lib/js/components/LoadingBar/LoadingBar.vue.d.ts +5 -5
- package/dist/lib/js/components/Modal/Modal.vue.d.ts +85 -6
- package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +1161 -9
- package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +1443 -9
- package/dist/lib/js/components/Outline/OutlineDivider/OutlineDivider.vue.d.ts +48 -4
- package/dist/lib/js/components/Outline/OutlineItem/OutlineItem.vue.d.ts +95 -8
- package/dist/lib/js/components/Outline/OutlineSectionHeader/OutlineSectionHeader.vue.d.ts +3 -3
- package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +1051 -9
- package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +325 -1
- package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.vue.d.ts +309 -1
- package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +926 -9
- package/dist/lib/js/components/RichList/GroupRichListItem/GroupRichListItem.vue.d.ts +7 -7
- package/dist/lib/js/components/RichList/RichListItem/RichListItem.consts.d.ts +2 -0
- package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts +473 -9
- package/dist/lib/js/components/SectionTitle/SectionTitle.vue.d.ts +4 -4
- package/dist/lib/js/components/SelectList/SelectList.vue.d.ts +1 -1
- package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.vue.d.ts +89 -8
- package/dist/lib/js/components/SelectList/SelectListItemDivider/SelectListItemDivider.vue.d.ts +45 -1
- package/dist/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue.d.ts +433 -4
- package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts +323 -8
- package/dist/lib/js/components/SelectList/SelectListSectionTitle/SelectListSectionTitle.vue.d.ts +4 -4
- package/dist/lib/js/components/SelectionTile/SelectionTile.vue.d.ts +849 -9
- package/dist/lib/js/components/Skeleton/Skeleton.vue.d.ts +8 -6
- package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +83 -4
- package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +83 -4
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +1567 -9
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +1946 -1
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionTextarea.vue.d.ts +6 -6
- package/dist/lib/js/components/SurveyToggle/SurveyToggle.vue.d.ts +88 -8
- package/dist/lib/js/components/Switch/Switch.vue.d.ts +93 -9
- package/dist/lib/js/components/TabItem/TabItem.vue.d.ts +102 -1
- package/dist/lib/js/components/TextGroup/TextGroup.vue.d.ts +48 -5
- package/dist/lib/js/components/Tile/Tile.vue.d.ts +84 -5
- package/dist/lib/js/components/Toggles/CounterToggle/CounterToggle.vue.d.ts +86 -8
- package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts +96 -9
- package/dist/lib/js/components/Tooltip/Tooltip.vue.d.ts +5 -7
- package/dist/lib/js/composables/hover-state.d.ts +11 -0
- package/dist/lib/js/utils/device.d.ts +1 -0
- package/docs/.nojekyll +0 -0
- package/docs/assets/AccessStatus-CZ2wkKUN.js +1 -0
- package/docs/assets/{AccessStatus.stories-A4chErGN.js → AccessStatus.stories-DqLttI6G.js} +1 -1
- package/docs/assets/BadgeScore-Cb8Vr0p3.js +1 -0
- package/docs/assets/{BadgeScore.stories-BPXCKVhC.js → BadgeScore.stories-VUIYoC0K.js} +1 -1
- package/docs/assets/{Banner-pfk44IPM.js → Banner-C_-ztwHr.js} +1 -1
- package/docs/assets/{Banner.stories-c-gBrIO8.js → Banner.stories-DEpqpjNt.js} +2 -2
- package/docs/assets/{BasicRichListItem-AsTA4Bbi.js → BasicRichListItem-CL431QeF.js} +1 -1
- package/docs/assets/{BasicRichListItem.stories-Czwcv5qI.js → BasicRichListItem.stories-DJhpvSDZ.js} +2 -2
- package/docs/assets/BlockadeStatus-D0rB6KRL.js +1 -0
- package/docs/assets/{BlockedeStatus.stories-D1nV7jtn.js → BlockedeStatus.stories--W5rj6m4.js} +1 -1
- package/docs/assets/{Button-CsOCHUpA.js → Button-BfC5uvwA.js} +1 -1
- package/docs/assets/{Button.stories-DgRYxfVM.js → Button.stories-CI72rNoF.js} +1 -1
- package/docs/assets/{Card-0zLvVdOd.js → Card-BNrHU9qb.js} +1 -1
- package/docs/assets/{Card.stories-Cgb9afRr.js → Card.stories-Tu0NJeHc.js} +1 -1
- package/docs/assets/{CardExpandable-BcHS7iI4.js → CardExpandable-CyaYxO0k.js} +1 -1
- package/docs/assets/{CardExpandable.stories-ClQ_GXJM.js → CardExpandable.stories-BnMu24tF.js} +1 -1
- package/docs/assets/Checkbox-Bqk4dEqh.js +1 -0
- package/docs/assets/{Checkbox.stories-B5xH1dQS.js → Checkbox.stories-D8ttSHbp.js} +1 -1
- package/docs/assets/{Chip-DseOCaPi.js → Chip-DBH11WGD.js} +1 -1
- package/docs/assets/Chip.stories-Dd2KHKo0.js +43 -0
- package/docs/assets/{Color-ERTF36HU-CEwQ7ils.js → Color-ERTF36HU-Dpy8vc_W.js} +1 -1
- package/docs/assets/{Colors.stories--ryhtG1d.js → Colors.stories-V9xulpl8.js} +1 -1
- package/docs/assets/{ColorsThemes.stories-B2HLeH6E.js → ColorsThemes.stories-DULXUm6A.js} +1 -1
- package/docs/assets/{ColorsTokensLms.stories-PMBYT2Fm.js → ColorsTokensLms.stories-D7S65YJS.js} +1 -1
- package/docs/assets/{ColorsTokensPrimaryBodywork.stories-lUhDu8iE.js → ColorsTokensPrimaryBodywork.stories-D_vwh3Jq.js} +1 -1
- package/docs/assets/{ColorsTokensPrimaryWnl.stories-BOkFFvy-.js → ColorsTokensPrimaryWnl.stories-BXkcRNQy.js} +1 -1
- package/docs/assets/CounterToggle-RylBZadb.js +1 -0
- package/docs/assets/{CounterToggle.stories-D0X3HsZN.js → CounterToggle.stories-D_-AsS4y.js} +1 -1
- package/docs/assets/{DatePicker-DbSgTVrt.js → DatePicker-5MRZAjkX.js} +1 -1
- package/docs/assets/{DatePicker.stories-D8DNdcyv.js → DatePicker.stories-D7a156oj.js} +1 -1
- package/docs/assets/{Divider-DTjC3ra5.js → Divider-BPqXVinF.js} +1 -1
- package/docs/assets/{Divider.stories-BNCc0JbE.js → Divider.stories-D-I6wDB1.js} +1 -1
- package/docs/assets/{DocsRenderer-CFRXHY34-CNTnQBH9.js → DocsRenderer-CFRXHY34-C1Auldw2.js} +5 -5
- package/docs/assets/{Drawer-BYqj8cV4.js → Drawer-DbwdfqO9.js} +1 -1
- package/docs/assets/{Drawer.stories-BNJN0Caf.js → Drawer.stories-CA7ckJHC.js} +1 -1
- package/docs/assets/{DrawerContent-COb49qeQ.js → DrawerContent-BGc6gxGX.js} +1 -1
- package/docs/assets/{DrawerContent.stories-Gr488XWC.js → DrawerContent.stories-DQul9BkA.js} +1 -1
- package/docs/assets/{DrawerDivider-D9zRMkgT.js → DrawerDivider-CtJq0tq6.js} +1 -1
- package/docs/assets/{DrawerDivider.stories-DaQB6xx1.js → DrawerDivider.stories-DM3Aqadb.js} +1 -1
- package/docs/assets/DrawerHeader-B5vYU2PL.js +1 -0
- package/docs/assets/{DrawerHeader.stories-B-kfnc8L.js → DrawerHeader.stories-cpfS-wBt.js} +2 -2
- package/docs/assets/{DrawerListItem-BzhOaTw8.js → DrawerListItem-0fUrCEXt.js} +1 -1
- package/docs/assets/{DrawerListItem.stories-BR2imSXv.js → DrawerListItem.stories-CmJW1Uss.js} +1 -1
- package/docs/assets/{DrawerListItemGroup-BCNB2SNG.js → DrawerListItemGroup-CLrc_eJs.js} +1 -1
- package/docs/assets/{DrawerListItemGroup.stories-BfJA4Bq4.js → DrawerListItemGroup.stories-bG34xd5v.js} +1 -1
- package/docs/assets/{DrawerSection-Ch4ErDvj.js → DrawerSection-DFvcNR71.js} +1 -1
- package/docs/assets/{DrawerSection.stories-Ef8aAdAo.js → DrawerSection.stories-DVELqRM_.js} +3 -3
- package/docs/assets/{DrawerTile-CeAdewpT.js → DrawerTile-BJkMh2fU.js} +1 -1
- package/docs/assets/{DrawerTile.stories-uxygnddh.js → DrawerTile.stories-B8kWqDLf.js} +1 -1
- package/docs/assets/{Dropdown-DS0OpB3n.js → Dropdown-Dt2QFB2U.js} +1 -1
- package/docs/assets/{Dropdown.stories-936LE7zU.js → Dropdown.stories-CDrmWXHI.js} +1 -1
- package/docs/assets/{FeatureIcon-CxqWcu_D.js → FeatureIcon-B47w4DBU.js} +1 -1
- package/docs/assets/{FeatureIcon.stories-C6RgjKe5.js → FeatureIcon.stories-DfNuwkfR.js} +1 -1
- package/docs/assets/GroupRichListItem-DSTlJwlb.js +1 -0
- package/docs/assets/{GroupRichListItem.stories-Bvk4uehJ.js → GroupRichListItem.stories-C82L7KHk.js} +1 -1
- package/docs/assets/Icon-6eu_szpS.js +761 -0
- package/docs/assets/{Icon.stories-ClMbmaEN.js → Icon.stories-D0Y2RyrD.js} +1 -1
- package/docs/assets/IconButton-BO-CETCB.js +1 -0
- package/docs/assets/{IconButton.stories-BDjR2DI5.js → IconButton.stories-C6kjifNZ.js} +4 -4
- package/docs/assets/{IconText-BEY1NH1U.js → IconText-DF43QOY-.js} +1 -1
- package/docs/assets/{IconText.stories-o_hUTU4U.js → IconText.stories-B7IYW_LU.js} +1 -1
- package/docs/assets/Image-DjWPx_Cm.js +1 -0
- package/docs/assets/{Image.stories-Ca8vDRY9.js → Image.stories-Cs6xAQBK.js} +1 -1
- package/docs/assets/{ItemsList-DIgoGL1q.js → ItemsList-BRCXeyjX.js} +1 -1
- package/docs/assets/LoadingBar-COnzT5gw.js +1 -0
- package/docs/assets/{LoadingBar.stories-B_rq-VmX.js → LoadingBar.stories-Bc3-cddz.js} +1 -1
- package/docs/assets/{Modal-BE0wtlkL.js → Modal-Bw0n_JyW.js} +1 -1
- package/docs/assets/Modal.stories-Ba9D4xGC.js +53 -0
- package/docs/assets/{ModalDialog-BORyZP_f.js → ModalDialog-BXp9X1p5.js} +1 -1
- package/docs/assets/ModalDialog.stories-DfA5ze67.js +43 -0
- package/docs/assets/{NumberInCircle-BDH9jzjw.js → NumberInCircle-2qc4scqu.js} +1 -1
- package/docs/assets/{NumberInCircle.stories-BrAgc3AY.js → NumberInCircle.stories-DEPoFSIH.js} +1 -1
- package/docs/assets/{OutlineDivider-Dov4emm3.js → OutlineDivider-Bxh-mzNl.js} +1 -1
- package/docs/assets/{OutlineDivider.stories-CaUbTOLr.js → OutlineDivider.stories-QIoOaFJB.js} +1 -1
- package/docs/assets/{OutlineItem-CFzKBXAq.js → OutlineItem-BjXpo06D.js} +1 -1
- package/docs/assets/{OutlineItem.stories-CVKGFFnl.js → OutlineItem.stories-BUu6aPfL.js} +2 -2
- package/docs/assets/OutlineSectionHeader-hAHWOzLF.js +1 -0
- package/docs/assets/{OutlineSectionHeader.stories-DbVI05WC.js → OutlineSectionHeader.stories-GdEbBs1U.js} +1 -1
- package/docs/assets/OverlayHeader-BzKvZZD3.js +1 -0
- package/docs/assets/{OverlayHeader.stories-B3naHNtq.js → OverlayHeader.stories-DZaoIDUF.js} +2 -2
- package/docs/assets/{PageHeader-BIBHdf3F.js → PageHeader-XjqUaNsz.js} +1 -1
- package/docs/assets/{PageHeader.stories-5b6D1obn.js → PageHeader.stories-C8lNq9Gy.js} +1 -1
- package/docs/assets/{Pagination-D09pUv2L.js → Pagination-_AHUDwwL.js} +1 -1
- package/docs/assets/{Pagination.stories-CftgxsGG.js → Pagination.stories-CMUAHShC.js} +2 -2
- package/docs/assets/{PopOver-CehHpqnB.js → PopOver-NPXfFzGB.js} +1 -1
- package/docs/assets/{PopOver.stories-DUevH-58.js → PopOver.stories--WLP9ABS.js} +1 -1
- package/docs/assets/ProgressBar-BiigfDAt.js +1 -0
- package/docs/assets/{ProgressBar.stories-CHHw9vdm.js → ProgressBar.stories-CaTLfTca.js} +1 -1
- package/docs/assets/{ProgressDonutChart-DCH6A4IP.js → ProgressDonutChart-BmTVWpWh.js} +1 -1
- package/docs/assets/{ProgressDonutChart.stories-BBth7N7p.js → ProgressDonutChart.stories-D_34I_ER.js} +1 -1
- package/docs/assets/RadioButton-BqvATv1T.js +1 -0
- package/docs/assets/{RadioButton.stories-BolvVgGo.js → RadioButton.stories-BpbTcL59.js} +1 -1
- package/docs/assets/{RichListItem.stories-DYhLiKRC.js → RichListItem.stories-C1DOwiaj.js} +2 -2
- package/docs/assets/{SectionHeader-BXQYUMZJ.js → SectionHeader-BzbLJwTE.js} +1 -1
- package/docs/assets/SectionHeader.stories-C3Dk3EQq.js +24 -0
- package/docs/assets/{SectionTitle-D5xtuuuO.js → SectionTitle-BGj1y63i.js} +1 -1
- package/docs/assets/{SectionTitle.stories-CSejCgQ5.js → SectionTitle.stories-BdUNgJ8M.js} +1 -1
- package/docs/assets/SelectList-CdwgpCxZ.js +1 -0
- package/docs/assets/{SelectList.stories-CH2vWeZ4.js → SelectList.stories-CkENU7xp.js} +1 -1
- package/docs/assets/{SelectListItem-BKwWlXCo.js → SelectListItem-B6bDi3OI.js} +1 -1
- package/docs/assets/{SelectListItem.stories-DBfd5lux.js → SelectListItem.stories-QbUrayaQ.js} +1 -1
- package/docs/assets/SelectListItemDivider-BSD2eI6K.js +1 -0
- package/docs/assets/{SelectListItemDivider.stories-Ca-S4U9X.js → SelectListItemDivider.stories-IhgBxgAM.js} +1 -1
- package/docs/assets/{SelectListItemTile-BzyPjJ19.js → SelectListItemTile-C_oqRlGz.js} +1 -1
- package/docs/assets/{SelectListItemTile.stories-D6R95vJo.js → SelectListItemTile.stories-Dn8gM40T.js} +1 -1
- package/docs/assets/{SelectListItemToggle-DKDUJYdT.js → SelectListItemToggle-C2Nyl3Jx.js} +1 -1
- package/docs/assets/{SelectListItemToggle.stories-DkgRkLc4.js → SelectListItemToggle.stories-n17klXWd.js} +1 -1
- package/docs/assets/SelectListSectionTitle-ntTJtQK2.js +1 -0
- package/docs/assets/{SelectListSectionTitle.stories-CUJ-nWui.js → SelectListSectionTitle.stories-DTi_MtTn.js} +1 -1
- package/docs/assets/{SelectionControl-CBn6SHix.js → SelectionControl-aaEuqhMt.js} +1 -1
- package/docs/assets/{SelectionTile-ofCDS758.js → SelectionTile-Bl618mwa.js} +2 -2
- package/docs/assets/{SelectionTile.stories-B-6k9_3U.js → SelectionTile.stories-C2OiBoE6.js} +1 -1
- package/docs/assets/{Skeleton-BHkfJzj2.js → Skeleton-yR2iGt-A.js} +1 -1
- package/docs/assets/{Skeleton.stories-B6m8A2m7.js → Skeleton.stories-D8E42zl1.js} +1 -1
- package/docs/assets/SurveyQuestionOpenEnded-DyGKPMyP.js +1 -0
- package/docs/assets/SurveyQuestionOpenEnded.stories-8WgkwYaH.js +20 -0
- package/docs/assets/SurveyQuestionScale-Cx65nLcq.js +1 -0
- package/docs/assets/{SurveyQuestionScale.stories-D5IZlUh2.js → SurveyQuestionScale.stories-BWzL4fMZ.js} +2 -2
- package/docs/assets/{SurveyToggle-B26OsXaf.js → SurveyToggle-CISyD5gz.js} +1 -1
- package/docs/assets/{SurveyToggle.stories-DFFSA_hl.js → SurveyToggle.stories-TJijEheH.js} +1 -1
- package/docs/assets/{Switch-B3HGIUG9.js → Switch-DkIgraJz.js} +1 -1
- package/docs/assets/{Switch.stories-DkphThGX.js → Switch.stories-C8PyEPpm.js} +1 -1
- package/docs/assets/{TabItem-B46Oc9X7.js → TabItem-Cc0CSUyr.js} +1 -1
- package/docs/assets/{TabItem.stories-DaWTf1cD.js → TabItem.stories-Bh1XNs3q.js} +1 -1
- package/docs/assets/{TextGroup-BuH6WCA9.js → TextGroup-DrSbeVN2.js} +1 -1
- package/docs/assets/{TextGroup.stories-BIwyCEXe.js → TextGroup.stories-BnbOUO2B.js} +1 -1
- package/docs/assets/{ThreeColumnLayout-CcqHOKBU.js → ThreeColumnLayout-NhAT4cZY.js} +1 -1
- package/docs/assets/{ThreeColumnLayout.stories-AgLGFFul.js → ThreeColumnLayout.stories-EL55MOL9.js} +1 -1
- package/docs/assets/{Tile-DIUUFinY.js → Tile-DXVTBx8j.js} +1 -1
- package/docs/assets/{Tile.sb.shared-BYUHFvZE.js → Tile.sb.shared-DAh00AIu.js} +1 -1
- package/docs/assets/{Tile.stories-DBSFQRYs.js → Tile.stories-xIzW0_NG.js} +1 -1
- package/docs/assets/{Toast.stories-B32fN79y.js → Toast.stories-COXItFcC.js} +1 -1
- package/docs/assets/{ToggleButton-D1caIRKN.js → ToggleButton-BCtYIja9.js} +1 -1
- package/docs/assets/{ToggleButton.stories-Ox_okeJj.js → ToggleButton.stories-CT0hACpK.js} +1 -1
- package/docs/assets/Tooltip-DrwiSTCm.js +1 -0
- package/docs/assets/{Tooltip.stories-Ew4UB8RG.js → Tooltip.stories-CEXpck3_.js} +6 -6
- package/docs/assets/{TypographyTokensLms.stories-BVVxQejO.js → TypographyTokensLms.stories-fssptMKG.js} +1 -1
- package/docs/assets/{TypographyVariables.stories--nfITZgH.js → TypographyVariables.stories-BhXf4d0y.js} +1 -1
- package/docs/assets/{Well-D6PXj9KY.js → Well--SGDk2ZR.js} +1 -1
- package/docs/assets/{Well.stories-Bs38rPx-.js → Well.stories-CASSIsWd.js} +1 -1
- package/docs/assets/device-9fgosCm4.js +1 -0
- package/docs/assets/entry-preview-DMbhNDVP.js +1 -0
- package/docs/assets/{entry-preview-docs-C4PrsFMa.js → entry-preview-docs-DJ-4bqb-.js} +1 -1
- package/docs/assets/{iframe-Bne3a0Lw.js → iframe-D34akK7Z.js} +7 -7
- package/docs/assets/{index-DufQPmIh.js → index-DZvDKoWL.js} +1 -1
- package/docs/assets/{index-DzskhL4A.js → index-DyXJjdHU.js} +1 -1
- package/docs/assets/preview-DYKWAT5n.js +64 -0
- package/docs/assets/{preview-Be9dTmNK.js → preview-MRHqGPUO.js} +2 -2
- package/docs/assets/string-CJTX2pVG.js +1 -0
- package/docs/assets/{vue-popper-Bw2qoyOw.js → vue-popper-BXSsmyj7.js} +1 -1
- package/docs/assets/vue.esm-bundler-DiF7B9b7.js +36 -0
- package/docs/iframe.html +1 -1
- package/docs/project.json +1 -1
- package/lib/js/components/Buttons/IconButton/IconButton.vue +11 -4
- package/lib/js/components/Image/Image.vue +0 -11
- package/lib/js/components/Outline/OutlineItem/OutlineItem.vue +1 -1
- package/lib/js/components/RichList/RichListItem/RichListItem.consts.ts +5 -7
- package/lib/js/components/RichList/RichListItem/RichListItem.vue +6 -2
- package/lib/js/components/Tooltip/Tooltip.vue +2 -10
- package/lib/js/composables/hover-state.ts +39 -0
- package/lib/js/utils/device.ts +7 -0
- package/package.json +3 -3
- package/docs/assets/AccessStatus-DmbUcfnj.js +0 -1
- package/docs/assets/BadgeScore-BemJYqyj.js +0 -1
- package/docs/assets/BlockadeStatus-BP14rd2v.js +0 -1
- package/docs/assets/Checkbox-iiCRqb9X.js +0 -1
- package/docs/assets/Chip.stories-EQIOA9T4.js +0 -43
- package/docs/assets/CounterToggle-D57390Gy.js +0 -1
- package/docs/assets/DrawerHeader-B6p3qZIF.js +0 -1
- package/docs/assets/GroupRichListItem-Cx3ap5HX.js +0 -1
- package/docs/assets/Icon-Dg-H1Zak.js +0 -762
- package/docs/assets/IconButton-tAYYPmG6.js +0 -1
- package/docs/assets/Image-CCtfgp-1.js +0 -1
- package/docs/assets/LoadingBar-pXWDoaGl.js +0 -1
- package/docs/assets/Modal.stories-DIdh26ZS.js +0 -53
- package/docs/assets/ModalDialog.stories-McGTQ_On.js +0 -43
- package/docs/assets/OutlineSectionHeader-D6c_-tKp.js +0 -1
- package/docs/assets/OverlayHeader-ChMYciZw.js +0 -1
- package/docs/assets/ProgressBar-BqJKO0Rg.js +0 -1
- package/docs/assets/RadioButton-D1hHJ5gw.js +0 -1
- package/docs/assets/SectionHeader.stories-Bk7_88fl.js +0 -24
- package/docs/assets/SelectList-CQ9CvqLg.js +0 -1
- package/docs/assets/SelectListItemDivider-CbO60ig_.js +0 -1
- package/docs/assets/SelectListSectionTitle-CF7GIQ3x.js +0 -1
- package/docs/assets/SurveyQuestionOpenEnded-CK5BMbQr.js +0 -1
- package/docs/assets/SurveyQuestionOpenEnded.stories-JDaZMHWo.js +0 -20
- package/docs/assets/SurveyQuestionScale-CqyqGA5t.js +0 -1
- package/docs/assets/Tooltip-448jplYO.js +0 -1
- package/docs/assets/entry-preview-BlDOKpbv.js +0 -1
- package/docs/assets/preview-CwXKFurl.js +0 -64
- package/docs/assets/string-CELe3esY.js +0 -1
- package/docs/assets/vue.esm-bundler-Dgz4BqwH.js +0 -7
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{b as o,a as c,I as T}from"./Icon-Dg-H1Zak.js";import{I as t,D as f,c as N,f as s,i as a,g as r,e as S,h as O,b as B,a as p}from"./Button-CsOCHUpA.js";import{d as m,t as A,o as l,c as d,n as u,f as U,h as v,g as y,e as b,l as M,r as I,b as _}from"./vue.esm-bundler-Dgz4BqwH.js";import{_ as R}from"./_plugin-vue_export-helper-DlAUqK2U.js";const h={[t.XX_SMALL]:o.XXX_SMALL,[t.X_SMALL]:o.XX_SMALL,[t.SMALL]:o.X_SMALL,[t.MEDIUM]:o.SMALL,[t.LARGE]:o.MEDIUM},C=m({name:"IconButton",components:{WnlIcon:c,WnlButton:f},props:{size:{type:String,default:t.LARGE,validator(e){return Object.values(t).includes(e)}},radius:{type:String,default:N.CAPSULE,validator(e){return Object.values(N).includes(e)}},type:{type:String,default:s.ICON_ONLY,validator(e){return Object.values(s).includes(e)}},icon:{type:Object,required:!0,validator(e){return Object.values(T).includes(A(e))}},color:{type:String,default:a.PRIMARY,validator(e){return Object.values(a).includes(e)}},colorScheme:{type:String,default:r.ALL_IN_COLOR,validator(e){return Object.values(r).includes(e)}},elevation:{type:String,default:S.NONE,validator(e){return Object.values(S).includes(e)}},touchable:{type:Boolean,default:!0},state:{type:String,default:O.DEFAULT,validator(e){return Object.values(O).includes(e)}}},data(){return{hovered:!1,ICONS:Object.freeze(T),ICON_SIZES:Object.freeze(o),ICON_BUTTON_SIZES:Object.freeze(t),ICON_BUTTON_COLOR_SCHEMES:Object.freeze(r),ICON_BUTTON_TYPES:Object.freeze(s),ICON_BUTTON_STATES:Object.freeze(O),ICON_BUTTON_COLORS:Object.freeze(a),BUTTON_COLORS:Object.freeze(B)}},computed:{iconSize(){return this.type===s.ICON_ONLY?h[this.size]:this.size===t.XX_SMALL?o.XXX_SMALL:this.size===t.X_SMALL?o.XX_SMALL:o.X_SMALL},buttonType(){return this.type===s.ICON_ONLY?p.OUTLINED:this.type},computedColor(){if(this.isButtonColor)return null;if(this.type===s.ICON_ONLY)return this.color;throw new Error(`Color: ${this.color} is supported only in type: "icon-only"`)},isButtonColor(){return Object.values(a).includes(this.color)},colorClassName(){return`-ds-color-${this.color}`}}});function z(e,n,g,D,X,j){const i=I("wnl-icon"),E=I("wnl-button");return l(),d("div",{class:u(["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:n[0]||(n[0]=L=>e.hovered=!0),onMouseleave:n[1]||(n[1]=L=>e.hovered=!1)},[e.$slots.default&&e.type!==e.ICON_BUTTON_TYPES.ICON_ONLY?(l(),d("div",{key:0,class:u(["ds-iconButton__label",{"-ds-neutral":e.colorScheme===e.ICON_BUTTON_COLOR_SCHEMES.NEUTRAL_LABEL}])},[U(e.$slots,"default",{},void 0,!0)],2)):v("",!0),y(E,{ref:"button",class:u(["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.hovered?e.ICON_BUTTON_STATES.HOVERED:e.ICON_BUTTON_STATES.DEFAULT,elevation:e.elevation,color:e.isButtonColor?e.color:null},{default:b(()=>[e.state===e.ICON_BUTTON_STATES.LOADING?(l(),_(i,{key:0,class:"ds-iconButton__icon",icon:e.ICONS.FAD_SPINNER_THIRD,size:e.iconSize,spinning:""},null,8,["icon","size"])):(l(),_(i,{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 $=R(C,[["render",z],["__scopeId","data-v-c0e30461"]]);C.__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{$ as I};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d,o as s,c as o,a as l,n as m,g as c,h as f,r as p}from"./vue.esm-bundler-Dgz4BqwH.js";import{D as u,S as I}from"./Skeleton-BHkfJzj2.js";import{_ as g}from"./_plugin-vue_export-helper-DlAUqK2U.js";const n={CONTAIN:"contain",COVER:"cover"},t=d({name:"Image",components:{DsSkeleton:u},props:{accelerate:{type:Boolean,default:!1},fit:{type:String,default:n.COVER},src:{type:String,required:!0}},data(){return{isLoading:!0,IMAGE_FITS:Object.freeze(n),SKELETON_RADIUS_SIZES:Object.freeze(I)}}}),_={class:"ds-image"},S=["src"],E={key:0,class:"ds-image__loader"};function N(e,a,v,y,A,O){const r=p("ds-skeleton");return s(),o("div",_,[l("img",{class:m(["ds-image__image",{"-ds-accelerate":e.accelerate,"-ds-contain":e.fit===e.IMAGE_FITS.CONTAIN,"-ds-cover":e.fit===e.IMAGE_FITS.COVER}]),draggable:"false",loading:"lazy",src:e.src,onError:a[0]||(a[0]=i=>e.isLoading=!1),onLoad:a[1]||(a[1]=i=>e.isLoading=!1)},null,42,S),e.isLoading?(s(),o("div",E,[c(r,{radius:e.SKELETON_RADIUS_SIZES.SMALL},null,8,["radius"])])):f("",!0)])}const V=g(t,[["render",N],["__scopeId","data-v-07559be6"]]);t.__docgenInfo={displayName:"Image",exportName:"default",description:"",tags:{},props:[{name:"accelerate",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"fit",type:{name:"ImageFit"},defaultValue:{func:!1,value:"IMAGE_FITS.COVER"}},{name:"src",type:{name:"string"},required:!0}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Image/Image.vue"]};export{V as I,n as a};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as t,o as r,c as n,a as i,n as a,l as o}from"./vue.esm-bundler-Dgz4BqwH.js";import{_ as d}from"./_plugin-vue_export-helper-DlAUqK2U.js";const l={NEUTRAL_HEAVY:"neutralHeavy",NEUTRAL_STRONG:"neutralStrong",SUCCESS:"success",WARNING:"warning",DANGER:"danger",INFO:"info"},m={SMALL:"small",MEDIUM:"medium",LARGE:"large"},s=t({name:"LoadingBar",props:{color:{type:String,default:l.NEUTRAL_HEAVY},size:{type:String,default:m.LARGE},time:{type:String,required:!0}},data(){return{intervalId:0,width:0}},computed:{sizeClassName(){return`-ds-size-${this.size}`},loadingBarStyles(){return{width:`${this.width}%`,transition:`width ${this.time}s linear`}}},mounted(){if(this.time==="0"){this.width=100;return}setTimeout(()=>{this.width=100},0)}});function u(e,c,p,_,g,L){return r(),n("div",{class:a(["ds-loadingBar",[e.sizeClassName]])},[i("span",{class:a(["ds-loadingBar__loader",`-ds-border-color-${e.color}`]),style:o(e.loadingBarStyles)},null,6)],2)}const S=d(s,[["render",u],["__scopeId","data-v-281bbb7d"]]);s.__docgenInfo={displayName:"LoadingBar",exportName:"default",description:"",tags:{},props:[{name:"color",type:{name:"LoadingBarColors"},defaultValue:{func:!1,value:"LOADING_BAR_COLORS.NEUTRAL_HEAVY"}},{name:"size",type:{name:"LoadingBarSizes"},defaultValue:{func:!1,value:"LOADING_BAR_SIZES.LARGE"}},{name:"time",type:{name:"string"},required:!0}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/LoadingBar/LoadingBar.vue"]};export{l as L,S as a,m as b};
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import{D as g,M as u,a as i}from"./Modal-BE0wtlkL.js";import{I as n}from"./Icon-Dg-H1Zak.js";import{b as c}from"./FeatureIcon-CxqWcu_D.js";import{d as t}from"./Button-CsOCHUpA.js";import"./IconButton-tAYYPmG6.js";import"./vue.esm-bundler-Dgz4BqwH.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const k={title:"Components/Modals/Modal",component:g},s=b=>({components:{Modal:g},setup(){return b},template:'<modal :headerFeatureIcon="ICONS[headerFeatureIcon]" :size="size" :danger="danger" :headerTitleSize="headerTitleSize" :headerTitle="headerTitle" :headerSubtitle="headerSubtitle" :contentCentered="contentCentered" :headerFeatureIconColor="headerFeatureIconColor" :footerPrimaryButtonText="footerPrimaryButtonText" :footerPrimaryButtonIcon="ICONS[footerPrimaryButtonIcon]" :footerPrimaryButtonState="footerPrimaryButtonState" :footerSecondaryButtonText="footerSecondaryButtonText" :footerSecondaryButtonIcon="ICONS[footerSecondaryButtonIcon]" :footerSecondaryButtonState="footerSecondaryButtonState" :footerTertiaryButtonText="footerTertiaryButtonText" :footerTertiaryButtonIcon="ICONS[footerTertiaryButtonIcon]" :footerTertiaryButtonState="footerTertiaryButtonState" :footerCheckboxText="footerCheckboxText" :headerImage="headerImage"><div v-html="defaultSlot" /></modal>',data(){return{ICONS:Object.freeze(n)}}}),e=s.bind({}),O={defaultSlot:'<p style="margin-top: 0">Text. Occaecati qui debitis ut minima ab ut ipsa. Eos qui eum. Vel eaque sint. Aut voluptatem est. Eos est aut sit soluta est facere qui soluta aspernatur. Et sint repellat sunt.</p><p style="margin-top: 0; margin-bottom: 0">Text. Occaecati qui debitis ut minima ab ut ipsa. Eos qui eum. Vel eaque sint. Aut voluptatem est. Eos est aut sit soluta est facere qui soluta aspernatur. Et sint repellat sunt.</p>',size:u.MEDIUM,danger:!1,contentCentered:!1,headerImage:"",headerTitleSize:i.MEDIUM,headerTitle:"Modal Title Accusantium occaecati atque similique gg provident nobis.",headerSubtitle:"Modal Subtitle Aut vitae neque consequatur. Consequuntur natus sint ad.",headerFeatureIcon:"FA_CIRCLE_QUESTION",headerFeatureIconColor:c.NEUTRAL,footerPrimaryButtonText:"Primary M",footerPrimaryButtonIcon:null,footerPrimaryButtonState:t.DEFAULT,footerSecondaryButtonText:"Secondary M",footerSecondaryButtonIcon:null,footerSecondaryButtonState:t.DEFAULT,footerTertiaryButtonText:"Tertiary M",footerTertiaryButtonIcon:null,footerTertiaryButtonState:t.DEFAULT,footerCheckboxText:""},l={size:{control:"select",options:Object.values(u)},danger:{control:"boolean"},headerTitleSize:{control:"select",options:Object.values(i)},headerTitle:{control:"text"},headerImage:{control:"text"},headerSubtitle:{control:"text"},headerFeatureIcon:{control:"select",options:[null,...Object.keys(n)]},headerFeatureIconColor:{control:"select",options:Object.values(c)},contentCentered:{control:"boolean"},footerPrimaryButtonText:{control:"text"},footerPrimaryButtonIcon:{control:"select",options:[null,...Object.keys(n)]},footerPrimaryButtonState:{control:"select",options:Object.values(t)},footerSecondaryButtonText:{control:"text"},footerSecondaryButtonIcon:{control:"select",options:[null,...Object.keys(n)]},footerSecondaryButtonState:{control:"select",options:Object.values(t)},footerTertiaryButtonText:{control:"text"},footerTertiaryButtonIcon:{control:"select",options:[null,...Object.keys(n)]},footerTertiaryButtonState:{control:"select",options:Object.values(t)},footerCheckboxText:{control:"text"},onCloseModal:{action:"close-modal"},onCheckboxChange:{action:"checkbox-change"},onPrimaryButtonClick:{action:"primary-button-click"},onSecondaryButtonClick:{action:"secondary-button-click"},onTertiaryButtonClick:{action:"tertiary-button-click"}};e.argTypes=l;e.args=O;e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=5658%3A96416&t=lgUXCZhvWDuBr3qw-0"}};const E={defaultSlot:'<p style="margin-top: 0">Text. Occaecati qui debitis ut minima ab ut ipsa. Eos qui eum. Vel eaque sint. Aut voluptatem est. Eos est aut sit soluta est facere qui soluta aspernatur. Et sint repellat sunt.</p><p style="margin-top: 0; margin-bottom: 0">Text. Occaecati qui debitis ut minima ab ut ipsa. Eos qui eum. Vel eaque sint. Aut voluptatem est. Eos est aut sit soluta est facere qui soluta aspernatur. Et sint repellat sunt.</p>',size:u.MEDIUM,danger:!0,contentCentered:!1,headerImage:"",headerTitleSize:i.MEDIUM,headerTitle:"Modal Title Accusantium occaecati atque similique gg provident nobis.",headerSubtitle:"Modal Subtitle Aut vitae neque consequatur. Consequuntur natus sint ad.",headerFeatureIcon:"FA_CIRCLE_EXCLAMATION",headerFeatureIconColor:c.NEUTRAL,footerPrimaryButtonText:"Primary M",footerPrimaryButtonIcon:null,footerPrimaryButtonState:t.DEFAULT,footerSecondaryButtonText:"Secondary M",footerSecondaryButtonIcon:null,footerSecondaryButtonState:t.DEFAULT,footerTertiaryButtonText:"",footerTertiaryButtonIcon:null,footerTertiaryButtonState:t.DEFAULT,footerCheckboxText:""},o=s.bind({});o.argTypes=l;o.args=E;const q={defaultSlot:'<p style="margin-top: 0">Text. Occaecati qui debitis ut minima ab ut ipsa. Eos qui eum. Vel eaque sint. Aut voluptatem est. Eos est aut sit soluta est facere qui soluta aspernatur. Et sint repellat sunt.</p><p style="margin-top: 0; margin-bottom: 0">Text. Occaecati qui debitis ut minima ab ut ipsa. Eos qui eum. Vel eaque sint. Aut voluptatem est. Eos est aut sit soluta est facere qui soluta aspernatur. Et sint repellat sunt.</p>',size:u.MEDIUM,danger:!1,contentCentered:!1,headerImage:"https://wiecejnizlek.pl/wp-content/uploads/2022/10/WNL-Strona-cover-dla-filmu-2-1.jpg",headerTitleSize:i.MEDIUM,headerTitle:"Modal Title Accusantium occaecati atque similique gg provident nobis.",headerSubtitle:"Modal Subtitle Aut vitae neque consequatur. Consequuntur natus sint ad.",headerFeatureIcon:null,headerFeatureIconColor:null,footerPrimaryButtonText:"Primary M",footerPrimaryButtonIcon:null,footerPrimaryButtonState:t.DEFAULT,footerSecondaryButtonText:"Secondary M",footerSecondaryButtonIcon:null,footerSecondaryButtonState:t.DEFAULT,footerTertiaryButtonText:"",footerTertiaryButtonIcon:null,footerTertiaryButtonState:t.DEFAULT,footerCheckboxText:""},r=s.bind({});r.argTypes=l;r.args=q;const P={defaultSlot:'<p style="margin-top: 0">Text. Occaecati qui debitis ut minima ab ut ipsa. Eos qui eum. Vel eaque sint. Aut voluptatem est. Eos est aut sit soluta est facere qui soluta aspernatur. Et sint repellat sunt.</p><p style="margin-top: 0; margin-bottom: 0">Text. Occaecati qui debitis ut minima ab ut ipsa. Eos qui eum. Vel eaque sint. Aut voluptatem est. Eos est aut sit soluta est facere qui soluta aspernatur. Et sint repellat sunt.</p>',size:u.SMALL,danger:!1,contentCentered:!0,headerImage:"",headerTitleSize:i.SMALL,headerTitle:"Modal Title Accusantium occaecati atque similique gg provident nobis.",headerSubtitle:"Modal Subtitle Aut vitae neque consequatur. Consequuntur natus sint ad.",headerFeatureIcon:"FA_CIRCLE_EXCLAMATION",headerFeatureIconColor:c.NEUTRAL,footerPrimaryButtonText:"Primary M",footerPrimaryButtonIcon:null,footerPrimaryButtonState:t.DEFAULT,footerSecondaryButtonText:"Secondary M",footerSecondaryButtonIcon:null,footerSecondaryButtonState:t.DEFAULT,footerTertiaryButtonText:"",footerTertiaryButtonIcon:null,footerTertiaryButtonState:t.DEFAULT,footerCheckboxText:""},a=s.bind({});a.argTypes=l;a.args=P;var d,S,m;e.parameters={...e.parameters,docs:{...(d=e.parameters)==null?void 0:d.docs,source:{originalSource:`args => ({
|
|
2
|
-
components: {
|
|
3
|
-
Modal
|
|
4
|
-
},
|
|
5
|
-
setup() {
|
|
6
|
-
return args;
|
|
7
|
-
},
|
|
8
|
-
template: '<modal :headerFeatureIcon="ICONS[headerFeatureIcon]" :size="size" :danger="danger" ' + ':headerTitleSize="headerTitleSize" :headerTitle="headerTitle" :headerSubtitle="headerSubtitle" :contentCentered="contentCentered" :headerFeatureIconColor="headerFeatureIconColor" ' + ':footerPrimaryButtonText="footerPrimaryButtonText" :footerPrimaryButtonIcon="ICONS[footerPrimaryButtonIcon]" :footerPrimaryButtonState="footerPrimaryButtonState" ' + ':footerSecondaryButtonText="footerSecondaryButtonText" :footerSecondaryButtonIcon="ICONS[footerSecondaryButtonIcon]" :footerSecondaryButtonState="footerSecondaryButtonState" ' + ':footerTertiaryButtonText="footerTertiaryButtonText" :footerTertiaryButtonIcon="ICONS[footerTertiaryButtonIcon]" :footerTertiaryButtonState="footerTertiaryButtonState" ' + ':footerCheckboxText="footerCheckboxText" :headerImage="headerImage">' + '<div v-html="defaultSlot" />' + '</modal>',
|
|
9
|
-
data() {
|
|
10
|
-
return {
|
|
11
|
-
ICONS: Object.freeze(ICONS)
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
})`,...(m=(S=e.parameters)==null?void 0:S.docs)==null?void 0:m.source}}};var f,T,y;o.parameters={...o.parameters,docs:{...(f=o.parameters)==null?void 0:f.docs,source:{originalSource:`args => ({
|
|
15
|
-
components: {
|
|
16
|
-
Modal
|
|
17
|
-
},
|
|
18
|
-
setup() {
|
|
19
|
-
return args;
|
|
20
|
-
},
|
|
21
|
-
template: '<modal :headerFeatureIcon="ICONS[headerFeatureIcon]" :size="size" :danger="danger" ' + ':headerTitleSize="headerTitleSize" :headerTitle="headerTitle" :headerSubtitle="headerSubtitle" :contentCentered="contentCentered" :headerFeatureIconColor="headerFeatureIconColor" ' + ':footerPrimaryButtonText="footerPrimaryButtonText" :footerPrimaryButtonIcon="ICONS[footerPrimaryButtonIcon]" :footerPrimaryButtonState="footerPrimaryButtonState" ' + ':footerSecondaryButtonText="footerSecondaryButtonText" :footerSecondaryButtonIcon="ICONS[footerSecondaryButtonIcon]" :footerSecondaryButtonState="footerSecondaryButtonState" ' + ':footerTertiaryButtonText="footerTertiaryButtonText" :footerTertiaryButtonIcon="ICONS[footerTertiaryButtonIcon]" :footerTertiaryButtonState="footerTertiaryButtonState" ' + ':footerCheckboxText="footerCheckboxText" :headerImage="headerImage">' + '<div v-html="defaultSlot" />' + '</modal>',
|
|
22
|
-
data() {
|
|
23
|
-
return {
|
|
24
|
-
ICONS: Object.freeze(ICONS)
|
|
25
|
-
};
|
|
26
|
-
}
|
|
27
|
-
})`,...(y=(T=o.parameters)==null?void 0:T.docs)==null?void 0:y.source}}};var I,B,p;r.parameters={...r.parameters,docs:{...(I=r.parameters)==null?void 0:I.docs,source:{originalSource:`args => ({
|
|
28
|
-
components: {
|
|
29
|
-
Modal
|
|
30
|
-
},
|
|
31
|
-
setup() {
|
|
32
|
-
return args;
|
|
33
|
-
},
|
|
34
|
-
template: '<modal :headerFeatureIcon="ICONS[headerFeatureIcon]" :size="size" :danger="danger" ' + ':headerTitleSize="headerTitleSize" :headerTitle="headerTitle" :headerSubtitle="headerSubtitle" :contentCentered="contentCentered" :headerFeatureIconColor="headerFeatureIconColor" ' + ':footerPrimaryButtonText="footerPrimaryButtonText" :footerPrimaryButtonIcon="ICONS[footerPrimaryButtonIcon]" :footerPrimaryButtonState="footerPrimaryButtonState" ' + ':footerSecondaryButtonText="footerSecondaryButtonText" :footerSecondaryButtonIcon="ICONS[footerSecondaryButtonIcon]" :footerSecondaryButtonState="footerSecondaryButtonState" ' + ':footerTertiaryButtonText="footerTertiaryButtonText" :footerTertiaryButtonIcon="ICONS[footerTertiaryButtonIcon]" :footerTertiaryButtonState="footerTertiaryButtonState" ' + ':footerCheckboxText="footerCheckboxText" :headerImage="headerImage">' + '<div v-html="defaultSlot" />' + '</modal>',
|
|
35
|
-
data() {
|
|
36
|
-
return {
|
|
37
|
-
ICONS: Object.freeze(ICONS)
|
|
38
|
-
};
|
|
39
|
-
}
|
|
40
|
-
})`,...(p=(B=r.parameters)==null?void 0:B.docs)==null?void 0:p.source}}};var h,C,x;a.parameters={...a.parameters,docs:{...(h=a.parameters)==null?void 0:h.docs,source:{originalSource:`args => ({
|
|
41
|
-
components: {
|
|
42
|
-
Modal
|
|
43
|
-
},
|
|
44
|
-
setup() {
|
|
45
|
-
return args;
|
|
46
|
-
},
|
|
47
|
-
template: '<modal :headerFeatureIcon="ICONS[headerFeatureIcon]" :size="size" :danger="danger" ' + ':headerTitleSize="headerTitleSize" :headerTitle="headerTitle" :headerSubtitle="headerSubtitle" :contentCentered="contentCentered" :headerFeatureIconColor="headerFeatureIconColor" ' + ':footerPrimaryButtonText="footerPrimaryButtonText" :footerPrimaryButtonIcon="ICONS[footerPrimaryButtonIcon]" :footerPrimaryButtonState="footerPrimaryButtonState" ' + ':footerSecondaryButtonText="footerSecondaryButtonText" :footerSecondaryButtonIcon="ICONS[footerSecondaryButtonIcon]" :footerSecondaryButtonState="footerSecondaryButtonState" ' + ':footerTertiaryButtonText="footerTertiaryButtonText" :footerTertiaryButtonIcon="ICONS[footerTertiaryButtonIcon]" :footerTertiaryButtonState="footerTertiaryButtonState" ' + ':footerCheckboxText="footerCheckboxText" :headerImage="headerImage">' + '<div v-html="defaultSlot" />' + '</modal>',
|
|
48
|
-
data() {
|
|
49
|
-
return {
|
|
50
|
-
ICONS: Object.freeze(ICONS)
|
|
51
|
-
};
|
|
52
|
-
}
|
|
53
|
-
})`,...(x=(C=a.parameters)==null?void 0:C.docs)==null?void 0:x.source}}};const D=["Interactive","Danger","WithImage","SizeSAndCentered"];export{o as Danger,e as Interactive,a as SizeSAndCentered,r as WithImage,D as __namedExportsOrder,k as default};
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import{M as p}from"./ModalDialog-BORyZP_f.js";import{I as a}from"./Icon-Dg-H1Zak.js";import{b as n}from"./FeatureIcon-CxqWcu_D.js";import{d as e}from"./Button-CsOCHUpA.js";import"./Modal-BE0wtlkL.js";import"./IconButton-tAYYPmG6.js";import"./vue.esm-bundler-Dgz4BqwH.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const q={title:"Components/Modals/ModalDialog",component:p},u=I=>({components:{ModalDialog:p},setup(){return I},template:'<modal-dialog :headerFeatureIcon="ICONS[headerFeatureIcon]" :danger="danger" :headerTitle="headerTitle" :headerSubtitle="headerSubtitle" :headerFeatureIconColor="headerFeatureIconColor" :footerPrimaryButtonText="footerPrimaryButtonText" :footerPrimaryButtonIcon="footerPrimaryButtonIcon" :footerPrimaryButtonState="footerPrimaryButtonState" :headerImage="headerImage" :footerSecondaryButtonText="footerSecondaryButtonText" :footerSecondaryButtonIcon="footerSecondaryButtonIcon" :footerSecondaryButtonState="footerSecondaryButtonState"><div v-html="defaultSlot" /></modal-dialog>',data(){return{ICONS:Object.freeze(a),BUTTON_STATES:Object.freeze(e)}}}),t=u.bind({}),g={defaultSlot:'<p style="margin-top: 0">Text. Occaecati qui debitis ut minima ab ut ipsa. Eos qui eum. Vel eaque sint. Aut voluptatem est. Eos est aut sit soluta est facere qui soluta aspernatur. Et sint repellat sunt.</p><p style="margin-top: 0; margin-bottom: 0">Text. Occaecati qui debitis ut minima ab ut ipsa. Eos qui eum. Vel eaque sint. Aut voluptatem est. Eos est aut sit soluta est facere qui soluta aspernatur. Et sint repellat sunt.</p>',danger:!1,headerImage:"",headerTitle:"Modal Title Accusantium occaecati atque similique gg provident nobis.",headerSubtitle:"Modal Subtitle Aut vitae neque consequatur. Consequuntur natus sint ad.",headerFeatureIcon:"FA_CIRCLE_QUESTION",headerFeatureIconColor:n.NEUTRAL,footerPrimaryButtonText:"Primary M",footerPrimaryButtonIcon:null,footerPrimaryButtonState:e.DEFAULT,footerSecondaryButtonText:"Secondary M",footerSecondaryButtonIcon:null,footerSecondaryButtonState:e.DEFAULT},i={danger:{control:"boolean"},headerImage:{control:"text",table:{type:{summary:"string"},defaultValue:{summary:"Hello"}}},headerTitle:{control:"text"},headerSubtitle:{control:"text"},headerFeatureIcon:{control:"select",options:[null,...Object.keys(a)]},headerFeatureIconColor:{control:"select",options:Object.values(n)},footerPrimaryButtonText:{control:"text"},footerPrimaryButtonIcon:{control:"select",options:[null,...Object.keys(a)]},footerPrimaryButtonState:{control:"select",options:Object.values(e)},footerSecondaryButtonText:{control:"text"},footerSecondaryButtonIcon:{control:"select",options:[null,...Object.keys(a)]},footerSecondaryButtonState:{control:"select",options:Object.values(e)}};t.argTypes=i;t.args=g;t.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=5658%3A96416&t=lgUXCZhvWDuBr3qw-0"}};const B={defaultSlot:'<p style="margin-top: 0">Text. Occaecati qui debitis ut minima ab ut ipsa. Eos qui eum. Vel eaque sint. Aut voluptatem est. Eos est aut sit soluta est facere qui soluta aspernatur. Et sint repellat sunt.</p><p style="margin-top: 0; margin-bottom: 0">Text. Occaecati qui debitis ut minima ab ut ipsa. Eos qui eum. Vel eaque sint. Aut voluptatem est. Eos est aut sit soluta est facere qui soluta aspernatur. Et sint repellat sunt.</p>',danger:!0,headerImage:"",headerTitle:"Modal Title Accusantium occaecati atque similique gg provident nobis.",headerSubtitle:"Modal Subtitle Aut vitae neque consequatur. Consequuntur natus sint ad.",headerFeatureIcon:"FA_CIRCLE_EXCLAMATION",headerFeatureIconColor:n.NEUTRAL,footerPrimaryButtonText:"Primary M",footerPrimaryButtonIcon:null,footerPrimaryButtonState:e.DEFAULT,footerSecondaryButtonText:"Secondary M",footerSecondaryButtonIcon:null,footerSecondaryButtonState:e.DEFAULT},o=u.bind({});o.argTypes=i;o.args=B;const h={defaultSlot:"",danger:!1,headerImage:"https://wiecejnizlek.pl/wp-content/themes/uncode-child/assets/patterns/pattern-black.png",headerTitle:"Modal Title Accusantium occaecati atque similique gg provident nobis.",headerSubtitle:"Modal Subtitle Aut vitae neque consequatur. Consequuntur natus sint ad.",headerFeatureIcon:"FA_CIRCLE_EXCLAMATION",headerFeatureIconColor:n.NEUTRAL,footerPrimaryButtonText:"Primary M",footerPrimaryButtonIcon:null,footerPrimaryButtonState:e.DEFAULT,footerSecondaryButtonText:"Secondary M",footerSecondaryButtonIcon:null,footerSecondaryButtonState:e.DEFAULT},r=u.bind({});r.argTypes=i;r.args=h;var c,l,d;t.parameters={...t.parameters,docs:{...(c=t.parameters)==null?void 0:c.docs,source:{originalSource:`args => ({
|
|
2
|
-
components: {
|
|
3
|
-
ModalDialog
|
|
4
|
-
},
|
|
5
|
-
setup() {
|
|
6
|
-
return args;
|
|
7
|
-
},
|
|
8
|
-
template: '<modal-dialog :headerFeatureIcon="ICONS[headerFeatureIcon]" :danger="danger" ' + ':headerTitle="headerTitle" :headerSubtitle="headerSubtitle" :headerFeatureIconColor="headerFeatureIconColor" ' + ':footerPrimaryButtonText="footerPrimaryButtonText" :footerPrimaryButtonIcon="footerPrimaryButtonIcon" :footerPrimaryButtonState="footerPrimaryButtonState" ' + ':headerImage="headerImage" ' + ':footerSecondaryButtonText="footerSecondaryButtonText" :footerSecondaryButtonIcon="footerSecondaryButtonIcon" :footerSecondaryButtonState="footerSecondaryButtonState">' + '<div v-html="defaultSlot" />' + '</modal-dialog>',
|
|
9
|
-
data() {
|
|
10
|
-
return {
|
|
11
|
-
ICONS: Object.freeze(ICONS),
|
|
12
|
-
BUTTON_STATES: Object.freeze(BUTTON_STATES)
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
})`,...(d=(l=t.parameters)==null?void 0:l.docs)==null?void 0:d.source}}};var s,m,S;o.parameters={...o.parameters,docs:{...(s=o.parameters)==null?void 0:s.docs,source:{originalSource:`args => ({
|
|
16
|
-
components: {
|
|
17
|
-
ModalDialog
|
|
18
|
-
},
|
|
19
|
-
setup() {
|
|
20
|
-
return args;
|
|
21
|
-
},
|
|
22
|
-
template: '<modal-dialog :headerFeatureIcon="ICONS[headerFeatureIcon]" :danger="danger" ' + ':headerTitle="headerTitle" :headerSubtitle="headerSubtitle" :headerFeatureIconColor="headerFeatureIconColor" ' + ':footerPrimaryButtonText="footerPrimaryButtonText" :footerPrimaryButtonIcon="footerPrimaryButtonIcon" :footerPrimaryButtonState="footerPrimaryButtonState" ' + ':headerImage="headerImage" ' + ':footerSecondaryButtonText="footerSecondaryButtonText" :footerSecondaryButtonIcon="footerSecondaryButtonIcon" :footerSecondaryButtonState="footerSecondaryButtonState">' + '<div v-html="defaultSlot" />' + '</modal-dialog>',
|
|
23
|
-
data() {
|
|
24
|
-
return {
|
|
25
|
-
ICONS: Object.freeze(ICONS),
|
|
26
|
-
BUTTON_STATES: Object.freeze(BUTTON_STATES)
|
|
27
|
-
};
|
|
28
|
-
}
|
|
29
|
-
})`,...(S=(m=o.parameters)==null?void 0:m.docs)==null?void 0:S.source}}};var f,y,T;r.parameters={...r.parameters,docs:{...(f=r.parameters)==null?void 0:f.docs,source:{originalSource:`args => ({
|
|
30
|
-
components: {
|
|
31
|
-
ModalDialog
|
|
32
|
-
},
|
|
33
|
-
setup() {
|
|
34
|
-
return args;
|
|
35
|
-
},
|
|
36
|
-
template: '<modal-dialog :headerFeatureIcon="ICONS[headerFeatureIcon]" :danger="danger" ' + ':headerTitle="headerTitle" :headerSubtitle="headerSubtitle" :headerFeatureIconColor="headerFeatureIconColor" ' + ':footerPrimaryButtonText="footerPrimaryButtonText" :footerPrimaryButtonIcon="footerPrimaryButtonIcon" :footerPrimaryButtonState="footerPrimaryButtonState" ' + ':headerImage="headerImage" ' + ':footerSecondaryButtonText="footerSecondaryButtonText" :footerSecondaryButtonIcon="footerSecondaryButtonIcon" :footerSecondaryButtonState="footerSecondaryButtonState">' + '<div v-html="defaultSlot" />' + '</modal-dialog>',
|
|
37
|
-
data() {
|
|
38
|
-
return {
|
|
39
|
-
ICONS: Object.freeze(ICONS),
|
|
40
|
-
BUTTON_STATES: Object.freeze(BUTTON_STATES)
|
|
41
|
-
};
|
|
42
|
-
}
|
|
43
|
-
})`,...(T=(y=r.parameters)==null?void 0:y.docs)==null?void 0:T.source}}};const N=["Interactive","Danger","WithImage"];export{o as Danger,t as Interactive,r as WithImage,N as __namedExportsOrder,q as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as n,o,c as i,k as r}from"./vue.esm-bundler-Dgz4BqwH.js";import{_ as s}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e=n({name:"OutlineSectionHeader",props:{title:{type:String,required:!0}}}),a={class:"ds-outlineSectionHeader"};function c(t,d,p,l,u,m){return o(),i("div",a,r(t.title),1)}const S=s(e,[["render",c],["__scopeId","data-v-451a822d"]]);e.__docgenInfo={displayName:"OutlineSectionHeader",exportName:"default",description:"",tags:{},props:[{name:"title",type:{name:"string"},required:!0}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Outline/OutlineSectionHeader/OutlineSectionHeader.vue"]};export{S as O};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{I as L}from"./IconButton-tAYYPmG6.js";import{D as A,a as C}from"./Divider-DTjC3ra5.js";import{D as I,c as f}from"./Dropdown-DS0OpB3n.js";import{D}from"./Skeleton-BHkfJzj2.js";import{T as b,a as g}from"./Tooltip-448jplYO.js";import{I as w,i as H,h}from"./Button-CsOCHUpA.js";import{I as c}from"./Icon-Dg-H1Zak.js";import{d as k,t as U,o,c as s,g as r,h as t,f as n,n as u,k as T,a as d,F as R,e as _,r as l}from"./vue.esm-bundler-Dgz4BqwH.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:D,DsTooltip:b},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:()=>c.FA_ELLIPSIS_VERTICAL,validator(e){return Object.values(c).includes(U(e))}}},emits:{close:()=>!0,titleClick:()=>!0},data(){return{ICON_BUTTON_SIZES:Object.freeze(w),ICON_BUTTON_COLORS:Object.freeze(H),ICON_BUTTON_STATES:Object.freeze(h),ICONS:Object.freeze(c),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"},M={key:2,class:"ds-overlayHeader__content"},j={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 o(),s("div",{class:u(["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?(o(),s("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?(o(),s("div",P,[n(e.$slots,"accessory",{},void 0,!0)])):t("",!0),e.isLoading?t("",!0):(o(),s("div",M,[e.eyebrowText||e.$slots.eyebrowAccessory?(o(),s("div",j,[e.eyebrowText?(o(),s("div",{key:0,class:u(["ds-overlayHeader__eyebrowText",{"-ds-withRightMargin":e.$slots.eyebrowAccessory}]),title:e.eyebrowText},T(e.eyebrowText),11,z)):t("",!0),e.$slots.eyebrowAccessory?(o(),s("div",F,[n(e.$slots,"eyebrowAccessory",{},void 0,!0)])):t("",!0)])):t("",!0),d("div",G,[e.$slots.titleLeading?(o(),s("div",Y,[n(e.$slots,"titleLeading",{},void 0,!0)])):t("",!0),e.title||e.shortTitle?(o(),s("div",{key:1,class:u(["ds-overlayHeader__titleWrapper",{"-ds-interactive":e.isTitleInteractive}]),title:e.title,onClick:a[0]||(a[0]=(...i)=>e.onTitleClick&&e.onTitleClick(...i))},[d("div",Z,T(e.title),1),d("div",K,T(e.shortTitle||e.title),1)],10,W)):t("",!0),e.$slots.titleTrailing?(o(),s("div",q,[d("div",Q,[n(e.$slots,"titleTrailing",{},void 0,!0)])])):t("",!0)])])),!e.isLoading&&e.$slots.actions?(o(),s(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?(o(),s(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:_(()=>[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:_(({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:_(()=>[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 ce=B(S,[["render",J],["__scopeId","data-v-fc6a5a13"]]);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{ce as O,p as a,O as b};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as m,o as a,c as s,a as u,k as n,n as l,h as t,m as c,F as I,p as O,b,l as _,r as g,q as L,s as B}from"./vue.esm-bundler-Dgz4BqwH.js";import{a as y,I as D,b as T}from"./Icon-Dg-H1Zak.js";import{_ as M}from"./_plugin-vue_export-helper-DlAUqK2U.js";const w={PRIMARY_MEDIUM:"primaryMedium",PRIMARY:"primary",PRIMARY_WEAK:"primaryWeak",PRIMARY_GHOST:"primaryGhost",NEUTRAL_MEDIUM:"neutralMedium",NEUTRAL:"neutral",NEUTRAL_WEAK:"neutralWeak",NEUTRAL_GHOST:"neutralGhost",INFO_MEDIUM:"infoMedium",INFO:"info",INFO_WEAK:"infoWeak",INFO_GHOST:"infoGhost",SUCCESS_MEDIUM:"successMedium",SUCCESS:"success",SUCCESS_WEAK:"successWeak",SUCCESS_GHOST:"successGhost",WARNING_MEDIUM:"warningMedium",WARNING:"warning",WARNING_WEAK:"warningWeak",WARNING_GHOST:"warningGhost",FAIL_MEDIUM:"failMedium",FAIL:"fail",FAIL_WEAK:"failWeak",FAIL_GHOST:"failGhost"},R={PRIMARY:"primary",NEUTRAL:"neutral",INFO:"info",SUCCESS:"success",WARNING:"warning",FAIL:"fail"},o={MEDIUM:"medium",SMALL:"small",XSMALL:"extra small"},S={MEDIUM:"medium",SMALL:"small"},d={DEFAULT:"default",NONE:"none"},p={DEFAULT:"default",COMPACT:"compact"},f=m({name:"ProgressBar",components:{DsIcon:y},props:{size:{type:String,default:o.SMALL,validator(e){return Object.values(o).includes(e)}},labelTextSize:{type:String,default:S.SMALL,validator(e){return Object.values(S).includes(e)}},ranges:{type:Array,required:!0,validator(e){return e.every(r=>r.start>=0&&r.length>=0&&r.start+r.length<=100)}},radius:{type:String,default:d.DEFAULT,validator(e){return Object.values(d).includes(e)}},layout:{type:String,default:p.DEFAULT,validator(e){return Object.values(p).includes(e)}},labelText:{type:String,default:null},labelData:{type:String,default:null},labelDataSupporting:{type:String,default:null},labelDataSuffix:{type:String,default:null},labelTextEllipsis:{type:Boolean,default:!1},badgePosition:{type:Number,default:null,validator(e){return e>=0&&e<=100}},badgeColor:{type:String,default:R.INFO,validator(e){return Object.values(R).includes(e)}}},data(){return{PROGRESS_BAR_SIZES:Object.freeze(o),PROGRESS_BAR_RADII:Object.freeze(d),PROGRESS_BAR_LAYOUTS:Object.freeze(p),PROGRESS_BAR_LABEL_TEXT_SIZES:Object.freeze(S),ICONS:Object.freeze(D),ICON_SIZES:Object.freeze(T)}},computed:{labelDataExists(){return this.labelData||this.labelDataSupporting||this.labelDataSuffix}}}),G=e=>(L("data-v-64356f6f"),e=e(),B(),e),N={key:0,class:"ds-progressBar__label"},P=["title"],v={key:0,class:"ds-progressBar__labelDataWrapper"},C={key:0,class:"ds-progressBar__labelData"},U={key:1,class:"ds-progressBar__labelDataSupporting"},h=G(()=>u("span",{class:"ds-progressBar__labelDataSeparator"},"/",-1)),F={key:2,class:"ds-progressBar__labelDataSuffix"};function z(e,r,W,k,Z,V){const E=g("ds-icon");return a(),s("div",{class:l(["ds-progressBar",{"-ds-compact":e.layout===e.PROGRESS_BAR_LAYOUTS.COMPACT}])},[e.labelText||e.labelDataExists?(a(),s("div",N,[u("div",{class:l(["ds-progressBar__labelText",{"-ds-medium":e.labelTextSize===e.PROGRESS_BAR_LABEL_TEXT_SIZES.MEDIUM,"-ds-ellipsis":e.labelTextEllipsis}]),title:e.labelTextEllipsis?e.labelText:null},n(e.labelText),11,P),e.labelDataExists?(a(),s("div",v,[e.labelData?(a(),s("span",C,n(e.labelData),1)):t("",!0),e.labelDataSupporting?(a(),s("span",U,[h,c(" "+n(e.labelDataSupporting),1)])):t("",!0),e.labelDataSuffix?(a(),s("span",F,n(e.labelDataSuffix),1)):t("",!0)])):t("",!0)])):t("",!0),u("div",{class:l(["ds-progressBar__barWrapper",{"-ds-small":e.size===e.PROGRESS_BAR_SIZES.SMALL,"-ds-xsmall":e.size===e.PROGRESS_BAR_SIZES.XSMALL}])},[u("div",{class:l(["ds-progressBar__bar",{"-ds-noRadius":e.radius===e.PROGRESS_BAR_RADII.NONE}])},[(a(!0),s(I,null,O(e.ranges,(i,A)=>(a(),s("div",{key:A,class:l(["ds-progressBar__range",`-ds-${i.color}`]),style:_({left:i.start+"%",width:i.length+"%"})},null,6))),128))],2),e.badgePosition!==null?(a(),b(E,{key:0,class:l(["ds-progressBar__badge",{"-ds-small":e.size!==e.PROGRESS_BAR_SIZES.MEDIUM,[`-ds-${e.badgeColor}`]:!0}]),style:_(`left: ${e.badgePosition}%`),icon:e.ICONS.FA_LOCATION_DOT,size:e.size===e.PROGRESS_BAR_SIZES.MEDIUM?e.ICON_SIZES.XX_SMALL:e.ICON_SIZES.XXX_SMALL},null,8,["class","style","icon","size"])):t("",!0)],2)],2)}const $=M(f,[["render",z],["__scopeId","data-v-64356f6f"]]);f.__docgenInfo={displayName:"ProgressBar",exportName:"default",description:"",tags:{},props:[{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"PROGRESS_BAR_SIZES.SMALL"}},{name:"labelTextSize",type:{name:"string"},defaultValue:{func:!1,value:"PROGRESS_BAR_LABEL_TEXT_SIZES.SMALL"}},{name:"ranges",type:{name:"Array<ProgressBarRange>"},required:!0},{name:"radius",type:{name:"string"},defaultValue:{func:!1,value:"PROGRESS_BAR_RADII.DEFAULT"}},{name:"layout",type:{name:"string"},defaultValue:{func:!1,value:"PROGRESS_BAR_LAYOUTS.DEFAULT"}},{name:"labelText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"labelData",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"labelDataSupporting",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"labelDataSuffix",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"labelTextEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"badgePosition",type:{name:"number"},defaultValue:{func:!1,value:"null"}},{name:"badgeColor",type:{name:"string"},defaultValue:{func:!1,value:"PROGRESS_BAR_BADGE_COLORS.INFO"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/ProgressBar/ProgressBar.vue"]};export{$ as P,o as a,S as b,d as c,p as d,R as e,w as f};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as u,o as i,b as r,r as d}from"./vue.esm-bundler-Dgz4BqwH.js";import{S as p,a as c,b as f,c as m}from"./SelectionControl-CBn6SHix.js";import{I as O}from"./Icon-Dg-H1Zak.js";import{_ as T}from"./_plugin-vue_export-helper-DlAUqK2U.js";const o={...p},a={...c},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=d("selection-control");return i(),r(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,24 +0,0 @@
|
|
|
1
|
-
import{b as r,a as l,S as t,c as a}from"./SectionHeader-BXQYUMZJ.js";import{I as o}from"./Icon-Dg-H1Zak.js";import{w as u}from"./decorator-CSnIf-k5.js";import"./IconButton-tAYYPmG6.js";import"./Button-CsOCHUpA.js";import"./vue.esm-bundler-Dgz4BqwH.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Divider-DTjC3ra5.js";import"./v4-BZawosSj.js";const{useArgs:m}=__STORYBOOK_MODULE_PREVIEW_API__,_={title:"Components/Headers/SectionHeader",component:r,decorators:[u]},E=d=>{const[b,p]=m();return{components:{SectionHeader:r},setup(){return d},data(){return{ICONS:Object.freeze(o)}},methods:{onIsExpandedUpdated(c){p({isExpanded:c})}},template:'<section-header :is-expandable="isExpandable" :hide-slot-when-collapsed="hideSlotWhenCollapsed" :icon-left="ICONS[iconLeft]" :icon-left-color="iconLeftColor" :icon-right="ICONS[iconRight]" :icon-right-color="iconRightColor" :is-expanded="isExpanded" :size="size" :info="info" :title="title" :title-ellipsis="titleEllipsis" :eyebrow="eyebrow" :has-divider="hasDivider" :mobile-layout="mobileLayout" :supportingText="supportingText" @update:isExpanded="onIsExpandedUpdated"><div style="border: 1px solid;">Slot content</div></section-header>'}},e=E.bind({}),g={size:l.MEDIUM,title:"Section Header",titleEllipsis:!1,supportingText:"Supporting text. Et doloribus aspernatur suscipit provident maiores. Natus natus et pariatur. Eligendi illo quo esse. Tenetur ad neque veniam.",eyebrow:"eyebrow text",iconLeft:null,iconLeftColor:t.NEUTRAL,iconRight:null,iconRightColor:t.NEUTRAL,info:!1,hasDivider:!0,isExpandable:!1,isExpanded:!1,hideSlotWhenCollapsed:!1,mobileLayout:a.VERTICAL},h={iconLeft:{control:"select",options:[null,...Object.keys(o)]},iconLeftColor:{control:"select",options:[null,...Object.values(t)]},iconRight:{control:"select",options:[null,...Object.keys(o)]},iconRightColor:{control:"select",options:[null,...Object.values(t)]},size:{control:"select",options:Object.values(l)},hasDivider:{control:"boolean"},info:{control:"boolean"},mobileLayout:{control:"select",options:Object.values(a)},titleEllipsis:{control:"boolean"}};e.argTypes=h;e.args=g;e.parameters={actions:{handles:["click"]},design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?type=design&node-id=6984-129711&t=ivzu5dM9vSgW20Re-0"}};var i,s,n;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`args => {
|
|
2
|
-
const [_, updateArgs] = useArgs();
|
|
3
|
-
return {
|
|
4
|
-
components: {
|
|
5
|
-
SectionHeader
|
|
6
|
-
},
|
|
7
|
-
setup() {
|
|
8
|
-
return args;
|
|
9
|
-
},
|
|
10
|
-
data() {
|
|
11
|
-
return {
|
|
12
|
-
ICONS: Object.freeze(ICONS)
|
|
13
|
-
};
|
|
14
|
-
},
|
|
15
|
-
methods: {
|
|
16
|
-
onIsExpandedUpdated(isExpanded) {
|
|
17
|
-
updateArgs({
|
|
18
|
-
isExpanded
|
|
19
|
-
});
|
|
20
|
-
}
|
|
21
|
-
},
|
|
22
|
-
template: '<section-header' + ' :is-expandable="isExpandable"' + ' :hide-slot-when-collapsed="hideSlotWhenCollapsed"' + ' :icon-left="ICONS[iconLeft]"' + ' :icon-left-color="iconLeftColor"' + ' :icon-right="ICONS[iconRight]"' + ' :icon-right-color="iconRightColor"' + ' :is-expanded="isExpanded"' + ' :size="size"' + ' :info="info"' + ' :title="title"' + ' :title-ellipsis="titleEllipsis"' + ' :eyebrow="eyebrow"' + ' :has-divider="hasDivider"' + ' :mobile-layout="mobileLayout"' + ' :supportingText="supportingText"' + ' @update:isExpanded="onIsExpandedUpdated"' + '>' + '<div style="border: 1px solid;">Slot content</div>' + '</section-header>'
|
|
23
|
-
};
|
|
24
|
-
}`,...(n=(s=e.parameters)==null?void 0:s.docs)==null?void 0:n.source}}};const R=["Interactive"];export{e as Interactive,R as __namedExportsOrder,_ as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as t,o,c as n,f as c}from"./vue.esm-bundler-Dgz4BqwH.js";import{_ as a}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e=t({name:"SelectList"}),r={class:"ds-selectList"};function i(s,d,l,m,p,_){return o(),n("div",r,[c(s.$slots,"default",{},void 0,!0)])}const S=a(e,[["render",i],["__scopeId","data-v-0e469fa9"]]);e.__docgenInfo={displayName:"SelectList",exportName:"default",description:"",tags:{},slots:[{name:"default"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/SelectList/SelectList.vue"]};export{S};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{D as s}from"./Divider-DTjC3ra5.js";import{d as i,o,c as r,g as c,r as n}from"./vue.esm-bundler-Dgz4BqwH.js";import{_ as d}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e=i({name:"SelectListItemDivider",components:{Divider:s}}),m={class:"ds-selectListItemDivider"};function a(p,_,l,v,f,D){const t=n("divider");return o(),r("div",m,[c(t)])}const S=d(e,[["render",a],["__scopeId","data-v-7be247cc"]]);e.__docgenInfo={displayName:"SelectListItemDivider",exportName:"default",description:"",tags:{},sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/SelectList/SelectListItemDivider/SelectListItemDivider.vue"]};export{S};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as s,o as i,c as a,k as n,n as o}from"./vue.esm-bundler-Dgz4BqwH.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 i(),a("div",{class:o(["ds-selectListSectionTitle",{"-ds-isUppercase":e.isUppercase}])},n(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};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{C as f}from"./Card-0zLvVdOd.js";import{b as v,M as T,S as r,r as c}from"./string-CELe3esY.js";import{D as y,i as I,a as N}from"./Button-CsOCHUpA.js";import{I as C}from"./IconButton-tAYYPmG6.js";import{I as U,b}from"./Icon-Dg-H1Zak.js";import{d as Q,o as d,c as g,b as l,e as o,h as u,g as i,n as B,r as n,a,m as D,f as A,k as h}from"./vue.esm-bundler-Dgz4BqwH.js";import{_ as w}from"./_plugin-vue_export-helper-DlAUqK2U.js";const p=Q({name:"SurveyQuestionOpenEnded",components:{SurveyQuestionTextarea:v,DsButton:y,DsCard:f,IconButton:C,DsModal:T},props:{title:{type:String,required:!0},value:{type:String,required:!0},placeholder:{type:String,default:"Wpisz swoją odpowiedź"},state:{type:String,default:r.DEFAULT,validator(e){return Object.values(r).includes(e)}}},emits:["input"],data(){return{showModal:!1,inputId:"survey-question-"+c(8),ICONS:Object.freeze(U),ICON_BUTTON_COLORS:Object.freeze(I),ICON_SIZES:Object.freeze(b),BUTTON_TYPES:Object.freeze(N),SURVEY_QUESTION_STATES:Object.freeze(r)}}}),z={class:"ds-surveyQuestionOpenEnded__header"},M=["for"],V={class:"ds-surveyQuestionOpenEnded__content"};function L(e,s,R,$,j,k){const S=n("ds-button"),m=n("ds-modal"),O=n("icon-button"),_=n("survey-question-textarea"),E=n("ds-card");return d(),g("div",{class:B(["ds-surveyQuestionOpenEnded",{"-ds-disabled":e.state===e.SURVEY_QUESTION_STATES.DISABLED}])},[e.showModal?(d(),l(m,{key:0,onCloseModal:s[1]||(s[1]=t=>e.showModal=!1)},{footer:o(()=>[a("div",null,[i(S,{type:e.BUTTON_TYPES.OUTLINED,onClick:s[0]||(s[0]=t=>e.showModal=!1)},{default:o(()=>[D(" OK, rozumiem ")]),_:1},8,["type"])])]),default:o(()=>[A(e.$slots,"explanation",{},void 0,!0)]),_:3})):u("",!0),i(E,null,{content:o(()=>[a("div",z,[a("label",{class:"ds-surveyQuestionOpenEnded__title",for:e.inputId},h(e.title),9,M),e.$slots.explanation?(d(),l(O,{key:0,class:"ds-surveyQuestionOpenEnded__explanation",color:e.ICON_BUTTON_COLORS.NEUTRAL_WEAK,icon:e.ICONS.FA_CIRCLE_QUESTION,size:e.ICON_SIZES.MEDIUM,touchable:!1,onClick:s[2]||(s[2]=t=>e.showModal=!0)},null,8,["color","icon","size"])):u("",!0)]),a("div",V,[i(_,{id:e.inputId,class:"ds-surveyQuestionOpenEnded__input",disabled:e.state===e.SURVEY_QUESTION_STATES.DISABLED,value:e.value,placeholder:e.placeholder,onInput:s[3]||(s[3]=t=>e.$emit("input",t))},null,8,["id","disabled","value","placeholder"])])]),_:1})],2)}const G=w(p,[["render",L],["__scopeId","data-v-18877829"]]);p.__docgenInfo={displayName:"SurveyQuestionOpenEnded",exportName:"default",description:"",tags:{},props:[{name:"title",type:{name:"string"},required:!0},{name:"value",type:{name:"string"},required:!0},{name:"placeholder",type:{name:"string"},defaultValue:{func:!1,value:"'Wpisz swoją odpowiedź'"}},{name:"state",type:{name:"string"},defaultValue:{func:!1,value:"SURVEY_QUESTION_STATES.DEFAULT"}}],events:[{name:"input"}],slots:[{name:"explanation"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue"]};export{G as S};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import{S as n}from"./SurveyQuestionOpenEnded-CK5BMbQr.js";import{S as i}from"./string-CELe3esY.js";import"./Card-0zLvVdOd.js";import"./vue.esm-bundler-Dgz4BqwH.js";import"./Divider-DTjC3ra5.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./LoadingBar-pXWDoaGl.js";import"./Button-CsOCHUpA.js";import"./Icon-Dg-H1Zak.js";import"./IconButton-tAYYPmG6.js";const{useArgs:l}=__STORYBOOK_MODULE_PREVIEW_API__,E={title:"Components/SurveyQuestions/SurveyQuestionOpenEnded",component:n},d=s=>{const[c,r]=l();return{components:{SurveyQuestionOpenEnded:n},setup(){return s},template:'<survey-question-open-ended :title="title" :value="value" :state="state" :placeholder="placeholder" @input="explanationUpdate"><template v-if="explanation" #explanation><div v-html="explanation" /></template></survey-question-open-ended>',methods:{explanationUpdate(p){r({value:p})}}}},e=d.bind({}),u={title:"Main question write here if it's long it will collapse.",value:"value",explanation:'<h3 class="modalHeader" style="text-align: center; margin-bottom: 16px;">Jak ocenić, czy slajdy i diagramy były zrozumiałe?</h3><div>Wyczerpujące materiały dają poczucie pełnego zrozumieina, przy jednoczesnym usystematyzowaniu informacji. Wpływa na to nie tylko ich jakość, ale też ilość.</div>',placeholder:"Wpisz swoją odpowiedź",state:i.DEFAULT},m={explanation:{control:"text"},state:{control:"select",options:Object.values(i)}};e.argTypes=m;e.args=u;e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=1555%3A41739"}};var t,a,o;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`args => {
|
|
2
|
-
const [_, updateArgs] = useArgs();
|
|
3
|
-
return {
|
|
4
|
-
components: {
|
|
5
|
-
SurveyQuestionOpenEnded
|
|
6
|
-
},
|
|
7
|
-
setup() {
|
|
8
|
-
return args;
|
|
9
|
-
},
|
|
10
|
-
// TODO typing in textarea looses focus
|
|
11
|
-
template: '<survey-question-open-ended :title="title" :value="value" :state="state" :placeholder="placeholder" @input="explanationUpdate">' + '<template v-if="explanation" #explanation><div v-html="explanation" /></template>' + '</survey-question-open-ended>',
|
|
12
|
-
methods: {
|
|
13
|
-
explanationUpdate(value) {
|
|
14
|
-
updateArgs({
|
|
15
|
-
value
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
}`,...(o=(a=e.parameters)==null?void 0:a.docs)==null?void 0:o.source}}};const w=["Interactive"];export{e as Interactive,w as __namedExportsOrder,E as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{C as b}from"./Card-0zLvVdOd.js";import{I as C}from"./IconButton-tAYYPmG6.js";import{D as A,i as V,a as L}from"./Button-CsOCHUpA.js";import{I as R,b as Q}from"./Icon-Dg-H1Zak.js";import{b as h,M as Y,S as d,a as E,r as G}from"./string-CELe3esY.js";import{a as D,S as k,c as B,b as j}from"./SurveyToggle-B26OsXaf.js";import{d as z,o as t,c as o,b as O,e as u,h as i,g as r,r as l,a as n,m as $,f as M,k as p,n as T,F as c,p as m,q as w,s as q}from"./vue.esm-bundler-Dgz4BqwH.js";import{_ as F}from"./_plugin-vue_export-helper-DlAUqK2U.js";const v=z({name:"SurveyQuestionScale",components:{SurveyQuestionTextarea:h,DsCard:b,IconButton:C,SurveyToggle:D,DsModal:Y,DsButton:A},props:{title:{type:String,required:!0},state:{type:String,default:d.DEFAULT,validator(e){return Object.values(d).includes(e)}},scaleOptions:{type:Array,required:!0,validator(e){return e.every(s=>typeof s=="object")}},elaborationLabel:{type:String,default:null},elaborationValue:{type:String,required:!0},placeholder:{type:String,default:"Wpisz swoją odpowiedź"},selectedValue:{type:String,default:null},containers:{type:String,default:E.TWO,validator(e){return Object.values(E).includes(e)}}},emits:["elaboration-change","select-change"],data(){return{showModal:!1,inputId:"survey-question-"+G(8),ICONS:Object.freeze(R),ICON_SIZES:Object.freeze(Q),ICON_BUTTON_COLORS:Object.freeze(V),BUTTON_TYPES:Object.freeze(L),SURVEY_TOGGLE_COLORS:Object.freeze(k),SURVEY_TOGGLE_STATES:Object.freeze(B),SURVEY_TOGGLE_STATUSES:Object.freeze(j),SURVEY_QUESTION_STATES:Object.freeze(d),SURVEY_QUESTION_CONTAINERS:Object.freeze(E)}},computed:{standaloneOptions(){return this.scaleOptions.filter(e=>e.standalone)}},methods:{onToggleClick(e){this.$emit("select-change",this.selectedValue===e?null:e)}}}),W=e=>(w("data-v-de80e429"),e=e(),q(),e),P={class:"ds-surveyQuestionScale"},Z={class:"ds-surveyQuestionScale__header"},K={class:"ds-surveyQuestionScale__title"},H={key:0,class:"ds-surveyQuestionScale__container -ds-justifyEnd -ds-hideOnMobile"},J=W(()=>n("hr",{class:"ds-surveyQuestionScale__separator"},null,-1)),X={class:"ds-surveyQuestionScale__elaboration"},x=["for"];function ee(e,s,ae,se,te,ne){const y=l("ds-button"),U=l("ds-modal"),f=l("icon-button"),_=l("survey-toggle"),I=l("survey-question-textarea"),N=l("ds-card");return t(),o("div",P,[e.showModal?(t(),O(U,{key:0,onCloseModal:s[1]||(s[1]=a=>e.showModal=!1)},{footer:u(()=>[n("div",null,[r(y,{type:e.BUTTON_TYPES.OUTLINED,onClick:s[0]||(s[0]=a=>e.showModal=!1)},{default:u(()=>[$(" OK, rozumiem ")]),_:1},8,["type"])])]),default:u(()=>[M(e.$slots,"explanation",{},void 0,!0)]),_:3})):i("",!0),r(N,null,{content:u(()=>[n("div",Z,[n("span",K,p(e.title),1),e.$slots.explanation?(t(),O(f,{key:0,class:"ds-surveyQuestionScale__explanation",color:e.ICON_BUTTON_COLORS.NEUTRAL_WEAK,icon:e.ICONS.FA_CIRCLE_QUESTION,size:e.ICON_SIZES.MEDIUM,touchable:!1,onClick:s[2]||(s[2]=a=>e.showModal=!0)},null,8,["color","icon","size"])):i("",!0)]),n("div",{class:T(["ds-surveyQuestionScale__content",{"-oneContainer":e.containers===e.SURVEY_QUESTION_CONTAINERS.ONE}])},[n("div",{class:T(["ds-surveyQuestionScale__container",{"-ds-oneContainer":e.containers===e.SURVEY_QUESTION_CONTAINERS.ONE}])},[(t(!0),o(c,null,m(e.scaleOptions,(a,S)=>(t(),o("div",{key:`ds-surveyQuestionScale-${S}`,class:T(["ds-surveyQuestionScale__toggle",{"-ds-hideOnDesktop":a.standalone&&e.containers===e.SURVEY_QUESTION_CONTAINERS.TWO}])},[r(_,{meaning:a.meaning,"content-text":a.content,label:a.label,status:e.selectedValue===a.value?e.SURVEY_TOGGLE_STATUSES.SELECTED:e.SURVEY_TOGGLE_STATUSES.DEFAULT,state:e.state===e.SURVEY_QUESTION_STATES.DISABLED?e.SURVEY_TOGGLE_STATES.DISABLED:e.SURVEY_TOGGLE_STATES.DEFAULT,onClick:g=>e.onToggleClick(a.value)},null,8,["meaning","content-text","label","status","state","onClick"])],2))),128))],2),e.standaloneOptions.length>0&&e.containers===e.SURVEY_QUESTION_CONTAINERS.TWO?(t(),o("div",H,[(t(!0),o(c,null,m(e.standaloneOptions,(a,S)=>(t(),o("div",{key:`ds-surveyQuestionScale-standalone-${S}`,class:"ds-surveyQuestionScale__toggle"},[r(_,{meaning:a.meaning,"content-text":a.content,label:a.label,status:e.selectedValue===a.value?e.SURVEY_TOGGLE_STATUSES.SELECTED:e.SURVEY_TOGGLE_STATUSES.DEFAULT,state:e.state===e.SURVEY_QUESTION_STATES.DISABLED?e.SURVEY_TOGGLE_STATES.DISABLED:e.SURVEY_TOGGLE_STATES.DEFAULT,onClick:g=>e.onToggleClick(a.value)},null,8,["meaning","content-text","label","status","state","onClick"])]))),128))])):i("",!0)],2),e.selectedValue!==null&&e.elaborationLabel!==null?(t(),o(c,{key:0},[J,n("div",X,[n("label",{class:"ds-surveyQuestionScale__elaborationLabel",for:e.inputId},p(e.elaborationLabel),9,x),r(I,{id:e.inputId,value:e.elaborationValue,class:"ds-surveyQuestionScale__elaborationInput",placeholder:e.placeholder,disabled:e.state===e.SURVEY_QUESTION_STATES.DISABLED,onInput:s[3]||(s[3]=a=>e.$emit("elaboration-change",a))},null,8,["id","value","placeholder","disabled"])])],64)):i("",!0)]),_:1})])}const Te=F(v,[["render",ee],["__scopeId","data-v-de80e429"]]);v.__docgenInfo={displayName:"SurveyQuestionScale",exportName:"default",description:"",tags:{},props:[{name:"title",type:{name:"string"},required:!0},{name:"state",type:{name:"string"},defaultValue:{func:!1,value:"SURVEY_QUESTION_STATES.DEFAULT"}},{name:"scaleOptions",type:{name:"Array as () => Array<SurveyQuestionScaleOption>"},required:!0},{name:"elaborationLabel",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"elaborationValue",type:{name:"string"},required:!0},{name:"placeholder",type:{name:"string"},defaultValue:{func:!1,value:"'Wpisz swoją odpowiedź'"}},{name:"selectedValue",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"containers",type:{name:"string"},defaultValue:{func:!1,value:"SURVEY_QUESTION_SCALE_CONTAINERS.TWO"}}],events:[{name:"elaboration-change"},{name:"select-change",type:{names:["undefined"]}}],slots:[{name:"explanation"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue"]};export{Te as S};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as p,A as a,o,c as s,f as i,B as r}from"./vue.esm-bundler-Dgz4BqwH.js";import{_ as u}from"./_plugin-vue_export-helper-DlAUqK2U.js";const n={TOP:"top",BOTTOM:"bottom",LEFT:"left",RIGHT:"right"},l=p({name:"Tooltip",props:{placement:{type:String,default:n.BOTTOM,validator(e){return Object.values(n).includes(e)}},text:{type:String,default:""},isDisabled:{type:Boolean,default:!1},isPointerVisible:{type:Boolean,default:!0},inline:{type:Boolean,default:!1}},computed:{tooltipParams(){return{position:this.placement,event:this.isTouchDevice()?"focus":"hover"}},options(){return{value:this.text,disabled:this.isDisabled,dt:{shadow:"0px 0px 4px 0px rgba(12, 23, 38, 0.08), 0px 6px 12px 0px rgba(12, 23, 38, 0.12), 0px 2px 4px 0px rgba(12, 23, 38, 0.06)",padding:"var(--spacing-space-3xs, 6px) var(--spacing-space-2xs, 8px)",background:"var(--neutral-background-medium, #E5E7ED)",color:"var(--neutral-text-heavy, #343C50)",borderRadius:"4px",maxWidth:"240px"},ptOptions:{mergeProps:!0},pt:{text:"ds-tooltip-text",arrow:this.isPointerVisible?"":"ds-tooltip-arrow-hide"}}}},methods:{isTouchDevice(){return"ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0}}}),d={key:0,tabindex:"-1"},c={key:1,tabindex:"-1"};function m(e,f,v,x,T,h){const t=r("pv-tooltip");return e.inline?a((o(),s("span",d,[i(e.$slots,"default")])),[[t,e.options,e.tooltipParams]]):a((o(),s("div",c,[i(e.$slots,"default")])),[[t,e.options,e.tooltipParams]])}const y=u(l,[["render",m]]);l.__docgenInfo={displayName:"Tooltip",exportName:"default",description:"",tags:{},props:[{name:"placement",type:{name:"TooltipPlacement"},defaultValue:{func:!1,value:"TOOLTIP_PLACEMENTS.BOTTOM"}},{name:"text",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"isDisabled",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isPointerVisible",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"inline",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"default"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Tooltip/Tooltip.vue"]};export{y as T,n as a};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{L as p,N,i as w,O as v,J as d}from"./vue.esm-bundler-Dgz4BqwH.js";var I=Object.defineProperty,j=(e,t)=>{for(var r in t)I(e,r,{get:t[r],enumerable:!0})};const{sanitizeStoryContextUpdate:E}=__STORYBOOK_MODULE_PREVIEW_API__;var F={};j(F,{applyDecorators:()=>U,mount:()=>b,parameters:()=>h,render:()=>y,renderToCanvas:()=>P});var y=(e,t)=>{let{id:r,component:i}=t;if(!i)throw new Error(`Unable to render story ${r} as the component annotation is missing from the default export`);return()=>p(i,e,C(e,t))},A=e=>{var t;(t=globalThis.PLUGINS_SETUP_FUNCTIONS)!=null||(globalThis.PLUGINS_SETUP_FUNCTIONS=new Set),globalThis.PLUGINS_SETUP_FUNCTIONS.add(e)},L=async(e,t)=>{globalThis&&globalThis.PLUGINS_SETUP_FUNCTIONS&&await Promise.all([...globalThis.PLUGINS_SETUP_FUNCTIONS].map(r=>r(e,t)))},g=new Map;async function P({storyFn:e,forceRemount:t,showMain:r,showException:i,storyContext:n,id:a},s){let o=g.get(s);if(o&&!t){let l=e(),c=T(l,n);return R(o.reactiveArgs,c),()=>{_(o.vueApp,s)}}o&&t&&_(o.vueApp,s);let u=N({setup(){n.args=d(n.args);let l=e(),c=T(l,n),f={vueApp:u,reactiveArgs:d(c)};return g.set(s,f),()=>p(l)}});return u.config.errorHandler=(l,c,f)=>{var S;(S=window.__STORYBOOK_PREVIEW__)!=null&&S.storyRenders.some(O=>O.id===a&&O.phase==="playing")?setTimeout(()=>{throw l},0):i(l)},await L(u,n),u.mount(s),r(),()=>{_(u,s)}}function C(e,t){let{argTypes:r}=t,i=Object.entries(e).filter(([n])=>{var a,s;return((s=(a=r[n])==null?void 0:a.table)==null?void 0:s.category)==="slots"}).map(([n,a])=>[n,typeof a=="function"?a:()=>a]);return Object.fromEntries(i)}function T(e,t){return e.props&&w(e)?e.props:t.args}function R(e,t){if(Object.keys(t).length===0)return;let r=v(e)?e:d(e);Object.keys(r).forEach(i=>{i in t||delete r[i]}),Object.assign(r,t)}function _(e,t){e==null||e.unmount(),g.has(t)&&g.delete(t)}function z(e){return typeof e=="function"?{render:e,name:e.name}:e}function m(e,t){let r=e;return r===null?null:typeof r=="function"?r:t?{...z(r),components:{...r.components||{},story:t}}:{render(){return p(r)}}}function U(e,t){return t.reduce((r,i)=>n=>{let a,s=i(o=>{let u=E(o);return o&&(u.args=Object.assign(n.args,u.args)),a=r({...n,...u}),a},n);return a||(a=r(n)),s===a?a:m(s,()=>p(a))},r=>m(e(r)))}var b=e=>async(t,r)=>(t&&(e.originalStoryFn=()=>()=>p(t,r==null?void 0:r.props,r==null?void 0:r.slots)),await e.renderToCanvas(),e.canvas),h={renderer:"vue3"};const D=Object.freeze(Object.defineProperty({__proto__:null,applyDecorators:U,mount:b,parameters:h,render:y,renderToCanvas:P},Symbol.toStringTag,{value:"Module"}));export{D as a,F as e,P as r,A as s};
|