@elliemae/ds-basic 2.0.0-alpha.10 → 2.0.0-alpha.14

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.
@@ -1,3 +1,2 @@
1
1
  export * from '@elliemae/ds-form/ComboBox/v1/DSComboBox';
2
- export * from '@elliemae/ds-form/ComboBox/v2/Combobox';
3
2
  export { default as DSComboBox2, default } from '@elliemae/ds-form/ComboBox/v2/Combobox';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-basic",
3
- "version": "2.0.0-alpha.10",
3
+ "version": "2.0.0-alpha.14",
4
4
  "license": "MIT",
5
5
  "description": "EllieMae UI Design System Library",
6
6
  "module": "./esm/index.js",
@@ -284,7 +284,7 @@
284
284
  },
285
285
  "author": "ICE MT",
286
286
  "scripts": {
287
- "test:e2e": "../../../node_modules/pui-e2e-test-sdk/node_modules/.bin/wdio run ../../../wdio.conf.js",
287
+ "test:e2e": "../../../node_modules//node_modules/.bin/wdio run ../../../wdio.conf.js",
288
288
  "test:reports": "../../../node_modules/pui-e2e-test-sdk/node_modules/.bin/allure open",
289
289
  "copy:scss": "gulp copy-fonts copy-styles copy-packages-scss && gulp copy-dist-index-scss",
290
290
  "compile:scss": "node-sass ./styles/dimsum.scss ./dist/css/dimsum.css",
@@ -296,57 +296,54 @@
296
296
  "dev": "node ../../scripts/build/build.js -w"
297
297
  },
