@livechat/design-system-react-components 1.1.0 → 1.3.0

package/dist/themes/design-token.d.ts

@@ -50,17 +50,29 @@ export declare const DesignToken: {
     SurfaceLockedDisabled: string;
     SurfaceLockedWhite: string;
     SurfaceLockedBlack: string;
+    SurfaceAccentEmphasisMediumNegative: string;
+    SurfaceAccentEmphasisMediumPositive: string;
     SurfaceAccentEmphasisHighInfo: string;
     SurfaceAccentEmphasisHighNegative: string;
     SurfaceAccentEmphasisHighWarning: string;
     SurfaceAccentEmphasisHighPositive: string;
     SurfaceAccentEmphasisHighPurple: string;
     SurfaceOverlay: string;
+    SurfaceGradient01: string;
+    SurfaceGradient02: string;
+    SurfaceGradient03: string;
+    SurfaceGradient04: string;
+    SurfaceGradient05: string;
+    SurfaceGradient06: string;
+    SurfaceGradient07: string;
+    SurfaceGradient08: string;
+    SurfaceGradient09: string;
+    SurfaceGradient10: string;
+    SurfaceGradient11: string;
     SurfaceOtherOverlay: string;
     SurfaceOtherAgent: string;
+    SurfaceOtherAgentHover: string;
     SurfaceOtherSkeleton: string;
-    SurfaceGradient01: string;
-    SurfaceGradient02: string;
     ContentDefault: string;
     ContentBasicPrimary: string;
     ContentSubtle: string;
@@ -101,6 +113,7 @@ export declare const DesignToken: {
     BorderBasicPositive: string;
     BorderBasicInfo: string;
     BorderBasicPurple: string;
+    BorderBasicContrast: string;
     BorderInvertDefault: string;
     BorderInvertPrimary: string;
     BorderInvertSubtle: string;
@@ -128,6 +141,7 @@ export declare const DesignToken: {
     ActionWarningDefault: string;
     ColorWarningHover: string;
     ActionWarningHover: string;
+    ActionWarningDisabled: string;
     ColorPositiveDefault: string;
     ActionPositiveDefault: string;
     ColorPositiveHover: string;
@@ -137,8 +151,13 @@ export declare const DesignToken: {
     ActionNeutralDefault: string;
     ActionNeutralHover: string;
     ActionNeutralDisabled: string;
+    ActionHighContrastDefault: string;
+    ActionHighContrastHover: string;
+    ActionHighContrastActive: string;
+    ActionHighContrastDisabled: string;
     ColorBot: string;
     SurfaceOtherBot: string;
+    SurfaceOtherBotHover: string;
     ColorBlack: string;
     ColorWhite: string;
     DecorBlue900: string;
@@ -225,4 +244,33 @@ export declare const DesignToken: {
     IllustrationsStroke: string;
     TagSurface01: string;
     TagContent01: string;
+    BtnBasicBackgroundEnabled: string;
+    BtnBasicBackgroundHover: string;
+    BtnBasicBackgroundDisabled: string;
+    BtnBasicBackgroundActive: string;
+    BtnBasicBackgroundLoading: string;
+    BtnSecondaryBackgroundEnabled: string;
+    BtnSecondaryBackgroundHover: string;
+    BtnSecondaryBackgroundDisabled: string;
+    BtnSecondaryBackgroundActive: string;
+    BtnSecondaryBackgroundLoading: string;
+    BtnPlainIconBackgroundHover: string;
+    BtnPlainIconBackgroundActive: string;
+    PickerListBackground: string;
+    PickerListGroupBackground: string;
+    PickerListOptionBackgroundHover: string;
+    PickerListOptionBackgroundActiveHover: string;
+    PickerListOptionBackgroundFocus: string;
+    PickerListOptionBackgroundActive: string;
+    PopoverBackground: string;
+    SurfaceAvatar1: string;
+    SurfaceAvatar2: string;
+    SurfaceAvatar3: string;
+    SurfaceAvatar4: string;
+    SurfaceAvatar5: string;
+    SurfaceAvatar6: string;
+    SurfaceAvatar7: string;
+    SurfaceAvatar8: string;
+    SurfaceAvatar9: string;
+    SurfaceAvatar10: string;
 };

package/dist/utils/getDesignTokenWithOpacity.d.ts

@@ -0,0 +1 @@
+export declare const getDesignTokenWithOpacity: (token: string, opacityInPercent: string) => string;

package/dist/utils/index.d.ts

@@ -1 +1,2 @@
 export type { Size } from './constants';
+export { getDesignTokenWithOpacity } from './getDesignTokenWithOpacity';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livechat/design-system-react-components",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -23,6 +23,7 @@
     "build:styles": "sass src/themes:dist/themes; sass src/foundations:dist/spacing; sass src/foundations:dist/shadow",
     "build-storybook": "export SET NODE_OPTIONS=--openssl-legacy-provider && storybook build",
     "chromatic": "dotenv -e ../../.env chromatic -- --exit-zero-on-changes --only-changed --skip 'dependabot/**'",
+    "generateDesignTokenEnum": "node scripts/generateDesignTokenEnum.js",
     "lint": "eslint src --ext js,jsx,ts,tsx",
     "test": "vitest run",
     "test:watch": "vitest watch",
@@ -33,7 +34,6 @@
     "react-dom": ">= 17.0.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.7",
     "@storybook/addon-a11y": "^7.1.1",
     "@storybook/addon-actions": "^7.1.1",
     "@storybook/addon-designs": "^7.0.1",
@@ -53,7 +53,7 @@
     "@types/react-dom": "^17.0.10",
     "@types/react-transition-group": "^4.4.4",
     "@vitejs/plugin-react": "^1.0.7",
-    "babel-loader": "^8.2.3",
+    "@vitest/coverage-c8": "^0.33.0",
     "chromatic": "^6.19.7",
     "jsdom": "^19.0.0",
     "react": "^17.0.2",
@@ -70,10 +70,11 @@
   },
   "dependencies": {
     "@emotion/css": "^11.9.0",
+    "@floating-ui/react": "^0.26.1",
     "@floating-ui/react-dom": "^0.7.0",
     "@floating-ui/react-dom-interactions": "^0.6.1",
     "@livechat/data-utils": "^0.2.16",
-    "@livechat/design-system-icons": "^1.1.0",
+    "@livechat/design-system-icons": "^1.3.0",
     "@popperjs/core": "^2.11.2",
     "clsx": "^1.1.1",
     "date-fns": "^2.28.0",
@@ -83,5 +84,5 @@
     "react-day-picker": "^7.4.10",
     "react-transition-group": "^4.4.2"
   },
-  "gitHead": "b76751f067261431debc16664eafea4468b8d547"
+  "gitHead": "c215defb7892eac6cbaef0a0adde2420fad5f062"
 }