@prom-ui/core 2.5.0-alpha.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
package/Icon/index.d.ts
CHANGED
|
@@ -1,9 +1,36 @@
|
|
|
1
1
|
import { type EvokitProp } from '@prom-ui/core/evokit';
|
|
2
2
|
export type IconProps = {
|
|
3
|
+
/**
|
|
4
|
+
* `display` іконки.
|
|
5
|
+
* @example 'inline-block'
|
|
6
|
+
* @example 'none'
|
|
7
|
+
*/
|
|
3
8
|
'icon-display'?: EvokitProp<'block' | 'inline-block' | 'none'>;
|
|
4
|
-
/**
|
|
9
|
+
/**
|
|
10
|
+
* Колір іконки (заповнення SVG через `fill`/`color`).
|
|
11
|
+
* @example 'black-700'
|
|
12
|
+
* @example 'violet-500'
|
|
13
|
+
* @example 'white'
|
|
14
|
+
*/
|
|
5
15
|
'icon-color'?: EvokitProp<'black-400' | 'black-600' | 'black-700' | 'black-900' | 'blue-500' | 'green-500' | 'green-700' | 'green-800' | 'orange-900' | 'red-500' | 'red-900' | 'violet-500' | 'white' | 'yellow-500'>;
|
|
6
|
-
/**
|
|
16
|
+
/**
|
|
17
|
+
* Керування подіями вказівника (`pointer-events`).
|
|
18
|
+
* @example 'none'
|
|
19
|
+
* @example 'auto'
|
|
20
|
+
*/
|
|
7
21
|
'icon-events'?: EvokitProp<'auto' | 'none'>;
|
|
8
22
|
};
|
|
23
|
+
/**
|
|
24
|
+
* Обгортка для SVG-іконок з `@prom-ui/icons`. Рендериться як `<svg>`.
|
|
25
|
+
*
|
|
26
|
+
* Не підтримує медіа-суфікси.
|
|
27
|
+
*
|
|
28
|
+
* @example
|
|
29
|
+
* import { Icon } from '@prom-ui/core/Icon';
|
|
30
|
+
* import { SvgSearch } from '@prom-ui/icons/Search';
|
|
31
|
+
*
|
|
32
|
+
* <Icon icon-color='violet-500' icon-display='inline-block'>
|
|
33
|
+
* <SvgSearch />
|
|
34
|
+
* </Icon>
|
|
35
|
+
*/
|
|
9
36
|
export declare const Icon: import("@prom-ui/core/evokit").CreateBlock<"svg", "icon", IconProps>;
|
package/Icon/package.json
CHANGED
|
@@ -6,6 +6,22 @@ var evokit = require('@prom-ui/core/evokit');
|
|
|
6
6
|
|
|
7
7
|
var css = {"ek-image":"Image__ek-image___LRKIT","ek-image_display_inline":"Image__ek-image_display_inline___vYqKV","ek-image_display_block":"Image__ek-image_display_block___CouOo","ek-image_display_none":"Image__ek-image_display_none___UaEQw","ek-image_align_left":"Image__ek-image_align_left___CU8An","ek-image_align_center":"Image__ek-image_align_center___DDdMK","ek-image_align_right":"Image__ek-image_align_right___SYMao","ek-image_valign_baseline":"Image__ek-image_valign_baseline___VFgIH","ek-image_valign_bottom":"Image__ek-image_valign_bottom___dsLU7","ek-image_valign_middle":"Image__ek-image_valign_middle___D9gtl","ek-image_valign_sub":"Image__ek-image_valign_sub___JmVjs","ek-image_valign_super":"Image__ek-image_valign_super___4aqcu","ek-image_valign_text-bottom":"Image__ek-image_valign_text-bottom___PmpR0","ek-image_valign_text-top":"Image__ek-image_valign_text-top___lJk6C","ek-image_valign_top":"Image__ek-image_valign_top___11I8-","ek-image_mirror_x":"Image__ek-image_mirror_x___6O-gJ","ek-image_mirror_y":"Image__ek-image_mirror_y___wTe-M","ek-image_mirror_xy":"Image__ek-image_mirror_xy___ieejt","ek-image_fit_none":"Image__ek-image_fit_none___B4xlI","ek-image_fit_fill":"Image__ek-image_fit_fill___ZiMIO","ek-image_fit_contain":"Image__ek-image_fit_contain___Pem13","ek-image_fit_cover":"Image__ek-image_fit_cover___Yjjd6","ek-image_fit_scale-down":"Image__ek-image_fit_scale-down___bR5Yn","ek-image_height_1-1":"Image__ek-image_height_1-1___tgTM-","ek-image_height_auto":"Image__ek-image_height_auto___jKc-t","ek-image_width_1-1":"Image__ek-image_width_1-1___RLdBa","ek-image_width_1-2":"Image__ek-image_width_1-2___XissA","ek-image_width_1-3":"Image__ek-image_width_1-3___3k2Hf","ek-image_width_2-3":"Image__ek-image_width_2-3___CMOwq","ek-image_width_1-4":"Image__ek-image_width_1-4___biFoo","ek-image_width_2-4":"Image__ek-image_width_2-4___Uo827","ek-image_width_3-4":"Image__ek-image_width_3-4___3DkRW","ek-image_width_1-5":"Image__ek-image_width_1-5___yJV6i","ek-image_width_2-5":"Image__ek-image_width_2-5___wO3vm","ek-image_width_3-5":"Image__ek-image_width_3-5___X7p4R","ek-image_width_4-5":"Image__ek-image_width_4-5___n-ey9","ek-image_width_1-6":"Image__ek-image_width_1-6___dqKod","ek-image_width_2-6":"Image__ek-image_width_2-6___owsDV","ek-image_width_3-6":"Image__ek-image_width_3-6___4TbQL","ek-image_width_4-6":"Image__ek-image_width_4-6___uBlTX","ek-image_width_5-6":"Image__ek-image_width_5-6___mayMb","ek-image_width_1-7":"Image__ek-image_width_1-7___dklOJ","ek-image_width_2-7":"Image__ek-image_width_2-7___SeIq1","ek-image_width_3-7":"Image__ek-image_width_3-7___ErlrS","ek-image_width_4-7":"Image__ek-image_width_4-7___b9CGA","ek-image_width_5-7":"Image__ek-image_width_5-7___myKLC","ek-image_width_6-7":"Image__ek-image_width_6-7___hW6lI","ek-image_width_1-8":"Image__ek-image_width_1-8___kZ90Z","ek-image_width_2-8":"Image__ek-image_width_2-8___M3gth","ek-image_width_3-8":"Image__ek-image_width_3-8___-abrr","ek-image_width_4-8":"Image__ek-image_width_4-8___-7MRE","ek-image_width_5-8":"Image__ek-image_width_5-8___DcK7q","ek-image_width_6-8":"Image__ek-image_width_6-8___xk4WO","ek-image_width_7-8":"Image__ek-image_width_7-8___rUjXk","ek-image_width_1-9":"Image__ek-image_width_1-9___j0jz6","ek-image_width_2-9":"Image__ek-image_width_2-9___IUI-A","ek-image_width_3-9":"Image__ek-image_width_3-9___4IwfH","ek-image_width_4-9":"Image__ek-image_width_4-9___y5Zng","ek-image_width_5-9":"Image__ek-image_width_5-9___mrt3d","ek-image_width_6-9":"Image__ek-image_width_6-9___l34DE","ek-image_width_7-9":"Image__ek-image_width_7-9___PhfFI","ek-image_width_8-9":"Image__ek-image_width_8-9___WLIel","ek-image_width_1-10":"Image__ek-image_width_1-10___q-dJ8","ek-image_width_2-10":"Image__ek-image_width_2-10___UTqR6","ek-image_width_3-10":"Image__ek-image_width_3-10___7S8Ou","ek-image_width_4-10":"Image__ek-image_width_4-10___Ufg-g","ek-image_width_5-10":"Image__ek-image_width_5-10___UtZBL","ek-image_width_6-10":"Image__ek-image_width_6-10___P-QlR","ek-image_width_7-10":"Image__ek-image_width_7-10___hZ-0A","ek-image_width_8-10":"Image__ek-image_width_8-10___MrrI-","ek-image_width_9-10":"Image__ek-image_width_9-10___4OZQ2","ek-image_width_auto":"Image__ek-image_width_auto___7Pqv4","ek-image_round_none":"Image__ek-image_round_none___1fxwC","ek-image_round-top-left_none":"Image__ek-image_round-top-left_none___klGUe","ek-image_round-top-right_none":"Image__ek-image_round-top-right_none___6MExY","ek-image_round-bottom-right_none":"Image__ek-image_round-bottom-right_none___1PScr","ek-image_round-bottom-left_none":"Image__ek-image_round-bottom-left_none___5MRDT","ek-image_round_xxs":"Image__ek-image_round_xxs___u105X","ek-image_round-top-left_xxs":"Image__ek-image_round-top-left_xxs___M6E6C","ek-image_round-top-right_xxs":"Image__ek-image_round-top-right_xxs___X9bW7","ek-image_round-bottom-right_xxs":"Image__ek-image_round-bottom-right_xxs___Ok5eN","ek-image_round-bottom-left_xxs":"Image__ek-image_round-bottom-left_xxs___1czxC","ek-image_round_xs":"Image__ek-image_round_xs___ZJ1k9","ek-image_round-top-left_xs":"Image__ek-image_round-top-left_xs___gThY7","ek-image_round-top-right_xs":"Image__ek-image_round-top-right_xs___Zp-kr","ek-image_round-bottom-right_xs":"Image__ek-image_round-bottom-right_xs___HMCAS","ek-image_round-bottom-left_xs":"Image__ek-image_round-bottom-left_xs___MUItn","ek-image_round_s":"Image__ek-image_round_s___iTTDI","ek-image_round-top-left_s":"Image__ek-image_round-top-left_s___7Zec9","ek-image_round-top-right_s":"Image__ek-image_round-top-right_s___xZgLD","ek-image_round-bottom-right_s":"Image__ek-image_round-bottom-right_s___ERZz0","ek-image_round-bottom-left_s":"Image__ek-image_round-bottom-left_s___XayVx","ek-image_round_m":"Image__ek-image_round_m___M8qiz","ek-image_round-top-left_m":"Image__ek-image_round-top-left_m___ioL6Q","ek-image_round-top-right_m":"Image__ek-image_round-top-right_m___Y0XF3","ek-image_round-bottom-right_m":"Image__ek-image_round-bottom-right_m___w7R-3","ek-image_round-bottom-left_m":"Image__ek-image_round-bottom-left_m___nMaig","ek-image_round_l":"Image__ek-image_round_l___cnMb9","ek-image_round-top-left_l":"Image__ek-image_round-top-left_l___Cbth8","ek-image_round-top-right_l":"Image__ek-image_round-top-right_l___vWqjL","ek-image_round-bottom-right_l":"Image__ek-image_round-bottom-right_l___6IxwZ","ek-image_round-bottom-left_l":"Image__ek-image_round-bottom-left_l___SvspW","ek-image_round_xl":"Image__ek-image_round_xl___1PkJi","ek-image_round-top-left_xl":"Image__ek-image_round-top-left_xl___fatW-","ek-image_round-top-right_xl":"Image__ek-image_round-top-right_xl___laIqr","ek-image_round-bottom-right_xl":"Image__ek-image_round-bottom-right_xl___Ly-AZ","ek-image_round-bottom-left_xl":"Image__ek-image_round-bottom-left_xl___r-Oi9","ek-image_round_xxl":"Image__ek-image_round_xxl___oFUUG","ek-image_round-top-left_xxl":"Image__ek-image_round-top-left_xxl___oOoNc","ek-image_round-top-right_xxl":"Image__ek-image_round-top-right_xxl___QMxBZ","ek-image_round-bottom-right_xxl":"Image__ek-image_round-bottom-right_xxl___dlwJ8","ek-image_round-bottom-left_xxl":"Image__ek-image_round-bottom-left_xxl___E-SlH","ek-image_round_3xl":"Image__ek-image_round_3xl___CB-o8","ek-image_round-top-left_3xl":"Image__ek-image_round-top-left_3xl___khWkz","ek-image_round-top-right_3xl":"Image__ek-image_round-top-right_3xl___wwMUy","ek-image_round-bottom-right_3xl":"Image__ek-image_round-bottom-right_3xl___enq7a","ek-image_round-bottom-left_3xl":"Image__ek-image_round-bottom-left_3xl___c2vo1","ek-image_round_4xl":"Image__ek-image_round_4xl___nIpdA","ek-image_round-top-left_4xl":"Image__ek-image_round-top-left_4xl___vOEoX","ek-image_round-top-right_4xl":"Image__ek-image_round-top-right_4xl___qh15E","ek-image_round-bottom-right_4xl":"Image__ek-image_round-bottom-right_4xl___4je-p","ek-image_round-bottom-left_4xl":"Image__ek-image_round-bottom-left_4xl___OQZzh","ek-image_round_5xl":"Image__ek-image_round_5xl___btN1t","ek-image_round-top-left_5xl":"Image__ek-image_round-top-left_5xl___IzX0w","ek-image_round-top-right_5xl":"Image__ek-image_round-top-right_5xl___ngmrN","ek-image_round-bottom-right_5xl":"Image__ek-image_round-bottom-right_5xl___OIQIq","ek-image_round-bottom-left_5xl":"Image__ek-image_round-bottom-left_5xl___yiull","ek-image_round_full":"Image__ek-image_round_full___HDRmw","ek-image_round-top-left_full":"Image__ek-image_round-top-left_full___5dSUb","ek-image_round-top-right_full":"Image__ek-image_round-top-right_full___Zi3zc","ek-image_round-bottom-right_full":"Image__ek-image_round-bottom-right_full___qNR9Y","ek-image_round-bottom-left_full":"Image__ek-image_round-bottom-left_full___1pRXU","ek-image_round-top_none":"Image__ek-image_round-top_none___dmwQ3","ek-image_round-right_none":"Image__ek-image_round-right_none___YguIZ","ek-image_round-bottom_none":"Image__ek-image_round-bottom_none___MdGII","ek-image_round-left_none":"Image__ek-image_round-left_none___ZO8kx","ek-image_round-top_xxs":"Image__ek-image_round-top_xxs___x5Rf-","ek-image_round-right_xxs":"Image__ek-image_round-right_xxs___1Oq-j","ek-image_round-bottom_xxs":"Image__ek-image_round-bottom_xxs___XRktA","ek-image_round-left_xxs":"Image__ek-image_round-left_xxs___J0SZT","ek-image_round-top_xs":"Image__ek-image_round-top_xs___4fftl","ek-image_round-right_xs":"Image__ek-image_round-right_xs___zBISS","ek-image_round-bottom_xs":"Image__ek-image_round-bottom_xs___xGrPe","ek-image_round-left_xs":"Image__ek-image_round-left_xs___u3cC3","ek-image_round-top_s":"Image__ek-image_round-top_s___oRHzo","ek-image_round-right_s":"Image__ek-image_round-right_s___Q6WN5","ek-image_round-bottom_s":"Image__ek-image_round-bottom_s___0A-NO","ek-image_round-left_s":"Image__ek-image_round-left_s___Ddjan","ek-image_round-top_m":"Image__ek-image_round-top_m___G3xjA","ek-image_round-right_m":"Image__ek-image_round-right_m___bCCNF","ek-image_round-bottom_m":"Image__ek-image_round-bottom_m___nzC-o","ek-image_round-left_m":"Image__ek-image_round-left_m___T7IvQ","ek-image_round-top_l":"Image__ek-image_round-top_l___CNW8j","ek-image_round-right_l":"Image__ek-image_round-right_l___NCSg2","ek-image_round-bottom_l":"Image__ek-image_round-bottom_l___b-MSJ","ek-image_round-left_l":"Image__ek-image_round-left_l___s87T3","ek-image_round-top_xl":"Image__ek-image_round-top_xl___NDswR","ek-image_round-right_xl":"Image__ek-image_round-right_xl___Ns7Sb","ek-image_round-bottom_xl":"Image__ek-image_round-bottom_xl___h0AL9","ek-image_round-left_xl":"Image__ek-image_round-left_xl___C9kkm","ek-image_round-top_xxl":"Image__ek-image_round-top_xxl___kL2k7","ek-image_round-right_xxl":"Image__ek-image_round-right_xxl___nD-8T","ek-image_round-bottom_xxl":"Image__ek-image_round-bottom_xxl___B6ZDl","ek-image_round-left_xxl":"Image__ek-image_round-left_xxl___RlX6U","ek-image_round-top_full":"Image__ek-image_round-top_full___MREQG","ek-image_round-right_full":"Image__ek-image_round-right_full___Hz43n","ek-image_round-bottom_full":"Image__ek-image_round-bottom_full___QJb9y","ek-image_round-left_full":"Image__ek-image_round-left_full___9BZNK","ek-image_alt_visible":"Image__ek-image_alt_visible___xs-H-","ek-image_alt_hidden":"Image__ek-image_alt_hidden___IwdPQ","ek-image_background_black-400":"Image__ek-image_background_black-400___H3cIL","ek-image_border_black-400":"Image__ek-image_border_black-400___WJKNx","ek-image_border-top_black-400":"Image__ek-image_border-top_black-400___3tEvW","ek-image_border-right_black-400":"Image__ek-image_border-right_black-400___Bdqp8","ek-image_border-bottom_black-400":"Image__ek-image_border-bottom_black-400___d4Ofs","ek-image_border-left_black-400":"Image__ek-image_border-left_black-400___aBM7l","ek-image_border-tb_black-400":"Image__ek-image_border-tb_black-400___J2ZvJ","ek-image_border-lr_black-400":"Image__ek-image_border-lr_black-400___czmUu","ek-image_background_white":"Image__ek-image_background_white___mpnTp","ek-image_border_white":"Image__ek-image_border_white___iyDPr","ek-image_border-top_white":"Image__ek-image_border-top_white___E9Sj1","ek-image_border-right_white":"Image__ek-image_border-right_white___TvQml","ek-image_border-bottom_white":"Image__ek-image_border-bottom_white___XzA2M","ek-image_border-left_white":"Image__ek-image_border-left_white___Y9pho","ek-image_border-tb_white":"Image__ek-image_border-tb_white___IMXxO","ek-image_border-lr_white":"Image__ek-image_border-lr_white___Z-YgA"};
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* Стилізований елемент `<img>` з підтримкою evokit-пропсів.
|
|
11
|
+
*
|
|
12
|
+
* Не підтримує медіа-суфікси.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* import { Image } from '@prom-ui/core/Image';
|
|
16
|
+
*
|
|
17
|
+
* <Image
|
|
18
|
+
* src='photo.jpg'
|
|
19
|
+
* alt='Фото'
|
|
20
|
+
* image-width='1-1'
|
|
21
|
+
* image-fit='cover'
|
|
22
|
+
* image-round='m'
|
|
23
|
+
* />
|
|
24
|
+
*/
|
|
9
25
|
var Image = evokit.createBlock('img', 'image', ['align', 'alt', 'background', 'border', 'border-bottom', 'border-left', 'border-right', 'border-top', 'display', 'fit', 'height', 'mirror', 'valign', 'width', ['round', [['round-top-left', 'round-bottom-right'], ['round-top-right', 'round-bottom-left'], 'round-bottom-right', 'round-bottom-left']]], {
|
|
10
26
|
css: css
|
|
11
27
|
});
|
|
@@ -6,6 +6,22 @@ var evokit = require('@prom-ui/core/evokit');
|
|
|
6
6
|
|
|
7
7
|
var css = {"ek-image":"Image__ek-image___m6-Nn","ek-image_display_inline":"Image__ek-image_display_inline___-M-86","ek-image_display_block":"Image__ek-image_display_block___WiOH9","ek-image_display_none":"Image__ek-image_display_none___NeIZ3","ek-image_align_left":"Image__ek-image_align_left___KG-uo","ek-image_align_center":"Image__ek-image_align_center___J0FNX","ek-image_align_right":"Image__ek-image_align_right___bmQcM","ek-image_valign_baseline":"Image__ek-image_valign_baseline___H2X0a","ek-image_valign_bottom":"Image__ek-image_valign_bottom___9xmtk","ek-image_valign_middle":"Image__ek-image_valign_middle___hRgeJ","ek-image_valign_sub":"Image__ek-image_valign_sub___TB7zZ","ek-image_valign_super":"Image__ek-image_valign_super___TUIEd","ek-image_valign_text-bottom":"Image__ek-image_valign_text-bottom___8nAU7","ek-image_valign_text-top":"Image__ek-image_valign_text-top___81-Q6","ek-image_valign_top":"Image__ek-image_valign_top___Dz1EN","ek-image_mirror_x":"Image__ek-image_mirror_x___xaan-","ek-image_mirror_y":"Image__ek-image_mirror_y___NEOLP","ek-image_mirror_xy":"Image__ek-image_mirror_xy___6Ala1","ek-image_fit_none":"Image__ek-image_fit_none___3OBBK","ek-image_fit_fill":"Image__ek-image_fit_fill___4ABBQ","ek-image_fit_contain":"Image__ek-image_fit_contain___-27Lv","ek-image_fit_cover":"Image__ek-image_fit_cover___jMmOZ","ek-image_fit_scale-down":"Image__ek-image_fit_scale-down___Mzhs4","ek-image_height_1-1":"Image__ek-image_height_1-1___c9cdp","ek-image_height_auto":"Image__ek-image_height_auto___YrkUP","ek-image_width_1-1":"Image__ek-image_width_1-1___kajWh","ek-image_width_1-2":"Image__ek-image_width_1-2___Yy5rP","ek-image_width_1-3":"Image__ek-image_width_1-3___PbjsM","ek-image_width_2-3":"Image__ek-image_width_2-3___Fb-Y3","ek-image_width_1-4":"Image__ek-image_width_1-4___6Nfun","ek-image_width_2-4":"Image__ek-image_width_2-4___XpFbk","ek-image_width_3-4":"Image__ek-image_width_3-4___mPLyF","ek-image_width_1-5":"Image__ek-image_width_1-5___kkYLm","ek-image_width_2-5":"Image__ek-image_width_2-5___Er1nx","ek-image_width_3-5":"Image__ek-image_width_3-5___so2WJ","ek-image_width_4-5":"Image__ek-image_width_4-5___LxbDP","ek-image_width_1-6":"Image__ek-image_width_1-6___hSTO8","ek-image_width_2-6":"Image__ek-image_width_2-6___vOk5w","ek-image_width_3-6":"Image__ek-image_width_3-6___iiRie","ek-image_width_4-6":"Image__ek-image_width_4-6___phuco","ek-image_width_5-6":"Image__ek-image_width_5-6___2thHw","ek-image_width_1-7":"Image__ek-image_width_1-7___ay5gZ","ek-image_width_2-7":"Image__ek-image_width_2-7___zRqg6","ek-image_width_3-7":"Image__ek-image_width_3-7___V4t82","ek-image_width_4-7":"Image__ek-image_width_4-7___b4LLt","ek-image_width_5-7":"Image__ek-image_width_5-7___q29i7","ek-image_width_6-7":"Image__ek-image_width_6-7___nJomc","ek-image_width_1-8":"Image__ek-image_width_1-8___aJyRF","ek-image_width_2-8":"Image__ek-image_width_2-8___ZafzW","ek-image_width_3-8":"Image__ek-image_width_3-8___9xu-h","ek-image_width_4-8":"Image__ek-image_width_4-8___Rnd4k","ek-image_width_5-8":"Image__ek-image_width_5-8___Yb-h3","ek-image_width_6-8":"Image__ek-image_width_6-8___DxCr-","ek-image_width_7-8":"Image__ek-image_width_7-8___YeUQ2","ek-image_width_1-9":"Image__ek-image_width_1-9___R2dTT","ek-image_width_2-9":"Image__ek-image_width_2-9___YXauJ","ek-image_width_3-9":"Image__ek-image_width_3-9___VQ738","ek-image_width_4-9":"Image__ek-image_width_4-9___KIkvb","ek-image_width_5-9":"Image__ek-image_width_5-9___L5Zr-","ek-image_width_6-9":"Image__ek-image_width_6-9___rZXrN","ek-image_width_7-9":"Image__ek-image_width_7-9___t3NsV","ek-image_width_8-9":"Image__ek-image_width_8-9___ojaY3","ek-image_width_1-10":"Image__ek-image_width_1-10___JbaNg","ek-image_width_2-10":"Image__ek-image_width_2-10___c4ORT","ek-image_width_3-10":"Image__ek-image_width_3-10___FMK-j","ek-image_width_4-10":"Image__ek-image_width_4-10___LFUFO","ek-image_width_5-10":"Image__ek-image_width_5-10___vahFo","ek-image_width_6-10":"Image__ek-image_width_6-10___mHm0k","ek-image_width_7-10":"Image__ek-image_width_7-10___7Byay","ek-image_width_8-10":"Image__ek-image_width_8-10___uCOnZ","ek-image_width_9-10":"Image__ek-image_width_9-10___CeUKx","ek-image_width_auto":"Image__ek-image_width_auto___3zNB3","ek-image_round_none":"Image__ek-image_round_none___AOf3b","ek-image_round-top-left_none":"Image__ek-image_round-top-left_none___ojxwZ","ek-image_round-top-right_none":"Image__ek-image_round-top-right_none___fn4Ck","ek-image_round-bottom-right_none":"Image__ek-image_round-bottom-right_none___VKufW","ek-image_round-bottom-left_none":"Image__ek-image_round-bottom-left_none___kCg4k","ek-image_round_xxs":"Image__ek-image_round_xxs___yFxtx","ek-image_round-top-left_xxs":"Image__ek-image_round-top-left_xxs___u3lae","ek-image_round-top-right_xxs":"Image__ek-image_round-top-right_xxs___3XLeQ","ek-image_round-bottom-right_xxs":"Image__ek-image_round-bottom-right_xxs___yJuCF","ek-image_round-bottom-left_xxs":"Image__ek-image_round-bottom-left_xxs___jvVTR","ek-image_round_xs":"Image__ek-image_round_xs___Nj78d","ek-image_round-top-left_xs":"Image__ek-image_round-top-left_xs___MNXm7","ek-image_round-top-right_xs":"Image__ek-image_round-top-right_xs___74gl2","ek-image_round-bottom-right_xs":"Image__ek-image_round-bottom-right_xs___N65-K","ek-image_round-bottom-left_xs":"Image__ek-image_round-bottom-left_xs___hXWZP","ek-image_round_s":"Image__ek-image_round_s___gE701","ek-image_round-top-left_s":"Image__ek-image_round-top-left_s___YF3nF","ek-image_round-top-right_s":"Image__ek-image_round-top-right_s___St40q","ek-image_round-bottom-right_s":"Image__ek-image_round-bottom-right_s___S4CxE","ek-image_round-bottom-left_s":"Image__ek-image_round-bottom-left_s___gXQ-W","ek-image_round_m":"Image__ek-image_round_m___6eF8h","ek-image_round-top-left_m":"Image__ek-image_round-top-left_m___4AHPx","ek-image_round-top-right_m":"Image__ek-image_round-top-right_m___4sZPk","ek-image_round-bottom-right_m":"Image__ek-image_round-bottom-right_m___fMoN5","ek-image_round-bottom-left_m":"Image__ek-image_round-bottom-left_m___CuEyZ","ek-image_round_l":"Image__ek-image_round_l___en9-i","ek-image_round-top-left_l":"Image__ek-image_round-top-left_l___5YaYI","ek-image_round-top-right_l":"Image__ek-image_round-top-right_l___Bd0IP","ek-image_round-bottom-right_l":"Image__ek-image_round-bottom-right_l___oHmQa","ek-image_round-bottom-left_l":"Image__ek-image_round-bottom-left_l___8V3qU","ek-image_round_xl":"Image__ek-image_round_xl___Bhf7-","ek-image_round-top-left_xl":"Image__ek-image_round-top-left_xl___7Qz-g","ek-image_round-top-right_xl":"Image__ek-image_round-top-right_xl___p3Wu7","ek-image_round-bottom-right_xl":"Image__ek-image_round-bottom-right_xl___RvsQ0","ek-image_round-bottom-left_xl":"Image__ek-image_round-bottom-left_xl___9kEKa","ek-image_round_xxl":"Image__ek-image_round_xxl___qFTLX","ek-image_round-top-left_xxl":"Image__ek-image_round-top-left_xxl___Qqr6l","ek-image_round-top-right_xxl":"Image__ek-image_round-top-right_xxl___yvrmK","ek-image_round-bottom-right_xxl":"Image__ek-image_round-bottom-right_xxl___sQFYc","ek-image_round-bottom-left_xxl":"Image__ek-image_round-bottom-left_xxl___V-R7D","ek-image_round_3xl":"Image__ek-image_round_3xl___ugI-l","ek-image_round-top-left_3xl":"Image__ek-image_round-top-left_3xl___FHDJ1","ek-image_round-top-right_3xl":"Image__ek-image_round-top-right_3xl___Vif-i","ek-image_round-bottom-right_3xl":"Image__ek-image_round-bottom-right_3xl___w6v24","ek-image_round-bottom-left_3xl":"Image__ek-image_round-bottom-left_3xl___6HJrb","ek-image_round_4xl":"Image__ek-image_round_4xl___54Wap","ek-image_round-top-left_4xl":"Image__ek-image_round-top-left_4xl___boHob","ek-image_round-top-right_4xl":"Image__ek-image_round-top-right_4xl___5D4Tj","ek-image_round-bottom-right_4xl":"Image__ek-image_round-bottom-right_4xl___-bif9","ek-image_round-bottom-left_4xl":"Image__ek-image_round-bottom-left_4xl___MjRJS","ek-image_round_5xl":"Image__ek-image_round_5xl___ONXuU","ek-image_round-top-left_5xl":"Image__ek-image_round-top-left_5xl___FqUCu","ek-image_round-top-right_5xl":"Image__ek-image_round-top-right_5xl___lLzua","ek-image_round-bottom-right_5xl":"Image__ek-image_round-bottom-right_5xl___oFuXm","ek-image_round-bottom-left_5xl":"Image__ek-image_round-bottom-left_5xl___-lHED","ek-image_round_full":"Image__ek-image_round_full___4vPPq","ek-image_round-top-left_full":"Image__ek-image_round-top-left_full___BmmJA","ek-image_round-top-right_full":"Image__ek-image_round-top-right_full___376Ll","ek-image_round-bottom-right_full":"Image__ek-image_round-bottom-right_full___hgare","ek-image_round-bottom-left_full":"Image__ek-image_round-bottom-left_full___GruUX","ek-image_round-top_none":"Image__ek-image_round-top_none___Nn1zv","ek-image_round-right_none":"Image__ek-image_round-right_none___JqVu3","ek-image_round-bottom_none":"Image__ek-image_round-bottom_none___XQHjo","ek-image_round-left_none":"Image__ek-image_round-left_none___fVy9h","ek-image_round-top_xxs":"Image__ek-image_round-top_xxs___It3Zi","ek-image_round-right_xxs":"Image__ek-image_round-right_xxs___kgjEt","ek-image_round-bottom_xxs":"Image__ek-image_round-bottom_xxs___tsbuA","ek-image_round-left_xxs":"Image__ek-image_round-left_xxs___Az0y4","ek-image_round-top_xs":"Image__ek-image_round-top_xs___xybKf","ek-image_round-right_xs":"Image__ek-image_round-right_xs___cm0zA","ek-image_round-bottom_xs":"Image__ek-image_round-bottom_xs___AhVMH","ek-image_round-left_xs":"Image__ek-image_round-left_xs___nRgXb","ek-image_round-top_s":"Image__ek-image_round-top_s___1SPBS","ek-image_round-right_s":"Image__ek-image_round-right_s___vMOBK","ek-image_round-bottom_s":"Image__ek-image_round-bottom_s___MtCxR","ek-image_round-left_s":"Image__ek-image_round-left_s___GZfxw","ek-image_round-top_m":"Image__ek-image_round-top_m___qRNji","ek-image_round-right_m":"Image__ek-image_round-right_m___MgOJk","ek-image_round-bottom_m":"Image__ek-image_round-bottom_m___wy2gC","ek-image_round-left_m":"Image__ek-image_round-left_m___y3nN-","ek-image_round-top_l":"Image__ek-image_round-top_l___wkP3j","ek-image_round-right_l":"Image__ek-image_round-right_l___-BJVd","ek-image_round-bottom_l":"Image__ek-image_round-bottom_l___Hnqn-","ek-image_round-left_l":"Image__ek-image_round-left_l___3xN-0","ek-image_round-top_xl":"Image__ek-image_round-top_xl___3okeQ","ek-image_round-right_xl":"Image__ek-image_round-right_xl___cgiAR","ek-image_round-bottom_xl":"Image__ek-image_round-bottom_xl___4AKm9","ek-image_round-left_xl":"Image__ek-image_round-left_xl___3jM5n","ek-image_round-top_xxl":"Image__ek-image_round-top_xxl___N2ZJu","ek-image_round-right_xxl":"Image__ek-image_round-right_xxl___qmg1O","ek-image_round-bottom_xxl":"Image__ek-image_round-bottom_xxl___6LOLm","ek-image_round-left_xxl":"Image__ek-image_round-left_xxl___-avOr","ek-image_round-top_full":"Image__ek-image_round-top_full___doEhh","ek-image_round-right_full":"Image__ek-image_round-right_full___pzP59","ek-image_round-bottom_full":"Image__ek-image_round-bottom_full___QoYwA","ek-image_round-left_full":"Image__ek-image_round-left_full___P7TfL","ek-image_alt_visible":"Image__ek-image_alt_visible___z0G94","ek-image_alt_hidden":"Image__ek-image_alt_hidden___zwRTK","ek-image_background_black-400":"Image__ek-image_background_black-400___obrac","ek-image_border_black-400":"Image__ek-image_border_black-400___GTuDn","ek-image_border-top_black-400":"Image__ek-image_border-top_black-400___PM-X6","ek-image_border-right_black-400":"Image__ek-image_border-right_black-400___1Jduk","ek-image_border-bottom_black-400":"Image__ek-image_border-bottom_black-400___rg4DB","ek-image_border-left_black-400":"Image__ek-image_border-left_black-400___xWpns","ek-image_border-tb_black-400":"Image__ek-image_border-tb_black-400___ABzis","ek-image_border-lr_black-400":"Image__ek-image_border-lr_black-400___ZdKSA","ek-image_background_white":"Image__ek-image_background_white___lD8-0","ek-image_border_white":"Image__ek-image_border_white___yRQIN","ek-image_border-top_white":"Image__ek-image_border-top_white___L1j2n","ek-image_border-right_white":"Image__ek-image_border-right_white___EgHDd","ek-image_border-bottom_white":"Image__ek-image_border-bottom_white___47Zcz","ek-image_border-left_white":"Image__ek-image_border-left_white___rRNVp","ek-image_border-tb_white":"Image__ek-image_border-tb_white___UGE8j","ek-image_border-lr_white":"Image__ek-image_border-lr_white___a13Mr"};
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* Стилізований елемент `<img>` з підтримкою evokit-пропсів.
|
|
11
|
+
*
|
|
12
|
+
* Не підтримує медіа-суфікси.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* import { Image } from '@prom-ui/core/Image';
|
|
16
|
+
*
|
|
17
|
+
* <Image
|
|
18
|
+
* src='photo.jpg'
|
|
19
|
+
* alt='Фото'
|
|
20
|
+
* image-width='1-1'
|
|
21
|
+
* image-fit='cover'
|
|
22
|
+
* image-round='m'
|
|
23
|
+
* />
|
|
24
|
+
*/
|
|
9
25
|
var Image = evokit.createBlock('img', 'image', ['align', 'alt', 'background', 'border', 'border-bottom', 'border-left', 'border-right', 'border-top', 'display', 'fit', 'height', 'mirror', 'valign', 'width', ['round', [['round-top-left', 'round-bottom-right'], ['round-top-right', 'round-bottom-left'], 'round-bottom-right', 'round-bottom-left']]], {
|
|
10
26
|
css: css
|
|
11
27
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.LRKIT{display:inline;outline:0;border:0;max-width:100%;max-height:100%}.LRKIT[alt]{word-wrap:break-word;word-break:break-word
|
|
1
|
+
.LRKIT{display:inline;outline:0;border:0;max-width:100%;max-height:100%}.LRKIT[alt]{word-wrap:break-word;word-break:break-word;hyphens:auto}.vYqKV{display:inline}.CouOo{display:block}.UaEQw{display:none}.CU8An{float:left}.DDdMK{float:none;display:block;margin-left:auto;margin-right:auto}.SYMao{float:right}.VFgIH{vertical-align:baseline}.dsLU7{vertical-align:bottom}.D9gtl{vertical-align:middle}.JmVjs{vertical-align:sub}._4aqcu{vertical-align:super}.PmpR0{vertical-align:text-bottom}.lJk6C{vertical-align:text-top}._11I8-{vertical-align:top}._6O-gJ{transform:scaleX(-1)}.wTe-M{transform:scaleY(-1)}.ieejt{transform:scale(-1,-1)}.B4xlI{-o-object-fit:none;object-fit:none}.ZiMIO{-o-object-fit:fill;object-fit:fill}.Pem13{-o-object-fit:contain;object-fit:contain}.Yjjd6{-o-object-fit:cover;object-fit:cover}.bR5Yn{-o-object-fit:scale-down;object-fit:scale-down}.tgTM-{height:100%}.jKc-t{height:auto}.RLdBa{width:calc(1/1*100%)}.XissA{width:calc(1/2*100%)}._3k2Hf{width:calc(1/3*100%)}.CMOwq{width:calc(2/3*100%)}.biFoo{width:calc(1/4*100%)}.Uo827{width:calc(2/4*100%)}._3DkRW{width:calc(3/4*100%)}.yJV6i{width:calc(1/5*100%)}.wO3vm{width:calc(2/5*100%)}.X7p4R{width:calc(3/5*100%)}.n-ey9{width:calc(4/5*100%)}.dqKod{width:calc(1/6*100%)}.owsDV{width:calc(2/6*100%)}._4TbQL{width:calc(3/6*100%)}.uBlTX{width:calc(4/6*100%)}.mayMb{width:calc(5/6*100%)}.dklOJ{width:calc(1/7*100%)}.SeIq1{width:calc(2/7*100%)}.ErlrS{width:calc(3/7*100%)}.b9CGA{width:calc(4/7*100%)}.myKLC{width:calc(5/7*100%)}.hW6lI{width:calc(6/7*100%)}.kZ90Z{width:calc(1/8*100%)}.M3gth{width:calc(2/8*100%)}.-abrr{width:calc(3/8*100%)}._-7MRE{width:calc(4/8*100%)}.DcK7q{width:calc(5/8*100%)}.xk4WO{width:calc(6/8*100%)}.rUjXk{width:calc(7/8*100%)}.j0jz6{width:calc(1/9*100%)}.IUI-A{width:calc(2/9*100%)}._4IwfH{width:calc(3/9*100%)}.y5Zng{width:calc(4/9*100%)}.mrt3d{width:calc(5/9*100%)}.l34DE{width:calc(6/9*100%)}.PhfFI{width:calc(7/9*100%)}.WLIel{width:calc(8/9*100%)}.q-dJ8{width:calc(1/10*100%)}.UTqR6{width:calc(2/10*100%)}._7S8Ou{width:calc(3/10*100%)}.Ufg-g{width:calc(4/10*100%)}.UtZBL{width:calc(5/10*100%)}.P-QlR{width:calc(6/10*100%)}.hZ-0A{width:calc(7/10*100%)}.MrrI-{width:calc(8/10*100%)}._4OZQ2{width:calc(9/10*100%)}._7Pqv4{width:auto}._1fxwC{border-radius:0}.klGUe{border-top-left-radius:0}._6MExY{border-top-right-radius:0}._1PScr{border-bottom-right-radius:0}._5MRDT{border-bottom-left-radius:0}.u105X{border-radius:var(--pds-round-xxs)}.M6E6C{border-top-left-radius:var(--pds-round-xxs)}.X9bW7{border-top-right-radius:var(--pds-round-xxs)}.Ok5eN{border-bottom-right-radius:var(--pds-round-xxs)}._1czxC{border-bottom-left-radius:var(--pds-round-xxs)}.ZJ1k9{border-radius:var(--pds-round-xs)}.gThY7{border-top-left-radius:var(--pds-round-xs)}.Zp-kr{border-top-right-radius:var(--pds-round-xs)}.HMCAS{border-bottom-right-radius:var(--pds-round-xs)}.MUItn{border-bottom-left-radius:var(--pds-round-xs)}.iTTDI{border-radius:var(--pds-round-s)}._7Zec9{border-top-left-radius:var(--pds-round-s)}.xZgLD{border-top-right-radius:var(--pds-round-s)}.ERZz0{border-bottom-right-radius:var(--pds-round-s)}.XayVx{border-bottom-left-radius:var(--pds-round-s)}.M8qiz{border-radius:var(--pds-round-m)}.ioL6Q{border-top-left-radius:var(--pds-round-m)}.Y0XF3{border-top-right-radius:var(--pds-round-m)}.w7R-3{border-bottom-right-radius:var(--pds-round-m)}.nMaig{border-bottom-left-radius:var(--pds-round-m)}.cnMb9{border-radius:var(--pds-round-l)}.Cbth8{border-top-left-radius:var(--pds-round-l)}.vWqjL{border-top-right-radius:var(--pds-round-l)}._6IxwZ{border-bottom-right-radius:var(--pds-round-l)}.SvspW{border-bottom-left-radius:var(--pds-round-l)}._1PkJi{border-radius:var(--pds-round-xl)}.fatW-{border-top-left-radius:var(--pds-round-xl)}.laIqr{border-top-right-radius:var(--pds-round-xl)}.Ly-AZ{border-bottom-right-radius:var(--pds-round-xl)}.r-Oi9{border-bottom-left-radius:var(--pds-round-xl)}.oFUUG{border-radius:var(--pds-round-xxl)}.oOoNc{border-top-left-radius:var(--pds-round-xxl)}.QMxBZ{border-top-right-radius:var(--pds-round-xxl)}.dlwJ8{border-bottom-right-radius:var(--pds-round-xxl)}.E-SlH{border-bottom-left-radius:var(--pds-round-xxl)}.CB-o8{border-radius:var(--pds-round-3xl)}.khWkz{border-top-left-radius:var(--pds-round-3xl)}.wwMUy{border-top-right-radius:var(--pds-round-3xl)}.enq7a{border-bottom-right-radius:var(--pds-round-3xl)}.c2vo1{border-bottom-left-radius:var(--pds-round-3xl)}.nIpdA{border-radius:var(--pds-round-4xl)}.vOEoX{border-top-left-radius:var(--pds-round-4xl)}.qh15E{border-top-right-radius:var(--pds-round-4xl)}._4je-p{border-bottom-right-radius:var(--pds-round-4xl)}.OQZzh{border-bottom-left-radius:var(--pds-round-4xl)}.btN1t{border-radius:var(--pds-round-5xl)}.IzX0w{border-top-left-radius:var(--pds-round-5xl)}.ngmrN{border-top-right-radius:var(--pds-round-5xl)}.OIQIq{border-bottom-right-radius:var(--pds-round-5xl)}.yiull{border-bottom-left-radius:var(--pds-round-5xl)}.HDRmw{border-radius:50%}._5dSUb{border-top-left-radius:50%}.Zi3zc{border-top-right-radius:50%}.qNR9Y{border-bottom-right-radius:50%}._1pRXU{border-bottom-left-radius:50%}.dmwQ3{border-top-left-radius:0;border-top-right-radius:0}.YguIZ{border-top-right-radius:0;border-bottom-right-radius:0}.MdGII{border-bottom-left-radius:0;border-bottom-right-radius:0}.ZO8kx{border-top-left-radius:0;border-bottom-left-radius:0}.x5Rf-{border-top-left-radius:var(--pds-round-xxs);border-top-right-radius:var(--pds-round-xxs)}._1Oq-j{border-top-right-radius:var(--pds-round-xxs);border-bottom-right-radius:var(--pds-round-xxs)}.XRktA{border-bottom-left-radius:var(--pds-round-xxs);border-bottom-right-radius:var(--pds-round-xxs)}.J0SZT{border-top-left-radius:var(--pds-round-xxs);border-bottom-left-radius:var(--pds-round-xxs)}._4fftl{border-top-left-radius:var(--pds-round-xs);border-top-right-radius:var(--pds-round-xs)}.zBISS{border-top-right-radius:var(--pds-round-xs);border-bottom-right-radius:var(--pds-round-xs)}.xGrPe{border-bottom-left-radius:var(--pds-round-xs);border-bottom-right-radius:var(--pds-round-xs)}.u3cC3{border-top-left-radius:var(--pds-round-xs);border-bottom-left-radius:var(--pds-round-xs)}.oRHzo{border-top-left-radius:var(--pds-round-s);border-top-right-radius:var(--pds-round-s)}.Q6WN5{border-top-right-radius:var(--pds-round-s);border-bottom-right-radius:var(--pds-round-s)}._0A-NO{border-bottom-left-radius:var(--pds-round-s);border-bottom-right-radius:var(--pds-round-s)}.Ddjan{border-top-left-radius:var(--pds-round-s);border-bottom-left-radius:var(--pds-round-s)}.G3xjA{border-top-left-radius:var(--pds-round-m);border-top-right-radius:var(--pds-round-m)}.bCCNF{border-top-right-radius:var(--pds-round-m);border-bottom-right-radius:var(--pds-round-m)}.nzC-o{border-bottom-left-radius:var(--pds-round-m);border-bottom-right-radius:var(--pds-round-m)}.T7IvQ{border-top-left-radius:var(--pds-round-m);border-bottom-left-radius:var(--pds-round-m)}.CNW8j{border-top-left-radius:var(--pds-round-l);border-top-right-radius:var(--pds-round-l)}.NCSg2{border-top-right-radius:var(--pds-round-l);border-bottom-right-radius:var(--pds-round-l)}.b-MSJ{border-bottom-left-radius:var(--pds-round-l);border-bottom-right-radius:var(--pds-round-l)}.s87T3{border-top-left-radius:var(--pds-round-l);border-bottom-left-radius:var(--pds-round-l)}.NDswR{border-top-left-radius:var(--pds-round-xl);border-top-right-radius:var(--pds-round-xl)}.Ns7Sb{border-top-right-radius:var(--pds-round-xl);border-bottom-right-radius:var(--pds-round-xl)}.h0AL9{border-bottom-left-radius:var(--pds-round-xl);border-bottom-right-radius:var(--pds-round-xl)}.C9kkm{border-top-left-radius:var(--pds-round-xl);border-bottom-left-radius:var(--pds-round-xl)}.kL2k7{border-top-left-radius:var(--pds-round-xxl);border-top-right-radius:var(--pds-round-xxl)}.nD-8T{border-top-right-radius:var(--pds-round-xxl);border-bottom-right-radius:var(--pds-round-xxl)}.B6ZDl{border-bottom-left-radius:var(--pds-round-xxl);border-bottom-right-radius:var(--pds-round-xxl)}.RlX6U{border-top-left-radius:var(--pds-round-xxl);border-bottom-left-radius:var(--pds-round-xxl)}.MREQG{border-top-left-radius:50%;border-top-right-radius:50%}.Hz43n{border-top-right-radius:50%;border-bottom-right-radius:50%}.QJb9y{border-bottom-left-radius:50%;border-bottom-right-radius:50%}._9BZNK{border-top-left-radius:50%;border-bottom-left-radius:50%}.xs-H-[alt]{font-size:inherit}.IwdPQ[alt]{font-size:0}.H3cIL{background:var(--black-400)}.WJKNx{border:1px solid var(--black-400)}._3tEvW{border-top:1px solid var(--black-400)}.Bdqp8{border-right:1px solid var(--black-400)}.d4Ofs{border-bottom:1px solid var(--black-400)}.aBM7l{border-left:1px solid var(--black-400)}.J2ZvJ{border-top:1px solid var(--black-400);border-bottom:1px solid var(--black-400)}.czmUu{border-left:1px solid var(--black-400);border-right:1px solid var(--black-400)}.mpnTp{background:var(--white)}.iyDPr{border:1px solid var(--white)}.E9Sj1{border-top:1px solid var(--white)}.TvQml{border-right:1px solid var(--white)}.XzA2M{border-bottom:1px solid var(--white)}.Y9pho{border-left:1px solid var(--white)}.IMXxO{border-top:1px solid var(--white);border-bottom:1px solid var(--white)}.Z-YgA{border-left:1px solid var(--white);border-right:1px solid var(--white)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.m6-Nn{display:inline;outline:0;border:0;max-width:100%;max-height:100%}.m6-Nn[alt]{word-wrap:break-word;word-break:break-word
|
|
1
|
+
.m6-Nn{display:inline;outline:0;border:0;max-width:100%;max-height:100%}.m6-Nn[alt]{word-wrap:break-word;word-break:break-word;hyphens:auto}.-M-86{display:inline}.WiOH9{display:block}.NeIZ3{display:none}.KG-uo{float:left}.J0FNX{float:none;display:block;margin-left:auto;margin-right:auto}.bmQcM{float:right}.H2X0a{vertical-align:baseline}._9xmtk{vertical-align:bottom}.hRgeJ{vertical-align:middle}.TB7zZ{vertical-align:sub}.TUIEd{vertical-align:super}._8nAU7{vertical-align:text-bottom}._81-Q6{vertical-align:text-top}.Dz1EN{vertical-align:top}.xaan-{transform:scaleX(-1)}.NEOLP{transform:scaleY(-1)}._6Ala1{transform:scale(-1,-1)}._3OBBK{-o-object-fit:none;object-fit:none}._4ABBQ{-o-object-fit:fill;object-fit:fill}._-27Lv{-o-object-fit:contain;object-fit:contain}.jMmOZ{-o-object-fit:cover;object-fit:cover}.Mzhs4{-o-object-fit:scale-down;object-fit:scale-down}.c9cdp{height:100%}.YrkUP{height:auto}.kajWh{width:calc(1/1*100%)}.Yy5rP{width:calc(1/2*100%)}.PbjsM{width:calc(1/3*100%)}.Fb-Y3{width:calc(2/3*100%)}._6Nfun{width:calc(1/4*100%)}.XpFbk{width:calc(2/4*100%)}.mPLyF{width:calc(3/4*100%)}.kkYLm{width:calc(1/5*100%)}.Er1nx{width:calc(2/5*100%)}.so2WJ{width:calc(3/5*100%)}.LxbDP{width:calc(4/5*100%)}.hSTO8{width:calc(1/6*100%)}.vOk5w{width:calc(2/6*100%)}.iiRie{width:calc(3/6*100%)}.phuco{width:calc(4/6*100%)}._2thHw{width:calc(5/6*100%)}.ay5gZ{width:calc(1/7*100%)}.zRqg6{width:calc(2/7*100%)}.V4t82{width:calc(3/7*100%)}.b4LLt{width:calc(4/7*100%)}.q29i7{width:calc(5/7*100%)}.nJomc{width:calc(6/7*100%)}.aJyRF{width:calc(1/8*100%)}.ZafzW{width:calc(2/8*100%)}._9xu-h{width:calc(3/8*100%)}.Rnd4k{width:calc(4/8*100%)}.Yb-h3{width:calc(5/8*100%)}.DxCr-{width:calc(6/8*100%)}.YeUQ2{width:calc(7/8*100%)}.R2dTT{width:calc(1/9*100%)}.YXauJ{width:calc(2/9*100%)}.VQ738{width:calc(3/9*100%)}.KIkvb{width:calc(4/9*100%)}.L5Zr-{width:calc(5/9*100%)}.rZXrN{width:calc(6/9*100%)}.t3NsV{width:calc(7/9*100%)}.ojaY3{width:calc(8/9*100%)}.JbaNg{width:calc(1/10*100%)}.c4ORT{width:calc(2/10*100%)}.FMK-j{width:calc(3/10*100%)}.LFUFO{width:calc(4/10*100%)}.vahFo{width:calc(5/10*100%)}.mHm0k{width:calc(6/10*100%)}._7Byay{width:calc(7/10*100%)}.uCOnZ{width:calc(8/10*100%)}.CeUKx{width:calc(9/10*100%)}._3zNB3{width:auto}.AOf3b{border-radius:0}.ojxwZ{border-top-left-radius:0}.fn4Ck{border-top-right-radius:0}.VKufW{border-bottom-right-radius:0}.kCg4k{border-bottom-left-radius:0}.yFxtx{border-radius:var(--pds-round-xxs)}.u3lae{border-top-left-radius:var(--pds-round-xxs)}._3XLeQ{border-top-right-radius:var(--pds-round-xxs)}.yJuCF{border-bottom-right-radius:var(--pds-round-xxs)}.jvVTR{border-bottom-left-radius:var(--pds-round-xxs)}.Nj78d{border-radius:var(--pds-round-xs)}.MNXm7{border-top-left-radius:var(--pds-round-xs)}._74gl2{border-top-right-radius:var(--pds-round-xs)}.N65-K{border-bottom-right-radius:var(--pds-round-xs)}.hXWZP{border-bottom-left-radius:var(--pds-round-xs)}.gE701{border-radius:var(--pds-round-s)}.YF3nF{border-top-left-radius:var(--pds-round-s)}.St40q{border-top-right-radius:var(--pds-round-s)}.S4CxE{border-bottom-right-radius:var(--pds-round-s)}.gXQ-W{border-bottom-left-radius:var(--pds-round-s)}._6eF8h{border-radius:var(--pds-round-m)}._4AHPx{border-top-left-radius:var(--pds-round-m)}._4sZPk{border-top-right-radius:var(--pds-round-m)}.fMoN5{border-bottom-right-radius:var(--pds-round-m)}.CuEyZ{border-bottom-left-radius:var(--pds-round-m)}.en9-i{border-radius:var(--pds-round-l)}._5YaYI{border-top-left-radius:var(--pds-round-l)}.Bd0IP{border-top-right-radius:var(--pds-round-l)}.oHmQa{border-bottom-right-radius:var(--pds-round-l)}._8V3qU{border-bottom-left-radius:var(--pds-round-l)}.Bhf7-{border-radius:var(--pds-round-xl)}._7Qz-g{border-top-left-radius:var(--pds-round-xl)}.p3Wu7{border-top-right-radius:var(--pds-round-xl)}.RvsQ0{border-bottom-right-radius:var(--pds-round-xl)}._9kEKa{border-bottom-left-radius:var(--pds-round-xl)}.qFTLX{border-radius:var(--pds-round-xxl)}.Qqr6l{border-top-left-radius:var(--pds-round-xxl)}.yvrmK{border-top-right-radius:var(--pds-round-xxl)}.sQFYc{border-bottom-right-radius:var(--pds-round-xxl)}.V-R7D{border-bottom-left-radius:var(--pds-round-xxl)}.ugI-l{border-radius:var(--pds-round-3xl)}.FHDJ1{border-top-left-radius:var(--pds-round-3xl)}.Vif-i{border-top-right-radius:var(--pds-round-3xl)}.w6v24{border-bottom-right-radius:var(--pds-round-3xl)}._6HJrb{border-bottom-left-radius:var(--pds-round-3xl)}._54Wap{border-radius:var(--pds-round-4xl)}.boHob{border-top-left-radius:var(--pds-round-4xl)}._5D4Tj{border-top-right-radius:var(--pds-round-4xl)}.-bif9{border-bottom-right-radius:var(--pds-round-4xl)}.MjRJS{border-bottom-left-radius:var(--pds-round-4xl)}.ONXuU{border-radius:var(--pds-round-5xl)}.FqUCu{border-top-left-radius:var(--pds-round-5xl)}.lLzua{border-top-right-radius:var(--pds-round-5xl)}.oFuXm{border-bottom-right-radius:var(--pds-round-5xl)}.-lHED{border-bottom-left-radius:var(--pds-round-5xl)}._4vPPq{border-radius:50%}.BmmJA{border-top-left-radius:50%}._376Ll{border-top-right-radius:50%}.hgare{border-bottom-right-radius:50%}.GruUX{border-bottom-left-radius:50%}.Nn1zv{border-top-left-radius:0;border-top-right-radius:0}.JqVu3{border-top-right-radius:0;border-bottom-right-radius:0}.XQHjo{border-bottom-left-radius:0;border-bottom-right-radius:0}.fVy9h{border-top-left-radius:0;border-bottom-left-radius:0}.It3Zi{border-top-left-radius:var(--pds-round-xxs);border-top-right-radius:var(--pds-round-xxs)}.kgjEt{border-top-right-radius:var(--pds-round-xxs);border-bottom-right-radius:var(--pds-round-xxs)}.tsbuA{border-bottom-left-radius:var(--pds-round-xxs);border-bottom-right-radius:var(--pds-round-xxs)}.Az0y4{border-top-left-radius:var(--pds-round-xxs);border-bottom-left-radius:var(--pds-round-xxs)}.xybKf{border-top-left-radius:var(--pds-round-xs);border-top-right-radius:var(--pds-round-xs)}.cm0zA{border-top-right-radius:var(--pds-round-xs);border-bottom-right-radius:var(--pds-round-xs)}.AhVMH{border-bottom-left-radius:var(--pds-round-xs);border-bottom-right-radius:var(--pds-round-xs)}.nRgXb{border-top-left-radius:var(--pds-round-xs);border-bottom-left-radius:var(--pds-round-xs)}._1SPBS{border-top-left-radius:var(--pds-round-s);border-top-right-radius:var(--pds-round-s)}.vMOBK{border-top-right-radius:var(--pds-round-s);border-bottom-right-radius:var(--pds-round-s)}.MtCxR{border-bottom-left-radius:var(--pds-round-s);border-bottom-right-radius:var(--pds-round-s)}.GZfxw{border-top-left-radius:var(--pds-round-s);border-bottom-left-radius:var(--pds-round-s)}.qRNji{border-top-left-radius:var(--pds-round-m);border-top-right-radius:var(--pds-round-m)}.MgOJk{border-top-right-radius:var(--pds-round-m);border-bottom-right-radius:var(--pds-round-m)}.wy2gC{border-bottom-left-radius:var(--pds-round-m);border-bottom-right-radius:var(--pds-round-m)}.y3nN-{border-top-left-radius:var(--pds-round-m);border-bottom-left-radius:var(--pds-round-m)}.wkP3j{border-top-left-radius:var(--pds-round-l);border-top-right-radius:var(--pds-round-l)}.-BJVd{border-top-right-radius:var(--pds-round-l);border-bottom-right-radius:var(--pds-round-l)}.Hnqn-{border-bottom-left-radius:var(--pds-round-l);border-bottom-right-radius:var(--pds-round-l)}._3xN-0{border-top-left-radius:var(--pds-round-l);border-bottom-left-radius:var(--pds-round-l)}._3okeQ{border-top-left-radius:var(--pds-round-xl);border-top-right-radius:var(--pds-round-xl)}.cgiAR{border-top-right-radius:var(--pds-round-xl);border-bottom-right-radius:var(--pds-round-xl)}._4AKm9{border-bottom-left-radius:var(--pds-round-xl);border-bottom-right-radius:var(--pds-round-xl)}._3jM5n{border-top-left-radius:var(--pds-round-xl);border-bottom-left-radius:var(--pds-round-xl)}.N2ZJu{border-top-left-radius:var(--pds-round-xxl);border-top-right-radius:var(--pds-round-xxl)}.qmg1O{border-top-right-radius:var(--pds-round-xxl);border-bottom-right-radius:var(--pds-round-xxl)}._6LOLm{border-bottom-left-radius:var(--pds-round-xxl);border-bottom-right-radius:var(--pds-round-xxl)}.-avOr{border-top-left-radius:var(--pds-round-xxl);border-bottom-left-radius:var(--pds-round-xxl)}.doEhh{border-top-left-radius:50%;border-top-right-radius:50%}.pzP59{border-top-right-radius:50%;border-bottom-right-radius:50%}.QoYwA{border-bottom-left-radius:50%;border-bottom-right-radius:50%}.P7TfL{border-top-left-radius:50%;border-bottom-left-radius:50%}.z0G94[alt]{font-size:inherit}.zwRTK[alt]{font-size:0}.obrac{background:var(--black-400)}.GTuDn{border:1px solid var(--black-400)}.PM-X6{border-top:1px solid var(--black-400)}._1Jduk{border-right:1px solid var(--black-400)}.rg4DB{border-bottom:1px solid var(--black-400)}.xWpns{border-left:1px solid var(--black-400)}.ABzis{border-top:1px solid var(--black-400);border-bottom:1px solid var(--black-400)}.ZdKSA{border-left:1px solid var(--black-400);border-right:1px solid var(--black-400)}.lD8-0{background:var(--white)}.yRQIN{border:1px solid var(--white)}.L1j2n{border-top:1px solid var(--white)}.EgHDd{border-right:1px solid var(--white)}._47Zcz{border-bottom:1px solid var(--white)}.rRNVp{border-left:1px solid var(--white)}.UGE8j{border-top:1px solid var(--white);border-bottom:1px solid var(--white)}.a13Mr{border-left:1px solid var(--white);border-right:1px solid var(--white)}
|
package/Image/index.d.ts
CHANGED
|
@@ -10,15 +10,66 @@ type ImageValign = EvokitWithoutMediaSufix<'baseline' | 'bottom' | 'middle' | 's
|
|
|
10
10
|
type ImageWidth = EvokitWithoutMediaSufix<'auto' | `1-${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10}` | `2-${2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10}` | `3-${3 | 4 | 5 | 6 | 7 | 8 | 9 | 10}` | `4-${4 | 5 | 6 | 7 | 8 | 9 | 10}` | `5-${5 | 6 | 7 | 8 | 9 | 10}` | `6-${6 | 7 | 8 | 9 | 10}` | `7-${7 | 8 | 9 | 10}` | `8-${8 | 9 | 10}` | `9-${9 | 10}` | `10-10`>;
|
|
11
11
|
type ImageRound = EvokitWithoutMediaSufix<'none' | 'full' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
|
|
12
12
|
export type ImageProps = {
|
|
13
|
+
/**
|
|
14
|
+
* Горизонтальне вирівнювання зображення (`text-align`).
|
|
15
|
+
* @example 'center'
|
|
16
|
+
* @example 'left'
|
|
17
|
+
*/
|
|
13
18
|
'image-align'?: EvokitProp<ImageAlign>;
|
|
19
|
+
/**
|
|
20
|
+
* Відображення альтернативного тексту.
|
|
21
|
+
* @example 'hidden'
|
|
22
|
+
*/
|
|
14
23
|
'image-alt'?: EvokitProp<ImageAlt>;
|
|
24
|
+
/**
|
|
25
|
+
* Колір фону зображення (видно при прозорих PNG або під час завантаження).
|
|
26
|
+
* @example 'black-400'
|
|
27
|
+
* @example 'white'
|
|
28
|
+
*/
|
|
15
29
|
'image-background'?: EvokitProp<ImageThemes>;
|
|
30
|
+
/**
|
|
31
|
+
* `display` зображення.
|
|
32
|
+
* @example 'block'
|
|
33
|
+
* @example 'none'
|
|
34
|
+
*/
|
|
16
35
|
'image-display'?: EvokitProp<ImageDisplay>;
|
|
36
|
+
/**
|
|
37
|
+
* Вписування зображення в контейнер (`object-fit`).
|
|
38
|
+
* @example 'cover'
|
|
39
|
+
* @example 'contain'
|
|
40
|
+
* @example 'none'
|
|
41
|
+
*/
|
|
17
42
|
'image-fit'?: EvokitProp<ImageFit>;
|
|
43
|
+
/**
|
|
44
|
+
* Висота зображення.
|
|
45
|
+
* @example '1-1'
|
|
46
|
+
* @example 'auto'
|
|
47
|
+
*/
|
|
18
48
|
'image-height'?: EvokitProp<ImageHeight>;
|
|
49
|
+
/**
|
|
50
|
+
* Дзеркальне відображення зображення.
|
|
51
|
+
* @example 'x'
|
|
52
|
+
* @example 'y'
|
|
53
|
+
* @example 'xy'
|
|
54
|
+
*/
|
|
19
55
|
'image-mirror'?: EvokitProp<ImageMirror>;
|
|
56
|
+
/**
|
|
57
|
+
* Вертикальне вирівнювання (`vertical-align`).
|
|
58
|
+
* @example 'middle'
|
|
59
|
+
* @example 'top'
|
|
60
|
+
*/
|
|
20
61
|
'image-valign'?: EvokitProp<ImageValign>;
|
|
62
|
+
/**
|
|
63
|
+
* Ширина зображення у дробових частинах (1-10).
|
|
64
|
+
* @example '1-1'
|
|
65
|
+
* @example '1-2'
|
|
66
|
+
*/
|
|
21
67
|
'image-width'?: EvokitProp<ImageWidth>;
|
|
68
|
+
/**
|
|
69
|
+
* Колір рамки зображення.
|
|
70
|
+
* @example 'black-400'
|
|
71
|
+
* @example 'white'
|
|
72
|
+
*/
|
|
22
73
|
'image-border'?: EvokitProp<ImageThemes>;
|
|
23
74
|
/** @ignore */
|
|
24
75
|
'image-border-top'?: EvokitProp<ImageThemes>;
|
|
@@ -28,6 +79,13 @@ export type ImageProps = {
|
|
|
28
79
|
'image-border-bottom'?: EvokitProp<ImageThemes>;
|
|
29
80
|
/** @ignore */
|
|
30
81
|
'image-border-left'?: EvokitProp<ImageThemes>;
|
|
82
|
+
/**
|
|
83
|
+
* Заокруглення кутів. Шорткат: `'top-left top-right bottom-right bottom-left'` або `'top-left+bottom-right top-right+bottom-left'`.
|
|
84
|
+
* Розміри: none | full | xxs | xs | s | m | l | xl | xxl | 3xl | 4xl | 5xl
|
|
85
|
+
* @example 'full'
|
|
86
|
+
* @example 'm'
|
|
87
|
+
* @example 'full none'
|
|
88
|
+
*/
|
|
31
89
|
'image-round'?: EvokitProp<ImageRound | `${ImageRound} ${string}`>;
|
|
32
90
|
/** @ignore */
|
|
33
91
|
'image-round-top-left'?: EvokitProp<ImageRound>;
|
|
@@ -38,5 +96,21 @@ export type ImageProps = {
|
|
|
38
96
|
/** @ignore */
|
|
39
97
|
'image-round-bottom-right'?: EvokitProp<ImageRound>;
|
|
40
98
|
};
|
|
99
|
+
/**
|
|
100
|
+
* Стилізований елемент `<img>` з підтримкою evokit-пропсів.
|
|
101
|
+
*
|
|
102
|
+
* Не підтримує медіа-суфікси.
|
|
103
|
+
*
|
|
104
|
+
* @example
|
|
105
|
+
* import { Image } from '@prom-ui/core/Image';
|
|
106
|
+
*
|
|
107
|
+
* <Image
|
|
108
|
+
* src='photo.jpg'
|
|
109
|
+
* alt='Фото'
|
|
110
|
+
* image-width='1-1'
|
|
111
|
+
* image-fit='cover'
|
|
112
|
+
* image-round='m'
|
|
113
|
+
* />
|
|
114
|
+
*/
|
|
41
115
|
export declare const Image: import("@prom-ui/core/evokit").CreateBlock<"img", "image", ImageProps>;
|
|
42
116
|
export {};
|
package/Image/package.json
CHANGED
|
@@ -33,6 +33,12 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultCompat(_obje
|
|
|
33
33
|
var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
|
|
34
34
|
|
|
35
35
|
var _excluded = ["shortName", "viewType", "width", "height"];
|
|
36
|
+
/**
|
|
37
|
+
* Зображення емодзі. Обгортка над `Image` з використанням бібліотеки `@evo/emoji`.
|
|
38
|
+
* @example
|
|
39
|
+
* import { ImageEmoji } from '@prom-ui/core/ImageEmoji'
|
|
40
|
+
* <ImageEmoji shortName='thumbsup' width={24} height={24} />
|
|
41
|
+
*/
|
|
36
42
|
var ImageEmoji = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
|
|
37
43
|
var shortName = _ref.shortName,
|
|
38
44
|
_ref$viewType = _ref.viewType,
|
|
@@ -33,6 +33,12 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultCompat(_obje
|
|
|
33
33
|
var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
|
|
34
34
|
|
|
35
35
|
var _excluded = ["shortName", "viewType", "width", "height"];
|
|
36
|
+
/**
|
|
37
|
+
* Зображення емодзі. Обгортка над `Image` з використанням бібліотеки `@evo/emoji`.
|
|
38
|
+
* @example
|
|
39
|
+
* import { ImageEmoji } from '@prom-ui/core/ImageEmoji'
|
|
40
|
+
* <ImageEmoji shortName='thumbsup' width={24} height={24} />
|
|
41
|
+
*/
|
|
36
42
|
var ImageEmoji = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
|
|
37
43
|
var shortName = _ref.shortName,
|
|
38
44
|
_ref$viewType = _ref.viewType,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),i=require("@evo/emoji"),a=require("@prom-ui/core/Image");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),i=require("@evo/emoji"),a=require("@prom-ui/core/Image");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var n=o(e),c=o(t),f=u(r),d=["shortName","viewType","width","height"],l=f.forwardRef(function(e,t){var r=e.shortName,o=e.viewType,u=void 0===o?"apple":o,l=e.width,m=void 0===l?20:l,p=e.height,h=void 0===p?20:p,s=c.default(e,d);return f.createElement(a.Image,n.default({"image-as":i.Emoji,"image-alt":"hidden",alt:r?":".concat(r,":"):"",width:m,height:h},s,{name:r,type:u,ref:t}))});l.displayName="ImageEmoji",exports.ImageEmoji=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),i=require("@evo/emoji"),a=require("@prom-ui/core/Image");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),i=require("@evo/emoji"),a=require("@prom-ui/core/Image");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var n=o(e),c=o(t),f=u(r),d=["shortName","viewType","width","height"],l=f.forwardRef(function(e,t){var r=e.shortName,o=e.viewType,u=void 0===o?"apple":o,l=e.width,m=void 0===l?20:l,p=e.height,h=void 0===p?20:p,s=c.default(e,d);return f.createElement(a.Image,n.default({"image-as":i.Emoji,"image-alt":"hidden",alt:r?":".concat(r,":"):"",width:m,height:h},s,{name:r,type:u,ref:t}))});l.displayName="ImageEmoji",exports.ImageEmoji=l;
|
package/ImageEmoji/index.d.ts
CHANGED
|
@@ -2,8 +2,15 @@ import * as React from 'react';
|
|
|
2
2
|
import { Emoji } from '@evo/emoji';
|
|
3
3
|
import type { ImageProps } from '@prom-ui/core/Image';
|
|
4
4
|
export type ImageEmojiProps = React.ComponentPropsWithRef<'img'> & ImageProps & {
|
|
5
|
-
/** https://evo-frontend.git-doc.evo.dev/emoji/ */
|
|
5
|
+
/** Коротка назва емодзі, наприклад `'thumbsup'`. Перелік: https://evo-frontend.git-doc.evo.dev/emoji/ */
|
|
6
6
|
shortName: React.ComponentProps<typeof Emoji>['name'];
|
|
7
|
+
/** Стиль рендерингу емодзі (`'apple'`, `'google'` тощо) */
|
|
7
8
|
viewType?: React.ComponentProps<typeof Emoji>['type'];
|
|
8
9
|
};
|
|
10
|
+
/**
|
|
11
|
+
* Зображення емодзі. Обгортка над `Image` з використанням бібліотеки `@evo/emoji`.
|
|
12
|
+
* @example
|
|
13
|
+
* import { ImageEmoji } from '@prom-ui/core/ImageEmoji'
|
|
14
|
+
* <ImageEmoji shortName='thumbsup' width={24} height={24} />
|
|
15
|
+
*/
|
|
9
16
|
export declare const ImageEmoji: React.FC<ImageEmojiProps>;
|
package/ImageEmoji/package.json
CHANGED
|
@@ -6,6 +6,21 @@ var evokit = require('@prom-ui/core/evokit');
|
|
|
6
6
|
|
|
7
7
|
var css = {"ek-input":"Input__ek-input___BVdm9","ek-input_height_1-1":"Input__ek-input_height_1-1___v3cfq","ek-input_padding_none":"Input__ek-input_padding_none___cLVVr","ek-input_padding_xxs":"Input__ek-input_padding_xxs___6NYRT","ek-input_padding_xs":"Input__ek-input_padding_xs___BTJBO","ek-input_padding_s":"Input__ek-input_padding_s___upLL2","ek-input_padding_m":"Input__ek-input_padding_m___vsMY9","ek-input_padding_l":"Input__ek-input_padding_l___wQCgx","ek-input_padding_xl":"Input__ek-input_padding_xl___AJAuz","ek-input_padding_xxl":"Input__ek-input_padding_xxl___jMer7","ek-input_padding_3xl":"Input__ek-input_padding_3xl___xnyDN","ek-input_padding_4xl":"Input__ek-input_padding_4xl___ZuVBW","ek-input_padding_5xl":"Input__ek-input_padding_5xl___LVtRV","ek-input_padding-top_none":"Input__ek-input_padding-top_none___YfJll","ek-input_padding-top_xxs":"Input__ek-input_padding-top_xxs___RY52v","ek-input_padding-top_xs":"Input__ek-input_padding-top_xs___C0Yyk","ek-input_padding-top_s":"Input__ek-input_padding-top_s___xMLQM","ek-input_padding-top_m":"Input__ek-input_padding-top_m___Mvb5i","ek-input_padding-top_l":"Input__ek-input_padding-top_l___aOsRO","ek-input_padding-top_xl":"Input__ek-input_padding-top_xl___-WuHE","ek-input_padding-top_xxl":"Input__ek-input_padding-top_xxl___g6K58","ek-input_padding-top_3xl":"Input__ek-input_padding-top_3xl___Ut2xl","ek-input_padding-top_4xl":"Input__ek-input_padding-top_4xl___q2b3t","ek-input_padding-top_5xl":"Input__ek-input_padding-top_5xl___k-pTi","ek-input_padding-right_none":"Input__ek-input_padding-right_none___pCEjG","ek-input_padding-right_xxs":"Input__ek-input_padding-right_xxs___qpSUX","ek-input_padding-right_xs":"Input__ek-input_padding-right_xs___abrXh","ek-input_padding-right_s":"Input__ek-input_padding-right_s___0Hc3v","ek-input_padding-right_m":"Input__ek-input_padding-right_m___ZnAQW","ek-input_padding-right_l":"Input__ek-input_padding-right_l___u4Z0C","ek-input_padding-right_xl":"Input__ek-input_padding-right_xl___7BjOd","ek-input_padding-right_xxl":"Input__ek-input_padding-right_xxl___AdLqz","ek-input_padding-right_3xl":"Input__ek-input_padding-right_3xl___VE9fm","ek-input_padding-right_4xl":"Input__ek-input_padding-right_4xl___Xlz4B","ek-input_padding-right_5xl":"Input__ek-input_padding-right_5xl___nxZA7","ek-input_padding-bottom_none":"Input__ek-input_padding-bottom_none___H9p7y","ek-input_padding-bottom_xxs":"Input__ek-input_padding-bottom_xxs___vAXFm","ek-input_padding-bottom_xs":"Input__ek-input_padding-bottom_xs___EwoYv","ek-input_padding-bottom_s":"Input__ek-input_padding-bottom_s___gucZa","ek-input_padding-bottom_m":"Input__ek-input_padding-bottom_m___5D-aS","ek-input_padding-bottom_l":"Input__ek-input_padding-bottom_l___D39SL","ek-input_padding-bottom_xl":"Input__ek-input_padding-bottom_xl___Gg7YQ","ek-input_padding-bottom_xxl":"Input__ek-input_padding-bottom_xxl___5etFj","ek-input_padding-bottom_3xl":"Input__ek-input_padding-bottom_3xl___ipn18","ek-input_padding-bottom_4xl":"Input__ek-input_padding-bottom_4xl___eEkV6","ek-input_padding-bottom_5xl":"Input__ek-input_padding-bottom_5xl___YBUWx","ek-input_padding-left_none":"Input__ek-input_padding-left_none___oDOdw","ek-input_padding-left_xxs":"Input__ek-input_padding-left_xxs___zTyU-","ek-input_padding-left_xs":"Input__ek-input_padding-left_xs___aA8-s","ek-input_padding-left_s":"Input__ek-input_padding-left_s___baJYr","ek-input_padding-left_m":"Input__ek-input_padding-left_m___IYGn-","ek-input_padding-left_l":"Input__ek-input_padding-left_l___XhCfF","ek-input_padding-left_xl":"Input__ek-input_padding-left_xl___SHCXp","ek-input_padding-left_xxl":"Input__ek-input_padding-left_xxl___UNpYZ","ek-input_padding-left_3xl":"Input__ek-input_padding-left_3xl___LRol3","ek-input_padding-left_4xl":"Input__ek-input_padding-left_4xl___Qo4u3","ek-input_padding-left_5xl":"Input__ek-input_padding-left_5xl___nGBb7","ek-input_theme_white":"Input__ek-input_theme_white___TLCTw","ek-input_theme_red":"Input__ek-input_theme_red___4b9Hr","ek-input_width_1-1":"Input__ek-input_width_1-1___u-h7H","ek-input_width_auto":"Input__ek-input_width_auto___wVUlX"};
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* Стилізоване поле введення тексту (`<input type='text'>`).
|
|
11
|
+
*
|
|
12
|
+
* Не підтримує медіа-суфікси.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* import { Input } from '@prom-ui/core/Input';
|
|
16
|
+
*
|
|
17
|
+
* <Input
|
|
18
|
+
* input-width='1-1'
|
|
19
|
+
* input-theme='white'
|
|
20
|
+
* input-padding='s m'
|
|
21
|
+
* placeholder='Введіть текст'
|
|
22
|
+
* />
|
|
23
|
+
*/
|
|
9
24
|
var Input = evokit.createBlock('input', 'input', ['height', ['padding', [['padding-top', 'padding-bottom'], ['padding-right', 'padding-left'], 'padding-bottom', 'padding-left']], 'theme', 'width'], {
|
|
10
25
|
css: css
|
|
11
26
|
}, {
|
|
@@ -6,6 +6,21 @@ var evokit = require('@prom-ui/core/evokit');
|
|
|
6
6
|
|
|
7
7
|
var css = {"ek-input":"Input__ek-input___ccyI6","ek-input_height_1-1":"Input__ek-input_height_1-1___NDBkd","ek-input_padding_none":"Input__ek-input_padding_none___va-hc","ek-input_padding_xxs":"Input__ek-input_padding_xxs___XSGR1","ek-input_padding_xs":"Input__ek-input_padding_xs___FUVHz","ek-input_padding_s":"Input__ek-input_padding_s___6I0Ed","ek-input_padding_m":"Input__ek-input_padding_m___wgfZs","ek-input_padding_l":"Input__ek-input_padding_l___kol-9","ek-input_padding_xl":"Input__ek-input_padding_xl___FzbIn","ek-input_padding_xxl":"Input__ek-input_padding_xxl___ksYdf","ek-input_padding_3xl":"Input__ek-input_padding_3xl___XrBCo","ek-input_padding_4xl":"Input__ek-input_padding_4xl___8UZkr","ek-input_padding_5xl":"Input__ek-input_padding_5xl___evPWQ","ek-input_padding-top_none":"Input__ek-input_padding-top_none___4P2Ds","ek-input_padding-top_xxs":"Input__ek-input_padding-top_xxs___dc2zQ","ek-input_padding-top_xs":"Input__ek-input_padding-top_xs___s7Xdy","ek-input_padding-top_s":"Input__ek-input_padding-top_s___sat86","ek-input_padding-top_m":"Input__ek-input_padding-top_m___9k12f","ek-input_padding-top_l":"Input__ek-input_padding-top_l___xPXIN","ek-input_padding-top_xl":"Input__ek-input_padding-top_xl___MhljH","ek-input_padding-top_xxl":"Input__ek-input_padding-top_xxl___gbCPZ","ek-input_padding-top_3xl":"Input__ek-input_padding-top_3xl___DjbO0","ek-input_padding-top_4xl":"Input__ek-input_padding-top_4xl___EkAyL","ek-input_padding-top_5xl":"Input__ek-input_padding-top_5xl___QMg3J","ek-input_padding-right_none":"Input__ek-input_padding-right_none___kkCsO","ek-input_padding-right_xxs":"Input__ek-input_padding-right_xxs___2Rrc-","ek-input_padding-right_xs":"Input__ek-input_padding-right_xs___utLKZ","ek-input_padding-right_s":"Input__ek-input_padding-right_s___QUW6s","ek-input_padding-right_m":"Input__ek-input_padding-right_m___Q3c0m","ek-input_padding-right_l":"Input__ek-input_padding-right_l___LCE26","ek-input_padding-right_xl":"Input__ek-input_padding-right_xl___zP4xY","ek-input_padding-right_xxl":"Input__ek-input_padding-right_xxl___ZVEK7","ek-input_padding-right_3xl":"Input__ek-input_padding-right_3xl___m-EXw","ek-input_padding-right_4xl":"Input__ek-input_padding-right_4xl___rbDXU","ek-input_padding-right_5xl":"Input__ek-input_padding-right_5xl___m2-cl","ek-input_padding-bottom_none":"Input__ek-input_padding-bottom_none___4Sf9J","ek-input_padding-bottom_xxs":"Input__ek-input_padding-bottom_xxs___nC-CZ","ek-input_padding-bottom_xs":"Input__ek-input_padding-bottom_xs___1iiuN","ek-input_padding-bottom_s":"Input__ek-input_padding-bottom_s___fDg8V","ek-input_padding-bottom_m":"Input__ek-input_padding-bottom_m___aFYek","ek-input_padding-bottom_l":"Input__ek-input_padding-bottom_l___7gLBN","ek-input_padding-bottom_xl":"Input__ek-input_padding-bottom_xl___d-MVl","ek-input_padding-bottom_xxl":"Input__ek-input_padding-bottom_xxl___FxSb3","ek-input_padding-bottom_3xl":"Input__ek-input_padding-bottom_3xl___CJY-Q","ek-input_padding-bottom_4xl":"Input__ek-input_padding-bottom_4xl___8fGCJ","ek-input_padding-bottom_5xl":"Input__ek-input_padding-bottom_5xl___xf6ic","ek-input_padding-left_none":"Input__ek-input_padding-left_none___c3l-Y","ek-input_padding-left_xxs":"Input__ek-input_padding-left_xxs___tgN3I","ek-input_padding-left_xs":"Input__ek-input_padding-left_xs___m-Ljd","ek-input_padding-left_s":"Input__ek-input_padding-left_s___TOvrj","ek-input_padding-left_m":"Input__ek-input_padding-left_m___LuAUA","ek-input_padding-left_l":"Input__ek-input_padding-left_l___tnv5y","ek-input_padding-left_xl":"Input__ek-input_padding-left_xl___anXsf","ek-input_padding-left_xxl":"Input__ek-input_padding-left_xxl___3J0bX","ek-input_padding-left_3xl":"Input__ek-input_padding-left_3xl___M0DiX","ek-input_padding-left_4xl":"Input__ek-input_padding-left_4xl___8dFh1","ek-input_padding-left_5xl":"Input__ek-input_padding-left_5xl___eZY98","ek-input_theme_white":"Input__ek-input_theme_white___hBWzj","ek-input_theme_red":"Input__ek-input_theme_red___Lf0l5","ek-input_width_1-1":"Input__ek-input_width_1-1___1-HCH","ek-input_width_auto":"Input__ek-input_width_auto___Sk0KK"};
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* Стилізоване поле введення тексту (`<input type='text'>`).
|
|
11
|
+
*
|
|
12
|
+
* Не підтримує медіа-суфікси.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* import { Input } from '@prom-ui/core/Input';
|
|
16
|
+
*
|
|
17
|
+
* <Input
|
|
18
|
+
* input-width='1-1'
|
|
19
|
+
* input-theme='white'
|
|
20
|
+
* input-padding='s m'
|
|
21
|
+
* placeholder='Введіть текст'
|
|
22
|
+
* />
|
|
23
|
+
*/
|
|
9
24
|
var Input = evokit.createBlock('input', 'input', ['height', ['padding', [['padding-top', 'padding-bottom'], ['padding-right', 'padding-left'], 'padding-bottom', 'padding-left']], 'theme', 'width'], {
|
|
10
25
|
css: css
|
|
11
26
|
}, {
|
package/Input/index.d.ts
CHANGED
|
@@ -1,9 +1,29 @@
|
|
|
1
1
|
import { type EvokitProp } from '@prom-ui/core/evokit';
|
|
2
2
|
type InputPadding = 'none' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl';
|
|
3
3
|
export type InputProps = {
|
|
4
|
+
/**
|
|
5
|
+
* Ширина поля введення.
|
|
6
|
+
* @example '1-1'
|
|
7
|
+
* @example 'auto'
|
|
8
|
+
*/
|
|
4
9
|
'input-width'?: EvokitProp<'auto' | '1-1'>;
|
|
10
|
+
/**
|
|
11
|
+
* Висота поля введення.
|
|
12
|
+
* @example '1-1'
|
|
13
|
+
*/
|
|
5
14
|
'input-height'?: EvokitProp<'1-1'>;
|
|
15
|
+
/**
|
|
16
|
+
* Тема (колір рамки та фону).
|
|
17
|
+
* @example 'white'
|
|
18
|
+
* @example 'red'
|
|
19
|
+
*/
|
|
6
20
|
'input-theme'?: EvokitProp<'white' | 'red'>;
|
|
21
|
+
/**
|
|
22
|
+
* Внутрішні відступи. Шорткат: `'top right bottom left'` або `'top-bottom right-left'`.
|
|
23
|
+
* Розміри: none | xxs | xs | s | m | l | xl | xxl | 3xl | 4xl | 5xl
|
|
24
|
+
* @example 's'
|
|
25
|
+
* @example 's m'
|
|
26
|
+
*/
|
|
7
27
|
'input-padding'?: EvokitProp<InputPadding | `${InputPadding} ${string}`>;
|
|
8
28
|
/** @ignore */
|
|
9
29
|
'input-padding-top'?: EvokitProp<InputPadding>;
|
|
@@ -14,5 +34,20 @@ export type InputProps = {
|
|
|
14
34
|
/** @ignore */
|
|
15
35
|
'input-padding-left'?: EvokitProp<InputPadding>;
|
|
16
36
|
};
|
|
37
|
+
/**
|
|
38
|
+
* Стилізоване поле введення тексту (`<input type='text'>`).
|
|
39
|
+
*
|
|
40
|
+
* Не підтримує медіа-суфікси.
|
|
41
|
+
*
|
|
42
|
+
* @example
|
|
43
|
+
* import { Input } from '@prom-ui/core/Input';
|
|
44
|
+
*
|
|
45
|
+
* <Input
|
|
46
|
+
* input-width='1-1'
|
|
47
|
+
* input-theme='white'
|
|
48
|
+
* input-padding='s m'
|
|
49
|
+
* placeholder='Введіть текст'
|
|
50
|
+
* />
|
|
51
|
+
*/
|
|
17
52
|
export declare const Input: import("@prom-ui/core/evokit").CreateBlock<"input", "input", InputProps>;
|
|
18
53
|
export {};
|
package/Input/package.json
CHANGED
|
@@ -243,6 +243,13 @@ var prepareErrorList = function prepareErrorList(prefix, error) {
|
|
|
243
243
|
};
|
|
244
244
|
|
|
245
245
|
var _excluded = ["addonBefore", "addonAfter", "addonBeforeWidth", "addonAfterWidth", "error", "label", "isLabelRequired"];
|
|
246
|
+
/**
|
|
247
|
+
* Поле вводу з підтримкою підпису, помилок та доповнень зліва/справа.
|
|
248
|
+
* Приймає всі пропси `Input`.
|
|
249
|
+
* @example
|
|
250
|
+
* import { InputField } from '@prom-ui/core/InputField'
|
|
251
|
+
* <InputField label='Email' error='Невірний формат' addonAfter='clearValue' />
|
|
252
|
+
*/
|
|
246
253
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
247
254
|
var InputField = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
|
|
248
255
|
var addonBefore = _ref.addonBefore,
|
|
@@ -243,6 +243,13 @@ var prepareErrorList = function prepareErrorList(prefix, error) {
|
|
|
243
243
|
};
|
|
244
244
|
|
|
245
245
|
var _excluded = ["addonBefore", "addonAfter", "addonBeforeWidth", "addonAfterWidth", "error", "label", "isLabelRequired"];
|
|
246
|
+
/**
|
|
247
|
+
* Поле вводу з підтримкою підпису, помилок та доповнень зліва/справа.
|
|
248
|
+
* Приймає всі пропси `Input`.
|
|
249
|
+
* @example
|
|
250
|
+
* import { InputField } from '@prom-ui/core/InputField'
|
|
251
|
+
* <InputField label='Email' error='Невірний формат' addonAfter='clearValue' />
|
|
252
|
+
*/
|
|
246
253
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
247
254
|
var InputField = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
|
|
248
255
|
var addonBefore = _ref.addonBefore,
|