@veritone-ce/design-system 1.12.14 → 1.12.16

package/dist/components/UtilityRail/mock.js

@@ -1,32 +1,32 @@
-export const mock = [
-    {
-        title: 'Variant Exported by user567',
-        subtitle: '1.2.21_01:10:00',
-        description: 'Language: Spanish • Voice: Anna'
-    },
-    {
-        title: 'Variant Exported by user567',
-        subtitle: '1.2.21_01:10:00',
-        description: 'Language: Spanish • Voice: Anna'
-    },
-    {
-        title: 'Variant Exported by user567',
-        subtitle: '1.2.21_01:10:00',
-        description: 'Language: Spanish • Voice: Anna'
-    },
-    {
-        title: 'Variant Exported by user567',
-        subtitle: '1.2.21_01:10:00',
-        description: 'Language: Spanish • Voice: Anna'
-    },
-    {
-        title: 'Variant Exported by user567',
-        subtitle: '1.2.21_01:10:00',
-        description: 'Language: Spanish • Voice: Anna'
-    },
-    {
-        title: 'Variant Exported by user567',
-        subtitle: '1.2.21_01:10:00',
-        description: 'Language: Spanish • Voice: Anna'
-    }
-];
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mock = void 0;
+const mock = [{
+  title: 'Variant Exported by user567',
+  subtitle: '1.2.21_01:10:00',
+  description: 'Language: Spanish • Voice: Anna'
+}, {
+  title: 'Variant Exported by user567',
+  subtitle: '1.2.21_01:10:00',
+  description: 'Language: Spanish • Voice: Anna'
+}, {
+  title: 'Variant Exported by user567',
+  subtitle: '1.2.21_01:10:00',
+  description: 'Language: Spanish • Voice: Anna'
+}, {
+  title: 'Variant Exported by user567',
+  subtitle: '1.2.21_01:10:00',
+  description: 'Language: Spanish • Voice: Anna'
+}, {
+  title: 'Variant Exported by user567',
+  subtitle: '1.2.21_01:10:00',
+  description: 'Language: Spanish • Voice: Anna'
+}, {
+  title: 'Variant Exported by user567',
+  subtitle: '1.2.21_01:10:00',
+  description: 'Language: Spanish • Voice: Anna'
+}];
+exports.mock = mock;

package/dist/index.js

