@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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/TextEmoji",
3
- "version": "0.0.10",
3
+ "version": "0.0.13",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "dependencies": {
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Tumbler",
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/Tumbler/style.css CHANGED
@@ -1,118 +1 @@
1
- .Tumbler__root___17yYC {
2
- position: relative;
3
- display: block;
4
- width: 34px;
5
- height: 20px;
6
- padding: 3px 0;
7
- box-sizing: border-box;
8
- margin: calc((var(--pds-line-height) - 20px) / 2) 0;
9
- flex-shrink: 0;
10
- }
11
-
12
- .Tumbler__view___w66K2 {
13
- height: 100%;
14
- border-radius: 1em;
15
- background: var(--black-400);
16
- transition: background-color 120ms ease-in-out;
17
- }
18
-
19
- .Tumbler__viewCircle___xvJqd {
20
- box-sizing: border-box;
21
- position: absolute;
22
- top: 0;
23
- left: 0;
24
- width: 20px;
25
- height: 20px;
26
- border-radius: 100%;
27
- transform: translateX(0);
28
- display: flex;
29
- align-items: center;
30
- justify-content: center;
31
- color: var(--violet-500);
32
- background: var(--white);
33
- border: 1px var(--black-400) solid;
34
- box-shadow: 1px 1px 4px 0 var(--black-400);
35
- transition: 120ms ease-in-out;
36
- transition-property: background-color, border-color, transform;
37
- }
38
-
39
- .Tumbler__input___Kg91O {
40
- position: absolute;
41
- top: 0;
42
- left: 0;
43
- width: 100%;
44
- height: 100%;
45
- opacity: 0;
46
- padding: 0;
47
- margin: 0;
48
- -webkit-appearance: none;
49
- -moz-appearance: none;
50
- appearance: none;
51
- z-index: 1;
52
- cursor: pointer
53
- }
54
-
55
- .Tumbler__input___Kg91O:disabled {
56
- cursor: default;
57
- }
58
-
59
- .Tumbler__input___Kg91O:focus-visible + .Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd {
60
- outline: var(--pds-round-xxs) auto Highlight;
61
- outline: var(--pds-round-xxs) auto -webkit-focus-ring-color;
62
- }
63
-
64
- .Tumbler__input___Kg91O:checked + .Tumbler__view___w66K2 {
65
- background-color: var(--violet-50)
66
- }
67
-
68
- .Tumbler__input___Kg91O:checked + .Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd {
69
- transform: translateX(14px);
70
- color: var(--white);
71
- background-color: var(--violet-500);
72
- border-color: var(--violet-500);
73
- }
74
-
75
- .Tumbler__input___Kg91O:disabled + .Tumbler__view___w66K2 {
76
- background-color: var(--black-200)
77
- }
78
-
79
- .Tumbler__input___Kg91O:disabled + .Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd {
80
- box-shadow: none;
81
- color: var(--violet-500);
82
- background-color: var(--black-400);
83
- border-color: var(--black-400);
84
- }
85
-
86
- .Tumbler__inputLoading___y1iJD {
87
- pointer-events: none;
88
- cursor: default;
89
- }
90
-
91
- .Tumbler__spinner___CNMl7 {
92
- opacity: 0;
93
- transition: opacity 100ms ease-in-out;
94
- width: 1em;
95
- height: 1em;
96
- }
97
-
98
- .Tumbler__spinnerEnterActive___C2P5b,
99
- .Tumbler__spinnerEnterDone___cgEXP {
100
- opacity: 1;
101
- }
102
-
103
- .Tumbler__spinnerExitActive___k-mzv,
104
- .Tumbler__spinnerExitDone___XD0-8 {
105
- opacity: 0;
106
- }
107
-
108
- @media (hover) {
109
- .Tumbler__input___Kg91O:hover + .Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd {
110
- border-color: var(--black-500);
111
- }
112
- .Tumbler__input___Kg91O:checked:hover + .Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd {
113
- border-color: var(--violet-500);
114
- }
115
- .Tumbler__input___Kg91O:disabled:hover + .Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd {
116
- border-color: var(--black-400);
117
- }
118
- }
1
+ .Tumbler__root___17yYC{position:relative;display:block;width:34px;height:20px;padding:3px 0;box-sizing:border-box;margin:calc((var(--pds-line-height) - 20px)/2)0;flex-shrink:0}.Tumbler__view___w66K2{height:100%;border-radius:1em;background:var(--black-400);transition:background-color 120ms ease-in-out}.Tumbler__viewCircle___xvJqd{box-sizing:border-box;position:absolute;top:0;left:0;width:20px;height:20px;border-radius:100%;transform:translateX(0);display:flex;align-items:center;justify-content:center;color:var(--violet-500);background:var(--white);border:1px var(--black-400) solid;box-shadow:1px 1px 4px 0 var(--black-400);transition:120ms ease-in-out;transition-property:background-color,border-color,transform}.Tumbler__input___Kg91O{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1;cursor:pointer}.Tumbler__input___Kg91O:disabled{cursor:default}.Tumbler__input___Kg91O:focus-visible+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.Tumbler__input___Kg91O:checked+.Tumbler__view___w66K2{background-color:var(--violet-50)}.Tumbler__input___Kg91O:checked+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{transform:translateX(14px);color:var(--white);background-color:var(--violet-500);border-color:var(--violet-500)}.Tumbler__input___Kg91O:disabled+.Tumbler__view___w66K2{background-color:var(--black-200)}.Tumbler__input___Kg91O:disabled+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{box-shadow:none;color:var(--violet-500);background-color:var(--black-400);border-color:var(--black-400)}.Tumbler__inputLoading___y1iJD{pointer-events:none;cursor:default}.Tumbler__spinner___CNMl7{opacity:0;transition:opacity 100ms ease-in-out;width:1em;height:1em}.Tumbler__spinnerEnterActive___C2P5b,.Tumbler__spinnerEnterDone___cgEXP{opacity:1}.Tumbler__spinnerExitActive___k-mzv,.Tumbler__spinnerExitDone___XD0-8{opacity:0}@media (hover){.Tumbler__input___Kg91O:hover+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{border-color:var(--black-500)}.Tumbler__input___Kg91O:checked:hover+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{border-color:var(--violet-500)}.Tumbler__input___Kg91O:disabled:hover+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{border-color:var(--black-400)}}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@prom-ui/core",
3
3
  "author": "e.marchenko",
4
- "version": "0.0.10",
4
+ "version": "0.0.13",
5
5
  "description": "core ui blocks",
6
6
  "scripts": {
7
7
  "prebuild": "rm -rf dist && mkdir dist && cp -v package.json README.md CHANGELOG.md dist",
@@ -20,11 +20,15 @@
20
20
  "directory": "dist"
21
21
  },
22
22
  "devDependencies": {
23
- "@prom-ui/core": "file:./src"
23
+ "@prom-ui/core": "file:../core/src",
24
+ "@prom-ui/hooks": "file:../hooks/src",
25
+ "@prom-ui/icons": "file:../icons/src"
24
26
  },
25
27
  "dependencies": {
26
28
  "@evo/emoji": "0.2.0",
27
29
  "@evo/emoji-text": "0.1.1",
30
+ "@prom-ui/hooks": "^0.0.3",
31
+ "@prom-ui/icons": "^0.0.5",
28
32
  "classnames": "2.3.1",
29
33
  "evokit": "3.2.3",
30
34
  "evokit-body": "3.2.0",
@@ -38,11 +42,14 @@
38
42
  "evokit-list": "3.3.0",
39
43
  "evokit-picture": "3.2.0",
40
44
  "evokit-text": "3.2.0",
41
- "react-transition-group": "4.4.2"
45
+ "react-transition-group": "4.4.2",
46
+ "ts-debounce": "4.0.0",
47
+ "ttag": "1.7.24"
42
48
  },
43
49
  "peerDependencies": {
44
50
  "prop-types": "*",
45
- "react": "*"
51
+ "react": "*",
52
+ "react-dom": "*"
46
53
  },
47
- "gitHead": "a1d2135617de1480a3a6011cf365b024e54b4b5b"
54
+ "gitHead": "d98ac68fa5d224dc68cebadc95b2a03257f698c2"
48
55
  }