@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.
- package/Body/package.json +1 -1
- package/Body/style.css +1 -741
- package/Box/package.json +1 -1
- package/Box/style.css +1 -9676
- package/Button/index.js +5 -7
- package/Button/package.json +1 -1
- package/Button/style.css +1 -3393
- package/ButtonPageUp/index.d.ts +2 -0
- package/Checkbox/package.json +1 -1
- package/Checkbox/style.css +1 -133
- package/Flex/package.json +1 -1
- package/Flex/style.css +1 -786
- package/Grid/package.json +1 -1
- package/Grid/style.css +1 -7350
- package/Icon/package.json +1 -1
- package/Icon/style.css +1 -46
- package/Image/package.json +1 -1
- package/Image/style.css +1 -664
- package/ImageEmoji/package.json +1 -1
- package/Input/package.json +1 -1
- package/Input/style.css +1 -345
- package/KeyPress/index.d.ts +11 -0
- package/KeyPress/index.js +55 -0
- package/KeyPress/package.json +9 -0
- package/Line/package.json +1 -1
- package/Line/style.css +1 -138
- package/Link/package.json +1 -1
- package/Link/style.css +1 -259
- package/List/package.json +1 -1
- package/List/style.css +1 -312
- package/OutsideClick/index.d.ts +8 -0
- package/OutsideClick/index.js +77 -0
- package/OutsideClick/package.json +9 -0
- package/Picture/package.json +1 -1
- package/Picture/style.css +1 -1426
- package/Portal/index.d.ts +8 -0
- package/Portal/index.js +54 -0
- package/Portal/package.json +9 -0
- package/Rating/package.json +1 -1
- package/Rating/style.css +1 -26
- package/Scroll/index.d.ts +16 -0
- package/Scroll/index.js +79 -0
- package/Scroll/package.json +9 -0
- package/Scroll/style.css +1 -0
- package/Skeleton/package.json +1 -1
- package/Skeleton/style.css +1 -145
- package/Spinner/package.json +1 -1
- package/Spinner/style.css +1 -80
- package/Text/package.json +1 -1
- package/Text/style.css +1 -840
- package/TextEmoji/package.json +1 -1
- package/Tumbler/package.json +1 -1
- package/Tumbler/style.css +1 -118
- package/package.json +9 -5
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/Rating/package.json
CHANGED
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
|
+
}
|
package/Scroll/index.js
ADDED
|
@@ -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;
|
package/Scroll/style.css
ADDED
|
@@ -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}
|
package/Skeleton/package.json
CHANGED
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
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)}
|