@livechat/design-system-react-components 1.0.0 → 1.2.0

package/dist/test/utils.d.ts

@@ -0,0 +1,3 @@
+export * from '@testing-library/react';
+export { default as userEvent } from '@testing-library/user-event';
+export * from 'vitest';

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

@@ -0,0 +1,276 @@
+export declare const DesignToken: {
+    Background: string;
+    Background01: string;
+    Background02: string;
+    Background03: string;
+    SurfaceBasicDefault: string;
+    SurfacePrimaryDefault: string;
+    SurfaceBasicSubtle: string;
+    SurfaceSecondaryDefault: string;
+    SurfaceSecondaryHover: string;
+    SurfaceSecondaryActive: string;
+    SurfaceSecondaryDisabled: string;
+    SurfaceBasicHover: string;
+    SurfacePrimaryHover: string;
+    SurfaceBasicActive: string;
+    SurfacePrimaryActive: string;
+    SurfacePrimaryActiveColored: string;
+    SurfaceBasicDisabled: string;
+    SurfacePrimaryDisabled: string;
+    SurfaceTertiaryDefault: string;
+    SurfaceSecondarySubtle: string;
+    SurfaceModerateDefault: string;
+    SurfaceModerateHover: string;
+    SurfaceModerateActive: string;
+    SurfaceTertiaryHover: string;
+    SurfaceTertiaryActive: string;
+    SurfaceTertiaryDisabled: string;
+    SurfaceFeedbackInfo: string;
+    SurfaceAccentEmphasisLowInfo: string;
+    SurfaceFeedbackNegative: string;
+    SurfaceAccentEmphasisLowNegative: string;
+    SurfaceFeedbackWarning: string;
+    SurfaceAccentEmphasisLowWarning: string;
+    SurfaceFeedbackPositive: string;
+    SurfaceAccentEmphasisLowPositive: string;
+    SurfaceAccentEmphasisLowPurple: string;
+    SurfaceAccentEmphasisMinInfo: string;
+    SurfaceAccentEmphasisMinNegative: string;
+    SurfaceAccentEmphasisMinWarning: string;
+    SurfaceAccentEmphasisMinPositive: string;
+    SurfaceAccentEmphasisMinPurple: string;
+    SurfaceInvertDefault: string;
+    SurfaceInvertPrimary: string;
+    SurfaceInvertSubtle: string;
+    SurfaceInvertSecondary: string;
+    SurfaceInvertDisabled: string;
+    SurfaceLockedDefault: string;
+    SurfaceLockedHover: string;
+    SurfaceLockedActive: string;
+    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;
+    ContentDefault: string;
+    ContentBasicPrimary: string;
+    ContentSubtle: string;
+    ContentBasicSecondary: string;
+    ContentDisabled: string;
+    ContentBasicDisabled: string;
+    ContentBasicNegative: string;
+    ContentBasicWarning: string;
+    ContentBasicPositive: string;
+    ContentBasicInfo: string;
+    ContentBasicPurple: string;
+    ContentBasicGradient01: string;
+    ContentWhiteLocked: string;
+    ContentLockedWhite: string;
+    ContentBlackLocked: string;
+    ContentLockedBlack: string;
+    ContentLockedDefault: string;
+    ContentLockedHover: string;
+    ContentLockedActive: string;
+    ContentLockedDisabled: string;
+    ContentInvertDefault: string;
+    ContentInvertPrimary: string;
+    ContentInvertSubtle: string;
+    ContentInvertSecondary: string;
+    ContentInvertDisabled: string;
+    ContentInvertGradient01: string;
+    BorderDefault: string;
+    BorderBasicPrimary: string;
+    BorderBasicSecondary: string;
+    BorderSubtle: string;
+    BorderBasicTertiary: string;
+    BorderHover: string;
+    BorderBasicHover: string;
+    BorderDisabled: string;
+    BorderBasicDisabled: string;
+    BorderBasicNegative: string;
+    BorderBasicWarning: string;
+    BorderBasicPositive: string;
+    BorderBasicInfo: string;
+    BorderBasicPurple: string;
+    BorderBasicContrast: string;
+    BorderInvertDefault: string;
+    BorderInvertPrimary: string;
+    BorderInvertSubtle: string;
+    BorderInvertSecondary: string;
+    BorderInvertHover: string;
+    BorderInvertDisabled: string;
+    ColorActionActive: string;
+    ActionPrimaryActive: string;
+    ColorActionHover: string;
+    ActionPrimaryHover: string;
+    ColorActionDefault: string;
+    ActionPrimaryDefault: string;
+    ColorActionDefaultRgb: string;
+    ColorActionDisabled: string;
+    ActionPrimaryDisabled: string;
+    ColorNegativeActive: string;
+    ActionNegativeActive: string;
+    ColorNegativeHover: string;
+    ActionNegativeHover: string;
+    ColorNegativeDefault: string;
+    ActionNegativeDefault: string;
+    ColorNegativeDisabled: string;
+    ActionNegativeDisabled: string;
+    ColorWarningDefault: string;
+    ActionWarningDefault: string;
+    ColorWarningHover: string;
+    ActionWarningHover: string;
+    ActionWarningDisabled: string;
+    ColorPositiveDefault: string;
+    ActionPositiveDefault: string;
+    ColorPositiveHover: string;
+    ActionPositiveHover: string;
+    ColorPositiveDisabled: string;
+    ActionPositiveDisabled: string;
+    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;
+    DecorBlue800: string;
+    DecorBlue700: string;
+    DecorBlue600: string;
+    DecorBlue500: string;
+    DecorBlue400: string;
+    DecorBlue300: string;
+    DecorBlue200: string;
+    DecorBlue100: string;
+    DecorBlue50: string;
+    DecorOrange900: string;
+    DecorOrange800: string;
+    DecorOrange700: string;
+    DecorOrange600: string;
+    DecorOrange500: string;
+    DecorOrange400: string;
+    DecorOrange300: string;
+    DecorOrange200: string;
+    DecorOrange100: string;
+    DecorOrange50: string;
+    DecorYellow900: string;
+    DecorYellow800: string;
+    DecorYellow700: string;
+    DecorYellow600: string;
+    DecorYellow500: string;
+    DecorYellow400: string;
+    DecorYellow300: string;
+    DecorYellow200: string;
+    DecorYellow100: string;
+    DecorYellow50: string;
+    DecorGray950: string;
+    DecorGray900: string;
+    DecorGray800: string;
+    DecorGray700: string;
+    DecorGray600: string;
+    DecorGray500: string;
+    DecorGray400: string;
+    DecorGray300: string;
+    DecorGray200: string;
+    DecorGray150: string;
+    DecorGray100: string;
+    DecorGray75: string;
+    DecorGray50: string;
+    DecorGray40: string;
+    DecorGray20: string;
+    DecorGreen900: string;
+    DecorGreen800: string;
+    DecorGreen700: string;
+    DecorGreen600: string;
+    DecorGreen500: string;
+    DecorGreen400: string;
+    DecorGreen300: string;
+    DecorGreen200: string;
+    DecorGreen100: string;
+    DecorGreen50: string;
+    DecorRed900: string;
+    DecorRed800: string;
+    DecorRed700: string;
+    DecorRed600: string;
+    DecorRed500: string;
+    DecorRed400: string;
+    DecorRed300: string;
+    DecorRed200: string;
+    DecorRed100: string;
+    DecorRed50: string;
+    DecorPurple900: string;
+    DecorPurple800: string;
+    DecorPurple700: string;
+    DecorPurple600: string;
+    DecorPurple500: string;
+    DecorPurple400: string;
+    DecorPurple300: string;
+    DecorPurple200: string;
+    DecorPurple100: string;
+    DecorPurple50: string;
+    ProductsLivechat: string;
+    ProductsHelpdesk: string;
+    ProductsChatbot: string;
+    ProductsKnowledgebase: string;
+    IllustrationsPrimary: string;
+    IllustrationsSecondary: string;
+    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/PdfIcon.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const PdfIcon: React.FC;

package/dist/utils/constants.d.ts

@@ -0,0 +1 @@
+export type Size = 'compact' | 'medium' | 'large';

package/dist/utils/index.d.ts

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

package/dist/utils/keyCodes.d.ts

@@ -0,0 +1,12 @@
+export declare const KeyCodes: {
+    esc: string;
+    enter: string;
+    backspace: string;
+    delete: string;
+    spacebar: string;
+    tab: string;
+    semicolon: string;
+    comma: string;
+    arrowUp: string;
+    arrowDown: string;
+};

package/dist/utils/noop.d.ts

@@ -0,0 +1 @@
+export default function (): void;

package/dist/utils/story-parameters.d.ts

@@ -0,0 +1,2 @@
+import { Parameters } from '@storybook/react';
+export declare const DISABLED_CONTROLS: Parameters;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livechat/design-system-react-components",
-  "version": "1.0.0",
+  "version": "1.2.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,6 @@
     "@types/react-dom": "^17.0.10",
     "@types/react-transition-group": "^4.4.4",
     "@vitejs/plugin-react": "^1.0.7",
-    "babel-loader": "^8.2.3",
     "chromatic": "^6.19.7",
     "jsdom": "^19.0.0",
     "react": "^17.0.2",
@@ -70,10 +69,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.0.0",
+    "@livechat/design-system-icons": "^1.1.0",
     "@popperjs/core": "^2.11.2",
     "clsx": "^1.1.1",
     "date-fns": "^2.28.0",
@@ -83,5 +83,5 @@
     "react-day-picker": "^7.4.10",
     "react-transition-group": "^4.4.2"
   },
-  "gitHead": "b9ba660417e9cc0be271c49d8b02626b60a465f0"
+  "gitHead": "ca721e068870c4b8ed2285f6d67ed7062551cf0f"
 }