@elliemae/ds-basic 2.2.0-next.6 → 2.3.0-alpha.1

package/cjs/index.js

@@ -1,310 +1,78 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dsAccordion = require('@elliemae/ds-accordion');
-var dsAppPicker = require('@elliemae/ds-app-picker');
-var dsBackdrop = require('@elliemae/ds-backdrop');
-var dsBreadcrumb = require('@elliemae/ds-breadcrumb');
-var dsButton = require('@elliemae/ds-button');
-var dsButtonGroup = require('@elliemae/ds-button-group');
-var dsCard = require('@elliemae/ds-card');
-var dsCircularProgressIndicator = require('@elliemae/ds-circular-progress-indicator');
-var dsForm = require('@elliemae/ds-form');
-var dsGrid = require('@elliemae/ds-grid');
-var dsGroupBox = require('@elliemae/ds-group-box');
-var dsHeader = require('@elliemae/ds-header');
-var dsHidden = require('@elliemae/ds-hidden');
-var dsIcon = require('@elliemae/ds-icon');
-var dsIndeterminateProgressIndicator = require('@elliemae/ds-indeterminate-progress-indicator');
-var dsLabelValue = require('@elliemae/ds-label-value');
-var dsListSectionHeader = require('@elliemae/ds-list-section-header');
-var dsLoadingIndicator = require('@elliemae/ds-loading-indicator');
-var dsMenu = require('@elliemae/ds-menu');
-var dsOverlay = require('@elliemae/ds-overlay');
-var dsPageHeader = require('@elliemae/ds-page-header');
-var dsPageNumber = require('@elliemae/ds-page-number');
-var dsPills = require('@elliemae/ds-pills');
-var dsPopover = require('@elliemae/ds-popover');
-var dsPopper = require('@elliemae/ds-popper');
-var dsPortal = require('@elliemae/ds-portal');
-var dsProgressIndicator = require('@elliemae/ds-progress-indicator');
-var dsReadMore = require('@elliemae/ds-read-more');
-var dsResizeableContainer = require('@elliemae/ds-resizeable-container');
-var dsSeparator = require('@elliemae/ds-separator');
-var dsSidePanel = require('@elliemae/ds-side-panel');
-var dsSlider = require('@elliemae/ds-slider');
-var dsSpinner = require('@elliemae/ds-spinner');
-var dsTabs = require('@elliemae/ds-tabs');
-var dsTextWrapper = require('@elliemae/ds-text-wrapper');
-var dsTimePicker = require('@elliemae/ds-time-picker');
-var dsToast = require('@elliemae/ds-toast');
-var dsToolbar = require('@elliemae/ds-toolbar');
-var dsTooltip = require('@elliemae/ds-tooltip');
-var dsTruncatedExpandableText = require('@elliemae/ds-truncated-expandable-text');
-var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var dsZipcodeSearch = require('@elliemae/ds-zipcode-search');
-var dsZoom = require('@elliemae/ds-zoom');
-
-
-
-Object.defineProperty(exports, 'DSTimePicker', {
-	enumerable: true,
-	get: function () { return dsTimePicker.DSTimePicker; }
-});
-Object.defineProperty(exports, 'DSTimePickerMenu', {
-	enumerable: true,
-	get: function () { return dsTimePicker.DSTimePickerMenu; }
-});
-Object.keys(dsAccordion).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsAccordion[k]; }
-	});
-});
-Object.keys(dsAppPicker).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsAppPicker[k]; }
-	});
-});
-Object.keys(dsBackdrop).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsBackdrop[k]; }
-	});
-});
-Object.keys(dsBreadcrumb).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsBreadcrumb[k]; }
-	});
-});
-Object.keys(dsButton).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsButton[k]; }
-	});
-});
-Object.keys(dsButtonGroup).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsButtonGroup[k]; }
-	});
-});
-Object.keys(dsCard).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsCard[k]; }
-	});
-});
-Object.keys(dsCircularProgressIndicator).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsCircularProgressIndicator[k]; }
-	});
-});
-Object.keys(dsForm).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsForm[k]; }
-	});
-});
-Object.keys(dsGrid).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsGrid[k]; }
-	});
-});
-Object.keys(dsGroupBox).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsGroupBox[k]; }
-	});
-});
-Object.keys(dsHeader).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsHeader[k]; }
-	});
-});
-Object.keys(dsHidden).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsHidden[k]; }
-	});
-});
-Object.keys(dsIcon).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsIcon[k]; }
-	});
-});
-Object.keys(dsIndeterminateProgressIndicator).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsIndeterminateProgressIndicator[k]; }
-	});
-});
-Object.keys(dsLabelValue).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsLabelValue[k]; }
-	});
-});
-Object.keys(dsListSectionHeader).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsListSectionHeader[k]; }
-	});
-});
-Object.keys(dsLoadingIndicator).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsLoadingIndicator[k]; }
-	});
-});
-Object.keys(dsMenu).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsMenu[k]; }
-	});
-});
-Object.keys(dsOverlay).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsOverlay[k]; }
-	});
-});
-Object.keys(dsPageHeader).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsPageHeader[k]; }
-	});
-});
-Object.keys(dsPageNumber).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsPageNumber[k]; }
-	});
-});
-Object.keys(dsPills).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsPills[k]; }
-	});
-});
-Object.keys(dsPopover).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsPopover[k]; }
-	});
-});
-Object.keys(dsPopper).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsPopper[k]; }
-	});
-});
-Object.keys(dsPortal).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsPortal[k]; }
-	});
-});
-Object.keys(dsProgressIndicator).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsProgressIndicator[k]; }
-	});
-});
-Object.keys(dsReadMore).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsReadMore[k]; }
-	});
-});
-Object.keys(dsResizeableContainer).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsResizeableContainer[k]; }
-	});
-});
-Object.keys(dsSeparator).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsSeparator[k]; }
-	});
-});
-Object.keys(dsSidePanel).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsSidePanel[k]; }
-	});
-});
-Object.keys(dsSlider).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsSlider[k]; }
-	});
-});
-Object.keys(dsSpinner).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsSpinner[k]; }
-	});
-});
-Object.keys(dsTabs).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsTabs[k]; }
-	});
-});
-Object.keys(dsTextWrapper).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsTextWrapper[k]; }
-	});
-});
-Object.keys(dsToast).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsToast[k]; }
-	});
-});
-Object.keys(dsToolbar).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsToolbar[k]; }
-	});
-});
-Object.keys(dsTooltip).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsTooltip[k]; }
-	});
-});
-Object.keys(dsTruncatedExpandableText).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsTruncatedExpandableText[k]; }
-	});
-});
-Object.keys(dsTruncatedTooltipText).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsTruncatedTooltipText[k]; }
-	});
-});
-Object.keys(dsZipcodeSearch).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsZipcodeSearch[k]; }
-	});
-});
-Object.keys(dsZoom).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dsZoom[k]; }
-	});
-});
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: 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 __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var src_exports = {};
+__export(src_exports, {
+  DSTimePicker: () => import_TimePicker.DSTimePicker,
+  DSTimePickerMenu: () => import_TimePicker.DSTimePickerMenu
+});
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./Accordion"));
+__reExport(src_exports, require("./AppPicker"));
+__reExport(src_exports, require("./Backdrop"));
+__reExport(src_exports, require("./Breadcrumb"));
+__reExport(src_exports, require("./Button"));
+__reExport(src_exports, require("./ButtonGroup"));
+__reExport(src_exports, require("./Card"));
+__reExport(src_exports, require("./CircularProgressIndicator"));
+__reExport(src_exports, require("./form"));
+__reExport(src_exports, require("./Grid"));
+__reExport(src_exports, require("./GroupBox"));
+__reExport(src_exports, require("./Header"));
+__reExport(src_exports, require("./Hidden"));
+__reExport(src_exports, require("./Icon"));
+__reExport(src_exports, require("./IndeterminateProgressIndicator"));
+__reExport(src_exports, require("./LabelValue"));
+__reExport(src_exports, require("./ListSectionHeader"));
+__reExport(src_exports, require("./LoadingIndicator"));
+__reExport(src_exports, require("./Menu"));
+__reExport(src_exports, require("./Overlay"));
+__reExport(src_exports, require("./PageHeader"));
+__reExport(src_exports, require("./PageNumber"));
+__reExport(src_exports, require("./Pills"));
+__reExport(src_exports, require("./Popover"));
+__reExport(src_exports, require("./Popper"));
+__reExport(src_exports, require("./Portal"));
+__reExport(src_exports, require("./ProgressIndicator"));
+__reExport(src_exports, require("./ReadMore"));
+__reExport(src_exports, require("./ResizableContainer"));
+__reExport(src_exports, require("./Separator"));
+__reExport(src_exports, require("./SidePanel"));
+__reExport(src_exports, require("./Slider"));
+__reExport(src_exports, require("./Spinner"));
+__reExport(src_exports, require("./Tabs"));
+__reExport(src_exports, require("./TextWrapper"));
+var import_TimePicker = require("./TimePicker");
+__reExport(src_exports, require("./Toast"));
+__reExport(src_exports, require("./Toolbar"));
+__reExport(src_exports, require("./Tooltip"));
+__reExport(src_exports, require("./TruncatedExpandableText"));
+__reExport(src_exports, require("./TruncatedTooltipText"));
+__reExport(src_exports, require("./ZipCodeSearch"));
+__reExport(src_exports, require("./Zoom"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable */\nexport * from './Accordion';\nexport * from './AppPicker';\nexport * from './Backdrop';\nexport * from './Breadcrumb';\nexport * from './Button';\nexport * from './ButtonGroup';\nexport * from './Card';\nexport * from './CircularProgressIndicator';\nexport * from './form';\nexport * from './Grid';\nexport * from './GroupBox';\nexport * from './Header';\nexport * from './Hidden';\nexport * from './Icon';\nexport * from './IndeterminateProgressIndicator';\nexport * from './LabelValue';\nexport * from './ListSectionHeader';\nexport * from './LoadingIndicator';\nexport * from './Menu';\nexport * from './Overlay';\nexport * from './PageHeader';\nexport * from './PageNumber';\nexport * from './Pills';\nexport * from './Popover';\nexport * from './Popper';\nexport * from './Portal';\nexport * from './ProgressIndicator';\nexport * from './ReadMore';\nexport * from './ResizableContainer';\nexport * from './Separator';\nexport * from './SidePanel';\nexport * from './Slider';\nexport * from './Spinner';\nexport * from './Tabs';\nexport * from './TextWrapper';\n// we export like this due to legacy reasons\n//  ./TimePicker must export Menu, but Menu was exported from ./Menu already\n//  so we cherry-pick the export to preserve import  { Menu } from '@elliemae/ds-basic/TimePicker\nexport { DSTimePicker, DSTimePickerMenu } from './TimePicker';\nexport * from './Toast';\nexport * from './Toolbar';\nexport * from './Tooltip';\nexport * from './TruncatedExpandableText';\nexport * from './TruncatedTooltipText';\nexport * from './ZipCodeSearch';\nexport * from './Zoom';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AAId,wBAA+C;AAC/C,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;",
+  "names": []
+}

package/css/dimsum.css

@@ -2895,8 +2895,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 +2908,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); }
 
