@elliemae/ds-basic 3.14.0-rc.3 → 3.14.0-rc.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 (10) hide show
  1. package/dist/css/dimsum.css +1572 -1572
  2. package/dist/css/dimsum.min.css +2 -2
  3. package/dist/css/dimsum.min.css.map +1 -1
  4. package/dist/styles/base/_generic/_general-functions.scss +1 -1
  5. package/dist/styles/base/spacing.scss +2 -2
  6. package/dist/styles/components/packages/ds-basic/styles/base/_generic/_general-functions.scss +1 -1
  7. package/dist/styles/components/packages/ds-basic/styles/base/spacing.scss +2 -2
  8. package/dist/styles/components/packages/ds-basic/styles/themes/theme-default.scss +29 -31
  9. package/dist/styles/themes/theme-default.scss +29 -31
  10. package/package.json +1 -1
package/dist/styles/base/_generic/_general-functions.scss CHANGED
@@ -12,7 +12,7 @@ $default-browser-font-size: 16px;
12
12
  } @else if $unit == 'rem' {
13
13
  @return $value;
14
14
  } @else if $unit == 'px' {
15
- @return round($value / $theme-base-font-size) * 1rem;
15
+ @return $value / $theme-base-font-size * 1rem;
16
16
  } @else if $unit == 'em' {
17
17
  @return $unit / 1em * 1rem;
18
18
  } @else {
package/dist/styles/base/spacing.scss CHANGED
@@ -1,4 +1,4 @@
1
- $point-unit: 6.5px !default;
1
+ $point-unit: 8px !default;
2
2
  // Point-Grid System
3
3
  // Use multiples of this value to define dimensions, padding, and margin of both block and inline elements.
4
4
  // Learn more here: https://builttoadapt.io/intro-to-the-8-point-grid-system-d2573cde8632
@@ -17,7 +17,7 @@ $spacing-data: (
17
17
  // 32px
18
18
  xl: rem($point-unit * 6),
19
19
  // 48px
20
- xxl: rem($point-unit * 8) // 64px,,,
20
+ xxl: rem($point-unit * 8) // 64px,,,,,,,
21
21
  ) !default;
22
22
 
23
23
  /// A list of named breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries.
package/dist/styles/components/packages/ds-basic/styles/base/_generic/_general-functions.scss CHANGED
@@ -12,7 +12,7 @@ $default-browser-font-size: 16px;
12
12
  } @else if $unit == 'rem' {
13
13
  @return $value;
14
14
  } @else if $unit == 'px' {
15
- @return round($value / $theme-base-font-size) * 1rem;
15
+ @return $value / $theme-base-font-size * 1rem;
16
16
  } @else if $unit == 'em' {
17
17
  @return $unit / 1em * 1rem;
18
18
  } @else {
package/dist/styles/components/packages/ds-basic/styles/base/spacing.scss CHANGED
@@ -1,4 +1,4 @@
1
- $point-unit: 6.5px !default;
1
+ $point-unit: 8px !default;
2
2
  // Point-Grid System
3
3
  // Use multiples of this value to define dimensions, padding, and margin of both block and inline elements.
4
4
  // Learn more here: https://builttoadapt.io/intro-to-the-8-point-grid-system-d2573cde8632
@@ -17,7 +17,7 @@ $spacing-data: (
17
17
  // 32px
18
18
  xl: rem($point-unit * 6),
19
19
  // 48px
20
- xxl: rem($point-unit * 8) // 64px,,,
20
+ xxl: rem($point-unit * 8) // 64px,,,,,,,
21
21
  ) !default;
22
22
 
23
23
  /// A list of named breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries.
package/dist/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,59 +40,57 @@ $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: 'proxima-nova', Arial, sans-serif !default;
91
90
 
92
91
  // Type Scale
93
92
  // Change the font-sizes of HTML typed tags below.
94
- $theme-base-font-size: 0.813rem;
95
-
93
+ $theme-base-font-size: 13px;
96
94
 
97
95
  // **BORDER RADIUS**
98
96
  // How round would you like your containers to be?
package/dist/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,59 +40,57 @@ $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: 'proxima-nova', Arial, sans-serif !default;
91
90
 
92
91
  // Type Scale
93
92
  // Change the font-sizes of HTML typed tags below.
94
- $theme-base-font-size: 0.813rem;
95
-
93
+ $theme-base-font-size: 13px;
96
94
 
97
95
  // **BORDER RADIUS**
98
96
  // How round would you like your containers to be?
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-basic",
3
- "version": "3.14.0-rc.3",
3
+ "version": "3.14.0-rc.5",
4
4
  "license": "MIT",
5
5
  "description": "EllieMae UI Design System Library",
6
6
  "files": [