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

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 (22) hide show
  1. package/dist/css/dimsum.css +46 -18
  2. package/dist/css/dimsum.min.css +1 -1
  3. package/dist/css/dimsum.min.css.map +1 -1
  4. package/dist/styles/components/packages/ds-common/Input/DSInput.scss +41 -28
  5. package/dist/styles/components/packages/ds-form/Checkbox/DSCheckbox.scss +1 -1
  6. package/dist/styles/components/packages/ds-form/ComboBox/DSComboBox.scss +1 -1
  7. package/dist/styles/components/packages/ds-form/ComboBox/v1/DSComboBox.scss +1 -1
  8. package/dist/styles/components/packages/ds-form/ComboBox/v2/DSComboBox.scss +1 -1
  9. package/dist/styles/components/packages/ds-form/ComboBox/v2/styles/container.scss +1 -1
  10. package/dist/styles/components/packages/ds-form/ComboBox/v2/styles/customOptions.scss +1 -1
  11. package/dist/styles/components/packages/ds-form/ComboBox/v2/styles/dropdownIndicator.scss +1 -1
  12. package/dist/styles/components/packages/ds-form/ComboBox/v2/styles/indicatorSeparator.scss +1 -1
  13. package/dist/styles/components/packages/ds-form/ComboBox/v2/styles/menu.scss +1 -1
  14. package/dist/styles/components/packages/ds-form/ComboBox/v2/styles/optionMultiple.scss +1 -1
  15. package/dist/styles/components/packages/ds-form/ComboBox/v2/styles/placeholder.scss +1 -1
  16. package/dist/styles/components/packages/ds-form/ComboBox/v2/styles/valueContainer.scss +1 -1
  17. package/dist/styles/components/packages/ds-form/ComboBox/v2/styles/wrapper.scss +1 -1
  18. package/dist/styles/components/packages/ds-form/Input/DSInput.scss +1 -1
  19. package/dist/styles/components/packages/ds-form/Input/InputAddonWrapper.scss +1 -1
  20. package/dist/styles/components/packages/ds-form/SearchBox/DSSearchBox.scss +1 -1
  21. package/dist/styles/components/packages/ds-treeview/Tree.scss +9 -0
  22. package/package.json +1 -1
package/dist/css/dimsum.css CHANGED
@@ -3014,17 +3014,28 @@ fieldset.em-ds-form-item-content {
3014
3014
  box-shadow: inset 0 0 0 1px #8cc2ed;
3015
3015
  border-radius: 2px; }
