@progress/kendo-theme-fluent 12.1.0-dev.5 → 12.2.0-dev.0

package/dist/meta/variables.json

@@ -2815,7 +2815,7 @@
     },
     "kendo-bubble-border-radius-sm": {
         "type": "String",
-        "value": "var(--kendo-border-radius-none, 0px)"
+        "value": "var(--kendo-border-radius-sm, 0.125rem)"
     },
     "kendo-bubble-padding-y": {
         "type": "String",
@@ -15905,6 +15905,14 @@
         "type": "String",
         "value": "var(--kendo-spacing-4, 1rem)"
     },
+    "kendo-chat-status-min-size": {
+        "type": "String",
+        "value": "var(--kendo-chat-status-min-size, var(--kendo-spacing-1\\.5, 0.375rem))"
+    },
+    "kendo-chat-status-max-size": {
+        "type": "String",
+        "value": "var(--kendo-chat-status-max-size, var(--kendo-spacing-8, 2rem))"
+    },
     "kendo-chat-message-status-gap": {
         "type": "String",
         "value": "var(--kendo-spacing-1, 0.25rem)"
@@ -16033,17 +16041,37 @@
         "type": "String",
         "value": "var(--kendo-color-base-on-subtle, #242424)"
     },
-    "kendo-chat-file-width": {
-        "type": "Number",
-        "value": "240px"
+    "kendo-chat-file-min-width": {
+        "type": "String",
+        "value": "var(--kendo-chat-file-min-width, 96px)"
+    },
+    "kendo-chat-file-max-width": {
+        "type": "String",
+        "value": "var(--kendo-chat-file-max-width, 160px)"
+    },
+    "kendo-chat-file-name-font-size": {
+        "type": "String",
+        "value": "var(--kendo-chat-file-name-font-size, var(--kendo-font-size-sm, inherit))"
+    },
+    "kendo-chat-file-name-line-height": {
+        "type": "String",
+        "value": "var(--kendo-chat-file-name-line-height, var(--kendo-line-height-lg, normal))"
+    },
+    "kendo-chat-file-size-font-size": {
+        "type": "String",
+        "value": "var(--kendo-chat-file-size-font-size, var(--kendo-font-size-xs, inherit))"
+    },
+    "kendo-chat-file-size-line-height": {
+        "type": "String",
+        "value": "var(--kendo-chat-file-size-line-height, var(--kendo-line-height-xs, normal))"
     },
     "kendo-chat-file-padding-x": {
         "type": "String",
-        "value": "var(--kendo-spacing-2, 0.5rem)"
+        "value": "var(--kendo-spacing-1, 0.25rem)"
     },
     "kendo-chat-file-padding-y": {
         "type": "String",
-        "value": "var(--kendo-spacing-2, 0.5rem)"
+        "value": "var(--kendo-spacing-1, 0.25rem)"
     },
     "kendo-chat-file-gap": {
         "type": "String",
@@ -16059,7 +16087,7 @@
     },
     "kendo-chat-file-bg": {
         "type": "String",
-        "value": "var(--kendo-color-base-subtle, #f5f5f5)"
+        "value": "color-mix(in srgb, var(--kendo-color-base-on-subtle, #242424) 8%, transparent)"
     },
     "kendo-chat-file-text": {
         "type": "String",
@@ -16067,19 +16095,31 @@
     },
     "kendo-chat-file-border": {
         "type": "String",
-        "value": "var(--kendo-color-base-subtle, #f5f5f5)"
+        "value": "color-mix(in srgb, var(--kendo-color-base-on-subtle, #242424) 8%, transparent)"
     },
     "kendo-chat-file-border-radius": {
         "type": "String",
         "value": "var(--kendo-border-radius-md, 0.25rem)"
     },
     "kendo-chat-file-download-padding-x": {
-        "type": "String",
-        "value": "var(--kendo-spacing-2, 0.5rem)"
+        "type": "Null",
+        "value": "null"
     },
     "kendo-chat-file-download-padding-y": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-chat-sender-file-bg": {
         "type": "String",
-        "value": "var(--kendo-spacing-2, 0.5rem)"
+        "value": "color-mix(in srgb, var(--kendo-color-on-primary, #ffffff) 14%, transparent)"
+    },
+    "kendo-chat-sender-file-text": {
+        "type": "String",
+        "value": "var(--kendo-color-on-primary, #ffffff)"
+    },
+    "kendo-chat-sender-file-border": {
+        "type": "String",
+        "value": "color-mix(in srgb, var(--kendo-color-on-primary, #ffffff) 14%, transparent)"
     },
     "kendo-chat-message-pinned-border-width": {
         "type": "Number",

package/lib/swatches/all.json

@@ -3,7 +3,7 @@
     "name": "All",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "12.1.0-dev.5",
+    "version": "12.2.0-dev.0",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/lib/swatches/fluent-1-dark.json

@@ -3,7 +3,7 @@
     "name": "Fluent 1 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "12.1.0-dev.5",
+    "version": "12.2.0-dev.0",
     "previewColors": [
         "#1b1a19",
         "#21201f",

package/lib/swatches/fluent-1.json

@@ -3,7 +3,7 @@
     "name": "Fluent 1",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "12.1.0-dev.5",
+    "version": "12.2.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#faf9f8",

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

@@ -3,7 +3,7 @@
     "name": "Fluent Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "12.1.0-dev.5",
+    "version": "12.2.0-dev.0",
     "previewColors": [
         "#1F1F1F",
         "#292929",

package/lib/swatches/fluent-main.json

@@ -3,7 +3,7 @@
     "name": "Fluent Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "12.1.0-dev.5",
+    "version": "12.2.0-dev.0",
     "previewColors": [
         "#fafafa",
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-fluent",
   "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
-  "version": "12.1.0-dev.5",
+  "version": "12.2.0-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -55,12 +55,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.5.0",
-    "@progress/kendo-theme-core": "12.1.0-dev.5",
-    "@progress/kendo-theme-utils": "12.1.0-dev.5"
+    "@progress/kendo-theme-core": "12.2.0-dev.0",
+    "@progress/kendo-theme-utils": "12.2.0-dev.0"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "c7571586f70cac80533d2678d2cdcd2e71fa7f16"
+  "gitHead": "5a687d60086d3e91f182d65b18f54f969d760af6"
 }

package/scss/bubble/_variables.scss

@@ -5,7 +5,7 @@
 $kendo-bubble-border-radius: k-border-radius(xl) !default;
 /// The small border radius of the Bubble.
 /// @group bubble
-$kendo-bubble-border-radius-sm: k-border-radius(none) !default;
+$kendo-bubble-border-radius-sm: k-border-radius(sm) !default;
 /// The vertical padding of the Bubble.
 /// @group bubble
 $kendo-bubble-padding-y: k-spacing(2) !default;

package/scss/chat/_variables.scss

@@ -50,6 +50,12 @@ $kendo-chat-message-list-padding-y: $kendo-chat-padding-y !default;
 /// @group chat
 $kendo-chat-message-list-spacing: $kendo-chat-item-spacing-y !default;
 
+/// The minimum size of the Chat message status.
+/// @group chat
+$kendo-chat-status-min-size: var(--kendo-chat-status-min-size, #{k-spacing(1.5)}) !default;
+/// The maximum size of the Chat message status.
+/// @group chat
+$kendo-chat-status-max-size: var(--kendo-chat-status-max-size, #{k-spacing(8)}) !default;
 /// The spacing between the icon and text in the Chat message status.
 /// @group chat
 $kendo-chat-message-status-gap: k-spacing(1) !default;
@@ -157,15 +163,30 @@ $kendo-chat-alt-bubble-focus-shadow: inset 0 0 0 #{$kendo-chat-border-width} k-c
 /// @group chat
 $kendo-chat-typing-indicator-text: k-color(base-on-subtle) !default;
 
-/// The width of a file in the Chat Textarea.
+/// The minimum width of a file in the Chat Textarea.
+/// @group chat
+$kendo-chat-file-min-width: var(--kendo-chat-file-min-width, 96px) !default;
+/// The maximum width of a file in the Chat Textarea.
+/// @group chat
+$kendo-chat-file-max-width: var(--kendo-chat-file-max-width, 160px) !default;
+/// The font size of the Chat file name.
 /// @group chat
-$kendo-chat-file-width: 240px !default;
+$kendo-chat-file-name-font-size: var(--kendo-chat-file-name-font-size, var( --kendo-font-size-sm, inherit )) !default;
+/// The line height of the Chat file name.
+/// @group chat
+$kendo-chat-file-name-line-height: var(--kendo-chat-file-name-line-height, var( --kendo-line-height-lg, normal )) !default;
+/// The font size of the Chat file size.
+/// @group chat
+$kendo-chat-file-size-font-size: var(--kendo-chat-file-size-font-size, var( --kendo-font-size-xs, inherit )) !default;
+/// The line height of the Chat file size.
+/// @group chat
+$kendo-chat-file-size-line-height: var(--kendo-chat-file-size-line-height, var( --kendo-line-height-xs, normal )) !default;
 /// The horizontal padding of the Chat file.
 /// @group chat
-$kendo-chat-file-padding-x: k-spacing(2) !default;
+$kendo-chat-file-padding-x: k-spacing(1) !default;
 /// The vertical padding of the Chat file.
 /// @group chat
-$kendo-chat-file-padding-y: k-spacing(2) !default;
+$kendo-chat-file-padding-y: k-spacing(1) !default;
 /// The spacing between the elements of the Chat file.
 /// @group chat
 $kendo-chat-file-gap: k-spacing(1) !default;
@@ -179,23 +200,26 @@ $kendo-chat-file-border-style: solid !default;
 
 /// The background color of the Chat file.
 /// @group chat
-$kendo-chat-file-bg: k-color(base-subtle) !default;
+$kendo-chat-file-bg: color-mix(in srgb, k-color(base-on-subtle) 8%, transparent) !default;
 /// The text color of the Chat file.
 /// @group chat
 $kendo-chat-file-text: k-color(base-on-subtle) !default;
 /// The border color of the Chat file.
 /// @group chat
-$kendo-chat-file-border: k-color(base-subtle) !default;
+$kendo-chat-file-border: $kendo-chat-file-bg !default;
 /// The border-radius of the Chat file.
 /// @group chat
 $kendo-chat-file-border-radius: k-border-radius(md) !default;
 
-/// The horizontal padding of the file download wrapper.
+/// The background color of the Chat sender file.
+/// @group chat
+$kendo-chat-sender-file-bg: color-mix(in srgb, k-color(on-primary) 14%, transparent) !default;
+/// The text color of the Chat sender file.
 /// @group chat
-$kendo-chat-file-download-padding-x: k-spacing(2) !default;
-/// The vertical padding of the file download wrapper.
+$kendo-chat-sender-file-text: k-color(on-primary) !default;
+/// The border color of the Chat sender file.
 /// @group chat
-$kendo-chat-file-download-padding-y: k-spacing(2) !default;
+$kendo-chat-sender-file-border: $kendo-chat-sender-file-bg !default;
 
 /// The border width of the Chat pinned message;
 /// @group chat
@@ -242,6 +266,8 @@ $kendo-chat-message-reference-marker-alt-bg: k-color(primary) !default;
     $kendo-chat-message-list-padding-x: $kendo-chat-message-list-padding-x,
     $kendo-chat-message-list-padding-y: $kendo-chat-message-list-padding-y,
     $kendo-chat-message-list-spacing: $kendo-chat-message-list-spacing,
+    $kendo-chat-status-min-size: $kendo-chat-status-min-size,
+    $kendo-chat-status-max-size: $kendo-chat-status-max-size,
     $kendo-chat-message-status-gap: $kendo-chat-message-status-gap,
     $kendo-chat-timestamp-font-size: $kendo-chat-timestamp-font-size,
     $kendo-chat-timestamp-line-height: $kendo-chat-timestamp-line-height,
@@ -274,7 +300,12 @@ $kendo-chat-message-reference-marker-alt-bg: k-color(primary) !default;
     $kendo-chat-alt-bubble-focus-border: $kendo-chat-alt-bubble-focus-border,
     $kendo-chat-alt-bubble-focus-shadow: $kendo-chat-alt-bubble-focus-shadow,
     $kendo-chat-typing-indicator-text: $kendo-chat-typing-indicator-text,
-    $kendo-chat-file-width: $kendo-chat-file-width,
+    $kendo-chat-file-min-width: $kendo-chat-file-min-width,
+    $kendo-chat-file-max-width: $kendo-chat-file-max-width,
+    $kendo-chat-file-name-font-size: $kendo-chat-file-name-font-size,
+    $kendo-chat-file-name-line-height: $kendo-chat-file-name-line-height,
+    $kendo-chat-file-size-font-size: $kendo-chat-file-size-font-size,
+    $kendo-chat-file-size-line-height: $kendo-chat-file-size-line-height,
     $kendo-chat-file-padding-x: $kendo-chat-file-padding-x,
     $kendo-chat-file-padding-y: $kendo-chat-file-padding-y,
     $kendo-chat-file-gap: $kendo-chat-file-gap,
@@ -284,8 +315,9 @@ $kendo-chat-message-reference-marker-alt-bg: k-color(primary) !default;
     $kendo-chat-file-text: $kendo-chat-file-text,
     $kendo-chat-file-border: $kendo-chat-file-border,
     $kendo-chat-file-border-radius: $kendo-chat-file-border-radius,
-    $kendo-chat-file-download-padding-x: $kendo-chat-file-download-padding-x,
-    $kendo-chat-file-download-padding-y: $kendo-chat-file-download-padding-y,
+    $kendo-chat-sender-file-bg: $kendo-chat-sender-file-bg,
+    $kendo-chat-sender-file-text: $kendo-chat-sender-file-text,
+    $kendo-chat-sender-file-border: $kendo-chat-sender-file-border,
     $kendo-chat-message-pinned-border-width: $kendo-chat-message-pinned-border-width,
     $kendo-chat-message-pinned-border-style: $kendo-chat-message-pinned-border-style,
     $kendo-chat-message-pinned-border-color:  $kendo-chat-message-pinned-border-color,