@prom-ui/core 0.0.22 → 0.0.30
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/Body/cjs/index.development.js +14 -0
- package/Body/cjs/index.production.js +1 -0
- package/Body/cjs/style.development.css +1 -0
- package/Body/cjs/style.production.css +1 -0
- package/Body/index.js +5 -12
- package/Body/package.json +1 -1
- package/Box/cjs/index.development.js +20 -0
- package/Box/cjs/index.production.js +1 -0
- package/Box/cjs/style.development.css +1 -0
- package/Box/cjs/style.production.css +1 -0
- package/Box/index.js +5 -18
- package/Box/package.json +1 -1
- package/Button/cjs/index.development.js +95 -0
- package/Button/cjs/index.production.js +1 -0
- package/Button/cjs/style.development.css +1 -0
- package/Button/cjs/style.production.css +1 -0
- package/Button/index.d.ts +5 -4
- package/Button/index.js +4 -81
- package/Button/package.json +1 -1
- package/ButtonPageUp/cjs/index.development.js +170 -0
- package/ButtonPageUp/cjs/index.production.js +1 -0
- package/ButtonPageUp/index.d.ts +12 -5
- package/ButtonPageUp/index.js +4 -169
- package/ButtonPageUp/package.json +1 -2
- package/Checkbox/cjs/index.development.js +111 -0
- package/Checkbox/cjs/index.production.js +1 -0
- package/Checkbox/cjs/style.development.css +1 -0
- package/Checkbox/cjs/style.production.css +1 -0
- package/Checkbox/index.d.ts +4 -4
- package/Checkbox/index.js +4 -96
- package/Checkbox/package.json +1 -1
- package/Flex/cjs/index.development.js +25 -0
- package/Flex/cjs/index.production.js +1 -0
- package/Flex/cjs/style.development.css +1 -0
- package/Flex/cjs/style.production.css +1 -0
- package/Flex/index.js +5 -23
- package/Flex/package.json +1 -1
- package/Grid/cjs/index.development.js +25 -0
- package/Grid/cjs/index.production.js +1 -0
- package/Grid/cjs/style.development.css +1 -0
- package/Grid/cjs/style.production.css +1 -0
- package/Grid/index.js +5 -23
- package/Grid/package.json +1 -1
- package/Icon/cjs/index.development.js +41 -0
- package/Icon/cjs/index.production.js +1 -0
- package/Icon/cjs/style.development.css +1 -0
- package/Icon/cjs/style.production.css +1 -0
- package/Icon/index.d.ts +7 -12
- package/Icon/index.js +4 -76
- package/Icon/package.json +1 -1
- package/Image/cjs/index.development.js +20 -0
- package/Image/cjs/index.production.js +1 -0
- package/Image/cjs/style.development.css +1 -0
- package/Image/cjs/style.production.css +1 -0
- package/Image/index.js +5 -18
- package/Image/package.json +1 -1
- package/ImageEmoji/cjs/index.development.js +90 -0
- package/ImageEmoji/cjs/index.production.js +1 -0
- package/ImageEmoji/index.d.ts +6 -4
- package/ImageEmoji/index.js +4 -86
- package/ImageEmoji/package.json +1 -1
- package/Input/cjs/index.development.js +39 -0
- package/Input/cjs/index.production.js +1 -0
- package/Input/cjs/style.development.css +1 -0
- package/Input/cjs/style.production.css +1 -0
- package/Input/index.d.ts +23 -23
- package/Input/index.js +4 -81
- package/Input/package.json +1 -1
- package/KeyPress/cjs/index.development.js +56 -0
- package/KeyPress/cjs/index.production.js +1 -0
- package/KeyPress/index.d.ts +8 -7
- package/KeyPress/index.js +5 -53
- package/KeyPress/package.json +2 -5
- package/Line/cjs/index.development.js +20 -0
- package/Line/cjs/index.production.js +1 -0
- package/Line/cjs/style.development.css +1 -0
- package/Line/cjs/style.production.css +1 -0
- package/Line/index.js +5 -18
- package/Line/package.json +1 -1
- package/Link/cjs/index.development.js +22 -0
- package/Link/cjs/index.production.js +1 -0
- package/Link/cjs/style.development.css +1 -0
- package/Link/cjs/style.production.css +1 -0
- package/Link/index.js +5 -20
- package/Link/package.json +1 -1
- package/List/cjs/index.development.js +25 -0
- package/List/cjs/index.production.js +1 -0
- package/List/cjs/style.development.css +1 -0
- package/List/cjs/style.production.css +1 -0
- package/List/index.js +5 -23
- package/List/package.json +1 -1
- package/Media/breakpoints.d.ts +17 -0
- package/Media/cjs/index.development.js +60 -0
- package/Media/cjs/index.production.js +1 -0
- package/Media/index.d.ts +11 -0
- package/Media/index.js +7 -0
- package/{Tooltip → Media}/package.json +3 -3
- package/Media/useMedia.d.ts +7 -0
- package/{Tooltip/Trigger/index.js → OutsideClick/cjs/index.development.js} +32 -24
- package/OutsideClick/cjs/index.production.js +1 -0
- package/OutsideClick/index.d.ts +6 -3
- package/OutsideClick/index.js +4 -74
- package/OutsideClick/package.json +2 -5
- package/Picture/cjs/index.development.js +25 -0
- package/Picture/cjs/index.production.js +1 -0
- package/Picture/cjs/style.development.css +1 -0
- package/Picture/cjs/style.production.css +1 -0
- package/Picture/index.js +5 -23
- package/Picture/package.json +1 -1
- package/PortableOverlay/cjs/index.development.js +111 -0
- package/PortableOverlay/cjs/index.production.js +1 -0
- package/PortableOverlay/cjs/style.development.css +1 -0
- package/PortableOverlay/cjs/style.production.css +1 -0
- package/PortableOverlay/index.d.ts +6 -4
- package/PortableOverlay/index.js +5 -112
- package/PortableOverlay/package.json +1 -2
- package/Portal/cjs/index.development.js +57 -0
- package/Portal/cjs/index.production.js +1 -0
- package/Portal/index.d.ts +6 -4
- package/Portal/index.js +5 -52
- package/Portal/package.json +2 -5
- package/Rating/cjs/index.development.js +105 -0
- package/Rating/cjs/index.production.js +1 -0
- package/Rating/cjs/style.development.css +1 -0
- package/Rating/cjs/style.production.css +1 -0
- package/Rating/index.d.ts +6 -5
- package/Rating/index.js +4 -98
- package/Rating/package.json +1 -1
- package/SafeQuery/cjs/index.development.js +181 -0
- package/SafeQuery/cjs/index.production.js +1 -0
- package/SafeQuery/cjs/style.development.css +1 -0
- package/SafeQuery/cjs/style.production.css +1 -0
- package/SafeQuery/components/Error.d.ts +7 -0
- package/SafeQuery/index.d.ts +10 -0
- package/SafeQuery/index.js +7 -0
- package/SafeQuery/package.json +12 -0
- package/Scroll/cjs/index.development.js +40 -0
- package/Scroll/cjs/index.production.js +1 -0
- package/Scroll/cjs/style.development.css +1 -0
- package/Scroll/cjs/style.production.css +1 -0
- package/Scroll/index.d.ts +18 -16
- package/Scroll/index.js +4 -76
- package/Scroll/package.json +1 -1
- package/ScrollControls/cjs/index.development.js +243 -0
- package/ScrollControls/cjs/index.production.js +1 -0
- package/ScrollControls/cjs/style.development.css +1 -0
- package/ScrollControls/cjs/style.production.css +1 -0
- package/ScrollControls/index.d.ts +16 -6
- package/ScrollControls/index.js +4 -244
- package/ScrollControls/package.json +1 -2
- package/SideOverlay/cjs/index.development.js +210 -0
- package/SideOverlay/cjs/index.production.js +1 -0
- package/SideOverlay/cjs/style.development.css +1 -0
- package/SideOverlay/cjs/style.production.css +1 -0
- package/SideOverlay/index.d.ts +28 -13
- package/SideOverlay/index.js +4 -251
- package/SideOverlay/package.json +1 -1
- package/SimpleSlider/cjs/index.development.js +433 -0
- package/SimpleSlider/cjs/index.production.js +1 -0
- package/SimpleSlider/cjs/style.development.css +1 -0
- package/SimpleSlider/cjs/style.production.css +1 -0
- package/SimpleSlider/index.d.ts +17 -3
- package/SimpleSlider/index.js +4 -477
- package/SimpleSlider/package.json +1 -1
- package/Skeleton/cjs/index.development.js +103 -0
- package/Skeleton/cjs/index.production.js +1 -0
- package/Skeleton/cjs/style.development.css +1 -0
- package/Skeleton/cjs/style.production.css +1 -0
- package/Skeleton/index.d.ts +9 -5
- package/Skeleton/index.js +4 -110
- package/Skeleton/package.json +1 -1
- package/Spinner/cjs/index.development.js +85 -0
- package/Spinner/cjs/index.production.js +1 -0
- package/Spinner/cjs/style.development.css +1 -0
- package/Spinner/cjs/style.production.css +1 -0
- package/Spinner/index.d.ts +7 -6
- package/Spinner/index.js +5 -76
- package/Spinner/package.json +1 -1
- package/Text/cjs/index.development.js +20 -0
- package/Text/cjs/index.production.js +1 -0
- package/Text/cjs/style.development.css +1 -0
- package/Text/cjs/style.production.css +1 -0
- package/Text/index.js +5 -18
- package/Text/package.json +1 -1
- package/TextEmoji/cjs/index.development.js +94 -0
- package/TextEmoji/cjs/index.production.js +1 -0
- package/TextEmoji/index.d.ts +4 -4
- package/TextEmoji/index.js +4 -84
- package/TextEmoji/package.json +1 -1
- package/Tumbler/cjs/index.development.js +110 -0
- package/Tumbler/cjs/index.production.js +1 -0
- package/Tumbler/cjs/style.development.css +1 -0
- package/Tumbler/cjs/style.production.css +1 -0
- package/Tumbler/index.d.ts +4 -4
- package/Tumbler/index.js +4 -95
- package/Tumbler/package.json +1 -1
- package/package.json +15 -9
- package/Body/style.css +0 -741
- package/Box/style.css +0 -9676
- package/Button/style.css +0 -3393
- package/Checkbox/style.css +0 -133
- package/Flex/style.css +0 -786
- package/Grid/style.css +0 -7350
- package/Icon/style.css +0 -46
- package/Image/style.css +0 -664
- package/Input/style.css +0 -345
- package/Line/style.css +0 -138
- package/Link/style.css +0 -259
- package/List/style.css +0 -312
- package/Picture/style.css +0 -1426
- package/PortableOverlay/style.css +0 -44
- package/Rating/style.css +0 -26
- package/Scroll/style.css +0 -169
- package/ScrollControls/style.css +0 -67
- package/SideOverlay/style.css +0 -208
- package/SimpleSlider/style.css +0 -134
- package/Skeleton/style.css +0 -145
- package/Spinner/style.css +0 -80
- package/Text/style.css +0 -840
- package/Tooltip/Popper/index.d.ts +0 -12
- package/Tooltip/Popper/index.js +0 -88
- package/Tooltip/Popper/package.json +0 -9
- package/Tooltip/Popper/style.css +0 -133
- package/Tooltip/Trigger/index.d.ts +0 -5
- package/Tooltip/Trigger/package.json +0 -9
- package/Tooltip/Trigger/style.css +0 -36
- package/Tooltip/index.d.ts +0 -24
- package/Tooltip/index.js +0 -284
- package/Tooltip/style.css +0 -170
- package/Tooltip/utils.d.ts +0 -1
- package/Tumbler/style.css +0 -118
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var evokitList = require('evokit-list');
|
|
6
|
+
|
|
7
|
+
var css = {"ek-list":"List__ek-list___nujFR","ek-list__item":"List__ek-list__item___YSmsd","ek-list_display_block":"List__ek-list_display_block___niTVW","ek-list_display_none":"List__ek-list_display_none___68SA4","ek-list__item_display_block":"List__ek-list__item_display_block___du4oA","ek-list__item_display_none":"List__ek-list__item_display_none___gUtKc","ek-list_indent_none":"List__ek-list_indent_none___0tjbN","ek-list_indent_xxs":"List__ek-list_indent_xxs___jIPCN","ek-list_indent_xs":"List__ek-list_indent_xs___SE5ox","ek-list_indent_s":"List__ek-list_indent_s___nYCd8","ek-list_indent_m":"List__ek-list_indent_m___WIvKn","ek-list_indent_l":"List__ek-list_indent_l___QF69U","ek-list_indent_xl":"List__ek-list_indent_xl___RWP4s","ek-list_indent_xxl":"List__ek-list_indent_xxl___WhLvS","ek-list_indent_3xl":"List__ek-list_indent_3xl___CAogk","ek-list_indent_4xl":"List__ek-list_indent_4xl___7913U","ek-list_indent_5xl":"List__ek-list_indent_5xl___xu-6P","ek-list_divider-indent_none":"List__ek-list_divider-indent_none___EG7IJ","ek-list_divider-indent_xxs":"List__ek-list_divider-indent_xxs___7FNDm","ek-list_divider-indent_xs":"List__ek-list_divider-indent_xs___zhNqm","ek-list_divider-indent_s":"List__ek-list_divider-indent_s___hFSJ0","ek-list_divider-indent_m":"List__ek-list_divider-indent_m___nbwkk","ek-list_divider-indent_l":"List__ek-list_divider-indent_l___-OFx8","ek-list_divider-indent_xl":"List__ek-list_divider-indent_xl___ZIg3o","ek-list_divider-indent_xxl":"List__ek-list_divider-indent_xxl___Im5Fy","ek-list_divider-indent_3xl":"List__ek-list_divider-indent_3xl___HQ4Q3","ek-list_divider-indent_4xl":"List__ek-list_divider-indent_4xl___0ChcJ","ek-list_divider-indent_5xl":"List__ek-list_divider-indent_5xl___4Mav9","ek-list_style_dash":"List__ek-list_style_dash___mj2N7","ek-list_style_decimal":"List__ek-list_style_decimal___RN7xL","ek-list_style_disc":"List__ek-list_style_disc___mfMrM","ek-list_color_black-200":"List__ek-list_color_black-200___oeoh0","ek-list_divider_black-200":"List__ek-list_divider_black-200___CTzrb","ek-list_color_black-200@small":"List__ek-list_color_black-200--small___nd0vu","ek-list_divider_black-200@small":"List__ek-list_divider_black-200--small___P9AN3","ek-list_color_black-200@medium":"List__ek-list_color_black-200--medium___wrI23","ek-list_divider_black-200@medium":"List__ek-list_divider_black-200--medium___OB9Iu","ek-list_color_black-200@large":"List__ek-list_color_black-200--large___NVPgz","ek-list_divider_black-200@large":"List__ek-list_divider_black-200--large___UXXXS","ek-list_color_black-200@wide":"List__ek-list_color_black-200--wide___HLrt7","ek-list_divider_black-200@wide":"List__ek-list_divider_black-200--wide___13miX","ek-list_color_black-200@huge":"List__ek-list_color_black-200--huge___UYYLr","ek-list_divider_black-200@huge":"List__ek-list_divider_black-200--huge___5ltnv","ek-list_color_black-400":"List__ek-list_color_black-400___fe9te","ek-list_divider_black-400":"List__ek-list_divider_black-400___u489k","ek-list_color_black-400@small":"List__ek-list_color_black-400--small___9RtAO","ek-list_divider_black-400@small":"List__ek-list_divider_black-400--small___Lm1sX","ek-list_color_black-400@medium":"List__ek-list_color_black-400--medium___xurpg","ek-list_divider_black-400@medium":"List__ek-list_divider_black-400--medium___LG95U","ek-list_color_black-400@large":"List__ek-list_color_black-400--large___r1Wai","ek-list_divider_black-400@large":"List__ek-list_divider_black-400--large___2GMHH","ek-list_color_black-400@wide":"List__ek-list_color_black-400--wide___fA5uQ","ek-list_divider_black-400@wide":"List__ek-list_divider_black-400--wide___h8HgL","ek-list_color_black-400@huge":"List__ek-list_color_black-400--huge___AOi5A","ek-list_divider_black-400@huge":"List__ek-list_divider_black-400--huge___t5yDF","ek-list_color_violet-500":"List__ek-list_color_violet-500___N4hYz","ek-list_divider_violet-500":"List__ek-list_divider_violet-500___CHUG-","ek-list_color_violet-500@small":"List__ek-list_color_violet-500--small___cZTar","ek-list_divider_violet-500@small":"List__ek-list_divider_violet-500--small___jWfI7","ek-list_color_violet-500@medium":"List__ek-list_color_violet-500--medium___Jsd2Z","ek-list_divider_violet-500@medium":"List__ek-list_divider_violet-500--medium___XEveS","ek-list_color_violet-500@large":"List__ek-list_color_violet-500--large___2h3TU","ek-list_divider_violet-500@large":"List__ek-list_divider_violet-500--large___6KXqB","ek-list_color_violet-500@wide":"List__ek-list_color_violet-500--wide___ufJFR","ek-list_divider_violet-500@wide":"List__ek-list_divider_violet-500--wide___1IfVj","ek-list_color_violet-500@huge":"List__ek-list_color_violet-500--huge___pSJ7A","ek-list_divider_violet-500@huge":"List__ek-list_divider_violet-500--huge___ofyVP","ek-list_blackhole_circle":"List__ek-list_blackhole_circle___5g1DG"};
|
|
8
|
+
|
|
9
|
+
evokitList.List.defaultProps = {
|
|
10
|
+
'list-preset': {
|
|
11
|
+
css: css
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
evokitList.List.Item.defaultProps = {
|
|
15
|
+
'list-item-preset': {
|
|
16
|
+
css: css
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
Object.defineProperty(exports, 'List', {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: function () { return evokitList.List; }
|
|
23
|
+
});
|
|
24
|
+
|
|
25
|
+
require('./style.development.css');
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("evokit-list"),i={"ek-list":"nujFR","ek-list__item":"YSmsd","ek-list_display_block":"niTVW","ek-list_display_none":"_68SA4","ek-list__item_display_block":"du4oA","ek-list__item_display_none":"gUtKc","ek-list_indent_none":"_0tjbN","ek-list_indent_xxs":"jIPCN","ek-list_indent_xs":"SE5ox","ek-list_indent_s":"nYCd8","ek-list_indent_m":"WIvKn","ek-list_indent_l":"QF69U","ek-list_indent_xl":"RWP4s","ek-list_indent_xxl":"WhLvS","ek-list_indent_3xl":"CAogk","ek-list_indent_4xl":"_7913U","ek-list_indent_5xl":"xu-6P","ek-list_divider-indent_none":"EG7IJ","ek-list_divider-indent_xxs":"_7FNDm","ek-list_divider-indent_xs":"zhNqm","ek-list_divider-indent_s":"hFSJ0","ek-list_divider-indent_m":"nbwkk","ek-list_divider-indent_l":"-OFx8","ek-list_divider-indent_xl":"ZIg3o","ek-list_divider-indent_xxl":"Im5Fy","ek-list_divider-indent_3xl":"HQ4Q3","ek-list_divider-indent_4xl":"_0ChcJ","ek-list_divider-indent_5xl":"_4Mav9","ek-list_style_dash":"mj2N7","ek-list_style_decimal":"RN7xL","ek-list_style_disc":"mfMrM","ek-list_color_black-200":"oeoh0","ek-list_divider_black-200":"CTzrb","ek-list_color_black-200@small":"nd0vu","ek-list_divider_black-200@small":"P9AN3","ek-list_color_black-200@medium":"wrI23","ek-list_divider_black-200@medium":"OB9Iu","ek-list_color_black-200@large":"NVPgz","ek-list_divider_black-200@large":"UXXXS","ek-list_color_black-200@wide":"HLrt7","ek-list_divider_black-200@wide":"_13miX","ek-list_color_black-200@huge":"UYYLr","ek-list_divider_black-200@huge":"_5ltnv","ek-list_color_black-400":"fe9te","ek-list_divider_black-400":"u489k","ek-list_color_black-400@small":"_9RtAO","ek-list_divider_black-400@small":"Lm1sX","ek-list_color_black-400@medium":"xurpg","ek-list_divider_black-400@medium":"LG95U","ek-list_color_black-400@large":"r1Wai","ek-list_divider_black-400@large":"_2GMHH","ek-list_color_black-400@wide":"fA5uQ","ek-list_divider_black-400@wide":"h8HgL","ek-list_color_black-400@huge":"AOi5A","ek-list_divider_black-400@huge":"t5yDF","ek-list_color_violet-500":"N4hYz","ek-list_divider_violet-500":"CHUG-","ek-list_color_violet-500@small":"cZTar","ek-list_divider_violet-500@small":"jWfI7","ek-list_color_violet-500@medium":"Jsd2Z","ek-list_divider_violet-500@medium":"XEveS","ek-list_color_violet-500@large":"_2h3TU","ek-list_divider_violet-500@large":"_6KXqB","ek-list_color_violet-500@wide":"ufJFR","ek-list_divider_violet-500@wide":"_1IfVj","ek-list_color_violet-500@huge":"pSJ7A","ek-list_divider_violet-500@huge":"ofyVP","ek-list_blackhole_circle":"_5g1DG"};e.List.defaultProps={"list-preset":{css:i}},e.List.Item.defaultProps={"list-item-preset":{css:i}},Object.defineProperty(exports,"List",{enumerable:!0,get:function(){return e.List}}),require("./style.production.css");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.List__ek-list___nujFR{display:block;list-style:none;padding:0;margin:0}.List__ek-list__item___YSmsd{display:block}.List__ek-list_display_block___niTVW{display:block}.List__ek-list_display_none___68SA4{display:none}.List__ek-list__item_display_block___du4oA{display:block}.List__ek-list__item_display_none___gUtKc{display:none}.List__ek-list_indent_none___0tjbN{margin-top:0;margin-bottom:0}.List__ek-list_indent_none___0tjbN>.List__ek-list__item___YSmsd{padding-top:0;padding-bottom:0}.List__ek-list_indent_xxs___jIPCN{margin-top:calc(var(--pds-spacing-xxs)/2*-1);margin-bottom:calc(var(--pds-spacing-xxs)/2*-1)}.List__ek-list_indent_xxs___jIPCN>.List__ek-list__item___YSmsd{padding-top:calc(var(--pds-spacing-xxs)/2);padding-bottom:calc(var(--pds-spacing-xxs)/2)}.List__ek-list_indent_xs___SE5ox{margin-top:calc(var(--pds-spacing-xs)/2*-1);margin-bottom:calc(var(--pds-spacing-xs)/2*-1)}.List__ek-list_indent_xs___SE5ox>.List__ek-list__item___YSmsd{padding-top:calc(var(--pds-spacing-xs)/2);padding-bottom:calc(var(--pds-spacing-xs)/2)}.List__ek-list_indent_s___nYCd8{margin-top:calc(var(--pds-spacing-s)/2*-1);margin-bottom:calc(var(--pds-spacing-s)/2*-1)}.List__ek-list_indent_s___nYCd8>.List__ek-list__item___YSmsd{padding-top:calc(var(--pds-spacing-s)/2);padding-bottom:calc(var(--pds-spacing-s)/2)}.List__ek-list_indent_m___WIvKn{margin-top:calc(var(--pds-spacing-m)/2*-1);margin-bottom:calc(var(--pds-spacing-m)/2*-1)}.List__ek-list_indent_m___WIvKn>.List__ek-list__item___YSmsd{padding-top:calc(var(--pds-spacing-m)/2);padding-bottom:calc(var(--pds-spacing-m)/2)}.List__ek-list_indent_l___QF69U{margin-top:calc(var(--pds-spacing-l)/2*-1);margin-bottom:calc(var(--pds-spacing-l)/2*-1)}.List__ek-list_indent_l___QF69U>.List__ek-list__item___YSmsd{padding-top:calc(var(--pds-spacing-l)/2);padding-bottom:calc(var(--pds-spacing-l)/2)}.List__ek-list_indent_xl___RWP4s{margin-top:calc(var(--pds-spacing-xl)/2*-1);margin-bottom:calc(var(--pds-spacing-xl)/2*-1)}.List__ek-list_indent_xl___RWP4s>.List__ek-list__item___YSmsd{padding-top:calc(var(--pds-spacing-xl)/2);padding-bottom:calc(var(--pds-spacing-xl)/2)}.List__ek-list_indent_xxl___WhLvS{margin-top:calc(var(--pds-spacing-xxl)/2*-1);margin-bottom:calc(var(--pds-spacing-xxl)/2*-1)}.List__ek-list_indent_xxl___WhLvS>.List__ek-list__item___YSmsd{padding-top:calc(var(--pds-spacing-xxl)/2);padding-bottom:calc(var(--pds-spacing-xxl)/2)}.List__ek-list_indent_3xl___CAogk{margin-top:calc(var(--pds-spacing-3xl)/2*-1);margin-bottom:calc(var(--pds-spacing-3xl)/2*-1)}.List__ek-list_indent_3xl___CAogk>.List__ek-list__item___YSmsd{padding-top:calc(var(--pds-spacing-3xl)/2);padding-bottom:calc(var(--pds-spacing-3xl)/2)}.List__ek-list_indent_4xl___7913U{margin-top:calc(var(--pds-spacing-4xl)/2*-1);margin-bottom:calc(var(--pds-spacing-4xl)/2*-1)}.List__ek-list_indent_4xl___7913U>.List__ek-list__item___YSmsd{padding-top:calc(var(--pds-spacing-4xl)/2);padding-bottom:calc(var(--pds-spacing-4xl)/2)}.List__ek-list_indent_5xl___xu-6P{margin-top:calc(var(--pds-spacing-5xl)/2*-1);margin-bottom:calc(var(--pds-spacing-5xl)/2*-1)}.List__ek-list_indent_5xl___xu-6P>.List__ek-list__item___YSmsd{padding-top:calc(var(--pds-spacing-5xl)/2);padding-bottom:calc(var(--pds-spacing-5xl)/2)}.List__ek-list_divider-indent_none___EG7IJ{margin-top:0;margin-bottom:0}.List__ek-list_divider-indent_none___EG7IJ>.List__ek-list__item___YSmsd{padding-top:0;padding-bottom:0}.List__ek-list_divider-indent_xxs___7FNDm{margin-top:calc(var(--pds-spacing-xxs)*-1);margin-bottom:calc(var(--pds-spacing-xxs)*-1)}.List__ek-list_divider-indent_xxs___7FNDm>.List__ek-list__item___YSmsd{padding-top:var(--pds-spacing-xxs);padding-bottom:var(--pds-spacing-xxs)}.List__ek-list_divider-indent_xs___zhNqm{margin-top:calc(var(--pds-spacing-xs)*-1);margin-bottom:calc(var(--pds-spacing-xs)*-1)}.List__ek-list_divider-indent_xs___zhNqm>.List__ek-list__item___YSmsd{padding-top:var(--pds-spacing-xs);padding-bottom:var(--pds-spacing-xs)}.List__ek-list_divider-indent_s___hFSJ0{margin-top:calc(var(--pds-spacing-s)*-1);margin-bottom:calc(var(--pds-spacing-s)*-1)}.List__ek-list_divider-indent_s___hFSJ0>.List__ek-list__item___YSmsd{padding-top:var(--pds-spacing-s);padding-bottom:var(--pds-spacing-s)}.List__ek-list_divider-indent_m___nbwkk{margin-top:calc(var(--pds-spacing-m)*-1);margin-bottom:calc(var(--pds-spacing-m)*-1)}.List__ek-list_divider-indent_m___nbwkk>.List__ek-list__item___YSmsd{padding-top:var(--pds-spacing-m);padding-bottom:var(--pds-spacing-m)}.List__ek-list_divider-indent_l___-OFx8{margin-top:calc(var(--pds-spacing-l)*-1);margin-bottom:calc(var(--pds-spacing-l)*-1)}.List__ek-list_divider-indent_l___-OFx8>.List__ek-list__item___YSmsd{padding-top:var(--pds-spacing-l);padding-bottom:var(--pds-spacing-l)}.List__ek-list_divider-indent_xl___ZIg3o{margin-top:calc(var(--pds-spacing-xl)*-1);margin-bottom:calc(var(--pds-spacing-xl)*-1)}.List__ek-list_divider-indent_xl___ZIg3o>.List__ek-list__item___YSmsd{padding-top:var(--pds-spacing-xl);padding-bottom:var(--pds-spacing-xl)}.List__ek-list_divider-indent_xxl___Im5Fy{margin-top:calc(var(--pds-spacing-xxl)*-1);margin-bottom:calc(var(--pds-spacing-xxl)*-1)}.List__ek-list_divider-indent_xxl___Im5Fy>.List__ek-list__item___YSmsd{padding-top:var(--pds-spacing-xxl);padding-bottom:var(--pds-spacing-xxl)}.List__ek-list_divider-indent_3xl___HQ4Q3{margin-top:calc(var(--pds-spacing-3xl)*-1);margin-bottom:calc(var(--pds-spacing-3xl)*-1)}.List__ek-list_divider-indent_3xl___HQ4Q3>.List__ek-list__item___YSmsd{padding-top:var(--pds-spacing-3xl);padding-bottom:var(--pds-spacing-3xl)}.List__ek-list_divider-indent_4xl___0ChcJ{margin-top:calc(var(--pds-spacing-4xl)*-1);margin-bottom:calc(var(--pds-spacing-4xl)*-1)}.List__ek-list_divider-indent_4xl___0ChcJ>.List__ek-list__item___YSmsd{padding-top:var(--pds-spacing-4xl);padding-bottom:var(--pds-spacing-4xl)}.List__ek-list_divider-indent_5xl___4Mav9{margin-top:calc(var(--pds-spacing-5xl)*-1);margin-bottom:calc(var(--pds-spacing-5xl)*-1)}.List__ek-list_divider-indent_5xl___4Mav9>.List__ek-list__item___YSmsd{padding-top:var(--pds-spacing-5xl);padding-bottom:var(--pds-spacing-5xl)}.List__ek-list_style_dash___mj2N7>.List__ek-list__item___YSmsd{padding-left:20px;position:relative}.List__ek-list_style_dash___mj2N7>.List__ek-list__item___YSmsd:before{position:absolute;margin-left:-20px;width:20px;text-align:center;content:"—"}.List__ek-list_style_decimal___RN7xL{counter-reset:item-index}.List__ek-list_style_decimal___RN7xL>.List__ek-list__item___YSmsd{padding-left:20px;position:relative}.List__ek-list_style_decimal___RN7xL>.List__ek-list__item___YSmsd:before{position:absolute;margin-left:-20px;width:20px;text-align:center;content:counter(item-index)".";counter-increment:item-index}.List__ek-list_style_disc___mfMrM>.List__ek-list__item___YSmsd{padding-left:20px;position:relative}.List__ek-list_style_disc___mfMrM>.List__ek-list__item___YSmsd:before{position:absolute;margin-left:-20px;width:20px;text-align:center;content:"•";font-weight:700}.List__ek-list_color_black-200___oeoh0>.List__ek-list__item___YSmsd:before{color:var(--black-200)}.List__ek-list_divider_black-200___CTzrb>.List__ek-list__item___YSmsd+.List__ek-list__item___YSmsd{border-top:1px solid var(--black-200)}.List__ek-list_color_black-400___fe9te>.List__ek-list__item___YSmsd:before{color:var(--black-400)}.List__ek-list_divider_black-400___u489k>.List__ek-list__item___YSmsd+.List__ek-list__item___YSmsd{border-top:1px solid var(--black-400)}.List__ek-list_color_violet-500___N4hYz>.List__ek-list__item___YSmsd:before{color:var(--violet-500)}.List__ek-list_divider_violet-500___CHUG->.List__ek-list__item___YSmsd+.List__ek-list__item___YSmsd{border-top:1px solid var(--violet-500)}.List__ek-list_blackhole_circle___5g1DG>.List__ek-list__item___YSmsd{position:relative;padding-left:24px}.List__ek-list_blackhole_circle___5g1DG>.List__ek-list__item___YSmsd::before{content:"";position:absolute;width:calc(1.4em/3);height:calc(1.4em/3);border-radius:50%;background:currentColor;margin:calc(1.4em/3)0 0-18px}@media only screen and (min-width:480px){.List__ek-list_color_black-200--small___nd0vu>.List__ek-list__item___YSmsd:before{color:var(--black-200)}.List__ek-list_divider_black-200--small___P9AN3>.List__ek-list__item___YSmsd+.List__ek-list__item___YSmsd{border-top:1px solid var(--black-200)}.List__ek-list_color_black-400--small___9RtAO>.List__ek-list__item___YSmsd:before{color:var(--black-400)}.List__ek-list_divider_black-400--small___Lm1sX>.List__ek-list__item___YSmsd+.List__ek-list__item___YSmsd{border-top:1px solid var(--black-400)}.List__ek-list_color_violet-500--small___cZTar>.List__ek-list__item___YSmsd:before{color:var(--violet-500)}.List__ek-list_divider_violet-500--small___jWfI7>.List__ek-list__item___YSmsd+.List__ek-list__item___YSmsd{border-top:1px solid var(--violet-500)}}@media only screen and (min-width:768px){.List__ek-list_color_black-200--medium___wrI23>.List__ek-list__item___YSmsd:before{color:var(--black-200)}.List__ek-list_divider_black-200--medium___OB9Iu>.List__ek-list__item___YSmsd+.List__ek-list__item___YSmsd{border-top:1px solid var(--black-200)}.List__ek-list_color_black-400--medium___xurpg>.List__ek-list__item___YSmsd:before{color:var(--black-400)}.List__ek-list_divider_black-400--medium___LG95U>.List__ek-list__item___YSmsd+.List__ek-list__item___YSmsd{border-top:1px solid var(--black-400)}.List__ek-list_color_violet-500--medium___Jsd2Z>.List__ek-list__item___YSmsd:before{color:var(--violet-500)}.List__ek-list_divider_violet-500--medium___XEveS>.List__ek-list__item___YSmsd+.List__ek-list__item___YSmsd{border-top:1px solid var(--violet-500)}}@media only screen and (min-width:960px){.List__ek-list_color_black-200--large___NVPgz>.List__ek-list__item___YSmsd:before{color:var(--black-200)}.List__ek-list_divider_black-200--large___UXXXS>.List__ek-list__item___YSmsd+.List__ek-list__item___YSmsd{border-top:1px solid var(--black-200)}.List__ek-list_color_black-400--large___r1Wai>.List__ek-list__item___YSmsd:before{color:var(--black-400)}.List__ek-list_divider_black-400--large___2GMHH>.List__ek-list__item___YSmsd+.List__ek-list__item___YSmsd{border-top:1px solid var(--black-400)}.List__ek-list_color_violet-500--large___2h3TU>.List__ek-list__item___YSmsd:before{color:var(--violet-500)}.List__ek-list_divider_violet-500--large___6KXqB>.List__ek-list__item___YSmsd+.List__ek-list__item___YSmsd{border-top:1px solid var(--violet-500)}}@media only screen and (min-width:1200px){.List__ek-list_color_black-200--wide___HLrt7>.List__ek-list__item___YSmsd:before{color:var(--black-200)}.List__ek-list_divider_black-200--wide___13miX>.List__ek-list__item___YSmsd+.List__ek-list__item___YSmsd{border-top:1px solid var(--black-200)}.List__ek-list_color_black-400--wide___fA5uQ>.List__ek-list__item___YSmsd:before{color:var(--black-400)}.List__ek-list_divider_black-400--wide___h8HgL>.List__ek-list__item___YSmsd+.List__ek-list__item___YSmsd{border-top:1px solid var(--black-400)}.List__ek-list_color_violet-500--wide___ufJFR>.List__ek-list__item___YSmsd:before{color:var(--violet-500)}.List__ek-list_divider_violet-500--wide___1IfVj>.List__ek-list__item___YSmsd+.List__ek-list__item___YSmsd{border-top:1px solid var(--violet-500)}}@media only screen and (min-width:1400px){.List__ek-list_color_black-200--huge___UYYLr>.List__ek-list__item___YSmsd:before{color:var(--black-200)}.List__ek-list_divider_black-200--huge___5ltnv>.List__ek-list__item___YSmsd+.List__ek-list__item___YSmsd{border-top:1px solid var(--black-200)}.List__ek-list_color_black-400--huge___AOi5A>.List__ek-list__item___YSmsd:before{color:var(--black-400)}.List__ek-list_divider_black-400--huge___t5yDF>.List__ek-list__item___YSmsd+.List__ek-list__item___YSmsd{border-top:1px solid var(--black-400)}.List__ek-list_color_violet-500--huge___pSJ7A>.List__ek-list__item___YSmsd:before{color:var(--violet-500)}.List__ek-list_divider_violet-500--huge___ofyVP>.List__ek-list__item___YSmsd+.List__ek-list__item___YSmsd{border-top:1px solid var(--violet-500)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.nujFR{display:block;list-style:none;padding:0;margin:0}.YSmsd{display:block}.niTVW{display:block}._68SA4{display:none}.du4oA{display:block}.gUtKc{display:none}._0tjbN{margin-top:0;margin-bottom:0}._0tjbN>.YSmsd{padding-top:0;padding-bottom:0}.jIPCN{margin-top:calc(var(--pds-spacing-xxs)/2*-1);margin-bottom:calc(var(--pds-spacing-xxs)/2*-1)}.jIPCN>.YSmsd{padding-top:calc(var(--pds-spacing-xxs)/2);padding-bottom:calc(var(--pds-spacing-xxs)/2)}.SE5ox{margin-top:calc(var(--pds-spacing-xs)/2*-1);margin-bottom:calc(var(--pds-spacing-xs)/2*-1)}.SE5ox>.YSmsd{padding-top:calc(var(--pds-spacing-xs)/2);padding-bottom:calc(var(--pds-spacing-xs)/2)}.nYCd8{margin-top:calc(var(--pds-spacing-s)/2*-1);margin-bottom:calc(var(--pds-spacing-s)/2*-1)}.nYCd8>.YSmsd{padding-top:calc(var(--pds-spacing-s)/2);padding-bottom:calc(var(--pds-spacing-s)/2)}.WIvKn{margin-top:calc(var(--pds-spacing-m)/2*-1);margin-bottom:calc(var(--pds-spacing-m)/2*-1)}.WIvKn>.YSmsd{padding-top:calc(var(--pds-spacing-m)/2);padding-bottom:calc(var(--pds-spacing-m)/2)}.QF69U{margin-top:calc(var(--pds-spacing-l)/2*-1);margin-bottom:calc(var(--pds-spacing-l)/2*-1)}.QF69U>.YSmsd{padding-top:calc(var(--pds-spacing-l)/2);padding-bottom:calc(var(--pds-spacing-l)/2)}.RWP4s{margin-top:calc(var(--pds-spacing-xl)/2*-1);margin-bottom:calc(var(--pds-spacing-xl)/2*-1)}.RWP4s>.YSmsd{padding-top:calc(var(--pds-spacing-xl)/2);padding-bottom:calc(var(--pds-spacing-xl)/2)}.WhLvS{margin-top:calc(var(--pds-spacing-xxl)/2*-1);margin-bottom:calc(var(--pds-spacing-xxl)/2*-1)}.WhLvS>.YSmsd{padding-top:calc(var(--pds-spacing-xxl)/2);padding-bottom:calc(var(--pds-spacing-xxl)/2)}.CAogk{margin-top:calc(var(--pds-spacing-3xl)/2*-1);margin-bottom:calc(var(--pds-spacing-3xl)/2*-1)}.CAogk>.YSmsd{padding-top:calc(var(--pds-spacing-3xl)/2);padding-bottom:calc(var(--pds-spacing-3xl)/2)}._7913U{margin-top:calc(var(--pds-spacing-4xl)/2*-1);margin-bottom:calc(var(--pds-spacing-4xl)/2*-1)}._7913U>.YSmsd{padding-top:calc(var(--pds-spacing-4xl)/2);padding-bottom:calc(var(--pds-spacing-4xl)/2)}.xu-6P{margin-top:calc(var(--pds-spacing-5xl)/2*-1);margin-bottom:calc(var(--pds-spacing-5xl)/2*-1)}.xu-6P>.YSmsd{padding-top:calc(var(--pds-spacing-5xl)/2);padding-bottom:calc(var(--pds-spacing-5xl)/2)}.EG7IJ{margin-top:0;margin-bottom:0}.EG7IJ>.YSmsd{padding-top:0;padding-bottom:0}._7FNDm{margin-top:calc(var(--pds-spacing-xxs)*-1);margin-bottom:calc(var(--pds-spacing-xxs)*-1)}._7FNDm>.YSmsd{padding-top:var(--pds-spacing-xxs);padding-bottom:var(--pds-spacing-xxs)}.zhNqm{margin-top:calc(var(--pds-spacing-xs)*-1);margin-bottom:calc(var(--pds-spacing-xs)*-1)}.zhNqm>.YSmsd{padding-top:var(--pds-spacing-xs);padding-bottom:var(--pds-spacing-xs)}.hFSJ0{margin-top:calc(var(--pds-spacing-s)*-1);margin-bottom:calc(var(--pds-spacing-s)*-1)}.hFSJ0>.YSmsd{padding-top:var(--pds-spacing-s);padding-bottom:var(--pds-spacing-s)}.nbwkk{margin-top:calc(var(--pds-spacing-m)*-1);margin-bottom:calc(var(--pds-spacing-m)*-1)}.nbwkk>.YSmsd{padding-top:var(--pds-spacing-m);padding-bottom:var(--pds-spacing-m)}.-OFx8{margin-top:calc(var(--pds-spacing-l)*-1);margin-bottom:calc(var(--pds-spacing-l)*-1)}.-OFx8>.YSmsd{padding-top:var(--pds-spacing-l);padding-bottom:var(--pds-spacing-l)}.ZIg3o{margin-top:calc(var(--pds-spacing-xl)*-1);margin-bottom:calc(var(--pds-spacing-xl)*-1)}.ZIg3o>.YSmsd{padding-top:var(--pds-spacing-xl);padding-bottom:var(--pds-spacing-xl)}.Im5Fy{margin-top:calc(var(--pds-spacing-xxl)*-1);margin-bottom:calc(var(--pds-spacing-xxl)*-1)}.Im5Fy>.YSmsd{padding-top:var(--pds-spacing-xxl);padding-bottom:var(--pds-spacing-xxl)}.HQ4Q3{margin-top:calc(var(--pds-spacing-3xl)*-1);margin-bottom:calc(var(--pds-spacing-3xl)*-1)}.HQ4Q3>.YSmsd{padding-top:var(--pds-spacing-3xl);padding-bottom:var(--pds-spacing-3xl)}._0ChcJ{margin-top:calc(var(--pds-spacing-4xl)*-1);margin-bottom:calc(var(--pds-spacing-4xl)*-1)}._0ChcJ>.YSmsd{padding-top:var(--pds-spacing-4xl);padding-bottom:var(--pds-spacing-4xl)}._4Mav9{margin-top:calc(var(--pds-spacing-5xl)*-1);margin-bottom:calc(var(--pds-spacing-5xl)*-1)}._4Mav9>.YSmsd{padding-top:var(--pds-spacing-5xl);padding-bottom:var(--pds-spacing-5xl)}.mj2N7>.YSmsd{padding-left:20px;position:relative}.mj2N7>.YSmsd:before{position:absolute;margin-left:-20px;width:20px;text-align:center;content:"—"}.RN7xL{counter-reset:item-index}.RN7xL>.YSmsd{padding-left:20px;position:relative}.RN7xL>.YSmsd:before{position:absolute;margin-left:-20px;width:20px;text-align:center;content:counter(item-index)".";counter-increment:item-index}.mfMrM>.YSmsd{padding-left:20px;position:relative}.mfMrM>.YSmsd:before{position:absolute;margin-left:-20px;width:20px;text-align:center;content:"•";font-weight:700}.oeoh0>.YSmsd:before{color:var(--black-200)}.CTzrb>.YSmsd+.YSmsd{border-top:1px solid var(--black-200)}.fe9te>.YSmsd:before{color:var(--black-400)}.u489k>.YSmsd+.YSmsd{border-top:1px solid var(--black-400)}.N4hYz>.YSmsd:before{color:var(--violet-500)}.CHUG->.YSmsd+.YSmsd{border-top:1px solid var(--violet-500)}._5g1DG>.YSmsd{position:relative;padding-left:24px}._5g1DG>.YSmsd::before{content:"";position:absolute;width:calc(1.4em/3);height:calc(1.4em/3);border-radius:50%;background:currentColor;margin:calc(1.4em/3)0 0-18px}@media only screen and (min-width:480px){.nd0vu>.YSmsd:before{color:var(--black-200)}.P9AN3>.YSmsd+.YSmsd{border-top:1px solid var(--black-200)}._9RtAO>.YSmsd:before{color:var(--black-400)}.Lm1sX>.YSmsd+.YSmsd{border-top:1px solid var(--black-400)}.cZTar>.YSmsd:before{color:var(--violet-500)}.jWfI7>.YSmsd+.YSmsd{border-top:1px solid var(--violet-500)}}@media only screen and (min-width:768px){.wrI23>.YSmsd:before{color:var(--black-200)}.OB9Iu>.YSmsd+.YSmsd{border-top:1px solid var(--black-200)}.xurpg>.YSmsd:before{color:var(--black-400)}.LG95U>.YSmsd+.YSmsd{border-top:1px solid var(--black-400)}.Jsd2Z>.YSmsd:before{color:var(--violet-500)}.XEveS>.YSmsd+.YSmsd{border-top:1px solid var(--violet-500)}}@media only screen and (min-width:960px){.NVPgz>.YSmsd:before{color:var(--black-200)}.UXXXS>.YSmsd+.YSmsd{border-top:1px solid var(--black-200)}.r1Wai>.YSmsd:before{color:var(--black-400)}._2GMHH>.YSmsd+.YSmsd{border-top:1px solid var(--black-400)}._2h3TU>.YSmsd:before{color:var(--violet-500)}._6KXqB>.YSmsd+.YSmsd{border-top:1px solid var(--violet-500)}}@media only screen and (min-width:1200px){.HLrt7>.YSmsd:before{color:var(--black-200)}._13miX>.YSmsd+.YSmsd{border-top:1px solid var(--black-200)}.fA5uQ>.YSmsd:before{color:var(--black-400)}.h8HgL>.YSmsd+.YSmsd{border-top:1px solid var(--black-400)}.ufJFR>.YSmsd:before{color:var(--violet-500)}._1IfVj>.YSmsd+.YSmsd{border-top:1px solid var(--violet-500)}}@media only screen and (min-width:1400px){.UYYLr>.YSmsd:before{color:var(--black-200)}._5ltnv>.YSmsd+.YSmsd{border-top:1px solid var(--black-200)}.AOi5A>.YSmsd:before{color:var(--black-400)}.t5yDF>.YSmsd+.YSmsd{border-top:1px solid var(--black-400)}.pSJ7A>.YSmsd:before{color:var(--violet-500)}.ofyVP>.YSmsd+.YSmsd{border-top:1px solid var(--violet-500)}}
|
package/List/index.js
CHANGED
|
@@ -1,25 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
evokitList.List.defaultProps = {
|
|
10
|
-
'list-preset': {
|
|
11
|
-
css: css
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
evokitList.List.Item.defaultProps = {
|
|
15
|
-
'list-item-preset': {
|
|
16
|
-
css: css
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
Object.defineProperty(exports, 'List', {
|
|
21
|
-
enumerable: true,
|
|
22
|
-
get: function () { return evokitList.List; }
|
|
23
|
-
});
|
|
24
|
-
|
|
25
|
-
require('./style.css');
|
|
3
|
+
if (process.env.NODE_ENV === 'production') {
|
|
4
|
+
module.exports = require('./cjs/index.production.js');
|
|
5
|
+
} else {
|
|
6
|
+
module.exports = require('./cjs/index.development.js');
|
|
7
|
+
}
|
package/List/package.json
CHANGED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export declare const MIN_SCREEN_WIDTH = 1;
|
|
2
|
+
export declare const SCREEN_BREAKPOINTS: {
|
|
3
|
+
small: number;
|
|
4
|
+
medium: number;
|
|
5
|
+
large: number;
|
|
6
|
+
wide: number;
|
|
7
|
+
huge: number;
|
|
8
|
+
};
|
|
9
|
+
export declare type tSCREEN_BREAKPOINTS = keyof typeof SCREEN_BREAKPOINTS;
|
|
10
|
+
export declare const SCREEN_BREAKPOINTS_PROXY: {
|
|
11
|
+
small: number;
|
|
12
|
+
medium: number;
|
|
13
|
+
large: number;
|
|
14
|
+
wide: number;
|
|
15
|
+
huge: number;
|
|
16
|
+
};
|
|
17
|
+
export declare const getBreakPoint: (key: tSCREEN_BREAKPOINTS) => number;
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var reactResponsive = require('react-responsive');
|
|
6
|
+
|
|
7
|
+
var MIN_SCREEN_WIDTH = 1;
|
|
8
|
+
var SCREEN_BREAKPOINTS = {
|
|
9
|
+
small: 480,
|
|
10
|
+
medium: 768,
|
|
11
|
+
large: 960,
|
|
12
|
+
wide: 1200,
|
|
13
|
+
huge: 1400
|
|
14
|
+
};
|
|
15
|
+
var SCREEN_BREAKPOINTS_PROXY = new Proxy(SCREEN_BREAKPOINTS, {
|
|
16
|
+
get: function (target, key) {
|
|
17
|
+
if (!target.hasOwnProperty(key)) {
|
|
18
|
+
var keyListStr = JSON.stringify(Object.keys(target));
|
|
19
|
+
throw new Error("Media received unknown width \"".concat(key, "\". You should use one of ").concat(keyListStr));
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
return target[key];
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
var getBreakPoint = function (key) {
|
|
26
|
+
// Use proxy in debug mode, to ensure that we are reading only existing breakpoints
|
|
27
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
28
|
+
return SCREEN_BREAKPOINTS_PROXY[key];
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
return SCREEN_BREAKPOINTS[key];
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
var useMedia = function (_a) {
|
|
35
|
+
var minWidth = _a.minWidth,
|
|
36
|
+
maxWidth = _a.maxWidth;
|
|
37
|
+
return reactResponsive.useMediaQuery({
|
|
38
|
+
minWidth: minWidth ? getBreakPoint(minWidth) : MIN_SCREEN_WIDTH,
|
|
39
|
+
maxWidth: maxWidth ? getBreakPoint(maxWidth) - 1 : undefined
|
|
40
|
+
});
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
var Media = function (_a) {
|
|
44
|
+
var minWidth = _a.minWidth,
|
|
45
|
+
maxWidth = _a.maxWidth,
|
|
46
|
+
children = _a.children;
|
|
47
|
+
var matchMedia = useMedia({
|
|
48
|
+
minWidth: minWidth,
|
|
49
|
+
maxWidth: maxWidth
|
|
50
|
+
});
|
|
51
|
+
|
|
52
|
+
if (matchMedia) {
|
|
53
|
+
return children;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
return null;
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
exports.Media = Media;
|
|
60
|
+
exports.useMedia = useMedia;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react-responsive"),r={small:480,medium:768,large:960,wide:1200,huge:1400},i=new Proxy(r,{get:function(e,r){if(!e.hasOwnProperty(r)){var i=JSON.stringify(Object.keys(e));throw new Error('Media received unknown width "'.concat(r,'". You should use one of ').concat(i))}return e[r]}}),t=function(e){return"production"!==process.env.NODE_ENV?i[e]:r[e]},n=function(r){var i=r.minWidth,n=r.maxWidth;return e.useMediaQuery({minWidth:i?t(i):1,maxWidth:n?t(n)-1:void 0})};exports.Media=function(e){var r=e.minWidth,i=e.maxWidth,t=e.children;return n({minWidth:r,maxWidth:i})?t:null},exports.useMedia=n;
|
package/Media/index.d.ts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { tSCREEN_BREAKPOINTS } from './breakpoints';
|
|
3
|
+
import { useMedia } from './useMedia';
|
|
4
|
+
export declare type MediaProps = {
|
|
5
|
+
minWidth?: tSCREEN_BREAKPOINTS;
|
|
6
|
+
maxWidth?: tSCREEN_BREAKPOINTS;
|
|
7
|
+
/** React children */
|
|
8
|
+
children?: any;
|
|
9
|
+
};
|
|
10
|
+
export { useMedia };
|
|
11
|
+
export declare const Media: React.FC<MediaProps>;
|
package/Media/index.js
ADDED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
|
-
"name": "@prom-ui/core/
|
|
3
|
-
"version": "0.0.
|
|
2
|
+
"name": "@prom-ui/core/Media",
|
|
3
|
+
"version": "0.0.30",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"types": "index.d.ts",
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"*.css"
|
|
8
8
|
],
|
|
9
9
|
"dependencies": {
|
|
10
|
-
"react-
|
|
10
|
+
"react-responsive": "^8.1.0"
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -3,12 +3,27 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var
|
|
6
|
+
var useOutsideClick = require('@prom-ui/hooks/useOutsideClick');
|
|
7
7
|
|
|
8
|
-
function
|
|
8
|
+
function _interopNamespace(e) {
|
|
9
|
+
if (e && e.__esModule) return e;
|
|
10
|
+
var n = Object.create(null);
|
|
11
|
+
if (e) {
|
|
12
|
+
Object.keys(e).forEach(function (k) {
|
|
13
|
+
if (k !== 'default') {
|
|
14
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
15
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function () { return e[k]; }
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
n["default"] = e;
|
|
23
|
+
return Object.freeze(n);
|
|
24
|
+
}
|
|
9
25
|
|
|
10
|
-
var
|
|
11
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
26
|
+
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
12
27
|
|
|
13
28
|
/******************************************************************************
|
|
14
29
|
Copyright (c) Microsoft Corporation.
|
|
@@ -48,29 +63,22 @@ function __rest(s, e) {
|
|
|
48
63
|
return t;
|
|
49
64
|
}
|
|
50
65
|
|
|
51
|
-
var
|
|
66
|
+
var OutsideClick = function (_a) {
|
|
67
|
+
var children = _a.children,
|
|
68
|
+
_b = _a.isActive,
|
|
69
|
+
isActive = _b === void 0 ? true : _b,
|
|
70
|
+
onClick = _a.onClick,
|
|
71
|
+
props = __rest(_a, ["children", "isActive", "onClick"]);
|
|
52
72
|
|
|
53
|
-
var
|
|
54
|
-
var _b = _a.withHolder,
|
|
55
|
-
withHolder = _b === void 0 ? false : _b,
|
|
56
|
-
props = __rest(_a, ["withHolder"]);
|
|
73
|
+
var ref = useOutsideClick.useOutsideClick(onClick)[0];
|
|
57
74
|
|
|
58
|
-
if (
|
|
59
|
-
return
|
|
60
|
-
className: css.triggerHolder
|
|
61
|
-
}, React__default["default"].createElement("span", __assign({}, props, {
|
|
62
|
-
className: css.trigger
|
|
63
|
-
})));
|
|
75
|
+
if (!isActive) {
|
|
76
|
+
return React__namespace.createElement("div", null, children);
|
|
64
77
|
}
|
|
65
78
|
|
|
66
|
-
return
|
|
67
|
-
|
|
68
|
-
}));
|
|
69
|
-
};
|
|
70
|
-
Trigger.propTypes = {
|
|
71
|
-
withHolder: PropTypes__default["default"].bool
|
|
79
|
+
return React__namespace.createElement("div", __assign({}, props, {
|
|
80
|
+
ref: ref
|
|
81
|
+
}), children);
|
|
72
82
|
};
|
|
73
83
|
|
|
74
|
-
exports.
|
|
75
|
-
|
|
76
|
-
require('./style.css');
|
|
84
|
+
exports.OutsideClick = OutsideClick;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@prom-ui/hooks/useOutsideClick");function t(e){if(e&&e.__esModule)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),i=function(){return i=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var i in r=arguments[t])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e},i.apply(this,arguments)};exports.OutsideClick=function(e){var t=e.children,o=e.isActive,c=void 0===o||o,u=e.onClick,l=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)r.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(t[n[i]]=e[n[i]])}return t}(e,["children","isActive","onClick"]),a=r.useOutsideClick(u)[0];return c?n.createElement("div",i({},l,{ref:a}),t):n.createElement("div",null,t)};
|
package/OutsideClick/index.d.ts
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare type
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare type OutsideClickProps = {
|
|
3
|
+
/** React children */
|
|
3
4
|
children?: React.ReactNode;
|
|
5
|
+
/** Если передать `false` компонент перестанет работать */
|
|
4
6
|
isActive?: boolean;
|
|
7
|
+
/** Срабатывает если клик произошел вне компонента */
|
|
5
8
|
onClick: () => void;
|
|
6
9
|
};
|
|
7
|
-
export declare const OutsideClick: React.FC<
|
|
10
|
+
export declare const OutsideClick: React.FC<OutsideClickProps>;
|
|
8
11
|
export {};
|
package/OutsideClick/index.js
CHANGED
|
@@ -1,77 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var useOutsideClick = require('@prom-ui/hooks/useOutsideClick');
|
|
8
|
-
|
|
9
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
|
-
|
|
11
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
13
|
-
|
|
14
|
-
/******************************************************************************
|
|
15
|
-
Copyright (c) Microsoft Corporation.
|
|
16
|
-
|
|
17
|
-
Permission to use, copy, modify, and/or distribute this software for any
|
|
18
|
-
purpose with or without fee is hereby granted.
|
|
19
|
-
|
|
20
|
-
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
21
|
-
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
22
|
-
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
23
|
-
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
24
|
-
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
25
|
-
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
26
|
-
PERFORMANCE OF THIS SOFTWARE.
|
|
27
|
-
***************************************************************************** */
|
|
28
|
-
|
|
29
|
-
var __assign = function() {
|
|
30
|
-
__assign = Object.assign || function __assign(t) {
|
|
31
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
32
|
-
s = arguments[i];
|
|
33
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
34
|
-
}
|
|
35
|
-
return t;
|
|
36
|
-
};
|
|
37
|
-
return __assign.apply(this, arguments);
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
function __rest(s, e) {
|
|
41
|
-
var t = {};
|
|
42
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
43
|
-
t[p] = s[p];
|
|
44
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
45
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
46
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
47
|
-
t[p[i]] = s[p[i]];
|
|
48
|
-
}
|
|
49
|
-
return t;
|
|
3
|
+
if (process.env.NODE_ENV === 'production') {
|
|
4
|
+
module.exports = require('./cjs/index.production.js');
|
|
5
|
+
} else {
|
|
6
|
+
module.exports = require('./cjs/index.development.js');
|
|
50
7
|
}
|
|
51
|
-
|
|
52
|
-
var OutsideClick = function (_a) {
|
|
53
|
-
var children = _a.children,
|
|
54
|
-
_b = _a.isActive,
|
|
55
|
-
isActive = _b === void 0 ? true : _b,
|
|
56
|
-
onClick = _a.onClick,
|
|
57
|
-
props = __rest(_a, ["children", "isActive", "onClick"]);
|
|
58
|
-
|
|
59
|
-
var ref = useOutsideClick.useOutsideClick(onClick)[0];
|
|
60
|
-
|
|
61
|
-
if (!isActive) {
|
|
62
|
-
return React__default["default"].createElement("div", null, children);
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
return React__default["default"].createElement("div", __assign({}, props, {
|
|
66
|
-
ref: ref
|
|
67
|
-
}), children);
|
|
68
|
-
};
|
|
69
|
-
OutsideClick.propTypes = {
|
|
70
|
-
/** Если передать `false` компонент перестанет работать */
|
|
71
|
-
isActive: PropTypes__default["default"].bool,
|
|
72
|
-
|
|
73
|
-
/** Срабатывает если клик произошел вне компонента */
|
|
74
|
-
onClick: PropTypes__default["default"].func.isRequired
|
|
75
|
-
};
|
|
76
|
-
|
|
77
|
-
exports.OutsideClick = OutsideClick;
|