@elliemae/ds-basic 2.3.2 → 2.4.0-rc.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.
package/css/dimsum.css CHANGED
@@ -3015,17 +3015,28 @@ fieldset.em-ds-form-item-content {
3015
3015
  box-shadow: inset 0 0 0 1px #8cc2ed;
3016
3016
  border-radius: 2px; }
3017
3017
  .em-ds-input:disabled, .em-ds-input.input-disabled {
3018
- border: calc(0.30769rem * 0.25) solid #8C93A6;
3019
- background: #E0E3E8 !important;
3020
- color: #616b7f; }
3018
+ border: 1px solid #8C93A6;
3019
+ background: #EBEDF0 !important;
3020
+ color: #616b7f;
3021
+ -webkit-text-fill-color: #616b7f;
3022
+ opacity: 1; }
3021
3023
  .em-ds-input:disabled::-webkit-input-placeholder, .em-ds-input.input-disabled::-webkit-input-placeholder {
3022
- color: #5C6574; }
3024
+ color: #5c6574; }
3023
3025
  .em-ds-input:disabled:-moz-placeholder, .em-ds-input.input-disabled:-moz-placeholder {
3024
- color: #5C6574; }
3026
+ color: #5c6574; }
3025
3027
  .em-ds-input:disabled::-moz-placeholder, .em-ds-input.input-disabled::-moz-placeholder {
3026
- color: #5C6574; }
3028
+ color: #5c6574; }
3027
3029
  .em-ds-input:disabled:-ms-input-placeholder, .em-ds-input.input-disabled:-ms-input-placeholder {
3028
- color: #5C6574; }
3030
+ color: #5c6574; }
3031
+ .em-ds-input.read-only {
3032
+ border: none;
3033
+ border-top: 1px solid #8C93A6;
3034
+ border-bottom: 1px solid transparent;
3035
+ border-left: 1px solid transparent;
3036
+ border-right: 1px solid transparent;
3037
+ background: none;
3038
+ border-radius: 0;
3039
+ color: #697489; }
3029
3040
 
3030
3041
  .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 {
3031
3042
  opacity: 1;
@@ -3100,11 +3111,15 @@ fieldset.em-ds-form-item-content {
3100
3111
  .em-ds-input--error .em-ds-input__input {
3101
3112
  color: #697489; }
3102
3113
 
3103
- .em-ds-input--readonly {
3104
- border-color: #E0E3E8;
3105
- cursor: not-allowed; }
3106
- .em-ds-input--readonly .em-ds-input__input {
3107
- color: #697489; }
3114
+ .em-ds-input--readonly .em-ds-input__input {
3115
+ border: none;
3116
+ border-top: 1px solid #8C93A6;
3117
+ border-bottom: 1px solid transparent;
3118
+ border-left: 1px solid transparent;
3119
+ border-right: 1px solid transparent;
3120
+ background: none;
3121
+ border-radius: 0;
3122
+ color: #697489; }
3108
3123
 
3109
3124
  .em-ds-form-item--variant-focus .em-ds-input {
3110
3125
  outline: none;
@@ -3116,9 +3131,11 @@ fieldset.em-ds-form-item-content {
3116
3131
  border: calc(0.30769rem * 0.25) solid #1e79c2; }
3117
3132
 
3118
3133
  .em-ds-form-item--variant-disabled .em-ds-input {
3119
- border: calc(0.30769rem * 0.25) solid #8C93A6;
3120
- background: #E0E3E8 !important;
3121
- color: #616b7f; }
3134
+ border: 1px solid #8C93A6;
3135
+ background: #EBEDF0 !important;
3136
+ color: #616b7f;
3137
+ -webkit-text-fill-color: #616b7f;
3138
+ opacity: 1; }
3122
3139
  .em-ds-form-item--variant-disabled .em-ds-input::-webkit-input-placeholder {
3123
3140
  color: #697489; }
3124
3141
  .em-ds-form-item--variant-disabled .em-ds-input:-moz-placeholder {
@@ -3130,8 +3147,13 @@ fieldset.em-ds-form-item-content {
3130
3147
 
3131
3148
  .em-ds-form-item--variant-read-only .em-ds-input {
3132
3149
  border: none;
3133
- border-top: calc(0.30769rem * 0.25) solid #8C93A6;
3134
- background: none; }
3150
+ border-top: 1px solid #8C93A6;
3151
+ border-bottom: 1px solid transparent;
3152
+ border-left: 1px solid transparent;
3153
+ border-right: 1px solid transparent;
3154
+ background: none;
3155
+ border-radius: 0;
3156
+ color: #697489; }
3135
3157
 
3136
3158
  .em-ds-form-item--error .em-ds-input {
3137
3159
  border: calc(0.30769rem * 0.25) solid #C64252; }
@@ -8826,7 +8848,13 @@ body > .em-ds-tree-item {
8826
8848
  pointer-events: none; }
8827
8849
  .em-ds-tree-item.drag-overlay {
8828
8850
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
8829
- border-radius: 2px; }
8851
+ border-radius: 2px;
8852
+ padding-right: 0.61538rem; }
8853
+ .em-ds-tree-item--dragging {
8854
+ background-color: #EBEDF0;
8855
+ color: #697489; }
8856
+ .em-ds-tree-item--dragging .em-ds-icon {
8857
+ fill: #697489; }
8830
8858
  .em-ds-tree-item .drag-handle {
8831
8859
  position: relative;
8832
8860
  transition: 100ms cubic-bezier(0.64, 0, 0.35, 1);