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

package/dist/meta/variables.json

@@ -2292,6 +2292,90 @@
             "secondary": "var(--kendo-color-secondary, #6c757d)"
         }
     },
+    "kendo-bubble-border-radius": {
+        "type": "String",
+        "value": "var(--kendo-border-radius-xl, 1rem)"
+    },
+    "kendo-bubble-border-radius-sm": {
+        "type": "String",
+        "value": "var(--kendo-border-radius-xs, 0.125rem)"
+    },
+    "kendo-bubble-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2, 0.5rem)"
+    },
+    "kendo-bubble-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-4, 1rem)"
+    },
+    "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, #212529)"
+    },
+    "kendo-bubble-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle, #e9ecef)"
+    },
+    "kendo-bubble-border": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle, #e9ecef)"
+    },
+    "kendo-bubble-shadow": {
+        "type": "String",
+        "value": "none"
+    },
+    "kendo-bubble-hover-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle-hover, #dee2e6)"
+    },
+    "kendo-bubble-hover-border": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle-hover, #dee2e6)"
+    },
+    "kendo-bubble-active-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle-active, #ced4da)"
+    },
+    "kendo-bubble-active-border": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle-active, #ced4da)"
+    },
+    "kendo-bubble-focus-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle, #e9ecef)"
+    },
+    "kendo-bubble-focus-border": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle, #e9ecef)"
+    },
+    "kendo-bubble-focus-shadow": {
+        "type": "List",
+        "value": "(0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 8%, transparent))"
+    },
+    "kendo-bubble-expandable-spacing": {
+        "type": "String",
+        "value": "var(--kendo-spacing-4, 1rem)"
+    },
+    "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"
@@ -13396,7 +13480,7 @@
     },
     "kendo-chat-width": {
         "type": "Number",
-        "value": "500px"
+        "value": "320px"
     },
     "kendo-chat-height": {
         "type": "Number",
@@ -13418,14 +13502,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)"
@@ -13438,9 +13530,13 @@
         "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)"
+        "value": "var(--kendo-font-size-xs, inherit)"
     },
     "kendo-chat-timestamp-line-height": {
         "type": "String",
@@ -13448,7 +13544,7 @@
     },
     "kendo-chat-timestamp-transform": {
         "type": "String",
-        "value": "uppercase"
+        "value": "none"
     },
     "kendo-chat-timestamp-text": {
         "type": "String",
@@ -13458,6 +13554,14 @@
         "type": "Null",
         "value": "null"
     },
+    "kendo-chat-timestamp-separator-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-border, rgba(33, 37, 41, 0.13))"
+    },
+    "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)"
@@ -13474,43 +13578,11 @@
         "type": "String",
         "value": "var(--kendo-line-height-xs, normal)"
     },
-    "kendo-chat-bubble-padding-x": {
+    "kendo-chat-status-text": {
         "type": "String",
-        "value": "var(--kendo-spacing-4, 1rem)"
-    },
-    "kendo-chat-bubble-padding-y": {
-        "type": "String",
-        "value": "var(--kendo-spacing-2, 0.5rem)"
+        "value": "var(--kendo-color-subtle, #565e64)"
     },
     "kendo-chat-bubble-spacing": {
-        "type": "String",
-        "value": "var(--kendo-spacing-0\\.5, 0.125rem)"
-    },
-    "kendo-chat-bubble-line-height": {
-        "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"
-    },
-    "kendo-chat-avatar-spacing": {
-        "type": "String",
-        "value": "var(--kendo-spacing-2, 0.5rem)"
-    },
-    "kendo-chat-toolbar-padding-x": {
-        "type": "String",
-        "value": "var(--kendo-spacing-2, 0.5rem)"
-    },
-    "kendo-chat-toolbar-padding-y": {
         "type": "String",
         "value": "var(--kendo-spacing-2, 0.5rem)"
     },
@@ -13526,22 +13598,6 @@
         "type": "String",
         "value": "inherit"
     },