298
298
  "dependencies": {
299
- "@elliemae/ds-accordion": "2.0.0-alpha.10",
300
- "@elliemae/ds-app-picker": "2.0.0-alpha.10",
301
- "@elliemae/ds-backdrop": "2.0.0-alpha.10",
302
- "@elliemae/ds-breadcrumb": "2.0.0-alpha.10",
303
- "@elliemae/ds-button": "2.0.0-alpha.10",
304
- "@elliemae/ds-button-group": "2.0.0-alpha.10",
305
- "@elliemae/ds-card": "2.0.0-alpha.10",
306
- "@elliemae/ds-circular-progress-indicator": "2.0.0-alpha.10",
307
- "@elliemae/ds-classnames": "2.0.0-alpha.10",
308
- "@elliemae/ds-dropdownmenu": "2.0.0-alpha.10",
309
- "@elliemae/ds-form": "2.0.0-alpha.10",
310
- "@elliemae/ds-grid": "2.0.0-alpha.10",
311
- "@elliemae/ds-group-box": "2.0.0-alpha.10",
312
- "@elliemae/ds-header": "2.0.0-alpha.10",
313
- "@elliemae/ds-hidden": "2.0.0-alpha.10",
314
- "@elliemae/ds-icon": "2.0.0-alpha.10",
315
- "@elliemae/ds-icons": "2.0.0-alpha.10",
316
- "@elliemae/ds-indeterminate-progress-indicator": "2.0.0-alpha.10",
317
- "@elliemae/ds-label-value": "2.0.0-alpha.10",
318
- "@elliemae/ds-list-section-header": "2.0.0-alpha.10",
319
- "@elliemae/ds-loading-indicator": "2.0.0-alpha.10",
320
- "@elliemae/ds-menu": "2.0.0-alpha.10",
321
- "@elliemae/ds-mobile": "2.0.0-alpha.10",
322
- "@elliemae/ds-overlay": "2.0.0-alpha.10",
323
- "@elliemae/ds-page-header": "2.0.0-alpha.10",
324
- "@elliemae/ds-page-number": "2.0.0-alpha.10",
325
- "@elliemae/ds-pills": "2.0.0-alpha.10",
326
- "@elliemae/ds-popover": "2.0.0-alpha.10",
327
- "@elliemae/ds-popper": "2.0.0-alpha.10",
328
- "@elliemae/ds-portal": "2.0.0-alpha.10",
329
- "@elliemae/ds-progress-indicator": "2.0.0-alpha.10",
330
- "@elliemae/ds-read-more": "2.0.0-alpha.10",
331
- "@elliemae/ds-resizeable-container": "2.0.0-alpha.10",
332
- "@elliemae/ds-separator": "2.0.0-alpha.10",
333
- "@elliemae/ds-shared": "2.0.0-alpha.10",
334
- "@elliemae/ds-side-panel": "2.0.0-alpha.10",
335
- "@elliemae/ds-slider": "2.0.0-alpha.10",
336
- "@elliemae/ds-spinner": "2.0.0-alpha.10",
337
- "@elliemae/ds-system": "2.0.0-alpha.10",
338
- "@elliemae/ds-tabs": "2.0.0-alpha.10",
339
- "@elliemae/ds-text-wrapper": "2.0.0-alpha.10",
340
- "@elliemae/ds-time-picker": "2.0.0-alpha.10",
341
- "@elliemae/ds-toast": "2.0.0-alpha.10",
342
- "@elliemae/ds-toolbar": "2.0.0-alpha.10",
343
- "@elliemae/ds-tooltip": "2.0.0-alpha.10",
344
- "@elliemae/ds-truncated-expandable-text": "2.0.0-alpha.10",
345
- "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.10",
346
- "@elliemae/ds-utilities": "2.0.0-alpha.10",
347
- "@elliemae/ds-zipcode-search": "2.0.0-alpha.10",
348
- "@elliemae/ds-zoom": "2.0.0-alpha.10",
349
- "react-dates": "~18.5.0"
299
+ "@elliemae/ds-accordion": "2.0.0-alpha.14",
300
+ "@elliemae/ds-app-picker": "2.0.0-alpha.14",
301
+ "@elliemae/ds-backdrop": "2.0.0-alpha.14",
302
+ "@elliemae/ds-breadcrumb": "2.0.0-alpha.14",
303
+ "@elliemae/ds-button": "2.0.0-alpha.14",
304
+ "@elliemae/ds-button-group": "2.0.0-alpha.14",
305
+ "@elliemae/ds-card": "2.0.0-alpha.14",
306
+ "@elliemae/ds-circular-progress-indicator": "2.0.0-alpha.14",
307
+ "@elliemae/ds-form": "2.0.0-alpha.14",
308
+ "@elliemae/ds-grid": "2.0.0-alpha.14",
309
+ "@elliemae/ds-group-box": "2.0.0-alpha.14",
310
+ "@elliemae/ds-header": "2.0.0-alpha.14",
311
+ "@elliemae/ds-hidden": "2.0.0-alpha.14",
312
+ "@elliemae/ds-icon": "2.0.0-alpha.14",
313
+ "@elliemae/ds-indeterminate-progress-indicator": "2.0.0-alpha.14",
314
+ "@elliemae/ds-label-value": "2.0.0-alpha.14",
315
+ "@elliemae/ds-list-section-header": "2.0.0-alpha.14",
316
+ "@elliemae/ds-loading-indicator": "2.0.0-alpha.14",
317
+ "@elliemae/ds-menu": "2.0.0-alpha.14",
318
+ "@elliemae/ds-overlay": "2.0.0-alpha.14",
319
+ "@elliemae/ds-page-header": "2.0.0-alpha.14",
320
+ "@elliemae/ds-page-number": "2.0.0-alpha.14",
321
+ "@elliemae/ds-pills": "2.0.0-alpha.14",
322
+ "@elliemae/ds-popover": "2.0.0-alpha.14",
323
+ "@elliemae/ds-popper": "2.0.0-alpha.14",
324
+ "@elliemae/ds-portal": "2.0.0-alpha.14",
325
+ "@elliemae/ds-progress-indicator": "2.0.0-alpha.14",
326
+ "@elliemae/ds-read-more": "2.0.0-alpha.14",
327
+ "@elliemae/ds-resizeable-container": "2.0.0-alpha.14",
328
+ "@elliemae/ds-separator": "2.0.0-alpha.14",
329
+ "@elliemae/ds-side-panel": "2.0.0-alpha.14",
330
+ "@elliemae/ds-slider": "2.0.0-alpha.14",
331
+ "@elliemae/ds-spinner": "2.0.0-alpha.14",
332
+ "@elliemae/ds-tabs": "2.0.0-alpha.14",
333
+ "@elliemae/ds-text-wrapper": "2.0.0-alpha.14",
334
+ "@elliemae/ds-time-picker": "2.0.0-alpha.14",
335
+ "@elliemae/ds-toast": "2.0.0-alpha.14",
336
+ "@elliemae/ds-toolbar": "2.0.0-alpha.14",
337
+ "@elliemae/ds-tooltip": "2.0.0-alpha.14",
338
+ "@elliemae/ds-truncated-expandable-text": "2.0.0-alpha.14",
339
+ "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.14",
340
+ "@elliemae/ds-zipcode-search": "2.0.0-alpha.14",
341
+ "@elliemae/ds-zoom": "2.0.0-alpha.14"
342
+ },
343
+ "devDependencies": {
344
+ "gulp": "~4.0.2",
345
+ "gulp-debug": "~4.0.0",
346
+ "gulp-rename": "~2.0.0"
350
347
  },
