@carbon/styles 1.98.0 → 1.99.0-rc.0

package/css/styles.css

@@ -5256,6 +5256,9 @@ li.cds--accordion__item--disabled:last-of-type {
 .cds--popover--tab-tip__button:hover {
   background-color: var(--cds-layer-hover);
 }
+.cds--popover--tab-tip__button svg {
+  fill: var(--cds-icon-primary, #161616);
+}
 
 .cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button {
   background: var(--cds-layer);
@@ -8576,7 +8579,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.5rem 1rem;
+  padding: 0.1875rem 1rem;
   border-radius: 0.125rem;
   background-color: var(--cds-background-inverse, #393939);
   block-size: auto;
@@ -8746,7 +8749,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.5rem 1rem;
+  padding: 0.1875rem 1rem;
   border-radius: 0.125rem;
   background-color: var(--cds-background-inverse, #393939);
   block-size: auto;
@@ -9412,7 +9415,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.5rem 1rem;
+  padding: 0.1875rem 1rem;
   border-radius: 0.125rem;
   background-color: var(--cds-background-inverse, #393939);
   block-size: auto;
@@ -9515,13 +9518,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.25rem;
+  inset-block-end: -0.5rem;
   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.5625rem;
+  inset-block-end: -0.8125rem;
   transform: translate(-50%, 100%);
 }
 
@@ -22010,6 +22013,18 @@ optgroup.cds--select-optgroup:disabled,
 .cds--inline-notification--low-contrast {
   color: var(--cds-text-primary, #161616);
 }
+.cds--inline-notification--low-contrast .cds--inline-notification__close-button:focus {
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: -2px;
+}
+@media screen and (prefers-contrast) {
+  .cds--inline-notification--low-contrast .cds--inline-notification__close-button:focus {
+    outline-style: dotted;
+  }
+}
+.cds--inline-notification--low-contrast .cds--inline-notification__close-button .cds--inline-notification__close-icon {
+  fill: var(--cds-icon-primary, #161616);
+}
 .cds--inline-notification--low-contrast::before {
   position: absolute;
   box-sizing: border-box;
@@ -22252,20 +22267,6 @@ optgroup.cds--select-optgroup:disabled,
   }
 }
 
-.cds--inline-notification--low-contrast .cds--inline-notification__close-button:focus {
-  outline: 2px solid var(--cds-focus, #0f62fe);
-  outline-offset: -2px;
-}
-@media screen and (prefers-contrast) {
-  .cds--inline-notification--low-contrast .cds--inline-notification__close-button:focus {
-    outline-style: dotted;
-  }
-}
-
-.cds--inline-notification--low-contrast .cds--inline-notification__close-button .cds--inline-notification__close-icon {
-  fill: var(--cds-icon-primary, #161616);
-}
-
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--inline-notification {
     outline: 1px solid transparent;
@@ -22338,6 +22339,22 @@ optgroup.cds--select-optgroup:disabled,
 .cds--toast-notification--low-contrast {
   color: var(--cds-text-primary, #161616);
 }
+.cds--toast-notification--low-contrast .cds--toast-notification__subtitle,
+.cds--toast-notification--low-contrast .cds--toast-notification__caption {
+  color: var(--cds-text-primary, #161616);
+}
+.cds--toast-notification--low-contrast .cds--toast-notification__close-button .cds--toast-notification__close-icon {
+  fill: var(--cds-icon-primary, #161616);
+}
+.cds--toast-notification--low-contrast .cds--toast-notification__close-button:focus {
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: -2px;
+}
+@media screen and (prefers-contrast) {
+  .cds--toast-notification--low-contrast .cds--toast-notification__close-button:focus {
+    outline-style: dotted;
+  }
+}
 
 .cds--toast-notification--error {
   background: var(--cds-background-inverse, #393939);
@@ -22478,20 +22495,6 @@ optgroup.cds--select-optgroup:disabled,
   fill: var(--cds-icon-inverse, #ffffff);
 }
 
-.cds--toast-notification--low-contrast .cds--toast-notification__close-button:focus {
-  outline: 2px solid var(--cds-focus, #0f62fe);
-  outline-offset: -2px;
-}
-@media screen and (prefers-contrast) {
-  .cds--toast-notification--low-contrast .cds--toast-notification__close-button:focus {
-    outline-style: dotted;
-  }
-}
-
-.cds--toast-notification--low-contrast .cds--toast-notification__close-button .cds--toast-notification__close-icon {
-  fill: var(--cds-icon-primary, #161616);
-}
-
 .cds--toast-notification__title {
   font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-heading-compact-01-font-weight, 600);
@@ -22512,10 +22515,6 @@ optgroup.cds--select-optgroup:disabled,
   word-break: break-word;
 }
 
-.cds--toast-notification--low-contrast .cds--toast-notification__subtitle {
-  color: var(--cds-text-primary, #161616);
-}
-
 .cds--toast-notification__caption {
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-body-compact-01-font-weight, 400);
@@ -22525,10 +22524,6 @@ optgroup.cds--select-optgroup:disabled,
   padding-block-start: 0.5rem;
 }
 
-.cds--toast-notification--low-contrast .cds--toast-notification__caption {
-  color: var(--cds-text-primary, #161616);
-}
-
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--toast-notification {
     outline: 1px solid transparent;
@@ -22621,6 +22616,13 @@ optgroup.cds--select-optgroup:disabled,
 .cds--actionable-notification--low-contrast {
   color: var(--cds-text-primary, #161616);
 }
+.cds--actionable-notification--low-contrast .cds--actionable-notification__subtitle,
+.cds--actionable-notification--low-contrast .cds--actionable-notification__caption {
+  color: var(--cds-text-primary, #161616);
+}
+.cds--actionable-notification--low-contrast .cds--actionable-notification__close-button .cds--actionable-notification__close-icon {
+  fill: var(--cds-icon-primary, #161616);
+}
 
 .cds--actionable-notification--low-contrast:not(.cds--actionable-notification--toast)::before {
   position: absolute;
@@ -22834,10 +22836,6 @@ optgroup.cds--select-optgroup:disabled,
   word-break: break-word;
 }
 
-.cds--actionable-notification--low-contrast .cds--actionable-notification__subtitle {
-  color: var(--cds-text-primary, #161616);
-}
-
 .cds--actionable-notification__caption {
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-body-compact-01-font-weight, 400);
@@ -22847,10 +22845,6 @@ optgroup.cds--select-optgroup:disabled,
   padding-block-start: 1.5rem;
 }
 
-.cds--actionable-notification--low-contrast .cds--actionable-notification__caption {
-  color: var(--cds-text-primary, #161616);
-}
-
 /* Ghost action button when inline */
 .cds--actionable-notification__action-button.cds--btn--ghost {
   block-size: 2rem;
@@ -23002,10 +22996,6 @@ optgroup.cds--select-optgroup:disabled,
   }
 }
 
-.cds--actionable-notification--low-contrast .cds--actionable-notification__close-button .cds--actionable-notification__close-icon {
-  fill: var(--cds-icon-primary, #161616);
-}
-
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--actionable-notification {
     outline: 1px solid transparent;
@@ -27426,7 +27416,7 @@ li.cds--tree-node-link-parent > .cds--tree-node__children {
   inline-size: 100%;
 }
 
-.cds--tooltip-trigger__wrapper .cds--btn--ghost:focus {
+.cds--tree .cds--tree-node__label .cds--tooltip-trigger__wrapper .cds--btn--ghost:focus {
   box-shadow: none;
   outline: 2px solid var(--cds-focus, #0f62fe);
 }