@elliemae/ds-basic 2.0.3 → 2.0.4

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 (5) hide show
  1. package/css/dimsum.css +4 -4
  2. package/css/dimsum.min.css +1 -1
  3. package/css/dimsum.min.css.map +1 -1
  4. package/package.json +44 -44
  5. package/styles/components/packages/ds-form/FormItem/DSFormItemLayout.scss +30 -35
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-basic",
3
- "version": "2.0.3",
3
+ "version": "2.0.4",
4
4
  "license": "MIT",
5
5
  "description": "EllieMae UI Design System Library",
6
6
  "module": "./esm/index.js",
@@ -296,49 +296,49 @@
296
296
  "dev": "node ../../scripts/build/build.js -w"
297
297
  },
298
298
  "dependencies": {
299
- "@elliemae/ds-accordion": "2.0.3",
300
- "@elliemae/ds-app-picker": "2.0.3",
301
- "@elliemae/ds-backdrop": "2.0.3",
302
- "@elliemae/ds-breadcrumb": "2.0.3",
303
- "@elliemae/ds-button": "2.0.3",
304
- "@elliemae/ds-button-group": "2.0.3",
305
- "@elliemae/ds-card": "2.0.3",
306
- "@elliemae/ds-circular-progress-indicator": "2.0.3",
307
- "@elliemae/ds-form": "2.0.3",
308
- "@elliemae/ds-grid": "2.0.3",
309
- "@elliemae/ds-group-box": "2.0.3",
310
- "@elliemae/ds-header": "2.0.3",
311
- "@elliemae/ds-hidden": "2.0.3",
312
- "@elliemae/ds-icon": "2.0.3",
313
- "@elliemae/ds-indeterminate-progress-indicator": "2.0.3",
314
- "@elliemae/ds-label-value": "2.0.3",
315
- "@elliemae/ds-list-section-header": "2.0.3",
316
- "@elliemae/ds-loading-indicator": "2.0.3",
317
- "@elliemae/ds-menu": "2.0.3",
318
- "@elliemae/ds-overlay": "2.0.3",
319
- "@elliemae/ds-page-header": "2.0.3",
320
- "@elliemae/ds-page-number": "2.0.3",
321
- "@elliemae/ds-pills": "2.0.3",
322
- "@elliemae/ds-popover": "2.0.3",
323
- "@elliemae/ds-popper": "2.0.3",
324
- "@elliemae/ds-portal": "2.0.3",
325
- "@elliemae/ds-progress-indicator": "2.0.3",
326
- "@elliemae/ds-read-more": "2.0.3",
327
- "@elliemae/ds-resizeable-container": "2.0.3",
328
- "@elliemae/ds-separator": "2.0.3",
329
- "@elliemae/ds-side-panel": "2.0.3",
330
- "@elliemae/ds-slider": "2.0.3",
331
- "@elliemae/ds-spinner": "2.0.3",
332
- "@elliemae/ds-tabs": "2.0.3",
333
- "@elliemae/ds-text-wrapper": "2.0.3",
334
- "@elliemae/ds-time-picker": "2.0.3",
335
- "@elliemae/ds-toast": "2.0.3",
336
- "@elliemae/ds-toolbar": "2.0.3",
337
- "@elliemae/ds-tooltip": "2.0.3",
338
- "@elliemae/ds-truncated-expandable-text": "2.0.3",
339
- "@elliemae/ds-truncated-tooltip-text": "2.0.3",
340
- "@elliemae/ds-zipcode-search": "2.0.3",
341
- "@elliemae/ds-zoom": "2.0.3"
299
+ "@elliemae/ds-accordion": "2.0.4",
300
+ "@elliemae/ds-app-picker": "2.0.4",
301
+ "@elliemae/ds-backdrop": "2.0.4",
302
+ "@elliemae/ds-breadcrumb": "2.0.4",
303
+ "@elliemae/ds-button": "2.0.4",
304
+ "@elliemae/ds-button-group": "2.0.4",
305
+ "@elliemae/ds-card": "2.0.4",
306
+ "@elliemae/ds-circular-progress-indicator": "2.0.4",
307
+ "@elliemae/ds-form": "2.0.4",
308
+ "@elliemae/ds-grid": "2.0.4",
309
+ "@elliemae/ds-group-box": "2.0.4",
310
+ "@elliemae/ds-header": "2.0.4",
311
+ "@elliemae/ds-hidden": "2.0.4",
312
+ "@elliemae/ds-icon": "2.0.4",
313
+ "@elliemae/ds-indeterminate-progress-indicator": "2.0.4",
314
+ "@elliemae/ds-label-value": "2.0.4",
315
+ "@elliemae/ds-list-section-header": "2.0.4",
316
+ "@elliemae/ds-loading-indicator": "2.0.4",
317
+ "@elliemae/ds-menu": "2.0.4",
318
+ "@elliemae/ds-overlay": "2.0.4",
319
+ "@elliemae/ds-page-header": "2.0.4",
320
+ "@elliemae/ds-page-number": "2.0.4",
321
+ "@elliemae/ds-pills": "2.0.4",
322
+ "@elliemae/ds-popover": "2.0.4",
323
+ "@elliemae/ds-popper": "2.0.4",
324
+ "@elliemae/ds-portal": "2.0.4",
325
+ "@elliemae/ds-progress-indicator": "2.0.4",
326
+ "@elliemae/ds-read-more": "2.0.4",
327
+ "@elliemae/ds-resizeable-container": "2.0.4",
328
+ "@elliemae/ds-separator": "2.0.4",
329
+ "@elliemae/ds-side-panel": "2.0.4",
330
+ "@elliemae/ds-slider": "2.0.4",
331
+ "@elliemae/ds-spinner": "2.0.4",
332
+ "@elliemae/ds-tabs": "2.0.4",
333
+ "@elliemae/ds-text-wrapper": "2.0.4",
334
+ "@elliemae/ds-time-picker": "2.0.4",
335
+ "@elliemae/ds-toast": "2.0.4",
336
+ "@elliemae/ds-toolbar": "2.0.4",
337
+ "@elliemae/ds-tooltip": "2.0.4",
338
+ "@elliemae/ds-truncated-expandable-text": "2.0.4",
339
+ "@elliemae/ds-truncated-tooltip-text": "2.0.4",
340
+ "@elliemae/ds-zipcode-search": "2.0.4",
341
+ "@elliemae/ds-zoom": "2.0.4"
342
342
  },