351
348
  "peerDependencies": {
352
349
  "lodash": "^4.17.21",
@@ -1,9 +1,3 @@
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
- @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
- }
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');
@@ -27,7 +27,6 @@
27
27
  @import 'packages/ds-progress-indicator/DSProgressIndicator';
28
28
  @import 'packages/ds-spinner/DSSpinner';
29
29
  @import 'packages/ds-loading-indicator/DSLoadingIndicator';
30
- @import 'packages/ds-tabs/DSTabs';
31
30
  @import 'packages/ds-tooltip/v1/DSTooltip';
32
31
  @import 'packages/ds-popover/DSPopover';
33
32
  @import 'packages/ds-overlay/DSOverlay';
@@ -48,7 +47,6 @@
48
47
  @import 'packages/ds-page-number/DSPageNumber';
49
48
  @import 'packages/ds-zipcode-search/DSZipCodeSearch';
50
49
  @import 'packages/ds-circular-progress-indicator/DSCircularProgressIndicator';
51
- @import 'packages/ds-app-picker/DSAppPicker';
52
50
 
53
51
  @import '~react-dates/lib/css/_datepicker.css';
54
52
 
@@ -29,7 +29,6 @@
29
29
  @import '../../ds-toast/src/DSToast';
30
30
  @import '../../ds-spinner/src/DSSpinner';
31
31
  @import '../../ds-loading-indicator/src/DSLoadingIndicator';
32
- @import '../../ds-tabs/src/DSTabs';
33
32
  @import '../../ds-tooltip/src/v1/DSTooltip';
34
33
  @import '../../ds-popover/src/DSPopover';
35
34
  @import '../../ds-overlay/src/DSOverlay';
@@ -50,4 +49,3 @@
50
49
  @import '../../ds-page-number/src/DSPageNumber';
51
50
  @import '../../ds-zipcode-search/src/DSZipCodeSearch';
52
51
  @import '../../ds-circular-progress-indicator/src/DSCircularProgressIndicator';
53
- @import '../../ds-app-picker/src/DSAppPicker';
@@ -1,9 +1,3 @@
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
- @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
- }
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');
@@ -27,7 +27,6 @@
27
27
  @import 'packages/ds-progress-indicator/DSProgressIndicator';
28
28
  @import 'packages/ds-spinner/DSSpinner';
29
29
  @import 'packages/ds-loading-indicator/DSLoadingIndicator';
