@progress/kendo-theme-classic 13.0.0-dev.5 → 13.0.0-dev.7

package/dist/meta/sassdoc-data.json

@@ -70372,7 +70372,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-segmented-control-bg",
-                "value": "k-color(base-subtle)",
+                "value": "color-mix(in srgb, k-color(base), currentColor 6%)",
                 "scope": "default",
                 "line": {
                     "start": 24,
@@ -70387,7 +70387,7 @@
                 "path": "classic/scss/segmented-control/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-base-subtle, #f0f0f0)",
+            "resolvedValue": "color-mix(in srgb, var(--kendo-color-base, #ebebeb), currentColor 6%)",
             "resolvedType": "String"
         },
         {
@@ -70669,7 +70669,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-segmented-control-thumb-bg",
-                "value": "k-color(surface-alt)",
+                "value": "k-color(app-surface)",
                 "scope": "default",
                 "line": {
                     "start": 61,
@@ -70684,7 +70684,7 @@
                 "path": "classic/scss/segmented-control/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-surface-alt, #ffffff)",
+            "resolvedValue": "var(--kendo-color-app-surface, #ffffff)",
             "resolvedType": "String"
         },
         {
@@ -71020,7 +71020,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-segmented-control-button-hover-bg",
-                "value": "k-color(base-hover)",
+                "value": "color-mix(in srgb, currentColor 16%, k-color(base-hover))",
                 "scope": "default",
                 "line": {
                     "start": 105,
@@ -71035,7 +71035,7 @@
                 "path": "classic/scss/segmented-control/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-base-hover, #dddddd)",
+            "resolvedValue": "color-mix(in srgb, currentColor 16%, var(--kendo-color-base-hover, #dddddd))",
             "resolvedType": "String"
         },
         {
@@ -71047,7 +71047,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-segmented-control-button-focus-indicator",
-                "value": "inset 0 0 0 2px color-mix(in srgb, currentColor 25%, transparent)",
+                "value": "inset 0 0 0 2px color-mix(in srgb, currentColor 35%, transparent)",
                 "scope": "default",
                 "line": {
                     "start": 108,
@@ -71062,7 +71062,7 @@
                 "path": "classic/scss/segmented-control/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "(inset 0 0 0 2px color-mix(in srgb, currentColor 25%, transparent))",
+            "resolvedValue": "(inset 0 0 0 2px color-mix(in srgb, currentColor 35%, transparent))",
             "resolvedType": "List"
         },
         {
@@ -172304,7 +172304,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-segmented-control-bg",
-                        "value": "k-color(base-subtle)",
+                        "value": "color-mix(in srgb, k-color(base), currentColor 6%)",
                         "scope": "default",
                         "line": {
                             "start": 24,
@@ -172319,7 +172319,7 @@
                         "path": "classic/scss/segmented-control/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-base-subtle, #f0f0f0)",
+                    "resolvedValue": "color-mix(in srgb, var(--kendo-color-base, #ebebeb), currentColor 6%)",
                     "resolvedType": "String"
                 },
                 {
@@ -172601,7 +172601,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-segmented-control-thumb-bg",
-                        "value": "k-color(surface-alt)",
+                        "value": "k-color(app-surface)",
                         "scope": "default",
                         "line": {
                             "start": 61,
@@ -172616,7 +172616,7 @@
                         "path": "classic/scss/segmented-control/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-surface-alt, #ffffff)",
+                    "resolvedValue": "var(--kendo-color-app-surface, #ffffff)",
                     "resolvedType": "String"
                 },
                 {
@@ -172952,7 +172952,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-segmented-control-button-hover-bg",
-                        "value": "k-color(base-hover)",
+                        "value": "color-mix(in srgb, currentColor 16%, k-color(base-hover))",
                         "scope": "default",
                         "line": {
                             "start": 105,
@@ -172967,7 +172967,7 @@
                         "path": "classic/scss/segmented-control/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-base-hover, #dddddd)",
+                    "resolvedValue": "color-mix(in srgb, currentColor 16%, var(--kendo-color-base-hover, #dddddd))",
                     "resolvedType": "String"
                 },
                 {
@@ -172979,7 +172979,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-segmented-control-button-focus-indicator",
-                        "value": "inset 0 0 0 2px color-mix(in srgb, currentColor 25%, transparent)",
+                        "value": "inset 0 0 0 2px color-mix(in srgb, currentColor 35%, transparent)",
                         "scope": "default",
                         "line": {
                             "start": 108,
@@ -172994,7 +172994,7 @@
                         "path": "classic/scss/segmented-control/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "(inset 0 0 0 2px color-mix(in srgb, currentColor 25%, transparent))",
+                    "resolvedValue": "(inset 0 0 0 2px color-mix(in srgb, currentColor 35%, transparent))",
                     "resolvedType": "List"
                 },
                 {

package/dist/meta/sassdoc-raw-data.json

@@ -64919,7 +64919,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-segmented-control-bg",
-            "value": "k-color(base-subtle)",
+            "value": "color-mix(in srgb, k-color(base), currentColor 6%)",
             "scope": "default",
             "line": {
                 "start": 24,
@@ -65194,7 +65194,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-segmented-control-thumb-bg",
-            "value": "k-color(surface-alt)",
+            "value": "k-color(app-surface)",
             "scope": "default",
             "line": {
                 "start": 61,
@@ -65519,7 +65519,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-segmented-control-button-hover-bg",
-            "value": "k-color(base-hover)",
+            "value": "color-mix(in srgb, currentColor 16%, k-color(base-hover))",
             "scope": "default",
             "line": {
                 "start": 105,
@@ -65544,7 +65544,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-segmented-control-button-focus-indicator",
-            "value": "inset 0 0 0 2px color-mix(in srgb, currentColor 25%, transparent)",
+            "value": "inset 0 0 0 2px color-mix(in srgb, currentColor 35%, transparent)",
             "scope": "default",
             "line": {
                 "start": 108,

package/dist/meta/variables.json

@@ -4520,7 +4520,7 @@
     },
     "kendo-segmented-control-bg": {
         "type": "String",
-        "value": "var(--kendo-color-base-subtle, #f0f0f0)"
+        "value": "color-mix(in srgb, var(--kendo-color-base, #ebebeb), currentColor 6%)"
     },
     "kendo-segmented-control-text": {
         "type": "String",
@@ -4564,7 +4564,7 @@
     },
     "kendo-segmented-control-thumb-bg": {
         "type": "String",
-        "value": "var(--kendo-color-surface-alt, #ffffff)"
+        "value": "var(--kendo-color-app-surface, #ffffff)"
     },
     "kendo-segmented-control-thumb-text": {
         "type": "String",
@@ -4616,11 +4616,11 @@
     },
     "kendo-segmented-control-button-hover-bg": {
         "type": "String",
-        "value": "var(--kendo-color-base-hover, #dddddd)"
+        "value": "color-mix(in srgb, currentColor 16%, var(--kendo-color-base-hover, #dddddd))"
     },
     "kendo-segmented-control-button-focus-indicator": {
         "type": "List",
-        "value": "(inset 0 0 0 2px color-mix(in srgb, currentColor 25%, transparent))"
+        "value": "(inset 0 0 0 2px color-mix(in srgb, currentColor 35%, transparent))"
     },
     "kendo-segmented-control-sizes": {
         "type": "Map",

package/lib/swatches/classic-green-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Green Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.0.0-dev.5",
+    "version": "13.0.0-dev.7",
     "previewColors": [
         "#000000",
         "#131413",

package/lib/swatches/classic-green.json

@@ -3,7 +3,7 @@
     "name": "Classic Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.0.0-dev.5",
+    "version": "13.0.0-dev.7",
     "previewColors": [
         "#ffffff",
         "#f3f4f3",

package/lib/swatches/classic-lavender-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Lavender Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.0.0-dev.5",
+    "version": "13.0.0-dev.7",
     "previewColors": [
         "#000000",
         "#1b141a",

package/lib/swatches/classic-lavender.json

@@ -3,7 +3,7 @@
     "name": "Classic Lavender",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.0.0-dev.5",
+    "version": "13.0.0-dev.7",
     "previewColors": [
         "#ffffff",
         "#fafafa",

package/lib/swatches/classic-main-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.0.0-dev.5",
+    "version": "13.0.0-dev.7",
     "previewColors": [
         "#000000",
         "#101010",

package/lib/swatches/classic-main.json

@@ -3,7 +3,7 @@
     "name": "Classic Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.0.0-dev.5",
+    "version": "13.0.0-dev.7",
     "previewColors": [
         "#ffffff",
         "#f0f0f0",

package/lib/swatches/classic-metro-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Metro Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.0.0-dev.5",
+    "version": "13.0.0-dev.7",
     "previewColors": [
         "#000000",
         "#0e0e0e",

package/lib/swatches/classic-metro.json

@@ -3,7 +3,7 @@
     "name": "Classic Metro",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.0.0-dev.5",
+    "version": "13.0.0-dev.7",
     "previewColors": [
         "#ffffff",
         "#f9f9f9",

package/lib/swatches/classic-moonlight.json

@@ -3,7 +3,7 @@
     "name": "Classic Moonlight",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.0.0-dev.5",
+    "version": "13.0.0-dev.7",
     "previewColors": [
         "#1f2a35",
         "#303742",

package/lib/swatches/classic-opal-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Opal Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.0.0-dev.5",
+    "version": "13.0.0-dev.7",
     "previewColors": [
         "#000000",
         "#272727",

package/lib/swatches/classic-opal.json

@@ -3,7 +3,7 @@
     "name": "Classic Opal",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.0.0-dev.5",
+    "version": "13.0.0-dev.7",
     "previewColors": [
         "#ffffff",
         "#def4fd",

package/lib/swatches/classic-silver-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Silver Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.0.0-dev.5",
+    "version": "13.0.0-dev.7",
     "previewColors": [
         "#000000",
         "#131314",

package/lib/swatches/classic-silver.json

@@ -3,7 +3,7 @@
     "name": "Classic Silver",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.0.0-dev.5",
+    "version": "13.0.0-dev.7",
     "previewColors": [
         "#ffffff",
         "#f3f3f4",

package/lib/swatches/classic-uniform.json

@@ -3,7 +3,7 @@
     "name": "Classic Uniform",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.0.0-dev.5",
+    "version": "13.0.0-dev.7",
     "previewColors": [
         "#ffffff",
         "#f0f0f0",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-classic",
   "description": "Sass port of less based themes for Kendo UI theme",
-  "version": "13.0.0-dev.5",
+  "version": "13.0.0-dev.7",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -54,12 +54,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.8.0",
-    "@progress/kendo-theme-core": "13.0.0-dev.5",
-    "@progress/kendo-theme-utils": "13.0.0-dev.5"
+    "@progress/kendo-theme-core": "13.0.0-dev.7",
+    "@progress/kendo-theme-utils": "13.0.0-dev.7"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "3c46af7ea07a1e0d1e6a625e020b26e831c0a95c"
+  "gitHead": "6cc52329cfdac287c113158ad114ecc9d1e8d6d2"
 }

package/scss/segmented-control/_variables.scss

@@ -21,7 +21,7 @@ $kendo-segmented-control-border-radius: k-border-radius(full) !default;
 
 /// The background color of the Segmented Control.
 /// @group segmented-control
-$kendo-segmented-control-bg: k-color(base-subtle) !default;
+$kendo-segmented-control-bg: color-mix(in srgb, k-color(base), currentColor 6%) !default;
 /// The text color of the Segmented Control.
 /// @group segmented-control
 $kendo-segmented-control-text: k-color(on-app-surface) !default;
@@ -58,7 +58,7 @@ $kendo-segmented-control-thumb-border-radius: $kendo-segmented-control-border-ra
 $kendo-segmented-control-thumb-shadow: none !default;
 /// The background of the Segmented Control thumb.
 /// @group segmented-control
-$kendo-segmented-control-thumb-bg: k-color(surface-alt) !default;
+$kendo-segmented-control-thumb-bg: k-color(app-surface) !default;
 /// The text color of the Segmented Control thumb.
 /// @group segmented-control
 $kendo-segmented-control-thumb-text: $kendo-segmented-control-text !default;
@@ -102,10 +102,10 @@ $kendo-segmented-control-lg-button-gap: k-spacing(2) !default;
 
 /// The background color of the hovered button inside Segmented Control.
 /// @group segmented-control
-$kendo-segmented-control-button-hover-bg: k-color(base-hover) !default;
+$kendo-segmented-control-button-hover-bg: color-mix(in srgb, currentColor 16%, k-color(base-hover)) !default;
 /// The indication of the focused button inside Segmented Control.
 /// @group segmented-control
-$kendo-segmented-control-button-focus-indicator: inset 0 0 0 2px color-mix(in srgb, currentColor 25%, transparent) !default;
+$kendo-segmented-control-button-focus-indicator: inset 0 0 0 2px color-mix(in srgb, currentColor 35%, transparent) !default;
 
 
 @forward "@progress/kendo-theme-core/scss/components/segmented-control/_variables.scss" with (