@veritone-ce/design-system 2.8.14-next.2.0 → 2.8.14

package/dist/cjs/Accordion/Accordion.js

@@ -0,0 +1,120 @@
+'use strict';
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var styles_module = require('./styles.module.scss.js');
+var cx = require('../styles/cx.js');
+require('../styles/defaultThemeOptions.js');
+require('@capsizecss/core');
+require('color2k');
+var defaultTheme = require('../styles/defaultTheme.js');
+require('../styles/provider.client.js');
+require('../styles/css-vars.js');
+var iconsMaterial = require('@mui/icons-material');
+var wrappers = require('../Icon/wrappers.js');
+require('../Icon/factory.js');
+var Context = require('./Context.js');
+var reactSpring_web_modern = require('../bundled_modules/@react-spring/web/dist/react-spring_web.modern.js');
+var reactSpring_core_modern = require('../bundled_modules/@react-spring/core/dist/react-spring_core.modern.js');
+
+const ExpandLessIcon = wrappers.adaptMuiSvgIcon(iconsMaterial.ExpandLess);
+const Accordion = React.forwardRef(
+  ({
+    title,
+    palette = defaultTheme.defaultThemeCssVariableUsages.palette.background.primary,
+    defaultExpanded = false,
+    id: providedId,
+    children,
+    "data-testid": dataTestId,
+    className,
+    headerClassName,
+    contentClassName,
+    style,
+    ...props
+  }, ref) => {
+    const generatedId = React.useId();
+    const id = providedId || generatedId;
+    const { isExpanded, toggleAccordion } = Context.useAccordionState(
+      id,
+      defaultExpanded
+    );
+    const contentRef = React.useRef(null);
+    const contentAnimation = reactSpring_core_modern.useSpring({
+      from: {
+        height: 0,
+        opacity: 0,
+        overflow: "hidden"
+      },
+      to: {
+        height: isExpanded ? contentRef.current?.scrollHeight || "auto" : 0,
+        opacity: isExpanded ? 1 : 0,
+        overflow: "hidden"
+      },
+      config: {
+        tension: 250,
+        friction: 25
+      },
+      // When animation completes and content is expanded, remove height constraint
+      onRest: () => {
+        if (isExpanded && contentRef.current) {
+          contentRef.current.style.height = "auto";
+        }
+      }
+    });
+    const iconAnimation = reactSpring_core_modern.useSpring({
+      transform: isExpanded ? "rotate(0deg)" : "rotate(180deg)",
+      config: {
+        tension: 300,
+        friction: 20
+      }
+    });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ...props,
+        ref,
+        "data-testid": dataTestId,
+        className: cx.cx(styles_module.default["accordion"], className),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cx.cx(styles_module.default["accordion-header"], headerClassName),
+              onClick: toggleAccordion,
+              style: {
+                backgroundColor: palette,
+                ...style
+              },
+              "data-expanded": isExpanded,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_module.default["accordion-title"], children: title }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  reactSpring_web_modern.a.span,
+                  {
+                    className: styles_module.default["accordion-icon"],
+                    style: iconAnimation,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(ExpandLessIcon, {})
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(reactSpring_web_modern.a.div, { style: contentAnimation, children: /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              ref: contentRef,
+              className: cx.cx(styles_module.default["accordion-content"], contentClassName),
+              children
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+
+exports.default = Accordion;

package/dist/cjs/Accordion/AccordionGroup.js

@@ -0,0 +1,61 @@
+'use strict';
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var styles_module = require('./styles.module.scss.js');
+var cx = require('../styles/cx.js');
+require('../styles/defaultThemeOptions.js');
+require('@capsizecss/core');
+require('color2k');
+require('../styles/defaultTheme.js');
+require('../styles/provider.client.js');
+require('../styles/css-vars.js');
+var Context = require('./Context.js');
+
+const AccordionGroup = React.forwardRef(
+  ({
+    defaultActiveId = null,
+    allowAllClosed = true,
+    children,
+    "data-testid": dataTestId,
+    className,
+    ...props
+  }, ref) => {
+    const [activeAccordionId, setActiveAccordionId] = React.useState(
+      defaultActiveId
+    );
+    const handleSetActiveAccordion = (id) => {
+      setActiveAccordionId((prevId) => {
+        if (id === prevId && allowAllClosed) {
+          return null;
+        }
+        return id;
+      });
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Context.AccordionGroupContext.Provider,
+      {
+        value: {
+          activeAccordionId,
+          setActiveAccordionId: handleSetActiveAccordion
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ...props,
+            ref,
+            "data-testid": dataTestId,
+            className: cx.cx(styles_module.default["accordion-group"], className),
+            children
+          }
+        )
+      }
+    );
+  }
+);
+
+exports.default = AccordionGroup;

package/dist/cjs/Accordion/Context.js

@@ -0,0 +1,39 @@
+'use strict';
+'use client';
+'use strict';
+
+var React = require('react');
+
+const defaultContextValue = {
+  activeAccordionId: null,
+  setActiveAccordionId: () => {
+  }
+};
+const AccordionGroupContext = React.createContext(defaultContextValue);
+const useAccordionGroup = () => {
+  return React.useContext(AccordionGroupContext);
+};
+const useIsInsideAccordionGroup = () => {
+  const context = React.useContext(AccordionGroupContext);
+  return context !== defaultContextValue;
+};
+const useAccordionState = (id, defaultExpanded = false) => {
+  const accordionGroup = useAccordionGroup();
+  const isInGroup = useIsInsideAccordionGroup();
+  const [localExpanded, setLocalExpanded] = React.useState(defaultExpanded);
+  const isExpanded = isInGroup ? accordionGroup?.activeAccordionId === id : localExpanded;
+  const toggleAccordion = () => {
+    if (isInGroup && accordionGroup) {
+      accordionGroup.setActiveAccordionId(isExpanded ? null : id);
+    } else {
+      setLocalExpanded(!localExpanded);
+    }
+  };
+  return { isExpanded, toggleAccordion };
+};
+
+exports.AccordionGroupContext = AccordionGroupContext;
+exports.defaultContextValue = defaultContextValue;
+exports.useAccordionGroup = useAccordionGroup;
+exports.useAccordionState = useAccordionState;
+exports.useIsInsideAccordionGroup = useIsInsideAccordionGroup;

package/dist/cjs/Accordion/styles.module.scss.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"accordion-group":"vt_ce_Accordion_accordion-group__8bbf5326","accordion":"vt_ce_Accordion_accordion__dd9538a7","accordion-header":"vt_ce_Accordion_accordion-header__364b94af","accordion-title":"vt_ce_Accordion_accordion-title__5880129b","accordion-icon":"vt_ce_Accordion_accordion-icon__36646438","accordion-content":"vt_ce_Accordion_accordion-content__19b0322a"};
+
+exports.default = styles;

package/dist/cjs/Alert/index.js

@@ -0,0 +1,70 @@
+'use strict';
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var styles_module = require('./styles.module.scss.js');
+var cx = require('../styles/cx.js');
+require('../styles/defaultThemeOptions.js');
+require('@capsizecss/core');
+require('color2k');
+var defaultTheme = require('../styles/defaultTheme.js');
+require('../styles/provider.client.js');
+require('../styles/css-vars.js');
+var index = require('../IconButton/index.js');
+var internal = require('../Icon/internal.js');
+
+const defaultMessageLabel = {
+  success: `Success`,
+  info: `Info`,
+  warning: `Alert`,
+  error: `Error`
+};
+const defaultMessageText = {
+  success: `Your action was completed. `,
+  info: `General information. `,
+  warning: `Your action is required. `,
+  error: `An error has occurred. `
+};
+const Alert = ({ severity = "success", ...props }) => {
+  const label = props.label ?? defaultMessageLabel[severity];
+  const text = props.text ?? defaultMessageText[severity];
+  const icon = iconVariants[severity];
+  const color = defaultTheme.defaultThemeCssVariableUsages.palette.indicator[severity].base.surface;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-testid": props["data-testid"],
+      style: {
+        // @ts-ignore
+        "--vt-ce-alert-color": color,
+        ...props.style
+      },
+      className: cx.cx(styles_module.default["alert"], props.className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module.default["alert-stripe"] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_module.default["alert-icon"], children: icon }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module.default["alert-content"], children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles_module.default["alert-label"], children: [
+            label,
+            ": "
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_module.default["alert-text"], children: text })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_module.default["spacer"] }),
+        props.action,
+        props.onClose && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_module.default["alert-close"], children: /* @__PURE__ */ jsxRuntime.jsx(index.default, { onClick: props.onClose, children: /* @__PURE__ */ jsxRuntime.jsx(internal.CloseIcon, { size: "small" }) }) })
+      ]
+    }
+  );
+};
+const iconVariants = {
+  success: /* @__PURE__ */ jsxRuntime.jsx(internal.SuccessIcon, { size: "inherit" }),
+  info: /* @__PURE__ */ jsxRuntime.jsx(internal.InfoIcon, { size: "inherit" }),
+  warning: /* @__PURE__ */ jsxRuntime.jsx(internal.WarningIcon, { size: "inherit" }),
+  error: /* @__PURE__ */ jsxRuntime.jsx(internal.ErrorIcon, { size: "inherit" })
+};
+
+exports.default = Alert;

