@superdispatch/dates 0.33.0 → 0.35.0

package/dist-src/calendar/Calendar.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["footer", "classes", "direction", "quickSelection", "selectedDays", "disabledDays", "onDayClick", "onDayKeyDown", "onDayMouseEnter", "onDayMouseLeave", "onDayMouseDown", "onDayMouseUp", "onDayTouchEnd", "onDayTouchStart", "modifiers", "highlightedDays", "format", "initialTime", "initialMonth"];
 import { Divider, Grid, Hidden } from '@material-ui/core';
 import { makeStyles } from '@material-ui/styles';
-import { ColorV2 } from '@superdispatch/ui';
+import { ColorDynamic } from '@superdispatch/ui';
 import { DateTime } from 'luxon';
 import { forwardRef, useMemo } from 'react';
 import DayPicker from 'react-day-picker';
@@ -53,7 +53,7 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
   },
   caption: {
     textAlign: 'center',
-    color: ColorV2.Dark500,
+    color: ColorDynamic.Dark500,
     fontSize: 12,
     fontWeight: 700,
     textTransform: 'uppercase',
@@ -75,7 +75,7 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
     alignItems: 'center',
     justifyContent: 'center',
     textDecoration: 'none',
-    color: ColorV2.Dark300,
+    color: ColorDynamic.Dark300,
     width: theme.spacing(5),
     height: theme.spacing(5)
   },
@@ -120,7 +120,7 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
       bottom: 0,
       zIndex: -1,
       position: 'absolute',
-      backgroundColor: ColorV2.Transparent,
+      backgroundColor: ColorDynamic.Transparent,
       transition: theme.transitions.create('background-color')
     },
     '&:first-child, &$firstDayOfMonth': {
@@ -142,75 +142,75 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
       bottom: 0,
       zIndex: -1,
       position: 'absolute',
-      backgroundColor: ColorV2.Transparent,
+      backgroundColor: ColorDynamic.Transparent,
       transition: theme.transitions.create('background-color')
     },
     '&:hover, &:focus': {
       outline: 'none'
     },
     '&$today': {
-      border: "1px solid ".concat(ColorV2.Silver500)
+      border: "1px solid ".concat(ColorDynamic.Silver500)
     },
     '&$disabled': {
-      color: ColorV2.Dark100,
+      color: ColorDynamic.Dark100,
       '&$selected:not($outside):after': {
-        backgroundColor: ColorV2.Silver300
+        backgroundColor: ColorDynamic.Silver400
       }
     },
     '&:not($outside):not($disabled)': {
       cursor: 'pointer',
-      color: ColorV2.Dark500,
+      color: ColorDynamic.Dark500,
       '&:not($selected):not(:active)': {
         '&:hover, &:focus': {
-          backgroundColor: ColorV2.Silver100
+          backgroundColor: ColorDynamic.Silver200
         },
         '&$blue': {
-          color: ColorV2.Blue500,
+          color: ColorDynamic.Blue500,
           '&': {
-            backgroundColor: ColorV2.Blue50
+            backgroundColor: ColorDynamic.Blue50
           }
         },
         '&$green': {
-          color: ColorV2.Green500,
+          color: ColorDynamic.Green500,
           '&': {
-            backgroundColor: ColorV2.Green50
+            backgroundColor: ColorDynamic.Green50
           }
         },
         '&$purple': {
-          color: ColorV2.Purple500,
+          color: ColorDynamic.Purple500,
           '&': {
-            backgroundColor: ColorV2.Purple50
+            backgroundColor: ColorDynamic.Purple50
           }
         },
         '&$red': {
-          color: ColorV2.Red500,
+          color: ColorDynamic.Red500,
           '&': {
-            backgroundColor: ColorV2.Red50
+            backgroundColor: ColorDynamic.Red50
           }
         },
         '&$teal': {
-          color: ColorV2.Teal500,
+          color: ColorDynamic.Teal500,
           '&': {
-            backgroundColor: ColorV2.Teal50
+            backgroundColor: ColorDynamic.Teal50
           }
         },
         '&$yellow': {
-          color: ColorV2.Yellow500,
+          color: ColorDynamic.Yellow500,
           '&': {
-            backgroundColor: ColorV2.Yellow50
+            backgroundColor: ColorDynamic.Yellow50
           }
         }
       },
       '&:active, &$selected': {
-        color: ColorV2.White,
+        color: ColorDynamic.White,
         '&:after': {
-          backgroundColor: ColorV2.Blue300
+          backgroundColor: ColorDynamic.Blue300
         },
         '&$today': {
           border: 'none'
         },
         '&$today:before': {
-          border: "1px solid ".concat(ColorV2.Blue300),
+          border: "1px solid ".concat(ColorDynamic.Blue300),
           borderRadius: theme.spacing(0.5)
         }
       }

package/dist-src/date-range-field/DateRangeField.js

@@ -4,7 +4,7 @@ var _excluded = ["modifiers", "onDayClick", "onDayMouseEnter", "numberOfMonths"]
   _excluded2 = ["onBlur", "onFocus", "onChange", "renderFooter", "renderQuickSelection", "value", "format", "fallback", "enableClearable", "disableCloseOnSelect", "CalendarProps"],
   _excluded3 = ["rangeStart", "rangeFinish"];
 import { makeStyles } from '@material-ui/styles';
-import { ColorV2 } from '@superdispatch/ui';
+import { ColorDynamic } from '@superdispatch/ui';
 import { forwardRef, useMemo, useRef, useState } from 'react';
 import { BaseDatePicker } from "../base-date-picker/BaseDatePicker.js";
 import { Calendar } from "../calendar/Calendar.js";
@@ -28,17 +28,17 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
       },
       '&:not($rangeStart):not($rangeFinish)': {
         '&:after': {
-          backgroundColor: ColorV2.Transparent
+          backgroundColor: ColorDynamic.Transparent
         },
         '&$disabled': {
           '&:before': {
-            backgroundColor: ColorV2.Silver100
+            backgroundColor: ColorDynamic.Silver100
           }
         },
         '&:not($disabled)': {
-          color: ColorV2.Blue500,
+          color: ColorDynamic.Blue500,
           '&:before': {
-            backgroundColor: ColorV2.Blue50
+            backgroundColor: ColorDynamic.Blue50
           }
         }
       }