-    "kendo-chat-quick-reply-padding-x": {
-        "type": "String",
-        "value": "var(--kendo-spacing-3, 0.75rem)"
-    },
-    "kendo-chat-quick-reply-padding-y": {
-        "type": "String",
-        "value": "var(--kendo-spacing-2, 0.5rem)"
-    },
-    "kendo-chat-quick-reply-spacing": {
-        "type": "String",
-        "value": "var(--kendo-spacing-2, 0.5rem)"
-    },
-    "kendo-chat-quick-reply-line-height": {
-        "type": "String",
-        "value": "var(--kendo-line-height, normal)"
-    },
     "kendo-chat-bg": {
         "type": "String",
         "value": "var(--kendo-color-surface, #f8f9fa)"
@@ -13554,97 +13610,137 @@
         "type": "String",
         "value": "var(--kendo-color-border, rgba(33, 37, 41, 0.13))"
     },
-    "kendo-chat-bubble-bg": {
+    "kendo-chat-alt-bubble-bg": {
         "type": "String",
-        "value": "var(--kendo-color-base, #dee2e6)"
+        "value": "var(--kendo-color-primary, #0d6efd)"
     },
-    "kendo-chat-bubble-text": {
+    "kendo-chat-alt-bubble-text": {
         "type": "String",
-        "value": "var(--kendo-color-on-base, #212529)"
+        "value": "var(--kendo-color-on-primary, #ffffff)"
     },
-    "kendo-chat-bubble-border": {
+    "kendo-chat-alt-bubble-border": {
         "type": "String",
-        "value": "var(--kendo-color-base, #dee2e6)"
+        "value": "var(--kendo-color-primary, #0d6efd)"
     },
-    "kendo-chat-bubble-shadow": {
+    "kendo-chat-alt-bubble-shadow": {
         "type": "String",
         "value": "none"
     },
-    "kendo-chat-bubble-hover-shadow": {
+    "kendo-chat-alt-bubble-hover-bg": {
         "type": "String",
-        "value": "none"
+        "value": "var(--kendo-color-primary-hover, #0b5ed7)"
     },
-    "kendo-chat-bubble-selected-shadow": {
+    "kendo-chat-alt-bubble-hover-border": {
         "type": "String",
-        "value": "none"
+        "value": "var(--kendo-color-primary-hover, #0b5ed7)"
     },
-    "kendo-chat-alt-bubble-bg": {
+    "kendo-chat-alt-bubble-active-bg": {
         "type": "String",
-        "value": "var(--kendo-color-primary, #0d6efd)"
+        "value": "var(--kendo-color-primary-active, #0a58ca)"
     },
-    "kendo-chat-alt-bubble-text": {
+    "kendo-chat-alt-bubble-active-border": {
         "type": "String",
-        "value": "var(--kendo-color-on-primary, #ffffff)"
+        "value": "var(--kendo-color-primary-active, #0a58ca)"
     },
-    "kendo-chat-alt-bubble-border": {
+    "kendo-chat-alt-bubble-focus-bg": {
         "type": "String",
         "value": "var(--kendo-color-primary, #0d6efd)"
     },
-    "kendo-chat-alt-bubble-shadow": {
+    "kendo-chat-alt-bubble-focus-border": {
         "type": "String",
-        "value": "none"
+        "value": "var(--kendo-color-primary, #0d6efd)"
+    },
+    "kendo-chat-alt-bubble-focus-shadow": {
+        "type": "List",
+        "value": "(0 0 0 2px color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 16%, transparent))"
     },
-    "kendo-chat-alt-bubble-hover-shadow": {
+    "kendo-chat-typing-indicator-text": {
         "type": "String",
-        "value": "none"
+        "value": "var(--kendo-color-base-on-subtle, #212529)"
     },
-    "kendo-chat-alt-bubble-selected-shadow": {
+    "kendo-chat-file-width": {
+        "type": "Number",
+        "value": "240px"
+    },
+    "kendo-chat-file-padding-x": {
         "type": "String",
-        "value": "none"
+        "value": "var(--kendo-spacing-2, 0.5rem)"
     },
-    "kendo-chat-quick-reply-bg": {
-        "type": "Color",
-        "value": "transparent"
+    "kendo-chat-file-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2, 0.5rem)"
     },
-    "kendo-chat-quick-reply-text": {
+    "kendo-chat-file-gap": {
         "type": "String",
-        "value": "var(--kendo-color-primary, #0d6efd)"
+        "value": "var(--kendo-spacing-1, 0.25rem)"
+    },
+    "kendo-chat-file-border-width": {
+        "type": "Number",
+        "value": "1px"
     },
-    "kendo-chat-quick-reply-border": {
+    "kendo-chat-file-border-style": {
         "type": "String",
-        "value": "var(--kendo-color-primary, #0d6efd)"
+        "value": "solid"
     },
-    "kendo-chat-quick-reply-hover-bg": {
+    "kendo-chat-file-bg": {
         "type": "String",
-        "value": "var(--kendo-color-primary, #0d6efd)"
+        "value": "var(--kendo-color-base-subtle, #e9ecef)"
     },
-    "kendo-chat-quick-reply-hover-text": {
+    "kendo-chat-file-text": {
         "type": "String",
-        "value": "var(--kendo-color-on-primary, #ffffff)"
+        "value": "var(--kendo-color-base-on-subtle, #212529)"
     },
-    "kendo-chat-quick-reply-hover-border": {
+    "kendo-chat-file-border": {
         "type": "String",
-        "value": "var(--kendo-color-primary, #0d6efd)"
+        "value": "var(--kendo-color-base-subtle, #e9ecef)"
     },
-    "kendo-chat-quick-reply-shadow-blur": {
-        "type": "Number",
-        "value": "0px"
+    "kendo-chat-file-border-radius": {
+        "type": "String",
+        "value": "var(--kendo-border-radius-md, 0.375rem)"
     },
-    "kendo-chat-quick-reply-shadow-spread": {
-        "type": "Number",
-        "value": "0.25rem"
+    "kendo-chat-file-download-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2, 0.5rem)"
     },
-    "kendo-chat-quick-reply-shadow-opacity": {
-        "type": "Number",
-        "value": "0.5"
+    "kendo-chat-file-download-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2, 0.5rem)"
     },
-    "kendo-chat-typing-indicator-dot-size": {
+    "kendo-chat-message-pinned-border-width": {
         "type": "Number",
-        "value": "8px"
+        "value": "1px"
     },
-    "kendo-chat-typing-indicator-dot-spacing": {
-        "type": "Number",
-        "value": "5px"
+    "kendo-chat-message-pinned-border-style": {
+        "type": "String",
+        "value": "solid"
+    },
+    "kendo-chat-message-pinned-border-color": {
+        "type": "String",
+        "value": "var(--kendo-color-border, rgba(33, 37, 41, 0.13))"
+    },
+    "kendo-chat-message-reference-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1, 0.25rem)"
+    },
+    "kendo-chat-message-reference-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1, 0.25rem)"
+    },
+    "kendo-chat-message-reference-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-surface, #f8f9fa)"
+    },
+    "kendo-chat-message-reference-text": {
+        "type": "String",
+        "value": "var(--kendo-color-on-app-surface, #212529)"
+    },
+    "kendo-chat-message-reference-marker-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-base-emphasis, rgba(33, 37, 41, 0.34))"
+    },
+    "kendo-chat-message-reference-marker-alt-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-primary-emphasis, rgba(13, 110, 253, 0.4))"
     },
     "kendo-media-player-border-width": {
         "type": "Number",

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

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

package/lib/swatches/bootstrap-3.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 3",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "11.3.3-dev.0",
+    "version": "12.0.0-dev.1",
     "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": "11.3.3-dev.0",
+    "version": "12.0.0-dev.1",
     "previewColors": [
         "#000000",
         "#212529",

package/lib/swatches/bootstrap-4.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 4",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "11.3.3-dev.0",
+    "version": "12.0.0-dev.1",
     "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": "11.3.3-dev.0",
+    "version": "12.0.0-dev.1",
     "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": "11.3.3-dev.0",
+    "version": "12.0.0-dev.1",
     "previewColors": [
         "#000000",
         "#212529",

package/lib/swatches/bootstrap-main.json

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

package/lib/swatches/bootstrap-nordic.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "11.3.3-dev.0",
+    "version": "12.0.0-dev.1",
     "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": "11.3.3-dev.0",
+    "version": "12.0.0-dev.1",
     "previewColors": [
         "#000000",
         "#292b2c",

package/lib/swatches/bootstrap-turquoise.json

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

package/lib/swatches/bootstrap-urban.json

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

package/lib/swatches/bootstrap-vintage.json

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-bootstrap",
   "description": "Bootstrap theme for Kendo UI",
-  "version": "11.3.3-dev.0",
+  "version": "12.0.0-dev.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -53,12 +53,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();
+}