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

package/dist/meta/variables.json

@@ -2299,6 +2299,90 @@
             "secondary": "var(--kendo-color-secondary, #666666)"
         }
     },
+    "kendo-bubble-border-radius": {
+        "type": "String",
+        "value": "var(--kendo-border-radius-xxl, 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-on-app-surface, #3d3d3d)"
+    },
+    "kendo-bubble-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle, #ebebeb)"
+    },
+    "kendo-bubble-border": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle, #ebebeb)"
+    },
+    "kendo-bubble-shadow": {
+        "type": "String",
+        "value": "none"
+    },
+    "kendo-bubble-hover-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle-hover, #e0e0e0)"
+    },
+    "kendo-bubble-hover-border": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle-hover, #e0e0e0)"
+    },
+    "kendo-bubble-active-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle-active, #d6d6d6)"
+    },
+    "kendo-bubble-active-border": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle-active, #d6d6d6)"
+    },
+    "kendo-bubble-focus-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle, #ebebeb)"
+    },
+    "kendo-bubble-focus-border": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle, #ebebeb)"
+    },
+    "kendo-bubble-focus-shadow": {
+        "type": "List",
+        "value": "(0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 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"
@@ -13391,7 +13475,7 @@
     },
     "kendo-chat-width": {
         "type": "Number",
-        "value": "500px"
+        "value": "320px"
     },
     "kendo-chat-height": {
         "type": "Number",
@@ -13413,14 +13497,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)"
@@ -13433,6 +13525,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)"
@@ -13443,7 +13539,7 @@
     },
     "kendo-chat-timestamp-transform": {
         "type": "String",
-        "value": "uppercase"
+        "value": "none"
     },
     "kendo-chat-timestamp-text": {
         "type": "String",
@@ -13453,6 +13549,14 @@
         "type": "Null",
         "value": "null"
     },
+    "kendo-chat-timestamp-separator-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-border, rgba(0, 0, 0, 0.08))"
+    },
+    "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)"
@@ -13467,179 +13571,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, #666666)"
     },
-    "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, #fafafa)"
     },
-    "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-on-app-surface, #3d3d3d)"
     },
-    "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, #fafafa)"
     },
-    "kendo-chat-toolbar-padding-y": {
+    "kendo-chat-text": {
         "type": "String",
-        "value": "var(--kendo-spacing-2, 0.5rem)"
+        "value": "var(--kendo-color-on-app-surface, #3d3d3d)"
     },
-    "kendo-chat-toolbar-bg": {
+    "kendo-chat-border": {
         "type": "String",
-        "value": "var(--kendo-color-surface, #fafafa)"
+        "value": "var(--kendo-color-border, rgba(0, 0, 0, 0.08))"
     },
-    "kendo-chat-toolbar-text": {
+    "kendo-chat-alt-bubble-bg": {
         "type": "String",
-        "value": "var(--kendo-color-on-app-surface, #3d3d3d)"
+        "value": "var(--kendo-color-primary, #ff6358)"
     },
-    "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, #ff6358)"
     },
-    "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, #ea5a51)"
     },
-    "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, #ea5a51)"
     },
