@prom-ui/core 2.2.0 → 2.3.0

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 (189) hide show
  1. package/Avatar/cjs/style.development.css +85 -1
  2. package/Avatar/cjs/style.development.v2.css +85 -1
  3. package/Avatar/package.json +1 -1
  4. package/Backdrop/cjs/style.development.css +46 -1
  5. package/Backdrop/cjs/style.development.v2.css +46 -1
  6. package/Backdrop/package.json +1 -1
  7. package/Badge/cjs/style.development.css +85 -1
  8. package/Badge/cjs/style.development.v2.css +85 -1
  9. package/Badge/package.json +1 -1
  10. package/Body/cjs/style.development.css +865 -1
  11. package/Body/cjs/style.development.v2.css +865 -1
  12. package/Body/cjs/style.production.css +1 -1
  13. package/Body/cjs/style.production.v2.css +1 -1
  14. package/Body/index.d.ts +9 -8
  15. package/Body/package.json +1 -1
  16. package/BodyProvider/package.json +1 -1
  17. package/BodyScrollLock/cjs/style.development.css +15 -1
  18. package/BodyScrollLock/cjs/style.development.v2.css +15 -1
  19. package/BodyScrollLock/package.json +1 -1
  20. package/Box/cjs/style.development.css +17358 -1
  21. package/Box/cjs/style.development.v2.css +17358 -1
  22. package/Box/cjs/style.production.css +1 -1
  23. package/Box/cjs/style.production.v2.css +1 -1
  24. package/Box/index.d.ts +16 -15
  25. package/Box/package.json +1 -1
  26. package/Button/cjs/index.development.js +15 -15
  27. package/Button/cjs/index.development.v2.js +15 -15
  28. package/Button/cjs/index.production.js +1 -1
  29. package/Button/cjs/index.production.v2.js +1 -1
  30. package/Button/cjs/style.development.css +7552 -1
  31. package/Button/cjs/style.development.v2.css +7552 -1
  32. package/Button/cjs/style.production.css +1 -1
  33. package/Button/cjs/style.production.v2.css +1 -1
  34. package/Button/index.d.ts +11 -10
  35. package/Button/package.json +1 -1
  36. package/ButtonPageUp/cjs/style.development.css +5 -1
  37. package/ButtonPageUp/cjs/style.development.v2.css +5 -1
  38. package/ButtonPageUp/package.json +1 -1
  39. package/Checkbox/cjs/style.development.css +171 -1
  40. package/Checkbox/cjs/style.development.v2.css +171 -1
  41. package/Checkbox/cjs/style.production.css +1 -1
  42. package/Checkbox/cjs/style.production.v2.css +1 -1
  43. package/Checkbox/package.json +1 -1
  44. package/ColorScheme/cjs/style.development.css +3 -1
  45. package/ColorScheme/cjs/style.development.v2.css +3 -1
  46. package/ColorScheme/package.json +1 -1
  47. package/ContextMenu/cjs/style.development.css +32 -1
  48. package/ContextMenu/cjs/style.development.v2.css +32 -1
  49. package/ContextMenu/package.json +1 -1
  50. package/ErrorCatch/cjs/style.development.css +34 -1
  51. package/ErrorCatch/cjs/style.development.v2.css +34 -1
  52. package/ErrorCatch/package.json +1 -1
  53. package/Flex/cjs/style.development.css +786 -1
  54. package/Flex/cjs/style.development.v2.css +786 -1
  55. package/Flex/index.d.ts +11 -10
  56. package/Flex/package.json +1 -1
  57. package/Grid/cjs/style.development.css +7439 -1
  58. package/Grid/cjs/style.development.v2.css +7439 -1
  59. package/Grid/cjs/style.production.css +1 -1
  60. package/Grid/cjs/style.production.v2.css +1 -1
  61. package/Grid/index.d.ts +14 -13
  62. package/Grid/package.json +1 -1
  63. package/Icon/cjs/style.development.css +67 -1
  64. package/Icon/cjs/style.development.v2.css +67 -1
  65. package/Icon/package.json +1 -1
  66. package/Image/cjs/style.development.css +969 -1
  67. package/Image/cjs/style.development.v2.css +969 -1
  68. package/Image/cjs/style.production.css +1 -1
  69. package/Image/cjs/style.production.v2.css +1 -1
  70. package/Image/index.d.ts +11 -11
  71. package/Image/package.json +1 -1
  72. package/ImageEmoji/package.json +1 -1
  73. package/Input/cjs/style.development.css +322 -1
  74. package/Input/cjs/style.development.v2.css +322 -1
  75. package/Input/package.json +1 -1
  76. package/InputField/cjs/style.development.css +53 -1
  77. package/InputField/cjs/style.development.v2.css +53 -1
  78. package/InputField/package.json +1 -1
  79. package/KeyPress/package.json +1 -1
  80. package/Label/cjs/style.development.css +50 -1
  81. package/Label/cjs/style.development.v2.css +50 -1
  82. package/Label/package.json +1 -1
  83. package/Line/cjs/index.development.js +1 -1
  84. package/Line/cjs/index.development.v2.js +1 -1
  85. package/Line/cjs/index.production.js +1 -1
  86. package/Line/cjs/index.production.v2.js +1 -1
  87. package/Line/cjs/style.development.css +193 -1
  88. package/Line/cjs/style.development.v2.css +193 -1
  89. package/Line/cjs/style.production.css +1 -1
  90. package/Line/cjs/style.production.v2.css +1 -1
  91. package/Line/index.d.ts +5 -4
  92. package/Line/package.json +1 -1
  93. package/Link/cjs/style.development.css +476 -1
  94. package/Link/cjs/style.development.v2.css +476 -1
  95. package/Link/cjs/style.production.css +1 -1
  96. package/Link/cjs/style.production.v2.css +1 -1
  97. package/Link/index.d.ts +9 -9
  98. package/Link/package.json +1 -1
  99. package/List/cjs/style.development.css +528 -1
  100. package/List/cjs/style.development.v2.css +528 -1
  101. package/List/cjs/style.production.css +1 -1
  102. package/List/cjs/style.production.v2.css +1 -1
  103. package/List/index.d.ts +6 -6
  104. package/List/package.json +1 -1
  105. package/Media/package.json +1 -1
  106. package/Modal/cjs/style.development.css +85 -1
  107. package/Modal/cjs/style.development.v2.css +85 -1
  108. package/Modal/package.json +1 -1
  109. package/OutsideClick/package.json +1 -1
  110. package/Overlay/cjs/style.development.css +305 -1
  111. package/Overlay/cjs/style.development.v2.css +305 -1
  112. package/Overlay/package.json +1 -1
  113. package/PhotoGallery/cjs/style.development.css +368 -1
  114. package/PhotoGallery/cjs/style.development.v2.css +368 -1
  115. package/PhotoGallery/cjs/style.production.css +1 -1
  116. package/PhotoGallery/cjs/style.production.v2.css +1 -1
  117. package/PhotoGallery/package.json +1 -1
  118. package/Picture/cjs/style.development.css +2406 -1
  119. package/Picture/cjs/style.development.v2.css +2406 -1
  120. package/Picture/cjs/style.production.css +1 -1
  121. package/Picture/cjs/style.production.v2.css +1 -1
  122. package/Picture/index.d.ts +8 -7
  123. package/Picture/package.json +1 -1
  124. package/Portal/package.json +1 -1
  125. package/Progress/cjs/style.development.css +43 -1
  126. package/Progress/cjs/style.development.v2.css +43 -1
  127. package/Progress/package.json +1 -1
  128. package/QRCode/cjs/style.development.css +3 -1
  129. package/QRCode/cjs/style.development.v2.css +3 -1
  130. package/QRCode/package.json +1 -1
  131. package/Rating/cjs/style.development.css +10 -1
  132. package/Rating/cjs/style.development.v2.css +10 -1
  133. package/Rating/package.json +1 -1
  134. package/RatingSelect/cjs/style.development.css +145 -1
  135. package/RatingSelect/cjs/style.development.v2.css +145 -1
  136. package/RatingSelect/package.json +1 -1
  137. package/Scroll/cjs/style.development.css +228 -1
  138. package/Scroll/cjs/style.development.v2.css +228 -1
  139. package/Scroll/package.json +1 -1
  140. package/ScrollControls/cjs/style.development.css +57 -1
  141. package/ScrollControls/cjs/style.development.v2.css +57 -1
  142. package/ScrollControls/package.json +1 -1
  143. package/SimpleSlider/cjs/style.development.css +196 -1
  144. package/SimpleSlider/cjs/style.development.v2.css +196 -1
  145. package/SimpleSlider/cjs/style.production.css +1 -1
  146. package/SimpleSlider/cjs/style.production.v2.css +1 -1
  147. package/SimpleSlider/package.json +1 -1
  148. package/Skeleton/cjs/style.development.css +96 -1
  149. package/Skeleton/cjs/style.development.v2.css +96 -1
  150. package/Skeleton/package.json +1 -1
  151. package/SnackBar/cjs/style.development.css +161 -1
  152. package/SnackBar/cjs/style.development.v2.css +161 -1
  153. package/SnackBar/cjs/style.production.css +1 -1
  154. package/SnackBar/cjs/style.production.v2.css +1 -1
  155. package/SnackBar/package.json +1 -1
  156. package/Spinner/cjs/style.development.css +56 -1
  157. package/Spinner/cjs/style.development.v2.css +56 -1
  158. package/Spinner/package.json +1 -1
  159. package/Text/cjs/style.development.css +1450 -1
  160. package/Text/cjs/style.development.v2.css +1450 -1
  161. package/Text/cjs/style.production.css +1 -1
  162. package/Text/cjs/style.production.v2.css +1 -1
  163. package/Text/index.d.ts +11 -10
  164. package/Text/package.json +1 -1
  165. package/TextEmoji/package.json +1 -1
  166. package/Tooltip/cjs/style.development.css +146 -1
  167. package/Tooltip/cjs/style.development.v2.css +146 -1
  168. package/Tooltip/package.json +1 -1
  169. package/Tumbler/cjs/style.development.css +155 -1
  170. package/Tumbler/cjs/style.development.v2.css +155 -1
  171. package/Tumbler/cjs/style.production.css +1 -1
  172. package/Tumbler/cjs/style.production.v2.css +1 -1
  173. package/Tumbler/package.json +1 -1
  174. package/Viewport/package.json +1 -1
  175. package/evokit/index.d.ts +2 -2
  176. package/evokit/package.json +1 -1
  177. package/evokit/types.d.ts +3 -2
  178. package/package.json +2 -2
  179. package/useBrowserLayoutEffect/package.json +1 -1
  180. package/useDebounce/package.json +1 -1
  181. package/useForwardRef/package.json +1 -1
  182. package/useInView/package.json +1 -1
  183. package/useIsMounted/package.json +1 -1
  184. package/useKeyPress/package.json +1 -1
  185. package/useMedia/package.json +1 -1
  186. package/useOutsideClick/package.json +1 -1
  187. package/usePortal/package.json +1 -1
  188. package/useScrollPosition/package.json +1 -1
  189. package/useSnackBar/package.json +1 -1
