Merge "init commit onap ui"HEAD2.0.0-ONAPmasterbeijing2.0.0-ONAP

1 files changed, 42 insertions, 0 deletions

diff --git a/stories/ng2-component-lab/colors.component.exp.ts b/stories/ng2-component-lab/colors.component.exp.ts
new file mode 100644
index 0000000..f082d90
--- /dev/null
+++ b/stories/ng2-component-lab/colors.component.exp.ts
@@ -0,0 +1,42 @@
+import { experimentOn } from '@islavi/ng2-component-lab';
+
+const colorMap = {
+    'white': '#ffffff',
+    'dark-blue': '#0568ae',
+    'blue': '#009fdb',
+    'light-blue': '#1eb9f3',
+    'blue-disabled': '#9dd9ef',
+    'lighter-blue': '#e6f6fb',
+    'black': '#000000',
+    'text-black': '#191919',
+    'rich-black': '#323943',
+    'dark-gray': '#5a5a5a',
+    'gray': '#959595',
+    'light-gray': '#d2d2d2',
+    'silver': '#eaeaea',
+    'light-silver': '#f2f2f2',
+    'lighter-silver':'#f8f8f8',
+    'green': '#4ca90c',
+    'red': '#cf2a2a',
+    'light-red':'#ed4141',
+    'disabled-red':'#f4adad',
+    'yellow': '#ffb81c',
+    'dark-purple': '#702f8a',
+    'purple': '#9063cd',
+    'light-purple': '#caa2dd'
+};
+
+export default experimentOn('Colors', 1)
+    .group("Color palette", [
+        {
+            id: 'colorPalette',
+            showSource: true,
+            context: {
+                colorMap
+            },
+            title: 'Color palette',
+            description: 'Supported design colors',
+            template: `<colors-table [tableTitle]="'Colors'" [tableMapColors]="colorMap"></colors-table>`,
+        }
+    ]
+    );