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

package/dist/meta/variables.json

@@ -820,10 +820,6 @@
             "fit": "fit-content"
         }
     },
-    "kendo-prefix": {
-        "type": "String",
-        "value": "k-"
-    },
     "default-elevation": {
         "type": "Map",
         "value": "(1: 0px 1px 2px rgba(0, 0, 0, 0.038), 2: 0px 2px 7px rgba(0, 0, 0, 0.075), 3: 0px 4px 10px rgba(0, 0, 0, 0.1), 4: 0px 6px 13px rgba(0, 0, 0, 0.125), 5: 0px 8px 16px 0px rgba(0, 0, 0, 0.15), 6: 0px 11px 24px 0px rgba(0, 0, 0, 0.159), 7: 0px 14px 36px 0px rgba(0, 0, 0, 0.168), 8: 0px 16px 48px 0px rgba(0, 0, 0, 0.176), 9: 0px 18px 60px 0px rgba(0, 0, 0, 0.185))",
@@ -1170,9 +1166,297 @@
             "full": "50rem"
         }
     },
-    "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",
@@ -1199,6 +1483,10 @@
             "scroll": 200000
         }
     },
+    "kendo-prefix": {
+        "type": "String",
+        "value": "k-"
+    },
     "kendo-h1-font-size": {
         "type": "Number",
         "value": "2.5rem"
@@ -3546,7 +3834,7 @@
     },
     "kendo-button-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)"
+        "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",
@@ -4115,8 +4403,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",
@@ -4761,20 +5049,20 @@
         "value": "(0 0 0 3px color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 50%, 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",
@@ -9910,12 +10198,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",
@@ -14883,7 +15171,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/bootstrap-3-dark.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 3 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#000000",
         "#222222",

package/lib/swatches/bootstrap-3.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 3",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/bootstrap-4-dark.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 4 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#000000",
         "#212529",

package/lib/swatches/bootstrap-4.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 4",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f8f9fa",

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

@@ -3,7 +3,7 @@
     "name": "Bootstrap Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#0275d8",
         "#5bc0de",

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

@@ -3,7 +3,7 @@
     "name": "Bootstrap Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#000000",
         "#212529",

package/lib/swatches/bootstrap-main.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f8f9fa",

package/lib/swatches/bootstrap-nordic.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f8f9fa",

package/lib/swatches/bootstrap-turquoise-dark.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Turquoise Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#000000",
         "#292b2c",

package/lib/swatches/bootstrap-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f2f2f2",

package/lib/swatches/bootstrap-urban.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#e3eef4",

package/lib/swatches/bootstrap-vintage.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Vintage",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "12.2.4-dev.0",
+    "version": "12.3.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f2efe8",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-bootstrap",
   "description": "Bootstrap theme for Kendo UI",
-  "version": "12.2.4-dev.0",
+  "version": "12.3.0-dev.0",
   "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.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

@@ -1,7 +1,6 @@
 @use "sass:map";
 @use "sass:math";
 @use "../core/_index.scss" as *;
-@use "../core/motion/index.scss" as *;
 
 // Button
 
@@ -268,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 Button.
+/// The transition of the Button.
 /// @group button
-$kendo-button-transition: $kendo-transition !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/core/_index.scss

@@ -13,6 +13,9 @@
 // Radii
 @use "./border-radii/index.scss" as *;
 
+// Motion
+@use "./motion/index.scss" as *;
+
 @forward "../_variables.scss";
 
 // Variables
@@ -44,6 +47,15 @@
     // Spacing
     $default-spacing: $kendo-spacing,
     $kendo-spacing: $kendo-spacing !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