@carbon/styles 1.16.0-rc.0 → 1.16.0

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/css/styles.css CHANGED
@@ -2881,7 +2881,7 @@ em {
2881
2881
  --cds-notification-background-success: #defbe6;
2882
2882
  --cds-notification-background-info: #edf5ff;
2883
2883
  --cds-notification-background-warning: #fdf6dd;
2884
- --cds-notification-action-hover: #ffffff;
2884
+ --cds-notification-action-hover: #edf5ff;
2885
2885
  --cds-notification-action-tertiary-inverse: #ffffff;
2886
2886
  --cds-notification-action-tertiary-inverse-active: #c6c6c6;
2887
2887
  --cds-notification-action-tertiary-inverse-hover: #f4f4f4;
@@ -3050,7 +3050,7 @@ em {
3050
3050
  --cds-notification-background-success: #defbe6;
3051
3051
  --cds-notification-background-info: #edf5ff;
3052
3052
  --cds-notification-background-warning: #fdf6dd;
3053
- --cds-notification-action-hover: #ffffff;
3053
+ --cds-notification-action-hover: #edf5ff;
3054
3054
  --cds-notification-action-tertiary-inverse: #ffffff;
3055
3055
  --cds-notification-action-tertiary-inverse-active: #c6c6c6;
3056
3056
  --cds-notification-action-tertiary-inverse-hover: #f4f4f4;
@@ -6215,19 +6215,15 @@ fieldset[disabled] .cds--form__helper-text {
6215
6215
  width: 100%;
6216
6216
  }
6217
6217
 
6218
- .cds--text-input__invalid-icon,
6219
- .cds--text-input__readonly-icon {
6218
+ .cds--text-input__invalid-icon {
6220
6219
  position: absolute;
6221
6220
  top: 50%;
6222
6221
  right: 1rem;
6222
+ fill: var(--cds-support-error, #da1e28);
6223
6223
  -webkit-transform: translateY(-50%);
6224
6224
  transform: translateY(-50%);
6225
6225
  }
6226
6226
 
6227
- .cds--text-input__invalid-icon {
6228
- fill: var(--cds-support-error, #da1e28);
6229
- }
6230
-
6231
6227
  .cds--text-input__invalid-icon--warning {
6232
6228
  fill: var(--cds-support-warning, #f1c21b);
6233
6229
  }
@@ -6510,8 +6506,7 @@ fieldset[disabled] .cds--form__helper-text {
6510
6506
  }
6511
6507
 
6512
6508
  .cds--text-input--invalid,
6513
- .cds--text-input--warning,
6514
- .cds--text-input-wrapper--readonly .cds--text-input {
6509
+ .cds--text-input--warning {
6515
6510
  padding-right: 2.5rem;
6516
6511
  }
6517
6512
 
@@ -14518,7 +14513,7 @@ optgroup.cds--select-optgroup:disabled,
14518
14513
 
14519
14514
  .cds--inline-notification--low-contrast .cds--inline-notification__action-button.cds--btn--ghost:active,
14520
14515
  .cds--inline-notification--low-contrast .cds--inline-notification__action-button.cds--btn--ghost:hover {
14521
- background-color: var(--cds-notification-action-hover, #ffffff);
14516
+ background-color: var(--cds-notification-action-hover, #edf5ff);
14522
14517
  }
14523
14518
 
14524
14519
  .cds--inline-notification__action-button.cds--btn--ghost:focus {
@@ -15240,7 +15235,7 @@ optgroup.cds--select-optgroup:disabled,
15240
15235
 
15241
15236
  .cds--actionable-notification--low-contrast .cds--actionable-notification__action-button.cds--btn--ghost:active,
15242
15237
  .cds--actionable-notification--low-contrast .cds--actionable-notification__action-button.cds--btn--ghost:hover {
15243
- background-color: var(--cds-notification-action-hover, #ffffff);
15238
+ background-color: var(--cds-notification-action-hover, #edf5ff);
15244
15239
  }
15245
15240
 
15246
15241
  .cds--actionable-notification__action-button.cds--btn--ghost:focus {
@@ -17888,6 +17883,10 @@ span.cds--pagination__text.cds--pagination__items-count {
17888
17883
  }
17889
17884
  }
17890
17885
 
17886
+ .cds--progress.cds--progress--vertical.cds--skeleton .cds--progress-label {
17887
+ margin-top: 0.0625rem;
17888
+ }
17889
+
17891
17890
  .cds--progress--vertical {
17892
17891
  display: -webkit-box;
17893
17892
  display: -ms-flexbox;
@@ -21266,6 +21265,19 @@ a.cds--header__menu-item[aria-current=page]:focus::after,
21266
21265
  border: 0;
21267
21266
  }
21268
21267
 
21268
+ .cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,
21269
+ .cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {
21270
+ bottom: 0;
21271
+ left: -2px;
21272
+ border-bottom: none;
21273
+ border-left: 3px solid var(--cds-border-interactive, #0f62fe);
21274
+ }
21275
+ .cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,
21276
+ .cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {
21277
+ left: 0;
21278
+ border-left: 3px solid var(--cds-border-interactive, #0f62fe);
21279
+ }
21280
+
21269
21281
  a.cds--header__menu-item[aria-current=page]:focus,
21270
21282
  a.cds--header__menu-item.cds--header__menu-item--current:focus {
21271
21283
  border: 2px solid var(--cds-focus, #0f62fe);
@@ -22289,6 +22301,19 @@ a.cds--header__menu-item[aria-current=page]:focus::after,
22289
22301
  border: 0;
22290
22302
  }
22291
22303
 
22304
+ .cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,
22305
+ .cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {
22306
+ bottom: 0;
22307
+ left: -2px;
22308
+ border-bottom: none;
22309
+ border-left: 3px solid var(--cds-border-interactive, #0f62fe);
22310
+ }
22311
+ .cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,
22312
+ .cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {
22313
+ left: 0;
22314
+ border-left: 3px solid var(--cds-border-interactive, #0f62fe);
22315
+ }
22316
+
22292
22317
  a.cds--header__menu-item[aria-current=page]:focus,
22293
22318
  a.cds--header__menu-item.cds--header__menu-item--current:focus {
22294
22319
  border: 2px solid var(--cds-focus, #0f62fe);