@meduza/ui-kit-2 1.1.1 → 1.1.2

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 (10) hide show
  1. package/dist/Button/Button.types.d.ts +1 -1
  2. package/dist/ui-kit-2.cjs.development.js +1 -1
  3. package/dist/ui-kit-2.cjs.production.min.js +1 -1
  4. package/dist/ui-kit-2.cjs.production.min.js.map +1 -1
  5. package/dist/ui-kit-2.esm.js +1 -1
  6. package/dist/ui-kit-game.css +20 -4
  7. package/dist/ui-kit.css +20 -4
  8. package/package.json +1 -1
  9. package/src/Button/Button.module.css +15 -3
  10. package/src/Button/Button.types.ts +1 -0
package/dist/ui-kit-2.esm.js CHANGED
@@ -30,7 +30,7 @@ const ButtonLoader = () => (/*#__PURE__*/React.createElement("svg", {
30
30
  d: "M15 0c8.18 0 14.83 6.547 14.997 14.686L30 15h-2c0-7.077-5.655-12.833-12.693-12.996L15 2V0z"
31
31
  }))));
32
32
 
33
- var styles$J = {"root":"Button-module_root__9OQ5b","gold":"Button-module_gold__q-XBP","isLoading":"Button-module_isLoading__Z53G4","gray":"Button-module_gray__fypDq","sand":"Button-module_sand__e5v-k","dark":"Button-module_dark__qv4NQ","light":"Button-module_light__TLYLT","black":"Button-module_black__GIsbk","red":"Button-module_red__kybni","default":"Button-module_default__utLb-","isInToolbar":"Button-module_isInToolbar__84SG-","isInPodcast":"Button-module_isInPodcast__SNSpl","isInSpoiler":"Button-module_isInSpoiler__pGp-w","ghost":"Button-module_ghost__1s5-r","isInDropdown":"Button-module_isInDropdown__gN7TI","loader":"Button-module_loader__r0Mjs","isFancy":"Button-module_isFancy__gTRmu"};
33
+ var styles$J = {"root":"Button-module_root__9OQ5b","gold":"Button-module_gold__q-XBP","isLoading":"Button-module_isLoading__Z53G4","gray":"Button-module_gray__fypDq","sand":"Button-module_sand__e5v-k","dark":"Button-module_dark__qv4NQ","light":"Button-module_light__TLYLT","black":"Button-module_black__GIsbk","red":"Button-module_red__kybni","default":"Button-module_default__utLb-","isInToolbar":"Button-module_isInToolbar__84SG-","isInPodcast":"Button-module_isInPodcast__SNSpl","isInSpoiler":"Button-module_isInSpoiler__pGp-w","isInChronology":"Button-module_isInChronology__T-znS","ghost":"Button-module_ghost__1s5-r","isInDropdown":"Button-module_isInDropdown__gN7TI","loader":"Button-module_loader__r0Mjs","isFancy":"Button-module_isFancy__gTRmu"};
34
34
 
35
35
  const Button = ({
36
36
  theme = 'gold',
package/dist/ui-kit-game.css CHANGED
@@ -242,7 +242,8 @@
242
242
  }
243
243
  }
244
244
 
