@progress/kendo-theme-material 12.2.4-dev.0 → 12.3.0-dev.0

package/dist/meta/variables.json

@@ -816,10 +816,6 @@
             "fit": "fit-content"
         }
     },
-    "kendo-prefix": {
-        "type": "String",
-        "value": "k-"
-    },
     "default-elevation": {
         "type": "Map",
         "value": "(1: (0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15)), 2: (0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15)), 3: (0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.3)), 4: (0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.3)), 5: (0px 4px 4px 0px rgba(0, 0, 0, 0.3), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)), 6: (0px 6px 14px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.3)), 7: (0px 7px 16px 7px rgba(0, 0, 0, 0.15), 0px 5px 5px 0px rgba(0, 0, 0, 0.3)), 8: (0px 8px 18px 8px rgba(0, 0, 0, 0.15), 0px 6px 5px 0px rgba(0, 0, 0, 0.3)), 9: (0px 9px 20px 9px rgba(0, 0, 0, 0.15), 0px 7px 6px 0px rgba(0, 0, 0, 0.3)))",
@@ -1174,9 +1170,297 @@
             "full": "9999px"
         }
     },
-    "kendo-transition": {
-        "type": "List",
-        "value": "(color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out)"
+    "default-easings": {
+        "type": "Map",
+        "value": "(linear: cubic-bezier(0, 0, 1, 1), accelerate: cubic-bezier(0.42, 0, 1, 1), decelerate: cubic-bezier(0, 0, 0.58, 1), standard: cubic-bezier(0.42, 0, 0.58, 1), sharp: cubic-bezier(0.75, 0, 0.25, 1), bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55), elastic: cubic-bezier(0.5, -0.5, 0.5, 1.5))",
+        "prettyValue": {
+            "linear": "cubic-bezier(0, 0, 1, 1)",
+            "accelerate": "cubic-bezier(0.42, 0, 1, 1)",
+            "decelerate": "cubic-bezier(0, 0, 0.58, 1)",
+            "standard": "cubic-bezier(0.42, 0, 0.58, 1)",
+            "sharp": "cubic-bezier(0.75, 0, 0.25, 1)",
+            "bounce": "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
+            "elastic": "cubic-bezier(0.5, -0.5, 0.5, 1.5)"
+        }
+    },
+    "default-durations": {
+        "type": "Map",
+        "value": "(instant: 0ms, immediate: 50ms, brief: 100ms, quick: 150ms, rapid: 200ms, swift: 250ms, speedy: 300ms, brisk: 350ms, prompt: 400ms, timely: 450ms, moderate: 500ms, measured: 550ms, steady: 600ms, leisurely: 700ms, slow: 800ms, languid: 900ms, sluggish: 1000ms)",
+        "prettyValue": {
+            "instant": "0ms",
+            "immediate": "50ms",
+            "brief": "100ms",
+            "quick": "150ms",
+            "rapid": "200ms",
+            "swift": "250ms",
+            "speedy": "300ms",
+            "brisk": "350ms",
+            "prompt": "400ms",
+            "timely": "450ms",
+            "moderate": "500ms",
+            "measured": "550ms",
+            "steady": "600ms",
+            "leisurely": "700ms",
+            "slow": "800ms",
+            "languid": "900ms",
+            "sluggish": "1000ms"
+        }
+    },
+    "default-transitions": {
+        "type": "Map",
+        "value": "(instant: (duration: var(--kendo-duration-instant), easing: var(--kendo-easing-linear)), rapid: (duration: var(--kendo-duration-quick), easing: var(--kendo-easing-decelerate)), snappy: (duration: var(--kendo-duration-swift), easing: var(--kendo-easing-decelerate)), energetic: (duration: var(--kendo-duration-swift), easing: var(--kendo-easing-elastic)), bouncy: (duration: var(--kendo-duration-speedy), easing: var(--kendo-easing-bounce)), subtle: (duration: var(--kendo-duration-brisk), easing: var(--kendo-easing-standard)), gentle: (duration: var(--kendo-duration-prompt), easing: var(--kendo-easing-accelerate)), enter: (duration: var(--kendo-duration-speedy), easing: var(--kendo-easing-decelerate)), exit: (duration: var(--kendo-duration-rapid), easing: var(--kendo-easing-accelerate)), settle: (duration: var(--kendo-duration-brisk), easing: var(--kendo-easing-decelerate)), scale-out: (duration: var(--kendo-duration-quick), easing: var(--kendo-easing-accelerate)), scale-in: (duration: var(--kendo-duration-rapid), easing: var(--kendo-easing-decelerate)), fade-out: (duration: var(--kendo-duration-rapid), easing: var(--kendo-easing-standard)), fade-in: (duration: var(--kendo-duration-swift), easing: var(--kendo-easing-standard)), slide-out: (duration: var(--kendo-duration-swift), easing: var(--kendo-easing-accelerate)), slide-in: (duration: var(--kendo-duration-speedy), easing: var(--kendo-easing-decelerate)), emphasis: (duration: var(--kendo-duration-quick), easing: var(--kendo-easing-sharp)), collapse: (duration: var(--kendo-duration-speedy), easing: var(--kendo-easing-accelerate)), expand: (duration: var(--kendo-duration-prompt), easing: var(--kendo-easing-standard)), shrink: (duration: var(--kendo-duration-brisk), easing: var(--kendo-easing-accelerate)), grow: (duration: var(--kendo-duration-prompt), easing: var(--kendo-easing-standard)), pulse: (duration: var(--kendo-duration-brisk), easing: var(--kendo-easing-standard)), smooth: (duration: var(--kendo-duration-moderate), easing: var(--kendo-easing-standard)), flip: (duration: var(--kendo-duration-measured), easing: var(--kendo-easing-standard)), fluid: (duration: var(--kendo-duration-steady), easing: var(--kendo-easing-standard)), deliberate: (duration: var(--kendo-duration-slow), easing: var(--kendo-easing-standard)))",
+        "prettyValue": {
+            "instant": {
+                "duration": "var(--kendo-duration-instant)",
+                "easing": "var(--kendo-easing-linear)"
+            },
+            "rapid": {
+                "duration": "var(--kendo-duration-quick)",
+                "easing": "var(--kendo-easing-decelerate)"
+            },
+            "snappy": {
+                "duration": "var(--kendo-duration-swift)",
+                "easing": "var(--kendo-easing-decelerate)"
+            },
+            "energetic": {
+                "duration": "var(--kendo-duration-swift)",
+                "easing": "var(--kendo-easing-elastic)"
+            },
+            "bouncy": {
+                "duration": "var(--kendo-duration-speedy)",
+                "easing": "var(--kendo-easing-bounce)"
+            },
+            "subtle": {
+                "duration": "var(--kendo-duration-brisk)",
+                "easing": "var(--kendo-easing-standard)"
+            },
+            "gentle": {
+                "duration": "var(--kendo-duration-prompt)",
+                "easing": "var(--kendo-easing-accelerate)"
+            },
+            "enter": {
+                "duration": "var(--kendo-duration-speedy)",
+                "easing": "var(--kendo-easing-decelerate)"
+            },
+            "exit": {
+                "duration": "var(--kendo-duration-rapid)",
+                "easing": "var(--kendo-easing-accelerate)"
+            },
+            "settle": {
+                "duration": "var(--kendo-duration-brisk)",
+                "easing": "var(--kendo-easing-decelerate)"
+            },
+            "scale-out": {
+                "duration": "var(--kendo-duration-quick)",
+                "easing": "var(--kendo-easing-accelerate)"
+            },
+            "scale-in": {
+                "duration": "var(--kendo-duration-rapid)",
+                "easing": "var(--kendo-easing-decelerate)"
+            },
+            "fade-out": {
+                "duration": "var(--kendo-duration-rapid)",
+                "easing": "var(--kendo-easing-standard)"
+            },
+            "fade-in": {
+                "duration": "var(--kendo-duration-swift)",
+                "easing": "var(--kendo-easing-standard)"
+            },
+            "slide-out": {
+                "duration": "var(--kendo-duration-swift)",
+                "easing": "var(--kendo-easing-accelerate)"
+            },
+            "slide-in": {
+                "duration": "var(--kendo-duration-speedy)",
+                "easing": "var(--kendo-easing-decelerate)"
+            },
+            "emphasis": {
+                "duration": "var(--kendo-duration-quick)",
+                "easing": "var(--kendo-easing-sharp)"
+            },
+            "collapse": {
+                "duration": "var(--kendo-duration-speedy)",
+                "easing": "var(--kendo-easing-accelerate)"
+            },
+            "expand": {
+                "duration": "var(--kendo-duration-prompt)",
+                "easing": "var(--kendo-easing-standard)"
+            },
+            "shrink": {
+                "duration": "var(--kendo-duration-brisk)",
+                "easing": "var(--kendo-easing-accelerate)"
+            },
+            "grow": {
+                "duration": "var(--kendo-duration-prompt)",
+                "easing": "var(--kendo-easing-standard)"
+            },
+            "pulse": {
+                "duration": "var(--kendo-duration-brisk)",
+                "easing": "var(--kendo-easing-standard)"
+            },
+            "smooth": {
+                "duration": "var(--kendo-duration-moderate)",
+                "easing": "var(--kendo-easing-standard)"
+            },
+            "flip": {
+                "duration": "var(--kendo-duration-measured)",
+                "easing": "var(--kendo-easing-standard)"
+            },
+            "fluid": {
+                "duration": "var(--kendo-duration-steady)",
+                "easing": "var(--kendo-easing-standard)"
+            },
+            "deliberate": {
+                "duration": "var(--kendo-duration-slow)",
+                "easing": "var(--kendo-easing-standard)"
+            }
+        }
+    },
+    "kendo-easings": {
+        "type": "Map",
+        "value": "(linear: cubic-bezier(0, 0, 1, 1), accelerate: cubic-bezier(0.42, 0, 1, 1), decelerate: cubic-bezier(0, 0, 0.58, 1), standard: cubic-bezier(0.42, 0, 0.58, 1), sharp: cubic-bezier(0.75, 0, 0.25, 1), bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55), elastic: cubic-bezier(0.5, -0.5, 0.5, 1.5))",
+        "prettyValue": {
+            "linear": "cubic-bezier(0, 0, 1, 1)",
+            "accelerate": "cubic-bezier(0.42, 0, 1, 1)",
+            "decelerate": "cubic-bezier(0, 0, 0.58, 1)",
+            "standard": "cubic-bezier(0.42, 0, 0.58, 1)",
+            "sharp": "cubic-bezier(0.75, 0, 0.25, 1)",
+            "bounce": "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
+            "elastic": "cubic-bezier(0.5, -0.5, 0.5, 1.5)"
+        }
+    },
+    "kendo-durations": {
+        "type": "Map",
+        "value": "(instant: 0ms, immediate: 50ms, brief: 100ms, quick: 150ms, rapid: 200ms, swift: 250ms, speedy: 300ms, brisk: 350ms, prompt: 400ms, timely: 450ms, moderate: 500ms, measured: 550ms, steady: 600ms, leisurely: 700ms, slow: 800ms, languid: 900ms, sluggish: 1000ms)",
+        "prettyValue": {
+            "instant": "0ms",
+            "immediate": "50ms",
+            "brief": "100ms",
+            "quick": "150ms",
+            "rapid": "200ms",
+            "swift": "250ms",
+            "speedy": "300ms",
+            "brisk": "350ms",
+            "prompt": "400ms",
+            "timely": "450ms",
+            "moderate": "500ms",
+            "measured": "550ms",
+            "steady": "600ms",
+            "leisurely": "700ms",
+            "slow": "800ms",
+            "languid": "900ms",
+            "sluggish": "1000ms"
+        }
+    },
+    "kendo-transitions": {
+        "type": "Map",
+        "value": "(instant: (duration: var(--kendo-duration-instant), easing: var(--kendo-easing-linear)), rapid: (duration: var(--kendo-duration-quick), easing: var(--kendo-easing-decelerate)), snappy: (duration: var(--kendo-duration-swift), easing: var(--kendo-easing-decelerate)), energetic: (duration: var(--kendo-duration-swift), easing: var(--kendo-easing-elastic)), bouncy: (duration: var(--kendo-duration-speedy), easing: var(--kendo-easing-bounce)), subtle: (duration: var(--kendo-duration-brisk), easing: var(--kendo-easing-standard)), gentle: (duration: var(--kendo-duration-prompt), easing: var(--kendo-easing-accelerate)), enter: (duration: var(--kendo-duration-speedy), easing: var(--kendo-easing-decelerate)), exit: (duration: var(--kendo-duration-rapid), easing: var(--kendo-easing-accelerate)), settle: (duration: var(--kendo-duration-brisk), easing: var(--kendo-easing-decelerate)), scale-out: (duration: var(--kendo-duration-quick), easing: var(--kendo-easing-accelerate)), scale-in: (duration: var(--kendo-duration-rapid), easing: var(--kendo-easing-decelerate)), fade-out: (duration: var(--kendo-duration-rapid), easing: var(--kendo-easing-standard)), fade-in: (duration: var(--kendo-duration-swift), easing: var(--kendo-easing-standard)), slide-out: (duration: var(--kendo-duration-swift), easing: var(--kendo-easing-accelerate)), slide-in: (duration: var(--kendo-duration-speedy), easing: var(--kendo-easing-decelerate)), emphasis: (duration: var(--kendo-duration-quick), easing: var(--kendo-easing-sharp)), collapse: (duration: var(--kendo-duration-speedy), easing: var(--kendo-easing-accelerate)), expand: (duration: var(--kendo-duration-prompt), easing: var(--kendo-easing-standard)), shrink: (duration: var(--kendo-duration-brisk), easing: var(--kendo-easing-accelerate)), grow: (duration: var(--kendo-duration-prompt), easing: var(--kendo-easing-standard)), pulse: (duration: var(--kendo-duration-brisk), easing: var(--kendo-easing-standard)), smooth: (duration: var(--kendo-duration-moderate), easing: var(--kendo-easing-standard)), flip: (duration: var(--kendo-duration-measured), easing: var(--kendo-easing-standard)), fluid: (duration: var(--kendo-duration-steady), easing: var(--kendo-easing-standard)), deliberate: (duration: var(--kendo-duration-slow), easing: var(--kendo-easing-standard)))",
+        "prettyValue": {
+            "instant": {
+                "duration": "var(--kendo-duration-instant)",
+                "easing": "var(--kendo-easing-linear)"
+            },
+            "rapid": {
+                "duration": "var(--kendo-duration-quick)",
+                "easing": "var(--kendo-easing-decelerate)"
+            },
+            "snappy": {
+                "duration": "var(--kendo-duration-swift)",
+                "easing": "var(--kendo-easing-decelerate)"
+            },
+            "energetic": {
+                "duration": "var(--kendo-duration-swift)",
+                "easing": "var(--kendo-easing-elastic)"
+            },
+            "bouncy": {
+                "duration": "var(--kendo-duration-speedy)",
+                "easing": "var(--kendo-easing-bounce)"
+            },
+            "subtle": {
+                "duration": "var(--kendo-duration-brisk)",
+                "easing": "var(--kendo-easing-standard)"
+            },
+            "gentle": {
+                "duration": "var(--kendo-duration-prompt)",
+                "easing": "var(--kendo-easing-accelerate)"
+            },
+            "enter": {
+                "duration": "var(--kendo-duration-speedy)",
+                "easing": "var(--kendo-easing-decelerate)"
+            },
+            "exit": {
+                "duration": "var(--kendo-duration-rapid)",
+                "easing": "var(--kendo-easing-accelerate)"
+            },
+            "settle": {
+                "duration": "var(--kendo-duration-brisk)",
+                "easing": "var(--kendo-easing-decelerate)"
+            },
+            "scale-out": {
+                "duration": "var(--kendo-duration-quick)",
+                "easing": "var(--kendo-easing-accelerate)"
+            },
+            "scale-in": {
+                "duration": "var(--kendo-duration-rapid)",
+                "easing": "var(--kendo-easing-decelerate)"
+            },
+            "fade-out": {
+                "duration": "var(--kendo-duration-rapid)",
+                "easing": "var(--kendo-easing-standard)"
+            },
+            "fade-in": {
+                "duration": "var(--kendo-duration-swift)",
+                "easing": "var(--kendo-easing-standard)"
+            },
+            "slide-out": {
+                "duration": "var(--kendo-duration-swift)",
+                "easing": "var(--kendo-easing-accelerate)"
+            },
+            "slide-in": {
+                "duration": "var(--kendo-duration-speedy)",
+                "easing": "var(--kendo-easing-decelerate)"
+            },
+            "emphasis": {
+                "duration": "var(--kendo-duration-quick)",
+                "easing": "var(--kendo-easing-sharp)"
+            },
+            "collapse": {
+                "duration": "var(--kendo-duration-speedy)",
+                "easing": "var(--kendo-easing-accelerate)"
+            },
+            "expand": {
+                "duration": "var(--kendo-duration-prompt)",
+                "easing": "var(--kendo-easing-standard)"
+            },
+            "shrink": {
+                "duration": "var(--kendo-duration-brisk)",
+                "easing": "var(--kendo-easing-accelerate)"
+            },
+            "grow": {
+                "duration": "var(--kendo-duration-prompt)",
+                "easing": "var(--kendo-easing-standard)"
+            },
+            "pulse": {
+                "duration": "var(--kendo-duration-brisk)",
+                "easing": "var(--kendo-easing-standard)"
+            },
+            "smooth": {
+                "duration": "var(--kendo-duration-moderate)",
+                "easing": "var(--kendo-easing-standard)"
+            },
+            "flip": {
+                "duration": "var(--kendo-duration-measured)",
+                "easing": "var(--kendo-easing-standard)"
+            },
+            "fluid": {
+                "duration": "var(--kendo-duration-steady)",
+                "easing": "var(--kendo-easing-standard)"
+            },
+            "deliberate": {
+                "duration": "var(--kendo-duration-slow)",
+                "easing": "var(--kendo-easing-standard)"
+            }
+        }
     },
     "kendo-z-step": {
         "type": "Number",
@@ -1203,6 +1487,10 @@
             "scroll": 200000
         }
     },