package/dist-web/index.js

@@ -2,7 +2,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { Typography, IconButton, Grid, Hidden, Divider, ListItem, List, Popover as Popover$1, TextField, InputAdornment, SvgIcon } from '@material-ui/core';
 import { makeStyles } from '@material-ui/styles';
-import { ColorV2, useUID, mergeRefs, renderChildren } from '@superdispatch/ui';
+import { ColorDynamic, useUID, mergeRefs, renderChildren } from '@superdispatch/ui';
 import { Settings, FixedOffsetZone, DateTime } from 'luxon';
 import { useMemo, useContext, createContext, forwardRef, useRef, useState, useImperativeHandle, useEffect } from 'react';
 import DayPicker from 'react-day-picker';
@@ -386,7 +386,7 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
   },
   caption: {
     textAlign: 'center',
-    color: ColorV2.Dark500,
+    color: ColorDynamic.Dark500,
     fontSize: 12,
     fontWeight: 700,
     textTransform: 'uppercase',
@@ -408,7 +408,7 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
     alignItems: 'center',
     justifyContent: 'center',
     textDecoration: 'none',
-    color: ColorV2.Dark300,
+    color: ColorDynamic.Dark300,
     width: theme.spacing(5),
     height: theme.spacing(5)
   },
@@ -453,7 +453,7 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
       bottom: 0,
       zIndex: -1,
       position: 'absolute',