30
- @import 'packages/ds-tabs/DSTabs';
31
30
  @import 'packages/ds-tooltip/v1/DSTooltip';
32
31
  @import 'packages/ds-popover/DSPopover';
33
32
  @import 'packages/ds-overlay/DSOverlay';
@@ -48,7 +47,6 @@
48
47
  @import 'packages/ds-page-number/DSPageNumber';
49
48
  @import 'packages/ds-zipcode-search/DSZipCodeSearch';
50
49
  @import 'packages/ds-circular-progress-indicator/DSCircularProgressIndicator';
51
- @import 'packages/ds-app-picker/DSAppPicker';
52
50
 
53
51
  @import '~react-dates/lib/css/_datepicker.css';
54
52
 
@@ -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,60 +40,58 @@ $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
-
87
86
  // **TYPOGRAPHY**
88
87
  // Typeface
89
88
  // Change the typeface.
90
- $theme-font-family: "proxima-nova", Arial, sans-serif !default;
89
+ $theme-font-family: Roboto !default;
91
90
 
92
91
  // Type Scale
93
92
  // Change the font-sizes of HTML typed tags below.
94
93
  $theme-base-font-size: 13px;
95
94
 
96
-
97
95
  // **BORDER RADIUS**
98
96
  // How round would you like your containers to be?
99
97
  $theme-base-border-radius: 2px;
@@ -52,7 +52,7 @@ $text-disabled: #5c6574;
52
52
  position: relative;
53
53
 
54
54
  &:after {
55
- content: "";
55
+ content: '';
56
56
  position: absolute;
57
57
  top: 0;
58
58
  left: 0;
@@ -236,7 +236,7 @@ div.#{$btn-el} {
236
236
 
237
237
  @at-root .#{$input-addon-group}__addon {
238
238
  .#{$btn-el-text} {
239
- border: $border-type color(neutral, 200);
239
+ border: $border-type color(neutral, 400);
240
240
  }
241
241
  }
242
242
 
@@ -288,7 +288,7 @@ div.#{$btn-el} {
288
288
 
289
289
  // ********************************************
290
290
  // Secondary
291
- .#{$btn-el-secondary}{
291
+ .#{$btn-el-secondary} {
292
292
  color: color(brand-primary, 600);
293
293
  background-color: color(neutral, 000);
294
294
  border: $border-type color(neutral, 400);
@@ -296,7 +296,7 @@ div.#{$btn-el} {
296
296
 
297
297
  @at-root .#{$input-addon-group}__addon {
298
298
  .#{$btn-el-secondary} {
299
- border: $border-type color(neutral, 200);
299
+ border: $border-type color(neutral, 400);
300
300
  }
301
301
  }
302
302
 
@@ -393,10 +393,10 @@ div.#{$btn-el} {
393
393
  }
394
394
 
395
395
  $intent-colors: (
396
- "success": color("success", 900),
397
- "danger": color("danger", 900),
398
- "warning": color("warning", 900),
399
- "info": color("brand-primary", 600),
396
+ 'success': color('success', 900),
397
+ 'danger': color('danger', 900),
398
+ 'warning': color('warning', 900),
399
+ 'info': color('brand-primary', 600),
400
400
  );
401
401
 
