@carbon/styles 1.84.0 → 1.85.0-rc.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 +50 -0
- package/css/styles.min.css +1 -1
- package/package.json +2 -2
- package/scss/components/data-table/_data-table.scss +39 -1
- package/scss/components/progress-bar/_progress-bar.scss +18 -0
- package/scss/components/text-area/_text-area.scss +6 -1
- package/scss/utilities/_ai-gradient.scss +8 -1
package/css/styles.css
CHANGED
|
@@ -12055,6 +12055,37 @@ fieldset[disabled] .cds--form__helper-text {
|
|
|
12055
12055
|
}
|
|
12056
12056
|
}
|
|
12057
12057
|
|
|
12058
|
+
.cds--data-table-container--ai-enabled {
|
|
12059
|
+
position: relative;
|
|
12060
|
+
padding: 1px;
|
|
12061
|
+
border: none;
|
|
12062
|
+
}
|
|
12063
|
+
|
|
12064
|
+
.cds--data-table-container--ai-enabled::after {
|
|
12065
|
+
position: absolute;
|
|
12066
|
+
z-index: -1;
|
|
12067
|
+
background-image: linear-gradient(to top, var(--cds-ai-border-end, #78a9ff), var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)));
|
|
12068
|
+
block-size: 100%;
|
|
12069
|
+
content: "";
|
|
12070
|
+
inline-size: 100%;
|
|
12071
|
+
inset: 0;
|
|
12072
|
+
pointer-events: none;
|
|
12073
|
+
}
|
|
12074
|
+
|
|
12075
|
+
.cds--data-table-container--ai-enabled tbody {
|
|
12076
|
+
position: relative;
|
|
12077
|
+
}
|
|
12078
|
+
|
|
12079
|
+
.cds--data-table-container--ai-enabled tbody::before {
|
|
12080
|
+
position: absolute;
|
|
12081
|
+
block-size: 100%;
|
|
12082
|
+
content: "";
|
|
12083
|
+
inline-size: 100%;
|
|
12084
|
+
inset: 0;
|
|
12085
|
+
pointer-events: none;
|
|
12086
|
+
background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
|
|
12087
|
+
}
|
|
12088
|
+
|
|
12058
12089
|
.cds--data-table-header {
|
|
12059
12090
|
background-color: var(--cds-layer);
|
|
12060
12091
|
padding-block: 1rem 1.5rem;
|
|
@@ -19229,6 +19260,9 @@ optgroup.cds--select-optgroup:disabled,
|
|
|
19229
19260
|
inline-size: 1px;
|
|
19230
19261
|
}
|
|
19231
19262
|
|
|
19263
|
+
.cds--form-item {
|
|
19264
|
+
position: relative;
|
|
19265
|
+
}
|
|
19232
19266
|
.cds--form-item:has(.cds--text-area__wrapper--cols) {
|
|
19233
19267
|
inline-size: -moz-fit-content;
|
|
19234
19268
|
inline-size: fit-content;
|
|
@@ -19356,6 +19390,11 @@ optgroup.cds--select-optgroup:disabled,
|
|
|
19356
19390
|
inline-size: 100%;
|
|
19357
19391
|
}
|
|
19358
19392
|
|
|
19393
|
+
.cds--form-requirement {
|
|
19394
|
+
position: absolute;
|
|
19395
|
+
inset-block-start: 100%;
|
|
19396
|
+
}
|
|
19397
|
+
|
|
19359
19398
|
.cds--text-area--fluid .cds--text-area__wrapper {
|
|
19360
19399
|
position: relative;
|
|
19361
19400
|
flex-direction: column;
|
|
@@ -22720,6 +22759,17 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
|
22720
22759
|
padding-inline: var(--cds-layout-density-padding-inline-local);
|
|
22721
22760
|
}
|
|
22722
22761
|
|
|
22762
|
+
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
|
22763
|
+
.cds--progress-bar__track {
|
|
22764
|
+
background-color: Canvas;
|
|
22765
|
+
forced-color-adjust: none;
|
|
22766
|
+
outline: 2px solid rgba(0, 0, 0, 0);
|
|
22767
|
+
outline-offset: -2px;
|
|
22768
|
+
}
|
|
22769
|
+
.cds--progress-bar__bar {
|
|
22770
|
+
background-color: CanvasText;
|
|
22771
|
+
}
|
|
22772
|
+
}
|
|
22723
22773
|
.cds--progress {
|
|
22724
22774
|
box-sizing: border-box;
|
|
22725
22775
|
padding: 0;
|