@@ -1 +1,196 @@
1
- .SimpleSlider__root___bXdCd{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.SimpleSlider__track___igqgQ{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}.SimpleSlider__trackItem___7TgGX{position:relative;display:block;flex:1;min-width:0}.SimpleSlider__resetButton___gHpEr{border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.SimpleSlider__resetButton___gHpEr::-moz-focus-inner{border-style:none}.SimpleSlider__resetButton___gHpEr:focus:not(:focus-visible){outline:0}.SimpleSlider__buttonCommon___cQvz3{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;width:42px;height:42px;transition:120ms ease-in-out;transition-property:background-color,transform,opacity;aspect-ratio:1/1;color:var(--black-900);background:var(--white);box-shadow:0 4px 10px rgba(147,148,156,.4);display:flex;align-items:center;justify-content:center}.SimpleSlider__buttonCommon___cQvz3:disabled{cursor:default;opacity:.3;pointer-events:none}.SimpleSlider__buttonCommon___cQvz3:hover{background:var(--black-50)}.SimpleSlider__buttonCommon___cQvz3:active,.SimpleSlider__buttonCommon___cQvz3:focus-visible{background:var(--black-100)}.SimpleSlider__buttonPrev___543BF{left:var(--pds-spacing-m)}.SimpleSlider__buttonNext___uU4Gw{right:var(--pds-spacing-m)}.SimpleSlider__buttonIcon___LD9ov{fill:currentColor;width:24px;height:24px}.SimpleSlider__dots___GA591{position:absolute;left:50%;bottom:var(--pds-spacing-s);transform:translate(-50%,0);display:flex;align-items:center;list-style:none;padding:4px 8px;border-radius:8px;box-shadow:0 2px 10px rgba(147,148,156,.4);transition:120ms ease-in-out;transition-property:transform,opacity}.SimpleSlider__dots___GA591:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--white)}.SimpleSlider__dotsTransparent___fybKk:before{opacity:.5}.SimpleSlider__dotsItem___d4JnV{display:block;position:relative}.SimpleSlider__dotsItem___d4JnV+.SimpleSlider__dotsItem___d4JnV{margin-left:6px}.SimpleSlider__dotsButton___UPQSI{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400);transition:none}.SimpleSlider__dotsButton___UPQSI:hover{background:var(--black-500)}.SimpleSlider__dotsButton___UPQSI:disabled{background:var(--violet-500)}.SimpleSlider__showOnHoverButtons___0cn-k .SimpleSlider__buttonPrev___543BF{opacity:0;transform:translate(calc(-100% - var(--pds-spacing-m)),-50%)}.SimpleSlider__showOnHoverButtons___0cn-k .SimpleSlider__buttonNext___uU4Gw{opacity:0;transform:translate(calc(100% + var(--pds-spacing-m)),-50%)}.SimpleSlider__showOnHoverDots___q4PLm .SimpleSlider__dots___GA591{opacity:0;transform:translate(-50%,calc(100% + var(--pds-spacing-s)))}@media (hover:hover){.SimpleSlider__showOnHoverButtons___0cn-k:hover .SimpleSlider__buttonPrev___543BF{opacity:1;transform:translate(0,-50%)}.SimpleSlider__showOnHoverButtons___0cn-k:hover .SimpleSlider__buttonPrev___543BF:disabled{opacity:.3}.SimpleSlider__showOnHoverButtons___0cn-k:hover .SimpleSlider__buttonNext___uU4Gw{opacity:1;transform:translate(0,-50%)}.SimpleSlider__showOnHoverButtons___0cn-k:hover .SimpleSlider__buttonNext___uU4Gw:disabled{opacity:.3}.SimpleSlider__showOnHoverDots___q4PLm:hover .SimpleSlider__dots___GA591{opacity:1;transform:translate(-50%,0)}}
1
+ .SimpleSlider__root___bXdCd {
2
+ position: relative;
3
+ overflow: hidden;
4
+ height: auto;
5
+ -webkit-user-select: none;
6
+ -moz-user-select: none;
7
+ user-select: none;
8
+ }
9
+
10
+ .SimpleSlider__track___igqgQ {
11
+ position: absolute;
12
+ left: 0;
13
+ top: 0;
14
+ height: 100%;
15
+ list-style: none;
16
+ padding: 0;
17
+ margin: 0;
18
+ width: 100%;
19
+ display: flex;
20
+ flex-wrap: nowrap;
21
+ }
22
+
23
+ .SimpleSlider__trackItem___7TgGX {
24
+ position: relative;
25
+ display: block;
26
+ flex: 1;
27
+ min-width: 0;
28
+ }
29
+
30
+ .SimpleSlider__resetButton___gHpEr {
31
+ border: 0;
32
+ cursor: pointer;
33
+ -webkit-user-select: none;
34
+ -moz-user-select: none;
35
+ user-select: none;
36
+ -webkit-appearance: none;
37
+ -moz-appearance: none;
38
+ appearance: none;
39
+ box-sizing: border-box;
40
+ -webkit-tap-highlight-color: transparent;
41
+ }
42
+
43
+ .SimpleSlider__resetButton___gHpEr::-moz-focus-inner {
44
+ border-style: none;
45
+ }
46
+
47
+ .SimpleSlider__resetButton___gHpEr:focus:not(:focus-visible) {
48
+ outline: 0;
49
+ }
50
+
51
+ .SimpleSlider__buttonCommon___cQvz3 {
52
+ position: absolute;
53
+ top: 50%;
54
+ transform: translateY(-50%);
55
+ border-radius: 50%;
56
+ width: 42px;
57
+ height: 42px;
58
+ transition: 120ms ease-in-out;
59
+ transition-property: background-color, transform, opacity;
60
+ aspect-ratio: 1/1;
61
+ color: var(--black-900);
62
+ background: var(--white);
63
+ box-shadow: 0px 4px 10px rgba(147, 148, 156, 0.4);
64
+ display: flex;
65
+ align-items: center;
66
+ justify-content: center;
67
+ }
68
+
69
+ .SimpleSlider__buttonCommon___cQvz3:disabled {
70
+ cursor: default;
71
+ opacity: 0.3;
72
+ pointer-events: none;
73
+ }
74
+
75
+ .SimpleSlider__buttonCommon___cQvz3:hover {
76
+ background: var(--black-50);
77
+ }
78
+
79
+ .SimpleSlider__buttonCommon___cQvz3:active,
80
+ .SimpleSlider__buttonCommon___cQvz3:focus-visible {
81
+ background: var(--black-100);
82
+ }
83
+
84
+ .SimpleSlider__buttonPrev___543BF {
85
+ left: var(--pds-spacing-m);
86
+ }
87
+
88
+ .SimpleSlider__buttonNext___uU4Gw {
89
+ right: var(--pds-spacing-m);
90
+ }
91
+
92
+ .SimpleSlider__buttonIcon___LD9ov {
93
+ fill: currentColor;
94
+ width: 24px;
95
+ height: 24px;
96
+ }
97
+
98
+ .SimpleSlider__dots___GA591 {
99
+ position: absolute;
100
+ left: 50%;
101
+ bottom: var(--pds-spacing-s);
102
+ transform: translate(-50%, 0);
103
+ display: flex;
104
+ align-items: center;
105
+ list-style: none;
106
+ padding: 4px 8px;
107
+ border-radius: 8px;
108
+ box-shadow: 0px 2px 10px rgba(147, 148, 156, 0.4);
109
+ transition: 120ms ease-in-out;
110
+ transition-property: transform, opacity;
111
+ }
112
+
113
+ .SimpleSlider__dots___GA591:before {
114
+ content: '';
115
+ position: absolute;
116
+ top: 0;
117
+ left: 0;
118
+ width: 100%;
119
+ height: 100%;
120
+ border-radius: inherit;
121
+ background: var(--white);
122
+ }
123
+
124
+ .SimpleSlider__dotsTransparent___fybKk:before {
125
+ opacity: 0.5;
126
+ }
127
+
128
+ .SimpleSlider__dotsItem___d4JnV {
129
+ display: block;
130
+ position: relative;
131
+ }
132
+
133
+ .SimpleSlider__dotsItem___d4JnV + .SimpleSlider__dotsItem___d4JnV {
134
+ margin-left: 6px;
135
+ }
136
+
137
+ .SimpleSlider__dotsButton___UPQSI {
138
+ display: block;
139
+ padding: 0;
140
+ width: 6px;
141
+ height: 6px;
142
+ border-radius: 50%;
143
+ font-size: 0;
144
+ background: var(--black-400);
145
+ transition: none;
146
+ }
147
+
148
+ .SimpleSlider__dotsButton___UPQSI:hover {
149
+ background: var(--black-500);
150
+ }
151
+
152
+ .SimpleSlider__dotsButton___UPQSI:disabled {
153
+ background: var(--violet-500);
154
+ }
155
+
156
+ .SimpleSlider__showOnHoverButtons___0cn-k .SimpleSlider__buttonPrev___543BF {
157
+ opacity: 0;
158
+ transform: translate(calc(-100% - var(--pds-spacing-m)), -50%);
159
+ }
160
+
161
+ .SimpleSlider__showOnHoverButtons___0cn-k .SimpleSlider__buttonNext___uU4Gw {
162
+ opacity: 0;
163
+ transform: translate(calc(100% + var(--pds-spacing-m)), -50%);
164
+ }
165
+
166
+ @media (hover: hover) {
167
+ .SimpleSlider__showOnHoverButtons___0cn-k:hover .SimpleSlider__buttonPrev___543BF {
168
+ opacity: 1;
169
+ transform: translate(0, -50%);
170
+ }
171
+
172
+ .SimpleSlider__showOnHoverButtons___0cn-k:hover .SimpleSlider__buttonPrev___543BF:disabled {
173
+ opacity: 0.3;
174
+ }
175
+
176
+ .SimpleSlider__showOnHoverButtons___0cn-k:hover .SimpleSlider__buttonNext___uU4Gw {
177
+ opacity: 1;
178
+ transform: translate(0, -50%);
179
+ }
180
+
181
+ .SimpleSlider__showOnHoverButtons___0cn-k:hover .SimpleSlider__buttonNext___uU4Gw:disabled {
182
+ opacity: 0.3;
183
+ }
184
+ }
185
+
186
+ .SimpleSlider__showOnHoverDots___q4PLm .SimpleSlider__dots___GA591 {
187
+ opacity: 0;
188
+ transform: translate(-50%, calc(100% + var(--pds-spacing-s)));
189
+ }
190
+
191
+ @media (hover: hover) {
192
+ .SimpleSlider__showOnHoverDots___q4PLm:hover .SimpleSlider__dots___GA591 {
193
+ opacity: 1;
194
+ transform: translate(-50%, 0);
195
+ }
196
+ }
@@ -1 +1 @@
1
- .WuTIM{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.G8BYu{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}._94Eq7{position:relative;display:block;flex:1;min-width:0}.LXJjI{border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.LXJjI::-moz-focus-inner{border-style:none}.LXJjI:focus:not(:focus-visible){outline:0}.I5yQD{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;width:42px;height:42px;transition:120ms ease-in-out;transition-property:background-color,transform,opacity;aspect-ratio:1/1;color:var(--black-900);background:var(--white);box-shadow:0 4px 10px rgba(147,148,156,.4);display:flex;align-items:center;justify-content:center}.I5yQD:disabled{cursor:default;opacity:.3;pointer-events:none}.I5yQD:hover{background:var(--black-50)}.I5yQD:active,.I5yQD:focus-visible{background:var(--black-100)}.UqTOk{left:var(--pds-spacing-m)}.BbLNv{right:var(--pds-spacing-m)}._89h6n{fill:currentColor;width:24px;height:24px}.E7g4J{position:absolute;left:50%;bottom:var(--pds-spacing-s);transform:translate(-50%,0);display:flex;align-items:center;list-style:none;padding:4px 8px;border-radius:8px;box-shadow:0 2px 10px rgba(147,148,156,.4);transition:120ms ease-in-out;transition-property:transform,opacity}.E7g4J:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--white)}.v-ZWk:before{opacity:.5}.cbWCu{display:block;position:relative}.cbWCu+.cbWCu{margin-left:6px}._7N4yb{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400);transition:none}._7N4yb:hover{background:var(--black-500)}._7N4yb:disabled{background:var(--violet-500)}.yssoj .UqTOk{opacity:0;transform:translate(calc(-100% - var(--pds-spacing-m)),-50%)}.yssoj .BbLNv{opacity:0;transform:translate(calc(100% + var(--pds-spacing-m)),-50%)}.ig5DV .E7g4J{opacity:0;transform:translate(-50%,calc(100% + var(--pds-spacing-s)))}@media (hover:hover){.yssoj:hover .UqTOk{opacity:1;transform:translate(0,-50%)}.yssoj:hover .UqTOk:disabled{opacity:.3}.yssoj:hover .BbLNv{opacity:1;transform:translate(0,-50%)}.yssoj:hover .BbLNv:disabled{opacity:.3}.ig5DV:hover .E7g4J{opacity:1;transform:translate(-50%,0)}}
1
+ .WuTIM{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.G8BYu{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}._94Eq7{position:relative;display:block;flex:1;min-width:0}.LXJjI{border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.LXJjI::-moz-focus-inner{border-style:none}.LXJjI:focus:not(:focus-visible){outline:0}.I5yQD{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;width:42px;height:42px;transition:120ms ease-in-out;transition-property:background-color,transform,opacity;aspect-ratio:1/1;color:var(--black-900);background:var(--white);box-shadow:0 4px 10px rgba(147,148,156,.4);display:flex;align-items:center;justify-content:center}.I5yQD:disabled{cursor:default;opacity:.3;pointer-events:none}.I5yQD:hover{background:var(--black-50)}.I5yQD:active,.I5yQD:focus-visible{background:var(--black-100)}.UqTOk{left:var(--pds-spacing-m)}.BbLNv{right:var(--pds-spacing-m)}._89h6n{fill:currentColor;width:24px;height:24px}.E7g4J{position:absolute;left:50%;bottom:var(--pds-spacing-s);transform:translate(-50%,0);display:flex;align-items:center;list-style:none;padding:4px 8px;border-radius:8px;box-shadow:0 2px 10px rgba(147,148,156,.4);transition:120ms ease-in-out;transition-property:transform,opacity}.E7g4J:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--white)}.v-ZWk:before{opacity:.5}.cbWCu{display:block;position:relative}.cbWCu+.cbWCu{margin-left:6px}._7N4yb{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400);transition:none}._7N4yb:hover{background:var(--black-500)}._7N4yb:disabled{background:var(--violet-500)}.yssoj .UqTOk{opacity:0;transform:translate(calc(-100% - var(--pds-spacing-m)),-50%)}.yssoj .BbLNv{opacity:0;transform:translate(calc(100% + var(--pds-spacing-m)),-50%)}@media (hover:hover){.yssoj:hover .UqTOk{opacity:1;transform:translate(0,-50%)}.yssoj:hover .UqTOk:disabled{opacity:.3}.yssoj:hover .BbLNv{opacity:1;transform:translate(0,-50%)}.yssoj:hover .BbLNv:disabled{opacity:.3}}.ig5DV .E7g4J{opacity:0;transform:translate(-50%,calc(100% + var(--pds-spacing-s)))}@media (hover:hover){.ig5DV:hover .E7g4J{opacity:1;transform:translate(-50%,0)}}
@@ -1 +1 @@
1
- .bXdCd{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.igqgQ{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}._7TgGX{position:relative;display:block;flex:1;min-width:0}.gHpEr{border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.gHpEr::-moz-focus-inner{border-style:none}.gHpEr:focus:not(:focus-visible){outline:0}.cQvz3{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;width:42px;height:42px;transition:120ms ease-in-out;transition-property:background-color,transform,opacity;aspect-ratio:1/1;color:var(--black-900);background:var(--white);box-shadow:0 4px 10px rgba(147,148,156,.4);display:flex;align-items:center;justify-content:center}.cQvz3:disabled{cursor:default;opacity:.3;pointer-events:none}.cQvz3:hover{background:var(--black-50)}.cQvz3:active,.cQvz3:focus-visible{background:var(--black-100)}._543BF{left:var(--pds-spacing-m)}.uU4Gw{right:var(--pds-spacing-m)}.LD9ov{fill:currentColor;width:24px;height:24px}.GA591{position:absolute;left:50%;bottom:var(--pds-spacing-s);transform:translate(-50%,0);display:flex;align-items:center;list-style:none;padding:4px 8px;border-radius:8px;box-shadow:0 2px 10px rgba(147,148,156,.4);transition:120ms ease-in-out;transition-property:transform,opacity}.GA591:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--white)}.fybKk:before{opacity:.5}.d4JnV{display:block;position:relative}.d4JnV+.d4JnV{margin-left:6px}.UPQSI{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400);transition:none}.UPQSI:hover{background:var(--black-500)}.UPQSI:disabled{background:var(--violet-500)}._0cn-k ._543BF{opacity:0;transform:translate(calc(-100% - var(--pds-spacing-m)),-50%)}._0cn-k .uU4Gw{opacity:0;transform:translate(calc(100% + var(--pds-spacing-m)),-50%)}.q4PLm .GA591{opacity:0;transform:translate(-50%,calc(100% + var(--pds-spacing-s)))}@media (hover:hover){._0cn-k:hover ._543BF{opacity:1;transform:translate(0,-50%)}._0cn-k:hover ._543BF:disabled{opacity:.3}._0cn-k:hover .uU4Gw{opacity:1;transform:translate(0,-50%)}._0cn-k:hover .uU4Gw:disabled{opacity:.3}.q4PLm:hover .GA591{opacity:1;transform:translate(-50%,0)}}
1
+ .bXdCd{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.igqgQ{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}._7TgGX{position:relative;display:block;flex:1;min-width:0}.gHpEr{border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.gHpEr::-moz-focus-inner{border-style:none}.gHpEr:focus:not(:focus-visible){outline:0}.cQvz3{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;width:42px;height:42px;transition:120ms ease-in-out;transition-property:background-color,transform,opacity;aspect-ratio:1/1;color:var(--black-900);background:var(--white);box-shadow:0 4px 10px rgba(147,148,156,.4);display:flex;align-items:center;justify-content:center}.cQvz3:disabled{cursor:default;opacity:.3;pointer-events:none}.cQvz3:hover{background:var(--black-50)}.cQvz3:active,.cQvz3:focus-visible{background:var(--black-100)}._543BF{left:var(--pds-spacing-m)}.uU4Gw{right:var(--pds-spacing-m)}.LD9ov{fill:currentColor;width:24px;height:24px}.GA591{position:absolute;left:50%;bottom:var(--pds-spacing-s);transform:translate(-50%,0);display:flex;align-items:center;list-style:none;padding:4px 8px;border-radius:8px;box-shadow:0 2px 10px rgba(147,148,156,.4);transition:120ms ease-in-out;transition-property:transform,opacity}.GA591:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--white)}.fybKk:before{opacity:.5}.d4JnV{display:block;position:relative}.d4JnV+.d4JnV{margin-left:6px}.UPQSI{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400);transition:none}.UPQSI:hover{background:var(--black-500)}.UPQSI:disabled{background:var(--violet-500)}._0cn-k ._543BF{opacity:0;transform:translate(calc(-100% - var(--pds-spacing-m)),-50%)}._0cn-k .uU4Gw{opacity:0;transform:translate(calc(100% + var(--pds-spacing-m)),-50%)}@media (hover:hover){._0cn-k:hover ._543BF{opacity:1;transform:translate(0,-50%)}._0cn-k:hover ._543BF:disabled{opacity:.3}._0cn-k:hover .uU4Gw{opacity:1;transform:translate(0,-50%)}._0cn-k:hover .uU4Gw:disabled{opacity:.3}}.q4PLm .GA591{opacity:0;transform:translate(-50%,calc(100% + var(--pds-spacing-s)))}@media (hover:hover){.q4PLm:hover .GA591{opacity:1;transform:translate(-50%,0)}}
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/SimpleSlider",
3
- "version": "2.2.0",
3
+ "version": "2.3.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1 +1,96 @@
1
- .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::before{color:transparent}.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_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
+ .Skeleton__ek-skeleton___YQ77B {
2
+ display: block;
3
+ clear: both;
4
+ line-height: 100%;
5
+ border-radius: var(--pds-round-m);
6
+ overflow: hidden;
7
+ pointer-events: none;
8
+ position: relative;
9
+ }
10
+
11
+ .Skeleton__ek-skeleton___YQ77B + .Skeleton__ek-skeleton___YQ77B {
12
+ margin-top: var(--pds-spacing-s);
13
+ }
14
+
15
+ .Skeleton__ek-skeleton___YQ77B::before {
16
+ color: rgba(0, 0, 0, 0);
17
+ }
18
+
19
+ .Skeleton__ek-skeleton_theme_black-100___7Lfmq {
20
+ background: var(--black-100);
21
+ }
22
+
23
+ .Skeleton__ek-skeleton_theme_white___HJ4sO {
24
+ background: var(--white);
25
+ }
26
+
27
+ .Skeleton__ek-skeleton_variant_text___8cqBE::before {
28
+ content: '\00a0';
29
+ }
30
+
31
+ .Skeleton__ek-skeleton_variant_circle___-y8Ac {
32
+ border-radius: 50%;
33
+ }
34
+
35
+ .Skeleton__ek-skeleton_variant_circle___-y8Ac::before, .Skeleton__ek-skeleton_variant_square___ER7Aa::before {
36
+ content: '';
37
+ display: block;
38
+ padding-bottom: 100%;
39
+ }
40
+
41
+ .Skeleton__ek-skeleton_align_left___vFpty {
42
+ margin-right: auto;
43
+ }
44
+
45
+ .Skeleton__ek-skeleton_align_center___xLcUn {
46
+ margin-left: auto;
47
+ margin-right: auto;
48
+ }
49
+
50
+ .Skeleton__ek-skeleton_align_right___YXQvi {
51
+ margin-left: auto;
52
+ }
53
+
54
+ .Skeleton__ek-skeleton_opacity_0___hV3fo {
55
+ opacity: 0;
56
+ }
57
+
58
+ .Skeleton__ek-skeleton_opacity_10___SWeYg {
59
+ opacity: 0.1;
60
+ }
61
+
62
+ .Skeleton__ek-skeleton_opacity_20___uh-KW {
63
+ opacity: 0.2;
64
+ }
65
+
66
+ .Skeleton__ek-skeleton_opacity_30___o-fsf {
67
+ opacity: 0.3;
68
+ }
69
+
70
+ .Skeleton__ek-skeleton_opacity_40___yQNnj {
71
+ opacity: 0.4;
72
+ }
73
+
74
+ .Skeleton__ek-skeleton_opacity_50___8ChyF {
75
+ opacity: 0.5;
76
+ }
77
+
78
+ .Skeleton__ek-skeleton_opacity_60___jPfCj {
79
+ opacity: 0.6;
80
+ }
81
+
82
+ .Skeleton__ek-skeleton_opacity_70___yi2qY {
83
+ opacity: 0.7;
84
+ }
85
+
86
+ .Skeleton__ek-skeleton_opacity_80___kUBbU {
87
+ opacity: 0.8;
88
+ }
89
+
90
+ .Skeleton__ek-skeleton_opacity_90___C0qIh {
91
+ opacity: 0.9;
92
+ }
93
+
94
+ .Skeleton__ek-skeleton_opacity_100___PYOu- {
95
+ opacity: 1;
96
+ }
@@ -1 +1,96 @@
1
- .Skeleton__ek-skeleton___k6rop{display:block;clear:both;line-height:100%;border-radius:var(--pds-round-m);overflow:hidden;pointer-events:none;position:relative}.Skeleton__ek-skeleton___k6rop+.Skeleton__ek-skeleton___k6rop{margin-top:var(--pds-spacing-s)}.Skeleton__ek-skeleton___k6rop::before{color:transparent}.Skeleton__ek-skeleton_theme_black-100___eJWcz{background:var(--black-100)}.Skeleton__ek-skeleton_theme_white___PCwFG{background:var(--white)}.Skeleton__ek-skeleton_variant_text___NbT89::before{content:" "}.Skeleton__ek-skeleton_variant_circle___SlAh0{border-radius:50%}.Skeleton__ek-skeleton_variant_circle___SlAh0::before,.Skeleton__ek-skeleton_variant_square___7p339::before{content:"";display:block;padding-bottom:100%}.Skeleton__ek-skeleton_align_left___TbAuG{margin-right:auto}.Skeleton__ek-skeleton_align_center___De09W{margin-left:auto;margin-right:auto}.Skeleton__ek-skeleton_align_right___C-QUn{margin-left:auto}.Skeleton__ek-skeleton_opacity_0___BV48x{opacity:0}.Skeleton__ek-skeleton_opacity_10___oVBvx{opacity:.1}.Skeleton__ek-skeleton_opacity_20___F--5F{opacity:.2}.Skeleton__ek-skeleton_opacity_30___rwtgY{opacity:.3}.Skeleton__ek-skeleton_opacity_40___iR-d8{opacity:.4}.Skeleton__ek-skeleton_opacity_50___r6goB{opacity:.5}.Skeleton__ek-skeleton_opacity_60___-DW2y{opacity:.6}.Skeleton__ek-skeleton_opacity_70___zqdBc{opacity:.7}.Skeleton__ek-skeleton_opacity_80___Vc9gU{opacity:.8}.Skeleton__ek-skeleton_opacity_90___t9rT-{opacity:.9}.Skeleton__ek-skeleton_opacity_100___lw65w{opacity:1}
1
+ .Skeleton__ek-skeleton___k6rop {
2
+ display: block;
3
+ clear: both;
4
+ line-height: 100%;
5
+ border-radius: var(--pds-round-m);
6
+ overflow: hidden;
7
+ pointer-events: none;
8
+ position: relative;
9
+ }
10
+
11
+ .Skeleton__ek-skeleton___k6rop + .Skeleton__ek-skeleton___k6rop {
12
+ margin-top: var(--pds-spacing-s);
13
+ }
14
+
15
+ .Skeleton__ek-skeleton___k6rop::before {
16
+ color: rgba(0, 0, 0, 0);
17
+ }
18
+
19
+ .Skeleton__ek-skeleton_theme_black-100___eJWcz {
20
+ background: var(--black-100);
21
+ }
22
+
23
+ .Skeleton__ek-skeleton_theme_white___PCwFG {
24
+ background: var(--white);
25
+ }
26
+
27
+ .Skeleton__ek-skeleton_variant_text___NbT89::before {
28
+ content: '\00a0';
29
+ }
30
+
31
+ .Skeleton__ek-skeleton_variant_circle___SlAh0 {
32
+ border-radius: 50%;
33
+ }
34
+
35
+ .Skeleton__ek-skeleton_variant_circle___SlAh0::before, .Skeleton__ek-skeleton_variant_square___7p339::before {
36
+ content: '';
37
+ display: block;
38
+ padding-bottom: 100%;
39
+ }
40
+
41
+ .Skeleton__ek-skeleton_align_left___TbAuG {
42
+ margin-right: auto;
43
+ }
44
+
45
+ .Skeleton__ek-skeleton_align_center___De09W {
46
+ margin-left: auto;
47
+ margin-right: auto;
48
+ }
49
+
50
+ .Skeleton__ek-skeleton_align_right___C-QUn {
51
+ margin-left: auto;
52
+ }
53
+
54
+ .Skeleton__ek-skeleton_opacity_0___BV48x {
55
+ opacity: 0;
56
+ }
57
+
58
+ .Skeleton__ek-skeleton_opacity_10___oVBvx {
59
+ opacity: 0.1;
60
+ }
61
+
62
+ .Skeleton__ek-skeleton_opacity_20___F--5F {
63
+ opacity: 0.2;
64
+ }
65
+
66
+ .Skeleton__ek-skeleton_opacity_30___rwtgY {
67
+ opacity: 0.3;
68
+ }
69
+
70
+ .Skeleton__ek-skeleton_opacity_40___iR-d8 {
71
+ opacity: 0.4;
72
+ }
73
+
74
+ .Skeleton__ek-skeleton_opacity_50___r6goB {
75
+ opacity: 0.5;
76
+ }
77
+
78
+ .Skeleton__ek-skeleton_opacity_60___-DW2y {
79
+ opacity: 0.6;
80
+ }
81
+
82
+ .Skeleton__ek-skeleton_opacity_70___zqdBc {
83
+ opacity: 0.7;
84
+ }
85
+
86
+ .Skeleton__ek-skeleton_opacity_80___Vc9gU {
87
+ opacity: 0.8;
88
+ }
89
+
90
+ .Skeleton__ek-skeleton_opacity_90___t9rT- {
91
+ opacity: 0.9;
92
+ }
93
+
94
+ .Skeleton__ek-skeleton_opacity_100___lw65w {
95
+ opacity: 1;
96
+ }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Skeleton",
3
- "version": "2.2.0",
3
+ "version": "2.3.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1 +1,161 @@
1
- .SnackBar__root___L79vP{--pds-snackbar-scale-entered:1;--pds-snackbar-scale-exited:0.9;--pds-snackbar-opacity-entered:1;--pds-snackbar-opacity-exited:0;--pds-snackbar-transition-duration:125ms;--pds-snackbar-root-margin:var(--pds-global-snackbar-root-margin, 20px);position:fixed;transform:none;padding:var(--pds-snackbar-root-margin);width:-moz-max-content;width:max-content;max-width:100%;box-sizing:border-box;pointer-events:none}.SnackBar__content___iYzO5{background:var(--black-900);color:var(--white);border-radius:var(--pds-round-m);box-shadow:0 6px 10px 0 rgba(0,0,0,.14118);box-sizing:border-box;overflow:hidden;pointer-events:auto}[data-pds-color-scheme=dark]:root .SnackBar__content___iYzO5{background:#404040}.SnackBar__root_position_top-center___dpKTy{--pds-snackbar-translate-x:-50%;--pds-snackbar-translate-y:0;top:0;left:50%;padding-bottom:0;transform:translate(var(--pds-snackbar-translate-x),var(--pds-snackbar-translate-y))}.SnackBar__root_position_bottom-center___i5-KH{--pds-snackbar-translate-x:-50%;--pds-snackbar-translate-y:0;bottom:0;left:50%;padding-top:0;transform:translate(var(--pds-snackbar-translate-x),var(--pds-snackbar-translate-y))}.SnackBar__root_position_top-left___IWQhD{--pds-snackbar-translate-x:-50%;--pds-snackbar-translate-y:0;top:0;left:50%;padding-bottom:0;transform:translate(var(--pds-snackbar-translate-x),var(--pds-snackbar-translate-y))}.SnackBar__root_position_top-right___eg0lI{--pds-snackbar-translate-x:50%;--pds-snackbar-translate-y:0;top:0;right:50%;padding-bottom:0;transform:translate(var(--pds-snackbar-translate-x),var(--pds-snackbar-translate-y))}.SnackBar__root_position_bottom-left___kn1Ep{--pds-snackbar-translate-x:-50%;--pds-snackbar-translate-y:0;bottom:0;left:50%;padding-top:0;transform:translate(var(--pds-snackbar-translate-x),var(--pds-snackbar-translate-y))}.SnackBar__root_position_bottom-right___pH0zF{--pds-snackbar-translate-x:50%;--pds-snackbar-translate-y:0;bottom:0;right:50%;padding-top:0;transform:translate(var(--pds-snackbar-translate-x),var(--pds-snackbar-translate-y))}.SnackBar__enterActive___mFMbv,.SnackBar__exitActive___Lga9O{transition:opacity var(--pds-snackbar-transition-duration) ease-in-out 0ms,transform var(--pds-snackbar-transition-duration) ease-in-out 0ms}.SnackBar__enter___a7Z-S{opacity:var(--pds-snackbar-opacity-exited);transform:translate(var(--pds-snackbar-translate-x),var(--pds-snackbar-translate-y)) scale(var(--pds-snackbar-scale-exited))}.SnackBar__enterActive___mFMbv{opacity:var(--pds-snackbar-opacity-entered);transform:translate(var(--pds-snackbar-translate-x),var(--pds-snackbar-translate-y)) scale(var(--pds-snackbar-scale-entered))}.SnackBar__exit___4JiHm{opacity:var(--pds-snackbar-opacity-entered);transform:translate(var(--pds-snackbar-translate-x),var(--pds-snackbar-translate-y)) scale(var(--pds-snackbar-scale-entered))}.SnackBar__exitActive___Lga9O{opacity:var(--pds-snackbar-opacity-exited);transform:translate(var(--pds-snackbar-translate-x),var(--pds-snackbar-translate-y)) scale(var(--pds-snackbar-scale-exited))}@media only screen and (min-width:480px){.SnackBar__root_position_top-left___IWQhD{--pds-snackbar-translate-x:0;left:0}.SnackBar__root_position_top-right___eg0lI{--pds-snackbar-translate-x:0;right:0}.SnackBar__root_position_bottom-left___kn1Ep{--pds-snackbar-translate-x:0;left:0}.SnackBar__root_position_bottom-right___pH0zF{--pds-snackbar-translate-x:0;right:0}}@media (color-index:48){[data-pds-color-scheme=auto]:root .SnackBar__content___iYzO5{background:#404040}}@media (color:48842621){[data-pds-color-scheme=auto]:root .SnackBar__content___iYzO5{background:#404040}}
1
+ .SnackBar__root___L79vP {
2
+ --pds-snackbar-scale-entered: 1;
3
+ --pds-snackbar-scale-exited: 0.9;
4
+ --pds-snackbar-opacity-entered: 1;
5
+ --pds-snackbar-opacity-exited: 0;
6
+ --pds-snackbar-transition-duration: 125ms;
7
+ --pds-snackbar-root-margin: var(--pds-global-snackbar-root-margin, 20px);
8
+ position: fixed;
9
+ transform: none;
10
+ padding: var(--pds-snackbar-root-margin);
11
+ width: -moz-max-content;
12
+ width: max-content;
13
+ max-width: 100%;
14
+ box-sizing: border-box;
15
+ pointer-events: none;
16
+ }
17
+
18
+ .SnackBar__content___iYzO5 {
19
+ background: var(--black-900);
20
+ color: var(--white);
21
+ border-radius: var(--pds-round-m);
22
+ box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.14118);
23
+ box-sizing: border-box;
24
+ overflow: hidden;
25
+ pointer-events: auto;
26
+ }
27
+
28
+ [data-pds-color-scheme='dark']:root .SnackBar__content___iYzO5 {
29
+ background: #404040;
30
+ }
31
+
32
+ @media (color-index: 48) {
33
+ [data-pds-color-scheme='auto']:root .SnackBar__content___iYzO5 {
34
+ background: #404040;
35
+ }
36
+ }
37
+
38
+ @media (color: 48842621) {
39
+ [data-pds-color-scheme='auto']:root .SnackBar__content___iYzO5 {
40
+ background: #404040;
41
+ }
42
+ }
43
+
44
+ /* position */
45
+
46
+ .SnackBar__root_position_top-center___dpKTy {
47
+ --pds-snackbar-translate-x: -50%;
48
+ --pds-snackbar-translate-y: 0;
49
+ top: 0;
50
+ left: 50%;
51
+ padding-bottom: 0;
52
+ transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
53
+ }
54
+
55
+ .SnackBar__root_position_bottom-center___i5-KH {
56
+ --pds-snackbar-translate-x: -50%;
57
+ --pds-snackbar-translate-y: 0;
58
+ bottom: 0;
59
+ left: 50%;
60
+ padding-top: 0;
61
+ transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
62
+ }
63
+
64
+ .SnackBar__root_position_top-left___IWQhD {
65
+ --pds-snackbar-translate-x: -50%;
66
+ --pds-snackbar-translate-y: 0;
67
+ top: 0;
68
+ left: 50%;
69
+ padding-bottom: 0;
70
+ transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
71
+ }
72
+
73
+ @media only screen and (min-width: 480px) {
74
+
75
+ .SnackBar__root_position_top-left___IWQhD {
76
+ --pds-snackbar-translate-x: 0;
77
+ left: 0;
78
+ }
79
+ }
80
+
81
+ .SnackBar__root_position_top-right___eg0lI {
82
+ --pds-snackbar-translate-x: 50%;
83
+ --pds-snackbar-translate-y: 0;
84
+ top: 0;
85
+ right: 50%;
86
+ padding-bottom: 0;
87
+ transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
88
+ }
89
+
90
+ @media only screen and (min-width: 480px) {
91
+
92
+ .SnackBar__root_position_top-right___eg0lI {
93
+ --pds-snackbar-translate-x: 0;
94
+ right: 0;
95
+ }
96
+ }
97
+
98
+ .SnackBar__root_position_bottom-left___kn1Ep {
99
+ --pds-snackbar-translate-x: -50%;
100
+ --pds-snackbar-translate-y: 0;
101
+ bottom: 0;
102
+ left: 50%;
103
+ padding-top: 0;
104
+ transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
105
+ }
106
+
107
+ @media only screen and (min-width: 480px) {
108
+
109
+ .SnackBar__root_position_bottom-left___kn1Ep {
110
+ --pds-snackbar-translate-x: 0;
111
+ left: 0;
112
+ }
113
+ }
114
+
115
+ .SnackBar__root_position_bottom-right___pH0zF {
116
+ --pds-snackbar-translate-x: 50%;
117
+ --pds-snackbar-translate-y: 0;
118
+ bottom: 0;
119
+ right: 50%;
120
+ padding-top: 0;
121
+ transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
122
+ }
123
+
124
+ @media only screen and (min-width: 480px) {
125
+
126
+ .SnackBar__root_position_bottom-right___pH0zF {
127
+ --pds-snackbar-translate-x: 0;
128
+ right: 0;
129
+ }
130
+ }
131
+
132
+ .SnackBar__enterActive___mFMbv,
133
+ .SnackBar__exitActive___Lga9O {
134
+ transition:
135
+ opacity var(--pds-snackbar-transition-duration) ease-in-out 0ms,
136
+ transform var(--pds-snackbar-transition-duration) ease-in-out 0ms;
137
+ }
138
+
139
+ .SnackBar__enter___a7Z-S {
140
+ opacity: var(--pds-snackbar-opacity-exited);
141
+ transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y))
142
+ scale(var(--pds-snackbar-scale-exited));
143
+ }
144
+
145
+ .SnackBar__enterActive___mFMbv {
146
+ opacity: var(--pds-snackbar-opacity-entered);
147
+ transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y))
148
+ scale(var(--pds-snackbar-scale-entered));
149
+ }
150
+
151
+ .SnackBar__exit___4JiHm {
152
+ opacity: var(--pds-snackbar-opacity-entered);
153
+ transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y))
154
+ scale(var(--pds-snackbar-scale-entered));
155
+ }
156
+
157
+ .SnackBar__exitActive___Lga9O {
158
+ opacity: var(--pds-snackbar-opacity-exited);
159
+ transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y))
160
+ scale(var(--pds-snackbar-scale-exited));
161
+ }