amis 2.0.0-rc.15 → 2.0.0-rc.20

package/lib/themes/ang.css

@@ -6302,8 +6302,27 @@ body.video-react-full-window .video-react-fullscreen {
   --Switch-onDisabled-bgColor: #ccc;
   --Switch-onDisabled-circle-BackgroundColor: var(--white);
   --Switch-onDisabled-color: #fff;
+  --Switch-onHover-bgColor: var(--Switch-bgColor);
   --Switch-valueColor: var(--white);
   --Switch-width: 3.125rem;
+  --Switch-slider-margin: 0.0625rem;
+  --Switch-slider-width: calc(
+    var(--Switch-height) - var(--Switch-slider-margin) * 2
+  );
+  --Switch-slider-transition: margin-left var(--animation-duration);
+  --Switch-text-marginRight: 0.5rem;
+  --Switch-text-marginLeft: 1.5625rem;
+  --Switch-width--sm: 1.75rem;
+  --Switch-height--sm: 1rem;
+  --Switch-slider-width--sm: calc(
+    var(--Switch-height--sm) - var(--Switch-slider-margin) * 2
+  );
+  --Switch-text-marginRight--sm: calc(
+    var(--Switch-slider-margin) * 2 + var(--Switch-text-marginRight) / 2
+  );
+  --Switch-text-marginLeft--sm: calc(
+    var(--Switch-slider-margin) * 2 + var(--Switch-text-marginLeft) / 2
+  );
   --Table--unsaved-heading-bg: #e8f0fe;
   --Table--unsaved-heading-color: #4285f4;
   --Table-bg: var(--background);
@@ -21909,12 +21928,13 @@ input.a-TextControl-input-password {
   opacity: 0.4;
 }
 .a-Switch .text {
-  margin: 0 0.4375rem 0 1.5625rem;
+  margin: 0 var(--Switch-text-marginRight) 0 var(--Switch-text-marginLeft);
   color: var(--Switch-valueColor);
   text-indent: var(--gap-xs);
   text-transform: uppercase;
   font-size: var(--fontSizeSm);
   line-height: var(--Switch-height);
+  vertical-align: super;
   font-style: normal;
   font-weight: bold;
   transition: all var(--animation-duration);
@@ -21928,24 +21948,27 @@ input.a-TextControl-input-password {
   content: "";
   position: absolute;
   background: var(--white);
-  width: calc(var(--Switch-height) - 0.125rem);
-  top: 0.0625rem;
-  bottom: 0.0625rem;
-  left: 0.0625rem;
+  width: var(--Switch-slider-width);
+  top: var(--Switch-slider-margin);
+  bottom: var(--Switch-slider-margin);
+  left: var(--Switch-slider-margin);
   border-radius: 50%;
-  transition: margin-left var(--animation-duration);
+  transition: var(--Switch-slider-transition);
+}
+.a-Switch:hover {
+  background: var(--Switch-onHover-bgColor);
 }
 .a-Switch.is-checked {
   background: var(--Switch-onActive-bgColor);
 }
 .a-Switch.is-checked .slider::before {
   left: auto;
-  right: 0.0625rem;
+  right: var(--Switch-slider-margin);
   border-width: 0;
 }
 .a-Switch.is-checked .text {
   color: var(--white);
-  margin: 0 1.5625rem 0 0.4375rem;
+  margin: 0 var(--Switch-text-marginLeft) 0 var(--Switch-text-marginRight);
 }
 .a-Switch.is-checked.is-disabled .slider:before {
   color: var(--Switch-onDisabled-color);
@@ -21957,6 +21980,26 @@ input.a-TextControl-input-password {
   position: absolute;
   opacity: 0;
 }
+.a-Switch--sm {
+  height: var(--Switch-height--sm);
+  min-width: var(--Switch-width--sm);
+}
+.a-Switch--sm .text {
+  line-height: var(--Switch-height--sm);
+  margin: 0 var(--Switch-text-marginRight--sm) 0 var(--Switch-text-marginLeft--sm);
+}
+.a-Switch--sm .text > svg {
+  margin-top: calc((var(--Switch-height--sm) - var(--fontSizeSm)) / 2);
+}
+.a-Switch--sm .slider::before {
+  width: var(--Switch-slider-width--sm);
+}
+.a-Switch--sm.is-checked .slider::before {
+  right: var(--Switch-slider-margin);
+}
+.a-Switch--sm.is-checked .text {
+  margin: 0 var(--Switch-text-marginLeft--sm) 0 var(--Switch-text-marginRight--sm);
+}
 .a-Switch-option {
   vertical-align: middle;
   margin-left: var(--Switch-gap);
@@ -22475,6 +22518,28 @@ input.a-TextControl-input-password {
 .a-Select-option {
   cursor: pointer;
   padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
+  display: flex;
+}
+.a-Select-option-checkbox {
+  width: 100%;
+  display: flex;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  align-items: center;
+}
+.a-Select-option-checkbox > label {
+  width: 100%;
+  display: flex;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  align-items: center;
+}
+.a-Select-option-checkbox > label > span {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
 }
 .a-Select-option.is-active {
   color: var(--Form-select-menu-onActive-color);
@@ -23659,7 +23724,6 @@ td.rdtQuarter.rdtDisabled:hover {
   border-radius: var(--DatePicker-borderRadius);
   color: var(--DatePicker-color);
   background: var(--DatePicker-bg);
-  min-width: var(--DateRangePicker-minWidth);
 }
 .a-DateRangePicker--borderHalf {
   border-left-color: transparent !important;
@@ -23696,6 +23760,7 @@ td.rdtQuarter.rdtDisabled:hover {
   padding: 0;
   background: 0;
   flex: 1;
+  width: 50%;
 }
 .a-DateRangePicker .a-DateRangePicker-input.isActive {
   border-bottom: 1px solid var(--DatePicker-onFocused-borderColor);
@@ -23789,7 +23854,7 @@ td.rdtQuarter.rdtDisabled:hover {
   margin: 0;
   padding-left: 0.625rem;
   list-style: none;
-  background: #F7F7F9;
+  background: #f7f7f9;
   line-height: 2rem;
 }
 .a-DateRangePicker-ranger {
@@ -23812,12 +23877,6 @@ td.rdtQuarter.rdtDisabled:hover {
 .a-DateRangeControl:not(.is-inline) > .a-DateRangePicker {
   display: flex;
 }
-.a-DateRangeControl.is-date > .a-DateRangePicker {
-  min-width: calc(var(--DateRangePicker-minWidth) + var(--fontSizeLg) * 10);
-}
-.a-DateRangeControl.is-datetime > .a-DateRangePicker {
-  min-width: calc(var(--DateRangePicker-minWidth) + var(--fontSizeLg) * 10);
-}
 .a-DateRangePicker-popover {
   margin: 0.125rem 0 0;
 }

package/lib/themes/antd-ie11.css

@@ -20542,12 +20542,13 @@ input.antd-TextControl-input-password {
   opacity: 0.4;
 }
 .antd-Switch .text {
-  margin: 0 0.4375rem 0 1.5625rem;
+  margin: 0 0.5rem 0 1.5625rem;
   color: #fff;
   text-indent: 0.25rem;
   text-transform: uppercase;
   font-size: 0.75rem;
   line-height: 1.375rem;
+  vertical-align: super;
   font-style: normal;
   font-weight: bold;
   transition: all 0.2s;
@@ -20561,13 +20562,18 @@ input.antd-TextControl-input-password {
   content: "";
   position: absolute;
   background: #fff;
-  width: calc(1.375rem - 0.125rem);
+  width: calc(
+    1.375rem - 0.0625rem * 2
+  );
   top: 0.0625rem;
   bottom: 0.0625rem;
   left: 0.0625rem;
   border-radius: 50%;
   transition: margin-left 0.2s;
 }
+.antd-Switch:hover {
+  background: #bfbfbf;
+}
 .antd-Switch.is-checked {
   background: #1890ff;
 }
@@ -20578,7 +20584,7 @@ input.antd-TextControl-input-password {
 }
 .antd-Switch.is-checked .text {
   color: #fff;
-  margin: 0 1.5625rem 0 0.4375rem;
+  margin: 0 1.5625rem 0 0.5rem;
 }
 .antd-Switch.is-checked.is-disabled .slider:before {
   color: #fff;
@@ -20590,6 +20596,36 @@ input.antd-TextControl-input-password {
   position: absolute;
   opacity: 0;
 }
+.antd-Switch--sm {
+  height: 1rem;
+  min-width: 1.75rem;
+}
+.antd-Switch--sm .text {
+  line-height: 1rem;
+  margin: 0 calc(
+    0.0625rem * 2 + 0.5rem / 2
+  ) 0 calc(
+    0.0625rem * 2 + 1.5625rem / 2
+  );
+}
+.antd-Switch--sm .text > svg {
+  margin-top: calc((1rem - 0.75rem) / 2);
+}
+.antd-Switch--sm .slider::before {
+  width: calc(
+    1rem - 0.0625rem * 2
+  );
+}
+.antd-Switch--sm.is-checked .slider::before {
+  right: 0.0625rem;
+}
+.antd-Switch--sm.is-checked .text {
+  margin: 0 calc(
+    0.0625rem * 2 + 1.5625rem / 2
+  ) 0 calc(
+    0.0625rem * 2 + 0.5rem / 2
+  );
+}
 .antd-Switch-option {
   vertical-align: middle;
   margin-left: 0.5rem;
@@ -21108,6 +21144,28 @@ input.antd-TextControl-input-password {
 .antd-Select-option {
   cursor: pointer;
   padding: calc( ( 1.5rem - 1.4285714286 * 0.875rem ) / 2 ) 0.5rem;
+  display: flex;
+}
+.antd-Select-option-checkbox {
+  width: 100%;
+  display: flex;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  align-items: center;
+}
+.antd-Select-option-checkbox > label {
+  width: 100%;
+  display: flex;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  align-items: center;
+}
+.antd-Select-option-checkbox > label > span {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
 }
 .antd-Select-option.is-active {
   color: #1890ff;
@@ -22326,10 +22384,6 @@ td.rdtQuarter.rdtDisabled:hover {
   border-radius: 2px;
   color: #151b26;
   background: #fff;
-  min-width: calc(
-    1rem * 8 + 0.75rem * 2 +
-      0.875rem * 2
-  );
 }
 .antd-DateRangePicker--borderHalf {
   border-left-color: transparent !important;
@@ -22366,6 +22420,7 @@ td.rdtQuarter.rdtDisabled:hover {
   padding: 0;
   background: 0;
   flex: 1;
+  width: 50%;
 }
 .antd-DateRangePicker .antd-DateRangePicker-input.isActive {
   border-bottom: 1px solid #40a9ff;
@@ -22459,7 +22514,7 @@ td.rdtQuarter.rdtDisabled:hover {
   margin: 0;
   padding-left: 0.625rem;
   list-style: none;
-  background: #F7F7F9;
+  background: #f7f7f9;
   line-height: 2rem;
 }
 .antd-DateRangePicker-ranger {
@@ -22482,18 +22537,6 @@ td.rdtQuarter.rdtDisabled:hover {
 .antd-DateRangeControl:not(.is-inline) > .antd-DateRangePicker {
   display: flex;
 }
-.antd-DateRangeControl.is-date > .antd-DateRangePicker {
-  min-width: calc(calc(
-    1rem * 8 + 0.75rem * 2 +
-      0.875rem * 2
-  ) + 1rem * 10);
-}
-.antd-DateRangeControl.is-datetime > .antd-DateRangePicker {
-  min-width: calc(calc(
-    1rem * 8 + 0.75rem * 2 +
-      0.875rem * 2
-  ) + 1rem * 10);
-}
 .antd-DateRangePicker-popover {
   margin: 0.125rem 0 0;
 }

package/lib/themes/antd.css

@@ -6305,8 +6305,27 @@ body.video-react-full-window .video-react-fullscreen {
   --Switch-onDisabled-bgColor: #ccc;
   --Switch-onDisabled-circle-BackgroundColor: var(--white);
   --Switch-onDisabled-color: #fff;
+  --Switch-onHover-bgColor: var(--Switch-bgColor);
   --Switch-valueColor: var(--white);
   --Switch-width: 3.125rem;
+  --Switch-slider-margin: 0.0625rem;
+  --Switch-slider-width: calc(
+    var(--Switch-height) - var(--Switch-slider-margin) * 2
+  );
+  --Switch-slider-transition: margin-left var(--animation-duration);
+  --Switch-text-marginRight: 0.5rem;
+  --Switch-text-marginLeft: 1.5625rem;
+  --Switch-width--sm: 1.75rem;
+  --Switch-height--sm: 1rem;
+  --Switch-slider-width--sm: calc(
+    var(--Switch-height--sm) - var(--Switch-slider-margin) * 2
+  );
+  --Switch-text-marginRight--sm: calc(
+    var(--Switch-slider-margin) * 2 + var(--Switch-text-marginRight) / 2
+  );
+  --Switch-text-marginLeft--sm: calc(
+    var(--Switch-slider-margin) * 2 + var(--Switch-text-marginLeft) / 2
+  );
   --Table--unsaved-heading-bg: #e8f0fe;
   --Table--unsaved-heading-color: #4285f4;
   --Table-bg: var(--background);
@@ -22016,12 +22035,13 @@ input.antd-TextControl-input-password {
   opacity: 0.4;
 }
 .antd-Switch .text {
-  margin: 0 0.4375rem 0 1.5625rem;
+  margin: 0 var(--Switch-text-marginRight) 0 var(--Switch-text-marginLeft);
   color: var(--Switch-valueColor);
   text-indent: var(--gap-xs);
   text-transform: uppercase;
   font-size: var(--fontSizeSm);
   line-height: var(--Switch-height);
+  vertical-align: super;
   font-style: normal;
   font-weight: bold;
   transition: all var(--animation-duration);
@@ -22035,24 +22055,27 @@ input.antd-TextControl-input-password {
   content: "";
   position: absolute;
   background: var(--white);
-  width: calc(var(--Switch-height) - 0.125rem);
-  top: 0.0625rem;
-  bottom: 0.0625rem;
-  left: 0.0625rem;
+  width: var(--Switch-slider-width);
+  top: var(--Switch-slider-margin);
+  bottom: var(--Switch-slider-margin);
+  left: var(--Switch-slider-margin);
   border-radius: 50%;
-  transition: margin-left var(--animation-duration);
+  transition: var(--Switch-slider-transition);
+}
+.antd-Switch:hover {
+  background: var(--Switch-onHover-bgColor);
 }
 .antd-Switch.is-checked {
   background: var(--Switch-onActive-bgColor);
 }
 .antd-Switch.is-checked .slider::before {
   left: auto;
-  right: 0.0625rem;
+  right: var(--Switch-slider-margin);
   border-width: 0;
 }
 .antd-Switch.is-checked .text {
   color: var(--white);
-  margin: 0 1.5625rem 0 0.4375rem;
+  margin: 0 var(--Switch-text-marginLeft) 0 var(--Switch-text-marginRight);
 }
 .antd-Switch.is-checked.is-disabled .slider:before {
   color: var(--Switch-onDisabled-color);
@@ -22064,6 +22087,26 @@ input.antd-TextControl-input-password {
   position: absolute;
   opacity: 0;
 }
+.antd-Switch--sm {
+  height: var(--Switch-height--sm);
+  min-width: var(--Switch-width--sm);
+}
+.antd-Switch--sm .text {
+  line-height: var(--Switch-height--sm);
+  margin: 0 var(--Switch-text-marginRight--sm) 0 var(--Switch-text-marginLeft--sm);
+}
+.antd-Switch--sm .text > svg {
+  margin-top: calc((var(--Switch-height--sm) - var(--fontSizeSm)) / 2);
+}
+.antd-Switch--sm .slider::before {
+  width: var(--Switch-slider-width--sm);
+}
+.antd-Switch--sm.is-checked .slider::before {
+  right: var(--Switch-slider-margin);
+}
+.antd-Switch--sm.is-checked .text {
+  margin: 0 var(--Switch-text-marginLeft--sm) 0 var(--Switch-text-marginRight--sm);
+}
 .antd-Switch-option {
   vertical-align: middle;
   margin-left: var(--Switch-gap);
@@ -22582,6 +22625,28 @@ input.antd-TextControl-input-password {
 .antd-Select-option {
   cursor: pointer;
   padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
+  display: flex;
+}
+.antd-Select-option-checkbox {
+  width: 100%;
+  display: flex;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  align-items: center;
+}
+.antd-Select-option-checkbox > label {
+  width: 100%;
+  display: flex;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  align-items: center;
+}
+.antd-Select-option-checkbox > label > span {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
 }
 .antd-Select-option.is-active {
   color: var(--Form-select-menu-onActive-color);
@@ -23766,7 +23831,6 @@ td.rdtQuarter.rdtDisabled:hover {
   border-radius: var(--DatePicker-borderRadius);
   color: var(--DatePicker-color);
   background: var(--DatePicker-bg);
-  min-width: var(--DateRangePicker-minWidth);
 }
 .antd-DateRangePicker--borderHalf {
   border-left-color: transparent !important;
@@ -23803,6 +23867,7 @@ td.rdtQuarter.rdtDisabled:hover {
   padding: 0;
   background: 0;
   flex: 1;
+  width: 50%;
 }
 .antd-DateRangePicker .antd-DateRangePicker-input.isActive {
   border-bottom: 1px solid var(--DatePicker-onFocused-borderColor);
@@ -23896,7 +23961,7 @@ td.rdtQuarter.rdtDisabled:hover {
   margin: 0;
   padding-left: 0.625rem;
   list-style: none;
-  background: #F7F7F9;
+  background: #f7f7f9;
   line-height: 2rem;
 }
 .antd-DateRangePicker-ranger {
@@ -23919,12 +23984,6 @@ td.rdtQuarter.rdtDisabled:hover {
 .antd-DateRangeControl:not(.is-inline) > .antd-DateRangePicker {
   display: flex;
 }
-.antd-DateRangeControl.is-date > .antd-DateRangePicker {
-  min-width: calc(var(--DateRangePicker-minWidth) + var(--fontSizeLg) * 10);
-}
-.antd-DateRangeControl.is-datetime > .antd-DateRangePicker {
-  min-width: calc(var(--DateRangePicker-minWidth) + var(--fontSizeLg) * 10);
-}
 .antd-DateRangePicker-popover {
   margin: 0.125rem 0 0;
 }

package/lib/themes/cxd-ie11.css

@@ -20541,12 +20541,13 @@ input.cxd-TextControl-input-password {
   opacity: 0.4;
 }
 .cxd-Switch .text {
-  margin: 0 0.4375rem 0 1.5625rem;
+  margin: 0 0.5rem 0 1.5625rem;
   color: #ffffff;
   text-indent: 0.25rem;
   text-transform: uppercase;
   font-size: 12px;
   line-height: 1.25rem;
+  vertical-align: super;
   font-style: normal;
   font-weight: bold;
   transition: all 0.2s;
@@ -20560,24 +20561,29 @@ input.cxd-TextControl-input-password {
   content: "";
   position: absolute;
   background: #fff;
-  width: calc(1.25rem - 0.125rem);
-  top: 0.0625rem;
-  bottom: 0.0625rem;
-  left: 0.0625rem;
+  width: calc(
+    1.25rem - 0.125rem * 2
+  );
+  top: 0.125rem;
+  bottom: 0.125rem;
+  left: 0.125rem;
   border-radius: 50%;
-  transition: margin-left 0.2s;
+  transition: all 0.5s ease;
 }
-.cxd-Switch.is-checked {
+.cxd-Switch:hover {
   background: #b8babf;
 }
+.cxd-Switch.is-checked {
+  background: #2468f2;
+}
 .cxd-Switch.is-checked .slider::before {
   left: auto;
-  right: 0.0625rem;
+  right: 0.125rem;
   border-width: 0;
 }
 .cxd-Switch.is-checked .text {
   color: #fff;
-  margin: 0 1.5625rem 0 0.4375rem;
+  margin: 0 1.5625rem 0 0.5rem;
 }
 .cxd-Switch.is-checked.is-disabled .slider:before {
   color: #ffffff;
@@ -20589,6 +20595,36 @@ input.cxd-TextControl-input-password {
   position: absolute;
   opacity: 0;
 }
+.cxd-Switch--sm {
+  height: 1rem;
+  min-width: 1.75rem;
+}
+.cxd-Switch--sm .text {
+  line-height: 1rem;
+  margin: 0 calc(
+    0.125rem * 2 + 0.5rem / 2
+  ) 0 calc(
+    0.125rem * 2 + 1.5625rem / 2
+  );
+}
+.cxd-Switch--sm .text > svg {
+  margin-top: calc((1rem - 12px) / 2);
+}
+.cxd-Switch--sm .slider::before {
+  width: calc(
+    1rem - 0.125rem * 2
+  );
+}
+.cxd-Switch--sm.is-checked .slider::before {
+  right: 0.125rem;
+}
+.cxd-Switch--sm.is-checked .text {
+  margin: 0 calc(
+    0.125rem * 2 + 1.5625rem / 2
+  ) 0 calc(
+    0.125rem * 2 + 0.5rem / 2
+  );
+}
 .cxd-Switch-option {
   vertical-align: middle;
   margin-left: 0.5rem;
@@ -21107,6 +21143,28 @@ input.cxd-TextControl-input-password {
 .cxd-Select-option {
   cursor: pointer;
   padding: calc( ( 1.5rem - 1.4285714286 * 14px ) / 2 ) 0.625rem;
+  display: flex;
+}
+.cxd-Select-option-checkbox {
+  width: 100%;
+  display: flex;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  align-items: center;
+}
+.cxd-Select-option-checkbox > label {
+  width: 100%;
+  display: flex;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  align-items: center;
+}
+.cxd-Select-option-checkbox > label > span {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
 }
 .cxd-Select-option.is-active {
   color: #2468f2;
@@ -22324,10 +22382,6 @@ td.rdtQuarter.rdtDisabled:hover {
   border-radius: 0.25rem;
   color: #000;
   background: #fff;
-  min-width: calc(
-    16px * 8 + 0.75rem * 2 +
-      14px * 2
-  );
 }
 .cxd-DateRangePicker--borderHalf {
   border-left-color: transparent !important;
@@ -22364,6 +22418,7 @@ td.rdtQuarter.rdtDisabled:hover {
   padding: 0;
   background: 0;
   flex: 1;
+  width: 50%;
 }
 .cxd-DateRangePicker .cxd-DateRangePicker-input.isActive {
   border-bottom: 1px solid #144bcc;
@@ -22457,7 +22512,7 @@ td.rdtQuarter.rdtDisabled:hover {
   margin: 0;
   padding-left: 0.625rem;
   list-style: none;
-  background: #F7F7F9;
+  background: #f7f7f9;
   line-height: 2rem;
 }
 .cxd-DateRangePicker-ranger {
@@ -22480,18 +22535,6 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-DateRangeControl:not(.is-inline) > .cxd-DateRangePicker {
   display: flex;
 }
-.cxd-DateRangeControl.is-date > .cxd-DateRangePicker {
-  min-width: calc(calc(
-    16px * 8 + 0.75rem * 2 +
-      14px * 2
-  ) + 16px * 10);
-}
-.cxd-DateRangeControl.is-datetime > .cxd-DateRangePicker {
-  min-width: calc(calc(
-    16px * 8 + 0.75rem * 2 +
-      14px * 2
-  ) + 16px * 10);
-}
 .cxd-DateRangePicker-popover {
   margin: 0.125rem 0 0;
 }
@@ -27455,34 +27498,12 @@ td.rdtQuarter.rdtDisabled:hover {
 .AMISDebug-logLine {
   overflow-x: hidden;
 }
-.cxd-Switch .text {
-  margin: 0 0.5rem 0 1.5625rem;
-  vertical-align: super;
-}
-.cxd-Switch .slider:before {
-  width: calc(1.25rem - 0.25rem);
-  top: 0.125rem;
-  bottom: 0.125rem;
-  left: 0.125rem;
-  transition: all 0.5s ease;
-}
 .cxd-Switch:active .slider::before {
-  width: calc(1.25rem + 0.125rem);
+  width: calc(calc(
+    1.25rem - 0.125rem * 2
+  ) + 0.125rem * 2);
   border-radius: 10px;
 }
-.cxd-Switch:hover {
-  background: #b8babf;
-}
-.cxd-Switch.is-checked {
-  background: #2468f2;
-}
-.cxd-Switch.is-checked .slider::before {
-  right: auto;
-  left: calc( 100% - (1.25rem - 0.25rem) - 0.125rem );
-}
-.cxd-Switch.is-checked .text {
-  margin: 0 1.5625rem 0 0.5rem;
-}
 .cxd-Switch.is-checked:hover {
   background: #144bcc;
 }
@@ -27490,7 +27511,13 @@ td.rdtQuarter.rdtDisabled:hover {
   background: #144bcc;
 }
 .cxd-Switch.is-checked:active .slider::before {
-  left: calc( 100% - (1.25rem + 0.125rem) - 0.125rem );
+  right: calc(0.125rem * 2);
+}
+.cxd-Switch--sm:active .slider::before {
+  width: calc( calc(
+    1rem - 0.125rem * 2
+  ) + 0.125rem * 2 );
+  border-radius: 10px;
 }
 .cxd-TextControl-sugs {
   border-radius: 0.1875rem;