@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.
@@ -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: space-between;
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: space-between;
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
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.9.5",
2
+ "version": "0.9.7",
3
3
  "license": "MIT",
4
4
  "description": "UIKit for Meduza",
5
5
  "repository": "https://github.com/meduza-corp/ui-kit-2.git",
@@ -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: space-between;
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 = 'isInToolbar' | 'isInSpoiler' | 'isInDropdown'
15
+ export type ButtonStyleContexts =
16
+ | 'isInToolbar'
17
+ | 'isInSpoiler'
18
+ | 'isInDropdown'
19
+ | 'isInPodcast'
16
20
 
17
21
  export type ButtonAppearance = 'isFancy' | 'isClassic'
18
22
 
@@ -153,6 +153,11 @@
153
153
  height: 100%;
154
154
  }
155
155
 
156
+ .speedHalf, .speedThreeQuarters, .speedOne, .speedOneQuarter, .speedOneHalf, .speedTwo {
157
+ width: auto;
158
+ height: auto;
159
+ }
160
+
156
161
  .meduzaLogo {
157
162
  width: 92px;
158
163
  height: 20px;