+    "kendo-prefix": {
+        "type": "String",
+        "value": "k-"
+    },
     "kendo-h1-font-size": {
         "type": "Number",
         "value": "57px"
@@ -3554,7 +3842,7 @@
     },
     "kendo-button-transition": {
         "type": "List",
-        "value": "(box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1))"
+        "value": "(color var(--kendo-transition-rapid), background-color var(--kendo-transition-rapid), border-color var(--kendo-transition-rapid), box-shadow var(--kendo-transition-rapid), opacity var(--kendo-transition-rapid))"
     },
     "kendo-input-default-width": {
         "type": "Number",
@@ -4123,8 +4411,8 @@
         "value": "0px"
     },
     "kendo-floating-label-transition": {
-        "type": "List",
-        "value": "(0.15s cubic-bezier(0.4, 0, 0.2, 1))"
+        "type": "String",
+        "value": "var(--kendo-transition-scale-in)"
     },
     "kendo-floating-label-bg": {
         "type": "Null",
@@ -4787,20 +5075,20 @@
         "value": "(0 0 0 var(--kendo-spacing-2\\.5, 0.625rem) color-mix(in srgb, var(--kendo-color-primary, #65558F) 20%, transparent))"
     },
     "kendo-slider-transition-speed": {
-        "type": "Number",
-        "value": "0.3s"
+        "type": "String",
+        "value": "var(--kendo-duration-brisk, 350ms)"
     },
     "kendo-slider-transition-function": {
         "type": "String",
-        "value": "ease-out"
+        "value": "var(--kendo-easing-standard, cubic-bezier(0.42, 0, 0.58, 1))"
     },
     "kendo-slider-draghandle-transition-speed": {
-        "type": "Number",
-        "value": "0.4s"
+        "type": "String",
+        "value": "var(--kendo-duration-quick, 150ms)"
     },
     "kendo-slider-draghandle-transition-function": {
         "type": "String",
-        "value": "cubic-bezier(0.25, 0.8, 0.25, 1)"
+        "value": "var(--kendo-easing-decelerate, cubic-bezier(0, 0, 0.58, 1))"
     },
     "kendo-slider-track-bg": {
         "type": "String",
@@ -9943,12 +10231,12 @@
         "value": "height"
     },
     "kendo-stepper-content-transition-duration": {
-        "type": "Number",
-        "value": "300ms"
+        "type": "String",
+        "value": "var(--kendo-duration-speedy, 300ms)"
     },
     "kendo-stepper-content-transition-timing-function": {
-        "type": "List",
-        "value": "(cubic-bezier(0.4, 0, 0.2, 1) 0ms)"
+        "type": "String",
+        "value": "var(--kendo-easing-standard, cubic-bezier(0.42, 0, 0.58, 1))"
     },
     "kendo-tabstrip-wrapper-padding-x": {
         "type": "String",
@@ -14908,7 +15196,7 @@
     },
     "kendo-chart-tooltip-transition": {
         "type": "List",
-        "value": "(left 300ms cubic-bezier(0, 0.33, 0.19, 1), top 300ms cubic-bezier(0, 0.33, 0.19, 1))"
+        "value": "(left var(--kendo-transition-fade-in), top var(--kendo-transition-fade-in))"
     },
     "kendo-chart-tooltip-color": {
         "type": "String",

package/lib/swatches/material-2-dark.json

@@ -3,7 +3,7 @@
     "name": "Material 2 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-2.json

@@ -3,7 +3,7 @@
     "name": "Material 2",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-aqua-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Aqua Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-arctic.json

@@ -3,7 +3,7 @@
     "name": "Material Arctic",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-burnt-teal.json

@@ -3,7 +3,7 @@
     "name": "Material Burnt Teal",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

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

@@ -3,7 +3,7 @@
     "name": "Material Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#3f51b5",
         "#2196f3",

package/lib/swatches/material-eggplant.json

@@ -3,7 +3,7 @@
     "name": "Material Eggplant",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-lime-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Lime Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-lime.json

@@ -3,7 +3,7 @@
     "name": "Material Lime",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

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

@@ -3,7 +3,7 @@
     "name": "Material Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#141218",
         "#2B2930",

package/lib/swatches/material-main.json

@@ -3,7 +3,7 @@
     "name": "Material Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#FEFBFF",
         "#F7F3FA",

package/lib/swatches/material-nova.json

@@ -3,7 +3,7 @@
     "name": "Material Nova",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-pacific-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Pacific Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-pacific.json

@@ -3,7 +3,7 @@
     "name": "Material Pacific Light",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-sky-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Sky Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-sky.json

@@ -3,7 +3,7 @@
     "name": "Material Sky",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-smoke.json

@@ -3,7 +3,7 @@
     "name": "Material Smoke",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-material",
   "description": "Material theme for Kendo UI",
-  "version": "12.2.4-dev.0",
+  "version": "12.3.0-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -55,12 +55,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.5.0",
-    "@progress/kendo-theme-core": "12.2.4-dev.0",
-    "@progress/kendo-theme-utils": "12.2.4-dev.0"
+    "@progress/kendo-theme-core": "12.3.0-dev.0",
+    "@progress/kendo-theme-utils": "12.3.0-dev.0"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "e18a6f3358e02bfa243a57d95f9ac46aeb9e4bf8"
+  "gitHead": "18ffd5e606b46e5619fb521351bc3471c8c6e2df"
 }

