@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
package/ButtonPageUp/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const ButtonPageUp: React.NamedExoticComponent<object>;
package/Checkbox/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Checkbox",
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/Checkbox/style.css CHANGED
@@ -1,133 +1 @@
1
- .Checkbox__root___JbPkR {
2
- display: block;
3
- box-sizing: border-box;
4
- width: 18px;
5
- height: 18px;
6
- position: relative;
7
- margin: calc((var(--pds-line-height) - 18px) / 2) 0;
8
- flex-shrink: 0;
9
- }
10
-
11
- .Checkbox__view___Smb1v {
12
- width: 100%;
13
- height: 100%;
14
- position: relative
15
- }
16
-
17
- .Checkbox__view___Smb1v::before,
18
- .Checkbox__view___Smb1v::after {
19
- content: "";
20
- position: absolute;
21
- left: 0;
22
- top: 0;
23
- width: 100%;
24
- height: 100%;
25
- box-sizing: border-box;
26
- transition: 100ms ease-in-out;
27
- transition-property: border-radius, background-color, border-color, opacity;
28
- }
29
-
30
- .Checkbox__view___Smb1v::before {
31
- border-radius: var(--pds-round-xxs);
32
- border: 2px var(--black-400) solid;
33
- background: var(--white);
34
- }
35
-
36
- .Checkbox__view___Smb1v::after {
37
- background-repeat: no-repeat;
38
- background-position: center;
39
- opacity: 0;
40
- }
41
-
42
- .Checkbox__input___-KDH8 {
43
- position: absolute;
44
- left: 0;
45
- top: 0;
46
- width: 100%;
47
- height: 100%;
48
- z-index: 1;
49
- -webkit-appearance: none;
50
- -moz-appearance: none;
51
- appearance: none;
52
- opacity: 0;
53
- padding: 0;
54
- margin: 0;
55
- cursor: pointer
56
- }
57
-
58
- .Checkbox__input___-KDH8:disabled {
59
- cursor: default;
60
- }
61
-
62
- .Checkbox__input___-KDH8[type="checkbox"] + .Checkbox__view___Smb1v::after {
63
- background-image: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.807L3.64375 7.345L8.93125 1' stroke='%2301011B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
64
- }
65
-
66
- .Checkbox__input___-KDH8[type="radio"] + .Checkbox__view___Smb1v::before {
67
- border-radius: 50%;
68
- }
69
-
70
- .Checkbox__input___-KDH8[type="radio"] + .Checkbox__view___Smb1v::after {
71
- background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='4' fill='%2301011B'/%3E%3C/svg%3E");
72
- }
73
-
74
- .Checkbox__input___-KDH8:focus-visible + .Checkbox__view___Smb1v::before {
75
- outline: var(--pds-round-xxs) auto Highlight;
76
- outline: var(--pds-round-xxs) auto -webkit-focus-ring-color;
77
- }
78
-
79
- .Checkbox__input___-KDH8:checked + .Checkbox__view___Smb1v::before {
80
- background-color: var(--yellow-500);
81
- border-color: var(--yellow-500);
82
- }
83
-
84
- .Checkbox__input___-KDH8:checked + .Checkbox__view___Smb1v::after {
85
- opacity: 1;
86
- }
87
-
88
- .Checkbox__input___-KDH8:disabled + .Checkbox__view___Smb1v::before {
89
- background-color: var(--black-200);
90
- border-color: var(--black-200);
91
- color: var(--black-700);
92
- }
93
-
94
- .Checkbox__input___-KDH8.Checkbox__inputLoading___3-2zC + .Checkbox__view___Smb1v::before {
95
- border-radius: 50%;
96
- background-color: var(--white);
97
- border-color: var(--black-400);
98
- }
99
-
100
- .Checkbox__input___-KDH8:checked:disabled + .Checkbox__view___Smb1v::after {
101
- opacity: .5;
102
- }
103
-
104
- .Checkbox__spinner___K7NKz {
105
- color: var(--violet-500);
106
- opacity: 0;
107
- transition: opacity 100ms ease-in-out;
108
- }
109
-
110
- .Checkbox__spinnerEnterActive___ASYih,
111
- .Checkbox__spinnerEnterDone___vsNQ- {
112
- opacity: 1;
113
- }
114
-
115
- .Checkbox__spinnerExitActive___X-b7M,
116
- .Checkbox__spinnerExitDone___MP3D6 {
117
- opacity: 0;
118
- }
119
-
120
- @media (hover) {
121
- .Checkbox__input___-KDH8:hover + .Checkbox__view___Smb1v::before {
122
- border-color: var(--black-500);
123
- }
124
- .Checkbox__input___-KDH8:checked:hover + .Checkbox__view___Smb1v::before {
125
- border-color: var(--yellow-500);
126
- }
127
- .Checkbox__input___-KDH8:disabled:hover + .Checkbox__view___Smb1v::before {
128
- border-color: var(--black-200);
129
- }
130
- .Checkbox__input___-KDH8.Checkbox__inputLoading___3-2zC:hover + .Checkbox__view___Smb1v::before {
131
- border-color: var(--black-400);
132
- }
133
- }
1
+ .Checkbox__root___JbPkR{display:block;box-sizing:border-box;width:18px;height:18px;position:relative;margin:calc((var(--pds-line-height) - 18px)/2)0;flex-shrink:0}.Checkbox__view___Smb1v{width:100%;height:100%;position:relative}.Checkbox__view___Smb1v::before,.Checkbox__view___Smb1v::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;transition:100ms ease-in-out;transition-property:border-radius,background-color,border-color,opacity}.Checkbox__view___Smb1v::before{border-radius:var(--pds-round-xxs);border:2px var(--black-400) solid;background:var(--white)}.Checkbox__view___Smb1v::after{background-repeat:no-repeat;background-position:center;opacity:0}.Checkbox__input___-KDH8{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;padding:0;margin:0;cursor:pointer}.Checkbox__input___-KDH8:disabled{cursor:default}.Checkbox__input___-KDH8[type=checkbox]+.Checkbox__view___Smb1v::after{background-image:url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.807L3.64375 7.345L8.93125 1' stroke='%2301011B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.Checkbox__input___-KDH8[type=radio]+.Checkbox__view___Smb1v::before{border-radius:50%}.Checkbox__input___-KDH8[type=radio]+.Checkbox__view___Smb1v::after{background-image:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='4' fill='%2301011B'/%3E%3C/svg%3E")}.Checkbox__input___-KDH8:focus-visible+.Checkbox__view___Smb1v::before{outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.Checkbox__input___-KDH8:checked+.Checkbox__view___Smb1v::before{background-color:var(--yellow-500);border-color:var(--yellow-500)}.Checkbox__input___-KDH8:checked+.Checkbox__view___Smb1v::after{opacity:1}.Checkbox__input___-KDH8:disabled+.Checkbox__view___Smb1v::before{background-color:var(--black-200);border-color:var(--black-200);color:var(--black-700)}.Checkbox__input___-KDH8.Checkbox__inputLoading___3-2zC+.Checkbox__view___Smb1v::before{border-radius:50%;background-color:var(--white);border-color:var(--black-400)}.Checkbox__input___-KDH8:checked:disabled+.Checkbox__view___Smb1v::after{opacity:.5}.Checkbox__spinner___K7NKz{color:var(--violet-500);opacity:0;transition:opacity 100ms ease-in-out}.Checkbox__spinnerEnterActive___ASYih,.Checkbox__spinnerEnterDone___vsNQ-{opacity:1}.Checkbox__spinnerExitActive___X-b7M,.Checkbox__spinnerExitDone___MP3D6{opacity:0}@media (hover){.Checkbox__input___-KDH8:hover+.Checkbox__view___Smb1v::before{border-color:var(--black-500)}.Checkbox__input___-KDH8:checked:hover+.Checkbox__view___Smb1v::before{border-color:var(--yellow-500)}.Checkbox__input___-KDH8:disabled:hover+.Checkbox__view___Smb1v::before{border-color:var(--black-200)}.Checkbox__input___-KDH8.Checkbox__inputLoading___3-2zC:hover+.Checkbox__view___Smb1v::before{border-color:var(--black-400)}}
package/Flex/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Flex",
3
- "version": "0.0.9",
3
+ "version": "0.0.12",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "dependencies": {