@semplice-studio/pa-design-system 0.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/LICENSE +190 -0
- package/README.md +166 -0
- package/dist/_virtual/_plugin-vue_export-helper.js +10 -0
- package/dist/_virtual/_plugin-vue_export-helper.js.map +1 -0
- package/dist/components/PaAccordion/PaAccordion.vue.d.ts +26 -0
- package/dist/components/PaAccordion/PaAccordion.vue.js +10 -0
- package/dist/components/PaAccordion/PaAccordion.vue.js.map +1 -0
- package/dist/components/PaAccordion/PaAccordion.vue2.js +80 -0
- package/dist/components/PaAccordion/PaAccordion.vue2.js.map +1 -0
- package/dist/components/PaAccordion/groupKey.d.ts +8 -0
- package/dist/components/PaAccordion/groupKey.js +5 -0
- package/dist/components/PaAccordion/groupKey.js.map +1 -0
- package/dist/components/PaAccordion/index.d.ts +2 -0
- package/dist/components/PaAccordion/index.js +6 -0
- package/dist/components/PaAccordion/index.js.map +1 -0
- package/dist/components/PaAccordionGroup/PaAccordionGroup.vue.d.ts +19 -0
- package/dist/components/PaAccordionGroup/PaAccordionGroup.vue.js +8 -0
- package/dist/components/PaAccordionGroup/PaAccordionGroup.vue.js.map +1 -0
- package/dist/components/PaAccordionGroup/PaAccordionGroup.vue2.js +52 -0
- package/dist/components/PaAccordionGroup/PaAccordionGroup.vue2.js.map +1 -0
- package/dist/components/PaAccordionGroup/index.d.ts +2 -0
- package/dist/components/PaAccordionGroup/index.js +6 -0
- package/dist/components/PaAccordionGroup/index.js.map +1 -0
- package/dist/components/PaBanner/PaBanner.vue.d.ts +27 -0
- package/dist/components/PaBanner/PaBanner.vue.js +12 -0
- package/dist/components/PaBanner/PaBanner.vue.js.map +1 -0
- package/dist/components/PaBanner/PaBanner.vue2.js +79 -0
- package/dist/components/PaBanner/PaBanner.vue2.js.map +1 -0
- package/dist/components/PaBanner/index.d.ts +2 -0
- package/dist/components/PaBanner/index.js +5 -0
- package/dist/components/PaBanner/index.js.map +1 -0
- package/dist/components/PaBreadcrumb/PaBreadcrumb.vue.d.ts +30 -0
- package/dist/components/PaBreadcrumb/PaBreadcrumb.vue.js +8 -0
- package/dist/components/PaBreadcrumb/PaBreadcrumb.vue.js.map +1 -0
- package/dist/components/PaBreadcrumb/PaBreadcrumb.vue2.js +80 -0
- package/dist/components/PaBreadcrumb/PaBreadcrumb.vue2.js.map +1 -0
- package/dist/components/PaBreadcrumb/index.d.ts +2 -0
- package/dist/components/PaBreadcrumb/index.js +6 -0
- package/dist/components/PaBreadcrumb/index.js.map +1 -0
- package/dist/components/PaButton/PaButton.vue.d.ts +41 -0
- package/dist/components/PaButton/PaButton.vue.js +8 -0
- package/dist/components/PaButton/PaButton.vue.js.map +1 -0
- package/dist/components/PaButton/PaButton.vue2.js +37 -0
- package/dist/components/PaButton/PaButton.vue2.js.map +1 -0
- package/dist/components/PaButton/index.d.ts +2 -0
- package/dist/components/PaButton/index.js +6 -0
- package/dist/components/PaButton/index.js.map +1 -0
- package/dist/components/PaCard/PaCard.vue.d.ts +45 -0
- package/dist/components/PaCard/PaCard.vue.js +8 -0
- package/dist/components/PaCard/PaCard.vue.js.map +1 -0
- package/dist/components/PaCard/PaCard.vue2.js +135 -0
- package/dist/components/PaCard/PaCard.vue2.js.map +1 -0
- package/dist/components/PaCard/index.d.ts +2 -0
- package/dist/components/PaCard/index.js +6 -0
- package/dist/components/PaCard/index.js.map +1 -0
- package/dist/components/PaCarousel/PaCarousel.vue.d.ts +27 -0
- package/dist/components/PaCarousel/PaCarousel.vue.js +8 -0
- package/dist/components/PaCarousel/PaCarousel.vue.js.map +1 -0
- package/dist/components/PaCarousel/PaCarousel.vue2.js +215 -0
- package/dist/components/PaCarousel/PaCarousel.vue2.js.map +1 -0
- package/dist/components/PaCarousel/index.d.ts +2 -0
- package/dist/components/PaCarousel/index.js +5 -0
- package/dist/components/PaCarousel/index.js.map +1 -0
- package/dist/components/PaCheckbox/PaCheckbox.vue.d.ts +29 -0
- package/dist/components/PaCheckbox/PaCheckbox.vue.js +10 -0
- package/dist/components/PaCheckbox/PaCheckbox.vue.js.map +1 -0
- package/dist/components/PaCheckbox/PaCheckbox.vue2.js +89 -0
- package/dist/components/PaCheckbox/PaCheckbox.vue2.js.map +1 -0
- package/dist/components/PaCheckbox/index.d.ts +2 -0
- package/dist/components/PaCheckbox/index.js +6 -0
- package/dist/components/PaCheckbox/index.js.map +1 -0
- package/dist/components/PaCheckboxGroup/PaCheckboxGroup.vue.d.ts +32 -0
- package/dist/components/PaCheckboxGroup/PaCheckboxGroup.vue.js +10 -0
- package/dist/components/PaCheckboxGroup/PaCheckboxGroup.vue.js.map +1 -0
- package/dist/components/PaCheckboxGroup/PaCheckboxGroup.vue2.js +89 -0
- package/dist/components/PaCheckboxGroup/PaCheckboxGroup.vue2.js.map +1 -0
- package/dist/components/PaCheckboxGroup/index.d.ts +2 -0
- package/dist/components/PaCheckboxGroup/index.js +6 -0
- package/dist/components/PaCheckboxGroup/index.js.map +1 -0
- package/dist/components/PaChip/PaChip.vue.d.ts +23 -0
- package/dist/components/PaChip/PaChip.vue.js +8 -0
- package/dist/components/PaChip/PaChip.vue.js.map +1 -0
- package/dist/components/PaChip/PaChip.vue2.js +75 -0
- package/dist/components/PaChip/PaChip.vue2.js.map +1 -0
- package/dist/components/PaChip/index.d.ts +2 -0
- package/dist/components/PaChip/index.js +6 -0
- package/dist/components/PaChip/index.js.map +1 -0
- package/dist/components/PaDatePicker/PaDatePicker.vue.d.ts +60 -0
- package/dist/components/PaDatePicker/PaDatePicker.vue.js +10 -0
- package/dist/components/PaDatePicker/PaDatePicker.vue.js.map +1 -0
- package/dist/components/PaDatePicker/PaDatePicker.vue2.js +229 -0
- package/dist/components/PaDatePicker/PaDatePicker.vue2.js.map +1 -0
- package/dist/components/PaDatePicker/index.d.ts +1 -0
- package/dist/components/PaDatePicker/index.js +6 -0
- package/dist/components/PaDatePicker/index.js.map +1 -0
- package/dist/components/PaDrawer/PaDrawer.vue.d.ts +36 -0
- package/dist/components/PaDrawer/PaDrawer.vue.js +8 -0
- package/dist/components/PaDrawer/PaDrawer.vue.js.map +1 -0
- package/dist/components/PaDrawer/PaDrawer.vue2.js +161 -0
- package/dist/components/PaDrawer/PaDrawer.vue2.js.map +1 -0
- package/dist/components/PaDrawer/PaDrawerInfoRow.vue.d.ts +24 -0
- package/dist/components/PaDrawer/PaDrawerInfoRow.vue.js +8 -0
- package/dist/components/PaDrawer/PaDrawerInfoRow.vue.js.map +1 -0
- package/dist/components/PaDrawer/PaDrawerInfoRow.vue2.js +75 -0
- package/dist/components/PaDrawer/PaDrawerInfoRow.vue2.js.map +1 -0
- package/dist/components/PaDrawer/index.d.ts +4 -0
- package/dist/components/PaDrawer/index.js +8 -0
- package/dist/components/PaDrawer/index.js.map +1 -0
- package/dist/components/PaFab/PaFab.vue.d.ts +18 -0
- package/dist/components/PaFab/PaFab.vue.js +10 -0
- package/dist/components/PaFab/PaFab.vue.js.map +1 -0
- package/dist/components/PaFab/PaFab.vue2.js +44 -0
- package/dist/components/PaFab/PaFab.vue2.js.map +1 -0
- package/dist/components/PaFab/index.d.ts +2 -0
- package/dist/components/PaFab/index.js +6 -0
- package/dist/components/PaFab/index.js.map +1 -0
- package/dist/components/PaFileUpload/PaFileUpload.vue.d.ts +40 -0
- package/dist/components/PaFileUpload/PaFileUpload.vue.js +10 -0
- package/dist/components/PaFileUpload/PaFileUpload.vue.js.map +1 -0
- package/dist/components/PaFileUpload/PaFileUpload.vue2.js +164 -0
- package/dist/components/PaFileUpload/PaFileUpload.vue2.js.map +1 -0
- package/dist/components/PaFileUpload/index.d.ts +2 -0
- package/dist/components/PaFileUpload/index.js +6 -0
- package/dist/components/PaFileUpload/index.js.map +1 -0
- package/dist/components/PaFooter/PaFooter.vue.d.ts +67 -0
- package/dist/components/PaFooter/PaFooter.vue.js +8 -0
- package/dist/components/PaFooter/PaFooter.vue.js.map +1 -0
- package/dist/components/PaFooter/PaFooter.vue2.js +226 -0
- package/dist/components/PaFooter/PaFooter.vue2.js.map +1 -0
- package/dist/components/PaFooter/index.d.ts +2 -0
- package/dist/components/PaFooter/index.js +6 -0
- package/dist/components/PaFooter/index.js.map +1 -0
- package/dist/components/PaHeaderDesktop/PaHeaderDesktop.vue.d.ts +70 -0
- package/dist/components/PaHeaderDesktop/PaHeaderDesktop.vue.js +8 -0
- package/dist/components/PaHeaderDesktop/PaHeaderDesktop.vue.js.map +1 -0
- package/dist/components/PaHeaderDesktop/PaHeaderDesktop.vue2.js +337 -0
- package/dist/components/PaHeaderDesktop/PaHeaderDesktop.vue2.js.map +1 -0
- package/dist/components/PaHeaderDesktop/index.d.ts +2 -0
- package/dist/components/PaHeaderDesktop/index.js +6 -0
- package/dist/components/PaHeaderDesktop/index.js.map +1 -0
- package/dist/components/PaHeaderMobile/PaHeaderMobile.vue.d.ts +71 -0
- package/dist/components/PaHeaderMobile/PaHeaderMobile.vue.js +8 -0
- package/dist/components/PaHeaderMobile/PaHeaderMobile.vue.js.map +1 -0
- package/dist/components/PaHeaderMobile/PaHeaderMobile.vue2.js +472 -0
- package/dist/components/PaHeaderMobile/PaHeaderMobile.vue2.js.map +1 -0
- package/dist/components/PaHeaderMobile/index.d.ts +2 -0
- package/dist/components/PaHeaderMobile/index.js +6 -0
- package/dist/components/PaHeaderMobile/index.js.map +1 -0
- package/dist/components/PaHeaderShared/index.d.ts +1 -0
- package/dist/components/PaHeaderShared/index.js +2 -0
- package/dist/components/PaHeaderShared/index.js.map +1 -0
- package/dist/components/PaHeaderShared/types.d.ts +43 -0
- package/dist/components/PaHero/PaHero.vue.d.ts +36 -0
- package/dist/components/PaHero/PaHero.vue.js +8 -0
- package/dist/components/PaHero/PaHero.vue.js.map +1 -0
- package/dist/components/PaHero/PaHero.vue2.js +101 -0
- package/dist/components/PaHero/PaHero.vue2.js.map +1 -0
- package/dist/components/PaHero/index.d.ts +2 -0
- package/dist/components/PaHero/index.js +6 -0
- package/dist/components/PaHero/index.js.map +1 -0
- package/dist/components/PaIcon/PaIcon.vue.d.ts +8342 -0
- package/dist/components/PaIcon/PaIcon.vue.js +163 -0
- package/dist/components/PaIcon/PaIcon.vue.js.map +1 -0
- package/dist/components/PaIcon/PaIcon.vue2.js +8 -0
- package/dist/components/PaIcon/PaIcon.vue2.js.map +1 -0
- package/dist/components/PaIcon/index.d.ts +2 -0
- package/dist/components/PaIcon/index.js +6 -0
- package/dist/components/PaIcon/index.js.map +1 -0
- package/dist/components/PaImage/PaImage.vue.d.ts +10 -0
- package/dist/components/PaImage/PaImage.vue.js +10 -0
- package/dist/components/PaImage/PaImage.vue.js.map +1 -0
- package/dist/components/PaImage/PaImage.vue2.js +44 -0
- package/dist/components/PaImage/PaImage.vue2.js.map +1 -0
- package/dist/components/PaImage/gridKey.d.ts +6 -0
- package/dist/components/PaImage/gridKey.js +5 -0
- package/dist/components/PaImage/gridKey.js.map +1 -0
- package/dist/components/PaImage/index.d.ts +2 -0
- package/dist/components/PaImage/index.js +6 -0
- package/dist/components/PaImage/index.js.map +1 -0
- package/dist/components/PaImageGrid/PaImageGrid.vue.d.ts +18 -0
- package/dist/components/PaImageGrid/PaImageGrid.vue.js +8 -0
- package/dist/components/PaImageGrid/PaImageGrid.vue.js.map +1 -0
- package/dist/components/PaImageGrid/PaImageGrid.vue2.js +28 -0
- package/dist/components/PaImageGrid/PaImageGrid.vue2.js.map +1 -0
- package/dist/components/PaImageGrid/index.d.ts +2 -0
- package/dist/components/PaImageGrid/index.js +6 -0
- package/dist/components/PaImageGrid/index.js.map +1 -0
- package/dist/components/PaInput/PaInput.vue.d.ts +54 -0
- package/dist/components/PaInput/PaInput.vue.js +10 -0
- package/dist/components/PaInput/PaInput.vue.js.map +1 -0
- package/dist/components/PaInput/PaInput.vue2.js +201 -0
- package/dist/components/PaInput/PaInput.vue2.js.map +1 -0
- package/dist/components/PaInput/index.d.ts +2 -0
- package/dist/components/PaInput/index.js +6 -0
- package/dist/components/PaInput/index.js.map +1 -0
- package/dist/components/PaModal/PaModal.vue.d.ts +35 -0
- package/dist/components/PaModal/PaModal.vue.js +8 -0
- package/dist/components/PaModal/PaModal.vue.js.map +1 -0
- package/dist/components/PaModal/PaModal.vue2.js +155 -0
- package/dist/components/PaModal/PaModal.vue2.js.map +1 -0
- package/dist/components/PaModal/index.d.ts +2 -0
- package/dist/components/PaModal/index.js +5 -0
- package/dist/components/PaModal/index.js.map +1 -0
- package/dist/components/PaMonthPicker/PaMonthPicker.vue.d.ts +59 -0
- package/dist/components/PaMonthPicker/PaMonthPicker.vue.js +10 -0
- package/dist/components/PaMonthPicker/PaMonthPicker.vue.js.map +1 -0
- package/dist/components/PaMonthPicker/PaMonthPicker.vue2.js +314 -0
- package/dist/components/PaMonthPicker/PaMonthPicker.vue2.js.map +1 -0
- package/dist/components/PaMonthPicker/index.d.ts +1 -0
- package/dist/components/PaMonthPicker/index.js +6 -0
- package/dist/components/PaMonthPicker/index.js.map +1 -0
- package/dist/components/PaPagination/PaPagination.vue.d.ts +39 -0
- package/dist/components/PaPagination/PaPagination.vue.js +8 -0
- package/dist/components/PaPagination/PaPagination.vue.js.map +1 -0
- package/dist/components/PaPagination/PaPagination.vue2.js +202 -0
- package/dist/components/PaPagination/PaPagination.vue2.js.map +1 -0
- package/dist/components/PaPagination/index.d.ts +2 -0
- package/dist/components/PaPagination/index.js +6 -0
- package/dist/components/PaPagination/index.js.map +1 -0
- package/dist/components/PaPagination/usePageWindow.d.ts +2 -0
- package/dist/components/PaPagination/usePageWindow.js +19 -0
- package/dist/components/PaPagination/usePageWindow.js.map +1 -0
- package/dist/components/PaProgressBar/PaProgressBar.vue.d.ts +13 -0
- package/dist/components/PaProgressBar/PaProgressBar.vue.js +8 -0
- package/dist/components/PaProgressBar/PaProgressBar.vue.js.map +1 -0
- package/dist/components/PaProgressBar/PaProgressBar.vue2.js +46 -0
- package/dist/components/PaProgressBar/PaProgressBar.vue2.js.map +1 -0
- package/dist/components/PaProgressBar/index.d.ts +2 -0
- package/dist/components/PaProgressBar/index.js +5 -0
- package/dist/components/PaProgressBar/index.js.map +1 -0
- package/dist/components/PaRadioGroup/PaRadioGroup.vue.d.ts +32 -0
- package/dist/components/PaRadioGroup/PaRadioGroup.vue.js +10 -0
- package/dist/components/PaRadioGroup/PaRadioGroup.vue.js.map +1 -0
- package/dist/components/PaRadioGroup/PaRadioGroup.vue2.js +94 -0
- package/dist/components/PaRadioGroup/PaRadioGroup.vue2.js.map +1 -0
- package/dist/components/PaRadioGroup/index.d.ts +2 -0
- package/dist/components/PaRadioGroup/index.js +6 -0
- package/dist/components/PaRadioGroup/index.js.map +1 -0
- package/dist/components/PaRangePicker/PaRangePicker.vue.d.ts +64 -0
- package/dist/components/PaRangePicker/PaRangePicker.vue.js +10 -0
- package/dist/components/PaRangePicker/PaRangePicker.vue.js.map +1 -0
- package/dist/components/PaRangePicker/PaRangePicker.vue2.js +281 -0
- package/dist/components/PaRangePicker/PaRangePicker.vue2.js.map +1 -0
- package/dist/components/PaRangePicker/index.d.ts +2 -0
- package/dist/components/PaRangePicker/index.js +6 -0
- package/dist/components/PaRangePicker/index.js.map +1 -0
- package/dist/components/PaSearchBar/PaSearchBar.vue.d.ts +37 -0
- package/dist/components/PaSearchBar/PaSearchBar.vue.js +10 -0
- package/dist/components/PaSearchBar/PaSearchBar.vue.js.map +1 -0
- package/dist/components/PaSearchBar/PaSearchBar.vue2.js +271 -0
- package/dist/components/PaSearchBar/PaSearchBar.vue2.js.map +1 -0
- package/dist/components/PaSearchBar/index.d.ts +2 -0
- package/dist/components/PaSearchBar/index.js +6 -0
- package/dist/components/PaSearchBar/index.js.map +1 -0
- package/dist/components/PaSelect/PaSelect.vue.d.ts +39 -0
- package/dist/components/PaSelect/PaSelect.vue.js +10 -0
- package/dist/components/PaSelect/PaSelect.vue.js.map +1 -0
- package/dist/components/PaSelect/PaSelect.vue2.js +107 -0
- package/dist/components/PaSelect/PaSelect.vue2.js.map +1 -0
- package/dist/components/PaSelect/index.d.ts +2 -0
- package/dist/components/PaSelect/index.js +6 -0
- package/dist/components/PaSelect/index.js.map +1 -0
- package/dist/components/PaStepProgressBar/PaStepProgressBar.vue.d.ts +33 -0
- package/dist/components/PaStepProgressBar/PaStepProgressBar.vue.js +10 -0
- package/dist/components/PaStepProgressBar/PaStepProgressBar.vue.js.map +1 -0
- package/dist/components/PaStepProgressBar/PaStepProgressBar.vue2.js +116 -0
- package/dist/components/PaStepProgressBar/PaStepProgressBar.vue2.js.map +1 -0
- package/dist/components/PaStepProgressBar/index.d.ts +2 -0
- package/dist/components/PaStepProgressBar/index.js +5 -0
- package/dist/components/PaStepProgressBar/index.js.map +1 -0
- package/dist/components/PaTab/PaTab.vue.d.ts +19 -0
- package/dist/components/PaTab/PaTab.vue.js +8 -0
- package/dist/components/PaTab/PaTab.vue.js.map +1 -0
- package/dist/components/PaTab/PaTab.vue2.js +44 -0
- package/dist/components/PaTab/PaTab.vue2.js.map +1 -0
- package/dist/components/PaTab/index.d.ts +2 -0
- package/dist/components/PaTab/index.js +5 -0
- package/dist/components/PaTab/index.js.map +1 -0
- package/dist/components/PaTable/PaTable.vue.d.ts +40 -0
- package/dist/components/PaTable/PaTable.vue.js +8 -0
- package/dist/components/PaTable/PaTable.vue.js.map +1 -0
- package/dist/components/PaTable/PaTable.vue2.js +95 -0
- package/dist/components/PaTable/PaTable.vue2.js.map +1 -0
- package/dist/components/PaTable/index.d.ts +2 -0
- package/dist/components/PaTable/index.js +5 -0
- package/dist/components/PaTable/index.js.map +1 -0
- package/dist/components/PaTabs/PaTabs.vue.d.ts +47 -0
- package/dist/components/PaTabs/PaTabs.vue.js +10 -0
- package/dist/components/PaTabs/PaTabs.vue.js.map +1 -0
- package/dist/components/PaTabs/PaTabs.vue2.js +154 -0
- package/dist/components/PaTabs/PaTabs.vue2.js.map +1 -0
- package/dist/components/PaTabs/index.d.ts +2 -0
- package/dist/components/PaTabs/index.js +5 -0
- package/dist/components/PaTabs/index.js.map +1 -0
- package/dist/components/PaTag/PaTag.vue.d.ts +11 -0
- package/dist/components/PaTag/PaTag.vue.js +8 -0
- package/dist/components/PaTag/PaTag.vue.js.map +1 -0
- package/dist/components/PaTag/PaTag.vue2.js +27 -0
- package/dist/components/PaTag/PaTag.vue2.js.map +1 -0
- package/dist/components/PaTag/index.d.ts +2 -0
- package/dist/components/PaTag/index.js +6 -0
- package/dist/components/PaTag/index.js.map +1 -0
- package/dist/components/PaTextarea/PaTextarea.vue.d.ts +37 -0
- package/dist/components/PaTextarea/PaTextarea.vue.js +10 -0
- package/dist/components/PaTextarea/PaTextarea.vue.js.map +1 -0
- package/dist/components/PaTextarea/PaTextarea.vue2.js +104 -0
- package/dist/components/PaTextarea/PaTextarea.vue2.js.map +1 -0
- package/dist/components/PaTextarea/index.d.ts +2 -0
- package/dist/components/PaTextarea/index.js +6 -0
- package/dist/components/PaTextarea/index.js.map +1 -0
- package/dist/components/PaTimePicker/PaTimePicker.vue.d.ts +63 -0
- package/dist/components/PaTimePicker/PaTimePicker.vue.js +10 -0
- package/dist/components/PaTimePicker/PaTimePicker.vue.js.map +1 -0
- package/dist/components/PaTimePicker/PaTimePicker.vue2.js +421 -0
- package/dist/components/PaTimePicker/PaTimePicker.vue2.js.map +1 -0
- package/dist/components/PaTimePicker/index.d.ts +2 -0
- package/dist/components/PaTimePicker/index.js +6 -0
- package/dist/components/PaTimePicker/index.js.map +1 -0
- package/dist/components/PaTitleBar/PaTitleBar.vue.d.ts +36 -0
- package/dist/components/PaTitleBar/PaTitleBar.vue.js +8 -0
- package/dist/components/PaTitleBar/PaTitleBar.vue.js.map +1 -0
- package/dist/components/PaTitleBar/PaTitleBar.vue2.js +178 -0
- package/dist/components/PaTitleBar/PaTitleBar.vue2.js.map +1 -0
- package/dist/components/PaTitleBar/index.d.ts +2 -0
- package/dist/components/PaTitleBar/index.js +6 -0
- package/dist/components/PaTitleBar/index.js.map +1 -0
- package/dist/components/PaToggle/PaToggle.vue.d.ts +27 -0
- package/dist/components/PaToggle/PaToggle.vue.js +10 -0
- package/dist/components/PaToggle/PaToggle.vue.js.map +1 -0
- package/dist/components/PaToggle/PaToggle.vue2.js +79 -0
- package/dist/components/PaToggle/PaToggle.vue2.js.map +1 -0
- package/dist/components/PaToggle/index.d.ts +2 -0
- package/dist/components/PaToggle/index.js +6 -0
- package/dist/components/PaToggle/index.js.map +1 -0
- package/dist/components/PaYearPicker/PaYearPicker.vue.d.ts +59 -0
- package/dist/components/PaYearPicker/PaYearPicker.vue.js +10 -0
- package/dist/components/PaYearPicker/PaYearPicker.vue.js.map +1 -0
- package/dist/components/PaYearPicker/PaYearPicker.vue2.js +307 -0
- package/dist/components/PaYearPicker/PaYearPicker.vue2.js.map +1 -0
- package/dist/components/PaYearPicker/index.d.ts +1 -0
- package/dist/components/PaYearPicker/index.js +6 -0
- package/dist/components/PaYearPicker/index.js.map +1 -0
- package/dist/fonts/Inter-OFL.txt +92 -0
- package/dist/fonts/InterVariable.woff2 +0 -0
- package/dist/fonts/RobotoMono-OFL.txt +93 -0
- package/dist/fonts/RobotoMono-VariableFont.woff2 +0 -0
- package/dist/index.d.ts +78 -0
- package/dist/index.js +85 -0
- package/dist/index.js.map +1 -0
- package/dist/style.css +1 -0
- package/dist/tokens.css +260 -0
- package/package.json +73 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PaAccordionGroup.vue2.js","sources":["../../../src/components/PaAccordionGroup/PaAccordionGroup.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface PaAccordionGroupProps {\n modelValue?: string | string[] | null\n multiple?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, provide, ref } from 'vue'\nimport {\n PaAccordionGroupKey,\n type PaAccordionGroupContext,\n} from '../PaAccordion/groupKey'\n\nconst props = withDefaults(defineProps<PaAccordionGroupProps>(), {\n multiple: false,\n})\n\nconst emit = defineEmits<{\n (e: 'update:modelValue', value: string | string[] | null): void\n}>()\n\nconst fallback = ref<string | string[] | null>(props.multiple ? [] : null)\nconst isBound = computed(() => props.modelValue !== undefined)\nconst current = computed(() => (isBound.value ? props.modelValue! : fallback.value))\n\nfunction setValue(next: string | string[] | null) {\n if (!isBound.value) fallback.value = next\n emit('update:modelValue', next)\n}\n\nconst registered = new Set<string>()\n\nconst context: PaAccordionGroupContext = {\n register(id: string) {\n if (registered.has(id)) {\n console.warn(`[PaAccordionGroup] duplicate id: \"${id}\"`)\n return\n }\n registered.add(id)\n },\n unregister(id: string) {\n registered.delete(id)\n },\n isOpen(id: string) {\n return computed(() => {\n const value = current.value\n if (props.multiple) {\n return Array.isArray(value) && value.includes(id)\n }\n return value === id\n })\n },\n toggle(id: string) {\n if (props.multiple) {\n const arr = Array.isArray(current.value) ? current.value : []\n const next = arr.includes(id) ? arr.filter((x) => x !== id) : [...arr, id]\n setValue(next)\n return\n }\n setValue(current.value === id ? null : id)\n },\n}\n\nprovide(PaAccordionGroupKey, context)\n</script>\n\n<template>\n <div class=\"pa-accordion-group\" role=\"region\">\n <slot />\n </div>\n</template>\n\n<style scoped>\n.pa-accordion-group {\n display: flex;\n flex-direction: column;\n gap: var(--pa-space-3xs);\n width: 100%;\n}\n</style>\n"],"names":["props","__props","emit","__emit","fallback","ref","isBound","computed","current","setValue","next","registered","provide","PaAccordionGroupKey","id","value","arr","x","_openBlock","_createElementBlock","_hoisted_1","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;AAcA,UAAMA,IAAQC,GAIRC,IAAOC,GAIPC,IAAWC,EAA8BL,EAAM,WAAW,CAAA,IAAK,IAAI,GACnEM,IAAUC,EAAS,MAAMP,EAAM,eAAe,MAAS,GACvDQ,IAAUD,EAAS,MAAOD,EAAQ,QAAQN,EAAM,aAAcI,EAAS,KAAM;AAEnF,aAASK,EAASC,GAAgC;AAChD,MAAKJ,EAAQ,UAAOF,EAAS,QAAQM,IACrCR,EAAK,qBAAqBQ,CAAI;AAAA,IAChC;AAEA,UAAMC,wBAAiB,IAAA;AAiCvB,WAAAC,EAAQC,GA/BiC;AAAA,MACvC,SAASC,GAAY;AACnB,YAAIH,EAAW,IAAIG,CAAE,GAAG;AACtB,kBAAQ,KAAK,qCAAqCA,CAAE,GAAG;AACvD;AAAA,QACF;AACA,QAAAH,EAAW,IAAIG,CAAE;AAAA,MACnB;AAAA,MACA,WAAWA,GAAY;AACrB,QAAAH,EAAW,OAAOG,CAAE;AAAA,MACtB;AAAA,MACA,OAAOA,GAAY;AACjB,eAAOP,EAAS,MAAM;AACpB,gBAAMQ,IAAQP,EAAQ;AACtB,iBAAIR,EAAM,WACD,MAAM,QAAQe,CAAK,KAAKA,EAAM,SAASD,CAAE,IAE3CC,MAAUD;AAAA,QACnB,CAAC;AAAA,MACH;AAAA,MACA,OAAOA,GAAY;AACjB,YAAId,EAAM,UAAU;AAClB,gBAAMgB,IAAM,MAAM,QAAQR,EAAQ,KAAK,IAAIA,EAAQ,QAAQ,CAAA,GACrDE,IAAOM,EAAI,SAASF,CAAE,IAAIE,EAAI,OAAO,CAACC,MAAMA,MAAMH,CAAE,IAAI,CAAC,GAAGE,GAAKF,CAAE;AACzE,UAAAL,EAASC,CAAI;AACb;AAAA,QACF;AACA,QAAAD,EAASD,EAAQ,UAAUM,IAAK,OAAOA,CAAE;AAAA,MAC3C;AAAA,IAAA,CAGkC,cAIlCI,EAAA,GAAAC,EAEM,OAFNC,GAEM;AAAA,MADJC,EAAQC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,IAAA;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { PaIconName } from '../PaIcon/PaIcon.vue';
|
|
2
|
+
export type PaBannerVariant = 'info' | 'info-dark' | 'success' | 'warning' | 'error';
|
|
3
|
+
export interface PaBannerProps {
|
|
4
|
+
variant?: PaBannerVariant;
|
|
5
|
+
title: string;
|
|
6
|
+
label?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const VARIANT_ICONS: Record<PaBannerVariant, PaIconName>;
|
|
9
|
+
export declare const VARIANT_A11Y: Record<PaBannerVariant, {
|
|
10
|
+
role: 'status' | 'alert';
|
|
11
|
+
ariaLive: 'polite' | 'assertive';
|
|
12
|
+
}>;
|
|
13
|
+
export declare const VARIANT_LABELS: Record<PaBannerVariant, string>;
|
|
14
|
+
declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PaBannerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PaBannerProps> & Readonly<{}>, {
|
|
15
|
+
variant: PaBannerVariant;
|
|
16
|
+
label: string;
|
|
17
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
|
|
18
|
+
default?: (props: {}) => any;
|
|
19
|
+
} & {
|
|
20
|
+
action?: (props: {}) => any;
|
|
21
|
+
}>;
|
|
22
|
+
export default _default;
|
|
23
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
24
|
+
new (): {
|
|
25
|
+
$slots: S;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import o from "./PaBanner.vue2.js";
|
|
2
|
+
import { VARIANT_A11Y as p, VARIANT_ICONS as e, VARIANT_LABELS as c } from "./PaBanner.vue2.js";
|
|
3
|
+
/* empty css */
|
|
4
|
+
import r from "../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
+
const A = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0950fca6"]]);
|
|
6
|
+
export {
|
|
7
|
+
p as VARIANT_A11Y,
|
|
8
|
+
e as VARIANT_ICONS,
|
|
9
|
+
c as VARIANT_LABELS,
|
|
10
|
+
A as default
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=PaBanner.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PaBanner.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { defineComponent as p, computed as o, openBlock as l, createElementBlock as c, normalizeClass as b, createElementVNode as e, createVNode as _, toDisplayString as f, renderSlot as d, createCommentVNode as m } from "vue";
|
|
2
|
+
import v from "../PaIcon/PaIcon.vue.js";
|
|
3
|
+
const A = ["role", "aria-live", "aria-label"], h = { class: "pa-banner__container" }, g = { class: "pa-banner__icon pa-banner__icon--leading" }, L = { class: "pa-banner__content" }, N = { class: "pa-banner__title-row" }, k = { class: "pa-banner__icon pa-banner__icon--inline" }, w = { class: "pa-banner__body" }, I = {
|
|
4
|
+
key: 0,
|
|
5
|
+
class: "pa-banner__action"
|
|
6
|
+
}, V = {
|
|
7
|
+
info: "info",
|
|
8
|
+
"info-dark": "info",
|
|
9
|
+
success: "check-circle",
|
|
10
|
+
warning: "warning-circle",
|
|
11
|
+
error: "warning"
|
|
12
|
+
}, $ = {
|
|
13
|
+
info: { role: "status", ariaLive: "polite" },
|
|
14
|
+
"info-dark": { role: "status", ariaLive: "polite" },
|
|
15
|
+
success: { role: "status", ariaLive: "polite" },
|
|
16
|
+
warning: { role: "alert", ariaLive: "assertive" },
|
|
17
|
+
error: { role: "alert", ariaLive: "assertive" }
|
|
18
|
+
}, y = {
|
|
19
|
+
info: "Avviso",
|
|
20
|
+
"info-dark": "Avviso scuro",
|
|
21
|
+
success: "Notifica di successo",
|
|
22
|
+
warning: "Attenzione",
|
|
23
|
+
error: "Errore"
|
|
24
|
+
};
|
|
25
|
+
let S = 0;
|
|
26
|
+
const E = /* @__PURE__ */ p({
|
|
27
|
+
__name: "PaBanner",
|
|
28
|
+
props: {
|
|
29
|
+
variant: { default: "info" },
|
|
30
|
+
title: {},
|
|
31
|
+
label: { default: void 0 }
|
|
32
|
+
},
|
|
33
|
+
setup(n) {
|
|
34
|
+
const a = n, r = `pa-banner-${++S}__title`, u = o(() => a.label ?? y[a.variant]), t = o(() => $[a.variant]), s = o(() => V[a.variant]);
|
|
35
|
+
return (i, z) => (l(), c("aside", {
|
|
36
|
+
class: b(["pa-banner", `pa-banner--${n.variant}`]),
|
|
37
|
+
role: t.value.role,
|
|
38
|
+
"aria-live": t.value.ariaLive,
|
|
39
|
+
"aria-labelledby": r,
|
|
40
|
+
"aria-label": u.value
|
|
41
|
+
}, [
|
|
42
|
+
e("div", h, [
|
|
43
|
+
e("div", g, [
|
|
44
|
+
_(v, {
|
|
45
|
+
name: s.value,
|
|
46
|
+
size: "lg"
|
|
47
|
+
}, null, 8, ["name"])
|
|
48
|
+
]),
|
|
49
|
+
e("div", L, [
|
|
50
|
+
e("div", N, [
|
|
51
|
+
e("div", k, [
|
|
52
|
+
_(v, {
|
|
53
|
+
name: s.value,
|
|
54
|
+
size: "lg"
|
|
55
|
+
}, null, 8, ["name"])
|
|
56
|
+
]),
|
|
57
|
+
e("h3", {
|
|
58
|
+
id: r,
|
|
59
|
+
class: "pa-banner__title"
|
|
60
|
+
}, f(n.title), 1)
|
|
61
|
+
]),
|
|
62
|
+
e("div", w, [
|
|
63
|
+
d(i.$slots, "default", {}, void 0, !0)
|
|
64
|
+
])
|
|
65
|
+
]),
|
|
66
|
+
i.$slots.action ? (l(), c("div", I, [
|
|
67
|
+
d(i.$slots, "action", {}, void 0, !0)
|
|
68
|
+
])) : m("", !0)
|
|
69
|
+
])
|
|
70
|
+
], 10, A));
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
export {
|
|
74
|
+
$ as VARIANT_A11Y,
|
|
75
|
+
V as VARIANT_ICONS,
|
|
76
|
+
y as VARIANT_LABELS,
|
|
77
|
+
E as default
|
|
78
|
+
};
|
|
79
|
+
//# sourceMappingURL=PaBanner.vue2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PaBanner.vue2.js","sources":["../../../src/components/PaBanner/PaBanner.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PaIconName } from '../PaIcon/PaIcon.vue'\n\nexport type PaBannerVariant =\n | 'info'\n | 'info-dark'\n | 'success'\n | 'warning'\n | 'error'\n\nexport interface PaBannerProps {\n variant?: PaBannerVariant\n title: string\n label?: string\n}\n\nexport const VARIANT_ICONS: Record<PaBannerVariant, PaIconName> = {\n 'info': 'info',\n 'info-dark': 'info',\n 'success': 'check-circle',\n 'warning': 'warning-circle',\n 'error': 'warning',\n}\n\nexport const VARIANT_A11Y: Record<\n PaBannerVariant,\n { role: 'status' | 'alert'; ariaLive: 'polite' | 'assertive' }\n> = {\n 'info': { role: 'status', ariaLive: 'polite' },\n 'info-dark': { role: 'status', ariaLive: 'polite' },\n 'success': { role: 'status', ariaLive: 'polite' },\n 'warning': { role: 'alert', ariaLive: 'assertive' },\n 'error': { role: 'alert', ariaLive: 'assertive' },\n}\n\nexport const VARIANT_LABELS: Record<PaBannerVariant, string> = {\n 'info': 'Avviso',\n 'info-dark': 'Avviso scuro',\n 'success': 'Notifica di successo',\n 'warning': 'Attenzione',\n 'error': 'Errore',\n}\n\nlet bannerSeq = 0\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport PaIcon from '../PaIcon/PaIcon.vue'\n\nconst props = withDefaults(defineProps<PaBannerProps>(), {\n variant: 'info',\n label: undefined,\n})\n\nconst titleId = `pa-banner-${++bannerSeq}__title`\n\nconst resolvedLabel = computed(() => props.label ?? VARIANT_LABELS[props.variant])\nconst resolvedA11y = computed(() => VARIANT_A11Y[props.variant])\nconst resolvedIcon = computed(() => VARIANT_ICONS[props.variant])\n</script>\n\n<template>\n <aside :class=\"['pa-banner', `pa-banner--${variant}`]\"\n :role=\"resolvedA11y.role\"\n :aria-live=\"resolvedA11y.ariaLive\"\n :aria-labelledby=\"titleId\"\n :aria-label=\"resolvedLabel\">\n <div class=\"pa-banner__container\">\n <div class=\"pa-banner__icon pa-banner__icon--leading\">\n <PaIcon :name=\"resolvedIcon\"\n size=\"lg\" />\n </div>\n <div class=\"pa-banner__content\">\n <div class=\"pa-banner__title-row\">\n <div class=\"pa-banner__icon pa-banner__icon--inline\">\n <PaIcon :name=\"resolvedIcon\"\n size=\"lg\" />\n </div>\n <h3 :id=\"titleId\"\n class=\"pa-banner__title\">{{ title }}</h3>\n </div>\n <div class=\"pa-banner__body\">\n <slot />\n </div>\n </div>\n <div v-if=\"$slots.action\"\n class=\"pa-banner__action\">\n <slot name=\"action\" />\n </div>\n </div>\n </aside>\n</template>\n\n<style scoped>\n.pa-banner {\n container-type: inline-size;\n font-family: var(--pa-font-family-base);\n border-radius: var(--pa-radius-smooth);\n background: var(--pa-banner-bg);\n color: var(--pa-banner-text);\n\n --pa-banner-bg: var(--pa-color-bg-primary-light-40);\n --pa-banner-text: var(--pa-color-text-secondary-gray);\n --pa-banner-body: var(--pa-color-text-black);\n --pa-banner-link: var(--pa-color-primary);\n --pa-banner-icon-color: var(--pa-color-text-secondary-gray);\n}\n\n.pa-banner__container {\n max-width: 1172px;\n margin: 0 auto;\n padding: var(--pa-space-md) var(--pa-space-2xl);\n display: flex;\n align-items: center;\n box-sizing: border-box;\n}\n\n.pa-banner__icon {\n color: var(--pa-banner-icon-color);\n display: flex;\n align-items: center;\n}\n\n.pa-banner__icon--leading {\n padding-right: var(--pa-space-md);\n}\n\n.pa-banner__icon--inline {\n display: none;\n}\n\n.pa-banner__content {\n flex: 1 1 0;\n min-width: 0;\n}\n\n.pa-banner__action {\n display: flex;\n align-items: center;\n justify-content: center;\n padding-left: var(--pa-space-2xl);\n}\n\n.pa-banner__title {\n margin: 0;\n font-size: var(--pa-font-h4-size);\n line-height: var(--pa-font-h4-line-height);\n font-weight: var(--pa-font-h4-weight);\n letter-spacing: var(--pa-font-h4-letter-spacing);\n color: var(--pa-banner-text);\n}\n\n.pa-banner__body {\n margin-top: var(--pa-space-xs);\n font-size: var(--pa-font-body-size);\n line-height: var(--pa-font-body-line-height);\n font-weight: var(--pa-font-body-weight);\n color: var(--pa-banner-body);\n}\n\n.pa-banner__body :deep(a) {\n color: var(--pa-banner-link);\n text-decoration: underline;\n}\n\n.pa-banner--info-dark {\n --pa-banner-bg: var(--pa-color-bg-primary-dark-115);\n --pa-banner-text: var(--pa-color-text-white);\n --pa-banner-body: var(--pa-color-text-white);\n --pa-banner-link: var(--pa-color-accent);\n --pa-banner-icon-color: var(--pa-color-text-white);\n}\n\n.pa-banner--success {\n --pa-banner-icon-color: var(--pa-color-success);\n}\n\n.pa-banner--warning {\n --pa-banner-icon-color: var(--pa-color-warning);\n}\n\n.pa-banner--error {\n --pa-banner-icon-color: var(--pa-color-error);\n}\n\n@container (max-width: 600px) {\n .pa-banner {\n border-radius: 0;\n }\n\n .pa-banner__container {\n flex-direction: column;\n align-items: stretch;\n gap: 0;\n padding: var(--pa-space-md);\n }\n\n .pa-banner__icon--leading {\n display: none;\n }\n\n .pa-banner__icon--inline {\n display: flex;\n }\n\n .pa-banner__title-row {\n display: flex;\n align-items: center;\n gap: var(--pa-space-md);\n }\n\n .pa-banner__body {\n margin-top: var(--pa-space-md);\n }\n\n .pa-banner__action {\n display: block;\n width: 100%;\n padding-left: 0;\n margin-top: var(--pa-space-md);\n }\n\n .pa-banner__action :deep(.pa-button) {\n width: 100%;\n }\n}\n</style>\n"],"names":["VARIANT_ICONS","VARIANT_A11Y","VARIANT_LABELS","bannerSeq","props","__props","titleId","resolvedLabel","computed","resolvedA11y","resolvedIcon","_createElementBlock","_createElementVNode","_hoisted_2","_hoisted_3","_createVNode","PaIcon","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_renderSlot","_ctx","$slots","_openBlock","_hoisted_8"],"mappings":";;;;;GAgBaA,IAAqD;AAAA,EAChE,MAAQ;AAAA,EACR,aAAa;AAAA,EACb,SAAW;AAAA,EACX,SAAW;AAAA,EACX,OAAS;AACX,GAEaC,IAGT;AAAA,EACF,MAAQ,EAAE,MAAM,UAAU,UAAU,SAAA;AAAA,EACpC,aAAa,EAAE,MAAM,UAAU,UAAU,SAAA;AAAA,EACzC,SAAW,EAAE,MAAM,UAAU,UAAU,SAAA;AAAA,EACvC,SAAW,EAAE,MAAM,SAAS,UAAU,YAAA;AAAA,EACtC,OAAS,EAAE,MAAM,SAAS,UAAU,YAAA;AACtC,GAEaC,IAAkD;AAAA,EAC7D,MAAQ;AAAA,EACR,aAAa;AAAA,EACb,SAAW;AAAA,EACX,SAAW;AAAA,EACX,OAAS;AACX;AAEA,IAAIC,IAAY;;;;;;;;;AAOhB,UAAMC,IAAQC,GAKRC,IAAU,aAAa,EAAEH,CAAS,WAElCI,IAAgBC,EAAS,MAAMJ,EAAM,SAASF,EAAeE,EAAM,OAAO,CAAC,GAC3EK,IAAeD,EAAS,MAAMP,EAAaG,EAAM,OAAO,CAAC,GACzDM,IAAeF,EAAS,MAAMR,EAAcI,EAAM,OAAO,CAAC;2BAI9DO,EA4BQ,SAAA;AAAA,MA5BA,qCAAmCN,EAAA,OAAO,EAAA,CAAA;AAAA,MAC1C,MAAMI,EAAA,MAAa;AAAA,MACnB,aAAWA,EAAA,MAAa;AAAA,MACxB,mBAAiBH;AAAA,MACjB,cAAYC,EAAA;AAAA,IAAA;MAClBK,EAsBM,OAtBNC,GAsBM;AAAA,QArBJD,EAGM,OAHNE,GAGM;AAAA,UAFJC,EACoBC,GAAA;AAAA,YADX,MAAMN,EAAA;AAAA,YACP,MAAK;AAAA,UAAA;;QAEfE,EAYM,OAZNK,GAYM;AAAA,UAXJL,EAOM,OAPNM,GAOM;AAAA,YANJN,EAGM,OAHNO,GAGM;AAAA,cAFJJ,EACoBC,GAAA;AAAA,gBADX,MAAMN,EAAA;AAAA,gBACP,MAAK;AAAA,cAAA;;YAEfE,EAC6C,MAAA;AAAA,cADxC,IAAIN;AAAA,cACL,OAAM;AAAA,YAAA,KAAsBD,EAAA,KAAK,GAAA,CAAA;AAAA,UAAA;UAEvCO,EAEM,OAFNQ,GAEM;AAAA,YADJC,EAAQC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,UAAA;;QAGDC,EAAAA,OAAO,UAAlBC,KAAAb,EAGM,OAHNc,GAGM;AAAA,UADJJ,EAAsBC,EAAA,QAAA,UAAA,CAAA,GAAA,QAAA,EAAA;AAAA,QAAA;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { PaIconName } from '../PaIcon/PaIcon.vue';
|
|
2
|
+
export type PaBreadcrumbItem = {
|
|
3
|
+
label: string;
|
|
4
|
+
href?: string;
|
|
5
|
+
icon?: PaIconName;
|
|
6
|
+
};
|
|
7
|
+
export interface PaBreadcrumbProps {
|
|
8
|
+
items: PaBreadcrumbItem[];
|
|
9
|
+
separator?: string;
|
|
10
|
+
label?: string;
|
|
11
|
+
maxItems?: number;
|
|
12
|
+
}
|
|
13
|
+
declare const _default: import("vue").DefineComponent<PaBreadcrumbProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
14
|
+
select: (args_0: {
|
|
15
|
+
index: number;
|
|
16
|
+
item: PaBreadcrumbItem;
|
|
17
|
+
event: MouseEvent;
|
|
18
|
+
}) => any;
|
|
19
|
+
}, string, import("vue").PublicProps, Readonly<PaBreadcrumbProps> & Readonly<{
|
|
20
|
+
onSelect?: ((args_0: {
|
|
21
|
+
index: number;
|
|
22
|
+
item: PaBreadcrumbItem;
|
|
23
|
+
event: MouseEvent;
|
|
24
|
+
}) => any) | undefined;
|
|
25
|
+
}>, {
|
|
26
|
+
label: string;
|
|
27
|
+
separator: string;
|
|
28
|
+
maxItems: number;
|
|
29
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
30
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import o from "./PaBreadcrumb.vue2.js";
|
|
2
|
+
/* empty css */
|
|
3
|
+
import r from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-9fa8c90e"]]);
|
|
5
|
+
export {
|
|
6
|
+
c as default
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=PaBreadcrumb.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PaBreadcrumb.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { defineComponent as k, computed as h, openBlock as a, createElementBlock as i, createElementVNode as m, Fragment as c, renderList as f, normalizeClass as x, toDisplayString as r, createBlock as y, createCommentVNode as C } from "vue";
|
|
2
|
+
import B from "../PaIcon/PaIcon.vue.js";
|
|
3
|
+
const v = ["aria-label"], S = { class: "pa-breadcrumb" }, z = {
|
|
4
|
+
class: "pa-breadcrumb__separator",
|
|
5
|
+
"aria-hidden": "true"
|
|
6
|
+
}, E = ["href", "onClick"], I = ["onClick"], N = {
|
|
7
|
+
class: "pa-breadcrumb__separator",
|
|
8
|
+
"aria-hidden": "true"
|
|
9
|
+
}, V = {
|
|
10
|
+
key: 2,
|
|
11
|
+
class: "pa-breadcrumb__current",
|
|
12
|
+
"aria-current": "page"
|
|
13
|
+
}, L = /* @__PURE__ */ k({
|
|
14
|
+
__name: "PaBreadcrumb",
|
|
15
|
+
props: {
|
|
16
|
+
items: {},
|
|
17
|
+
separator: { default: "/" },
|
|
18
|
+
label: { default: "Breadcrumb" },
|
|
19
|
+
maxItems: { default: 3 }
|
|
20
|
+
},
|
|
21
|
+
emits: ["select"],
|
|
22
|
+
setup(l, { emit: _ }) {
|
|
23
|
+
const d = l, b = _, u = h(() => {
|
|
24
|
+
const t = d.items, n = d.maxItems;
|
|
25
|
+
return t.length <= n ? t.map((e, s) => ({ kind: "item", index: s, item: e })) : [
|
|
26
|
+
{ kind: "item", index: 0, item: t[0] },
|
|
27
|
+
{ kind: "ellipsis" },
|
|
28
|
+
{ kind: "item", index: t.length - 2, item: t[t.length - 2] },
|
|
29
|
+
{ kind: "item", index: t.length - 1, item: t[t.length - 1] }
|
|
30
|
+
];
|
|
31
|
+
});
|
|
32
|
+
function p(t, n, e) {
|
|
33
|
+
b("select", { index: n, item: e, event: t });
|
|
34
|
+
}
|
|
35
|
+
return (t, n) => (a(), i("nav", { "aria-label": l.label }, [
|
|
36
|
+
m("ol", S, [
|
|
37
|
+
(a(!0), i(c, null, f(u.value, (e, s) => (a(), i("li", {
|
|
38
|
+
key: s,
|
|
39
|
+
class: x([
|
|
40
|
+
"pa-breadcrumb__item",
|
|
41
|
+
{ "pa-breadcrumb__item--ellipsis": e.kind === "ellipsis" }
|
|
42
|
+
])
|
|
43
|
+
}, [
|
|
44
|
+
e.kind === "ellipsis" ? (a(), i(c, { key: 0 }, [
|
|
45
|
+
n[0] || (n[0] = m("span", {
|
|
46
|
+
class: "pa-breadcrumb__ellipsis",
|
|
47
|
+
"aria-hidden": "true"
|
|
48
|
+
}, "…", -1)),
|
|
49
|
+
m("span", z, r(l.separator), 1)
|
|
50
|
+
], 64)) : (a(), i(c, { key: 1 }, [
|
|
51
|
+
e.item.icon ? (a(), y(B, {
|
|
52
|
+
key: 0,
|
|
53
|
+
name: e.item.icon,
|
|
54
|
+
size: "sm",
|
|
55
|
+
class: "pa-breadcrumb__icon"
|
|
56
|
+
}, null, 8, ["name"])) : C("", !0),
|
|
57
|
+
s < u.value.length - 1 ? (a(), i(c, { key: 1 }, [
|
|
58
|
+
e.item.href ? (a(), i("a", {
|
|
59
|
+
key: 0,
|
|
60
|
+
href: e.item.href,
|
|
61
|
+
class: "pa-breadcrumb__link",
|
|
62
|
+
onClick: (o) => p(o, e.index, e.item)
|
|
63
|
+
}, r(e.item.label), 9, E)) : (a(), i("button", {
|
|
64
|
+
key: 1,
|
|
65
|
+
type: "button",
|
|
66
|
+
class: "pa-breadcrumb__link",
|
|
67
|
+
onClick: (o) => p(o, e.index, e.item)
|
|
68
|
+
}, r(e.item.label), 9, I)),
|
|
69
|
+
m("span", N, r(l.separator), 1)
|
|
70
|
+
], 64)) : (a(), i("span", V, r(e.item.label), 1))
|
|
71
|
+
], 64))
|
|
72
|
+
], 2))), 128))
|
|
73
|
+
])
|
|
74
|
+
], 8, v));
|
|
75
|
+
}
|
|
76
|
+
});
|
|
77
|
+
export {
|
|
78
|
+
L as default
|
|
79
|
+
};
|
|
80
|
+
//# sourceMappingURL=PaBreadcrumb.vue2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PaBreadcrumb.vue2.js","sources":["../../../src/components/PaBreadcrumb/PaBreadcrumb.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PaIconName } from '../PaIcon/PaIcon.vue'\n\nexport type PaBreadcrumbItem = {\n label: string\n href?: string\n icon?: PaIconName\n}\n\nexport interface PaBreadcrumbProps {\n items: PaBreadcrumbItem[]\n separator?: string\n label?: string\n maxItems?: number\n}\n\ntype RenderedSegment =\n | { kind: 'item'; index: number; item: PaBreadcrumbItem }\n | { kind: 'ellipsis' }\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport PaIcon from '../PaIcon/PaIcon.vue'\n\nconst props = withDefaults(defineProps<PaBreadcrumbProps>(), {\n separator: '/',\n label: 'Breadcrumb',\n maxItems: 3,\n})\n\nconst emit = defineEmits<{\n select: [{ index: number; item: PaBreadcrumbItem; event: MouseEvent }]\n}>()\n\nconst renderedSegments = computed<RenderedSegment[]>(() => {\n const items = props.items\n const max = props.maxItems\n if (items.length <= max) {\n return items.map((item, index) => ({ kind: 'item', index, item }))\n }\n return [\n { kind: 'item', index: 0, item: items[0]! },\n { kind: 'ellipsis' },\n { kind: 'item', index: items.length - 2, item: items[items.length - 2]! },\n { kind: 'item', index: items.length - 1, item: items[items.length - 1]! },\n ]\n})\n\nfunction onSelect(event: MouseEvent, index: number, item: PaBreadcrumbItem) {\n emit('select', { index, item, event })\n}\n</script>\n\n<template>\n <nav :aria-label=\"label\">\n <ol class=\"pa-breadcrumb\">\n <li\n v-for=\"(seg, i) in renderedSegments\"\n :key=\"i\"\n :class=\"[\n 'pa-breadcrumb__item',\n { 'pa-breadcrumb__item--ellipsis': seg.kind === 'ellipsis' },\n ]\"\n >\n <template v-if=\"seg.kind === 'ellipsis'\">\n <span class=\"pa-breadcrumb__ellipsis\" aria-hidden=\"true\">…</span>\n <span class=\"pa-breadcrumb__separator\" aria-hidden=\"true\">{{ separator }}</span>\n </template>\n <template v-else>\n <PaIcon\n v-if=\"seg.item.icon\"\n :name=\"seg.item.icon\"\n size=\"sm\"\n class=\"pa-breadcrumb__icon\"\n />\n <template v-if=\"i < renderedSegments.length - 1\">\n <a\n v-if=\"seg.item.href\"\n :href=\"seg.item.href\"\n class=\"pa-breadcrumb__link\"\n @click=\"onSelect($event, seg.index, seg.item)\"\n >{{ seg.item.label }}</a>\n <button\n v-else\n type=\"button\"\n class=\"pa-breadcrumb__link\"\n @click=\"onSelect($event, seg.index, seg.item)\"\n >{{ seg.item.label }}</button>\n <span class=\"pa-breadcrumb__separator\" aria-hidden=\"true\">{{ separator }}</span>\n </template>\n <span\n v-else\n class=\"pa-breadcrumb__current\"\n aria-current=\"page\"\n >{{ seg.item.label }}</span>\n </template>\n </li>\n </ol>\n </nav>\n</template>\n\n<style scoped>\n.pa-breadcrumb {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n list-style: none;\n padding: 0;\n margin: 0;\n font-family: var(--pa-font-family-base);\n font-size: var(--pa-font-label-sm-size);\n line-height: var(--pa-font-label-sm-line-height);\n font-weight: var(--pa-font-label-sm-weight);\n}\n\n.pa-breadcrumb__item {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n color: var(--pa-color-primary);\n transition: color 120ms ease;\n}\n\n.pa-breadcrumb__item:hover {\n color: var(--pa-color-primary-hover);\n}\n\n.pa-breadcrumb__icon {\n width: 16px;\n height: 16px;\n color: inherit;\n flex-shrink: 0;\n}\n\n.pa-breadcrumb__link {\n display: inline-flex;\n align-items: center;\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n color: inherit;\n cursor: pointer;\n text-decoration: none;\n}\n\n.pa-breadcrumb__link:focus { outline: none; }\n\n.pa-breadcrumb__link:focus-visible {\n outline: var(--pa-border-xs) solid var(--pa-color-primary-focus-border);\n outline-offset: 2px;\n border-radius: 4px;\n}\n\n.pa-breadcrumb__separator {\n color: inherit;\n user-select: none;\n}\n\n.pa-breadcrumb__current {\n color: var(--pa-color-neutral-gray);\n cursor: default;\n}\n\n.pa-breadcrumb__ellipsis {\n color: inherit;\n user-select: none;\n}\n</style>\n"],"names":["props","__props","emit","__emit","renderedSegments","computed","items","max","item","index","onSelect","event","_createElementBlock","_createElementVNode","_hoisted_2","_openBlock","_Fragment","_renderList","seg","i","_normalizeClass","_hoisted_3","_toDisplayString","_createBlock","PaIcon","$event","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAyBA,UAAMA,IAAQC,GAMRC,IAAOC,GAIPC,IAAmBC,EAA4B,MAAM;AACzD,YAAMC,IAAQN,EAAM,OACdO,IAAMP,EAAM;AAClB,aAAIM,EAAM,UAAUC,IACXD,EAAM,IAAI,CAACE,GAAMC,OAAW,EAAE,MAAM,QAAQ,OAAAA,GAAO,MAAAD,EAAA,EAAO,IAE5D;AAAA,QACL,EAAE,MAAM,QAAQ,OAAO,GAAG,MAAMF,EAAM,CAAC,EAAA;AAAA,QACvC,EAAE,MAAM,WAAA;AAAA,QACR,EAAE,MAAM,QAAQ,OAAOA,EAAM,SAAS,GAAG,MAAMA,EAAMA,EAAM,SAAS,CAAC,EAAA;AAAA,QACrE,EAAE,MAAM,QAAQ,OAAOA,EAAM,SAAS,GAAG,MAAMA,EAAMA,EAAM,SAAS,CAAC,EAAA;AAAA,MAAG;AAAA,IAE5E,CAAC;AAED,aAASI,EAASC,GAAmBF,GAAeD,GAAwB;AAC1E,MAAAN,EAAK,UAAU,EAAE,OAAAO,GAAO,MAAAD,GAAM,OAAAG,GAAO;AAAA,IACvC;2BAIEC,EA4CM,OAAA,EA5CA,cAAYX,EAAA,SAAK;AAAA,MACrBY,EA0CK,MA1CLC,GA0CK;AAAA,SAzCHC,EAAA,EAAA,GAAAH,EAwCKI,GAAA,MAAAC,EAvCgBb,EAAA,OAAgB,CAA3Bc,GAAKC,YADfP,EAwCK,MAAA;AAAA,UAtCF,KAAKO;AAAA,UACL,OAAKC,EAAA;AAAA;YAAkF,EAAA,iCAAAF,EAAI,SAAI,WAAA;AAAA,UAAA;;UAKhFA,EAAI,SAAI,mBAAxBN,EAGWI,GAAA,EAAA,KAAA,KAAA;AAAA,4BAFTH,EAAiE,QAAA;AAAA,cAA3D,OAAM;AAAA,cAA0B,eAAY;AAAA,YAAA,GAAO,KAAC,EAAA;AAAA,YAC1DA,EAAgF,QAAhFQ,GAAgFC,EAAnBrB,EAAA,SAAS,GAAA,CAAA;AAAA,UAAA,gBAExEW,EA2BWI,GAAA,EAAA,KAAA,KAAA;AAAA,YAzBDE,EAAI,KAAK,aADjBK,EAKEC,GAAA;AAAA;cAHC,MAAMN,EAAI,KAAK;AAAA,cAChB,MAAK;AAAA,cACL,OAAM;AAAA,YAAA;YAEQC,IAAIf,EAAA,MAAiB,SAAM,UAA3CQ,EAcWI,GAAA,EAAA,KAAA,EAAA,GAAA;AAAA,cAZDE,EAAI,KAAK,aADjBN,EAKyB,KAAA;AAAA;gBAHtB,MAAMM,EAAI,KAAK;AAAA,gBAChB,OAAM;AAAA,gBACL,SAAK,CAAAO,MAAEf,EAASe,GAAQP,EAAI,OAAOA,EAAI,IAAI;AAAA,cAAA,KAC1CA,EAAI,KAAK,KAAK,GAAA,GAAAQ,CAAA,WAClBd,EAK8B,UAAA;AAAA;gBAH5B,MAAK;AAAA,gBACL,OAAM;AAAA,gBACL,SAAK,CAAAa,MAAEf,EAASe,GAAQP,EAAI,OAAOA,EAAI,IAAI;AAAA,cAAA,KAC1CA,EAAI,KAAK,KAAK,GAAA,GAAAS,CAAA;AAAA,cAClBd,EAAgF,QAAhFe,GAAgFN,EAAnBrB,EAAA,SAAS,GAAA,CAAA;AAAA,YAAA,WAExEc,EAAA,GAAAH,EAI4B,QAJ5BiB,GAI4BP,EAAxBJ,EAAI,KAAK,KAAK,GAAA,CAAA;AAAA,UAAA;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
export type PaButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'accent' | 'ghost' | 'error' | 'success';
|
|
2
|
+
export type PaButtonSize = 'sm' | 'lg';
|
|
3
|
+
export interface PaButtonProps {
|
|
4
|
+
variant?: PaButtonVariant;
|
|
5
|
+
size?: PaButtonSize;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
type?: 'button' | 'submit' | 'reset';
|
|
8
|
+
/**
|
|
9
|
+
* Renders the button as a square (44×44 at sm, 60×60 at lg) with the icon
|
|
10
|
+
* in the default slot. When true, the consumer MUST provide an `aria-label`
|
|
11
|
+
* (or `aria-labelledby`) on the component so screen readers can announce
|
|
12
|
+
* the button — there is no visible text label.
|
|
13
|
+
*/
|
|
14
|
+
iconOnly?: boolean;
|
|
15
|
+
}
|
|
16
|
+
declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
|
|
17
|
+
type __VLS_Slots = {} & {
|
|
18
|
+
'icon-left'?: (props: typeof __VLS_1) => any;
|
|
19
|
+
} & {
|
|
20
|
+
default?: (props: typeof __VLS_3) => any;
|
|
21
|
+
} & {
|
|
22
|
+
'icon-right'?: (props: typeof __VLS_5) => any;
|
|
23
|
+
};
|
|
24
|
+
declare const __VLS_component: import("vue").DefineComponent<PaButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
25
|
+
click: (args_0: MouseEvent) => any;
|
|
26
|
+
}, string, import("vue").PublicProps, Readonly<PaButtonProps> & Readonly<{
|
|
27
|
+
onClick?: ((args_0: MouseEvent) => any) | undefined;
|
|
28
|
+
}>, {
|
|
29
|
+
variant: PaButtonVariant;
|
|
30
|
+
size: PaButtonSize;
|
|
31
|
+
disabled: boolean;
|
|
32
|
+
type: "button" | "submit" | "reset";
|
|
33
|
+
iconOnly: boolean;
|
|
34
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
35
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
36
|
+
export default _default;
|
|
37
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
38
|
+
new (): {
|
|
39
|
+
$slots: S;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PaButton.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { defineComponent as s, openBlock as d, createElementBlock as u, normalizeClass as c, renderSlot as n } from "vue";
|
|
2
|
+
const r = ["type", "disabled"], b = /* @__PURE__ */ s({
|
|
3
|
+
__name: "PaButton",
|
|
4
|
+
props: {
|
|
5
|
+
variant: { default: "primary" },
|
|
6
|
+
size: { default: "sm" },
|
|
7
|
+
disabled: { type: Boolean, default: !1 },
|
|
8
|
+
type: { default: "button" },
|
|
9
|
+
iconOnly: { type: Boolean, default: !1 }
|
|
10
|
+
},
|
|
11
|
+
emits: ["click"],
|
|
12
|
+
setup(t, { emit: o }) {
|
|
13
|
+
const a = t, l = o;
|
|
14
|
+
function i(e) {
|
|
15
|
+
a.disabled || l("click", e);
|
|
16
|
+
}
|
|
17
|
+
return (e, f) => (d(), u("button", {
|
|
18
|
+
type: t.type,
|
|
19
|
+
disabled: t.disabled,
|
|
20
|
+
class: c([
|
|
21
|
+
"pa-button",
|
|
22
|
+
`pa-button--${t.variant}`,
|
|
23
|
+
`pa-button--${t.size}`,
|
|
24
|
+
{ "pa-button--icon-only": t.iconOnly }
|
|
25
|
+
]),
|
|
26
|
+
onClick: i
|
|
27
|
+
}, [
|
|
28
|
+
n(e.$slots, "icon-left", {}, void 0, !0),
|
|
29
|
+
n(e.$slots, "default", {}, void 0, !0),
|
|
30
|
+
n(e.$slots, "icon-right", {}, void 0, !0)
|
|
31
|
+
], 10, r));
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
export {
|
|
35
|
+
b as default
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=PaButton.vue2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PaButton.vue2.js","sources":["../../../src/components/PaButton/PaButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nexport type PaButtonVariant =\n | 'primary'\n | 'secondary'\n | 'tertiary'\n | 'accent'\n | 'ghost'\n | 'error'\n | 'success'\n\nexport type PaButtonSize = 'sm' | 'lg'\n\nexport interface PaButtonProps {\n variant?: PaButtonVariant\n size?: PaButtonSize\n disabled?: boolean\n type?: 'button' | 'submit' | 'reset'\n /**\n * Renders the button as a square (44×44 at sm, 60×60 at lg) with the icon\n * in the default slot. When true, the consumer MUST provide an `aria-label`\n * (or `aria-labelledby`) on the component so screen readers can announce\n * the button — there is no visible text label.\n */\n iconOnly?: boolean\n}\n\nconst props = withDefaults(defineProps<PaButtonProps>(), {\n variant: 'primary',\n size: 'sm',\n disabled: false,\n type: 'button',\n iconOnly: false,\n})\n\nconst emit = defineEmits<{\n click: [MouseEvent]\n}>()\n\nfunction onClick(event: MouseEvent) {\n if (props.disabled) return\n emit('click', event)\n}\n</script>\n\n<template>\n <button\n :type=\"type\"\n :disabled=\"disabled\"\n :class=\"[\n 'pa-button',\n `pa-button--${variant}`,\n `pa-button--${size}`,\n { 'pa-button--icon-only': iconOnly },\n ]\"\n @click=\"onClick\"\n >\n <slot name=\"icon-left\" />\n <slot />\n <slot name=\"icon-right\" />\n </button>\n</template>\n\n<style scoped>\n.pa-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--pa-space-xs);\n box-sizing: border-box;\n border: none;\n border-radius: var(--pa-radius-smooth);\n font-family: var(--pa-font-family-base);\n cursor: pointer;\n user-select: none;\n transition: background-color 120ms ease, color 120ms ease;\n}\n\n.pa-button:focus { outline: none; }\n\n.pa-button:focus-visible {\n outline: 3px solid var(--pa-color-primary-focus-border);\n outline-offset: 0;\n}\n\n.pa-button:disabled {\n cursor: not-allowed;\n}\n\n.pa-button--sm {\n height: 44px;\n padding: 0 24px;\n font-size: var(--pa-font-label-sm-size);\n line-height: var(--pa-font-label-sm-line-height);\n font-weight: var(--pa-font-label-sm-weight);\n}\n\n.pa-button--lg {\n height: 60px;\n padding: 0 32px;\n font-size: var(--pa-font-label-md-size);\n line-height: var(--pa-font-label-md-line-height);\n font-weight: var(--pa-font-label-md-weight);\n}\n\n.pa-button--icon-only.pa-button--sm { width: 44px; padding: 0; }\n.pa-button--icon-only.pa-button--lg { width: 60px; padding: 0; }\n\n/* Primary */\n.pa-button--primary {\n background: var(--pa-color-primary);\n color: var(--pa-color-text-white);\n}\n.pa-button--primary:hover:not(:disabled) { background: var(--pa-color-primary-hover); }\n.pa-button--primary:active:not(:disabled) { background: var(--pa-color-primary-pressed); }\n.pa-button--primary:disabled {\n background: var(--pa-color-bg-disabled-gray);\n color: var(--pa-color-text-disabled-gray);\n}\n\n/* Secondary */\n.pa-button--secondary {\n background: var(--pa-color-neutral-gray);\n color: var(--pa-color-text-white);\n}\n.pa-button--secondary:hover:not(:disabled) { background: var(--pa-color-neutral-gray-hover); }\n.pa-button--secondary:active:not(:disabled) { background: var(--pa-color-neutral-charcoal); }\n.pa-button--secondary:disabled {\n background: var(--pa-color-bg-disabled-gray);\n color: var(--pa-color-text-disabled-gray);\n}\n\n/* Tertiary — transparent fill, primary-blue border */\n.pa-button--tertiary {\n background: transparent;\n color: var(--pa-color-primary);\n border: var(--pa-border-sm) solid var(--pa-color-primary);\n}\n.pa-button--tertiary:hover:not(:disabled) { background: var(--pa-color-bg-primary-light-40); }\n.pa-button--tertiary:active:not(:disabled) { background: var(--pa-color-bg-primary-light-50); }\n.pa-button--tertiary:disabled {\n background: transparent;\n color: var(--pa-color-text-disabled-gray);\n border-color: var(--pa-color-text-disabled-gray);\n}\n\n/* Accent — cyan fill, dark-blue text */\n.pa-button--accent {\n background: var(--pa-color-accent);\n color: var(--pa-color-text-dark-blue);\n}\n.pa-button--accent:hover:not(:disabled) { background: var(--pa-color-accent-hover); }\n.pa-button--accent:active:not(:disabled) { background: var(--pa-color-accent-pressed); color: var(--pa-color-text-white); }\n.pa-button--accent:disabled {\n background: var(--pa-color-bg-disabled-gray);\n color: var(--pa-color-text-disabled-gray);\n}\n\n/* Ghost — transparent fill, blue text; pressed becomes dark filled */\n.pa-button--ghost {\n background: transparent;\n color: var(--pa-color-text-primary-blue);\n}\n.pa-button--ghost:hover:not(:disabled) { background: var(--pa-color-bg-primary-light-40); }\n.pa-button--ghost:active:not(:disabled) {\n background: var(--pa-color-bg-primary-dark-120);\n color: var(--pa-color-text-white);\n}\n.pa-button--ghost:disabled {\n background: transparent;\n color: var(--pa-color-text-disabled-gray);\n}\n\n/* Error */\n.pa-button--error {\n background: var(--pa-color-error);\n color: var(--pa-color-text-white);\n}\n.pa-button--error:hover:not(:disabled) { background: var(--pa-color-error-hover); }\n.pa-button--error:active:not(:disabled) { background: var(--pa-color-error-pressed); }\n.pa-button--error:disabled {\n background: var(--pa-color-bg-disabled-gray);\n color: var(--pa-color-text-disabled-gray);\n}\n\n/* Success */\n.pa-button--success {\n background: var(--pa-color-success);\n color: var(--pa-color-text-white);\n}\n.pa-button--success:hover:not(:disabled) { background: var(--pa-color-success-hover); }\n.pa-button--success:active:not(:disabled) { background: var(--pa-color-success-pressed); }\n.pa-button--success:disabled {\n background: var(--pa-color-bg-disabled-gray);\n color: var(--pa-color-text-disabled-gray);\n}\n</style>\n"],"names":["props","__props","emit","__emit","onClick","event","_createElementBlock","_normalizeClass","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;AA0BA,UAAMA,IAAQC,GAQRC,IAAOC;AAIb,aAASC,EAAQC,GAAmB;AAClC,MAAIL,EAAM,YACVE,EAAK,SAASG,CAAK;AAAA,IACrB;2BAIEC,EAcS,UAAA;AAAA,MAbN,MAAML,EAAA;AAAA,MACN,UAAUA,EAAA;AAAA,MACV,OAAKM,EAAA;AAAA;sBAA2CN,EAAA,OAAO;AAAA,sBAAwBA,EAAA,IAAI;AAAA,kCAAoCA,EAAA,SAAA;AAAA,MAAQ;MAM/H,SAAAG;AAAA,IAAA;MAEDI,EAAyBC,EAAA,QAAA,aAAA,CAAA,GAAA,QAAA,EAAA;AAAA,MACzBD,EAAQC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,MACRD,EAA0BC,EAAA,QAAA,cAAA,CAAA,GAAA,QAAA,EAAA;AAAA,IAAA;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import type { PaImageRatio } from '../PaImage/PaImage.vue';
|
|
2
|
+
import type { PaIconName } from '../PaIcon/PaIcon.vue';
|
|
3
|
+
export type PaCardTypology = 'landscape' | 'portrait' | 'process';
|
|
4
|
+
export type PaCardVariant = 'light' | 'dark';
|
|
5
|
+
export interface PaCardProps {
|
|
6
|
+
typology?: PaCardTypology;
|
|
7
|
+
variant?: PaCardVariant;
|
|
8
|
+
title?: string;
|
|
9
|
+
titleLevel?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
10
|
+
subtitle?: string;
|
|
11
|
+
body?: string;
|
|
12
|
+
signature?: string;
|
|
13
|
+
date?: string;
|
|
14
|
+
category?: string;
|
|
15
|
+
categoryIcon?: PaIconName;
|
|
16
|
+
imageSrc?: string;
|
|
17
|
+
imageAlt?: string;
|
|
18
|
+
imageRatio?: PaImageRatio;
|
|
19
|
+
}
|
|
20
|
+
declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PaCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PaCardProps> & Readonly<{}>, {
|
|
21
|
+
variant: PaCardVariant;
|
|
22
|
+
titleLevel: 1 | 2 | 3 | 4 | 5 | 6;
|
|
23
|
+
imageAlt: string;
|
|
24
|
+
typology: PaCardTypology;
|
|
25
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
|
|
26
|
+
'header-leading'?: (props: {}) => any;
|
|
27
|
+
} & {
|
|
28
|
+
'header-trailing'?: (props: {}) => any;
|
|
29
|
+
} & {
|
|
30
|
+
title?: (props: {}) => any;
|
|
31
|
+
} & {
|
|
32
|
+
subtitle?: (props: {}) => any;
|
|
33
|
+
} & {
|
|
34
|
+
body?: (props: {}) => any;
|
|
35
|
+
} & {
|
|
36
|
+
signature?: (props: {}) => any;
|
|
37
|
+
} & {
|
|
38
|
+
footer?: (props: {}) => any;
|
|
39
|
+
}>;
|
|
40
|
+
export default _default;
|
|
41
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
42
|
+
new (): {
|
|
43
|
+
$slots: S;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PaCard.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|