@prom-ui/core 0.0.13 → 0.0.16

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 (76) hide show
  1. package/Body/index.js +1 -1
  2. package/Body/package.json +2 -2
  3. package/Body/style.css +741 -1
  4. package/Box/index.js +1 -1
  5. package/Box/package.json +2 -2
  6. package/Box/style.css +9676 -1
  7. package/Button/index.js +1 -1
  8. package/Button/package.json +2 -2
  9. package/Button/style.css +3393 -1
  10. package/ButtonPageUp/index.js +0 -2
  11. package/ButtonPageUp/package.json +3 -3
  12. package/Checkbox/index.js +1 -1
  13. package/Checkbox/package.json +3 -3
  14. package/Checkbox/style.css +133 -1
  15. package/Flex/index.js +1 -1
  16. package/Flex/package.json +2 -2
  17. package/Flex/style.css +786 -1
  18. package/Grid/index.js +1 -1
  19. package/Grid/package.json +2 -2
  20. package/Grid/style.css +7350 -1
  21. package/Icon/index.js +1 -1
  22. package/Icon/package.json +2 -2
  23. package/Icon/style.css +46 -1
  24. package/Image/index.js +1 -1
  25. package/Image/package.json +2 -2
  26. package/Image/style.css +664 -1
  27. package/ImageEmoji/package.json +2 -2
  28. package/Input/index.js +1 -1
  29. package/Input/package.json +2 -2
  30. package/Input/style.css +345 -1
  31. package/KeyPress/package.json +1 -1
  32. package/Line/index.js +1 -1
  33. package/Line/package.json +2 -2
  34. package/Line/style.css +138 -1
  35. package/Link/index.js +1 -1
  36. package/Link/package.json +2 -2
  37. package/Link/style.css +259 -1
  38. package/List/index.js +1 -1
  39. package/List/package.json +2 -2
  40. package/List/style.css +312 -1
  41. package/OutsideClick/package.json +1 -1
  42. package/Picture/index.js +1 -1
  43. package/Picture/package.json +2 -2
  44. package/Picture/style.css +1426 -1
  45. package/Portal/package.json +1 -1
  46. package/Rating/index.js +1 -1
  47. package/Rating/package.json +2 -2
  48. package/Rating/style.css +26 -1
  49. package/Scroll/index.js +1 -1
  50. package/Scroll/package.json +2 -2
  51. package/Scroll/style.css +169 -1
  52. package/ScrollControls/ScrollControlsButton.d.ts +12 -0
  53. package/ScrollControls/index.d.ts +8 -0
  54. package/ScrollControls/index.js +250 -0
  55. package/ScrollControls/package.json +11 -0
  56. package/ScrollControls/style.css +67 -0
  57. package/Skeleton/index.js +1 -1
  58. package/Skeleton/package.json +2 -2
  59. package/Skeleton/style.css +145 -1
  60. package/Spinner/index.js +1 -1
  61. package/Spinner/package.json +2 -2
  62. package/Spinner/style.css +80 -1
  63. package/Text/index.js +1 -1
  64. package/Text/package.json +2 -2
  65. package/Text/style.css +840 -1
  66. package/TextEmoji/package.json +2 -2
  67. package/Tumbler/index.js +1 -1
  68. package/Tumbler/package.json +3 -3
  69. package/Tumbler/style.css +118 -1
  70. package/base/colors.css +80 -0
  71. package/base/media.css +5 -0
  72. package/base/reset.css +120 -0
  73. package/base/round.css +12 -0
  74. package/base/spacing.css +12 -0
  75. package/base/typography.css +12 -0
  76. package/package.json +21 -21
@@ -1 +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
+ @-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
+ }
package/Spinner/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- require("./style.css");
3
+ require('./style.css');
4
4
 
5
5
  Object.defineProperty(exports, '__esModule', { value: true });
6
6
 
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Spinner",
3
- "version": "0.0.13",
3
+ "version": "0.0.16",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "dependencies": {
7
- "evokit": "3.2.3"
7
+ "evokit": "^3.2.3"
8
8
  }
9
9
  }
package/Spinner/style.css CHANGED
@@ -1 +1,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)}
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
+ }
package/Text/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- require("./style.css");
3
+ require('./style.css');
4
4
 
5
5
  Object.defineProperty(exports, '__esModule', { value: true });
6
6
 
package/Text/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Text",
3
- "version": "0.0.13",
3
+ "version": "0.0.16",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "dependencies": {
7
- "evokit-text": "3.2.0"
7
+ "evokit-text": "^3.2.0"
8
8
  }
9
9
  }