npm - @elliemae/ds-basic - Versions diffs - 3.50.1-next.9 → 3.51.0-beta.1 - Mend

@elliemae/ds-basic 3.50.1-next.9 → 3.51.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (497) hide show

package/dist/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-time-picker/DSTimePicker.scss CHANGED Viewed

@@ -116,7 +116,8 @@ $border-type: solid 1px;
         position: relative;
         color: color(neutral, 500);
         cursor: not-allowed;
-        &::after{ // this renders the cross-line in disabled times
+        &::after {
+          // this renders the cross-line in disabled times
           content: '';
           height: 1px;
           width: 50%;
@@ -129,9 +130,7 @@ $border-type: solid 1px;
         }
       }
-      &:hover
-        :not(.em-ds-time-picker-panel__item--disabled)
-        :not(.em-ds-time-picker-panel__item--selected) {
+      &:hover :not(.em-ds-time-picker-panel__item--disabled) :not(.em-ds-time-picker-panel__item--selected) {
         border: 1px solid color(brand-primary, 600);
         box-shadow: inset 0 0 0 1px color(brand-primary, 300);
         font-weight: lighter;
@@ -194,7 +193,8 @@ $border-type: solid 1px;
       button:not(.#{$prefix}-icon-button--disabled) {
         outline: none;
-        svg, svg:not([fill]) {
+        svg,
+        svg:not([fill]) {
           @include icon-color(color(brand-primary, 600));
         }
       }

package/dist/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-wysiwygeditor/DSWYSIWYGEditor.scss CHANGED Viewed

@@ -1,2 +1,2 @@
 @import './components/DSWYSIWYGEditorImpl';
-@import './components/InsertFieldModal';
+@import './components/InsertFieldModal';

package/dist/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-wysiwygeditor/components/DSWYSIWYGEditorImpl.scss CHANGED Viewed

@@ -24,7 +24,7 @@
       transition: opacity 0.3s;
     }
     & .tooltiptext::after {
-      content: "";
+      content: '';
       position: absolute;
       top: 100%;
       left: 50%;
@@ -33,7 +33,8 @@
       border-style: solid;
       border-color: color(neutral, 600) transparent transparent transparent;
     }
-    button:hover, span:hover + select {
+    button:hover,
+    span:hover + select {
       & + .tooltiptext {
         visibility: visible;
         opacity: 1;
@@ -62,7 +63,7 @@
   visibility: hidden;
 }
-.ql-container.ql-disabled .ql-editor ul[data-checked]>li::before {
+.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
   pointer-events: none;
 }
@@ -108,7 +109,7 @@
   display: block;
 }
-.ql-editor>* {
+.ql-editor > * {
   cursor: text;
 }
@@ -133,37 +134,37 @@
   padding-left: 1.5em;
 }
-.ql-editor ol>li,
-.ql-editor ul>li {
+.ql-editor ol > li,
+.ql-editor ul > li {
   list-style-type: none;
 }
-.ql-editor ul>li::before {
+.ql-editor ul > li::before {
   content: '\2022';
 }
-.ql-editor ul[data-checked=true],
-.ql-editor ul[data-checked=false] {
+.ql-editor ul[data-checked='true'],
+.ql-editor ul[data-checked='false'] {
   pointer-events: none;
 }
-.ql-editor ul[data-checked=true]>li *,
-.ql-editor ul[data-checked=false]>li * {
+.ql-editor ul[data-checked='true'] > li *,
+.ql-editor ul[data-checked='false'] > li * {
   pointer-events: all;
 }
-.ql-editor ul[data-checked=true]>li::before,
-.ql-editor ul[data-checked=false]>li::before {
+.ql-editor ul[data-checked='true'] > li::before,
+.ql-editor ul[data-checked='false'] > li::before {
   color: #777;
   cursor: pointer;
   pointer-events: all;
 }
-.ql-editor ul[data-checked=true]>li::before {
+.ql-editor ul[data-checked='true'] > li::before {
   content: '\2611';
 }
-.ql-editor ul[data-checked=false]>li::before {
+.ql-editor ul[data-checked='false'] > li::before {
   content: '\2610';
 }
@@ -620,8 +621,8 @@
   outline: none;
 }
-.ql-snow.ql-toolbar input.ql-image[type=file],
-.ql-snow .ql-toolbar input.ql-image[type=file] {
+.ql-snow.ql-toolbar input.ql-image[type='file'],
+.ql-snow .ql-toolbar input.ql-image[type='file'] {
   display: none;
 }
@@ -1005,57 +1006,57 @@
   content: 'Normal';
 }
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
-.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='1']::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
   content: 'Heading 1';
 }
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
-.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='2']::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
   content: 'Heading 2';
 }
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
-.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='3']::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
   content: 'Heading 3';
 }
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
-.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='4']::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
   content: 'Heading 4';
 }
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
-.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='5']::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
   content: 'Heading 5';
 }
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
-.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='6']::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
   content: 'Heading 6';
 }
