@progress/kendo-theme-material 11.3.3-dev.0 → 12.0.0-dev.0

package/dist/meta/variables.json

@@ -2292,6 +2292,90 @@
             "secondary": "var(--kendo-color-secondary, #E8DEF8)"
         }
     },
+    "kendo-bubble-border-radius": {
+        "type": "String",
+        "value": "var(--kendo-border-radius-xl, 0.75rem)"
+    },
+    "kendo-bubble-border-radius-sm": {
+        "type": "String",
+        "value": "var(--kendo-border-radius-xs, 1px)"
+    },
+    "kendo-bubble-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2, 0.5rem)"
+    },
+    "kendo-bubble-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-3, 0.75rem)"
+    },
+    "kendo-bubble-border-width": {
+        "type": "Number",
+        "value": "1px"
+    },
+    "kendo-bubble-border-style": {
+        "type": "String",
+        "value": "solid"
+    },
+    "kendo-bubble-line-height": {
+        "type": "String",
+        "value": "var(--kendo-line-height, normal)"
+    },
+    "kendo-bubble-text": {
+        "type": "String",
+        "value": "var(--kendo-color-base-on-subtle, #4A4459)"
+    },
+    "kendo-bubble-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle, #DED8E0)"
+    },
+    "kendo-bubble-border": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle, #DED8E0)"
+    },
+    "kendo-bubble-shadow": {
+        "type": "String",
+        "value": "none"
+    },
+    "kendo-bubble-hover-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle-hover, #E2DDE5)"
+    },
+    "kendo-bubble-hover-border": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle-hover, #E2DDE5)"
+    },
+    "kendo-bubble-active-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle-active, #EAE5EC)"
+    },
+    "kendo-bubble-active-border": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle-active, #EAE5EC)"
+    },
+    "kendo-bubble-focus-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle, #DED8E0)"
+    },
+    "kendo-bubble-focus-border": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle, #DED8E0)"
+    },
+    "kendo-bubble-focus-shadow": {
+        "type": "List",
+        "value": "(0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #1D1B20) 8%, transparent))"
+    },
+    "kendo-bubble-expandable-spacing": {
+        "type": "String",
+        "value": "var(--kendo-spacing-3, 0.75rem)"
+    },
+    "kendo-bubble-expandable-icon-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2\\.5, 0.625rem)"
+    },
+    "kendo-bubble-expandable-icon-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2\\.5, 0.625rem)"
+    },
     "kendo-avatar-border-width": {
         "type": "Number",
         "value": "1px"
@@ -13441,7 +13525,7 @@
     },
     "kendo-chat-width": {
         "type": "Number",
-        "value": "500px"
+        "value": "320px"
     },
     "kendo-chat-height": {
         "type": "Number",
@@ -13463,14 +13547,22 @@
         "type": "String",
         "value": "var(--kendo-line-height, normal)"
     },
-    "kendo-chat-item-spacing-x": {
-        "type": "String",
-        "value": "var(--kendo-spacing-2, 0.5rem)"
-    },
     "kendo-chat-item-spacing-y": {
         "type": "String",
         "value": "var(--kendo-spacing-4, 1rem)"
     },
+    "kendo-chat-message-spacing": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-chat-message-max-width": {
+        "type": "Calculation",
+        "value": "min(75%, 460px)"
+    },
+    "kendo-chat-message-gap": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2, 0.5rem)"
+    },
     "kendo-chat-message-list-padding-x": {
         "type": "String",
         "value": "var(--kendo-spacing-4, 1rem)"
@@ -13483,6 +13575,10 @@
         "type": "String",
         "value": "var(--kendo-spacing-4, 1rem)"
     },
+    "kendo-chat-message-status-gap": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1, 0.25rem)"
+    },
     "kendo-chat-timestamp-font-size": {
         "type": "String",
         "value": "var(--kendo-font-size-sm, inherit)"
@@ -13493,7 +13589,7 @@
     },
     "kendo-chat-timestamp-transform": {
         "type": "String",
-        "value": "uppercase"
+        "value": "none"
     },
     "kendo-chat-timestamp-text": {
         "type": "String",
@@ -13503,6 +13599,14 @@
         "type": "Null",
         "value": "null"
     },