-    "kendo-chat-bg": {
+    "kendo-chat-alt-bubble-active-bg": {
         "type": "String",
-        "value": "var(--kendo-color-surface, #fafafa)"
+        "value": "var(--kendo-color-primary-active, #d45349)"
     },
-    "kendo-chat-text": {
+    "kendo-chat-alt-bubble-active-border": {
         "type": "String",
-        "value": "var(--kendo-color-on-app-surface, #3d3d3d)"
+        "value": "var(--kendo-color-primary-active, #d45349)"
     },
-    "kendo-chat-border": {
+    "kendo-chat-alt-bubble-focus-bg": {
         "type": "String",
-        "value": "var(--kendo-color-border, rgba(0, 0, 0, 0.08))"
+        "value": "var(--kendo-color-primary, #ff6358)"
     },
-    "kendo-chat-bubble-bg": {
+    "kendo-chat-alt-bubble-focus-border": {
         "type": "String",
-        "value": "var(--kendo-color-surface-alt, #ffffff)"
+        "value": "var(--kendo-color-primary, #ff6358)"
+    },
+    "kendo-chat-alt-bubble-focus-shadow": {
+        "type": "List",
+        "value": "(0 0 0 2px color-mix(in srgb, var(--kendo-color-primary, #ff6358) 16%, transparent))"
     },
-    "kendo-chat-bubble-text": {
+    "kendo-chat-typing-indicator-text": {
         "type": "String",
-        "value": "var(--kendo-color-on-app-surface, #3d3d3d)"
+        "value": "var(--kendo-color-base-on-subtle, #3d3d3d)"
     },
-    "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, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12))"
+        "value": "var(--kendo-spacing-2, 0.5rem)"
     },
-    "kendo-chat-bubble-hover-shadow": {
+    "kendo-chat-file-gap": {
         "type": "String",
-        "value": "var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12))"
+        "value": "var(--kendo-spacing-1, 0.25rem)"
+    },
+    "kendo-chat-file-border-width": {
+        "type": "Number",
+        "value": "1px"
     },
-    "kendo-chat-bubble-selected-shadow": {
+    "kendo-chat-file-border-style": {
         "type": "String",
-        "value": "var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12))"
+        "value": "solid"
     },
-    "kendo-chat-alt-bubble-bg": {
+    "kendo-chat-file-bg": {
         "type": "String",
-        "value": "var(--kendo-color-primary, #ff6358)"
+        "value": "var(--kendo-color-base-subtle, #ebebeb)"
     },
-    "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, #3d3d3d)"
     },
-    "kendo-chat-alt-bubble-border": {
+    "kendo-chat-file-border": {
         "type": "String",
-        "value": "var(--kendo-color-primary, #ff6358)"
+        "value": "var(--kendo-color-base-subtle, #ebebeb)"
     },
-    "kendo-chat-alt-bubble-shadow": {
+    "kendo-chat-file-border-radius": {
         "type": "String",
-        "value": "var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12))"
+        "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, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12))"
+        "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, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12))"
+        "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, #ff6358)"
+        "value": "solid"
     },
-    "kendo-chat-quick-reply-border": {
+    "kendo-chat-message-pinned-border-color": {
         "type": "String",
-        "value": "var(--kendo-color-primary, #ff6358)"
+        "value": "var(--kendo-color-border, rgba(0, 0, 0, 0.08))"
     },
-    "kendo-chat-quick-reply-hover-bg": {
+    "kendo-chat-message-reference-padding-x": {
         "type": "String",
-        "value": "var(--kendo-color-primary, #ff6358)"
+        "value": "var(--kendo-spacing-2, 0.5rem)"
     },
-    "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-2, 0.5rem)"
     },
-    "kendo-chat-quick-reply-hover-border": {
+    "kendo-chat-message-reference-bg": {
         "type": "String",
-        "value": "var(--kendo-color-primary, #ff6358)"
-    },
-    "kendo-chat-quick-reply-shadow-blur": {
-        "type": "Number",
-        "value": "0px"
-    },
-    "kendo-chat-quick-reply-shadow-spread": {
-        "type": "Number",
-        "value": "2px"
+        "value": "var(--kendo-color-surface, #fafafa)"
     },
-    "kendo-chat-quick-reply-shadow-opacity": {
-        "type": "Number",
-        "value": "0.3"
+    "kendo-chat-message-reference-text": {
+        "type": "String",
+        "value": "var(--kendo-color-on-app-surface, #3d3d3d)"
     },
-    "kendo-chat-typing-indicator-dot-size": {
-        "type": "Number",
-        "value": "8px"
+    "kendo-chat-message-reference-marker-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-base-emphasis, #c2c2c2)"
     },
-    "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, #ff9d97)"
     },
     "kendo-media-player-border-width": {
         "type": "Number",

package/lib/swatches/default-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "11.3.3-dev.0",
+    "version": "12.0.0-dev.1",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

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

@@ -3,7 +3,7 @@
     "name": "Default Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "11.3.3-dev.0",
+    "version": "12.0.0-dev.1",
     "previewColors": [
         "#ff6358",
         "#ffd246",

package/lib/swatches/default-green.json

@@ -3,7 +3,7 @@
     "name": "Default Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "11.3.3-dev.0",
+    "version": "12.0.0-dev.1",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

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

@@ -3,7 +3,7 @@
     "name": "Default Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "11.3.3-dev.0",
+    "version": "12.0.0-dev.1",
     "previewColors": [
         "#000000",
         "#151515",

package/lib/swatches/default-main.json

@@ -3,7 +3,7 @@
     "name": "Default Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "11.3.3-dev.0",
+    "version": "12.0.0-dev.1",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-nordic.json

@@ -3,7 +3,7 @@
     "name": "Default Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "11.3.3-dev.0",
+    "version": "12.0.0-dev.1",
     "previewColors": [
         "#ffffff",
         "#50686e",

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": "11.3.3-dev.0",
+    "version": "12.0.0-dev.1",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

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

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "11.3.3-dev.0",
+    "version": "12.0.0-dev.1",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-orange.json

@@ -3,7 +3,7 @@
     "name": "Default Orange",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "11.3.3-dev.0",
+    "version": "12.0.0-dev.1",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-purple.json

@@ -3,7 +3,7 @@
     "name": "Default Purple",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "11.3.3-dev.0",
+    "version": "12.0.0-dev.1",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Default Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "11.3.3-dev.0",
+    "version": "12.0.0-dev.1",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-urban.json

@@ -3,7 +3,7 @@
     "name": "Default Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "11.3.3-dev.0",
+    "version": "12.0.0-dev.1",
     "previewColors": [
         "#ffffff",
         "#e3eef4",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "11.3.3-dev.0",
+  "version": "12.0.0-dev.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -52,12 +52,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.1",
+    "@progress/kendo-theme-utils": "12.0.0-dev.1"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "6d67f548d97771214ad4ecab8c2f1bcec386df27"
+  "gitHead": "794f481c97a5e59caeb7c91030f0a7853aa2db19"
 }

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();
+    }
+}

package/scss/bubble/_layout.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/bubble/_layout.scss" as *;
+
+
+@mixin kendo-bubble--layout() {
+    @include kendo-bubble--layout-base();
+}

package/scss/bubble/_theme.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/bubble/_theme.scss" as *;
+
+
+@mixin kendo-bubble--theme() {
+    @include kendo-bubble--theme-base();
+}