@nulogy/components 6.2.0 → 6.3.2

package/dist/main.js

@@ -191,7 +191,8 @@
 
     var i18nOptions = _objectSpread$6(_objectSpread$6(_objectSpread$6({}, getDefaults()), i18n.options.react), props);
 
-    var useSuspense = i18nOptions.useSuspense;
+    var useSuspense = i18nOptions.useSuspense,
+        keyPrefix = i18nOptions.keyPrefix;
     var namespaces = ns || defaultNSFromContext || i18n.options && i18n.options.defaultNS;
     namespaces = typeof namespaces === 'string' ? [namespaces] : namespaces || ['translation'];
     if (i18n.reportNamespaces.addUsedNamespaces) i18n.reportNamespaces.addUsedNamespaces(namespaces);
@@ -200,7 +201,7 @@
     });
 
     function getT() {
-      return i18n.getFixedT(null, i18nOptions.nsMode === 'fallback' ? namespaces : namespaces[0]);
+      return i18n.getFixedT(null, i18nOptions.nsMode === 'fallback' ? namespaces : namespaces[0], keyPrefix);
     }
 
     var _useState = React.useState(getT),
@@ -274,7 +275,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Tue, 26 Jan 2021 19:44:57 GMT
+   * Generated on Wed, 10 Nov 2021 22:44:30 GMT
    */
 
   const color_base_black = "#011e38";
@@ -283,6 +284,7 @@
   const color_base_blue = "#216beb";
   const color_base_light_blue = "#e1ebfa";
   const color_base_dark_grey = "#434d59";
+  const color_base_mid_grey = "#6c7784";
   const color_base_grey = "#c0c8d1";
   const color_base_light_grey = "#e4e7eb";
   const color_base_white_grey = "#f0f2f5";
@@ -364,6 +366,7 @@
       blue: color_base_blue,
       lightBlue: color_base_light_blue,
       darkGrey: color_base_dark_grey,
+      midGrey: color_base_mid_grey,
       grey: color_base_grey,
       lightGrey: color_base_light_grey,
       whiteGrey: color_base_white_grey,
@@ -20202,6 +20205,11 @@
 
     var spaceProps = getSubset(props, propTypes.space);
     var restProps = omitSubset(props, propTypes.space);
