@carbon/styles 1.63.1 → 1.64.0-rc.0

package/css/styles.css

@@ -8281,6 +8281,20 @@ fieldset[disabled] .cds--form__helper-text {
   fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
 
+.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger {
+  cursor: default;
+}
+.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger svg {
+  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
+}
+
+.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover {
+  cursor: default;
+}
+.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover svg {
+  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
+}
+
 .cds--text-input__counter-alert {
   position: absolute;
   overflow: hidden;
@@ -13856,9 +13870,9 @@ th .cds--table-sort__flex {
 }
 
 .flatpickr-calendar.inline {
-  position: relative;
+  position: absolute;
   display: block;
-  inset-block-start: 0.125rem;
+  inset-block-start: auto;
 }
 
 .flatpickr-calendar.static {
@@ -20652,6 +20666,8 @@ span.cds--pagination__text.cds--pagination__items-count {
   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);
+  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
+  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
   line-height: 0;
 }
 .cds--pagination-nav html {
@@ -20710,12 +20726,12 @@ span.cds--pagination__text.cds--pagination__items-count {
   text-align: start;
   position: relative;
   display: block;
-  padding: 1.0625rem 0.25rem;
+  padding: calc((var(--cds-layout-size-height-local) - 0.875rem) / 2) 0.25rem;
   border-radius: 0;
   color: var(--cds-text-primary, #161616);
   font-weight: 400;
   line-height: 1;
-  min-inline-size: 3rem;
+  min-inline-size: var(--cds-layout-size-height-local);
   outline: 0;
   text-align: center;
   text-decoration: none;
@@ -20800,7 +20816,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
-  max-block-size: 3rem;
+  max-block-size: var(--cds-layout-size-height-local);
   text-indent: calc(50% - 4.5px);
 }
 @-moz-document url-prefix() {
@@ -20844,7 +20860,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 .cds--pagination-nav__select-icon {
   position: absolute;
-  inset-block-start: calc(50% - 0.5rem);
+  inset-block-start: calc(50% - 0.25rem);
   inset-inline-start: calc(50% - 0.5rem);
   pointer-events: none;
 }
@@ -22856,22 +22872,6 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--tabs--contained ~ .cds--tab-content {
   background: var(--cds-layer);
 }
-.cds--tabs--contained ~ .cds--tab-content > * {
-  --cds-layer: var(--cds-layer-02, #ffffff);
-  --cds-layer-active: var(--cds-layer-active-02, #c6c6c6);
-  --cds-layer-hover: var(--cds-layer-hover-02, #e8e8e8);
-  --cds-layer-selected: var(--cds-layer-selected-02, #e0e0e0);
-  --cds-layer-selected-hover: var(--cds-layer-selected-hover-02, #d1d1d1);
-  --cds-layer-accent: var(--cds-layer-accent-02, #e0e0e0);
-  --cds-layer-accent-hover: var(--cds-layer-accent-hover-02, #d1d1d1);
-  --cds-layer-accent-active: var(--cds-layer-accent-active-02, #a8a8a8);
-  --cds-field: var(--cds-field-02, #ffffff);
-  --cds-field-hover: var(--cds-field-hover-02, #e8e8e8);
-  --cds-border-subtle: var(--cds-border-subtle-01, #c6c6c6);
-  --cds-border-subtle-selected: var(--cds-border-subtle-selected-02, #c6c6c6);
-  --cds-border-strong: var(--cds-border-strong-02, #8d8d8d);
-  --cds-border-tile: var(--cds-border-tile-02, #a8a8a8);
-}
 
 .cds--tabs--vertical ~ .cds--tab-content {
   grid-column: 3/-1;
@@ -24502,6 +24502,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   border-inline-end: 1px solid var(--cds-border-subtle);
   border-inline-start: 1px solid var(--cds-border-subtle);
   inline-size: 16rem;
+  overflow-y: auto;
 }
 
 .cds--side-nav {
@@ -25531,6 +25532,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   border-inline-end: 1px solid var(--cds-border-subtle);
   border-inline-start: 1px solid var(--cds-border-subtle);
   inline-size: 16rem;
+  overflow-y: auto;
 }
 
 .cds--side-nav {