@carbon/styles 1.72.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 {
@@ -16800,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;
@@ -16816,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 {
@@ -18500,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;
@@ -19178,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;