package/dist/cjs/Alert/styles.module.scss.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css = {"alert":"vt_ce_Alert_alert__fd77641d","alert-stripe":"vt_ce_Alert_alert-stripe__0f1f2061","alert-icon":"vt_ce_Alert_alert-icon__42ff172c","alert-content":"vt_ce_Alert_alert-content__2e0d6f7d","alert-label":"vt_ce_Alert_alert-label__b0f6391e","alert-text":"vt_ce_Alert_alert-text__d16ad6d1","spacer":"vt_ce_Alert_spacer__583746b0","alert-close":"vt_ce_Alert_alert-close__03480fbe"};
+
+exports.default = css;

package/dist/cjs/Badge/index.js

@@ -0,0 +1,67 @@
+'use strict';
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var cx = require('../styles/cx.js');
+require('../styles/defaultThemeOptions.js');
+require('@capsizecss/core');
+require('color2k');
+var defaultTheme = require('../styles/defaultTheme.js');
+require('../styles/provider.client.js');
+require('../styles/css-vars.js');
+var isNil = require('../utils/isNil.js');
+var index = require('../Typography/index.js');
+var styles_module = require('./styles.module.scss.js');
+
+function Badge({
+  palette = defaultTheme.defaultThemeCssVariableUsages.palette.indicator.info.base,
+  variant = "primary",
+  disabled = false,
+  ...props
+}) {
+  const variantCn = styles_module.default[`variant-${variant}`];
+  const displayLabel = React.useMemo(() => {
+    if (typeof props.label === "number" && typeof props.max === "number") {
+      return props.label > props.max ? `${props.max}+` : props.label;
+    }
+    return props.label;
+  }, [props.label, props.max]);
+  const hasLabel = !isNil.isNil(displayLabel);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      style: props.style,
+      className: cx.cx(styles_module.default["badge-anchor"], props.className),
+      children: [
+        props.children,
+        hasLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module.default["badge-wrapper"], "data-disabled": disabled, children: /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cx.cx(styles_module.default["badge"], variantCn),
+            style: {
+              ...{
+                "--vt-ce-badge-palette-base-surface": palette.surface,
+                "--vt-ce-badge-palette-base-on": palette.on
+              }
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              index.default,
+              {
+                variant: "paragraph3",
+                leadingTrim: true,
+                className: styles_module.default["badge-text"],
+                children: displayLabel
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+}
+
+exports.default = Badge;

package/dist/cjs/Badge/styles.module.scss.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"badge-anchor":"vt_ce_Badge_badge-anchor__fa68a2f7","badge-wrapper":"vt_ce_Badge_badge-wrapper__df676f67","badge":"vt_ce_Badge_badge__1dfe8a54","badge-text":"vt_ce_Badge_badge-text__bf75dc5e","variant-primary":"vt_ce_Badge_variant-primary__bebb74dc","variant-secondary":"vt_ce_Badge_variant-secondary__ca2bdd1b"};
+
+exports.default = styles;

package/dist/cjs/Button/index.js

@@ -0,0 +1,71 @@
+'use strict';
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index = require('../CircularProgress/index.js');
+var styles_module = require('./styles.module.scss.js');
+var cx = require('../styles/cx.js');
+require('../styles/defaultThemeOptions.js');
+require('@capsizecss/core');
+require('color2k');
+var defaultTheme = require('../styles/defaultTheme.js');
+require('../styles/provider.client.js');
+require('../styles/css-vars.js');
+
+const Button = React.forwardRef(
+  ({
+    variant = "primary",
+    palette = variant === "primary" ? defaultTheme.defaultThemeCssVariableUsages.palette.action.primary : defaultTheme.defaultThemeCssVariableUsages.palette.action.text,
+    size = "large",
+    disabled = false,
+    loading = false,
+    active = false,
+    startIcon,
+    endIcon,
+    children,
+    "data-testid": dataTestId,
+    style,
+    className,
+    ...props
+  }, ref) => {
+    const variantCn = styles_module.default[variant];
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        ...props,
+        ref,
+        "data-size": size,
+        "data-loading": loading,
+        "data-active": active,
+        disabled: loading || disabled,
+        "data-testid": dataTestId,
+        style: {
+          ...{
+            "--vt-ce-button-palette-base-surface": palette.base.surface,
+            "--vt-ce-button-palette-base-on": palette.base.on,
+            "--vt-ce-button-palette-hover-surface": palette.hover.surface,
+            "--vt-ce-button-palette-hover-on": palette.hover.on,
+            "--vt-ce-button-palette-disabled-surface": palette.disabled.surface,
+            "--vt-ce-button-palette-disabled-on": palette.disabled.on
+          },
+          ...style
+        },
+        className: cx.cx(styles_module.default["button"], variantCn, className),
+        children: [
+          loading && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_module.default["loading-container"], children: /* @__PURE__ */ jsxRuntime.jsx(index.default, { size: "1.4em" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles_module.default["inner-container"], children: [
+            startIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_module.default["button-icon"], children: startIcon }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_module.default["button-text"], children }),
+            endIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_module.default["button-icon"], children: endIcon })
+          ] })
+        ]
+      }
+    );
+  }
+);
+
+exports.default = Button;