package/scss/button/_variables.scss

@@ -270,9 +270,9 @@ $kendo-flat-button-selected-opacity: .22 !default;
 /// @group button
 $kendo-flat-button-focus-ring-opacity: unset !default;
 
-/// The box-shadow transition of the Button.
+/// The transition of the Button.
 /// @group button
-$kendo-button-transition: box-shadow 280ms cubic-bezier( .4, 0, .2, 1 ) !default;
+$kendo-button-transition: color k-transition(rapid), background-color k-transition(rapid), border-color k-transition(rapid), box-shadow k-transition(rapid), opacity k-transition(rapid) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/button/_variables.scss" with (
     $kendo-button-border-width: $kendo-button-border-width,

package/scss/checkbox/_theme.scss

@@ -69,14 +69,14 @@
         /* Checkbox Ripple animation */
 
         &::after {
-            animation: ripple-checkbox 225ms cubic-bezier(0, 0, 0.2, 1);
+            animation: ripple-checkbox k-transition(fade-out);
         }
 
         &:checked,
         &.k-checked,
         &.k-indeterminate {
             &::after {
-                animation: ripple-checkbox-checked 225ms cubic-bezier(0, 0, 0.2, 1);
+                animation: ripple-checkbox-checked k-transition(fade-out);
             }
         }