+    var modifiers = React.useMemo(function () {
+      return transformPropsToModifiers({
+        boundariesElement: boundariesElement
+      });
+    }, [boundariesElement]);
     return /*#__PURE__*/React__default['default'].createElement(Popper$1, {
       trigger: /*#__PURE__*/React__default['default'].cloneElement(trigger(), Object.assign({
         type: "button",
@@ -20216,9 +20224,7 @@
       openOnClick: true,
       ref: ref,
       openOnHover: false,
-      modifiers: transformPropsToModifiers({
-        boundariesElement: boundariesElement
-      }),
+      modifiers: modifiers,
       backgroundColor: backgroundColor,
       borderColor: backgroundColor,
       openAriaLabel: openAriaLabel,

package/dist/main.module.js

@@ -165,7 +165,8 @@ function useTranslation(ns) {
 
   var i18nOptions = _objectSpread$6(_objectSpread$6(_objectSpread$6({}, getDefaults()), i18n.options.react), props);
 
-  var useSuspense = i18nOptions.useSuspense;
+  var useSuspense = i18nOptions.useSuspense,
+      keyPrefix = i18nOptions.keyPrefix;
   var namespaces = ns || defaultNSFromContext || i18n.options && i18n.options.defaultNS;
   namespaces = typeof namespaces === 'string' ? [namespaces] : namespaces || ['translation'];
   if (i18n.reportNamespaces.addUsedNamespaces) i18n.reportNamespaces.addUsedNamespaces(namespaces);
@@ -174,7 +175,7 @@ function useTranslation(ns) {
   });
 
   function getT() {
-    return i18n.getFixedT(null, i18nOptions.nsMode === 'fallback' ? namespaces : namespaces[0]);
+    return i18n.getFixedT(null, i18nOptions.nsMode === 'fallback' ? namespaces : namespaces[0], keyPrefix);
   }
 
   var _useState = useState(getT),
@@ -248,7 +249,7 @@ function I18nextProvider(_ref) {
 
 /**
  * Do not edit directly
- * Generated on Tue, 26 Jan 2021 19:44:57 GMT
+ * Generated on Wed, 10 Nov 2021 22:44:30 GMT
  */
 
 const color_base_black = "#011e38";
@@ -257,6 +258,7 @@ const color_base_dark_blue = "#00438f";
 const color_base_blue = "#216beb";
 const color_base_light_blue = "#e1ebfa";
 const color_base_dark_grey = "#434d59";
+const color_base_mid_grey = "#6c7784";
 const color_base_grey = "#c0c8d1";
 const color_base_light_grey = "#e4e7eb";
 const color_base_white_grey = "#f0f2f5";
@@ -338,6 +340,7 @@ var Theme = {
     blue: color_base_blue,
     lightBlue: color_base_light_blue,
     darkGrey: color_base_dark_grey,
+    midGrey: color_base_mid_grey,
     grey: color_base_grey,
     lightGrey: color_base_light_grey,
     whiteGrey: color_base_white_grey,
@@ -20176,6 +20179,11 @@ var DropdownMenu = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
 
   var spaceProps = getSubset(props, propTypes.space);
   var restProps = omitSubset(props, propTypes.space);
+  var modifiers = useMemo(function () {
+    return transformPropsToModifiers({
+      boundariesElement: boundariesElement
+    });
+  }, [boundariesElement]);
   return /*#__PURE__*/React__default.createElement(Popper$1, {
     trigger: /*#__PURE__*/React__default.cloneElement(trigger(), Object.assign({
       type: "button",
@@ -20190,9 +20198,7 @@ var DropdownMenu = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
     openOnClick: true,
     ref: ref,
     openOnHover: false,
-    modifiers: transformPropsToModifiers({
-      boundariesElement: boundariesElement
-    }),
+    modifiers: modifiers,
     backgroundColor: backgroundColor,
     borderColor: backgroundColor,
     openAriaLabel: openAriaLabel,

package/dist/src/theme.type.d.ts

@@ -5,6 +5,7 @@ declare type Colors = {
     blue: string;
     lightBlue: string;
     darkGrey: string;
+    midGrey: string;
     grey: string;
     lightGrey: string;
     whiteGrey: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "6.2.0",
+  "version": "6.3.2",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -74,7 +74,7 @@
     "@storybook/addon-storysource": "^6.1.9",
     "@storybook/addon-viewport": "^6.1.9",
     "@storybook/codemod": "^6.1.9",
-    "@storybook/react": "^6.1.9",
+    "@storybook/react": "^6.3.12",
     "@storybook/theming": "^6.1.9",
     "@testing-library/jest-dom": "5.11.5",
     "@testing-library/react": "^10.0.0",
@@ -94,7 +94,7 @@
     "babel-plugin-require-context-hook": "1.0.0",
     "babel-plugin-styled-components": "1.10.7",
     "babel-preset-react": "6.24.1",
-    "chromatic": "^5.2.0",
+    "chromatic": "^6.0.6",
     "concurrently": "^5.2.0",
     "cypress": "^4.0.0",
     "cypress-enter-plugin": "^1.0.1",
@@ -104,7 +104,7 @@
     "enzyme-to-json": "3.4.4",
     "eslint": "6.8.0",
     "eslint-plugin-prettier": "^3.1.4",
-    "http-server": "0.12.3",
+    "http-server": "^14.0.0",
     "husky": "^4.3.0",
     "jest": "24.1.0",
     "jest-styled-components": "7",
@@ -113,7 +113,9 @@
     "plop": "^2.4.0",
     "prop-types": "15.7.2",
     "puppeteer": "^3.3.0",
+    "react": "16.10.2",
     "react-color": "^2.18.1",
+    "react-dom": "16.10.2",
     "react-router-dom": "^5.2.0",
     "react-select": "^3.0.8",
     "react-test-renderer": "^16.10",
@@ -132,13 +134,11 @@
     "typescript-eslint": "^0.0.1-alpha.0",
     "wait-on": "^5.1.0",
     "webpack": "^4.8.3",
-    "webpack-cli": "^3.1.0",
-    "react": "16.10.2",
-    "react-dom": "16.10.2"
+    "webpack-cli": "^3.1.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.9.6",
-    "@nulogy/tokens": "4",
+    "@nulogy/tokens": "^5.1.0",
     "@styled-system/prop-types": "^5.1.4",
     "@styled-system/theme-get": "^5.1.2",
     "body-scroll-lock": "^3.1.5",
@@ -152,7 +152,7 @@
     "polished": "3.4.4",
     "react-datepicker": "^4.1.0",
     "react-fast-compare": "^3.2.0",
-    "react-i18next": "^11.3.3",
+    "react-i18next": "^11.14.2",
     "react-input-autosize": "^2.2.2",
     "react-modal": "^3.10.1",
     "react-popper": "1.3.7",