@prom-ui/core 0.0.10 → 0.0.13

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.
Files changed (55) hide show
  1. package/Body/package.json +1 -1
  2. package/Body/style.css +1 -741
  3. package/Box/package.json +1 -1
  4. package/Box/style.css +1 -9676
  5. package/Button/index.d.ts +3 -6
  6. package/Button/index.js +5 -8
  7. package/Button/package.json +1 -1
  8. package/Button/style.css +1 -3393
  9. package/ButtonPageUp/index.d.ts +11 -0
  10. package/ButtonPageUp/index.js +174 -0
  11. package/ButtonPageUp/package.json +11 -0
  12. package/Checkbox/package.json +1 -1
  13. package/Checkbox/style.css +1 -133
  14. package/Flex/package.json +1 -1
  15. package/Flex/style.css +1 -786
  16. package/Grid/package.json +1 -1
  17. package/Grid/style.css +1 -7350
  18. package/Icon/package.json +1 -1
  19. package/Icon/style.css +1 -46
  20. package/Image/package.json +1 -1
  21. package/Image/style.css +1 -664
  22. package/ImageEmoji/package.json +1 -1
  23. package/Input/package.json +1 -1
  24. package/Input/style.css +1 -345
  25. package/KeyPress/index.d.ts +11 -0
  26. package/KeyPress/index.js +55 -0
  27. package/KeyPress/package.json +9 -0
  28. package/Line/package.json +1 -1
  29. package/Line/style.css +1 -138
  30. package/Link/package.json +1 -1
  31. package/Link/style.css +1 -259
  32. package/List/package.json +1 -1
  33. package/List/style.css +1 -312
  34. package/OutsideClick/index.d.ts +8 -0
  35. package/OutsideClick/index.js +77 -0
  36. package/OutsideClick/package.json +9 -0
  37. package/Picture/package.json +1 -1
  38. package/Picture/style.css +1 -1426
  39. package/Portal/index.d.ts +8 -0
  40. package/Portal/index.js +54 -0
  41. package/Portal/package.json +9 -0
  42. package/Rating/package.json +1 -1
  43. package/Rating/style.css +1 -26
  44. package/Scroll/package.json +1 -1
  45. package/Scroll/style.css +1 -169
  46. package/Skeleton/package.json +1 -1
  47. package/Skeleton/style.css +1 -145
  48. package/Spinner/package.json +1 -1
  49. package/Spinner/style.css +1 -80
  50. package/Text/package.json +1 -1
  51. package/Text/style.css +1 -840
  52. package/TextEmoji/package.json +1 -1
  53. package/Tumbler/package.json +1 -1
  54. package/Tumbler/style.css +1 -118
  55. package/package.json +12 -5
