Merge branch 'main' into feature/1379

lerna.json

@@ -1,5 +1,5 @@
 {
   "packages": ["packages/*"],
-  "version": "2.15.2",
+  "version": "2.16.0",
   "$schema": "node_modules/lerna/schemas/lerna-schema.json"
 }

packages/example-react/package.json

@@ -1,15 +1,15 @@
 {
   "name": "example-react",
   "private": true,
-  "version": "2.15.2",
+  "version": "2.16.0",
   "scripts": {
     "start": "vite --open",
     "build": "tsc && vite build",
     "preview": "vite preview"
   },
   "dependencies": {
     "@livechat/design-system-icons": "^2.15.0",
-    "@livechat/design-system-react-components": "^2.15.2",
+    "@livechat/design-system-react-components": "^2.16.0",
     "react": "^18.3.0",
     "react-dom": "^18.3.0"
   },

packages/react-components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livechat/design-system-react-components",
-  "version": "2.15.2",
+  "version": "2.16.0",
   "description": "",
   "publishConfig": {
     "access": "public"

packages/react-components/src/foundations/design-token.ts

@@ -52,18 +52,23 @@ export const DesignToken = {
   SurfaceAccentEmphasisMinWarning: '--surface-accent-emphasis-min-warning',
   SurfaceAccentEmphasisMinPositive: '--surface-accent-emphasis-min-positive',
   SurfaceAccentEmphasisMinPurple: '--surface-accent-emphasis-min-purple',
-  SurfaceAccentOndarkNegativeDefault: '--surface-accent-ondark-negative-default',
+  SurfaceAccentOndarkNegativeDefault:
+    '--surface-accent-ondark-negative-default',
   SurfaceAccentOndarkNegativeHover: '--surface-accent-ondark-negative-hover',
   SurfaceAccentOndarkWarningDefault: '--surface-accent-ondark-warning-default',
   SurfaceAccentOndarkWarningHover: '--surface-accent-ondark-warning-hover',
   SurfaceAccentOndarkInfoDefault: '--surface-accent-ondark-info-default',
   SurfaceAccentOndarkInfoHover: '--surface-accent-ondark-info-hover',
-  SurfaceAccentOndarkPositiveDefault: '--surface-accent-ondark-positive-default',
+  SurfaceAccentOndarkPositiveDefault:
+    '--surface-accent-ondark-positive-default',
   SurfaceAccentOndarkPositiveHover: '--surface-accent-ondark-positive-hover',
-  SurfaceAccentEmphasisSubtleNegative: '--surface-accent-emphasis-subtle-negative',
-  SurfaceAccentEmphasisSubtleWarning: '--surface-accent-emphasis-subtle-warning',
+  SurfaceAccentEmphasisSubtleNegative:
+    '--surface-accent-emphasis-subtle-negative',
+  SurfaceAccentEmphasisSubtleWarning:
+    '--surface-accent-emphasis-subtle-warning',
   SurfaceAccentEmphasisSubtleInfo: '--surface-accent-emphasis-subtle-info',
-  SurfaceAccentEmphasisSubtlePositive: '--surface-accent-emphasis-subtle-positive',
+  SurfaceAccentEmphasisSubtlePositive:
+    '--surface-accent-emphasis-subtle-positive',
   /** @deprecated */
   SurfaceInvertDefault: '--surface-invert-default',
   SurfaceInvertPrimary: '--surface-invert-primary',
@@ -77,8 +82,10 @@ export const DesignToken = {
   SurfaceLockedDisabled: '--surface-locked-disabled',
   SurfaceLockedWhite: '--surface-locked-white',
   SurfaceLockedBlack: '--surface-locked-black',
-  SurfaceAccentEmphasisMediumNegative: '--surface-accent-emphasis-medium-negative',
-  SurfaceAccentEmphasisMediumPositive: '--surface-accent-emphasis-medium-positive',
+  SurfaceAccentEmphasisMediumNegative:
+    '--surface-accent-emphasis-medium-negative',
+  SurfaceAccentEmphasisMediumPositive:
+    '--surface-accent-emphasis-medium-positive',
   SurfaceAccentEmphasisHighInfo: '--surface-accent-emphasis-high-info',
   SurfaceAccentEmphasisHighNegative: '--surface-accent-emphasis-high-negative',
   SurfaceAccentEmphasisHighWarning: '--surface-accent-emphasis-high-warning',
@@ -328,7 +335,8 @@ export const DesignToken = {
   PickerListBackground: '--picker-list-background',
   PickerListGroupBackground: '--picker-list-group-background',
   PickerListOptionBackgroundHover: '--picker-list-option-background-hover',
-  PickerListOptionBackgroundActiveHover: '--picker-list-option-background-active-hover',
+  PickerListOptionBackgroundActiveHover:
+    '--picker-list-option-background-active-hover',
   PickerListOptionBackgroundFocus: '--picker-list-option-background-focus',
   PickerListOptionBackgroundActive: '--picker-list-option-background-active',
   PopoverBackground: '--popover-background',
@@ -356,18 +364,23 @@ export const DesignToken = {
   ActionLockHover: '--action-lock-hover',
   ActionLockActive: '--action-lock-active',
   ActionLockDisabled: '--action-lock-disabled',
-  SurfaceOtherInternalNoteMessageArea: '--surface-other-internal-note-message-area',
+  SurfaceOtherInternalNoteMessageArea:
+    '--surface-other-internal-note-message-area',
   SurfaceOtherInternalNoteDefault: '--surface-other-internal-note-default',
-  ContentBasicInternalNoteMessagePlaceholder: '--content-basic-internal-note-message-placeholder',
-  ContentBasicInternalNoteMessageActive: '--content-basic-internal-note-message-active',
-  OnePopoverMessageBackgroundDefault: '--one-popover-message-background-default',
+  ContentBasicInternalNoteMessagePlaceholder:
+    '--content-basic-internal-note-message-placeholder',
+  ContentBasicInternalNoteMessageActive:
+    '--content-basic-internal-note-message-active',
+  OnePopoverMessageBackgroundDefault:
+    '--one-popover-message-background-default',
   OnePopoverBorderDefault: '--one-popover-border-default',
   OnePopoverBorderActive: '--one-popover-border-active',
   OneTooltipBackground: '--one-tooltip-background',
   ContentBasicAutofill: '--content-basic-autofill',
   ProductsHello: '--products-hello',
   ProductsPlatform: '--products-platform',
-  SurfaceCheckListItemOpenBackground: '--surface-check-list-item-open-background',
+  SurfaceCheckListItemOpenBackground:
+    '--surface-check-list-item-open-background',
   SurfaceCheckListBackground: '--surface-check-list-background',
   ContentBasicPlaceholder: '--content-basic-placeholder',
   InputPromoBorderDefault: '--input-promo-border-default',