@elliemae/ds-basic 2.2.1 → 2.3.0-alpha.4

package/esm/form/RequiredMark/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/form/RequiredMark/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from '@elliemae/ds-form/RequiredMark';\n\nexport { default } from '@elliemae/ds-form/RequiredMark';\n"],
+  "mappings": "AAAA;ACAA;AAEA;",
+  "names": []
+}

package/esm/form/SearchBox/index.js

@@ -1,3 +1,18 @@
-export { default as SearchBoxToggle } from '@elliemae/ds-form/SearchBox/SearchBoxToggle';
-export { SearchBoxWithSchema, default } from '@elliemae/ds-form/SearchBox/DSSearchBox';
-export { NavSearchBox as DSNavSearchBox, DSNavSearchBoxWithSchema } from '@elliemae/ds-form/SearchBox/NavSearchBox';
+import * as React from "react";
+import { default as default2 } from "@elliemae/ds-form/SearchBox/SearchBoxToggle";
+import {
+  default as default3,
+  SearchBoxWithSchema
+} from "@elliemae/ds-form/SearchBox/DSSearchBox";
+import {
+  NavSearchBox,
+  DSNavSearchBoxWithSchema
+} from "@elliemae/ds-form/SearchBox/NavSearchBox";
+export {
+  NavSearchBox as DSNavSearchBox,
+  DSNavSearchBoxWithSchema,
+  default2 as SearchBoxToggle,
+  SearchBoxWithSchema,
+  default3 as default
+};
+//# sourceMappingURL=index.js.map

package/esm/form/SearchBox/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/form/SearchBox/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default as SearchBoxToggle } from '@elliemae/ds-form/SearchBox/SearchBoxToggle';\nexport {\n  default,\n  SearchBoxWithSchema,\n} from '@elliemae/ds-form/SearchBox/DSSearchBox';\nexport {\n  NavSearchBox as DSNavSearchBox,\n  DSNavSearchBoxWithSchema,\n} from '@elliemae/ds-form/SearchBox/NavSearchBox';\n"],
+  "mappings": "AAAA;ACAA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/esm/form/TextBox/index.js

@@ -1,2 +1,7 @@
-export * from '@elliemae/ds-form/TextBox';
-export { default } from '@elliemae/ds-form/TextBox';
+import * as React from "react";
+export * from "@elliemae/ds-form/TextBox";
+import { default as default2 } from "@elliemae/ds-form/TextBox";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/esm/form/TextBox/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/form/TextBox/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from '@elliemae/ds-form/TextBox';\n\nexport { default } from '@elliemae/ds-form/TextBox';\n"],
+  "mappings": "AAAA;ACAA;AAEA;",
+  "names": []
+}

package/esm/form/TimeInput/index.js

@@ -1,2 +1,7 @@
-export * from '@elliemae/ds-form/TimeInput';
-export { default } from '@elliemae/ds-form/TimeInput';
+import * as React from "react";
+export * from "@elliemae/ds-form/TimeInput";
+import { default as default2 } from "@elliemae/ds-form/TimeInput";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/esm/form/TimeInput/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/form/TimeInput/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from '@elliemae/ds-form/TimeInput';\n\nexport { default } from '@elliemae/ds-form/TimeInput';\n"],
+  "mappings": "AAAA;ACAA;AAEA;",
+  "names": []
+}

package/esm/form/Toggle/index.js

@@ -1,2 +1,7 @@
-export * from '@elliemae/ds-form/Toggle';
-export { default } from '@elliemae/ds-form/Toggle';
+import * as React from "react";
+export * from "@elliemae/ds-form/Toggle";
+import { default as default2 } from "@elliemae/ds-form/Toggle";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/esm/form/Toggle/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/form/Toggle/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from '@elliemae/ds-form/Toggle';\n\nexport { default } from '@elliemae/ds-form/Toggle';\n"],
+  "mappings": "AAAA;ACAA;AAEA;",
+  "names": []
+}

package/esm/form/index.js

@@ -1 +1,3 @@
-export * from '@elliemae/ds-form';
+import * as React from "react";
+export * from "@elliemae/ds-form";
+//# sourceMappingURL=index.js.map

package/esm/form/index.js.map

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

package/esm/index.js

