@elliemae/ds-basic 2.2.0-alpha.4 → 3.0.0-next.2

package/esm/form/InputMask/index.js

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

package/esm/form/InputProtected/index.js

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

package/esm/form/LargeInputText/index.js

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

package/esm/form/Radio/index.js

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

package/esm/form/RadioGroup/index.js

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

package/esm/form/RequiredMark/index.js

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

package/esm/form/SearchBox/index.js

@@ -1,18 +1,3 @@
-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
+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';

package/esm/form/TextBox/index.js

@@ -1,7 +1,2 @@
-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
+export * from '@elliemae/ds-form/TextBox';
+export { default } from '@elliemae/ds-form/TextBox';

package/esm/form/TimeInput/index.js

@@ -1,7 +1,2 @@
-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
+export * from '@elliemae/ds-form/TimeInput';
+export { default } from '@elliemae/ds-form/TimeInput';

package/esm/form/Toggle/index.js

@@ -1,7 +1,2 @@
-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
+export * from '@elliemae/ds-form/Toggle';
+export { default } from '@elliemae/ds-form/Toggle';

package/esm/form/index.js

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

package/esm/index.js

@@ -1,49 +1,43 @@
-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
+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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-basic",
-  "version": "2.2.0-alpha.4",
+  "version": "3.0.0-next.2",
   "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.0-alpha.4",
