origam 2.15.0 → 2.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +64 -0
- package/dist/src/components/Alert/OrigamAlert.vue +13 -16
- package/dist/src/components/App/OrigamAppBar.vue +5 -5
- package/dist/src/components/Audio/OrigamAudio.vue +5 -5
- package/dist/src/components/Avatar/OrigamAvatar.vue +5 -5
- package/dist/src/components/Badge/OrigamBadge.vue +5 -5
- package/dist/src/components/Blockquote/OrigamBlockquote.vue +8 -8
- package/dist/src/components/BottomNav/OrigamBottomNav.vue +10 -8
- package/dist/src/components/Bracket/OrigamBracket.vue +12 -16
- package/dist/src/components/Bracket/OrigamBracketCompetitor.vue +6 -6
- package/dist/src/components/Bracket/OrigamBracketMatch.vue +24 -6
- package/dist/src/components/Bracket/OrigamBracketRound.vue +5 -5
- package/dist/src/components/Breadcrumb/OrigamBreadcrumb.vue +11 -8
- package/dist/src/components/Btn/OrigamBtn.vue +7 -7
- package/dist/src/components/Calendar/OrigamCalendar.vue +25 -39
- package/dist/src/components/Card/OrigamCard.vue +4 -4
- package/dist/src/components/Card/OrigamCardHeader.vue +21 -5
- package/dist/src/components/Card/OrigamCardText.vue +27 -6
- package/dist/src/components/Chart/OrigamChart.vue +54 -2
- package/dist/src/components/Chart/OrigamChartBoxPlot.vue +3 -3
- package/dist/src/components/Chart/OrigamChartBullet.vue +3 -3
- package/dist/src/components/Chart/OrigamChartCandlestick.vue +3 -3
- package/dist/src/components/Chart/OrigamChartCartesian.vue +5 -5
- package/dist/src/components/Chart/OrigamChartGauge.vue +3 -3
- package/dist/src/components/Chart/OrigamChartHeatmap.vue +3 -3
- package/dist/src/components/Chart/OrigamChartHoneycomb.vue +3 -3
- package/dist/src/components/Chart/OrigamChartLegend.vue +1 -1
- package/dist/src/components/Chart/OrigamChartMap.vue +3 -3
- package/dist/src/components/Chart/OrigamChartPareto.vue +3 -3
- package/dist/src/components/Chart/OrigamChartPictorial.vue +4 -4
- package/dist/src/components/Chart/OrigamChartPolar.vue +4 -4
- package/dist/src/components/Chart/OrigamChartPolarBar.vue +3 -3
- package/dist/src/components/Chart/OrigamChartPyramid.vue +3 -3
- package/dist/src/components/Chart/OrigamChartRadar.vue +3 -3
- package/dist/src/components/Chart/OrigamChartSankey.vue +3 -3
- package/dist/src/components/Chart/OrigamChartSparkline.vue +2 -2
- package/dist/src/components/Chart/OrigamChartStreamgraph.vue +4 -4
- package/dist/src/components/Chart/OrigamChartSunburst.vue +3 -3
- package/dist/src/components/Chart/OrigamChartTreemap.vue +4 -4
- package/dist/src/components/Chart/OrigamChartVariwide.vue +3 -3
- package/dist/src/components/Chart/OrigamChartWordCloud.vue +2 -2
- package/dist/src/components/Checkbox/OrigamCheckbox.vue +5 -5
- package/dist/src/components/Chip/OrigamChip.vue +18 -7
- package/dist/src/components/Chip/OrigamChipGroup.vue +9 -7
- package/dist/src/components/Clipboard/OrigamClipboard.vue +5 -5
- package/dist/src/components/Code/OrigamCode.vue +5 -5
- package/dist/src/components/ColorPicker/OrigamColorPicker.vue +6 -6
- package/dist/src/components/ColorPicker/OrigamColorPickerCanvas.vue +2 -2
- package/dist/src/components/ColorPickerField/OrigamColorPickerField.vue +5 -5
- package/dist/src/components/CommandPalette/OrigamCommandPalette.vue +5 -5
- package/dist/src/components/ContextualMenu/OrigamContextualMenu.vue +5 -5
- package/dist/src/components/Counter/OrigamCounter.vue +42 -2
- package/dist/src/components/DataList/OrigamDataList.vue +6 -6
- package/dist/src/components/DataTable/OrigamDataTable.vue +5 -5
- package/dist/src/components/DataTable/OrigamDataTableHeaders.vue +2 -2
- package/dist/src/components/DataTable/OrigamDataTableRows.vue +2 -1
- package/dist/src/components/DatePicker/OrigamDatePicker.vue +6 -6
- package/dist/src/components/DatePickerField/OrigamDatePickerField.vue +5 -5
- package/dist/src/components/Dialog/OrigamDialogConfirmation.vue +1 -1
- package/dist/src/components/EmptyState/OrigamEmptyState.vue +7 -7
- package/dist/src/components/ExpansionPanel/OrigamExpansionPanel.vue +8 -8
- package/dist/src/components/ExpansionPanel/OrigamExpansionPanelContent.vue +2 -2
- package/dist/src/components/ExpansionPanel/OrigamExpansionPanelHeader.vue +5 -5
- package/dist/src/components/ExpansionPanel/OrigamExpansionPanels.vue +12 -8
- package/dist/src/components/Field/OrigamField.vue +7 -7
- package/dist/src/components/FileField/OrigamFileField.vue +12 -12
- package/dist/src/components/FileField/OrigamFileFieldDragNDropItem.vue +5 -5
- package/dist/src/components/FileField/OrigamFileFieldListItem.vue +5 -5
- package/dist/src/components/Form/OrigamForm.vue +6 -6
- package/dist/src/components/Grid/OrigamGrid.vue +5 -5
- package/dist/src/components/Grid/OrigamGridItem.vue +2 -2
- package/dist/src/components/Icon/OrigamClassIcon.vue +28 -3
- package/dist/src/components/Icon/OrigamComponentIcon.vue +28 -3
- package/dist/src/components/Icon/OrigamIcon.vue +0 -1
- package/dist/src/components/Icon/OrigamLigatureIcon.vue +28 -3
- package/dist/src/components/Icon/OrigamSvgIcon.vue +28 -3
- package/dist/src/components/InfiniteScroll/OrigamInfiniteScroll.vue +5 -5
- package/dist/src/components/InlineEdit/OrigamInlineEdit.vue +5 -5
- package/dist/src/components/Input/OrigamInput.vue +25 -5
- package/dist/src/components/ItemGroup/OrigamItemGroup.vue +6 -3
- package/dist/src/components/Kbd/OrigamKbd.vue +8 -7
- package/dist/src/components/Label/OrigamLabel.vue +5 -5
- package/dist/src/components/List/OrigamList.vue +9 -7
- package/dist/src/components/List/OrigamListGroup.vue +7 -4
- package/dist/src/components/List/OrigamListItem.vue +5 -5
- package/dist/src/components/List/OrigamListSubheader.vue +5 -5
- package/dist/src/components/Masonry/OrigamMasonry.vue +7 -4
- package/dist/src/components/Media/OrigamMediaController.vue +0 -5
- package/dist/src/components/Media/OrigamMediaScrubber.vue +17 -13
- package/dist/src/components/Menu/OrigamMenu.vue +25 -12
- package/dist/src/components/Messages/OrigamMessages.vue +5 -5
- package/dist/src/components/NumberField/OrigamNumberField.vue +5 -5
- package/dist/src/components/NumberFormat/OrigamNumberFormat.vue +7 -7
- package/dist/src/components/OtpInputField/OrigamOtpInputField.vue +5 -5
- package/dist/src/components/Pagination/OrigamPagination.vue +33 -6
- package/dist/src/components/Parallax/OrigamParallax.vue +24 -6
- package/dist/src/components/Parallax/OrigamParallaxElement.vue +4 -4
- package/dist/src/components/PasswordField/OrigamPasswordField.vue +5 -5
- package/dist/src/components/Picker/OrigamPicker.vue +6 -6
- package/dist/src/components/Picker/OrigamPickerTitle.vue +5 -5
- package/dist/src/components/QrCode/OrigamQrCode.vue +1 -1
- package/dist/src/components/Radio/OrigamRadio.vue +5 -5
- package/dist/src/components/Radio/OrigamRadioGroup.vue +15 -12
- package/dist/src/components/RatingField/OrigamRatingField.vue +5 -5
- package/dist/src/components/Select/OrigamSelect.vue +5 -5
- package/dist/src/components/SelectionControl/OrigamSelectionControl.vue +4 -2
- package/dist/src/components/SelectionControl/OrigamSelectionControlGroup.vue +17 -15
- package/dist/src/components/Sheet/OrigamSheet.vue +2 -2
- package/dist/src/components/Skeleton/OrigamSkeleton.vue +1 -1
- package/dist/src/components/Slide/OrigamSlideGroup.vue +1 -1
- package/dist/src/components/SliderField/OrigamSliderField.vue +5 -5
- package/dist/src/components/SliderField/OrigamSliderFieldTrack.vue +1 -4
- package/dist/src/components/Snackbar/OrigamSnackbar.vue +1 -0
- package/dist/src/components/Snackbar/OrigamSnackbarGroup.vue +11 -7
- package/dist/src/components/Snackbar/OrigamSnackbarItem.vue +16 -10
- package/dist/src/components/Stepper/OrigamStepper.vue +3 -3
- package/dist/src/components/Stepper/OrigamStepperItem.vue +10 -10
- package/dist/src/components/Switch/OrigamSwitch.vue +11 -54
- package/dist/src/components/SystemBar/OrigamSystemBar.vue +5 -5
- package/dist/src/components/Table/OrigamTable.vue +5 -5
- package/dist/src/components/Tabs/OrigamTab.vue +5 -5
- package/dist/src/components/Tabs/OrigamTabPanels.vue +6 -3
- package/dist/src/components/Tabs/OrigamTabs.vue +9 -6
- package/dist/src/components/TextField/OrigamTextField.vue +5 -5
- package/dist/src/components/TextMask/OrigamTextMask.vue +7 -7
- package/dist/src/components/TextareaField/OrigamTextareaField.vue +8 -6
- package/dist/src/components/ThemeProvider/OrigamThemeProvider.vue +2 -2
- package/dist/src/components/Timeline/OrigamTimeline.vue +7 -5
- package/dist/src/components/Timeline/OrigamTimelineItem.vue +10 -9
- package/dist/src/components/Title/OrigamTitle.vue +5 -5
- package/dist/src/components/Toolbar/OrigamToolbar.vue +5 -5
- package/dist/src/components/Tooltip/OrigamTooltip.vue +5 -5
- package/dist/src/components/Treeview/OrigamTreeview.vue +8 -8
- package/dist/src/components/Treeview/OrigamTreeviewNode.vue +5 -4
- package/dist/src/components/Video/OrigamVideo.vue +8 -55
- package/dist/src/composables/Calendar/calendar.composable.cjs +11 -10
- package/dist/src/composables/Calendar/calendar.composable.d.ts +2 -26
- package/dist/src/composables/Calendar/calendar.composable.js +11 -10
- package/dist/src/composables/CommandPalette/command.composable.d.ts +2 -24
- package/dist/src/composables/Commons/defaults.composable.cjs +1 -0
- package/dist/src/composables/Commons/defaults.composable.d.ts +11 -0
- package/dist/src/composables/Commons/defaults.composable.js +1 -1
- package/dist/src/composables/Commons/loader.composable.cjs +2 -1
- package/dist/src/composables/Commons/loader.composable.d.ts +3 -24
- package/dist/src/composables/Commons/loader.composable.js +2 -1
- package/dist/src/composables/Commons/margin.composable.cjs +26 -12
- package/dist/src/composables/Commons/margin.composable.d.ts +37 -0
- package/dist/src/composables/Commons/margin.composable.js +22 -25
- package/dist/src/composables/Commons/padding.composable.cjs +26 -12
- package/dist/src/composables/Commons/padding.composable.d.ts +26 -0
- package/dist/src/composables/Commons/padding.composable.js +22 -25
- package/dist/src/composables/Commons/props.composable.d.ts +45 -0
- package/dist/src/composables/Commons/rounded.composable.cjs +18 -23
- package/dist/src/composables/Commons/rounded.composable.d.ts +29 -11
- package/dist/src/composables/Commons/rounded.composable.js +27 -31
- package/dist/src/composables/Commons/stateEffect.composable.cjs +53 -1
- package/dist/src/composables/Commons/stateEffect.composable.d.ts +2 -6
- package/dist/src/composables/Commons/stateEffect.composable.js +65 -7
- package/dist/src/composables/Commons/theme-props-resolver.composable.cjs +82 -0
- package/dist/src/composables/Commons/theme-props-resolver.composable.d.ts +38 -0
- package/dist/src/composables/Commons/theme-props-resolver.composable.js +75 -0
- package/dist/src/composables/CssSupport/cssSupport.composable.d.ts +5 -43
- package/dist/src/composables/Mask/mask.composable.d.ts +3 -23
- package/dist/src/composables/Masonry/masonry.composable.d.ts +4 -58
- package/dist/src/composables/Parallax/parallax.composable.d.ts +2 -20
- package/dist/src/composables/PasswordField/passwordStrength.composable.cjs +3 -2
- package/dist/src/composables/PasswordField/passwordStrength.composable.js +6 -5
- package/dist/src/composables/Snackbar/snackbar-group.composable.cjs +8 -3
- package/dist/src/composables/Snackbar/snackbar-group.composable.d.ts +3 -22
- package/dist/src/composables/Snackbar/snackbar-group.composable.js +8 -3
- package/dist/src/composables/Theme/theme.composable.d.ts +1 -1
- package/dist/src/composables/Transition/transition.composable.cjs +2 -2
- package/dist/src/composables/Transition/transition.composable.d.ts +3 -3
- package/dist/src/composables/Transition/transition.composable.js +2 -2
- package/dist/src/composables/index.cjs +12 -0
- package/dist/src/composables/index.d.ts +1 -0
- package/dist/src/composables/index.js +1 -0
- package/dist/src/consts/Blockquote/blockquote.const.cjs +3 -2
- package/dist/src/consts/Blockquote/blockquote.const.js +3 -14
- package/dist/src/consts/Bracket/bracket.const.cjs +3 -2
- package/dist/src/consts/Bracket/bracket.const.js +3 -11
- package/dist/src/consts/ColorPicker/color-picker.const.cjs +7 -7
- package/dist/src/consts/ColorPicker/color-picker.const.js +1 -1
- package/dist/src/consts/Commons/border.const.cjs +2 -2
- package/dist/src/consts/Commons/border.const.js +3 -3
- package/dist/src/consts/Commons/spacing.const.cjs +78 -0
- package/dist/src/consts/Commons/spacing.const.d.ts +102 -0
- package/dist/src/consts/Commons/spacing.const.js +56 -0
- package/dist/src/consts/EmptyState/empty-state.const.cjs +6 -6
- package/dist/src/consts/EmptyState/empty-state.const.js +7 -13
- package/dist/src/consts/Media/media.const.cjs +3 -2
- package/dist/src/consts/Media/media.const.d.ts +17 -0
- package/dist/src/consts/Media/media.const.js +1 -0
- package/dist/src/consts/QrCode/qr-code.const.cjs +2 -1
- package/dist/src/consts/QrCode/qr-code.const.js +2 -1
- package/dist/src/consts/index.cjs +11 -0
- package/dist/src/consts/index.d.ts +1 -0
- package/dist/src/consts/index.js +1 -0
- package/dist/src/enums/Bracket/bracket-round.enum.cjs +12 -0
- package/dist/src/enums/Bracket/bracket-round.enum.d.ts +10 -0
- package/dist/src/enums/Bracket/bracket-round.enum.js +6 -0
- package/dist/src/enums/Calendar/calendar.enum.cjs +24 -0
- package/dist/src/enums/Calendar/calendar.enum.d.ts +28 -0
- package/dist/src/enums/Calendar/calendar.enum.js +18 -0
- package/dist/src/enums/Chart/chart-sunburst.enum.cjs +12 -0
- package/dist/src/enums/Chart/chart-sunburst.enum.d.ts +12 -0
- package/dist/src/enums/Chart/chart-sunburst.enum.js +6 -0
- package/dist/src/enums/Chart/chart.enum.cjs +8 -2
- package/dist/src/enums/Chart/chart.enum.d.ts +21 -0
- package/dist/src/enums/Chart/chart.enum.js +6 -0
- package/dist/src/enums/Code/code.enum.cjs +9 -8
- package/dist/src/enums/Code/code.enum.d.ts +7 -5
- package/dist/src/enums/Code/code.enum.js +1 -6
- package/dist/src/enums/Commons/align.enum.cjs +8 -2
- package/dist/src/enums/Commons/align.enum.d.ts +14 -0
- package/dist/src/enums/Commons/align.enum.js +6 -0
- package/dist/src/enums/Commons/border.enum.cjs +7 -2
- package/dist/src/enums/Commons/border.enum.d.ts +9 -0
- package/dist/src/enums/Commons/border.enum.js +5 -0
- package/dist/src/enums/Commons/color.enum.cjs +13 -0
- package/dist/src/enums/Commons/color.enum.d.ts +17 -0
- package/dist/src/enums/Commons/color.enum.js +7 -0
- package/dist/src/enums/Commons/font-family.enum.cjs +12 -0
- package/dist/src/enums/Commons/font-family.enum.d.ts +10 -0
- package/dist/src/enums/Commons/font-family.enum.js +6 -0
- package/dist/src/enums/Commons/font-size.enum.cjs +18 -0
- package/dist/src/enums/Commons/font-size.enum.d.ts +21 -0
- package/dist/src/enums/Commons/font-size.enum.js +12 -0
- package/dist/src/enums/Commons/font-weight.enum.cjs +15 -0
- package/dist/src/enums/Commons/font-weight.enum.d.ts +12 -0
- package/dist/src/enums/Commons/font-weight.enum.js +9 -0
- package/dist/src/enums/Commons/letter-spacing.enum.cjs +14 -0
- package/dist/src/enums/Commons/letter-spacing.enum.d.ts +12 -0
- package/dist/src/enums/Commons/letter-spacing.enum.js +8 -0
- package/dist/src/enums/Commons/line-height.enum.cjs +15 -0
- package/dist/src/enums/Commons/line-height.enum.d.ts +12 -0
- package/dist/src/enums/Commons/line-height.enum.js +9 -0
- package/dist/src/enums/Commons/loader.enum.cjs +12 -0
- package/dist/src/enums/Commons/loader.enum.d.ts +14 -0
- package/dist/src/enums/Commons/loader.enum.js +6 -0
- package/dist/src/enums/Commons/theme.enum.cjs +12 -0
- package/dist/src/enums/Commons/theme.enum.d.ts +19 -0
- package/dist/src/enums/Commons/theme.enum.js +6 -0
- package/dist/src/enums/DataList/data-list.enum.cjs +11 -0
- package/dist/src/enums/DataList/data-list.enum.d.ts +15 -0
- package/dist/src/enums/DataList/data-list.enum.js +5 -0
- package/dist/src/enums/FileField/file-field.enum.cjs +12 -0
- package/dist/src/enums/FileField/file-field.enum.d.ts +9 -0
- package/dist/src/enums/FileField/file-field.enum.js +6 -0
- package/dist/src/enums/Grid/grid.enum.cjs +13 -0
- package/dist/src/enums/Grid/grid.enum.d.ts +15 -0
- package/dist/src/enums/Grid/grid.enum.js +7 -0
- package/dist/src/enums/Kbd/kbd.enum.cjs +12 -0
- package/dist/src/enums/Kbd/kbd.enum.d.ts +10 -0
- package/dist/src/enums/Kbd/kbd.enum.js +6 -0
- package/dist/src/enums/Masonry/masonry.enum.cjs +11 -0
- package/dist/src/enums/Masonry/masonry.enum.d.ts +10 -0
- package/dist/src/enums/Masonry/masonry.enum.js +5 -0
- package/dist/src/enums/NumberFormat/number-format.enum.cjs +55 -0
- package/dist/src/enums/NumberFormat/number-format.enum.d.ts +78 -0
- package/dist/src/enums/NumberFormat/number-format.enum.js +49 -0
- package/dist/src/enums/PasswordField/password-field.enum.cjs +13 -0
- package/dist/src/enums/PasswordField/password-field.enum.d.ts +12 -0
- package/dist/src/enums/PasswordField/password-field.enum.js +7 -0
- package/dist/src/enums/QrCode/qr-code.enum.cjs +13 -0
- package/dist/src/enums/QrCode/qr-code.enum.d.ts +11 -0
- package/dist/src/enums/QrCode/qr-code.enum.js +7 -0
- package/dist/src/enums/Sheet/sheet.enum.cjs +13 -0
- package/dist/src/enums/Sheet/sheet.enum.d.ts +14 -0
- package/dist/src/enums/Sheet/sheet.enum.js +7 -0
- package/dist/src/enums/Skeleton/skeleton.enum.cjs +14 -0
- package/dist/src/enums/Skeleton/skeleton.enum.d.ts +11 -0
- package/dist/src/enums/Skeleton/skeleton.enum.js +8 -0
- package/dist/src/enums/Snackbar/snackbar-group.enum.cjs +22 -0
- package/dist/src/enums/Snackbar/snackbar-group.enum.d.ts +22 -0
- package/dist/src/enums/Snackbar/snackbar-group.enum.js +16 -0
- package/dist/src/enums/Stepper/stepper.enum.cjs +13 -0
- package/dist/src/enums/Stepper/stepper.enum.d.ts +11 -0
- package/dist/src/enums/Stepper/stepper.enum.js +7 -0
- package/dist/src/enums/TextField/text-field.enum.cjs +8 -1
- package/dist/src/enums/TextField/text-field.enum.d.ts +12 -0
- package/dist/src/enums/TextField/text-field.enum.js +7 -0
- package/dist/src/enums/TextMask/text-mask.enum.cjs +13 -0
- package/dist/src/enums/TextMask/text-mask.enum.d.ts +11 -0
- package/dist/src/enums/TextMask/text-mask.enum.js +7 -0
- package/dist/src/enums/Timeline/timeline.enum.cjs +12 -0
- package/dist/src/enums/Timeline/timeline.enum.d.ts +10 -0
- package/dist/src/enums/Timeline/timeline.enum.js +6 -0
- package/dist/src/enums/Treeview/treeview.enum.cjs +17 -0
- package/dist/src/enums/Treeview/treeview.enum.d.ts +18 -0
- package/dist/src/enums/Treeview/treeview.enum.js +11 -0
- package/dist/src/enums/Video/video.enum.cjs +13 -0
- package/dist/src/enums/Video/video.enum.d.ts +12 -0
- package/dist/src/enums/Video/video.enum.js +7 -0
- package/dist/src/enums/index.cjs +297 -0
- package/dist/src/enums/index.d.ts +27 -0
- package/dist/src/enums/index.js +27 -0
- package/dist/src/interfaces/Bracket/bracket-competitor-component.interface.d.ts +2 -2
- package/dist/src/interfaces/Bracket/bracket-match-component.interface.d.ts +2 -2
- package/dist/src/interfaces/Bracket/bracket-surface.interface.cjs +1 -0
- package/dist/src/interfaces/Bracket/bracket-surface.interface.d.ts +56 -0
- package/dist/src/interfaces/Bracket/bracket-surface.interface.js +0 -0
- package/dist/src/interfaces/Calendar/calendar.interface.d.ts +25 -0
- package/dist/src/interfaces/Calendar/rrule.interface.cjs +1 -0
- package/dist/src/interfaces/Calendar/rrule.interface.d.ts +26 -0
- package/dist/src/interfaces/Calendar/rrule.interface.js +0 -0
- package/dist/src/interfaces/Chart/chart-sunburst.interface.d.ts +2 -8
- package/dist/src/interfaces/CommandPalette/command-palette-rendered-group.interface.d.ts +1 -2
- package/dist/src/interfaces/CommandPalette/command.interface.d.ts +47 -0
- package/dist/src/interfaces/Commons/loader.interface.d.ts +23 -1
- package/dist/src/interfaces/Commons/margin.interface.d.ts +30 -0
- package/dist/src/interfaces/Commons/padding.interface.d.ts +29 -0
- package/dist/src/interfaces/Commons/rounded.interface.d.ts +24 -0
- package/dist/src/interfaces/CssSupport/css-support.interface.cjs +1 -0
- package/dist/src/interfaces/CssSupport/css-support.interface.d.ts +43 -0
- package/dist/src/interfaces/CssSupport/css-support.interface.js +0 -0
- package/dist/src/interfaces/DataList/data-list.interface.d.ts +2 -15
- package/dist/src/interfaces/Dialog/dialog-confirmation.interface.d.ts +2 -2
- package/dist/src/interfaces/Form/form.interface.d.ts +9 -2
- package/dist/src/interfaces/Icon/icon.interface.d.ts +11 -1
- package/dist/src/interfaces/Mask/mask-options.interface.d.ts +23 -2
- package/dist/src/interfaces/Masonry/masonry.interface.d.ts +55 -0
- package/dist/src/interfaces/Media/media-scrubber.interface.d.ts +25 -3
- package/dist/src/interfaces/Menu/menu.interface.d.ts +10 -2
- package/dist/src/interfaces/Parallax/parallax.interface.d.ts +18 -0
- package/dist/src/interfaces/QrCode/qr-code.interface.d.ts +15 -1
- package/dist/src/interfaces/Radio/radio-group.interface.d.ts +4 -1
- package/dist/src/interfaces/Sheet/sheet-emits.interface.d.ts +7 -1
- package/dist/src/interfaces/Snackbar/snackbar-group.interface.d.ts +62 -2
- package/dist/src/interfaces/Snackbar/snackbar.interface.d.ts +4 -1
- package/dist/src/interfaces/Theme/origam-theme.interface.d.ts +16 -1
- package/dist/src/interfaces/Timeline/timeline.interface.d.ts +4 -4
- package/dist/src/interfaces/Video/video.interface.d.ts +2 -2
- package/dist/src/interfaces/Watermark/watermark.interface.d.ts +19 -0
- package/dist/src/interfaces/index.cjs +33 -0
- package/dist/src/interfaces/index.d.ts +3 -0
- package/dist/src/interfaces/index.js +3 -0
- package/dist/src/origam.cjs +2 -0
- package/dist/src/origam.js +14 -1
- package/dist/src/types/Blockquote/blockquote.type.d.ts +4 -3
- package/dist/src/types/Bracket/bracket-round.type.d.ts +2 -1
- package/dist/src/types/Bracket/bracket.type.d.ts +50 -0
- package/dist/src/types/Calendar/calendar.type.d.ts +4 -3
- package/dist/src/types/Chart/chart-cartesian.type.d.ts +2 -1
- package/dist/src/types/Chart/chart-legend.type.d.ts +5 -1
- package/dist/src/types/Chart/chart-pictorial.type.d.ts +2 -1
- package/dist/src/types/Chart/chart-polar.type.d.ts +2 -1
- package/dist/src/types/Chart/chart-streamgraph.type.d.ts +2 -1
- package/dist/src/types/Chart/chart-sunburst.type.d.ts +8 -0
- package/dist/src/types/Chart/chart-treemap.type.d.ts +2 -1
- package/dist/src/types/Chart/chart.type.d.ts +14 -2
- package/dist/src/types/Code/code.type.d.ts +19 -0
- package/dist/src/types/Commons/align.type.d.ts +6 -1
- package/dist/src/types/Commons/border.type.d.ts +2 -2
- package/dist/src/types/Commons/color.type.d.ts +2 -1
- package/dist/src/types/Commons/css-support.type.cjs +1 -0
- package/dist/src/types/Commons/css-support.type.d.ts +26 -0
- package/dist/src/types/Commons/css-support.type.js +0 -0
- package/dist/src/types/Commons/font-family.type.d.ts +2 -1
- package/dist/src/types/Commons/font-size.type.d.ts +2 -1
- package/dist/src/types/Commons/font-weight.type.d.ts +2 -1
- package/dist/src/types/Commons/letter-spacing.type.d.ts +2 -1
- package/dist/src/types/Commons/line-height.type.d.ts +2 -1
- package/dist/src/types/Commons/loader.type.d.ts +5 -4
- package/dist/src/types/Commons/state-effect.type.cjs +1 -0
- package/dist/src/types/Commons/state-effect.type.d.ts +30 -0
- package/dist/src/types/Commons/state-effect.type.js +0 -0
- package/dist/src/types/DataList/data-list.type.d.ts +16 -0
- package/dist/src/types/EmptyState/empty-state.type.d.ts +8 -2
- package/dist/src/types/FileField/file-field.type.d.ts +2 -1
- package/dist/src/types/Grid/grid-item.type.d.ts +4 -2
- package/dist/src/types/Grid/grid.type.d.ts +13 -4
- package/dist/src/types/InlineEdit/inline-edit.type.d.ts +5 -1
- package/dist/src/types/Kbd/kbd.type.d.ts +2 -1
- package/dist/src/types/Masonry/masonry.type.d.ts +2 -1
- package/dist/src/types/NumberFormat/number-format.type.d.ts +8 -7
- package/dist/src/types/PasswordField/password-field.type.d.ts +2 -1
- package/dist/src/types/QrCode/qr-code.type.d.ts +2 -1
- package/dist/src/types/Sheet/sheet.type.d.ts +2 -1
- package/dist/src/types/Skeleton/skeleton.type.d.ts +2 -1
- package/dist/src/types/Snackbar/snackbar-group.type.d.ts +3 -2
- package/dist/src/types/Stepper/stepper.type.d.ts +2 -1
- package/dist/src/types/TextField/text-field.type.d.ts +2 -2
- package/dist/src/types/TextMask/text-mask.type.d.ts +2 -1
- package/dist/src/types/Theme/theme.type.d.ts +3 -2
- package/dist/src/types/Timeline/timeline.type.d.ts +2 -1
- package/dist/src/types/Treeview/treeview.type.d.ts +3 -2
- package/dist/src/types/Video/video.type.d.ts +2 -1
- package/dist/src/types/index.cjs +22 -0
- package/dist/src/types/index.d.ts +2 -0
- package/dist/src/types/index.js +2 -0
- package/dist/src/utils/Bracket/bracket-surface.util.cjs +26 -0
- package/dist/src/utils/Bracket/bracket-surface.util.d.ts +3 -24
- package/dist/src/utils/Bracket/bracket-surface.util.js +16 -0
- package/dist/src/utils/Calendar/rrule.util.d.ts +2 -10
- package/dist/src/utils/Chart/path.util.d.ts +2 -2
- package/dist/src/utils/CommandPalette/fuzzy-match.util.d.ts +2 -10
- package/dist/src/utils/Commons/color.util.cjs +2 -1
- package/dist/src/utils/Commons/color.util.js +2 -1
- package/dist/src/utils/Commons/spacing.util.cjs +34 -0
- package/dist/src/utils/Commons/spacing.util.d.ts +55 -0
- package/dist/src/utils/Commons/spacing.util.js +27 -0
- package/dist/src/utils/Mask/apply-mask.util.cjs +8 -7
- package/dist/src/utils/Mask/apply-mask.util.js +8 -7
- package/dist/src/utils/index.cjs +11 -0
- package/dist/src/utils/index.d.ts +1 -0
- package/dist/src/utils/index.js +1 -0
- package/package.json +5 -3
package/dist/src/types/index.cjs
CHANGED
|
@@ -465,6 +465,17 @@ Object.keys(_calendar).forEach(function (key) {
|
|
|
465
465
|
}
|
|
466
466
|
});
|
|
467
467
|
});
|
|
468
|
+
var _cssSupport = require("./Commons/css-support.type.cjs");
|
|
469
|
+
Object.keys(_cssSupport).forEach(function (key) {
|
|
470
|
+
if (key === "default" || key === "__esModule") return;
|
|
471
|
+
if (key in exports && exports[key] === _cssSupport[key]) return;
|
|
472
|
+
Object.defineProperty(exports, key, {
|
|
473
|
+
enumerable: true,
|
|
474
|
+
get: function () {
|
|
475
|
+
return _cssSupport[key];
|
|
476
|
+
}
|
|
477
|
+
});
|
|
478
|
+
});
|
|
468
479
|
var _commons = require("./Commons/commons.type.cjs");
|
|
469
480
|
Object.keys(_commons).forEach(function (key) {
|
|
470
481
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -828,6 +839,17 @@ Object.keys(_sort).forEach(function (key) {
|
|
|
828
839
|
}
|
|
829
840
|
});
|
|
830
841
|
});
|
|
842
|
+
var _stateEffect = require("./Commons/state-effect.type.cjs");
|
|
843
|
+
Object.keys(_stateEffect).forEach(function (key) {
|
|
844
|
+
if (key === "default" || key === "__esModule") return;
|
|
845
|
+
if (key in exports && exports[key] === _stateEffect[key]) return;
|
|
846
|
+
Object.defineProperty(exports, key, {
|
|
847
|
+
enumerable: true,
|
|
848
|
+
get: function () {
|
|
849
|
+
return _stateEffect[key];
|
|
850
|
+
}
|
|
851
|
+
});
|
|
852
|
+
});
|
|
831
853
|
var _status = require("./Commons/status.type.cjs");
|
|
832
854
|
Object.keys(_status).forEach(function (key) {
|
|
833
855
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -40,6 +40,7 @@ export * from './Commons/anchor.type';
|
|
|
40
40
|
export * from './Commons/border.type';
|
|
41
41
|
export * from './Commons/color.type';
|
|
42
42
|
export * from './Commons/calendar.type';
|
|
43
|
+
export * from './Commons/css-support.type';
|
|
43
44
|
export * from './Commons/commons.type';
|
|
44
45
|
export * from './Commons/date.type';
|
|
45
46
|
export * from './Commons/density.type';
|
|
@@ -73,6 +74,7 @@ export * from './Commons/ripple.type';
|
|
|
73
74
|
export * from './Commons/scroll.type';
|
|
74
75
|
export * from './Commons/size.type';
|
|
75
76
|
export * from './Commons/sort.type';
|
|
77
|
+
export * from './Commons/state-effect.type';
|
|
76
78
|
export * from './Commons/status.type';
|
|
77
79
|
export * from './Commons/touch.type';
|
|
78
80
|
export * from './Commons/v-model.type';
|
package/dist/src/types/index.js
CHANGED
|
@@ -40,6 +40,7 @@ export * from "./Commons/anchor.type.js";
|
|
|
40
40
|
export * from "./Commons/border.type.js";
|
|
41
41
|
export * from "./Commons/color.type.js";
|
|
42
42
|
export * from "./Commons/calendar.type.js";
|
|
43
|
+
export * from "./Commons/css-support.type.js";
|
|
43
44
|
export * from "./Commons/commons.type.js";
|
|
44
45
|
export * from "./Commons/date.type.js";
|
|
45
46
|
export * from "./Commons/density.type.js";
|
|
@@ -73,6 +74,7 @@ export * from "./Commons/ripple.type.js";
|
|
|
73
74
|
export * from "./Commons/scroll.type.js";
|
|
74
75
|
export * from "./Commons/size.type.js";
|
|
75
76
|
export * from "./Commons/sort.type.js";
|
|
77
|
+
export * from "./Commons/state-effect.type.js";
|
|
76
78
|
export * from "./Commons/status.type.js";
|
|
77
79
|
export * from "./Commons/touch.type.js";
|
|
78
80
|
export * from "./Commons/v-model.type.js";
|
|
@@ -13,6 +13,8 @@ exports.resolveBracketShadow = resolveBracketShadow;
|
|
|
13
13
|
exports.resolveBracketSurface = resolveBracketSurface;
|
|
14
14
|
var _commons = require("../Commons/commons.util.cjs");
|
|
15
15
|
var _color = require("../Commons/color.util.cjs");
|
|
16
|
+
var _border = require("../../consts/Commons/border.const.cjs");
|
|
17
|
+
var _spacing = require("../../consts/Commons/spacing.const.cjs");
|
|
16
18
|
const ROUNDED_RUNGS = ["none", "xs", "sm", "md", "lg", "xl", "full"];
|
|
17
19
|
const SHADOW_RUNGS = ["none", "xs", "sm", "md", "lg", "xl"];
|
|
18
20
|
const NAMED_RADIUS_VARS = {
|
|
@@ -102,5 +104,29 @@ function bracketSurfaceVars(input) {
|
|
|
102
104
|
if (input.borderStyle) vars["--origam-bracket-match---border-style"] = input.borderStyle;
|
|
103
105
|
const borderColor = resolveBracketBorderColor(input.borderColor);
|
|
104
106
|
if (borderColor) vars["--origam-bracket-match---border-color"] = borderColor;
|
|
107
|
+
_spacing.ROUNDED_CORNER_MAP.forEach(({
|
|
108
|
+
corner,
|
|
109
|
+
prop
|
|
110
|
+
}) => {
|
|
111
|
+
const resolved = resolveBracketRadius(input[prop]);
|
|
112
|
+
if (resolved) vars[`--origam-bracket-match---border-${corner}-radius`] = resolved;
|
|
113
|
+
});
|
|
114
|
+
_border.BORDER_POSITION_MAP.forEach(({
|
|
115
|
+
side,
|
|
116
|
+
widthProp,
|
|
117
|
+
colorProp
|
|
118
|
+
}) => {
|
|
119
|
+
const width = resolveBracketBorderWidth(input[widthProp]);
|
|
120
|
+
if (width) vars[`--origam-bracket-match---border-${side}-width`] = width;
|
|
121
|
+
const sideColor = resolveBracketBorderColor(input[colorProp]);
|
|
122
|
+
if (sideColor) vars[`--origam-bracket-match---border-${side}-color`] = sideColor;
|
|
123
|
+
});
|
|
124
|
+
_border.BORDER_LOGICAL_AXIS_MAP.forEach(({
|
|
125
|
+
axis,
|
|
126
|
+
widthProp
|
|
127
|
+
}) => {
|
|
128
|
+
const width = resolveBracketBorderWidth(input[widthProp]);
|
|
129
|
+
if (width) vars[`--origam-bracket-match---border-${axis}-width`] = width;
|
|
130
|
+
});
|
|
105
131
|
return vars;
|
|
106
132
|
}
|
|
@@ -1,18 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
* `--origam-bracket-match---*` CSS custom properties; both `OrigamBracket`
|
|
5
|
-
* (which paints every match from the tree root) and `OrigamBracketMatch`
|
|
6
|
-
* (standalone) resolve their props the same way through here — single
|
|
7
|
-
* source of truth, no per-component duplication.
|
|
8
|
-
*
|
|
9
|
-
* Tokenised intents / rungs resolve to the generated theme vars; custom
|
|
10
|
-
* numbers and CSS values pass through `convertToUnit` (or verbatim).
|
|
11
|
-
*/
|
|
12
|
-
type TBracketColor = string | null | undefined;
|
|
13
|
-
type TBracketRounded = string | number | boolean | null | undefined;
|
|
14
|
-
type TBracketElevation = string | number | boolean | null | undefined;
|
|
15
|
-
type TBracketBorder = string | number | boolean | null | undefined;
|
|
1
|
+
import type { IBracketSurfaceInput } from '../../interfaces';
|
|
2
|
+
import type { TBracketBorder, TBracketColor, TBracketElevation, TBracketRounded } from '../../types';
|
|
3
|
+
export type { IBracketSurfaceInput } from '../../interfaces';
|
|
16
4
|
/** `bgColor` → the match surface fill. */
|
|
17
5
|
export declare function resolveBracketSurface(value: TBracketColor): string | null;
|
|
18
6
|
/** `color` → text colour on the neutral surface (no auto-contrast). */
|
|
@@ -30,18 +18,9 @@ export declare function bracketDashArray(borderStyle: string | null | undefined)
|
|
|
30
18
|
dasharray?: string;
|
|
31
19
|
linecap?: string;
|
|
32
20
|
};
|
|
33
|
-
export interface IBracketSurfaceInput {
|
|
34
|
-
bgColor?: TBracketColor;
|
|
35
|
-
rounded?: TBracketRounded;
|
|
36
|
-
elevation?: TBracketElevation;
|
|
37
|
-
border?: TBracketBorder;
|
|
38
|
-
borderColor?: TBracketColor;
|
|
39
|
-
borderStyle?: string | null;
|
|
40
|
-
}
|
|
41
21
|
/**
|
|
42
22
|
* Assemble the `--origam-bracket-match---*` custom properties for a match
|
|
43
23
|
* surface from a prop bag. Used by both `OrigamBracket` (root, all matches)
|
|
44
24
|
* and `OrigamBracketMatch` (standalone).
|
|
45
25
|
*/
|
|
46
26
|
export declare function bracketSurfaceVars(input: IBracketSurfaceInput): Record<string, string>;
|
|
47
|
-
export {};
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { convertToUnit } from "../Commons/commons.util.js";
|
|
2
2
|
import { isCssColor, isIntent, tokenForegroundForIntent, tokenStylesForIntent } from "../Commons/color.util.js";
|
|
3
|
+
import { BORDER_LOGICAL_AXIS_MAP, BORDER_POSITION_MAP } from "../../consts/Commons/border.const.js";
|
|
4
|
+
import { ROUNDED_CORNER_MAP } from "../../consts/Commons/spacing.const.js";
|
|
3
5
|
const ROUNDED_RUNGS = ["none", "xs", "sm", "md", "lg", "xl", "full"];
|
|
4
6
|
const SHADOW_RUNGS = ["none", "xs", "sm", "md", "lg", "xl"];
|
|
5
7
|
const NAMED_RADIUS_VARS = {
|
|
@@ -84,5 +86,19 @@ export function bracketSurfaceVars(input) {
|
|
|
84
86
|
if (input.borderStyle) vars["--origam-bracket-match---border-style"] = input.borderStyle;
|
|
85
87
|
const borderColor = resolveBracketBorderColor(input.borderColor);
|
|
86
88
|
if (borderColor) vars["--origam-bracket-match---border-color"] = borderColor;
|
|
89
|
+
ROUNDED_CORNER_MAP.forEach(({ corner, prop }) => {
|
|
90
|
+
const resolved = resolveBracketRadius(input[prop]);
|
|
91
|
+
if (resolved) vars[`--origam-bracket-match---border-${corner}-radius`] = resolved;
|
|
92
|
+
});
|
|
93
|
+
BORDER_POSITION_MAP.forEach(({ side, widthProp, colorProp }) => {
|
|
94
|
+
const width = resolveBracketBorderWidth(input[widthProp]);
|
|
95
|
+
if (width) vars[`--origam-bracket-match---border-${side}-width`] = width;
|
|
96
|
+
const sideColor = resolveBracketBorderColor(input[colorProp]);
|
|
97
|
+
if (sideColor) vars[`--origam-bracket-match---border-${side}-color`] = sideColor;
|
|
98
|
+
});
|
|
99
|
+
BORDER_LOGICAL_AXIS_MAP.forEach(({ axis, widthProp }) => {
|
|
100
|
+
const width = resolveBracketBorderWidth(input[widthProp]);
|
|
101
|
+
if (width) vars[`--origam-bracket-match---border-${axis}-width`] = width;
|
|
102
|
+
});
|
|
87
103
|
return vars;
|
|
88
104
|
}
|
|
@@ -16,21 +16,14 @@
|
|
|
16
16
|
*
|
|
17
17
|
* Pure / SSR-safe: no `Date.now()` at module scope, no DOM access.
|
|
18
18
|
*/
|
|
19
|
-
import type { IEvent } from '../../interfaces';
|
|
20
|
-
interface IParsedRule {
|
|
21
|
-
freq: 'DAILY' | 'WEEKLY' | 'MONTHLY';
|
|
22
|
-
interval: number;
|
|
23
|
-
count: number | null;
|
|
24
|
-
until: Date | null;
|
|
25
|
-
byDay: Array<number> | null;
|
|
26
|
-
}
|
|
19
|
+
import type { ICalendarParsedRule, IEvent } from '../../interfaces';
|
|
27
20
|
/**
|
|
28
21
|
* Parse a raw RRULE string into a normalized rule object. Returns
|
|
29
22
|
* `null` when the directive is malformed or uses an unsupported
|
|
30
23
|
* `FREQ` value — the caller should fall back to single-occurrence
|
|
31
24
|
* rendering in that case.
|
|
32
25
|
*/
|
|
33
|
-
export declare function parseRRule(rrule: string):
|
|
26
|
+
export declare function parseRRule(rrule: string): ICalendarParsedRule | null;
|
|
34
27
|
/**
|
|
35
28
|
* Expand an event with an `rrule` into the list of concrete
|
|
36
29
|
* occurrences that fall inside `[range.start, range.end]`. Events
|
|
@@ -46,4 +39,3 @@ export declare function expandRecurrence(event: IEvent, range: {
|
|
|
46
39
|
start: Date;
|
|
47
40
|
end: Date;
|
|
48
41
|
}): Array<IEvent>;
|
|
49
|
-
export {};
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
* categorical axes — `useChart` handles the scale and feeds the
|
|
11
11
|
* scaled points in.
|
|
12
12
|
*/
|
|
13
|
-
|
|
14
|
-
export type TPathPoint
|
|
13
|
+
import type { TPathPoint } from '../../types/Chart/chart.type';
|
|
14
|
+
export type { TPathPoint } from '../../types/Chart/chart.type';
|
|
15
15
|
/**
|
|
16
16
|
* Joins a list of pixel points with straight segments.
|
|
17
17
|
*
|
|
@@ -25,16 +25,8 @@
|
|
|
25
25
|
* The function is pure — no side effects, no Vue reactivity. Safe to call
|
|
26
26
|
* inside a `computed`.
|
|
27
27
|
*/
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
* can short-circuit a re-sort on cached input.
|
|
31
|
-
*/
|
|
32
|
-
export interface IFuzzyMatchResult<T> {
|
|
33
|
-
/** Original item passed in. */
|
|
34
|
-
item: T;
|
|
35
|
-
/** Higher = better fit. `0` is the floor for a successful match. */
|
|
36
|
-
score: number;
|
|
37
|
-
}
|
|
28
|
+
import type { IFuzzyMatchResult } from '../../interfaces';
|
|
29
|
+
export type { IFuzzyMatchResult } from '../../interfaces';
|
|
38
30
|
/**
|
|
39
31
|
* Filter `items` to those whose composite haystack contains the
|
|
40
32
|
* query as a subsequence, and rank them by score (descending).
|
|
@@ -42,6 +42,7 @@ exports.tokenStylesForIntent = tokenStylesForIntent;
|
|
|
42
42
|
exports.warnDeprecatedProp = warnDeprecatedProp;
|
|
43
43
|
exports.warnLegacyColor = warnLegacyColor;
|
|
44
44
|
var _consts = require("../../consts/index.cjs");
|
|
45
|
+
var _color = require("../../enums/Commons/color.enum.cjs");
|
|
45
46
|
var _commons = require("./commons.util.cjs");
|
|
46
47
|
var _console = require("./console.util.cjs");
|
|
47
48
|
function isCssColor(color) {
|
|
@@ -375,7 +376,7 @@ function intentFgExpr(intent, role) {
|
|
|
375
376
|
const slot = role === "disabled" ? "fgDisabled" : "fg";
|
|
376
377
|
return `var(--origam-color__${base}---${slot})`;
|
|
377
378
|
}
|
|
378
|
-
function tokenStylesForIntent(intent, role =
|
|
379
|
+
function tokenStylesForIntent(intent, role = _color.BG_FG_ROLE.DEFAULT) {
|
|
379
380
|
return {
|
|
380
381
|
"background-color": intentBgExpr(intent, role),
|
|
381
382
|
color: intentFgExpr(intent, role)
|
|
@@ -30,6 +30,7 @@ import {
|
|
|
30
30
|
SRGB_REVERSE_MATRIX,
|
|
31
31
|
SRGB_REVERSE_TRANSFORM
|
|
32
32
|
} from "../../consts/index.js";
|
|
33
|
+
import { BG_FG_ROLE } from "../../enums/Commons/color.enum.js";
|
|
33
34
|
import { chunk, clamp, has, int, padEnd } from "./commons.util.js";
|
|
34
35
|
import { consoleWarn } from "./console.util.js";
|
|
35
36
|
export function isCssColor(color) {
|
|
@@ -314,7 +315,7 @@ export function intentFgExpr(intent, role) {
|
|
|
314
315
|
const slot = role === "disabled" ? "fgDisabled" : "fg";
|
|
315
316
|
return `var(--origam-color__${base}---${slot})`;
|
|
316
317
|
}
|
|
317
|
-
export function tokenStylesForIntent(intent, role =
|
|
318
|
+
export function tokenStylesForIntent(intent, role = BG_FG_ROLE.DEFAULT) {
|
|
318
319
|
return {
|
|
319
320
|
"background-color": intentBgExpr(intent, role),
|
|
320
321
|
color: intentFgExpr(intent, role)
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.resolveRoundedCornerValue = resolveRoundedCornerValue;
|
|
7
|
+
exports.resolveSpacingValue = resolveSpacingValue;
|
|
8
|
+
var _consts = require("../../consts/index.cjs");
|
|
9
|
+
var _commons = require("./commons.util.cjs");
|
|
10
|
+
const SCALE_STEP_REGEX = /^[0-9]+$/;
|
|
11
|
+
function resolveSpacingValue(value) {
|
|
12
|
+
if (value == null || typeof value === "boolean") return null;
|
|
13
|
+
if (typeof value === "number") return (0, _commons.convertToUnit)(value) ?? null;
|
|
14
|
+
const trimmed = value.trim();
|
|
15
|
+
if (trimmed === "") return null;
|
|
16
|
+
if (SCALE_STEP_REGEX.test(trimmed)) {
|
|
17
|
+
return _consts.SPACING_SCALE_STEPS.includes(trimmed) ? `var(--origam-space---${trimmed})` : null;
|
|
18
|
+
}
|
|
19
|
+
return trimmed;
|
|
20
|
+
}
|
|
21
|
+
function resolveRoundedCornerValue(value) {
|
|
22
|
+
if (value == null || typeof value === "boolean") return null;
|
|
23
|
+
if (typeof value === "number") return (0, _commons.convertToUnit)(value) ?? null;
|
|
24
|
+
const trimmed = value.trim();
|
|
25
|
+
if (trimmed === "") return null;
|
|
26
|
+
if (_consts.UTILITY_RADIUS_FALLBACK[trimmed]) {
|
|
27
|
+
return `var(--origam-radius---${trimmed}, ${_consts.UTILITY_RADIUS_FALLBACK[trimmed]})`;
|
|
28
|
+
}
|
|
29
|
+
if (_consts.PREDEFINED_ROUNDED.includes(trimmed)) {
|
|
30
|
+
return _consts.NAMED_RADIUS_TOKEN[trimmed] ?? null;
|
|
31
|
+
}
|
|
32
|
+
if (_consts.CUSTOM_BORDER_RADIUS_REGEX.test(trimmed)) return trimmed;
|
|
33
|
+
return null;
|
|
34
|
+
}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Resolve ONE directional spacing value (`paddingTop`, `marginInline`, …)
|
|
3
|
+
* into a single CSS value, or `null` when nothing should be emitted.
|
|
4
|
+
*
|
|
5
|
+
* The accepted vocabulary is deliberately the SAME one the `padding` /
|
|
6
|
+
* `margin` shorthands already accept, so a consumer never has to learn a
|
|
7
|
+
* second grammar to address one side:
|
|
8
|
+
*
|
|
9
|
+
* | input | output | why |
|
|
10
|
+
* |--------------------|---------------------------------|-----|
|
|
11
|
+
* | `8` (number) | `"8px"` | legacy raw-pixel contract, via `convertToUnit` |
|
|
12
|
+
* | `"4"` (string) | `"var(--origam-space---4)"` | design-token rung — mirrors `padding="4"` → `.origam--p-4` |
|
|
13
|
+
* | `"8px"` / `"1.5rem"` / `"50%"` | verbatim | plain CSS length |
|
|
14
|
+
* | `"var(…)"` / `"calc(…)"` | verbatim | escape hatch, mirrors `useDimension` |
|
|
15
|
+
* | `"auto"` | verbatim | valid on `margin-*` |
|
|
16
|
+
* | `true` / `false` / `""` / nullish | `null` | see the boolean note below |
|
|
17
|
+
*
|
|
18
|
+
* ⚠️ **A bare integer OUTSIDE the ladder emits nothing.** `"7"` resolves
|
|
19
|
+
* to no declaration rather than a bogus `var(--origam-space---7)` that the
|
|
20
|
+
* browser would drop anyway. This matches what `padding="7"` already does
|
|
21
|
+
* (no utility class exists, and `PADDING_REGEX` rejects a unit-less value),
|
|
22
|
+
* so the shorthand and the directionals stay consistent.
|
|
23
|
+
*
|
|
24
|
+
* ⚠️ **`true` is a no-op on a directional prop.** The `boolean` member of
|
|
25
|
+
* the prop type exists because the directionals copied the shorthand's
|
|
26
|
+
* signature, where `true` emits the legacy `${name}--padded` / `--marged`
|
|
27
|
+
* class. There is no per-side equivalent of that class, and — verified
|
|
28
|
+
* across `packages/ds/src/components` — NO component defines a rule for
|
|
29
|
+
* `--padded` / `--marged` in the first place, so there is no grounded
|
|
30
|
+
* default width to borrow. Emitting an arbitrary rung here would be an
|
|
31
|
+
* invention; the value forms above are the supported surface.
|
|
32
|
+
*/
|
|
33
|
+
export declare function resolveSpacingValue(value: boolean | number | string | null | undefined): string | null;
|
|
34
|
+
/**
|
|
35
|
+
* Resolve ONE per-corner radius value (`roundedTopLeft`, …) into a single
|
|
36
|
+
* CSS value, or `null` when nothing should be emitted.
|
|
37
|
+
*
|
|
38
|
+
* Accepts the exact same vocabulary as the `rounded` shorthand, resolved
|
|
39
|
+
* through the same shared tables, so `roundedTopLeft="large"` and
|
|
40
|
+
* `rounded="large"` can never drift apart:
|
|
41
|
+
*
|
|
42
|
+
* | input | output |
|
|
43
|
+
* |----------------------------|------------------------------------------|
|
|
44
|
+
* | `8` (number) | `"8px"` |
|
|
45
|
+
* | `"md"` (utility rung) | `"var(--origam-radius---md, 8px)"` |
|
|
46
|
+
* | `"large"` (named variant) | `"var(--origam-radius---xl, 16px)"` |
|
|
47
|
+
* | `"8px"` / `"var(…)"` / `"calc(…)"` | verbatim |
|
|
48
|
+
* | `"shaped"` / `"shaped-invert"` | `null` — corner-asymmetric, owned by component SCSS |
|
|
49
|
+
* | `true` / `false` / `""` / nullish | `null` |
|
|
50
|
+
*
|
|
51
|
+
* `true` is a no-op for the same reason as {@link resolveSpacingValue}:
|
|
52
|
+
* on the shorthand it selects the legacy `${name}--rounded` class, which
|
|
53
|
+
* has no per-corner counterpart.
|
|
54
|
+
*/
|
|
55
|
+
export declare function resolveRoundedCornerValue(value: boolean | number | string | null | undefined): string | null;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { CUSTOM_BORDER_RADIUS_REGEX, NAMED_RADIUS_TOKEN, PREDEFINED_ROUNDED, SPACING_SCALE_STEPS, UTILITY_RADIUS_FALLBACK } from "../../consts/index.js";
|
|
2
|
+
import { convertToUnit } from "./commons.util.js";
|
|
3
|
+
const SCALE_STEP_REGEX = /^[0-9]+$/;
|
|
4
|
+
export function resolveSpacingValue(value) {
|
|
5
|
+
if (value == null || typeof value === "boolean") return null;
|
|
6
|
+
if (typeof value === "number") return convertToUnit(value) ?? null;
|
|
7
|
+
const trimmed = value.trim();
|
|
8
|
+
if (trimmed === "") return null;
|
|
9
|
+
if (SCALE_STEP_REGEX.test(trimmed)) {
|
|
10
|
+
return SPACING_SCALE_STEPS.includes(trimmed) ? `var(--origam-space---${trimmed})` : null;
|
|
11
|
+
}
|
|
12
|
+
return trimmed;
|
|
13
|
+
}
|
|
14
|
+
export function resolveRoundedCornerValue(value) {
|
|
15
|
+
if (value == null || typeof value === "boolean") return null;
|
|
16
|
+
if (typeof value === "number") return convertToUnit(value) ?? null;
|
|
17
|
+
const trimmed = value.trim();
|
|
18
|
+
if (trimmed === "") return null;
|
|
19
|
+
if (UTILITY_RADIUS_FALLBACK[trimmed]) {
|
|
20
|
+
return `var(--origam-radius---${trimmed}, ${UTILITY_RADIUS_FALLBACK[trimmed]})`;
|
|
21
|
+
}
|
|
22
|
+
if (PREDEFINED_ROUNDED.includes(trimmed)) {
|
|
23
|
+
return NAMED_RADIUS_TOKEN[trimmed] ?? null;
|
|
24
|
+
}
|
|
25
|
+
if (CUSTOM_BORDER_RADIUS_REGEX.test(trimmed)) return trimmed;
|
|
26
|
+
return null;
|
|
27
|
+
}
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.applyMask = applyMask;
|
|
7
7
|
exports.parsePattern = parsePattern;
|
|
8
8
|
exports.unmaskValue = unmaskValue;
|
|
9
|
+
var _enums = require("../../enums/index.cjs");
|
|
9
10
|
const TOKEN_CACHE = /* @__PURE__ */new Map();
|
|
10
11
|
function parsePattern(pattern) {
|
|
11
12
|
if (TOKEN_CACHE.has(pattern)) {
|
|
@@ -15,25 +16,25 @@ function parsePattern(pattern) {
|
|
|
15
16
|
for (const char of pattern) {
|
|
16
17
|
if (char === "#") {
|
|
17
18
|
tokens.push({
|
|
18
|
-
kind:
|
|
19
|
+
kind: _enums.MASK_TOKEN_KIND.DIGIT,
|
|
19
20
|
char: "#",
|
|
20
21
|
consumer: true
|
|
21
22
|
});
|
|
22
23
|
} else if (char === "A") {
|
|
23
24
|
tokens.push({
|
|
24
|
-
kind:
|
|
25
|
+
kind: _enums.MASK_TOKEN_KIND.LETTER,
|
|
25
26
|
char: "A",
|
|
26
27
|
consumer: true
|
|
27
28
|
});
|
|
28
29
|
} else if (char === "*") {
|
|
29
30
|
tokens.push({
|
|
30
|
-
kind:
|
|
31
|
+
kind: _enums.MASK_TOKEN_KIND.ANY,
|
|
31
32
|
char: "*",
|
|
32
33
|
consumer: true
|
|
33
34
|
});
|
|
34
35
|
} else {
|
|
35
36
|
tokens.push({
|
|
36
|
-
kind:
|
|
37
|
+
kind: _enums.MASK_TOKEN_KIND.LITERAL,
|
|
37
38
|
char,
|
|
38
39
|
consumer: false
|
|
39
40
|
});
|
|
@@ -88,15 +89,15 @@ function applyMask(value, pattern) {
|
|
|
88
89
|
let matched = null;
|
|
89
90
|
while (consumed < stripped.length) {
|
|
90
91
|
const c = stripped[consumed++];
|
|
91
|
-
if (tok.kind ===
|
|
92
|
+
if (tok.kind === _enums.MASK_TOKEN_KIND.DIGIT && isDigit(c)) {
|
|
92
93
|
matched = c;
|
|
93
94
|
break;
|
|
94
95
|
}
|
|
95
|
-
if (tok.kind ===
|
|
96
|
+
if (tok.kind === _enums.MASK_TOKEN_KIND.LETTER && isLetter(c)) {
|
|
96
97
|
matched = c;
|
|
97
98
|
break;
|
|
98
99
|
}
|
|
99
|
-
if (tok.kind ===
|
|
100
|
+
if (tok.kind === _enums.MASK_TOKEN_KIND.ANY) {
|
|
100
101
|
matched = c;
|
|
101
102
|
break;
|
|
102
103
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { MASK_TOKEN_KIND } from "../../enums/index.js";
|
|
1
2
|
const TOKEN_CACHE = /* @__PURE__ */ new Map();
|
|
2
3
|
export function parsePattern(pattern) {
|
|
3
4
|
if (TOKEN_CACHE.has(pattern)) {
|
|
@@ -6,13 +7,13 @@ export function parsePattern(pattern) {
|
|
|
6
7
|
const tokens = [];
|
|
7
8
|
for (const char of pattern) {
|
|
8
9
|
if (char === "#") {
|
|
9
|
-
tokens.push({ kind:
|
|
10
|
+
tokens.push({ kind: MASK_TOKEN_KIND.DIGIT, char: "#", consumer: true });
|
|
10
11
|
} else if (char === "A") {
|
|
11
|
-
tokens.push({ kind:
|
|
12
|
+
tokens.push({ kind: MASK_TOKEN_KIND.LETTER, char: "A", consumer: true });
|
|
12
13
|
} else if (char === "*") {
|
|
13
|
-
tokens.push({ kind:
|
|
14
|
+
tokens.push({ kind: MASK_TOKEN_KIND.ANY, char: "*", consumer: true });
|
|
14
15
|
} else {
|
|
15
|
-
tokens.push({ kind:
|
|
16
|
+
tokens.push({ kind: MASK_TOKEN_KIND.LITERAL, char, consumer: false });
|
|
16
17
|
}
|
|
17
18
|
}
|
|
18
19
|
TOKEN_CACHE.set(pattern, tokens);
|
|
@@ -63,15 +64,15 @@ export function applyMask(value, pattern) {
|
|
|
63
64
|
let matched = null;
|
|
64
65
|
while (consumed < stripped.length) {
|
|
65
66
|
const c = stripped[consumed++];
|
|
66
|
-
if (tok.kind ===
|
|
67
|
+
if (tok.kind === MASK_TOKEN_KIND.DIGIT && isDigit(c)) {
|
|
67
68
|
matched = c;
|
|
68
69
|
break;
|
|
69
70
|
}
|
|
70
|
-
if (tok.kind ===
|
|
71
|
+
if (tok.kind === MASK_TOKEN_KIND.LETTER && isLetter(c)) {
|
|
71
72
|
matched = c;
|
|
72
73
|
break;
|
|
73
74
|
}
|
|
74
|
-
if (tok.kind ===
|
|
75
|
+
if (tok.kind === MASK_TOKEN_KIND.ANY) {
|
|
75
76
|
matched = c;
|
|
76
77
|
break;
|
|
77
78
|
}
|
package/dist/src/utils/index.cjs
CHANGED
|
@@ -190,6 +190,17 @@ Object.keys(_margin).forEach(function (key) {
|
|
|
190
190
|
}
|
|
191
191
|
});
|
|
192
192
|
});
|
|
193
|
+
var _spacing = require("./Commons/spacing.util.cjs");
|
|
194
|
+
Object.keys(_spacing).forEach(function (key) {
|
|
195
|
+
if (key === "default" || key === "__esModule") return;
|
|
196
|
+
if (key in exports && exports[key] === _spacing[key]) return;
|
|
197
|
+
Object.defineProperty(exports, key, {
|
|
198
|
+
enumerable: true,
|
|
199
|
+
get: function () {
|
|
200
|
+
return _spacing[key];
|
|
201
|
+
}
|
|
202
|
+
});
|
|
203
|
+
});
|
|
193
204
|
var _filters = require("./Commons/filters.util.cjs");
|
|
194
205
|
Object.keys(_filters).forEach(function (key) {
|
|
195
206
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -15,6 +15,7 @@ export * from './Commons/ripple.util';
|
|
|
15
15
|
export * from './Commons/rounded.util';
|
|
16
16
|
export * from './Commons/padding.util';
|
|
17
17
|
export * from './Commons/margin.util';
|
|
18
|
+
export * from './Commons/spacing.util';
|
|
18
19
|
export * from './Commons/filters.util';
|
|
19
20
|
export * from './Commons/velocity.util';
|
|
20
21
|
export * from './Commons/hover.util';
|
package/dist/src/utils/index.js
CHANGED
|
@@ -15,6 +15,7 @@ export * from "./Commons/ripple.util.js";
|
|
|
15
15
|
export * from "./Commons/rounded.util.js";
|
|
16
16
|
export * from "./Commons/padding.util.js";
|
|
17
17
|
export * from "./Commons/margin.util.js";
|
|
18
|
+
export * from "./Commons/spacing.util.js";
|
|
18
19
|
export * from "./Commons/filters.util.js";
|
|
19
20
|
export * from "./Commons/velocity.util.js";
|
|
20
21
|
export * from "./Commons/hover.util.js";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "origam",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.16.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "origam — a Vue 3 design system with multi-theme design tokens, CSS-first components and TypeScript types.",
|
|
6
6
|
"keywords": [
|
|
@@ -111,6 +111,8 @@
|
|
|
111
111
|
"guards:variant-css": "node scripts/guards/no-variant-css.mjs",
|
|
112
112
|
"guards:instance-types": "node scripts/guards/instance-types.mjs",
|
|
113
113
|
"guards:naming": "node scripts/guards/file-naming.mjs",
|
|
114
|
+
"guards:unconsumed-props": "node scripts/guards/unconsumed-props.mjs",
|
|
115
|
+
"guards:emits-completeness": "node scripts/guards/emits-completeness.mjs",
|
|
114
116
|
"prepublishOnly": "pnpm run build",
|
|
115
117
|
"prepack": "node -e \"require('fs').copyFileSync('../../CHANGELOG.md','CHANGELOG.md')\""
|
|
116
118
|
},
|
|
@@ -147,9 +149,9 @@
|
|
|
147
149
|
"typescript": "^6.0.3",
|
|
148
150
|
"unbuild": "^3.5.0",
|
|
149
151
|
"unplugin-vue-components": "^32.1.0",
|
|
150
|
-
"vite": "^
|
|
152
|
+
"vite": "^8.2.1",
|
|
151
153
|
"vite-plugin-commonjs": "^0.10.4",
|
|
152
|
-
"vite-tsconfig-paths": "^
|
|
154
|
+
"vite-tsconfig-paths": "^6.1.1",
|
|
153
155
|
"vue": "3.5.39",
|
|
154
156
|
"vue-router": "^4.6.4",
|
|
155
157
|
"vue-sfc-transformer": "^0.1.16",
|