@@ -1,43 +1,49 @@
-export * from '@elliemae/ds-accordion';
-export * from '@elliemae/ds-app-picker';
-export * from '@elliemae/ds-backdrop';
-export * from '@elliemae/ds-breadcrumb';
-export * from '@elliemae/ds-button';
-export * from '@elliemae/ds-button-group';
-export * from '@elliemae/ds-card';
-export * from '@elliemae/ds-circular-progress-indicator';
-export * from '@elliemae/ds-form';
-export * from '@elliemae/ds-grid';
-export * from '@elliemae/ds-group-box';
-export * from '@elliemae/ds-header';
-export * from '@elliemae/ds-hidden';
-export * from '@elliemae/ds-icon';
-export * from '@elliemae/ds-indeterminate-progress-indicator';
-export * from '@elliemae/ds-label-value';
-export * from '@elliemae/ds-list-section-header';
-export * from '@elliemae/ds-loading-indicator';
-export * from '@elliemae/ds-menu';
-export * from '@elliemae/ds-overlay';
-export * from '@elliemae/ds-page-header';
-export * from '@elliemae/ds-page-number';
-export * from '@elliemae/ds-pills';
-export * from '@elliemae/ds-popover';
-export * from '@elliemae/ds-popper';
-export * from '@elliemae/ds-portal';
-export * from '@elliemae/ds-progress-indicator';
-export * from '@elliemae/ds-read-more';
-export * from '@elliemae/ds-resizeable-container';
-export * from '@elliemae/ds-separator';
-export * from '@elliemae/ds-side-panel';
-export * from '@elliemae/ds-slider';
-export * from '@elliemae/ds-spinner';
-export * from '@elliemae/ds-tabs';
-export * from '@elliemae/ds-text-wrapper';
-export { DSTimePicker, DSTimePickerMenu } from '@elliemae/ds-time-picker';
-export * from '@elliemae/ds-toast';
-export * from '@elliemae/ds-toolbar';
-export * from '@elliemae/ds-tooltip';
-export * from '@elliemae/ds-truncated-expandable-text';
-export * from '@elliemae/ds-truncated-tooltip-text';
-export * from '@elliemae/ds-zipcode-search';
-export * from '@elliemae/ds-zoom';
+import * as React from "react";
+export * from "./Accordion";
+export * from "./AppPicker";
+export * from "./Backdrop";
+export * from "./Breadcrumb";
+export * from "./Button";
+export * from "./ButtonGroup";
+export * from "./Card";
+export * from "./CircularProgressIndicator";
+export * from "./form";
+export * from "./Grid";
+export * from "./GroupBox";
+export * from "./Header";
+export * from "./Hidden";
+export * from "./Icon";
+export * from "./IndeterminateProgressIndicator";
+export * from "./LabelValue";
+export * from "./ListSectionHeader";
+export * from "./LoadingIndicator";
+export * from "./Menu";
+export * from "./Overlay";
+export * from "./PageHeader";
+export * from "./PageNumber";
+export * from "./Pills";
+export * from "./Popover";
+export * from "./Popper";
+export * from "./Portal";
+export * from "./ProgressIndicator";
+export * from "./ReadMore";
+export * from "./ResizableContainer";
+export * from "./Separator";
+export * from "./SidePanel";
+export * from "./Slider";
+export * from "./Spinner";
+export * from "./Tabs";
+export * from "./TextWrapper";
+import { DSTimePicker, DSTimePickerMenu } from "./TimePicker";
+export * from "./Toast";
+export * from "./Toolbar";
+export * from "./Tooltip";
+export * from "./TruncatedExpandableText";
+export * from "./TruncatedTooltipText";
+export * from "./ZipCodeSearch";
+export * from "./Zoom";
+export {
+  DSTimePicker,
+  DSTimePickerMenu
+};
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-basic",
-  "version": "2.2.1",
+  "version": "2.3.0-alpha.4",
   "license": "MIT",
   "description": "EllieMae UI Design System Library",
   "module": "./esm/index.js",
