@prom-ui/core 0.0.24 → 0.0.32

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 (221) hide show
  1. package/Body/cjs/index.development.js +14 -0
  2. package/Body/cjs/index.production.js +1 -0
  3. package/Body/cjs/style.development.css +1 -0
  4. package/Body/cjs/style.production.css +1 -0
  5. package/Body/index.js +5 -12
  6. package/Body/package.json +1 -1
  7. package/Box/cjs/index.development.js +20 -0
  8. package/Box/cjs/index.production.js +1 -0
  9. package/Box/cjs/style.development.css +1 -0
  10. package/Box/cjs/style.production.css +1 -0
  11. package/Box/index.js +5 -18
  12. package/Box/package.json +1 -1
  13. package/Button/cjs/index.development.js +95 -0
  14. package/Button/cjs/index.production.js +1 -0
  15. package/Button/cjs/style.development.css +1 -0
  16. package/Button/cjs/style.production.css +1 -0
  17. package/Button/index.d.ts +5 -4
  18. package/Button/index.js +4 -81
  19. package/Button/package.json +1 -1
  20. package/ButtonPageUp/cjs/index.development.js +170 -0
  21. package/ButtonPageUp/cjs/index.production.js +1 -0
  22. package/ButtonPageUp/index.d.ts +12 -5
  23. package/ButtonPageUp/index.js +4 -169
  24. package/ButtonPageUp/package.json +1 -2
  25. package/Checkbox/cjs/index.development.js +111 -0
  26. package/Checkbox/cjs/index.production.js +1 -0
  27. package/Checkbox/cjs/style.development.css +1 -0
  28. package/Checkbox/cjs/style.production.css +1 -0
  29. package/Checkbox/index.d.ts +4 -4
  30. package/Checkbox/index.js +4 -96
  31. package/Checkbox/package.json +1 -1
  32. package/Flex/cjs/index.development.js +25 -0
  33. package/Flex/cjs/index.production.js +1 -0
  34. package/Flex/cjs/style.development.css +1 -0
  35. package/Flex/cjs/style.production.css +1 -0
  36. package/Flex/index.js +5 -23
  37. package/Flex/package.json +1 -1
  38. package/Grid/cjs/index.development.js +25 -0
  39. package/Grid/cjs/index.production.js +1 -0
  40. package/Grid/cjs/style.development.css +1 -0
  41. package/Grid/cjs/style.production.css +1 -0
  42. package/Grid/index.js +5 -23
  43. package/Grid/package.json +1 -1
  44. package/Icon/cjs/index.development.js +41 -0
  45. package/Icon/cjs/index.production.js +1 -0
  46. package/Icon/cjs/style.development.css +1 -0
  47. package/Icon/cjs/style.production.css +1 -0
  48. package/Icon/index.d.ts +7 -12
  49. package/Icon/index.js +4 -76
  50. package/Icon/package.json +1 -1
  51. package/Image/cjs/index.development.js +20 -0
  52. package/Image/cjs/index.production.js +1 -0
  53. package/Image/cjs/style.development.css +1 -0
  54. package/Image/cjs/style.production.css +1 -0
  55. package/Image/index.js +5 -18
  56. package/Image/package.json +1 -1
  57. package/ImageEmoji/cjs/index.development.js +90 -0
  58. package/ImageEmoji/cjs/index.production.js +1 -0
  59. package/ImageEmoji/index.d.ts +6 -4
  60. package/ImageEmoji/index.js +4 -86
  61. package/ImageEmoji/package.json +1 -1
  62. package/Input/cjs/index.development.js +39 -0
  63. package/Input/cjs/index.production.js +1 -0
  64. package/Input/cjs/style.development.css +1 -0
  65. package/Input/cjs/style.production.css +1 -0
  66. package/Input/index.d.ts +23 -23
  67. package/Input/index.js +4 -81
  68. package/Input/package.json +1 -1
  69. package/KeyPress/cjs/index.development.js +56 -0
  70. package/KeyPress/cjs/index.production.js +1 -0
  71. package/KeyPress/index.d.ts +8 -7
  72. package/KeyPress/index.js +5 -53
  73. package/KeyPress/package.json +2 -5
  74. package/Line/cjs/index.development.js +20 -0
  75. package/Line/cjs/index.production.js +1 -0
  76. package/Line/cjs/style.development.css +1 -0
  77. package/Line/cjs/style.production.css +1 -0
  78. package/Line/index.js +5 -18
  79. package/Line/package.json +1 -1
  80. package/Link/cjs/index.development.js +22 -0
  81. package/Link/cjs/index.production.js +1 -0
  82. package/Link/cjs/style.development.css +1 -0
  83. package/Link/cjs/style.production.css +1 -0
  84. package/Link/index.js +5 -20
  85. package/Link/package.json +1 -1
  86. package/List/cjs/index.development.js +25 -0
  87. package/List/cjs/index.production.js +1 -0
  88. package/List/cjs/style.development.css +1 -0
  89. package/List/cjs/style.production.css +1 -0
  90. package/List/index.js +5 -23
  91. package/List/package.json +1 -1
  92. package/Media/cjs/index.development.js +98 -0
  93. package/Media/cjs/index.production.js +1 -0
  94. package/Media/context.d.ts +2 -2
  95. package/Media/index.d.ts +9 -11
  96. package/Media/index.js +5 -73
  97. package/Media/package.json +1 -1
  98. package/Media/useMedia.d.ts +7 -0
  99. package/OutsideClick/cjs/index.development.js +84 -0
  100. package/OutsideClick/cjs/index.production.js +1 -0
  101. package/OutsideClick/index.d.ts +6 -3
  102. package/OutsideClick/index.js +4 -74
  103. package/OutsideClick/package.json +2 -5
  104. package/Picture/cjs/index.development.js +25 -0
  105. package/Picture/cjs/index.production.js +1 -0
  106. package/Picture/cjs/style.development.css +1 -0
  107. package/Picture/cjs/style.production.css +1 -0
  108. package/Picture/index.js +5 -23
  109. package/Picture/package.json +1 -1
  110. package/PortableOverlay/cjs/index.development.js +111 -0
  111. package/PortableOverlay/cjs/index.production.js +1 -0
  112. package/PortableOverlay/cjs/style.development.css +1 -0
  113. package/PortableOverlay/cjs/style.production.css +1 -0
  114. package/PortableOverlay/index.d.ts +6 -4
  115. package/PortableOverlay/index.js +5 -112
  116. package/PortableOverlay/package.json +1 -2
  117. package/Portal/cjs/index.development.js +57 -0
  118. package/Portal/cjs/index.production.js +1 -0
  119. package/Portal/index.d.ts +6 -4
  120. package/Portal/index.js +5 -52
  121. package/Portal/package.json +2 -5
  122. package/Rating/cjs/index.development.js +105 -0
  123. package/Rating/cjs/index.production.js +1 -0
  124. package/Rating/cjs/style.development.css +1 -0
  125. package/Rating/cjs/style.production.css +1 -0
  126. package/Rating/index.d.ts +6 -5
  127. package/Rating/index.js +4 -98
  128. package/Rating/package.json +1 -1
  129. package/SafeQuery/cjs/index.development.js +181 -0
  130. package/SafeQuery/cjs/index.production.js +1 -0
  131. package/SafeQuery/cjs/style.development.css +1 -0
  132. package/SafeQuery/cjs/style.production.css +1 -0
  133. package/SafeQuery/components/Error.d.ts +2 -2
  134. package/SafeQuery/index.d.ts +7 -4
  135. package/SafeQuery/index.js +4 -173
  136. package/SafeQuery/package.json +1 -1
  137. package/Scroll/cjs/index.development.js +40 -0
  138. package/Scroll/cjs/index.production.js +1 -0
  139. package/Scroll/cjs/style.development.css +1 -0
  140. package/Scroll/cjs/style.production.css +1 -0
  141. package/Scroll/index.d.ts +18 -16
  142. package/Scroll/index.js +4 -76
  143. package/Scroll/package.json +1 -1
  144. package/ScrollControls/cjs/index.development.js +243 -0
  145. package/ScrollControls/cjs/index.production.js +1 -0
  146. package/ScrollControls/cjs/style.development.css +1 -0
  147. package/ScrollControls/cjs/style.production.css +1 -0
  148. package/ScrollControls/index.d.ts +16 -6
  149. package/ScrollControls/index.js +4 -244
  150. package/ScrollControls/package.json +1 -2
  151. package/SideOverlay/cjs/index.development.js +210 -0
  152. package/SideOverlay/cjs/index.production.js +1 -0
  153. package/SideOverlay/cjs/style.development.css +1 -0
  154. package/SideOverlay/cjs/style.production.css +1 -0
  155. package/SideOverlay/index.d.ts +29 -14
  156. package/SideOverlay/index.js +4 -251
  157. package/SideOverlay/package.json +1 -1
  158. package/SimpleSlider/cjs/index.development.js +433 -0
  159. package/SimpleSlider/cjs/index.production.js +1 -0
  160. package/SimpleSlider/cjs/style.development.css +1 -0
  161. package/SimpleSlider/cjs/style.production.css +1 -0
  162. package/SimpleSlider/index.d.ts +17 -3
  163. package/SimpleSlider/index.js +4 -477
  164. package/SimpleSlider/package.json +1 -1
  165. package/Skeleton/cjs/index.development.js +103 -0
  166. package/Skeleton/cjs/index.production.js +1 -0
  167. package/Skeleton/cjs/style.development.css +1 -0
  168. package/Skeleton/cjs/style.production.css +1 -0
  169. package/Skeleton/index.d.ts +9 -5
  170. package/Skeleton/index.js +4 -110
  171. package/Skeleton/package.json +1 -1
  172. package/Spinner/cjs/index.development.js +85 -0
  173. package/Spinner/cjs/index.production.js +1 -0
  174. package/Spinner/cjs/style.development.css +1 -0
  175. package/Spinner/cjs/style.production.css +1 -0
  176. package/Spinner/index.d.ts +7 -6
  177. package/Spinner/index.js +5 -76
  178. package/Spinner/package.json +1 -1
  179. package/Text/cjs/index.development.js +20 -0
  180. package/Text/cjs/index.production.js +1 -0
  181. package/Text/cjs/style.development.css +1 -0
  182. package/Text/cjs/style.production.css +1 -0
  183. package/Text/index.js +5 -18
  184. package/Text/package.json +1 -1
  185. package/TextEmoji/cjs/index.development.js +94 -0
  186. package/TextEmoji/cjs/index.production.js +1 -0
  187. package/TextEmoji/index.d.ts +4 -4
  188. package/TextEmoji/index.js +4 -84
  189. package/TextEmoji/package.json +1 -1
  190. package/Tumbler/cjs/index.development.js +110 -0
  191. package/Tumbler/cjs/index.production.js +1 -0
  192. package/Tumbler/cjs/style.development.css +1 -0
  193. package/Tumbler/cjs/style.production.css +1 -0
  194. package/Tumbler/index.d.ts +4 -4
  195. package/Tumbler/index.js +4 -95
  196. package/Tumbler/package.json +1 -1
  197. package/package.json +7 -10
  198. package/Body/style.css +0 -741
  199. package/Box/style.css +0 -9676
  200. package/Button/style.css +0 -3393
  201. package/Checkbox/style.css +0 -133
  202. package/Flex/style.css +0 -786
  203. package/Grid/style.css +0 -7350
  204. package/Icon/style.css +0 -46
  205. package/Image/style.css +0 -664
  206. package/Input/style.css +0 -345
  207. package/Line/style.css +0 -138
  208. package/Link/style.css +0 -259
  209. package/List/style.css +0 -312
  210. package/Picture/style.css +0 -1426
  211. package/PortableOverlay/style.css +0 -44
  212. package/Rating/style.css +0 -26
  213. package/SafeQuery/style.css +0 -4
  214. package/Scroll/style.css +0 -169
  215. package/ScrollControls/style.css +0 -67
  216. package/SideOverlay/style.css +0 -208
  217. package/SimpleSlider/style.css +0 -134
  218. package/Skeleton/style.css +0 -145
  219. package/Spinner/style.css +0 -80
  220. package/Text/style.css +0 -840
  221. package/Tumbler/style.css +0 -118
