@elliemae/ds-basic 3.14.0-next.1 → 3.14.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.
- package/dist/css/dimsum.css +98 -7
- package/dist/css/dimsum.min.css +1 -1
- package/dist/css/dimsum.min.css.map +1 -1
- package/dist/styles/base/fonts/font-base.scss +92 -0
- package/dist/styles/components/packages/ds-basic/styles/base/fonts/font-base.scss +92 -0
- package/dist/styles/components/packages/ds-common/Input/DSInput.scss +2 -1
- package/dist/styles/components/packages/ds-datagrids/DataGrids.scss +14 -16
- package/dist/styles/components/packages/ds-form/FormItem/DSFormItemLayout.scss +0 -1
- package/dist/styles/components/packages/ds-treeview/Tree.scss +1 -0
- package/package.json +1 -1
|
@@ -1,8 +1,100 @@
|
|
|
1
1
|
// Note: The URLs here don't match with filesystem due to a defect in node-sass and webpack sass loader.
|
|
2
2
|
|
|
3
|
+
// Regular font style
|
|
4
|
+
@font-face {
|
|
5
|
+
font-family: 'proxima-nova';
|
|
6
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaThin.otf') format('opentype');
|
|
7
|
+
font-weight: 100;
|
|
8
|
+
font-style: normal;
|
|
9
|
+
}
|
|
10
|
+
@font-face {
|
|
11
|
+
font-family: 'proxima-nova';
|
|
12
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaLight.otf') format('opentype');
|
|
13
|
+
font-weight: 300;
|
|
14
|
+
font-style: normal;
|
|
15
|
+
}
|
|
3
16
|
@font-face {
|
|
4
17
|
font-family: 'proxima-nova';
|
|
5
18
|
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaRegular.otf') format('opentype');
|
|
6
19
|
font-weight: normal;
|
|
7
20
|
font-style: normal;
|
|
8
21
|
}
|
|
22
|
+
@font-face {
|
|
23
|
+
font-family: 'proxima-nova';
|
|
24
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaMedium.otf') format('opentype');
|
|
25
|
+
font-weight: 500;
|
|
26
|
+
font-style: normal;
|
|
27
|
+
}
|
|
28
|
+
@font-face {
|
|
29
|
+
font-family: 'proxima-nova';
|
|
30
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaSemibold.otf') format('opentype');
|
|
31
|
+
font-weight: 600;
|
|
32
|
+
font-style: normal;
|
|
33
|
+
}
|
|
34
|
+
@font-face {
|
|
35
|
+
font-family: 'proxima-nova';
|
|
36
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaBold.otf') format('opentype');
|
|
37
|
+
font-weight: bold;
|
|
38
|
+
font-style: normal;
|
|
39
|
+
}
|
|
40
|
+
@font-face {
|
|
41
|
+
font-family: 'proxima-nova';
|
|
42
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaExtrabold.otf') format('opentype');
|
|
43
|
+
font-weight: 800;
|
|
44
|
+
font-style: normal;
|
|
45
|
+
}
|
|
46
|
+
@font-face {
|
|
47
|
+
font-family: 'proxima-nova';
|
|
48
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaBlack.otf') format('opentype');
|
|
49
|
+
font-weight: 900;
|
|
50
|
+
font-style: normal;
|
|
51
|
+
}
|
|
52
|
+
// Italic font style
|
|
53
|
+
@font-face {
|
|
54
|
+
font-family: 'proxima-nova';
|
|
55
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaThinItalic.otf') format('opentype');
|
|
56
|
+
font-weight: 100;
|
|
57
|
+
font-style: italic;
|
|
58
|
+
}
|
|
59
|
+
@font-face {
|
|
60
|
+
font-family: 'proxima-nova';
|
|
61
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaLightItalic.otf') format('opentype');
|
|
62
|
+
font-weight: 300;
|
|
63
|
+
font-style: italic;
|
|
64
|
+
}
|
|
65
|
+
@font-face {
|
|
66
|
+
font-family: 'proxima-nova';
|
|
67
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaRegularItalic.otf') format('opentype');
|
|
68
|
+
font-weight: normal;
|
|
69
|
+
font-style: italic;
|
|
70
|
+
}
|
|
71
|
+
@font-face {
|
|
72
|
+
font-family: 'proxima-nova';
|
|
73
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaMediumItalic.otf') format('opentype');
|
|
74
|
+
font-weight: 500;
|
|
75
|
+
font-style: italic;
|
|
76
|
+
}
|
|
77
|
+
@font-face {
|
|
78
|
+
font-family: 'proxima-nova';
|
|
79
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaSemiboldItalic.otf') format('opentype');
|
|
80
|
+
font-weight: 600;
|
|
81
|
+
font-style: italic;
|
|
82
|
+
}
|
|
83
|
+
@font-face {
|
|
84
|
+
font-family: 'proxima-nova';
|
|
85
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaBoldItalic.otf') format('opentype');
|
|
86
|
+
font-weight: bold;
|
|
87
|
+
font-style: italic;
|
|
88
|
+
}
|
|
89
|
+
@font-face {
|
|
90
|
+
font-family: 'proxima-nova';
|
|
91
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaExtraboldItalic.otf') format('opentype');
|
|
92
|
+
font-weight: 800;
|
|
93
|
+
font-style: italic;
|
|
94
|
+
}
|
|
95
|
+
@font-face {
|
|
96
|
+
font-family: 'proxima-nova';
|
|
97
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaBlackItalic.otf') format('opentype');
|
|
98
|
+
font-weight: 900;
|
|
99
|
+
font-style: italic;
|
|
100
|
+
}
|
|
@@ -1,8 +1,100 @@
|
|
|
1
1
|
// Note: The URLs here don't match with filesystem due to a defect in node-sass and webpack sass loader.
|
|
2
2
|
|
|
3
|
+
// Regular font style
|
|
4
|
+
@font-face {
|
|
5
|
+
font-family: 'proxima-nova';
|
|
6
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaThin.otf') format('opentype');
|
|
7
|
+
font-weight: 100;
|
|
8
|
+
font-style: normal;
|
|
9
|
+
}
|
|
10
|
+
@font-face {
|
|
11
|
+
font-family: 'proxima-nova';
|
|
12
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaLight.otf') format('opentype');
|
|
13
|
+
font-weight: 300;
|
|
14
|
+
font-style: normal;
|
|
15
|
+
}
|
|
3
16
|
@font-face {
|
|
4
17
|
font-family: 'proxima-nova';
|
|
5
18
|
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaRegular.otf') format('opentype');
|
|
6
19
|
font-weight: normal;
|
|
7
20
|
font-style: normal;
|
|
8
21
|
}
|
|
22
|
+
@font-face {
|
|
23
|
+
font-family: 'proxima-nova';
|
|
24
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaMedium.otf') format('opentype');
|
|
25
|
+
font-weight: 500;
|
|
26
|
+
font-style: normal;
|
|
27
|
+
}
|
|
28
|
+
@font-face {
|
|
29
|
+
font-family: 'proxima-nova';
|
|
30
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaSemibold.otf') format('opentype');
|
|
31
|
+
font-weight: 600;
|
|
32
|
+
font-style: normal;
|
|
33
|
+
}
|
|
34
|
+
@font-face {
|
|
35
|
+
font-family: 'proxima-nova';
|
|
36
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaBold.otf') format('opentype');
|
|
37
|
+
font-weight: bold;
|
|
38
|
+
font-style: normal;
|
|
39
|
+
}
|
|
40
|
+
@font-face {
|
|
41
|
+
font-family: 'proxima-nova';
|
|
42
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaExtrabold.otf') format('opentype');
|
|
43
|
+
font-weight: 800;
|
|
44
|
+
font-style: normal;
|
|
45
|
+
}
|
|
46
|
+
@font-face {
|
|
47
|
+
font-family: 'proxima-nova';
|
|
48
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaBlack.otf') format('opentype');
|
|
49
|
+
font-weight: 900;
|
|
50
|
+
font-style: normal;
|
|
51
|
+
}
|
|
52
|
+
// Italic font style
|
|
53
|
+
@font-face {
|
|
54
|
+
font-family: 'proxima-nova';
|
|
55
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaThinItalic.otf') format('opentype');
|
|
56
|
+
font-weight: 100;
|
|
57
|
+
font-style: italic;
|
|
58
|
+
}
|
|
59
|
+
@font-face {
|
|
60
|
+
font-family: 'proxima-nova';
|
|
61
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaLightItalic.otf') format('opentype');
|
|
62
|
+
font-weight: 300;
|
|
63
|
+
font-style: italic;
|
|
64
|
+
}
|
|
65
|
+
@font-face {
|
|
66
|
+
font-family: 'proxima-nova';
|
|
67
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaRegularItalic.otf') format('opentype');
|
|
68
|
+
font-weight: normal;
|
|
69
|
+
font-style: italic;
|
|
70
|
+
}
|
|
71
|
+
@font-face {
|
|
72
|
+
font-family: 'proxima-nova';
|
|
73
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaMediumItalic.otf') format('opentype');
|
|
74
|
+
font-weight: 500;
|
|
75
|
+
font-style: italic;
|
|
76
|
+
}
|
|
77
|
+
@font-face {
|
|
78
|
+
font-family: 'proxima-nova';
|
|
79
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaSemiboldItalic.otf') format('opentype');
|
|
80
|
+
font-weight: 600;
|
|
81
|
+
font-style: italic;
|
|
82
|
+
}
|
|
83
|
+
@font-face {
|
|
84
|
+
font-family: 'proxima-nova';
|
|
85
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaBoldItalic.otf') format('opentype');
|
|
86
|
+
font-weight: bold;
|
|
87
|
+
font-style: italic;
|
|
88
|
+
}
|
|
89
|
+
@font-face {
|
|
90
|
+
font-family: 'proxima-nova';
|
|
91
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaExtraboldItalic.otf') format('opentype');
|
|
92
|
+
font-weight: 800;
|
|
93
|
+
font-style: italic;
|
|
94
|
+
}
|
|
95
|
+
@font-face {
|
|
96
|
+
font-family: 'proxima-nova';
|
|
97
|
+
src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaBlackItalic.otf') format('opentype');
|
|
98
|
+
font-weight: 900;
|
|
99
|
+
font-style: italic;
|
|
100
|
+
}
|
|
@@ -150,6 +150,7 @@ $input-height: space(m) * 1.17; // TODO: define global input sizes
|
|
|
150
150
|
.#{$el-addon} .#{$el-clearable-button} {
|
|
151
151
|
opacity: 1;
|
|
152
152
|
@include dsHover();
|
|
153
|
+
color: color(brand-primary, 600);
|
|
153
154
|
background-color: transparent;
|
|
154
155
|
.em-ds-icon {
|
|
155
156
|
fill: color(brand-primary, 600);
|
|
@@ -276,4 +277,4 @@ $input-height: space(m) * 1.17; // TODO: define global input sizes
|
|
|
276
277
|
font-weight: 400;
|
|
277
278
|
-webkit-appearance: none;
|
|
278
279
|
}
|
|
279
|
-
}
|
|
280
|
+
}
|
|
@@ -203,7 +203,7 @@ _:-ms-fullscreen,
|
|
|
203
203
|
position: relative;
|
|
204
204
|
&:hover {
|
|
205
205
|
&:after {
|
|
206
|
-
content:
|
|
206
|
+
content: '';
|
|
207
207
|
z-index: 10;
|
|
208
208
|
position: absolute;
|
|
209
209
|
bottom: -1px;
|
|
@@ -227,7 +227,7 @@ _:-ms-fullscreen,
|
|
|
227
227
|
|
|
228
228
|
.virtualized-body .row-drag-helper {
|
|
229
229
|
position: absolute !important;
|
|
230
|
-
|
|
230
|
+
|
|
231
231
|
.#{$data-grid-body-row} {
|
|
232
232
|
@include add-row-depth();
|
|
233
233
|
$row-min-height: 36px;
|
|
@@ -284,7 +284,7 @@ _:-ms-fullscreen,
|
|
|
284
284
|
}
|
|
285
285
|
|
|
286
286
|
&:hover:not(.expanded-row),
|
|
287
|
-
&[aria-expanded=
|
|
287
|
+
&[aria-expanded='true'] {
|
|
288
288
|
@include add-row-depth();
|
|
289
289
|
}
|
|
290
290
|
}
|
|
@@ -588,7 +588,7 @@ $editable-container: #{$data-grid}-edit;
|
|
|
588
588
|
&:hover,
|
|
589
589
|
&:focus {
|
|
590
590
|
.#{$icon-el} {
|
|
591
|
-
display:
|
|
591
|
+
display: flex;
|
|
592
592
|
visibility: visible;
|
|
593
593
|
}
|
|
594
594
|
.edit-separator {
|
|
@@ -769,7 +769,7 @@ $select-controller: #{$prefix}-selectbox;
|
|
|
769
769
|
.show-more:after {
|
|
770
770
|
cursor: pointer;
|
|
771
771
|
padding-right: 0.5em;
|
|
772
|
-
content:
|
|
772
|
+
content: '\25B8';
|
|
773
773
|
font-size: large;
|
|
774
774
|
}
|
|
775
775
|
|
|
@@ -777,7 +777,7 @@ $select-controller: #{$prefix}-selectbox;
|
|
|
777
777
|
.show-less:after {
|
|
778
778
|
cursor: pointer;
|
|
779
779
|
padding-right: 0.5em;
|
|
780
|
-
content:
|
|
780
|
+
content: '\25BE';
|
|
781
781
|
font-size: large;
|
|
782
782
|
}
|
|
783
783
|
}
|
|
@@ -880,8 +880,8 @@ $data-grid-expanded-row-details-wrapper: #{$prefix}-data-grid-expanded-row-detai
|
|
|
880
880
|
|
|
881
881
|
.#{$data-grid-body-row} {
|
|
882
882
|
min-height: $data-grid-cell-height;
|
|
883
|
-
transition: height duration(slow) easing(base),
|
|
884
|
-
|
|
883
|
+
transition: height duration(slow) easing(base), top duration(slow) easing(base),
|
|
884
|
+
box-shadow duration(fast) easing(base);
|
|
885
885
|
}
|
|
886
886
|
|
|
887
887
|
.#{$data-grid-body-row}.expanded-detail-row {
|
|
@@ -929,9 +929,7 @@ $data-grid-expanded-row-details-wrapper: #{$prefix}-data-grid-expanded-row-detai
|
|
|
929
929
|
}
|
|
930
930
|
|
|
931
931
|
_:-ms-fullscreen,
|
|
932
|
-
:root
|
|
933
|
-
.#{$data-grid-body}.expandable
|
|
934
|
-
.#{$data-grid-expanded-row-details-wrapper}--ie-flex-basis-auto {
|
|
932
|
+
:root .#{$data-grid-body}.expandable .#{$data-grid-expanded-row-details-wrapper}--ie-flex-basis-auto {
|
|
935
933
|
flex-basis: auto;
|
|
936
934
|
}
|
|
937
935
|
|
|
@@ -973,10 +971,10 @@ $icon-column-cell: #{$prefix}-icon-column-cell;
|
|
|
973
971
|
}
|
|
974
972
|
|
|
975
973
|
$intent-colors: (
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
974
|
+
'success': color('success', 900),
|
|
975
|
+
'danger': color('danger', 900),
|
|
976
|
+
'warning': color('warning', 900),
|
|
977
|
+
'info': color('brand-primary', 600),
|
|
980
978
|
);
|
|
981
979
|
|
|
982
980
|
.icon-column-cell {
|
|
@@ -991,4 +989,4 @@ $intent-colors: (
|
|
|
991
989
|
}
|
|
992
990
|
}
|
|
993
991
|
|
|
994
|
-
@import
|
|
992
|
+
@import './plugins/grouping-grid/GroupingPlugin.scss';
|