@@ -296,49 +296,49 @@
     "dev": "node ../../scripts/build/build.js -w"
   },
   "dependencies": {
-    "@elliemae/ds-accordion": "2.2.1",
-    "@elliemae/ds-app-picker": "2.2.1",
-    "@elliemae/ds-backdrop": "2.2.1",
-    "@elliemae/ds-breadcrumb": "2.2.1",
-    "@elliemae/ds-button": "2.2.1",
-    "@elliemae/ds-button-group": "2.2.1",
-    "@elliemae/ds-card": "2.2.1",
-    "@elliemae/ds-circular-progress-indicator": "2.2.1",
-    "@elliemae/ds-form": "2.2.1",
-    "@elliemae/ds-grid": "2.2.1",
-    "@elliemae/ds-group-box": "2.2.1",
-    "@elliemae/ds-header": "2.2.1",
-    "@elliemae/ds-hidden": "2.2.1",
-    "@elliemae/ds-icon": "2.2.1",
-    "@elliemae/ds-indeterminate-progress-indicator": "2.2.1",
-    "@elliemae/ds-label-value": "2.2.1",
-    "@elliemae/ds-list-section-header": "2.2.1",
-    "@elliemae/ds-loading-indicator": "2.2.1",
-    "@elliemae/ds-menu": "2.2.1",
-    "@elliemae/ds-overlay": "2.2.1",
-    "@elliemae/ds-page-header": "2.2.1",
-    "@elliemae/ds-page-number": "2.2.1",
-    "@elliemae/ds-pills": "2.2.1",
-    "@elliemae/ds-popover": "2.2.1",
-    "@elliemae/ds-popper": "2.2.1",
-    "@elliemae/ds-portal": "2.2.1",
-    "@elliemae/ds-progress-indicator": "2.2.1",
-    "@elliemae/ds-read-more": "2.2.1",
-    "@elliemae/ds-resizeable-container": "2.2.1",
-    "@elliemae/ds-separator": "2.2.1",
-    "@elliemae/ds-side-panel": "2.2.1",
-    "@elliemae/ds-slider": "2.2.1",
-    "@elliemae/ds-spinner": "2.2.1",
-    "@elliemae/ds-tabs": "2.2.1",
-    "@elliemae/ds-text-wrapper": "2.2.1",
-    "@elliemae/ds-time-picker": "2.2.1",
-    "@elliemae/ds-toast": "2.2.1",
-    "@elliemae/ds-toolbar": "2.2.1",
-    "@elliemae/ds-tooltip": "2.2.1",
-    "@elliemae/ds-truncated-expandable-text": "2.2.1",
-    "@elliemae/ds-truncated-tooltip-text": "2.2.1",
-    "@elliemae/ds-zipcode-search": "2.2.1",
-    "@elliemae/ds-zoom": "2.2.1"
+    "@elliemae/ds-accordion": "2.3.0-alpha.4",
+    "@elliemae/ds-app-picker": "2.3.0-alpha.4",
+    "@elliemae/ds-backdrop": "2.3.0-alpha.4",
+    "@elliemae/ds-breadcrumb": "2.3.0-alpha.4",
+    "@elliemae/ds-button": "2.3.0-alpha.4",
+    "@elliemae/ds-button-group": "2.3.0-alpha.4",
+    "@elliemae/ds-card": "2.3.0-alpha.4",
+    "@elliemae/ds-circular-progress-indicator": "2.3.0-alpha.4",
+    "@elliemae/ds-form": "2.3.0-alpha.4",
+    "@elliemae/ds-grid": "2.3.0-alpha.4",
+    "@elliemae/ds-group-box": "2.3.0-alpha.4",
+    "@elliemae/ds-header": "2.3.0-alpha.4",
+    "@elliemae/ds-hidden": "2.3.0-alpha.4",
+    "@elliemae/ds-icon": "2.3.0-alpha.4",
+    "@elliemae/ds-indeterminate-progress-indicator": "2.3.0-alpha.4",
+    "@elliemae/ds-label-value": "2.3.0-alpha.4",
+    "@elliemae/ds-list-section-header": "2.3.0-alpha.4",
+    "@elliemae/ds-loading-indicator": "2.3.0-alpha.4",
+    "@elliemae/ds-menu": "2.3.0-alpha.4",
+    "@elliemae/ds-overlay": "2.3.0-alpha.4",
+    "@elliemae/ds-page-header": "2.3.0-alpha.4",
+    "@elliemae/ds-page-number": "2.3.0-alpha.4",
+    "@elliemae/ds-pills": "2.3.0-alpha.4",
+    "@elliemae/ds-popover": "2.3.0-alpha.4",
+    "@elliemae/ds-popper": "2.3.0-alpha.4",
+    "@elliemae/ds-portal": "2.3.0-alpha.4",
+    "@elliemae/ds-progress-indicator": "2.3.0-alpha.4",
+    "@elliemae/ds-read-more": "2.3.0-alpha.4",
+    "@elliemae/ds-resizeable-container": "2.3.0-alpha.4",
+    "@elliemae/ds-separator": "2.3.0-alpha.4",
+    "@elliemae/ds-side-panel": "2.3.0-alpha.4",
+    "@elliemae/ds-slider": "2.3.0-alpha.4",
+    "@elliemae/ds-spinner": "2.3.0-alpha.4",
+    "@elliemae/ds-tabs": "2.3.0-alpha.4",
+    "@elliemae/ds-text-wrapper": "2.3.0-alpha.4",
+    "@elliemae/ds-time-picker": "2.3.0-alpha.4",
+    "@elliemae/ds-toast": "2.3.0-alpha.4",
+    "@elliemae/ds-toolbar": "2.3.0-alpha.4",
+    "@elliemae/ds-tooltip": "2.3.0-alpha.4",
+    "@elliemae/ds-truncated-expandable-text": "2.3.0-alpha.4",
+    "@elliemae/ds-truncated-tooltip-text": "2.3.0-alpha.4",
+    "@elliemae/ds-zipcode-search": "2.3.0-alpha.4",
+    "@elliemae/ds-zoom": "2.3.0-alpha.4"
   },
   "devDependencies": {
     "gulp": "~4.0.2",

package/styles/components/packages/ds-button/DSButton.scss

@@ -52,7 +52,7 @@ $text-disabled: #5c6574;
   position: relative;
 
   &:after {
-    content: "";
+    content: '';
     position: absolute;
     top: 0;
     left: 0;
@@ -288,7 +288,7 @@ div.#{$btn-el} {
 
 // ********************************************
 // Secondary
-.#{$btn-el-secondary}{
+.#{$btn-el-secondary} {
   color: color(brand-primary, 600);
   background-color: color(neutral, 000);
   border: $border-type color(neutral, 400);
@@ -393,10 +393,10 @@ div.#{$btn-el} {
 }
 
 $intent-colors: (
-  "success": color("success", 900),
-  "danger": color("danger", 900),
-  "warning": color("warning", 900),
-  "info": color("brand-primary", 600),
+  'success': color('success', 900),
+  'danger': color('danger', 900),
+  'warning': color('warning', 900),
+  'info': color('brand-primary', 600),
 );
 
 @each $intent, $color in $intent-colors {
@@ -425,7 +425,7 @@ $intent-colors: (
     &:hover:not([disabled]),
     &.#{$btn-el-vhover} {
       color: $color;
-      
+
       span.label-wrapper.no-icon {
         &:before {
           background-color: transparent;

package/styles/components/packages/ds-date-picker/components/DatePickerPicker/DatePickerPicker.scss

@@ -2,7 +2,7 @@
   @include border-radius(0 $radius $radius 0);
   padding: 0 calc(#{space(xxs)} * 0.5);
 
-  &:hover:not([disabled]) {    
+  &:hover:not([disabled]) {
     border: $border-type color(brand-primary, 600);
   }
 

package/styles/components/packages/ds-treeview/Tree.scss

@@ -47,39 +47,26 @@ body > .#{$tree-item} {
   &-children-count-displayer {
     color: color(neutral, 500);
   }
-  &--valid {
-    &-drop-before {
-      border-top-width: 2px;
-      border-top-style: solid;
-      border-top-color: color(brand-primary, 600);
-    }
-    &-drop-in {
-      border-width: 2px;
-      border-style: solid;
-      border-color: color(brand-primary, 600);
-    }
-    &-drop-after {
-      border-bottom-width: 2px;
-      border-bottom-style: solid;
-      border-bottom-color: color(brand-primary, 600);
-    }
-  }
-  &--invalid {
-    &-drop-before {
-      border-top-width: 2px;
-      border-top-style: solid;
-      border-top-color: color(danger, 900);
-    }
-    &-drop-in {
-      border-width: 2px;
-      border-style: solid;
-      border-color: color(danger, 900);
-    }
-    &-drop-after {
-      border-bottom-width: 2px;
-      border-bottom-style: solid;
-      border-bottom-color: color(danger, 900);
-    }
+  &--valid-drop-in:after {
+    content: '';
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    border: 2px solid color(brand-primary, 600);
+  }
+
+  &--invalid-drop-in:after {
+    content: '';
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    border: 2px solid color(danger, 900);
   }
 
   .#{$tree-item}__value {
@@ -107,20 +94,49 @@ body > .#{$tree-item} {
   }
 
   &.selected {
+    &:before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      border: 1px solid color(brand-primary, 500);
+      pointer-events: none;
+    }
     background-color: color(brand-primary, 200);
   }
 
+  &.drag-overlay {
+    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
+    border-radius: 2px;
+  }
+
   .drag-handle {
+    position: relative;
     transition: duration(fast) easing(base);
     align-items: center;
     display: flex;
-    // height: 100%;
-    // width: space(s) * 1.3;
+    height: 24px;
     visibility: visible;
     opacity: 1;
     margin-left: 8px;
-
-    @include icon-color(color(neutral, 500));
+    outline: none;
+    cursor: grab;
+    &[data-isactive='true'],
+    &[data-isdragoverlay='true'] {
+      cursor: grabbing;
+    }
+    &.focuseable:focus:after {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      border: 2px solid color(brand-primary, 700);
+      pointer-events: none;
+    }
   }
   .expandable-arrow {
     margin-left: 8px;
@@ -162,12 +178,8 @@ body > .#{$tree-item} {
   }
 
   &.hover {
-    .drag-handle {
-      @include icon-color(color(brand-primary, 800));
-    }
-
     //Update from mixins when the correct states story comes
-    background-color: color(neutral, 080);
+    background-color: color(brand-primary, 200);
 
     &.selected {
       background-color: color(brand-primary, 200);
@@ -180,13 +192,13 @@ body > .#{$tree-item} {
     border-radius: 0px;
     z-index: 1;
     &:before {
-      content: "";
+      content: '';
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
-      border: 1px solid color(brand-primary, 600);
+      border: 2px solid color(brand-primary, 700);
       pointer-events: none;
     }
     &.selected {