@elliemae/ds-basic 2.2.0-alpha.4 → 2.2.0-alpha.5

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 (8) hide show
  1. package/css/dimsum.css +650 -645
  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/base/fonts/font-base.scss +7 -1
  6. package/styles/components/packages/ds-basic/styles/base/fonts/font-base.scss +7 -1
  7. package/styles/components/packages/ds-basic/styles/themes/theme-default.scss +30 -28
  8. package/styles/themes/theme-default.scss +30 -28
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-basic",
3
- "version": "2.2.0-alpha.4",
3
+ "version": "2.2.0-alpha.5",
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.2.0-alpha.4",
300
- "@elliemae/ds-app-picker": "2.2.0-alpha.4",
301
- "@elliemae/ds-backdrop": "2.2.0-alpha.4",
302
- "@elliemae/ds-breadcrumb": "2.2.0-alpha.4",
303
- "@elliemae/ds-button": "2.2.0-alpha.4",
304
- "@elliemae/ds-button-group": "2.2.0-alpha.4",
305
- "@elliemae/ds-card": "2.2.0-alpha.4",
306
- "@elliemae/ds-circular-progress-indicator": "2.2.0-alpha.4",
307
- "@elliemae/ds-form": "2.2.0-alpha.4",
308
- "@elliemae/ds-grid": "2.2.0-alpha.4",
309
- "@elliemae/ds-group-box": "2.2.0-alpha.4",
310
- "@elliemae/ds-header": "2.2.0-alpha.4",
311
- "@elliemae/ds-hidden": "2.2.0-alpha.4",
312
- "@elliemae/ds-icon": "2.2.0-alpha.4",
313
- "@elliemae/ds-indeterminate-progress-indicator": "2.2.0-alpha.4",
314
- "@elliemae/ds-label-value": "2.2.0-alpha.4",
315
- "@elliemae/ds-list-section-header": "2.2.0-alpha.4",
316
- "@elliemae/ds-loading-indicator": "2.2.0-alpha.4",
317
- "@elliemae/ds-menu": "2.2.0-alpha.4",
318
- "@elliemae/ds-overlay": "2.2.0-alpha.4",
319
- "@elliemae/ds-page-header": "2.2.0-alpha.4",
320
- "@elliemae/ds-page-number": "2.2.0-alpha.4",
321
- "@elliemae/ds-pills": "2.2.0-alpha.4",
322
- "@elliemae/ds-popover": "2.2.0-alpha.4",
323
- "@elliemae/ds-popper": "2.2.0-alpha.4",
324
- "@elliemae/ds-portal": "2.2.0-alpha.4",
325
- "@elliemae/ds-progress-indicator": "2.2.0-alpha.4",
326
- "@elliemae/ds-read-more": "2.2.0-alpha.4",
327
- "@elliemae/ds-resizeable-container": "2.2.0-alpha.4",
328
- "@elliemae/ds-separator": "2.2.0-alpha.4",
329
- "@elliemae/ds-side-panel": "2.2.0-alpha.4",
330
- "@elliemae/ds-slider": "2.2.0-alpha.4",
331
- "@elliemae/ds-spinner": "2.2.0-alpha.4",
332
- "@elliemae/ds-tabs": "2.2.0-alpha.4",
333
- "@elliemae/ds-text-wrapper": "2.2.0-alpha.4",
334
- "@elliemae/ds-time-picker": "2.2.0-alpha.4",
335
- "@elliemae/ds-toast": "2.2.0-alpha.4",
336
- "@elliemae/ds-toolbar": "2.2.0-alpha.4",
337
- "@elliemae/ds-tooltip": "2.2.0-alpha.4",
338
- "@elliemae/ds-truncated-expandable-text": "2.2.0-alpha.4",
339
- "@elliemae/ds-truncated-tooltip-text": "2.2.0-alpha.4",
340
- "@elliemae/ds-zipcode-search": "2.2.0-alpha.4",
341
- "@elliemae/ds-zoom": "2.2.0-alpha.4"
299
+ "@elliemae/ds-accordion": "2.2.0-alpha.5",
300
+ "@elliemae/ds-app-picker": "2.2.0-alpha.5",
301
+ "@elliemae/ds-backdrop": "2.2.0-alpha.5",
302
+ "@elliemae/ds-breadcrumb": "2.2.0-alpha.5",
303
+ "@elliemae/ds-button": "2.2.0-alpha.5",
304
+ "@elliemae/ds-button-group": "2.2.0-alpha.5",
305
+ "@elliemae/ds-card": "2.2.0-alpha.5",
306
+ "@elliemae/ds-circular-progress-indicator": "2.2.0-alpha.5",
307
+ "@elliemae/ds-form": "2.2.0-alpha.5",
308
+ "@elliemae/ds-grid": "2.2.0-alpha.5",
309
+ "@elliemae/ds-group-box": "2.2.0-alpha.5",
310
+ "@elliemae/ds-header": "2.2.0-alpha.5",
311
+ "@elliemae/ds-hidden": "2.2.0-alpha.5",
312
+ "@elliemae/ds-icon": "2.2.0-alpha.5",
313
+ "@elliemae/ds-indeterminate-progress-indicator": "2.2.0-alpha.5",
314
+ "@elliemae/ds-label-value": "2.2.0-alpha.5",
315
+ "@elliemae/ds-list-section-header": "2.2.0-alpha.5",
316
+ "@elliemae/ds-loading-indicator": "2.2.0-alpha.5",
317
+ "@elliemae/ds-menu": "2.2.0-alpha.5",
318
+ "@elliemae/ds-overlay": "2.2.0-alpha.5",
319
+ "@elliemae/ds-page-header": "2.2.0-alpha.5",
320
+ "@elliemae/ds-page-number": "2.2.0-alpha.5",
321
+ "@elliemae/ds-pills": "2.2.0-alpha.5",
322
+ "@elliemae/ds-popover": "2.2.0-alpha.5",
323
+ "@elliemae/ds-popper": "2.2.0-alpha.5",
324
+ "@elliemae/ds-portal": "2.2.0-alpha.5",
325
+ "@elliemae/ds-progress-indicator": "2.2.0-alpha.5",
326
+ "@elliemae/ds-read-more": "2.2.0-alpha.5",
327
+ "@elliemae/ds-resizeable-container": "2.2.0-alpha.5",
328
+ "@elliemae/ds-separator": "2.2.0-alpha.5",
329
+ "@elliemae/ds-side-panel": "2.2.0-alpha.5",
330
+ "@elliemae/ds-slider": "2.2.0-alpha.5",
331
+ "@elliemae/ds-spinner": "2.2.0-alpha.5",
332
+ "@elliemae/ds-tabs": "2.2.0-alpha.5",
333
+ "@elliemae/ds-text-wrapper": "2.2.0-alpha.5",
334
+ "@elliemae/ds-time-picker": "2.2.0-alpha.5",
335
+ "@elliemae/ds-toast": "2.2.0-alpha.5",
336
+ "@elliemae/ds-toolbar": "2.2.0-alpha.5",
337
+ "@elliemae/ds-tooltip": "2.2.0-alpha.5",
338
+ "@elliemae/ds-truncated-expandable-text": "2.2.0-alpha.5",
339
+ "@elliemae/ds-truncated-tooltip-text": "2.2.0-alpha.5",
340
+ "@elliemae/ds-zipcode-search": "2.2.0-alpha.5",
341
+ "@elliemae/ds-zoom": "2.2.0-alpha.5"
342
342
  },
