@elliemae/ds-basic 2.0.2 → 2.1.0-rc.3

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-basic",
3
- "version": "2.0.2",
3
+ "version": "2.1.0-rc.3",
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.2",
300
- "@elliemae/ds-app-picker": "2.0.2",
301
- "@elliemae/ds-backdrop": "2.0.2",
302
- "@elliemae/ds-breadcrumb": "2.0.2",
303
- "@elliemae/ds-button": "2.0.2",
304
- "@elliemae/ds-button-group": "2.0.2",
305
- "@elliemae/ds-card": "2.0.2",
306
- "@elliemae/ds-circular-progress-indicator": "2.0.2",
307
- "@elliemae/ds-form": "2.0.2",
308
- "@elliemae/ds-grid": "2.0.2",
309
- "@elliemae/ds-group-box": "2.0.2",
310
- "@elliemae/ds-header": "2.0.2",
311
- "@elliemae/ds-hidden": "2.0.2",
312
- "@elliemae/ds-icon": "2.0.2",
313
- "@elliemae/ds-indeterminate-progress-indicator": "2.0.2",
314
- "@elliemae/ds-label-value": "2.0.2",
315
- "@elliemae/ds-list-section-header": "2.0.2",
316
- "@elliemae/ds-loading-indicator": "2.0.2",
317
- "@elliemae/ds-menu": "2.0.2",
318
- "@elliemae/ds-overlay": "2.0.2",
319
- "@elliemae/ds-page-header": "2.0.2",
320
- "@elliemae/ds-page-number": "2.0.2",
321
- "@elliemae/ds-pills": "2.0.2",
322
- "@elliemae/ds-popover": "2.0.2",
323
- "@elliemae/ds-popper": "2.0.2",
324
- "@elliemae/ds-portal": "2.0.2",
325
- "@elliemae/ds-progress-indicator": "2.0.2",
326
- "@elliemae/ds-read-more": "2.0.2",
327
- "@elliemae/ds-resizeable-container": "2.0.2",
328
- "@elliemae/ds-separator": "2.0.2",
329
- "@elliemae/ds-side-panel": "2.0.2",
330
- "@elliemae/ds-slider": "2.0.2",
331
- "@elliemae/ds-spinner": "2.0.2",
332
- "@elliemae/ds-tabs": "2.0.2",
333
- "@elliemae/ds-text-wrapper": "2.0.2",
334
- "@elliemae/ds-time-picker": "2.0.2",
335
- "@elliemae/ds-toast": "2.0.2",
336
- "@elliemae/ds-toolbar": "2.0.2",
337
- "@elliemae/ds-tooltip": "2.0.2",
338
- "@elliemae/ds-truncated-expandable-text": "2.0.2",
339
- "@elliemae/ds-truncated-tooltip-text": "2.0.2",
340
- "@elliemae/ds-zipcode-search": "2.0.2",
341
- "@elliemae/ds-zoom": "2.0.2"
299
+ "@elliemae/ds-accordion": "2.1.0-rc.3",
300
+ "@elliemae/ds-app-picker": "2.1.0-rc.3",
301
+ "@elliemae/ds-backdrop": "2.1.0-rc.3",
302
+ "@elliemae/ds-breadcrumb": "2.1.0-rc.3",
303
+ "@elliemae/ds-button": "2.1.0-rc.3",
304
+ "@elliemae/ds-button-group": "2.1.0-rc.3",
305
+ "@elliemae/ds-card": "2.1.0-rc.3",
306
+ "@elliemae/ds-circular-progress-indicator": "2.1.0-rc.3",
307
+ "@elliemae/ds-form": "2.1.0-rc.3",
308
+ "@elliemae/ds-grid": "2.1.0-rc.3",
309
+ "@elliemae/ds-group-box": "2.1.0-rc.3",
310
+ "@elliemae/ds-header": "2.1.0-rc.3",
311
+ "@elliemae/ds-hidden": "2.1.0-rc.3",
312
+ "@elliemae/ds-icon": "2.1.0-rc.3",
313
+ "@elliemae/ds-indeterminate-progress-indicator": "2.1.0-rc.3",
314
+ "@elliemae/ds-label-value": "2.1.0-rc.3",
315
+ "@elliemae/ds-list-section-header": "2.1.0-rc.3",
316
+ "@elliemae/ds-loading-indicator": "2.1.0-rc.3",
317
+ "@elliemae/ds-menu": "2.1.0-rc.3",
318
+ "@elliemae/ds-overlay": "2.1.0-rc.3",
319
+ "@elliemae/ds-page-header": "2.1.0-rc.3",
320
+ "@elliemae/ds-page-number": "2.1.0-rc.3",
321
+ "@elliemae/ds-pills": "2.1.0-rc.3",
322
+ "@elliemae/ds-popover": "2.1.0-rc.3",
323
+ "@elliemae/ds-popper": "2.1.0-rc.3",
324
+ "@elliemae/ds-portal": "2.1.0-rc.3",
325
+ "@elliemae/ds-progress-indicator": "2.1.0-rc.3",
326
+ "@elliemae/ds-read-more": "2.1.0-rc.3",
327
+ "@elliemae/ds-resizeable-container": "2.1.0-rc.3",
328
+ "@elliemae/ds-separator": "2.1.0-rc.3",
329
+ "@elliemae/ds-side-panel": "2.1.0-rc.3",
330
+ "@elliemae/ds-slider": "2.1.0-rc.3",
331
+ "@elliemae/ds-spinner": "2.1.0-rc.3",
332
+ "@elliemae/ds-tabs": "2.1.0-rc.3",
333
+ "@elliemae/ds-text-wrapper": "2.1.0-rc.3",
334
+ "@elliemae/ds-time-picker": "2.1.0-rc.3",
335
+ "@elliemae/ds-toast": "2.1.0-rc.3",
336
+ "@elliemae/ds-toolbar": "2.1.0-rc.3",
337
+ "@elliemae/ds-tooltip": "2.1.0-rc.3",
338
+ "@elliemae/ds-truncated-expandable-text": "2.1.0-rc.3",
339
+ "@elliemae/ds-truncated-tooltip-text": "2.1.0-rc.3",
340
+ "@elliemae/ds-zipcode-search": "2.1.0-rc.3",
341
+ "@elliemae/ds-zoom": "2.1.0-rc.3"
342
342
  },
