feat(material): enable color system

BREAKING CHANGE: This commit enables the new Color System, which introduces a new way of implementing and customizing the colors. If the user has customized some of the old color variables like `$kendo-color-primary`, `$kendo-body-bg`, `$kendo-base-bg`, etc, they would need to migrate their customizations by following the Migration Guide which can be found in the Progress Design System Docs.
telerik · Mar 22, 2024 · 2dc48a0 · 2dc48a0
1 parent b47cc6f
commit 2dc48a0
Show file tree

Hide file tree

Showing 17 changed files with 17 additions and 17 deletions.
diff --git a/packages/material/lib/swatches/material-aqua-dark.json b/packages/material/lib/swatches/material-aqua-dark.json
@@ -20,7 +20,7 @@
                 "kendo-enable-color-system": {
                     "name": "New color system",
                     "type": "boolean",
-                    "value": false
+                    "value": true
                 }
             }
         },

diff --git a/packages/material/lib/swatches/material-arctic.json b/packages/material/lib/swatches/material-arctic.json
@@ -20,7 +20,7 @@
                 "kendo-enable-color-system": {
                     "name": "New color system",
                     "type": "boolean",
-                    "value": false
+                    "value": true
                 }
             }
         },

diff --git a/packages/material/lib/swatches/material-burnt-teal.json b/packages/material/lib/swatches/material-burnt-teal.json
@@ -20,7 +20,7 @@
                 "kendo-enable-color-system": {
                     "name": "New color system",
                     "type": "boolean",
-                    "value": false
+                    "value": true
                 }
             }
         },

diff --git a/packages/material/lib/swatches/material-dataviz-v4.json b/packages/material/lib/swatches/material-dataviz-v4.json
@@ -20,7 +20,7 @@
                 "kendo-enable-color-system": {
                     "name": "New color system",
                     "type": "boolean",
-                    "value": false
+                    "value": true
                 }
             }
         },

diff --git a/packages/material/lib/swatches/material-eggplant.json b/packages/material/lib/swatches/material-eggplant.json
@@ -20,7 +20,7 @@
                 "kendo-enable-color-system": {
                     "name": "New color system",
                     "type": "boolean",
-                    "value": false
+                    "value": true
                 }
             }
         },

diff --git a/packages/material/lib/swatches/material-lime-dark.json b/packages/material/lib/swatches/material-lime-dark.json
@@ -20,7 +20,7 @@
                 "kendo-enable-color-system": {
                     "name": "New color system",
                     "type": "boolean",
-                    "value": false
+                    "value": true
                 }
             }
         },

diff --git a/packages/material/lib/swatches/material-lime.json b/packages/material/lib/swatches/material-lime.json
@@ -20,7 +20,7 @@
                 "kendo-enable-color-system": {
                     "name": "New color system",
                     "type": "boolean",
-                    "value": false
+                    "value": true
                 }
             }
         },

diff --git a/packages/material/lib/swatches/material-main-dark.json b/packages/material/lib/swatches/material-main-dark.json
@@ -20,7 +20,7 @@
                 "kendo-enable-color-system": {
                     "name": "New color system",
                     "type": "boolean",
-                    "value": false
+                    "value": true
                 }
             }
         },

diff --git a/packages/material/lib/swatches/material-main.json b/packages/material/lib/swatches/material-main.json
@@ -20,7 +20,7 @@
                 "kendo-enable-color-system": {
                     "name": "New color system",
                     "type": "boolean",
-                    "value": false
+                    "value": true
                 }
             }
         },

diff --git a/packages/material/lib/swatches/material-nova.json b/packages/material/lib/swatches/material-nova.json
@@ -20,7 +20,7 @@
                 "kendo-enable-color-system": {
                     "name": "New color system",
                     "type": "boolean",
-                    "value": false
+                    "value": true
                 }
             }
         },

diff --git a/packages/material/lib/swatches/material-pacific-dark.json b/packages/material/lib/swatches/material-pacific-dark.json
@@ -20,7 +20,7 @@
                 "kendo-enable-color-system": {
                     "name": "New color system",
                     "type": "boolean",
-                    "value": false
+                    "value": true
                 }
             }
         },

diff --git a/packages/material/lib/swatches/material-pacific.json b/packages/material/lib/swatches/material-pacific.json
@@ -20,7 +20,7 @@
                 "kendo-enable-color-system": {
                     "name": "New color system",
                     "type": "boolean",
-                    "value": false
+                    "value": true
                 }
             }
         },

diff --git a/packages/material/lib/swatches/material-sky-dark.json b/packages/material/lib/swatches/material-sky-dark.json
@@ -20,7 +20,7 @@
                 "kendo-enable-color-system": {
                     "name": "New color system",
                     "type": "boolean",
-                    "value": false
+                    "value": true
                 }
             }
         },

diff --git a/packages/material/lib/swatches/material-sky.json b/packages/material/lib/swatches/material-sky.json
@@ -20,7 +20,7 @@
                 "kendo-enable-color-system": {
                     "name": "New color system",
                     "type": "boolean",
-                    "value": false
+                    "value": true
                 }
             }
         },

diff --git a/packages/material/lib/swatches/material-smoke.json b/packages/material/lib/swatches/material-smoke.json
@@ -20,7 +20,7 @@
                 "kendo-enable-color-system": {
                     "name": "New color system",
                     "type": "boolean",
-                    "value": false
+                    "value": true
                 }
             }
         },

diff --git a/packages/material/scss/core/color-system/_swatch.scss b/packages/material/scss/core/color-system/_swatch.scss
@@ -4,7 +4,7 @@
 @import "./_functions.scss";
 
 // Config
-$kendo-enable-color-system: false !default;
+$kendo-enable-color-system: true !default;
 
 // Colors
 $_default-colors: (

diff --git a/packages/material/scss/input/_variables.scss b/packages/material/scss/input/_variables.scss
@@ -267,7 +267,7 @@ $kendo-input-spinner-icon-offset: null !default;
 
 /// The color of the Input separator.
 /// @group input
-$kendo-input-separator-text: rgba( $kendo-component-border, .12 ) !default;
+$kendo-input-separator-text: $kendo-component-border !default;
 /// The opacity of the Input separator.
 /// @group input
 $kendo-input-separator-opacity: .5 !default;