@carbon/styles 1.97.0 → 1.98.0-rc.0

package/css/styles.css

@@ -2919,44 +2919,89 @@ em {
   --cds-support-success-inverse: #42be65;
   --cds-support-warning: #f1c21b;
   --cds-support-warning-inverse: #f1c21b;
+  --cds-syntax-angle-bracket: #697077;
+  --cds-syntax-annotation: #007d79;
+  --cds-syntax-arithmetic-operator: #343a3f;
   --cds-syntax-atom: #161616;
   --cds-syntax-attribute: #00539a;
   --cds-syntax-attribute-name: #00539a;
   --cds-syntax-attribute-value: #161616;
+  --cds-syntax-bitwise-operator: #343a3f;
   --cds-syntax-block-comment: #198038;
   --cds-syntax-bool: #161616;
+  --cds-syntax-brace: #343a3f;
+  --cds-syntax-bracket: #343a3f;
   --cds-syntax-character: #161616;
   --cds-syntax-class-name: #007d79;
   --cds-syntax-color: #161616;
   --cds-syntax-comment: #198038;
+  --cds-syntax-compare-operator: #343a3f;
+  --cds-syntax-constant: #0f62fe;
+  --cds-syntax-content: #161616;
+  --cds-syntax-content-separator: #343a3f;
   --cds-syntax-control-keyword: #6929c4;
+  --cds-syntax-control-operator: #6929c4;
+  --cds-syntax-definition: #00539a;
   --cds-syntax-definition-keyword: #00539a;
+  --cds-syntax-definition-operator: #00539a;
+  --cds-syntax-deref-operator: #343a3f;
   --cds-syntax-doc-comment: #198038;
   --cds-syntax-doc-string: #161616;
+  --cds-syntax-document-meta: #198038;
+  --cds-syntax-emphasis: #161616;
   --cds-syntax-escape: #343a3f;
   --cds-syntax-float: #198038;
+  --cds-syntax-function: #8e6a00;
+  --cds-syntax-heading: #00539a;
+  --cds-syntax-heading-1: #00539a;
+  --cds-syntax-heading-2: #00539a;
+  --cds-syntax-heading-3: #00539a;
+  --cds-syntax-heading-4: #00539a;
+  --cds-syntax-heading-5: #00539a;
+  --cds-syntax-heading-6: #00539a;
   --cds-syntax-integer: #198038;
+  --cds-syntax-invalid: #da1e28;
   --cds-syntax-keyword: #0f62fe;
   --cds-syntax-label-name: #0f62fe;
   --cds-syntax-line-comment: #198038;
+  --cds-syntax-link: #0f62fe;
+  --cds-syntax-list: #161616;
   --cds-syntax-literal: #161616;
+  --cds-syntax-local: #0f62fe;
+  --cds-syntax-logic-operator: #343a3f;
   --cds-syntax-macro-name: #161616;
+  --cds-syntax-meta: #198038;
+  --cds-syntax-modifier: #0f62fe;
   --cds-syntax-module-keyword: #6929c4;
+  --cds-syntax-monospace: #161616;
   --cds-syntax-name: #0f62fe;
   --cds-syntax-namespace: #007d79;
   --cds-syntax-null: #161616;
   --cds-syntax-number: #198038;
+  --cds-syntax-operator: #343a3f;
   --cds-syntax-operator-keyword: #0f62fe;
+  --cds-syntax-paren: #343a3f;
+  --cds-syntax-processing-instruction: #161616;
   --cds-syntax-property-name: #00539a;
+  --cds-syntax-punctuation: #343a3f;
+  --cds-syntax-quote: #198038;
   --cds-syntax-regexp: #6929c4;
   --cds-syntax-self: #007d79;
+  --cds-syntax-separator: #343a3f;
+  --cds-syntax-special: #0f62fe;
   --cds-syntax-special-string: #8a3ffc;
+  --cds-syntax-square-bracket: #343a3f;
+  --cds-syntax-standard: #0f62fe;
+  --cds-syntax-strikethrough: #161616;
   --cds-syntax-string: #161616;
+  --cds-syntax-strong: #161616;
   --cds-syntax-tag: #007d79;
   --cds-syntax-tag-name: #007d79;
   --cds-syntax-type: #007d79;
   --cds-syntax-type-name: #007d79;
+  --cds-syntax-type-operator: #007d79;
   --cds-syntax-unit: #198038;
+  --cds-syntax-update-operator: #343a3f;
   --cds-syntax-url: #343a3f;
   --cds-syntax-variable: #0f62fe;
   --cds-syntax-variable-name: #0f62fe;
@@ -3203,44 +3248,89 @@ em {
   --cds-support-success-inverse: #42be65;
   --cds-support-warning: #f1c21b;
   --cds-support-warning-inverse: #f1c21b;
+  --cds-syntax-angle-bracket: #697077;
+  --cds-syntax-annotation: #007d79;
+  --cds-syntax-arithmetic-operator: #343a3f;
   --cds-syntax-atom: #161616;
   --cds-syntax-attribute: #00539a;
   --cds-syntax-attribute-name: #00539a;
   --cds-syntax-attribute-value: #161616;
+  --cds-syntax-bitwise-operator: #343a3f;
   --cds-syntax-block-comment: #198038;
   --cds-syntax-bool: #161616;
+  --cds-syntax-brace: #343a3f;
+  --cds-syntax-bracket: #343a3f;
   --cds-syntax-character: #161616;
   --cds-syntax-class-name: #007d79;
   --cds-syntax-color: #161616;
   --cds-syntax-comment: #198038;
+  --cds-syntax-compare-operator: #343a3f;
+  --cds-syntax-constant: #0f62fe;
+  --cds-syntax-content: #161616;
+  --cds-syntax-content-separator: #343a3f;
   --cds-syntax-control-keyword: #6929c4;
+  --cds-syntax-control-operator: #6929c4;
+  --cds-syntax-definition: #00539a;
   --cds-syntax-definition-keyword: #00539a;
+  --cds-syntax-definition-operator: #00539a;
+  --cds-syntax-deref-operator: #343a3f;
   --cds-syntax-doc-comment: #198038;
   --cds-syntax-doc-string: #161616;
+  --cds-syntax-document-meta: #198038;
+  --cds-syntax-emphasis: #161616;
   --cds-syntax-escape: #343a3f;
   --cds-syntax-float: #198038;
+  --cds-syntax-function: #8e6a00;
+  --cds-syntax-heading: #00539a;
+  --cds-syntax-heading-1: #00539a;
+  --cds-syntax-heading-2: #00539a;
+  --cds-syntax-heading-3: #00539a;
+  --cds-syntax-heading-4: #00539a;
+  --cds-syntax-heading-5: #00539a;
+  --cds-syntax-heading-6: #00539a;
   --cds-syntax-integer: #198038;
+  --cds-syntax-invalid: #da1e28;
   --cds-syntax-keyword: #0f62fe;
   --cds-syntax-label-name: #0f62fe;
   --cds-syntax-line-comment: #198038;
+  --cds-syntax-link: #0f62fe;
+  --cds-syntax-list: #161616;
   --cds-syntax-literal: #161616;
+  --cds-syntax-local: #0f62fe;
+  --cds-syntax-logic-operator: #343a3f;
   --cds-syntax-macro-name: #161616;
+  --cds-syntax-meta: #198038;
+  --cds-syntax-modifier: #0f62fe;
   --cds-syntax-module-keyword: #6929c4;
+  --cds-syntax-monospace: #161616;
   --cds-syntax-name: #0f62fe;
   --cds-syntax-namespace: #007d79;
   --cds-syntax-null: #161616;
   --cds-syntax-number: #198038;
+  --cds-syntax-operator: #343a3f;
   --cds-syntax-operator-keyword: #0f62fe;
+  --cds-syntax-paren: #343a3f;
+  --cds-syntax-processing-instruction: #161616;
   --cds-syntax-property-name: #00539a;
+  --cds-syntax-punctuation: #343a3f;
+  --cds-syntax-quote: #198038;
   --cds-syntax-regexp: #6929c4;
   --cds-syntax-self: #007d79;
+  --cds-syntax-separator: #343a3f;
+  --cds-syntax-special: #0f62fe;
   --cds-syntax-special-string: #8a3ffc;
+  --cds-syntax-square-bracket: #343a3f;
+  --cds-syntax-standard: #0f62fe;
+  --cds-syntax-strikethrough: #161616;
   --cds-syntax-string: #161616;
+  --cds-syntax-strong: #161616;
   --cds-syntax-tag: #007d79;
   --cds-syntax-tag-name: #007d79;
   --cds-syntax-type: #007d79;
   --cds-syntax-type-name: #007d79;
+  --cds-syntax-type-operator: #007d79;
   --cds-syntax-unit: #198038;
+  --cds-syntax-update-operator: #343a3f;
   --cds-syntax-url: #343a3f;
   --cds-syntax-variable: #0f62fe;
   --cds-syntax-variable-name: #0f62fe;
@@ -3487,44 +3577,89 @@ em {
   --cds-support-success-inverse: #24a148;
   --cds-support-warning: #f1c21b;
   --cds-support-warning-inverse: #f1c21b;
+  --cds-syntax-angle-bracket: #8d8d8d;
+  --cds-syntax-annotation: #08bdba;
+  --cds-syntax-arithmetic-operator: #e0e0e0;
   --cds-syntax-atom: #f4f4f4;
   --cds-syntax-attribute: #33b1ff;
   --cds-syntax-attribute-name: #33b1ff;
   --cds-syntax-attribute-value: #f4f4f4;
+  --cds-syntax-bitwise-operator: #e0e0e0;
   --cds-syntax-block-comment: #42be65;
   --cds-syntax-bool: #f4f4f4;
+  --cds-syntax-brace: #e0e0e0;
+  --cds-syntax-bracket: #e0e0e0;
   --cds-syntax-character: #f4f4f4;
   --cds-syntax-class-name: #3ddbd9;
   --cds-syntax-color: #f4f4f4;
   --cds-syntax-comment: #42be65;
+  --cds-syntax-compare-operator: #e0e0e0;
+  --cds-syntax-constant: #4589ff;
+  --cds-syntax-content: #f4f4f4;
+  --cds-syntax-content-separator: #e0e0e0;
   --cds-syntax-control-keyword: #be95ff;
+  --cds-syntax-control-operator: #be95ff;
+  --cds-syntax-definition: #33b1ff;
   --cds-syntax-definition-keyword: #33b1ff;
+  --cds-syntax-definition-operator: #33b1ff;
+  --cds-syntax-deref-operator: #e0e0e0;
   --cds-syntax-doc-comment: #42be65;
   --cds-syntax-doc-string: #f4f4f4;
+  --cds-syntax-document-meta: #42be65;
+  --cds-syntax-emphasis: #f4f4f4;
   --cds-syntax-escape: #e0e0e0;
   --cds-syntax-float: #6fdc8c;
+  --cds-syntax-function: #f1c21b;
+  --cds-syntax-heading: #33b1ff;
+  --cds-syntax-heading-1: #33b1ff;
+  --cds-syntax-heading-2: #33b1ff;
+  --cds-syntax-heading-3: #33b1ff;
+  --cds-syntax-heading-4: #33b1ff;
+  --cds-syntax-heading-5: #33b1ff;
+  --cds-syntax-heading-6: #33b1ff;
   --cds-syntax-integer: #6fdc8c;
+  --cds-syntax-invalid: #fa4d56;
   --cds-syntax-keyword: #4589ff;
   --cds-syntax-label-name: #a6c8ff;
   --cds-syntax-line-comment: #42be65;
+  --cds-syntax-link: #4589ff;
+  --cds-syntax-list: #f4f4f4;
   --cds-syntax-literal: #f4f4f4;
+  --cds-syntax-local: #a6c8ff;
+  --cds-syntax-logic-operator: #e0e0e0;
   --cds-syntax-macro-name: #f4f4f4;
+  --cds-syntax-meta: #42be65;
+  --cds-syntax-modifier: #4589ff;
   --cds-syntax-module-keyword: #be95ff;
+  --cds-syntax-monospace: #f4f4f4;
   --cds-syntax-name: #a6c8ff;
   --cds-syntax-namespace: #3ddbd9;
   --cds-syntax-null: #f4f4f4;
   --cds-syntax-number: #6fdc8c;
+  --cds-syntax-operator: #e0e0e0;
   --cds-syntax-operator-keyword: #4589ff;
+  --cds-syntax-paren: #e0e0e0;
+  --cds-syntax-processing-instruction: #f4f4f4;
   --cds-syntax-property-name: #33b1ff;
+  --cds-syntax-punctuation: #e0e0e0;
+  --cds-syntax-quote: #42be65;
   --cds-syntax-regexp: #be95ff;
   --cds-syntax-self: #3ddbd9;
+  --cds-syntax-separator: #e0e0e0;
+  --cds-syntax-special: #4589ff;
   --cds-syntax-special-string: #be95ff;
+  --cds-syntax-square-bracket: #e0e0e0;
+  --cds-syntax-standard: #4589ff;
+  --cds-syntax-strikethrough: #f4f4f4;
   --cds-syntax-string: #f4f4f4;
+  --cds-syntax-strong: #f4f4f4;
   --cds-syntax-tag: #3ddbd9;
   --cds-syntax-tag-name: #3ddbd9;
   --cds-syntax-type: #3ddbd9;
   --cds-syntax-type-name: #3ddbd9;
+  --cds-syntax-type-operator: #3ddbd9;
   --cds-syntax-unit: #6fdc8c;
+  --cds-syntax-update-operator: #e0e0e0;
   --cds-syntax-url: #e0e0e0;
   --cds-syntax-variable: #a6c8ff;
   --cds-syntax-variable-name: #a6c8ff;
@@ -3770,44 +3905,89 @@ em {
   --cds-support-success-inverse: #24a148;
   --cds-support-warning: #f1c21b;
   --cds-support-warning-inverse: #f1c21b;
+  --cds-syntax-angle-bracket: #8d8d8d;
+  --cds-syntax-annotation: #08bdba;
+  --cds-syntax-arithmetic-operator: #e0e0e0;
   --cds-syntax-atom: #f4f4f4;
   --cds-syntax-attribute: #33b1ff;
   --cds-syntax-attribute-name: #33b1ff;
   --cds-syntax-attribute-value: #f4f4f4;
+  --cds-syntax-bitwise-operator: #e0e0e0;
   --cds-syntax-block-comment: #42be65;
   --cds-syntax-bool: #f4f4f4;
+  --cds-syntax-brace: #e0e0e0;
+  --cds-syntax-bracket: #e0e0e0;
   --cds-syntax-character: #f4f4f4;
   --cds-syntax-class-name: #3ddbd9;
   --cds-syntax-color: #f4f4f4;
   --cds-syntax-comment: #42be65;
+  --cds-syntax-compare-operator: #e0e0e0;
+  --cds-syntax-constant: #4589ff;
+  --cds-syntax-content: #f4f4f4;
+  --cds-syntax-content-separator: #e0e0e0;
   --cds-syntax-control-keyword: #be95ff;
+  --cds-syntax-control-operator: #be95ff;
+  --cds-syntax-definition: #33b1ff;
   --cds-syntax-definition-keyword: #33b1ff;
+  --cds-syntax-definition-operator: #33b1ff;
+  --cds-syntax-deref-operator: #e0e0e0;
   --cds-syntax-doc-comment: #42be65;
   --cds-syntax-doc-string: #f4f4f4;
+  --cds-syntax-document-meta: #42be65;
+  --cds-syntax-emphasis: #f4f4f4;
   --cds-syntax-escape: #e0e0e0;
   --cds-syntax-float: #6fdc8c;
+  --cds-syntax-function: #f1c21b;
+  --cds-syntax-heading: #33b1ff;
+  --cds-syntax-heading-1: #33b1ff;
+  --cds-syntax-heading-2: #33b1ff;
+  --cds-syntax-heading-3: #33b1ff;
+  --cds-syntax-heading-4: #33b1ff;
+  --cds-syntax-heading-5: #33b1ff;
+  --cds-syntax-heading-6: #33b1ff;
   --cds-syntax-integer: #6fdc8c;
+  --cds-syntax-invalid: #fa4d56;
   --cds-syntax-keyword: #4589ff;
   --cds-syntax-label-name: #a6c8ff;
   --cds-syntax-line-comment: #42be65;
+  --cds-syntax-link: #4589ff;
+  --cds-syntax-list: #f4f4f4;
   --cds-syntax-literal: #f4f4f4;
+  --cds-syntax-local: #a6c8ff;
+  --cds-syntax-logic-operator: #e0e0e0;
   --cds-syntax-macro-name: #f4f4f4;
+  --cds-syntax-meta: #42be65;
+  --cds-syntax-modifier: #4589ff;
   --cds-syntax-module-keyword: #be95ff;
+  --cds-syntax-monospace: #f4f4f4;
   --cds-syntax-name: #a6c8ff;
   --cds-syntax-namespace: #3ddbd9;
   --cds-syntax-null: #f4f4f4;
   --cds-syntax-number: #6fdc8c;
+  --cds-syntax-operator: #e0e0e0;
   --cds-syntax-operator-keyword: #4589ff;
+  --cds-syntax-paren: #e0e0e0;
+  --cds-syntax-processing-instruction: #f4f4f4;
   --cds-syntax-property-name: #33b1ff;
+  --cds-syntax-punctuation: #e0e0e0;
+  --cds-syntax-quote: #42be65;
   --cds-syntax-regexp: #be95ff;
   --cds-syntax-self: #3ddbd9;
+  --cds-syntax-separator: #e0e0e0;
+  --cds-syntax-special: #4589ff;
   --cds-syntax-special-string: #be95ff;
+  --cds-syntax-square-bracket: #e0e0e0;
+  --cds-syntax-standard: #4589ff;
+  --cds-syntax-strikethrough: #f4f4f4;
   --cds-syntax-string: #f4f4f4;
+  --cds-syntax-strong: #f4f4f4;
   --cds-syntax-tag: #3ddbd9;
   --cds-syntax-tag-name: #3ddbd9;
   --cds-syntax-type: #3ddbd9;
   --cds-syntax-type-name: #3ddbd9;
+  --cds-syntax-type-operator: #3ddbd9;
   --cds-syntax-unit: #6fdc8c;
+  --cds-syntax-update-operator: #e0e0e0;
   --cds-syntax-url: #e0e0e0;
   --cds-syntax-variable: #a6c8ff;
   --cds-syntax-variable-name: #a6c8ff;
@@ -8396,7 +8576,7 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--copy-btn .cds--copy-btn__feedback {
   box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
   z-index: 6000;
-  padding: 0.1875rem 1rem;
+  padding: 0.5rem 1rem;
   border-radius: 0.125rem;
   background-color: var(--cds-background-inverse, #393939);
   block-size: auto;
@@ -8566,7 +8746,7 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--snippet--inline .cds--copy-btn__feedback {
   box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
   z-index: 6000;
-  padding: 0.1875rem 1rem;
+  padding: 0.5rem 1rem;
   border-radius: 0.125rem;
   background-color: var(--cds-background-inverse, #393939);
   block-size: auto;
@@ -9232,7 +9412,7 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--text-input--password__visibility + .cds--assistive-text {
   box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
   z-index: 6000;
-  padding: 0.1875rem 1rem;
+  padding: 0.5rem 1rem;
   border-radius: 0.125rem;
   background-color: var(--cds-background-inverse, #393939);
   block-size: auto;
@@ -9335,13 +9515,13 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--text-input--password__visibility::before {
   border-width: 0 0.25rem 0.3125rem;
   border-color: transparent transparent var(--cds-background-inverse, #393939);
-  inset-block-end: -0.5rem;
+  inset-block-end: -0.25rem;
   transform: translate(-50%, 100%);
 }
 .cds--text-input--password__visibility::after,
 .cds--text-input--password__visibility .cds--assistive-text,
 .cds--text-input--password__visibility + .cds--assistive-text {
-  inset-block-end: -0.8125rem;
+  inset-block-end: -0.5625rem;
   transform: translate(-50%, 100%);
 }
 
@@ -9380,8 +9560,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg {
-  fill: var(--cds-icon-secondary, #525252);
-  transition: fill 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  fill: var(--cds-icon-primary, #161616);
 }
 
 .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus {
@@ -9394,11 +9573,6 @@ fieldset[disabled] .cds--form__helper-text {
   }
 }
 
-.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg,
-.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus svg {
-  fill: var(--cds-icon-primary, #161616);
-}
-
 .cds--text-input--invalid,
 .cds--text-input--warning {
   padding-inline-end: 2.5rem;
@@ -10889,6 +11063,10 @@ fieldset[disabled] .cds--form__helper-text {
   }
 }
 
+.cds--autoalign .cds--list-box__menu {
+  inset-inline: auto;
+}
+
 .cds--list-box .cds--list-box__field[aria-expanded=false] .cds--list-box__menu {
   display: none;
   max-block-size: 0;
@@ -11191,7 +11369,7 @@ fieldset[disabled] .cds--form__helper-text {
   inset-block-end: 3rem;
 }
 
-.cds--list-box input[type=text] {
+.cds--list-box .cds--text-input {
   background-color: inherit;
   min-inline-size: 0;
   text-overflow: ellipsis;
@@ -17895,6 +18073,11 @@ button.cds--dropdown-text:focus {
   border-block-end: 1px solid var(--cds-border-strong);
 }
 
+.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--form-requirement:empty,
+.cds--list-box__wrapper--fluid .cds--list-box--warning ~ .cds--form-requirement:empty {
+  block-size: 2rem;
+}
+
 .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box[data-invalid] .cds--list-box__invalid-icon,
 .cds--list-box__wrapper--fluid .cds--list-box.cds--list-box--warning .cds--list-box__invalid-icon {
   inset-block-start: 5.0625rem;
@@ -18094,7 +18277,7 @@ button.cds--dropdown-text:focus {
 }
 
 .cds--list-box__wrapper--fluid:has(.cds--dropdown) .cds--list-box__menu-icon {
-  inset-inline-end: 0.75rem;
+  inset-inline-end: 1rem;
 }
 
 .cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--list-box__wrapper--decorator-inner > *::before,
@@ -20622,6 +20805,10 @@ optgroup.cds--select-optgroup:disabled,
   inset-inline-start: auto;
 }
 
+.cds--text-input--fluid.cds--text-input-wrapper--readonly .cds--text-input__field-wrapper .cds--text-input {
+  color: var(--cds-text-secondary, #525252);
+}
+
 .cds--text-input--fluid .cds--label::-webkit-scrollbar,
 .cds--text-input--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar {
   display: none;