@elliemae/ds-basic 3.0.0-next.8 → 3.0.0-rc.0

package/dist/styles/base/_generic/_normalize.scss

@@ -8,12 +8,12 @@ html {
   -webkit-text-size-adjust: 100%; /* 2 */
 }
 
-  // Set box-sizing globally to handle padding and border widths
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box;
-  }
+// Set box-sizing globally to handle padding and border widths
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
 
 /* Sections
    ========================================================================== */
@@ -140,16 +140,16 @@ sup {
  */
 
 img {
-    // Get rid of gap under images by making them display: inline-block; by default
-    display: inline-block;
-    border-style: none;
-    vertical-align: middle;
+  // Get rid of gap under images by making them display: inline-block; by default
+  display: inline-block;
+  border-style: none;
+  vertical-align: middle;
 
-    // Grid defaults to get images and embeds to work properly
-    max-width: 100%;
-    height: auto;
-    -ms-interpolation-mode: bicubic;
-  }
+  // Grid defaults to get images and embeds to work properly
+  max-width: 100%;
+  height: auto;
+  -ms-interpolation-mode: bicubic;
+}
 
 /* Form
    ========================================================================== */
@@ -176,7 +176,8 @@ textarea {
  */
 
 button,
-input { /* 1 */
+input {
+  /* 1 */
   overflow: visible;
 }
 
@@ -186,7 +187,8 @@ input { /* 1 */
  */
 
 button,
-select { /* 1 */
+select {
+  /* 1 */
   text-transform: none;
 }
 
@@ -195,9 +197,9 @@ select { /* 1 */
  */
 
 button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
+[type='button'],
+[type='reset'],
+[type='submit'] {
   -webkit-appearance: button;
 }
 
@@ -206,9 +208,9 @@ button,
  */
 
 button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
@@ -217,12 +219,12 @@ button::-moz-focus-inner,
  * Restore the focus styles unset by the previous rule.
  */
 
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
+// button:-moz-focusring,
+// [type="button"]:-moz-focusring,
+// [type="reset"]:-moz-focusring,
+// [type="submit"]:-moz-focusring {
+//   outline: 1px dotted ButtonText;
+// }
 
 /**
  * Correct the padding in Firefox.
@@ -269,8 +271,8 @@ textarea {
  * 2. Remove the padding in IE 10.
  */
 
-[type="checkbox"],
-[type="radio"] {
+[type='checkbox'],
+[type='radio'] {
   box-sizing: border-box; /* 1 */
   padding: 0; /* 2 */
 }
@@ -279,8 +281,8 @@ textarea {
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
 
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
   height: auto;
 }
 
@@ -289,7 +291,7 @@ textarea {
  * 2. Correct the outline style in Safari.
  */
 
-[type="search"] {
+[type='search'] {
   -webkit-appearance: textfield; /* 1 */
   outline-offset: -2px; /* 2 */
 }
@@ -298,7 +300,7 @@ textarea {
  * Remove the inner padding in Chrome and Safari on macOS.
  */
 
-[type="search"]::-webkit-search-decoration {
+[type='search']::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
@@ -348,4 +350,4 @@ template {
 
 [hidden] {
   display: none;
-}
+}

package/dist/styles/components/index.scss

@@ -31,7 +31,6 @@
 @import 'packages/ds-popover/DSPopover';
 @import 'packages/ds-overlay/DSOverlay';
 @import 'packages/ds-portal/DSPortal';
-@import 'packages/ds-icon/DSIcon';
 @import 'packages/ds-card/DSCard';
 @import 'packages/ds-form/ComboBox/DSComboBox';
 @import 'packages/ds-button-group/DSButtonGroup';

package/dist/styles/components/packages/ds-basic/index.scss

@@ -33,7 +33,6 @@
 @import '../../ds-popover/src/DSPopover';
 @import '../../ds-overlay/src/DSOverlay';
 @import '../../ds-portal/src/DSPortal';
-@import '../../ds-icon/src/DSIcon';
 @import '../../ds-button/src/DSButton';
 @import '../../ds-separator/src/DSSeparator';
 @import '../../ds-label-value/src/DSLabelValue';
@@ -41,7 +40,7 @@
 @import '../../ds-text-wrapper/src/DSTextWrapper';
 @import '../../ds-card/src/DSCard';
 @import '../../ds-button-group/src//DSButtonGroup';
-@import "../../ds-dropdownmenu/src/DSDropdownMenu";
+@import '../../ds-dropdownmenu/src/DSDropdownMenu';
 @import '../../ds-menu/src/Menu';
 @import '../../ds-pills/src/DSPills';
 @import '../../ds-zoom/src/DSZoom';

package/dist/styles/components/packages/ds-basic/styles/base/_generic/_normalize.scss

@@ -8,12 +8,12 @@ html {
   -webkit-text-size-adjust: 100%; /* 2 */
 }
 
-  // Set box-sizing globally to handle padding and border widths
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box;
-  }
+// Set box-sizing globally to handle padding and border widths
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
 
 /* Sections
    ========================================================================== */
@@ -140,16 +140,16 @@ sup {
  */
 
 img {
-    // Get rid of gap under images by making them display: inline-block; by default
-    display: inline-block;
-    border-style: none;
-    vertical-align: middle;
+  // Get rid of gap under images by making them display: inline-block; by default
+  display: inline-block;
+  border-style: none;
+  vertical-align: middle;
 
-    // Grid defaults to get images and embeds to work properly
-    max-width: 100%;
-    height: auto;
-    -ms-interpolation-mode: bicubic;
-  }
+  // Grid defaults to get images and embeds to work properly
+  max-width: 100%;
+  height: auto;
+  -ms-interpolation-mode: bicubic;
+}
 
 /* Form
    ========================================================================== */
@@ -176,7 +176,8 @@ textarea {
  */
 
 button,
-input { /* 1 */
+input {
+  /* 1 */
   overflow: visible;
 }
 
@@ -186,7 +187,8 @@ input { /* 1 */
  */
 
 button,
-select { /* 1 */
+select {
+  /* 1 */
   text-transform: none;
 }
 
@@ -195,9 +197,9 @@ select { /* 1 */
  */
 
 button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
+[type='button'],
+[type='reset'],
+[type='submit'] {
   -webkit-appearance: button;
 }
 
@@ -206,9 +208,9 @@ button,
  */
 
 button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
@@ -217,12 +219,12 @@ button::-moz-focus-inner,
  * Restore the focus styles unset by the previous rule.
  */
 
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
+// button:-moz-focusring,
+// [type="button"]:-moz-focusring,
+// [type="reset"]:-moz-focusring,
+// [type="submit"]:-moz-focusring {
+//   outline: 1px dotted ButtonText;
+// }
 
 /**
  * Correct the padding in Firefox.
@@ -269,8 +271,8 @@ textarea {
  * 2. Remove the padding in IE 10.
  */
 
-[type="checkbox"],
-[type="radio"] {
+[type='checkbox'],
+[type='radio'] {
   box-sizing: border-box; /* 1 */
   padding: 0; /* 2 */
 }
@@ -279,8 +281,8 @@ textarea {
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
 
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
   height: auto;
 }
 
@@ -289,7 +291,7 @@ textarea {
  * 2. Correct the outline style in Safari.
  */
 
-[type="search"] {
+[type='search'] {
   -webkit-appearance: textfield; /* 1 */
   outline-offset: -2px; /* 2 */
 }
@@ -298,7 +300,7 @@ textarea {
  * Remove the inner padding in Chrome and Safari on macOS.
  */
 
-[type="search"]::-webkit-search-decoration {
+[type='search']::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
@@ -348,4 +350,4 @@ template {
 
 [hidden] {
   display: none;
-}
+}

package/dist/styles/components/packages/ds-basic/styles/dist-index.scss

@@ -31,7 +31,6 @@
 @import 'packages/ds-popover/DSPopover';
 @import 'packages/ds-overlay/DSOverlay';
 @import 'packages/ds-portal/DSPortal';
-@import 'packages/ds-icon/DSIcon';
 @import 'packages/ds-card/DSCard';
 @import 'packages/ds-form/ComboBox/DSComboBox';
 @import 'packages/ds-button-group/DSButtonGroup';

package/dist/styles/components/packages/ds-common/ComboBox/v2/styles/wrapper.scss

@@ -11,31 +11,33 @@ $wrapper: #{$combo}__control;
   flex-wrap: nowrap;
 
   &.with-error {
-    @include dsBorderAfter(color(danger, 900))
+    @include dsBorderAfter(color(danger, 900));
   }
-  
+
   &:hover {
-    @include dsBorderAfter(color(brand-primary, 600))
+    @include dsBorderAfter(color(brand-primary, 600));
   }
   &:focus-within {
     @include dsFocusAfter();
   }
 }
 
-
 $container: #{$combo}-container;
 
-.#{$container}{
+.#{$container} {
+  & > div {
+    height: 100%;
+  }
 
   &.with-error {
     .#{$wrapper} {
-      @include dsBorderAfter(color(danger, 900))
+      @include dsBorderAfter(color(danger, 900));
     }
   }
   &.is-disabled {
     @include dsDisabled();
-    & input[type="text"] {
-      background: #EBEEF1 !important;
+    & input[type='text'] {
+      background: #ebeef1 !important;
     }
   }
 }

package/dist/styles/components/packages/ds-modal/v2/DSModal.scss

@@ -60,15 +60,15 @@ $overlay-top: #{$base}--top;
   padding-right: space(s);
   flex: 0 0 auto;
   width: calc(100% - 1px);
-  .#{$header-right}{
-      background: color(neutral, 0);
-      margin-left: auto;
+  .#{$header-right} {
+    background: color(neutral, 0);
+    margin-left: auto;
   }
-  .#{$header-right-form}{
-      background: none;
-      height: calc(#{space(m)} * 1.16);
-      align-items: center;
-      display: flex;
+  .#{$header-right-form} {
+    background: none;
+    height: calc(#{space(m)} * 1.16);
+    align-items: center;
+    display: flex;
   }
 }
 
@@ -141,7 +141,7 @@ $el-center: #{$base}--center;
 
 .#{$base}.#{$el-size-xxlarge} {
   max-width: 1600px;
-  width: 100%;
+  width: calc(100% - 48px);
 }
 
 // ********************************************
@@ -160,7 +160,8 @@ $feedback-icon: #{$prefix}-icon;
 
   &--information {
     .#{$icon-selector} {
-      svg, svg:not([fill]) {
+      svg,
+      svg:not([fill]) {
         @include icon-color(color(brand-primary, 700));
       }
     }
@@ -168,7 +169,8 @@ $feedback-icon: #{$prefix}-icon;
 
   &--warning {
     .#{$icon-selector} {
-      svg, svg:not([fill]) {
+      svg,
+      svg:not([fill]) {
         @include icon-color(color(warning, 600));
       }
     }
@@ -176,7 +178,8 @@ $feedback-icon: #{$prefix}-icon;
 
   &--error {
     .#{$icon-selector} {
-      svg, svg:not([fill]) {
+      svg,
+      svg:not([fill]) {
         @include icon-color(color(danger, 900));
       }
     }
@@ -184,7 +187,8 @@ $feedback-icon: #{$prefix}-icon;
 
   &--success {
     .#{$icon-selector} {
-      svg, svg:not([fill]) {
+      svg,
+      svg:not([fill]) {
         @include icon-color(color(success, 900));
       }
     }
@@ -212,7 +216,8 @@ $title: #{$base}__modal-title;
   padding-right: space(s);
   margin: 0;
 
-  &--information, &--decision {
+  &--information,
+  &--decision {
     padding: 0 space(s) space(s) space(s);
   }
 
@@ -254,13 +259,13 @@ $content: #{$base}__modal-content;
     padding-right: space(s);
   }
   &--form {
-    padding-top: space(s);   
+    padding-top: space(s);
   }
   &--remove-padding {
     padding: 0;
   }
-  .em-ds-data-grid-body__row:last-child{
-      margin-bottom: 0;
+  .em-ds-data-grid-body__row:last-child {
+    margin-bottom: 0;
   }
 }
 

package/dist/styles/components/packages/ds-page-header/DSPageHeader.scss

@@ -1,2 +1 @@
-@import "./v1/DSPageHeader.scss";
-@import "./v2/PageHeaderV2.scss"
+@import './v1/DSPageHeader.scss';

package/dist/styles/components/packages/ds-wysiwygeditor/components/DSWYSIWYGEditorImpl.scss

@@ -755,8 +755,9 @@
 }
 
 .ql-snow .ql-formats {
-  display: inline-block;
+  display: inline-flex;
   vertical-align: middle;
+  align-items: center;
 }
 
 .ql-snow .ql-formats:after {

package/dist/styles/dist-index.scss

@@ -31,7 +31,6 @@
 @import 'packages/ds-popover/DSPopover';
 @import 'packages/ds-overlay/DSOverlay';
 @import 'packages/ds-portal/DSPortal';
-@import 'packages/ds-icon/DSIcon';
 @import 'packages/ds-card/DSCard';
 @import 'packages/ds-form/ComboBox/DSComboBox';
 @import 'packages/ds-button-group/DSButtonGroup';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-basic",
-  "version": "3.0.0-next.8",
+  "version": "3.0.0-rc.0",
   "license": "MIT",
   "description": "EllieMae UI Design System Library",
   "files": [
@@ -10,10 +10,6 @@
   "main": "./dist/cjs/index.js",
   "types": "./dist/types/index.d.ts",
   "exports": {
-    ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
-    },
     "./css/*": "./dist/css/*",
     "./styles/*": "./dist/styles/*"
   },
@@ -36,6 +32,16 @@
     "reportFile": "tests.xml",
     "indent": 4
   },
+  "scripts": {
+    "test:e2e": "../../../node_modules//node_modules/.bin/wdio run ../../../wdio.conf.js",
+    "test:reports": "../../../node_modules/pui-e2e-test-sdk/node_modules/.bin/allure open",
+    "compile:scss": "node-sass ./styles/dimsum.scss ./dist/css/dimsum.css",
+    "prebuild:css": "gulp copySCSSFiles && pnpm run compile:scss",
+    "build:css": "postcss ./dist/css/dimsum.css -u autoprefixer -b \"> 0.5% in US, not ie 11, not dead\" -r --no-map && postcss ./dist/css/dimsum.css -m -u cssnano -o ./dist/css/dimsum.min.css",
+    "prebuild": "exit 0",
+    "build": "pnpm run build:css",
+    "dev": "exit 0"
+  },
   "devDependencies": {
     "gulp": "~4.0.2",
     "gulp-debug": "~4.0.0",
@@ -49,16 +55,5 @@
   "publishConfig": {
     "access": "public",
     "typeSafety": false
-  },
-  "scripts": {
-    "test:e2e": "../../../node_modules//node_modules/.bin/wdio run ../../../wdio.conf.js",
-    "test:reports": "../../../node_modules/pui-e2e-test-sdk/node_modules/.bin/allure open",
-    "compile:scss": "node-sass ./styles/dimsum.scss ./dist/css/dimsum.css",
-    "prebuild:css": "gulp copySCSSFiles && pnpm run compile:scss",
-    "build:css": "postcss ./dist/css/dimsum.css -u autoprefixer -b \"> 0.5% in US, not ie 11, not dead\" -r --no-map && postcss ./dist/css/dimsum.css -m -u cssnano -o ./dist/css/dimsum.min.css",
-    "prebuild": "exit 0",
-    "build": "node ../../scripts/build/build.mjs && pnpm run build:css",
-    "dev": "node ../../scripts/build/build.js -w"
-  },
-  "readme": "basic, atomic components\n"
-}
+  }
+}

package/dist/cjs/Accordion/index.js

@@ -1,20 +0,0 @@
-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/Accordion/index.js.map

@@ -1,7 +0,0 @@
-{
-  "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/AppPicker/index.js

@@ -1,20 +0,0 @@
-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/AppPicker/index.js.map

@@ -1,7 +0,0 @@
-{
-  "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/Backdrop/index.js

@@ -1,20 +0,0 @@
-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/Backdrop/index.js.map

@@ -1,7 +0,0 @@
-{
-  "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/Breadcrumb/index.js

@@ -1,20 +0,0 @@
-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