343
343
  "devDependencies": {
344
344
  "gulp": "~4.0.2",
package/styles/base/fonts/font-base.scss CHANGED
@@ -1,3 +1,9 @@
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
- @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
3
+ @font-face {
4
+ font-family: 'proxima-nova';
5
+ src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaRegular.woff2') format('woff2'),
6
+ url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaRegular.woff') format('woff');
7
+ font-weight: normal;
8
+ font-style: normal;
9
+ }
package/styles/components/packages/ds-basic/styles/base/fonts/font-base.scss CHANGED
@@ -1,3 +1,9 @@
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
- @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
3
+ @font-face {
4
+ font-family: 'proxima-nova';
5
+ src: url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaRegular.woff2') format('woff2'),
6
+ url('~@elliemae/ds-basic/styles/base/fonts/ProximaNovaRegular.woff') format('woff');
7
+ font-weight: normal;
8
+ font-style: normal;
9
+ }
package/styles/components/packages/ds-basic/styles/themes/theme-default.scss CHANGED
@@ -18,15 +18,15 @@ Change these color values below to your brand colors.
18
18
  // Brand - Primary
19
19
  $theme-color-brand-primary-900: null;
20
20
  $theme-color-brand-primary-800: #005181;
21
- $theme-color-brand-primary-700: #006aa9;
21
+ $theme-color-brand-primary-700: #006AA9;
22
22
  $theme-color-brand-primary-600: #1e79c2;
23
- $theme-color-brand-primary-500: #1394e5;
24
- $theme-color-brand-primary-400: #52a6ec;
25
- $theme-color-brand-primary-300: #a3d6ff;
26
- $theme-color-brand-primary-200: #ebf6ff;
27
- $theme-color-brand-primary-100: #f6fbff;
23
+ $theme-color-brand-primary-500: #1394E5;
24
+ $theme-color-brand-primary-400: #52A6EC;
25
+ $theme-color-brand-primary-300: #A3D6FF;
26
+ $theme-color-brand-primary-200: #EBF6FF;
27
+ $theme-color-brand-primary-100: #F6FBFF;
28
28
 
29
- // Brand - Secondary
29
+ // Brand - Secondary
30
30
  $theme-color-brand-secondary-900: null;
31
31
  $theme-color-brand-secondary-800: null;
32
32
  $theme-color-brand-secondary-700: null;
@@ -40,58 +40,60 @@ $theme-color-brand-secondary-100: null;
40
40
  //Neutral - Used for text, borders, shadows, background, etc
41
41
  $theme-color-neutral-1000: #000000;
42
42
  $theme-color-neutral-900: #333333;
43
- $theme-color-neutral-800: #25292f;
44
- $theme-color-neutral-700: #353c46;
45
- $theme-color-neutral-600: #464f5c;
43
+ $theme-color-neutral-800: #25292F;
44
+ $theme-color-neutral-700: #353C46;
45
+ $theme-color-neutral-600: #464F5C;
46
46
  $theme-color-neutral-500: #697489;
47
- $theme-color-neutral-400: #8c93a6;
48
- $theme-color-neutral-300: #b0b9c8;
49
- $theme-color-neutral-200: #cbcfd7;
50
- $theme-color-neutral-100: #e0e3e8;
51
- $theme-color-neutral-080: #ebedf0;
52
- $theme-color-neutral-050: #f6f7f9;
53
- $theme-color-neutral-000: #ffffff;
47
+ $theme-color-neutral-400: #8C93A6;
48
+ $theme-color-neutral-300: #B0B9C8;
49
+ $theme-color-neutral-200: #CBCFD7;
50
+ $theme-color-neutral-100: #E0E3E8;
51
+ $theme-color-neutral-080: #EBEDF0;
52
+ $theme-color-neutral-050: #F6F7F9;
53
+ $theme-color-neutral-000: #FFFFFF;
54
54
 
55
- // Success - Used to communicate status or feedback to the user
56
- $theme-color-success-900: #207e56;
55
+ // Success - Used to communicate status or feedback to the user
56
+ $theme-color-success-900: #207E56;
57
57
  $theme-color-success-800: null;
58
58
  $theme-color-success-700: null;
59
59
  $theme-color-success-600: null;
60
60
  $theme-color-success-500: null;
61
61
  $theme-color-success-400: null;
62
- $theme-color-success-300: #d4f0e5;
62
+ $theme-color-success-300: #D4F0E5;
63
63
  $theme-color-success-200: null;
64
64
  $theme-color-success-100: null;
65
65
  // Danger - Used to communicate status or feedback to the user
66
- $theme-color-danger-900: #c64252;
66
+ $theme-color-danger-900: #C64252;
67
67
  $theme-color-danger-800: null;
68
68
  $theme-color-danger-700: null;
69
69
  $theme-color-danger-600: null;
70
70
  $theme-color-danger-500: null;
71
71
  $theme-color-danger-400: null;
72
72
  $theme-color-danger-300: null;
73
- $theme-color-danger-200: #f7cdd2;
73
+ $theme-color-danger-200: #F7CDD2;
74
74
  $theme-color-danger-100: null;
75
75
  // Warning - Used to communicate status or feedback to the user
76
- $theme-color-warning-900: #d17a00;
76
+ $theme-color-warning-900: #D17A00;
77
77
  $theme-color-warning-800: null;
78
- $theme-color-warning-700: #ff9400;
79
- $theme-color-warning-600: #fbb431;
80
- $theme-color-warning-500: #fbb431;
81
- $theme-color-warning-400: #fbde31;
78
+ $theme-color-warning-700: #FF9400;
79
+ $theme-color-warning-600: #FBB431;
80
+ $theme-color-warning-500: #FBB431;
81
+ $theme-color-warning-400: #FBDE31;
82
82
  $theme-color-warning-300: null;
83
83
  $theme-color-warning-200: null;
84
84
  $theme-color-warning-100: null;
85
85
 
86
+
86
87
  // **TYPOGRAPHY**
87
88
  // Typeface
88
89
  // Change the typeface.
89
- $theme-font-family: Roboto !default;
90
+ $theme-font-family: "proxima-nova", Arial, sans-serif !default;
90
91
 
91
92
  // Type Scale
92
93
  // Change the font-sizes of HTML typed tags below.
93
94
  $theme-base-font-size: 13px;
94
95
 
96
+
95
97
  // **BORDER RADIUS**
96
98
  // How round would you like your containers to be?
97
99
  $theme-base-border-radius: 2px;
package/styles/themes/theme-default.scss CHANGED
@@ -18,15 +18,15 @@ Change these color values below to your brand colors.
18
18
  // Brand - Primary
19
19
  $theme-color-brand-primary-900: null;
20
20
  $theme-color-brand-primary-800: #005181;
21
- $theme-color-brand-primary-700: #006aa9;
21
+ $theme-color-brand-primary-700: #006AA9;
22
22
  $theme-color-brand-primary-600: #1e79c2;
23
- $theme-color-brand-primary-500: #1394e5;
24
- $theme-color-brand-primary-400: #52a6ec;
25
- $theme-color-brand-primary-300: #a3d6ff;
26
- $theme-color-brand-primary-200: #ebf6ff;
27
- $theme-color-brand-primary-100: #f6fbff;
23
+ $theme-color-brand-primary-500: #1394E5;
24
+ $theme-color-brand-primary-400: #52A6EC;
25
+ $theme-color-brand-primary-300: #A3D6FF;
26
+ $theme-color-brand-primary-200: #EBF6FF;
27
+ $theme-color-brand-primary-100: #F6FBFF;
28
28
 
29
- // Brand - Secondary
29
+ // Brand - Secondary
30
30
  $theme-color-brand-secondary-900: null;
31
31
  $theme-color-brand-secondary-800: null;
32
32
  $theme-color-brand-secondary-700: null;
@@ -40,58 +40,60 @@ $theme-color-brand-secondary-100: null;
40
40
  //Neutral - Used for text, borders, shadows, background, etc
41
41
  $theme-color-neutral-1000: #000000;
42
42
  $theme-color-neutral-900: #333333;
43
- $theme-color-neutral-800: #25292f;
44
- $theme-color-neutral-700: #353c46;
45
- $theme-color-neutral-600: #464f5c;
43
+ $theme-color-neutral-800: #25292F;
44
+ $theme-color-neutral-700: #353C46;
45
+ $theme-color-neutral-600: #464F5C;
46
46
  $theme-color-neutral-500: #697489;
47
- $theme-color-neutral-400: #8c93a6;
48
- $theme-color-neutral-300: #b0b9c8;
49
- $theme-color-neutral-200: #cbcfd7;
50
- $theme-color-neutral-100: #e0e3e8;
51
- $theme-color-neutral-080: #ebedf0;
52
- $theme-color-neutral-050: #f6f7f9;
53
- $theme-color-neutral-000: #ffffff;
47
+ $theme-color-neutral-400: #8C93A6;
48
+ $theme-color-neutral-300: #B0B9C8;
49
+ $theme-color-neutral-200: #CBCFD7;
50
+ $theme-color-neutral-100: #E0E3E8;
51
+ $theme-color-neutral-080: #EBEDF0;
52
+ $theme-color-neutral-050: #F6F7F9;
53
+ $theme-color-neutral-000: #FFFFFF;
54
54
 
55
- // Success - Used to communicate status or feedback to the user
56
- $theme-color-success-900: #207e56;
55
+ // Success - Used to communicate status or feedback to the user
56
+ $theme-color-success-900: #207E56;
57
57
  $theme-color-success-800: null;
58
58
  $theme-color-success-700: null;
59
59
  $theme-color-success-600: null;
60
60
  $theme-color-success-500: null;
61
61
  $theme-color-success-400: null;
62
- $theme-color-success-300: #d4f0e5;
62
+ $theme-color-success-300: #D4F0E5;
63
63
  $theme-color-success-200: null;
64
64
  $theme-color-success-100: null;
65
65
  // Danger - Used to communicate status or feedback to the user
66
- $theme-color-danger-900: #c64252;
66
+ $theme-color-danger-900: #C64252;
67
67
  $theme-color-danger-800: null;
68
68
  $theme-color-danger-700: null;
69
69
  $theme-color-danger-600: null;
70
70
  $theme-color-danger-500: null;
71
71
  $theme-color-danger-400: null;
72
72
  $theme-color-danger-300: null;
73
- $theme-color-danger-200: #f7cdd2;
73
+ $theme-color-danger-200: #F7CDD2;
74
74
  $theme-color-danger-100: null;
75
75
  // Warning - Used to communicate status or feedback to the user
76
- $theme-color-warning-900: #d17a00;
76
+ $theme-color-warning-900: #D17A00;
77
77
  $theme-color-warning-800: null;
78
- $theme-color-warning-700: #ff9400;
79
- $theme-color-warning-600: #fbb431;
80
- $theme-color-warning-500: #fbb431;
81
- $theme-color-warning-400: #fbde31;
78
+ $theme-color-warning-700: #FF9400;
79
+ $theme-color-warning-600: #FBB431;
80
+ $theme-color-warning-500: #FBB431;
81
+ $theme-color-warning-400: #FBDE31;
82
82
  $theme-color-warning-300: null;
83
83
  $theme-color-warning-200: null;
84
84
  $theme-color-warning-100: null;
85
85
 
86
+
86
87
  // **TYPOGRAPHY**
87
88
  // Typeface
88
89
  // Change the typeface.
89
- $theme-font-family: Roboto !default;
90
+ $theme-font-family: "proxima-nova", Arial, sans-serif !default;
90
91
 
91
92
  // Type Scale
92
93
  // Change the font-sizes of HTML typed tags below.
93
94
  $theme-base-font-size: 13px;
94
95
 
96
+
95
97
  // **BORDER RADIUS**
96
98
  // How round would you like your containers to be?
97
99
  $theme-base-border-radius: 2px;