@elliemae/ds-basic 1.53.4-rc.1 → 1.53.4-rc.6

package/css/dimsum.css

@@ -1748,7 +1748,7 @@ a {
 
 .em-ds-selectbox__control {
   border-radius: 2px;
-  border: solid 1px #A9B1BE;
+  border: solid 1px #8C93A6;
   transition: all 200ms cubic-bezier(0.64, 0, 0.35, 1);
   background: transparent;
   height: 2.16rem;
@@ -1775,14 +1775,14 @@ a {
     pointer-events: none;
     border-radius: 2px;
     border: none;
-    box-shadow: inset 0 0 0 1px #A9B1BE;
+    box-shadow: inset 0 0 0 1px #8C93A6;
     cursor: not-allowed;
     pointer-events: none;
     border-radius: 2px;
     background: #EBEDF0;
     color: #616b7f; }
     .em-ds-selectbox__control:disabled .em-ds-selectbox__indicator-separator, .em-ds-selectbox__control--is-disabled .em-ds-selectbox__indicator-separator {
-      background-color: #A9B1BE; }
+      background-color: #8C93A6; }
   .em-ds-selectbox__control--is-focused .em-ds-selectbox__indicator-separator {
     background-color: transparent; }
 
@@ -1964,7 +1964,7 @@ VARIANTS
     width: 100%;
     height: 100%;
     pointer-events: none;
-    border: solid 1px #A9B1BE;
+    border: solid 1px #8C93A6;
     border-radius: 2px; }
   .em-ds-combobox__control.with-error {
     outline: none;
@@ -2065,7 +2065,7 @@ VARIANTS
 
 .em-ds-combobox__indicator-separator {
   align-self: stretch;
-  background-color: #A9B1BE;
+  background-color: #8C93A6;
   margin-bottom: 0.30769rem;
   margin-top: 0.30769rem;
   width: 1px; }
@@ -2075,7 +2075,7 @@ VARIANTS
   top: 100%;
   background: #FFFFFF;
   border-radius: 2px;
-  border: solid 1px #A9B1BE;
+  border: solid 1px #8C93A6;
   -ms-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
   -o-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
   box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
@@ -2393,27 +2393,25 @@ VARIANTS
   transition: 200ms cubic-bezier(0.64, 0, 0.35, 1);
   width: 1.23077rem;
   height: 1.23077rem;
-  border: solid 1px #A9B1BE;
+  border: solid 1px #8C93A6;
   border-radius: 0.15385rem;
   background: #FFFFFF;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   cursor: pointer; }
-  .em-ds-form-element-checkbox__input-button.checkbox-true {
-    border: calc(0.30769rem * 0.25) solid #1e79c2; }
-    .em-ds-form-element-checkbox__input-button.checkbox-true:after {
-      width: 0.30769rem;
-      height: 0.61538rem;
-      display: block;
-      content: '';
-      border-right: solid 1px transparent;
-      border-bottom: solid 1px transparent;
-      transform: rotate(45deg);
-      position: absolute;
-      top: 0.15385rem;
-      left: 0.38462rem;
-      border-color: #1e79c2; }
+  .em-ds-form-element-checkbox__input-button.checkbox-true:after {
+    width: 0.30769rem;
+    height: 0.61538rem;
+    display: block;
+    content: '';
+    border-right: solid 1px transparent;
+    border-bottom: solid 1px transparent;
+    transform: rotate(45deg);
+    position: absolute;
+    top: 0.15385rem;
+    left: 0.38462rem;
+    border-color: #1e79c2; }
   .em-ds-form-element-checkbox__input-button.checkbox-mixed:after {
     width: 0.61538rem;
     height: 0.07692rem;
@@ -2454,14 +2452,14 @@ VARIANTS
     border-color: #C64252; }
 
 .em-ds-form-element-checkbox--disabled:hover .em-ds-form-element-checkbox__input-button {
-  border-color: #A9B1BE; }
+  border-color: #8C93A6; }
 
 .em-ds-form-element-checkbox--disabled:active .em-ds-form-element-checkbox__input-button {
   background: #EBEDF0; }
 
 .em-ds-form-element-checkbox__input-button.variant-disabled, .em-ds-form-element-checkbox__input-button[aria-disabled='true'] {
   pointer-events: none;
-  border-color: #A9B1BE;
+  border-color: #8C93A6;
   background: #EBEDF0;
   color: #697489; }
   .em-ds-form-element-checkbox__input-button.variant-disabled.checkbox-mixed:after, .em-ds-form-element-checkbox__input-button[aria-disabled='true'].checkbox-mixed:after {
@@ -2480,7 +2478,7 @@ VARIANTS
     -webkit-tap-highlight-color: transparent;
     width: 1.5rem;
     height: 1.5rem;
-    border: 2px solid #A9B1BE; }
+    border: 2px solid #8C93A6; }
     .em-ds-form-element-checkbox__input-button:focus:not(.disabled), .em-ds-form-element-checkbox__input-button.variant-focus:not(.disabled) {
       outline: none;
       border: 2px solid #1e79c2;
@@ -2512,7 +2510,7 @@ VARIANTS
     -webkit-tap-highlight-color: transparent;
     width: 1.5rem;
     height: 1.5rem;
-    border: 2px solid #A9B1BE; }
+    border: 2px solid #8C93A6; }
     .em-ds-form-element-checkbox__input-button:focus:not(.disabled), .em-ds-form-element-checkbox__input-button.variant-focus:not(.disabled) {
       outline: none;
       border: 2px solid #1e79c2;
@@ -2544,7 +2542,7 @@ VARIANTS
     -webkit-tap-highlight-color: transparent;
     width: 1.5rem;
     height: 1.5rem;
-    border: 2px solid #A9B1BE; }
+    border: 2px solid #8C93A6; }
     .em-ds-form-element-checkbox__input-button:focus:not(.disabled), .em-ds-form-element-checkbox__input-button.variant-focus:not(.disabled) {
       outline: none;
       border: 2px solid #1e79c2;
@@ -2576,7 +2574,7 @@ VARIANTS
     -webkit-tap-highlight-color: transparent;
     width: 1.5rem;
     height: 1.5rem;
-    border: 2px solid #A9B1BE; }
+    border: 2px solid #8C93A6; }
     .em-ds-form-element-checkbox__input-button:focus:not(.disabled), .em-ds-form-element-checkbox__input-button.variant-focus:not(.disabled) {
       outline: none;
       border: 2px solid #1e79c2;
@@ -2608,7 +2606,7 @@ VARIANTS
     -webkit-tap-highlight-color: transparent;
     width: 1.5rem;
     height: 1.5rem;
-    border: 2px solid #A9B1BE; }
+    border: 2px solid #8C93A6; }
     .em-ds-form-element-checkbox__input-button:focus:not(.disabled), .em-ds-form-element-checkbox__input-button.variant-focus:not(.disabled) {
       outline: none;
       border: 2px solid #1e79c2;
@@ -2640,7 +2638,7 @@ VARIANTS
     -webkit-tap-highlight-color: transparent;
     width: 1.5rem;
     height: 1.5rem;
-    border: 2px solid #A9B1BE; }
+    border: 2px solid #8C93A6; }
     .em-ds-form-element-checkbox__input-button:focus:not(.disabled), .em-ds-form-element-checkbox__input-button.variant-focus:not(.disabled) {
       outline: none;
       border: 2px solid #1e79c2;
@@ -2672,7 +2670,7 @@ VARIANTS
     -webkit-tap-highlight-color: transparent;
     width: 1.5rem;
     height: 1.5rem;
-    border: 2px solid #A9B1BE; }
+    border: 2px solid #8C93A6; }
     .em-ds-form-element-checkbox__input-button:focus:not(.disabled), .em-ds-form-element-checkbox__input-button.variant-focus:not(.disabled) {
       outline: none;
       border: 2px solid #1e79c2;
@@ -2704,7 +2702,7 @@ VARIANTS
     -webkit-tap-highlight-color: transparent;
     width: 1.5rem;
     height: 1.5rem;
-    border: 2px solid #A9B1BE; }
+    border: 2px solid #8C93A6; }
     .em-ds-form-element-checkbox__input-button:focus:not(.disabled), .em-ds-form-element-checkbox__input-button.variant-focus:not(.disabled) {
       outline: none;
       border: 2px solid #1e79c2;
@@ -2985,7 +2983,7 @@ fieldset.em-ds-form-item-content {
   padding: 0 0.61538rem;
   z-index: 1;
   border-radius: 2px;
-  border: solid 1px #CBCFD7;
+  border: solid 1px #8C93A6;
   text-overflow: ellipsis; }
   .em-ds-input::-ms-clear {
     display: none; }
@@ -3024,7 +3022,7 @@ fieldset.em-ds-form-item-content {
     box-shadow: inset 0 0 0 1px #8cc2ed;
     border-radius: 2px; }
   .em-ds-input:disabled, .em-ds-input.input-disabled {
-    border: calc(0.30769rem * 0.25) solid #A9B1BE;
+    border: calc(0.30769rem * 0.25) solid #8C93A6;
     background: #E0E3E8 !important;
     color: #616b7f; }
     .em-ds-input:disabled::-webkit-input-placeholder, .em-ds-input.input-disabled::-webkit-input-placeholder {
@@ -3090,11 +3088,11 @@ fieldset.em-ds-form-item-content {
     opacity: 1; }
 
 .em-ds-input--disabled {
-  border-color: #A9B1BE; }
+  border-color: #8C93A6; }
   .em-ds-input--disabled:focus-within, .em-ds-input--disabled:hover {
-    border-color: #A9B1BE; }
+    border-color: #8C93A6; }
   .em-ds-input--disabled:active {
-    border-color: #A9B1BE; }
+    border-color: #8C93A6; }
   .em-ds-input--disabled .em-ds-input__input {
     color: #616b7f;
     cursor: not-allowed; }
@@ -3125,7 +3123,7 @@ fieldset.em-ds-form-item-content {
   border: calc(0.30769rem * 0.25) solid #1e79c2; }
 
 .em-ds-form-item--variant-disabled .em-ds-input {
-  border: calc(0.30769rem * 0.25) solid #A9B1BE;
+  border: calc(0.30769rem * 0.25) solid #8C93A6;
   background: #E0E3E8 !important;
   color: #616b7f; }
   .em-ds-form-item--variant-disabled .em-ds-input::-webkit-input-placeholder {
@@ -3139,7 +3137,7 @@ fieldset.em-ds-form-item-content {
 
 .em-ds-form-item--variant-read-only .em-ds-input {
   border: none;
-  border-top: calc(0.30769rem * 0.25) solid #CBCFD7;
+  border-top: calc(0.30769rem * 0.25) solid #8C93A6;
   background: none; }
 
 .em-ds-form-item--error .em-ds-input {
@@ -3254,7 +3252,7 @@ fieldset.em-ds-form-item-content {
 .em-ds-input-addon-wrapper {
   border-radius: 2px;
   display: flex;
-  box-shadow: inset 0 0 0 1px #CBCFD7;
+  box-shadow: inset 0 0 0 1px #8C93A6;
   height: 2.16rem;
   width: 100%; }
   .em-ds-input-addon-wrapper > * {
@@ -3995,7 +3993,7 @@ fieldset.em-ds-form-item-content {
   min-width: 1.23077rem;
   height: 1.23077rem;
   margin-right: 0.61538rem;
-  border: solid 1px #697489;
+  border: solid 1px #8C93A6;
   background: #FFFFFF;
   display: inline-flex;
   justify-content: center;
@@ -4063,7 +4061,7 @@ fieldset.em-ds-form-item-content {
   .em-ds-form-element-radio .em-ds-form-element-radio__label:focus circle.unchecked {
     fill: #EBF6FF; }
   .em-ds-form-element-radio .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button {
-    border-color: #1e79c2; }
+    border-color: #8C93A6; }
     .em-ds-form-element-radio .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button circle.checked {
       fill: #1e79c2; }
   .em-ds-form-element-radio .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio .em-ds-form-element-radio__input:hover,
@@ -4096,12 +4094,12 @@ fieldset.em-ds-form-item-content {
     fill: #C64252; }
 
 .em-ds-form-element-radio--disabled circle.checked {
-  fill: #697489; }
+  fill: #8C93A6; }
 
 .em-ds-form-element-radio--disabled .em-ds-form-element-radio__label {
   cursor: not-allowed; }
   .em-ds-form-element-radio--disabled .em-ds-form-element-radio__label:hover .em-ds-form-element-radio__input-button {
-    border-color: #697489; }
+    border-color: #8C93A6; }
   .em-ds-form-element-radio--disabled .em-ds-form-element-radio__label:hover .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button {
     background-color: #EBEDF0; }
   .em-ds-form-element-radio--disabled .em-ds-form-element-radio__label:active .em-ds-form-element-radio__input-button {
@@ -4114,12 +4112,12 @@ fieldset.em-ds-form-item-content {
 
 .em-ds-form-element-radio--disabled .em-ds-form-element-radio__input-button {
   pointer-events: none;
-  border-color: #697489;
+  border-color: #8C93A6;
   background: #EBEDF0; }
   .em-ds-form-element-radio--disabled .em-ds-form-element-radio__input-button circle.unchecked {
     fill: transparent; }
   .em-ds-form-element-radio--disabled .em-ds-form-element-radio__input-button:hover {
-    border-color: #697489; }
+    border-color: #8C93A6; }
 
 .em-ds-form-element-radio--disabled .em-ds-form-element-radio__input {
   background-color: #EBEDF0; }
@@ -4131,7 +4129,7 @@ fieldset.em-ds-form-item-content {
     color: #697489; }
 
 .em-ds-form-element-radio--readonly .em-ds-form-element-radio__input-button {
-  border-color: #697489; }
+  border-color: #8C93A6; }
   .em-ds-form-element-radio--readonly .em-ds-form-element-radio__input-button:focus {
     border-color: #1e79c2;
     outline: none;
@@ -4156,7 +4154,7 @@ fieldset.em-ds-form-item-content {
     width: calc(1.23077rem * 1.22);
     min-width: calc(1.23077rem * 1.22);
     height: calc(1.23077rem * 1.22);
-    border: solid 2px #A9B1BE;
+    border: solid 2px #8C93A6;
     margin-right: calc(1.23077rem * 0.81); }
   .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
     border: solid 2px #C64252; }
@@ -4175,7 +4173,7 @@ fieldset.em-ds-form-item-content {
     width: calc(1.23077rem * 1.22);
     min-width: calc(1.23077rem * 1.22);
     height: calc(1.23077rem * 1.22);
-    border: solid 2px #A9B1BE;
+    border: solid 2px #8C93A6;
     margin-right: calc(1.23077rem * 0.81); }
   .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
     border: solid 2px #C64252; }
@@ -4194,7 +4192,7 @@ fieldset.em-ds-form-item-content {
     width: calc(1.23077rem * 1.22);
     min-width: calc(1.23077rem * 1.22);
     height: calc(1.23077rem * 1.22);
-    border: solid 2px #A9B1BE;
+    border: solid 2px #8C93A6;
     margin-right: calc(1.23077rem * 0.81); }
   .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
     border: solid 2px #C64252; }
@@ -4213,7 +4211,7 @@ fieldset.em-ds-form-item-content {
     width: calc(1.23077rem * 1.22);
     min-width: calc(1.23077rem * 1.22);
     height: calc(1.23077rem * 1.22);
-    border: solid 2px #A9B1BE;
+    border: solid 2px #8C93A6;
     margin-right: calc(1.23077rem * 0.81); }
   .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
     border: solid 2px #C64252; }
@@ -4232,7 +4230,7 @@ fieldset.em-ds-form-item-content {
     width: calc(1.23077rem * 1.22);
     min-width: calc(1.23077rem * 1.22);
     height: calc(1.23077rem * 1.22);
-    border: solid 2px #A9B1BE;
+    border: solid 2px #8C93A6;
     margin-right: calc(1.23077rem * 0.81); }
   .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
     border: solid 2px #C64252; }
@@ -4251,7 +4249,7 @@ fieldset.em-ds-form-item-content {
     width: calc(1.23077rem * 1.22);
     min-width: calc(1.23077rem * 1.22);
     height: calc(1.23077rem * 1.22);
-    border: solid 2px #A9B1BE;
+    border: solid 2px #8C93A6;
     margin-right: calc(1.23077rem * 0.81); }
   .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
     border: solid 2px #C64252; }
@@ -4270,7 +4268,7 @@ fieldset.em-ds-form-item-content {
     width: calc(1.23077rem * 1.22);
     min-width: calc(1.23077rem * 1.22);
     height: calc(1.23077rem * 1.22);
-    border: solid 2px #A9B1BE;
+    border: solid 2px #8C93A6;
     margin-right: calc(1.23077rem * 0.81); }
   .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
     border: solid 2px #C64252; }
@@ -4289,7 +4287,7 @@ fieldset.em-ds-form-item-content {
     width: calc(1.23077rem * 1.22);
     min-width: calc(1.23077rem * 1.22);
     height: calc(1.23077rem * 1.22);
-    border: solid 2px #A9B1BE;
+    border: solid 2px #8C93A6;
     margin-right: calc(1.23077rem * 0.81); }
   .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
     border: solid 2px #C64252; }
@@ -4462,7 +4460,7 @@ legend.em-ds-label--group .em-ds-form-required-mark {
     line-height: normal;
     font-weight: 400; }
     .em-ds-determinate-progress-indicator--disabled {
-      color: #A9B1BE; }
+      color: #8C93A6; }
   .em-ds-determinate-progress-indicator .em-ds-truncated-tooltip-text {
     width: initial; }
   .em-ds-determinate-progress-indicator__title {
@@ -4487,7 +4485,7 @@ legend.em-ds-label--group .em-ds-form-required-mark {
         margin-left: 0.15385rem; }
 
 .em-ds-determinate-progress-indicator--disabled .em-ds-determinate-progress-indicator__title {
-  color: #A9B1BE; }
+  color: #8C93A6; }
 
 .em-ds-determinate-progress-indicator--disabled .em-ds-determinate-progress-indicator__counter {
   color: #CBCFD7; }
@@ -4588,7 +4586,7 @@ _:-ms-fullscreen, :root .em-ds-page-header-toolbar--ie-flex-basis-auto {
     align-items: flex-end;
     justify-content: flex-end; }
   .em-ds-page-header--with-bottom-separator {
-    border-bottom: 0.11538rem solid #A9B1BE; }
+    border-bottom: 0.11538rem solid #8C93A6; }
   .em-ds-page-header .em-ds-page-header-breadcrumb a:first-child {
     padding-left: 1px; }
 
@@ -4663,14 +4661,12 @@ _:-ms-fullscreen, :root .em-ds-page-header-toolbar--ie-flex-basis-auto {
   .em-ds-page-header-v2-toolbar .em-ds-toolbar {
     height: auto;
     background: none; }
-    .em-ds-page-header-v2-toolbar .em-ds-toolbar > div {
-      align-items: center; }
-      .em-ds-page-header-v2-toolbar .em-ds-toolbar > div .em-ds-button {
-        margin-left: 0.92308rem; }
-      .em-ds-page-header-v2-toolbar .em-ds-toolbar > div .em-ds-input-addon-wrapper {
-        box-shadow: none; }
-        .em-ds-page-header-v2-toolbar .em-ds-toolbar > div .em-ds-input-addon-wrapper div {
-          height: 100%; }
+    .em-ds-page-header-v2-toolbar .em-ds-toolbar > div .em-ds-button {
+      margin-left: 0.92308rem; }
+    .em-ds-page-header-v2-toolbar .em-ds-toolbar > div .em-ds-input-addon-wrapper {
+      box-shadow: none; }
+      .em-ds-page-header-v2-toolbar .em-ds-toolbar > div .em-ds-input-addon-wrapper div {
+        height: 100%; }
 
 .em-ds-page-header-v2-back {
   display: flex;
@@ -4861,7 +4857,7 @@ _:-ms-fullscreen, :root .em-ds-page-header-toolbar--ie-flex-basis-auto {
 
 .em-ds-time-picker.variant-disabled > .em-ds-input {
   background: #EBEDF0;
-  border-color: #A9B1BE;
+  border-color: #8C93A6;
   pointer-events: none; }
   .em-ds-time-picker.variant-disabled > .em-ds-input input,
   .em-ds-time-picker.variant-disabled > .em-ds-input select {
@@ -4901,7 +4897,7 @@ _:-ms-fullscreen, :root .em-ds-page-header-toolbar--ie-flex-basis-auto {
     .Toastify__toast-container .toast-close-button:focus {
       position: absolute !important; }
   .Toastify__toast-container:not(.with-progressbar) .Toastify__toast--default {
-    border-color: #A9B1BE; }
+    border-color: #8C93A6; }
   .Toastify__toast-container:not(.with-progressbar) .Toastify__toast--info {
     border-color: #52A6EC; }
   .Toastify__toast-container:not(.with-progressbar) .Toastify__toast--success {
@@ -4950,7 +4946,7 @@ _:-ms-fullscreen, :root .em-ds-page-header-toolbar--ie-flex-basis-auto {
   border-left: 0.30769rem solid;
   box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.13), 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
   .Toastify__toast--default .em-ds-toast-content__icon-message svg {
-    fill: #A9B1BE; }
+    fill: #8C93A6; }
   .Toastify__toast--info .em-ds-toast-content__icon-message svg {
     fill: #52A6EC; }
   .Toastify__toast--success .em-ds-toast-content__icon-message svg {
@@ -4983,7 +4979,7 @@ _:-ms-fullscreen, :root .em-ds-page-header-toolbar--ie-flex-basis-auto {
     right: 0;
     left: initial; }
   .Toastify__progress-bar--default {
-    background-color: #A9B1BE; }
+    background-color: #8C93A6; }
   .Toastify__progress-bar--info {
     background-color: #52A6EC; }
   .Toastify__progress-bar--success {
@@ -5238,7 +5234,7 @@ _:-ms-fullscreen, :root .em-ds-page-header-toolbar--ie-flex-basis-auto {
 
 .em-ds-tabs-tab-bar__list {
   position: relative;
-  border-bottom: 0.07692rem solid #A9B1BE;
+  border-bottom: 0.07692rem solid #8C93A6;
   display: flex;
   flex-wrap: nowrap;
   flex: 1; }
@@ -5325,7 +5321,7 @@ _:-ms-fullscreen, :root .em-ds-page-header-toolbar--ie-flex-basis-auto {
     right: -18px;
     top: 1.4px;
     height: 0.98462rem;
-    background-color: #A9B1BE; }
+    background-color: #8C93A6; }
 
 .em-ds-tabs-tab-bar__selection-indicator {
   position: absolute;
@@ -6600,10 +6596,10 @@ _:-ms-fullscreen, :root .em-ds-page-header-toolbar--ie-flex-basis-auto {
   fill: #697489 !important; }
 
 .em-ds-icon--color-neutral-400 {
-  fill: #A9B1BE !important; }
+  fill: #8C93A6 !important; }
 
 .em-ds-icon--color-neutral-400 svg {
-  fill: #A9B1BE !important; }
+  fill: #8C93A6 !important; }
 
 .em-ds-icon--color-neutral-300 {
   fill: #B0B9C8 !important; }
@@ -7047,7 +7043,7 @@ div.em-ds-button {
 .em-ds-button--secondary {
   color: #1e79c2;
   background-color: #FFFFFF;
-  border: solid 0.07692rem #697489;
+  border: solid 0.07692rem #8C93A6;
   border-radius: 2px; }
   .em-ds-input-addon-group__addon .em-ds-button--secondary {
     border: solid 0.07692rem #CBCFD7; }
@@ -7098,7 +7094,7 @@ div.em-ds-button {
   .em-ds-button--link:active {
     color: #006AA9; }
   .em-ds-button--link:disabled {
-    color: #A9B1BE;
+    color: #8C93A6;
     cursor: not-allowed; }
   .em-ds-button--link.em-ds-button--icon-only:focus span.label-wrapper, .em-ds-button--link.em-ds-button--icon-only.em-ds-button--variant-focus span.label-wrapper {
     outline: none;
@@ -8859,8 +8855,10 @@ div.em-ds-button {
   display: flex;
   flex-direction: column;
   align-items: center;
-  justify-content: center;
-  width: 100%;
+  min-width: 244px;
+  max-height: 449px;
+  overflow-y: scroll;
+  padding-top: 4px;
   padding-bottom: 4px;
   margin: 0 auto; }
   .em-ds-app-picker__wrapper:focus {
@@ -8885,52 +8883,67 @@ div.em-ds-button {
   width: 100%; }
 
 .em-ds-app-picker__section-title {
-  color: #697489;
-  font-size: size(m);
+  color: #353C46;
+  font-size: 0.8461rem;
   font-weight: bold;
-  margin: 12px 0 4px; }
+  margin: 8px 0 4px 0;
+  line-height: 1;
+  text-transform: uppercase; }
 
 .em-ds-app-picker__chip {
   display: flex;
   flex-direction: column;
-  justify-content: center;
   align-items: center;
   border-radius: 2%;
+  padding: 8px 0 4px 0;
   margin: 4px;
-  padding: 6px;
   height: 68px;
   width: 68px;
-  color: #697489;
-  cursor: pointer; }
-  .em-ds-app-picker__chip:focus, .em-ds-app-picker__chip:hover {
-    outline: none;
-    border: calc(0.30769rem * 0.25) solid #1e79c2;
-    box-shadow: inset 0 0 0 1px #8cc2ed;
-    border-radius: 2px;
-    color: #353C46;
-    background-color: #FFFFFF; }
-  .em-ds-app-picker__chip:hover .app-picker__icon {
-    fill: #005181; }
-  .em-ds-app-picker__chip:active {
+  line-height: 1px;
+  background-color: #fff;
+  color: #1e79c2;
+  cursor: pointer;
+  border: 2px solid transparent; }
+  .em-ds-app-picker__chip:hover {
+    color: #005181;
+    background-color: #EBF6FF; }
+    .em-ds-app-picker__chip:hover .app-picker__icon {
+      fill: #005181; }
+  .em-ds-app-picker__chip:focus {
     outline: none;
-    border: calc(0.30769rem * 0.25) solid #006AA9;
-    border-radius: 2px;
-    box-shadow: none;
-    background-color: #ecf8ff; }
+    border: 2px solid #005181; }
   .em-ds-app-picker__chip--disabled {
     color: #697489;
     cursor: not-allowed; }
-    .em-ds-app-picker__chip--disabled:focus, .em-ds-app-picker__chip--disabled:active, .em-ds-app-picker__chip--disabled:hover {
-      background-color: #fcfcfc;
-      color: #697489;
-      border: 1px solid #697489;
-      outline: none;
-      outline-offset: none;
-      box-shadow: none; }
+    .em-ds-app-picker__chip--disabled .app-picker__icon {
+      fill: #697489; }
+    .em-ds-app-picker__chip--disabled:focus, .em-ds-app-picker__chip--disabled:hover {
+      background-color: #fff;
+      cursor: not-allowed;
+      border: 2px solid transparent; }
+      .em-ds-app-picker__chip--disabled:focus .em-ds-app-picker__chip-label, .em-ds-app-picker__chip--disabled:hover .em-ds-app-picker__chip-label {
+        color: #697489; }
     .em-ds-app-picker__chip--disabled:hover .app-picker__icon {
       fill: #697489; }
-  .em-ds-app-picker__chip--disabled .app-picker__icon {
-    fill: #697489; }
+  .em-ds-app-picker__chip--selected {
+    color: #005181;
+    background-color: #EBF6FF;
+    position: relative; }
+    .em-ds-app-picker__chip--selected .app-picker__icon {
+      fill: #005181; }
+    .em-ds-app-picker__chip--selected:focus {
+      border: 2px solid transparent; }
+      .em-ds-app-picker__chip--selected:focus::after {
+        border: 2px solid #005181; }
+    .em-ds-app-picker__chip--selected::after {
+      position: absolute;
+      content: '';
+      top: -2px;
+      left: -2px;
+      width: calc(100% + 4px);
+      height: calc(100% + 4px);
+      border: 1px solid #1e79c2;
+      border-radius: 2px; }
 
 .app-picker__icon {
   fill: #1e79c2; }
@@ -8939,15 +8952,18 @@ div.em-ds-button {
   background-color: transparent; }
 
 .em-ds-app-picker__chip-label {
-  font-size: 12px;
+  font-size: 0.8461rem;
   font-weight: 600;
-  margin: 5px; }
+  word-wrap: break-word;
+  margin: 4px 0;
+  line-height: 12px;
+  text-overflow: ellipsis; }
 
 .em-ds-app-picker__separator {
   border-top: 1px solid #E0E3E8;
   border-bottom: none;
   width: 99%;
-  margin: 0; }
+  margin-bottom: 0; }
 
 @keyframes pulse {
   0% {
@@ -10130,7 +10146,7 @@ _:-ms-fullscreen,
   justify-content: flex-end;
   align-items: center; }
   .em-ds-data-grid__pagination .em-ds-data-grid__pagify-pagination .button-disabled span {
-    color: #A9B1BE;
+    color: #8C93A6;
     cursor: not-allowed;
     pointer-events: none; }
   .em-ds-data-grid__pagination .em-ds-data-grid__pagify-pagination span {
@@ -10139,7 +10155,7 @@ _:-ms-fullscreen,
     font-weight: 600;
     color: #1e79c2;
     background-color: #FFFFFF;
-    border: solid 1px #A9B1BE;
+    border: solid 1px #8C93A6;
     display: inline-flex;
     box-sizing: border-box;
     padding: 0.30769rem 0.61538rem;