@livechat/design-system-react-components 1.17.1-alpha.4 → 1.18.0

package/dist/foundations/index.es.js

@@ -1,353 +0,0 @@
-const e = {
-  Background: "--background",
-  Background01: "--background-01",
-  Background02: "--background-02",
-  Background03: "--background-03",
-  SurfaceBasicDefault: "--surface-basic-default",
-  SurfacePrimaryDefault: "--surface-primary-default",
-  SurfaceBasicSubtle: "--surface-basic-subtle",
-  SurfaceSecondaryDefault: "--surface-secondary-default",
-  SurfaceSecondaryHover: "--surface-secondary-hover",
-  SurfaceSecondaryActive: "--surface-secondary-active",
-  SurfaceSecondaryDisabled: "--surface-secondary-disabled",
-  SurfacePrimaryHoverOpacity: "--surface-primary-hover-opacity",
-  SurfaceBasicHover: "--surface-basic-hover",
-  SurfacePrimaryHover: "--surface-primary-hover",
-  SurfaceBasicActive: "--surface-basic-active",
-  SurfacePrimaryActive: "--surface-primary-active",
-  SurfacePrimaryActiveColored: "--surface-primary-active-colored",
-  SurfaceBasicDisabled: "--surface-basic-disabled",
-  SurfacePrimaryDisabled: "--surface-primary-disabled",
-  SurfaceTertiaryDefault: "--surface-tertiary-default",
-  SurfaceSecondarySubtle: "--surface-secondary-subtle",
-  SurfaceModerateDefault: "--surface-moderate-default",
-  SurfaceModerateHover: "--surface-moderate-hover",
-  SurfaceModerateActive: "--surface-moderate-active",
-  SurfaceTertiaryHover: "--surface-tertiary-hover",
-  SurfaceTertiaryActive: "--surface-tertiary-active",
-  SurfaceTertiaryDisabled: "--surface-tertiary-disabled",
-  SurfaceFeedbackInfo: "--surface-feedback-info",
-  SurfaceAccentEmphasisLowInfo: "--surface-accent-emphasis-low-info",
-  SurfaceFeedbackNegative: "--surface-feedback-negative",
-  SurfaceAccentEmphasisLowNegative: "--surface-accent-emphasis-low-negative",
-  SurfaceFeedbackWarning: "--surface-feedback-warning",
-  SurfaceAccentEmphasisLowWarning: "--surface-accent-emphasis-low-warning",
-  SurfaceFeedbackPositive: "--surface-feedback-positive",
-  SurfaceAccentEmphasisLowPositive: "--surface-accent-emphasis-low-positive",
-  SurfaceAccentEmphasisLowPurple: "--surface-accent-emphasis-low-purple",
-  SurfaceAccentEmphasisMinInfo: "--surface-accent-emphasis-min-info",
-  SurfaceAccentEmphasisMinNegative: "--surface-accent-emphasis-min-negative",
-  SurfaceAccentEmphasisMinWarning: "--surface-accent-emphasis-min-warning",
-  SurfaceAccentEmphasisMinPositive: "--surface-accent-emphasis-min-positive",
-  SurfaceAccentEmphasisMinPurple: "--surface-accent-emphasis-min-purple",
-  SurfaceInvertDefault: "--surface-invert-default",
-  SurfaceInvertPrimary: "--surface-invert-primary",
-  SurfaceInvertSubtle: "--surface-invert-subtle",
-  SurfaceInvertSecondary: "--surface-invert-secondary",
-  SurfaceInvertDisabled: "--surface-invert-disabled",
-  SurfaceLockedDefault: "--surface-locked-default",
-  SurfaceLockedHover: "--surface-locked-hover",
-  SurfaceLockedActive: "--surface-locked-active",
-  SurfaceLockedDisabled: "--surface-locked-disabled",
-  SurfaceLockedWhite: "--surface-locked-white",
-  SurfaceLockedBlack: "--surface-locked-black",
-  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",
-  SurfaceAccentEmphasisHighPositive: "--surface-accent-emphasis-high-positive",
-  SurfaceAccentEmphasisHighPurple: "--surface-accent-emphasis-high-purple",
-  SurfaceOverlay: "--surface-overlay",
-  SurfaceGradient01: "--surface-gradient-01",
-  SurfaceGradient02: "--surface-gradient-02",
-  SurfaceGradient03: "--surface-gradient-03",
-  SurfaceGradient04: "--surface-gradient-04",
-  SurfaceGradient05: "--surface-gradient-05",
-  SurfaceGradient06: "--surface-gradient-06",
-  SurfaceGradient07: "--surface-gradient-07",
-  SurfaceGradient08: "--surface-gradient-08",
-  SurfaceGradient09: "--surface-gradient-09",
-  SurfaceGradient10: "--surface-gradient-10",
-  SurfaceGradient11: "--surface-gradient-11",
-  SurfaceOtherOverlay: "--surface-other-overlay",
-  SurfaceOtherAgent: "--surface-other-agent",
-  SurfaceOtherAgentHover: "--surface-other-agent-hover",
-  SurfaceOtherSkeleton: "--surface-other-skeleton",
-  ContentDefault: "--content-default",
-  ContentBasicPrimary: "--content-basic-primary",
-  ContentSubtle: "--content-subtle",
-  ContentBasicSecondary: "--content-basic-secondary",
-  ContentDisabled: "--content-disabled",
-  ContentBasicDisabled: "--content-basic-disabled",
-  ContentBasicNegative: "--content-basic-negative",
-  ContentBasicWarning: "--content-basic-warning",
-  ContentBasicPositive: "--content-basic-positive",
-  ContentBasicInfo: "--content-basic-info",
-  ContentBasicPurple: "--content-basic-purple",
-  ContentBasicGradient01: "--content-basic-gradient-01",
-  ContentWhiteLocked: "--content-white-locked",
-  ContentLockedWhite: "--content-locked-white",
-  ContentBlackLocked: "--content-black-locked",
-  ContentLockedBlack: "--content-locked-black",
-  ContentLockedDefault: "--content-locked-default",
-  ContentLockedHover: "--content-locked-hover",
-  ContentLockedActive: "--content-locked-active",
-  ContentLockedDisabled: "--content-locked-disabled",
-  ContentInvertDefault: "--content-invert-default",
-  ContentInvertPrimary: "--content-invert-primary",
-  ContentInvertSubtle: "--content-invert-subtle",
-  ContentInvertSecondary: "--content-invert-secondary",
-  ContentInvertDisabled: "--content-invert-disabled",
-  ContentInvertGradient01: "--content-invert-gradient-01",
-  BorderDefault: "--border-default",
-  BorderBasicPrimary: "--border-basic-primary",
-  BorderBasicSecondary: "--border-basic-secondary",
-  BorderSubtle: "--border-subtle",
-  BorderBasicTertiary: "--border-basic-tertiary",
-  BorderHover: "--border-hover",
-  BorderBasicHover: "--border-basic-hover",
-  BorderDisabled: "--border-disabled",
-  BorderBasicDisabled: "--border-basic-disabled",
-  BorderBasicNegative: "--border-basic-negative",
-  BorderBasicWarning: "--border-basic-warning",
-  BorderBasicPositive: "--border-basic-positive",
-  BorderBasicInfo: "--border-basic-info",
-  BorderBasicPurple: "--border-basic-purple",
-  BorderBasicContrast: "--border-basic-contrast",
-  BorderInvertDefault: "--border-invert-default",
-  BorderInvertPrimary: "--border-invert-primary",
-  BorderInvertSubtle: "--border-invert-subtle",
-  BorderInvertSecondary: "--border-invert-secondary",
-  BorderInvertHover: "--border-invert-hover",
-  BorderInvertDisabled: "--border-invert-disabled",
-  ColorActionActive: "--color-action-active",
-  ActionPrimaryActive: "--action-primary-active",
-  ColorActionHover: "--color-action-hover",
-  ActionPrimaryHover: "--action-primary-hover",
-  ColorActionDefault: "--color-action-default",
-  ActionPrimaryDefault: "--action-primary-default",
-  ColorActionDefaultRgb: "--color-action-default-rgb",
-  ColorActionDisabled: "--color-action-disabled",
-  ActionPrimaryDisabled: "--action-primary-disabled",
-  ColorNegativeActive: "--color-negative-active",
-  ActionNegativeActive: "--action-negative-active",
-  ColorNegativeHover: "--color-negative-hover",
-  ActionNegativeHover: "--action-negative-hover",
-  ColorNegativeDefault: "--color-negative-default",
-  ActionNegativeDefault: "--action-negative-default",
-  ColorNegativeDisabled: "--color-negative-disabled",
-  ActionNegativeDisabled: "--action-negative-disabled",
-  ColorWarningDefault: "--color-warning-default",
-  ActionWarningDefault: "--action-warning-default",
-  ColorWarningHover: "--color-warning-hover",
-  ActionWarningHover: "--action-warning-hover",
-  ActionWarningDisabled: "--action-warning-disabled",
-  ColorPositiveDefault: "--color-positive-default",
-  ActionPositiveDefault: "--action-positive-default",
-  ColorPositiveHover: "--color-positive-hover",
-  ActionPositiveHover: "--action-positive-hover",
-  ColorPositiveDisabled: "--color-positive-disabled",
-  ActionPositiveDisabled: "--action-positive-disabled",
-  ActionNeutralDefault: "--action-neutral-default",
-  ActionNeutralHover: "--action-neutral-hover",
-  ActionNeutralDisabled: "--action-neutral-disabled",
-  ActionHighContrastDefault: "--action-high-contrast-default",
-  ActionHighContrastHover: "--action-high-contrast-hover",
-  ActionHighContrastActive: "--action-high-contrast-active",
-  ActionHighContrastDisabled: "--action-high-contrast-disabled",
-  ColorBot: "--color-bot",
-  SurfaceOtherBot: "--surface-other-bot",
-  SurfaceOtherBotHover: "--surface-other-bot-hover",
-  ColorBlack: "--color-black",
-  ColorWhite: "--color-white",
-  DecorBlue900: "--decor-blue900",
-  DecorBlue800: "--decor-blue800",
-  DecorBlue700: "--decor-blue700",
-  DecorBlue600: "--decor-blue600",
-  DecorBlue500: "--decor-blue500",
-  DecorBlue400: "--decor-blue400",
-  DecorBlue300: "--decor-blue300",
-  DecorBlue200: "--decor-blue200",
-  DecorBlue100: "--decor-blue100",
-  DecorBlue50: "--decor-blue50",
-  DecorOrange900: "--decor-orange900",
-  DecorOrange800: "--decor-orange800",
-  DecorOrange700: "--decor-orange700",
-  DecorOrange600: "--decor-orange600",
-  DecorOrange500: "--decor-orange500",
-  DecorOrange400: "--decor-orange400",
-  DecorOrange300: "--decor-orange300",
-  DecorOrange200: "--decor-orange200",
-  DecorOrange100: "--decor-orange100",
-  DecorOrange50: "--decor-orange50",
-  DecorYellow900: "--decor-yellow900",
-  DecorYellow800: "--decor-yellow800",
-  DecorYellow700: "--decor-yellow700",
-  DecorYellow600: "--decor-yellow600",
-  DecorYellow500: "--decor-yellow500",
-  DecorYellow400: "--decor-yellow400",
-  DecorYellow300: "--decor-yellow300",
-  DecorYellow200: "--decor-yellow200",
-  DecorYellow100: "--decor-yellow100",
-  DecorYellow50: "--decor-yellow50",
-  DecorGray950: "--decor-gray950",
-  DecorGray900: "--decor-gray900",
-  DecorGray800: "--decor-gray800",
-  DecorGray700: "--decor-gray700",
-  DecorGray600: "--decor-gray600",
-  DecorGray500: "--decor-gray500",
-  DecorGray400: "--decor-gray400",
-  DecorGray300: "--decor-gray300",
-  DecorGray200: "--decor-gray200",
-  DecorGray150: "--decor-gray150",
-  DecorGray100: "--decor-gray100",
-  DecorGray75: "--decor-gray75",
-  DecorGray50: "--decor-gray50",
-  DecorGray40: "--decor-gray40",
-  DecorGray20: "--decor-gray20",
-  DecorGreen900: "--decor-green900",
-  DecorGreen800: "--decor-green800",
-  DecorGreen700: "--decor-green700",
-  DecorGreen600: "--decor-green600",
-  DecorGreen500: "--decor-green500",
-  DecorGreen400: "--decor-green400",
-  DecorGreen300: "--decor-green300",
-  DecorGreen200: "--decor-green200",
-  DecorGreen100: "--decor-green100",
-  DecorGreen50: "--decor-green50",
-  DecorRed900: "--decor-red900",
-  DecorRed800: "--decor-red800",
-  DecorRed700: "--decor-red700",
-  DecorRed600: "--decor-red600",
-  DecorRed500: "--decor-red500",
-  DecorRed400: "--decor-red400",
-  DecorRed300: "--decor-red300",
-  DecorRed200: "--decor-red200",
-  DecorRed100: "--decor-red100",
-  DecorRed50: "--decor-red50",
-  DecorPurple900: "--decor-purple900",
-  DecorPurple800: "--decor-purple800",
-  DecorPurple700: "--decor-purple700",
-  DecorPurple600: "--decor-purple600",
-  DecorPurple500: "--decor-purple500",
-  DecorPurple400: "--decor-purple400",
-  DecorPurple300: "--decor-purple300",
-  DecorPurple200: "--decor-purple200",
-  DecorPurple100: "--decor-purple100",
-  DecorPurple50: "--decor-purple50",
-  ProductsLivechat: "--products-livechat",
-  ProductsHelpdesk: "--products-helpdesk",
-  ProductsChatbot: "--products-chatbot",
-  ProductsKnowledgebase: "--products-knowledgebase",
-  IllustrationsPrimary: "--illustrations-primary",
-  IllustrationsSecondary: "--illustrations-secondary",
-  IllustrationsStroke: "--illustrations-stroke",
-  TagSurface01: "--tag-surface-01",
-  TagContent01: "--tag-content-01",
-  BtnBasicBackgroundEnabled: "--btn-basic-background-enabled",
-  BtnBasicBackgroundHover: "--btn-basic-background-hover",
-  BtnBasicBackgroundDisabled: "--btn-basic-background-disabled",
-  BtnBasicBackgroundActive: "--btn-basic-background-active",
-  BtnBasicBackgroundLoading: "--btn-basic-background-loading",
-  BtnSecondaryBackgroundEnabled: "--btn-secondary-background-enabled",
-  BtnSecondaryBackgroundHover: "--btn-secondary-background-hover",
-  BtnSecondaryBackgroundDisabled: "--btn-secondary-background-disabled",
-  BtnSecondaryBackgroundActive: "--btn-secondary-background-active",
-  BtnSecondaryBackgroundLoading: "--btn-secondary-background-loading",
-  BtnPlainIconBackgroundHover: "--btn-plain-icon-background-hover",
-  BtnPlainIconBackgroundActive: "--btn-plain-icon-background-active",
-  PickerListBackground: "--picker-list-background",
-  PickerListGroupBackground: "--picker-list-group-background",
-  PickerListOptionBackgroundHover: "--picker-list-option-background-hover",
-  PickerListOptionBackgroundActiveHover: "--picker-list-option-background-active-hover",
-  PickerListOptionBackgroundFocus: "--picker-list-option-background-focus",
-  PickerListOptionBackgroundActive: "--picker-list-option-background-active",
-  PopoverBackground: "--popover-background",
-  SurfaceAvatar1: "--surface-avatar-1",
-  SurfaceAvatar2: "--surface-avatar-2",
-  SurfaceAvatar3: "--surface-avatar-3",
-  SurfaceAvatar4: "--surface-avatar-4",
-  SurfaceAvatar5: "--surface-avatar-5",
-  SurfaceAvatar6: "--surface-avatar-6",
-  SurfaceAvatar7: "--surface-avatar-7",
-  SurfaceAvatar8: "--surface-avatar-8",
-  SurfaceAvatar9: "--surface-avatar-9",
-  SurfaceAvatar10: "--surface-avatar-10",
-  NavbarBackground: "--navbar-background",
-  TooltipBorder: "--tooltip-border"
-}, r = {
-  Spacing0: "--spacing-0",
-  Spacing05: "--spacing-05",
-  Spacing1: "--spacing-1",
-  Spacing2: "--spacing-2",
-  Spacing3: "--spacing-3",
-  Spacing4: "--spacing-4",
-  Spacing5: "--spacing-5",
-  Spacing6: "--spacing-6",
-  Spacing7: "--spacing-7",
-  Spacing8: "--spacing-8",
-  Spacing9: "--spacing-9",
-  Spacing10: "--spacing-10",
-  Spacing11: "--spacing-11",
-  Spacing12: "--spacing-12",
-  Spacing14: "--spacing-14",
-  Spacing16: "--spacing-16",
-  Spacing18: "--spacing-18",
-  Spacing20: "--spacing-20",
-  Spacing24: "--spacing-24"
-}, a = {
-  Float: "--shadow-float",
-  PopOver: "--shadow-pop-over",
-  Modal: "--shadow-modal",
-  Tooltip: "--shadow-tooltip",
-  TooltipArrowBottom: "--shadow-tooltip-arrow-bottom",
-  TooltipArrowTop: "--shadow-tooltip-arrow-top",
-  TooltipArrowRight: "--shadow-tooltip-arrow-right",
-  TooltipArrowLeft: "--shadow-tooltip-arrow-left",
-  TooltipArrow: "--shadow-tooltip-arrow",
-  Focus: "--shadow-focus",
-  DividerBottom: "--shadow-divider-bottom",
-  DividerTop: "--shadow-divider-top",
-  DividerBottomLeft: "--shadow-divider-bottom-left",
-  DividerTopLeft: "--shadow-divider-top-left",
-  DividerTopRight: "--shadow-divider-top-right",
-  DividerBottomRight: "--shadow-divider-bottom-right",
-  MessageBox: "--shadow-message-box"
-}, o = {
-  Radius0: "--radius-0",
-  Radius1: "--radius-1",
-  Radius2: "--radius-2",
-  Radius3: "--radius-3",
-  Radius4: "--radius-4",
-  0: "--radius-0",
-  // deprecated
-  1: "--radius-1",
-  // deprecated
-  2: "--radius-2",
-  // deprecated
-  3: "--radius-3",
-  // deprecated
-  4: "--radius-4"
-  // deprecated
-}, c = {
-  Fast1: "--transition-duration-fast-1",
-  Fast2: "--transition-duration-fast-2",
-  Moderate1: "--transition-duration-moderate-1"
-}, t = {
-  EaseIn: "--transition-timing-ease-in",
-  EaseOut: "--transition-timing-ease-out"
-}, i = {
-  Instant: "--delay-instant",
-  Moderate: "--delay-moderate",
-  Slow: "--delay-slow"
-};
-export {
-  e as DesignToken,
-  o as RadiusToken,
-  a as ShadowToken,
-  r as SpacingToken,
-  i as TransitionDelayToken,
-  c as TransitionDurationToken,
-  t as TransitionTimingToken
-};

package/dist/utils/index.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=(t,e)=>`color-mix(in srgb, var(${t}) ${e}, transparent)`;exports.getDesignTokenWithOpacity=i;

package/dist/utils/index.es.js

@@ -1,4 +0,0 @@
-const n = (r, t) => `color-mix(in srgb, var(${r}) ${t}, transparent)`;
-export {
-  n as getDesignTokenWithOpacity
-};