3016
3016
  .em-ds-input:disabled, .em-ds-input.input-disabled {
3017
- border: calc(0.30769rem * 0.25) solid #8C93A6;
3018
- background: #E0E3E8 !important;
3019
- color: #616b7f; }
3017
+ border: 1px solid #8C93A6;
3018
+ background: #EBEDF0 !important;
3019
+ color: #616b7f;
3020
+ -webkit-text-fill-color: #616b7f;
3021
+ opacity: 1; }
3020
3022
  .em-ds-input:disabled::-webkit-input-placeholder, .em-ds-input.input-disabled::-webkit-input-placeholder {
3021
- color: #5C6574; }
3023
+ color: #5c6574; }
3022
3024
  .em-ds-input:disabled:-moz-placeholder, .em-ds-input.input-disabled:-moz-placeholder {
3023
- color: #5C6574; }
3025
+ color: #5c6574; }
3024
3026
  .em-ds-input:disabled::-moz-placeholder, .em-ds-input.input-disabled::-moz-placeholder {
3025
- color: #5C6574; }
3027
+ color: #5c6574; }
3026
3028
  .em-ds-input:disabled:-ms-input-placeholder, .em-ds-input.input-disabled:-ms-input-placeholder {
3027
- color: #5C6574; }
3029
+ color: #5c6574; }
3030
+ .em-ds-input.read-only {
3031
+ border: none;
3032
+ border-top: 1px solid #8C93A6;
3033
+ border-bottom: 1px solid transparent;
3034
+ border-left: 1px solid transparent;
3035
+ border-right: 1px solid transparent;
3036
+ background: none;
3037
+ border-radius: 0;
3038
+ color: #697489; }
3028
3039
 
3029
3040
  .em-ds-input-addon-wrapper:focus-within .em-ds-input-addon-wrapper__addon .em-ds-input__clearable, .em-ds-input-addon-wrapper:active .em-ds-input-addon-wrapper__addon .em-ds-input__clearable {
3030
3041
  opacity: 1;
@@ -3099,11 +3110,15 @@ fieldset.em-ds-form-item-content {
3099
3110
  .em-ds-input--error .em-ds-input__input {
3100
3111
  color: #697489; }
3101
3112
 
3102
- .em-ds-input--readonly {
3103
- border-color: #E0E3E8;
3104
- cursor: not-allowed; }
3105
- .em-ds-input--readonly .em-ds-input__input {
3106
- color: #697489; }
3113
+ .em-ds-input--readonly .em-ds-input__input {
3114
+ border: none;
3115
+ border-top: 1px solid #8C93A6;
3116
+ border-bottom: 1px solid transparent;
3117
+ border-left: 1px solid transparent;
3118
+ border-right: 1px solid transparent;
3119
+ background: none;
3120
+ border-radius: 0;
3121
+ color: #697489; }
3107
3122
 
3108
3123
  .em-ds-form-item--variant-focus .em-ds-input {
3109
3124
  outline: none;
@@ -3115,9 +3130,11 @@ fieldset.em-ds-form-item-content {
3115
3130
  border: calc(0.30769rem * 0.25) solid #1e79c2; }
3116
3131
 
3117
3132
  .em-ds-form-item--variant-disabled .em-ds-input {
3118
- border: calc(0.30769rem * 0.25) solid #8C93A6;
3119
- background: #E0E3E8 !important;
3120
- color: #616b7f; }
3133
+ border: 1px solid #8C93A6;
3134
+ background: #EBEDF0 !important;
3135
+ color: #616b7f;
3136
+ -webkit-text-fill-color: #616b7f;
3137
+ opacity: 1; }
3121
3138
  .em-ds-form-item--variant-disabled .em-ds-input::-webkit-input-placeholder {
3122
3139
  color: #697489; }
3123
3140
  .em-ds-form-item--variant-disabled .em-ds-input:-moz-placeholder {
@@ -3129,8 +3146,13 @@ fieldset.em-ds-form-item-content {
3129
3146
 
3130
3147
  .em-ds-form-item--variant-read-only .em-ds-input {
3131
3148
  border: none;
3132
- border-top: calc(0.30769rem * 0.25) solid #8C93A6;
3133
- background: none; }
3149
+ border-top: 1px solid #8C93A6;
3150
+ border-bottom: 1px solid transparent;
3151
+ border-left: 1px solid transparent;
3152
+ border-right: 1px solid transparent;
3153
+ background: none;
3154
+ border-radius: 0;
3155
+ color: #697489; }
3134
3156
 
3135
3157
  .em-ds-form-item--error .em-ds-input {
3136
3158
  border: calc(0.30769rem * 0.25) solid #C64252; }
@@ -8819,7 +8841,13 @@ body > .em-ds-tree-item {
8819
8841
  pointer-events: none; }
8820
8842
  .em-ds-tree-item.drag-overlay {
8821
8843
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
8822
- border-radius: 2px; }
8844
+ border-radius: 2px;
8845
+ padding-right: 0.61538rem; }
8846
+ .em-ds-tree-item--dragging {
8847
+ background-color: #EBEDF0;
8848
+ color: #697489; }
8849
+ .em-ds-tree-item--dragging .em-ds-icon {
8850
+ fill: #697489; }
8823
8851
  .em-ds-tree-item .drag-handle {
8824
8852
  position: relative;
8825
8853
  transition: 100ms cubic-bezier(0.64, 0, 0.35, 1);