-.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
   font-size: 2em;
 }
-.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
   font-size: 1.5em;
 }
-.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
   font-size: 1.17em;
 }
-.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
   font-size: 1em;
 }
-.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
   font-size: 0.83em;
 }
-.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
   font-size: 0.67em;
 }
@@ -1068,76 +1069,76 @@
   content: 'Sans Serif';
 }
-.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
-.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='serif']::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
   content: 'Serif';
 }
-.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
-.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='monospace']::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
   content: 'Monospace';
 }
-.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=arial]::before,
-.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=arial]::before {
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='arial']::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='arial']::before {
   content: 'Arial';
 }
-.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=comic-sans]::before,
-.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=comic-sans]::before {
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='comic-sans']::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='comic-sans']::before {
   content: 'Comic Sans MS';
 }
-.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=courier-new]::before,
-.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=courier-new]::before {
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='courier-new']::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='courier-new']::before {
   content: 'Courier New';
 }
-.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=georgia]::before,
-.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=georgia]::before {
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='georgia']::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='georgia']::before {
   content: 'Georgia';
 }
-.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=helvetica]::before,
-.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=helvetica]::before {
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='helvetica']::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='helvetica']::before {
   content: 'Helvetica';
 }
-.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=lucida]::before,
-.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=lucida]::before {
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='lucida']::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='lucida']::before {
   content: 'Lucida';
 }
-.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
   font-family: Georgia, Times New Roman, serif;
 }
-.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
   font-family: Monaco, Courier New, monospace;
 }
-.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=arial]::before {
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='arial']::before {
   font-family: Arial, Helvetica, sans-serif;
 }
-.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=comic-sans]::before {
-  font-family: "Comic Sans MS", cursive, sans-serif;
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='comic-sans']::before {
+  font-family: 'Comic Sans MS', cursive, sans-serif;
 }
-.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=courier-new]::before {
-  font-family: "Courier New", Courier, monospace;
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='courier-new']::before {
+  font-family: 'Courier New', Courier, monospace;
 }
-.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=georgia]::before {
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='georgia']::before {
   font-family: Georgia, serif, monospace;
 }
-.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=helvetica]::before {
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='helvetica']::before {
   font-family: Helvetica, Arial, sans-serif;
 }
-.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=lucida]::before {
-  font-family: "Lucida Console", Monaco, monospace;
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='lucida']::before {
+  font-family: 'Lucida Console', Monaco, monospace;
 }
 .ql-snow .ql-picker.ql-size {
@@ -1149,30 +1150,30 @@
   content: 'Normal';
 }
-.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=x-small]::before,
-.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=x-small]::before {
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='x-small']::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='x-small']::before {
   content: 'Small';
 }
-.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
-.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='large']::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {
   content: 'Large';
 }
-.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=x-large]::before,
-.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=x-large]::before {
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='x-large']::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='x-large']::before {
   content: 'Huge';
 }
-.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=x-small]::before {
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='x-small']::before {
   font-size: 10px;
 }
-.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {
   font-size: 18px;
 }
-.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=x-large]::before {
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='x-large']::before {
   font-size: 32px;
 }
@@ -1218,7 +1219,7 @@
   border-color: #000;
 }
-.ql-toolbar.ql-snow+.ql-container.ql-snow {
+.ql-toolbar.ql-snow + .ql-container.ql-snow {
   border-top: 0px;
 }
@@ -1232,12 +1233,12 @@
 }
 .ql-snow .ql-tooltip::before {
-  content: "Visit URL:";
+  content: 'Visit URL:';
   line-height: 26px;
   margin-right: 8px;
 }
