@autoguru/overdrive 3.0.0-next.13 → 3.0.0-next.17

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @autoguru/overdrive
 
+## 3.0.0-next.17
+
+### Patch Changes
+
+-   useMedia
+
+## 3.0.0-next.16
+
+### Patch Changes
+
+-   Portal: Removes memo
+
+## 3.0.0-next.15
+
+### Patch Changes
+
+-   Portal: Fixes unwrapped version
+
+## 3.0.0-next.14
+
+### Patch Changes
+
+-   Portal: Makes theme wrapping optional
+
 ## 3.0.0-next.13
 
 ### Patch Changes

package/dist/components/Portal/Portal.js

@@ -12,7 +12,8 @@ function Portal(_ref, ref) {
 
   let {
     children,
-    container
+    container,
+    noThemedWrapper
   } = _ref;
   const themeClass = (_useTheme = useTheme()) === null || _useTheme === void 0 ? void 0 : _useTheme.themeClass;
   const [mountNode, setMountNode] = useState(null);
@@ -28,10 +29,11 @@ function Portal(_ref, ref) {
       void setRef(ref, null);
     };
   }, [ref, mountNode]);
-  return mountNode ? createPortal(_jsx("div", {
+  if (!mountNode) return null;
+  return noThemedWrapper ? createPortal(children, mountNode) : createPortal(_jsx("div", {
     className: themeClass,
     children: children
-  }), mountNode) : null;
+  }), mountNode);
 }
 
 const _Portal = forwardRef(Portal);

package/dist/components/Positioner/Positioner.js

@@ -9,6 +9,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
+import { flip, offset, popperGenerator, preventOverflow } from '@popperjs/core';
+import { defaultModifiers } from '@popperjs/core/lib/popper';
 import * as React from 'react';
 import { useCallback, useEffect, useRef } from 'react';
 import { isBrowser, setRef } from "../../utils/index.js";
@@ -16,8 +18,6 @@ import { Box } from "../Box/index.js";
 import { Portal } from "../Portal/index.js";
 import * as styles from "./Positioner.css.js";
 import { EAlignment } from "./alignment.js";
-import { flip, offset, popperGenerator, preventOverflow } from '@popperjs/core';
-import { defaultModifiers } from '@popperjs/core/lib/popper';
 import { jsx as _jsx } from "react/jsx-runtime";
 export { EAlignment } from "./alignment.js";
 const createPopper = popperGenerator({

package/dist/components/ProgressSpinner/ProgressSpinner.css.js

@@ -12,11 +12,11 @@ const spinAnim = keyframes({
   }
 }, "spinAnim");
 export const circular = style({
+  animationName: spinAnim,
   transformOrigin: 'center center',
   animationDuration: '2s',
   animationTimingFunction: 'linear',
-  animationIterationCount: 'infinite',
-  animationName: spinAnim
+  animationIterationCount: 'infinite'
 }, "circular");
 const stokeAnim = keyframes({
   '0%': {

package/dist/hooks/useMedia/useMedia.js

@@ -10,7 +10,7 @@ export const useMedia = function useMedia(queries) {
     breakpoints
   } = useRuntimeTokens();
   if (!isBrowser) return queries.map(() => fallbackCase);
-  const getQueries = useCallback(() => queries.map(media => "(min-width: ".concat(breakpoints[media], "px)")), [breakpoints]);
+  const getQueries = useCallback(() => queries.map(media => "(min-width: ".concat(breakpoints[media], ")")), [breakpoints]);
   const matchesInit = useMemo(() => getQueries().map(query => window.matchMedia(query).matches), [getQueries]);
   const [matches, setMatches] = useState(matchesInit);
   useLayoutEffect(() => {

package/dist/themes/flat_red/tokens.js

@@ -177,5 +177,10 @@ export const tokens = _objectSpread(_objectSpread({}, baseTokens), {}, {
       min: 'none',
       '1': 'none'
     }
-  }
+  },
+  typography: _objectSpread(_objectSpread({}, baseTokens.typography), {}, {
+    colour: _objectSpread(_objectSpread({}, baseTokens.typography.colour), {}, {
+      primary: colours.red['600']
+    })
+  })
 });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "3.0.0-next.13",
+	"version": "3.0.0-next.17",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "./dist/index.d.ts",
 	"main": "./dist/index.js",