@progress/kendo-theme-default 14.7.0-dev.8 → 14.7.0-dev.9

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

@@ -3452,14 +3452,14 @@
         }
     },
     {
-        "description": "The vertical padding of the small Badge.\n",
+        "description": "The horizontal padding of Badge text content.\n",
         "commentRange": {
             "start": 36,
             "end": 37
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-sm-padding-y",
+            "name": "kendo-badge-text-padding-x",
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
@@ -3477,15 +3477,15 @@
         }
     },
     {
-        "description": "The vertical padding of the medium Badge.\n",
+        "description": "The icon-to-text gap of the small Badge.\n",
         "commentRange": {
             "start": 39,
             "end": 40
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-md-padding-y",
-            "value": "k-spacing(1)",
+            "name": "kendo-badge-sm-gap",
+            "value": "k-spacing(0)",
             "scope": "default",
             "line": {
                 "start": 41,
@@ -3502,15 +3502,15 @@
         }
     },
     {
-        "description": "The vertical padding of the large Badge.\n",
+        "description": "The icon-to-text gap of the medium Badge.\n",
         "commentRange": {
             "start": 42,
             "end": 43
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-lg-padding-y",
-            "value": "k-spacing(1.5)",
+            "name": "kendo-badge-md-gap",
+            "value": "k-spacing(1px)",
             "scope": "default",
             "line": {
                 "start": 44,
@@ -3527,19 +3527,19 @@
         }
     },
     {
-        "description": "The font sizes of the Badge.\n",
+        "description": "The icon-to-text gap of the large Badge.\n",
         "commentRange": {
-            "start": 46,
-            "end": 47
+            "start": 45,
+            "end": 46
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-font-size",
-            "value": "var(--kendo-font-size-xs)",
+            "name": "kendo-badge-lg-gap",
+            "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 48,
-                "end": 48
+                "start": 47,
+                "end": 47
             }
         },
         "group": [
@@ -3552,15 +3552,15 @@
         }
     },
     {
-        "description": "The font size of the small Badge.\n",
+        "description": "The vertical padding of the small Badge.\n",
         "commentRange": {
             "start": 49,
             "end": 50
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-sm-font-size",
-            "value": "var(--kendo-font-size-xs)",
+            "name": "kendo-badge-sm-padding-y",
+            "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
                 "start": 51,
@@ -3577,15 +3577,15 @@
         }
     },
     {
-        "description": "The font size of the medium Badge.\n",
+        "description": "The vertical padding of the medium Badge.\n",
         "commentRange": {
             "start": 52,
             "end": 53
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-md-font-size",
-            "value": "var(--kendo-font-size-xs)",
+            "name": "kendo-badge-md-padding-y",
+            "value": "k-spacing(1)",
             "scope": "default",
             "line": {
                 "start": 54,
@@ -3602,15 +3602,15 @@
         }
     },
     {
-        "description": "The font size of the large Badge.\n",
+        "description": "The vertical padding of the large Badge.\n",
         "commentRange": {
             "start": 55,
             "end": 56
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-lg-font-size",
-            "value": "var(--kendo-font-size-xs)",
+            "name": "kendo-badge-lg-padding-y",
+            "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
                 "start": 57,
@@ -3627,15 +3627,15 @@
         }
     },
     {
-        "description": "The line heights used along with the $kendo-font-size variable.\n",
+        "description": "The font sizes of the Badge.\n",
         "commentRange": {
             "start": 59,
             "end": 60
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-line-height",
-            "value": "1",
+            "name": "kendo-badge-font-size",
+            "value": "var(--kendo-font-size-xs)",
             "scope": "default",
             "line": {
                 "start": 61,
@@ -3652,15 +3652,15 @@
         }
     },
     {
-        "description": "The line height used along with the $kendo-font-size variable of the small Badge.\n",
+        "description": "The font size of the small Badge.\n",
         "commentRange": {
             "start": 62,
             "end": 63
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-sm-line-height",
-            "value": "$kendo-badge-line-height",
+            "name": "kendo-badge-sm-font-size",
+            "value": "var(--kendo-font-size-xs)",
             "scope": "default",
             "line": {
                 "start": 64,
@@ -3677,15 +3677,15 @@
         }
     },
     {
-        "description": "The line height used along with the $kendo-font-size variable of the medium Badge.\n",
+        "description": "The font size of the medium Badge.\n",
         "commentRange": {
             "start": 65,
             "end": 66
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-md-line-height",
-            "value": "$kendo-badge-line-height",
+            "name": "kendo-badge-md-font-size",
+            "value": "var(--kendo-font-size-xs)",
             "scope": "default",
             "line": {
                 "start": 67,
@@ -3702,15 +3702,15 @@
         }
     },
     {
-        "description": "The line height used along with the $kendo-font-size variable of the large Badge.\n",
+        "description": "The font size of the large Badge.\n",
         "commentRange": {
             "start": 68,
             "end": 69
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-lg-line-height",
-            "value": "$kendo-badge-line-height",
+            "name": "kendo-badge-lg-font-size",
+            "value": "var(--kendo-font-size-xs)",
             "scope": "default",
             "line": {
                 "start": 70,
@@ -3727,15 +3727,15 @@
         }
     },
     {
-        "description": "The calculated minimum width of the circular Badge.\n",
+        "description": "The line heights used along with the $kendo-font-size variable.\n",
         "commentRange": {
             "start": 72,
             "end": 73
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-min-width",
-            "value": "calc( #{$kendo-badge-line-height * 1em} + calc( #{$kendo-badge-md-padding-y} * 2 ) + calc( #{$kendo-badge-border-width} * 2 ))",
+            "name": "kendo-badge-line-height",
+            "value": "1",
             "scope": "default",
             "line": {
                 "start": 74,
@@ -3752,15 +3752,15 @@
         }
     },
     {
-        "description": "The calculated minimum width of the small circular Badge.\n",
+        "description": "The line height used along with the $kendo-font-size variable of the small Badge.\n",
         "commentRange": {
             "start": 75,
             "end": 76
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-sm-min-width",
-            "value": "calc( #{$kendo-badge-sm-line-height * 1em} + calc( #{$kendo-badge-sm-padding-y} * 2 ) + calc( #{$kendo-badge-border-width} * 2 ) )",
+            "name": "kendo-badge-sm-line-height",
+            "value": "$kendo-badge-line-height",
             "scope": "default",
             "line": {
                 "start": 77,
@@ -3777,15 +3777,15 @@
         }
     },
     {
-        "description": "The calculated minimum width of the medium circular Badge.\n",
+        "description": "The line height used along with the $kendo-font-size variable of the medium Badge.\n",
         "commentRange": {
             "start": 78,
             "end": 79
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-md-min-width",
-            "value": "calc( #{$kendo-badge-md-line-height * 1em} + calc( #{$kendo-badge-md-padding-y} * 2 ) + calc( #{$kendo-badge-border-width} * 2 ) )",
+            "name": "kendo-badge-md-line-height",
+            "value": "$kendo-badge-line-height",
             "scope": "default",
             "line": {
                 "start": 80,
@@ -3802,15 +3802,15 @@
         }
     },
     {
-        "description": "The calculated minimum width of the large circular Badge.\n",
+        "description": "The line height used along with the $kendo-font-size variable of the large Badge.\n",
         "commentRange": {
             "start": 81,
             "end": 82
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-lg-min-width",
-            "value": "calc( #{$kendo-badge-lg-line-height * 1em} + calc( #{$kendo-badge-lg-padding-y} * 2 ) + calc( #{$kendo-badge-border-width} * 2 ) )",
+            "name": "kendo-badge-lg-line-height",
+            "value": "$kendo-badge-line-height",
             "scope": "default",
             "line": {
                 "start": 83,
@@ -3826,6 +3826,106 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The calculated minimum width of the circular Badge.\n",
+        "commentRange": {
+            "start": 85,
+            "end": 86
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-badge-min-width",
+            "value": "calc( #{$kendo-badge-line-height * 1em} + calc( #{$kendo-badge-md-padding-y} * 2 ) + calc( #{$kendo-badge-border-width} * 2 ))",
+            "scope": "default",
+            "line": {
+                "start": 87,
+                "end": 87
+            }
+        },
+        "group": [
+            "badge"
+        ],
+        "access": "public",
+        "file": {
+            "path": "badge/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The calculated minimum width of the small circular Badge.\n",
+        "commentRange": {
+            "start": 88,
+            "end": 89
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-badge-sm-min-width",
+            "value": "calc( #{$kendo-badge-sm-line-height * 1em} + calc( #{$kendo-badge-sm-padding-y} * 2 ) + calc( #{$kendo-badge-border-width} * 2 ) )",
+            "scope": "default",
+            "line": {
+                "start": 90,
+                "end": 90
+            }
+        },
+        "group": [
+            "badge"
+        ],
+        "access": "public",
+        "file": {
+            "path": "badge/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The calculated minimum width of the medium circular Badge.\n",
+        "commentRange": {
+            "start": 91,
+            "end": 92
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-badge-md-min-width",
+            "value": "calc( #{$kendo-badge-md-line-height * 1em} + calc( #{$kendo-badge-md-padding-y} * 2 ) + calc( #{$kendo-badge-border-width} * 2 ) )",
+            "scope": "default",
+            "line": {
+                "start": 93,
+                "end": 93
+            }
+        },
+        "group": [
+            "badge"
+        ],
+        "access": "public",
+        "file": {
+            "path": "badge/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The calculated minimum width of the large circular Badge.\n",
+        "commentRange": {
+            "start": 94,
+            "end": 95
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-badge-lg-min-width",
+            "value": "calc( #{$kendo-badge-lg-line-height * 1em} + calc( #{$kendo-badge-lg-padding-y} * 2 ) + calc( #{$kendo-badge-border-width} * 2 ) )",
+            "scope": "default",
+            "line": {
+                "start": 96,
+                "end": 96
+            }
+        },
+        "group": [
+            "badge"
+        ],
+        "access": "public",
+        "file": {
+            "path": "badge/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The default theme color of the BottomNavigation.\n",
         "commentRange": {
@@ -90762,17 +90862,17 @@
     {
         "description": "The sizes map of the Badge.\n",
         "commentRange": {
-            "start": 33,
-            "end": 34
+            "start": 38,
+            "end": 39
         },
         "context": {
             "type": "variable",
             "name": "kendo-badge-sizes",
-            "value": "(\n    sm: (\n        padding-x: $kendo-badge-sm-padding-x,\n        padding-y: $kendo-badge-sm-padding-y,\n        font-size: $kendo-badge-sm-font-size,\n        line-height: $kendo-badge-sm-line-height,\n        min-width: $kendo-badge-sm-min-width\n    ),\n    md: (\n        padding-x: $kendo-badge-md-padding-x,\n        padding-y: $kendo-badge-md-padding-y,\n        font-size: $kendo-badge-md-font-size,\n        line-height: $kendo-badge-md-line-height,\n        min-width: $kendo-badge-md-min-width\n    ),\n    lg: (\n        padding-x: $kendo-badge-lg-padding-x,\n        padding-y: $kendo-badge-lg-padding-y,\n        font-size: $kendo-badge-lg-font-size,\n        line-height: $kendo-badge-lg-line-height,\n        min-width: $kendo-badge-lg-min-width\n    )\n)",
+            "value": "(\n    sm: (\n        padding-x: $kendo-badge-sm-padding-x,\n        padding-y: $kendo-badge-sm-padding-y,\n        gap: $kendo-badge-sm-gap,\n        font-size: $kendo-badge-sm-font-size,\n        line-height: $kendo-badge-sm-line-height,\n        min-width: $kendo-badge-sm-min-width\n    ),\n    md: (\n        padding-x: $kendo-badge-md-padding-x,\n        padding-y: $kendo-badge-md-padding-y,\n        gap: $kendo-badge-md-gap,\n        font-size: $kendo-badge-md-font-size,\n        line-height: $kendo-badge-md-line-height,\n        min-width: $kendo-badge-md-min-width\n    ),\n    lg: (\n        padding-x: $kendo-badge-lg-padding-x,\n        padding-y: $kendo-badge-lg-padding-y,\n        gap: $kendo-badge-lg-gap,\n        font-size: $kendo-badge-lg-font-size,\n        line-height: $kendo-badge-lg-line-height,\n        min-width: $kendo-badge-lg-min-width\n    )\n)",
             "scope": "default",
             "line": {
-                "start": 35,
-                "end": 57
+                "start": 40,
+                "end": 65
             }
         },
         "group": [
@@ -90787,8 +90887,8 @@
     {
         "description": "The theme colors map of the Badge.\n",
         "commentRange": {
-            "start": 61,
-            "end": 62
+            "start": 69,
+            "end": 70
         },
         "context": {
             "type": "variable",
@@ -90796,8 +90896,8 @@
             "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\")",
             "scope": "default",
             "line": {
-                "start": 63,
-                "end": 63
+                "start": 71,
+                "end": 71
             }
         },
         "group": [

package/dist/meta/variables.json

@@ -2837,6 +2837,22 @@
         "type": "String",
         "value": "var(--kendo-spacing-1\\.5)"
     },
+    "kendo-badge-text-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-0\\.5)"
+    },
+    "kendo-badge-sm-gap": {
+        "type": "String",
+        "value": "var(--kendo-spacing-0)"
+    },
+    "kendo-badge-md-gap": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1px)"
+    },
+    "kendo-badge-lg-gap": {
+        "type": "String",
+        "value": "var(--kendo-spacing-0\\.5)"
+    },
     "kendo-badge-font-size": {
         "type": "String",
         "value": "var(--kendo-font-size-xs)"
@@ -2887,11 +2903,12 @@
     },
     "kendo-badge-sizes": {
         "type": "Map",
-        "value": "(sm: (padding-x: var(--kendo-spacing-0\\.5), padding-y: var(--kendo-spacing-0\\.5), font-size: var(--kendo-font-size-xs), line-height: 1, min-width: calc(1em + var(--kendo-spacing-0\\.5) * 2 + 1px * 2)), md: (padding-x: var(--kendo-spacing-1), padding-y: var(--kendo-spacing-1), font-size: var(--kendo-font-size-xs), line-height: 1, min-width: calc(1em + var(--kendo-spacing-1) * 2 + 1px * 2)), lg: (padding-x: var(--kendo-spacing-1\\.5), padding-y: var(--kendo-spacing-1\\.5), font-size: var(--kendo-font-size-xs), line-height: 1, min-width: calc(1em + var(--kendo-spacing-1\\.5) * 2 + 1px * 2)))",
+        "value": "(sm: (padding-x: var(--kendo-spacing-0\\.5), padding-y: var(--kendo-spacing-0\\.5), gap: var(--kendo-spacing-0), font-size: var(--kendo-font-size-xs), line-height: 1, min-width: calc(1em + var(--kendo-spacing-0\\.5) * 2 + 1px * 2)), md: (padding-x: var(--kendo-spacing-1), padding-y: var(--kendo-spacing-1), gap: var(--kendo-spacing-1px), font-size: var(--kendo-font-size-xs), line-height: 1, min-width: calc(1em + var(--kendo-spacing-1) * 2 + 1px * 2)), lg: (padding-x: var(--kendo-spacing-1\\.5), padding-y: var(--kendo-spacing-1\\.5), gap: var(--kendo-spacing-0\\.5), font-size: var(--kendo-font-size-xs), line-height: 1, min-width: calc(1em + var(--kendo-spacing-1\\.5) * 2 + 1px * 2)))",
         "prettyValue": {
             "sm": {
                 "padding-x": "var(--kendo-spacing-0\\.5)",
                 "padding-y": "var(--kendo-spacing-0\\.5)",
+                "gap": "var(--kendo-spacing-0)",
                 "font-size": "var(--kendo-font-size-xs)",
                 "line-height": 1,
                 "min-width": "calc(1em + var(--kendo-spacing-0\\.5) * 2 + 1px * 2)"
@@ -2899,6 +2916,7 @@
             "md": {
                 "padding-x": "var(--kendo-spacing-1)",
                 "padding-y": "var(--kendo-spacing-1)",
+                "gap": "var(--kendo-spacing-1px)",
                 "font-size": "var(--kendo-font-size-xs)",
                 "line-height": 1,
                 "min-width": "calc(1em + var(--kendo-spacing-1) * 2 + 1px * 2)"
@@ -2906,6 +2924,7 @@
             "lg": {
                 "padding-x": "var(--kendo-spacing-1\\.5)",
                 "padding-y": "var(--kendo-spacing-1\\.5)",
+                "gap": "var(--kendo-spacing-0\\.5)",
                 "font-size": "var(--kendo-font-size-xs)",
                 "line-height": 1,
                 "min-width": "calc(1em + var(--kendo-spacing-1\\.5) * 2 + 1px * 2)"

package/lib/swatches/default-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "14.7.0-dev.8",
+    "version": "14.7.0-dev.9",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(97.01% 0.0001 0deg)",

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

@@ -3,7 +3,7 @@
     "name": "Default Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "14.7.0-dev.8",
+    "version": "14.7.0-dev.9",
     "previewColors": [
         "oklch(69.85% 0.1922 27.18deg)",
         "oklch(87.94% 0.1577 90.42deg)",

package/lib/swatches/default-green.json

@@ -3,7 +3,7 @@
     "name": "Default Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "14.7.0-dev.8",
+    "version": "14.7.0-dev.9",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(97.01% 0.0001 0deg)",

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

@@ -3,7 +3,7 @@
     "name": "Default Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "14.7.0-dev.8",
+    "version": "14.7.0-dev.9",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(19.57% 0.0000 0deg)",

package/lib/swatches/default-main.json

@@ -3,7 +3,7 @@
     "name": "Default Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "14.7.0-dev.8",
+    "version": "14.7.0-dev.9",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(97.01% 0.0001 0deg)",

package/lib/swatches/default-nordic.json

@@ -3,7 +3,7 @@
     "name": "Default Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "14.7.0-dev.8",
+    "version": "14.7.0-dev.9",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(50.02% 0.0301 214.80deg)",

package/lib/swatches/default-ocean-blue-a11y.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue A11Y",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "14.7.0-dev.8",
+    "version": "14.7.0-dev.9",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(97.01% 0.0001 0deg)",

package/lib/swatches/default-ocean-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "14.7.0-dev.8",
+    "version": "14.7.0-dev.9",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(97.01% 0.0001 0deg)",

package/lib/swatches/default-orange.json

@@ -3,7 +3,7 @@
     "name": "Default Orange",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "14.7.0-dev.8",
+    "version": "14.7.0-dev.9",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(97.01% 0.0001 0deg)",

package/lib/swatches/default-purple.json

@@ -3,7 +3,7 @@
     "name": "Default Purple",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "14.7.0-dev.8",
+    "version": "14.7.0-dev.9",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(97.01% 0.0001 0deg)",

package/lib/swatches/default-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Default Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "14.7.0-dev.8",
+    "version": "14.7.0-dev.9",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(97.01% 0.0001 0deg)",

package/lib/swatches/default-urban.json

@@ -3,7 +3,7 @@
     "name": "Default Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "14.7.0-dev.8",
+    "version": "14.7.0-dev.9",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(94.26% 0.0144 231.45deg)",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "14.7.0-dev.8",
+  "version": "14.7.0-dev.9",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -52,8 +52,8 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^5.5.0",
-    "@progress/kendo-theme-core": "14.7.0-dev.8",
-    "@progress/kendo-theme-utils": "14.7.0-dev.8"
+    "@progress/kendo-theme-core": "14.7.0-dev.9",
+    "@progress/kendo-theme-utils": "14.7.0-dev.9"
   },
   "directories": {
     "doc": "docs",