@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 +37 -12
- package/css/styles.min.css +1 -1
- package/package.json +5 -5
- package/scss/components/notification/_tokens.scss +150 -42
- package/scss/components/progress-indicator/_progress-indicator.scss +5 -0
- package/scss/components/text-input/_text-input.scss +3 -8
- package/scss/components/ui-shell/header/_header.scss +16 -0
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: #
|
|
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: #
|
|
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, #
|
|
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, #
|
|
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);
|