-.ql-snow .ql-tooltip input[type=text] {
+.ql-snow .ql-tooltip input[type='text'] {
   display: none;
   border: 1px solid #ccc;
   font-size: 13px;
@@ -1276,7 +1277,7 @@
   display: none;
 }
-.ql-snow .ql-tooltip.ql-editing input[type=text] {
+.ql-snow .ql-tooltip.ql-editing input[type='text'] {
   display: inline-block;
 }
@@ -1286,16 +1287,16 @@
   padding-right: 0px;
 }
-.ql-snow .ql-tooltip[data-mode=link]::before {
-  content: "Enter link:";
+.ql-snow .ql-tooltip[data-mode='link']::before {
+  content: 'Enter link:';
 }
-.ql-snow .ql-tooltip[data-mode=formula]::before {
-  content: "Enter formula:";
+.ql-snow .ql-tooltip[data-mode='formula']::before {
+  content: 'Enter formula:';
 }
-.ql-snow .ql-tooltip[data-mode=video]::before {
-  content: "Enter video:";
+.ql-snow .ql-tooltip[data-mode='video']::before {
+  content: 'Enter video:';
 }
 .ql-snow a {
@@ -1304,4 +1305,4 @@
 .ql-container.ql-snow {
   border: 1px solid #ccc;
-}
+}

package/dist/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-wysiwygeditor/components/InsertFieldModal.scss CHANGED Viewed

@@ -59,4 +59,4 @@
       }
     }
   }
-}
+}

package/dist/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-zoom/DSZoom.scss CHANGED Viewed

@@ -4,20 +4,20 @@ $zoom: #{$prefix}-zoom-resize;
 $separator: #{$prefix}-selectbox__indicator-separator;
 $input-container: #{$prefix}-selectbox__input;
 $selec: #{$prefix}-selectbox__control;
-.#{$zoom}{
+.#{$zoom} {
   max-width: calc(#{space(xl)} + #{space(xl)});
-  .#{$separator}{
+  .#{$separator} {
     display: none;
   }
-  .#{$input-container}{
-    input:focus-within{
+  .#{$input-container} {
+    input:focus-within {
       min-width: space(xl);
     }
   }
-  .#{$selec}{
-    &--is-focused{
-      .#{$prefix}-selectbox__value-container--has-value{
-        span{
+  .#{$selec} {
+    &--is-focused {
+      .#{$prefix}-selectbox__value-container--has-value {
+        span {
           display: none;
         }
       }

package/dist/styles/components/packages/ds-basic/static-build/styles/dimsum.scss CHANGED Viewed

@@ -3,7 +3,7 @@
 // include grid data
 @import './base/grid.scss';
-// elements scss
+// elements scss
 @import './base/_elements/_elements.scss';
 // components from design system

package/dist/styles/components/packages/ds-basic/static-build/styles/themes/theme-demo.scss CHANGED Viewed

@@ -15,16 +15,16 @@ Change these color values below to your brand colors.
 */
 // Brand - Primary
 $theme-color-brand-primary-900: null;
-$theme-color-brand-primary-800: null;
+$theme-color-brand-primary-800: null;
 $theme-color-brand-primary-700: null;
 $theme-color-brand-primary-600: null;
-$theme-color-brand-primary-500: #00FC00;
+$theme-color-brand-primary-500: #00fc00;
 $theme-color-brand-primary-400: null;
 $theme-color-brand-primary-300: null;
 $theme-color-brand-primary-200: null;
 $theme-color-brand-primary-100: null;
-// Brand - Secondary
+// Brand - Secondary
 $theme-color-brand-secondary-900: null;
 $theme-color-brand-secondary-800: null;
 $theme-color-brand-secondary-700: null;
@@ -38,51 +38,49 @@ $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: #32B87C;
+// Success - Used to communicate status or feedback to the user
+$theme-color-success-900: #32b87c;
 $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: #E34256;
+$theme-color-danger-900: #e34256;
 $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.
@@ -95,4 +93,4 @@ $theme-base-font-size: 13px;
 // **BORDER RADIUS**
 // How round would you like your containers to be?
-$theme-base-border-radius: 2px;
+$theme-base-border-radius: 2px;