+    "kendo-chat-timestamp-separator-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-border, rgba(29, 27, 32, 0.12))"
+    },
+    "kendo-chat-timestamp-separator-spacing": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1, 0.25rem)"
+    },
     "kendo-chat-message-meta-font-size": {
         "type": "String",
         "value": "var(--kendo-font-size-sm, inherit)"
@@ -13517,179 +13621,171 @@
     },
     "kendo-chat-author-line-height": {
         "type": "String",
-        "value": "var(--kendo-line-height-lg, normal)"
+        "value": "var(--kendo-line-height-xs, normal)"
     },
-    "kendo-chat-bubble-padding-x": {
+    "kendo-chat-status-text": {
         "type": "String",
-        "value": "var(--kendo-spacing-3, 0.75rem)"
+        "value": "var(--kendo-color-subtle, #49454F)"
     },
-    "kendo-chat-bubble-padding-y": {
+    "kendo-chat-bubble-spacing": {
         "type": "String",
         "value": "var(--kendo-spacing-2, 0.5rem)"
     },
-    "kendo-chat-bubble-spacing": {
+    "kendo-chat-toolbar-bg": {
         "type": "String",
-        "value": "var(--kendo-spacing-0\\.5, 0.125rem)"
+        "value": "var(--kendo-color-surface, #F7F3FA)"
     },
-    "kendo-chat-bubble-line-height": {
+    "kendo-chat-toolbar-text": {
         "type": "String",
-        "value": "var(--kendo-line-height, normal)"
-    },
-    "kendo-chat-bubble-border-radius": {
-        "type": "Number",
-        "value": "12px"
-    },
-    "kendo-chat-bubble-border-radius-sm": {
-        "type": "Number",
-        "value": "2px"
-    },
-    "kendo-chat-avatar-size": {
-        "type": "Number",
-        "value": "32px"
+        "value": "var(--kendo-color-base-on-subtle, #4A4459)"
     },
-    "kendo-chat-avatar-spacing": {
+    "kendo-chat-toolbar-border": {
         "type": "String",
-        "value": "var(--kendo-spacing-2, 0.5rem)"
+        "value": "inherit"
     },
-    "kendo-chat-toolbar-padding-x": {
+    "kendo-chat-bg": {
         "type": "String",
-        "value": "var(--kendo-spacing-2, 0.5rem)"
+        "value": "var(--kendo-color-surface, #F7F3FA)"
     },
-    "kendo-chat-toolbar-padding-y": {
+    "kendo-chat-text": {
         "type": "String",
-        "value": "var(--kendo-spacing-2, 0.5rem)"
+        "value": "var(--kendo-color-on-app-surface, #1D1B20)"
     },
-    "kendo-chat-toolbar-bg": {
+    "kendo-chat-border": {
         "type": "String",
-        "value": "var(--kendo-color-surface, #F7F3FA)"
+        "value": "var(--kendo-color-border, rgba(29, 27, 32, 0.12))"
     },
-    "kendo-chat-toolbar-text": {
+    "kendo-chat-alt-bubble-bg": {
         "type": "String",
-        "value": "var(--kendo-color-base-on-subtle, #4A4459)"
+        "value": "var(--kendo-color-primary, #65558F)"
     },
-    "kendo-chat-toolbar-border": {
+    "kendo-chat-alt-bubble-text": {
         "type": "String",
-        "value": "inherit"
+        "value": "var(--kendo-color-on-primary, #ffffff)"
     },
-    "kendo-chat-quick-reply-padding-x": {
+    "kendo-chat-alt-bubble-border": {
         "type": "String",
-        "value": "var(--kendo-spacing-3, 0.75rem)"
+        "value": "var(--kendo-color-primary, #65558F)"
     },
-    "kendo-chat-quick-reply-padding-y": {
+    "kendo-chat-alt-bubble-shadow": {
         "type": "String",
-        "value": "var(--kendo-spacing-2, 0.5rem)"
+        "value": "none"
     },
-    "kendo-chat-quick-reply-spacing": {
+    "kendo-chat-alt-bubble-hover-bg": {
         "type": "String",
-        "value": "var(--kendo-spacing-2, 0.5rem)"
+        "value": "var(--kendo-color-primary-hover, #6E5D97)"
     },
-    "kendo-chat-quick-reply-line-height": {
+    "kendo-chat-alt-bubble-hover-border": {
         "type": "String",
-        "value": "var(--kendo-line-height, normal)"
+        "value": "var(--kendo-color-primary-hover, #6E5D97)"
     },
-    "kendo-chat-bg": {
+    "kendo-chat-alt-bubble-active-bg": {
         "type": "String",
-        "value": "var(--kendo-color-surface, #F7F3FA)"
+        "value": "var(--kendo-color-primary-active, #7866A2)"
     },
-    "kendo-chat-text": {
+    "kendo-chat-alt-bubble-active-border": {
         "type": "String",
-        "value": "var(--kendo-color-on-app-surface, #1D1B20)"
+        "value": "var(--kendo-color-primary-active, #7866A2)"
     },
-    "kendo-chat-border": {
+    "kendo-chat-alt-bubble-focus-bg": {
         "type": "String",
-        "value": "var(--kendo-color-border, rgba(29, 27, 32, 0.12))"
+        "value": "var(--kendo-color-primary, #65558F)"
     },
-    "kendo-chat-bubble-bg": {
+    "kendo-chat-alt-bubble-focus-border": {
         "type": "String",
-        "value": "var(--kendo-color-surface-alt, #ffffff)"
+        "value": "var(--kendo-color-primary, #65558F)"
     },
-    "kendo-chat-bubble-text": {
+    "kendo-chat-alt-bubble-focus-shadow": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-chat-typing-indicator-text": {
         "type": "String",
-        "value": "var(--kendo-color-on-base, #4A4459)"
+        "value": "var(--kendo-color-base-on-subtle, #4A4459)"
     },
-    "kendo-chat-bubble-border": {
+    "kendo-chat-file-width": {
+        "type": "Number",
+        "value": "240px"
+    },
+    "kendo-chat-file-padding-x": {
         "type": "String",
-        "value": "var(--kendo-color-surface-alt, #ffffff)"
+        "value": "var(--kendo-spacing-2, 0.5rem)"
     },
-    "kendo-chat-bubble-shadow": {
+    "kendo-chat-file-padding-y": {
         "type": "String",
-        "value": "var(--kendo-elevation-1, 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15))"
+        "value": "var(--kendo-spacing-2, 0.5rem)"
     },
-    "kendo-chat-bubble-hover-shadow": {
+    "kendo-chat-file-gap": {
         "type": "String",
-        "value": "var(--kendo-elevation-2, 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15))"
+        "value": "var(--kendo-spacing-1, 0.25rem)"
     },
-    "kendo-chat-bubble-selected-shadow": {
+    "kendo-chat-file-border-width": {
+        "type": "Number",
+        "value": "1px"
+    },
+    "kendo-chat-file-border-style": {
         "type": "String",
-        "value": "var(--kendo-elevation-3, 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.3))"
+        "value": "solid"
     },
-    "kendo-chat-alt-bubble-bg": {
+    "kendo-chat-file-bg": {
         "type": "String",
-        "value": "var(--kendo-color-primary, #65558F)"
+        "value": "var(--kendo-color-base-subtle, #DED8E0)"
     },
-    "kendo-chat-alt-bubble-text": {
+    "kendo-chat-file-text": {
         "type": "String",
-        "value": "var(--kendo-color-on-primary, #ffffff)"
+        "value": "var(--kendo-color-base-on-subtle, #4A4459)"
     },
-    "kendo-chat-alt-bubble-border": {
+    "kendo-chat-file-border": {
         "type": "String",
-        "value": "var(--kendo-color-primary, #65558F)"
+        "value": "var(--kendo-color-base-subtle, #DED8E0)"
     },
-    "kendo-chat-alt-bubble-shadow": {
+    "kendo-chat-file-border-radius": {
         "type": "String",
-        "value": "var(--kendo-elevation-1, 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15))"
+        "value": "var(--kendo-border-radius-md, 0.25rem)"
     },
-    "kendo-chat-alt-bubble-hover-shadow": {
+    "kendo-chat-file-download-padding-x": {
         "type": "String",
-        "value": "var(--kendo-elevation-2, 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15))"
+        "value": "var(--kendo-spacing-2, 0.5rem)"
     },
-    "kendo-chat-alt-bubble-selected-shadow": {
+    "kendo-chat-file-download-padding-y": {
         "type": "String",
-        "value": "var(--kendo-elevation-3, 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.3))"
+        "value": "var(--kendo-spacing-2, 0.5rem)"
     },
-    "kendo-chat-quick-reply-bg": {
-        "type": "Color",
-        "value": "transparent"
+    "kendo-chat-message-pinned-border-width": {
+        "type": "Number",
+        "value": "1px"
     },
-    "kendo-chat-quick-reply-text": {
+    "kendo-chat-message-pinned-border-style": {
         "type": "String",
-        "value": "var(--kendo-color-primary, #65558F)"
+        "value": "solid"
     },
-    "kendo-chat-quick-reply-border": {
+    "kendo-chat-message-pinned-border-color": {
         "type": "String",
-        "value": "var(--kendo-color-primary, #65558F)"
+        "value": "var(--kendo-color-border, rgba(29, 27, 32, 0.12))"
     },
-    "kendo-chat-quick-reply-hover-bg": {
+    "kendo-chat-message-reference-padding-x": {
         "type": "String",
-        "value": "var(--kendo-color-primary, #65558F)"
+        "value": "var(--kendo-spacing-1, 0.25rem)"
     },
-    "kendo-chat-quick-reply-hover-text": {
+    "kendo-chat-message-reference-padding-y": {
         "type": "String",
-        "value": "var(--kendo-color-on-primary, #ffffff)"
+        "value": "var(--kendo-spacing-1, 0.25rem)"
     },
-    "kendo-chat-quick-reply-hover-border": {
+    "kendo-chat-message-reference-bg": {
         "type": "String",
-        "value": "var(--kendo-color-primary, #65558F)"
+        "value": "var(--kendo-color-surface, #F7F3FA)"
     },
-    "kendo-chat-quick-reply-shadow-blur": {
+    "kendo-chat-message-reference-text": {
         "type": "String",
-        "value": "unset"
+        "value": "var(--kendo-color-on-app-surface, #1D1B20)"
     },
-    "kendo-chat-quick-reply-shadow-spread": {
+    "kendo-chat-message-reference-marker-bg": {
         "type": "String",
-        "value": "unset"
-    },
-    "kendo-chat-quick-reply-shadow-opacity": {
-        "type": "Number",
-        "value": "0"
-    },
-    "kendo-chat-typing-indicator-dot-size": {
-        "type": "Number",
-        "value": "8px"
+        "value": "var(--kendo-color-base-emphasis, #6E687C)"
     },
-    "kendo-chat-typing-indicator-dot-spacing": {
-        "type": "Number",
-        "value": "5px"
+    "kendo-chat-message-reference-marker-alt-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-primary-emphasis, #B6A6D7)"
     },
     "kendo-media-player-border-width": {
         "type": "Number",

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

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

package/lib/swatches/material-2.json

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

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

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

package/lib/swatches/material-arctic.json

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

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

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

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

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

package/lib/swatches/material-eggplant.json

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

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

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

package/lib/swatches/material-lime.json

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

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

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

package/lib/swatches/material-main.json

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

package/lib/swatches/material-nova.json

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

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

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

package/lib/swatches/material-pacific.json

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

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

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

package/lib/swatches/material-sky.json

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

package/lib/swatches/material-smoke.json

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-material",
   "description": "Material theme for Kendo UI",
-  "version": "11.3.3-dev.0",
+  "version": "12.0.0-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -54,12 +54,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.1.0",
-    "@progress/kendo-theme-core": "11.3.3-dev.0",
-    "@progress/kendo-theme-utils": "11.3.3-dev.0"
+    "@progress/kendo-theme-core": "12.0.0-dev.0",
+    "@progress/kendo-theme-utils": "12.0.0-dev.0"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "6d67f548d97771214ad4ecab8c2f1bcec386df27"
+  "gitHead": "e1ba80301b9bb9353203603cb431d8ce1891e0c6"
 }

package/scss/bubble/_index.scss

@@ -0,0 +1,16 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-bubble--styles() {
+    @include import-once( "bubble" ) {
+        @include core-styles();
+        @include kendo-bubble--layout();
+        @include kendo-bubble--theme();
+    }
+}