@elliemae/ds-basic 3.22.0-rc.1 → 3.22.0-rc.10

package/dist/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-spinner/DSSpinner.scss

@@ -2,6 +2,7 @@
 // container definition
 $spinner-container: #{$prefix}-spinner;
 
+
 // ********************************************
 // element definition
 $spinner-el: #{$spinner-container}__spinner;
@@ -12,8 +13,8 @@ $message-el: #{$spinner-container}__message;
   height: icon-size($size) * 2;
   margin: space($size) / 2;
   svg {
-    display: block;
-    float: left;
+    display:block;
+    float:left;
     @include icon($size);
   }
 }
@@ -53,10 +54,7 @@ $message-el: #{$spinner-container}__message;
     @include spinner-container-size(xxl);
   }
 
-  .spinner-tl,
-  .spinner-tr,
-  .spinner-bl,
-  .spinner-br {
+  .spinner-tl,.spinner-tr,.spinner-bl,.spinner-br {
     transform-origin: 50% 50%;
     animation-name: spin;
     // todo: add ease from dimsum
@@ -66,8 +64,10 @@ $message-el: #{$spinner-container}__message;
   }
 }
 
+
+
 @keyframes spin {
-  0% {
+  0%{
     transform: rotate(0deg);
   }
   25% {
@@ -81,23 +81,24 @@ $message-el: #{$spinner-container}__message;
   }
   100% {
     transform: rotate(180deg);
+
   }
 }
 
 @keyframes scale {
-  0% {
-    transform: scale(1.2, 1.2);
+  0%{
+    transform: scale(1.2,1.2);
   }
   25% {
-    transform: scale(1.2, 1.2);
+    transform: scale(1.2,1.2);
   }
   50% {
-    transform: scale(1, 1);
+    transform: scale(1,1);
   }
   75% {
-    transform: scale(1, 1);
+    transform: scale(1,1);
   }
   100% {
-    transform: scale(1.2, 1.2);
+    transform: scale(1.2,1.2);
   }
-}
+}

package/dist/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-text-wrapper/DSTextWrapper.scss

@@ -3,10 +3,10 @@
 $el-container: #{$prefix}-text-wrapperRef;
 $el-container-ellipsis: #{$el-container}--text-overflow-ellipsis;
 $el-container-left: #{$el-container}--text-align-left; // Can be moved to high level inside the scss structure
-$el-container-right: #{$el-container}--text-align-right; // Can be moved to high level inside the scss structure
-$el-container-center: #{$el-container}--text-align-center; // Can be moved to high level inside the scss structure
-$el-container-justify: #{$el-container}--text-align-justify; // Can be moved to high level inside the scss structure
-$el-container-word-break: #{$el-container}--text-overflow-word-break; // Can be moved to high level inside the scss structure
+$el-container-right: #{$el-container}--text-align-right;  // Can be moved to high level inside the scss structure
+$el-container-center: #{$el-container}--text-align-center;  // Can be moved to high level inside the scss structure
+$el-container-justify: #{$el-container}--text-align-justify;  // Can be moved to high level inside the scss structure
+$el-container-word-break: #{$el-container}--text-overflow-word-break;  // Can be moved to high level inside the scss structure
 
 // ********************************************
 // elements
@@ -15,22 +15,22 @@ $el-container-ellipsis-wrapper: #{$el-container}__ellipsis-wrapperRef;
 
 .#{$el-container} {
   display: inline-flex;
-  flex-direction: column;
+  flex-direction: column;  
 
   &.#{$el-container-ellipsis} {
     flex-direction: row;
-
-    .#{$el-container-ellipsis-wrapper} {
+  
+    .#{$el-container-ellipsis-wrapper}{
       white-space: nowrap;
       overflow: hidden;
     }
 
     &:after {
-      content: '...';
+      content: "...";
       display: inline;
     }
   }
-  &.#{$el-container-word-break} {
+  &.#{$el-container-word-break}{
     word-break: break-all;
   }
   &.#{$el-container-left} {
@@ -38,14 +38,14 @@ $el-container-ellipsis-wrapper: #{$el-container}__ellipsis-wrapperRef;
   }
 
   &.#{$el-container-right} {
-    text-align: right;
+    text-align: right
   }
 
   &.#{$el-container-justify} {
-    text-align: justify;
+    text-align: justify;    
   }
-
+  
   &.#{$el-container-center} {
     text-align: center;
   }
-}
+}

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

@@ -116,8 +116,7 @@ $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%;
@@ -130,7 +129,9 @@ $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;
@@ -193,8 +194,7 @@ $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-toolbar-v1/DSToolbar.scss

@@ -0,0 +1,68 @@
+// ********************************************
+// container definition
+$toolbar-container: #{$prefix}-toolbar;
+$toolbar-group: #{$prefix}-toolbar-group;
+
+// ********************************************
+// element definition
+$divider-el: #{$prefix}-toolbar__divider;
+$toolbar-button-el: #{$prefix}-toolbar__button;
+
+.#{$toolbar-container} {
+  display: inline-block;
+  background: color(neutral, 000);
+  @include border-radius($theme-base-border-radius);
+  @include center();
+  height: space(l) * 1.125;
+  padding: 0 space(xs);
+
+  &:not(&--without-depth) {
+    @include box-shadow(depth(100));
+  }
+
+  & > *:not(:last-child) {
+    margin-right: space(xs);
+  }
+
+  &__button {
+    &:not(:last-child) {
+      margin-right: space(xxs);
+    }
+  }
+
+  &--right {
+    justify-content: flex-end;
+  }
+
+  &--left {
+    justify-content: flex-start;
+  }
+
+  &--compact {
+    padding: 0;
+    height: space(m) * 1.16666;
+  }
+
+  .toolbar-item {
+    position: relative;
+  }
+}
+
+.#{$toolbar-group} {
+  display: flex;
+
+  & > *:focus {
+    z-index: 3;
+  }
+
+  &--space-xs {
+    & > *:not(:last-child) {
+      margin-right: space(xs);
+    }
+  }
+}
+
+.#{$divider-el} {
+  width: border-size(xs);
+  height: 100%;
+}

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

@@ -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

@@ -24,7 +24,7 @@
       transition: opacity 0.3s;
     }
     & .tooltiptext::after {
-      content: '';
+      content: "";
       position: absolute;
       top: 100%;
       left: 50%;
@@ -33,8 +33,7 @@
       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;
@@ -63,7 +62,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;
 }
 
@@ -109,7 +108,7 @@
   display: block;
 }
 
-.ql-editor > * {
+.ql-editor>* {
   cursor: text;
 }
 
@@ -134,37 +133,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';
 }
 
@@ -621,8 +620,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;
 }
 
@@ -1006,57 +1005,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;
 }
 
@@ -1069,76 +1068,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 {
@@ -1150,30 +1149,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;
 }
 
@@ -1219,7 +1218,7 @@
   border-color: #000;
 }
 
-.ql-toolbar.ql-snow + .ql-container.ql-snow {
+.ql-toolbar.ql-snow+.ql-container.ql-snow {
   border-top: 0px;
 }
 
@@ -1233,12 +1232,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;
@@ -1277,7 +1276,7 @@
   display: none;
 }
 
-.ql-snow .ql-tooltip.ql-editing input[type='text'] {
+.ql-snow .ql-tooltip.ql-editing input[type=text] {
   display: inline-block;
 }
 
@@ -1287,16 +1286,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 {
@@ -1305,4 +1304,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

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

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

@@ -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

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