343
343
  "devDependencies": {
344
344
  "gulp": "~4.0.2",
package/styles/components/packages/ds-form/FormItem/DSFormItemLayout.scss CHANGED
@@ -6,7 +6,7 @@ $el-container-disabled: #{$el-container}--disabled;
6
6
  $el-container-read-only: #{$el-container}--readonly;
7
7
  $el-container-fit-content: #{$el-container}--fit-content;
8
8
  $el-container-with-highlight: #{$el-container}--with-highlight;
9
- $input-controller: #{$prefix}-input;
9
+ $input-controller: #{$prefix}-input;
10
10
  $el-container-left-label: #{$el-container}--with-left-label;
11
11
 
12
12
  $checkbox-group: #{$prefix}-checkbox-group;
@@ -16,7 +16,7 @@ $checkbox-group-element: #{$prefix}-form-element-checkbox;
16
16
  // elements
17
17
  $el-feedback: #{$el-container}__feedback;
18
18
 
19
- .#{$el-container}{
19
+ .#{$el-container} {
20
20
  margin-bottom: space(xs);
21
21
  position: relative;
22
22
  z-index: 0;
@@ -28,7 +28,7 @@ $el-feedback: #{$el-container}__feedback;
28
28
  }
29
29
  }
30
30
 
31
- fieldset.#{$el-container}-content{
31
+ fieldset.#{$el-container}-content {
32
32
  display: block;
33
33
  margin-inline-start: unset;
34
34
  margin-inline-end: unset;
@@ -44,19 +44,18 @@ fieldset.#{$el-container}-content{
44
44
  padding: unset;
45
45
  }
46
46
 
47
- .#{$el-container-left-label}{
48
-
49
- .#{$el-container}-content{
47
+ .#{$el-container-left-label} {
48
+ .#{$el-container}-content {
50
49
  display: flex;
51
50
  flex-direction: row;
52
51
  width: 100%;
53
52
  }
54
53
  label {
55
- padding-right: space(xxs);
54
+ padding-right: space(xxs);
56
55
  display: inline-flex;
57
56
  align-items: center;
58
57
  }
59
- .#{$el-container}__feedback{
58
+ .#{$el-container}__feedback {
60
59
  display: flex;
61
60
  margin-left: auto;
62
61
  width: 80%;
@@ -66,12 +65,11 @@ fieldset.#{$el-container}-content{
66
65
  }
67
66
  }
68
67
 
69
- .#{$el-container-fit-content}{
68
+ .#{$el-container-fit-content} {
70
69
  width: fit-content;
71
70
  }
72
71
 
73
-
74
- .#{$el-container-with-highlight}{
72
+ .#{$el-container-with-highlight} {
75
73
  $separation: 8;
76
74
 
77
75
  &::after {
@@ -82,32 +80,29 @@ fieldset.#{$el-container}-content{
82
80
  z-index: -1;
83
81
  width: calc(100% + #{$separation * 2}px);
84
82
  height: calc(100% + #{$separation}px);
85
- background-color: #FEFBEE;
86
- border : 1px solid #8F6326;
87
- border-radius : 4px;
88
- box-shadow: 0 1px 3px 0 rgba(0,0,0,0.35);
89
- }
90
- &:hover,
91
- &:focus-within {
92
- &::after {
93
- position: absolute;
94
- content: '';
95
- left: -#{$separation}px;
96
- top: -#{$separation / 2}px;
97
- z-index: -1;
98
- width: calc(100% + #{$separation * 2}px);
99
- height: calc(100% + #{$separation}px);
100
- background-color: #FFF9D3;
101
- border : 1px solid #8F6326;
102
- border-radius : 4px;
103
- box-shadow: 0 6px 10px 0 rgba(0,0,0,0.30);
104
- }
83
+ background-color: #fefbee;
84
+ border: 1px solid #8f6326;
85
+ border-radius: 4px;
86
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
87
+ }
88
+ &:hover,
89
+ &:focus-within {
90
+ &::after {
91
+ position: absolute;
92
+ content: '';
93
+ left: -#{$separation}px;
94
+ top: -#{$separation / 2}px;
95
+ z-index: -1;
96
+ width: calc(100% + #{$separation * 2}px);
97
+ height: calc(100% + #{$separation}px);
98
+ background-color: #fff9d3;
99
+ border: 2px solid #8f6326;
100
+ border-radius: 4px;
101
+ box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);
105
102
  }
103
+ }
106
104
  }
107
105
 
108
-
109
-
110
-
111
106
  .#{$el-feedback} {
112
107
  @include body-micro-text-style;
113
108
  color: color(neutral, 500);
@@ -133,4 +128,4 @@ fieldset.#{$el-container}-content{
133
128
  .#{$el-feedback} {
134
129
  font-size: toMobile(font-size(400));
135
130
  }
136
- }
131
+ }