245
- .Button-module_isInToolbar__84SG-, .Button-module_isInPodcast__SNSpl {
245
+ .Button-module_isInToolbar__84SG-,
246
+ .Button-module_isInPodcast__SNSpl {
246
247
  display: flex;
247
248
  width: 100%;
248
249
  justify-content: center;
@@ -252,7 +253,8 @@
252
253
 
253
254
  @media only screen and (min-width: 32em) {
254
255
 
255
- .Button-module_isInToolbar__84SG-, .Button-module_isInPodcast__SNSpl {
256
+ .Button-module_isInToolbar__84SG-,
257
+ .Button-module_isInPodcast__SNSpl {
256
258
  display: block;
257
259
  width: 100%;
258
260
  text-align: center;
@@ -268,8 +270,23 @@
268
270
  margin-left: 6px;
269
271
  }
270
272
 
271
- .Button-module_ghost__1s5-r {
273
+ .Button-module_isInChronology__T-znS {
274
+ font-size: 14px;
275
+ line-height: 16px;
276
+ height: 50px;
277
+ }
278
+
279
+ @media only screen and (min-width: 40.625em) {
272
280
 
281
+ .Button-module_isInChronology__T-znS {
282
+ height: 70px;
283
+ font-size: 21px;
284
+ line-height: 17px;
285
+ border-radius: 10px;
286
+ }
287
+ }
288
+
289
+ .Button-module_ghost__1s5-r {
273
290
  color: inherit;
274
291
  font-weight: inherit;
275
292
  font-size: inherit;
@@ -293,7 +310,6 @@
293
310
  /* LOADING */
294
311
 
295
312
  .Button-module_root__9OQ5b.Button-module_isLoading__Z53G4 {
296
-
297
313
  background-color: transparent;
298
314
  box-shadow: none;
299
315
  cursor: default;
package/dist/ui-kit.css CHANGED
@@ -242,7 +242,8 @@
242
242
  }
243
243
  }
244
244
 
245
- .Button-module_isInToolbar__84SG-, .Button-module_isInPodcast__SNSpl {
245
+ .Button-module_isInToolbar__84SG-,
246
+ .Button-module_isInPodcast__SNSpl {
246
247
  display: flex;
247
248
  width: 100%;
248
249
  justify-content: center;
@@ -252,7 +253,8 @@
252
253
 
253
254
  @media only screen and (min-width: 32em) {
254
255
 
255
- .Button-module_isInToolbar__84SG-, .Button-module_isInPodcast__SNSpl {
256
+ .Button-module_isInToolbar__84SG-,
257
+ .Button-module_isInPodcast__SNSpl {
256
258
  display: block;
257
259
  width: 100%;
258
260
  text-align: center;
@@ -268,8 +270,23 @@
268
270
  margin-left: 6px;
269
271
  }
270
272
 
271
- .Button-module_ghost__1s5-r {
273
+ .Button-module_isInChronology__T-znS {
274
+ font-size: 14px;
275
+ line-height: 16px;
276
+ height: 50px;
277
+ }
278
+
279
+ @media only screen and (min-width: 64em) {
272
280
 
281
+ .Button-module_isInChronology__T-znS {
282
+ height: 70px;
283
+ font-size: 21px;
284
+ line-height: 17px;
285
+ border-radius: 10px;
286
+ }
287
+ }
288
+
289
+ .Button-module_ghost__1s5-r {
273
290
  color: inherit;
274
291
  font-weight: inherit;
275
292
  font-size: inherit;
@@ -293,7 +310,6 @@
293
310
  /* LOADING */
294
311
 
295
312
  .Button-module_root__9OQ5b.Button-module_isLoading__Z53G4 {
296
-
297
313
  background-color: transparent;
298
314
  box-shadow: none;
299
315
  cursor: default;
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.1.1",
2
+ "version": "1.1.2",
3
3
  "license": "MIT",
4
4
  "description": "UIKit for Meduza",
5
5
  "repository": "https://github.com/meduza-corp/ui-kit-2.git",
package/src/Button/Button.module.css CHANGED
@@ -212,7 +212,8 @@
212
212
  }
213
213
  }
214
214
 
215
- .isInToolbar, .isInPodcast {
215
+ .isInToolbar,
216
+ .isInPodcast {
216
217
  display: flex;
217
218
  width: 100%;
218
219
  justify-content: center;
@@ -235,8 +236,20 @@
235
236
  margin-left: 6px;
236
237
  }
237
238
 
238
- .ghost {
239
+ .isInChronology {
240
+ font-size: 14px;
241
+ line-height: 16px;
242
+ height: 50px;
239
243
 
244
+ @media $landscapeTablet {
245
+ height: 70px;
246
+ font-size: 21px;
247
+ line-height: 17px;
248
+ border-radius: 10px;
249
+ }
250
+ }
251
+
252
+ .ghost {
240
253
  color: inherit;
241
254
  font-weight: inherit;
242
255
  font-size: inherit;
@@ -260,7 +273,6 @@
260
273
  /* LOADING */
261
274
 
262
275
  .root.isLoading {
263
-
264
276
  background-color: transparent;
265
277
  box-shadow: none;
266
278
  cursor: default;
package/src/Button/Button.types.ts CHANGED
@@ -17,6 +17,7 @@ export type ButtonStyleContexts =
17
17
  | 'isInSpoiler'
18
18
  | 'isInDropdown'
19
19
  | 'isInPodcast'
20
+ | 'isInChronology'
20
21
 
21
22
  export type ButtonAppearance = 'isFancy' | 'isClassic'
22
23