@carbon/styles 1.41.2 → 1.42.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 +20 -0
- package/css/styles.min.css +1 -1
- package/package.json +8 -8
- package/scss/__tests__/theme-test.js +3 -0
- package/scss/components/loading/_loading.scss +3 -0
- package/scss/components/slug/_slug.scss +9 -0
- package/scss/utilities/_ai-gradient.scss +42 -0
- package/scss/utilities/_index.scss +1 -0
package/css/styles.css
CHANGED
|
@@ -2759,6 +2759,9 @@ em {
|
|
|
2759
2759
|
.cds--white {
|
|
2760
2760
|
background-color: var(--cds-background);
|
|
2761
2761
|
color: var(--cds-text-primary);
|
|
2762
|
+
--cds-ai-gradient-end: rgba(255, 255, 255, 0);
|
|
2763
|
+
--cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
|
|
2764
|
+
--cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
|
|
2762
2765
|
--cds-background: #ffffff;
|
|
2763
2766
|
--cds-background-active: rgba(141, 141, 141, 0.5);
|
|
2764
2767
|
--cds-background-brand: #0f62fe;
|
|
@@ -2940,6 +2943,9 @@ em {
|
|
|
2940
2943
|
.cds--g10 {
|
|
2941
2944
|
background-color: var(--cds-background);
|
|
2942
2945
|
color: var(--cds-text-primary);
|
|
2946
|
+
--cds-ai-gradient-end: rgba(255, 255, 255, 0);
|
|
2947
|
+
--cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
|
|
2948
|
+
--cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
|
|
2943
2949
|
--cds-background: #f4f4f4;
|
|
2944
2950
|
--cds-background-active: rgba(141, 141, 141, 0.5);
|
|
2945
2951
|
--cds-background-brand: #0f62fe;
|
|
@@ -3121,6 +3127,8 @@ em {
|
|
|
3121
3127
|
.cds--g90 {
|
|
3122
3128
|
background-color: var(--cds-background);
|
|
3123
3129
|
color: var(--cds-text-primary);
|
|
3130
|
+
--cds-ai-gradient-end: rgba(38, 38, 38, 0);
|
|
3131
|
+
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
|
3124
3132
|
--cds-background: #262626;
|
|
3125
3133
|
--cds-background-active: rgba(141, 141, 141, 0.4);
|
|
3126
3134
|
--cds-background-brand: #0f62fe;
|
|
@@ -3301,6 +3309,8 @@ em {
|
|
|
3301
3309
|
.cds--g100 {
|
|
3302
3310
|
background-color: var(--cds-background);
|
|
3303
3311
|
color: var(--cds-text-primary);
|
|
3312
|
+
--cds-ai-gradient-end: rgba(38, 38, 38, 0);
|
|
3313
|
+
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
|
3304
3314
|
--cds-background: #161616;
|
|
3305
3315
|
--cds-background-active: rgba(141, 141, 141, 0.4);
|
|
3306
3316
|
--cds-background-brand: #0f62fe;
|
|
@@ -13489,6 +13499,7 @@ button.cds--dropdown-text:focus {
|
|
|
13489
13499
|
.cds--loading--small {
|
|
13490
13500
|
block-size: 1rem;
|
|
13491
13501
|
inline-size: 1rem;
|
|
13502
|
+
line-height: 1rem;
|
|
13492
13503
|
}
|
|
13493
13504
|
.cds--loading--small circle {
|
|
13494
13505
|
stroke-width: 16;
|
|
@@ -19956,6 +19967,15 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
|
19956
19967
|
transition: opacity 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
|
19957
19968
|
}
|
|
19958
19969
|
|
|
19970
|
+
.cds--slug__button.cds--slug__button--mini::after,
|
|
19971
|
+
.cds--slug__button.cds--slug__button--2xs::after {
|
|
19972
|
+
position: absolute;
|
|
19973
|
+
block-size: 1.5rem;
|
|
19974
|
+
content: "";
|
|
19975
|
+
inline-size: 1.5rem;
|
|
19976
|
+
opacity: 0;
|
|
19977
|
+
}
|
|
19978
|
+
|
|
19959
19979
|
.cds--slug__button:hover::before {
|
|
19960
19980
|
opacity: 1;
|
|
19961
19981
|
}
|