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

package/dist/components/UploadBar/index.es.js

@@ -1,112 +0,0 @@
-import * as e from "react";
-import { ChevronUp as x, ChevronDown as T, Check as C, Error as A } from "@livechat/design-system-icons";
-import I from "clsx";
-import { TransitionGroup as S, CSSTransition as M } from "react-transition-group";
-import { FileUploadProgress as g, FileUploadProgressActions as E } from "../FileUploadProgress/index.es.js";
-import { Icon as d } from "../Icon/index.es.js";
-import { ProgressCircle as D } from "../Progress/index.es.js";
-import { T as G } from "../../chunks/Text-b31d1e9a.js";
-import "../../chunks/ProgressBar-3e0fd769.js";
-import "../../chunks/Typography.module-93efb34d.js";
-const _ = {
-  "upload-bar": "lc-UploadBar-module__upload-bar___6Or8h",
-  "upload-bar__loader-test": "lc-UploadBar-module__upload-bar__loader-test___aZb2J",
-  "upload-bar--error": "lc-UploadBar-module__upload-bar--error___MzvhT",
-  "upload-bar__wrapper": "lc-UploadBar-module__upload-bar__wrapper___MAUeH",
-  "upload-bar__wrapper__header": "lc-UploadBar-module__upload-bar__wrapper__header___x9fen",
-  "upload-bar__wrapper__header__icon": "lc-UploadBar-module__upload-bar__wrapper__header__icon___Aetm5",
-  "upload-bar__wrapper__header__title": "lc-UploadBar-module__upload-bar__wrapper__header__title___BNuDu",
-  "upload-bar__wrapper__header__collapse-button": "lc-UploadBar-module__upload-bar__wrapper__header__collapse-button___3khMy",
-  "upload-bar__wrapper__header__actions-container": "lc-UploadBar-module__upload-bar__wrapper__header__actions-container___5Pj4y",
-  "upload-bar__wrapper__header__success-icon": "lc-UploadBar-module__upload-bar__wrapper__header__success-icon___ZLCdw",
-  "upload-bar__wrapper__header__error-icon": "lc-UploadBar-module__upload-bar__wrapper__header__error-icon___q-sZo",
-  "upload-bar__wrapper__header__loader": "lc-UploadBar-module__upload-bar__wrapper__header__loader___DKHu3",
-  "upload-bar__files": "lc-UploadBar-module__upload-bar__files___3W4nx",
-  "upload-bar__files--enter": "lc-UploadBar-module__upload-bar__files--enter___zGq19",
-  "upload-bar__files--enter-active": "lc-UploadBar-module__upload-bar__files--enter-active___-dMVb",
-  "upload-bar__files--exit": "lc-UploadBar-module__upload-bar__files--exit___MXBRY",
-  "upload-bar__files--exit-active": "lc-UploadBar-module__upload-bar__files--exit-active___krGW5",
-  "upload-bar__files--exit-done": "lc-UploadBar-module__upload-bar__files--exit-done___2I72G",
-  "upload-bar__files-wrapper": "lc-UploadBar-module__upload-bar__files-wrapper___93bs8",
-  "upload-bar__files__list": "lc-UploadBar-module__upload-bar__files__list___QJFEq"
-}, a = "upload-bar", r = `${a}__wrapper__header`, H = 300, O = (o, t) => o === "success" ? /* @__PURE__ */ e.createElement("div", { className: _[`${r}__success-icon`] }, /* @__PURE__ */ e.createElement(d, { source: C })) : o === "error" ? /* @__PURE__ */ e.createElement("div", { className: _[`${r}__error-icon`] }, /* @__PURE__ */ e.createElement(d, { source: A })) : /* @__PURE__ */ e.createElement(
-  D,
-  {
-    className: _[`${r}__loader`],
-    status: o,
-    progressValue: t
-  }
-), j = ({
-  children: o,
-  className: t,
-  progressValue: m,
-  title: c,
-  isExpanded: w,
-  errorMessage: u,
-  status: l = "normal",
-  icon: h,
-  size: v,
-  mode: U = "multiple",
-  onCloseButtonClick: s,
-  onRetryButtonClick: i
-}) => {
-  const [n, $] = e.useState(w || !1), p = l === "error", N = l === "success", b = I(_[a], t, {
-    [_[`${a}--error`]]: p,
-    [_[`${a}--success`]]: N
-  }), B = !(p && (i || s)), f = () => $(!n);
-  return U === "single" ? /* @__PURE__ */ e.createElement("div", { className: b }, /* @__PURE__ */ e.createElement("div", { className: _[`${a}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: _[`${r}`] }, /* @__PURE__ */ e.createElement(
-    g,
-    {
-      title: p && u || c,
-      progressValue: m,
-      status: l,
-      icon: h,
-      size: v
-    }
-  )), l === "error" && /* @__PURE__ */ e.createElement(
-    E,
-    {
-      status: l,
-      onCloseButtonClick: s,
-      onRetryButtonClick: i
-    }
-  ))) : /* @__PURE__ */ e.createElement("div", { className: b }, /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      className: _[`${a}__wrapper`],
-      onClick: f
-    },
-    /* @__PURE__ */ e.createElement("div", { className: _[`${r}`] }, /* @__PURE__ */ e.createElement("div", { className: _[`${r}__icon`] }, O(l, m)), /* @__PURE__ */ e.createElement("div", { className: _[`${r}__title`] }, /* @__PURE__ */ e.createElement(G, { size: "sm", as: "div" }, p ? u : c)), B && /* @__PURE__ */ e.createElement(
-      "button",
-      {
-        className: _[`${r}__collapse-button`],
-        type: "button",
-        onClick: f
-      },
-      n ? /* @__PURE__ */ e.createElement(d, { source: x }) : /* @__PURE__ */ e.createElement(d, { source: T })
-    ), l === "error" && /* @__PURE__ */ e.createElement("div", { className: _[`${r}__actions-container`] }, /* @__PURE__ */ e.createElement(
-      E,
-      {
-        status: l,
-        onCloseButtonClick: s,
-        onRetryButtonClick: i
-      }
-    )))
-  ), /* @__PURE__ */ e.createElement(S, { component: null }, n && /* @__PURE__ */ e.createElement(
-    M,
-    {
-      timeout: H,
-      classNames: {
-        enter: _[`${a}__files--enter`],
-        enterActive: _[`${a}__files--enter-active`],
-        exit: _[`${a}__files--exit`],
-        exitActive: _[`${a}__files--exit-active`],
-        exitDone: _[`${a}__files--exit-done`]
-      }
-    },
-    /* @__PURE__ */ e.createElement("div", { className: _[`${a}__files`] }, /* @__PURE__ */ e.createElement("div", { className: _[`${a}__files-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: _[`${a}__files__list`] }, o)))
-  )));
-};
-export {
-  j as UploadBar
-};

package/dist/foundations/index.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});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",1:"--radius-1",2:"--radius-2",3:"--radius-3",4:"--radius-4"},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"};exports.DesignToken=e;exports.RadiusToken=o;exports.ShadowToken=a;exports.SpacingToken=r;exports.TransitionDelayToken=i;exports.TransitionDurationToken=c;exports.TransitionTimingToken=t;

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
-};