@livechat/design-system-react-components 1.16.9 → 1.17.1-alpha.0

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

@@ -0,0 +1,111 @@
+import "../../index.css";
+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-3504b7ce.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, c) => 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: c
+  }
+), J = ({
+  children: o,
+  className: c,
+  progressValue: m,
+  title: t,
+  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], c, {
+    [_[`${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 || t,
+      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 : t)), 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

@@ -0,0 +1 @@
+"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.d.ts

@@ -0,0 +1,5 @@
+export { DesignToken } from './design-token';
+export { SpacingToken } from './spacing-token';
+export { ShadowToken } from './shadow-token';
+export { RadiusToken } from './radius-token';
+export { TransitionDurationToken, TransitionTimingToken, TransitionDelayToken, } from './transition-token';

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

package/dist/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./foundations/index.cjs.js"),_=require("./utils/index.cjs.js"),l=require("./components/ActionBar/index.cjs.js"),s=require("./components/ActionMenu/index.cjs.js"),m=require("./components/Alert/index.cjs.js"),a=require("./components/Avatar/index.cjs.js"),T=require("./components/Badge/index.cjs.js"),x=require("./components/Button/index.cjs.js"),q=require("./components/SegmentedControl/index.cjs.js"),g=require("./components/Card/index.cjs.js"),P=require("./components/Checkbox/index.cjs.js"),r=require("./components/DatePicker/index.cjs.js"),k=require("./components/DetailsCard/index.cjs.js"),I=require("./components/DetailsCardInfo/index.cjs.js"),B=require("./components/FieldDescription/index.cjs.js"),S=require("./components/FieldError/index.cjs.js"),D=require("./components/FieldGroup/index.cjs.js"),F=require("./components/Form/index.cjs.js"),A=require("./components/FormField/index.cjs.js"),C=require("./components/FormGroup/index.cjs.js"),M=require("./components/Icon/index.cjs.js"),R=require("./components/Input/index.cjs.js"),h=require("./components/Link/index.cjs.js"),U=require("./components/Loader/index.cjs.js"),n=require("./components/Modal/index.cjs.js"),b=require("./components/NumericInput/index.cjs.js"),c=require("./components/Picker/index.cjs.js"),v=require("./components/Popover/index.cjs.js"),E=require("./components/Progress/index.cjs.js"),d=require("./chunks/ProgressBar-ab20b908.js"),G=require("./components/PromoBanner/index.cjs.js"),y=require("./components/PromoBannerV2/index.cjs.js"),L=require("./components/RadioButton/index.cjs.js"),W=require("./components/Search/index.cjs.js"),f=require("./components/Switch/index.cjs.js"),t=require("./components/Tab/index.cjs.js"),N=require("./components/Tag/index.cjs.js"),p=require("./components/TagInput/index.cjs.js"),i=require("./components/Toast/index.cjs.js"),O=require("./chunks/Tooltip-2c65102c.js"),o=require("./components/Tooltip/components/index.cjs.js"),w=require("./components/Tooltip/components/UserGuide/index.cjs.js"),H=require("./chunks/Heading-1f13e793.js"),V=require("./chunks/Text-2356ec2a.js"),j=require("./components/Typography/index.cjs.js"),z=require("./components/Textarea/index.cjs.js"),u=require("./components/FileUploadProgress/index.cjs.js"),J=require("./components/UploadBar/index.cjs.js");exports.DesignToken=e.DesignToken;exports.RadiusToken=e.RadiusToken;exports.ShadowToken=e.ShadowToken;exports.SpacingToken=e.SpacingToken;exports.TransitionDelayToken=e.TransitionDelayToken;exports.TransitionDurationToken=e.TransitionDurationToken;exports.TransitionTimingToken=e.TransitionTimingToken;exports.getDesignTokenWithOpacity=_.getDesignTokenWithOpacity;exports.ActionBar=l.ActionBar;exports.ActionMenu=s.ActionMenu;exports.ActionMenuItem=s.ActionMenuItem;exports.Alert=m.Alert;exports.Avatar=a.Avatar;exports.generateAvatarColor=a.generateAvatarColor;exports.Badge=T.Badge;exports.Button=x.Button;exports.SegmentedControl=q.SegmentedControl;exports.Card=g.Card;exports.Checkbox=P.Checkbox;exports.DatePicker=r.DatePicker;exports.DatePickerRangeCalendarsWrapper=r.DatePickerRangeCalendarsWrapper;exports.RangeDatePicker=r.RangeDatePicker;exports.DetailsCard=k.DetailsCard;exports.DetailsCardInfo=I.DetailsCardInfo;exports.FieldDescription=B.FieldDescription;exports.FieldError=S.FieldError;exports.FieldGroup=D.FieldGroup;exports.Form=F.Form;exports.FormField=A.FormField;exports.FormGroup=C.FormGroup;exports.Icon=M.Icon;exports.Input=R.Input;exports.Link=h.Link;exports.Loader=U.Loader;exports.Modal=n.Modal;exports.ModalBase=n.ModalBase;exports.ModalCloseButton=n.ModalCloseButton;exports.ModalHeader=n.ModalHeader;exports.ModalPortal=n.ModalPortal;exports.NumericInput=b.NumericInput;exports.Picker=c.Picker;exports.PickerList=c.PickerList;exports.Popover=v.Popover;exports.ProgressCircle=E.ProgressCircle;exports.PROGRESS_STATUSES=d.PROGRESS_STATUSES;exports.ProgressBar=d.ProgressBar;exports.PromoBanner=G.PromoBanner;exports.PromoBannerV2=y.PromoBannerV2;exports.RadioButton=L.RadioButton;exports.SearchInput=W.SearchInput;exports.Switch=f.Switch;exports.Tab=t.Tab;exports.TabsList=t.TabsList;exports.TabsWrapper=t.TabsWrapper;exports.Tag=N.Tag;exports.EmailTagInput=p.EmailTagInput;exports.TagInput=p.TagInput;exports.ANIMATION_TIME=i.ANIMATION_TIME;exports.Toast=i.Toast;exports.ToastWrapper=i.ToastWrapper;exports.Tooltip=O.Tooltip;exports.Info=o.Info;exports.Interactive=o.Interactive;exports.Reports=o.Reports;exports.Simple=o.Simple;exports.UserGuide=w.UserGuide;exports.Heading=H.Heading;exports.Text=V.Text;exports.Display=j.Display;exports.Textarea=z.Textarea;exports.FileUploadProgress=u.FileUploadProgress;exports.FileUploadProgressActions=u.FileUploadProgressActions;exports.UploadBar=J.UploadBar;

package/dist/index.css

@@ -0,0 +1 @@
+.lc-UploadBar-module__upload-bar___6Or8h{box-sizing:border-box;border:solid 1px var(--border-basic-primary);border-radius:8px;box-shadow:0 2px 6px #0003;background-color:var(--surface-primary-default);padding:var(--spacing-3);width:100%;overflow:hidden;color:var(--content-basic-primary)}.lc-UploadBar-module__upload-bar__loader-test___aZb2J{width:20px;height:20px}.lc-UploadBar-module__upload-bar--error___MzvhT{color:var(--content-basic-negative)}.lc-UploadBar-module__upload-bar__wrapper___MAUeH{box-sizing:border-box;display:flex;align-content:center;justify-content:space-between;cursor:pointer}.lc-UploadBar-module__upload-bar__wrapper__header___x9fen{display:flex;align-items:center;width:100%;font-size:15px}.lc-UploadBar-module__upload-bar__wrapper__header__icon___Aetm5{margin-right:var(--spacing-2)}.lc-UploadBar-module__upload-bar__wrapper__header__title___BNuDu{justify-self:flex-start;width:100%;overflow:hidden;text-overflow:ellipsis;line-height:1.3;white-space:nowrap;font-size:14px}.lc-UploadBar-module__upload-bar__wrapper__header__collapse-button___3khMy{display:flex;flex:0 1 auto;align-items:center;margin:0;margin-left:var(--spacing-2);border:0;border-radius:4px;background-color:transparent;cursor:pointer;padding:var(--spacing-1);color:var(--content-basic-primary)}.lc-UploadBar-module__upload-bar__wrapper__header__actions-container___5Pj4y{display:flex;align-items:center;height:28px}.lc-UploadBar-module__upload-bar__wrapper__header__success-icon___ZLCdw{color:var(--content-basic-positive)}.lc-UploadBar-module__upload-bar__wrapper__header__error-icon___q-sZo{color:var(--content-basic-negative)}.lc-UploadBar-module__upload-bar__wrapper__header__loader___DKHu3{width:20px;height:20px}.lc-UploadBar-module__upload-bar__files___3W4nx{box-sizing:border-box;display:flex;max-height:200px}.lc-UploadBar-module__upload-bar__files--enter___zGq19{max-height:0}.lc-UploadBar-module__upload-bar__files--enter-active___-dMVb{transition:max-height .3s cubic-bezier(.14,0,0,1);max-height:200px}.lc-UploadBar-module__upload-bar__files--exit___MXBRY{max-height:200px}.lc-UploadBar-module__upload-bar__files--exit-active___krGW5,.lc-UploadBar-module__upload-bar__files--exit-done___2I72G{transition:max-height .3s cubic-bezier(.14,0,0,1);max-height:0}.lc-UploadBar-module__upload-bar__files-wrapper___93bs8{box-sizing:border-box;display:flex;flex-direction:column;padding-top:var(--spacing-4);width:100%;max-height:inherit}.lc-UploadBar-module__upload-bar__files__list___QJFEq{padding-right:var(--spacing-5);height:100%;overflow-y:auto}.lc-UploadBar-module__upload-bar__files__list___QJFEq>div:not(:last-child){margin-bottom:var(--spacing-4)}

package/dist/index.d.ts

@@ -1,10 +1,5 @@
-export { DesignToken } from './foundations/design-token';
-export { SpacingToken } from './foundations/spacing-token';
-export { ShadowToken } from './foundations/shadow-token';
-export { RadiusToken } from './foundations/radius-token';
-export { TransitionDurationToken, TransitionTimingToken, TransitionDelayToken, } from './foundations/transition-token';
-export type { Size } from './utils';
-export { getDesignTokenWithOpacity } from './utils';
+export * from './foundations';
+export * from './utils';
 export * from './components/ActionBar';
 export * from './components/ActionMenu';
 export * from './components/Alert';