-      backgroundColor: ColorV2.Transparent,
+      backgroundColor: ColorDynamic.Transparent,
       transition: theme.transitions.create('background-color')
     },
     '&:first-child, &$firstDayOfMonth': {
@@ -475,75 +475,75 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
       bottom: 0,
       zIndex: -1,
       position: 'absolute',
-      backgroundColor: ColorV2.Transparent,
+      backgroundColor: ColorDynamic.Transparent,
       transition: theme.transitions.create('background-color')
     },
     '&:hover, &:focus': {
       outline: 'none'
     },
     '&$today': {
-      border: "1px solid ".concat(ColorV2.Silver500)
+      border: "1px solid ".concat(ColorDynamic.Silver500)
     },
     '&$disabled': {
-      color: ColorV2.Dark100,
+      color: ColorDynamic.Dark100,
       '&$selected:not($outside):after': {
-        backgroundColor: ColorV2.Silver300
+        backgroundColor: ColorDynamic.Silver400
       }
     },
     '&:not($outside):not($disabled)': {
       cursor: 'pointer',
-      color: ColorV2.Dark500,
+      color: ColorDynamic.Dark500,
       '&:not($selected):not(:active)': {
         '&:hover, &:focus': {
-          backgroundColor: ColorV2.Silver100
+          backgroundColor: ColorDynamic.Silver200
         },
         '&$blue': {
-          color: ColorV2.Blue500,
+          color: ColorDynamic.Blue500,
           '&': {
-            backgroundColor: ColorV2.Blue50
+            backgroundColor: ColorDynamic.Blue50
           }
         },
         '&$green': {
-          color: ColorV2.Green500,
+          color: ColorDynamic.Green500,
           '&': {
-            backgroundColor: ColorV2.Green50
+            backgroundColor: ColorDynamic.Green50
           }
         },
         '&$purple': {
-          color: ColorV2.Purple500,
+          color: ColorDynamic.Purple500,
           '&': {
-            backgroundColor: ColorV2.Purple50
+            backgroundColor: ColorDynamic.Purple50
           }
         },
         '&$red': {
-          color: ColorV2.Red500,
+          color: ColorDynamic.Red500,
           '&': {
-            backgroundColor: ColorV2.Red50
+            backgroundColor: ColorDynamic.Red50
           }
         },
         '&$teal': {
-          color: ColorV2.Teal500,
+          color: ColorDynamic.Teal500,
           '&': {
-            backgroundColor: ColorV2.Teal50
+            backgroundColor: ColorDynamic.Teal50
           }
         },
         '&$yellow': {
-          color: ColorV2.Yellow500,
+          color: ColorDynamic.Yellow500,
           '&': {
-            backgroundColor: ColorV2.Yellow50
+            backgroundColor: ColorDynamic.Yellow50
           }
         }
       },
       '&:active, &$selected': {
-        color: ColorV2.White,
+        color: ColorDynamic.White,
         '&:after': {
-          backgroundColor: ColorV2.Blue300
+          backgroundColor: ColorDynamic.Blue300
         },
         '&$today': {
           border: 'none'
         },
         '&$today:before': {
-          border: "1px solid ".concat(ColorV2.Blue300),
+          border: "1px solid ".concat(ColorDynamic.Blue300),
           borderRadius: theme.spacing(0.5)
         }
       }
@@ -777,7 +777,7 @@ var _excluded$1 = ["id", "api", "onClear", "onClick", "onClose", "onKeyDown", "d
 var Popover = /*#__PURE__*/styled(Popover$1).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);}"], ColorV2.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);}"], ColorDynamic.Silver400);
 var BaseDatePicker = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
       id,
@@ -1015,17 +1015,17 @@ var useStyles$1 = /*#__PURE__*/makeStyles(theme => ({
       },
       '&:not($rangeStart):not($rangeFinish)': {
         '&:after': {
-          backgroundColor: ColorV2.Transparent
+          backgroundColor: ColorDynamic.Transparent
         },
         '&$disabled': {
           '&:before': {
-            backgroundColor: ColorV2.Silver100
+            backgroundColor: ColorDynamic.Silver100
           }
         },
         '&:not($disabled)': {
-          color: ColorV2.Blue500,
+          color: ColorDynamic.Blue500,
           '&:before': {
-            backgroundColor: ColorV2.Blue50
+            backgroundColor: ColorDynamic.Blue50
           }
         }
       }