@galaxy-ds/core 1.1.60 → 1.1.63

package/dist/MenuItem/MenuItem.types.d.ts

@@ -3,5 +3,6 @@ import { MenuItemProps as MuiMenuItemProps } from "@material-ui/core/MenuItem";
 export interface MenuItemProps extends MuiMenuItemProps {
     startAdornment?: React.ReactNode;
     system?: boolean;
+    checked?: boolean;
     border?: boolean;
 }

package/dist/Radio/Radio.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { RadioProps } from "./Radio.types";
-declare const Radio: React.FC<RadioProps>;
+import { CustomRadioProps } from "./Radio.types";
+declare const Radio: React.FC<CustomRadioProps>;
 export default Radio;

package/dist/Radio/Radio.types.d.ts

@@ -1,4 +1,5 @@
-export interface RadioProps {
+import { RadioProps } from '@material-ui/core';
+export interface CustomRadioProps extends RadioProps {
     /**
      * If true, the component is checked.
      */

package/dist/Themes/Desktop/pallette.d.ts

@@ -44,7 +44,6 @@ export declare const pallette: {
 };
 declare const pallettes: {
     blue: {
-        300: string;
         200: string;
         100: string;
         50: string;

package/dist/Themes/Web/pallette.d.ts

@@ -44,7 +44,6 @@ export declare const pallette: {
 };
 declare const pallettes: {
     blue: {
-        300: string;
         200: string;
         100: string;
         50: string;

package/dist/index.esm.js

@@ -5680,7 +5680,7 @@ var Jss =
 function () {
   function Jss(options) {
     this.id = instanceCounter++;
-    this.version = "10.8.2";
+    this.version = "10.8.0";
     this.plugins = new PluginsRegistry();
     this.options = {
       id: {
@@ -33434,7 +33434,7 @@ var Avatar = function (props) {
             colorProp = "avatarDefault";
     }
     return (React__default.createElement(React__default.Fragment, null, tooltip ?
-        React__default.createElement(Tooltip$2, { title: tooltip, placement: placement },
+        React__default.createElement(Tooltip$2, { arrow: true, title: tooltip, placement: placement },
             React__default.createElement(MuiAvatar, __assign$1({}, rest, { variant: "circular", className: clsx(sizeProp, colorProp) })))
         :
             React__default.createElement(MuiAvatar, __assign$1({}, rest, { variant: "circular", className: clsx(sizeProp, colorProp) }))));
@@ -34208,10 +34208,10 @@ var useStyles$n = makeStyles(function (theme) {
     });
 });
 var MenuItem = React__default.forwardRef(function (props, ref) {
-    var children = props.children, startAdornment = props.startAdornment, value = props.value, system = props.system, border = props.border, rest = __rest(props, ["children", "startAdornment", "value", "system", "border"]);
+    var children = props.children, startAdornment = props.startAdornment, value = props.value, system = props.system, border = props.border, checked = props.checked, rest = __rest(props, ["children", "startAdornment", "value", "system", "border", "checked"]);
     var classes = useStyles$n();
     return (React__default.createElement("div", { className: classes.root },
-        React__default.createElement(MuiMenuItem, __assign$1({ ref: ref }, rest, { button: true, className: clsx(classes.root, system ? "gds-menu-item-system" : "", startAdornment ? "gds-menu-item-icon" : "") }),
+        React__default.createElement(MuiMenuItem, __assign$1({ ref: ref }, rest, { button: true, className: clsx(classes.root, checked ? "gds-menu-item-checked" : "", system ? "gds-menu-item-system" : "", startAdornment ? "gds-menu-item-icon" : "") }),
             startAdornment ? (React__default.createElement(ListItemIcon, null, startAdornment)) : null,
             children,
             " ",
@@ -36503,10 +36503,10 @@ var startOfDay$1 = /*#__PURE__*/Object.freeze({
 /**
  * @name isSameDay
  * @category Day Helpers
- * @summary Are the given dates in the same day (and year and month)?
+ * @summary Are the given dates in the same day?
  *
  * @description
- * Are the given dates in the same day (and year and month)?
+ * Are the given dates in the same day?
  *
  * ### v2.0.0 breaking changes:
  *
@@ -36514,23 +36514,13 @@ var startOfDay$1 = /*#__PURE__*/Object.freeze({
  *
  * @param {Date|Number} dateLeft - the first date to check
  * @param {Date|Number} dateRight - the second date to check
- * @returns {Boolean} the dates are in the same day (and year and month)
+ * @returns {Boolean} the dates are in the same day
  * @throws {TypeError} 2 arguments required
  *
  * @example
  * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?
  * var result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))
  * //=> true
- * 
- * @example
- * // Are 4 September and 4 October in the same day?
- * var result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))
- * //=> false
- * 
- * @example
- * // Are 4 September, 2014 and 4 September, 2015 in the same day?
- * var result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))
- * //=> false
  */
 
 function isSameDay(dirtyDateLeft, dirtyDateRight) {
@@ -36827,7 +36817,7 @@ function buildLocalizeFn(args) {
       valuesArray = args.values[_width] || args.values[_defaultWidth];
     }
 
-    var index = args.argumentCallback ? args.argumentCallback(dirtyIndex) : dirtyIndex; // @ts-ignore: For some reason TypeScript just don't want to match it, no matter how hard we try. I challenge you to try to remove it!
+    var index = args.argumentCallback ? args.argumentCallback(dirtyIndex) : dirtyIndex; // @ts-ignore: For some reason TypeScript just don't want to match it, no matter how hard we try. I challange you to try to remove it!
 
     return valuesArray[index];
   };
@@ -37246,6 +37236,101 @@ function subMilliseconds(dirtyDate, dirtyAmount) {
   return addMilliseconds(dirtyDate, -amount);
 }
 
+function addLeadingZeros(number, targetLength) {
+  var sign = number < 0 ? '-' : '';
+  var output = Math.abs(number).toString();
+
+  while (output.length < targetLength) {
+    output = '0' + output;
+  }
+
+  return sign + output;
+}
+
+/*
+ * |     | Unit                           |     | Unit                           |
+ * |-----|--------------------------------|-----|--------------------------------|
+ * |  a  | AM, PM                         |  A* |                                |
+ * |  d  | Day of month                   |  D  |                                |
+ * |  h  | Hour [1-12]                    |  H  | Hour [0-23]                    |
+ * |  m  | Minute                         |  M  | Month                          |
+ * |  s  | Second                         |  S  | Fraction of second             |
+ * |  y  | Year (abs)                     |  Y  |                                |
+ *
+ * Letters marked by * are not implemented but reserved by Unicode standard.
+ */
+
+var formatters$2 = {
+  // Year
+  y: function (date, token) {
+    // From http://www.unicode.org/reports/tr35/tr35-31/tr35-dates.html#Date_Format_tokens
+    // | Year     |     y | yy |   yyy |  yyyy | yyyyy |
+    // |----------|-------|----|-------|-------|-------|
+    // | AD 1     |     1 | 01 |   001 |  0001 | 00001 |
+    // | AD 12    |    12 | 12 |   012 |  0012 | 00012 |
+    // | AD 123   |   123 | 23 |   123 |  0123 | 00123 |
+    // | AD 1234  |  1234 | 34 |  1234 |  1234 | 01234 |
+    // | AD 12345 | 12345 | 45 | 12345 | 12345 | 12345 |
+    var signedYear = date.getUTCFullYear(); // Returns 1 for 1 BC (which is year 0 in JavaScript)
+
+    var year = signedYear > 0 ? signedYear : 1 - signedYear;
+    return addLeadingZeros(token === 'yy' ? year % 100 : year, token.length);
+  },
+  // Month
+  M: function (date, token) {
+    var month = date.getUTCMonth();
+    return token === 'M' ? String(month + 1) : addLeadingZeros(month + 1, 2);
+  },
+  // Day of the month
+  d: function (date, token) {
+    return addLeadingZeros(date.getUTCDate(), token.length);
+  },
+  // AM or PM
+  a: function (date, token) {
+    var dayPeriodEnumValue = date.getUTCHours() / 12 >= 1 ? 'pm' : 'am';
+
+    switch (token) {
+      case 'a':
+      case 'aa':
+        return dayPeriodEnumValue.toUpperCase();
+
+      case 'aaa':
+        return dayPeriodEnumValue;
+
+      case 'aaaaa':
+        return dayPeriodEnumValue[0];
+
+      case 'aaaa':
+      default:
+        return dayPeriodEnumValue === 'am' ? 'a.m.' : 'p.m.';
+    }
+  },
+  // Hour [1-12]
+  h: function (date, token) {
+    return addLeadingZeros(date.getUTCHours() % 12 || 12, token.length);
+  },
+  // Hour [0-23]
+  H: function (date, token) {
+    return addLeadingZeros(date.getUTCHours(), token.length);
+  },
+  // Minute
+  m: function (date, token) {
+    return addLeadingZeros(date.getUTCMinutes(), token.length);
+  },
+  // Second
+  s: function (date, token) {
+    return addLeadingZeros(date.getUTCSeconds(), token.length);
+  },
+  // Fraction of second
+  S: function (date, token) {
+    var numberOfDigits = token.length;
+    var milliseconds = date.getUTCMilliseconds();
+    var fractionalSeconds = Math.floor(milliseconds * Math.pow(10, numberOfDigits - 3));
+    return addLeadingZeros(fractionalSeconds, token.length);
+  }
+};
+var lightFormatters = formatters$2;
+
 var MILLISECONDS_IN_DAY$1 = 86400000; // This function will be a part of public API when UTC function will be implemented.
 // See issue: https://github.com/date-fns/date-fns/issues/376
 
@@ -37348,7 +37433,7 @@ function startOfUTCWeek(dirtyDate, dirtyOptions) {
 
 function getUTCWeekYear(dirtyDate, dirtyOptions) {
   requiredArgs(1, arguments);
-  var date = toDate(dirtyDate);
+  var date = toDate(dirtyDate, dirtyOptions);
   var year = date.getUTCFullYear();
   var options = dirtyOptions || {};
   var locale = options.locale;
@@ -37408,101 +37493,6 @@ function getUTCWeek(dirtyDate, options) {
   return Math.round(diff / MILLISECONDS_IN_WEEK) + 1;
 }
 
-function addLeadingZeros(number, targetLength) {
-  var sign = number < 0 ? '-' : '';
-  var output = Math.abs(number).toString();
-
-  while (output.length < targetLength) {
-    output = '0' + output;
-  }
-
-  return sign + output;
-}
-
-/*
- * |     | Unit                           |     | Unit                           |
- * |-----|--------------------------------|-----|--------------------------------|
- * |  a  | AM, PM                         |  A* |                                |
- * |  d  | Day of month                   |  D  |                                |
- * |  h  | Hour [1-12]                    |  H  | Hour [0-23]                    |
- * |  m  | Minute                         |  M  | Month                          |
- * |  s  | Second                         |  S  | Fraction of second             |
- * |  y  | Year (abs)                     |  Y  |                                |
- *
- * Letters marked by * are not implemented but reserved by Unicode standard.
- */
-
-var formatters$2 = {
-  // Year
-  y: function (date, token) {
-    // From http://www.unicode.org/reports/tr35/tr35-31/tr35-dates.html#Date_Format_tokens
-    // | Year     |     y | yy |   yyy |  yyyy | yyyyy |
-    // |----------|-------|----|-------|-------|-------|
-    // | AD 1     |     1 | 01 |   001 |  0001 | 00001 |
-    // | AD 12    |    12 | 12 |   012 |  0012 | 00012 |
-    // | AD 123   |   123 | 23 |   123 |  0123 | 00123 |
-    // | AD 1234  |  1234 | 34 |  1234 |  1234 | 01234 |
-    // | AD 12345 | 12345 | 45 | 12345 | 12345 | 12345 |
-    var signedYear = date.getUTCFullYear(); // Returns 1 for 1 BC (which is year 0 in JavaScript)
-
-    var year = signedYear > 0 ? signedYear : 1 - signedYear;
-    return addLeadingZeros(token === 'yy' ? year % 100 : year, token.length);
-  },
-  // Month
-  M: function (date, token) {
-    var month = date.getUTCMonth();
-    return token === 'M' ? String(month + 1) : addLeadingZeros(month + 1, 2);
-  },
-  // Day of the month
-  d: function (date, token) {
-    return addLeadingZeros(date.getUTCDate(), token.length);
-  },
-  // AM or PM
-  a: function (date, token) {
-    var dayPeriodEnumValue = date.getUTCHours() / 12 >= 1 ? 'pm' : 'am';
-
-    switch (token) {
-      case 'a':
-      case 'aa':
-        return dayPeriodEnumValue.toUpperCase();
-
-      case 'aaa':
-        return dayPeriodEnumValue;
-
-      case 'aaaaa':
-        return dayPeriodEnumValue[0];
-
-      case 'aaaa':
-      default:
-        return dayPeriodEnumValue === 'am' ? 'a.m.' : 'p.m.';
-    }
-  },
-  // Hour [1-12]
-  h: function (date, token) {
-    return addLeadingZeros(date.getUTCHours() % 12 || 12, token.length);
-  },
-  // Hour [0-23]
-  H: function (date, token) {
-    return addLeadingZeros(date.getUTCHours(), token.length);
-  },
-  // Minute
-  m: function (date, token) {
-    return addLeadingZeros(date.getUTCMinutes(), token.length);
-  },
-  // Second
-  s: function (date, token) {
-    return addLeadingZeros(date.getUTCSeconds(), token.length);
-  },
-  // Fraction of second
-  S: function (date, token) {
-    var numberOfDigits = token.length;
-    var milliseconds = date.getUTCMilliseconds();
-    var fractionalSeconds = Math.floor(milliseconds * Math.pow(10, numberOfDigits - 3));
-    return addLeadingZeros(fractionalSeconds, token.length);
-  }
-};
-var lightFormatters = formatters$2;
-
 var dayPeriodEnum = {
   am: 'am',
   pm: 'pm',
@@ -38414,7 +38404,7 @@ function timeLongFormatter(pattern, formatLong) {
 }
 
 function dateTimeLongFormatter(pattern, formatLong) {
-  var matchResult = pattern.match(/(P+)(p+)?/) || [];
+  var matchResult = pattern.match(/(P+)(p+)?/);
   var datePattern = matchResult[1];
   var timePattern = matchResult[2];
 
@@ -38762,7 +38752,7 @@ var unescapedLatinCharacterRegExp$1 = /[a-zA-Z]/;
  * 8. `YY` and `YYYY` tokens represent week-numbering years but they are often confused with years.
  *    You should enable `options.useAdditionalWeekYearTokens` to use them. See: https://git.io/fxCyr
  *
- * 9. `D` and `DD` tokens represent days of the year but they are often confused with days of the month.
+ * 9. `D` and `DD` tokens represent days of the year but they are ofthen confused with days of the month.
  *    You should enable `options.useAdditionalDayOfYearTokens` to use them. See: https://git.io/fxCyr
  *
  * ### v2.0.0 breaking changes:
@@ -41399,7 +41389,7 @@ var parsers = {
       date.setUTCHours(dayPeriodEnumToHours(value), 0, 0, 0);
       return date;
     },
-    incompatibleTokens: ['b', 'B', 'H', 'k', 't', 'T']
+    incompatibleTokens: ['b', 'B', 'H', 'K', 'k', 't', 'T']
   },
   // AM, PM, midnight
   b: {
@@ -41441,7 +41431,7 @@ var parsers = {
       date.setUTCHours(dayPeriodEnumToHours(value), 0, 0, 0);
       return date;
     },
-    incompatibleTokens: ['a', 'B', 'H', 'k', 't', 'T']
+    incompatibleTokens: ['a', 'B', 'H', 'K', 'k', 't', 'T']
   },
   // in the morning, in the afternoon, in the evening, at night
   B: {
@@ -41577,7 +41567,7 @@ var parsers = {
 
       return date;
     },
-    incompatibleTokens: ['h', 'H', 'k', 't', 'T']
+    incompatibleTokens: ['a', 'b', 'h', 'H', 'k', 't', 'T']
   },
   // Hour [1-24]
   k: {
@@ -41935,7 +41925,7 @@ var unescapedLatinCharacterRegExp = /[a-zA-Z]/;
  * |                                 |     | tt      | ...                               | 2     |
  * | Fraction of second              |  30 | S       | 0, 1, ..., 9                      |       |
  * |                                 |     | SS      | 00, 01, ..., 99                   |       |
- * |                                 |     | SSS     | 000, 001, ..., 999                |       |
+ * |                                 |     | SSS     | 000, 0001, ..., 999               |       |
  * |                                 |     | SSSS    | ...                               | 2     |
  * | Milliseconds timestamp          |  20 | T       | 512969520900                      |       |
  * |                                 |     | TT      | ...                               | 2     |
@@ -43544,10 +43534,10 @@ var differenceInDays$1 = /*#__PURE__*/Object.freeze({
 /**
  * @name isSameMonth
  * @category Month Helpers
- * @summary Are the given dates in the same month (and year)?
+ * @summary Are the given dates in the same month?
  *
  * @description
- * Are the given dates in the same month (and year)?
+ * Are the given dates in the same month?
  *
  * ### v2.0.0 breaking changes:
  *
@@ -43555,18 +43545,13 @@ var differenceInDays$1 = /*#__PURE__*/Object.freeze({
  *
  * @param {Date|Number} dateLeft - the first date to check
  * @param {Date|Number} dateRight - the second date to check
- * @returns {Boolean} the dates are in the same month (and year)
+ * @returns {Boolean} the dates are in the same month
  * @throws {TypeError} 2 arguments required
  *
  * @example
  * // Are 2 September 2014 and 25 September 2014 in the same month?
  * var result = isSameMonth(new Date(2014, 8, 2), new Date(2014, 8, 25))
  * //=> true
- *
- * @example
- * // Are 2 September 2014 and 25 September 2015 in the same month?
- * var result = isSameMonth(new Date(2014, 8, 2), new Date(2015, 8, 25))
- * //=> false
  */
 
 function isSameMonth(dirtyDateLeft, dirtyDateRight) {
@@ -47655,6 +47640,7 @@ var themeWeb = createTheme({
                 lineHeight: 1.5715,
                 letterSpacing: '0.01rem',
                 padding: '.25rem 1.25rem',
+                '&.gds-startIcon': {},
                 '&:hover': {
                     backgroundColor: pallettes$1.brand.primary.transparent,
                     color: pallettes$1.brand.primary.main,
@@ -47676,11 +47662,13 @@ var themeWeb = createTheme({
                     backgroundColor: pallettes$1.brand.primary.main,
                     color: pallettes$1.grey['50'],
                 },
-                "&.gds-menu-item-icon": {
-                    paddingLeft: 32,
+                '&.gds-menu-item-checked': {
                     "&:not($selected) svg": {
                         color: pallettes$1.pallette.action.selected,
                     },
+                },
+                "&.gds-menu-item-icon": {
+                    paddingLeft: 32,
                     "& .MuiListItemIcon-root": {
                         position: 'absolute',
                         left: 8,
@@ -47707,6 +47695,9 @@ var themeWeb = createTheme({
                         },
                     },
                 },
+                "& .MuiCheckbox-root": {
+                    marginRight: "12px"
+                },
                 '&.gds-drawer-menu-item': {
                     backgroundColor: 'transparent',
                     color: pallettes$1.grey['200'],
@@ -49285,7 +49276,7 @@ var themeDesktop = createTheme({
                 margin: '5px 0 !important',
             },
             arrow: {
-                display: 'none',
+                color: pallettes.grey[50],
             },
         },
         MuiSvgIcon: {