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

package/dist/meta/sassdoc-data.json

@@ -68346,7 +68346,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,
@@ -68361,7 +68361,7 @@
                 "path": "default/scss/segmented-control/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-base-subtle, #ebebeb)",
+            "resolvedValue": "color-mix(in srgb, var(--kendo-color-base, #f5f5f5), currentColor 6%)",
             "resolvedType": "String"
         },
         {
@@ -68643,7 +68643,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,
@@ -68658,7 +68658,7 @@
                 "path": "default/scss/segmented-control/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-surface-alt, #ffffff)",
+            "resolvedValue": "var(--kendo-color-app-surface, #ffffff)",
             "resolvedType": "String"
         },
         {
@@ -68994,7 +68994,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-segmented-control-button-hover-bg",
-                "value": "k-color(base-active)",
+                "value": "color-mix(in srgb, currentColor 16%, k-color(base-hover))",
                 "scope": "default",
                 "line": {
                     "start": 106,
@@ -69009,7 +69009,7 @@
                 "path": "default/scss/segmented-control/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-base-active, #d6d6d6)",
+            "resolvedValue": "color-mix(in srgb, currentColor 16%, var(--kendo-color-base-hover, #ebebeb))",
             "resolvedType": "String"
         },
         {
@@ -69021,7 +69021,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": 109,
@@ -69036,7 +69036,7 @@
                 "path": "default/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"
         },
         {
@@ -171981,7 +171981,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,
@@ -171996,7 +171996,7 @@
                         "path": "default/scss/segmented-control/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-base-subtle, #ebebeb)",
+                    "resolvedValue": "color-mix(in srgb, var(--kendo-color-base, #f5f5f5), currentColor 6%)",
                     "resolvedType": "String"
                 },
                 {
@@ -172278,7 +172278,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,
@@ -172293,7 +172293,7 @@
                         "path": "default/scss/segmented-control/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-surface-alt, #ffffff)",
+                    "resolvedValue": "var(--kendo-color-app-surface, #ffffff)",
                     "resolvedType": "String"
                 },
                 {
@@ -172629,7 +172629,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-segmented-control-button-hover-bg",
-                        "value": "k-color(base-active)",
+                        "value": "color-mix(in srgb, currentColor 16%, k-color(base-hover))",
                         "scope": "default",
                         "line": {
                             "start": 106,
@@ -172644,7 +172644,7 @@
                         "path": "default/scss/segmented-control/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-base-active, #d6d6d6)",
+                    "resolvedValue": "color-mix(in srgb, currentColor 16%, var(--kendo-color-base-hover, #ebebeb))",
                     "resolvedType": "String"
                 },
                 {
@@ -172656,7 +172656,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": 109,
@@ -172671,7 +172671,7 @@
                         "path": "default/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

@@ -63242,7 +63242,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,
@@ -63517,7 +63517,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,
@@ -63842,7 +63842,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-segmented-control-button-hover-bg",
-            "value": "k-color(base-active)",
+            "value": "color-mix(in srgb, currentColor 16%, k-color(base-hover))",
             "scope": "default",
             "line": {
                 "start": 106,
@@ -63867,7 +63867,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": 109,

package/dist/meta/variables.json

@@ -4520,7 +4520,7 @@
     },
     "kendo-segmented-control-bg": {
         "type": "String",
-        "value": "var(--kendo-color-base-subtle, #ebebeb)"
+        "value": "color-mix(in srgb, var(--kendo-color-base, #f5f5f5), 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-active, #d6d6d6)"
+        "value": "color-mix(in srgb, currentColor 16%, var(--kendo-color-base-hover, #ebebeb))"
     },
     "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/default-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "13.0.0-dev.5",
+    "version": "13.0.0-dev.7",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-dataviz-v4.json

@@ -3,7 +3,7 @@
     "name": "Default Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "13.0.0-dev.5",
+    "version": "13.0.0-dev.7",
     "previewColors": [
         "#ff6358",
         "#ffd246",

package/lib/swatches/default-green.json

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

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

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

package/lib/swatches/default-main.json

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

package/lib/swatches/default-nordic.json

@@ -3,7 +3,7 @@
     "name": "Default Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "13.0.0-dev.5",
+    "version": "13.0.0-dev.7",
     "previewColors": [
         "#ffffff",
         "#50686e",

package/lib/swatches/default-ocean-blue-a11y.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue A11Y",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "13.0.0-dev.5",
+    "version": "13.0.0-dev.7",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-ocean-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "13.0.0-dev.5",
+    "version": "13.0.0-dev.7",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-orange.json

@@ -3,7 +3,7 @@
     "name": "Default Orange",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "13.0.0-dev.5",
+    "version": "13.0.0-dev.7",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-purple.json

@@ -3,7 +3,7 @@
     "name": "Default Purple",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "13.0.0-dev.5",
+    "version": "13.0.0-dev.7",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Default Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "13.0.0-dev.5",
+    "version": "13.0.0-dev.7",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-urban.json

@@ -3,7 +3,7 @@
     "name": "Default Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "13.0.0-dev.5",
+    "version": "13.0.0-dev.7",
     "previewColors": [
         "#ffffff",
         "#e3eef4",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "13.0.0-dev.5",
+  "version": "13.0.0-dev.7",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -53,12 +53,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-base) !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;
@@ -103,10 +103,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-active) !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 (