@meduza/ui-kit-2 1.1.0 → 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 (13) hide show
  1. package/dist/Button/Button.types.d.ts +1 -1
  2. package/dist/ui-kit-2.cjs.development.js +2 -12
  3. package/dist/ui-kit-2.cjs.development.js.map +1 -1
  4. package/dist/ui-kit-2.cjs.production.min.js +1 -1
  5. package/dist/ui-kit-2.cjs.production.min.js.map +1 -1
  6. package/dist/ui-kit-2.esm.js +2 -12
  7. package/dist/ui-kit-2.esm.js.map +1 -1
  8. package/dist/ui-kit-game.css +20 -4
  9. package/dist/ui-kit.css +20 -4
  10. package/package.json +1 -1
  11. package/src/Button/Button.module.css +15 -3
  12. package/src/Button/Button.types.ts +1 -0
  13. package/src/EmbedBlock/EmbedBlock.tsx +1 -14
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.0",
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
 
package/src/EmbedBlock/EmbedBlock.tsx CHANGED
@@ -13,19 +13,6 @@ import { EmbedBlockProps } from './EmbedBlock.types'
13
13
 
14
14
  import styles from './EmbedBlock.module.css'
15
15
 
16
- const thumbnailToImagePath = (url: string | undefined): string | undefined => {
17
- if (!url) {
18
- return undefined
19
- }
20
- const indexImage = url.indexOf('/image')
21
-
22
- if (indexImage >= 0) {
23
- return url.slice(indexImage)
24
- }
25
-
26
- return url
27
- }
28
-
29
16
  export const EmbedBlock: React.FC<EmbedBlockProps> = ({
30
17
  block,
31
18
  block: {
@@ -126,7 +113,7 @@ export const EmbedBlock: React.FC<EmbedBlockProps> = ({
126
113
  >
127
114
  <video
128
115
  src={videoFileUrl}
129
- poster={thumbnailToImagePath(thumbnailUrl)}
116
+ poster={thumbnailUrl}
130
117
  controls
131
118
  playsInline
132
119
  preload="none"