@kaizen/components 0.0.0-canary-04-23-tb-mcqs-20251223032014 → 0.0.0-canary-23-a-test-20251223044427

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/styles.css CHANGED
@@ -10267,9 +10267,11 @@
10267
10267
  .TitleBlock-module_avatar__mEjJ8 > * {
10268
10268
  max-width: 100%;
10269
10269
  }
10270
- @container (min-width: 1080px) {
10271
- .TitleBlock-module_avatar__mEjJ8 {
10272
- display: block;
10270
+ @media (min-width: 1080px) {
10271
+ @container (min-width: 1065px) {
10272
+ .TitleBlock-module_avatar__mEjJ8 {
10273
+ display: block;
10274
+ }
10273
10275
  }
10274
10276
  }
10275
10277
  .TitleBlock-module_avatar__mEjJ8.TitleBlock-module_withBorder__D8Mz2 {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kaizen/components",
3
- "version": "0.0.0-canary-04-23-tb-mcqs-20251223032014",
3
+ "version": "0.0.0-canary-23-a-test-20251223044427",
4
4
  "description": "Kaizen component library",
5
5
  "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
6
6
  "homepage": "https://cultureamp.design",
@@ -243,7 +243,7 @@
243
243
  max-width: 100%;
244
244
  }
245
245
 
246
- @container (min-width: #{$layout-breakpoints-large}) {
246
+ @include title-block-media-mixed-width {
247
247
  display: block;
248
248
  }
249
249
 
@@ -43,13 +43,14 @@
43
43
  }
44
44
 
45
45
  @mixin title-block-min-media-1080 {
46
- @media (min-width: 1080px) {
46
+ @media (min-width: #{$layout-breakpoints-large}) {
47
47
  @content;
48
48
  }
49
49
  }
50
50
 
51
51
  @mixin title-block-media-mixed-width {
52
- @media (min-width: 1080px) {
52
+ // 1080
53
+ @media (min-width: #{$layout-breakpoints-large}) {
53
54
  // Note: There is a diff of 15px between the media and container query
54
55
  // at full width
55
56
  @container (min-width: 1065px) {