@progress/kendo-theme-default 5.0.2-dev.0 → 5.1.0

package/dist/all.css

@@ -23911,13 +23911,13 @@ kendo-card-footer {
     color: #d6534a;
 }
 
-.k-tabstrip-items-wrapper .k-item.k-state-active, .k-tabstrip-items-wrapper .k-item.k-state-selected {
+.k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-items-wrapper .k-item.k-state-active, .k-tabstrip-items-wrapper .k-item.k-state-selected {
     border-color: rgba(0, 0, 0, 0.08);
     color: #424242;
     background-color: #ffffff;
 }
 
-.k-tabstrip-items-wrapper .k-item.k-state-focused {
+.k-tabstrip-items-wrapper .k-item:focus, .k-tabstrip-items-wrapper .k-item.k-state-focused {
     box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
 }
 

package/dist/all.scss

@@ -25589,6 +25589,7 @@ $tabstrip-content-border-focused: $component-text !default;
                 );
             }
 
+            &:active,
             &.k-state-active,
             &.k-state-selected {
                 @include fill(
@@ -25599,6 +25600,7 @@ $tabstrip-content-border-focused: $component-text !default;
                 );
             }
 
+            &:focus,
             &.k-state-focused {
                 @include box-shadow( $tabstrip-item-focused-shadow );
             }

package/dist/default-blue.scss

@@ -18,8 +18,8 @@ $hovered-text: #424242;
 $hovered-bg: #ececec;
 $selected-text: #ffffff;
 $selected-bg: #23bde0;
-$button-text: #424242;
-$button-bg: #f5f5f5;
+$kendo-button-text: #424242;
+$kendo-button-bg: #f5f5f5;
 $link-text: #23bde0;
 $link-hover-text: #1d9fbc;
 $series-a: #23bde0;

package/dist/default-green.scss

@@ -18,8 +18,8 @@ $hovered-text: #424242;
 $hovered-bg: #ececec;
 $selected-text: #ffffff;
 $selected-bg: #53b827;
-$button-text: #424242;
-$button-bg: #f5f5f5;
+$kendo-button-text: #424242;
+$kendo-button-bg: #f5f5f5;
 $link-text: #53b827;
 $link-hover-text: #469b21;
 $series-a: #53b827;

package/dist/default-main-dark.scss

@@ -19,8 +19,8 @@ $hovered-text: #ffffff;
 $hovered-bg: #202020;
 $selected-text: #ffffff;
 $selected-bg: #ff6358;
-$button-text: #ffffff;
-$button-bg: #404040;
+$kendo-button-text: #ffffff;
+$kendo-button-bg: #404040;
 $link-text: #ff6358;
 $link-hover-text: #d6534a;
 $series-a: #ff6358;

package/dist/default-main.scss

@@ -18,8 +18,8 @@ $hovered-text: #424242;
 $hovered-bg: #ececec;
 $selected-text: #ffffff;
 $selected-bg: #ff6358;
-$button-text: #424242;
-$button-bg: #f5f5f5;
+$kendo-button-text: #424242;
+$kendo-button-bg: #f5f5f5;
 $link-text: #ff6358;
 $link-hover-text: #d6534a;
 $series-a: #ff6358;

package/dist/default-nordic.scss

@@ -18,8 +18,8 @@ $hovered-text: #212529;
 $hovered-bg: #e4e7eb;
 $selected-text: #ffffff;
 $selected-bg: #e7607b;
-$button-text: #212529;
-$button-bg: #d6e5e9;
+$kendo-button-text: #212529;
+$kendo-button-bg: #d6e5e9;
 $link-text: #e7607b;
 $link-hover-text: #da2146;
 $series-a: #e7607b;

package/dist/default-orange.scss

@@ -18,8 +18,8 @@ $hovered-text: #424242;
 $hovered-bg: #ececec;
 $selected-text: #ffffff;
 $selected-bg: #ff9411;
-$button-text: #424242;
-$button-bg: #f5f5f5;
+$kendo-button-text: #424242;
+$kendo-button-bg: #f5f5f5;
 $link-text: #ff9411;
 $link-hover-text: #d67c0e;
 $series-a: #ff9411;

package/dist/default-purple.scss

@@ -18,8 +18,8 @@ $hovered-text: #424242;
 $hovered-bg: #ececec;
 $selected-text: #ffffff;
 $selected-bg: #bf70cc;
-$button-text: #424242;
-$button-bg: #f5f5f5;
+$kendo-button-text: #424242;
+$kendo-button-bg: #f5f5f5;
 $link-text: #bf70cc;
 $link-hover-text: #a05eab;
 $series-a: #bf70cc;

package/dist/default-turquoise.scss

@@ -18,8 +18,8 @@ $hovered-text: #424242;
 $hovered-bg: #ececec;
 $selected-text: #ffffff;
 $selected-bg: #28bfba;
-$button-text: #424242;
-$button-bg: #f5f5f5;
+$kendo-button-text: #424242;
+$kendo-button-bg: #f5f5f5;
 $link-text: #28bfba;
 $link-hover-text: #22a09c;
 $series-a: #28bfba;

