@veritone-ce/design-system 2.0.3 → 2.0.4

package/dist/esm-next/Alert/index.js

@@ -31,6 +31,7 @@ const Alert = ({ severity = "success", ...props }) => {
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      "data-testid": props["data-testid"],
       style: {
         // @ts-ignore
         "--alert-color": color,

package/dist/esm-next/Button/index.js

@@ -28,6 +28,7 @@ const Button = forwardRef(
         disabled: loading || disabled,
         "data-destructive": destructive,
         onClick: props.onClick,
+        "data-testid": props["data-testid"],
         style: props.style,
         className: cx(modules_efc4e723["button"], variantCn, props.className),
         children: [

package/dist/esm-next/Checkbox/index.js

@@ -31,6 +31,7 @@ const Checkbox = forwardRef(
           e.stopPropagation();
           e.preventDefault();
         },
+        "data-testid": props["data-testid"],
         style: props.style,
         className: cx(modules_efc4e723["checkbox"], props.className),
         children: [

package/dist/esm-next/CircularProgress/index.js

@@ -1,7 +1,6 @@
 'use strict';
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { createTheme, ThemeProvider, CircularProgress as CircularProgress$1 } from '@mui/material';
 import modules_efc4e723 from './styles.module.scss.js';
 import { cx } from '../styles/cx.js';
 import '../styles/defaultTheme.js';
@@ -9,7 +8,8 @@ import 'react';
 import '@mui/system';
 import '../styles/styled.js';
 
-const muiDefaultTheme = createTheme();
+const SIZE = 44;
+const thickness = 3.6;
 function CircularProgress({
   size = 40,
   fillParentHeight = false,
@@ -20,19 +20,29 @@ function CircularProgress({
     {
       className: cx(modules_efc4e723["container"], props.className),
       "data-fill-parent-height": fillParentHeight,
+      "data-testid": props["data-testid"],
       style: {
         // @ts-ignore
         "--circular-progress-color": props.color ?? void 0,
+        "--circular-progress-size": `${size}px`,
         ...props.style
       },
-      children: /* @__PURE__ */ jsx(ThemeProvider, { theme: muiDefaultTheme, children: /* @__PURE__ */ jsx(
-        CircularProgress$1,
+      children: /* @__PURE__ */ jsx("span", { className: modules_efc4e723["progress-container"], children: /* @__PURE__ */ jsx(
+        "svg",
         {
-          color: "inherit",
-          style: {
-            width: !fillParentHeight ? size : "unset",
-            height: !fillParentHeight ? size : "100%"
-          }
+          viewBox: `${SIZE / 2} ${SIZE / 2} ${SIZE} ${SIZE}`,
+          className: modules_efc4e723["progress-svg"],
+          children: /* @__PURE__ */ jsx(
+            "circle",
+            {
+              cx: SIZE,
+              cy: SIZE,
+              r: (SIZE - thickness) / 2,
+              fill: "none",
+              strokeWidth: thickness,
+              className: modules_efc4e723["progress-circle"]
+            }
+          )
         }
       ) })
     }

package/dist/esm-next/CircularProgress/styles.module.scss.js

@@ -1,3 +1,3 @@
-var modules_efc4e723 = {"container":"vt_ce_CircularProgress_container__ea033e1c"};
+var modules_efc4e723 = {"container":"vt_ce_CircularProgress_container__4c2cfc25","progress-container":"vt_ce_CircularProgress_progressContainer__4c2cfc25","progress-svg":"vt_ce_CircularProgress_progressSvg__4c2cfc25","circularRotateKeyframe":"vt_ce_CircularProgress_circularRotateKeyframe__4c2cfc25","progress-circle":"vt_ce_CircularProgress_progressCircle__4c2cfc25","circularDashKeyframe":"vt_ce_CircularProgress_circularDashKeyframe__4c2cfc25"};
 
 export { modules_efc4e723 as default };

package/dist/esm-next/Dialog/components.js

@@ -21,6 +21,7 @@ const Dialog = React.forwardRef(function Dialog2({
   overlayStyle,
   overlayClassName,
   lockScroll = true,
+  "data-testid": dataTestId,
   ...options
 }, propRef) {
   const dialog = useDialog(options);
@@ -40,6 +41,7 @@ const Dialog = React.forwardRef(function Dialog2({
             "aria-labelledby": dialog.labelId,
             "aria-describedby": dialog.descriptionId,
             ...dialog.getFloatingProps(),
+            "data-testid": dataTestId,
             style,
             className: cx(modules_efc4e723["dialog"], className),
             children

package/dist/esm-next/Drawer/components.js

@@ -21,6 +21,7 @@ const Drawer = React.forwardRef(function Drawer2({
   overlayStyle,
   overlayClassName,
   lockScroll = true,
+  "data-testid": dataTestId,
   ...options
 }, propRef) {
   const drawer = useDrawer(options);
@@ -40,6 +41,7 @@ const Drawer = React.forwardRef(function Drawer2({
             "aria-labelledby": drawer.labelId,
             "aria-describedby": drawer.descriptionId,
             ...drawer.getFloatingProps(),
+            "data-testid": dataTestId,
             style,
             className: cx(modules_efc4e723["drawer"], className),
             children

package/dist/esm-next/Icon/wrappers.js

@@ -15,6 +15,7 @@ function adaptMuiSvgIcon(MuiIcon) {
         {
           ref,
           "data-size": size,
+          "data-testid": props["data-testid"],
           style: props.style,
           className: cx(modules_efc4e723["icon"], props.className),
           children: /* @__PURE__ */ jsx(MuiIcon, { color: "inherit" })
@@ -31,6 +32,7 @@ function adaptSvgIcon(svg) {
         {
           ref,
           "data-size": size,
+          "data-testid": props["data-testid"],
           style: props.style,
           className: cx(modules_efc4e723["icon"], props.className),
           children: svg

package/dist/esm-next/IconButton/index.js

@@ -19,6 +19,7 @@ const IconButton = forwardRef(
         disabled: props.loading || props.disabled,
         "data-destructive": props.destructive ?? false,
         onClick: props.onClick,
+        "data-testid": props["data-testid"],
         style: props.style,
         className: cx(modules_efc4e723["button"], props.className),
         children: [

package/dist/esm-next/Input/index.js

@@ -9,38 +9,46 @@ import '@mui/system';
 import '../styles/styled.js';
 
 const Input = forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsxs("span", { className: cx(modules_efc4e723["input"], props.className), style: props.style, children: [
-    /* @__PURE__ */ jsx("label", { className: modules_efc4e723["label"], children: props.label }),
-    /* @__PURE__ */ jsxs(
-      "span",
-      {
-        "data-disabled": props.disabled ?? false,
-        "data-error": props.error !== void 0,
-        className: modules_efc4e723["inner-input-container"],
-        children: [
-          props.startIcon && /* @__PURE__ */ jsx("span", { className: modules_efc4e723["input-icon"], children: props.startIcon }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref,
-              type: props.type,
-              placeholder: props.placeholder,
-              value: props.value,
-              disabled: props.disabled,
-              onChange: props.onChange,
-              className: modules_efc4e723["inner-input"]
-            }
-          ),
-          props.endIcon && /* @__PURE__ */ jsx("span", { className: modules_efc4e723["input-icon"], children: props.endIcon })
-        ]
-      }
-    ),
-    props.helpLabel && /* @__PURE__ */ jsx("span", { className: modules_efc4e723["help-label"], children: props.helpLabel }),
-    props.error && /* @__PURE__ */ jsxs("span", { className: modules_efc4e723["error-label"], children: [
-      /* @__PURE__ */ jsx(IndicatorCircle, {}),
-      /* @__PURE__ */ jsx("span", { children: props.error })
-    ] })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-testid": props["data-testid"],
+      className: cx(modules_efc4e723["input"], props.className),
+      style: props.style,
+      children: [
+        /* @__PURE__ */ jsx("label", { className: modules_efc4e723["label"], children: props.label }),
+        /* @__PURE__ */ jsxs(
+          "span",
+          {
+            "data-disabled": props.disabled ?? false,
+            "data-error": props.error !== void 0,
+            className: modules_efc4e723["inner-input-container"],
+            children: [
+              props.startIcon && /* @__PURE__ */ jsx("span", { className: modules_efc4e723["input-icon"], children: props.startIcon }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  ref,
+                  type: props.type,
+                  placeholder: props.placeholder,
+                  value: props.value,
+                  disabled: props.disabled,
+                  onChange: props.onChange,
+                  className: modules_efc4e723["inner-input"]
+                }
+              ),
+              props.endIcon && /* @__PURE__ */ jsx("span", { className: modules_efc4e723["input-icon"], children: props.endIcon })
+            ]
+          }
+        ),
+        props.helpLabel && /* @__PURE__ */ jsx("span", { className: modules_efc4e723["help-label"], children: props.helpLabel }),
+        props.error && /* @__PURE__ */ jsxs("span", { className: modules_efc4e723["error-label"], children: [
+          /* @__PURE__ */ jsx(IndicatorCircle, {}),
+          /* @__PURE__ */ jsx("span", { children: props.error })
+        ] })
+      ]
+    }
+  );
 });
 const IndicatorCircle = () => /* @__PURE__ */ jsx(
   "svg",

package/dist/esm-next/Menu/controlled.js

@@ -89,7 +89,7 @@ function Menu({
       children: /* @__PURE__ */ jsx(
         "div",
         {
-          "data-testid": "menu",
+          "data-testid": props["data-testid"],
           ref: refs.setFloating,
           tabIndex: 0,
           "aria-labelledby": anchor?.id || props.anchorId,

package/dist/esm-next/RadioButton/index.js

@@ -26,6 +26,7 @@ const RadioButton = forwardRef(
           e.stopPropagation();
           e.preventDefault();
         },
+        "data-testid": props["data-testid"],
         style: props.style,
         className: cx(modules_efc4e723["radio"], props.className),
         children: [

package/dist/esm-next/Select/controlled.js

@@ -42,6 +42,7 @@ function ControlledSelect({
         id: anchorId,
         ref: anchorRef,
         className: cx(modules_efc4e723["select"], props.className),
+        "data-testid": props["data-testid"],
         style: props.style,
         onClick: () => setActiveAnchor(anchorRef.current),
         children: [

package/dist/esm-next/Textarea/index.js

@@ -13,6 +13,7 @@ const Textarea = forwardRef(
     return /* @__PURE__ */ jsxs(
       "span",
       {
+        "data-testid": props["data-testid"],
         style: props.style,
         className: cx(modules_efc4e723["textarea"], props.className),
         children: [

package/dist/esm-next/Tooltip/index.js

@@ -56,6 +56,7 @@ function Tooltip({ placement = "bottom", ...props }) {
       "div",
       {
         ref: refs.setFloating,
+        "data-testid": props["data-testid"],
         style: {
           ...floatingStyles,
           ...props.style

package/dist/esm-next/styles.css

@@ -4,7 +4,7 @@
 .vt_ce_Textarea_textarea__8ff9396f{display:inline-flex;flex-direction:column;gap:3px}.vt_ce_Textarea_label__8ff9396f{color:var(--vt-ce-theme-palette-text-secondary,#5c6269);font-family:var(--vt-ce-theme-typography-label-font-family,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-label-font-size,14px);font-style:var(--vt-ce-theme-typography-label-font-style,normal);font-weight:var(--vt-ce-theme-typography-label-font-weight,600);letter-spacing:var(--vt-ce-theme-typography-label-letter-spacing,inherit);line-height:var(--vt-ce-theme-typography-label-line-height,17px);text-transform:var(--vt-ce-theme-typography-label-text-transform,inherit)}.vt_ce_Textarea_innerTextareaContainer__8ff9396f{align-items:center;align-self:stretch;background:var(--vt-ce-theme-palette-background,#fff);border-radius:4px;color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;gap:10px;margin-bottom:1px;margin-top:1px;outline-color:unset;outline-style:solid;outline-width:1px;padding:8px}.vt_ce_Textarea_innerTextareaContainer__8ff9396f:focus-within{outline-color:unset;outline-width:2px}.vt_ce_Textarea_innerTextareaContainer__8ff9396f[data-disabled=true]{background-color:var(--vt-ce-theme-palette-disabledBackground,#fafafa);color:var(--vt-ce-theme-palette-disabled,#7c848d);outline-color:var(--vt-ce-theme-palette-backgroundAlt,#e0e8f0)}.vt_ce_Textarea_innerTextareaContainer__8ff9396f[data-disabled=true]:focus-within{outline-color:var(--vt-ce-theme-palette-backgroundAlt,#e0e8f0);outline-width:1px}.vt_ce_Textarea_innerTextareaContainer__8ff9396f[data-disabled=true]:hover{outline-color:var(--vt-ce-theme-palette-backgroundAlt,#e0e8f0);outline-width:1px}.vt_ce_Textarea_innerTextareaContainer__8ff9396f[data-error=true]{outline-color:var(--vt-ce-theme-palette-indicator-error,#eb0000)}.vt_ce_Textarea_innerTextarea__8ff9396f{background:none;border:none;color:inherit;flex-grow:1;font-family:var(--vt-ce-theme-typography-paragraph2-font-family,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph2-font-size,14px);font-style:var(--vt-ce-theme-typography-paragraph2-font-style,normal);font-weight:var(--vt-ce-theme-typography-paragraph2-font-weight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph2-letter-spacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph2-line-height,20px);outline:none;text-transform:var(--vt-ce-theme-typography-paragraph2-text-transform,inherit)}.vt_ce_Textarea_innerTextarea__8ff9396f::-moz-placeholder{color:var(--vt-ce-theme-palette-disabled,#7c848d)}.vt_ce_Textarea_innerTextarea__8ff9396f::placeholder{color:var(--vt-ce-theme-palette-disabled,#7c848d)}.vt_ce_Textarea_helpLabel__8ff9396f{color:var(--vt-ce-theme-palette-text-secondary,#5c6269)}.vt_ce_Textarea_errorLabel__8ff9396f,.vt_ce_Textarea_helpLabel__8ff9396f{font-family:var(--vt-ce-theme-typography-paragraph3-font-family,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph3-font-size,12px);font-style:var(--vt-ce-theme-typography-paragraph3-font-style,normal);font-weight:var(--vt-ce-theme-typography-paragraph3-font-weight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph3-letter-spacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph3-line-height,18px);text-transform:var(--vt-ce-theme-typography-paragraph3-text-transform,inherit)}.vt_ce_Textarea_errorLabel__8ff9396f{align-items:center;color:var(--vt-ce-theme-palette-indicator-error,#eb0000);display:flex;gap:3px}
 .vt_ce_Alert_alert__014c1660{--alert-color:var(--vt-ce-theme-palette-indicator-success,#28ba3f);align-items:stretch;background-color:var(--vt-ce-theme-palette-background,#fff);border-color:var(--vt-ce-theme-palette-disabled,#7c848d);border-radius:4px;border-style:solid;border-width:1px;display:flex;width:415px}.vt_ce_Alert_alertStripe__014c1660{background-color:var(--alert-color);width:4px}.vt_ce_Alert_alertIcon__014c1660{align-items:center;color:var(--alert-color);display:flex;margin:10px;--vt-ce-icon-size:24px}.vt_ce_Alert_alertContent__014c1660{align-items:baseline;color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;flex-wrap:wrap;margin:14px 0}.vt_ce_Alert_alertLabel__014c1660{font-weight:var(--vt-ce-theme-typography-paragraph3-font-weight,400);font-weight:700}.vt_ce_Alert_alertLabel__014c1660,.vt_ce_Alert_alertText__014c1660{display:inline-block;font-family:var(--vt-ce-theme-typography-paragraph3-font-family,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph3-font-size,12px);font-style:var(--vt-ce-theme-typography-paragraph3-font-style,normal);letter-spacing:var(--vt-ce-theme-typography-paragraph3-letter-spacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph3-line-height,18px);margin-right:2px;text-transform:var(--vt-ce-theme-typography-paragraph3-text-transform,inherit);white-space:pre}.vt_ce_Alert_alertText__014c1660{font-weight:var(--vt-ce-theme-typography-paragraph3-font-weight,400)}.vt_ce_Alert_spacer__014c1660{flex-grow:1}.vt_ce_Alert_alertAction__014c1660{flex-shrink:0}.vt_ce_Alert_alertClose__014c1660{align-items:center;color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;margin-right:10px}
 /*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:after,:before{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0}hr{color:inherit;height:0}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
-.vt_ce_CircularProgress_container__ea033e1c{--circular-progress-color:var(--vt-ce-theme-palette-action-primary,#1871e8);align-items:baseline;color:var(--circular-progress-color);display:inline-flex;justify-content:center}.vt_ce_CircularProgress_container__ea033e1c[data-fill-parent-height=true],.vt_ce_CircularProgress_container__ea033e1c[data-fill-parent-height=true] svg{height:100%}
+.vt_ce_CircularProgress_container__4c2cfc25{--circular-progress-color:var(--vt-ce-theme-palette-action-primary,#1871e8);align-items:baseline;color:var(--circular-progress-color);display:inline-flex;justify-content:center}.vt_ce_CircularProgress_container__4c2cfc25[data-fill-parent-height=true]{align-items:stretch;height:100%;width:100%}.vt_ce_CircularProgress_container__4c2cfc25[data-fill-parent-height=true] .vt_ce_CircularProgress_progressContainer__4c2cfc25{height:100%;width:100%}.vt_ce_CircularProgress_progressContainer__4c2cfc25{display:inline-block;height:var(--circular-progress-size);width:var(--circular-progress-size)}.vt_ce_CircularProgress_progressSvg__4c2cfc25{display:block;stroke:currentColor;animation:vt_ce_CircularProgress_circularRotateKeyframe__4c2cfc25 1.4s linear infinite;height:100%}.vt_ce_CircularProgress_progressCircle__4c2cfc25{stroke-dasharray:80px,200px;stroke-dashoffset:0;animation:vt_ce_CircularProgress_circularDashKeyframe__4c2cfc25 1.4s ease-in-out infinite}@keyframes vt_ce_CircularProgress_circularRotateKeyframe__4c2cfc25{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes vt_ce_CircularProgress_circularDashKeyframe__4c2cfc25{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}
 .vt_ce_Button_button__0b5bf02c{align-items:center;border:1px solid transparent;border-radius:4px;cursor:pointer;display:inline-flex;gap:5px;justify-content:center;position:relative}.vt_ce_Button_button__0b5bf02c[data-size=large]{font-family:var(--vt-ce-theme-typography-button-font-family,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-button-font-size,14px);font-style:var(--vt-ce-theme-typography-button-font-style,normal);font-weight:var(--vt-ce-theme-typography-button-font-weight,600);letter-spacing:var(--vt-ce-theme-typography-button-letter-spacing,inherit);line-height:var(--vt-ce-theme-typography-button-line-height,20px);min-height:36px;padding:7px 15px;text-transform:var(--vt-ce-theme-typography-button-text-transform,inherit)}.vt_ce_Button_button__0b5bf02c[data-size=small]{font-family:var(--vt-ce-theme-typography-buttonSmall-font-family,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-buttonSmall-font-size,12px);font-style:var(--vt-ce-theme-typography-buttonSmall-font-style,normal);font-weight:var(--vt-ce-theme-typography-buttonSmall-font-weight,600);letter-spacing:var(--vt-ce-theme-typography-buttonSmall-letter-spacing,inherit);line-height:var(--vt-ce-theme-typography-buttonSmall-line-height,18px);min-height:26px;padding:3px 15px;text-transform:var(--vt-ce-theme-typography-buttonSmall-text-transform,inherit)}.vt_ce_Button_button__0b5bf02c.vt_ce_Button_primary__0b5bf02c{background-color:var(--vt-ce-theme-palette-action-primary,#1871e8);color:var(--vt-ce-theme-palette-action-on,#fff)}.vt_ce_Button_button__0b5bf02c.vt_ce_Button_primary__0b5bf02c:hover{background-color:var(--vt-ce-theme-palette-action-hover,#335b89)}.vt_ce_Button_button__0b5bf02c.vt_ce_Button_primary__0b5bf02c:disabled{background-color:var(--vt-ce-theme-palette-disabledBackground,#fafafa);border-color:var(--vt-ce-theme-palette-backgroundAlt,#e0e8f0);color:var(--vt-ce-theme-palette-disabled,#7c848d)}.vt_ce_Button_button__0b5bf02c.vt_ce_Button_primary__0b5bf02c[data-destructive=true]{background-color:var(--vt-ce-theme-palette-action-destructive,#eb0000)}.vt_ce_Button_button__0b5bf02c.vt_ce_Button_primary__0b5bf02c[data-destructive=true]:hover{background-color:var(--vt-ce-theme-palette-action-destructiveHover,#a63737)}.vt_ce_Button_button__0b5bf02c.vt_ce_Button_primary__0b5bf02c[data-loading=true]:disabled{color:var(--vt-ce-theme-palette-action-primary,#1871e8)}.vt_ce_Button_button__0b5bf02c.vt_ce_Button_secondary__0b5bf02c{background-color:var(--vt-ce-theme-palette-background,#fff);border-color:var(--vt-ce-theme-palette-text-secondary,#5c6269);color:var(--vt-ce-theme-palette-text-secondary,#5c6269)}.vt_ce_Button_button__0b5bf02c.vt_ce_Button_secondary__0b5bf02c:hover{background-color:var(--vt-ce-theme-palette-background,#fff);border-color:var(--vt-ce-theme-palette-action-hover,#335b89);color:var(--vt-ce-theme-palette-action-hover,#335b89)}.vt_ce_Button_button__0b5bf02c.vt_ce_Button_secondary__0b5bf02c:disabled{background-color:var(--vt-ce-theme-palette-disabledBackground,#fafafa);border-color:var(--vt-ce-theme-palette-backgroundAlt,#e0e8f0);color:var(--vt-ce-theme-palette-disabled,#7c848d)}.vt_ce_Button_button__0b5bf02c.vt_ce_Button_secondary__0b5bf02c[data-destructive=true]{background-color:var(--vt-ce-theme-palette-background,#fff);border-color:var(--vt-ce-theme-palette-action-destructive,#eb0000);color:var(--vt-ce-theme-palette-action-destructive,#eb0000)}.vt_ce_Button_button__0b5bf02c.vt_ce_Button_secondary__0b5bf02c[data-destructive=true]:hover{background-color:var(--vt-ce-theme-palette-background,#fff);border-color:var(--vt-ce-theme-palette-action-destructiveHover,#a63737);color:var(--vt-ce-theme-palette-action-destructiveHover,#a63737)}.vt_ce_Button_button__0b5bf02c.vt_ce_Button_secondary__0b5bf02c[data-loading=true]:disabled{color:var(--vt-ce-theme-palette-action-primary,#1871e8)}.vt_ce_Button_button__0b5bf02c.vt_ce_Button_tertiary__0b5bf02c{background-color:transparent;color:var(--vt-ce-theme-palette-text-tertiary,#465364)}.vt_ce_Button_button__0b5bf02c.vt_ce_Button_tertiary__0b5bf02c:hover{color:var(--vt-ce-theme-palette-action-hover,#335b89)}.vt_ce_Button_button__0b5bf02c.vt_ce_Button_tertiary__0b5bf02c:disabled{color:var(--vt-ce-theme-palette-disabled,#7c848d)}.vt_ce_Button_button__0b5bf02c.vt_ce_Button_tertiary__0b5bf02c[data-destructive=true]{color:var(--vt-ce-theme-palette-action-destructive,#eb0000)}.vt_ce_Button_button__0b5bf02c.vt_ce_Button_tertiary__0b5bf02c[data-destructive=true]:hover{color:var(--vt-ce-theme-palette-action-destructiveHover,#a63737)}.vt_ce_Button_button__0b5bf02c.vt_ce_Button_tertiary__0b5bf02c[data-loading=true]:disabled{color:var(--vt-ce-theme-palette-action-primary,#1871e8)}.vt_ce_Button_button__0b5bf02c[data-loading=true] .vt_ce_Button_innerContainer__0b5bf02c{visibility:hidden}.vt_ce_Button_loadingContainer__0b5bf02c{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.vt_ce_Button_innerContainer__0b5bf02c{align-items:center;display:inline-flex;gap:5px;justify-content:center;visibility:visible}.vt_ce_Button_buttonIcon__0b5bf02c{align-items:center;display:inline-flex;justify-content:center;--vt-ce-icon-size:18px}
 .vt_ce_IconButton_button__cb009384{background-color:transparent;border-style:none;color:var(--vt-ce-theme-palette-text-tertiary,#465364);cursor:pointer;display:inline-block;font-size:0;padding:7px;position:relative}.vt_ce_IconButton_button__cb009384:hover{color:var(--vt-ce-theme-palette-action-hover,#335b89)}.vt_ce_IconButton_button__cb009384:disabled{color:var(--vt-ce-theme-palette-disabled,#7c848d)}.vt_ce_IconButton_button__cb009384[data-destructive=true]{color:var(--vt-ce-theme-palette-action-destructive,#eb0000)}.vt_ce_IconButton_button__cb009384[data-destructive=true]:hover{color:var(--vt-ce-theme-palette-action-destructiveHover,#a63737)}.vt_ce_IconButton_button__cb009384[data-loading=true]:disabled{color:var(--vt-ce-theme-palette-action-primary,#1871e8)}.vt_ce_IconButton_button__cb009384[data-loading=true] .vt_ce_IconButton_innerIcon__cb009384{visibility:hidden}.vt_ce_IconButton_loadingContainer__cb009384{bottom:7px;left:7px;position:absolute;right:7px;top:7px}
 .vt_ce_Tooltip_tooltipAnchor__86070564{display:inline}.vt_ce_Tooltip_tooltipBody__86070564{background-color:var(--vt-ce-theme-palette-background,#fff);border-color:var(--vt-ce-theme-palette-backgroundAlt,#e0e8f0);border-radius:4px;border-style:solid;border-width:1px;color:var(--vt-ce-theme-palette-text-primary,#2a323c);font-family:var(--vt-ce-theme-typography-label-font-family,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-label-font-size,14px);font-style:var(--vt-ce-theme-typography-label-font-style,normal);font-weight:var(--vt-ce-theme-typography-label-font-weight,600);letter-spacing:var(--vt-ce-theme-typography-label-letter-spacing,inherit);line-height:var(--vt-ce-theme-typography-label-line-height,17px);padding:4px 10px;text-transform:var(--vt-ce-theme-typography-label-text-transform,inherit)}

package/dist/types/src-next/Alert/index.d.ts

@@ -9,6 +9,7 @@ export type AlertProps = {
     };
     severity?: AlertSeverity;
     onClose?(): void;
+    'data-testid'?: string;
     style?: React.CSSProperties;
     className?: string;
 };

package/dist/types/src-next/Button/index.d.ts

@@ -11,6 +11,7 @@ export type ButtonProps = {
     endIcon?: React.ReactNode;
     onClick?: MouseEventHandler<HTMLButtonElement>;
     children?: React.ReactNode;
+    'data-testid'?: string;
     style?: React.CSSProperties;
     className?: string;
 };

package/dist/types/src-next/Checkbox/index.d.ts

@@ -6,6 +6,7 @@ export type CheckboxProps = {
     disabled?: boolean;
     onChange?: React.HTMLProps<HTMLInputElement>['onChange'];
     onBlur?: React.HTMLProps<HTMLInputElement>['onBlur'];
+    'data-testid'?: string;
     style?: React.CSSProperties;
     className?: string;
 };

package/dist/types/src-next/CircularProgress/index.d.ts

@@ -1,8 +1,9 @@
-/// <reference types="react" resolution-mode="require"/>
+import React from 'react';
 export type CircularProgressProps = {
     size?: number | string;
     color?: string;
     fillParentHeight?: boolean;
+    'data-testid'?: string;
     style?: React.CSSProperties;
     className?: string;
 };

package/dist/types/src-next/Dialog/components.d.ts

@@ -7,6 +7,7 @@ export type DialogProps = DialogOptions & {
     portalEl?: HTMLElement | null | React.MutableRefObject<HTMLElement | null>;
     lockScroll?: boolean;
     children: React.ReactNode;
+    'data-testid'?: string;
     style?: React.CSSProperties;
     className?: string;
     overlayStyle?: React.CSSProperties;
@@ -16,6 +17,7 @@ declare const Dialog: React.ForwardRefExoticComponent<DialogOptions & {
     portalEl?: HTMLElement | React.MutableRefObject<HTMLElement | null> | null | undefined;
     lockScroll?: boolean | undefined;
     children: React.ReactNode;
+    'data-testid'?: string | undefined;
     style?: React.CSSProperties | undefined;
     className?: string | undefined;
     overlayStyle?: React.CSSProperties | undefined;

package/dist/types/src-next/Dialog/factory.d.ts

@@ -7,6 +7,7 @@ export declare function createDialogComponent({ portalEl }: DialogFactoryOptions
     portalEl?: HTMLElement | React.MutableRefObject<HTMLElement | null> | null | undefined;
     lockScroll?: boolean | undefined;
     children: React.ReactNode;
+    'data-testid'?: string | undefined;
     style?: React.CSSProperties | undefined;
     className?: string | undefined;
     overlayStyle?: React.CSSProperties | undefined;

package/dist/types/src-next/Drawer/components.d.ts

@@ -11,6 +11,7 @@ export type DrawerProps = DrawerOptions & {
     className?: string;
     overlayStyle?: React.CSSProperties;
     overlayClassName?: string;
+    'data-testid'?: string;
 };
 declare const Drawer: React.ForwardRefExoticComponent<DrawerOptions & {
     portalEl?: HTMLElement | React.MutableRefObject<HTMLElement | null> | null | undefined;
@@ -20,6 +21,7 @@ declare const Drawer: React.ForwardRefExoticComponent<DrawerOptions & {
     className?: string | undefined;
     overlayStyle?: React.CSSProperties | undefined;
     overlayClassName?: string | undefined;
+    'data-testid'?: string | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export default Drawer;
 export declare const DrawerStart: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/src-next/Drawer/factory.d.ts

@@ -11,4 +11,5 @@ export declare function createDrawerComponent({ portalEl }: DrawerFactoryOptions
     className?: string | undefined;
     overlayStyle?: React.CSSProperties | undefined;
     overlayClassName?: string | undefined;
+    'data-testid'?: string | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/types/src-next/Icon/internal.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 export declare const DSIcon: React.ForwardRefExoticComponent<{
     name?: string | undefined;
     size?: import("./wrappers.js").IconSize | undefined;
+    'data-testid'?: string | undefined;
     style?: React.CSSProperties | undefined;
     className?: string | undefined;
 } & {

package/dist/types/src-next/Icon/shared.d.ts

@@ -3,6 +3,7 @@ import type { IconSize } from './wrappers.js';
 export type CommonIconProps<ExtraProps extends object = {}> = {
     name?: string;
     size?: IconSize;
+    'data-testid'?: string;
     style?: React.CSSProperties;
     className?: string;
 } & ExtraProps;

package/dist/types/src-next/IconButton/index.d.ts

@@ -5,6 +5,7 @@ export type IconButtonProps = {
     destructive?: boolean;
     onClick?: MouseEventHandler<HTMLButtonElement>;
     children?: React.ReactNode;
+    'data-testid'?: string;
     style?: React.CSSProperties;
     className?: string;
 };

package/dist/types/src-next/Input/index.d.ts

@@ -10,6 +10,7 @@ export type InputProps = {
     startIcon?: React.ReactNode;
     endIcon?: React.ReactNode;
     onChange?: React.InputHTMLAttributes<HTMLInputElement>['onChange'];
+    'data-testid'?: string;
     style?: React.CSSProperties;
     className?: string;
 };

package/dist/types/src-next/Menu/controlled.d.ts

@@ -19,6 +19,7 @@ export type MenuProps = {
     options: MenuOption[];
     dismissEnabled?: boolean;
     onDismiss?: () => void;
+    'data-testid'?: string;
     style?: React.CSSProperties;
     className?: string;
 };

package/dist/types/src-next/RadioButton/index.d.ts

@@ -7,6 +7,7 @@ export type RadioButtonProps = {
     disabled?: boolean;
     onChange?: React.HTMLProps<HTMLInputElement>['onChange'];
     onBlur?: React.HTMLProps<HTMLInputElement>['onBlur'];
+    'data-testid'?: string;
     style?: React.CSSProperties;
     className?: string;
 };

package/dist/types/src-next/Select/types.d.ts

@@ -20,6 +20,7 @@ export type CommonSelectProps<OptionValue> = {
     dropdownStrategy?: PopoverStrategy;
     options: SelectOptions<OptionValue>;
     filterOptions?: (options: SelectOptions<OptionValue>) => SelectOptions<OptionValue>;
+    'data-testid'?: string;
     style?: React.CSSProperties;
     className?: string;
 };

package/dist/types/src-next/Textarea/index.d.ts

@@ -8,6 +8,7 @@ export type TextareaProps = {
     error?: React.ReactNode;
     rows?: number;
     onChange?: React.InputHTMLAttributes<HTMLTextAreaElement>['onChange'];
+    'data-testid'?: string;
     style?: React.CSSProperties;
     className?: string;
 };

package/dist/types/src-next/Tooltip/index.d.ts

@@ -5,6 +5,7 @@ export type TooltipProps = {
     children?: React.ReactNode;
     tooltip?: React.ReactNode;
     placement?: PopoverPlacement;
+    'data-testid'?: string;
     style?: React.CSSProperties;
     className?: string;
 };

package/dist/types/src-next/Typography/index.d.ts

@@ -5,6 +5,7 @@ export type TypographyProps = {
     color?: PaletteTextVariant | 'disabled' | 'inherit';
     children?: React.ReactNode;
     id?: string;
+    'data-testid'?: string;
     style?: React.CSSProperties;
     className?: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritone-ce/design-system",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "private": false,
   "description": "Design System for Veritone CE",
   "keywords": [