@meduza/ui-kit-2 0.8.691 → 0.8.693

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/RichTitle/RichTitle.types.d.ts +1 -1
  2. package/dist/ui-kit-2.cjs.development.js +3 -3
  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 +3 -3
  7. package/dist/ui-kit-2.esm.js.map +1 -1
  8. package/dist/ui-kit-game.css +8 -8
  9. package/dist/ui-kit.css +8 -8
  10. package/package.json +1 -1
  11. package/src/RichTitle/RichTitle.module.css +8 -8
  12. package/src/RichTitle/RichTitle.types.ts +1 -1
  13. package/src/RichTitle/index.tsx +2 -3
package/dist/ui-kit-game.css CHANGED
@@ -3279,9 +3279,15 @@
3279
3279
  }
3280
3280
  }
3281
3281
 
3282
+ .RichTitle-module_root__U5XQu.RichTitle-module_isInPodcastPlayer__kvEPH {
3283
+ font-size: 19px;
3284
+ line-height: 23px;
3285
+ margin: 0 0 20px;
3286
+ }
3287
+
3282
3288
  @media only screen and (min-width: 40.625em) {
3283
3289
 
3284
- .RichTitle-module_root__U5XQu.RichTitle-module_episodeInMaterial__pp-Wt {
3290
+ .RichTitle-module_root__U5XQu.RichTitle-module_large__n2URP {
3285
3291
  font-size: 37px;
3286
3292
  line-height: 42px;
3287
3293
  }
@@ -3289,18 +3295,12 @@
3289
3295
 
3290
3296
  @media only screen and (min-width: 40.625em) {
3291
3297
 
3292
- .RichTitle-module_root__U5XQu.RichTitle-module_episodeInEmbed__gJpJL {
3298
+ .RichTitle-module_root__U5XQu.RichTitle-module_medium__KkBLJ {
3293
3299
  font-size: 1.3rem;
3294
3300
  line-height: 1.6rem;
3295
3301
  }
3296
3302
  }
3297
3303
 
3298
- .RichTitle-module_root__U5XQu.RichTitle-module_isInPodcastPlayer__kvEPH {
3299
- font-size: 19px;
3300
- line-height: 23px;
3301
- margin: 0 0 20px;
3302
- }
3303
-
3304
3304
  @media only screen and (min-width: 32em) {
3305
3305
 
3306
3306
  .RichTitle-module_mobile__W5L9E {
package/dist/ui-kit.css CHANGED
@@ -3279,9 +3279,15 @@
3279
3279
  }
3280
3280
  }
3281
3281
 
3282
+ .RichTitle-module_root__U5XQu.RichTitle-module_isInPodcastPlayer__kvEPH {
3283
+ font-size: 19px;
3284
+ line-height: 23px;
3285
+ margin: 0 0 20px;
3286
+ }
3287
+
3282
3288
  @media only screen and (min-width: 48em) {
3283
3289
 
3284
- .RichTitle-module_root__U5XQu.RichTitle-module_episodeInMaterial__pp-Wt {
3290
+ .RichTitle-module_root__U5XQu.RichTitle-module_large__n2URP {
3285
3291
  font-size: 37px;
3286
3292
  line-height: 42px;
3287
3293
  }
@@ -3289,18 +3295,12 @@
3289
3295
 
3290
3296
  @media only screen and (min-width: 64em) {
3291
3297
 
3292
- .RichTitle-module_root__U5XQu.RichTitle-module_episodeInEmbed__gJpJL {
3298
+ .RichTitle-module_root__U5XQu.RichTitle-module_medium__KkBLJ {
3293
3299
  font-size: 1.3rem;
3294
3300
  line-height: 1.6rem;
3295
3301
  }
3296
3302
  }
3297
3303
 
3298
- .RichTitle-module_root__U5XQu.RichTitle-module_isInPodcastPlayer__kvEPH {
3299
- font-size: 19px;
3300
- line-height: 23px;
3301
- margin: 0 0 20px;
3302
- }
3303
-
3304
3304
  @media only screen and (min-width: 32em) {
3305
3305
 
3306
3306
  .RichTitle-module_mobile__W5L9E {
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.8.691",
2
+ "version": "0.8.693",
3
3
  "license": "MIT",
4
4
  "description": "UIKit for Meduza",
5
5
  "repository": "https://github.com/meduza-corp/ui-kit-2.git",
package/src/RichTitle/RichTitle.module.css CHANGED
@@ -122,26 +122,26 @@
122
122
  }
123
123
  }
124
124
 
125
- .root.episodeInMaterial {
125
+ .root.isInPodcastPlayer {
126
+ font-size: 19px;
127
+ line-height: 23px;
128
+ margin: 0 0 20px;
129
+ }
130
+
131
+ .root.large {
126
132
  @media $portraitTablet {
127
133
  font-size: 37px;
128
134
  line-height: 42px;
129
135
  }
130
136
  }
131
137
 
132
- .root.episodeInEmbed {
138
+ .root.medium {
133
139
  @media $landscapeTablet {
134
140
  font-size: 1.3rem;
135
141
  line-height: 1.6rem;
136
142
  }
137
143
  }
138
144
 
139
- .root.isInPodcastPlayer {
140
- font-size: 19px;
141
- line-height: 23px;
142
- margin: 0 0 20px;
143
- }
144
-
145
145
  .mobile {
146
146
  @media $mobile {
147
147
  display: none;
package/src/RichTitle/RichTitle.types.ts CHANGED
@@ -9,5 +9,5 @@ export interface RichTitleProps {
9
9
  }
10
10
  }
11
11
  styleContext?: string[] | string
12
- type?: string
12
+ size?: string
13
13
  }
package/src/RichTitle/index.tsx CHANGED
@@ -11,14 +11,13 @@ export const RichTitle: React.FC<RichTitleProps> = ({
11
11
  data: { featured, first, second, as: TagName = 'h1' }
12
12
  },
13
13
  styleContext,
14
- type
14
+ size = 'default'
15
15
  }) => {
16
16
  let classNames: ClassNames = [
17
17
  [styles.root, true],
18
18
  [styles[onlyOn], true],
19
19
  [styles.featured, !!featured],
20
- [styles.episodeInMaterial, type === 'isInMaterial'],
21
- [styles.episodeInEmbed, type === 'isEmbeded']
20
+ [styles[size], !!size]
22
21
  ]
23
22
 
24
23
  if (styleContext) {