@superdispatch/dates 0.31.0 → 0.32.0

package/dist-node/index.js

@@ -392,7 +392,7 @@ var useStyles = /*#__PURE__*/styles.makeStyles(theme => ({
   },
   caption: {
     textAlign: 'center',
-    color: ui.Color.Dark500,
+    color: ui.ColorV2.Dark500,
     fontSize: 12,
     fontWeight: 700,
     textTransform: 'uppercase',
@@ -414,7 +414,7 @@ var useStyles = /*#__PURE__*/styles.makeStyles(theme => ({
     alignItems: 'center',
     justifyContent: 'center',
     textDecoration: 'none',
-    color: ui.Color.Dark300,
+    color: ui.ColorV2.Dark300,
     width: theme.spacing(5),
     height: theme.spacing(5)
   },
@@ -459,7 +459,7 @@ var useStyles = /*#__PURE__*/styles.makeStyles(theme => ({
       bottom: 0,
       zIndex: -1,
       position: 'absolute',
-      backgroundColor: ui.Color.Transparent,
+      backgroundColor: ui.ColorV2.Transparent,
       transition: theme.transitions.create('background-color')
     },
     '&:first-child, &$firstDayOfMonth': {
@@ -481,75 +481,75 @@ var useStyles = /*#__PURE__*/styles.makeStyles(theme => ({
       bottom: 0,
       zIndex: -1,
       position: 'absolute',
-      backgroundColor: ui.Color.Transparent,
+      backgroundColor: ui.ColorV2.Transparent,
       transition: theme.transitions.create('background-color')
     },
     '&:hover, &:focus': {
       outline: 'none'
     },
     '&$today': {
-      border: "1px solid ".concat(ui.Color.Silver500)
+      border: "1px solid ".concat(ui.ColorV2.Silver500)
     },
     '&$disabled': {
-      color: ui.Color.Dark100,
+      color: ui.ColorV2.Dark100,
       '&$selected:not($outside):after': {
-        backgroundColor: ui.Color.Silver300
+        backgroundColor: ui.ColorV2.Silver300
       }
     },
     '&:not($outside):not($disabled)': {
       cursor: 'pointer',
-      color: ui.Color.Dark500,
+      color: ui.ColorV2.Dark500,
       '&:not($selected):not(:active)': {
         '&:hover, &:focus': {
-          backgroundColor: ui.Color.Silver100
+          backgroundColor: ui.ColorV2.Silver100
         },
         '&$blue': {
-          color: ui.Color.Blue500,
+          color: ui.ColorV2.Blue500,
           '&': {
-            backgroundColor: ui.Color.Blue50
+            backgroundColor: ui.ColorV2.Blue50
           }
         },
         '&$green': {
-          color: ui.Color.Green500,
+          color: ui.ColorV2.Green500,
           '&': {
-            backgroundColor: ui.Color.Green50
+            backgroundColor: ui.ColorV2.Green50
           }
         },
         '&$purple': {
-          color: ui.Color.Purple500,
+          color: ui.ColorV2.Purple500,
           '&': {
-            backgroundColor: ui.Color.Purple50
+            backgroundColor: ui.ColorV2.Purple50
           }
         },
         '&$red': {
-          color: ui.Color.Red500,
+          color: ui.ColorV2.Red500,
           '&': {
-            backgroundColor: ui.Color.Red50
+            backgroundColor: ui.ColorV2.Red50
           }
         },
         '&$teal': {
-          color: ui.Color.Teal500,
+          color: ui.ColorV2.Teal500,
           '&': {
-            backgroundColor: ui.Color.Teal50
+            backgroundColor: ui.ColorV2.Teal50
           }
         },
         '&$yellow': {
-          color: ui.Color.Yellow500,
+          color: ui.ColorV2.Yellow500,
           '&': {
-            backgroundColor: ui.Color.Yellow50
+            backgroundColor: ui.ColorV2.Yellow50
           }
         }
       },
       '&:active, &$selected': {
-        color: ui.Color.White,
+        color: ui.ColorV2.White,
         '&:after': {
-          backgroundColor: ui.Color.Blue300
+          backgroundColor: ui.ColorV2.Blue300
         },
         '&$today': {
           border: 'none'
         },
         '&$today:before': {
-          border: "1px solid ".concat(ui.Color.Blue300),
+          border: "1px solid ".concat(ui.ColorV2.Blue300),
           borderRadius: theme.spacing(0.5)
         }
       }
@@ -783,7 +783,7 @@ var _excluded$1 = ["id", "api", "onClear", "onClick", "onClose", "onKeyDown", "d
 var Popover = /*#__PURE__*/styled(core.Popover).withConfig({
   displayName: "BaseDatePicker__Popover",
   componentId: "SD__sc-1xvk8l6-0"
-})([".MuiPaper-rounded{border:1px solid ", ";box-shadow:0px 0px 4px 0px rgba(0,0,0,0.05),0px 4px 8px 0px rgba(0,0,0,0.12);}"], ui.Color.Silver400);
+})([".MuiPaper-rounded{border:1px solid ", ";box-shadow:0px 0px 4px 0px rgba(0,0,0,0.05),0px 4px 8px 0px rgba(0,0,0,0.12);}"], ui.ColorV2.Silver400);
 var BaseDatePicker = /*#__PURE__*/react.forwardRef((_ref, ref) => {
   var {
       id,
@@ -1021,17 +1021,17 @@ var useStyles$1 = /*#__PURE__*/styles.makeStyles(theme => ({
       },
       '&:not($rangeStart):not($rangeFinish)': {
         '&:after': {
-          backgroundColor: ui.Color.Transparent
+          backgroundColor: ui.ColorV2.Transparent
         },
         '&$disabled': {
           '&:before': {
-            backgroundColor: ui.Color.Silver100
+            backgroundColor: ui.ColorV2.Silver100
           }
         },
         '&:not($disabled)': {
-          color: ui.Color.Blue500,
+          color: ui.ColorV2.Blue500,
           '&:before': {
-            backgroundColor: ui.Color.Blue50
+            backgroundColor: ui.ColorV2.Blue50
           }
         }
       }