@vkontakte/vkui 8.1.3 → 8.2.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/dist/components/ActionSheet/ActionSheet.d.ts +5 -4
- package/dist/components/ActionSheet/ActionSheet.d.ts.map +1 -1
- package/dist/components/ActionSheet/ActionSheet.js +2 -1
- package/dist/components/ActionSheet/ActionSheet.js.map +1 -1
- package/dist/components/AdaptivityProvider/AdaptivityContext.d.ts +3 -3
- package/dist/components/AdaptivityProvider/AdaptivityContext.js.map +1 -1
- package/dist/components/AdaptivityProvider/AdaptivityProvider.js +2 -2
- package/dist/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
- package/dist/components/AppRoot/AppRoot.d.ts.map +1 -1
- package/dist/components/AppRoot/AppRoot.js +0 -6
- package/dist/components/AppRoot/AppRoot.js.map +1 -1
- package/dist/components/AppRoot/AppRootContext.d.ts +0 -1
- package/dist/components/AppRoot/AppRootContext.d.ts.map +1 -1
- package/dist/components/AppRoot/AppRootContext.js +0 -1
- package/dist/components/AppRoot/AppRootContext.js.map +1 -1
- package/dist/components/Calendar/Calendar.d.ts +1 -1
- package/dist/components/Calendar/Calendar.js +2 -1
- package/dist/components/Calendar/Calendar.js.map +1 -1
- package/dist/components/CalendarDay/CalendarDay.d.ts.map +1 -1
- package/dist/components/CalendarDay/CalendarDay.js +4 -2
- package/dist/components/CalendarDay/CalendarDay.js.map +1 -1
- package/dist/components/CalendarDays/CalendarDays.d.ts.map +1 -1
- package/dist/components/CalendarDays/CalendarDays.js +2 -2
- package/dist/components/CalendarDays/CalendarDays.js.map +1 -1
- package/dist/components/CalendarHeader/CalendarHeader.d.ts.map +1 -1
- package/dist/components/CalendarHeader/CalendarHeader.js +4 -2
- package/dist/components/CalendarHeader/CalendarHeader.js.map +1 -1
- package/dist/components/CalendarRange/CalendarRange.d.ts +2 -2
- package/dist/components/CalendarRange/CalendarRange.js.map +1 -1
- package/dist/components/CalendarTime/CalendarTime.d.ts +1 -1
- package/dist/components/CalendarTime/CalendarTime.d.ts.map +1 -1
- package/dist/components/CalendarTime/CalendarTime.js +61 -50
- package/dist/components/CalendarTime/CalendarTime.js.map +1 -1
- package/dist/components/CalendarTime/CalendarTimePicker.d.ts +11 -7
- package/dist/components/CalendarTime/CalendarTimePicker.d.ts.map +1 -1
- package/dist/components/CalendarTime/CalendarTimePicker.js +108 -48
- package/dist/components/CalendarTime/CalendarTimePicker.js.map +1 -1
- package/dist/components/CalendarTime/ComboBox.d.ts +25 -0
- package/dist/components/CalendarTime/ComboBox.d.ts.map +1 -0
- package/dist/components/CalendarTime/ComboBox.js +112 -0
- package/dist/components/CalendarTime/ComboBox.js.map +1 -0
- package/dist/components/CardScroll/CardScroll.d.ts.map +1 -1
- package/dist/components/CardScroll/CardScroll.js +2 -2
- package/dist/components/CardScroll/CardScroll.js.map +1 -1
- package/dist/components/CarouselBase/CarouselBase.d.ts.map +1 -1
- package/dist/components/CarouselBase/CarouselBase.js +3 -1
- package/dist/components/CarouselBase/CarouselBase.js.map +1 -1
- package/dist/components/ChipsSelect/useChipsSelect.d.ts.map +1 -1
- package/dist/components/ChipsSelect/useChipsSelect.js +2 -1
- package/dist/components/ChipsSelect/useChipsSelect.js.map +1 -1
- package/dist/components/ConfigProvider/ConfigProvider.d.ts.map +1 -1
- package/dist/components/ConfigProvider/ConfigProvider.js +8 -4
- package/dist/components/ConfigProvider/ConfigProvider.js.map +1 -1
- package/dist/components/ConfigProvider/ConfigProviderOverride.d.ts.map +1 -1
- package/dist/components/ConfigProvider/ConfigProviderOverride.js +5 -1
- package/dist/components/ConfigProvider/ConfigProviderOverride.js.map +1 -1
- package/dist/components/ConfigProvider/ConfigProviderSubContexts.d.ts +15 -0
- package/dist/components/ConfigProvider/ConfigProviderSubContexts.d.ts.map +1 -0
- package/dist/components/ConfigProvider/ConfigProviderSubContexts.js +25 -0
- package/dist/components/ConfigProvider/ConfigProviderSubContexts.js.map +1 -0
- package/dist/components/ContentBadge/ContentBadge.d.ts +14 -1
- package/dist/components/ContentBadge/ContentBadge.d.ts.map +1 -1
- package/dist/components/ContentBadge/ContentBadge.js +39 -1
- package/dist/components/ContentBadge/ContentBadge.js.map +1 -1
- package/dist/components/CustomSelect/CustomSelect.d.ts.map +1 -1
- package/dist/components/CustomSelect/CustomSelect.js +16 -10
- package/dist/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/components/DateInput/DateInput.d.ts.map +1 -1
- package/dist/components/DateInput/DateInput.js +4 -3
- package/dist/components/DateInput/DateInput.js.map +1 -1
- package/dist/components/DateRangeInput/DateRangeInput.d.ts.map +1 -1
- package/dist/components/DateRangeInput/DateRangeInput.js +2 -2
- package/dist/components/DateRangeInput/DateRangeInput.js.map +1 -1
- package/dist/components/Epic/ScrollSaver.d.ts.map +1 -1
- package/dist/components/Epic/ScrollSaver.js +1 -0
- package/dist/components/Epic/ScrollSaver.js.map +1 -1
- package/dist/components/FixedLayout/ParentWidthWrapper.d.ts +6 -0
- package/dist/components/FixedLayout/ParentWidthWrapper.d.ts.map +1 -0
- package/dist/components/FixedLayout/ParentWidthWrapper.js +43 -0
- package/dist/components/FixedLayout/ParentWidthWrapper.js.map +1 -0
- package/dist/components/Flex/Flex.d.ts +7 -4
- package/dist/components/Flex/Flex.d.ts.map +1 -1
- package/dist/components/Flex/Flex.js +5 -2
- package/dist/components/Flex/Flex.js.map +1 -1
- package/dist/components/ImageBase/ImageBaseFloatElement/ImageBaseFloatElement.js +3 -1
- package/dist/components/ImageBase/ImageBaseFloatElement/ImageBaseFloatElement.js.map +1 -1
- package/dist/components/NativeSelect/NativeSelect.d.ts.map +1 -1
- package/dist/components/NativeSelect/NativeSelect.js +6 -2
- package/dist/components/NativeSelect/NativeSelect.js.map +1 -1
- package/dist/components/OnboardingTooltip/OnboardingTooltip.js +2 -1
- package/dist/components/OnboardingTooltip/OnboardingTooltip.js.map +1 -1
- package/dist/components/PanelHeader/PanelHeader.d.ts +1 -1
- package/dist/components/PanelHeader/PanelHeader.js.map +1 -1
- package/dist/components/Popper/Popper.js +1 -1
- package/dist/components/Popper/Popper.js.map +1 -1
- package/dist/components/PullToRefresh/PullToRefresh.d.ts.map +1 -1
- package/dist/components/PullToRefresh/PullToRefresh.js +8 -4
- package/dist/components/PullToRefresh/PullToRefresh.js.map +1 -1
- package/dist/components/Root/Root.d.ts +1 -1
- package/dist/components/Root/Root.d.ts.map +1 -1
- package/dist/components/Root/Root.js +14 -5
- package/dist/components/Root/Root.js.map +1 -1
- package/dist/components/SimpleGrid/SimpleGrid.d.ts +9 -8
- package/dist/components/SimpleGrid/SimpleGrid.d.ts.map +1 -1
- package/dist/components/SimpleGrid/SimpleGrid.js +9 -2
- package/dist/components/SimpleGrid/SimpleGrid.js.map +1 -1
- package/dist/components/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/components/Skeleton/Skeleton.js +3 -4
- package/dist/components/Skeleton/Skeleton.js.map +1 -1
- package/dist/components/Snackbar/Snackbar.d.ts.map +1 -1
- package/dist/components/Snackbar/Snackbar.js +6 -3
- package/dist/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/components/Spacing/Spacing.d.ts +1 -1
- package/dist/components/Spacing/Spacing.js.map +1 -1
- package/dist/components/Spinner/ExpressiveSpinner/ExpressiveSpinner.d.ts +10 -0
- package/dist/components/Spinner/ExpressiveSpinner/ExpressiveSpinner.d.ts.map +1 -0
- package/dist/components/Spinner/ExpressiveSpinner/ExpressiveSpinner.js +54 -0
- package/dist/components/Spinner/ExpressiveSpinner/ExpressiveSpinner.js.map +1 -0
- package/dist/components/Spinner/ExpressiveSpinner/icons.d.ts +18 -0
- package/dist/components/Spinner/ExpressiveSpinner/icons.d.ts.map +1 -0
- package/dist/components/Spinner/ExpressiveSpinner/icons.js +79 -0
- package/dist/components/Spinner/ExpressiveSpinner/icons.js.map +1 -0
- package/dist/components/Spinner/SvgIcon.d.ts +14 -0
- package/dist/components/Spinner/SvgIcon.d.ts.map +1 -0
- package/dist/components/Spinner/SvgIcon.js +20 -0
- package/dist/components/Spinner/SvgIcon.js.map +1 -0
- package/dist/components/Spinner/icons.d.ts +1 -1
- package/dist/components/Spinner/icons.d.ts.map +1 -1
- package/dist/components/Spinner/icons.js +10 -23
- package/dist/components/Spinner/icons.js.map +1 -1
- package/dist/components/SplitLayout/SplitLayout.d.ts +3 -3
- package/dist/components/SplitLayout/SplitLayout.js.map +1 -1
- package/dist/components/TabsItem/TabsItem.d.ts.map +1 -1
- package/dist/components/TabsItem/TabsItem.js +2 -5
- package/dist/components/TabsItem/TabsItem.js.map +1 -1
- package/dist/components/Tappable/Tappable.d.ts +2 -2
- package/dist/components/Tappable/Tappable.js.map +1 -1
- package/dist/components/WriteBar/WriteBar.d.ts +15 -1
- package/dist/components/WriteBar/WriteBar.d.ts.map +1 -1
- package/dist/components/WriteBar/WriteBar.js +35 -63
- package/dist/components/WriteBar/WriteBar.js.map +1 -1
- package/dist/components/WriteBar/WriteBarBeforeOrAfter/WriteBarBeforeOrAfter.d.ts +5 -0
- package/dist/components/WriteBar/WriteBarBeforeOrAfter/WriteBarBeforeOrAfter.d.ts.map +1 -0
- package/dist/components/WriteBar/WriteBarBeforeOrAfter/WriteBarBeforeOrAfter.js +15 -0
- package/dist/components/WriteBar/WriteBarBeforeOrAfter/WriteBarBeforeOrAfter.js.map +1 -0
- package/dist/components/WriteBar/WriteBarFormField/WriteBarFormField.d.ts +8 -0
- package/dist/components/WriteBar/WriteBarFormField/WriteBarFormField.d.ts.map +1 -0
- package/dist/components/WriteBar/WriteBarFormField/WriteBarFormField.js +16 -0
- package/dist/components/WriteBar/WriteBarFormField/WriteBarFormField.js.map +1 -0
- package/dist/components/WriteBar/WriteBarFormField/WriteBarFormFieldInlineAfter/WriteBarFormFieldInlineAfter.d.ts +5 -0
- package/dist/components/WriteBar/WriteBarFormField/WriteBarFormFieldInlineAfter/WriteBarFormFieldInlineAfter.d.ts.map +1 -0
- package/dist/components/WriteBar/WriteBarFormField/WriteBarFormFieldInlineAfter/WriteBarFormFieldInlineAfter.js +15 -0
- package/dist/components/WriteBar/WriteBarFormField/WriteBarFormFieldInlineAfter/WriteBarFormFieldInlineAfter.js.map +1 -0
- package/dist/components/WriteBar/WriteBarRoot/WriteBarRoot.d.ts +10 -0
- package/dist/components/WriteBar/WriteBarRoot/WriteBarRoot.d.ts.map +1 -0
- package/dist/components/WriteBar/WriteBarRoot/WriteBarRoot.js +16 -0
- package/dist/components/WriteBar/WriteBarRoot/WriteBarRoot.js.map +1 -0
- package/dist/components/WriteBar/WriteBarTextarea/WriteBarTextarea.d.ts +10 -0
- package/dist/components/WriteBar/WriteBarTextarea/WriteBarTextarea.d.ts.map +1 -0
- package/dist/components/WriteBar/WriteBarTextarea/WriteBarTextarea.js +39 -0
- package/dist/components/WriteBar/WriteBarTextarea/WriteBarTextarea.js.map +1 -0
- package/dist/components.css +1 -1
- package/dist/components.css.map +1 -1
- package/dist/cssm/components/ActionSheet/ActionSheet.js +2 -1
- package/dist/cssm/components/ActionSheet/ActionSheet.js.map +1 -1
- package/dist/cssm/components/AdaptivityProvider/AdaptivityContext.js.map +1 -1
- package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.js +2 -2
- package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
- package/dist/cssm/components/AppRoot/AppRoot.js +0 -6
- package/dist/cssm/components/AppRoot/AppRoot.js.map +1 -1
- package/dist/cssm/components/AppRoot/AppRootContext.js +0 -1
- package/dist/cssm/components/AppRoot/AppRootContext.js.map +1 -1
- package/dist/cssm/components/Calendar/Calendar.js +2 -1
- package/dist/cssm/components/Calendar/Calendar.js.map +1 -1
- package/dist/cssm/components/CalendarDay/CalendarDay.js +4 -2
- package/dist/cssm/components/CalendarDay/CalendarDay.js.map +1 -1
- package/dist/cssm/components/CalendarDays/CalendarDays.js +2 -2
- package/dist/cssm/components/CalendarDays/CalendarDays.js.map +1 -1
- package/dist/cssm/components/CalendarHeader/CalendarHeader.js +4 -2
- package/dist/cssm/components/CalendarHeader/CalendarHeader.js.map +1 -1
- package/dist/cssm/components/CalendarRange/CalendarRange.js.map +1 -1
- package/dist/cssm/components/CalendarTime/CalendarTime.js +61 -50
- package/dist/cssm/components/CalendarTime/CalendarTime.js.map +1 -1
- package/dist/cssm/components/CalendarTime/CalendarTime.module.css +38 -0
- package/dist/cssm/components/CalendarTime/CalendarTimePicker.js +108 -48
- package/dist/cssm/components/CalendarTime/CalendarTimePicker.js.map +1 -1
- package/dist/cssm/components/CalendarTime/ComboBox.js +113 -0
- package/dist/cssm/components/CalendarTime/ComboBox.js.map +1 -0
- package/dist/cssm/components/CardScroll/CardScroll.js +2 -2
- package/dist/cssm/components/CardScroll/CardScroll.js.map +1 -1
- package/dist/cssm/components/CarouselBase/CarouselBase.js +3 -1
- package/dist/cssm/components/CarouselBase/CarouselBase.js.map +1 -1
- package/dist/cssm/components/ChipsSelect/useChipsSelect.js +2 -1
- package/dist/cssm/components/ChipsSelect/useChipsSelect.js.map +1 -1
- package/dist/cssm/components/ConfigProvider/ConfigProvider.js +8 -4
- package/dist/cssm/components/ConfigProvider/ConfigProvider.js.map +1 -1
- package/dist/cssm/components/ConfigProvider/ConfigProviderOverride.js +5 -1
- package/dist/cssm/components/ConfigProvider/ConfigProviderOverride.js.map +1 -1
- package/dist/cssm/components/ConfigProvider/ConfigProviderSubContexts.js +25 -0
- package/dist/cssm/components/ConfigProvider/ConfigProviderSubContexts.js.map +1 -0
- package/dist/cssm/components/ContentBadge/ContentBadge.js +39 -1
- package/dist/cssm/components/ContentBadge/ContentBadge.js.map +1 -1
- package/dist/cssm/components/ContentBadge/ContentBadge.module.css +88 -90
- package/dist/cssm/components/CustomSelect/CustomSelect.js +16 -10
- package/dist/cssm/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/cssm/components/DateInput/DateInput.js +4 -3
- package/dist/cssm/components/DateInput/DateInput.js.map +1 -1
- package/dist/cssm/components/DateRangeInput/DateRangeInput.js +2 -2
- package/dist/cssm/components/DateRangeInput/DateRangeInput.js.map +1 -1
- package/dist/cssm/components/Epic/ScrollSaver.js +1 -0
- package/dist/cssm/components/Epic/ScrollSaver.js.map +1 -1
- package/dist/cssm/components/FixedLayout/ParentWidthWrapper.js +43 -0
- package/dist/cssm/components/FixedLayout/ParentWidthWrapper.js.map +1 -0
- package/dist/cssm/components/Flex/Flex.js +5 -2
- package/dist/cssm/components/Flex/Flex.js.map +1 -1
- package/dist/cssm/components/GridAvatar/GridAvatar.module.css +1 -1
- package/dist/cssm/components/ImageBase/ImageBaseFloatElement/ImageBaseFloatElement.js +3 -1
- package/dist/cssm/components/ImageBase/ImageBaseFloatElement/ImageBaseFloatElement.js.map +1 -1
- package/dist/cssm/components/NativeSelect/NativeSelect.js +6 -2
- package/dist/cssm/components/NativeSelect/NativeSelect.js.map +1 -1
- package/dist/cssm/components/OnboardingTooltip/OnboardingTooltip.js +2 -1
- package/dist/cssm/components/OnboardingTooltip/OnboardingTooltip.js.map +1 -1
- package/dist/cssm/components/PanelHeader/PanelHeader.js.map +1 -1
- package/dist/cssm/components/Popper/Popper.js +1 -1
- package/dist/cssm/components/Popper/Popper.js.map +1 -1
- package/dist/cssm/components/PullToRefresh/PullToRefresh.js +8 -4
- package/dist/cssm/components/PullToRefresh/PullToRefresh.js.map +1 -1
- package/dist/cssm/components/PullToRefresh/PullToRefresh.module.css +1 -1
- package/dist/cssm/components/Root/Root.js +14 -5
- package/dist/cssm/components/Root/Root.js.map +1 -1
- package/dist/cssm/components/SimpleGrid/SimpleGrid.js +9 -2
- package/dist/cssm/components/SimpleGrid/SimpleGrid.js.map +1 -1
- package/dist/cssm/components/Skeleton/Skeleton.js +3 -4
- package/dist/cssm/components/Skeleton/Skeleton.js.map +1 -1
- package/dist/cssm/components/Snackbar/Snackbar.js +6 -3
- package/dist/cssm/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/cssm/components/Spacing/Spacing.js.map +1 -1
- package/dist/cssm/components/Spinner/ExpressiveSpinner/ExpressiveSpinner.js +56 -0
- package/dist/cssm/components/Spinner/ExpressiveSpinner/ExpressiveSpinner.js.map +1 -0
- package/dist/cssm/components/Spinner/ExpressiveSpinner/ExpressiveSpinner.module.css +13 -0
- package/dist/cssm/components/Spinner/ExpressiveSpinner/icons.js +79 -0
- package/dist/cssm/components/Spinner/ExpressiveSpinner/icons.js.map +1 -0
- package/dist/cssm/components/Spinner/SvgIcon.js +20 -0
- package/dist/cssm/components/Spinner/SvgIcon.js.map +1 -0
- package/dist/cssm/components/Spinner/icons.js +10 -23
- package/dist/cssm/components/Spinner/icons.js.map +1 -1
- package/dist/cssm/components/SplitLayout/SplitLayout.js.map +1 -1
- package/dist/cssm/components/TabsItem/TabsItem.js +2 -5
- package/dist/cssm/components/TabsItem/TabsItem.js.map +1 -1
- package/dist/cssm/components/Tappable/Tappable.js.map +1 -1
- package/dist/cssm/components/WriteBar/WriteBar.js +35 -64
- package/dist/cssm/components/WriteBar/WriteBar.js.map +1 -1
- package/dist/cssm/components/WriteBar/WriteBarBeforeOrAfter/WriteBarBeforeOrAfter.js +16 -0
- package/dist/cssm/components/WriteBar/WriteBarBeforeOrAfter/WriteBarBeforeOrAfter.js.map +1 -0
- package/dist/cssm/components/WriteBar/WriteBarBeforeOrAfter/WriteBarBeforeOrAfter.module.css +12 -0
- package/dist/cssm/components/WriteBar/WriteBarFormField/WriteBarFormField.js +17 -0
- package/dist/cssm/components/WriteBar/WriteBarFormField/WriteBarFormField.js.map +1 -0
- package/dist/cssm/components/WriteBar/WriteBarFormField/WriteBarFormField.module.css +18 -0
- package/dist/cssm/components/WriteBar/WriteBarFormField/WriteBarFormFieldInlineAfter/WriteBarFormFieldInlineAfter.js +16 -0
- package/dist/cssm/components/WriteBar/WriteBarFormField/WriteBarFormFieldInlineAfter/WriteBarFormFieldInlineAfter.js.map +1 -0
- package/dist/cssm/components/WriteBar/WriteBarFormField/WriteBarFormFieldInlineAfter/WriteBarFormFieldInlineAfter.module.css +3 -0
- package/dist/cssm/components/WriteBar/WriteBarRoot/WriteBarRoot.js +17 -0
- package/dist/cssm/components/WriteBar/WriteBarRoot/WriteBarRoot.js.map +1 -0
- package/dist/cssm/components/WriteBar/WriteBarRoot/WriteBarRoot.module.css +15 -0
- package/dist/cssm/components/WriteBar/WriteBarTextarea/WriteBarTextarea.js +40 -0
- package/dist/cssm/components/WriteBar/WriteBarTextarea/WriteBarTextarea.js.map +1 -0
- package/dist/cssm/components/WriteBar/WriteBarTextarea/WriteBarTextarea.module.css +43 -0
- package/dist/cssm/helpers/math.js +6 -0
- package/dist/cssm/helpers/math.js.map +1 -1
- package/dist/cssm/hoc/withPlatform.js +3 -2
- package/dist/cssm/hoc/withPlatform.js.map +1 -1
- package/dist/cssm/hooks/useAdaptivityConditionalRender/types.js.map +1 -1
- package/dist/cssm/hooks/useAnimationFrame.js +40 -0
- package/dist/cssm/hooks/useAnimationFrame.js.map +1 -0
- package/dist/cssm/hooks/useAutoFocus.js +4 -1
- package/dist/cssm/hooks/useAutoFocus.js.map +1 -1
- package/dist/cssm/hooks/useColorScheme.js +3 -3
- package/dist/cssm/hooks/useColorScheme.js.map +1 -1
- package/dist/cssm/hooks/useConfigDirection.js +3 -3
- package/dist/cssm/hooks/useConfigDirection.js.map +1 -1
- package/dist/cssm/hooks/useDateInput.js +1 -2
- package/dist/cssm/hooks/useDateInput.js.map +1 -1
- package/dist/cssm/hooks/useFocusTrap/useAutoFocus.js +1 -0
- package/dist/cssm/hooks/useFocusTrap/useAutoFocus.js.map +1 -1
- package/dist/cssm/hooks/useFocusTrap/useFocusTrap.js +2 -0
- package/dist/cssm/hooks/useFocusTrap/useFocusTrap.js.map +1 -1
- package/dist/cssm/hooks/useFocusVisible.js +8 -13
- package/dist/cssm/hooks/useFocusVisible.js.map +1 -1
- package/dist/cssm/hooks/useFocusWithin.js +5 -4
- package/dist/cssm/hooks/useFocusWithin.js.map +1 -1
- package/dist/cssm/hooks/useGlobalEscKeyDown.js +17 -15
- package/dist/cssm/hooks/useGlobalEscKeyDown.js.map +1 -1
- package/dist/cssm/hooks/useGlobalOnClickOutside.js +6 -2
- package/dist/cssm/hooks/useGlobalOnClickOutside.js.map +1 -1
- package/dist/cssm/hooks/useKeyboardInputTracker.js +48 -41
- package/dist/cssm/hooks/useKeyboardInputTracker.js.map +1 -1
- package/dist/cssm/hooks/useLatestRef.js +13 -0
- package/dist/cssm/hooks/useLatestRef.js.map +1 -0
- package/dist/cssm/hooks/useLocale.js +3 -3
- package/dist/cssm/hooks/useLocale.js.map +1 -1
- package/dist/cssm/hooks/useMediaQueryMatch.js +1 -0
- package/dist/cssm/hooks/useMediaQueryMatch.js.map +1 -1
- package/dist/cssm/hooks/useMutationObserver.js +3 -3
- package/dist/cssm/hooks/useMutationObserver.js.map +1 -1
- package/dist/cssm/hooks/usePlatform.js +3 -3
- package/dist/cssm/hooks/usePlatform.js.map +1 -1
- package/dist/cssm/hooks/useResizeObserver.js +4 -6
- package/dist/cssm/hooks/useResizeObserver.js.map +1 -1
- package/dist/cssm/hooks/useSyncHTMLWithBaseVKUIClasses.js +2 -1
- package/dist/cssm/hooks/useSyncHTMLWithBaseVKUIClasses.js.map +1 -1
- package/dist/cssm/hooks/useSyncHTMLWithTokens.js +3 -1
- package/dist/cssm/hooks/useSyncHTMLWithTokens.js.map +1 -1
- package/dist/cssm/hooks/useWaitTransitionFinish.js +13 -15
- package/dist/cssm/hooks/useWaitTransitionFinish.js.map +1 -1
- package/dist/cssm/index.js +1 -0
- package/dist/cssm/index.js.map +1 -1
- package/dist/cssm/lib/array.js +18 -0
- package/dist/cssm/lib/array.js.map +1 -0
- package/dist/cssm/lib/curve.js +21 -0
- package/dist/cssm/lib/curve.js.map +1 -0
- package/dist/cssm/lib/dom.js +5 -2
- package/dist/cssm/lib/dom.js.map +1 -1
- package/dist/cssm/lib/fx.js +4 -55
- package/dist/cssm/lib/fx.js.map +1 -1
- package/dist/cssm/lib/layouts/index.js.map +1 -1
- package/dist/cssm/lib/layouts/layoutProps.js +11 -0
- package/dist/cssm/lib/layouts/layoutProps.js.map +1 -1
- package/dist/cssm/lib/layouts/resolveLayoutProps.js +13 -11
- package/dist/cssm/lib/layouts/resolveLayoutProps.js.map +1 -1
- package/dist/cssm/lib/layouts/types.js.map +1 -1
- package/dist/cssm/lib/material/shapes/Shape.js +18 -0
- package/dist/cssm/lib/material/shapes/Shape.js.map +1 -0
- package/dist/cssm/lib/material/shapes/shapes.js +2250 -0
- package/dist/cssm/lib/material/shapes/shapes.js.map +1 -0
- package/dist/cssm/lib/math.js +31 -0
- package/dist/cssm/lib/math.js.map +1 -0
- package/dist/cssm/lib/svg/path/approximate.js +57 -0
- package/dist/cssm/lib/svg/path/approximate.js.map +1 -0
- package/dist/cssm/lib/svg/path/interpolate.js +121 -0
- package/dist/cssm/lib/svg/path/interpolate.js.map +1 -0
- package/dist/cssm/lib/svg/path/path.js +50 -0
- package/dist/cssm/lib/svg/path/path.js.map +1 -0
- package/dist/cssm/lib/svg/path/point.js +3 -0
- package/dist/cssm/lib/svg/path/point.js.map +1 -0
- package/dist/cssm/lib/svg/path/transform.js +110 -0
- package/dist/cssm/lib/svg/path/transform.js.map +1 -0
- package/dist/cssm/lib/tokens/useTokenClassName.js +4 -1
- package/dist/cssm/lib/tokens/useTokenClassName.js.map +1 -1
- package/dist/cssm/lib/touch/UIPanGestureRecognizer.js +2 -2
- package/dist/cssm/lib/touch/UIPanGestureRecognizer.js.map +1 -1
- package/dist/cssm/styles/layout.css +273 -0
- package/dist/cssm/types.js +1 -4
- package/dist/cssm/types.js.map +1 -1
- package/dist/helpers/math.d.ts +4 -0
- package/dist/helpers/math.d.ts.map +1 -1
- package/dist/helpers/math.js +6 -0
- package/dist/helpers/math.js.map +1 -1
- package/dist/hoc/withPlatform.d.ts +1 -1
- package/dist/hoc/withPlatform.d.ts.map +1 -1
- package/dist/hoc/withPlatform.js +3 -2
- package/dist/hoc/withPlatform.js.map +1 -1
- package/dist/hooks/useAdaptivityConditionalRender/types.d.ts +2 -2
- package/dist/hooks/useAdaptivityConditionalRender/types.js.map +1 -1
- package/dist/hooks/useAnimationFrame.d.ts +16 -0
- package/dist/hooks/useAnimationFrame.d.ts.map +1 -0
- package/dist/hooks/useAnimationFrame.js +40 -0
- package/dist/hooks/useAnimationFrame.js.map +1 -0
- package/dist/hooks/useAutoFocus.js +4 -1
- package/dist/hooks/useAutoFocus.js.map +1 -1
- package/dist/hooks/useColorScheme.d.ts.map +1 -1
- package/dist/hooks/useColorScheme.js +3 -3
- package/dist/hooks/useColorScheme.js.map +1 -1
- package/dist/hooks/useConfigDirection.d.ts.map +1 -1
- package/dist/hooks/useConfigDirection.js +3 -3
- package/dist/hooks/useConfigDirection.js.map +1 -1
- package/dist/hooks/useDateInput.d.ts.map +1 -1
- package/dist/hooks/useDateInput.js +1 -2
- package/dist/hooks/useDateInput.js.map +1 -1
- package/dist/hooks/useFocusTrap/useAutoFocus.js +1 -0
- package/dist/hooks/useFocusTrap/useAutoFocus.js.map +1 -1
- package/dist/hooks/useFocusTrap/useFocusTrap.d.ts.map +1 -1
- package/dist/hooks/useFocusTrap/useFocusTrap.js +2 -0
- package/dist/hooks/useFocusTrap/useFocusTrap.js.map +1 -1
- package/dist/hooks/useFocusVisible.d.ts.map +1 -1
- package/dist/hooks/useFocusVisible.js +8 -13
- package/dist/hooks/useFocusVisible.js.map +1 -1
- package/dist/hooks/useFocusWithin.d.ts.map +1 -1
- package/dist/hooks/useFocusWithin.js +5 -4
- package/dist/hooks/useFocusWithin.js.map +1 -1
- package/dist/hooks/useGlobalEscKeyDown.d.ts.map +1 -1
- package/dist/hooks/useGlobalEscKeyDown.js +17 -15
- package/dist/hooks/useGlobalEscKeyDown.js.map +1 -1
- package/dist/hooks/useGlobalOnClickOutside.d.ts.map +1 -1
- package/dist/hooks/useGlobalOnClickOutside.js +6 -2
- package/dist/hooks/useGlobalOnClickOutside.js.map +1 -1
- package/dist/hooks/useKeyboardInputTracker.d.ts +1 -19
- package/dist/hooks/useKeyboardInputTracker.d.ts.map +1 -1
- package/dist/hooks/useKeyboardInputTracker.js +48 -41
- package/dist/hooks/useKeyboardInputTracker.js.map +1 -1
- package/dist/hooks/useLatestRef.d.ts +3 -0
- package/dist/hooks/useLatestRef.d.ts.map +1 -0
- package/dist/hooks/useLatestRef.js +13 -0
- package/dist/hooks/useLatestRef.js.map +1 -0
- package/dist/hooks/useLocale.d.ts.map +1 -1
- package/dist/hooks/useLocale.js +3 -3
- package/dist/hooks/useLocale.js.map +1 -1
- package/dist/hooks/useMediaQueryMatch.js +1 -0
- package/dist/hooks/useMediaQueryMatch.js.map +1 -1
- package/dist/hooks/useMutationObserver.d.ts +1 -2
- package/dist/hooks/useMutationObserver.d.ts.map +1 -1
- package/dist/hooks/useMutationObserver.js +3 -3
- package/dist/hooks/useMutationObserver.js.map +1 -1
- package/dist/hooks/usePlatform.d.ts.map +1 -1
- package/dist/hooks/usePlatform.js +3 -3
- package/dist/hooks/usePlatform.js.map +1 -1
- package/dist/hooks/useResizeObserver.d.ts.map +1 -1
- package/dist/hooks/useResizeObserver.js +4 -6
- package/dist/hooks/useResizeObserver.js.map +1 -1
- package/dist/hooks/useSyncHTMLWithBaseVKUIClasses.js +2 -1
- package/dist/hooks/useSyncHTMLWithBaseVKUIClasses.js.map +1 -1
- package/dist/hooks/useSyncHTMLWithTokens.js +3 -1
- package/dist/hooks/useSyncHTMLWithTokens.js.map +1 -1
- package/dist/hooks/useWaitTransitionFinish.d.ts.map +1 -1
- package/dist/hooks/useWaitTransitionFinish.js +13 -15
- package/dist/hooks/useWaitTransitionFinish.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/lib/array.d.ts +17 -0
- package/dist/lib/array.d.ts.map +1 -0
- package/dist/lib/array.js +18 -0
- package/dist/lib/array.js.map +1 -0
- package/dist/lib/curve.d.ts +9 -0
- package/dist/lib/curve.d.ts.map +1 -0
- package/dist/lib/curve.js +21 -0
- package/dist/lib/curve.js.map +1 -0
- package/dist/lib/dom.d.ts +2 -1
- package/dist/lib/dom.d.ts.map +1 -1
- package/dist/lib/dom.js +5 -2
- package/dist/lib/dom.js.map +1 -1
- package/dist/lib/fx.d.ts +1 -8
- package/dist/lib/fx.d.ts.map +1 -1
- package/dist/lib/fx.js +4 -55
- package/dist/lib/fx.js.map +1 -1
- package/dist/lib/layouts/index.d.ts +1 -1
- package/dist/lib/layouts/index.d.ts.map +1 -1
- package/dist/lib/layouts/index.js.map +1 -1
- package/dist/lib/layouts/layoutProps.d.ts +7 -0
- package/dist/lib/layouts/layoutProps.d.ts.map +1 -1
- package/dist/lib/layouts/layoutProps.js +11 -0
- package/dist/lib/layouts/layoutProps.js.map +1 -1
- package/dist/lib/layouts/resolveLayoutProps.d.ts.map +1 -1
- package/dist/lib/layouts/resolveLayoutProps.js +13 -11
- package/dist/lib/layouts/resolveLayoutProps.js.map +1 -1
- package/dist/lib/layouts/types.d.ts +29 -0
- package/dist/lib/layouts/types.d.ts.map +1 -1
- package/dist/lib/layouts/types.js.map +1 -1
- package/dist/lib/material/shapes/Shape.d.ts +8 -0
- package/dist/lib/material/shapes/Shape.d.ts.map +1 -0
- package/dist/lib/material/shapes/Shape.js +18 -0
- package/dist/lib/material/shapes/Shape.js.map +1 -0
- package/dist/lib/material/shapes/shapes.d.ts +43 -0
- package/dist/lib/material/shapes/shapes.d.ts.map +1 -0
- package/dist/lib/material/shapes/shapes.js +2250 -0
- package/dist/lib/material/shapes/shapes.js.map +1 -0
- package/dist/lib/math.d.ts +23 -0
- package/dist/lib/math.d.ts.map +1 -0
- package/dist/lib/math.js +31 -0
- package/dist/lib/math.js.map +1 -0
- package/dist/lib/svg/path/approximate.d.ts +21 -0
- package/dist/lib/svg/path/approximate.d.ts.map +1 -0
- package/dist/lib/svg/path/approximate.js +57 -0
- package/dist/lib/svg/path/approximate.js.map +1 -0
- package/dist/lib/svg/path/interpolate.d.ts +5 -0
- package/dist/lib/svg/path/interpolate.d.ts.map +1 -0
- package/dist/lib/svg/path/interpolate.js +121 -0
- package/dist/lib/svg/path/interpolate.js.map +1 -0
- package/dist/lib/svg/path/path.d.ts +48 -0
- package/dist/lib/svg/path/path.d.ts.map +1 -0
- package/dist/lib/svg/path/path.js +50 -0
- package/dist/lib/svg/path/path.js.map +1 -0
- package/dist/lib/svg/path/point.d.ts +3 -0
- package/dist/lib/svg/path/point.d.ts.map +1 -0
- package/dist/lib/svg/path/point.js +3 -0
- package/dist/lib/svg/path/point.js.map +1 -0
- package/dist/lib/svg/path/transform.d.ts +64 -0
- package/dist/lib/svg/path/transform.d.ts.map +1 -0
- package/dist/lib/svg/path/transform.js +110 -0
- package/dist/lib/svg/path/transform.js.map +1 -0
- package/dist/lib/tokens/useTokenClassName.d.ts.map +1 -1
- package/dist/lib/tokens/useTokenClassName.js +4 -1
- package/dist/lib/tokens/useTokenClassName.js.map +1 -1
- package/dist/lib/touch/UIPanGestureRecognizer.d.ts.map +1 -1
- package/dist/lib/touch/UIPanGestureRecognizer.js +2 -2
- package/dist/lib/touch/UIPanGestureRecognizer.js.map +1 -1
- package/dist/types.d.ts +9 -0
- package/dist/types.d.ts.map +1 -1
- package/dist/types.js +1 -4
- package/dist/types.js.map +1 -1
- package/dist/vkui.css +1 -1
- package/dist/vkui.css.map +1 -1
- package/package.json +7 -6
- package/src/components/ActionSheet/ActionSheet.tsx +6 -3
- package/src/components/AdaptivityProvider/AdaptivityContext.tsx +3 -3
- package/src/components/AdaptivityProvider/AdaptivityProvider.tsx +2 -2
- package/src/components/AppRoot/AppRoot.tsx +1 -14
- package/src/components/AppRoot/AppRootContext.ts +0 -2
- package/src/components/Calendar/Calendar.tsx +2 -2
- package/src/components/CalendarDay/CalendarDay.tsx +4 -2
- package/src/components/CalendarDays/CalendarDays.tsx +2 -2
- package/src/components/CalendarHeader/CalendarHeader.tsx +4 -2
- package/src/components/CalendarRange/CalendarRange.tsx +2 -2
- package/src/components/CalendarTime/CalendarTime.module.css +38 -0
- package/src/components/CalendarTime/CalendarTime.module.css.d.ts.map +1 -1
- package/src/components/CalendarTime/CalendarTime.tsx +68 -55
- package/src/components/CalendarTime/CalendarTimePicker.tsx +148 -62
- package/src/components/CalendarTime/ComboBox.tsx +189 -0
- package/src/components/CardScroll/CardScroll.tsx +6 -5
- package/src/components/CarouselBase/CarouselBase.tsx +2 -1
- package/src/components/ChipsSelect/useChipsSelect.ts +1 -0
- package/src/components/ConfigProvider/ConfigProvider.tsx +6 -3
- package/src/components/ConfigProvider/ConfigProviderOverride.tsx +2 -1
- package/src/components/ConfigProvider/ConfigProviderSubContexts.tsx +43 -0
- package/src/components/ContentBadge/ContentBadge.module.css +84 -91
- package/src/components/ContentBadge/ContentBadge.module.css.d.ts.map +1 -1
- package/src/components/ContentBadge/ContentBadge.tsx +73 -5
- package/src/components/CustomSelect/CustomSelect.tsx +19 -10
- package/src/components/DateInput/DateInput.tsx +3 -3
- package/src/components/DateRangeInput/DateRangeInput.tsx +2 -2
- package/src/components/Epic/ScrollSaver.tsx +1 -0
- package/src/components/FixedLayout/ParentWidthWrapper.tsx +48 -0
- package/src/components/Flex/Flex.tsx +11 -6
- package/src/components/GridAvatar/GridAvatar.module.css +1 -1
- package/src/components/GridAvatar/GridAvatar.module.css.d.ts.map +1 -1
- package/src/components/ImageBase/ImageBaseFloatElement/ImageBaseFloatElement.tsx +1 -1
- package/src/components/NativeSelect/NativeSelect.tsx +4 -2
- package/src/components/OnboardingTooltip/OnboardingTooltip.tsx +1 -1
- package/src/components/PanelHeader/PanelHeader.tsx +1 -1
- package/src/components/Popper/Popper.tsx +1 -1
- package/src/components/PullToRefresh/PullToRefresh.module.css +1 -1
- package/src/components/PullToRefresh/PullToRefresh.tsx +10 -3
- package/src/components/Root/Root.tsx +10 -7
- package/src/components/SimpleGrid/SimpleGrid.tsx +25 -11
- package/src/components/Skeleton/Skeleton.tsx +6 -4
- package/src/components/Snackbar/Snackbar.tsx +6 -3
- package/src/components/Spacing/Spacing.tsx +1 -1
- package/src/components/Spinner/ExpressiveSpinner/ExpressiveSpinner.module.css +13 -0
- package/src/components/Spinner/ExpressiveSpinner/ExpressiveSpinner.module.css.d.ts.map +1 -0
- package/src/components/Spinner/ExpressiveSpinner/ExpressiveSpinner.tsx +73 -0
- package/src/components/Spinner/ExpressiveSpinner/icons.tsx +104 -0
- package/src/components/Spinner/SvgIcon.tsx +31 -0
- package/src/components/Spinner/icons.tsx +10 -13
- package/src/components/SplitLayout/SplitLayout.tsx +3 -3
- package/src/components/TabsItem/TabsItem.tsx +4 -5
- package/src/components/Tappable/Tappable.tsx +2 -2
- package/src/components/WriteBar/WriteBar.tsx +25 -59
- package/src/components/WriteBar/WriteBarBeforeOrAfter/WriteBarBeforeOrAfter.module.css +12 -0
- package/src/components/WriteBar/WriteBarBeforeOrAfter/WriteBarBeforeOrAfter.module.css.d.ts.map +1 -0
- package/src/components/WriteBar/WriteBarBeforeOrAfter/WriteBarBeforeOrAfter.tsx +20 -0
- package/src/components/WriteBar/WriteBarFormField/WriteBarFormField.module.css +18 -0
- package/src/components/WriteBar/WriteBarFormField/WriteBarFormField.module.css.d.ts.map +1 -0
- package/src/components/WriteBar/WriteBarFormField/WriteBarFormField.tsx +22 -0
- package/src/components/WriteBar/WriteBarFormField/WriteBarFormFieldInlineAfter/WriteBarFormFieldInlineAfter.module.css +3 -0
- package/src/components/WriteBar/WriteBarFormField/WriteBarFormFieldInlineAfter/WriteBarFormFieldInlineAfter.module.css.d.ts.map +1 -0
- package/src/components/WriteBar/WriteBarFormField/WriteBarFormFieldInlineAfter/WriteBarFormFieldInlineAfter.tsx +23 -0
- package/src/components/WriteBar/WriteBarRoot/WriteBarRoot.module.css +14 -0
- package/src/components/WriteBar/WriteBarRoot/WriteBarRoot.module.css.d.ts.map +1 -0
- package/src/components/WriteBar/WriteBarRoot/WriteBarRoot.tsx +31 -0
- package/src/components/WriteBar/WriteBarTextarea/WriteBarTextarea.module.css +42 -0
- package/src/components/WriteBar/WriteBarTextarea/WriteBarTextarea.module.css.d.ts.map +1 -0
- package/src/components/WriteBar/WriteBarTextarea/WriteBarTextarea.tsx +48 -0
- package/src/helpers/math.ts +8 -0
- package/src/hoc/withPlatform.tsx +3 -3
- package/src/hooks/useAdaptivityConditionalRender/types.ts +2 -2
- package/src/hooks/useAnimationFrame.tsx +42 -0
- package/src/hooks/useAutoFocus.ts +1 -1
- package/src/hooks/useColorScheme.ts +3 -4
- package/src/hooks/useConfigDirection.ts +3 -4
- package/src/hooks/useDateInput.ts +1 -2
- package/src/hooks/useFocusTrap/useAutoFocus.ts +1 -1
- package/src/hooks/useFocusTrap/useFocusTrap.tsx +2 -0
- package/src/hooks/useFocusVisible.ts +10 -18
- package/src/hooks/useFocusWithin.ts +26 -23
- package/src/hooks/useGlobalEscKeyDown.ts +12 -15
- package/src/hooks/useGlobalOnClickOutside.ts +5 -2
- package/src/hooks/useKeyboardInputTracker.ts +68 -55
- package/src/hooks/useLatestRef.ts +12 -0
- package/src/hooks/useLocale.ts +3 -4
- package/src/hooks/useMediaQueryMatch.ts +1 -1
- package/src/hooks/useMutationObserver.ts +2 -3
- package/src/hooks/usePlatform.ts +3 -4
- package/src/hooks/useResizeObserver.ts +4 -5
- package/src/hooks/useSyncHTMLWithBaseVKUIClasses.ts +1 -1
- package/src/hooks/useSyncHTMLWithTokens.ts +1 -1
- package/src/hooks/useWaitTransitionFinish.ts +15 -15
- package/src/index.ts +1 -0
- package/src/lib/array.ts +19 -0
- package/src/lib/curve.ts +36 -0
- package/src/lib/dom.tsx +10 -4
- package/src/lib/fx.ts +5 -63
- package/src/lib/layouts/index.ts +1 -0
- package/src/lib/layouts/layoutProps.ts +8 -0
- package/src/lib/layouts/resolveLayoutProps.ts +19 -17
- package/src/lib/layouts/types.ts +29 -0
- package/src/lib/material/shapes/Shape.tsx +17 -0
- package/src/lib/material/shapes/shapes.ts +329 -0
- package/src/lib/math.ts +37 -0
- package/src/lib/svg/path/approximate.ts +81 -0
- package/src/lib/svg/path/interpolate.ts +151 -0
- package/src/lib/svg/path/path.ts +102 -0
- package/src/lib/svg/path/point.ts +2 -0
- package/src/lib/svg/path/transform.ts +147 -0
- package/src/lib/tokens/useTokenClassName.ts +7 -5
- package/src/lib/touch/UIPanGestureRecognizer.ts +2 -2
- package/src/types.ts +16 -0
- package/dist/cssm/components/WriteBar/WriteBar.module.css +0 -118
- package/src/components/WriteBar/WriteBar.module.css +0 -116
- package/src/components/WriteBar/WriteBar.module.css.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/lib/layouts/index.ts"],"sourcesContent":["export {\n calculateGap,\n type GapsProp,\n type GapProp,\n columnGapClassNames,\n rowGapClassNames,\n} from './gaps';\n\nexport type {\n PaddingProp,\n InsetProp,\n SizeProp,\n FlexBasisProp,\n FlexGrowProp,\n FlexShrinkProp,\n PositionValue,\n LayoutProps,\n} from './types';\n\nexport { resolveLayoutProps } from './resolveLayoutProps';\n"],"names":["calculateGap","columnGapClassNames","rowGapClassNames","resolveLayoutProps"],"mappings":"AAAA,SACEA,YAAY,EAGZC,mBAAmB,EACnBC,gBAAgB,QACX,YAAS;
|
|
1
|
+
{"version":3,"sources":["../../../src/lib/layouts/index.ts"],"sourcesContent":["export {\n calculateGap,\n type GapsProp,\n type GapProp,\n columnGapClassNames,\n rowGapClassNames,\n} from './gaps';\n\nexport type {\n MarginProp,\n PaddingProp,\n InsetProp,\n SizeProp,\n FlexBasisProp,\n FlexGrowProp,\n FlexShrinkProp,\n PositionValue,\n LayoutProps,\n} from './types';\n\nexport { resolveLayoutProps } from './resolveLayoutProps';\n"],"names":["calculateGap","columnGapClassNames","rowGapClassNames","resolveLayoutProps"],"mappings":"AAAA,SACEA,YAAY,EAGZC,mBAAmB,EACnBC,gBAAgB,QACX,YAAS;AAchB,SAASC,kBAAkB,QAAQ,0BAAuB"}
|
|
@@ -3,6 +3,13 @@ export declare const DESIGN_SYSTEM_SIZES: DesignSystemSize[];
|
|
|
3
3
|
export declare const SYSTEM_PADDING_VERTICAL = "var(--vkui--size_base_padding_vertical--regular)";
|
|
4
4
|
export declare const SYSTEM_PADDING_HORIZONTAL = "var(--vkui--size_base_padding_horizontal--regular)";
|
|
5
5
|
export declare const LAYOUT_PROPS: {
|
|
6
|
+
margin: (DesignSystemSize | CSSGlobalValue)[];
|
|
7
|
+
marginInline: (DesignSystemSize | CSSGlobalValue)[];
|
|
8
|
+
marginBlock: (DesignSystemSize | CSSGlobalValue)[];
|
|
9
|
+
marginInlineStart: (DesignSystemSize | CSSGlobalValue)[];
|
|
10
|
+
marginInlineEnd: (DesignSystemSize | CSSGlobalValue)[];
|
|
11
|
+
marginBlockStart: (DesignSystemSize | CSSGlobalValue)[];
|
|
12
|
+
marginBlockEnd: (DesignSystemSize | CSSGlobalValue)[];
|
|
6
13
|
padding: string[];
|
|
7
14
|
paddingInline: string[];
|
|
8
15
|
paddingBlock: string[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layoutProps.d.ts","sourceRoot":"","sources":["../../../src/lib/layouts/layoutProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,0BAA0B,EAC1B,gBAAgB,EAChB,aAAa,EACb,aAAa,EACd,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,mBAAmB,EAAE,gBAAgB,EAUjD,CAAC;
|
|
1
|
+
{"version":3,"file":"layoutProps.d.ts","sourceRoot":"","sources":["../../../src/lib/layouts/layoutProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,0BAA0B,EAC1B,gBAAgB,EAChB,aAAa,EACb,aAAa,EACd,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,mBAAmB,EAAE,gBAAgB,EAUjD,CAAC;AA8BF,eAAO,MAAM,uBAAuB,qDAAqD,CAAC;AAC1F,eAAO,MAAM,yBAAyB,uDAAuD,CAAC;AAE9F,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCxB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,YAAY,CAAC"}
|
|
@@ -29,6 +29,10 @@ const PADDING_VALUES = [
|
|
|
29
29
|
...CSS_GLOBAL_KEYWORDS,
|
|
30
30
|
'system'
|
|
31
31
|
];
|
|
32
|
+
const MARGIN_VALUES = [
|
|
33
|
+
...DESIGN_SYSTEM_SIZES,
|
|
34
|
+
...CSS_GLOBAL_KEYWORDS
|
|
35
|
+
];
|
|
32
36
|
const SIZE_VALUES = CSS_KEYWORDS;
|
|
33
37
|
const MINMAX_SIZE_VALUES = [
|
|
34
38
|
...CSS_KEYWORDS.filter((opt)=>opt !== 'auto')
|
|
@@ -76,6 +80,13 @@ const JUSTIFY_SELF_VALUES = [
|
|
|
76
80
|
export const SYSTEM_PADDING_VERTICAL = 'var(--vkui--size_base_padding_vertical--regular)';
|
|
77
81
|
export const SYSTEM_PADDING_HORIZONTAL = 'var(--vkui--size_base_padding_horizontal--regular)';
|
|
78
82
|
export const LAYOUT_PROPS = {
|
|
83
|
+
margin: MARGIN_VALUES,
|
|
84
|
+
marginInline: MARGIN_VALUES,
|
|
85
|
+
marginBlock: MARGIN_VALUES,
|
|
86
|
+
marginInlineStart: MARGIN_VALUES,
|
|
87
|
+
marginInlineEnd: MARGIN_VALUES,
|
|
88
|
+
marginBlockStart: MARGIN_VALUES,
|
|
89
|
+
marginBlockEnd: MARGIN_VALUES,
|
|
79
90
|
padding: PADDING_VALUES,
|
|
80
91
|
paddingInline: PADDING_VALUES,
|
|
81
92
|
paddingBlock: PADDING_VALUES,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/lib/layouts/layoutProps.ts"],"sourcesContent":["import type {\n CSSGlobalValue,\n CSSIntrinsicSizingKeywords,\n DesignSystemSize,\n OverflowValue,\n PositionValue,\n} from './types';\n\nexport const DESIGN_SYSTEM_SIZES: DesignSystemSize[] = [\n '2xs',\n 'xs',\n 's',\n 'm',\n 'l',\n 'xl',\n '2xl',\n '3xl',\n '4xl',\n];\nconst CSS_INTRINSIC_KEYWORDS: CSSIntrinsicSizingKeywords[] = [\n 'auto',\n 'max-content',\n 'min-content',\n 'fit-content',\n];\nconst CSS_GLOBAL_KEYWORDS: CSSGlobalValue[] = ['inherit', 'initial', 'unset'];\n\nconst CSS_KEYWORDS = [...CSS_INTRINSIC_KEYWORDS, ...CSS_GLOBAL_KEYWORDS];\nconst PADDING_VALUES = [...DESIGN_SYSTEM_SIZES, ...CSS_GLOBAL_KEYWORDS, 'system'];\nconst SIZE_VALUES = CSS_KEYWORDS;\nconst MINMAX_SIZE_VALUES = [...CSS_KEYWORDS.filter((opt) => opt !== 'auto')];\nconst FLEX_VALUES = CSS_GLOBAL_KEYWORDS;\nconst FLEX_BASIS_VALUES = [...CSS_KEYWORDS, 'content'];\nconst INSET_VALUES = [...DESIGN_SYSTEM_SIZES, ...CSS_GLOBAL_KEYWORDS, 'auto'];\nconst POSITION_VALUES: PositionValue[] = ['static', 'relative', 'absolute', 'fixed', 'sticky'];\nconst OVERFLOW_VALUES: OverflowValue[] = [\n 'visible',\n 'hidden',\n 'clip',\n 'scroll',\n 'auto',\n ...CSS_GLOBAL_KEYWORDS,\n];\nconst SELF_POSITION = ['start', 'center', 'end'];\nconst ALIGN_SELF_VALUES = [...SELF_POSITION, 'baseline', 'stretch'];\nconst JUSTIFY_SELF_VALUES = [...SELF_POSITION, 'baseline', 'stretch'];\n\nexport const SYSTEM_PADDING_VERTICAL = 'var(--vkui--size_base_padding_vertical--regular)';\nexport const SYSTEM_PADDING_HORIZONTAL = 'var(--vkui--size_base_padding_horizontal--regular)';\n\nexport const LAYOUT_PROPS = {\n padding: PADDING_VALUES,\n paddingInline: PADDING_VALUES,\n paddingBlock: PADDING_VALUES,\n paddingInlineStart: PADDING_VALUES,\n paddingInlineEnd: PADDING_VALUES,\n paddingBlockStart: PADDING_VALUES,\n paddingBlockEnd: PADDING_VALUES,\n inlineSize: SIZE_VALUES,\n minInlineSize: MINMAX_SIZE_VALUES,\n maxInlineSize: MINMAX_SIZE_VALUES,\n blockSize: SIZE_VALUES,\n minBlockSize: MINMAX_SIZE_VALUES,\n maxBlockSize: MINMAX_SIZE_VALUES,\n inset: INSET_VALUES,\n insetInline: INSET_VALUES,\n insetBlock: INSET_VALUES,\n insetInlineStart: INSET_VALUES,\n insetInlineEnd: INSET_VALUES,\n insetBlockStart: INSET_VALUES,\n insetBlockEnd: INSET_VALUES,\n position: POSITION_VALUES,\n flexGrow: FLEX_VALUES,\n flexShrink: FLEX_VALUES,\n flexBasis: FLEX_BASIS_VALUES,\n alignSelf: ALIGN_SELF_VALUES,\n justifySelf: JUSTIFY_SELF_VALUES,\n overflow: OVERFLOW_VALUES,\n overflowBlock: OVERFLOW_VALUES,\n overflowInline: OVERFLOW_VALUES,\n};\n\nexport type LayoutPropKeys = keyof typeof LAYOUT_PROPS;\n"],"names":["DESIGN_SYSTEM_SIZES","CSS_INTRINSIC_KEYWORDS","CSS_GLOBAL_KEYWORDS","CSS_KEYWORDS","PADDING_VALUES","SIZE_VALUES","MINMAX_SIZE_VALUES","filter","opt","FLEX_VALUES","FLEX_BASIS_VALUES","INSET_VALUES","POSITION_VALUES","OVERFLOW_VALUES","SELF_POSITION","ALIGN_SELF_VALUES","JUSTIFY_SELF_VALUES","SYSTEM_PADDING_VERTICAL","SYSTEM_PADDING_HORIZONTAL","LAYOUT_PROPS","padding","paddingInline","paddingBlock","paddingInlineStart","paddingInlineEnd","paddingBlockStart","paddingBlockEnd","inlineSize","minInlineSize","maxInlineSize","blockSize","minBlockSize","maxBlockSize","inset","insetInline","insetBlock","insetInlineStart","insetInlineEnd","insetBlockStart","insetBlockEnd","position","flexGrow","flexShrink","flexBasis","alignSelf","justifySelf","overflow","overflowBlock","overflowInline"],"mappings":"AAQA,OAAO,MAAMA,sBAA0C;IACrD;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD,CAAC;AACF,MAAMC,yBAAuD;IAC3D;IACA;IACA;IACA;CACD;AACD,MAAMC,sBAAwC;IAAC;IAAW;IAAW;CAAQ;AAE7E,MAAMC,eAAe;OAAIF;OAA2BC;CAAoB;AACxE,MAAME,iBAAiB;OAAIJ;OAAwBE;IAAqB;CAAS;AACjF,MAAMG,
|
|
1
|
+
{"version":3,"sources":["../../../src/lib/layouts/layoutProps.ts"],"sourcesContent":["import type {\n CSSGlobalValue,\n CSSIntrinsicSizingKeywords,\n DesignSystemSize,\n OverflowValue,\n PositionValue,\n} from './types';\n\nexport const DESIGN_SYSTEM_SIZES: DesignSystemSize[] = [\n '2xs',\n 'xs',\n 's',\n 'm',\n 'l',\n 'xl',\n '2xl',\n '3xl',\n '4xl',\n];\nconst CSS_INTRINSIC_KEYWORDS: CSSIntrinsicSizingKeywords[] = [\n 'auto',\n 'max-content',\n 'min-content',\n 'fit-content',\n];\nconst CSS_GLOBAL_KEYWORDS: CSSGlobalValue[] = ['inherit', 'initial', 'unset'];\n\nconst CSS_KEYWORDS = [...CSS_INTRINSIC_KEYWORDS, ...CSS_GLOBAL_KEYWORDS];\nconst PADDING_VALUES = [...DESIGN_SYSTEM_SIZES, ...CSS_GLOBAL_KEYWORDS, 'system'];\nconst MARGIN_VALUES = [...DESIGN_SYSTEM_SIZES, ...CSS_GLOBAL_KEYWORDS];\nconst SIZE_VALUES = CSS_KEYWORDS;\nconst MINMAX_SIZE_VALUES = [...CSS_KEYWORDS.filter((opt) => opt !== 'auto')];\nconst FLEX_VALUES = CSS_GLOBAL_KEYWORDS;\nconst FLEX_BASIS_VALUES = [...CSS_KEYWORDS, 'content'];\nconst INSET_VALUES = [...DESIGN_SYSTEM_SIZES, ...CSS_GLOBAL_KEYWORDS, 'auto'];\nconst POSITION_VALUES: PositionValue[] = ['static', 'relative', 'absolute', 'fixed', 'sticky'];\nconst OVERFLOW_VALUES: OverflowValue[] = [\n 'visible',\n 'hidden',\n 'clip',\n 'scroll',\n 'auto',\n ...CSS_GLOBAL_KEYWORDS,\n];\nconst SELF_POSITION = ['start', 'center', 'end'];\nconst ALIGN_SELF_VALUES = [...SELF_POSITION, 'baseline', 'stretch'];\nconst JUSTIFY_SELF_VALUES = [...SELF_POSITION, 'baseline', 'stretch'];\n\nexport const SYSTEM_PADDING_VERTICAL = 'var(--vkui--size_base_padding_vertical--regular)';\nexport const SYSTEM_PADDING_HORIZONTAL = 'var(--vkui--size_base_padding_horizontal--regular)';\n\nexport const LAYOUT_PROPS = {\n margin: MARGIN_VALUES,\n marginInline: MARGIN_VALUES,\n marginBlock: MARGIN_VALUES,\n marginInlineStart: MARGIN_VALUES,\n marginInlineEnd: MARGIN_VALUES,\n marginBlockStart: MARGIN_VALUES,\n marginBlockEnd: MARGIN_VALUES,\n padding: PADDING_VALUES,\n paddingInline: PADDING_VALUES,\n paddingBlock: PADDING_VALUES,\n paddingInlineStart: PADDING_VALUES,\n paddingInlineEnd: PADDING_VALUES,\n paddingBlockStart: PADDING_VALUES,\n paddingBlockEnd: PADDING_VALUES,\n inlineSize: SIZE_VALUES,\n minInlineSize: MINMAX_SIZE_VALUES,\n maxInlineSize: MINMAX_SIZE_VALUES,\n blockSize: SIZE_VALUES,\n minBlockSize: MINMAX_SIZE_VALUES,\n maxBlockSize: MINMAX_SIZE_VALUES,\n inset: INSET_VALUES,\n insetInline: INSET_VALUES,\n insetBlock: INSET_VALUES,\n insetInlineStart: INSET_VALUES,\n insetInlineEnd: INSET_VALUES,\n insetBlockStart: INSET_VALUES,\n insetBlockEnd: INSET_VALUES,\n position: POSITION_VALUES,\n flexGrow: FLEX_VALUES,\n flexShrink: FLEX_VALUES,\n flexBasis: FLEX_BASIS_VALUES,\n alignSelf: ALIGN_SELF_VALUES,\n justifySelf: JUSTIFY_SELF_VALUES,\n overflow: OVERFLOW_VALUES,\n overflowBlock: OVERFLOW_VALUES,\n overflowInline: OVERFLOW_VALUES,\n};\n\nexport type LayoutPropKeys = keyof typeof LAYOUT_PROPS;\n"],"names":["DESIGN_SYSTEM_SIZES","CSS_INTRINSIC_KEYWORDS","CSS_GLOBAL_KEYWORDS","CSS_KEYWORDS","PADDING_VALUES","MARGIN_VALUES","SIZE_VALUES","MINMAX_SIZE_VALUES","filter","opt","FLEX_VALUES","FLEX_BASIS_VALUES","INSET_VALUES","POSITION_VALUES","OVERFLOW_VALUES","SELF_POSITION","ALIGN_SELF_VALUES","JUSTIFY_SELF_VALUES","SYSTEM_PADDING_VERTICAL","SYSTEM_PADDING_HORIZONTAL","LAYOUT_PROPS","margin","marginInline","marginBlock","marginInlineStart","marginInlineEnd","marginBlockStart","marginBlockEnd","padding","paddingInline","paddingBlock","paddingInlineStart","paddingInlineEnd","paddingBlockStart","paddingBlockEnd","inlineSize","minInlineSize","maxInlineSize","blockSize","minBlockSize","maxBlockSize","inset","insetInline","insetBlock","insetInlineStart","insetInlineEnd","insetBlockStart","insetBlockEnd","position","flexGrow","flexShrink","flexBasis","alignSelf","justifySelf","overflow","overflowBlock","overflowInline"],"mappings":"AAQA,OAAO,MAAMA,sBAA0C;IACrD;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD,CAAC;AACF,MAAMC,yBAAuD;IAC3D;IACA;IACA;IACA;CACD;AACD,MAAMC,sBAAwC;IAAC;IAAW;IAAW;CAAQ;AAE7E,MAAMC,eAAe;OAAIF;OAA2BC;CAAoB;AACxE,MAAME,iBAAiB;OAAIJ;OAAwBE;IAAqB;CAAS;AACjF,MAAMG,gBAAgB;OAAIL;OAAwBE;CAAoB;AACtE,MAAMI,cAAcH;AACpB,MAAMI,qBAAqB;OAAIJ,aAAaK,MAAM,CAAC,CAACC,MAAQA,QAAQ;CAAQ;AAC5E,MAAMC,cAAcR;AACpB,MAAMS,oBAAoB;OAAIR;IAAc;CAAU;AACtD,MAAMS,eAAe;OAAIZ;OAAwBE;IAAqB;CAAO;AAC7E,MAAMW,kBAAmC;IAAC;IAAU;IAAY;IAAY;IAAS;CAAS;AAC9F,MAAMC,kBAAmC;IACvC;IACA;IACA;IACA;IACA;OACGZ;CACJ;AACD,MAAMa,gBAAgB;IAAC;IAAS;IAAU;CAAM;AAChD,MAAMC,oBAAoB;OAAID;IAAe;IAAY;CAAU;AACnE,MAAME,sBAAsB;OAAIF;IAAe;IAAY;CAAU;AAErE,OAAO,MAAMG,0BAA0B,mDAAmD;AAC1F,OAAO,MAAMC,4BAA4B,qDAAqD;AAE9F,OAAO,MAAMC,eAAe;IAC1BC,QAAQhB;IACRiB,cAAcjB;IACdkB,aAAalB;IACbmB,mBAAmBnB;IACnBoB,iBAAiBpB;IACjBqB,kBAAkBrB;IAClBsB,gBAAgBtB;IAChBuB,SAASxB;IACTyB,eAAezB;IACf0B,cAAc1B;IACd2B,oBAAoB3B;IACpB4B,kBAAkB5B;IAClB6B,mBAAmB7B;IACnB8B,iBAAiB9B;IACjB+B,YAAY7B;IACZ8B,eAAe7B;IACf8B,eAAe9B;IACf+B,WAAWhC;IACXiC,cAAchC;IACdiC,cAAcjC;IACdkC,OAAO7B;IACP8B,aAAa9B;IACb+B,YAAY/B;IACZgC,kBAAkBhC;IAClBiC,gBAAgBjC;IAChBkC,iBAAiBlC;IACjBmC,eAAenC;IACfoC,UAAUnC;IACVoC,UAAUvC;IACVwC,YAAYxC;IACZyC,WAAWxC;IACXyC,WAAWpC;IACXqC,aAAapC;IACbqC,UAAUxC;IACVyC,eAAezC;IACf0C,gBAAgB1C;AAClB,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resolveLayoutProps.d.ts","sourceRoot":"","sources":["../../../src/lib/layouts/resolveLayoutProps.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG;IAClD,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;CACzC,GAAG;IACF,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,cAAc,EACzD,KAAK,EAAE,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAA;CAAE;gBAA7D,MAAM,GAAG,SAAS;YAAU,KAAK,CAAC,aAAa,GAAG,SAAS;
|
|
1
|
+
{"version":3,"file":"resolveLayoutProps.d.ts","sourceRoot":"","sources":["../../../src/lib/layouts/resolveLayoutProps.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG;IAClD,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;CACzC,GAAG;IACF,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,cAAc,EACzD,KAAK,EAAE,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAA;CAAE;gBAA7D,MAAM,GAAG,SAAS;YAAU,KAAK,CAAC,aAAa,GAAG,SAAS;EAmCrF"}
|
|
@@ -13,17 +13,19 @@ import { LAYOUT_PROPS } from "./layoutProps.js";
|
|
|
13
13
|
let resolvedClassName;
|
|
14
14
|
let resolvedStyle;
|
|
15
15
|
for(const key in LAYOUT_PROPS){
|
|
16
|
-
if (key in outProps
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
16
|
+
if (key in outProps) {
|
|
17
|
+
if (outProps[key] !== undefined) {
|
|
18
|
+
const propDef = LAYOUT_PROPS[key];
|
|
19
|
+
const value = outProps[key];
|
|
20
|
+
const cssProperty = key.replace(/([A-Z])/g, '-$1').toLowerCase();
|
|
21
|
+
if (typeof value === 'string' && propDef.includes(value)) {
|
|
22
|
+
resolvedClassName = classNames(resolvedClassName, generateConstantClassName(cssProperty, value));
|
|
23
|
+
} else if (key !== 'position' && !key.startsWith('overflow')) {
|
|
24
|
+
resolvedClassName = classNames(resolvedClassName, generateVariableClassName(cssProperty));
|
|
25
|
+
resolvedStyle = mergeStyle(resolvedStyle, {
|
|
26
|
+
[generateVariable(cssProperty)]: typeof value === 'number' && key !== 'flexGrow' && key !== 'flexShrink' ? `${value}px` : value
|
|
27
|
+
});
|
|
28
|
+
}
|
|
27
29
|
}
|
|
28
30
|
delete outProps[key];
|
|
29
31
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/lib/layouts/resolveLayoutProps.ts"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { mergeStyle } from '../../helpers/mergeStyle';\nimport { generateConstantClassName, generateVariable, generateVariableClassName } from './helpers';\nimport { LAYOUT_PROPS, type LayoutPropKeys } from './layoutProps';\nimport type { LayoutProps } from './types';\n\nexport type ComponentProps = Partial<LayoutProps> & {\n className?: string | undefined;\n style?: React.CSSProperties | undefined;\n} & {\n [key: string]: unknown;\n};\n\n/**\n * Превращает layout свойства в нужные значения className/style\n * @param props - все пропы компонента\n * @returns измененные свойства\n */\nexport function resolveLayoutProps<T extends ComponentProps>(\n props: T & { className?: string | undefined; style?: React.CSSProperties | undefined },\n) {\n const outProps = { ...props };\n let resolvedClassName: string | undefined;\n let resolvedStyle: React.CSSProperties | undefined;\n\n for (const key in LAYOUT_PROPS) {\n if (key in outProps
|
|
1
|
+
{"version":3,"sources":["../../../src/lib/layouts/resolveLayoutProps.ts"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { mergeStyle } from '../../helpers/mergeStyle';\nimport { generateConstantClassName, generateVariable, generateVariableClassName } from './helpers';\nimport { LAYOUT_PROPS, type LayoutPropKeys } from './layoutProps';\nimport type { LayoutProps } from './types';\n\nexport type ComponentProps = Partial<LayoutProps> & {\n className?: string | undefined;\n style?: React.CSSProperties | undefined;\n} & {\n [key: string]: unknown;\n};\n\n/**\n * Превращает layout свойства в нужные значения className/style\n * @param props - все пропы компонента\n * @returns измененные свойства\n */\nexport function resolveLayoutProps<T extends ComponentProps>(\n props: T & { className?: string | undefined; style?: React.CSSProperties | undefined },\n) {\n const outProps = { ...props };\n let resolvedClassName: string | undefined;\n let resolvedStyle: React.CSSProperties | undefined;\n\n for (const key in LAYOUT_PROPS) {\n if (key in outProps) {\n if (outProps[key] !== undefined) {\n const propDef = LAYOUT_PROPS[key as LayoutPropKeys];\n const value = outProps[key];\n const cssProperty = key.replace(/([A-Z])/g, '-$1').toLowerCase();\n if (typeof value === 'string' && (propDef as string[]).includes(value)) {\n resolvedClassName = classNames(\n resolvedClassName,\n generateConstantClassName(cssProperty, value),\n );\n } else if (key !== 'position' && !key.startsWith('overflow')) {\n resolvedClassName = classNames(resolvedClassName, generateVariableClassName(cssProperty));\n resolvedStyle = mergeStyle(resolvedStyle, {\n [generateVariable(cssProperty)]:\n typeof value === 'number' && key !== 'flexGrow' && key !== 'flexShrink'\n ? `${value}px`\n : value,\n });\n }\n }\n delete outProps[key];\n }\n }\n\n outProps.className = classNames(resolvedClassName, outProps.className);\n outProps.style = mergeStyle(resolvedStyle, outProps.style);\n\n return outProps;\n}\n"],"names":["classNames","mergeStyle","generateConstantClassName","generateVariable","generateVariableClassName","LAYOUT_PROPS","resolveLayoutProps","props","outProps","resolvedClassName","resolvedStyle","key","undefined","propDef","value","cssProperty","replace","toLowerCase","includes","startsWith","className","style"],"mappings":"AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,yBAAyB,EAAEC,gBAAgB,EAAEC,yBAAyB,QAAQ,eAAY;AACnG,SAASC,YAAY,QAA6B,mBAAgB;AAUlE;;;;CAIC,GACD,OAAO,SAASC,mBACdC,KAAsF;IAEtF,MAAMC,WAAW;QAAE,GAAGD,KAAK;IAAC;IAC5B,IAAIE;IACJ,IAAIC;IAEJ,IAAK,MAAMC,OAAON,aAAc;QAC9B,IAAIM,OAAOH,UAAU;YACnB,IAAIA,QAAQ,CAACG,IAAI,KAAKC,WAAW;gBAC/B,MAAMC,UAAUR,YAAY,CAACM,IAAsB;gBACnD,MAAMG,QAAQN,QAAQ,CAACG,IAAI;gBAC3B,MAAMI,cAAcJ,IAAIK,OAAO,CAAC,YAAY,OAAOC,WAAW;gBAC9D,IAAI,OAAOH,UAAU,YAAY,AAACD,QAAqBK,QAAQ,CAACJ,QAAQ;oBACtEL,oBAAoBT,WAClBS,mBACAP,0BAA0Ba,aAAaD;gBAE3C,OAAO,IAAIH,QAAQ,cAAc,CAACA,IAAIQ,UAAU,CAAC,aAAa;oBAC5DV,oBAAoBT,WAAWS,mBAAmBL,0BAA0BW;oBAC5EL,gBAAgBT,WAAWS,eAAe;wBACxC,CAACP,iBAAiBY,aAAa,EAC7B,OAAOD,UAAU,YAAYH,QAAQ,cAAcA,QAAQ,eACvD,GAAGG,MAAM,EAAE,CAAC,GACZA;oBACR;gBACF;YACF;YACA,OAAON,QAAQ,CAACG,IAAI;QACtB;IACF;IAEAH,SAASY,SAAS,GAAGpB,WAAWS,mBAAmBD,SAASY,SAAS;IACrEZ,SAASa,KAAK,GAAGpB,WAAWS,eAAeF,SAASa,KAAK;IAEzD,OAAOb;AACT"}
|
|
@@ -5,6 +5,7 @@ export type CSSIntrinsicSizingKeywords = 'auto' | 'max-content' | 'min-content'
|
|
|
5
5
|
export type PositionValue = 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
|
|
6
6
|
export type OverflowValue = 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto' | CSSGlobalValue;
|
|
7
7
|
export type PaddingProp = LiteralUnion<DesignSystemSize | CSSGlobalValue | 'system', number | string>;
|
|
8
|
+
export type MarginProp = LiteralUnion<DesignSystemSize | CSSGlobalValue, number | string>;
|
|
8
9
|
export type InsetProp = LiteralUnion<DesignSystemSize | CSSGlobalValue | 'auto', number | string>;
|
|
9
10
|
export type SizeProp = LiteralUnion<CSSGlobalValue | CSSIntrinsicSizingKeywords, number | string>;
|
|
10
11
|
export type FlexGrowProp = LiteralUnion<CSSGlobalValue, number>;
|
|
@@ -14,6 +15,34 @@ type SelfPositionProp = 'start' | 'center' | 'end';
|
|
|
14
15
|
type AlignSelfProp = SelfPositionProp | 'baseline' | 'stretch';
|
|
15
16
|
type JustifySelfProp = SelfPositionProp | 'baseline' | 'stretch';
|
|
16
17
|
export interface LayoutProps {
|
|
18
|
+
/**
|
|
19
|
+
* Внешние отступы со всех сторон.
|
|
20
|
+
*/
|
|
21
|
+
margin?: MarginProp | undefined;
|
|
22
|
+
/**
|
|
23
|
+
* Внешние отступы по строчной оси.
|
|
24
|
+
*/
|
|
25
|
+
marginInline?: MarginProp | undefined;
|
|
26
|
+
/**
|
|
27
|
+
* Внешние отступы по блочной оси.
|
|
28
|
+
*/
|
|
29
|
+
marginBlock?: MarginProp | undefined;
|
|
30
|
+
/**
|
|
31
|
+
* Внешний начальный отступ по строчной оси.
|
|
32
|
+
*/
|
|
33
|
+
marginInlineStart?: MarginProp | undefined;
|
|
34
|
+
/**
|
|
35
|
+
* Внешний конечный отступ по строчной оси.
|
|
36
|
+
*/
|
|
37
|
+
marginInlineEnd?: MarginProp | undefined;
|
|
38
|
+
/**
|
|
39
|
+
* Внешний начальный отступ по блочной оси.
|
|
40
|
+
*/
|
|
41
|
+
marginBlockStart?: MarginProp | undefined;
|
|
42
|
+
/**
|
|
43
|
+
* Внешний конечный отступ по блочной оси.
|
|
44
|
+
*/
|
|
45
|
+
marginBlockEnd?: MarginProp | undefined;
|
|
17
46
|
/**
|
|
18
47
|
* Внутренние отступы со всех сторон.
|
|
19
48
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/layouts/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAG7F,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAG7D,MAAM,MAAM,0BAA0B,GAAG,MAAM,GAAG,aAAa,GAAG,aAAa,GAAG,aAAa,CAAC;AAEhG,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEpF,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAC;AAG/F,MAAM,MAAM,WAAW,GAAG,YAAY,CACpC,gBAAgB,GAAG,cAAc,GAAG,QAAQ,EAC5C,MAAM,GAAG,MAAM,CAChB,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/layouts/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAG7F,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAG7D,MAAM,MAAM,0BAA0B,GAAG,MAAM,GAAG,aAAa,GAAG,aAAa,GAAG,aAAa,CAAC;AAEhG,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEpF,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAC;AAG/F,MAAM,MAAM,WAAW,GAAG,YAAY,CACpC,gBAAgB,GAAG,cAAc,GAAG,QAAQ,EAC5C,MAAM,GAAG,MAAM,CAChB,CAAC;AACF,MAAM,MAAM,UAAU,GAAG,YAAY,CAAC,gBAAgB,GAAG,cAAc,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAG1F,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC,gBAAgB,GAAG,cAAc,GAAG,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAGlG,MAAM,MAAM,QAAQ,GAAG,YAAY,CAAC,cAAc,GAAG,0BAA0B,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAGlG,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;AAChE,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;AAClE,MAAM,MAAM,aAAa,GAAG,YAAY,CACtC,0BAA0B,GAAG,SAAS,GAAG,cAAc,EACvD,MAAM,GAAG,MAAM,CAChB,CAAC;AAEF,KAAK,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEnD,KAAK,aAAa,GAAG,gBAAgB,GAAG,UAAU,GAAG,SAAS,CAAC;AAC/D,KAAK,eAAe,GAAG,gBAAgB,GAAG,UAAU,GAAG,SAAS,CAAC;AAEjE,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACtC;;OAEG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,iBAAiB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC3C;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACzC;;OAEG;IACH,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC1C;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,aAAa,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACxC;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACvC;;OAEG;IACH,kBAAkB,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAC7C;;OAEG;IACH,gBAAgB,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAC3C;;OAEG;IACH,iBAAiB,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAC5C;;OAEG;IACH,eAAe,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAC1C;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;IACtD;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;IACtD;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC9B;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACnC;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACzC;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACvC;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACxC;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAC1C;;OAEG;IACH,cAAc,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAC3C;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,UAAU,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACxC;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACtC;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACtC;;OAEG;IACH,WAAW,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;CAC3C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/lib/layouts/types.ts"],"sourcesContent":["import type { LiteralUnion } from '../../types';\n\n// Тип для размеров дизайн-системы, переименованный из GapPresets\nexport type DesignSystemSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';\n\n// Глобальные CSS-значения\nexport type CSSGlobalValue = 'inherit' | 'initial' | 'unset';\n\n// Ключевые слова для внутренних размеров\nexport type CSSIntrinsicSizingKeywords = 'auto' | 'max-content' | 'min-content' | 'fit-content';\n\nexport type PositionValue = 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';\n\nexport type OverflowValue = 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto' | CSSGlobalValue;\n\n// Тип для отступов\nexport type PaddingProp = LiteralUnion<\n DesignSystemSize | CSSGlobalValue | 'system',\n number | string\n>;\n\n// Типы для параметров позиционирования\nexport type InsetProp = LiteralUnion<DesignSystemSize | CSSGlobalValue | 'auto', number | string>;\n\n// Тип для размеров\nexport type SizeProp = LiteralUnion<CSSGlobalValue | CSSIntrinsicSizingKeywords, number | string>;\n\n// Тип для управления flex-свойствами\nexport type FlexGrowProp = LiteralUnion<CSSGlobalValue, number>;\nexport type FlexShrinkProp = LiteralUnion<CSSGlobalValue, number>;\nexport type FlexBasisProp = LiteralUnion<\n CSSIntrinsicSizingKeywords | 'content' | CSSGlobalValue,\n number | string\n>;\n\ntype SelfPositionProp = 'start' | 'center' | 'end';\n\ntype AlignSelfProp = SelfPositionProp | 'baseline' | 'stretch';\ntype JustifySelfProp = SelfPositionProp | 'baseline' | 'stretch';\n\nexport interface LayoutProps {\n /**\n * Внутренние отступы со всех сторон.\n */\n padding?: PaddingProp | undefined;\n /**\n * Внутренние отступы по строчной оси.\n */\n paddingInline?: PaddingProp | undefined;\n /**\n * Внутренние отступы по блочной оси.\n */\n paddingBlock?: PaddingProp | undefined;\n /**\n * Внутренний начальный отступ по строчной оси.\n */\n paddingInlineStart?: PaddingProp | undefined;\n /**\n * Внутренний конечный отступ по строчной оси.\n */\n paddingInlineEnd?: PaddingProp | undefined;\n /**\n * Внутренний начальный отступ по блочной оси.\n */\n paddingBlockStart?: PaddingProp | undefined;\n /**\n * Внутренний конечный отступ по блочной оси.\n */\n paddingBlockEnd?: PaddingProp | undefined;\n /**\n * Размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n */\n inlineSize?: SizeProp | undefined;\n /**\n * Минимальный размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n */\n minInlineSize?: Exclude<SizeProp, 'auto'> | undefined;\n /**\n * Максимальный размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n */\n maxInlineSize?: Exclude<SizeProp, 'auto'> | undefined;\n /**\n * Размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n */\n blockSize?: SizeProp | undefined;\n /**\n * Минимальный размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n */\n minBlockSize?: SizeProp | undefined;\n /**\n * Максимальный размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n */\n maxBlockSize?: SizeProp | undefined;\n /**\n * Смещение элемента по `top`, `right`, `bottom` и `left` одновременно.\n */\n inset?: InsetProp | undefined;\n /**\n * Боковое смещение по строчной оси (при горизонтальном направлении письма - свойства `left`/`right`).\n */\n insetInline?: InsetProp | undefined;\n /**\n * Боковое смещение по блочной оси (при горизонтальном направлении письма - свойства `top`/`bottom`).\n */\n insetBlock?: InsetProp | undefined;\n /**\n * Смещение начального отступа по строчной оси (при горизонтальном направлении письма - свойство `left`).\n */\n insetInlineStart?: InsetProp | undefined;\n /**\n * Смещение конечного отступа по строчной оси (при горизонтальном направлении письма - свойство `right`).\n */\n insetInlineEnd?: InsetProp | undefined;\n /**\n * Смещение начального отступа по блочной оси (при горизонтальном направлении письма - свойство `top`).\n */\n insetBlockStart?: InsetProp | undefined;\n /**\n * Смещение конечного отступа по блочной оси (при горизонтальном направлении письма - свойство `bottom`).\n */\n insetBlockEnd?: InsetProp | undefined;\n /**\n * Позиционирование элемента.\n */\n position?: PositionValue | undefined;\n /**\n * Управление переполнением содержимого.\n */\n overflow?: OverflowValue | undefined;\n /**\n * Управление переполнением содержимого по блочной оси (при горизонтальном направлении письма - свойство `overflow-y`).\n */\n overflowBlock?: OverflowValue | undefined;\n /**\n * Управление переполнением содержимого по строчной оси (при горизонтальном направлении письма - свойство `overflow-x`).\n */\n overflowInline?: OverflowValue | undefined;\n /**\n * Определяет, насколько элемент будет расти относительно остальных flex-элементов.\n */\n flexGrow?: FlexGrowProp | undefined;\n /**\n * Определяет, насколько элемент будет сжиматься относительно остальных flex-элементов.\n */\n flexShrink?: FlexShrinkProp | undefined;\n /**\n * Определяет начальный размер flex-элемента.\n */\n flexBasis?: FlexBasisProp | undefined;\n /**\n * Для задания выравнивания, отличного от установленного на родителе, эквивалентно `align-self`.\n */\n alignSelf?: AlignSelfProp | undefined;\n /**\n * Для задания выравнивания, отличного от установленного на родителе, эквивалентно `justify-self`.\n */\n justifySelf?: JustifySelfProp | undefined;\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/lib/layouts/types.ts"],"sourcesContent":["import type { LiteralUnion } from '../../types';\n\n// Тип для размеров дизайн-системы, переименованный из GapPresets\nexport type DesignSystemSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';\n\n// Глобальные CSS-значения\nexport type CSSGlobalValue = 'inherit' | 'initial' | 'unset';\n\n// Ключевые слова для внутренних размеров\nexport type CSSIntrinsicSizingKeywords = 'auto' | 'max-content' | 'min-content' | 'fit-content';\n\nexport type PositionValue = 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';\n\nexport type OverflowValue = 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto' | CSSGlobalValue;\n\n// Тип для отступов\nexport type PaddingProp = LiteralUnion<\n DesignSystemSize | CSSGlobalValue | 'system',\n number | string\n>;\nexport type MarginProp = LiteralUnion<DesignSystemSize | CSSGlobalValue, number | string>;\n\n// Типы для параметров позиционирования\nexport type InsetProp = LiteralUnion<DesignSystemSize | CSSGlobalValue | 'auto', number | string>;\n\n// Тип для размеров\nexport type SizeProp = LiteralUnion<CSSGlobalValue | CSSIntrinsicSizingKeywords, number | string>;\n\n// Тип для управления flex-свойствами\nexport type FlexGrowProp = LiteralUnion<CSSGlobalValue, number>;\nexport type FlexShrinkProp = LiteralUnion<CSSGlobalValue, number>;\nexport type FlexBasisProp = LiteralUnion<\n CSSIntrinsicSizingKeywords | 'content' | CSSGlobalValue,\n number | string\n>;\n\ntype SelfPositionProp = 'start' | 'center' | 'end';\n\ntype AlignSelfProp = SelfPositionProp | 'baseline' | 'stretch';\ntype JustifySelfProp = SelfPositionProp | 'baseline' | 'stretch';\n\nexport interface LayoutProps {\n /**\n * Внешние отступы со всех сторон.\n */\n margin?: MarginProp | undefined;\n /**\n * Внешние отступы по строчной оси.\n */\n marginInline?: MarginProp | undefined;\n /**\n * Внешние отступы по блочной оси.\n */\n marginBlock?: MarginProp | undefined;\n /**\n * Внешний начальный отступ по строчной оси.\n */\n marginInlineStart?: MarginProp | undefined;\n /**\n * Внешний конечный отступ по строчной оси.\n */\n marginInlineEnd?: MarginProp | undefined;\n /**\n * Внешний начальный отступ по блочной оси.\n */\n marginBlockStart?: MarginProp | undefined;\n /**\n * Внешний конечный отступ по блочной оси.\n */\n marginBlockEnd?: MarginProp | undefined;\n /**\n * Внутренние отступы со всех сторон.\n */\n padding?: PaddingProp | undefined;\n /**\n * Внутренние отступы по строчной оси.\n */\n paddingInline?: PaddingProp | undefined;\n /**\n * Внутренние отступы по блочной оси.\n */\n paddingBlock?: PaddingProp | undefined;\n /**\n * Внутренний начальный отступ по строчной оси.\n */\n paddingInlineStart?: PaddingProp | undefined;\n /**\n * Внутренний конечный отступ по строчной оси.\n */\n paddingInlineEnd?: PaddingProp | undefined;\n /**\n * Внутренний начальный отступ по блочной оси.\n */\n paddingBlockStart?: PaddingProp | undefined;\n /**\n * Внутренний конечный отступ по блочной оси.\n */\n paddingBlockEnd?: PaddingProp | undefined;\n /**\n * Размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n */\n inlineSize?: SizeProp | undefined;\n /**\n * Минимальный размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n */\n minInlineSize?: Exclude<SizeProp, 'auto'> | undefined;\n /**\n * Максимальный размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n */\n maxInlineSize?: Exclude<SizeProp, 'auto'> | undefined;\n /**\n * Размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n */\n blockSize?: SizeProp | undefined;\n /**\n * Минимальный размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n */\n minBlockSize?: SizeProp | undefined;\n /**\n * Максимальный размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n */\n maxBlockSize?: SizeProp | undefined;\n /**\n * Смещение элемента по `top`, `right`, `bottom` и `left` одновременно.\n */\n inset?: InsetProp | undefined;\n /**\n * Боковое смещение по строчной оси (при горизонтальном направлении письма - свойства `left`/`right`).\n */\n insetInline?: InsetProp | undefined;\n /**\n * Боковое смещение по блочной оси (при горизонтальном направлении письма - свойства `top`/`bottom`).\n */\n insetBlock?: InsetProp | undefined;\n /**\n * Смещение начального отступа по строчной оси (при горизонтальном направлении письма - свойство `left`).\n */\n insetInlineStart?: InsetProp | undefined;\n /**\n * Смещение конечного отступа по строчной оси (при горизонтальном направлении письма - свойство `right`).\n */\n insetInlineEnd?: InsetProp | undefined;\n /**\n * Смещение начального отступа по блочной оси (при горизонтальном направлении письма - свойство `top`).\n */\n insetBlockStart?: InsetProp | undefined;\n /**\n * Смещение конечного отступа по блочной оси (при горизонтальном направлении письма - свойство `bottom`).\n */\n insetBlockEnd?: InsetProp | undefined;\n /**\n * Позиционирование элемента.\n */\n position?: PositionValue | undefined;\n /**\n * Управление переполнением содержимого.\n */\n overflow?: OverflowValue | undefined;\n /**\n * Управление переполнением содержимого по блочной оси (при горизонтальном направлении письма - свойство `overflow-y`).\n */\n overflowBlock?: OverflowValue | undefined;\n /**\n * Управление переполнением содержимого по строчной оси (при горизонтальном направлении письма - свойство `overflow-x`).\n */\n overflowInline?: OverflowValue | undefined;\n /**\n * Определяет, насколько элемент будет расти относительно остальных flex-элементов.\n */\n flexGrow?: FlexGrowProp | undefined;\n /**\n * Определяет, насколько элемент будет сжиматься относительно остальных flex-элементов.\n */\n flexShrink?: FlexShrinkProp | undefined;\n /**\n * Определяет начальный размер flex-элемента.\n */\n flexBasis?: FlexBasisProp | undefined;\n /**\n * Для задания выравнивания, отличного от установленного на родителе, эквивалентно `align-self`.\n */\n alignSelf?: AlignSelfProp | undefined;\n /**\n * Для задания выравнивания, отличного от установленного на родителе, эквивалентно `justify-self`.\n */\n justifySelf?: JustifySelfProp | undefined;\n}\n"],"names":[],"mappings":"AAyCA,WAiJC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type HasRootRef } from '../../../types';
|
|
2
|
+
import * as shapes from './shapes';
|
|
3
|
+
export interface ShapeProps extends React.ComponentProps<'svg'>, HasRootRef<SVGElement> {
|
|
4
|
+
size?: number;
|
|
5
|
+
params: shapes.ShapeParameters;
|
|
6
|
+
}
|
|
7
|
+
export declare function Shape({ size, params, ...props }: ShapeProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
//# sourceMappingURL=Shape.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Shape.d.ts","sourceRoot":"","sources":["../../../../src/lib/material/shapes/Shape.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AAEnC,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC;IACrF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC,eAAe,CAAC;CAChC;AAED,wBAAgB,KAAK,CAAC,EAAE,IAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAMhE"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { RootComponent } from "../../../components/RootComponent/RootComponent.js";
|
|
3
|
+
import { svgPathToString } from "../../svg/path/path.js";
|
|
4
|
+
import * as shapes from "./shapes.js";
|
|
5
|
+
export function Shape({ size = 24, params, ...props }) {
|
|
6
|
+
return /*#__PURE__*/ _jsx(RootComponent, {
|
|
7
|
+
Component: "svg",
|
|
8
|
+
width: size,
|
|
9
|
+
height: size,
|
|
10
|
+
...props,
|
|
11
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
12
|
+
d: svgPathToString(shapes.shape(params, size)),
|
|
13
|
+
fill: "currentColor"
|
|
14
|
+
})
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
//# sourceMappingURL=Shape.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/lib/material/shapes/Shape.tsx"],"sourcesContent":["import { RootComponent } from '../../../components/RootComponent/RootComponent';\nimport { type HasRootRef } from '../../../types';\nimport { svgPathToString } from '../../svg/path/path';\nimport * as shapes from './shapes';\n\nexport interface ShapeProps extends React.ComponentProps<'svg'>, HasRootRef<SVGElement> {\n size?: number;\n params: shapes.ShapeParameters;\n}\n\nexport function Shape({ size = 24, params, ...props }: ShapeProps) {\n return (\n <RootComponent Component=\"svg\" width={size} height={size} {...props}>\n <path d={svgPathToString(shapes.shape(params, size))} fill=\"currentColor\" />\n </RootComponent>\n );\n}\n"],"names":["RootComponent","svgPathToString","shapes","Shape","size","params","props","Component","width","height","path","d","shape","fill"],"mappings":";AAAA,SAASA,aAAa,QAAQ,qDAAkD;AAEhF,SAASC,eAAe,QAAQ,yBAAsB;AACtD,YAAYC,YAAY,cAAW;AAOnC,OAAO,SAASC,MAAM,EAAEC,OAAO,EAAE,EAAEC,MAAM,EAAE,GAAGC,OAAmB;IAC/D,qBACE,KAACN;QAAcO,WAAU;QAAMC,OAAOJ;QAAMK,QAAQL;QAAO,GAAGE,KAAK;kBACjE,cAAA,KAACI;YAAKC,GAAGV,gBAAgBC,OAAOU,KAAK,CAACP,QAAQD;YAAQS,MAAK;;;AAGjE"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Набор форм M3
|
|
3
|
+
*
|
|
4
|
+
* https://m3.material.io/styles/shape/overview-principles
|
|
5
|
+
*/
|
|
6
|
+
import { type DeepReadonly, type ReadonlyWeakMap } from '../../../types';
|
|
7
|
+
import { type SVGPathSupport } from '../../svg/path/path';
|
|
8
|
+
export interface ShapeParameters {
|
|
9
|
+
/**
|
|
10
|
+
* SVG путь для фигуры размером [0,1] на [0,1]
|
|
11
|
+
*/
|
|
12
|
+
readonly path: DeepReadonly<SVGPathSupport>;
|
|
13
|
+
/**
|
|
14
|
+
* Масштабирующий коэффициент предназначен для возможности помещения
|
|
15
|
+
* в произвольный контейнер фигуры учитывая вращение
|
|
16
|
+
*/
|
|
17
|
+
readonly rotateScaleFactor: number;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Возвращает фигуру определенного размера
|
|
21
|
+
*/
|
|
22
|
+
export declare function shape(shapeParams: ShapeParameters, size: number): SVGPathSupport;
|
|
23
|
+
/**
|
|
24
|
+
* Возвращает фигуру с возможностью поворота, которая помещается в контейнер
|
|
25
|
+
* определенного размера
|
|
26
|
+
*/
|
|
27
|
+
export declare function shapeWithRotate(shapeParams: ShapeParameters, size: number): SVGPathSupport;
|
|
28
|
+
export declare const ovalParams: ShapeParameters;
|
|
29
|
+
export declare const cookie4Params: ShapeParameters;
|
|
30
|
+
export declare const sunnyParams: ShapeParameters;
|
|
31
|
+
export declare const pillParams: ShapeParameters;
|
|
32
|
+
export declare const pentagonParams: ShapeParameters;
|
|
33
|
+
export declare const cookie9Params: ShapeParameters;
|
|
34
|
+
export declare const softBurstParams: ShapeParameters;
|
|
35
|
+
/**
|
|
36
|
+
* Список всех форм
|
|
37
|
+
*/
|
|
38
|
+
export declare const shapeList: readonly [ShapeParameters, ShapeParameters, ShapeParameters, ShapeParameters, ShapeParameters, ShapeParameters, ShapeParameters];
|
|
39
|
+
/**
|
|
40
|
+
* Название форм
|
|
41
|
+
*/
|
|
42
|
+
export declare const shapeNameMap: ReadonlyWeakMap<ShapeParameters, string>;
|
|
43
|
+
//# sourceMappingURL=shapes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shapes.d.ts","sourceRoot":"","sources":["../../../../src/lib/material/shapes/shapes.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAG1D,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAC5C;;;OAGG;IACH,QAAQ,CAAC,iBAAiB,EAAE,MAAM,CAAC;CACpC;AAED;;GAEG;AACH,wBAAgB,KAAK,CAAC,WAAW,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,GAAG,cAAc,CAEhF;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,WAAW,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,GAAG,cAAc,CAK1F;AAED,eAAO,MAAM,UAAU,EAAE,eAUxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,eAsB3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,eAsEzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,eAYxB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,eA+B5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,eA4D3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,eA8C7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,kIAQZ,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,eAAe,EAAE,MAAM,CAQhE,CAAC"}
|