@progress/kendo-theme-classic 12.2.4-dev.1 → 12.3.0-dev.1

package/dist/meta/variables.json

@@ -820,10 +820,6 @@
             "fit": "fit-content"
         }
     },
-    "kendo-prefix": {
-        "type": "String",
-        "value": "k-"
-    },
     "default-elevation": {
         "type": "Map",
         "value": "(1: (0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)), 2: (0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)), 3: (0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)), 4: (0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)), 5: (0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)), 6: (0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12)), 7: (0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12)), 8: (0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12)), 9: (0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12)))",
@@ -1184,9 +1180,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",
@@ -1213,6 +1497,10 @@
             "scroll": 200000
         }
     },
+    "kendo-prefix": {
+        "type": "String",
+        "value": "k-"
+    },
     "kendo-h1-font-size": {
         "type": "Calculation",
         "value": "calc(var(--kendo-font-size, 0.875rem) * 4)"
@@ -3560,7 +3848,7 @@
     },
     "kendo-button-transition": {
         "type": "List",
-        "value": "(color 0.2s ease-in-out)"
+        "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",
@@ -4129,8 +4417,8 @@
         "value": "0"
     },
     "kendo-floating-label-transition": {
-        "type": "List",
-        "value": "(0.2s ease-out)"
+        "type": "String",
+        "value": "var(--kendo-transition-scale-in)"
     },
     "kendo-floating-label-bg": {
         "type": "Null",
@@ -4775,20 +5063,20 @@
         "value": "(0 0 4px 0 color-mix(in srgb, var(--kendo-color-primary, #f35800) 75%, 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",
@@ -9916,12 +10204,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",
@@ -14877,7 +15165,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/classic-green-dark.json

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

package/lib/swatches/classic-green.json

@@ -3,7 +3,7 @@
     "name": "Classic Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "12.2.4-dev.1",
+    "version": "12.3.0-dev.1",
     "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": "12.2.4-dev.1",
+    "version": "12.3.0-dev.1",
     "previewColors": [
         "#000000",
         "#1b141a",

package/lib/swatches/classic-lavender.json

@@ -3,7 +3,7 @@
     "name": "Classic Lavender",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "12.2.4-dev.1",
+    "version": "12.3.0-dev.1",
     "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": "12.2.4-dev.1",
+    "version": "12.3.0-dev.1",
     "previewColors": [
         "#000000",
         "#101010",

package/lib/swatches/classic-main.json

@@ -3,7 +3,7 @@
     "name": "Classic Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "12.2.4-dev.1",
+    "version": "12.3.0-dev.1",
     "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": "12.2.4-dev.1",
+    "version": "12.3.0-dev.1",
     "previewColors": [
         "#000000",
         "#0e0e0e",

package/lib/swatches/classic-metro.json

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

package/lib/swatches/classic-moonlight.json

@@ -3,7 +3,7 @@
     "name": "Classic Moonlight",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "12.2.4-dev.1",
+    "version": "12.3.0-dev.1",
     "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": "12.2.4-dev.1",
+    "version": "12.3.0-dev.1",
     "previewColors": [
         "#000000",
         "#272727",

package/lib/swatches/classic-opal.json

@@ -3,7 +3,7 @@
     "name": "Classic Opal",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "12.2.4-dev.1",
+    "version": "12.3.0-dev.1",
     "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": "12.2.4-dev.1",
+    "version": "12.3.0-dev.1",
     "previewColors": [
         "#000000",
         "#131314",

package/lib/swatches/classic-silver.json

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

package/lib/swatches/classic-uniform.json

@@ -3,7 +3,7 @@
     "name": "Classic Uniform",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "12.2.4-dev.1",
+    "version": "12.3.0-dev.1",
     "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": "12.2.4-dev.1",
+  "version": "12.3.0-dev.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -54,12 +54,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.5.0",
-    "@progress/kendo-theme-core": "12.2.4-dev.1",
-    "@progress/kendo-theme-utils": "12.2.4-dev.1"
+    "@progress/kendo-theme-core": "12.3.0-dev.1",
+    "@progress/kendo-theme-utils": "12.3.0-dev.1"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "fa01827fd3e94ef6e83f67fa2dc9038288d128fc"
+  "gitHead": "689804b100fdba0f1c7ef277340b9a47802b2ccc"
 }

package/scss/button/_variables.scss

@@ -267,9 +267,9 @@ $kendo-flat-button-selected-opacity: .2 !default;
 /// @group button
 $kendo-flat-button-focus-ring-opacity: .12 !default;
 
-/// The color transition of the flat Button.
+/// The transition of the Button.
 /// @group button
-$kendo-button-transition: color .2s ease-in-out !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 (

package/scss/core/_index.scss

@@ -13,6 +13,9 @@
 // Border Radius
 @use "./border-radii/index.scss" as *;
 
+// Motion
+@use "./motion/index.scss" as *;
+
 // Variables
 @forward "../_variables.scss";
 
@@ -49,6 +52,15 @@
     // Border Radii
     $default-border-radii: $kendo-border-radii,
     $kendo-border-radii: $kendo-border-radii !default,
+    // Motion
+    $default-easings: $kendo-easings,
+    $kendo-easings: $kendo-easings !default,
+
+    $default-durations: $kendo-durations,
+    $kendo-durations: $kendo-durations !default,
+
+    $default-transitions: $kendo-transitions,
+    $kendo-transitions: $kendo-transitions !default,
 );
 
 // Global disabled styles