402
402
  @each $intent, $color in $intent-colors {
@@ -425,7 +425,7 @@ $intent-colors: (
425
425
  &:hover:not([disabled]),
426
426
  &.#{$btn-el-vhover} {
427
427
  color: $color;
428
-
428
+
429
429
  span.label-wrapper.no-icon {
430
430
  &:before {
431
431
  background-color: transparent;
@@ -524,6 +524,7 @@ $filter-header-container: #{$data-grid}-filter-header;
524
524
  margin-top: space(xxs) * 1.5;
525
525
  position: relative;
526
526
  right: space(xs) * -1.1;
527
+ background: white;
527
528
  }
528
529
 
529
530
  // https://jira.elliemae.io/browse/PUI-5348
@@ -1,9 +1,8 @@
1
1
  .#{$el-icon} {
2
- border: $border-type color(neutral, 200);
3
2
  @include border-radius(0 $radius $radius 0);
4
3
  padding: 0 calc(#{space(xxs)} * 0.5);
5
4
 
6
- &:hover:not([disabled]) {
5
+ &:hover:not([disabled]) {
7
6
  border: $border-type color(brand-primary, 600);
8
7
  }
9
8
 
@@ -34,7 +34,7 @@ $min-height: space(m) * 1.17;
34
34
  background: color(neutral, 000);
35
35
  transition: border duration(base) easing(base);
36
36
  @include border-radius($radius);
37
- @include dsFakeBorder();
37
+ box-shadow: inset 0 0 0 1px color(neutral, 400);
38
38
  padding: 1px;
39
39
  &:focus-within {
40
40
  padding: 0;
@@ -238,8 +238,10 @@ $border-type-focus-mobile: solid 3px;
238
238
  }
239
239
 
240
240
  .#{$el-container-error} {
241
- .#{$el-button} {
242
- border: $border-type-mobile color(danger, 900);
241
+ .#{$el-label} { // added this specificity so it correctly overwrites the error state
242
+ .#{$el-button} {
243
+ border: $border-type-mobile color(danger, 900);
244
+ }
243
245
  }
244
246
  }
245
247
  }
@@ -13,5 +13,5 @@ $input-container: editable-title-component;
13
13
  left: space(xs) * (-1);
14
14
  top: 1px;
15
15
  margin-left: -1px;
16
- margin-right: 1px;
16
+ margin-right: -9px;
17
17
  }
@@ -27,7 +27,6 @@
27
27
  @import 'packages/ds-progress-indicator/DSProgressIndicator';
28
28
  @import 'packages/ds-spinner/DSSpinner';
29
29
  @import 'packages/ds-loading-indicator/DSLoadingIndicator';
30
- @import 'packages/ds-tabs/DSTabs';
31
30
  @import 'packages/ds-tooltip/v1/DSTooltip';
32
31
  @import 'packages/ds-popover/DSPopover';
33
32
  @import 'packages/ds-overlay/DSOverlay';
@@ -48,7 +47,6 @@
48
47
  @import 'packages/ds-page-number/DSPageNumber';
49
48
  @import 'packages/ds-zipcode-search/DSZipCodeSearch';
50
49
  @import 'packages/ds-circular-progress-indicator/DSCircularProgressIndicator';
51
- @import 'packages/ds-app-picker/DSAppPicker';
52
50
 
53
51
  @import '~react-dates/lib/css/_datepicker.css';
54
52
 
@@ -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,60 +40,58 @@ $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
-
87
86
  // **TYPOGRAPHY**
88
87
  // Typeface
89
88
  // Change the typeface.
90
- $theme-font-family: "proxima-nova", Arial, sans-serif !default;
89
+ $theme-font-family: Roboto !default;
91
90
 
92
91
  // Type Scale
93
92
  // Change the font-sizes of HTML typed tags below.
94
93
  $theme-base-font-size: 13px;
95
94
 
96
-
97
95
  // **BORDER RADIUS**
98
96
  // How round would you like your containers to be?
99
97
  $theme-base-border-radius: 2px;
@@ -1,4 +1,3 @@
1
1
  export * from '@elliemae/ds-form/ComboBox/v1/DSComboBox';
2
- export * from '@elliemae/ds-form/ComboBox/v2/Combobox';
3
2
  export { default } from '@elliemae/ds-form/ComboBox/v2/Combobox';
4
3
  export { default as DSComboBox2 } from '@elliemae/ds-form/ComboBox/v2/Combobox';
package/cjs/package.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "type": "commonjs",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ]
7
- }
package/esm/package.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "type": "module",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ]
7
- }