-    "@elliemae/ds-app-picker": "2.2.0-alpha.4",
-    "@elliemae/ds-backdrop": "2.2.0-alpha.4",
-    "@elliemae/ds-breadcrumb": "2.2.0-alpha.4",
-    "@elliemae/ds-button": "2.2.0-alpha.4",
-    "@elliemae/ds-button-group": "2.2.0-alpha.4",
-    "@elliemae/ds-card": "2.2.0-alpha.4",
-    "@elliemae/ds-circular-progress-indicator": "2.2.0-alpha.4",
-    "@elliemae/ds-form": "2.2.0-alpha.4",
-    "@elliemae/ds-grid": "2.2.0-alpha.4",
-    "@elliemae/ds-group-box": "2.2.0-alpha.4",
-    "@elliemae/ds-header": "2.2.0-alpha.4",
-    "@elliemae/ds-hidden": "2.2.0-alpha.4",
-    "@elliemae/ds-icon": "2.2.0-alpha.4",
-    "@elliemae/ds-indeterminate-progress-indicator": "2.2.0-alpha.4",
-    "@elliemae/ds-label-value": "2.2.0-alpha.4",
-    "@elliemae/ds-list-section-header": "2.2.0-alpha.4",
-    "@elliemae/ds-loading-indicator": "2.2.0-alpha.4",
-    "@elliemae/ds-menu": "2.2.0-alpha.4",
-    "@elliemae/ds-overlay": "2.2.0-alpha.4",
-    "@elliemae/ds-page-header": "2.2.0-alpha.4",
-    "@elliemae/ds-page-number": "2.2.0-alpha.4",
-    "@elliemae/ds-pills": "2.2.0-alpha.4",
-    "@elliemae/ds-popover": "2.2.0-alpha.4",
-    "@elliemae/ds-popper": "2.2.0-alpha.4",
-    "@elliemae/ds-portal": "2.2.0-alpha.4",
-    "@elliemae/ds-progress-indicator": "2.2.0-alpha.4",
-    "@elliemae/ds-read-more": "2.2.0-alpha.4",
-    "@elliemae/ds-resizeable-container": "2.2.0-alpha.4",
-    "@elliemae/ds-separator": "2.2.0-alpha.4",
-    "@elliemae/ds-side-panel": "2.2.0-alpha.4",
-    "@elliemae/ds-slider": "2.2.0-alpha.4",
-    "@elliemae/ds-spinner": "2.2.0-alpha.4",
-    "@elliemae/ds-tabs": "2.2.0-alpha.4",
-    "@elliemae/ds-text-wrapper": "2.2.0-alpha.4",
-    "@elliemae/ds-time-picker": "2.2.0-alpha.4",
-    "@elliemae/ds-toast": "2.2.0-alpha.4",
-    "@elliemae/ds-toolbar": "2.2.0-alpha.4",
-    "@elliemae/ds-tooltip": "2.2.0-alpha.4",
-    "@elliemae/ds-truncated-expandable-text": "2.2.0-alpha.4",
-    "@elliemae/ds-truncated-tooltip-text": "2.2.0-alpha.4",
-    "@elliemae/ds-zipcode-search": "2.2.0-alpha.4",
-    "@elliemae/ds-zoom": "2.2.0-alpha.4"
+    "@elliemae/ds-accordion": "3.0.0-next.2",
+    "@elliemae/ds-app-picker": "3.0.0-next.2",
+    "@elliemae/ds-backdrop": "3.0.0-next.2",
+    "@elliemae/ds-breadcrumb": "3.0.0-next.2",
+    "@elliemae/ds-button": "3.0.0-next.2",
+    "@elliemae/ds-button-group": "3.0.0-next.2",
+    "@elliemae/ds-card": "3.0.0-next.2",
+    "@elliemae/ds-circular-progress-indicator": "3.0.0-next.2",
+    "@elliemae/ds-form": "3.0.0-next.2",
+    "@elliemae/ds-grid": "3.0.0-next.2",
+    "@elliemae/ds-group-box": "3.0.0-next.2",
+    "@elliemae/ds-header": "3.0.0-next.2",
+    "@elliemae/ds-hidden": "3.0.0-next.2",
+    "@elliemae/ds-icon": "3.0.0-next.2",
+    "@elliemae/ds-indeterminate-progress-indicator": "3.0.0-next.2",
+    "@elliemae/ds-label-value": "3.0.0-next.2",
+    "@elliemae/ds-list-section-header": "3.0.0-next.2",
+    "@elliemae/ds-loading-indicator": "3.0.0-next.2",
+    "@elliemae/ds-menu": "3.0.0-next.2",
+    "@elliemae/ds-overlay": "3.0.0-next.2",
+    "@elliemae/ds-page-header": "3.0.0-next.2",
+    "@elliemae/ds-page-number": "3.0.0-next.2",
+    "@elliemae/ds-pills": "3.0.0-next.2",
+    "@elliemae/ds-popover": "3.0.0-next.2",
+    "@elliemae/ds-popper": "3.0.0-next.2",
+    "@elliemae/ds-portal": "3.0.0-next.2",
+    "@elliemae/ds-progress-indicator": "3.0.0-next.2",
+    "@elliemae/ds-read-more": "3.0.0-next.2",
+    "@elliemae/ds-resizeable-container": "3.0.0-next.2",
+    "@elliemae/ds-separator": "3.0.0-next.2",
+    "@elliemae/ds-side-panel": "3.0.0-next.2",
+    "@elliemae/ds-slider": "3.0.0-next.2",
+    "@elliemae/ds-spinner": "3.0.0-next.2",
+    "@elliemae/ds-tabs": "3.0.0-next.2",
+    "@elliemae/ds-text-wrapper": "3.0.0-next.2",
+    "@elliemae/ds-time-picker": "3.0.0-next.2",
+    "@elliemae/ds-toast": "3.0.0-next.2",
+    "@elliemae/ds-toolbar": "3.0.0-next.2",
+    "@elliemae/ds-tooltip": "3.0.0-next.2",
+    "@elliemae/ds-truncated-expandable-text": "3.0.0-next.2",
+    "@elliemae/ds-truncated-tooltip-text": "3.0.0-next.2",
+    "@elliemae/ds-zipcode-search": "3.0.0-next.2",
+    "@elliemae/ds-zoom": "3.0.0-next.2"
   },
   "devDependencies": {
     "gulp": "~4.0.2",

package/styles/base/fonts/font-base.scss

@@ -1,3 +1,9 @@
 // Note: The URLs here don't match with filesystem due to a defect in node-sass and webpack sass loader.
 
-@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
+@font-face {
+  font-family: 'proxima-nova';
+  src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaRegular.woff2') format('woff2'),
+    url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaRegular.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}

package/styles/components/packages/ds-basic/styles/base/fonts/font-base.scss

@@ -1,3 +1,9 @@
 // Note: The URLs here don't match with filesystem due to a defect in node-sass and webpack sass loader.
 
-@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
+@font-face {
+  font-family: 'proxima-nova';
+  src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaRegular.woff2') format('woff2'),
+    url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaRegular.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}

package/styles/components/packages/ds-basic/styles/themes/theme-default.scss

@@ -18,15 +18,15 @@ Change these color values below to your brand colors.
 // Brand - Primary
 $theme-color-brand-primary-900: null;
 $theme-color-brand-primary-800: #005181;
-$theme-color-brand-primary-700: #006aa9;
+$theme-color-brand-primary-700: #006AA9;
 $theme-color-brand-primary-600: #1e79c2;
-$theme-color-brand-primary-500: #1394e5;
-$theme-color-brand-primary-400: #52a6ec;
-$theme-color-brand-primary-300: #a3d6ff;
-$theme-color-brand-primary-200: #ebf6ff;
-$theme-color-brand-primary-100: #f6fbff;
+$theme-color-brand-primary-500: #1394E5;
+$theme-color-brand-primary-400: #52A6EC;
+$theme-color-brand-primary-300: #A3D6FF;
+$theme-color-brand-primary-200: #EBF6FF;
+$theme-color-brand-primary-100: #F6FBFF;
 
-// Brand - Secondary
+// Brand - Secondary 
 $theme-color-brand-secondary-900: null;
 $theme-color-brand-secondary-800: null;
 $theme-color-brand-secondary-700: null;
@@ -40,58 +40,60 @@ $theme-color-brand-secondary-100: null;
 //Neutral - Used for text, borders, shadows, background, etc
 $theme-color-neutral-1000: #000000;
 $theme-color-neutral-900: #333333;
-$theme-color-neutral-800: #25292f;
-$theme-color-neutral-700: #353c46;
-$theme-color-neutral-600: #464f5c;
+$theme-color-neutral-800: #25292F;
+$theme-color-neutral-700: #353C46;
+$theme-color-neutral-600: #464F5C;
 $theme-color-neutral-500: #697489;
-$theme-color-neutral-400: #8c93a6;
-$theme-color-neutral-300: #b0b9c8;
-$theme-color-neutral-200: #cbcfd7;
-$theme-color-neutral-100: #e0e3e8;
-$theme-color-neutral-080: #ebedf0;
-$theme-color-neutral-050: #f6f7f9;
-$theme-color-neutral-000: #ffffff;
+$theme-color-neutral-400: #8C93A6;
+$theme-color-neutral-300: #B0B9C8;
+$theme-color-neutral-200: #CBCFD7;
+$theme-color-neutral-100: #E0E3E8;
+$theme-color-neutral-080: #EBEDF0;
+$theme-color-neutral-050: #F6F7F9;
+$theme-color-neutral-000: #FFFFFF;
 
-// Success - Used to communicate status or feedback to the user
-$theme-color-success-900: #207e56;
+// Success - Used to communicate status or feedback to the user 
+$theme-color-success-900: #207E56;
 $theme-color-success-800: null;
 $theme-color-success-700: null;
 $theme-color-success-600: null;
 $theme-color-success-500: null;
 $theme-color-success-400: null;
-$theme-color-success-300: #d4f0e5;
+$theme-color-success-300: #D4F0E5;
 $theme-color-success-200: null;
 $theme-color-success-100: null;
 // Danger - Used to communicate status or feedback to the user
-$theme-color-danger-900: #c64252;
+$theme-color-danger-900: #C64252;
 $theme-color-danger-800: null;
 $theme-color-danger-700: null;
 $theme-color-danger-600: null;
 $theme-color-danger-500: null;
 $theme-color-danger-400: null;
 $theme-color-danger-300: null;
-$theme-color-danger-200: #f7cdd2;
+$theme-color-danger-200: #F7CDD2;
 $theme-color-danger-100: null;
 // Warning - Used to communicate status or feedback to the user
-$theme-color-warning-900: #d17a00;
+$theme-color-warning-900: #D17A00;
 $theme-color-warning-800: null;
-$theme-color-warning-700: #ff9400;
-$theme-color-warning-600: #fbb431;
-$theme-color-warning-500: #fbb431;
-$theme-color-warning-400: #fbde31;
+$theme-color-warning-700: #FF9400;
+$theme-color-warning-600: #FBB431;
+$theme-color-warning-500: #FBB431;
+$theme-color-warning-400: #FBDE31;
 $theme-color-warning-300: null;
 $theme-color-warning-200: null;
 $theme-color-warning-100: null;
 
+
 // **TYPOGRAPHY**
 // Typeface
 // Change the typeface.
-$theme-font-family: Roboto !default;
+$theme-font-family: "proxima-nova", Arial, sans-serif !default;
 
 // Type Scale
 // Change the font-sizes of HTML typed tags below.
 $theme-base-font-size: 13px;
 
+
 // **BORDER RADIUS**
 // How round would you like your containers to be?
 $theme-base-border-radius: 2px;

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);
   }