@@ -1,31 +1,223 @@
-export { default as Button } from './components/Button';
-export { default as Checkbox } from './components/Checkbox';
-export { default as FileUploader } from './components/FileUploader';
-export { default as Input } from './components/Input';
-export { default as Panel } from './components/Panel';
-export { default as ProgressIndicator } from './components/ProgressIndicator';
-export { default as RadioButton } from './components/RadioButton';
-export { default as Select } from './components/Select';
-export { default as Tabs } from './components/Tabs';
-export { default as Stepper } from './components/Stepper';
-export { default as ThemeProvider } from './components/ThemeProvider';
-export { default as Typography } from './components/Typography';
-export { default as Box } from './components/Box';
-export { default as Drawer } from './components/Drawer';
-export { default as FormControlLabel } from './components/FormControlLabel';
-export { default as IconGroups } from './components/IconGroups';
-export { default as HomeOutlinedIcon } from './components/HomeOutlinedIcon';
-export { default as Link } from './components/Link';
-export { default as List } from './components/List';
-export { default as ListItem } from './components/ListItem';
-export { default as ListItemButton } from './components/ListItemButton';
-export { default as IconListItem } from './components/IconListItem';
-export { default as ListItemText } from './components/ListItemText';
-export { default as RadioGroup } from './components/RadioGroup';
-export { default as Step } from './components/Step';
-export { default as StepLabel } from './components/StepLabel';
-export { default as ModelGridView } from './components/ModelGridView';
-export { default as Breadcrumbs } from './components/Breadcrumbs';
-export { default as AudioSlider } from './components/CustomSlider';
-export { default as theme } from './assets/theme';
-export { useTheme } from '@mui/material';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Box", {
+  enumerable: true,
+  get: function () {
+    return _Box.default;
+  }
+});
+Object.defineProperty(exports, "Breadcrumbs", {
+  enumerable: true,
+  get: function () {
+    return _Breadcrumbs.default;
+  }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () {
+    return _Button.default;
+  }
+});
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function () {
+    return _Checkbox.default;
+  }
+});
+Object.defineProperty(exports, "CustomSlider", {
+  enumerable: true,
+  get: function () {
+    return _CustomSlider.default;
+  }
+});
+Object.defineProperty(exports, "Drawer", {
+  enumerable: true,
+  get: function () {
+    return _Drawer.default;
+  }
+});
+Object.defineProperty(exports, "FileUploader", {
+  enumerable: true,
+  get: function () {
+    return _FileUploader.default;
+  }
+});
+Object.defineProperty(exports, "FormControlLabel", {
+  enumerable: true,
+  get: function () {
+    return _FormControlLabel.default;
+  }
+});
+Object.defineProperty(exports, "HomeOutlinedIcon", {
+  enumerable: true,
+  get: function () {
+    return _HomeOutlinedIcon.default;
+  }
+});
+Object.defineProperty(exports, "IconGroups", {
+  enumerable: true,
+  get: function () {
+    return _IconGroups.default;
+  }
+});
+Object.defineProperty(exports, "IconListItem", {
+  enumerable: true,
+  get: function () {
+    return _IconListItem.default;
+  }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function () {
+    return _Input.default;
+  }
+});
+Object.defineProperty(exports, "Link", {
+  enumerable: true,
+  get: function () {
+    return _Link.default;
+  }
+});
+Object.defineProperty(exports, "List", {
+  enumerable: true,
+  get: function () {
+    return _List.default;
+  }
+});
+Object.defineProperty(exports, "ListItem", {
+  enumerable: true,
+  get: function () {
+    return _ListItem.default;
+  }
+});
+Object.defineProperty(exports, "ListItemButton", {
+  enumerable: true,
+  get: function () {
+    return _ListItemButton.default;
+  }
+});
+Object.defineProperty(exports, "ListItemText", {
+  enumerable: true,
+  get: function () {
+    return _ListItemText.default;
+  }
+});
+Object.defineProperty(exports, "ModelGridView", {
+  enumerable: true,
+  get: function () {
+    return _ModelGridView.default;
+  }
+});
+Object.defineProperty(exports, "Panel", {
+  enumerable: true,
+  get: function () {
+    return _Panel.default;
+  }
+});
+Object.defineProperty(exports, "ProgressIndicator", {
+  enumerable: true,
+  get: function () {
+    return _ProgressIndicator.default;
+  }
+});
+Object.defineProperty(exports, "RadioButton", {
+  enumerable: true,
+  get: function () {
+    return _RadioButton.default;
+  }
+});
+Object.defineProperty(exports, "RadioGroup", {
+  enumerable: true,
+  get: function () {
+    return _RadioGroup.default;
+  }
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function () {
+    return _Select.default;
+  }
+});
+Object.defineProperty(exports, "Step", {
+  enumerable: true,
+  get: function () {
+    return _Step.default;
+  }
+});
+Object.defineProperty(exports, "StepLabel", {
+  enumerable: true,
+  get: function () {
+    return _StepLabel.default;
+  }
+});
+Object.defineProperty(exports, "Stepper", {
+  enumerable: true,
+  get: function () {
+    return _Stepper.default;
+  }
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function () {
+    return _Tabs.default;
+  }
+});
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.default;
+  }
+});
+Object.defineProperty(exports, "Typography", {
+  enumerable: true,
+  get: function () {
+    return _Typography.default;
+  }
+});
+Object.defineProperty(exports, "theme", {
+  enumerable: true,
+  get: function () {
+    return _theme.default;
+  }
+});
+Object.defineProperty(exports, "useTheme", {
+  enumerable: true,
+  get: function () {
+    return _material.useTheme;
+  }
+});
+var _Button = _interopRequireDefault(require("./components/Button"));
+var _Checkbox = _interopRequireDefault(require("./components/Checkbox"));
+var _FileUploader = _interopRequireDefault(require("./components/FileUploader"));
+var _Input = _interopRequireDefault(require("./components/Input"));
+var _Panel = _interopRequireDefault(require("./components/Panel"));
+var _ProgressIndicator = _interopRequireDefault(require("./components/ProgressIndicator"));
+var _RadioButton = _interopRequireDefault(require("./components/RadioButton"));
+var _Select = _interopRequireDefault(require("./components/Select"));
+var _Tabs = _interopRequireDefault(require("./components/Tabs"));
+var _Stepper = _interopRequireDefault(require("./components/Stepper"));
+var _ThemeProvider = _interopRequireDefault(require("./components/ThemeProvider"));
+var _Typography = _interopRequireDefault(require("./components/Typography"));
+var _Box = _interopRequireDefault(require("./components/Box"));
+var _Drawer = _interopRequireDefault(require("./components/Drawer"));
+var _FormControlLabel = _interopRequireDefault(require("./components/FormControlLabel"));
+var _IconGroups = _interopRequireDefault(require("./components/IconGroups"));
+var _HomeOutlinedIcon = _interopRequireDefault(require("./components/HomeOutlinedIcon"));
+var _Link = _interopRequireDefault(require("./components/Link"));
+var _List = _interopRequireDefault(require("./components/List"));
+var _ListItem = _interopRequireDefault(require("./components/ListItem"));
+var _ListItemButton = _interopRequireDefault(require("./components/ListItemButton"));
+var _IconListItem = _interopRequireDefault(require("./components/IconListItem"));
+var _ListItemText = _interopRequireDefault(require("./components/ListItemText"));
+var _RadioGroup = _interopRequireDefault(require("./components/RadioGroup"));
+var _Step = _interopRequireDefault(require("./components/Step"));
+var _StepLabel = _interopRequireDefault(require("./components/StepLabel"));
+var _ModelGridView = _interopRequireDefault(require("./components/ModelGridView"));
+var _Breadcrumbs = _interopRequireDefault(require("./components/Breadcrumbs"));
+var _CustomSlider = _interopRequireDefault(require("./components/CustomSlider"));
+var _theme = _interopRequireDefault(require("./assets/theme"));
+var _material = require("@mui/material");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/react-app-env.d.js

