@elliemae/ds-basic 3.0.0-next.0 → 3.0.0-next.4

package/dist/cjs/form/TextBox/index.js

@@ -0,0 +1,20 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var React = __toESM(require("react"));
+//# sourceMappingURL=index.js.map

package/dist/cjs/form/TextBox/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA,YAAuB;",
+  "names": []
+}

package/dist/cjs/form/TimeInput/index.js

@@ -0,0 +1,20 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var React = __toESM(require("react"));
+//# sourceMappingURL=index.js.map

package/dist/cjs/form/TimeInput/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA,YAAuB;",
+  "names": []
+}

package/dist/cjs/form/Toggle/index.js

@@ -0,0 +1,20 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var React = __toESM(require("react"));
+//# sourceMappingURL=index.js.map

package/dist/cjs/form/Toggle/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA,YAAuB;",
+  "names": []
+}

package/dist/cjs/form/index.js

@@ -0,0 +1,20 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var React = __toESM(require("react"));
+//# sourceMappingURL=index.js.map

package/dist/cjs/form/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA,YAAuB;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,20 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var React = __toESM(require("react"));
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA,YAAuB;",
+  "names": []
+}

package/{css → dist/css}/dimsum.css

@@ -2883,7 +2883,6 @@ fieldset.em-ds-form-item-content {
   text-overflow: ellipsis; }
 
 .em-ds-form-item--fit-content {
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content; }
 
@@ -2895,8 +2894,8 @@ fieldset.em-ds-form-item-content {
   z-index: -1;
   width: calc(100% + 16px);
   height: calc(100% + 8px);
-  background-color: #FEFBEE;
-  border: 1px solid #8F6326;
+  background-color: #fefbee;
+  border: 1px solid #8f6326;
   border-radius: 4px;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35); }
 
@@ -2908,8 +2907,8 @@ fieldset.em-ds-form-item-content {
   z-index: -1;
   width: calc(100% + 16px);
   height: calc(100% + 8px);
-  background-color: #FFF9D3;
-  border: 1px solid #8F6326;
+  background-color: #fff9d3;
+  border: 2px solid #8f6326;
   border-radius: 4px;
   box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3); }
 
