@progress/kendo-theme-core 13.0.0-dev.0 → 13.0.0-dev.2

package/dist/meta/sassdoc-raw-data.json

@@ -3825,8 +3825,8 @@
     {
         "description": "The global default Elevation map.\n",
         "commentRange": {
-            "start": 42,
-            "end": 43
+            "start": 41,
+            "end": 42
         },
         "context": {
             "type": "variable",
@@ -3834,8 +3834,8 @@
             "value": "$default-elevation",
             "scope": "default",
             "line": {
-                "start": 44,
-                "end": 44
+                "start": 43,
+                "end": 43
             }
         },
         "group": [
@@ -3975,8 +3975,8 @@
     {
         "description": "The sizes map of the List.\n",
         "commentRange": {
-            "start": 103,
-            "end": 104
+            "start": 108,
+            "end": 109
         },
         "context": {
             "type": "variable",
@@ -3984,8 +3984,8 @@
             "value": "(\n    sm: (\n        font-size: $kendo-list-sm-font-size,\n        line-height: $kendo-list-sm-line-height,\n        header-padding-x: $kendo-list-sm-header-padding-x,\n        header-padding-y: $kendo-list-sm-header-padding-y,\n        header-font-size: $kendo-list-sm-header-font-size,\n        header-line-height: $kendo-list-sm-header-line-height,\n        item-padding-x: $kendo-list-sm-item-padding-x,\n        item-padding-y: $kendo-list-sm-item-padding-y,\n        item-font-size: $kendo-list-sm-item-font-size,\n        item-line-height: $kendo-list-sm-item-line-height,\n        group-item-padding-x: $kendo-list-sm-group-item-padding-x,\n        group-item-padding-y: $kendo-list-sm-group-item-padding-y,\n        group-item-font-size: $kendo-list-sm-group-item-font-size,\n        group-item-line-height: $kendo-list-sm-group-item-line-height,\n        item-group-label-padding-x: $kendo-list-item-group-label-sm-padding-x,\n        item-group-label-padding-y: $kendo-list-item-group-label-sm-padding-y,\n        item-group-label-font-size: $kendo-list-item-group-label-sm-font-size,\n        item-group-label-line-height: $kendo-list-item-group-label-sm-line-height,\n        filter-padding-x: $kendo-list-sm-filter-padding-x,\n        filter-padding-y: $kendo-list-sm-filter-padding-y\n    ),\n    md: (\n        font-size: $kendo-list-md-font-size,\n        line-height: $kendo-list-md-line-height,\n        header-padding-x: $kendo-list-md-header-padding-x,\n        header-padding-y: $kendo-list-md-header-padding-y,\n        header-font-size: $kendo-list-md-header-font-size,\n        header-line-height: $kendo-list-md-header-line-height,\n        item-padding-x: $kendo-list-md-item-padding-x,\n        item-padding-y: $kendo-list-md-item-padding-y,\n        item-font-size: $kendo-list-md-item-font-size,\n        item-line-height: $kendo-list-md-item-line-height,\n        group-item-padding-x: $kendo-list-md-group-item-padding-x,\n        group-item-padding-y: $kendo-list-md-group-item-padding-y,\n        group-item-font-size: $kendo-list-md-group-item-font-size,\n        group-item-line-height: $kendo-list-md-group-item-line-height,\n        item-group-label-padding-x: $kendo-list-item-group-label-md-padding-x,\n        item-group-label-padding-y: $kendo-list-item-group-label-md-padding-y,\n        item-group-label-font-size: $kendo-list-item-group-label-md-font-size,\n        item-group-label-line-height: $kendo-list-item-group-label-md-line-height,\n        filter-padding-x: $kendo-list-md-filter-padding-x,\n        filter-padding-y: $kendo-list-md-filter-padding-y\n    ),\n    lg: (\n        font-size: $kendo-list-lg-font-size,\n        line-height: $kendo-list-lg-line-height,\n        header-padding-x: $kendo-list-lg-header-padding-x,\n        header-padding-y: $kendo-list-lg-header-padding-y,\n        header-font-size: $kendo-list-lg-header-font-size,\n        header-line-height: $kendo-list-lg-header-line-height,\n        item-padding-x: $kendo-list-lg-item-padding-x,\n        item-padding-y: $kendo-list-lg-item-padding-y,\n        item-font-size: $kendo-list-lg-item-font-size,\n        item-line-height: $kendo-list-lg-item-line-height,\n        group-item-padding-x: $kendo-list-lg-group-item-padding-x,\n        group-item-padding-y: $kendo-list-lg-group-item-padding-y,\n        group-item-font-size: $kendo-list-lg-group-item-font-size,\n        group-item-line-height: $kendo-list-lg-group-item-line-height,\n        item-group-label-padding-x: $kendo-list-item-group-label-lg-padding-x,\n        item-group-label-padding-y: $kendo-list-item-group-label-lg-padding-y,\n        item-group-label-font-size: $kendo-list-item-group-label-lg-font-size,\n        item-group-label-line-height: $kendo-list-item-group-label-lg-line-height,\n        filter-padding-x: $kendo-list-lg-filter-padding-x,\n        filter-padding-y: $kendo-list-lg-filter-padding-y\n    )\n)",
             "scope": "default",
             "line": {
-                "start": 105,
-                "end": 172
+                "start": 110,
+                "end": 177
             }
         },
         "group": [
@@ -4075,8 +4075,8 @@
     {
         "description": "The global map of motion easing tokens.\n",
         "commentRange": {
-            "start": 141,
-            "end": 142
+            "start": 142,
+            "end": 143
         },
         "context": {
             "type": "variable",
@@ -4084,8 +4084,8 @@
             "value": "$default-easings",
             "scope": "default",
             "line": {
-                "start": 143,
-                "end": 143
+                "start": 144,
+                "end": 144
             }
         },
         "group": [
@@ -4100,8 +4100,8 @@
     {
         "description": "The global map of motion duration tokens.\n",
         "commentRange": {
-            "start": 146,
-            "end": 147
+            "start": 147,
+            "end": 148
         },
         "context": {
             "type": "variable",
@@ -4109,8 +4109,8 @@
             "value": "$default-durations",
             "scope": "default",
             "line": {
-                "start": 148,
-                "end": 148
+                "start": 149,
+                "end": 149
             }
         },
         "group": [
@@ -4125,8 +4125,8 @@
     {
         "description": "The global map of motion transition tokens.\n",
         "commentRange": {
-            "start": 151,
-            "end": 172
+            "start": 152,
+            "end": 173
         },
         "context": {
             "type": "variable",
@@ -4134,8 +4134,8 @@
             "value": "$default-transitions",
             "scope": "default",
             "line": {
-                "start": 173,
-                "end": 173
+                "start": 174,
+                "end": 174
             }
         },
         "group": [
@@ -4855,6 +4855,31 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The map with the sizes of the Segmented Control.\n",
+        "commentRange": {
+            "start": 45,
+            "end": 46
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-segmented-control-sizes",
+            "value": "(\n    sm: (\n        font-size: $kendo-segmented-control-sm-font-size,\n        line-height: $kendo-segmented-control-sm-line-height,\n        button-padding-x: $kendo-segmented-control-sm-button-padding-x,\n        button-padding-y: $kendo-segmented-control-sm-button-padding-y,\n        button-gap: $kendo-segmented-control-sm-button-gap\n    ),\n    md: (\n        font-size: $kendo-segmented-control-md-font-size,\n        line-height: $kendo-segmented-control-md-line-height,\n        button-padding-x: $kendo-segmented-control-md-button-padding-x,\n        button-padding-y: $kendo-segmented-control-md-button-padding-y,\n        button-gap: $kendo-segmented-control-md-button-gap\n    ),\n    lg: (\n        font-size: $kendo-segmented-control-lg-font-size,\n        line-height: $kendo-segmented-control-lg-line-height,\n        button-padding-x: $kendo-segmented-control-lg-button-padding-x,\n        button-padding-y: $kendo-segmented-control-lg-button-padding-y,\n        button-gap: $kendo-segmented-control-lg-button-gap\n    )\n)",
+            "scope": "default",
+            "line": {
+                "start": 47,
+                "end": 69
+            }
+        },
+        "group": [
+            "segmented-control"
+        ],
+        "access": "public",
+        "file": {
+            "path": "components/segmented-control/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The sizes map of the Signature.\n",
         "commentRange": {
@@ -4880,6 +4905,31 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The sizes map for the Smart box components.\n",
+        "commentRange": {
+            "start": 24,
+            "end": 25
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-smart-box-sizes",
+            "value": "(\n    sm: (\n        padding-x: $kendo-smart-box-sm-padding-x,\n        prefix-margin-x: $kendo-smart-box-sm-prefix-margin-x,\n    ),\n    md: (\n        padding-x: $kendo-smart-box-md-padding-x,\n        prefix-margin-x: $kendo-smart-box-md-prefix-margin-x,\n    ),\n    lg: (\n        padding-x: $kendo-smart-box-lg-padding-x,\n        prefix-margin-x: $kendo-smart-box-lg-prefix-margin-x,\n\n    )\n)",
+            "scope": "default",
+            "line": {
+                "start": 26,
+                "end": 40
+            }
+        },
+        "group": [
+            "smart-box"
+        ],
+        "access": "public",
+        "file": {
+            "path": "components/smart-box/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The global default Spacing map.\n",
         "commentRange": {
@@ -4908,8 +4958,8 @@
     {
         "description": "The theme colors map of the Suggestion.\n",
         "commentRange": {
-            "start": 15,
-            "end": 16
+            "start": 16,
+            "end": 17
         },
         "context": {
             "type": "variable",
@@ -4917,8 +4967,8 @@
             "value": "(\"base\", \"primary\", \"secondary\")",
             "scope": "default",
             "line": {
-                "start": 17,
-                "end": 17
+                "start": 18,
+                "end": 18
             }
         },
         "group": [
@@ -5033,8 +5083,8 @@
     {
         "description": "The sizes map of the ToolBar.\n",
         "commentRange": {
-            "start": 58,
-            "end": 59
+            "start": 59,
+            "end": 60
         },
         "context": {
             "type": "variable",
@@ -5042,8 +5092,8 @@
             "value": "(\n    sm: (\n        padding-x: $kendo-toolbar-sm-padding-x,\n        padding-y: $kendo-toolbar-sm-padding-y,\n        spacing: $kendo-toolbar-sm-spacing,\n        separator-height: $kendo-toolbar-sm-separator-height\n    ),\n    md: (\n        padding-x: $kendo-toolbar-md-padding-x,\n        padding-y: $kendo-toolbar-md-padding-y,\n        spacing: $kendo-toolbar-md-spacing,\n        separator-height: $kendo-toolbar-md-separator-height\n    ),\n    lg: (\n        padding-x: $kendo-toolbar-lg-padding-x,\n        padding-y: $kendo-toolbar-lg-padding-y,\n        spacing: $kendo-toolbar-lg-spacing,\n        separator-height: $kendo-toolbar-lg-separator-height\n    )\n)",
             "scope": "default",
             "line": {
-                "start": 60,
-                "end": 79
+                "start": 61,
+                "end": 80
             }
         },
         "group": [
@@ -5058,8 +5108,8 @@
     {
         "description": "The sizes map of the TreeView.\n",
         "commentRange": {
-            "start": 33,
-            "end": 34
+            "start": 35,
+            "end": 36
         },
         "context": {
             "type": "variable",
@@ -5067,8 +5117,8 @@
             "value": "(\n    sm: (\n        font-size: $kendo-treeview-sm-font-size,\n        line-height: $kendo-treeview-sm-line-height,\n        item-padding-x: $kendo-treeview-sm-item-padding-x,\n        item-padding-y: $kendo-treeview-sm-item-padding-y,\n        checkbox-padding-x: $kendo-treeview-sm-checkbox-padding-x,\n        checkbox-padding-y: $kendo-treeview-sm-checkbox-padding-y\n    ),\n    md: (\n        font-size: $kendo-treeview-md-font-size,\n        line-height: $kendo-treeview-md-line-height,\n        item-padding-x: $kendo-treeview-md-item-padding-x,\n        item-padding-y: $kendo-treeview-md-item-padding-y,\n        checkbox-padding-x: $kendo-treeview-md-checkbox-padding-x,\n        checkbox-padding-y: $kendo-treeview-md-checkbox-padding-y\n    ),\n    lg: (\n        font-size: $kendo-treeview-lg-font-size,\n        line-height: $kendo-treeview-lg-line-height,\n        item-padding-x: $kendo-treeview-lg-item-padding-x,\n        item-padding-y: $kendo-treeview-lg-item-padding-y,\n        checkbox-padding-x: $kendo-treeview-lg-checkbox-padding-x,\n        checkbox-padding-y: $kendo-treeview-lg-checkbox-padding-y\n    )\n)",
             "scope": "default",
             "line": {
-                "start": 35,
-                "end": 60
+                "start": 37,
+                "end": 62
             }
         },
         "group": [

package/dist/meta/variables.json

@@ -810,9 +810,9 @@
     },
     "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)))",
+        "value": "(1: 0 2px 3px rgba(0, 0, 0, 0.04), 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)))",
         "prettyValue": {
-            "1": "(0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12))",
+            "1": "(0 2px 3px rgba(0, 0, 0, 0.04))",
             "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))",
@@ -825,9 +825,9 @@
     },
     "kendo-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)))",
+        "value": "(1: 0 2px 3px rgba(0, 0, 0, 0.04), 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)))",
         "prettyValue": {
-            "1": "(0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12))",
+            "1": "(0 2px 3px rgba(0, 0, 0, 0.04))",
             "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))",
@@ -1170,7 +1170,7 @@
     },
     "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))",
+        "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), stretchy: cubic-bezier(0.07, 1.81, 0.3, 0.81))",
         "prettyValue": {
             "linear": "cubic-bezier(0, 0, 1, 1)",
             "accelerate": "cubic-bezier(0.42, 0, 1, 1)",
@@ -1178,7 +1178,8 @@
             "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)"
+            "elastic": "cubic-bezier(0.5, -0.5, 0.5, 1.5)",
+            "stretchy": "cubic-bezier(0.07, 1.81, 0.3, 0.81)"
         }
     },
     "default-durations": {
@@ -1316,7 +1317,7 @@
     },
     "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))",
+        "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), stretchy: cubic-bezier(0.07, 1.81, 0.3, 0.81))",
         "prettyValue": {
             "linear": "cubic-bezier(0, 0, 1, 1)",
             "accelerate": "cubic-bezier(0.42, 0, 1, 1)",
@@ -1324,7 +1325,8 @@
             "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)"
+            "elastic": "cubic-bezier(0.5, -0.5, 0.5, 1.5)",
+            "stretchy": "cubic-bezier(0.07, 1.81, 0.3, 0.81)"
         }
     },
     "kendo-durations": {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-core",
   "description": "A collection of functions and mixins used for building themes for Kendo UI",
-  "version": "13.0.0-dev.0",
+  "version": "13.0.0-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -46,5 +46,5 @@
   "directories": {
     "doc": "docs"
   },
-  "gitHead": "38e27eadee8553fb04c4e46f57812022ff2e149b"
+  "gitHead": "fbb2123e3f2c61d5b960c897b969af8cba3549ae"
 }

package/scss/components/bubble/_layout.scss

@@ -53,9 +53,8 @@
         .k-bubble-expandable-indicator {
             padding-inline: $kendo-bubble-expandable-icon-padding-x;
             padding-block: $kendo-bubble-expandable-icon-padding-y;
-            margin-block-start: calc( #{$kendo-bubble-padding-y} * -1);
             margin-inline-end: calc( #{$kendo-bubble-padding-x} * -1);
-            margin-block-end: calc( ( #{$kendo-bubble-padding-x} / 2 ) * -1);
+            margin-block: calc( (#{$kendo-bubble-expandable-icon-padding-y} - #{$kendo-bubble-border-width} * 2 ) * -1);
             display: flex;
             flex-shrink: 0;
             cursor: pointer;