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

package/dist/foundations/index.es.js

@@ -0,0 +1,353 @@
+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
+};