@milestone-sys/web-design-system 4.0.10 → 4.0.11

package/colors.list.js

@@ -0,0 +1,72 @@
+export const fontColors = [
+  { name: 'Milestone Blue', value: 'msds-text-milestone-blue' },
+  { name: 'Dark Gray', value: 'msds-text-dark-gray' },
+  { name: 'Stone Gray', value: 'msds-text-stone-gray' },
+  { name: 'Midnight Blue', value: 'msds-text-midnight-blue' },
+  { name: 'White', value: 'msds-text-white' },
+  { name: 'Danger Red', value: 'msds-text-danger-red' },
+  { name: 'Forest Green', value: 'msds-text-forest-green' }
+]
+
+export const backgroundColors = [
+  { name: 'Milestone Blue', value: 'msds-bg-milestone-blue' },
+  { name: 'White', value: 'msds-bg-white' },
+  { name: 'Light Gray', value: 'msds-bg-light-gray' },
+  { name: 'Misty Gray', value: 'msds-bg-misty-gray' },
+  { name: 'Medium Gray', value: 'msds-bg-medium-gray' },
+  { name: 'Stone Gray', value: 'msds-bg-stone-gray' },
+  { name: 'Granite Gray', value: 'msds-bg-granite-gray' },
+  { name: 'Dark Gray', value: 'msds-bg-dark-gray' },
+  { name: 'Cobalt Blue', value: 'msds-bg-cobalt-blue' },
+  { name: 'Dark Blue', value: 'msds-bg-dark-blue' },
+  { name: 'Midnight Blue', value: 'msds-bg-midnight-blue' }
+]
+
+export const hexColors = [
+  { name: 'Milestone Blue', value: '#0099da' },
+  { name: 'Midnight Blue', value: '#081927' },
+  { name: 'Cobalt Blue', value: '#0c62ad' },
+  { name: 'Dark Blue', value: '#023852' },
+  { name: 'Sky Blue', value: '#d4edfc' },
+  { name: 'Forest Green', value: '#2caa57' },
+  { name: 'Sunny Yellow', value: '#ffe700' },
+  { name: 'White', value: '#ffffff' },
+  { name: 'Black', value: '#000000' },
+  { name: 'Light Gray', value: '#f7f7f7' },
+  { name: 'Misty Gray', value: '#eceef0' },
+  { name: 'Medium Gray', value: '#ced3d7' },
+  { name: 'Granite Gray', value: '#7C8B95' },
+  { name: 'Stone Gray', value: '#9dadb0' },
+  { name: 'Dark Gray', value: '#252829' },
+  { name: 'Danger Red', value: '#e52343' }
+]
+
+export const iconColors = [
+  { name: 'Midnight Blue', value: 'msds-icon-midnight-blue' },
+  { name: 'Cobalt Blue', value: 'msds-icon-cobalt-blue' },
+  { name: 'Milestone Blue', value: 'msds-icon-milestone-blue' },
+  { name: 'Granite Gray', value: 'msds-icon-granite-gray' },
+  { name: 'Stone Gray', value: 'msds-icon-stone-gray' },
+  { name: 'White', value: 'msds-icon-white' },
+  { name: 'Forest Green', value: 'msds-icon-forest-green' },
+  { name: 'Danger Red', value: 'msds-icon-danger-red' }
+]
+
+export const colors = [
+  { name: 'Milestone Blue', value: 'msds-color-milestone-blue' },
+  { name: 'Midnight Blue', value: 'msds-color-midnight-blue' },
+  { name: 'Cobalt Blue', value: 'msds-color-cobalt-blue' },
+  { name: 'Dark Blue', value: 'msds-color-dark-blue' },
+  { name: 'Sky Blue', value: 'msds-color-sky-blue' },
+  { name: 'Forest Green', value: 'msds-color-forest-green' },
+  { name: 'Sunny Yellow', value: 'msds-color-sunny-yellow' },
+  { name: 'White', value: 'msds-color-white' },
+  { name: 'Black', value: 'msds-color-black' },
+  { name: 'Light Gray', value: 'msds-color-light-gray' },
+  { name: 'Misty Gray', value: 'msds-color-misty-gray' },
+  { name: 'Medium Gray', value: 'msds-color-medium-gray' },
+  { name: 'Granite Gray', value: 'msds-color-granite-gray' },
+  { name: 'Stone Gray', value: 'msds-color-stone-gray' },
+  { name: 'Dark Gray', value: 'msds-color-dark-gray' },
+  { name: 'Danger Red', value: 'msds-color-danger-red' }
+]