package/dist/cjs/Button/styles.module.scss.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"button":"vt_ce_Button_button__d8082ab3","button-text":"vt_ce_Button_button-text__effa80d8","primary":"vt_ce_Button_primary__4eddabe5","secondary":"vt_ce_Button_secondary__c899fe53","tertiary":"vt_ce_Button_tertiary__e00cd8aa","inner-container":"vt_ce_Button_inner-container__de9cfa40","loading-container":"vt_ce_Button_loading-container__3e1355d6","button-icon":"vt_ce_Button_button-icon__f0208651"};
+
+exports.default = styles;

package/dist/cjs/Checkbox/index.js

@@ -0,0 +1,164 @@
+'use strict';
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var useForkRef = require('@mui/utils/useForkRef');
+var cx = require('../styles/cx.js');
+require('../styles/defaultThemeOptions.js');
+require('@capsizecss/core');
+require('color2k');
+var defaultTheme = require('../styles/defaultTheme.js');
+require('../styles/provider.client.js');
+require('../styles/css-vars.js');
+var styles_module = require('./styles.module.scss.js');
+
+const Checkbox = React.forwardRef(
+  ({
+    defaultChecked,
+    checked,
+    label,
+    indeterminate = false,
+    disabled = false,
+    "data-testid": dataTestId,
+    style,
+    className,
+    onThumbnail = false,
+    ...props
+  }, ref) => {
+    const inputRef = React.useRef(null);
+    const forkedRef = useForkRef(inputRef, ref);
+    React.useEffect(() => {
+      if (inputRef.current) {
+        inputRef.current.indeterminate = indeterminate ?? false;
+      }
+    }, [indeterminate]);
+    const labelId = React.useId();
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        role: "checkbox",
+        "aria-labelledby": labelId,
+        "aria-checked": indeterminate ? "mixed" : checked ?? defaultChecked,
+        "aria-disabled": disabled,
+        onClick: (e) => {
+          if (e.target !== inputRef.current) {
+            inputRef.current?.click();
+            e.stopPropagation();
+            e.preventDefault();
+          }
+        },
+        "data-testid": dataTestId,
+        style,
+        className: cx.cx(styles_module.default["checkbox"], className),
+        "data-pendo": props["data-pendo"],
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: styles_module.default["passthrough-label-container"], children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                ...props,
+                type: "checkbox",
+                ref: forkedRef,
+                defaultChecked,
+                checked,
+                disabled,
+                className: styles_module.default["invisible-checkbox"]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_module.default["icon-container"], children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(IndeterminateIcon, {}) : checked ? /* @__PURE__ */ jsxRuntime.jsx(CheckedIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(UncheckedIcon, { onThumbnail }) })
+          ] }),
+          label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_module.default["visible-label"], id: labelId, children: label })
+        ]
+      }
+    );
+  }
+);
+const UncheckedIcon = ({ onThumbnail }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      fill: defaultTheme.defaultThemeCssVariableUsages.palette.background.primary,
+      children: [
+        onThumbnail && /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: "4",
+            y: "4",
+            width: "15",
+            height: "15",
+            fill: defaultTheme.defaultThemeCssVariableUsages.palette.thumbnailCheckbox.fill
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            className: styles_module.default["checkbox-svg-path"],
+            d: "M19 5v14H5V5h14Zm0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Z"
+          }
+        )
+      ]
+    }
+  );
+};
+const CheckedIcon = () => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.11 21 21 20.1 21 19V5C21 3.9 20.11 3 19 3Z",
+          className: styles_module.default["checkbox-svg-path"]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M10 17.0001L5 12.0001L6.41 10.5901L10 14.1701L17.59 6.58008L19 8.00008L10 17.0001Z",
+          fill: defaultTheme.defaultThemeCssVariableUsages.palette.action.primary.base.on
+        }
+      )
+    ]
+  }
+);
+const IndeterminateIcon = () => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.11 21 21 20.1 21 19V5C21 3.9 20.11 3 19 3Z",
+          className: styles_module.default["checkbox-svg-path"]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M17 13H7V11H17V13Z",
+          fill: defaultTheme.defaultThemeCssVariableUsages.palette.action.primary.base.on
+        }
+      )
+    ]
+  }
+);
+
+exports.default = Checkbox;

package/dist/cjs/Checkbox/styles.module.scss.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css = {"checkbox":"vt_ce_Checkbox_checkbox__475ae3ca","checkbox-svg-path":"vt_ce_Checkbox_checkbox-svg-path__5458fee1","passthrough-label-container":"vt_ce_Checkbox_passthrough-label-container__f6e112d8","invisible-checkbox":"vt_ce_Checkbox_invisible-checkbox__8d2156f3","visible-label":"vt_ce_Checkbox_visible-label__04b8f13e","icon-container":"vt_ce_Checkbox_icon-container__2c923936"};
+
+exports.default = css;