@prom-ui/core 2.5.0 → 3.0.0-alpha.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/Avatar/cjs/index.development.js +8 -0
- package/Avatar/cjs/index.development.v2.js +8 -0
- package/Avatar/cjs/index.production.js +1 -1
- package/Avatar/cjs/index.production.v2.js +1 -1
- package/Avatar/index.d.ts +13 -5
- package/Avatar/package.json +1 -1
- package/Backdrop/cjs/index.development.js +5 -3
- package/Backdrop/cjs/index.development.v2.js +5 -3
- package/Backdrop/cjs/index.production.js +1 -1
- package/Backdrop/cjs/index.production.v2.js +1 -1
- package/Backdrop/index.d.ts +11 -9
- package/Backdrop/package.json +1 -1
- package/Badge/cjs/index.development.js +7 -1
- package/Badge/cjs/index.development.v2.js +7 -1
- package/Badge/cjs/index.production.js +1 -1
- package/Badge/cjs/index.production.v2.js +1 -1
- package/Badge/index.d.ts +17 -9
- package/Badge/package.json +1 -1
- package/Body/cjs/index.development.js +22 -0
- package/Body/cjs/index.development.v2.js +22 -0
- package/Body/index.d.ts +68 -0
- package/Body/package.json +1 -1
- package/BodyProvider/cjs/index.development.js +103 -151
- package/BodyProvider/cjs/index.development.v2.js +103 -151
- package/BodyProvider/cjs/index.production.js +1 -1
- package/BodyProvider/cjs/index.production.v2.js +1 -1
- package/BodyProvider/hooks/useSyncDomColorScheme.d.ts +10 -0
- package/BodyProvider/hooks/useSyncStoreProps.d.ts +13 -0
- package/BodyProvider/index.d.ts +17 -1
- package/BodyProvider/package.json +1 -1
- package/BodyProvider/slices/sliceColorScheme.d.ts +16 -0
- package/BodyProvider/slices/sliceTTag.d.ts +1 -1
- package/BodyProvider/store.d.ts +4 -2
- package/BodyScrollLock/cjs/index.development.js +7 -0
- package/BodyScrollLock/cjs/index.development.v2.js +7 -0
- package/BodyScrollLock/cjs/index.production.js +1 -1
- package/BodyScrollLock/cjs/index.production.v2.js +1 -1
- package/BodyScrollLock/index.d.ts +8 -0
- package/BodyScrollLock/package.json +1 -1
- package/Box/cjs/index.development.js +14 -3
- package/Box/cjs/index.development.v2.js +14 -3
- package/Box/index.d.ts +110 -3
- package/Box/package.json +1 -1
- package/Button/cjs/index.development.js +16 -0
- package/Button/cjs/index.development.v2.js +16 -0
- package/Button/cjs/index.production.js +1 -1
- package/Button/cjs/index.production.v2.js +1 -1
- package/Button/index.d.ts +87 -1
- package/Button/package.json +1 -1
- package/ButtonPageUp/cjs/index.development.js +8 -0
- package/ButtonPageUp/cjs/index.development.v2.js +8 -0
- package/ButtonPageUp/cjs/index.production.js +1 -1
- package/ButtonPageUp/cjs/index.production.v2.js +1 -1
- package/ButtonPageUp/index.d.ts +14 -5
- package/ButtonPageUp/package.json +1 -1
- package/Checkbox/cjs/index.development.js +6 -0
- package/Checkbox/cjs/index.development.v2.js +6 -0
- package/Checkbox/cjs/index.production.js +1 -1
- package/Checkbox/cjs/index.production.v2.js +1 -1
- package/Checkbox/index.d.ts +9 -0
- package/Checkbox/package.json +1 -1
- package/ColorScheme/cjs/index.development.js +14 -3
- package/ColorScheme/cjs/index.development.v2.js +14 -3
- package/ColorScheme/cjs/index.production.js +1 -1
- package/ColorScheme/cjs/index.production.v2.js +1 -1
- package/ColorScheme/index.d.ts +12 -2
- package/ColorScheme/package.json +1 -1
- package/ContextMenu/cjs/index.development.js +8 -0
- package/ContextMenu/cjs/index.development.v2.js +8 -0
- package/ContextMenu/cjs/index.production.js +1 -1
- package/ContextMenu/cjs/index.production.v2.js +1 -1
- package/ContextMenu/index.d.ts +14 -5
- package/ContextMenu/package.json +1 -1
- package/ErrorCatch/ErrorCatch.d.ts +9 -3
- package/ErrorCatch/cjs/index.development.js +6 -1
- package/ErrorCatch/cjs/index.development.v2.js +6 -1
- package/ErrorCatch/cjs/index.production.js +1 -1
- package/ErrorCatch/cjs/index.production.v2.js +1 -1
- package/ErrorCatch/package.json +1 -1
- package/Flex/cjs/index.development.js +30 -0
- package/Flex/cjs/index.development.v2.js +30 -0
- package/Flex/index.d.ts +86 -0
- package/Flex/package.json +1 -1
- package/Grid/cjs/index.development.js +30 -2
- package/Grid/cjs/index.development.v2.js +30 -2
- package/Grid/cjs/index.production.js +1 -1
- package/Grid/cjs/index.production.v2.js +1 -1
- package/Grid/cjs/style.development.css +1324 -4959
- package/Grid/cjs/style.development.v2.css +1324 -4959
- package/Grid/cjs/style.production.css +1 -1
- package/Grid/cjs/style.production.v2.css +1 -1
- package/Grid/index.d.ts +94 -9
- package/Grid/package.json +1 -1
- package/Icon/cjs/index.development.js +13 -0
- package/Icon/cjs/index.development.v2.js +13 -0
- package/Icon/index.d.ts +29 -2
- package/Icon/package.json +1 -1
- package/Image/cjs/index.development.js +16 -0
- package/Image/cjs/index.development.v2.js +16 -0
- package/Image/cjs/style.development.css +1 -2
- package/Image/cjs/style.development.v2.css +1 -2
- package/Image/cjs/style.production.css +1 -1
- package/Image/cjs/style.production.v2.css +1 -1
- package/Image/index.d.ts +74 -0
- package/Image/package.json +1 -1
- package/ImageEmoji/cjs/index.development.js +6 -0
- package/ImageEmoji/cjs/index.development.v2.js +6 -0
- package/ImageEmoji/cjs/index.production.js +1 -1
- package/ImageEmoji/cjs/index.production.v2.js +1 -1
- package/ImageEmoji/index.d.ts +8 -1
- package/ImageEmoji/package.json +1 -1
- package/Input/cjs/index.development.js +15 -0
- package/Input/cjs/index.development.v2.js +15 -0
- package/Input/index.d.ts +35 -0
- package/Input/package.json +1 -1
- package/InputField/cjs/index.development.js +7 -0
- package/InputField/cjs/index.development.v2.js +7 -0
- package/InputField/cjs/index.production.js +1 -1
- package/InputField/cjs/index.production.v2.js +1 -1
- package/InputField/index.d.ts +13 -4
- package/InputField/package.json +1 -1
- package/KeyPress/cjs/index.development.js +8 -0
- package/KeyPress/cjs/index.development.v2.js +8 -0
- package/KeyPress/cjs/index.production.js +1 -1
- package/KeyPress/cjs/index.production.v2.js +1 -1
- package/KeyPress/index.d.ts +11 -4
- package/KeyPress/package.json +1 -1
- package/Label/cjs/index.development.js +9 -1
- package/Label/cjs/index.development.v2.js +9 -1
- package/Label/index.d.ts +15 -2
- package/Label/package.json +1 -1
- package/Line/cjs/index.development.js +11 -0
- package/Line/cjs/index.development.v2.js +11 -0
- package/Line/index.d.ts +35 -0
- package/Line/package.json +1 -1
- package/Link/cjs/index.development.js +10 -4
- package/Link/cjs/index.development.v2.js +10 -4
- package/Link/cjs/style.development.css +1 -2
- package/Link/cjs/style.development.v2.css +1 -2
- package/Link/cjs/style.production.css +1 -1
- package/Link/cjs/style.production.v2.css +1 -1
- package/Link/index.d.ts +61 -3
- package/Link/package.json +1 -1
- package/List/cjs/index.development.js +22 -0
- package/List/cjs/index.development.v2.js +22 -0
- package/List/index.d.ts +64 -0
- package/List/package.json +1 -1
- package/Media/cjs/index.development.js +6 -1
- package/Media/cjs/index.development.v2.js +6 -1
- package/Media/cjs/index.production.js +1 -1
- package/Media/cjs/index.production.v2.js +1 -1
- package/Media/index.d.ts +8 -3
- package/Media/package.json +1 -1
- package/Modal/cjs/index.development.js +8 -0
- package/Modal/cjs/index.development.v2.js +8 -0
- package/Modal/cjs/index.production.js +1 -1
- package/Modal/cjs/index.production.v2.js +1 -1
- package/Modal/index.d.ts +16 -8
- package/Modal/package.json +1 -1
- package/OutsideClick/cjs/index.development.js +8 -0
- package/OutsideClick/cjs/index.development.v2.js +8 -0
- package/OutsideClick/cjs/index.production.js +1 -1
- package/OutsideClick/cjs/index.production.v2.js +1 -1
- package/OutsideClick/index.d.ts +10 -2
- package/OutsideClick/package.json +1 -1
- package/Overlay/cjs/index.development.js +7 -2
- package/Overlay/cjs/index.development.v2.js +7 -2
- package/Overlay/cjs/index.production.js +1 -1
- package/Overlay/cjs/index.production.v2.js +1 -1
- package/Overlay/index.d.ts +34 -29
- package/Overlay/package.json +1 -1
- package/PhotoGallery/cjs/index.development.js +22 -3
- package/PhotoGallery/cjs/index.development.v2.js +22 -3
- package/PhotoGallery/cjs/index.production.js +1 -1
- package/PhotoGallery/cjs/index.production.v2.js +1 -1
- package/PhotoGallery/cjs/style.development.css +34 -18
- package/PhotoGallery/cjs/style.development.v2.css +34 -18
- package/PhotoGallery/cjs/style.production.css +1 -1
- package/PhotoGallery/cjs/style.production.v2.css +1 -1
- package/PhotoGallery/index.d.ts +22 -7
- package/PhotoGallery/package.json +1 -1
- package/Picture/cjs/index.development.js +22 -0
- package/Picture/cjs/index.development.v2.js +22 -0
- package/Picture/cjs/style.development.css +1 -2
- package/Picture/cjs/style.development.v2.css +1 -2
- package/Picture/cjs/style.production.css +1 -1
- package/Picture/cjs/style.production.v2.css +1 -1
- package/Picture/index.d.ts +62 -0
- package/Picture/package.json +1 -1
- package/Portal/cjs/index.development.js +10 -0
- package/Portal/cjs/index.development.v2.js +10 -0
- package/Portal/cjs/index.production.js +1 -1
- package/Portal/cjs/index.production.v2.js +1 -1
- package/Portal/index.d.ts +12 -3
- package/Portal/package.json +1 -1
- package/Progress/cjs/index.development.js +5 -1
- package/Progress/cjs/index.development.v2.js +5 -1
- package/Progress/cjs/index.production.js +1 -1
- package/Progress/cjs/index.production.v2.js +1 -1
- package/Progress/index.d.ts +9 -1
- package/Progress/package.json +1 -1
- package/QRCode/cjs/index.development.js +6 -0
- package/QRCode/cjs/index.development.v2.js +6 -0
- package/QRCode/cjs/index.production.js +1 -1
- package/QRCode/cjs/index.production.v2.js +1 -1
- package/QRCode/index.d.ts +11 -5
- package/QRCode/package.json +1 -1
- package/Rating/cjs/index.development.js +8 -0
- package/Rating/cjs/index.development.v2.js +8 -0
- package/Rating/cjs/index.production.js +1 -1
- package/Rating/cjs/index.production.v2.js +1 -1
- package/Rating/index.d.ts +12 -4
- package/Rating/package.json +1 -1
- package/RatingSelect/cjs/index.development.js +7 -0
- package/RatingSelect/cjs/index.development.v2.js +7 -0
- package/RatingSelect/cjs/index.production.js +1 -1
- package/RatingSelect/cjs/index.production.v2.js +1 -1
- package/RatingSelect/index.d.ts +13 -6
- package/RatingSelect/package.json +1 -1
- package/Scroll/cjs/index.development.js +23 -0
- package/Scroll/cjs/index.development.v2.js +23 -0
- package/Scroll/index.d.ts +67 -7
- package/Scroll/package.json +1 -1
- package/ScrollControls/ScrollControlsButton.d.ts +2 -0
- package/ScrollControls/cjs/index.development.js +19 -3
- package/ScrollControls/cjs/index.development.v2.js +19 -3
- package/ScrollControls/cjs/index.production.js +1 -1
- package/ScrollControls/cjs/index.production.v2.js +1 -1
- package/ScrollControls/index.d.ts +21 -4
- package/ScrollControls/package.json +1 -1
- package/SimpleSlider/cjs/index.development.js +9 -0
- package/SimpleSlider/cjs/index.development.v2.js +9 -0
- package/SimpleSlider/cjs/index.production.js +1 -1
- package/SimpleSlider/cjs/index.production.v2.js +1 -1
- package/SimpleSlider/index.d.ts +27 -16
- package/SimpleSlider/package.json +1 -1
- package/Skeleton/cjs/index.development.js +11 -0
- package/Skeleton/cjs/index.development.v2.js +11 -0
- package/Skeleton/cjs/index.production.js +1 -1
- package/Skeleton/cjs/index.production.v2.js +1 -1
- package/Skeleton/index.d.ts +73 -12
- package/Skeleton/package.json +1 -1
- package/SnackBar/cjs/index.development.js +6 -1
- package/SnackBar/cjs/index.development.v2.js +6 -1
- package/SnackBar/cjs/index.production.js +1 -1
- package/SnackBar/cjs/index.production.v2.js +1 -1
- package/SnackBar/index.d.ts +22 -15
- package/SnackBar/package.json +1 -1
- package/Spinner/cjs/index.development.js +11 -0
- package/Spinner/cjs/index.development.v2.js +11 -0
- package/Spinner/cjs/index.production.js +1 -1
- package/Spinner/cjs/index.production.v2.js +1 -1
- package/Spinner/index.d.ts +39 -7
- package/Spinner/package.json +1 -1
- package/Text/cjs/index.development.js +16 -0
- package/Text/cjs/index.development.v2.js +16 -0
- package/Text/cjs/style.development.css +4 -8
- package/Text/cjs/style.development.v2.css +4 -8
- package/Text/cjs/style.production.css +1 -1
- package/Text/cjs/style.production.v2.css +1 -1
- package/Text/index.d.ts +83 -0
- package/Text/package.json +1 -1
- package/TextEmoji/cjs/index.development.js +7 -0
- package/TextEmoji/cjs/index.development.v2.js +7 -0
- package/TextEmoji/cjs/index.production.js +1 -1
- package/TextEmoji/cjs/index.production.v2.js +1 -1
- package/TextEmoji/index.d.ts +8 -0
- package/TextEmoji/package.json +1 -1
- package/Tooltip/cjs/index.development.js +8 -0
- package/Tooltip/cjs/index.development.v2.js +8 -0
- package/Tooltip/cjs/index.production.js +1 -1
- package/Tooltip/cjs/index.production.v2.js +1 -1
- package/Tooltip/index.d.ts +37 -30
- package/Tooltip/package.json +1 -1
- package/Tumbler/cjs/index.development.js +6 -0
- package/Tumbler/cjs/index.development.v2.js +6 -0
- package/Tumbler/cjs/index.production.js +1 -1
- package/Tumbler/cjs/index.production.v2.js +1 -1
- package/Tumbler/index.d.ts +8 -0
- package/Tumbler/package.json +1 -1
- package/Viewport/cjs/index.development.js +10 -0
- package/Viewport/cjs/index.development.v2.js +10 -0
- package/Viewport/cjs/index.production.js +1 -1
- package/Viewport/cjs/index.production.v2.js +1 -1
- package/Viewport/index.d.ts +15 -4
- package/Viewport/package.json +1 -1
- package/evokit/cjs/index.production.js +1 -1
- package/evokit/cjs/index.production.v2.js +1 -1
- package/evokit/package.json +1 -1
- package/package.json +3 -16
- package/useBrowserLayoutEffect/cjs/index.development.js +1 -1
- package/useBrowserLayoutEffect/cjs/index.development.v2.js +1 -1
- package/useBrowserLayoutEffect/index.d.ts +1 -1
- package/useBrowserLayoutEffect/package.json +1 -1
- package/useColorScheme/cjs/index.development.js +61 -0
- package/useColorScheme/cjs/index.development.v2.js +61 -0
- package/useColorScheme/cjs/index.production.js +1 -0
- package/useColorScheme/cjs/index.production.v2.js +1 -0
- package/useColorScheme/index.d.ts +31 -0
- package/useColorScheme/index.js +7 -0
- package/useColorScheme/index.v2.js +7 -0
- package/useColorScheme/package.json +9 -0
- package/useDebounce/cjs/index.development.js +2 -9
- package/useDebounce/cjs/index.development.v2.js +2 -9
- package/useDebounce/cjs/index.production.js +1 -1
- package/useDebounce/cjs/index.production.v2.js +1 -1
- package/useDebounce/index.d.ts +1 -1
- package/useDebounce/package.json +1 -1
- package/useForwardRef/cjs/index.development.js +1 -1
- package/useForwardRef/cjs/index.development.v2.js +1 -1
- package/useForwardRef/cjs/index.production.js +1 -1
- package/useForwardRef/cjs/index.production.v2.js +1 -1
- package/useForwardRef/index.d.ts +1 -1
- package/useForwardRef/package.json +1 -1
- package/useInView/package.json +1 -1
- package/useIsMounted/cjs/index.development.js +1 -1
- package/useIsMounted/cjs/index.development.v2.js +1 -1
- package/useIsMounted/cjs/index.production.js +1 -1
- package/useIsMounted/cjs/index.production.v2.js +1 -1
- package/useIsMounted/index.d.ts +1 -1
- package/useIsMounted/package.json +1 -1
- package/useKeyPress/cjs/index.development.js +1 -9
- package/useKeyPress/cjs/index.development.v2.js +1 -9
- package/useKeyPress/cjs/index.production.js +1 -1
- package/useKeyPress/cjs/index.production.v2.js +1 -1
- package/useKeyPress/index.d.ts +1 -1
- package/useKeyPress/package.json +1 -1
- package/useMedia/cjs/index.development.js +1 -1
- package/useMedia/cjs/index.development.v2.js +1 -1
- package/useMedia/index.d.ts +3 -3
- package/useMedia/package.json +1 -1
- package/useOutsideClick/cjs/index.development.js +1 -1
- package/useOutsideClick/cjs/index.development.v2.js +1 -1
- package/useOutsideClick/index.d.ts +1 -1
- package/useOutsideClick/package.json +1 -1
- package/usePortal/cjs/index.development.js +9 -21
- package/usePortal/cjs/index.development.v2.js +9 -21
- package/usePortal/cjs/index.production.js +1 -1
- package/usePortal/cjs/index.production.v2.js +1 -1
- package/usePortal/index.d.ts +5 -6
- package/usePortal/package.json +1 -1
- package/useScrollPosition/cjs/index.development.js +1 -1
- package/useScrollPosition/cjs/index.development.v2.js +1 -1
- package/useScrollPosition/index.d.ts +1 -1
- package/useScrollPosition/package.json +1 -1
- package/useScrollSync/cjs/index.development.js +210 -0
- package/useScrollSync/cjs/index.development.v2.js +210 -0
- package/useScrollSync/cjs/index.production.js +1 -0
- package/useScrollSync/cjs/index.production.v2.js +1 -0
- package/useScrollSync/index.d.ts +31 -0
- package/useScrollSync/index.js +7 -0
- package/useScrollSync/index.v2.js +7 -0
- package/useScrollSync/package.json +12 -0
- package/useSnackBar/cjs/index.development.js +1 -1
- package/useSnackBar/cjs/index.development.v2.js +1 -1
- package/useSnackBar/cjs/index.production.js +1 -1
- package/useSnackBar/cjs/index.production.v2.js +1 -1
- package/useSnackBar/index.d.ts +1 -1
- package/useSnackBar/package.json +1 -1
- package/base/colors-dark.css +0 -5
|
@@ -6,10 +6,40 @@ var evokit = require('@prom-ui/core/evokit');
|
|
|
6
6
|
|
|
7
7
|
var css = {"ek-flex":"Flex__ek-flex___FHjuw","ek-flex__item":"Flex__ek-flex__item___-NMJw","ek-flex__item_display_block":"Flex__ek-flex__item_display_block___FIIq2","ek-flex__item_display_block@small":"Flex__ek-flex__item_display_block--small___zfBNA","ek-flex__item_display_block@medium":"Flex__ek-flex__item_display_block--medium___1zWjN","ek-flex__item_display_block@large":"Flex__ek-flex__item_display_block--large___ylGNU","ek-flex__item_display_none":"Flex__ek-flex__item_display_none___ZuBMW","ek-flex__item_display_none@small":"Flex__ek-flex__item_display_none--small___bIceD","ek-flex__item_display_none@medium":"Flex__ek-flex__item_display_none--medium___qIWbQ","ek-flex__item_display_none@large":"Flex__ek-flex__item_display_none--large___jvuao","ek-flex__item_align_start":"Flex__ek-flex__item_align_start___nF7Ul","ek-flex__item_align_start@small":"Flex__ek-flex__item_align_start--small___5u8y4","ek-flex__item_align_start@medium":"Flex__ek-flex__item_align_start--medium___6v8Jk","ek-flex__item_align_start@large":"Flex__ek-flex__item_align_start--large___YVn5s","ek-flex__item_align_end":"Flex__ek-flex__item_align_end___erZi4","ek-flex__item_align_end@small":"Flex__ek-flex__item_align_end--small___5aE4F","ek-flex__item_align_end@medium":"Flex__ek-flex__item_align_end--medium___DyRIm","ek-flex__item_align_end@large":"Flex__ek-flex__item_align_end--large___2d33K","ek-flex__item_align_center":"Flex__ek-flex__item_align_center___8x96R","ek-flex__item_align_center@small":"Flex__ek-flex__item_align_center--small___Trdin","ek-flex__item_align_center@medium":"Flex__ek-flex__item_align_center--medium___6VPwp","ek-flex__item_align_center@large":"Flex__ek-flex__item_align_center--large___1Nqtl","ek-flex__item_align_baseline":"Flex__ek-flex__item_align_baseline___Gl7uw","ek-flex__item_align_baseline@small":"Flex__ek-flex__item_align_baseline--small___GfYy6","ek-flex__item_align_baseline@medium":"Flex__ek-flex__item_align_baseline--medium___WLo3r","ek-flex__item_align_baseline@large":"Flex__ek-flex__item_align_baseline--large___PLGY5","ek-flex__item_align_stretch":"Flex__ek-flex__item_align_stretch___1NinH","ek-flex__item_align_stretch@small":"Flex__ek-flex__item_align_stretch--small___0Hqr5","ek-flex__item_align_stretch@medium":"Flex__ek-flex__item_align_stretch--medium___xhC2b","ek-flex__item_align_stretch@large":"Flex__ek-flex__item_align_stretch--large___L2v02","ek-flex__item_order_0":"Flex__ek-flex__item_order_0___hIbLa","ek-flex__item_order_0@small":"Flex__ek-flex__item_order_0--small___i4smy","ek-flex__item_order_0@medium":"Flex__ek-flex__item_order_0--medium___7ZpKL","ek-flex__item_order_0@large":"Flex__ek-flex__item_order_0--large___ySemw","ek-flex__item_order_1":"Flex__ek-flex__item_order_1___7PwGz","ek-flex__item_order_1@small":"Flex__ek-flex__item_order_1--small___fbvMx","ek-flex__item_order_1@medium":"Flex__ek-flex__item_order_1--medium___owEWv","ek-flex__item_order_1@large":"Flex__ek-flex__item_order_1--large___DAk-w","ek-flex__item_order_2":"Flex__ek-flex__item_order_2___NHoUQ","ek-flex__item_order_2@small":"Flex__ek-flex__item_order_2--small___nZ5TG","ek-flex__item_order_2@medium":"Flex__ek-flex__item_order_2--medium___rXgPc","ek-flex__item_order_2@large":"Flex__ek-flex__item_order_2--large___d9vUC","ek-flex__item_order_3":"Flex__ek-flex__item_order_3___Vz-Ee","ek-flex__item_order_3@small":"Flex__ek-flex__item_order_3--small___aYWQJ","ek-flex__item_order_3@medium":"Flex__ek-flex__item_order_3--medium___vOX-r","ek-flex__item_order_3@large":"Flex__ek-flex__item_order_3--large___KGy5l","ek-flex__item_order_4":"Flex__ek-flex__item_order_4___32N0T","ek-flex__item_order_4@small":"Flex__ek-flex__item_order_4--small___Y66IK","ek-flex__item_order_4@medium":"Flex__ek-flex__item_order_4--medium___vk7EN","ek-flex__item_order_4@large":"Flex__ek-flex__item_order_4--large___YKWv7","ek-flex__item_order_5":"Flex__ek-flex__item_order_5___dpzvS","ek-flex__item_order_5@small":"Flex__ek-flex__item_order_5--small___EWIKW","ek-flex__item_order_5@medium":"Flex__ek-flex__item_order_5--medium___FHWvQ","ek-flex__item_order_5@large":"Flex__ek-flex__item_order_5--large___ELB6-","ek-flex__item_order_6":"Flex__ek-flex__item_order_6___4mdqZ","ek-flex__item_order_6@small":"Flex__ek-flex__item_order_6--small___a3470","ek-flex__item_order_6@medium":"Flex__ek-flex__item_order_6--medium___rjSy1","ek-flex__item_order_6@large":"Flex__ek-flex__item_order_6--large___nUXFY","ek-flex__item_order_7":"Flex__ek-flex__item_order_7___zW1on","ek-flex__item_order_7@small":"Flex__ek-flex__item_order_7--small___YSJVD","ek-flex__item_order_7@medium":"Flex__ek-flex__item_order_7--medium___qR-RY","ek-flex__item_order_7@large":"Flex__ek-flex__item_order_7--large___PdsHa","ek-flex__item_order_8":"Flex__ek-flex__item_order_8___ru6c-","ek-flex__item_order_8@small":"Flex__ek-flex__item_order_8--small___zX83d","ek-flex__item_order_8@medium":"Flex__ek-flex__item_order_8--medium___jGRYj","ek-flex__item_order_8@large":"Flex__ek-flex__item_order_8--large___ByyTB","ek-flex__item_order_9":"Flex__ek-flex__item_order_9___8GxGY","ek-flex__item_order_9@small":"Flex__ek-flex__item_order_9--small___3lREN","ek-flex__item_order_9@medium":"Flex__ek-flex__item_order_9--medium___3CekC","ek-flex__item_order_9@large":"Flex__ek-flex__item_order_9--large___7fVHV","ek-flex__item_order_10":"Flex__ek-flex__item_order_10___fpZ4e","ek-flex__item_order_10@small":"Flex__ek-flex__item_order_10--small___-y3fX","ek-flex__item_order_10@medium":"Flex__ek-flex__item_order_10--medium___6stQK","ek-flex__item_order_10@large":"Flex__ek-flex__item_order_10--large___OR-QU","ek-flex__item_empty_hidden":"Flex__ek-flex__item_empty_hidden___TVdwm","ek-flex__item_empty_hidden@small":"Flex__ek-flex__item_empty_hidden--small___0wwFq","ek-flex__item_empty_hidden@medium":"Flex__ek-flex__item_empty_hidden--medium___Z3vPl","ek-flex__item_empty_hidden@large":"Flex__ek-flex__item_empty_hidden--large___XAxsu","ek-flex_display_flex":"Flex__ek-flex_display_flex___XLm9S","ek-flex_display_flex@small":"Flex__ek-flex_display_flex--small___nmUt0","ek-flex_display_flex@medium":"Flex__ek-flex_display_flex--medium___GqWLY","ek-flex_display_flex@large":"Flex__ek-flex_display_flex--large___mvNTO","ek-flex_display_inline-flex":"Flex__ek-flex_display_inline-flex___HvNoc","ek-flex_display_inline-flex@small":"Flex__ek-flex_display_inline-flex--small___CjPVL","ek-flex_display_inline-flex@medium":"Flex__ek-flex_display_inline-flex--medium___REyiW","ek-flex_display_inline-flex@large":"Flex__ek-flex_display_inline-flex--large___GE8t5","ek-flex_display_none":"Flex__ek-flex_display_none___v-nuB","ek-flex_display_none@small":"Flex__ek-flex_display_none--small___Fmbes","ek-flex_display_none@medium":"Flex__ek-flex_display_none--medium___XBeVe","ek-flex_display_none@large":"Flex__ek-flex_display_none--large___b6k1N","ek-flex_content_start":"Flex__ek-flex_content_start___j8P3s","ek-flex_content_start@small":"Flex__ek-flex_content_start--small___9eWZA","ek-flex_content_start@medium":"Flex__ek-flex_content_start--medium___4paty","ek-flex_content_start@large":"Flex__ek-flex_content_start--large___-3Xh5","ek-flex_content-align_start":"Flex__ek-flex_content-align_start___d5LBW","ek-flex_content-align_start@small":"Flex__ek-flex_content-align_start--small___rNyQR","ek-flex_content-align_start@medium":"Flex__ek-flex_content-align_start--medium___3SCQJ","ek-flex_content-align_start@large":"Flex__ek-flex_content-align_start--large___iW1g3","ek-flex_content-justify_start":"Flex__ek-flex_content-justify_start___cYYez","ek-flex_content-justify_start@small":"Flex__ek-flex_content-justify_start--small___Dm6Qy","ek-flex_content-justify_start@medium":"Flex__ek-flex_content-justify_start--medium___qiglX","ek-flex_content-justify_start@large":"Flex__ek-flex_content-justify_start--large___JOt71","ek-flex_content_end":"Flex__ek-flex_content_end___LaT0-","ek-flex_content_end@small":"Flex__ek-flex_content_end--small___1DdUu","ek-flex_content_end@medium":"Flex__ek-flex_content_end--medium___i2Gtc","ek-flex_content_end@large":"Flex__ek-flex_content_end--large___ldZ55","ek-flex_content-align_end":"Flex__ek-flex_content-align_end___M-2WM","ek-flex_content-align_end@small":"Flex__ek-flex_content-align_end--small___z-g9x","ek-flex_content-align_end@medium":"Flex__ek-flex_content-align_end--medium___y34mh","ek-flex_content-align_end@large":"Flex__ek-flex_content-align_end--large___wZEFM","ek-flex_content-justify_end":"Flex__ek-flex_content-justify_end___i9Xom","ek-flex_content-justify_end@small":"Flex__ek-flex_content-justify_end--small___Ka2sA","ek-flex_content-justify_end@medium":"Flex__ek-flex_content-justify_end--medium___Znqat","ek-flex_content-justify_end@large":"Flex__ek-flex_content-justify_end--large___lnO4d","ek-flex_content_center":"Flex__ek-flex_content_center___FRzOo","ek-flex_content_center@small":"Flex__ek-flex_content_center--small___gmQyW","ek-flex_content_center@medium":"Flex__ek-flex_content_center--medium___rrekY","ek-flex_content_center@large":"Flex__ek-flex_content_center--large___t7-aS","ek-flex_content-align_center":"Flex__ek-flex_content-align_center___APUG1","ek-flex_content-align_center@small":"Flex__ek-flex_content-align_center--small___VI4cU","ek-flex_content-align_center@medium":"Flex__ek-flex_content-align_center--medium___-2qz-","ek-flex_content-align_center@large":"Flex__ek-flex_content-align_center--large___BFzHi","ek-flex_content-justify_center":"Flex__ek-flex_content-justify_center___E6G0O","ek-flex_content-justify_center@small":"Flex__ek-flex_content-justify_center--small___q1eUS","ek-flex_content-justify_center@medium":"Flex__ek-flex_content-justify_center--medium___nTbQA","ek-flex_content-justify_center@large":"Flex__ek-flex_content-justify_center--large___umKwO","ek-flex_content_between":"Flex__ek-flex_content_between___7RuKc","ek-flex_content_between@small":"Flex__ek-flex_content_between--small___bQUsG","ek-flex_content_between@medium":"Flex__ek-flex_content_between--medium___Tt1WK","ek-flex_content_between@large":"Flex__ek-flex_content_between--large___Klatd","ek-flex_content-align_between":"Flex__ek-flex_content-align_between___-TEi9","ek-flex_content-align_between@small":"Flex__ek-flex_content-align_between--small___97E-K","ek-flex_content-align_between@medium":"Flex__ek-flex_content-align_between--medium___-O0nc","ek-flex_content-align_between@large":"Flex__ek-flex_content-align_between--large___pCNLh","ek-flex_content-justify_between":"Flex__ek-flex_content-justify_between___hrnvz","ek-flex_content-justify_between@small":"Flex__ek-flex_content-justify_between--small___THuUf","ek-flex_content-justify_between@medium":"Flex__ek-flex_content-justify_between--medium___Zlti-","ek-flex_content-justify_between@large":"Flex__ek-flex_content-justify_between--large___JOHGW","ek-flex_content_around":"Flex__ek-flex_content_around___0y2vb","ek-flex_content_around@small":"Flex__ek-flex_content_around--small___8JnT-","ek-flex_content_around@medium":"Flex__ek-flex_content_around--medium___qYCjx","ek-flex_content_around@large":"Flex__ek-flex_content_around--large___-7Au2","ek-flex_content-align_around":"Flex__ek-flex_content-align_around___-eGqX","ek-flex_content-align_around@small":"Flex__ek-flex_content-align_around--small___CRLnE","ek-flex_content-align_around@medium":"Flex__ek-flex_content-align_around--medium___Fqf5B","ek-flex_content-align_around@large":"Flex__ek-flex_content-align_around--large___6LViA","ek-flex_content-justify_around":"Flex__ek-flex_content-justify_around___k7PBz","ek-flex_content-justify_around@small":"Flex__ek-flex_content-justify_around--small___mGk7q","ek-flex_content-justify_around@medium":"Flex__ek-flex_content-justify_around--medium___T5HRc","ek-flex_content-justify_around@large":"Flex__ek-flex_content-justify_around--large___7Wsd9","ek-flex_content_stretch":"Flex__ek-flex_content_stretch___jrStP","ek-flex_content_stretch@small":"Flex__ek-flex_content_stretch--small___zxoOc","ek-flex_content_stretch@medium":"Flex__ek-flex_content_stretch--medium___UCTZY","ek-flex_content_stretch@large":"Flex__ek-flex_content_stretch--large___uJikv","ek-flex_content-align_stretch":"Flex__ek-flex_content-align_stretch___SBWkv","ek-flex_content-align_stretch@small":"Flex__ek-flex_content-align_stretch--small___3d8ak","ek-flex_content-align_stretch@medium":"Flex__ek-flex_content-align_stretch--medium___JfLDh","ek-flex_content-align_stretch@large":"Flex__ek-flex_content-align_stretch--large___t2-Jj","ek-flex_content-justify_stretch":"Flex__ek-flex_content-justify_stretch___1LUGE","ek-flex_content-justify_stretch@small":"Flex__ek-flex_content-justify_stretch--small___a7Hr3","ek-flex_content-justify_stretch@medium":"Flex__ek-flex_content-justify_stretch--medium___lCz-3","ek-flex_content-justify_stretch@large":"Flex__ek-flex_content-justify_stretch--large___bD25h","ek-flex_items_start":"Flex__ek-flex_items_start___maWKP","ek-flex_items_start@small":"Flex__ek-flex_items_start--small___M--U9","ek-flex_items_start@medium":"Flex__ek-flex_items_start--medium___SGVyZ","ek-flex_items_start@large":"Flex__ek-flex_items_start--large___gALlX","ek-flex_items_end":"Flex__ek-flex_items_end___yh-IV","ek-flex_items_end@small":"Flex__ek-flex_items_end--small___hiZge","ek-flex_items_end@medium":"Flex__ek-flex_items_end--medium___-Z9Sb","ek-flex_items_end@large":"Flex__ek-flex_items_end--large___Nib1e","ek-flex_items_center":"Flex__ek-flex_items_center___yb-3S","ek-flex_items_center@small":"Flex__ek-flex_items_center--small___0TWNz","ek-flex_items_center@medium":"Flex__ek-flex_items_center--medium___zTUmo","ek-flex_items_center@large":"Flex__ek-flex_items_center--large___UIjYV","ek-flex_items_baseline":"Flex__ek-flex_items_baseline___syAiW","ek-flex_items_baseline@small":"Flex__ek-flex_items_baseline--small___BgG04","ek-flex_items_baseline@medium":"Flex__ek-flex_items_baseline--medium___W-CYf","ek-flex_items_baseline@large":"Flex__ek-flex_items_baseline--large___5Qb98","ek-flex_items_stretch":"Flex__ek-flex_items_stretch___X8Egs","ek-flex_items_stretch@small":"Flex__ek-flex_items_stretch--small___R8M6g","ek-flex_items_stretch@medium":"Flex__ek-flex_items_stretch--medium___OPIis","ek-flex_items_stretch@large":"Flex__ek-flex_items_stretch--large___u2cXq","ek-flex_direction_row":"Flex__ek-flex_direction_row___Ff92t","ek-flex_direction_row@small":"Flex__ek-flex_direction_row--small___DoKVV","ek-flex_direction_row@medium":"Flex__ek-flex_direction_row--medium___dy6Tm","ek-flex_direction_row@large":"Flex__ek-flex_direction_row--large___y1KO7","ek-flex_direction_row-reverse":"Flex__ek-flex_direction_row-reverse___tYY7F","ek-flex_direction_row-reverse@small":"Flex__ek-flex_direction_row-reverse--small___wXgPh","ek-flex_direction_row-reverse@medium":"Flex__ek-flex_direction_row-reverse--medium___dmQtz","ek-flex_direction_row-reverse@large":"Flex__ek-flex_direction_row-reverse--large___v6ai7","ek-flex_direction_column":"Flex__ek-flex_direction_column___4TGiw","ek-flex_direction_column@small":"Flex__ek-flex_direction_column--small___oIoSS","ek-flex_direction_column@medium":"Flex__ek-flex_direction_column--medium___uhTou","ek-flex_direction_column@large":"Flex__ek-flex_direction_column--large___rfB2E","ek-flex_direction_column-reverse":"Flex__ek-flex_direction_column-reverse___n2CxV","ek-flex_direction_column-reverse@small":"Flex__ek-flex_direction_column-reverse--small___CcoFU","ek-flex_direction_column-reverse@medium":"Flex__ek-flex_direction_column-reverse--medium___7b586","ek-flex_direction_column-reverse@large":"Flex__ek-flex_direction_column-reverse--large___FN2nR","ek-flex_wrap_nowrap":"Flex__ek-flex_wrap_nowrap___rMH-p","ek-flex_wrap_nowrap@small":"Flex__ek-flex_wrap_nowrap--small___7WGGX","ek-flex_wrap_nowrap@medium":"Flex__ek-flex_wrap_nowrap--medium___WU8pQ","ek-flex_wrap_nowrap@large":"Flex__ek-flex_wrap_nowrap--large___knAMA","ek-flex_wrap_wrap":"Flex__ek-flex_wrap_wrap___GujzG","ek-flex_wrap_wrap@small":"Flex__ek-flex_wrap_wrap--small___8tvvA","ek-flex_wrap_wrap@medium":"Flex__ek-flex_wrap_wrap--medium___QTPLv","ek-flex_wrap_wrap@large":"Flex__ek-flex_wrap_wrap--large___V8dVs","ek-flex_wrap_wrap-reverse":"Flex__ek-flex_wrap_wrap-reverse___c0Cyg","ek-flex_wrap_wrap-reverse@small":"Flex__ek-flex_wrap_wrap-reverse--small___Nck0a","ek-flex_wrap_wrap-reverse@medium":"Flex__ek-flex_wrap_wrap-reverse--medium___GJ-GA","ek-flex_wrap_wrap-reverse@large":"Flex__ek-flex_wrap_wrap-reverse--large___bBNiX","ek-flex_height_auto":"Flex__ek-flex_height_auto___lLg0Z","ek-flex_height_auto@small":"Flex__ek-flex_height_auto--small___HAqJ8","ek-flex_height_auto@medium":"Flex__ek-flex_height_auto--medium___K0kYb","ek-flex_height_auto@large":"Flex__ek-flex_height_auto--large___YtQDL","ek-flex_height_inherit":"Flex__ek-flex_height_inherit___nD-cY","ek-flex_height_inherit@small":"Flex__ek-flex_height_inherit--small___va7jb","ek-flex_height_inherit@medium":"Flex__ek-flex_height_inherit--medium___XiS5S","ek-flex_height_inherit@large":"Flex__ek-flex_height_inherit--large___mmQ4m","ek-flex_height_1-1":"Flex__ek-flex_height_1-1___RRbQO","ek-flex_height_1-1@small":"Flex__ek-flex_height_1-1--small___mdKaV","ek-flex_height_1-1@medium":"Flex__ek-flex_height_1-1--medium___ptKAF","ek-flex_height_1-1@large":"Flex__ek-flex_height_1-1--large___E7oNr"};
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* Дочірній елемент flex-контейнера. Використовується як `<Flex.Item>`.
|
|
11
|
+
*
|
|
12
|
+
* Медіа-суфікси: `@small` | `@medium` | `@large`
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* <Flex.Item flex-item-align='center' flex-item-display='none@small'>
|
|
16
|
+
* Вміст
|
|
17
|
+
* </Flex.Item>
|
|
18
|
+
*/
|
|
9
19
|
var FlexItem = evokit.createBlock('div', 'flex__item', ['align', 'display', 'empty', 'order'], {
|
|
10
20
|
css: css
|
|
11
21
|
});
|
|
12
22
|
FlexItem.displayName = 'FlexItem';
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* Flex-контейнер для вирівнювання елементів.
|
|
26
|
+
*
|
|
27
|
+
* Медіа-суфікси: `@small` | `@medium` | `@large`
|
|
28
|
+
*
|
|
29
|
+
* @example
|
|
30
|
+
* import { Flex } from '@prom-ui/core/Flex';
|
|
31
|
+
*
|
|
32
|
+
* <Flex flex-items='center' flex-content='between'>
|
|
33
|
+
* <Flex.Item>Ліво</Flex.Item>
|
|
34
|
+
* <Flex.Item>Право</Flex.Item>
|
|
35
|
+
* </Flex>
|
|
36
|
+
*
|
|
37
|
+
* @example
|
|
38
|
+
* // Адаптивна колонка
|
|
39
|
+
* <Flex flex-direction={['row', 'column@small']} flex-items={['center', 'start@small']}>
|
|
40
|
+
* Вміст
|
|
41
|
+
* </Flex>
|
|
42
|
+
*/
|
|
13
43
|
var Flex = evokit.createBlock('div', 'flex', ['direction', 'display', 'height', 'items', 'wrap', ['content', ['content-align', 'content-justify']]], {
|
|
14
44
|
css: css
|
|
15
45
|
});
|
|
@@ -6,10 +6,40 @@ var evokit = require('@prom-ui/core/evokit');
|
|
|
6
6
|
|
|
7
7
|
var css = {"ek-flex":"Flex__ek-flex___D6oc6","ek-flex__item":"Flex__ek-flex__item___GD7Ip","ek-flex__item_display_block":"Flex__ek-flex__item_display_block___wYfTR","ek-flex__item_display_block@small":"Flex__ek-flex__item_display_block--small___g3sQM","ek-flex__item_display_block@medium":"Flex__ek-flex__item_display_block--medium___n-g9A","ek-flex__item_display_block@large":"Flex__ek-flex__item_display_block--large___UNzSJ","ek-flex__item_display_none":"Flex__ek-flex__item_display_none___kRSUF","ek-flex__item_display_none@small":"Flex__ek-flex__item_display_none--small___S4Ob7","ek-flex__item_display_none@medium":"Flex__ek-flex__item_display_none--medium___NLqcs","ek-flex__item_display_none@large":"Flex__ek-flex__item_display_none--large___-2HkD","ek-flex__item_align_start":"Flex__ek-flex__item_align_start___JfzZh","ek-flex__item_align_start@small":"Flex__ek-flex__item_align_start--small___ZOKP7","ek-flex__item_align_start@medium":"Flex__ek-flex__item_align_start--medium___sAW8e","ek-flex__item_align_start@large":"Flex__ek-flex__item_align_start--large___3W1Hv","ek-flex__item_align_end":"Flex__ek-flex__item_align_end___un3VU","ek-flex__item_align_end@small":"Flex__ek-flex__item_align_end--small___jbjB0","ek-flex__item_align_end@medium":"Flex__ek-flex__item_align_end--medium___eqkWn","ek-flex__item_align_end@large":"Flex__ek-flex__item_align_end--large___1z3yJ","ek-flex__item_align_center":"Flex__ek-flex__item_align_center___uzvsH","ek-flex__item_align_center@small":"Flex__ek-flex__item_align_center--small___SVbE7","ek-flex__item_align_center@medium":"Flex__ek-flex__item_align_center--medium___khKoE","ek-flex__item_align_center@large":"Flex__ek-flex__item_align_center--large___W2OcD","ek-flex__item_align_baseline":"Flex__ek-flex__item_align_baseline___pL5ee","ek-flex__item_align_baseline@small":"Flex__ek-flex__item_align_baseline--small___6X9xj","ek-flex__item_align_baseline@medium":"Flex__ek-flex__item_align_baseline--medium___Gon5n","ek-flex__item_align_baseline@large":"Flex__ek-flex__item_align_baseline--large___EhCKy","ek-flex__item_align_stretch":"Flex__ek-flex__item_align_stretch___P44nD","ek-flex__item_align_stretch@small":"Flex__ek-flex__item_align_stretch--small___6fxMH","ek-flex__item_align_stretch@medium":"Flex__ek-flex__item_align_stretch--medium___JbZ7O","ek-flex__item_align_stretch@large":"Flex__ek-flex__item_align_stretch--large___Jn3q2","ek-flex__item_order_0":"Flex__ek-flex__item_order_0___X0Dy-","ek-flex__item_order_0@small":"Flex__ek-flex__item_order_0--small___5wz-c","ek-flex__item_order_0@medium":"Flex__ek-flex__item_order_0--medium___Zw0BI","ek-flex__item_order_0@large":"Flex__ek-flex__item_order_0--large___iIMNG","ek-flex__item_order_1":"Flex__ek-flex__item_order_1___We-2A","ek-flex__item_order_1@small":"Flex__ek-flex__item_order_1--small___YVlWf","ek-flex__item_order_1@medium":"Flex__ek-flex__item_order_1--medium___kdxLx","ek-flex__item_order_1@large":"Flex__ek-flex__item_order_1--large___4cCIw","ek-flex__item_order_2":"Flex__ek-flex__item_order_2___a2ReH","ek-flex__item_order_2@small":"Flex__ek-flex__item_order_2--small___Sxyq8","ek-flex__item_order_2@medium":"Flex__ek-flex__item_order_2--medium___wi-X-","ek-flex__item_order_2@large":"Flex__ek-flex__item_order_2--large___4oXM-","ek-flex__item_order_3":"Flex__ek-flex__item_order_3___spI3Q","ek-flex__item_order_3@small":"Flex__ek-flex__item_order_3--small___WVQQ7","ek-flex__item_order_3@medium":"Flex__ek-flex__item_order_3--medium___QxcKL","ek-flex__item_order_3@large":"Flex__ek-flex__item_order_3--large___2W3-y","ek-flex__item_order_4":"Flex__ek-flex__item_order_4___ymwJ8","ek-flex__item_order_4@small":"Flex__ek-flex__item_order_4--small___eyRnn","ek-flex__item_order_4@medium":"Flex__ek-flex__item_order_4--medium___pE9cO","ek-flex__item_order_4@large":"Flex__ek-flex__item_order_4--large___uCqr6","ek-flex__item_order_5":"Flex__ek-flex__item_order_5___5oGoL","ek-flex__item_order_5@small":"Flex__ek-flex__item_order_5--small___SqTRk","ek-flex__item_order_5@medium":"Flex__ek-flex__item_order_5--medium___oTxfX","ek-flex__item_order_5@large":"Flex__ek-flex__item_order_5--large___oJcO-","ek-flex__item_order_6":"Flex__ek-flex__item_order_6___ntR-s","ek-flex__item_order_6@small":"Flex__ek-flex__item_order_6--small___ihIqz","ek-flex__item_order_6@medium":"Flex__ek-flex__item_order_6--medium___zbztX","ek-flex__item_order_6@large":"Flex__ek-flex__item_order_6--large___8XoUu","ek-flex__item_order_7":"Flex__ek-flex__item_order_7___D5KXf","ek-flex__item_order_7@small":"Flex__ek-flex__item_order_7--small___SPeky","ek-flex__item_order_7@medium":"Flex__ek-flex__item_order_7--medium___uz6dW","ek-flex__item_order_7@large":"Flex__ek-flex__item_order_7--large___oOoYx","ek-flex__item_order_8":"Flex__ek-flex__item_order_8___6UkNP","ek-flex__item_order_8@small":"Flex__ek-flex__item_order_8--small___IdkJW","ek-flex__item_order_8@medium":"Flex__ek-flex__item_order_8--medium___0Gqjf","ek-flex__item_order_8@large":"Flex__ek-flex__item_order_8--large___UyfXT","ek-flex__item_order_9":"Flex__ek-flex__item_order_9___Axs6T","ek-flex__item_order_9@small":"Flex__ek-flex__item_order_9--small___uHU-s","ek-flex__item_order_9@medium":"Flex__ek-flex__item_order_9--medium___8aQY4","ek-flex__item_order_9@large":"Flex__ek-flex__item_order_9--large___t4bKe","ek-flex__item_order_10":"Flex__ek-flex__item_order_10___JpTLI","ek-flex__item_order_10@small":"Flex__ek-flex__item_order_10--small___I8Nmc","ek-flex__item_order_10@medium":"Flex__ek-flex__item_order_10--medium___Kz6K4","ek-flex__item_order_10@large":"Flex__ek-flex__item_order_10--large___Mut2C","ek-flex__item_empty_hidden":"Flex__ek-flex__item_empty_hidden___fSEcC","ek-flex__item_empty_hidden@small":"Flex__ek-flex__item_empty_hidden--small___XbUt9","ek-flex__item_empty_hidden@medium":"Flex__ek-flex__item_empty_hidden--medium___zYpdG","ek-flex__item_empty_hidden@large":"Flex__ek-flex__item_empty_hidden--large___XRWBY","ek-flex_display_flex":"Flex__ek-flex_display_flex___OFJoc","ek-flex_display_flex@small":"Flex__ek-flex_display_flex--small___FC-wR","ek-flex_display_flex@medium":"Flex__ek-flex_display_flex--medium___gtxPf","ek-flex_display_flex@large":"Flex__ek-flex_display_flex--large___7bsLA","ek-flex_display_inline-flex":"Flex__ek-flex_display_inline-flex___xhJLd","ek-flex_display_inline-flex@small":"Flex__ek-flex_display_inline-flex--small___S1zup","ek-flex_display_inline-flex@medium":"Flex__ek-flex_display_inline-flex--medium___vcq88","ek-flex_display_inline-flex@large":"Flex__ek-flex_display_inline-flex--large___BGeDc","ek-flex_display_none":"Flex__ek-flex_display_none___WgvYR","ek-flex_display_none@small":"Flex__ek-flex_display_none--small___O5aYl","ek-flex_display_none@medium":"Flex__ek-flex_display_none--medium___bo2U3","ek-flex_display_none@large":"Flex__ek-flex_display_none--large___lff-W","ek-flex_content_start":"Flex__ek-flex_content_start___qaR1O","ek-flex_content_start@small":"Flex__ek-flex_content_start--small___4BPg5","ek-flex_content_start@medium":"Flex__ek-flex_content_start--medium___rVXwq","ek-flex_content_start@large":"Flex__ek-flex_content_start--large___rcDPv","ek-flex_content-align_start":"Flex__ek-flex_content-align_start___IgLI7","ek-flex_content-align_start@small":"Flex__ek-flex_content-align_start--small___0HYJU","ek-flex_content-align_start@medium":"Flex__ek-flex_content-align_start--medium___VZB6s","ek-flex_content-align_start@large":"Flex__ek-flex_content-align_start--large___ZV4vd","ek-flex_content-justify_start":"Flex__ek-flex_content-justify_start___lY6Lo","ek-flex_content-justify_start@small":"Flex__ek-flex_content-justify_start--small___t5sJR","ek-flex_content-justify_start@medium":"Flex__ek-flex_content-justify_start--medium___8cFnr","ek-flex_content-justify_start@large":"Flex__ek-flex_content-justify_start--large___YfTAs","ek-flex_content_end":"Flex__ek-flex_content_end___EdbSs","ek-flex_content_end@small":"Flex__ek-flex_content_end--small___8Junj","ek-flex_content_end@medium":"Flex__ek-flex_content_end--medium___EpAsr","ek-flex_content_end@large":"Flex__ek-flex_content_end--large___EVwWR","ek-flex_content-align_end":"Flex__ek-flex_content-align_end___V6kKP","ek-flex_content-align_end@small":"Flex__ek-flex_content-align_end--small___kLPqc","ek-flex_content-align_end@medium":"Flex__ek-flex_content-align_end--medium___AmFnq","ek-flex_content-align_end@large":"Flex__ek-flex_content-align_end--large___rEeYz","ek-flex_content-justify_end":"Flex__ek-flex_content-justify_end___wpTEH","ek-flex_content-justify_end@small":"Flex__ek-flex_content-justify_end--small___13l8h","ek-flex_content-justify_end@medium":"Flex__ek-flex_content-justify_end--medium___Er3xg","ek-flex_content-justify_end@large":"Flex__ek-flex_content-justify_end--large___XEUHl","ek-flex_content_center":"Flex__ek-flex_content_center___ez1Gh","ek-flex_content_center@small":"Flex__ek-flex_content_center--small___E-Wqr","ek-flex_content_center@medium":"Flex__ek-flex_content_center--medium___pBLYF","ek-flex_content_center@large":"Flex__ek-flex_content_center--large___6l3j-","ek-flex_content-align_center":"Flex__ek-flex_content-align_center___nhvsg","ek-flex_content-align_center@small":"Flex__ek-flex_content-align_center--small___oUTia","ek-flex_content-align_center@medium":"Flex__ek-flex_content-align_center--medium___S291S","ek-flex_content-align_center@large":"Flex__ek-flex_content-align_center--large___UcqLq","ek-flex_content-justify_center":"Flex__ek-flex_content-justify_center___1zQ7P","ek-flex_content-justify_center@small":"Flex__ek-flex_content-justify_center--small___qHeFC","ek-flex_content-justify_center@medium":"Flex__ek-flex_content-justify_center--medium___rUzS4","ek-flex_content-justify_center@large":"Flex__ek-flex_content-justify_center--large___I1Hkb","ek-flex_content_between":"Flex__ek-flex_content_between___IZL02","ek-flex_content_between@small":"Flex__ek-flex_content_between--small___IZ14M","ek-flex_content_between@medium":"Flex__ek-flex_content_between--medium___GFg7E","ek-flex_content_between@large":"Flex__ek-flex_content_between--large___vuGPX","ek-flex_content-align_between":"Flex__ek-flex_content-align_between___Tycb6","ek-flex_content-align_between@small":"Flex__ek-flex_content-align_between--small___Nmof5","ek-flex_content-align_between@medium":"Flex__ek-flex_content-align_between--medium___Q0ru3","ek-flex_content-align_between@large":"Flex__ek-flex_content-align_between--large___qucZA","ek-flex_content-justify_between":"Flex__ek-flex_content-justify_between___YieAW","ek-flex_content-justify_between@small":"Flex__ek-flex_content-justify_between--small___6e4Xf","ek-flex_content-justify_between@medium":"Flex__ek-flex_content-justify_between--medium___Dh8ok","ek-flex_content-justify_between@large":"Flex__ek-flex_content-justify_between--large___rJD7z","ek-flex_content_around":"Flex__ek-flex_content_around___kwQec","ek-flex_content_around@small":"Flex__ek-flex_content_around--small___QK5Br","ek-flex_content_around@medium":"Flex__ek-flex_content_around--medium___2HSeu","ek-flex_content_around@large":"Flex__ek-flex_content_around--large___3eTKC","ek-flex_content-align_around":"Flex__ek-flex_content-align_around___i9b3x","ek-flex_content-align_around@small":"Flex__ek-flex_content-align_around--small___4qIsW","ek-flex_content-align_around@medium":"Flex__ek-flex_content-align_around--medium___ysuvj","ek-flex_content-align_around@large":"Flex__ek-flex_content-align_around--large___Nc7il","ek-flex_content-justify_around":"Flex__ek-flex_content-justify_around___MtTp2","ek-flex_content-justify_around@small":"Flex__ek-flex_content-justify_around--small___i8wVt","ek-flex_content-justify_around@medium":"Flex__ek-flex_content-justify_around--medium___8xL-i","ek-flex_content-justify_around@large":"Flex__ek-flex_content-justify_around--large___Use6M","ek-flex_content_stretch":"Flex__ek-flex_content_stretch___kmli9","ek-flex_content_stretch@small":"Flex__ek-flex_content_stretch--small___TMt-b","ek-flex_content_stretch@medium":"Flex__ek-flex_content_stretch--medium___Ovf6k","ek-flex_content_stretch@large":"Flex__ek-flex_content_stretch--large___LAHHw","ek-flex_content-align_stretch":"Flex__ek-flex_content-align_stretch___9fb0a","ek-flex_content-align_stretch@small":"Flex__ek-flex_content-align_stretch--small___p6Vt-","ek-flex_content-align_stretch@medium":"Flex__ek-flex_content-align_stretch--medium___FoBwG","ek-flex_content-align_stretch@large":"Flex__ek-flex_content-align_stretch--large___2Ioc1","ek-flex_content-justify_stretch":"Flex__ek-flex_content-justify_stretch___3vq5g","ek-flex_content-justify_stretch@small":"Flex__ek-flex_content-justify_stretch--small___-KyN5","ek-flex_content-justify_stretch@medium":"Flex__ek-flex_content-justify_stretch--medium___GBoNH","ek-flex_content-justify_stretch@large":"Flex__ek-flex_content-justify_stretch--large___anisB","ek-flex_items_start":"Flex__ek-flex_items_start___FLhgX","ek-flex_items_start@small":"Flex__ek-flex_items_start--small___K5ggC","ek-flex_items_start@medium":"Flex__ek-flex_items_start--medium___7y6Gp","ek-flex_items_start@large":"Flex__ek-flex_items_start--large___PPX8F","ek-flex_items_end":"Flex__ek-flex_items_end___SGcmM","ek-flex_items_end@small":"Flex__ek-flex_items_end--small___BYUGx","ek-flex_items_end@medium":"Flex__ek-flex_items_end--medium___RhvDK","ek-flex_items_end@large":"Flex__ek-flex_items_end--large___IlKU6","ek-flex_items_center":"Flex__ek-flex_items_center___llR6f","ek-flex_items_center@small":"Flex__ek-flex_items_center--small___6-YRd","ek-flex_items_center@medium":"Flex__ek-flex_items_center--medium___ASbKY","ek-flex_items_center@large":"Flex__ek-flex_items_center--large___Zwl49","ek-flex_items_baseline":"Flex__ek-flex_items_baseline___pn02q","ek-flex_items_baseline@small":"Flex__ek-flex_items_baseline--small___3JyoK","ek-flex_items_baseline@medium":"Flex__ek-flex_items_baseline--medium___pMrx7","ek-flex_items_baseline@large":"Flex__ek-flex_items_baseline--large___-M7gI","ek-flex_items_stretch":"Flex__ek-flex_items_stretch___8hFFE","ek-flex_items_stretch@small":"Flex__ek-flex_items_stretch--small___XFkMp","ek-flex_items_stretch@medium":"Flex__ek-flex_items_stretch--medium___dMzOF","ek-flex_items_stretch@large":"Flex__ek-flex_items_stretch--large___oFwo9","ek-flex_direction_row":"Flex__ek-flex_direction_row___-9vUh","ek-flex_direction_row@small":"Flex__ek-flex_direction_row--small___f630H","ek-flex_direction_row@medium":"Flex__ek-flex_direction_row--medium___8SBx6","ek-flex_direction_row@large":"Flex__ek-flex_direction_row--large___YVreF","ek-flex_direction_row-reverse":"Flex__ek-flex_direction_row-reverse___UPpHB","ek-flex_direction_row-reverse@small":"Flex__ek-flex_direction_row-reverse--small___-Kblo","ek-flex_direction_row-reverse@medium":"Flex__ek-flex_direction_row-reverse--medium___SS-32","ek-flex_direction_row-reverse@large":"Flex__ek-flex_direction_row-reverse--large___Sl4GN","ek-flex_direction_column":"Flex__ek-flex_direction_column___jSg3D","ek-flex_direction_column@small":"Flex__ek-flex_direction_column--small___Er2Uv","ek-flex_direction_column@medium":"Flex__ek-flex_direction_column--medium___MMEHB","ek-flex_direction_column@large":"Flex__ek-flex_direction_column--large___TgVZ6","ek-flex_direction_column-reverse":"Flex__ek-flex_direction_column-reverse___76Mx4","ek-flex_direction_column-reverse@small":"Flex__ek-flex_direction_column-reverse--small___bDsny","ek-flex_direction_column-reverse@medium":"Flex__ek-flex_direction_column-reverse--medium___-IXhs","ek-flex_direction_column-reverse@large":"Flex__ek-flex_direction_column-reverse--large___6FV8O","ek-flex_wrap_nowrap":"Flex__ek-flex_wrap_nowrap___7mmbz","ek-flex_wrap_nowrap@small":"Flex__ek-flex_wrap_nowrap--small___auLW6","ek-flex_wrap_nowrap@medium":"Flex__ek-flex_wrap_nowrap--medium___snXdc","ek-flex_wrap_nowrap@large":"Flex__ek-flex_wrap_nowrap--large___RDJfn","ek-flex_wrap_wrap":"Flex__ek-flex_wrap_wrap___cBE-5","ek-flex_wrap_wrap@small":"Flex__ek-flex_wrap_wrap--small___2pKrf","ek-flex_wrap_wrap@medium":"Flex__ek-flex_wrap_wrap--medium___WpQ40","ek-flex_wrap_wrap@large":"Flex__ek-flex_wrap_wrap--large___FRw2M","ek-flex_wrap_wrap-reverse":"Flex__ek-flex_wrap_wrap-reverse___MNwJm","ek-flex_wrap_wrap-reverse@small":"Flex__ek-flex_wrap_wrap-reverse--small___ZLyJi","ek-flex_wrap_wrap-reverse@medium":"Flex__ek-flex_wrap_wrap-reverse--medium___julJ0","ek-flex_wrap_wrap-reverse@large":"Flex__ek-flex_wrap_wrap-reverse--large___28O-R","ek-flex_height_auto":"Flex__ek-flex_height_auto___wsLkd","ek-flex_height_auto@small":"Flex__ek-flex_height_auto--small___yldiA","ek-flex_height_auto@medium":"Flex__ek-flex_height_auto--medium___CZt4z","ek-flex_height_auto@large":"Flex__ek-flex_height_auto--large___QS7Vl","ek-flex_height_inherit":"Flex__ek-flex_height_inherit___bq3q9","ek-flex_height_inherit@small":"Flex__ek-flex_height_inherit--small___3FKYT","ek-flex_height_inherit@medium":"Flex__ek-flex_height_inherit--medium___oZ-4B","ek-flex_height_inherit@large":"Flex__ek-flex_height_inherit--large___CMUoL","ek-flex_height_1-1":"Flex__ek-flex_height_1-1___1-CAn","ek-flex_height_1-1@small":"Flex__ek-flex_height_1-1--small___53AAw","ek-flex_height_1-1@medium":"Flex__ek-flex_height_1-1--medium___v1g9C","ek-flex_height_1-1@large":"Flex__ek-flex_height_1-1--large___YDiTV"};
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* Дочірній елемент flex-контейнера. Використовується як `<Flex.Item>`.
|
|
11
|
+
*
|
|
12
|
+
* Медіа-суфікси: `@small` | `@medium` | `@large`
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* <Flex.Item flex-item-align='center' flex-item-display='none@small'>
|
|
16
|
+
* Вміст
|
|
17
|
+
* </Flex.Item>
|
|
18
|
+
*/
|
|
9
19
|
var FlexItem = evokit.createBlock('div', 'flex__item', ['align', 'display', 'empty', 'order'], {
|
|
10
20
|
css: css
|
|
11
21
|
});
|
|
12
22
|
FlexItem.displayName = 'FlexItem';
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* Flex-контейнер для вирівнювання елементів.
|
|
26
|
+
*
|
|
27
|
+
* Медіа-суфікси: `@small` | `@medium` | `@large`
|
|
28
|
+
*
|
|
29
|
+
* @example
|
|
30
|
+
* import { Flex } from '@prom-ui/core/Flex';
|
|
31
|
+
*
|
|
32
|
+
* <Flex flex-items='center' flex-content='between'>
|
|
33
|
+
* <Flex.Item>Ліво</Flex.Item>
|
|
34
|
+
* <Flex.Item>Право</Flex.Item>
|
|
35
|
+
* </Flex>
|
|
36
|
+
*
|
|
37
|
+
* @example
|
|
38
|
+
* // Адаптивна колонка
|
|
39
|
+
* <Flex flex-direction={['row', 'column@small']} flex-items={['center', 'start@small']}>
|
|
40
|
+
* Вміст
|
|
41
|
+
* </Flex>
|
|
42
|
+
*/
|
|
13
43
|
var Flex = evokit.createBlock('div', 'flex', ['direction', 'display', 'height', 'items', 'wrap', ['content', ['content-align', 'content-justify']]], {
|
|
14
44
|
css: css
|
|
15
45
|
});
|
package/Flex/index.d.ts
CHANGED
|
@@ -11,11 +11,47 @@ type FlexItems = EvokitMediaSufix<'start' | 'end' | 'center' | 'baseline' | 'str
|
|
|
11
11
|
type FlexWrap = EvokitMediaSufix<'nowrap' | 'wrap' | 'wrap-reverse', FlexMediaSufix>;
|
|
12
12
|
type FlexContent = EvokitMediaSufix<'start' | 'end' | 'center' | 'between' | 'around' | 'stretch', FlexMediaSufix>;
|
|
13
13
|
export type FlexProps = {
|
|
14
|
+
/**
|
|
15
|
+
* Напрямок головної осі flex-контейнера (`flex-direction`). Підтримує медіа-суфікси.
|
|
16
|
+
* @example 'row'
|
|
17
|
+
* @example 'column'
|
|
18
|
+
* @example 'row-reverse@small'
|
|
19
|
+
*/
|
|
14
20
|
'flex-direction'?: EvokitProp<FlexDirection>;
|
|
21
|
+
/**
|
|
22
|
+
* `display` flex-контейнера. Підтримує медіа-суфікси.
|
|
23
|
+
* @example 'flex'
|
|
24
|
+
* @example 'inline-flex'
|
|
25
|
+
* @example 'none@small'
|
|
26
|
+
*/
|
|
15
27
|
'flex-display'?: EvokitProp<FlexDisplay>;
|
|
28
|
+
/**
|
|
29
|
+
* Висота flex-контейнера. Підтримує медіа-суфікси.
|
|
30
|
+
* @example '1-1'
|
|
31
|
+
* @example 'auto@small'
|
|
32
|
+
*/
|
|
16
33
|
'flex-height'?: EvokitProp<FlexHeight>;
|
|
34
|
+
/**
|
|
35
|
+
* Вирівнювання дочірніх елементів по поперечній осі (`align-items`). Підтримує медіа-суфікси.
|
|
36
|
+
* @example 'center'
|
|
37
|
+
* @example 'stretch'
|
|
38
|
+
* @example 'start@small'
|
|
39
|
+
*/
|
|
17
40
|
'flex-items'?: EvokitProp<FlexItems>;
|
|
41
|
+
/**
|
|
42
|
+
* Перенос елементів на новий рядок (`flex-wrap`). Підтримує медіа-суфікси.
|
|
43
|
+
* @example 'wrap'
|
|
44
|
+
* @example 'nowrap@small'
|
|
45
|
+
*/
|
|
18
46
|
'flex-wrap'?: EvokitProp<FlexWrap>;
|
|
47
|
+
/**
|
|
48
|
+
* Вирівнювання вмісту. Шорткат: `'align-value justify-value'`. Підтримує медіа-суфікси.
|
|
49
|
+
* Перше значення — `align-content` (поперечна вісь), друге — `justify-content` (головна вісь).
|
|
50
|
+
* `'between'` = space-between, `'around'` = space-around.
|
|
51
|
+
* @example 'center'
|
|
52
|
+
* @example 'stretch between'
|
|
53
|
+
* @example 'between@small'
|
|
54
|
+
*/
|
|
19
55
|
'flex-content'?: EvokitProp<FlexContent | `${FlexContent} ${string}`>;
|
|
20
56
|
/** @ignore */
|
|
21
57
|
'flex-content-align'?: EvokitProp<FlexContent>;
|
|
@@ -23,12 +59,62 @@ export type FlexProps = {
|
|
|
23
59
|
'flex-content-justify'?: EvokitProp<FlexContent>;
|
|
24
60
|
};
|
|
25
61
|
export type FlexItemProps = {
|
|
62
|
+
/**
|
|
63
|
+
* Самовирівнювання елемента по поперечній осі (`align-self`). Підтримує медіа-суфікси.
|
|
64
|
+
* @example 'center'
|
|
65
|
+
* @example 'stretch'
|
|
66
|
+
* @example 'end@small'
|
|
67
|
+
*/
|
|
26
68
|
'flex-item-align'?: EvokitProp<FlexItemAlign>;
|
|
69
|
+
/**
|
|
70
|
+
* Видимість елемента. Підтримує медіа-суфікси.
|
|
71
|
+
* @example 'block'
|
|
72
|
+
* @example 'none@small'
|
|
73
|
+
*/
|
|
27
74
|
'flex-item-display'?: EvokitProp<FlexItemDisplay>;
|
|
75
|
+
/**
|
|
76
|
+
* Приховати елемент якщо він пустий. Підтримує медіа-суфікси.
|
|
77
|
+
* @example 'hidden'
|
|
78
|
+
*/
|
|
28
79
|
'flex-item-empty'?: EvokitProp<FlexItemEmpty>;
|
|
80
|
+
/**
|
|
81
|
+
* Порядок відображення елемента (`order`). Підтримує медіа-суфікси.
|
|
82
|
+
* @example 1
|
|
83
|
+
* @example 0
|
|
84
|
+
* @example 2
|
|
85
|
+
*/
|
|
29
86
|
'flex-item-order'?: EvokitProp<FlexItemOrder>;
|
|
30
87
|
};
|
|
88
|
+
/**
|
|
89
|
+
* Дочірній елемент flex-контейнера. Використовується як `<Flex.Item>`.
|
|
90
|
+
*
|
|
91
|
+
* Медіа-суфікси: `@small` | `@medium` | `@large`
|
|
92
|
+
*
|
|
93
|
+
* @example
|
|
94
|
+
* <Flex.Item flex-item-align='center' flex-item-display='none@small'>
|
|
95
|
+
* Вміст
|
|
96
|
+
* </Flex.Item>
|
|
97
|
+
*/
|
|
31
98
|
declare const FlexItem: import("@prom-ui/core/evokit").CreateBlock<"div", "flex__item", FlexItemProps>;
|
|
99
|
+
/**
|
|
100
|
+
* Flex-контейнер для вирівнювання елементів.
|
|
101
|
+
*
|
|
102
|
+
* Медіа-суфікси: `@small` | `@medium` | `@large`
|
|
103
|
+
*
|
|
104
|
+
* @example
|
|
105
|
+
* import { Flex } from '@prom-ui/core/Flex';
|
|
106
|
+
*
|
|
107
|
+
* <Flex flex-items='center' flex-content='between'>
|
|
108
|
+
* <Flex.Item>Ліво</Flex.Item>
|
|
109
|
+
* <Flex.Item>Право</Flex.Item>
|
|
110
|
+
* </Flex>
|
|
111
|
+
*
|
|
112
|
+
* @example
|
|
113
|
+
* // Адаптивна колонка
|
|
114
|
+
* <Flex flex-direction={['row', 'column@small']} flex-items={['center', 'start@small']}>
|
|
115
|
+
* Вміст
|
|
116
|
+
* </Flex>
|
|
117
|
+
*/
|
|
32
118
|
export declare const Flex: import("@prom-ui/core/evokit").CreateBlock<"div", "flex", FlexProps> & {
|
|
33
119
|
Item: typeof FlexItem;
|
|
34
120
|
};
|