package/dist/default-urban.scss

@@ -18,8 +18,8 @@ $hovered-text: #16181b;
 $hovered-bg: #cfdee6;
 $selected-text: #ffffff;
 $selected-bg: #ff5c1a;
-$button-text: #ffffff;
-$button-bg: #5798be;
+$kendo-button-text: #ffffff;
+$kendo-button-bg: #5798be;
 $link-text: #ff5c1a;
 $link-hover-text: #e65317;
 $series-a: #ff7943;

package/lib/swatches/default-blue.json

@@ -134,12 +134,12 @@
         {
             "name": "Button",
             "variables": {
-                "button-text": {
+                "kendo-button-text": {
                     "name": "Button text color",
                     "type": "color",
                     "value": "#424242"
                 },
-                "button-bg": {
+                "kendo-button-bg": {
                     "name": "Button background",
                     "type": "color",
                     "value": "#f5f5f5"

package/lib/swatches/default-green.json

@@ -134,12 +134,12 @@
         {
             "name": "Button",
             "variables": {
-                "button-text": {
+                "kendo-button-text": {
                     "name": "Button text color",
                     "type": "color",
                     "value": "#424242"
                 },
-                "button-bg": {
+                "kendo-button-bg": {
                     "name": "Button background",
                     "type": "color",
                     "value": "#f5f5f5"

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

@@ -144,12 +144,12 @@
         {
             "name": "Button",
             "variables": {
-                "button-text": {
+                "kendo-button-text": {
                     "name": "Button text color",
                     "type": "color",
                     "value": "#ffffff"
                 },
-                "button-bg": {
+                "kendo-button-bg": {
                     "name": "Button background",
                     "type": "color",
                     "value": "#404040"

package/lib/swatches/default-main.json

@@ -134,12 +134,12 @@
         {
             "name": "Button",
             "variables": {
-                "button-text": {
+                "kendo-button-text": {
                     "name": "Button text color",
                     "type": "color",
                     "value": "#424242"
                 },
-                "button-bg": {
+                "kendo-button-bg": {
                     "name": "Button background",
                     "type": "color",
                     "value": "#f5f5f5"

package/lib/swatches/default-nordic.json

@@ -134,12 +134,12 @@
         {
             "name": "Button",
             "variables": {
-                "button-text": {
+                "kendo-button-text": {
                     "name": "Button text color",
                     "type": "color",
                     "value": "#212529"
                 },
-                "button-bg": {
+                "kendo-button-bg": {
                     "name": "Button background",
                     "type": "color",
                     "value": "#d6e5e9"

package/lib/swatches/default-orange.json

@@ -134,12 +134,12 @@
         {
             "name": "Button",
             "variables": {
-                "button-text": {
+                "kendo-button-text": {
                     "name": "Button text color",
                     "type": "color",
                     "value": "#424242"
                 },
-                "button-bg": {
+                "kendo-button-bg": {
                     "name": "Button background",
                     "type": "color",
                     "value": "#f5f5f5"

package/lib/swatches/default-purple.json

@@ -134,12 +134,12 @@
         {
             "name": "Button",
             "variables": {
-                "button-text": {
+                "kendo-button-text": {
                     "name": "Button text color",
                     "type": "color",
                     "value": "#424242"
                 },
-                "button-bg": {
+                "kendo-button-bg": {
                     "name": "Button background",
                     "type": "color",
                     "value": "#f5f5f5"

package/lib/swatches/default-turquoise.json

@@ -134,12 +134,12 @@
         {
             "name": "Button",
             "variables": {
-                "button-text": {
+                "kendo-button-text": {
                     "name": "Button text color",
                     "type": "color",
                     "value": "#424242"
                 },
-                "button-bg": {
+                "kendo-button-bg": {
                     "name": "Button background",
                     "type": "color",
                     "value": "#f5f5f5"

package/lib/swatches/default-urban.json

@@ -134,12 +134,12 @@
         {
             "name": "Button",
             "variables": {
-                "button-text": {
+                "kendo-button-text": {
                     "name": "Button text color",
                     "type": "color",
                     "value": "#ffffff"
                 },
-                "button-bg": {
+                "kendo-button-bg": {
                     "name": "Button background",
                     "type": "color",
                     "value": "#5798be"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "5.0.2-dev.0",
+  "version": "5.1.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -47,5 +47,5 @@
     "prepublishOnly": "echo 'no prebublish for default theme'",
     "postpublish": "echo 'no postpublish for default theme'"
   },
-  "gitHead": "aa428c88a51a5b5462ad9d55a3e5c94646d1b386"
+  "gitHead": "279941cb925d750fc123f66c3e15ce1e2b666191"
 }

package/scss/tabstrip/_theme.scss

@@ -36,6 +36,7 @@
                 );
             }
 
+            &:active,
             &.k-state-active,
             &.k-state-selected {
                 @include fill(
@@ -46,6 +47,7 @@
                 );
             }
 
+            &:focus,
             &.k-state-focused {
                 @include box-shadow( $tabstrip-item-focused-shadow );
             }