@elliemae/ds-basic 3.0.0-next.9 → 3.0.1

package/dist/css/dimsum.css

@@ -190,30 +190,24 @@ select {
  * Correct the inability to style clickable types in iOS and Safari.
  */
 button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
+[type='button'],
+[type='reset'],
+[type='submit'] {
   -webkit-appearance: button; }
 
 /**
  * Remove the inner border and padding in Firefox.
  */
 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; }
 
 /**
  * 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; }
-
 /**
  * Correct the padding in Firefox.
  */
@@ -256,8 +250,8 @@ textarea {
  * 1. Add the correct box sizing in IE 10.
  * 2. Remove the padding in IE 10.
  */
-[type="checkbox"],
-[type="radio"] {
+[type='checkbox'],
+[type='radio'] {
   box-sizing: border-box;
   /* 1 */
   padding: 0;
@@ -266,15 +260,15 @@ 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; }
 
 /**
  * 1. Correct the odd appearance in Chrome and Safari.
  * 2. Correct the outline style in Safari.
  */
-[type="search"] {
+[type='search'] {
   -webkit-appearance: textfield;
   /* 1 */
   outline-offset: -2px;
@@ -283,7 +277,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; }
 
 /**
@@ -2011,6 +2005,9 @@ VARIANTS
       box-shadow: inset 0 0 0 1px #8cc2ed;
       border-radius: 2px; }
 
+.em-ds-combobox-container > div {
+  height: 100%; }
+
 .em-ds-combobox-container.with-error .em-ds-combobox__control {
   outline: none;
   position: relative; }
@@ -2032,8 +2029,8 @@ VARIANTS
   border-radius: 2px;
   background: #EBEDF0;
   color: #616b7f; }
-  .em-ds-combobox-container.is-disabled input[type="text"] {
-    background: #EBEEF1 !important; }
+  .em-ds-combobox-container.is-disabled input[type='text'] {
+    background: #ebeef1 !important; }
 
 .em-ds-combobox__placeholder {
   color: #697489;
@@ -4556,90 +4553,6 @@ _:-ms-fullscreen, :root .em-ds-page-header-toolbar--ie-flex-basis-auto {
   .em-ds-page-header .em-ds-page-header-breadcrumb a:first-child {
     padding-left: 1px; }
 
-.em-ds-page-header-v2-title__title {
-  display: grid;
-  font-size: 1.8461rem;
-  line-height: normal;
-  font-weight: 400;
-  margin-right: 0.61538rem; }
-  .em-ds-page-header-v2-title__title .em-ds-form-required-mark {
-    position: absolute;
-    top: 0;
-    right: 0; }
-
-.em-ds-page-header-v2-title__editable-title {
-  font-size: 1.8461rem;
-  line-height: normal;
-  font-weight: 400;
-  padding-left: 0.61538rem; }
-
-.editable-title-component {
-  position: relative;
-  left: -0.61538rem;
-  top: 1px;
-  margin-left: -1px;
-  margin-right: -9px; }
-
-.em-ds-page-header-v2-summary {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  margin-left: 0.61538rem;
-  font-size: 1.3846rem;
-  line-height: normal;
-  font-weight: 400; }
-  .em-ds-page-header-v2-summary:before {
-    display: block;
-    content: '';
-    height: 1.84615rem;
-    background: #464F5C;
-    width: 1px;
-    margin-right: 0.61538rem; }
-  .em-ds-page-header-v2-summary .ph-summary-value {
-    color: #353C46;
-    padding-right: 0.61538rem; }
-  .em-ds-page-header-v2-summary .ph-summary-label {
-    color: #464F5C; }
-  .em-ds-page-header-v2-summary .ph-summary-space {
-    width: 3.69231rem; }
-
-.em-ds-page-header-v2-breadcrumb ol {
-  margin: 0; }
-
-.em-ds-page-header-v2-menu {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding-left: 0.30769rem; }
-  .em-ds-page-header-v2-menu .em-ds-button--secondary:not(:hover) {
-    border-color: transparent; }
-  .em-ds-page-header-v2-menu .em-ds-button--secondary:focus:after {
-    top: -1px;
-    left: -1px;
-    width: calc(100% + 2px);
-    height: calc(100% + 2px); }
-
-.em-ds-page-header-v2-toolbar {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-end; }
-  .em-ds-page-header-v2-toolbar .em-ds-toolbar {
-    height: auto;
-    background: none; }
-    .em-ds-page-header-v2-toolbar .em-ds-toolbar > div .em-ds-button {
-      margin-left: 0.92308rem; }
-    .em-ds-page-header-v2-toolbar .em-ds-toolbar > div .em-ds-input-addon-wrapper {
-      box-shadow: none; }
-      .em-ds-page-header-v2-toolbar .em-ds-toolbar > div .em-ds-input-addon-wrapper div {
-        height: 100%; }
-
-.em-ds-page-header-v2-back {
-  display: flex;
-  align-items: center;
-  fill: #1e79c2;
-  cursor: pointer; }
-
 .em-ds-truncated-tooltip-text {
   display: flex;
   min-width: 0; }
@@ -5428,421 +5341,6 @@ _:-ms-fullscreen, :root .em-ds-page-header-toolbar--ie-flex-basis-auto {
   left: 0;
   right: 0; }
 
-.em-ds-icon {
-  height: 16px;
-  width: 16px;
-  display: inline-flex;
-  vertical-align: middle; }
-  .em-ds-icon svg {
-    height: 16px;
-    width: 16px; }
-    .em-ds-icon svg svg {
-      height: 16px;
-      width: 16px; }
-  .em-ds-icon svg {
-    height: 16px;
-    width: 16px; }
-
-.em-ds-icon--xxs {
-  height: 4px;
-  width: 4px; }
-  .em-ds-icon--xxs svg {
-    height: 4px;
-    width: 4px; }
-
-.em-ds-icon--xs {
-  height: 8px;
-  width: 8px; }
-  .em-ds-icon--xs svg {
-    height: 8px;
-    width: 8px; }
-
-.em-ds-icon--s {
-  height: 16px;
-  width: 16px; }
-  .em-ds-icon--s svg {
-    height: 16px;
-    width: 16px; }
-
-.em-ds-icon--m {
-  height: 24px;
-  width: 24px; }
-  .em-ds-icon--m svg {
-    height: 24px;
-    width: 24px; }
-
-.em-ds-icon--l {
-  height: 32px;
-  width: 32px; }
-  .em-ds-icon--l svg {
-    height: 32px;
-    width: 32px; }
-
-.em-ds-icon--xl {
-  height: 48px;
-  width: 48px; }
-  .em-ds-icon--xl svg {
-    height: 48px;
-    width: 48px; }
-
-.em-ds-icon--xxl {
-  height: 64px;
-  width: 64px; }
-  .em-ds-icon--xxl svg {
-    height: 64px;
-    width: 64px; }
-
-.em-ds-icon--color-neutral-1000 {
-  fill: #000000 !important; }
-
-.em-ds-icon--color-neutral-1000 svg {
-  fill: #000000 !important; }
-
-.em-ds-icon--color-neutral-900 {
-  fill: #333333 !important; }
-
-.em-ds-icon--color-neutral-900 svg {
-  fill: #333333 !important; }
-
-.em-ds-icon--color-neutral-800 {
-  fill: #25292F !important; }
-
-.em-ds-icon--color-neutral-800 svg {
-  fill: #25292F !important; }
-
-.em-ds-icon--color-neutral-700 {
-  fill: #353C46 !important; }
-
-.em-ds-icon--color-neutral-700 svg {
-  fill: #353C46 !important; }
-
-.em-ds-icon--color-neutral-600 {
-  fill: #464F5C !important; }
-
-.em-ds-icon--color-neutral-600 svg {
-  fill: #464F5C !important; }
-
-.em-ds-icon--color-neutral-500 {
-  fill: #697489 !important; }
-
-.em-ds-icon--color-neutral-500 svg {
-  fill: #697489 !important; }
-
-.em-ds-icon--color-neutral-400 {
-  fill: #8C93A6 !important; }
-
-.em-ds-icon--color-neutral-400 svg {
-  fill: #8C93A6 !important; }
-
-.em-ds-icon--color-neutral-300 {
-  fill: #B0B9C8 !important; }
-
-.em-ds-icon--color-neutral-300 svg {
-  fill: #B0B9C8 !important; }
-
-.em-ds-icon--color-neutral-200 {
-  fill: #CBCFD7 !important; }
-
-.em-ds-icon--color-neutral-200 svg {
-  fill: #CBCFD7 !important; }
-
-.em-ds-icon--color-neutral-100 {
-  fill: #E0E3E8 !important; }
-
-.em-ds-icon--color-neutral-100 svg {
-  fill: #E0E3E8 !important; }
-
-.em-ds-icon--color-neutral-80 {
-  fill: #EBEDF0 !important; }
-
-.em-ds-icon--color-neutral-80 svg {
-  fill: #EBEDF0 !important; }
-
-.em-ds-icon--color-neutral-50 {
-  fill: #F6F7F9 !important; }
-
-.em-ds-icon--color-neutral-50 svg {
-  fill: #F6F7F9 !important; }
-
-.em-ds-icon--color-neutral-0 {
-  fill: #FFFFFF !important; }
-
-.em-ds-icon--color-neutral-0 svg {
-  fill: #FFFFFF !important; }
-
-.em-ds-icon--color-brand-primary-900 {
-  fill: !important; }
-
-.em-ds-icon--color-brand-primary-900 svg {
-  fill: !important; }
-
-.em-ds-icon--color-brand-primary-800 {
-  fill: #005181 !important; }
-
-.em-ds-icon--color-brand-primary-800 svg {
-  fill: #005181 !important; }
-
-.em-ds-icon--color-brand-primary-700 {
-  fill: #006AA9 !important; }
-
-.em-ds-icon--color-brand-primary-700 svg {
-  fill: #006AA9 !important; }
-
-.em-ds-icon--color-brand-primary-600 {
-  fill: #1e79c2 !important; }
-
-.em-ds-icon--color-brand-primary-600 svg {
-  fill: #1e79c2 !important; }
-
-.em-ds-icon--color-brand-primary-500 {
-  fill: #1394E5 !important; }
-
-.em-ds-icon--color-brand-primary-500 svg {
-  fill: #1394E5 !important; }
-
-.em-ds-icon--color-brand-primary-400 {
-  fill: #52A6EC !important; }
-
-.em-ds-icon--color-brand-primary-400 svg {
-  fill: #52A6EC !important; }
-
-.em-ds-icon--color-brand-primary-300 {
-  fill: #A3D6FF !important; }
-
-.em-ds-icon--color-brand-primary-300 svg {
-  fill: #A3D6FF !important; }
-
-.em-ds-icon--color-brand-primary-200 {
-  fill: #EBF6FF !important; }
-
-.em-ds-icon--color-brand-primary-200 svg {
-  fill: #EBF6FF !important; }
-
-.em-ds-icon--color-brand-primary-100 {
-  fill: #F6FBFF !important; }
-
-.em-ds-icon--color-brand-primary-100 svg {
-  fill: #F6FBFF !important; }
-
-.em-ds-icon--color-brand-secondary-900 {
-  fill: !important; }
-
-.em-ds-icon--color-brand-secondary-900 svg {
-  fill: !important; }
-
-.em-ds-icon--color-brand-secondary-800 {
-  fill: !important; }
-
-.em-ds-icon--color-brand-secondary-800 svg {
-  fill: !important; }
-
-.em-ds-icon--color-brand-secondary-700 {
-  fill: !important; }
-
-.em-ds-icon--color-brand-secondary-700 svg {
-  fill: !important; }
-
-.em-ds-icon--color-brand-secondary-600 {
-  fill: !important; }
-
-.em-ds-icon--color-brand-secondary-600 svg {
-  fill: !important; }
-
-.em-ds-icon--color-brand-secondary-500 {
-  fill: !important; }
-
-.em-ds-icon--color-brand-secondary-500 svg {
-  fill: !important; }
-
-.em-ds-icon--color-brand-secondary-400 {
-  fill: !important; }
-
-.em-ds-icon--color-brand-secondary-400 svg {
-  fill: !important; }
-
-.em-ds-icon--color-brand-secondary-300 {
-  fill: !important; }
-
-.em-ds-icon--color-brand-secondary-300 svg {
-  fill: !important; }
-
-.em-ds-icon--color-brand-secondary-200 {
-  fill: !important; }
-
-.em-ds-icon--color-brand-secondary-200 svg {
-  fill: !important; }
-
-.em-ds-icon--color-brand-secondary-100 {
-  fill: !important; }
-
-.em-ds-icon--color-brand-secondary-100 svg {
-  fill: !important; }
-
-.em-ds-icon--color-success-900 {
-  fill: #207E56 !important; }
-
-.em-ds-icon--color-success-900 svg {
-  fill: #207E56 !important; }
-
-.em-ds-icon--color-success-800 {
-  fill: !important; }
-
-.em-ds-icon--color-success-800 svg {
-  fill: !important; }
-
-.em-ds-icon--color-success-700 {
-  fill: !important; }
-
-.em-ds-icon--color-success-700 svg {
-  fill: !important; }
-
-.em-ds-icon--color-success-600 {
-  fill: !important; }
-
-.em-ds-icon--color-success-600 svg {
-  fill: !important; }
-
-.em-ds-icon--color-success-500 {
-  fill: !important; }
-
-.em-ds-icon--color-success-500 svg {
-  fill: !important; }
-
-.em-ds-icon--color-success-400 {
-  fill: !important; }
-
-.em-ds-icon--color-success-400 svg {
-  fill: !important; }
-
-.em-ds-icon--color-success-300 {
-  fill: #D4F0E5 !important; }
-
-.em-ds-icon--color-success-300 svg {
-  fill: #D4F0E5 !important; }
-
-.em-ds-icon--color-success-200 {
-  fill: !important; }
-
-.em-ds-icon--color-success-200 svg {
-  fill: !important; }
-
-.em-ds-icon--color-success-100 {
-  fill: !important; }
-
-.em-ds-icon--color-success-100 svg {
-  fill: !important; }
-
-.em-ds-icon--color-warning-900 {
-  fill: #D17A00 !important; }
-
-.em-ds-icon--color-warning-900 svg {
-  fill: #D17A00 !important; }
-
-.em-ds-icon--color-warning-800 {
-  fill: !important; }
-
-.em-ds-icon--color-warning-800 svg {
-  fill: !important; }
-
-.em-ds-icon--color-warning-700 {
-  fill: #FF9400 !important; }
-
-.em-ds-icon--color-warning-700 svg {
-  fill: #FF9400 !important; }
-
-.em-ds-icon--color-warning-600 {
-  fill: #FBB431 !important; }
-
-.em-ds-icon--color-warning-600 svg {
-  fill: #FBB431 !important; }
-
-.em-ds-icon--color-warning-500 {
-  fill: #FBB431 !important; }
-
-.em-ds-icon--color-warning-500 svg {
-  fill: #FBB431 !important; }
-
-.em-ds-icon--color-warning-400 {
-  fill: #FBDE31 !important; }
-
-.em-ds-icon--color-warning-400 svg {
-  fill: #FBDE31 !important; }
-
-.em-ds-icon--color-warning-300 {
-  fill: !important; }
-
-.em-ds-icon--color-warning-300 svg {
-  fill: !important; }
-
-.em-ds-icon--color-warning-200 {
-  fill: !important; }
-
-.em-ds-icon--color-warning-200 svg {
-  fill: !important; }
-
-.em-ds-icon--color-warning-100 {
-  fill: !important; }
-
-.em-ds-icon--color-warning-100 svg {
-  fill: !important; }
-
-.em-ds-icon--color-danger-900 {
-  fill: #C64252 !important; }
-
-.em-ds-icon--color-danger-900 svg {
-  fill: #C64252 !important; }
-
-.em-ds-icon--color-danger-800 {
-  fill: !important; }
-
-.em-ds-icon--color-danger-800 svg {
-  fill: !important; }
-
-.em-ds-icon--color-danger-700 {
-  fill: !important; }
-
-.em-ds-icon--color-danger-700 svg {
-  fill: !important; }
-
-.em-ds-icon--color-danger-600 {
-  fill: !important; }
-
-.em-ds-icon--color-danger-600 svg {
-  fill: !important; }
-
-.em-ds-icon--color-danger-500 {
-  fill: !important; }
-
-.em-ds-icon--color-danger-500 svg {
-  fill: !important; }
-
-.em-ds-icon--color-danger-400 {
-  fill: !important; }
-
-.em-ds-icon--color-danger-400 svg {
-  fill: !important; }
-
-.em-ds-icon--color-danger-300 {
-  fill: !important; }
-
-.em-ds-icon--color-danger-300 svg {
-  fill: !important; }
-
-.em-ds-icon--color-danger-200 {
-  fill: #F7CDD2 !important; }
-
-.em-ds-icon--color-danger-200 svg {
-  fill: #F7CDD2 !important; }
-
-.em-ds-icon--color-danger-100 {
-  fill: !important; }
-
-.em-ds-icon--color-danger-100 svg {
-  fill: !important; }
-
-svg:not([fill]) {
-  fill: unset; }
-
 div.em-ds-button {
   -webkit-appearance: initial; }
 
@@ -7881,7 +7379,7 @@ body.ReactModal__Body--open {
 
 .em-ds-modal-v2.em-ds-modal-v2--xx-large {
   max-width: 1600px;
-  width: 100%; }
+  width: calc(100% - 48px); }
 
 .em-ds-modal-v2__modal-feedback {
   text-align: center;
@@ -7889,13 +7387,17 @@ body.ReactModal__Body--open {
   .em-ds-modal-v2__modal-feedback .em-ds-icon {
     height: 4.92308rem;
     width: 4.92308rem; }
-  .em-ds-modal-v2__modal-feedback--information .em-ds-icon svg, .em-ds-modal-v2__modal-feedback--information .em-ds-icon svg:not([fill]) {
+  .em-ds-modal-v2__modal-feedback--information .em-ds-icon svg,
+  .em-ds-modal-v2__modal-feedback--information .em-ds-icon svg:not([fill]) {
     fill: #006AA9; }
-  .em-ds-modal-v2__modal-feedback--warning .em-ds-icon svg, .em-ds-modal-v2__modal-feedback--warning .em-ds-icon svg:not([fill]) {
+  .em-ds-modal-v2__modal-feedback--warning .em-ds-icon svg,
+  .em-ds-modal-v2__modal-feedback--warning .em-ds-icon svg:not([fill]) {
     fill: #FBB431; }
-  .em-ds-modal-v2__modal-feedback--error .em-ds-icon svg, .em-ds-modal-v2__modal-feedback--error .em-ds-icon svg:not([fill]) {
+  .em-ds-modal-v2__modal-feedback--error .em-ds-icon svg,
+  .em-ds-modal-v2__modal-feedback--error .em-ds-icon svg:not([fill]) {
     fill: #C64252; }
-  .em-ds-modal-v2__modal-feedback--success .em-ds-icon svg, .em-ds-modal-v2__modal-feedback--success .em-ds-icon svg:not([fill]) {
+  .em-ds-modal-v2__modal-feedback--success .em-ds-icon svg,
+  .em-ds-modal-v2__modal-feedback--success .em-ds-icon svg:not([fill]) {
     fill: #207E56; }
 
 .em-ds-modal-v2-type-information,
@@ -11283,8 +10785,9 @@ body > .em-ds-tree-item {
   transform: translateY(-10px); }
 
 .ql-snow .ql-formats {
-  display: inline-block;
-  vertical-align: middle; }
+  display: inline-flex;
+  vertical-align: middle;
+  align-items: center; }
 
 .ql-snow .ql-formats:after {
   clear: both;