@carbon/ibmdotcom-styles 2.12.0 → 2.13.0

package/dist/ibm-dotcom-styles.css

@@ -992,6 +992,18 @@ screen and (prefers-contrast) {
 .cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg:hover {
   fill: var(--cds-icon-disabled,rgba(22,22,22,.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,.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,.25))
+}
 .cds--text-input__counter-alert {
   position: absolute;
   overflow: hidden;
@@ -3593,8 +3605,8 @@ screen and (prefers-contrast) {
   -webkit-mask-image: linear-gradient(to bottom,var(--cds-layer) calc(100% - 80px),transparent calc(100% - 48px),transparent 100%),linear-gradient(to left,var(--cds-layer) 0,16px,transparent 16px),linear-gradient(to right,var(--cds-layer) 0,2px,transparent 2px),linear-gradient(to top,var(--cds-layer) 0,2px,transparent 2px);
   mask-image: linear-gradient(to bottom,var(--cds-layer) calc(100% - 80px),transparent calc(100% - 48px),transparent 100%),linear-gradient(to left,var(--cds-layer) 0,16px,transparent 16px),linear-gradient(to right,var(--cds-layer) 0,2px,transparent 2px),linear-gradient(to top,var(--cds-layer) 0,2px,transparent 2px)
 }
-.cds--modal-scroll-content:has(.cds--dropdown--autoalign),
-:host(cds-modal[has-scrolling-content]) :has(.cds--dropdown--autoalign)::slotted(cds-modal-body) {
+.cds--modal-scroll-content:has(.cds--autoalign),
+:host(cds-modal[has-scrolling-content]) :has(.cds--autoalign)::slotted(cds-modal-body) {
   -webkit-mask-image: none;
   mask-image: none
 }
@@ -5965,6 +5977,12 @@ screen and (prefers-contrast) {
   -webkit-padding-start: 2rem;
   padding-inline-start: 2rem
 }
+:host(c4d-callout-quote)[lang=ar] .cds--quote__copy,
+:host(c4d-callout-quote)[lang=jp] .cds--quote__copy,
+:host(c4d-callout-quote)[lang=ko] .cds--quote__copy,
+:host(c4d-callout-quote)[lang=zh] .cds--quote__copy {
+  font-family: 'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif
+}
 :host(c4d-callout-link-with-icon) {
   display: inline-block
 }
@@ -16618,11 +16636,12 @@ div.cds--content-group-pictograms .cds--content-group__title {
   border-block-end-color: var(--cds-layer-hover)
 }
 .cds--accordion__heading {
+  -webkit-transition: background-color 110ms cubic-bezier(.2,0,.38,.9);
+  transition: background-color 110ms cubic-bezier(.2,0,.38,.9);
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 0;
   border: 0;
-  margin: 0;
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
@@ -16647,14 +16666,13 @@ div.cds--content-group-pictograms .cds--content-group__title {
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
+  margin: 0;
   color: var(--cds-text-primary,#161616);
   cursor: pointer;
   inline-size: 100%;
   min-block-size: var(--cds-layout-size-height-local);
   -webkit-padding-end: var(--cds-layout-density-padding-inline-local);
-  padding-inline-end: var(--cds-layout-density-padding-inline-local);
-  -webkit-transition: background-color 110ms cubic-bezier(.2,0,.38,.9);
-  transition: background-color 110ms cubic-bezier(.2,0,.38,.9)
+  padding-inline-end: var(--cds-layout-density-padding-inline-local)
 }
 .cds--accordion__heading *,
 .cds--accordion__heading ::after,
@@ -16701,6 +16719,8 @@ li.cds--accordion__item--disabled:last-of-type {
 .cds--accordion__arrow {
   outline: transparent solid 2px;
   outline-offset: -2px;
+  -webkit-transition: 110ms cubic-bezier(.2,0,.38,.9);
+  transition: 110ms cubic-bezier(.2,0,.38,.9);
   -webkit-box-flex: 0;
   -ms-flex: 0 0 1rem;
   flex: 0 0 1rem;
@@ -16708,9 +16728,7 @@ li.cds--accordion__item--disabled:last-of-type {
   fill: var(--cds-icon-primary,#161616);
   inline-size: 1rem;
   -webkit-transform: rotate(-270deg);
-  transform: rotate(-270deg);
-  -webkit-transition: 110ms cubic-bezier(.2,0,.38,.9);
-  transition: 110ms cubic-bezier(.2,0,.38,.9)
+  transform: rotate(-270deg)
 }
 .cds--accordion__title {
   font-size: var(--cds-body-01-font-size,.875rem);
@@ -22281,10 +22299,11 @@ optgroup.cds--select-optgroup:disabled {
   border-block-end-color: var(--cds-layer-hover)
 }
 :host(c4d-footer-nav) .cds--accordion__heading {
+  -webkit-transition: background-color 110ms cubic-bezier(.2,0,.38,.9);
+  transition: background-color 110ms cubic-bezier(.2,0,.38,.9);
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   border: 0;
-  margin: 0;
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
@@ -22309,14 +22328,13 @@ optgroup.cds--select-optgroup:disabled {
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
+  margin: 0;
   color: var(--cds-text-primary,#161616);
   cursor: pointer;
   inline-size: 100%;
   min-block-size: var(--cds-layout-size-height-local);
   -webkit-padding-end: var(--cds-layout-density-padding-inline-local);
-  padding-inline-end: var(--cds-layout-density-padding-inline-local);
-  -webkit-transition: background-color 110ms cubic-bezier(.2,0,.38,.9);
-  transition: background-color 110ms cubic-bezier(.2,0,.38,.9)
+  padding-inline-end: var(--cds-layout-density-padding-inline-local)
 }
 :host(c4d-footer-nav) .cds--accordion__heading *,
 :host(c4d-footer-nav) .cds--accordion__heading ::after,
@@ -22360,6 +22378,8 @@ optgroup.cds--select-optgroup:disabled {
 :host(c4d-footer-nav) .cds--accordion__arrow {
   outline: transparent solid 2px;
   outline-offset: -2px;
+  -webkit-transition: 110ms cubic-bezier(.2,0,.38,.9);
+  transition: 110ms cubic-bezier(.2,0,.38,.9);
   -webkit-box-flex: 0;
   -ms-flex: 0 0 1rem;
   flex: 0 0 1rem;
@@ -22367,9 +22387,7 @@ optgroup.cds--select-optgroup:disabled {
   fill: var(--cds-icon-primary,#161616);
   inline-size: 1rem;
   -webkit-transform: rotate(-270deg);
-  transform: rotate(-270deg);
-  -webkit-transition: 110ms cubic-bezier(.2,0,.38,.9);
-  transition: 110ms cubic-bezier(.2,0,.38,.9)
+  transform: rotate(-270deg)
 }
 :host(c4d-footer-nav) .cds--accordion__title {
   font-size: var(--cds-body-01-font-size,.875rem);
@@ -25413,6 +25431,18 @@ screen and (prefers-contrast) {
 .cds--language-selector__container .cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg:hover {
   fill: var(--cds-icon-disabled,rgba(22,22,22,.25))
 }
+.cds--language-selector__container .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger {
+  cursor: default
+}
+.cds--language-selector__container .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger svg {
+  fill: var(--cds-icon-disabled,rgba(22,22,22,.25))
+}
+.cds--language-selector__container .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover {
+  cursor: default
+}
+.cds--language-selector__container .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover svg {
+  fill: var(--cds-icon-disabled,rgba(22,22,22,.25))
+}
 .cds--language-selector__container .cds--text-input__counter-alert {
   position: absolute;
   overflow: hidden;
@@ -30134,7 +30164,8 @@ a.cds--header__menu-item[aria-current=page]:focus {
   border-inline-end: 1px solid var(--cds-border-subtle);
   -webkit-border-start: 1px solid var(--cds-border-subtle);
   border-inline-start: 1px solid var(--cds-border-subtle);
-  inline-size: 16rem
+  inline-size: 16rem;
+  overflow-y: auto
 }
 .cds--switcher {
   -webkit-box-sizing: border-box;
@@ -36948,8 +36979,8 @@ button.cds--side-nav__link > .cds--side-nav__link-text {
   display: flex;
   cursor: pointer;
   min-block-size: 1.25rem;
-  -webkit-padding-before: .125rem;
-  padding-block-start: .125rem;
+  -webkit-padding-before: .0625rem;
+  padding-block-start: .0625rem;
   -webkit-padding-start: 1.25rem;
   padding-inline-start: 1.25rem;
   -webkit-user-select: none;
@@ -46888,6 +46919,12 @@ cds-hr {
   -webkit-padding-start: 1rem;
   padding-inline-start: 1rem
 }
+:host(c4d-quote)[lang=ar] .cds--quote__copy,
+:host(c4d-quote)[lang=jp] .cds--quote__copy,
+:host(c4d-quote)[lang=ko] .cds--quote__copy,
+:host(c4d-quote)[lang=zh] .cds--quote__copy {
+  font-family: 'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif
+}
 .cds--quote__container {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -46902,12 +46939,12 @@ cds-hr {
 .cds--quote__copy {
   inline-size: 100%;
   padding-inline: 1rem;
+  font-family: 'IBM Plex Serif',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',serif;
   font-size: 1.25rem;
   font-weight: 400;
   line-height: 1.3;
   letter-spacing: 0;
   font-size: calc(1.25rem + 0 * (100vw - 20rem)/ 22);
-  font-family: 'IBM Plex Serif',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',serif;
   padding: 0 2rem 2rem;
   margin: 0;
   word-break: break-word