@prom-ui/core 0.0.9 → 0.0.12

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 (54) 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.js +5 -7
  6. package/Button/package.json +1 -1
  7. package/Button/style.css +1 -3393
  8. package/ButtonPageUp/index.d.ts +2 -0
  9. package/Checkbox/package.json +1 -1
  10. package/Checkbox/style.css +1 -133
  11. package/Flex/package.json +1 -1
  12. package/Flex/style.css +1 -786
  13. package/Grid/package.json +1 -1
  14. package/Grid/style.css +1 -7350
  15. package/Icon/package.json +1 -1
  16. package/Icon/style.css +1 -46
  17. package/Image/package.json +1 -1
  18. package/Image/style.css +1 -664
  19. package/ImageEmoji/package.json +1 -1
  20. package/Input/package.json +1 -1
  21. package/Input/style.css +1 -345
  22. package/KeyPress/index.d.ts +11 -0
  23. package/KeyPress/index.js +55 -0
  24. package/KeyPress/package.json +9 -0
  25. package/Line/package.json +1 -1
  26. package/Line/style.css +1 -138
  27. package/Link/package.json +1 -1
  28. package/Link/style.css +1 -259
  29. package/List/package.json +1 -1
  30. package/List/style.css +1 -312
  31. package/OutsideClick/index.d.ts +8 -0
  32. package/OutsideClick/index.js +77 -0
  33. package/OutsideClick/package.json +9 -0
  34. package/Picture/package.json +1 -1
  35. package/Picture/style.css +1 -1426
  36. package/Portal/index.d.ts +8 -0
  37. package/Portal/index.js +54 -0
  38. package/Portal/package.json +9 -0
  39. package/Rating/package.json +1 -1
  40. package/Rating/style.css +1 -26
  41. package/Scroll/index.d.ts +16 -0
  42. package/Scroll/index.js +79 -0
  43. package/Scroll/package.json +9 -0
  44. package/Scroll/style.css +1 -0
  45. package/Skeleton/package.json +1 -1
  46. package/Skeleton/style.css +1 -145
  47. package/Spinner/package.json +1 -1
  48. package/Spinner/style.css +1 -80
  49. package/Text/package.json +1 -1
  50. package/Text/style.css +1 -840
  51. package/TextEmoji/package.json +1 -1
  52. package/Tumbler/package.json +1 -1
  53. package/Tumbler/style.css +1 -118
  54. package/package.json +9 -5
