@carbon/styles 1.72.0-rc.0 → 1.73.0-rc.0

package/css/styles.css

@@ -2985,6 +2985,13 @@ em {
   --cds-tag-background-warm-gray: #e5e0df;
   --cds-tag-color-warm-gray: #171414;
   --cds-tag-hover-warm-gray: #d8d0cf;
+  --cds-status-red: #da1e28;
+  --cds-status-orange: #ff832b;
+  --cds-status-yellow: #f1c21b;
+  --cds-status-green: #24a148;
+  --cds-status-blue: #0043ce;
+  --cds-status-purple: #8a3ffc;
+  --cds-status-gray: #6f6f6f;
 }
 
 .cds--g10 {
@@ -3208,6 +3215,13 @@ em {
   --cds-tag-background-warm-gray: #e5e0df;
   --cds-tag-color-warm-gray: #171414;
   --cds-tag-hover-warm-gray: #d8d0cf;
+  --cds-status-red: #da1e28;
+  --cds-status-orange: #ff832b;
+  --cds-status-yellow: #f1c21b;
+  --cds-status-green: #24a148;
+  --cds-status-blue: #0043ce;
+  --cds-status-purple: #8a3ffc;
+  --cds-status-gray: #6f6f6f;
 }
 
 .cds--g90 {
@@ -3430,6 +3444,13 @@ em {
   --cds-tag-background-warm-gray: #565151;
   --cds-tag-color-warm-gray: #f7f3f2;
   --cds-tag-hover-warm-gray: #696363;
+  --cds-status-red: #fa4d56;
+  --cds-status-orange: #ff832b;
+  --cds-status-yellow: #f1c21b;
+  --cds-status-green: #42be65;
+  --cds-status-blue: #4589ff;
+  --cds-status-purple: #a56eff;
+  --cds-status-gray: #8d8d8d;
 }
 
 .cds--g100 {
@@ -3652,6 +3673,13 @@ em {
   --cds-tag-background-warm-gray: #565151;
   --cds-tag-color-warm-gray: #f7f3f2;
   --cds-tag-hover-warm-gray: #696363;
+  --cds-status-red: #fa4d56;
+  --cds-status-orange: #ff832b;
+  --cds-status-yellow: #f1c21b;
+  --cds-status-green: #42be65;
+  --cds-status-blue: #4589ff;
+  --cds-status-purple: #a56eff;
+  --cds-status-gray: #8d8d8d;
 }
 
 .cds--accordion {
@@ -12322,95 +12350,115 @@ tr.cds--data-table--selected:last-of-type td {
   margin: -0.1875rem 0;
 }
 
-.cds--data-table .cds--table-column-slug {
+.cds--data-table .cds--table-column-slug,
+.cds--data-table .cds--table-column-decorator {
   inline-size: 1rem;
   padding-inline-end: 0;
 }
 
 tr.cds--data-table--slug-row,
-tr.cds--data-table--slug-row + .cds--expandable-row {
+tr.cds--data-table--slug-row + .cds--expandable-row,
+tr.cds--data-table--ai-label-row,
+tr.cds--data-table--ai-label-row + .cds--expandable-row {
   background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
   background-attachment: fixed;
 }
 
-.cds--data-table--slug-row {
+.cds--data-table--slug-row,
+.cds--data-table--ai-label-row {
   box-shadow: inset 1px 0 var(--cds-ai-border-strong, #4589ff);
 }
 
-.cds--data-table tbody tr.cds--data-table--slug-row:hover td,
-tr.cds--data-table--slug-row.cds--expandable-row:hover + .cds--expandable-row[data-child-row] td,
-tr.cds--data-table--slug-row.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover > td,
-tr.cds--data-table--slug-row.cds--expandable-row--hover > td,
-tr.cds--data-table--selected.cds--data-table--slug-row.cds--expandable-row + tr.cds--expandable-row[data-child-row] > td,
-tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td,
-tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:first-of-type,
-tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected:not(.cds--expandable-row):hover > td,
-tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover + tr[data-child-row] > td,
-tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover > td,
-tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover > td:first-of-type {
+.cds--data-table tbody tr.cds--data-table--ai-label-row:hover td,
+tr.cds--data-table--ai-label-row.cds--expandable-row:hover + .cds--expandable-row[data-child-row] td,
+tr.cds--data-table--ai-label-row.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover > td,
+tr.cds--data-table--ai-label-row.cds--expandable-row--hover > td,
+tr.cds--data-table--selected.cds--data-table--ai-label-row.cds--expandable-row + tr.cds--expandable-row[data-child-row] > td,
+tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td,
+tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:first-of-type,
+tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected:not(.cds--expandable-row):hover > td,
+tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover + tr[data-child-row] > td,
+tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover > td,
+tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover > td:first-of-type {
   background-color: transparent;
 }
 
-.cds--data-table tbody tr.cds--data-table--slug-row:hover,
-tr.cds--data-table--slug-row:hover + .cds--expandable-row[data-child-row],
-tr.cds--data-table--slug-row.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover,
-tr.cds--expandable-row--hover.cds--data-table--slug-row,
-tr.cds--data-table--selected.cds--parent-row.cds--expandable-row--hover.cds--data-table--slug-row {
+.cds--data-table tbody tr.cds--data-table--ai-label-row:hover,
+tr.cds--data-table--ai-label-row:hover + .cds--expandable-row[data-child-row],
+tr.cds--data-table--ai-label-row.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover,
+tr.cds--expandable-row--hover.cds--data-table--ai-label-row,
+tr.cds--data-table--selected.cds--parent-row.cds--expandable-row--hover.cds--data-table--ai-label-row {
   background: linear-gradient(to right, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%), var(--cds-ai-aura-hover-background, #edf5ff);
   background-attachment: fixed;
 }
 
 tr.cds--parent-row.cds--data-table--selected.cds--data-table--slug-row,
 .cds--data-table--selected.cds--data-table--slug-row,
-tr.cds--data-table--selected.cds--data-table--slug-row + .cds--expandable-row {
+tr.cds--data-table--selected.cds--data-table--slug-row + .cds--expandable-row,
+tr.cds--parent-row.cds--data-table--selected.cds--data-table--ai-label-row,
+.cds--data-table--selected.cds--data-table--ai-label-row,
+tr.cds--data-table--selected.cds--data-table--ai-label-row + .cds--expandable-row {
   background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), var(--cds-layer-selected);
   background-attachment: fixed;
 }
 
-tr.cds--data-table--slug-row.cds--data-table--selected td,
-tr.cds--data-table--slug-row.cds--data-table--selected:hover td,
-tbody tr.cds--data-table--slug-row:hover td,
-tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug) {
+tr.cds--data-table--ai-label-row.cds--data-table--selected td,
+tr.cds--data-table--ai-label-row.cds--data-table--selected:hover td,
+tbody tr.cds--data-table--ai-label-row:hover td,
+tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug) {
   border-block-end-color: var(--cds-border-subtle);
 }
 
+tr.cds--expandable-row.cds--data-table--selected.cds--data-table--slug-row[data-parent-row] > td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug),
 tr.cds--expandable-row.cds--data-table--selected.cds--data-table--slug-row[data-parent-row] > td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug) {
   border-block-end: 1px solid var(--cds-layer-selected);
 }
 
-tr.cds--parent-row.cds--data-table--slug-row.cds--expandable-row:hover td:first-of-type {
+tr.cds--parent-row.cds--data-table--slug-row.cds--expandable-row:hover td:first-of-type,
+tr.cds--parent-row.cds--data-table--ai-label-row.cds--expandable-row:hover td:first-of-type,
+tr.cds--parent-row.cds--data-table--decoratorß-row.cds--expandable-row:hover td:first-of-type {
   border-block-end: 1px solid transparent;
 }
 
 .cds--data-table thead th.cds--table-sort__header--slug .cds--table-sort,
-.cds--data-table thead th:has(> .cds--table-header-label--slug) {
+.cds--data-table thead th:has(> .cds--table-header-label--slug),
+.cds--data-table thead th.cds--table-sort__header--ai-label .cds--table-sort,
+.cds--data-table thead th:has(> .cds--table-header-label--ai-label) {
   background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
 }
 
 .cds--table-column-slug .cds--ai-label,
-.cds--table-column-slug .cds--slug {
+.cds--table-column-slug .cds--slug,
+.cds--table-column-decorator .cds--decorator {
   position: absolute;
   z-index: 2;
   transform: translateY(-50%);
 }
 
 .cds--data-table--xl .cds--table-column-slug .cds--ai-label,
-.cds--data-table--xl .cds--table-column-slug .cds--slug {
+.cds--data-table--xl .cds--table-column-slug .cds--slug,
+.cds--data-table--xl .cds--table-column-decorator .cds--decorator {
   transform: translateY(1px);
 }
 
-th .cds--table-header-label.cds--table-header-label--slug {
+th .cds--table-header-label.cds--table-header-label--slug,
+th .cds--table-header-label.cds--table-header-label--ai-label,
+th .cds--table-header-label.cds--table-header-label--decorator {
   display: flex;
   align-items: center;
 }
 
-th .cds--table-header-label.cds--table-header-label--slug .cds--ai-label,
-th .cds--table-header-label.cds--table-header-label--slug .cds--slug {
+th .cds--table-header-label.cds--table-header-label--ai-label .cds--ai-label,
+th .cds--table-header-label.cds--table-header-label--ai-label .cds--slug,
+th .cds--table-header-label.cds--table-header-label--decorator .cds--table-header-label--decorator-inner,
+th .cds--table-header-label.cds--table-header-label--ai-label .cds--table-header-label--decorator-inner {
   margin-inline-start: auto;
 }
 
 th.cds--table-sort__header--slug,
-th:has(.cds--table-header-label--slug) {
+th:has(.cds--table-header-label--slug),
+th.cds--table-sort__header--ai-label,
+th:has(.cds--table-header-label--ai-label) {
   box-shadow: inset 0 1px var(--cds-ai-border-strong, #4589ff);
 }
 
@@ -13516,11 +13564,12 @@ tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td {
 }
 
 tbody:has(> tr.cds--data-table--slug-row) > tr.cds--expandable-row[data-child-row] td,
+tbody:has(> tr.cds--data-table--ai-label-row) > tr.cds--expandable-row[data-child-row] td,
 tbody:has(td.cds--table-column-checkbox) > tr.cds--expandable-row[data-child-row] td {
   padding-inline-start: 5.5rem;
 }
 
-tbody:has(> tr.cds--data-table--slug-row):has(td.cds--table-column-checkbox) > tr.cds--expandable-row[data-child-row] td {
+tbody:has(> tr.cds--data-table--ai-label-row):has(td.cds--table-column-checkbox) > tr.cds--expandable-row[data-child-row] td {
   padding-inline-start: 7.5rem;
 }
 
@@ -13813,17 +13862,23 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
 }
 
 .cds--parent-row .cds--table-column-slug,
-.cds--parent-row .cds--table-column-slug + td.cds--table-expand[data-previous-value=collapsed] {
+.cds--parent-row .cds--table-column-slug + td.cds--table-expand[data-previous-value=collapsed],
+.cds--parent-row .cds--table-column-decorator,
+.cds--parent-row .cds--table-column-decorator + td.cds--table-expand[data-previous-value=collapsed] {
   box-shadow: none;
 }
 
 .cds--parent-row.cds--expandable-row .cds--table-column-slug,
-.cds--parent-row.cds--expandable-row .cds--table-column-slug + td.cds--table-expand[data-previous-value=collapsed] {
+.cds--parent-row.cds--expandable-row .cds--table-column-slug + td.cds--table-expand[data-previous-value=collapsed],
+.cds--parent-row.cds--expandable-row .cds--table-column-decorator,
+.cds--parent-row.cds--expandable-row .cds--table-column-decorator + td.cds--table-expand[data-previous-value=collapsed] {
   border-block-end: 1px solid transparent;
 }
 
 .cds--data-table--slug-row td,
-.cds--data-table tr.cds--data-table--slug-row:hover td {
+.cds--data-table tr.cds--data-table--slug-row:hover td,
+.cds--data-table--ai-label-row td,
+.cds--data-table tr.cds--data-table--ai-label-row:hover td {
   border-block-start: 1px solid transparent;
 }
 
@@ -14170,12 +14225,18 @@ th .cds--table-sort__flex {
 }
 
 .cds--table-sort__header--slug .cds--table-sort__icon,
-.cds--table-sort__header--slug .cds--table-sort__icon-unsorted {
+.cds--table-sort__header--slug .cds--table-sort__icon-unsorted,
+.cds--table-sort__header--ai-label .cds--table-sort__icon,
+.cds--table-sort__header--ai-label .cds--table-sort__icon-unsorted,
+.cds--table-sort__header--decorator .cds--table-sort__icon,
+.cds--table-sort__header--decorator .cds--table-sort__icon-unsorted {
   margin-inline: auto 0.5rem;
 }
 
-.cds--table-sort__header--slug .cds--ai-label,
-.cds--table-sort__header--slug .cds--slug {
+.cds--table-sort__header--ai-label .cds--ai-label,
+.cds--table-sort__header--ai-label .cds--slug,
+.cds--table-sort__header--decorator .cds--table-header-label--decorator-inner,
+.cds--table-sort__header--ai-label .cds--table-header-label--decorator-inner {
   margin-inline-end: 0.5rem;
 }
 
@@ -16767,6 +16828,7 @@ button.cds--dropdown-text:focus {
   border-inline-start-color: var(--cds-border-subtle);
 }
 
+.cds--date-picker--fluid .cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator > *,
 .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--ai-label,
 .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--slug {
   inset-block-start: 2.6875rem;
@@ -16783,6 +16845,9 @@ button.cds--dropdown-text:focus {
   border-block-end-color: var(--cds-ai-border-strong, #4589ff);
 }
 
+.cds--date-picker--fluid .cds--date-picker-input__wrapper--decorator .cds--date-picker__input,
+.cds--date-picker--fluid--invalid .cds--date-picker-input__wrapper--decorator .cds--date-picker__input,
+.cds--date-picker--fluid--warn .cds--date-picker-input__wrapper--decorator .cds--date-picker__input,
 .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input,
 .cds--date-picker--fluid--invalid .cds--date-picker-input__wrapper--slug .cds--date-picker__input,
 .cds--date-picker--fluid--warn .cds--date-picker-input__wrapper--slug .cds--date-picker__input {
@@ -18467,6 +18532,11 @@ optgroup.cds--select-optgroup:disabled,
   inline-size: 1px;
 }
 
+.cds--form-item:has(.cds--text-area__wrapper--cols) {
+  inline-size: -moz-fit-content;
+  inline-size: fit-content;
+}
+
 .cds--text-area:disabled {
   background-color: var(--cds-field);
   border-block-end: 1px solid transparent;
@@ -19145,6 +19215,81 @@ optgroup.cds--select-optgroup:disabled,
   inline-size: 50%;
 }
 
+.cds--icon-indicator {
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
+  display: flex;
+  color: var(--cds-text-secondary, #525252);
+}
+
+.cds--icon-indicator svg {
+  align-self: center;
+  margin-inline-end: 0.5rem;
+}
+
+.cds--icon-indicator--20 {
+  font-size: var(--cds-body-compact-02-font-size, 1rem);
+  font-weight: var(--cds-body-compact-02-font-weight, 400);
+  line-height: var(--cds-body-compact-02-line-height, 1.375);
+  letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
+}
+
+.cds--icon-indicator--failed {
+  fill: var(--cds-status-red, #da1e28);
+}
+
+.cds--icon-indicator--caution-major {
+  fill: var(--cds-status-orange, #ff832b);
+}
+.cds--icon-indicator--caution-major path:first-of-type {
+  fill: #000000;
+}
+
+.cds--icon-indicator--caution-minor {
+  fill: var(--cds-status-yellow, #f1c21b);
+}
+.cds--icon-indicator--caution-minor path:first-of-type {
+  fill: #000000;
+}
+
+.cds--icon-indicator--undefined {
+  fill: var(--cds-status-purple, #8a3ffc);
+}
+
+.cds--icon-indicator--succeeded {
+  fill: var(--cds-status-green, #24a148);
+}
+
+.cds--icon-indicator--normal {
+  fill: var(--cds-status-blue, #0043ce);
+}
+
+.cds--icon-indicator--in-progress {
+  fill: var(--cds-status-blue, #0043ce);
+}
+
+.cds--icon-indicator--incomplete {
+  fill: var(--cds-status-blue, #0043ce);
+}
+
+.cds--icon-indicator--not-started {
+  fill: var(--cds-status-gray, #6f6f6f);
+}
+
+.cds--icon-indicator--pending {
+  fill: var(--cds-status-gray, #6f6f6f);
+}
+
+.cds--icon-indicator--unknown {
+  fill: var(--cds-status-gray, #6f6f6f);
+}
+
+.cds--icon-indicator--informative {
+  fill: var(--cds-status-blue, #0043ce);
+}
+
 @keyframes prefix--stroke {
   100% {
     stroke-dashoffset: 0;