@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
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/slicedToArray"),n=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),i=require("@prom-ui/core/Input"),a=require("@prom-ui/core/useForwardRef"),u=require("@babel/runtime/helpers/taggedTemplateLiteral"),o=require("@prom-ui/core/Button"),d=require("@prom-ui/core/Icon"),l=require("@prom-ui/core/BodyProvider"),c=require("@prom-ui/icons/EyeOpen"),s=require("@prom-ui/icons/EyeClose"),f=require("@prom-ui/core/Spinner"),p=require("@prom-ui/icons/Ok"),v=require("@prom-ui/icons/Cancel");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(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/slicedToArray"),n=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),i=require("@prom-ui/core/Input"),a=require("@prom-ui/core/useForwardRef"),u=require("@babel/runtime/helpers/taggedTemplateLiteral"),o=require("@prom-ui/core/Button"),d=require("@prom-ui/core/Icon"),l=require("@prom-ui/core/BodyProvider"),c=require("@prom-ui/icons/EyeOpen"),s=require("@prom-ui/icons/EyeClose"),f=require("@prom-ui/core/Spinner"),p=require("@prom-ui/icons/Ok"),v=require("@prom-ui/icons/Cancel");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var b,_,g,y=m(e),q=m(t),E=m(n),w=h(r),B=m(u),I=function(e){var t=e.inputType,n=e.onChange,r=l.useBodyStoreTTag().t;return"text"===t?w.createElement(o.Button,{type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",onClick:function(){return n("password")},title:r(b||(b=B.default(["Скрыть пароль"]))),tabIndex:-1,"data-qaid":"input_field_hide_password","data-testid":"input_field_hide_password"},w.createElement(d.Icon,{"icon-as":c.SvgEyeOpen,"icon-color":"black-700","icon-events":"none",style:{width:16,height:16}})):w.createElement(o.Button,{type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",onClick:function(){return n("text")},title:r(_||(_=B.default(["Показать пароль"]))),tabIndex:-1,"data-qaid":"input_field_show_password","data-testid":"input_field_show_password"},w.createElement(d.Icon,{"icon-as":s.SvgEyeClose,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},O=function(){return w.createElement(f.Spinner,{"spinner-color":"violet-500",width:16,height:16,"data-qaid":"input_field_loading","data-testid":"input_field_loading"})},T=function(){return w.createElement(d.Icon,{"icon-as":p.SvgOk,"icon-color":"green-800","icon-events":"none","data-qaid":"input_field_correct_value","data-testid":"input_field_correct_value",style:{width:16,height:16}})},x=function(e){var t=l.useBodyStoreTTag().t;return w.createElement(o.Button,y.default({type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",title:t(g||(g=B.default(["Очистить"]))),tabIndex:-1,"data-qaid":"input_field_clear_value","data-testid":"input_field_clear_value"},e),w.createElement(d.Icon,{"icon-as":v.SvgCancel,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},C="UnXum",j="_1Wl0O",N="-TbcG cUXq3",S="QmiGS cUXq3",k="_7Fcq2",F="uV711",A="cxqrg",R=function(e){var t=e.id,n=e.children;return w.createElement("div",{id:t,className:k,"data-qaid":"input_field_error","data-testid":"input_field_error"},n)};function P(e,t,n,r){if(n){var i=t;if("click"===t.type){var a=e.cloneNode(!0);return i=Object.create(t,{target:{value:a},currentTarget:{value:a}}),a.value="",void n(i)}if(void 0!==r)return i=Object.create(t,{target:{value:e},currentTarget:{value:e}}),e.value=r,void n(i);n(i)}}function W(e){return function(e){return Number.isInteger(e)||e?"".concat(e):""}(e).length<=0}var L=["addonBefore","addonAfter","addonBeforeWidth","addonAfterWidth","error","label","isLabelRequired"],V=w.forwardRef(function(e,t){var n=e.addonBefore,r=e.addonAfter,u=e.addonBeforeWidth,o=void 0===u?40:u,d=e.addonAfterWidth,l=void 0===d?40:d,c=e.error,s=void 0!==c&&c,f=e.label,p=e.isLabelRequired,v=E.default(e,L),m=w.useId(),h=w.useRef(!1),b=w.useRef(!1),_=w.useRef(!1),g=a.useForwardRef(t,null),B=w.useState(v.type),k=q.default(B,2),V=k[0],M=k[1],U=w.useState(W(v.value||v.defaultValue)),X=q.default(U,2),G=X[0],z=X[1];w.useEffect(function(){if(h.current){var e=W(v.value);e!==G&&z(e)}else h.current=!0},[v.value]);var D=null;D="password"===v.type&&"togglePassword"===r?w.createElement(I,{inputType:V,onChange:function(e){return M(e)}}):"clearValue"===r?G?null:w.createElement(x,{onClick:function(e){var t;W(v.value)||v.onChange?g.current&&(z(!0),g.current.focus(),P(g.current,e,v.onChange),W(v.value)&&(g.current.value="")):null===(t=g.current)||void 0===t||t.focus()},onMouseEnter:function(){b.current=!0,_.current=!0},onTouchStart:function(){b.current=!0,_.current=!0},onMouseLeave:function(){b.current=!1,_.current=!1},onTouchEnd:function(){b.current=!1,_.current=!1}}):"correctValue"===r?w.createElement(T,null):"loading"===r?w.createElement(O,null):r;var Q,H=(null==v?void 0:v.id)||m,J=function(e,t){var n=[];return Array.isArray(t)?n=t.filter(function(e){return Boolean(e)}).map(function(t,n){return{id:"".concat(e,"-error-").concat(n),content:t}}):"string"==typeof t&&Boolean(t)&&(n=[{id:"".concat(e,"-error-0"),content:t}]),n}(H,s),K=!!f,Y=!!n,Z=!!D,$=(Q=J,Array.isArray(Q)&&Q.length>0),ee=$||!0===s,te=Boolean((null==v?void 0:v.required)||p);return w.createElement("div",{className:v.className,style:v.style,"data-qaid":v["data-qaid"]||"input_field","data-testid":v["data-testid"]||"input_field"},K&&w.createElement("div",{className:F},w.createElement("label",{"data-qaid":"input_field_label","data-testid":"input_field_label",htmlFor:H},f),te&&w.createElement(w.Fragment,null," ",w.createElement("span",{className:A,"data-qaid":"input_field_label_required","data-testid":"input_field_label_required"},"*"))),w.createElement("div",{className:C},w.createElement(i.Input,y.default({ref:g,"input-theme":ee?"red":"white","aria-invalid":ee,"aria-required":te,"aria-describedby":$?J.map(function(e){return e.id}).join(" "):void 0},v,{id:H,"data-qaid":"input_field_textbox","data-testid":"input_field_textbox",style:{paddingLeft:Y?o:void 0,paddingRight:Z?l:void 0},className:j,type:V,onFocus:function(e){!b.current&&v.onFocus&&v.onFocus(e),b.current=!1},onBlur:function(e){!_.current&&v.onBlur&&v.onBlur(e),_.current=!1},onChange:function(e){z(W(e.target.value)),P(e.currentTarget,e,v.onChange)}})),Y&&w.createElement("div",{className:N,style:{width:o}},n),Z&&w.createElement("div",{className:S,style:{width:l}},D)),$&&J.map(function(e){var t=e.id,n=e.content;return w.createElement(R,{key:t,id:t},n)}))});V.displayName="InputField",exports.InputField=V,require("./style.production.css");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/helpers/objectWithoutProperties"),n=require("react"),a=require("@prom-ui/core/Input"),i=require("@prom-ui/core/useForwardRef"),u=require("@babel/runtime/helpers/taggedTemplateLiteral"),o=require("@prom-ui/core/Button"),d=require("@prom-ui/core/Icon"),l=require("@prom-ui/core/BodyProvider"),c=require("@prom-ui/icons/EyeOpen"),s=require("@prom-ui/icons/EyeClose"),f=require("@prom-ui/core/Spinner"),p=require("@prom-ui/icons/Ok"),v=require("@prom-ui/icons/Cancel");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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/slicedToArray"),r=require("@babel/runtime/helpers/objectWithoutProperties"),n=require("react"),a=require("@prom-ui/core/Input"),i=require("@prom-ui/core/useForwardRef"),u=require("@babel/runtime/helpers/taggedTemplateLiteral"),o=require("@prom-ui/core/Button"),d=require("@prom-ui/core/Icon"),l=require("@prom-ui/core/BodyProvider"),c=require("@prom-ui/icons/EyeOpen"),s=require("@prom-ui/icons/EyeClose"),f=require("@prom-ui/core/Spinner"),p=require("@prom-ui/icons/Ok"),v=require("@prom-ui/icons/Cancel");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var b,_,g,y=h(e),q=h(t),E=h(r),w=m(n),B=h(u),T=function(e){var t=e.inputType,r=e.onChange,n=l.useBodyStoreTTag().t;return"text"===t?w.createElement(o.Button,{type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",onClick:function(){return r("password")},title:n(b||(b=B.default(["Скрыть пароль"]))),tabIndex:-1,"data-qaid":"input_field_hide_password","data-testid":"input_field_hide_password"},w.createElement(d.Icon,{"icon-as":c.SvgEyeOpen,"icon-color":"black-700","icon-events":"none",style:{width:16,height:16}})):w.createElement(o.Button,{type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",onClick:function(){return r("text")},title:n(_||(_=B.default(["Показать пароль"]))),tabIndex:-1,"data-qaid":"input_field_show_password","data-testid":"input_field_show_password"},w.createElement(d.Icon,{"icon-as":s.SvgEyeClose,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},C=function(){return w.createElement(f.Spinner,{"spinner-color":"violet-500",width:16,height:16,"data-qaid":"input_field_loading","data-testid":"input_field_loading"})},O=function(){return w.createElement(d.Icon,{"icon-as":p.SvgOk,"icon-color":"green-800","icon-events":"none","data-qaid":"input_field_correct_value","data-testid":"input_field_correct_value",style:{width:16,height:16}})},I=function(e){var t=l.useBodyStoreTTag().t;return w.createElement(o.Button,y.default({type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",title:t(g||(g=B.default(["Очистить"]))),tabIndex:-1,"data-qaid":"input_field_clear_value","data-testid":"input_field_clear_value"},e),w.createElement(d.Icon,{"icon-as":v.SvgCancel,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},x="EVTeN",N="rfpBC",S="GeS6- oqO-V",j="Cl38- oqO-V",k="hSs8w",A="bwxYk",F="bTTTw",R=function(e){var t=e.id,r=e.children;return w.createElement("div",{id:t,className:k,"data-qaid":"input_field_error","data-testid":"input_field_error"},r)};function P(e,t,r,n){if(r){var a=t;if("click"===t.type){var i=e.cloneNode(!0);return a=Object.create(t,{target:{value:i},currentTarget:{value:i}}),i.value="",void r(a)}if(void 0!==n)return a=Object.create(t,{target:{value:e},currentTarget:{value:e}}),e.value=n,void r(a);r(a)}}function V(e){return function(e){return Number.isInteger(e)||e?"".concat(e):""}(e).length<=0}var L=["addonBefore","addonAfter","addonBeforeWidth","addonAfterWidth","error","label","isLabelRequired"],W=w.forwardRef(function(e,t){var r=e.addonBefore,n=e.addonAfter,u=e.addonBeforeWidth,o=void 0===u?40:u,d=e.addonAfterWidth,l=void 0===d?40:d,c=e.error,s=void 0!==c&&c,f=e.label,p=e.isLabelRequired,v=E.default(e,L),h=w.useId(),m=w.useRef(!1),b=w.useRef(!1),_=w.useRef(!1),g=i.useForwardRef(t,null),B=w.useState(v.type),k=q.default(B,2),W=k[0],M=k[1],z=w.useState(V(v.value||v.defaultValue)),D=q.default(z,2),G=D[0],Y=D[1];w.useEffect(function(){if(m.current){var e=V(v.value);e!==G&&Y(e)}else m.current=!0},[v.value]);var H=null;H="password"===v.type&&"togglePassword"===n?w.createElement(T,{inputType:W,onChange:function(e){return M(e)}}):"clearValue"===n?G?null:w.createElement(I,{onClick:function(e){var t;V(v.value)||v.onChange?g.current&&(Y(!0),g.current.focus(),P(g.current,e,v.onChange),V(v.value)&&(g.current.value="")):null===(t=g.current)||void 0===t||t.focus()},onMouseEnter:function(){b.current=!0,_.current=!0},onTouchStart:function(){b.current=!0,_.current=!0},onMouseLeave:function(){b.current=!1,_.current=!1},onTouchEnd:function(){b.current=!1,_.current=!1}}):"correctValue"===n?w.createElement(O,null):"loading"===n?w.createElement(C,null):n;var J,K=(null==v?void 0:v.id)||h,Q=function(e,t){var r=[];return Array.isArray(t)?r=t.filter(function(e){return Boolean(e)}).map(function(t,r){return{id:"".concat(e,"-error-").concat(r),content:t}}):"string"==typeof t&&Boolean(t)&&(r=[{id:"".concat(e,"-error-0"),content:t}]),r}(K,s),U=!!f,X=!!r,Z=!!H,$=(J=Q,Array.isArray(J)&&J.length>0),ee=$||!0===s,te=Boolean((null==v?void 0:v.required)||p);return w.createElement("div",{className:v.className,style:v.style,"data-qaid":v["data-qaid"]||"input_field","data-testid":v["data-testid"]||"input_field"},U&&w.createElement("div",{className:A},w.createElement("label",{"data-qaid":"input_field_label","data-testid":"input_field_label",htmlFor:K},f),te&&w.createElement(w.Fragment,null," ",w.createElement("span",{className:F,"data-qaid":"input_field_label_required","data-testid":"input_field_label_required"},"*"))),w.createElement("div",{className:x},w.createElement(a.Input,y.default({ref:g,"input-theme":ee?"red":"white","aria-invalid":ee,"aria-required":te,"aria-describedby":$?Q.map(function(e){return e.id}).join(" "):void 0},v,{id:K,"data-qaid":"input_field_textbox","data-testid":"input_field_textbox",style:{paddingLeft:X?o:void 0,paddingRight:Z?l:void 0},className:N,type:W,onFocus:function(e){!b.current&&v.onFocus&&v.onFocus(e),b.current=!1},onBlur:function(e){!_.current&&v.onBlur&&v.onBlur(e),_.current=!1},onChange:function(e){Y(V(e.target.value)),P(e.currentTarget,e,v.onChange)}})),X&&w.createElement("div",{className:S,style:{width:o}},r),Z&&w.createElement("div",{className:j,style:{width:l}},H)),$&&Q.map(function(e){var t=e.id,r=e.content;return w.createElement(R,{key:t,id:t},r)}))});W.displayName="InputField",exports.InputField=W,require("./style.production.v2.css");
|
package/InputField/index.d.ts
CHANGED
|
@@ -4,11 +4,11 @@ import type { InputProps } from '@prom-ui/core/Input';
|
|
|
4
4
|
export type InputFieldProps = {
|
|
5
5
|
/** Заголовок */
|
|
6
6
|
label?: React.ReactNode;
|
|
7
|
-
/**
|
|
7
|
+
/** Помилка */
|
|
8
8
|
error?: boolean | string | string[];
|
|
9
|
-
/**
|
|
9
|
+
/** Доповнення зліва */
|
|
10
10
|
addonBefore?: React.ReactNode;
|
|
11
|
-
/**
|
|
11
|
+
/** Доповнення справа
|
|
12
12
|
* <br>
|
|
13
13
|
* - `togglePassword`
|
|
14
14
|
* <br>
|
|
@@ -18,9 +18,18 @@ export type InputFieldProps = {
|
|
|
18
18
|
* <br>
|
|
19
19
|
* - `loading` */
|
|
20
20
|
addonAfter?: React.ReactNode;
|
|
21
|
+
/** Ширина лівого доповнення у px або CSS-рядком */
|
|
21
22
|
addonBeforeWidth?: string | number;
|
|
23
|
+
/** Ширина правого доповнення у px або CSS-рядком */
|
|
22
24
|
addonAfterWidth?: string | number;
|
|
23
|
-
/**
|
|
25
|
+
/** Додає червону зірочку до заголовку */
|
|
24
26
|
isLabelRequired?: boolean;
|
|
25
27
|
};
|
|
28
|
+
/**
|
|
29
|
+
* Поле вводу з підтримкою підпису, помилок та доповнень зліва/справа.
|
|
30
|
+
* Приймає всі пропси `Input`.
|
|
31
|
+
* @example
|
|
32
|
+
* import { InputField } from '@prom-ui/core/InputField'
|
|
33
|
+
* <InputField label='Email' error='Невірний формат' addonAfter='clearValue' />
|
|
34
|
+
*/
|
|
26
35
|
export declare const InputField: CreateBlock<'input', 'input', InputProps & InputFieldProps>;
|
package/InputField/package.json
CHANGED
|
@@ -32,6 +32,14 @@ var KeyPressApp = function KeyPressApp(_ref) {
|
|
|
32
32
|
useKeyPress.useKeyPress(code, onKeyDown, onKeyUp);
|
|
33
33
|
return null;
|
|
34
34
|
};
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* Підписується на глобальні події `keydown`/`keyup` і викликає колбеки.
|
|
38
|
+
* Рендерить `null` — суто поведінковий компонент.
|
|
39
|
+
* @example
|
|
40
|
+
* import { KeyPress } from '@prom-ui/core/KeyPress'
|
|
41
|
+
* <KeyPress code='Escape' onKeyDown={() => closeModal()} />
|
|
42
|
+
*/
|
|
35
43
|
var KeyPress = function KeyPress(_ref2) {
|
|
36
44
|
var _ref2$isActive = _ref2.isActive,
|
|
37
45
|
isActive = _ref2$isActive === void 0 ? true : _ref2$isActive,
|
|
@@ -32,6 +32,14 @@ var KeyPressApp = function KeyPressApp(_ref) {
|
|
|
32
32
|
useKeyPress.useKeyPress(code, onKeyDown, onKeyUp);
|
|
33
33
|
return null;
|
|
34
34
|
};
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* Підписується на глобальні події `keydown`/`keyup` і викликає колбеки.
|
|
38
|
+
* Рендерить `null` — суто поведінковий компонент.
|
|
39
|
+
* @example
|
|
40
|
+
* import { KeyPress } from '@prom-ui/core/KeyPress'
|
|
41
|
+
* <KeyPress code='Escape' onKeyDown={() => closeModal()} />
|
|
42
|
+
*/
|
|
35
43
|
var KeyPress = function KeyPress(_ref2) {
|
|
36
44
|
var _ref2$isActive = _ref2.isActive,
|
|
37
45
|
isActive = _ref2$isActive === void 0 ? true : _ref2$isActive,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@prom-ui/core/useKeyPress");function t(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@prom-ui/core/useKeyPress");function t(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}var n=t(e),o=function(e){var t=e.code,n=e.onKeyDown,o=e.onKeyUp;return r.useKeyPress(t,n,o),null},u=function(e){var r=e.isActive,t=void 0===r||r,u=e.code,c=e.onKeyDown,s=void 0===c?function(){}:c,i=e.onKeyUp,f=void 0===i?function(){}:i;return t?n.createElement(o,{code:u,onKeyDown:s,onKeyUp:f}):null};u.displayName="KeyPress",Object.defineProperty(exports,"useKeyPress",{enumerable:!0,get:function(){return r.useKeyPress}}),exports.KeyPress=u;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@prom-ui/core/useKeyPress");function t(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@prom-ui/core/useKeyPress");function t(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}var n=t(e),o=function(e){var t=e.code,n=e.onKeyDown,o=e.onKeyUp;return r.useKeyPress(t,n,o),null},u=function(e){var r=e.isActive,t=void 0===r||r,u=e.code,c=e.onKeyDown,s=void 0===c?function(){}:c,i=e.onKeyUp,f=void 0===i?function(){}:i;return t?n.createElement(o,{code:u,onKeyDown:s,onKeyUp:f}):null};u.displayName="KeyPress",Object.defineProperty(exports,"useKeyPress",{enumerable:!0,get:function(){return r.useKeyPress}}),exports.KeyPress=u;
|
package/KeyPress/index.d.ts
CHANGED
|
@@ -1,14 +1,21 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { useKeyPress } from '@prom-ui/core/useKeyPress';
|
|
3
3
|
export type KeyPressProps = {
|
|
4
|
-
/**
|
|
4
|
+
/** Якщо передати `false`, компонент перестане працювати */
|
|
5
5
|
isActive?: boolean;
|
|
6
|
-
/**
|
|
6
|
+
/** Значення `event.key` клавіші, перелік на https://keycode.info/ */
|
|
7
7
|
code: string;
|
|
8
|
-
/**
|
|
8
|
+
/** Спрацьовує при натисканні клавіші */
|
|
9
9
|
onKeyDown?: (e: KeyboardEvent) => void;
|
|
10
|
-
/**
|
|
10
|
+
/** Спрацьовує при відпусканні клавіші */
|
|
11
11
|
onKeyUp?: (e: KeyboardEvent) => void;
|
|
12
12
|
};
|
|
13
|
+
/**
|
|
14
|
+
* Підписується на глобальні події `keydown`/`keyup` і викликає колбеки.
|
|
15
|
+
* Рендерить `null` — суто поведінковий компонент.
|
|
16
|
+
* @example
|
|
17
|
+
* import { KeyPress } from '@prom-ui/core/KeyPress'
|
|
18
|
+
* <KeyPress code='Escape' onKeyDown={() => closeModal()} />
|
|
19
|
+
*/
|
|
13
20
|
export declare const KeyPress: React.FC<KeyPressProps>;
|
|
14
21
|
export { useKeyPress };
|
package/KeyPress/package.json
CHANGED
|
@@ -7,7 +7,15 @@ var evokit = require('@prom-ui/core/evokit');
|
|
|
7
7
|
var css = {"ek-label":"Label__ek-label___lhZTR","ek-label_theme_violet-50":"Label__ek-label_theme_violet-50___5tD0W","ek-label_theme_green-50":"Label__ek-label_theme_green-50___iA1-Y","ek-label_theme_yellow-50":"Label__ek-label_theme_yellow-50___4hJvX","ek-label_theme_yellow-500":"Label__ek-label_theme_yellow-500___t--sy","ek-label_theme_orange-50":"Label__ek-label_theme_orange-50___z2DeF","ek-label_theme_black-300":"Label__ek-label_theme_black-300___epNBs","ek-label_theme_red-50":"Label__ek-label_theme_red-50___fJGEU","ek-label_theme_blue-50":"Label__ek-label_theme_blue-50___2aYRM"};
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
|
-
* Лейба для
|
|
10
|
+
* Лейба для категоризації або розмітки контенту.
|
|
11
|
+
*
|
|
12
|
+
* Не підтримує медіа-суфікси.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* import { Label } from '@prom-ui/core/Label';
|
|
16
|
+
*
|
|
17
|
+
* <Label label-theme='violet-50'>Новинка</Label>
|
|
18
|
+
* <Label label-theme='red-50'>Акція</Label>
|
|
11
19
|
*/
|
|
12
20
|
var Label = evokit.createBlock('span', 'label', ['theme'], {
|
|
13
21
|
css: css
|
|
@@ -7,7 +7,15 @@ var evokit = require('@prom-ui/core/evokit');
|
|
|
7
7
|
var css = {"ek-label":"Label__ek-label___e1XmU","ek-label_theme_violet-50":"Label__ek-label_theme_violet-50___EhjDk","ek-label_theme_green-50":"Label__ek-label_theme_green-50___-AI7m","ek-label_theme_yellow-50":"Label__ek-label_theme_yellow-50___9WGFc","ek-label_theme_yellow-500":"Label__ek-label_theme_yellow-500___Tb-ao","ek-label_theme_orange-50":"Label__ek-label_theme_orange-50___qa1A3","ek-label_theme_black-300":"Label__ek-label_theme_black-300___FRtMD","ek-label_theme_red-50":"Label__ek-label_theme_red-50___a-bVG","ek-label_theme_blue-50":"Label__ek-label_theme_blue-50___EkDFs"};
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
|
-
* Лейба для
|
|
10
|
+
* Лейба для категоризації або розмітки контенту.
|
|
11
|
+
*
|
|
12
|
+
* Не підтримує медіа-суфікси.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* import { Label } from '@prom-ui/core/Label';
|
|
16
|
+
*
|
|
17
|
+
* <Label label-theme='violet-50'>Новинка</Label>
|
|
18
|
+
* <Label label-theme='red-50'>Акція</Label>
|
|
11
19
|
*/
|
|
12
20
|
var Label = evokit.createBlock('span', 'label', ['theme'], {
|
|
13
21
|
css: css
|
package/Label/index.d.ts
CHANGED
|
@@ -1,9 +1,22 @@
|
|
|
1
1
|
import { type EvokitProp } from '@prom-ui/core/evokit';
|
|
2
2
|
export type LabelProps = {
|
|
3
|
-
/**
|
|
3
|
+
/**
|
|
4
|
+
* Колір лейби. Дефолт: `'black-300'`.
|
|
5
|
+
* @example 'violet-50'
|
|
6
|
+
* @example 'green-50'
|
|
7
|
+
* @example 'red-50'
|
|
8
|
+
*/
|
|
4
9
|
'label-theme'?: EvokitProp<'violet-50' | 'green-50' | 'yellow-50' | 'yellow-500' | 'orange-50' | 'black-300' | 'red-50' | 'blue-50'>;
|
|
5
10
|
};
|
|
6
11
|
/**
|
|
7
|
-
* Лейба для
|
|
12
|
+
* Лейба для категоризації або розмітки контенту.
|
|
13
|
+
*
|
|
14
|
+
* Не підтримує медіа-суфікси.
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* import { Label } from '@prom-ui/core/Label';
|
|
18
|
+
*
|
|
19
|
+
* <Label label-theme='violet-50'>Новинка</Label>
|
|
20
|
+
* <Label label-theme='red-50'>Акція</Label>
|
|
8
21
|
*/
|
|
9
22
|
export declare const Label: import("@prom-ui/core/evokit").CreateBlock<"span", "label", LabelProps>;
|
package/Label/package.json
CHANGED
|
@@ -6,6 +6,17 @@ var evokit = require('@prom-ui/core/evokit');
|
|
|
6
6
|
|
|
7
7
|
var css = {"ek-line":"Line__ek-line___OKJZ4","ek-line_display_block":"Line__ek-line_display_block___fJte1","ek-line_display_block@large":"Line__ek-line_display_block--large___WWak3","ek-line_display_none":"Line__ek-line_display_none___vTP7A","ek-line_display_none@large":"Line__ek-line_display_none--large___-o6ah","ek-line_indent_none":"Line__ek-line_indent_none___aW6a-","ek-line_indent_none@large":"Line__ek-line_indent_none--large___k3HOm","ek-line_indent_xxs":"Line__ek-line_indent_xxs___OwBBv","ek-line_indent_xxs@large":"Line__ek-line_indent_xxs--large___UEcaS","ek-line_indent_xs":"Line__ek-line_indent_xs___qOMgL","ek-line_indent_xs@large":"Line__ek-line_indent_xs--large___x1Qmz","ek-line_indent_s":"Line__ek-line_indent_s___YuAwW","ek-line_indent_s@large":"Line__ek-line_indent_s--large___6tne-","ek-line_indent_m":"Line__ek-line_indent_m___jt1Cw","ek-line_indent_m@large":"Line__ek-line_indent_m--large___cWsX6","ek-line_indent_l":"Line__ek-line_indent_l___WkkIZ","ek-line_indent_l@large":"Line__ek-line_indent_l--large___sM-X0","ek-line_indent_xl":"Line__ek-line_indent_xl___zP5cI","ek-line_indent_xl@large":"Line__ek-line_indent_xl--large___tKk6-","ek-line_indent_xxl":"Line__ek-line_indent_xxl___wt6v-","ek-line_indent_xxl@large":"Line__ek-line_indent_xxl--large___iJk-B","ek-line_style_solid":"Line__ek-line_style_solid___6fLuE","ek-line_style_solid@large":"Line__ek-line_style_solid--large___hJX5C","ek-line_style_dotted":"Line__ek-line_style_dotted___wS-t1","ek-line_style_dotted@large":"Line__ek-line_style_dotted--large___Yzb2f","ek-line_style_dashed":"Line__ek-line_style_dashed___pasEd","ek-line_style_dashed@large":"Line__ek-line_style_dashed--large___1SywE","ek-line_color_black-200":"Line__ek-line_color_black-200___yWS95","ek-line_color_black-200@large":"Line__ek-line_color_black-200--large___ItHfw","ek-line_color_black-300":"Line__ek-line_color_black-300___v7ftF","ek-line_color_black-300@large":"Line__ek-line_color_black-300--large___bU-mt","ek-line_color_black-400":"Line__ek-line_color_black-400___PO51G","ek-line_color_black-400@large":"Line__ek-line_color_black-400--large___ue9NS","ek-line_color_black-700":"Line__ek-line_color_black-700___7BZal","ek-line_color_black-700@large":"Line__ek-line_color_black-700--large___L7g8R"};
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* Горизонтальний роздільник (`<hr>`).
|
|
11
|
+
*
|
|
12
|
+
* Медіа-суфікси: `@large`
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* import { Line } from '@prom-ui/core/Line';
|
|
16
|
+
*
|
|
17
|
+
* <Line line-color='black-200' line-indent='m' />
|
|
18
|
+
* <Line line-style='dashed' line-color='black-300' />
|
|
19
|
+
*/
|
|
9
20
|
var Line = evokit.createBlock('hr', 'line', ['display', 'indent', 'style', 'color'], {
|
|
10
21
|
css: css
|
|
11
22
|
});
|
|
@@ -6,6 +6,17 @@ var evokit = require('@prom-ui/core/evokit');
|
|
|
6
6
|
|
|
7
7
|
var css = {"ek-line":"Line__ek-line___z32EM","ek-line_display_block":"Line__ek-line_display_block___ka-PB","ek-line_display_block@large":"Line__ek-line_display_block--large___8KjKO","ek-line_display_none":"Line__ek-line_display_none___pSLqO","ek-line_display_none@large":"Line__ek-line_display_none--large___-59ng","ek-line_indent_none":"Line__ek-line_indent_none___OAELA","ek-line_indent_none@large":"Line__ek-line_indent_none--large___-Yh47","ek-line_indent_xxs":"Line__ek-line_indent_xxs___Ak0KY","ek-line_indent_xxs@large":"Line__ek-line_indent_xxs--large___c9fVI","ek-line_indent_xs":"Line__ek-line_indent_xs___y3lge","ek-line_indent_xs@large":"Line__ek-line_indent_xs--large___4vuf-","ek-line_indent_s":"Line__ek-line_indent_s___dP5yZ","ek-line_indent_s@large":"Line__ek-line_indent_s--large___1OfIB","ek-line_indent_m":"Line__ek-line_indent_m___qDmYz","ek-line_indent_m@large":"Line__ek-line_indent_m--large___gaMRl","ek-line_indent_l":"Line__ek-line_indent_l___YP-94","ek-line_indent_l@large":"Line__ek-line_indent_l--large___vh6KW","ek-line_indent_xl":"Line__ek-line_indent_xl___lU8kD","ek-line_indent_xl@large":"Line__ek-line_indent_xl--large___H3SQ2","ek-line_indent_xxl":"Line__ek-line_indent_xxl___pqhtb","ek-line_indent_xxl@large":"Line__ek-line_indent_xxl--large___ui3BI","ek-line_style_solid":"Line__ek-line_style_solid___zc53x","ek-line_style_solid@large":"Line__ek-line_style_solid--large___rrAQV","ek-line_style_dotted":"Line__ek-line_style_dotted___g3juA","ek-line_style_dotted@large":"Line__ek-line_style_dotted--large___tTIU5","ek-line_style_dashed":"Line__ek-line_style_dashed___phx9E","ek-line_style_dashed@large":"Line__ek-line_style_dashed--large___Rp3ta","ek-line_color_black-200":"Line__ek-line_color_black-200___YaLTe","ek-line_color_black-200@large":"Line__ek-line_color_black-200--large___NDeJe","ek-line_color_black-300":"Line__ek-line_color_black-300___37UI-","ek-line_color_black-300@large":"Line__ek-line_color_black-300--large___rLplx","ek-line_color_black-400":"Line__ek-line_color_black-400___I7uwg","ek-line_color_black-400@large":"Line__ek-line_color_black-400--large___vJAEv","ek-line_color_black-700":"Line__ek-line_color_black-700___SNFFz","ek-line_color_black-700@large":"Line__ek-line_color_black-700--large___fauPi"};
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* Горизонтальний роздільник (`<hr>`).
|
|
11
|
+
*
|
|
12
|
+
* Медіа-суфікси: `@large`
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* import { Line } from '@prom-ui/core/Line';
|
|
16
|
+
*
|
|
17
|
+
* <Line line-color='black-200' line-indent='m' />
|
|
18
|
+
* <Line line-style='dashed' line-color='black-300' />
|
|
19
|
+
*/
|
|
9
20
|
var Line = evokit.createBlock('hr', 'line', ['display', 'indent', 'style', 'color'], {
|
|
10
21
|
css: css
|
|
11
22
|
});
|
package/Line/index.d.ts
CHANGED
|
@@ -5,10 +5,45 @@ type LineIndent = EvokitMediaSufix<'none' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl
|
|
|
5
5
|
type LineStyle = EvokitMediaSufix<'solid' | 'dotted' | 'dashed', LineMediaSufix>;
|
|
6
6
|
type LineColor = EvokitMediaSufix<'black-200' | 'black-300' | 'black-400' | 'black-700', LineMediaSufix>;
|
|
7
7
|
export type LineProps = {
|
|
8
|
+
/**
|
|
9
|
+
* Колір горизонтального роздільника. Підтримує медіа-суфікси.
|
|
10
|
+
* @example 'black-200'
|
|
11
|
+
* @example 'black-400'
|
|
12
|
+
* @example 'black-300@large'
|
|
13
|
+
*/
|
|
8
14
|
'line-color'?: EvokitProp<LineColor>;
|
|
15
|
+
/**
|
|
16
|
+
* `display` роздільника. Підтримує медіа-суфікси.
|
|
17
|
+
* @example 'block'
|
|
18
|
+
* @example 'none@large'
|
|
19
|
+
*/
|
|
9
20
|
'line-display'?: EvokitProp<LineDisplay>;
|
|
21
|
+
/**
|
|
22
|
+
* Відступи зверху та знизу від роздільника. Підтримує медіа-суфікси.
|
|
23
|
+
* Розміри: none | xxs | xs | s | m | l | xl | xxl
|
|
24
|
+
* @example 'm'
|
|
25
|
+
* @example 'l'
|
|
26
|
+
* @example 's@large'
|
|
27
|
+
*/
|
|
10
28
|
'line-indent'?: EvokitProp<LineIndent>;
|
|
29
|
+
/**
|
|
30
|
+
* Стиль лінії роздільника. Підтримує медіа-суфікси.
|
|
31
|
+
* @example 'solid'
|
|
32
|
+
* @example 'dotted'
|
|
33
|
+
* @example 'dashed@large'
|
|
34
|
+
*/
|
|
11
35
|
'line-style'?: EvokitProp<LineStyle>;
|
|
12
36
|
};
|
|
37
|
+
/**
|
|
38
|
+
* Горизонтальний роздільник (`<hr>`).
|
|
39
|
+
*
|
|
40
|
+
* Медіа-суфікси: `@large`
|
|
41
|
+
*
|
|
42
|
+
* @example
|
|
43
|
+
* import { Line } from '@prom-ui/core/Line';
|
|
44
|
+
*
|
|
45
|
+
* <Line line-color='black-200' line-indent='m' />
|
|
46
|
+
* <Line line-style='dashed' line-color='black-300' />
|
|
47
|
+
*/
|
|
13
48
|
export declare const Line: import("@prom-ui/core/evokit").CreateBlock<"hr", "line", LineProps>;
|
|
14
49
|
export {};
|
package/Line/package.json
CHANGED
|
@@ -7,11 +7,17 @@ var evokit = require('@prom-ui/core/evokit');
|
|
|
7
7
|
var css = {"ek-link":"Link__ek-link___se07P","ek-link_display_block":"Link__ek-link_display_block___7DWh6","ek-link_display_inline-block":"Link__ek-link_display_inline-block___lcBYL","ek-link_display_inline":"Link__ek-link_display_inline___IXDQF","ek-link_display_none":"Link__ek-link_display_none___NgoHK","ek-link_size_none":"Link__ek-link_size_none___iopC-","ek-link_size_inherit":"Link__ek-link_size_inherit___pWhi3","ek-link_size_small":"Link__ek-link_size_small___FTvW8","ek-link_size_default":"Link__ek-link_size_default___fU--F","ek-link_size_big":"Link__ek-link_size_big___nczvU","ek-link_size_h1":"Link__ek-link_size_h1___cTI-7","ek-link_size_h2":"Link__ek-link_size_h2___h8dKJ","ek-link_size_h3":"Link__ek-link_size_h3___QAV0P","ek-link_size_h4":"Link__ek-link_size_h4___tjfoz","ek-link_size_h5":"Link__ek-link_size_h5___MExtb","ek-link_size_h6":"Link__ek-link_size_h6___0-qIJ","ek-link_weight_default":"Link__ek-link_weight_default___wXs2z","ek-link_weight_thin":"Link__ek-link_weight_thin___ybk9j","ek-link_weight_light":"Link__ek-link_weight_light___iSeTt","ek-link_weight_medium":"Link__ek-link_weight_medium___mot36","ek-link_weight_bold":"Link__ek-link_weight_bold___WsBCw","ek-link_weight_black":"Link__ek-link_weight_black___Xfr5x","ek-link_weight_100":"Link__ek-link_weight_100___lB1Fe","ek-link_weight_200":"Link__ek-link_weight_200___PBdS-","ek-link_weight_300":"Link__ek-link_weight_300___Gto-o","ek-link_weight_400":"Link__ek-link_weight_400___wfRZm","ek-link_weight_500":"Link__ek-link_weight_500___ECAlj","ek-link_weight_600":"Link__ek-link_weight_600___nBT3m","ek-link_weight_700":"Link__ek-link_weight_700___Obg6Z","ek-link_weight_800":"Link__ek-link_weight_800___XoGtf","ek-link_weight_900":"Link__ek-link_weight_900___1wYSI","ek-link_valign_baseline":"Link__ek-link_valign_baseline___xgawj","ek-link_valign_bottom":"Link__ek-link_valign_bottom___W3Lot","ek-link_valign_middle":"Link__ek-link_valign_middle___8uiIO","ek-link_valign_sub":"Link__ek-link_valign_sub___KB1Pl","ek-link_valign_super":"Link__ek-link_valign_super___-sMS6","ek-link_valign_text-bottom":"Link__ek-link_valign_text-bottom___zuYTn","ek-link_valign_text-top":"Link__ek-link_valign_text-top___Gz9CB","ek-link_valign_top":"Link__ek-link_valign_top___poBhl","ek-link_lheight_default":"Link__ek-link_lheight_default___IUFKX","ek-link_lheight_medium":"Link__ek-link_lheight_medium___ktEn4","ek-link_lheight_large":"Link__ek-link_lheight_large___SXvi-","ek-link_style_solid":"Link__ek-link_style_solid___NORl6","ek-link_style_dotted":"Link__ek-link_style_dotted___Zkrc5","ek-link_style_dashed":"Link__ek-link_style_dashed___0eZQ-","ek-link_style_multi-line":"Link__ek-link_style_multi-line___tCOeZ","ek-link_wrap_normal":"Link__ek-link_wrap_normal___QJJfR","ek-link_wrap_nowrap":"Link__ek-link_wrap_nowrap___1moZq","ek-link_wrap_pre":"Link__ek-link_wrap_pre___Ukq58","ek-link_wrap_pre-wrap":"Link__ek-link_wrap_pre-wrap___B8s-H","ek-link_wrap_pre-line":"Link__ek-link_wrap_pre-line___p7dIa","ek-link_wrap_break":"Link__ek-link_wrap_break___tTyeW","ek-link_wrap_ellipsis":"Link__ek-link_wrap_ellipsis___iuo87","ek-link_color_white":"Link__ek-link_color_white___or7LB","ek-link_color_black-300":"Link__ek-link_color_black-300___5bFCY","ek-link_color_black-400":"Link__ek-link_color_black-400___I-KVN","ek-link_color_black-600":"Link__ek-link_color_black-600___vgqdx","ek-link_color_blue-500":"Link__ek-link_color_blue-500___sSXTB","ek-link_color_red-500":"Link__ek-link_color_red-500___Vfnmv","ek-link_color_violet-500":"Link__ek-link_color_violet-500___Xa3SA","ek-text_blackhole_ellipsis-inline-block":"Link__ek-text_blackhole_ellipsis-inline-block___goTZT","ek-link_blackhole_full-hover":"Link__ek-link_blackhole_full-hover___aV5Sw"};
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
11
|
-
*
|
|
12
|
-
*
|
|
10
|
+
* Стилізоване посилання (`<a>`) з підтримкою evokit-пропсів.
|
|
11
|
+
*
|
|
12
|
+
* Не підтримує медіа-суфікси.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* import { Link } from '@prom-ui/core/Link';
|
|
16
|
+
*
|
|
17
|
+
* <Link href='/catalog' link-color='violet-500' link-weight='bold'>
|
|
18
|
+
* Каталог
|
|
19
|
+
* </Link>
|
|
13
20
|
*/
|
|
14
|
-
|
|
15
21
|
var Link = evokit.createBlock('a', 'link', ['blackhole', 'color', 'display', 'lheight', 'size', 'style', 'valign', 'weight', 'wrap'], {
|
|
16
22
|
css: css
|
|
17
23
|
}, {
|
|
@@ -7,11 +7,17 @@ var evokit = require('@prom-ui/core/evokit');
|
|
|
7
7
|
var css = {"ek-link":"Link__ek-link___hudul","ek-link_display_block":"Link__ek-link_display_block___vkdwF","ek-link_display_inline-block":"Link__ek-link_display_inline-block___gQcaB","ek-link_display_inline":"Link__ek-link_display_inline___L1oYw","ek-link_display_none":"Link__ek-link_display_none___nMx1p","ek-link_size_none":"Link__ek-link_size_none___0sm7m","ek-link_size_inherit":"Link__ek-link_size_inherit___P-KNU","ek-link_size_small":"Link__ek-link_size_small___UiaP9","ek-link_size_default":"Link__ek-link_size_default___stYLw","ek-link_size_big":"Link__ek-link_size_big___DTXqx","ek-link_size_h1":"Link__ek-link_size_h1___ocKDm","ek-link_size_h2":"Link__ek-link_size_h2___GeGwE","ek-link_size_h3":"Link__ek-link_size_h3___JfesQ","ek-link_size_h4":"Link__ek-link_size_h4___MObPk","ek-link_size_h5":"Link__ek-link_size_h5___iTxXP","ek-link_size_h6":"Link__ek-link_size_h6___cOw-n","ek-link_weight_default":"Link__ek-link_weight_default___b5Uji","ek-link_weight_thin":"Link__ek-link_weight_thin___qIX09","ek-link_weight_light":"Link__ek-link_weight_light___1pe6U","ek-link_weight_medium":"Link__ek-link_weight_medium___VhGT3","ek-link_weight_bold":"Link__ek-link_weight_bold___GbDOO","ek-link_weight_black":"Link__ek-link_weight_black___Aci3R","ek-link_weight_100":"Link__ek-link_weight_100___JLRfa","ek-link_weight_200":"Link__ek-link_weight_200___8HbON","ek-link_weight_300":"Link__ek-link_weight_300___CoUhG","ek-link_weight_400":"Link__ek-link_weight_400___BP-0b","ek-link_weight_500":"Link__ek-link_weight_500___zzYiO","ek-link_weight_600":"Link__ek-link_weight_600___mFOXY","ek-link_weight_700":"Link__ek-link_weight_700___yhDaI","ek-link_weight_800":"Link__ek-link_weight_800___g4AzF","ek-link_weight_900":"Link__ek-link_weight_900___efQSY","ek-link_valign_baseline":"Link__ek-link_valign_baseline___obi8o","ek-link_valign_bottom":"Link__ek-link_valign_bottom___-UycB","ek-link_valign_middle":"Link__ek-link_valign_middle___Pszjy","ek-link_valign_sub":"Link__ek-link_valign_sub___Tbnzt","ek-link_valign_super":"Link__ek-link_valign_super___swGTA","ek-link_valign_text-bottom":"Link__ek-link_valign_text-bottom___-vNz7","ek-link_valign_text-top":"Link__ek-link_valign_text-top___oYlJ5","ek-link_valign_top":"Link__ek-link_valign_top___LFToM","ek-link_lheight_default":"Link__ek-link_lheight_default___KPBWz","ek-link_lheight_medium":"Link__ek-link_lheight_medium___JH3aD","ek-link_lheight_large":"Link__ek-link_lheight_large___lcfK-","ek-link_style_solid":"Link__ek-link_style_solid___0ZyAI","ek-link_style_dotted":"Link__ek-link_style_dotted___nlLHp","ek-link_style_dashed":"Link__ek-link_style_dashed___qP-4m","ek-link_style_multi-line":"Link__ek-link_style_multi-line___zYySS","ek-link_wrap_normal":"Link__ek-link_wrap_normal___AZx-Z","ek-link_wrap_nowrap":"Link__ek-link_wrap_nowrap___PbNLq","ek-link_wrap_pre":"Link__ek-link_wrap_pre___EQRRP","ek-link_wrap_pre-wrap":"Link__ek-link_wrap_pre-wrap___rtWLg","ek-link_wrap_pre-line":"Link__ek-link_wrap_pre-line___PsAg7","ek-link_wrap_break":"Link__ek-link_wrap_break___pEPJY","ek-link_wrap_ellipsis":"Link__ek-link_wrap_ellipsis___4XA7I","ek-link_color_white":"Link__ek-link_color_white___1kyqx","ek-link_color_black-300":"Link__ek-link_color_black-300___moGxX","ek-link_color_black-400":"Link__ek-link_color_black-400___vopwf","ek-link_color_black-600":"Link__ek-link_color_black-600___ltz9n","ek-link_color_blue-500":"Link__ek-link_color_blue-500___FYRiJ","ek-link_color_red-500":"Link__ek-link_color_red-500___P5vl2","ek-link_color_violet-500":"Link__ek-link_color_violet-500___tmVRm","ek-text_blackhole_ellipsis-inline-block":"Link__ek-text_blackhole_ellipsis-inline-block___C8n-h","ek-link_blackhole_full-hover":"Link__ek-link_blackhole_full-hover___-EbJz"};
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
11
|
-
*
|
|
12
|
-
*
|
|
10
|
+
* Стилізоване посилання (`<a>`) з підтримкою evokit-пропсів.
|
|
11
|
+
*
|
|
12
|
+
* Не підтримує медіа-суфікси.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* import { Link } from '@prom-ui/core/Link';
|
|
16
|
+
*
|
|
17
|
+
* <Link href='/catalog' link-color='violet-500' link-weight='bold'>
|
|
18
|
+
* Каталог
|
|
19
|
+
* </Link>
|
|
13
20
|
*/
|
|
14
|
-
|
|
15
21
|
var Link = evokit.createBlock('a', 'link', ['blackhole', 'color', 'display', 'lheight', 'size', 'style', 'valign', 'weight', 'wrap'], {
|
|
16
22
|
css: css
|
|
17
23
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.se07P{display:inline;color:inherit;line-height:var(--pds-line-height);text-decoration:none}._7DWh6{display:block}.lcBYL{display:inline-block}.IXDQF{display:inline}.NgoHK{display:none}.iopC-{font-size:0}.pWhi3{font-size:inherit}.FTvW8{font-size:var(--pds-font-size-small)}.fU--F{font-size:var(--pds-font-size-default)}.nczvU{font-size:var(--pds-font-size-big)}.cTI-7{font-size:var(--pds-font-size-h1)}.h8dKJ{font-size:var(--pds-font-size-h2)}.QAV0P{font-size:var(--pds-font-size-h3)}.tjfoz{font-size:var(--pds-font-size-h4)}.MExtb{font-size:var(--pds-font-size-h5)}._0-qIJ{font-size:var(--pds-font-size-h6)}.wXs2z{font-weight:400}.ybk9j{font-weight:100}.iSeTt{font-weight:300}.mot36{font-weight:500}.WsBCw{font-weight:700}.Xfr5x{font-weight:900}.lB1Fe{font-weight:100}.PBdS-{font-weight:200}.Gto-o{font-weight:300}.wfRZm{font-weight:400}.ECAlj{font-weight:500}.nBT3m{font-weight:600}.Obg6Z{font-weight:700}.XoGtf{font-weight:800}._1wYSI{font-weight:900}.xgawj{vertical-align:baseline}.W3Lot{vertical-align:bottom}._8uiIO{vertical-align:middle}.KB1Pl{vertical-align:sub}.-sMS6{vertical-align:super}.zuYTn{vertical-align:text-bottom}.Gz9CB{vertical-align:text-top}.poBhl{vertical-align:top}.IUFKX{line-height:var(--pds-line-height)}.ktEn4{line-height:1.25em}.SXvi-{line-height:1.5em}.NORl6{border-bottom:1px solid}.Zkrc5{border-bottom:1px dotted}._0eZQ-{border-bottom:1px dashed}.tCOeZ{position:relative;display:inline-block}.tCOeZ::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0}.QJJfR{white-space:normal}._1moZq{white-space:nowrap}.Ukq58{white-space:pre}.B8s-H{white-space:pre-wrap}.p7dIa{white-space:pre-line}.tTyeW{word-wrap:break-word;word-break:break-word
|
|
1
|
+
.se07P{display:inline;color:inherit;line-height:var(--pds-line-height);text-decoration:none}._7DWh6{display:block}.lcBYL{display:inline-block}.IXDQF{display:inline}.NgoHK{display:none}.iopC-{font-size:0}.pWhi3{font-size:inherit}.FTvW8{font-size:var(--pds-font-size-small)}.fU--F{font-size:var(--pds-font-size-default)}.nczvU{font-size:var(--pds-font-size-big)}.cTI-7{font-size:var(--pds-font-size-h1)}.h8dKJ{font-size:var(--pds-font-size-h2)}.QAV0P{font-size:var(--pds-font-size-h3)}.tjfoz{font-size:var(--pds-font-size-h4)}.MExtb{font-size:var(--pds-font-size-h5)}._0-qIJ{font-size:var(--pds-font-size-h6)}.wXs2z{font-weight:400}.ybk9j{font-weight:100}.iSeTt{font-weight:300}.mot36{font-weight:500}.WsBCw{font-weight:700}.Xfr5x{font-weight:900}.lB1Fe{font-weight:100}.PBdS-{font-weight:200}.Gto-o{font-weight:300}.wfRZm{font-weight:400}.ECAlj{font-weight:500}.nBT3m{font-weight:600}.Obg6Z{font-weight:700}.XoGtf{font-weight:800}._1wYSI{font-weight:900}.xgawj{vertical-align:baseline}.W3Lot{vertical-align:bottom}._8uiIO{vertical-align:middle}.KB1Pl{vertical-align:sub}.-sMS6{vertical-align:super}.zuYTn{vertical-align:text-bottom}.Gz9CB{vertical-align:text-top}.poBhl{vertical-align:top}.IUFKX{line-height:var(--pds-line-height)}.ktEn4{line-height:1.25em}.SXvi-{line-height:1.5em}.NORl6{border-bottom:1px solid}.Zkrc5{border-bottom:1px dotted}._0eZQ-{border-bottom:1px dashed}.tCOeZ{position:relative;display:inline-block}.tCOeZ::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0}.QJJfR{white-space:normal}._1moZq{white-space:nowrap}.Ukq58{white-space:pre}.B8s-H{white-space:pre-wrap}.p7dIa{white-space:pre-line}.tTyeW{word-wrap:break-word;word-break:break-word;hyphens:auto}.iuo87{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.or7LB{color:var(--white)}._5bFCY{color:var(--black-300)}.I-KVN{color:var(--black-400)}.vgqdx{color:var(--black-600)}.sSXTB{color:var(--blue-500)}.Vfnmv{color:var(--red-500)}.Xa3SA{color:var(--violet-500)}.goTZT{display:inline-block!important;max-width:100%}.aV5Sw::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}@media (hover:hover) and (pointer:fine){.se07P:hover{cursor:pointer;text-decoration:underline}.NORl6:hover{text-decoration:none;border-bottom-color:transparent}.Zkrc5:hover{text-decoration:none;border-bottom-color:transparent}._0eZQ-:hover{text-decoration:none;border-bottom-color:transparent}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.hudul{display:inline;color:inherit;line-height:var(--pds-line-height);text-decoration:none}.vkdwF{display:block}.gQcaB{display:inline-block}.L1oYw{display:inline}.nMx1p{display:none}._0sm7m{font-size:0}.P-KNU{font-size:inherit}.UiaP9{font-size:var(--pds-font-size-small)}.stYLw{font-size:var(--pds-font-size-default)}.DTXqx{font-size:var(--pds-font-size-big)}.ocKDm{font-size:var(--pds-font-size-h1)}.GeGwE{font-size:var(--pds-font-size-h2)}.JfesQ{font-size:var(--pds-font-size-h3)}.MObPk{font-size:var(--pds-font-size-h4)}.iTxXP{font-size:var(--pds-font-size-h5)}.cOw-n{font-size:var(--pds-font-size-h6)}.b5Uji{font-weight:400}.qIX09{font-weight:100}._1pe6U{font-weight:300}.VhGT3{font-weight:500}.GbDOO{font-weight:700}.Aci3R{font-weight:900}.JLRfa{font-weight:100}._8HbON{font-weight:200}.CoUhG{font-weight:300}.BP-0b{font-weight:400}.zzYiO{font-weight:500}.mFOXY{font-weight:600}.yhDaI{font-weight:700}.g4AzF{font-weight:800}.efQSY{font-weight:900}.obi8o{vertical-align:baseline}.-UycB{vertical-align:bottom}.Pszjy{vertical-align:middle}.Tbnzt{vertical-align:sub}.swGTA{vertical-align:super}.-vNz7{vertical-align:text-bottom}.oYlJ5{vertical-align:text-top}.LFToM{vertical-align:top}.KPBWz{line-height:var(--pds-line-height)}.JH3aD{line-height:1.25em}.lcfK-{line-height:1.5em}._0ZyAI{border-bottom:1px solid}.nlLHp{border-bottom:1px dotted}.qP-4m{border-bottom:1px dashed}.zYySS{position:relative;display:inline-block}.zYySS::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0}.AZx-Z{white-space:normal}.PbNLq{white-space:nowrap}.EQRRP{white-space:pre}.rtWLg{white-space:pre-wrap}.PsAg7{white-space:pre-line}.pEPJY{word-wrap:break-word;word-break:break-word
|
|
1
|
+
.hudul{display:inline;color:inherit;line-height:var(--pds-line-height);text-decoration:none}.vkdwF{display:block}.gQcaB{display:inline-block}.L1oYw{display:inline}.nMx1p{display:none}._0sm7m{font-size:0}.P-KNU{font-size:inherit}.UiaP9{font-size:var(--pds-font-size-small)}.stYLw{font-size:var(--pds-font-size-default)}.DTXqx{font-size:var(--pds-font-size-big)}.ocKDm{font-size:var(--pds-font-size-h1)}.GeGwE{font-size:var(--pds-font-size-h2)}.JfesQ{font-size:var(--pds-font-size-h3)}.MObPk{font-size:var(--pds-font-size-h4)}.iTxXP{font-size:var(--pds-font-size-h5)}.cOw-n{font-size:var(--pds-font-size-h6)}.b5Uji{font-weight:400}.qIX09{font-weight:100}._1pe6U{font-weight:300}.VhGT3{font-weight:500}.GbDOO{font-weight:700}.Aci3R{font-weight:900}.JLRfa{font-weight:100}._8HbON{font-weight:200}.CoUhG{font-weight:300}.BP-0b{font-weight:400}.zzYiO{font-weight:500}.mFOXY{font-weight:600}.yhDaI{font-weight:700}.g4AzF{font-weight:800}.efQSY{font-weight:900}.obi8o{vertical-align:baseline}.-UycB{vertical-align:bottom}.Pszjy{vertical-align:middle}.Tbnzt{vertical-align:sub}.swGTA{vertical-align:super}.-vNz7{vertical-align:text-bottom}.oYlJ5{vertical-align:text-top}.LFToM{vertical-align:top}.KPBWz{line-height:var(--pds-line-height)}.JH3aD{line-height:1.25em}.lcfK-{line-height:1.5em}._0ZyAI{border-bottom:1px solid}.nlLHp{border-bottom:1px dotted}.qP-4m{border-bottom:1px dashed}.zYySS{position:relative;display:inline-block}.zYySS::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0}.AZx-Z{white-space:normal}.PbNLq{white-space:nowrap}.EQRRP{white-space:pre}.rtWLg{white-space:pre-wrap}.PsAg7{white-space:pre-line}.pEPJY{word-wrap:break-word;word-break:break-word;hyphens:auto}._4XA7I{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._1kyqx{color:var(--white)}.moGxX{color:var(--black-300)}.vopwf{color:var(--black-400)}.ltz9n{color:var(--black-600)}.FYRiJ{color:var(--blue-500)}.P5vl2{color:var(--red-500)}.tmVRm{color:var(--violet-500)}.C8n-h{display:inline-block!important;max-width:100%}.-EbJz::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}@media (hover:hover) and (pointer:fine){.hudul:hover{cursor:pointer;text-decoration:underline}._0ZyAI:hover{text-decoration:none;border-bottom-color:transparent}.nlLHp:hover{text-decoration:none;border-bottom-color:transparent}.qP-4m:hover{text-decoration:none;border-bottom-color:transparent}}
|
package/Link/index.d.ts
CHANGED
|
@@ -9,20 +9,78 @@ type LinkWeight = EvokitWithoutMediaSufix<'default' | 'thin' | 'light' | 'medium
|
|
|
9
9
|
type LinkWrap = EvokitWithoutMediaSufix<'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'break' | 'ellipsis'>;
|
|
10
10
|
type LinkBlackhole = 'ellipsis-inline-block' | 'full-hover';
|
|
11
11
|
export type LinkProps = {
|
|
12
|
+
/**
|
|
13
|
+
* Колір тексту посилання.
|
|
14
|
+
* @example 'violet-500'
|
|
15
|
+
* @example 'black-700'
|
|
16
|
+
*/
|
|
12
17
|
'link-color'?: EvokitProp<LinkThemes>;
|
|
18
|
+
/**
|
|
19
|
+
* `display` посилання.
|
|
20
|
+
* @example 'inline'
|
|
21
|
+
* @example 'block'
|
|
22
|
+
* @example 'none'
|
|
23
|
+
*/
|
|
13
24
|
'link-display'?: EvokitProp<LinkDisplay>;
|
|
25
|
+
/**
|
|
26
|
+
* Висота рядка (`line-height`).
|
|
27
|
+
* @example 'default'
|
|
28
|
+
* @example 'large'
|
|
29
|
+
*/
|
|
14
30
|
'link-lheight'?: EvokitProp<LinkLheight>;
|
|
31
|
+
/**
|
|
32
|
+
* Розмір шрифту. `h1`–`h6` відповідають розміру відповідного HTML-заголовка.
|
|
33
|
+
* Значення: none | inherit | default | small | big | h1 | h2 | h3 | h4 | h5 | h6
|
|
34
|
+
* @example 'default'
|
|
35
|
+
* @example 'h4'
|
|
36
|
+
*/
|
|
15
37
|
'link-size'?: EvokitProp<LinkSize>;
|
|
38
|
+
/**
|
|
39
|
+
* Тип підкреслення посилання. `'multi-line'` — підкреслення для багаторядкового посилання.
|
|
40
|
+
* @example 'solid'
|
|
41
|
+
* @example 'dotted'
|
|
42
|
+
* @example 'multi-line'
|
|
43
|
+
*/
|
|
16
44
|
'link-style'?: EvokitProp<LinkStyle>;
|
|
45
|
+
/**
|
|
46
|
+
* Вертикальне вирівнювання (`vertical-align`).
|
|
47
|
+
* @example 'middle'
|
|
48
|
+
* @example 'top'
|
|
49
|
+
*/
|
|
17
50
|
'link-valign'?: EvokitProp<LinkValign>;
|
|
51
|
+
/**
|
|
52
|
+
* Жирність тексту (`font-weight`).
|
|
53
|
+
* @example 'bold'
|
|
54
|
+
* @example 'medium'
|
|
55
|
+
* @example 700
|
|
56
|
+
*/
|
|
18
57
|
'link-weight'?: EvokitProp<LinkWeight>;
|
|
58
|
+
/**
|
|
59
|
+
* Перенос та обрізання тексту.
|
|
60
|
+
* @example 'nowrap'
|
|
61
|
+
* @example 'ellipsis'
|
|
62
|
+
*/
|
|
19
63
|
'link-wrap'?: EvokitProp<LinkWrap>;
|
|
64
|
+
/**
|
|
65
|
+
* Додаткові CSS-модифікатори.
|
|
66
|
+
* - `'ellipsis-inline-block'` — `inline-block` з обрізанням тексту та `max-width: 100%`
|
|
67
|
+
* - `'full-hover'` — псевдоелемент `::after` розтягується на весь найближчий `position: relative` контейнер
|
|
68
|
+
* @example 'ellipsis-inline-block'
|
|
69
|
+
* @example ['ellipsis-inline-block', 'full-hover']
|
|
70
|
+
*/
|
|
20
71
|
'link-blackhole'?: EvokitProp<LinkBlackhole>;
|
|
21
72
|
};
|
|
22
73
|
/**
|
|
23
|
-
*
|
|
24
|
-
*
|
|
25
|
-
*
|
|
74
|
+
* Стилізоване посилання (`<a>`) з підтримкою evokit-пропсів.
|
|
75
|
+
*
|
|
76
|
+
* Не підтримує медіа-суфікси.
|
|
77
|
+
*
|
|
78
|
+
* @example
|
|
79
|
+
* import { Link } from '@prom-ui/core/Link';
|
|
80
|
+
*
|
|
81
|
+
* <Link href='/catalog' link-color='violet-500' link-weight='bold'>
|
|
82
|
+
* Каталог
|
|
83
|
+
* </Link>
|
|
26
84
|
*/
|
|
27
85
|
export declare const Link: import("@prom-ui/core/evokit").CreateBlock<"a", "link", LinkProps>;
|
|
28
86
|
export {};
|