@@ -6014,7 +6014,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;
@@ -7357,7 +7357,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 +7440,31 @@ div.em-ds-button {
     margin-right: 16px; }
 
 .em-ds-shuttle-list-item {
-  display: flex;
-  justify-content: flex-start;
+  display: grid;
+  grid-template-columns: auto -webkit-min-content;
+  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: -webkit-min-content minmax(0px, -webkit-min-content) 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 +7478,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 +7490,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; }
@@ -8774,24 +8778,30 @@ body > .em-ds-tree-item {
     white-space: nowrap; }
   .em-ds-tree-item-children-count-displayer {
     color: #697489; }
-  .em-ds-tree-item--valid-drop-in:after {
-    content: '';
-    display: block;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    border: 2px solid #1e79c2; }
-  .em-ds-tree-item--invalid-drop-in:after {
-    content: '';
-    display: block;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    border: 2px solid #C64252; }
+  .em-ds-tree-item--valid-drop-before {
+    border-top-width: 2px;
+    border-top-style: solid;
+    border-top-color: #1e79c2; }
+  .em-ds-tree-item--valid-drop-in {
+    border-width: 2px;
+    border-style: solid;
+    border-color: #1e79c2; }
+  .em-ds-tree-item--valid-drop-after {
+    border-bottom-width: 2px;
+    border-bottom-style: solid;
+    border-bottom-color: #1e79c2; }
+  .em-ds-tree-item--invalid-drop-before {
+    border-top-width: 2px;
+    border-top-style: solid;
+    border-top-color: #C64252; }
+  .em-ds-tree-item--invalid-drop-in {
+    border-width: 2px;
+    border-style: solid;
+    border-color: #C64252; }
+  .em-ds-tree-item--invalid-drop-after {
+    border-bottom-width: 2px;
+    border-bottom-style: solid;
+    border-bottom-color: #C64252; }
   .em-ds-tree-item .em-ds-tree-item__value {
     min-width: 0;
     width: 100%;
@@ -8811,40 +8821,14 @@ body > .em-ds-tree-item {
       fill: #005181; }
   .em-ds-tree-item.selected {
     background-color: #EBF6FF; }
-    .em-ds-tree-item.selected:before {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      border: 1px solid #1394E5;
-      pointer-events: none; }
-  .em-ds-tree-item.drag-overlay {
-    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
-    border-radius: 2px; }
   .em-ds-tree-item .drag-handle {
-    position: relative;
     transition: 100ms cubic-bezier(0.64, 0, 0.35, 1);
     align-items: center;
     display: flex;
-    height: 24px;
     visibility: visible;
     opacity: 1;
     margin-left: 8px;
-    outline: none;
-    cursor: grab; }
-    .em-ds-tree-item .drag-handle[data-isactive='true'], .em-ds-tree-item .drag-handle[data-isdragoverlay='true'] {
-      cursor: grabbing; }
-    .em-ds-tree-item .drag-handle.focuseable:focus:after {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      border: 2px solid #006AA9;
-      pointer-events: none; }
+    fill: #697489; }
   .em-ds-tree-item .expandable-arrow {
     margin-left: 8px;
     width: 16px;
@@ -8870,6 +8854,8 @@ body > .em-ds-tree-item {
     padding-bottom: 0; }
   .em-ds-tree-item.hover {
     background-color: #EBEDF0; }
+    .em-ds-tree-item.hover .drag-handle {
+      fill: #005181; }
     .em-ds-tree-item.hover.selected {
       background-color: #EBF6FF; }
   .em-ds-tree-item:focus {
@@ -8878,13 +8864,13 @@ body > .em-ds-tree-item {
     border-radius: 0px;
     z-index: 1; }
     .em-ds-tree-item:focus:before {
-      content: '';
+      content: "";
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
-      border: 2px solid #006AA9;
+      border: 1px solid #1e79c2;
       pointer-events: none; }
     .em-ds-tree-item:focus.selected {
       outline: unset; }