@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.
- package/Avatar/cjs/style.development.css +85 -1
- package/Avatar/cjs/style.development.v2.css +85 -1
- package/Avatar/package.json +1 -1
- package/Backdrop/cjs/style.development.css +46 -1
- package/Backdrop/cjs/style.development.v2.css +46 -1
- package/Backdrop/package.json +1 -1
- package/Badge/cjs/style.development.css +85 -1
- package/Badge/cjs/style.development.v2.css +85 -1
- package/Badge/package.json +1 -1
- package/Body/cjs/style.development.css +865 -1
- package/Body/cjs/style.development.v2.css +865 -1
- package/Body/cjs/style.production.css +1 -1
- package/Body/cjs/style.production.v2.css +1 -1
- package/Body/index.d.ts +9 -8
- package/Body/package.json +1 -1
- package/BodyProvider/package.json +1 -1
- package/BodyScrollLock/cjs/style.development.css +15 -1
- package/BodyScrollLock/cjs/style.development.v2.css +15 -1
- package/BodyScrollLock/package.json +1 -1
- package/Box/cjs/style.development.css +17358 -1
- package/Box/cjs/style.development.v2.css +17358 -1
- package/Box/cjs/style.production.css +1 -1
- package/Box/cjs/style.production.v2.css +1 -1
- package/Box/index.d.ts +16 -15
- package/Box/package.json +1 -1
- package/Button/cjs/index.development.js +15 -15
- package/Button/cjs/index.development.v2.js +15 -15
- package/Button/cjs/index.production.js +1 -1
- package/Button/cjs/index.production.v2.js +1 -1
- package/Button/cjs/style.development.css +7552 -1
- package/Button/cjs/style.development.v2.css +7552 -1
- package/Button/cjs/style.production.css +1 -1
- package/Button/cjs/style.production.v2.css +1 -1
- package/Button/index.d.ts +11 -10
- package/Button/package.json +1 -1
- package/ButtonPageUp/cjs/style.development.css +5 -1
- package/ButtonPageUp/cjs/style.development.v2.css +5 -1
- package/ButtonPageUp/package.json +1 -1
- package/Checkbox/cjs/style.development.css +171 -1
- package/Checkbox/cjs/style.development.v2.css +171 -1
- package/Checkbox/cjs/style.production.css +1 -1
- package/Checkbox/cjs/style.production.v2.css +1 -1
- package/Checkbox/package.json +1 -1
- package/ColorScheme/cjs/style.development.css +3 -1
- package/ColorScheme/cjs/style.development.v2.css +3 -1
- package/ColorScheme/package.json +1 -1
- package/ContextMenu/cjs/style.development.css +32 -1
- package/ContextMenu/cjs/style.development.v2.css +32 -1
- package/ContextMenu/package.json +1 -1
- package/ErrorCatch/cjs/style.development.css +34 -1
- package/ErrorCatch/cjs/style.development.v2.css +34 -1
- package/ErrorCatch/package.json +1 -1
- package/Flex/cjs/style.development.css +786 -1
- package/Flex/cjs/style.development.v2.css +786 -1
- package/Flex/index.d.ts +11 -10
- package/Flex/package.json +1 -1
- package/Grid/cjs/style.development.css +7439 -1
- package/Grid/cjs/style.development.v2.css +7439 -1
- package/Grid/cjs/style.production.css +1 -1
- package/Grid/cjs/style.production.v2.css +1 -1
- package/Grid/index.d.ts +14 -13
- package/Grid/package.json +1 -1
- package/Icon/cjs/style.development.css +67 -1
- package/Icon/cjs/style.development.v2.css +67 -1
- package/Icon/package.json +1 -1
- package/Image/cjs/style.development.css +969 -1
- package/Image/cjs/style.development.v2.css +969 -1
- package/Image/cjs/style.production.css +1 -1
- package/Image/cjs/style.production.v2.css +1 -1
- package/Image/index.d.ts +11 -11
- package/Image/package.json +1 -1
- package/ImageEmoji/package.json +1 -1
- package/Input/cjs/style.development.css +322 -1
- package/Input/cjs/style.development.v2.css +322 -1
- package/Input/package.json +1 -1
- package/InputField/cjs/style.development.css +53 -1
- package/InputField/cjs/style.development.v2.css +53 -1
- package/InputField/package.json +1 -1
- package/KeyPress/package.json +1 -1
- package/Label/cjs/style.development.css +50 -1
- package/Label/cjs/style.development.v2.css +50 -1
- package/Label/package.json +1 -1
- package/Line/cjs/index.development.js +1 -1
- package/Line/cjs/index.development.v2.js +1 -1
- package/Line/cjs/index.production.js +1 -1
- package/Line/cjs/index.production.v2.js +1 -1
- package/Line/cjs/style.development.css +193 -1
- package/Line/cjs/style.development.v2.css +193 -1
- package/Line/cjs/style.production.css +1 -1
- package/Line/cjs/style.production.v2.css +1 -1
- package/Line/index.d.ts +5 -4
- package/Line/package.json +1 -1
- package/Link/cjs/style.development.css +476 -1
- package/Link/cjs/style.development.v2.css +476 -1
- package/Link/cjs/style.production.css +1 -1
- package/Link/cjs/style.production.v2.css +1 -1
- package/Link/index.d.ts +9 -9
- package/Link/package.json +1 -1
- package/List/cjs/style.development.css +528 -1
- package/List/cjs/style.development.v2.css +528 -1
- package/List/cjs/style.production.css +1 -1
- package/List/cjs/style.production.v2.css +1 -1
- package/List/index.d.ts +6 -6
- package/List/package.json +1 -1
- package/Media/package.json +1 -1
- package/Modal/cjs/style.development.css +85 -1
- package/Modal/cjs/style.development.v2.css +85 -1
- package/Modal/package.json +1 -1
- package/OutsideClick/package.json +1 -1
- package/Overlay/cjs/style.development.css +305 -1
- package/Overlay/cjs/style.development.v2.css +305 -1
- package/Overlay/package.json +1 -1
- package/PhotoGallery/cjs/style.development.css +368 -1
- package/PhotoGallery/cjs/style.development.v2.css +368 -1
- package/PhotoGallery/cjs/style.production.css +1 -1
- package/PhotoGallery/cjs/style.production.v2.css +1 -1
- package/PhotoGallery/package.json +1 -1
- package/Picture/cjs/style.development.css +2406 -1
- package/Picture/cjs/style.development.v2.css +2406 -1
- package/Picture/cjs/style.production.css +1 -1
- package/Picture/cjs/style.production.v2.css +1 -1
- package/Picture/index.d.ts +8 -7
- package/Picture/package.json +1 -1
- package/Portal/package.json +1 -1
- package/Progress/cjs/style.development.css +43 -1
- package/Progress/cjs/style.development.v2.css +43 -1
- package/Progress/package.json +1 -1
- package/QRCode/cjs/style.development.css +3 -1
- package/QRCode/cjs/style.development.v2.css +3 -1
- package/QRCode/package.json +1 -1
- package/Rating/cjs/style.development.css +10 -1
- package/Rating/cjs/style.development.v2.css +10 -1
- package/Rating/package.json +1 -1
- package/RatingSelect/cjs/style.development.css +145 -1
- package/RatingSelect/cjs/style.development.v2.css +145 -1
- package/RatingSelect/package.json +1 -1
- package/Scroll/cjs/style.development.css +228 -1
- package/Scroll/cjs/style.development.v2.css +228 -1
- package/Scroll/package.json +1 -1
- package/ScrollControls/cjs/style.development.css +57 -1
- package/ScrollControls/cjs/style.development.v2.css +57 -1
- package/ScrollControls/package.json +1 -1
- package/SimpleSlider/cjs/style.development.css +196 -1
- package/SimpleSlider/cjs/style.development.v2.css +196 -1
- package/SimpleSlider/cjs/style.production.css +1 -1
- package/SimpleSlider/cjs/style.production.v2.css +1 -1
- package/SimpleSlider/package.json +1 -1
- package/Skeleton/cjs/style.development.css +96 -1
- package/Skeleton/cjs/style.development.v2.css +96 -1
- package/Skeleton/package.json +1 -1
- package/SnackBar/cjs/style.development.css +161 -1
- package/SnackBar/cjs/style.development.v2.css +161 -1
- package/SnackBar/cjs/style.production.css +1 -1
- package/SnackBar/cjs/style.production.v2.css +1 -1
- package/SnackBar/package.json +1 -1
- package/Spinner/cjs/style.development.css +56 -1
- package/Spinner/cjs/style.development.v2.css +56 -1
- package/Spinner/package.json +1 -1
- package/Text/cjs/style.development.css +1450 -1
- package/Text/cjs/style.development.v2.css +1450 -1
- package/Text/cjs/style.production.css +1 -1
- package/Text/cjs/style.production.v2.css +1 -1
- package/Text/index.d.ts +11 -10
- package/Text/package.json +1 -1
- package/TextEmoji/package.json +1 -1
- package/Tooltip/cjs/style.development.css +146 -1
- package/Tooltip/cjs/style.development.v2.css +146 -1
- package/Tooltip/package.json +1 -1
- package/Tumbler/cjs/style.development.css +155 -1
- package/Tumbler/cjs/style.development.v2.css +155 -1
- package/Tumbler/cjs/style.production.css +1 -1
- package/Tumbler/cjs/style.production.v2.css +1 -1
- package/Tumbler/package.json +1 -1
- package/Viewport/package.json +1 -1
- package/evokit/index.d.ts +2 -2
- package/evokit/package.json +1 -1
- package/evokit/types.d.ts +3 -2
- package/package.json +2 -2
- package/useBrowserLayoutEffect/package.json +1 -1
- package/useDebounce/package.json +1 -1
- package/useForwardRef/package.json +1 -1
- package/useInView/package.json +1 -1
- package/useIsMounted/package.json +1 -1
- package/useKeyPress/package.json +1 -1
- package/useMedia/package.json +1 -1
- package/useOutsideClick/package.json +1 -1
- package/usePortal/package.json +1 -1
- package/useScrollPosition/package.json +1 -1
- package/useSnackBar/package.json +1 -1
|
@@ -1 +1,196 @@
|
|
|
1
|
-
.SimpleSlider__root___bXdCd
|
|
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%)}
|
|
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%)}
|
|
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 +1,96 @@
|
|
|
1
|
-
.Skeleton__ek-skeleton___YQ77B{
|
|
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{
|
|
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
|
+
}
|
package/Skeleton/package.json
CHANGED
|
@@ -1 +1,161 @@
|
|
|
1
|
-
.SnackBar__root___L79vP
|
|
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
|
+
}
|