@superdispatch/ui 0.33.0 → 0.35.0

package/dist-src/pagination/PaginationOverrides.js

@@ -1,32 +1,32 @@
-import { ColorV2 } from "../theme/Color.js";
+import { ColorDynamic } from "../theme/Color.js";
 export function overridePagination(theme) {
   var props = {};
   var overrides = {
     root: {
-      color: ColorV2.Dark500
+      color: ColorDynamic.Dark500
     },
     page: {
       '&:hover': {
-        backgroundColor: ColorV2.Silver200
+        backgroundColor: ColorDynamic.Silver200
       },
       '&$focusVisible': {
         borderRadius: 4,
-        backgroundColor: ColorV2.White,
-        border: "1px solid ".concat(ColorV2.Blue30)
+        backgroundColor: ColorDynamic.White,
+        border: "1px solid ".concat(ColorDynamic.Blue30)
       },
       '&$selected': {
-        backgroundColor: ColorV2.Silver400,
+        backgroundColor: ColorDynamic.Silver400,
         '&:hover, &$focusVisible': {
-          backgroundColor: ColorV2.Silver500
+          backgroundColor: ColorDynamic.Silver500
         },
         '&$disabled': {
-          color: ColorV2.Dark100,
-          backgroundColor: ColorV2.Silver400
+          color: ColorDynamic.Dark100,
+          backgroundColor: ColorDynamic.Silver400
         }
       },
       '&$disabled': {
         opacity: undefined,
-        color: ColorV2.Dark100
+        color: ColorDynamic.Dark100
       }
     }
   };

package/dist-src/paper/PaperOverrides.js

@@ -1,11 +1,11 @@
-import { ColorV2 } from "../theme/Color.js";
+import { ColorDynamic } from "../theme/Color.js";
 export function overridePaper(theme) {
   theme.props.MuiPaper = {
     elevation: 0
   };
   theme.overrides.MuiPaper = {
     elevation0: {
-      border: "1px solid ".concat(ColorV2.Silver400)
+      border: "1px solid ".concat(ColorDynamic.Silver400)
     }
   };
 }

package/dist-src/radio/RadioField.js

@@ -4,7 +4,7 @@ var _excluded = ["label", "error", "checked", "onBlur", "onChange", "helperText"
 import { FormControl as FormControlMui, FormControlLabel, FormHelperText as FormHelperTextMui, Radio } from '@material-ui/core';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import { ColorV2 } from "../theme/Color.js";
+import { ColorDynamic } from "../theme/Color.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var FormControl = /*#__PURE__*/styled(FormControlMui).withConfig({
   displayName: "RadioField__FormControl",
@@ -13,7 +13,7 @@ var FormControl = /*#__PURE__*/styled(FormControlMui).withConfig({
 var FormHelperText = /*#__PURE__*/styled(FormHelperTextMui).withConfig({
   displayName: "RadioField__FormHelperText",
   componentId: "SD__sc-6ey4qt-1"
-})(["color:", ";margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], ColorV2.Dark300, ColorV2.Red500);
+})(["color:", ";margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], ColorDynamic.Dark300, ColorDynamic.Red500);
 export var RadioField = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
       label,

package/dist-src/radio/RadioFieldCard.js

@@ -6,7 +6,7 @@ import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { Column } from "../columns/Column.js";
 import { Columns } from "../columns/Columns.js";
-import { ColorV2 } from "../theme/Color.js";
+import { ColorDynamic } from "../theme/Color.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var ClickableCard = /*#__PURE__*/styled(ButtonBase).withConfig({
   displayName: "RadioFieldCard__ClickableCard",
@@ -27,7 +27,7 @@ var Content = /*#__PURE__*/styled.div.withConfig({
   var {
     active
   } = _ref;
-  return active ? ColorV2.Blue300 : ColorV2.Silver500;
+  return active ? ColorDynamic.Blue300 : ColorDynamic.Silver500;
 });
 var Caption = /*#__PURE__*/styled.div.withConfig({
   displayName: "RadioFieldCard__Caption",

package/dist-src/radio/RadioGroupField.js

@@ -4,16 +4,16 @@ var _excluded = ["name", "value", "onChange", "RadioGroupProps", "label", "FormL
 import { FormControl, FormHelperText as FormHelperTextMui, FormLabel as FormLabelMui, RadioGroup } from '@material-ui/core';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import { ColorV2 } from "../theme/Color.js";
+import { ColorDynamic } from "../theme/Color.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var FormLabel = /*#__PURE__*/styled(FormLabelMui).withConfig({
   displayName: "RadioGroupField__FormLabel",
   componentId: "SD__sc-1udxviq-0"
-})(["margin-bottom:8px;color:", ";font-weight:600;"], ColorV2.Dark300);
+})(["margin-bottom:8px;color:", ";font-weight:600;"], ColorDynamic.Dark300);
 var FormHelperText = /*#__PURE__*/styled(FormHelperTextMui).withConfig({
   displayName: "RadioGroupField__FormHelperText",
   componentId: "SD__sc-1udxviq-1"
-})(["margin-top:8px;color:", ";&.Mui-error{color:", ";}"], ColorV2.Dark300, ColorV2.Red500);
+})(["margin-top:8px;color:", ";&.Mui-error{color:", ";}"], ColorDynamic.Dark300, ColorDynamic.Red500);
 export var RadioGroupField = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
       name,

package/dist-src/radio/RadioOverrides.js

@@ -1,5 +1,5 @@
 import { SvgIcon } from '@material-ui/core';
-import { ColorV2 } from "../theme/Color.js";
+import { ColorDynamic } from "../theme/Color.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function overrideRadio(theme) {
   theme.props.MuiRadio = {
@@ -9,7 +9,7 @@ export function overrideRadio(theme) {
         cx: "12",
         cy: "12",
         r: "9",
-        fill: ColorV2.White,
+        fill: ColorDynamic.White,
         stroke: "currentColor"
       })
     }),
@@ -24,13 +24,13 @@ export function overrideRadio(theme) {
         cx: "12",
         cy: "12",
         r: "4",
-        fill: ColorV2.White
+        fill: ColorDynamic.White
       })]
     })
   };
   theme.overrides.MuiRadio = {
     root: {
-      color: ColorV2.Dark100,
+      color: ColorDynamic.Dark100,
       width: theme.spacing(3),
       height: theme.spacing(3),
       marginRight: theme.spacing(1),
@@ -41,10 +41,10 @@ export function overrideRadio(theme) {
     },
     colorPrimary: {
       '&$checked$disabled': {
-        color: ColorV2.Silver500
+        color: ColorDynamic.Silver500
       },
       '&:hover:not($checked)': {
-        color: ColorV2.Dark100
+        color: ColorDynamic.Dark100
       }
     }
   };

package/dist-src/snackbar/SnackbarContent.js

@@ -8,7 +8,7 @@ import { makeStyles } from '@material-ui/styles';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import { ColorV2 } from "../theme/Color.js";
+import { ColorDynamic } from "../theme/Color.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 var PaddedContent = /*#__PURE__*/styled.span.withConfig({
   displayName: "SnackbarContent__PaddedContent",
@@ -16,8 +16,8 @@ var PaddedContent = /*#__PURE__*/styled.span.withConfig({
 })(["padding:2px 0 0;"]);
 var useStyles = /*#__PURE__*/makeStyles(theme => ({
   root: {
-    color: ColorV2.White,
-    backgroundColor: ColorV2.Dark500,
+    color: ColorDynamic.White,
+    backgroundColor: ColorDynamic.Dark500,
     alignItems: 'flex-start',
     padding: '10px 16px',
     [theme.breakpoints.up('md')]: {
@@ -40,17 +40,17 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
     fontSize: theme.spacing(3)
   },
   closeButton: {
-    color: ColorV2.White40,
+    color: ColorDynamic.White40,
     '&:hover, &:focus': {
-      backgroundColor: ColorV2.White08,
-      color: ColorV2.White40
+      backgroundColor: ColorDynamic.White08,
+      color: ColorDynamic.White40
     }
   },
   variantError: {
-    color: ColorV2.Red500,
-    background: ColorV2.Red50,
+    color: ColorDynamic.Red500,
+    background: ColorDynamic.Red50,
     '& $closeButton': {
-      color: ColorV2.Red500
+      color: ColorDynamic.Red500
     }
   },
   variantSuccess: {}

package/dist-src/svg-icon/SvgIconOverrides.js

@@ -1,4 +1,4 @@
-import { ColorV2 } from "../theme/Color.js";
+import { ColorDynamic } from "../theme/Color.js";
 export function overrideSvgIcon(theme) {
   var sm = theme.breakpoints.up('sm');
   theme.overrides.MuiSvgIcon = {
@@ -19,7 +19,7 @@ export function overrideSvgIcon(theme) {
       fontSize: 'var(--mui-svg-icon-size, 32px)'
     },
     colorAction: {
-      color: ColorV2.Dark100
+      color: ColorDynamic.Dark100
     }
   };
 }

package/dist-src/switch/SwitchOverrides.js

@@ -1,4 +1,4 @@
-import { ColorV2 } from "../theme/Color.js";
+import { ColorDynamic } from "../theme/Color.js";
 export function overrideSwitch(theme) {
   var sm = theme.breakpoints.up('sm');
   theme.props.MuiSwitch = {
@@ -19,7 +19,7 @@ export function overrideSwitch(theme) {
     },
     track: {
       opacity: undefined,
-      boxShadow: "0 0 0 0 ".concat(ColorV2.Transparent),
+      boxShadow: "0 0 0 0 ".concat(ColorDynamic.Transparent),
       transition: theme.transitions.create(['box-shadow', 'background-color'], {
         duration: theme.transitions.duration.shortest
       }),
@@ -29,7 +29,7 @@ export function overrideSwitch(theme) {
       }
     },
     thumb: {
-      color: ColorV2.White,
+      color: ColorDynamic.White,
       boxShadow: undefined,
       width: theme.spacing(3),
       height: theme.spacing(3),
@@ -63,24 +63,24 @@ export function overrideSwitch(theme) {
         '&:hover': {
           backgroundColor: undefined,
           '& + $track': {
-            backgroundColor: ColorV2.Blue500
+            backgroundColor: ColorDynamic.Blue500
           }
         }
       },
       '& + $track': {
-        backgroundColor: ColorV2.Silver500
+        backgroundColor: ColorDynamic.Silver500
       },
       '&$disabled + $track': {
-        backgroundColor: ColorV2.Dark30
+        backgroundColor: ColorDynamic.Dark30
       },
       '&$checked$disabled + $track': {
-        backgroundColor: ColorV2.Blue30
+        backgroundColor: ColorDynamic.Blue30
       },
       '&:hover + $track': {
-        backgroundColor: ColorV2.Dark100
+        backgroundColor: ColorDynamic.Dark100
       },
       '&.Mui-focusVisible + $track': {
-        boxShadow: "0 0 0 3px ".concat(ColorV2.Blue30)
+        boxShadow: "0 0 0 3px ".concat(ColorDynamic.Blue30)
       }
     }
   };

package/dist-src/tabs/TabsOverrides.js

@@ -1,5 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import { ColorV2 } from "../theme/Color.js";
+import { ColorDynamic } from "../theme/Color.js";
 export function overrideTabs(theme) {
   theme.props.MuiTabs = {
     variant: 'scrollable',
@@ -12,7 +12,7 @@ export function overrideTabs(theme) {
     },
     scrollButtons: {
       opacity: 1,
-      color: ColorV2.Dark100,
+      color: ColorDynamic.Dark100,
       width: theme.spacing(4),
       transition: theme.transitions.create('opacity', {
         duration: theme.transitions.duration.short
@@ -32,9 +32,9 @@ export function overrideTabs(theme) {
       }
     }),
     textColorPrimary: {
-      color: ColorV2.Dark500,
+      color: ColorDynamic.Dark500,
       '&:hover, &:focus': {
-        color: ColorV2.Blue300
+        color: ColorDynamic.Blue300
       }
     }
   };

package/dist-src/tag/Tag.js

@@ -5,7 +5,7 @@ import { Typography } from '@material-ui/core';
 import { makeStyles } from '@material-ui/styles';
 import cx from 'clsx';
 import { forwardRef } from 'react';
-import { ColorV2 } from "../theme/Color.js";
+import { ColorDynamic } from "../theme/Color.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 var useStyles = /*#__PURE__*/makeStyles(theme => ({
   root: {
@@ -17,56 +17,56 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
   },
   variantSubtle: {
     '&$colorGrey': {
-      color: ColorV2.Dark300,
-      backgroundColor: ColorV2.Silver200
+      color: ColorDynamic.Dark300,
+      backgroundColor: ColorDynamic.Silver200
     },
     '&$colorBlue': {
-      color: ColorV2.Blue500,
-      backgroundColor: ColorV2.Blue50
+      color: ColorDynamic.Blue500,
+      backgroundColor: ColorDynamic.Blue50
     },
     '&$colorGreen': {
-      color: ColorV2.Green500,
-      backgroundColor: ColorV2.Green50
+      color: ColorDynamic.Green500,
+      backgroundColor: ColorDynamic.Green50
     },
     '&$colorPurple': {
-      color: ColorV2.Purple500,
-      backgroundColor: ColorV2.Purple50
+      color: ColorDynamic.Purple500,
+      backgroundColor: ColorDynamic.Purple50
     },
     '&$colorRed': {
-      color: ColorV2.Red500,
-      backgroundColor: ColorV2.Red50
+      color: ColorDynamic.Red500,
+      backgroundColor: ColorDynamic.Red50
     },
     '&$colorTeal': {
-      color: ColorV2.Teal500,
-      backgroundColor: ColorV2.Teal50
+      color: ColorDynamic.Teal500,
+      backgroundColor: ColorDynamic.Teal50
     },
     '&$colorYellow': {
-      color: ColorV2.Yellow500,
-      backgroundColor: ColorV2.Yellow50
+      color: ColorDynamic.Yellow500,
+      backgroundColor: ColorDynamic.Yellow50
     }
   },
   variantBold: {
-    color: ColorV2.White,
+    color: ColorDynamic.White,
     '&$colorGrey': {
-      backgroundColor: ColorV2.Dark300
+      backgroundColor: ColorDynamic.Dark300
     },
     '&$colorBlue': {
-      backgroundColor: ColorV2.Blue300
+      backgroundColor: ColorDynamic.Blue300
     },
     '&$colorGreen': {
-      backgroundColor: ColorV2.Green300
+      backgroundColor: ColorDynamic.Green300
     },
     '&$colorPurple': {
-      backgroundColor: ColorV2.Purple300
+      backgroundColor: ColorDynamic.Purple300
     },
     '&$colorRed': {
-      backgroundColor: ColorV2.Red300
+      backgroundColor: ColorDynamic.Red300
     },
     '&$colorTeal': {
-      backgroundColor: ColorV2.Teal300
+      backgroundColor: ColorDynamic.Teal300
     },
     '&$colorYellow': {
-      backgroundColor: ColorV2.Yellow300
+      backgroundColor: ColorDynamic.Yellow300
     }
   },
   colorGrey: {},

package/dist-src/text-field/TextFieldOverrides.js

@@ -1,7 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import { SvgIcon } from '@material-ui/core';
 import { forwardRef } from 'react';
-import { ColorV2 } from "../theme/Color.js";
+import { ColorDynamic } from "../theme/Color.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 var SelectIcon = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/_jsx(SvgIcon, _objectSpread(_objectSpread({
   ref: ref
@@ -21,7 +21,7 @@ export function overrideTextField(theme) {
   };
   theme.overrides.MuiFormLabel = {
     root: _objectSpread(_objectSpread({}, theme.typography.body2), {}, {
-      color: ColorV2.Dark500,
+      color: ColorDynamic.Dark500,
       '&.MuiFormLabel-root': {
         fontSize: theme.spacing(2),
         [sm]: {
@@ -42,36 +42,36 @@ export function overrideTextField(theme) {
   theme.overrides.MuiInputBase = {
     root: _objectSpread(_objectSpread({}, theme.typography.body2), {}, {
       '&$disabled': {
-        backgroundColor: ColorV2.Silver30
+        backgroundColor: ColorDynamic.Silver400Alpha30
       },
       '&$error': {
-        borderColor: ColorV2.Red500
+        borderColor: ColorDynamic.Red500
       },
       '&.MuiOutlinedInput-root': {
         '& fieldset': {
-          borderColor: ColorV2.Silver500
+          borderColor: ColorDynamic.Silver500
         },
         '&:hover fieldset': {
-          borderColor: ColorV2.Dark100
+          borderColor: ColorDynamic.Dark100
         },
         '&.Mui-focused fieldset': {
-          borderColor: ColorV2.Blue500
+          borderColor: ColorDynamic.Blue500
         },
         '&.Mui-error fieldset': {
-          borderColor: ColorV2.Red500
+          borderColor: ColorDynamic.Red500
         },
         '&.Mui-error:hover fieldset': {
-          borderColor: ColorV2.Red500
+          borderColor: ColorDynamic.Red500
         },
         '&.Mui-disabled fieldset': {
-          borderColor: ColorV2.Silver400
+          borderColor: ColorDynamic.Silver400
         }
       }
     }),
     input: {
       textOverflow: 'ellipsis',
       '&::placeholder': {
-        color: ColorV2.Dark100,
+        color: ColorDynamic.Dark100,
         opacity: 1
       },
       '&.MuiInputBase-input': {
@@ -142,7 +142,7 @@ export function overrideTextField(theme) {
     },
     notchedOutline: {
       top: 0,
-      borderColor: ColorV2.Silver500,
+      borderColor: ColorDynamic.Silver500,
       '& legend': {
         display: 'none'
       }
@@ -155,7 +155,7 @@ export function overrideTextField(theme) {
     icon: {
       top: 'calc(50% - 0.5em)',
       '$disabled &': {
-        color: ColorV2.Dark100
+        color: ColorDynamic.Dark100
       },
       fontSize: theme.spacing(3),
       [sm]: {
@@ -213,10 +213,10 @@ export function overrideTextField(theme) {
   };
   theme.overrides.MuiFormHelperText = {
     root: _objectSpread(_objectSpread({}, theme.typography.body2), {}, {
-      color: ColorV2.Dark300,
+      color: ColorDynamic.Dark300,
       marginTop: theme.spacing(0.5),
       '&.Mui-error': {
-        color: ColorV2.Red500
+        color: ColorDynamic.Red500
       },
       '&.MuiFormHelperText-root': {
         fontSize: theme.spacing(2),