@elliemae/ds-basic 2.2.0-beta.0 → 2.2.0-next.4
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/css/dimsum.css +707 -688
- package/css/dimsum.min.css +1 -1
- package/css/dimsum.min.css.map +1 -1
- package/package.json +44 -44
- package/styles/base/fonts/font-base.scss +7 -1
- package/styles/components/packages/ds-basic/styles/base/fonts/font-base.scss +7 -1
- package/styles/components/packages/ds-basic/styles/themes/theme-default.scss +30 -28
- package/styles/components/packages/ds-form/FormItem/DSFormItemLayout.scss +35 -30
- package/styles/components/packages/ds-shuttle/DSShuttle.scss +22 -19
- package/styles/components/packages/ds-treeview/Tree.scss +55 -43
- package/styles/themes/theme-default.scss +30 -28
|
@@ -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: #
|
|
21
|
+
$theme-color-brand-primary-700: #006AA9;
|
|
22
22
|
$theme-color-brand-primary-600: #1e79c2;
|
|
23
|
-
$theme-color-brand-primary-500: #
|
|
24
|
-
$theme-color-brand-primary-400: #
|
|
25
|
-
$theme-color-brand-primary-300: #
|
|
26
|
-
$theme-color-brand-primary-200: #
|
|
27
|
-
$theme-color-brand-primary-100: #
|
|
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: #
|
|
44
|
-
$theme-color-neutral-700: #
|
|
45
|
-
$theme-color-neutral-600: #
|
|
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: #
|
|
48
|
-
$theme-color-neutral-300: #
|
|
49
|
-
$theme-color-neutral-200: #
|
|
50
|
-
$theme-color-neutral-100: #
|
|
51
|
-
$theme-color-neutral-080: #
|
|
52
|
-
$theme-color-neutral-050: #
|
|
53
|
-
$theme-color-neutral-000: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
76
|
+
$theme-color-warning-900: #D17A00;
|
|
77
77
|
$theme-color-warning-800: null;
|
|
78
|
-
$theme-color-warning-700: #
|
|
79
|
-
$theme-color-warning-600: #
|
|
80
|
-
$theme-color-warning-500: #
|
|
81
|
-
$theme-color-warning-400: #
|
|
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:
|
|
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;
|