@milestone-sys/web-design-system 3.7.8 → 3.8.1
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/colors.list.js +48 -0
- package/design-system.css +1 -1
- package/main.css +1 -1
- package/package.json +1 -1
package/colors.list.js
CHANGED
|
@@ -73,3 +73,51 @@ export const backgroundColors = [
|
|
|
73
73
|
{ name: 'Mixed Blue Gradient Reverse', value: 'msds-bg-mixed-blue-gradient-reverse' },
|
|
74
74
|
{ name: 'Husky Dark Blue Gradient', value: 'msds-bg-husky-dark-blue-gradient' }
|
|
75
75
|
]
|
|
76
|
+
|
|
77
|
+
export const hexColors = [
|
|
78
|
+
{ name: 'Milestone Clear Blue', value: '#0099da' },
|
|
79
|
+
{ name: 'Milestone Dark Blue', value: '#023852' },
|
|
80
|
+
{ name: 'Husky Dark Blue', value: '#011e2c' },
|
|
81
|
+
{ name: 'Milestone Yellow', value: '#ffe700' },
|
|
82
|
+
{ name: 'White', value: '#ffffff' },
|
|
83
|
+
{ name: 'Black', value: '#000000' },
|
|
84
|
+
{ name: 'Orange', value: '#ec6608' },
|
|
85
|
+
{ name: 'Dusty Green', value: '#70c5a7' },
|
|
86
|
+
{ name: 'Sand', value: '#9e9d8e' },
|
|
87
|
+
{ name: 'Gray 1', value: '#f9f9f9' },
|
|
88
|
+
{ name: 'Gray 2', value: '#f5f6f7' },
|
|
89
|
+
{ name: 'Gray 3', value: '#ebeff2' },
|
|
90
|
+
{ name: 'Gray 4', value: '#dce2e6' },
|
|
91
|
+
{ name: 'Gray 5', value: '#ced3d7' },
|
|
92
|
+
{ name: 'Gray 6', value: '#b6bbc0' },
|
|
93
|
+
{ name: 'Gray 7', value: '#9dadb7' },
|
|
94
|
+
{ name: 'Gray 8', value: '#7c8b95' },
|
|
95
|
+
{ name: 'Gray 9', value: '#9dadb7' },
|
|
96
|
+
{ name: 'Gray 10', value: ' #303436' },
|
|
97
|
+
{ name: 'Alt Blue 1', value: '#50bfee' },
|
|
98
|
+
{ name: 'Alt Blue 2', value: '#0081c1' },
|
|
99
|
+
{ name: 'Alt Blue 3', value: '#035d88' },
|
|
100
|
+
{ name: 'Alt Blue 4', value: '#e6f5fb' },
|
|
101
|
+
{ name: 'Alt Blue 5', value: '#ccebf8' },
|
|
102
|
+
{ name: 'Alt Yellow 1', value: '#ffd300' },
|
|
103
|
+
{ name: 'Alt Yellow 2', value: '#ffc000' },
|
|
104
|
+
{ name: 'Confirm Green', value: '#3cc003' },
|
|
105
|
+
{ name: 'Danger Red 1', value: '#ff285a' },
|
|
106
|
+
{ name: 'Danger Red 2', value: '#b23b57' },
|
|
107
|
+
{ name: 'RGBA 1', value: 'rgba(2, 56, 82, 0.17)' },
|
|
108
|
+
{ name: 'RGBA 2', value: 'rgba(2, 56, 82, 0.12)' },
|
|
109
|
+
{ name: 'RGBA 3', value: 'rgba(0, 153, 218, 0.5)' },
|
|
110
|
+
{ name: 'RGBA 4', value: 'rgba(157, 173, 183, 0.5)' },
|
|
111
|
+
{ name: 'RGBA 5', value: 'rgba(255, 40, 90, 0.5)' },
|
|
112
|
+
{ name: 'RGBA 6', value: 'rgba(2, 56, 82, 0.3)' },
|
|
113
|
+
{ name: 'RGBA 7', value: 'rgba(255, 255, 255, 0.5)' },
|
|
114
|
+
{ name: 'RGBA 8', value: 'rgba(255, 255, 255, 0.3)' },
|
|
115
|
+
{ name: 'RGBA 9', value: 'rgba(255, 255, 255, 0.1)' },
|
|
116
|
+
{ name: 'RGBA 10', value: 'rgba(0, 0, 0, 0.3)' },
|
|
117
|
+
{ name: 'RGBA 11', value: 'rgba(0, 0, 0, 0.1)' },
|
|
118
|
+
{ name: 'RGBA 12', value: 'rgba(182, 187, 192, 0.5)' },
|
|
119
|
+
{ name: 'RGBA 13', value: 'rgba(124, 139, 142, 0.5)' },
|
|
120
|
+
{ name: 'RGBA 14', value: 'rgba(255, 255, 255, 0.6)' },
|
|
121
|
+
{ name: 'RGBA 15', value: 'rgba(0, 0, 0, 0.2)' },
|
|
122
|
+
{ name: 'RGBA 16', value: 'rgba(0, 0, 0, 0.03)' },
|
|
123
|
+
]
|