@@ -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 {};
@@ -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;
@@ -0,0 +1,9 @@
1
+ {
2
+ "name": "@prom-ui/core/Portal",
3
+ "version": "0.0.12",
4
+ "main": "index.js",
5
+ "types": "index.d.ts",
6
+ "dependencies": {
7
+ "@prom-ui/hooks": "^0.0.3"
8
+ }
9
+ }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Rating",
3
- "version": "0.0.9",
3
+ "version": "0.0.12",
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)}
@@ -0,0 +1,16 @@
1
+ import { Component } from 'react';
2
+ import PropTypes from 'prop-types';
3
+ export declare const Scroll: any;
4
+ export declare class StyleGuide extends Component {
5
+ static displayName: string;
6
+ static propTypes: {
7
+ /** Скрыть/показать полосу прокрутки */
8
+ "scroll-bar": PropTypes.Requireable<string>;
9
+ /** Выравнивание ячеек по горизонтальной оси */
10
+ "scroll-align": PropTypes.Requireable<string>;
11
+ "scroll-column": PropTypes.Requireable<string>;
12
+ "scroll-gap": PropTypes.Requireable<string>;
13
+ "scroll-padding": PropTypes.Requireable<string>;
14
+ };
15
+ render(): null;
16
+ }
@@ -0,0 +1,79 @@
1
+ 'use strict';
2
+
3
+ require("./style.css");
4
+
5
+ Object.defineProperty(exports, '__esModule', { value: true });
6
+
7
+ var react = require('react');
8
+ var PropTypes = require('prop-types');
9
+ var evokit = require('evokit');
10
+
11
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
+
13
+ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
14
+
15
+ /******************************************************************************
16
+ Copyright (c) Microsoft Corporation.
17
+
18
+ Permission to use, copy, modify, and/or distribute this software for any
19
+ purpose with or without fee is hereby granted.
20
+
21
+ THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
22
+ REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
23
+ AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
24
+ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
25
+ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
26
+ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
27
+ PERFORMANCE OF THIS SOFTWARE.
28
+ ***************************************************************************** */
29
+ /* global Reflect, Promise */
30
+
31
+ var extendStatics = function(d, b) {
32
+ extendStatics = Object.setPrototypeOf ||
33
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
34
+ function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
35
+ return extendStatics(d, b);
36
+ };
37
+
38
+ function __extends(d, b) {
39
+ if (typeof b !== "function" && b !== null)
40
+ throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
41
+ extendStatics(d, b);
42
+ function __() { this.constructor = d; }
43
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
44
+ }
45
+
46
+ var css = {"ek-scroll":"Scroll__ek-scroll___m6Vr5","ek-scroll__item":"Scroll__ek-scroll__item___bfetG","ek-scroll__item_blackhole_width-fit-content":"Scroll__ek-scroll__item_blackhole_width-fit-content___k-fNo","ek-scroll__item_blackhole_width-max-content":"Scroll__ek-scroll__item_blackhole_width-max-content___s8gGl","ek-scroll_padding_xxs":"Scroll__ek-scroll_padding_xxs___9vZpV","ek-scroll_padding_xs":"Scroll__ek-scroll_padding_xs___L5kMA","ek-scroll_padding_s":"Scroll__ek-scroll_padding_s___Nr3Ig","ek-scroll_padding_m":"Scroll__ek-scroll_padding_m___hcRCz","ek-scroll_padding_l":"Scroll__ek-scroll_padding_l___SKeiS","ek-scroll_padding_xl":"Scroll__ek-scroll_padding_xl___MG4J-","ek-scroll_padding_xxl":"Scroll__ek-scroll_padding_xxl___m8ou2","ek-scroll_padding_3xl":"Scroll__ek-scroll_padding_3xl___xy72W","ek-scroll_padding_4xl":"Scroll__ek-scroll_padding_4xl___gzW-I","ek-scroll_padding_5xl":"Scroll__ek-scroll_padding_5xl___JErmt","ek-scroll_column_1":"Scroll__ek-scroll_column_1___n5mTi","ek-scroll_column_2":"Scroll__ek-scroll_column_2___GqdmF","ek-scroll_column_3":"Scroll__ek-scroll_column_3___DKZCp","ek-scroll_column_4":"Scroll__ek-scroll_column_4___-Nf-L","ek-scroll_column_5":"Scroll__ek-scroll_column_5___OxDq-","ek-scroll_column_6":"Scroll__ek-scroll_column_6___wP8Pu","ek-scroll_column_7":"Scroll__ek-scroll_column_7___-ZDSB","ek-scroll_column_8":"Scroll__ek-scroll_column_8___PnnsU","ek-scroll_column_9":"Scroll__ek-scroll_column_9___DDqgb","ek-scroll_column_10":"Scroll__ek-scroll_column_10___Hh-uZ","ek-scroll_gap_xxs":"Scroll__ek-scroll_gap_xxs___15vfK","ek-scroll_gap_xs":"Scroll__ek-scroll_gap_xs___Kvr2J","ek-scroll_gap_s":"Scroll__ek-scroll_gap_s___71-or","ek-scroll_gap_m":"Scroll__ek-scroll_gap_m___glUvB","ek-scroll_gap_l":"Scroll__ek-scroll_gap_l___pQC7Z","ek-scroll_gap_xl":"Scroll__ek-scroll_gap_xl___L1iAD","ek-scroll_gap_xxl":"Scroll__ek-scroll_gap_xxl___wVNm-","ek-scroll_gap_3xl":"Scroll__ek-scroll_gap_3xl___4tQXK","ek-scroll_gap_4xl":"Scroll__ek-scroll_gap_4xl___1-5dw","ek-scroll_gap_5xl":"Scroll__ek-scroll_gap_5xl___ym2qM","ek-scroll_bar_none":"Scroll__ek-scroll_bar_none___c1gVV","ek-scroll_bar_auto":"Scroll__ek-scroll_bar_auto___-TbaH","ek-scroll_align_normal":"Scroll__ek-scroll_align_normal___zoDjM","ek-scroll_align_start":"Scroll__ek-scroll_align_start___4mACC","ek-scroll_align_center":"Scroll__ek-scroll_align_center___3PWHW","ek-scroll_align_end":"Scroll__ek-scroll_align_end___AwLLA"};
47
+
48
+ var _a;
49
+ var Scroll = evokit.createBlock('ul', 'scroll', ['align', 'bar', 'column', 'gap', 'padding'], {
50
+ css: css
51
+ });
52
+ Scroll.Item = evokit.createBlock('li', 'scroll__item', [], {
53
+ css: css
54
+ }); // Only for StyleGuide
55
+
56
+ var StyleGuide =
57
+ /** @class */
58
+ function (_super) {
59
+ __extends(StyleGuide, _super);
60
+
61
+ function StyleGuide() {
62
+ return _super !== null && _super.apply(this, arguments) || this;
63
+ }
64
+
65
+ StyleGuide.prototype.render = function () {
66
+ return null;
67
+ };
68
+
69
+ StyleGuide.displayName = 'Scroll';
70
+ StyleGuide.propTypes = (_a = {},
71
+ /** Скрыть/показать полосу прокрутки */
72
+ _a['scroll-bar'] = PropTypes__default["default"].oneOf(['none', 'auto']),
73
+ /** Выравнивание ячеек по горизонтальной оси */
74
+ _a['scroll-align'] = PropTypes__default["default"].oneOf(['start', 'center', 'end', 'normal']), _a['scroll-column'] = PropTypes__default["default"].oneOf(['1', '2', '3', '4', '5', '6', '7', '8', '9', '10']), _a['scroll-gap'] = PropTypes__default["default"].oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl', '3xl', '4xl', '5xl']), _a['scroll-padding'] = PropTypes__default["default"].oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl', '3xl', '4xl', '5xl']), _a);
75
+ return StyleGuide;
76
+ }(react.Component);
77
+
78
+ exports.Scroll = Scroll;
79
+ exports.StyleGuide = StyleGuide;
@@ -0,0 +1,9 @@
1
+ {
2
+ "name": "@prom-ui/core/Scroll",
3
+ "version": "0.0.12",
4
+ "main": "index.js",
5
+ "types": "index.d.ts",
6
+ "dependencies": {
7
+ "evokit": "3.2.3"
8
+ }
9
+ }
@@ -0,0 +1 @@
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}
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Skeleton",
3
- "version": "0.0.9",
3
+ "version": "0.0.12",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "dependencies": {
@@ -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}
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Spinner",
3
- "version": "0.0.9",
3
+ "version": "0.0.12",
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.9",
3
+ "version": "0.0.12",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "dependencies": {