@@ -1,44 +0,0 @@
1
- .PortableOverlay__header___seSVI {
2
- position: -webkit-sticky;
3
- position: sticky;
4
- top: 0;
5
- z-index: 10;
6
- display: flex;
7
- height: 50px;
8
- background: var(--violet-500);
9
- justify-content: space-between;
10
- align-items: center;
11
- padding: 0 var(--pds-spacing-s);
12
- }
13
-
14
- .PortableOverlay__content___2dqdx {
15
- height: calc(100% - 50px);
16
- }
17
-
18
- .PortableOverlay__content___2dqdx::after {
19
- clear: both;
20
- }
21
-
22
- .PortableOverlay__content___2dqdx::after,
23
- .PortableOverlay__content___2dqdx::before {
24
- content: "";
25
- display: table;
26
- }
27
-
28
- .PortableOverlay__contentGrey___hNlfq {
29
- background: var(--black-100);
30
- }
31
-
32
- .PortableOverlay__item___hWWcF {
33
- width: 40px;
34
- }
35
-
36
- .PortableOverlay__itemTitle___Pewzr {
37
- flex: 1;
38
- min-width: 1px;
39
- overflow: hidden;
40
- }
41
-
42
- .PortableOverlay__popupFullScreen___hiqqZ {
43
- max-width: 100%;
44
- }
package/Rating/style.css DELETED
@@ -1,26 +0,0 @@
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,4 +0,0 @@
1
-
2
- .SafeQuery__root___RWb3q + .SafeQuery__root___RWb3q {
3
- margin-top: 10px;
4
- }
package/Scroll/style.css DELETED
@@ -1,169 +0,0 @@
1
- .Scroll__ek-scroll___m6Vr5 {
2
- display: flex;
3
- flex-wrap: nowrap;
4
- flex-direction: row;
5
- overflow-x: auto;
6
- overflow-y: hidden;
7
- -webkit-overflow-scrolling: touch;
8
- list-style: none;
9
- padding: 0;
10
- margin: 0;
11
- box-sizing: border-box
12
- }
13
- .Scroll__ek-scroll___m6Vr5::after,
14
- .Scroll__ek-scroll___m6Vr5::before {
15
- content: "";
16
- align-self: normal;
17
- }
18
- .Scroll__ek-scroll__item___bfetG {
19
- margin: 0;
20
- padding: 0;
21
- flex: 0 0 auto;
22
- box-sizing: border-box;
23
- }
24
- .Scroll__ek-scroll__item_blackhole_width-fit-content___k-fNo {
25
- width: -webkit-fit-content;
26
- width: -moz-fit-content;
27
- width: fit-content;
28
- }
29
- .Scroll__ek-scroll__item_blackhole_width-max-content___s8gGl {
30
- width: -webkit-max-content;
31
- width: -moz-max-content;
32
- width: max-content;
33
- }
34
- .Scroll__ek-scroll_padding_xxs___9vZpV::after,
35
- .Scroll__ek-scroll_padding_xxs___9vZpV::before {
36
- flex: 0 0 var(--pds-spacing-xxs);
37
- }
38
- .Scroll__ek-scroll_padding_xs___L5kMA::after,
39
- .Scroll__ek-scroll_padding_xs___L5kMA::before {
40
- flex: 0 0 var(--pds-spacing-xs);
41
- }
42
- .Scroll__ek-scroll_padding_s___Nr3Ig::after,
43
- .Scroll__ek-scroll_padding_s___Nr3Ig::before {
44
- flex: 0 0 var(--pds-spacing-s);
45
- }
46
- .Scroll__ek-scroll_padding_m___hcRCz::after,
47
- .Scroll__ek-scroll_padding_m___hcRCz::before {
48
- flex: 0 0 var(--pds-spacing-m);
49
- }
50
- .Scroll__ek-scroll_padding_l___SKeiS::after,
51
- .Scroll__ek-scroll_padding_l___SKeiS::before {
52
- flex: 0 0 var(--pds-spacing-l);
53
- }
54
- .Scroll__ek-scroll_padding_xl___MG4J-::after,
55
- .Scroll__ek-scroll_padding_xl___MG4J-::before {
56
- flex: 0 0 var(--pds-spacing-xl);
57
- }
58
- .Scroll__ek-scroll_padding_xxl___m8ou2::after,
59
- .Scroll__ek-scroll_padding_xxl___m8ou2::before {
60
- flex: 0 0 var(--pds-spacing-xxl);
61
- }
62
- .Scroll__ek-scroll_padding_3xl___xy72W::after,
63
- .Scroll__ek-scroll_padding_3xl___xy72W::before {
64
- flex: 0 0 var(--pds-spacing-3xl);
65
- }
66
- .Scroll__ek-scroll_padding_4xl___gzW-I::after,
67
- .Scroll__ek-scroll_padding_4xl___gzW-I::before {
68
- flex: 0 0 var(--pds-spacing-4xl);
69
- }
70
- .Scroll__ek-scroll_padding_5xl___JErmt::after,
71
- .Scroll__ek-scroll_padding_5xl___JErmt::before {
72
- flex: 0 0 var(--pds-spacing-5xl);
73
- }
74
- .Scroll__ek-scroll_column_1___n5mTi > .Scroll__ek-scroll__item___bfetG {
75
- flex-basis: calc(100% / 1);
76
- min-width: 0;
77
- }
78
- .Scroll__ek-scroll_column_2___GqdmF > .Scroll__ek-scroll__item___bfetG {
79
- flex-basis: calc(100% / 2);
80
- min-width: 0;
81
- }
82
- .Scroll__ek-scroll_column_3___DKZCp > .Scroll__ek-scroll__item___bfetG {
83
- flex-basis: calc(100% / 3);
84
- min-width: 0;
85
- }
86
- .Scroll__ek-scroll_column_4___-Nf-L > .Scroll__ek-scroll__item___bfetG {
87
- flex-basis: calc(100% / 4);
88
- min-width: 0;
89
- }
90
- .Scroll__ek-scroll_column_5___OxDq- > .Scroll__ek-scroll__item___bfetG {
91
- flex-basis: calc(100% / 5);
92
- min-width: 0;
93
- }
94
- .Scroll__ek-scroll_column_6___wP8Pu > .Scroll__ek-scroll__item___bfetG {
95
- flex-basis: calc(100% / 6);
96
- min-width: 0;
97
- }
98
- .Scroll__ek-scroll_column_7___-ZDSB > .Scroll__ek-scroll__item___bfetG {
99
- flex-basis: calc(100% / 7);
100
- min-width: 0;
101
- }
102
- .Scroll__ek-scroll_column_8___PnnsU > .Scroll__ek-scroll__item___bfetG {
103
- flex-basis: calc(100% / 8);
104
- min-width: 0;
105
- }
106
- .Scroll__ek-scroll_column_9___DDqgb > .Scroll__ek-scroll__item___bfetG {
107
- flex-basis: calc(100% / 9);
108
- min-width: 0;
109
- }
110
- .Scroll__ek-scroll_column_10___Hh-uZ > .Scroll__ek-scroll__item___bfetG {
111
- flex-basis: calc(100% / 10);
112
- min-width: 0;
113
- }
114
- .Scroll__ek-scroll_gap_xxs___15vfK > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
115
- margin-left: var(--pds-spacing-xxs);
116
- }
117
- .Scroll__ek-scroll_gap_xs___Kvr2J > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
118
- margin-left: var(--pds-spacing-xs);
119
- }
120
- .Scroll__ek-scroll_gap_s___71-or > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
121
- margin-left: var(--pds-spacing-s);
122
- }
123
- .Scroll__ek-scroll_gap_m___glUvB > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
124
- margin-left: var(--pds-spacing-m);
125
- }
126
- .Scroll__ek-scroll_gap_l___pQC7Z > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
127
- margin-left: var(--pds-spacing-l);
128
- }
129
- .Scroll__ek-scroll_gap_xl___L1iAD > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
130
- margin-left: var(--pds-spacing-xl);
131
- }
132
- .Scroll__ek-scroll_gap_xxl___wVNm- > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
133
- margin-left: var(--pds-spacing-xxl);
134
- }
135
- .Scroll__ek-scroll_gap_3xl___4tQXK > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
136
- margin-left: var(--pds-spacing-3xl);
137
- }
138
- .Scroll__ek-scroll_gap_4xl___1-5dw > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
139
- margin-left: var(--pds-spacing-4xl);
140
- }
141
- .Scroll__ek-scroll_gap_5xl___ym2qM > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
142
- margin-left: var(--pds-spacing-5xl);
143
- }
144
- .Scroll__ek-scroll_bar_none___c1gVV {
145
- -ms-overflow-style: none; /* for Internet Explorer, Edge */
146
- scrollbar-width: none /* for Firefox */
147
- }
148
- .Scroll__ek-scroll_bar_none___c1gVV::-webkit-scrollbar {
149
- display: none;
150
- }
151
- .Scroll__ek-scroll_bar_auto___-TbaH {
152
- -ms-overflow-style: auto; /* for Internet Explorer, Edge */
153
- scrollbar-width: auto /* for Firefox */
154
- }
155
- .Scroll__ek-scroll_bar_auto___-TbaH::-webkit-scrollbar {
156
- display: auto; /* stylelint-disable-line csstree/validator */
157
- }
158
- .Scroll__ek-scroll_align_normal___zoDjM {
159
- align-items: normal;
160
- }
161
- .Scroll__ek-scroll_align_start___4mACC {
162
- align-items: flex-start;
163
- }
164
- .Scroll__ek-scroll_align_center___3PWHW {
165
- align-items: center;
166
- }
167
- .Scroll__ek-scroll_align_end___AwLLA {
168
- align-items: flex-end;
169
- }
@@ -1,67 +0,0 @@
1
- .ScrollControls__root___mOlOq {
2
- position: relative;
3
- overflow: hidden;
4
- }
5
-
6
- .ScrollControls__buttonCommon___rZcyK {
7
- position: absolute;
8
- top: 50%;
9
- transform: translateY(-50%);
10
- border: 0;
11
- box-shadow: 0 0 10px rgba(0, 0, 0, .08);
12
- height: 66px;
13
- max-width: 30px;
14
- max-height: 50%;
15
- min-height: 24px
16
- }
17
-
18
- .ScrollControls__buttonCommon___rZcyK:disabled {
19
- opacity: .3;
20
- pointer-events: auto;
21
- }
22
-
23
- .ScrollControls__buttonCommon___rZcyK:active {
24
- background: var(--black-200);
25
- }
26
-
27
- .ScrollControls__prev___cF2KB {
28
- left: 0;
29
- margin-left: var(--pds-spacing-xs);
30
- }
31
-
32
- .ScrollControls__next___9B-9g {
33
- right: 0;
34
- margin-right: var(--pds-spacing-xs);
35
- }
36
-
37
- .ScrollControls__icon___lzBzL {
38
- display: block;
39
- width: auto;
40
- height: 24px;
41
- fill: currentColor;
42
- max-height: 80%;
43
- }
44
-
45
- .ScrollControls__showOnHover___StbVV .ScrollControls__next___9B-9g {
46
- right: -40px;
47
- }
48
-
49
- .ScrollControls__showOnHover___StbVV .ScrollControls__prev___cF2KB {
50
- left: -40px;
51
- }
52
-
53
- .ScrollControls__hideOnDisabled___IONkE:disabled {
54
- opacity: 0;
55
- pointer-events: none;
56
- visibility: hidden;
57
- }
58
-
59
- @media (hover: hover) {
60
- .ScrollControls__showOnHover___StbVV:hover .ScrollControls__next___9B-9g {
61
- right: 0;
62
- }
63
-
64
- .ScrollControls__showOnHover___StbVV:hover .ScrollControls__prev___cF2KB {
65
- left: 0;
66
- }
67
- }
@@ -1,208 +0,0 @@
1
- .SideOverlay__root___zoSc7 {
2
- position: fixed;
3
- right: 0;
4
- bottom: 0;
5
- top: 0;
6
- left: 0;
7
- width: 100%;
8
- height: 100%;
9
- }
10
-
11
- .SideOverlay__backdrop___v5Neh {
12
- top: 0;
13
- left: 0;
14
- right: 0;
15
- bottom: 0;
16
- display: flex;
17
- z-index: -1;
18
- position: fixed;
19
- align-items: center;
20
- justify-content: center;
21
- opacity: .5;
22
- background-color: var(--black-400);
23
- -webkit-tap-highlight-color: transparent;
24
- will-change: opacity;
25
- }
26
-
27
- .SideOverlay__popup___LsB4w {
28
- z-index: 1200;
29
- position: fixed;
30
- background: var(--white);
31
- box-sizing: border-box;
32
- }
33
-
34
- .SideOverlay__content___D9ezA {
35
- width: 100%;
36
- height: 100%;
37
- box-sizing: border-box;
38
- overflow-x: hidden;
39
- overflow-y: auto;
40
- -webkit-overflow-scrolling: touch;
41
- }
42
-
43
- .SideOverlay__close___aiN5k {
44
- position: absolute;
45
- right: 0;
46
- top: 0;
47
- font-size: 30px;
48
- line-height: 24px;
49
- color: inherit;
50
- box-sizing: border-box;
51
- -webkit-appearance: none;
52
- -moz-appearance: none;
53
- appearance: none;
54
- background: transparent;
55
- -webkit-user-select: none;
56
- -moz-user-select: none;
57
- -ms-user-select: none;
58
- user-select: none;
59
- outline: none;
60
- cursor: pointer;
61
- border: none;
62
- padding: 0;
63
- font-weight: normal;
64
- width: 24px;
65
- height: 24px;
66
- margin: 10px
67
- }
68
-
69
- .SideOverlay__close___aiN5k::after {
70
- content: "\00D7";
71
- }
72
-
73
- .SideOverlay__popup_placement_top___BSFf7,
74
- .SideOverlay__popup_placement_bottom___k1gGY,
75
- .SideOverlay__popup_placement_right___w9HUr,
76
- .SideOverlay__popup_placement_left___DWBxa {
77
- transform: none;
78
- will-change: transform;
79
- }
80
-
81
- .SideOverlay__popup_placement_top___BSFf7,
82
- .SideOverlay__popup_placement_bottom___k1gGY {
83
- right: 0;
84
- left: 0;
85
- max-height: 90%;
86
- }
87
-
88
- .SideOverlay__popup_placement_right___w9HUr,
89
- .SideOverlay__popup_placement_left___DWBxa {
90
- top: 0;
91
- bottom: 0;
92
- max-width: 90%;
93
- }
94
-
95
- .SideOverlay__popup_placement_top___BSFf7 {
96
- top: 0;
97
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
98
- }
99
-
100
- .SideOverlay__popup_placement_bottom___k1gGY {
101
- bottom: 0;
102
- box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.1);
103
- }
104
-
105
- .SideOverlay__popup_placement_right___w9HUr {
106
- right: 0;
107
- box-shadow: -3px 0 6px 0 rgba(0, 0, 0, 0.1);
108
- }
109
-
110
- .SideOverlay__popup_placement_left___DWBxa {
111
- left: 0;
112
- box-shadow: 3px 0 6px 0 rgba(0, 0, 0, 0.1);
113
- }
114
-
115
- /* animation */
116
-
117
- .SideOverlay__enter___ukL-B,
118
- .SideOverlay__exit___QE5yq {
119
- pointer-events: auto;
120
- }
121
-
122
- .SideOverlay__enterActive___VPRAq,
123
- .SideOverlay__exitActive___FhiSX {
124
- pointer-events: none
125
- }
126
-
127
- .SideOverlay__enterActive___VPRAq .SideOverlay__backdrop___v5Neh, .SideOverlay__exitActive___FhiSX .SideOverlay__backdrop___v5Neh {
128
- transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
129
- }
130
-
131
- .SideOverlay__enterActive___VPRAq .SideOverlay__popup_placement_top___BSFf7,
132
- .SideOverlay__exitActive___FhiSX .SideOverlay__popup_placement_top___BSFf7,
133
- .SideOverlay__enterActive___VPRAq .SideOverlay__popup_placement_right___w9HUr,
134
- .SideOverlay__exitActive___FhiSX .SideOverlay__popup_placement_right___w9HUr,
135
- .SideOverlay__enterActive___VPRAq .SideOverlay__popup_placement_bottom___k1gGY,
136
- .SideOverlay__exitActive___FhiSX .SideOverlay__popup_placement_bottom___k1gGY,
137
- .SideOverlay__enterActive___VPRAq .SideOverlay__popup_placement_left___DWBxa,
138
- .SideOverlay__exitActive___FhiSX .SideOverlay__popup_placement_left___DWBxa {
139
- transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
140
- }
141
-
142
- .SideOverlay__enter___ukL-B .SideOverlay__backdrop___v5Neh {
143
- opacity: 0;
144
- }
145
-
146
- .SideOverlay__enter___ukL-B .SideOverlay__popup_placement_top___BSFf7 {
147
- transform: translateY(-100%);
148
- }
149
-
150
- .SideOverlay__enter___ukL-B .SideOverlay__popup_placement_right___w9HUr {
151
- transform: translateX(100%);
152
- }
153
-
154
- .SideOverlay__enter___ukL-B .SideOverlay__popup_placement_bottom___k1gGY {
155
- transform: translateY(100%);
156
- }
157
-
158
- .SideOverlay__enter___ukL-B .SideOverlay__popup_placement_left___DWBxa {
159
- transform: translateX(-100%);
160
- }
161
-
162
- .SideOverlay__enterActive___VPRAq .SideOverlay__backdrop___v5Neh {
163
- opacity: .5;
164
- }
165
-
166
- .SideOverlay__enterActive___VPRAq .SideOverlay__popup_placement_top___BSFf7,
167
- .SideOverlay__enterActive___VPRAq .SideOverlay__popup_placement_bottom___k1gGY {
168
- transform: translateY(0);
169
- }
170
-
171
- .SideOverlay__enterActive___VPRAq .SideOverlay__popup_placement_left___DWBxa,
172
- .SideOverlay__enterActive___VPRAq .SideOverlay__popup_placement_right___w9HUr {
173
- transform: translateX(0);
174
- }
175
-
176
- .SideOverlay__exit___QE5yq .SideOverlay__backdrop___v5Neh {
177
- opacity: .5;
178
- }
179
-
180
- .SideOverlay__exit___QE5yq .SideOverlay__popup_placement_top___BSFf7,
181
- .SideOverlay__exit___QE5yq .SideOverlay__popup_placement_bottom___k1gGY {
182
- transform: translateY(0);
183
- }
184
-
185
- .SideOverlay__exit___QE5yq .SideOverlay__popup_placement_left___DWBxa,
186
- .SideOverlay__exit___QE5yq .SideOverlay__popup_placement_right___w9HUr {
187
- transform: translateX(0);
188
- }
189
-
190
- .SideOverlay__exitActive___FhiSX .SideOverlay__backdrop___v5Neh {
191
- opacity: 0;
192
- }
193
-
194
- .SideOverlay__exitActive___FhiSX .SideOverlay__popup_placement_top___BSFf7 {
195
- transform: translateY(-100%);
196
- }
197
-
198
- .SideOverlay__exitActive___FhiSX .SideOverlay__popup_placement_right___w9HUr {
199
- transform: translateX(100%);
200
- }
201
-
202
- .SideOverlay__exitActive___FhiSX .SideOverlay__popup_placement_bottom___k1gGY {
203
- transform: translateY(100%);
204
- }
205
-
206
- .SideOverlay__exitActive___FhiSX .SideOverlay__popup_placement_left___DWBxa {
207
- transform: translateX(-100%);
208
- }
@@ -1,134 +0,0 @@
1
- .SimpleSlider__root___WuTIM {
2
- position: relative;
3
- overflow: hidden;
4
- height: auto;
5
- -webkit-user-select: none;
6
- -moz-user-select: none;
7
- -ms-user-select: none;
8
- user-select: none;
9
- }
10
-
11
- .SimpleSlider__track___G8BYu {
12
- position: absolute;
13
- left: 0;
14
- top: 0;
15
- height: 100%;
16
- list-style: none;
17
- padding: 0;
18
- margin: 0;
19
- width: 100%;
20
- display: flex;
21
- flex-wrap: nowrap;
22
- }
23
-
24
- .SimpleSlider__trackItem___94Eq7 {
25
- position: relative;
26
- display: block;
27
- flex: 1;
28
- min-width: 0;
29
- }
30
-
31
- .SimpleSlider__buttonCommon___I5yQD {
32
- position: absolute;
33
- top: 50%;
34
- transform: translateY(-50%);
35
- font-weight: normal;
36
- border: 0;
37
- border-radius: 4px;
38
- background: var(--white);
39
- box-shadow: 0 0 10px rgba(0, 0, 0, .08);
40
- padding: 0;
41
- width: 30px;
42
- height: 66px;
43
- max-height: 70%
44
- }
45
-
46
- .SimpleSlider__buttonCommon___I5yQD:disabled {
47
- opacity: .3;
48
- pointer-events: auto;
49
- }
50
-
51
- .SimpleSlider__buttonCommon___I5yQD:active {
52
- background: var(--black-200);
53
- }
54
-
55
- .SimpleSlider__buttonPrev___UqTOk {
56
- left: 0;
57
- margin-left: 8px;
58
- }
59
-
60
- .SimpleSlider__buttonNext___BbLNv {
61
- right: 0;
62
- margin-right: 8px;
63
- }
64
-
65
- .SimpleSlider__buttonIcon___89h6n {
66
- fill: currentColor;
67
- }
68
-
69
- .SimpleSlider__showOnHoverButtons___yssoj .SimpleSlider__buttonNext___BbLNv {
70
- right: -40px;
71
- }
72
-
73
- .SimpleSlider__showOnHoverButtons___yssoj .SimpleSlider__buttonPrev___UqTOk {
74
- left: -40px;
75
- }
76
-
77
- .SimpleSlider__dots___E7g4J {
78
- position: absolute;
79
- left: 50%;
80
- bottom: 0;
81
- transform: translateX(-50%);
82
- display: flex;
83
- align-items: center;
84
- list-style: none;
85
- padding: 4px 8px;
86
- margin: 0 0 8px;
87
- background: var(--white);
88
- border-radius: 8px;
89
- box-shadow: 0 0 10px rgba(0, 0, 0, .08);
90
- transition: bottom 150ms ease-in-out;
91
- }
92
-
93
- .SimpleSlider__dotsItem___cbWCu {
94
- display: block
95
- }
96
-
97
- .SimpleSlider__dotsItem___cbWCu + .SimpleSlider__dotsItem___cbWCu {
98
- margin-left: 6px;
99
- }
100
-
101
- .SimpleSlider__dotsButton___7N4yb {
102
- display: block;
103
- padding: 0;
104
- width: 6px;
105
- height: 6px;
106
- border-radius: 50%;
107
- font-size: 0;
108
- background: var(--black-400)
109
- }
110
-
111
- .SimpleSlider__dotsButton___7N4yb:hover {
112
- background: var(--black-500);
113
- }
114
-
115
- .SimpleSlider__dotsButton___7N4yb:disabled {
116
- background: var(--yellow-500);
117
- }
118
-
119
- .SimpleSlider__showOnHoverDots___ig5DV .SimpleSlider__dots___E7g4J {
120
- bottom: -24px;
121
- }
122
-
123
- @media (hover: hover) {
124
- .SimpleSlider__showOnHoverButtons___yssoj:hover .SimpleSlider__buttonNext___BbLNv {
125
- right: 0;
126
- }
127
-
128
- .SimpleSlider__showOnHoverButtons___yssoj:hover .SimpleSlider__buttonPrev___UqTOk {
129
- left: 0;
130
- }
131
- .SimpleSlider__showOnHoverDots___ig5DV:hover .SimpleSlider__dots___E7g4J {
132
- bottom: 0;
133
- }
134
- }