@meduza/ui-kit-2 0.9.5 → 0.9.7
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/dist/Button/Button.types.d.ts +1 -1
- package/dist/DotsOnImage/DotsOnImage.types.d.ts +0 -1
- package/dist/MetaItem/MetaItem.types.d.ts +0 -1
- package/dist/Tooltip/Tooltip.types.d.ts +0 -1
- package/dist/ui-kit-2.cjs.development.js +49 -49
- package/dist/ui-kit-2.cjs.development.js.map +1 -1
- package/dist/ui-kit-2.cjs.production.min.js +1 -1
- package/dist/ui-kit-2.cjs.production.min.js.map +1 -1
- package/dist/ui-kit-2.esm.js +49 -49
- package/dist/ui-kit-2.esm.js.map +1 -1
- package/dist/ui-kit-game.css +12 -3
- package/dist/ui-kit.css +12 -3
- package/package.json +1 -1
- package/src/Button/Button.module.css +6 -2
- package/src/Button/Button.types.ts +5 -1
- package/src/SvgSymbol/SvgSymbol.module.css +5 -0
package/dist/ui-kit-game.css
CHANGED
|
@@ -242,23 +242,27 @@
|
|
|
242
242
|
}
|
|
243
243
|
}
|
|
244
244
|
|
|
245
|
-
.Button-module_isInToolbar__84SG- {
|
|
245
|
+
.Button-module_isInToolbar__84SG-, .Button-module_isInPodcast__SNSpl {
|
|
246
246
|
display: flex;
|
|
247
247
|
width: 100%;
|
|
248
|
-
justify-content:
|
|
248
|
+
justify-content: center;
|
|
249
249
|
align-items: center;
|
|
250
250
|
text-align: left;
|
|
251
251
|
}
|
|
252
252
|
|
|
253
253
|
@media only screen and (min-width: 32em) {
|
|
254
254
|
|
|
255
|
-
.Button-module_isInToolbar__84SG- {
|
|
255
|
+
.Button-module_isInToolbar__84SG-, .Button-module_isInPodcast__SNSpl {
|
|
256
256
|
display: block;
|
|
257
257
|
width: 100%;
|
|
258
258
|
text-align: center;
|
|
259
259
|
}
|
|
260
260
|
}
|
|
261
261
|
|
|
262
|
+
.Button-module_isInPodcast__SNSpl {
|
|
263
|
+
justify-content: space-between;
|
|
264
|
+
}
|
|
265
|
+
|
|
262
266
|
.Button-module_isInSpoiler__pGp-w svg {
|
|
263
267
|
margin-top: -2px;
|
|
264
268
|
margin-left: 6px;
|
|
@@ -479,6 +483,11 @@
|
|
|
479
483
|
height: 100%;
|
|
480
484
|
}
|
|
481
485
|
|
|
486
|
+
.SvgSymbol-module_speedHalf__mvVYC, .SvgSymbol-module_speedThreeQuarters__9N7uH, .SvgSymbol-module_speedOne__sRNph, .SvgSymbol-module_speedOneQuarter__fKIT7, .SvgSymbol-module_speedOneHalf__7yXsa, .SvgSymbol-module_speedTwo__Bv8-b {
|
|
487
|
+
width: auto;
|
|
488
|
+
height: auto;
|
|
489
|
+
}
|
|
490
|
+
|
|
482
491
|
.SvgSymbol-module_meduzaLogo__aVKzZ {
|
|
483
492
|
width: 92px;
|
|
484
493
|
height: 20px;
|
package/dist/ui-kit.css
CHANGED
|
@@ -242,23 +242,27 @@
|
|
|
242
242
|
}
|
|
243
243
|
}
|
|
244
244
|
|
|
245
|
-
.Button-module_isInToolbar__84SG- {
|
|
245
|
+
.Button-module_isInToolbar__84SG-, .Button-module_isInPodcast__SNSpl {
|
|
246
246
|
display: flex;
|
|
247
247
|
width: 100%;
|
|
248
|
-
justify-content:
|
|
248
|
+
justify-content: center;
|
|
249
249
|
align-items: center;
|
|
250
250
|
text-align: left;
|
|
251
251
|
}
|
|
252
252
|
|
|
253
253
|
@media only screen and (min-width: 32em) {
|
|
254
254
|
|
|
255
|
-
.Button-module_isInToolbar__84SG- {
|
|
255
|
+
.Button-module_isInToolbar__84SG-, .Button-module_isInPodcast__SNSpl {
|
|
256
256
|
display: block;
|
|
257
257
|
width: 100%;
|
|
258
258
|
text-align: center;
|
|
259
259
|
}
|
|
260
260
|
}
|
|
261
261
|
|
|
262
|
+
.Button-module_isInPodcast__SNSpl {
|
|
263
|
+
justify-content: space-between;
|
|
264
|
+
}
|
|
265
|
+
|
|
262
266
|
.Button-module_isInSpoiler__pGp-w svg {
|
|
263
267
|
margin-top: -2px;
|
|
264
268
|
margin-left: 6px;
|
|
@@ -479,6 +483,11 @@
|
|
|
479
483
|
height: 100%;
|
|
480
484
|
}
|
|
481
485
|
|
|
486
|
+
.SvgSymbol-module_speedHalf__mvVYC, .SvgSymbol-module_speedThreeQuarters__9N7uH, .SvgSymbol-module_speedOne__sRNph, .SvgSymbol-module_speedOneQuarter__fKIT7, .SvgSymbol-module_speedOneHalf__7yXsa, .SvgSymbol-module_speedTwo__Bv8-b {
|
|
487
|
+
width: auto;
|
|
488
|
+
height: auto;
|
|
489
|
+
}
|
|
490
|
+
|
|
482
491
|
.SvgSymbol-module_meduzaLogo__aVKzZ {
|
|
483
492
|
width: 92px;
|
|
484
493
|
height: 20px;
|
package/package.json
CHANGED
|
@@ -212,10 +212,10 @@
|
|
|
212
212
|
}
|
|
213
213
|
}
|
|
214
214
|
|
|
215
|
-
.isInToolbar {
|
|
215
|
+
.isInToolbar, .isInPodcast {
|
|
216
216
|
display: flex;
|
|
217
217
|
width: 100%;
|
|
218
|
-
justify-content:
|
|
218
|
+
justify-content: center;
|
|
219
219
|
align-items: center;
|
|
220
220
|
text-align: left;
|
|
221
221
|
|
|
@@ -226,6 +226,10 @@
|
|
|
226
226
|
}
|
|
227
227
|
}
|
|
228
228
|
|
|
229
|
+
.isInPodcast {
|
|
230
|
+
justify-content: space-between;
|
|
231
|
+
}
|
|
232
|
+
|
|
229
233
|
.isInSpoiler svg {
|
|
230
234
|
margin-top: -2px;
|
|
231
235
|
margin-left: 6px;
|
|
@@ -12,7 +12,11 @@ export type ButtonThemes =
|
|
|
12
12
|
|
|
13
13
|
export type ButtonStates = 'isLoading' | 'isDefault'
|
|
14
14
|
export type ButtonSizes = 'auto' | 'default'
|
|
15
|
-
export type ButtonStyleContexts =
|
|
15
|
+
export type ButtonStyleContexts =
|
|
16
|
+
| 'isInToolbar'
|
|
17
|
+
| 'isInSpoiler'
|
|
18
|
+
| 'isInDropdown'
|
|
19
|
+
| 'isInPodcast'
|
|
16
20
|
|
|
17
21
|
export type ButtonAppearance = 'isFancy' | 'isClassic'
|
|
18
22
|
|