fix: validate swatches json files against schema

telerik · Apr 8, 2021 · 82853d1 · 82853d1
1 parent bcce8cb
commit 82853d1
Show file tree

Hide file tree

Showing 24 changed files with 701 additions and 239 deletions.
diff --git a/packages/default/lib/themebuilder/black.json b/packages/default/lib/themebuilder/black.json
@@ -1,9 +1,16 @@
 {
-    "$schema": "@progress/kendo-theme-tasks/lib/schemas/themebuilder-swatch.json",
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.5.0/lib/schemas/themebuilder-swatch.json",
     "name": "Black",
     "base": "@progress/kendo-theme-default",
-    "previewColors": [ "#272727", "#3d3d3d", "#4d4d4d", "#0066cc", "#ffffff" ],
-    "components": [ ],
+    "hidden": true,
+    "previewColors": [
+        "#272727",
+        "#3d3d3d",
+        "#4d4d4d",
+        "#0066cc",
+        "#ffffff"
+    ],
+    "components": [],
     "themeBuilder": [
         {
             "name": "",

diff --git a/packages/default/lib/themebuilder/blue-opal.json b/packages/default/lib/themebuilder/blue-opal.json
@@ -1,9 +1,16 @@
 {
-    "$schema": "@progress/kendo-theme-tasks/lib/schemas/themebuilder-swatch.json",
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.5.0/lib/schemas/themebuilder-swatch.json",
     "name": "Blue Opal",
     "base": "@progress/kendo-theme-default",
-    "previewColors": [ "#ffffff", "#daecf4", "#7bd2f6", "#13688c", "#003f59" ],
-    "components": [ ],
+    "hidden": true,
+    "previewColors": [
+        "#ffffff",
+        "#daecf4",
+        "#7bd2f6",
+        "#13688c",
+        "#003f59"
+    ],
+    "components": [],
     "themeBuilder": [
         {
             "name": "",

diff --git a/packages/default/lib/themebuilder/default-black.json b/packages/default/lib/themebuilder/default-black.json
@@ -1,9 +1,16 @@
 {
-    "$schema": "@progress/kendo-theme-tasks/lib/schemas/themebuilder-swatch.json",
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.5.0/lib/schemas/themebuilder-swatch.json",
     "name": "Default Black",
     "base": "@progress/kendo-theme-default",
-    "previewColors": [ "#333333", "#555555", "#ff6358", "#eb5b51", "#ffffff" ],
-    "components": [ ],
+    "hidden": true,
+    "previewColors": [
+        "#333333",
+        "#555555",
+        "#ff6358",
+        "#eb5b51",
+        "#ffffff"
+    ],
+    "components": [],
     "themeBuilder": [
         {
             "name": "",

diff --git a/packages/default/lib/themebuilder/default-blue.json b/packages/default/lib/themebuilder/default-blue.json
@@ -1,9 +1,15 @@
 {
-    "$schema": "@progress/kendo-theme-tasks/lib/schemas/themebuilder-swatch.json",
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.5.0/lib/schemas/themebuilder-swatch.json",
     "name": "Default Blue",
     "base": "@progress/kendo-theme-default",
-    "previewColors": [ "#ffffff", "#f6f6f6", "#23bde0", "#21b0d0", "#656565" ],
-    "components": [ ],
+    "previewColors": [
+        "#ffffff",
+        "#f5f5f5",
+        "#23bde0",
+        "#1d9fbc",
+        "#424242"
+    ],
+    "components": [],
     "themeBuilder": [
         {
             "name": "",
@@ -16,13 +22,18 @@
             }
         },
         {
-            "name": "Brand colors",
+            "name": "Theme colors",
             "variables": {
                 "primary": {
                     "name": "Primary",
                     "type": "color",
                     "value": "#23bde0"
                 },
+                "secondary": {
+                    "name": "Secondary",
+                    "type": "color",
+                    "value": "#f6f6f6"
+                },
                 "info": {
                     "name": "Info",
                     "type": "color",
@@ -46,72 +57,117 @@
             }
         },
         {
-            "name": "Page",
+            "name": "Body",
             "variables": {
-                "text-color": {
-                    "name": "Text color",
+                "body-text": {
+                    "name": "Body text color",
                     "type": "color",
-                    "value": "#656565"
+                    "value": "#424242"
                 },
-                "bg-color": {
-                    "name": "Bg color",
+                "body-bg": {
+                    "name": "Body background",
                     "type": "color",
                     "value": "#ffffff"
+                },
+                "headings-text": {
+                    "name": "Headings text color",
+                    "type": "color",
+                    "value": "#272727"
+                },
+                "subtle-text": {
+                    "name": "Subtle text color",
+                    "type": "color",
+                    "value": "#666666"
+                },
+                "disabled-text": {
+                    "name": "Disabled text color",
+                    "type": "color",
+                    "value": "#8f8f8f"
                 }
             }
         },
         {
-            "name": "Base",
+            "name": "Components",
             "variables": {
+                "component-text": {
+                    "name": "Component text color",
+                    "type": "color",
+                    "value": "#424242"
+                },
+                "component-bg": {
+                    "name": "Component background",
+                    "type": "color",
+                    "value": "#ffffff"
+                },
                 "base-text": {
-                    "name": "Text color",
+                    "name": "Header text color",
                     "type": "color",
-                    "value": "#656565"
+                    "value": "#424242"
                 },
                 "base-bg": {
-                    "name": "Bg color",
+                    "name": "Header background",
                     "type": "color",
-                    "value": "#f6f6f6"
+                    "value": "#fafafa"
+                },
+                "hovered-text": {
+                    "name": "Hover text color",
+                    "type": "color",
+                    "value": "#424242"
+                },
+                "hovered-bg": {
+                    "name": "Hover background",
+                    "type": "color",
+                    "value": "#ececec"
+                },
+                "selected-text": {
+                    "name": "Selected text color",
+                    "type": "color",
+                    "value": "#ffffff"
+                },
+                "selected-bg": {
+                    "name": "Selected background",
+                    "type": "color",
+                    "value": "#23bde0"
                 }
             }
         },
         {
-            "name": "Hover",
+            "name": "Button",
             "variables": {
-                "hovered-text": {
-                    "name": "Text color",
+                "button-text": {
+                    "name": "Button text color",
                     "type": "color",
-                    "value": "#656565"
+                    "value": "#424242"
                 },
-                "hovered-bg": {
-                    "name": "Bg color",
+                "button-bg": {
+                    "name": "Button background",
                     "type": "color",
-                    "value": "#ededed"
+                    "value": "#f5f5f5"
                 }
             }
         },
         {
-            "name": "Selected",
+            "name": "Link",
             "variables": {
-                "selected-text": {
-                    "name": "Text color",
+                "link-text": {
+                    "name": "Link text color",
                     "type": "color",
-                    "value": "#ffffff"
+                    "value": "#23bde0"
                 },
-                "selected-bg": {
-                    "name": "Bg color",
+                "link-hover-text": {
+                    "name": "Link hover text color",
                     "type": "color",
-                    "value": "#23bde0"
+                    "value": "#1d9fbc"
                 }
             }
         },
         {
-            "name": "Chart",
+            "name": "Dataviz",
             "variables": {
                 "series-a": {
                     "name": "Series A",
                     "type": "color",
-                    "value": "#ff6358"
+                    "value": "#23bde0"
                 },
                 "series-b": {
                     "name": "Series B",