package/Portal/index.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ declare type PropsPortal = {
3
+ id?: string;
4
+ isActive?: boolean;
5
+ children?: any;
6
+ };
7
+ export declare const Portal: React.FC<PropsPortal>;
8
+ export {};
package/Portal/index.js ADDED
@@ -0,0 +1,54 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var PropTypes = require('prop-types');
7
+ var reactDom = require('react-dom');
8
+ var usePortal = require('@prom-ui/hooks/usePortal');
9
+
10
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
+
12
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
+ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
14
+
15
+ var PortalApp = function (_a) {
16
+ var id = _a.id,
17
+ children = _a.children;
18
+ var target = usePortal.usePortal(id);
19
+
20
+ if (target) {
21
+ return reactDom.createPortal(children, target);
22
+ }
23
+
24
+ return children;
25
+ };
26
+
27
+ var Portal = function (_a) {
28
+ var _b = _a.id,
29
+ id = _b === void 0 ? 'react-portal' : _b,
30
+ _c = _a.isActive,
31
+ isActive = _c === void 0 ? true : _c,
32
+ _d = _a.children,
33
+ children = _d === void 0 ? null : _d;
34
+
35
+ if (!isActive) {
36
+ return children;
37
+ }
38
+
39
+ return React__default["default"].createElement(PortalApp, {
40
+ id: id
41
+ }, children);
42
+ };
43
+ Portal.propTypes = {
44
+ /** React children */
45
+ children: PropTypes__default["default"].node,
46
+
47
+ /** ID html ноды, Если такая нода отсутствует на странице, будет создан новый `<div>` в конце `<body>` */
48
+ id: PropTypes__default["default"].string,
49
+
50
+ /** Если передать `false` компонент перестанет работать */
51
+ isActive: PropTypes__default["default"].bool
52
+ };
53
+
54
+ exports.Portal = Portal;
package/Portal/package.json ADDED
@@ -0,0 +1,9 @@
1
+ {
2
+ "name": "@prom-ui/core/Portal",
3
+ "version": "0.0.13",
4
+ "main": "index.js",
5
+ "types": "index.d.ts",
6
+ "dependencies": {
7
+ "@prom-ui/hooks": "^0.0.3"
8
+ }
9
+ }
package/Rating/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Rating",
3
- "version": "0.0.10",
3
+ "version": "0.0.13",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "dependencies": {
package/Rating/style.css CHANGED
@@ -1,26 +1 @@
1
- .Rating__ek-rating___fJb0G {
2
- display: block;
3
- -webkit-tap-highlight-color: transparent;
4
- box-sizing: border-box;
5
- height: 1em;
6
- width: calc(1em * 5)
7
- }
8
-
9
- .Rating__ek-rating___fJb0G:focus {
10
- outline: none;
11
- }
12
-
13
- .Rating__ek-rating_size_small___YZP0u {
14
- height: 14px;
15
- width: calc(14px * 5);
16
- }
17
-
18
- .Rating__ek-rating_size_default___X0xeh {
19
- height: 18px;
20
- width: calc(18px * 5);
21
- }
22
-
23
- .Rating__ek-rating_size_big___fQ-Lk {
24
- height: 22px;
25
- width: calc(22px * 5);
26
- }
1
+ .Rating__ek-rating___fJb0G{display:block;-webkit-tap-highlight-color:transparent;box-sizing:border-box;height:1em;width:calc(1em*5)}.Rating__ek-rating___fJb0G:focus{outline:0}.Rating__ek-rating_size_small___YZP0u{height:14px;width:calc(14px*5)}.Rating__ek-rating_size_default___X0xeh{height:18px;width:calc(18px*5)}.Rating__ek-rating_size_big___fQ-Lk{height:22px;width:calc(22px*5)}
package/Scroll/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Scroll",
3
- "version": "0.0.10",
3
+ "version": "0.0.13",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "dependencies": {
package/Scroll/style.css CHANGED
@@ -1,169 +1 @@
1
- .Scroll__ek-scroll___m6Vr5 {
2
- display: flex;
3
- flex-wrap: nowrap;
4
- flex-direction: row;
5
- overflow-x: auto;
6
- overflow-y: hidden;
7
- -webkit-overflow-scrolling: touch;
8
- list-style: none;
9
- padding: 0;
10
- margin: 0;
11
- box-sizing: border-box
12
- }
13
- .Scroll__ek-scroll___m6Vr5::after,
14
- .Scroll__ek-scroll___m6Vr5::before {
15
- content: "";
16
- align-self: normal;
17
- }
18
- .Scroll__ek-scroll__item___bfetG {
19
- margin: 0;
20
- padding: 0;
21
- flex: 0 0 auto;
22
- box-sizing: border-box;
23
- }
24
- .Scroll__ek-scroll__item_blackhole_width-fit-content___k-fNo {
25
- width: -webkit-fit-content;
26
- width: -moz-fit-content;
27
- width: fit-content;
28
- }
29
- .Scroll__ek-scroll__item_blackhole_width-max-content___s8gGl {
30
- width: -webkit-max-content;
31
- width: -moz-max-content;
32
- width: max-content;
33
- }
34
- .Scroll__ek-scroll_padding_xxs___9vZpV::after,
35
- .Scroll__ek-scroll_padding_xxs___9vZpV::before {
36
- flex: 0 0 var(--pds-spacing-xxs);
37
- }
38
- .Scroll__ek-scroll_padding_xs___L5kMA::after,
39
- .Scroll__ek-scroll_padding_xs___L5kMA::before {
40
- flex: 0 0 var(--pds-spacing-xs);
41
- }
42
- .Scroll__ek-scroll_padding_s___Nr3Ig::after,
43
- .Scroll__ek-scroll_padding_s___Nr3Ig::before {
44
- flex: 0 0 var(--pds-spacing-s);
45
- }
46
- .Scroll__ek-scroll_padding_m___hcRCz::after,
47
- .Scroll__ek-scroll_padding_m___hcRCz::before {
48
- flex: 0 0 var(--pds-spacing-m);
49
- }
50
- .Scroll__ek-scroll_padding_l___SKeiS::after,
51
- .Scroll__ek-scroll_padding_l___SKeiS::before {
52
- flex: 0 0 var(--pds-spacing-l);
53
- }
54
- .Scroll__ek-scroll_padding_xl___MG4J-::after,
55
- .Scroll__ek-scroll_padding_xl___MG4J-::before {
56
- flex: 0 0 var(--pds-spacing-xl);
57
- }
58
- .Scroll__ek-scroll_padding_xxl___m8ou2::after,
59
- .Scroll__ek-scroll_padding_xxl___m8ou2::before {
60
- flex: 0 0 var(--pds-spacing-xxl);
61
- }
62
- .Scroll__ek-scroll_padding_3xl___xy72W::after,
63
- .Scroll__ek-scroll_padding_3xl___xy72W::before {
64
- flex: 0 0 var(--pds-spacing-3xl);
65
- }
66
- .Scroll__ek-scroll_padding_4xl___gzW-I::after,
67
- .Scroll__ek-scroll_padding_4xl___gzW-I::before {
68
- flex: 0 0 var(--pds-spacing-4xl);
69
- }
70
- .Scroll__ek-scroll_padding_5xl___JErmt::after,
71
- .Scroll__ek-scroll_padding_5xl___JErmt::before {
72
- flex: 0 0 var(--pds-spacing-5xl);
73
- }
74
- .Scroll__ek-scroll_column_1___n5mTi > .Scroll__ek-scroll__item___bfetG {
75
- flex-basis: calc(100% / 1);
76
- min-width: 0;
77
- }
78
- .Scroll__ek-scroll_column_2___GqdmF > .Scroll__ek-scroll__item___bfetG {
79
- flex-basis: calc(100% / 2);
80
- min-width: 0;
81
- }
82
- .Scroll__ek-scroll_column_3___DKZCp > .Scroll__ek-scroll__item___bfetG {
83
- flex-basis: calc(100% / 3);
84
- min-width: 0;
85
- }
86
- .Scroll__ek-scroll_column_4___-Nf-L > .Scroll__ek-scroll__item___bfetG {
87
- flex-basis: calc(100% / 4);
88
- min-width: 0;
89
- }
90
- .Scroll__ek-scroll_column_5___OxDq- > .Scroll__ek-scroll__item___bfetG {
91
- flex-basis: calc(100% / 5);
92
- min-width: 0;
93
- }
94
- .Scroll__ek-scroll_column_6___wP8Pu > .Scroll__ek-scroll__item___bfetG {
95
- flex-basis: calc(100% / 6);
96
- min-width: 0;
97
- }
98
- .Scroll__ek-scroll_column_7___-ZDSB > .Scroll__ek-scroll__item___bfetG {
99
- flex-basis: calc(100% / 7);
100
- min-width: 0;
101
- }
102
- .Scroll__ek-scroll_column_8___PnnsU > .Scroll__ek-scroll__item___bfetG {
103
- flex-basis: calc(100% / 8);
104
- min-width: 0;
105
- }
106
- .Scroll__ek-scroll_column_9___DDqgb > .Scroll__ek-scroll__item___bfetG {
107
- flex-basis: calc(100% / 9);
108
- min-width: 0;
109
- }
110
- .Scroll__ek-scroll_column_10___Hh-uZ > .Scroll__ek-scroll__item___bfetG {
111
- flex-basis: calc(100% / 10);
112
- min-width: 0;
113
- }
114
- .Scroll__ek-scroll_gap_xxs___15vfK > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
115
- margin-left: var(--pds-spacing-xxs);
116
- }
117
- .Scroll__ek-scroll_gap_xs___Kvr2J > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
118
- margin-left: var(--pds-spacing-xs);
119
- }
120
- .Scroll__ek-scroll_gap_s___71-or > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
121
- margin-left: var(--pds-spacing-s);
122
- }
123
- .Scroll__ek-scroll_gap_m___glUvB > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
124
- margin-left: var(--pds-spacing-m);
125
- }
126
- .Scroll__ek-scroll_gap_l___pQC7Z > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
127
- margin-left: var(--pds-spacing-l);
128
- }
129
- .Scroll__ek-scroll_gap_xl___L1iAD > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
130
- margin-left: var(--pds-spacing-xl);
131
- }
132
- .Scroll__ek-scroll_gap_xxl___wVNm- > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
133
- margin-left: var(--pds-spacing-xxl);
134
- }
135
- .Scroll__ek-scroll_gap_3xl___4tQXK > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
136
- margin-left: var(--pds-spacing-3xl);
137
- }
138
- .Scroll__ek-scroll_gap_4xl___1-5dw > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
139
- margin-left: var(--pds-spacing-4xl);
140
- }
141
- .Scroll__ek-scroll_gap_5xl___ym2qM > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
142
- margin-left: var(--pds-spacing-5xl);
143
- }
144
- .Scroll__ek-scroll_bar_none___c1gVV {
145
- -ms-overflow-style: none; /* for Internet Explorer, Edge */
146
- scrollbar-width: none /* for Firefox */
147
- }
148
- .Scroll__ek-scroll_bar_none___c1gVV::-webkit-scrollbar {
149
- display: none;
150
- }
151
- .Scroll__ek-scroll_bar_auto___-TbaH {
152
- -ms-overflow-style: auto; /* for Internet Explorer, Edge */
153
- scrollbar-width: auto /* for Firefox */
154
- }
155
- .Scroll__ek-scroll_bar_auto___-TbaH::-webkit-scrollbar {
156
- display: auto; /* stylelint-disable-line csstree/validator */
157
- }
158
- .Scroll__ek-scroll_align_normal___zoDjM {
159
- align-items: normal;
160
- }
161
- .Scroll__ek-scroll_align_start___4mACC {
162
- align-items: flex-start;
163
- }
164
- .Scroll__ek-scroll_align_center___3PWHW {
165
- align-items: center;
166
- }
167
- .Scroll__ek-scroll_align_end___AwLLA {
168
- align-items: flex-end;
169
- }
1
+ .Scroll__ek-scroll___m6Vr5{display:flex;flex-wrap:nowrap;flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;list-style:none;padding:0;margin:0;box-sizing:border-box}.Scroll__ek-scroll___m6Vr5::after,.Scroll__ek-scroll___m6Vr5::before{content:"";align-self:normal}.Scroll__ek-scroll__item___bfetG{margin:0;padding:0;flex:0 0 auto;box-sizing:border-box}.Scroll__ek-scroll__item_blackhole_width-fit-content___k-fNo{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Scroll__ek-scroll__item_blackhole_width-max-content___s8gGl{width:-webkit-max-content;width:-moz-max-content;width:max-content}.Scroll__ek-scroll_padding_xxs___9vZpV::after,.Scroll__ek-scroll_padding_xxs___9vZpV::before{flex:0 0 var(--pds-spacing-xxs)}.Scroll__ek-scroll_padding_xs___L5kMA::after,.Scroll__ek-scroll_padding_xs___L5kMA::before{flex:0 0 var(--pds-spacing-xs)}.Scroll__ek-scroll_padding_s___Nr3Ig::after,.Scroll__ek-scroll_padding_s___Nr3Ig::before{flex:0 0 var(--pds-spacing-s)}.Scroll__ek-scroll_padding_m___hcRCz::after,.Scroll__ek-scroll_padding_m___hcRCz::before{flex:0 0 var(--pds-spacing-m)}.Scroll__ek-scroll_padding_l___SKeiS::after,.Scroll__ek-scroll_padding_l___SKeiS::before{flex:0 0 var(--pds-spacing-l)}.Scroll__ek-scroll_padding_xl___MG4J-::after,.Scroll__ek-scroll_padding_xl___MG4J-::before{flex:0 0 var(--pds-spacing-xl)}.Scroll__ek-scroll_padding_xxl___m8ou2::after,.Scroll__ek-scroll_padding_xxl___m8ou2::before{flex:0 0 var(--pds-spacing-xxl)}.Scroll__ek-scroll_padding_3xl___xy72W::after,.Scroll__ek-scroll_padding_3xl___xy72W::before{flex:0 0 var(--pds-spacing-3xl)}.Scroll__ek-scroll_padding_4xl___gzW-I::after,.Scroll__ek-scroll_padding_4xl___gzW-I::before{flex:0 0 var(--pds-spacing-4xl)}.Scroll__ek-scroll_padding_5xl___JErmt::after,.Scroll__ek-scroll_padding_5xl___JErmt::before{flex:0 0 var(--pds-spacing-5xl)}.Scroll__ek-scroll_column_1___n5mTi>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/1);min-width:0}.Scroll__ek-scroll_column_2___GqdmF>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/2);min-width:0}.Scroll__ek-scroll_column_3___DKZCp>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/3);min-width:0}.Scroll__ek-scroll_column_4___-Nf-L>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/4);min-width:0}.Scroll__ek-scroll_column_5___OxDq->.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/5);min-width:0}.Scroll__ek-scroll_column_6___wP8Pu>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/6);min-width:0}.Scroll__ek-scroll_column_7___-ZDSB>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/7);min-width:0}.Scroll__ek-scroll_column_8___PnnsU>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/8);min-width:0}.Scroll__ek-scroll_column_9___DDqgb>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/9);min-width:0}.Scroll__ek-scroll_column_10___Hh-uZ>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/10);min-width:0}.Scroll__ek-scroll_gap_xxs___15vfK>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-xxs)}.Scroll__ek-scroll_gap_xs___Kvr2J>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-xs)}.Scroll__ek-scroll_gap_s___71-or>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-s)}.Scroll__ek-scroll_gap_m___glUvB>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-m)}.Scroll__ek-scroll_gap_l___pQC7Z>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-l)}.Scroll__ek-scroll_gap_xl___L1iAD>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-xl)}.Scroll__ek-scroll_gap_xxl___wVNm->.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-xxl)}.Scroll__ek-scroll_gap_3xl___4tQXK>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-3xl)}.Scroll__ek-scroll_gap_4xl___1-5dw>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-4xl)}.Scroll__ek-scroll_gap_5xl___ym2qM>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-5xl)}.Scroll__ek-scroll_bar_none___c1gVV{-ms-overflow-style:none;scrollbar-width:none}.Scroll__ek-scroll_bar_none___c1gVV::-webkit-scrollbar{display:none}.Scroll__ek-scroll_bar_auto___-TbaH{-ms-overflow-style:auto;scrollbar-width:auto}.Scroll__ek-scroll_bar_auto___-TbaH::-webkit-scrollbar{display:auto}.Scroll__ek-scroll_align_normal___zoDjM{align-items:normal}.Scroll__ek-scroll_align_start___4mACC{align-items:flex-start}.Scroll__ek-scroll_align_center___3PWHW{align-items:center}.Scroll__ek-scroll_align_end___AwLLA{align-items:flex-end}
package/Skeleton/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Skeleton",
3
- "version": "0.0.10",
3
+ "version": "0.0.13",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "dependencies": {
package/Skeleton/style.css CHANGED
@@ -1,145 +1 @@
1
- @-webkit-keyframes Skeleton__skeleton-keyframes-wave___tx4t3 {
2
- 0% {
3
- transform: translateX(-100%);
4
- }
5
-
6
- 100% {
7
- transform: translateX(100%);
8
- }
9
- }
10
-
11
- @keyframes Skeleton__skeleton-keyframes-wave___tx4t3 {
12
- 0% {
13
- transform: translateX(-100%);
14
- }
15
-
16
- 100% {
17
- transform: translateX(100%);
18
- }
19
- }
20
-
21
- .Skeleton__ek-skeleton___YQ77B {
22
- display: block;
23
- clear: both;
24
- line-height: 100%;
25
- border-radius: var(--pds-round-m);
26
- overflow: hidden;
27
- pointer-events: none;
28
- position: relative
29
- }
30
-
31
- .Skeleton__ek-skeleton___YQ77B + .Skeleton__ek-skeleton___YQ77B {
32
- margin-top: var(--pds-spacing-s);
33
- }
34
-
35
- .Skeleton__ek-skeleton___YQ77B::after {
36
- position: absolute;
37
- left: 0;
38
- top: 0;
39
- width: 100%;
40
- height: 100%;
41
- }
42
-
43
- .Skeleton__ek-skeleton_theme_grey___fLU-I {
44
- background-color: var(--black-100)
45
- }
46
-
47
- .Skeleton__ek-skeleton_theme_grey___fLU-I::after {
48
- content: "";
49
- transform: translateX(-100%);
50
- will-change: transform;
51
- background-image:
52
- linear-gradient(
53
- to right,
54
- var(--black-100) 0%,
55
- var(--black-100) 20%,
56
- var(--black-50) 50%,
57
- var(--black-100) 80%,
58
- var(--black-100) 100%
59
- );
60
- -webkit-animation: Skeleton__skeleton-keyframes-wave___tx4t3 1350ms linear infinite;
61
- animation: Skeleton__skeleton-keyframes-wave___tx4t3 1350ms linear infinite;
62
- }
63
-
64
- .Skeleton__ek-skeleton_theme_black-100___7Lfmq {
65
- background: var(--black-100);
66
- }
67
-
68
- .Skeleton__ek-skeleton_theme_white___HJ4sO {
69
- background: var(--white);
70
- }
71
-
72
- .Skeleton__ek-skeleton_variant_text___8cqBE::before {
73
- content: "\00a0";
74
- }
75
-
76
- .Skeleton__ek-skeleton_variant_circle___-y8Ac {
77
- border-radius: 50%;
78
- }
79
-
80
- .Skeleton__ek-skeleton_variant_circle___-y8Ac::before, .Skeleton__ek-skeleton_variant_square___ER7Aa::before {
81
- content: "";
82
- display: block;
83
- padding-bottom: 100%;
84
- }
85
-
86
- .Skeleton__ek-skeleton_variant_rect___PqK20 {
87
- border-radius: 0;
88
- }
89
-
90
- .Skeleton__ek-skeleton_align_left___vFpty {
91
- margin-right: auto;
92
- }
93
-
94
- .Skeleton__ek-skeleton_align_center___xLcUn {
95
- margin-left: auto;
96
- margin-right: auto;
97
- }
98
-
99
- .Skeleton__ek-skeleton_align_right___YXQvi {
100
- margin-left: auto;
101
- }
102
-
103
- .Skeleton__ek-skeleton_opacity_0___hV3fo {
104
- opacity: 0;
105
- }
106
-
107
- .Skeleton__ek-skeleton_opacity_10___SWeYg {
108
- opacity: .1;
109
- }
110
-
111
- .Skeleton__ek-skeleton_opacity_20___uh-KW {
112
- opacity: .2;
113
- }
114
-
115
- .Skeleton__ek-skeleton_opacity_30___o-fsf {
116
- opacity: .3;
117
- }
118
-
119
- .Skeleton__ek-skeleton_opacity_40___yQNnj {
120
- opacity: .4;
121
- }
122
-
123
- .Skeleton__ek-skeleton_opacity_50___8ChyF {
124
- opacity: .5;
125
- }
126
-
127
- .Skeleton__ek-skeleton_opacity_60___jPfCj {
128
- opacity: .6;
129
- }
130
-
131
- .Skeleton__ek-skeleton_opacity_70___yi2qY {
132
- opacity: .7;
133
- }
134
-
135
- .Skeleton__ek-skeleton_opacity_80___kUBbU {
136
- opacity: .8;
137
- }
138
-
139
- .Skeleton__ek-skeleton_opacity_90___C0qIh {
140
- opacity: .9;
141
- }
142
-
143
- .Skeleton__ek-skeleton_opacity_100___PYOu- {
144
- opacity: 1;
145
- }
1
+ @-webkit-keyframes Skeleton__skeleton-keyframes-wave___tx4t3{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes Skeleton__skeleton-keyframes-wave___tx4t3{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.Skeleton__ek-skeleton___YQ77B{display:block;clear:both;line-height:100%;border-radius:var(--pds-round-m);overflow:hidden;pointer-events:none;position:relative}.Skeleton__ek-skeleton___YQ77B+.Skeleton__ek-skeleton___YQ77B{margin-top:var(--pds-spacing-s)}.Skeleton__ek-skeleton___YQ77B::after{position:absolute;left:0;top:0;width:100%;height:100%}.Skeleton__ek-skeleton_theme_grey___fLU-I{background-color:var(--black-100)}.Skeleton__ek-skeleton_theme_grey___fLU-I::after{content:"";transform:translateX(-100%);will-change:transform;background-image:linear-gradient(to right,var(--black-100) 0%,var(--black-100) 20%,var(--black-50) 50%,var(--black-100) 80%,var(--black-100) 100%);-webkit-animation:Skeleton__skeleton-keyframes-wave___tx4t3 1350ms linear infinite;animation:Skeleton__skeleton-keyframes-wave___tx4t3 1350ms linear infinite}.Skeleton__ek-skeleton_theme_black-100___7Lfmq{background:var(--black-100)}.Skeleton__ek-skeleton_theme_white___HJ4sO{background:var(--white)}.Skeleton__ek-skeleton_variant_text___8cqBE::before{content:" "}.Skeleton__ek-skeleton_variant_circle___-y8Ac{border-radius:50%}.Skeleton__ek-skeleton_variant_circle___-y8Ac::before,.Skeleton__ek-skeleton_variant_square___ER7Aa::before{content:"";display:block;padding-bottom:100%}.Skeleton__ek-skeleton_variant_rect___PqK20{border-radius:0}.Skeleton__ek-skeleton_align_left___vFpty{margin-right:auto}.Skeleton__ek-skeleton_align_center___xLcUn{margin-left:auto;margin-right:auto}.Skeleton__ek-skeleton_align_right___YXQvi{margin-left:auto}.Skeleton__ek-skeleton_opacity_0___hV3fo{opacity:0}.Skeleton__ek-skeleton_opacity_10___SWeYg{opacity:.1}.Skeleton__ek-skeleton_opacity_20___uh-KW{opacity:.2}.Skeleton__ek-skeleton_opacity_30___o-fsf{opacity:.3}.Skeleton__ek-skeleton_opacity_40___yQNnj{opacity:.4}.Skeleton__ek-skeleton_opacity_50___8ChyF{opacity:.5}.Skeleton__ek-skeleton_opacity_60___jPfCj{opacity:.6}.Skeleton__ek-skeleton_opacity_70___yi2qY{opacity:.7}.Skeleton__ek-skeleton_opacity_80___kUBbU{opacity:.8}.Skeleton__ek-skeleton_opacity_90___C0qIh{opacity:.9}.Skeleton__ek-skeleton_opacity_100___PYOu-{opacity:1}
package/Spinner/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Spinner",
3
- "version": "0.0.10",
3
+ "version": "0.0.13",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "dependencies": {
package/Spinner/style.css CHANGED
@@ -1,80 +1 @@
1
- @-webkit-keyframes Spinner__rotate___aKoVD {
2
- 0% {
3
- transform: rotate(0deg);
4
-
5
- /* Fix IE11 wobbly */
6
- transform-origin: 50% 50%;
7
- }
8
-
9
- 100% {
10
- transform: rotate(360deg);
11
- }
12
- }
13
-
14
- @keyframes Spinner__rotate___aKoVD {
15
- 0% {
16
- transform: rotate(0deg);
17
-
18
- /* Fix IE11 wobbly */
19
- transform-origin: 50% 50%;
20
- }
21
-
22
- 100% {
23
- transform: rotate(360deg);
24
- }
25
- }
26
-
27
- .Spinner__ek-spinner___K7r-c {
28
- display: block;
29
- overflow: hidden;
30
- -webkit-animation: Spinner__rotate___aKoVD 1.4s linear infinite;
31
- animation: Spinner__rotate___aKoVD 1.4s linear infinite;
32
- color: currentColor;
33
- }
34
-
35
- @-webkit-keyframes Spinner__dash___bKr0a {
36
- 0% {
37
- stroke-dasharray: 1px, 200px;
38
- stroke-dashoffset: 0;
39
- }
40
-
41
- 50% {
42
- stroke-dasharray: 100px, 200px;
43
- stroke-dashoffset: -15px;
44
- }
45
-
46
- 100% {
47
- stroke-dasharray: 100px, 200px;
48
- stroke-dashoffset: -125px;
49
- }
50
- }
51
-
52
- @keyframes Spinner__dash___bKr0a {
53
- 0% {
54
- stroke-dasharray: 1px, 200px;
55
- stroke-dashoffset: 0;
56
- }
57
-
58
- 50% {
59
- stroke-dasharray: 100px, 200px;
60
- stroke-dashoffset: -15px;
61
- }
62
-
63
- 100% {
64
- stroke-dasharray: 100px, 200px;
65
- stroke-dashoffset: -125px;
66
- }
67
- }
68
-
69
- .Spinner__ek-spinner__circle___a5Jex {
70
- stroke: currentColor;
71
- stroke-dasharray: 80px, 200px;
72
- stroke-dashoffset: 0;
73
- stroke-linecap: round;
74
- -webkit-animation: Spinner__dash___bKr0a 1.4s ease-in-out infinite;
75
- animation: Spinner__dash___bKr0a 1.4s ease-in-out infinite;
76
- }
77
-
78
- .Spinner__ek-spinner_color_violet-500___9sMtP {
79
- color: var(--violet-500);
80
- }
1
+ @-webkit-keyframes Spinner__rotate___aKoVD{0%{transform:rotate(0deg);transform-origin:50% 50%}to{transform:rotate(360deg)}}@keyframes Spinner__rotate___aKoVD{0%{transform:rotate(0deg);transform-origin:50% 50%}to{transform:rotate(360deg)}}.Spinner__ek-spinner___K7r-c{display:block;overflow:hidden;-webkit-animation:Spinner__rotate___aKoVD 1.4s linear infinite;animation:Spinner__rotate___aKoVD 1.4s linear infinite;color:currentColor}@-webkit-keyframes Spinner__dash___bKr0a{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}@keyframes Spinner__dash___bKr0a{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}.Spinner__ek-spinner__circle___a5Jex{stroke:currentColor;stroke-dasharray:80px,200px;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:Spinner__dash___bKr0a 1.4s ease-in-out infinite;animation:Spinner__dash___bKr0a 1.4s ease-in-out infinite}.Spinner__ek-spinner_color_violet-500___9sMtP{color:var(--violet-500)}
package/Text/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Text",
3
- "version": "0.0.10",
3
+ "version": "0.0.13",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "dependencies": {