@@ -3015,17 +3014,28 @@ 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 #8C93A6;
-    background: #E0E3E8 !important;
-    color: #616b7f; }
+    border: 1px solid #8C93A6;
+    background: #EBEDF0 !important;
+    color: #616b7f;
+    -webkit-text-fill-color: #616b7f;
+    opacity: 1; }
     .em-ds-input:disabled::-webkit-input-placeholder, .em-ds-input.input-disabled::-webkit-input-placeholder {
-      color: #5C6574; }
+      color: #5c6574; }
     .em-ds-input:disabled:-moz-placeholder, .em-ds-input.input-disabled:-moz-placeholder {
-      color: #5C6574; }
+      color: #5c6574; }
     .em-ds-input:disabled::-moz-placeholder, .em-ds-input.input-disabled::-moz-placeholder {
-      color: #5C6574; }
+      color: #5c6574; }
     .em-ds-input:disabled:-ms-input-placeholder, .em-ds-input.input-disabled:-ms-input-placeholder {
-      color: #5C6574; }
+      color: #5c6574; }
+  .em-ds-input.read-only {
+    border: none;
+    border-top: 1px solid #8C93A6;
+    border-bottom: 1px solid transparent;
+    border-left: 1px solid transparent;
+    border-right: 1px solid transparent;
+    background: none;
+    border-radius: 0;
+    color: #697489; }
 
 .em-ds-input-addon-wrapper:focus-within .em-ds-input-addon-wrapper__addon .em-ds-input__clearable, .em-ds-input-addon-wrapper:active .em-ds-input-addon-wrapper__addon .em-ds-input__clearable {
   opacity: 1;
@@ -3100,11 +3110,15 @@ fieldset.em-ds-form-item-content {
   .em-ds-input--error .em-ds-input__input {
     color: #697489; }
 
-.em-ds-input--readonly {
-  border-color: #E0E3E8;
-  cursor: not-allowed; }
-  .em-ds-input--readonly .em-ds-input__input {
-    color: #697489; }
+.em-ds-input--readonly .em-ds-input__input {
+  border: none;
+  border-top: 1px solid #8C93A6;
+  border-bottom: 1px solid transparent;
+  border-left: 1px solid transparent;
+  border-right: 1px solid transparent;
+  background: none;
+  border-radius: 0;
+  color: #697489; }
 
 .em-ds-form-item--variant-focus .em-ds-input {
   outline: none;
@@ -3116,9 +3130,11 @@ 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 #8C93A6;
-  background: #E0E3E8 !important;
-  color: #616b7f; }
+  border: 1px solid #8C93A6;
+  background: #EBEDF0 !important;
+  color: #616b7f;
+  -webkit-text-fill-color: #616b7f;
+  opacity: 1; }
   .em-ds-form-item--variant-disabled .em-ds-input::-webkit-input-placeholder {
     color: #697489; }
   .em-ds-form-item--variant-disabled .em-ds-input:-moz-placeholder {
@@ -3130,8 +3146,13 @@ 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 #8C93A6;
-  background: none; }
+  border-top: 1px solid #8C93A6;
+  border-bottom: 1px solid transparent;
+  border-left: 1px solid transparent;
+  border-right: 1px solid transparent;
+  background: none;
+  border-radius: 0;
+  color: #697489; }
 
 .em-ds-form-item--error .em-ds-input {
   border: calc(0.30769rem * 0.25) solid #C64252; }
@@ -4001,7 +4022,6 @@ fieldset.em-ds-form-item-content {
   padding-left: 1.84615rem; }
 
 .em-ds-form-element-radio {
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   padding-bottom: 1.23077rem; }
@@ -4504,7 +4524,6 @@ _:-ms-fullscreen, :root .em-ds-page-header-toolbar--ie-flex-basis-auto {
     top: -0.07692rem;
     left: -0.67692rem;
     width: 100%;
-    height: -webkit-fit-content;
     height: -moz-fit-content;
     height: fit-content;
     font-size: 1.8461rem;
@@ -6014,7 +6033,7 @@ div.em-ds-button {
     outline: none;
     position: relative; }
     .em-ds-button--link.em-ds-button--icon-only:focus span.label-wrapper:after, .em-ds-button--link.em-ds-button--icon-only.em-ds-button--variant-focus span.label-wrapper:after {
-      content: "";
+      content: '';
       position: absolute;
       top: 0;
       left: 0;
@@ -6339,7 +6358,6 @@ div.em-ds-button {
 .em-ds-labelValueGroup__wrapper {
   display: flex;
   flex-direction: column;
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   max-width: 100%; }
@@ -6578,6 +6596,109 @@ div.em-ds-button {
   .em-ds-button-group .em-ds-button:focus {
     z-index: 2; }
 
+.em-ds-menu__backdrop {
+  width: 100%;
+  height: 100%;
+  opacity: 0.5;
+  position: fixed;
+  top: 0;
+  left: 0; }
+
+.em-ds-menu-s {
+  border: 1px solid #CBCFD7;
+  margin: 0;
+  display: inline-block;
+  padding: 0.61538rem 0;
+  background: #FFFFFF;
+  color: #25292F;
+  list-style: none;
+  width: 100%;
+  min-width: 9.84615rem;
+  border-radius: 2px;
+  -ms-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.24), 0 8px 17px 0 rgba(0, 0, 0, 0.19);
+  -o-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.24), 0 8px 17px 0 rgba(0, 0, 0, 0.19);
+  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.24), 0 8px 17px 0 rgba(0, 0, 0, 0.19); }
+  .em-ds-menu-s--is-root {
+    margin: 0.30769rem 0; }
+  .em-ds-menu-s .em-ds-selectbox__control {
+    margin: 0 0.61538rem; }
+  .em-ds-menu-s .em-ds-selectbox__option {
+    padding: 0.76923rem 2.46154rem 0.76923rem 1.23077rem; }
+
+.em-ds-menu__separator1 {
+  margin: 0.61538rem 0; }
+  .em-ds-menu__separator1 small {
+    padding: 0 1.23077rem;
+    color: #697489; }
+  .em-ds-menu__separator1:after {
+    content: '';
+    display: block;
+    height: 1px;
+    width: 100%;
+    background-color: #E0E3E8; }
+
+.em-ds-menu-items {
+  display: flex;
+  padding: 0.61538rem 0.92308rem 0.61538rem 0.92308rem;
+  transition: background-color 100ms cubic-bezier(0.64, 0, 0.35, 1);
+  align-items: center;
+  height: 2.46154rem; }
+  .em-ds-menu-items__content {
+    cursor: pointer;
+    display: flex;
+    flex: 1;
+    align-items: center; }
+  .em-ds-menu-items__selectable-container {
+    padding-right: 0.61538rem;
+    min-width: 1.84615rem; }
+    .em-ds-menu-items__selectable-container svg, .em-ds-menu-items__selectable-container svg:not([fill]) {
+      height: 16px;
+      width: 16px;
+      fill: #1e79c2; }
+      .em-ds-menu-items__selectable-container svg svg, .em-ds-menu-items__selectable-container svg:not([fill]) svg {
+        height: 16px;
+        width: 16px; }
+  .em-ds-menu-items:hover, .em-ds-menu-items--active {
+    background-color: #EBF6FF; }
+  .em-ds-menu-items .menu-item-icon {
+    height: 16px;
+    width: 16px;
+    fill: #464F5C;
+    margin-right: 0.92308rem; }
+    .em-ds-menu-items .menu-item-icon svg {
+      height: 16px;
+      width: 16px; }
+  .em-ds-menu-items .drill-down-icon {
+    height: 16px;
+    width: 16px;
+    fill: #1e79c2;
+    margin-left: 0.61538rem;
+    margin-right: -0.30769rem; }
+    .em-ds-menu-items .drill-down-icon svg {
+      height: 16px;
+      width: 16px; }
+  .em-ds-menu-items__label {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    -webkit-user-select: none;
+            user-select: none;
+    margin-right: 1.23077rem;
+    margin-top: 0.15385rem;
+    flex: 1; }
+  .em-ds-menu-items--selected {
+    background: #1e79c2;
+    color: #FFFFFF; }
+    .em-ds-menu-items--selected svg, .em-ds-menu-items--selected svg:not([fill]) {
+      fill: #FFFFFF; }
+  .em-ds-menu-items:active {
+    background-color: #1e79c2;
+    color: #FFFFFF; }
+    .em-ds-menu-items:active svg, .em-ds-menu-items:active svg:not([fill]) {
+      fill: #FFFFFF; }
+
+.em-ds-menu-select__icon {
+  padding: 0 0.30769rem 0 0.30769rem; }
+
 .em-ds-menu-separator {
   margin: 0.15385rem 1.23077rem; }
   .em-ds-menu-separator__title {
@@ -7267,7 +7388,6 @@ div.em-ds-button {
   display: flex;
   flex-direction: column;
   justify-content: center;
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   margin: 0; }
@@ -7357,7 +7477,8 @@ div.em-ds-button {
     .em-ds-shuttle-wrapper .em-ds-shuttle-header__breadcrumb {
       overflow: hidden;
       align-self: center;
-      flex: 1; }
+      flex: 1;
+      padding: 4px 0; }
       .em-ds-shuttle-wrapper .em-ds-shuttle-header__breadcrumb .em-ds-breadcrumb {
         width: 100%; }
         .em-ds-shuttle-wrapper .em-ds-shuttle-header__breadcrumb .em-ds-breadcrumb ol {
@@ -7439,29 +7560,29 @@ div.em-ds-button {
     margin-right: 16px; }
 
 .em-ds-shuttle-list-item {
-  display: flex;
-  justify-content: flex-start;
+  display: grid;
+  grid-template-columns: auto min-content;
   align-items: center;
   overflow: hidden;
   position: relative;
   border-bottom: 1px solid #E0E3E8;
-  background-color: #FFFFFF; }
+  background-color: #FFFFFF;
+  z-index: 999; }
   .em-ds-shuttle-list-item.drag-helper {
     border: 1px solid #E0E3E8; }
   .em-ds-shuttle-list-item__parent-helper-text {
     margin-left: 0.61538rem;
     color: #006AA9; }
   .em-ds-shuttle-list-item__content {
-    display: flex;
+    display: grid;
     align-items: center;
-    flex: 1 0 auto;
+    grid-template-columns: min-content minmax(0px, min-content) auto;
     height: 2.76923rem;
     padding-left: 0.61538rem;
     padding-right: 0.61538rem;
     border-left: 4px solid #E0E3E8;
     cursor: default;
-    pointer-events: none;
-    max-width: calc(100% - 72px); }
+    pointer-events: none; }
     .em-ds-shuttle-list-item__content span.shuttle-tooltip-text {
       cursor: pointer;
       pointer-events: all; }
@@ -7475,7 +7596,7 @@ div.em-ds-button {
       pointer-events: all; }
       .em-ds-shuttle-list-item__content--can-hover:hover {
         background-color: #F6FBFF; }
-  .em-ds-shuttle-list-item__icon-wrapper {
+  .em-ds-shuttle-list-item__icon-wrapper > span {
     margin-right: 0.61538rem; }
   .em-ds-shuttle-list-item__actions {
     display: flex; }
@@ -7487,7 +7608,8 @@ div.em-ds-button {
       height: 2.76923rem;
       width: 2.76923rem;
       border-left: 1px solid #E0E3E8; }
-      .em-ds-shuttle-list-item__actions .em-ds-button svg, .em-ds-shuttle-list-item__actions .em-ds-button svg:not([fill]) {
+      .em-ds-shuttle-list-item__actions .em-ds-button svg,
+      .em-ds-shuttle-list-item__actions .em-ds-button svg:not([fill]) {
         fill: #1e79c2; }
       .em-ds-shuttle-list-item__actions .em-ds-button:hover:not(:disabled) {
         background-color: #F6FBFF; }
@@ -7955,109 +8077,6 @@ body.ReactModal__Body--open {
 .em-ds-modal-v2 .em-ds-modal-slide__content .em-ds-modal-v2__modal-footer {
   border-top: none; }
 
-.em-ds-menu__backdrop {
-  width: 100%;
-  height: 100%;
-  opacity: 0.5;
-  position: fixed;
-  top: 0;
-  left: 0; }
-
-.em-ds-menu-s {
-  border: 1px solid #CBCFD7;
-  margin: 0;
-  display: inline-block;
-  padding: 0.61538rem 0;
-  background: #FFFFFF;
-  color: #25292F;
-  list-style: none;
-  width: 100%;
-  min-width: 9.84615rem;
-  border-radius: 2px;
-  -ms-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.24), 0 8px 17px 0 rgba(0, 0, 0, 0.19);
-  -o-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.24), 0 8px 17px 0 rgba(0, 0, 0, 0.19);
-  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.24), 0 8px 17px 0 rgba(0, 0, 0, 0.19); }
-  .em-ds-menu-s--is-root {
-    margin: 0.30769rem 0; }
-  .em-ds-menu-s .em-ds-selectbox__control {
-    margin: 0 0.61538rem; }
-  .em-ds-menu-s .em-ds-selectbox__option {
-    padding: 0.76923rem 2.46154rem 0.76923rem 1.23077rem; }
-
-.em-ds-menu__separator1 {
-  margin: 0.61538rem 0; }
-  .em-ds-menu__separator1 small {
-    padding: 0 1.23077rem;
-    color: #697489; }
-  .em-ds-menu__separator1:after {
-    content: '';
-    display: block;
-    height: 1px;
-    width: 100%;
-    background-color: #E0E3E8; }
-
-.em-ds-menu-items {
-  display: flex;
-  padding: 0.61538rem 0.92308rem 0.61538rem 0.92308rem;
-  transition: background-color 100ms cubic-bezier(0.64, 0, 0.35, 1);
-  align-items: center;
-  height: 2.46154rem; }
-  .em-ds-menu-items__content {
-    cursor: pointer;
-    display: flex;
-    flex: 1;
-    align-items: center; }
-  .em-ds-menu-items__selectable-container {
-    padding-right: 0.61538rem;
-    min-width: 1.84615rem; }
-    .em-ds-menu-items__selectable-container svg, .em-ds-menu-items__selectable-container svg:not([fill]) {
-      height: 16px;
-      width: 16px;
-      fill: #1e79c2; }
-      .em-ds-menu-items__selectable-container svg svg, .em-ds-menu-items__selectable-container svg:not([fill]) svg {
-        height: 16px;
-        width: 16px; }
-  .em-ds-menu-items:hover, .em-ds-menu-items--active {
-    background-color: #EBF6FF; }
-  .em-ds-menu-items .menu-item-icon {
-    height: 16px;
-    width: 16px;
-    fill: #464F5C;
-    margin-right: 0.92308rem; }
-    .em-ds-menu-items .menu-item-icon svg {
-      height: 16px;
-      width: 16px; }
-  .em-ds-menu-items .drill-down-icon {
-    height: 16px;
-    width: 16px;
-    fill: #1e79c2;
-    margin-left: 0.61538rem;
-    margin-right: -0.30769rem; }
-    .em-ds-menu-items .drill-down-icon svg {
-      height: 16px;
-      width: 16px; }
-  .em-ds-menu-items__label {
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    -webkit-user-select: none;
-            user-select: none;
-    margin-right: 1.23077rem;
-    margin-top: 0.15385rem;
-    flex: 1; }
-  .em-ds-menu-items--selected {
-    background: #1e79c2;
-    color: #FFFFFF; }
-    .em-ds-menu-items--selected svg, .em-ds-menu-items--selected svg:not([fill]) {
-      fill: #FFFFFF; }
-  .em-ds-menu-items:active {
-    background-color: #1e79c2;
-    color: #FFFFFF; }
-    .em-ds-menu-items:active svg, .em-ds-menu-items:active svg:not([fill]) {
-      fill: #FFFFFF; }
-
-.em-ds-menu-select__icon {
-  padding: 0 0.30769rem 0 0.30769rem; }
-
 .em-ds-data-grid-wrapper {
   display: flex;
   flex-direction: column;
@@ -8822,7 +8841,13 @@ body > .em-ds-tree-item {
       pointer-events: none; }
   .em-ds-tree-item.drag-overlay {
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
-    border-radius: 2px; }
+    border-radius: 2px;
+    padding-right: 0.61538rem; }
+  .em-ds-tree-item--dragging {
+    background-color: #EBEDF0;
+    color: #697489; }
+    .em-ds-tree-item--dragging .em-ds-icon {
+      fill: #697489; }
   .em-ds-tree-item .drag-handle {
     position: relative;
     transition: 100ms cubic-bezier(0.64, 0, 0.35, 1);
@@ -8869,7 +8894,7 @@ body > .em-ds-tree-item {
   .em-ds-tree-item .tree-item-radio {
     padding-bottom: 0; }
   .em-ds-tree-item.hover {
-    background-color: #EBEDF0; }
+    background-color: #EBF6FF; }
     .em-ds-tree-item.hover.selected {
       background-color: #EBF6FF; }
   .em-ds-tree-item:focus {
@@ -9202,7 +9227,8 @@ body > .em-ds-tree-item {
 .nested-main-group {
   position: relative;
   display: flex;
-  flex-direction: row; }
+  flex-direction: row;
+  min-width: 640px; }
   .nested-main-group .nestable {
     flex: 1; }
   .nested-main-group .nestable-list {
@@ -9814,7 +9840,6 @@ body > .em-ds-tree-item {
   flex-direction: column;
   border: none;
   box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.24);
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content; }
   .em-ds-single-date__wrapper > * > .DayPicker {
@@ -9823,7 +9848,6 @@ body > .em-ds-tree-item {
 .em-ds-date-range-picker__header {
   display: flex;
   justify-content: center;
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   flex-grow: 1;
@@ -11121,7 +11145,6 @@ body > .em-ds-tree-item {
   float: left;
   height: 24px;
   padding: 3px 5px;
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content; }
   .ql-snow.ql-toolbar button:hover,
@@ -11724,7 +11747,6 @@ body > .em-ds-tree-item {
     .insert-field-modal .wrapper .col-1 .title {
       font-size: 1.2307rem;
       font-weight: 600;
-      position: -webkit-sticky;
       position: sticky;
       padding: 0 1.23077rem 1.23077rem;
       top: 0;
@@ -11767,7 +11789,6 @@ body > .em-ds-tree-item {
     .em-ds-modal-image-library .wrapper .col-1 .title {
       font-size: 1.2307rem;
       font-weight: 600;
-      position: -webkit-sticky;
       position: sticky;
       padding: 0 1.23077rem 1.23077rem;
       top: 0;