@@ -0,0 +1,2 @@
+/// <reference types="react-scripts" />
+"use strict";

package/dist/reportWebVitals.js

@@ -1,12 +1,27 @@
-const reportWebVitals = (onPerfEntry) => {
-    if (onPerfEntry && onPerfEntry instanceof Function) {
-        import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-            getCLS(onPerfEntry);
-            getFID(onPerfEntry);
-            getFCP(onPerfEntry);
-            getLCP(onPerfEntry);
-            getTTFB(onPerfEntry);
-        });
-    }
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const reportWebVitals = onPerfEntry => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    Promise.resolve().then(() => _interopRequireWildcard(require('web-vitals'))).then(({
+      getCLS,
+      getFID,
+      getFCP,
+      getLCP,
+      getTTFB
+    }) => {
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
 };
-export default reportWebVitals;
+var _default = reportWebVitals;
+exports.default = _default;

package/dist/setupTests.js

@@ -1,5 +1,3 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';
+"use strict";
+
+require("@testing-library/jest-dom");

package/dist/utils/tests/helpers.js

@@ -1,21 +1,32 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  render: true
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ThemeProvider } from '@mui/material';
-import { render } from '@testing-library/react';
-import theme from '../../assets/theme';
-const customRender = (ui, _a = {}) => {
-    var renderOptions = __rest(_a, []);
-    return render(_jsx(ThemeProvider, Object.assign({ theme: theme }, { children: ui })), renderOptions);
-};
-export * from '@testing-library/react';
-export { customRender as render };
+exports.render = void 0;
+var _material = require("@mui/material");
+var _react = require("@testing-library/react");
+Object.keys(_react).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _react[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _react[key];
+    }
+  });
+});
+var _theme = _interopRequireDefault(require("../../assets/theme"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const customRender = (ui, {
+  ...renderOptions
+} = {}) => (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ThemeProvider, {
+  theme: _theme.default,
+  children: ui
+}), renderOptions);
+exports.render = customRender;

package/package.json

@@ -1,10 +1,12 @@
 {
   "name": "@veritone-ce/design-system",
-  "version": "1.12.14",
+  "version": "1.12.16",
   "private": false,
   "scripts": {
     "start": "yarn storybook",
-    "build": "yarn tsc && tsc-alias && cp src/assets/*.svg dist/assets/",
+    "type-check": "tsc",
+    "transpile": "babel src --out-dir dist --extensions '.ts,.tsx'",
+    "build": "yarn type-check && yarn transpile && tsc-alias && cp src/assets/*.svg dist/assets/",
     "lint": "eslint src",
     "build-docs": "yarn build-storybook-docs",
     "test": "jest",
@@ -54,9 +56,11 @@
     "web-vitals": "^2.1.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.19.3",
-    "@babel/preset-env": "^7.20.2",
+    "@babel/cli": "^7.21.5",
+    "@babel/core": "^7.21.8",
+    "@babel/preset-env": "^7.21.5",
     "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.21.5",
     "@commitlint/cli": "^17.0.3",
     "@commitlint/config-conventional": "^17.0.3",
     "@emotion/babel-plugin": "^11.10.5",
@@ -79,6 +83,7 @@
     "@typescript-eslint/parser": "^5.45.0",
     "auto": "^10.37.6",
     "babel-jest": "^29.3.1",
+    "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-macros": "^3.1.0",
     "babel-plugin-named-exports-order": "^0.0.2",
     "chromatic": "^6.10.1",

package/dist/assets/theme.d.ts

@@ -1,59 +0,0 @@
-import { PaletteColorOptions, SimplePaletteColorOptions } from '@mui/material';
-declare module '@mui/material/Button' {
-    interface ButtonPropsVariantOverrides {
-        primary: true;
-        secondary: true;
-        tertiary: true;
-    }
-}
-declare module '@mui/material/styles' {
-    type Colors = typeof colors;
-    type ButtonPaletteColorOptions = SimplePaletteColorOptions & {
-        hover: string;
-    };
-    type MiscPaletteColorOptions = Colors['misc'];
-    type TextPaletteColorOptions = Colors['text'];
-    interface TypeText extends TextPaletteColorOptions {
-    }
-    interface Palette {
-        neutral: Pick<Palette['primary'], 'main'>;
-        button: ButtonPaletteColorOptions;
-        misc: MiscPaletteColorOptions;
-    }
-    interface PaletteOptions {
-        neutral: PaletteColorOptions;
-        button: ButtonPaletteColorOptions;
-        misc: MiscPaletteColorOptions;
-    }
-}
-export declare const colors: {
-    brand: {
-        pink: string;
-        blueOne: string;
-        blueTwo: string;
-        warning: string;
-        success: string;
-        error: string;
-        white: string;
-    };
-    text: {
-        primary: string;
-        secondary: string;
-        tertiary: string;
-        disabled: string;
-    };
-    button: {
-        primary: string;
-        hover: string;
-    };
-    misc: {
-        background: string;
-        altBackground: string;
-        rowHoverGreyOne: string;
-        rowOn: string;
-        rowOnHoverGreyTwo: string;
-    };
-};
-export type Theme = typeof theme;
-declare let theme: import("@mui/material").Theme;
-export default theme;

package/dist/components/Box/__tests__/Box.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Box/index.d.ts

@@ -1,6 +0,0 @@
-import { BoxProps as MuiBoxProps } from '@mui/material';
-type BoxProps = {
-    'data-testid'?: string;
-} & MuiBoxProps;
-declare const Box: ({ ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
-export default Box;

package/dist/components/Breadcrumbs/Breadcrumbs.stories.d.ts

@@ -1,11 +0,0 @@
-import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
-import BreadcrumbsComponent from '.';
-declare const _default: ComponentMeta<({ links }: {
-    'data-testid'?: string | undefined;
-    links: {
-        href: string;
-        label: string;
-    }[];
-}) => import("react/jsx-runtime").JSX.Element>;
-export default _default;
-export declare const Default: ComponentStory<typeof BreadcrumbsComponent> | Story;

package/dist/components/Breadcrumbs/__tests__/Breadcrumbs.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Breadcrumbs/breadcrumbs.theme.d.ts

@@ -1,11 +0,0 @@
-import { Theme } from '../../assets/theme';
-declare const breadcrumbs: (theme: Theme) => {
-    styleOverrides: {
-        root: () => {
-            '& .MuiBreadcrumbs-separator': {
-                color: string;
-            };
-        };
-    };
-};
-export default breadcrumbs;

package/dist/components/Breadcrumbs/index.d.ts

@@ -1,15 +0,0 @@
-type BreadcrumbsProps = {
-    'data-testid'?: string;
-    links: {
-        href: string;
-        label: string;
-    }[];
-};
-/**
- * - This is the breadcrumbs component that is used in the header
- * - It takes in an array of links and renders them as breadcrumbs
- * - The last link is not clickable
- * - The last link is styled differently
- **/
-declare const BreadcrumbsComponent: ({ links }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
-export default BreadcrumbsComponent;

package/dist/components/Button/Button.stories.d.ts

@@ -1,7 +0,0 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-import { ButtonProps } from './';
-declare const _default: ComponentMeta<({ children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;
-export declare const Contained: ComponentStory<({ children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element>;
-export declare const Outlined: ComponentStory<({ children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element>;
-export declare const Text: ComponentStory<({ children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/Button/Indicator.d.ts

@@ -1,2 +0,0 @@
-declare const Indicator: () => import("react/jsx-runtime").JSX.Element;
-export default Indicator;

package/dist/components/Button/__tests__/Button.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Button/button.theme.d.ts

@@ -1,4 +0,0 @@
-import { Theme } from '../../assets/theme';
-import { Components } from '@mui/material';
-declare const buttonTheme: (theme: Theme) => Components['MuiButton'];
-export default buttonTheme;

package/dist/components/Button/index.d.ts

@@ -1,10 +0,0 @@
-import { ButtonProps as MuiButtonProps } from '@mui/material';
-export type ButtonProps = {
-    'data-testid'?: string;
-    isLoading?: boolean;
-} & MuiButtonProps;
-/**
-- Use a button for common user click actions. Several variations available.
-**/
-declare const Button: ({ children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default Button;

package/dist/components/Button/useButtonProps.d.ts

@@ -1,3 +0,0 @@
-import { ButtonProps } from '.';
-declare const useButtonProps: ({ isLoading, ...props }: ButtonProps) => ButtonProps;
-export default useButtonProps;

package/dist/components/Checkbox/Checkbox.stories.d.ts

@@ -1,5 +0,0 @@
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ label, ...props }: import(".").CheckboxProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;
-export declare const Default: ComponentStory<({ label, ...props }: import(".").CheckboxProps) => import("react/jsx-runtime").JSX.Element>;
-export declare const WithoutLabel: ComponentStory<({ label, ...props }: import(".").CheckboxProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/Checkbox/__tests__/Checkbox.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Checkbox/checkbox.theme.d.ts

@@ -1,18 +0,0 @@
-import { Theme } from '../../assets/theme';
-declare const checkboxTheme: (theme: Theme) => {
-    styleOverrides: {
-        root: () => {
-            marginRight: string;
-            '&.MuiCheckbox-root': {
-                color: string;
-            };
-            '&.Mui-checked, &.MuiCheckbox-indeterminate': {
-                color: string;
-            };
-            '&.Mui-disabled': {
-                color: string;
-            };
-        };
-    };
-};
-export default checkboxTheme;