@carbon/styles 1.87.0 → 1.88.0-rc.1
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 +6 -22
- package/css/styles.min.css +1 -1
- package/package.json +10 -10
- package/scss/__tests__/__snapshots__/colors-test.js.snap +16 -16
- package/scss/__tests__/__snapshots__/config-test.js.snap +7 -7
- package/scss/__tests__/__snapshots__/motion-test.js.snap +8 -8
- package/scss/__tests__/__snapshots__/spacing-test.js.snap +4 -4
- package/scss/__tests__/__snapshots__/type-test.js.snap +2576 -2576
- package/scss/__tests__/theme-test.js +1 -1
- package/scss/__tests__/themes-test.js +1 -1
- package/scss/__tests__/type-test.js +1 -1
- package/scss/components/__tests__/accordion-test.js +1 -1
- package/scss/components/__tests__/button-test.js +1 -1
- package/scss/components/__tests__/code-snippet-test.js +1 -1
- package/scss/components/__tests__/data-table-test.js +1 -1
- package/scss/components/__tests__/form-test.js +1 -1
- package/scss/components/__tests__/list-box-test.js +1 -1
- package/scss/components/form/_form.scss +1 -1
- package/scss/components/link/_link.scss +2 -2
- package/scss/components/menu-button/_menu-button.scss +1 -1
- package/scss/components/text-area/_text-area.scss +0 -9
- package/scss/components/tooltip/_tooltip.scss +0 -4
- package/scss/fonts/__tests__/__snapshots__/fonts-test.js.snap +187 -187
- package/scss/fonts/__tests__/fonts-test.js +2 -4
package/css/styles.css
CHANGED
|
@@ -4642,10 +4642,6 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
|
4642
4642
|
overflow-wrap: break-word;
|
|
4643
4643
|
}
|
|
4644
4644
|
|
|
4645
|
-
.cds--tooltip-content--multiline {
|
|
4646
|
-
padding: var(--cds-tooltip-padding-inline, 1rem);
|
|
4647
|
-
}
|
|
4648
|
-
|
|
4649
4645
|
.cds--icon-tooltip {
|
|
4650
4646
|
--cds-tooltip-padding-block: 0.125rem;
|
|
4651
4647
|
--cds-popover-caret-width: 0.5rem;
|
|
@@ -6851,24 +6847,24 @@ a.cds--overflow-menu-options__btn::before {
|
|
|
6851
6847
|
color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
|
|
6852
6848
|
text-decoration: underline;
|
|
6853
6849
|
}
|
|
6854
|
-
.cds--link:active, .cds--link:active:visited, .cds--link:active:visited:hover {
|
|
6850
|
+
.cds--link:active:not(.cds--link--disabled), .cds--link:active:visited, .cds--link:active:visited:hover {
|
|
6855
6851
|
outline: 1px solid var(--cds-focus, #0f62fe);
|
|
6856
6852
|
color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
|
|
6857
6853
|
outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
|
|
6858
6854
|
text-decoration: underline;
|
|
6859
6855
|
}
|
|
6860
6856
|
@media screen and (prefers-contrast) {
|
|
6861
|
-
.cds--link:active, .cds--link:active:visited, .cds--link:active:visited:hover {
|
|
6857
|
+
.cds--link:active:not(.cds--link--disabled), .cds--link:active:visited, .cds--link:active:visited:hover {
|
|
6862
6858
|
outline-style: dotted;
|
|
6863
6859
|
}
|
|
6864
6860
|
}
|
|
6865
|
-
.cds--link:focus {
|
|
6861
|
+
.cds--link:focus:not(.cds--link--disabled) {
|
|
6866
6862
|
outline: 1px solid var(--cds-focus, #0f62fe);
|
|
6867
6863
|
outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
|
|
6868
6864
|
text-decoration: underline;
|
|
6869
6865
|
}
|
|
6870
6866
|
@media screen and (prefers-contrast) {
|
|
6871
|
-
.cds--link:focus {
|
|
6867
|
+
.cds--link:focus:not(.cds--link--disabled) {
|
|
6872
6868
|
outline-style: dotted;
|
|
6873
6869
|
}
|
|
6874
6870
|
}
|
|
@@ -7320,7 +7316,7 @@ input:not(output, [data-invalid]):-moz-ui-invalid {
|
|
|
7320
7316
|
line-height: var(--cds-helper-text-01-line-height, 1.33333);
|
|
7321
7317
|
letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
|
|
7322
7318
|
z-index: 0;
|
|
7323
|
-
color: var(--cds-text-
|
|
7319
|
+
color: var(--cds-text-helper, #6f6f6f);
|
|
7324
7320
|
inline-size: 100%;
|
|
7325
7321
|
margin-block-start: 0.25rem;
|
|
7326
7322
|
opacity: 1;
|
|
@@ -19403,10 +19399,6 @@ optgroup.cds--select-optgroup:disabled,
|
|
|
19403
19399
|
background-color: var(--cds-field-02, #ffffff);
|
|
19404
19400
|
}
|
|
19405
19401
|
|
|
19406
|
-
.cds--text-area--invalid {
|
|
19407
|
-
padding-inline-end: 2.5rem;
|
|
19408
|
-
}
|
|
19409
|
-
|
|
19410
19402
|
.cds--text-area__wrapper {
|
|
19411
19403
|
--cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
|
|
19412
19404
|
position: relative;
|
|
@@ -19446,9 +19438,6 @@ optgroup.cds--select-optgroup:disabled,
|
|
|
19446
19438
|
inline-size: 1px;
|
|
19447
19439
|
}
|
|
19448
19440
|
|
|
19449
|
-
.cds--form-item {
|
|
19450
|
-
position: relative;
|
|
19451
|
-
}
|
|
19452
19441
|
.cds--form-item:has(.cds--text-area__wrapper--cols) {
|
|
19453
19442
|
inline-size: -moz-fit-content;
|
|
19454
19443
|
inline-size: fit-content;
|
|
@@ -19585,11 +19574,6 @@ optgroup.cds--select-optgroup:disabled,
|
|
|
19585
19574
|
inline-size: 100%;
|
|
19586
19575
|
}
|
|
19587
19576
|
|
|
19588
|
-
.cds--form-requirement {
|
|
19589
|
-
position: absolute;
|
|
19590
|
-
inset-block-start: 100%;
|
|
19591
|
-
}
|
|
19592
|
-
|
|
19593
19577
|
.cds--text-area--fluid .cds--text-area__wrapper {
|
|
19594
19578
|
position: relative;
|
|
19595
19579
|
flex-direction: column;
|
|
@@ -20428,7 +20412,7 @@ optgroup.cds--select-optgroup:disabled,
|
|
|
20428
20412
|
}
|
|
20429
20413
|
|
|
20430
20414
|
.cds--menu-button__container {
|
|
20431
|
-
display:
|
|
20415
|
+
display: contents;
|
|
20432
20416
|
}
|
|
20433
20417
|
|
|
20434
20418
|
.cds--menu-button__trigger:not(.cds--btn--ghost) {
|