@carbon/ibm-products 1.58.0 → 1.59.0

package/css/index-full-carbon.css

@@ -7651,6 +7651,7 @@ a.bx--overflow-menu-options__btn::before {
 .security--combo-button .security--combo-button__overflow-menu {
   width: 3rem;
   height: auto;
+  /* stylelint-disable-next-line function-no-unknown */
   border-left: 0.0625rem solid var(--cds-ui-03, #e0e0e0);
   background-color: var(--cds-interactive-01, #0f62fe);
 }
@@ -10234,18 +10235,18 @@ a.bx--overflow-menu-options__btn::before {
 
 .bx--toggle__appearance {
   position: relative;
-  width: 3rem;
-  height: 1.5rem;
+  width: to-to-rem(48px);
+  height: to-to-rem(24px);
 }
 .bx--toggle__appearance::before {
   position: absolute;
   top: 0;
   display: block;
-  width: 3rem;
-  height: 1.5rem;
+  width: to-to-rem(48px);
+  height: to-to-rem(24px);
   box-sizing: border-box;
   background-color: var(--cds-ui-04, #8d8d8d);
-  border-radius: 0.9375rem;
+  border-radius: to-to-rem(15px);
   box-shadow: 0 0 0 1px transparent, 0 0 0 3px transparent;
   content: "";
   cursor: pointer;
@@ -10259,11 +10260,11 @@ a.bx--overflow-menu-options__btn::before {
 }
 .bx--toggle__appearance::after {
   position: absolute;
-  top: 0.1875rem;
-  left: 0.1875rem;
+  top: to-to-rem(3px);
+  left: to-to-rem(3px);
   display: block;
-  width: 1.125rem;
-  height: 1.125rem;
+  width: to-to-rem(18px);
+  height: to-to-rem(18px);
   box-sizing: border-box;
   background-color: var(--cds-icon-03, #ffffff);
   border-radius: 50%;
@@ -10275,10 +10276,10 @@ a.bx--overflow-menu-options__btn::before {
 .bx--toggle__check {
   position: absolute;
   z-index: 1;
-  top: 0.375rem;
-  left: 0.375rem;
-  width: 0.375rem;
-  height: 0.3125rem;
+  top: to-to-rem(6px);
+  left: to-to-rem(6px);
+  width: to-to-rem(6px);
+  height: to-to-rem(5px);
   fill: var(--cds-icon-03, #ffffff);
   transform: scale(0.2);
   transition: 70ms cubic-bezier(0.2, 0, 1, 0.9);
@@ -10296,7 +10297,7 @@ a.bx--overflow-menu-options__btn::before {
 
 .bx--toggle__text--left {
   position: absolute;
-  left: 3rem;
+  left: to-to-rem(48px);
 }
 
 .bx--toggle:checked + .bx--toggle__label .bx--toggle__text--left,
@@ -10314,7 +10315,7 @@ a.bx--overflow-menu-options__btn::before {
 }
 .bx--toggle:checked + .bx--toggle__label .bx--toggle__appearance::after {
   background-color: var(--cds-icon-03, #ffffff);
-  transform: translateX(1.5rem);
+  transform: translateX(to-to-rem(24px));
 }
 
 .bx--toggle + .bx--toggle__label .bx--toggle__appearance::before {
@@ -10360,30 +10361,30 @@ a.bx--overflow-menu-options__btn::before {
 }
 
 .bx--toggle--small + .bx--toggle__label .bx--toggle__appearance {
-  width: 2rem;
-  height: 1rem;
+  width: to-to-rem(32px);
+  height: to-to-rem(16px);
 }
 .bx--toggle--small + .bx--toggle__label .bx--toggle__appearance::before {
   top: 0;
-  width: 2rem;
-  height: 1rem;
+  width: to-to-rem(32px);
+  height: to-to-rem(16px);
   box-sizing: border-box;
   border-radius: 0.9375rem;
 }
 .bx--toggle--small + .bx--toggle__label .bx--toggle__appearance::after {
-  top: 0.1875rem;
-  left: 0.1875rem;
-  width: 0.625rem;
-  height: 0.625rem;
+  top: to-to-rem(3px);
+  left: to-to-rem(3px);
+  width: to-to-rem(10px);
+  height: to-to-rem(10px);
 }
 
 .bx--toggle--small:checked + .bx--toggle__label .bx--toggle__check {
   fill: var(--cds-support-02, #198038);
-  transform: scale(1) translateX(1rem);
+  transform: scale(1) translateX(to-to-rem(16px));
 }
 
 .bx--toggle--small + .bx--toggle__label .bx--toggle__text--left {
-  left: 2rem;
+  left: to-to-rem(32px);
 }
 
 .bx--toggle--small:checked + .bx--toggle__label .bx--toggle__appearance::after {
@@ -10422,8 +10423,8 @@ a.bx--overflow-menu-options__btn::before {
 .bx--toggle__switch {
   position: relative;
   display: flex;
-  width: 3rem;
-  height: 1.5rem;
+  width: to-to-rem(48px);
+  height: to-to-rem(24px);
   align-items: center;
   cursor: pointer;
 }
@@ -10431,11 +10432,11 @@ a.bx--overflow-menu-options__btn::before {
   position: absolute;
   top: 0;
   display: block;
-  width: 3rem;
-  height: 1.5rem;
+  width: to-to-rem(48px);
+  height: to-to-rem(24px);
   box-sizing: border-box;
   background-color: var(--cds-ui-04, #8d8d8d);
-  border-radius: 0.9375rem;
+  border-radius: to-to-rem(15px);
   box-shadow: 0 0 0 1px transparent, 0 0 0 3px transparent;
   content: "";
   transition: box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9), background-color 70ms cubic-bezier(0.2, 0, 1, 0.9);
@@ -10448,11 +10449,11 @@ a.bx--overflow-menu-options__btn::before {
 }
 .bx--toggle__switch::after {
   position: absolute;
-  top: 0.1875rem;
-  left: 0.1875rem;
+  top: to-to-rem(3px);
+  left: to-to-rem(3px);
   display: block;
-  width: 1.125rem;
-  height: 1.125rem;
+  width: to-to-rem(18px);
+  height: to-to-rem(18px);
   box-sizing: border-box;
   background-color: var(--cds-icon-03, #ffffff);
   border-radius: 50%;
@@ -10487,7 +10488,7 @@ a.bx--overflow-menu-options__btn::before {
 }
 .bx--toggle-input:checked + .bx--toggle-input__label > .bx--toggle__switch::after {
   background-color: var(--cds-icon-03, #ffffff);
-  transform: translateX(1.5rem);
+  transform: translateX(to-to-rem(24px));
 }
 
 .bx--toggle-input:focus + .bx--toggle-input__label > .bx--toggle__switch::before,
@@ -10524,29 +10525,29 @@ a.bx--overflow-menu-options__btn::before {
 }
 
 .bx--toggle-input--small + .bx--toggle-input__label > .bx--toggle__switch {
-  width: 2rem;
-  height: 1rem;
+  width: to-to-rem(32px);
+  height: to-to-rem(16px);
 }
 .bx--toggle-input--small + .bx--toggle-input__label > .bx--toggle__switch::before {
-  width: 2rem;
-  height: 1rem;
+  width: to-to-rem(32px);
+  height: to-to-rem(16px);
   border-radius: 0.9375rem;
 }
 .bx--toggle-input--small + .bx--toggle-input__label > .bx--toggle__switch::after {
-  width: 0.625rem;
-  height: 0.625rem;
+  width: to-to-rem(10px);
+  height: to-to-rem(10px);
 }
 .bx--toggle-input--small + .bx--toggle-input__label .bx--toggle__text--off,
 .bx--toggle-input--small + .bx--toggle-input__label .bx--toggle__text--on {
-  margin-left: 2.5rem;
+  margin-left: to-to-rem(40px);
 }
 
 .bx--toggle-input--small:checked + .bx--toggle-input__label > .bx--toggle__switch::after {
-  transform: translateX(1.0625rem);
+  transform: translateX(to-to-rem(17px));
 }
 .bx--toggle-input--small:checked + .bx--toggle-input__label .bx--toggle__check {
   fill: var(--cds-support-02, #198038);
-  transform: scale(1) translateX(1rem);
+  transform: scale(1) translateX(to-to-rem(16px));
 }
 
 .bx--toggle-input--small:disabled:checked + .bx--toggle-input__label .bx--toggle__check {
@@ -19384,6 +19385,8 @@ button.c4p--add-select__global-filter-toggle--open {
     stroke-dashoffset: 0;
   }
 }
+/* stylelint-disable-next-line function-no-unknown */
+/* stylelint-disable-next-line function-no-unknown */
 .c4p--toolbar {
   display: flex;
   min-width: 2.5rem;
@@ -19426,6 +19429,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 
 .c4p--toolbar__button__caret {
+  /* stylelint-disable-next-line function-no-unknown */
   position: absolute;
   right: 0.125rem;
   bottom: 0.125rem;
@@ -21961,8 +21965,14 @@ button.c4p--add-select__global-filter-toggle--open {
 * US Government Users Restricted Rights - Use, duplication or disclosure
 * restricted by GSA ADP Schedule Contract with IBM Corp.
 */
+.c4p--datagrid__row-size {
+  position: relative;
+}
+
 .c4p--datagrid__row-size-dropdown {
   position: absolute;
+  right: 0;
+  width: 10rem;
   padding: var(--cds-spacing-05, 1rem);
   background-color: var(--cds-ui-background, #ffffff);
   box-shadow: 1px 4px 8px -3px var(--cds-overlay-01, rgba(22, 22, 22, 0.5)), -1px 6px 8px -5px var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
@@ -31494,6 +31504,7 @@ th .bx--table-sort__flex {
   border: 0;
   border-bottom: 0.0625rem solid var(--cds-ui-04, #8d8d8d);
   -moz-appearance: textfield;
+  appearance: textfield;
   background-color: var(--cds-field-01, #f4f4f4);
   border-radius: 0;
   color: var(--cds-text-01, #161616);
@@ -32860,6 +32871,7 @@ span.bx--pagination__text {
   width: 4rem;
   height: 2.5rem;
   -moz-appearance: textfield;
+  appearance: textfield;
   text-align: center;
 }
 .bx--slider-text-input::-webkit-outer-spin-button, .bx--slider-text-input::-webkit-inner-spin-button,