343
343
  "devDependencies": {
344
344
  "gulp": "~4.0.2",
@@ -1,143 +0,0 @@
1
- // ********************************************
2
- // container definition
3
- $tree-list: #{$prefix}-tree-list;
4
- $tree-item: #{$prefix}-tree-item;
5
- $rz-normal: #{$prefix}-tv-row-size-normal;
6
- $rz-compact: #{$prefix}-tv-row-size-compact;
7
- $normal: 36px;
8
- $compact: 28px;
9
-
10
- $dsicon: #{$prefix}-icon;
11
-
12
- .#{$tree-item} {
13
- color: color(neutral, 800);
14
- display: flex;
15
- position: relative;
16
- background-color: color(neutral, 000);
17
- padding: 0 space(xxs);
18
- min-height: $normal;
19
-
20
- .#{$tree-item}__value {
21
- display: flex;
22
- flex: 1;
23
- min-width: 0;
24
- margin: space(xs) 0 ;
25
- margin-top: space(xs) * 1.5;
26
- .tree-item-value {
27
- margin-right: 2px;
28
- }
29
- }
30
-
31
- &__addons {
32
- display: flex;
33
- align-items: center;
34
- height: $normal;
35
- margin-right: space(xxs) * 0.5;
36
- .#{$dsicon} {
37
- @include icon-color(color(brand-primary, 800));
38
- }
39
- }
40
-
41
- &.selected {
42
- background-color: color(brand-primary, 200);
43
- }
44
-
45
- .drag-handle {
46
- transition: duration(fast) easing(base);
47
- align-items: center;
48
- display: flex;
49
- height: 100%;
50
- width: space(s) * 1.3;
51
- visibility: visible;
52
- opacity: 1;
53
- // todo: revise this on the future to get icon proper sizes
54
- svg {
55
- width: 20px;
56
- height: 20px;
57
- }
58
-
59
- // &:focus {
60
- // @include dsFocus();
61
- // }
62
- @include icon-color(color(neutral, 200));
63
- }
64
-
65
- &.can-group-over {
66
- .#{$tree-item}__value {
67
- font-weight: bold;
68
- }
69
- }
70
-
71
- .#{$tree-item}-content {
72
- display: flex;
73
- flex: 1;
74
- min-width: 0;
75
- }
76
-
77
- .tree-item-icon {
78
- margin-right: space(xxs);
79
- }
80
-
81
- .tree-item-radio {
82
- padding-bottom: 0;
83
- }
84
-
85
- &:hover {
86
- .drag-handle {
87
- @include icon-color(color(brand-primary, 700));
88
- }
89
-
90
- //Update from mixins when the correct states story comes
91
- background-color: color(neutral, 080);
92
-
93
- &.selected {
94
- background-color: color(brand-primary, 200);
95
- }
96
- }
97
-
98
- &:focus {
99
- @include dsFocus();
100
- box-shadow: unset;
101
- border-radius: 0px;
102
-
103
- &.selected {
104
- outline: unset;
105
- }
106
- }
107
-
108
-
109
- .toolbar-trigger{
110
- margin-top: space(xxs);
111
- }
112
- }
113
-
114
- .#{$tree-list}{
115
- &.#{$rz-compact}{
116
- .#{$tree-item} {
117
- min-height: $compact;
118
- &__addons {
119
- height: $compact;
120
- }
121
- &__value {
122
- margin: 0;
123
- margin-top:space(xs);
124
- }
125
- }
126
- .toolbar-trigger{
127
- margin-top: 0;
128
- }
129
- }
130
- }
131
-
132
- .#{$tree-list}-no-items {
133
- display: flex;
134
- justify-content: center;
135
- padding-top: space(m);
136
- height: 100%;
137
- width: 100%;
138
- }
139
-
140
- .tree-text-highlight {
141
- font-weight: bold;
142
- background-color: color(warning, 600);
143
- }