@kyndryl-design-system/shidoka-applications 2.47.2 → 2.47.3

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 (5) hide show
  1. package/components/global/header/headerFlyout.js +4 -4
  2. package/components/global/localNav/localNavDivider.js +5 -5
  3. package/components/global/localNav/localNavLink.js +9 -9
  4. package/components/reusable/avatar/avatar.js +5 -5
  5. package/package.json +1 -1
package/components/global/header/headerFlyout.js CHANGED
@@ -288,15 +288,15 @@ import{_ as t,a as e,b as i,c as a,d as n}from"../../../vendor/tslib-Ac8XvvSX.js
288
288
  }
289
289
 
290
290
  .menu-label {
291
- color: var(--kd-color-text-title-secondary);
292
- font-weight: 500;
293
- text-transform: uppercase;
294
- padding: 12px 12px 0px 12px;
295
291
  font-family: var(--kd-font-family-secondary);
296
292
  font-size: var(--kd-font-size-utility-3-sm);
297
293
  line-height: var(--kd-line-height-utility-3-sm);
298
294
  font-weight: var(--kd-font-weight-regular);
299
295
  letter-spacing: var(--kd-letter-spacing-5);
296
+ color: var(--kd-color-text-title-secondary);
297
+ font-weight: 500;
298
+ text-transform: uppercase;
299
+ padding: 12px 12px 0px 12px;
300
300
  }
301
301
  @media (min-width: 42rem) {
302
302
  .menu-label {
package/components/global/localNav/localNavDivider.js CHANGED
@@ -46,6 +46,11 @@ import{_ as e,a as t,b as i,c as a,d as n}from"../../../vendor/tslib-Ac8XvvSX.js
46
46
  }
47
47
 
48
48
  .heading {
49
+ font-family: var(--kd-font-family-secondary);
50
+ font-size: var(--kd-font-size-utility-3-sm);
51
+ line-height: var(--kd-line-height-utility-3-sm);
52
+ font-weight: var(--kd-font-weight-regular);
53
+ letter-spacing: var(--kd-letter-spacing-5);
49
54
  color: var(--kd-color-text-title-secondary);
50
55
  font-weight: 500;
51
56
  text-transform: uppercase;
@@ -53,11 +58,6 @@ import{_ as e,a as t,b as i,c as a,d as n}from"../../../vendor/tslib-Ac8XvvSX.js
53
58
  overflow: hidden;
54
59
  text-overflow: ellipsis;
55
60
  white-space: nowrap;
56
- font-family: var(--kd-font-family-secondary);
57
- font-size: var(--kd-font-size-utility-3-sm);
58
- line-height: var(--kd-line-height-utility-3-sm);
59
- font-weight: var(--kd-font-weight-regular);
60
- letter-spacing: var(--kd-letter-spacing-5);
61
61
  }
62
62
  @media (min-width: 42rem) {
63
63
  .heading {
package/components/global/localNav/localNavLink.js CHANGED
@@ -268,20 +268,15 @@ a:active {
268
268
  }
269
269
 
270
270
  .category {
271
- font-weight: 500;
272
- color: var(--kd-color-text-level-tertiary-bold);
273
- text-transform: uppercase;
274
- padding: 20px 8px 0;
275
271
  font-family: var(--kd-font-family-secondary);
276
272
  font-size: var(--kd-font-size-utility-3-sm);
277
273
  line-height: var(--kd-line-height-utility-3-sm);
278
274
  font-weight: var(--kd-font-weight-regular);
279
275
  letter-spacing: var(--kd-letter-spacing-5);
280
- }
281
- @media (min-width: 42rem) {
282
- .category {
283
- display: none;
284
- }
276
+ font-weight: 500;
277
+ color: var(--kd-color-text-level-tertiary-bold);
278
+ text-transform: uppercase;
279
+ padding: 20px 8px 0;
285
280
  }
286
281
  @media (min-width: 42rem) {
287
282
  .category {
@@ -307,6 +302,11 @@ a:active {
307
302
  line-height: var(--kd-line-height-utility-3-max);
308
303
  }
309
304
  }
305
+ @media (min-width: 42rem) {
306
+ .category {
307
+ display: none;
308
+ }
309
+ }
310
310
 
311
311
  .text {
312
312
  min-width: 120px;
package/components/reusable/avatar/avatar.js CHANGED
@@ -33,6 +33,11 @@ import{_ as t,a as e,b as i,c as a,d as r}from"../../../vendor/tslib-Ac8XvvSX.js
33
33
  }
34
34
 
35
35
  .avatar-wrapper {
36
+ font-family: var(--kd-font-family-secondary);
37
+ font-size: var(--kd-font-size-utility-3-sm);
38
+ line-height: var(--kd-line-height-utility-3-sm);
39
+ font-weight: var(--kd-font-weight-regular);
40
+ letter-spacing: var(--kd-letter-spacing-5);
36
41
  display: flex;
37
42
  align-items: center;
38
43
  justify-content: center;
@@ -44,11 +49,6 @@ import{_ as t,a as e,b as i,c as a,d as r}from"../../../vendor/tslib-Ac8XvvSX.js
44
49
  transition: color 150ms ease-out, background-color 150ms ease-out, border-color 150ms ease-out;
45
50
  white-space: nowrap;
46
51
  overflow: hidden;
47
- font-family: var(--kd-font-family-secondary);
48
- font-size: var(--kd-font-size-utility-3-sm);
49
- line-height: var(--kd-line-height-utility-3-sm);
50
- font-weight: var(--kd-font-weight-regular);
51
- letter-spacing: var(--kd-letter-spacing-5);
52
52
  }
53
53
  @media (min-width: 42rem) {
54
54
  .avatar-wrapper {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kyndryl-design-system/shidoka-applications",
3
- "version": "2.47.2",
3
+ "version": "2.47.3",
4
4
  "description": "Shidoka Web Components for Applications",
5
5
  "license": "MIT",
6
6
  "main": "index.js",