@autoguru/overdrive 4.12.1 → 4.12.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/components/Section/Section.d.ts +1 -1
  2. package/dist/components/Section/Section.d.ts.map +1 -1
  3. package/dist/components/Section/Section.js +3 -1
  4. package/dist/components/ThemeOverrideProvider/ThemeOverrideProvider.d.ts.map +1 -1
  5. package/dist/components/ThemeOverrideProvider/ThemeOverrideProvider.js +1 -1
  6. package/dist/components/ThemeOverrideProvider/useBuildThemeOverrides.d.ts +1 -1
  7. package/dist/components/ThemeOverrideProvider/useBuildThemeOverrides.d.ts.map +1 -1
  8. package/dist/components/ThemeOverrideProvider/useBuildThemeOverrides.js +15 -3
  9. package/package.json +1 -1
package/dist/components/Section/Section.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ComponentProps, FunctionComponent, ReactNode } from 'react';
2
2
  import { Box } from '../Box';
3
3
  import * as styles from './Section.css';
4
- export interface Props extends Pick<ComponentProps<typeof Box>, 'paddingX'> {
4
+ export interface Props extends Pick<ComponentProps<typeof Box>, 'paddingX' | 'ref'> {
5
5
  width?: keyof typeof styles.width;
6
6
  children?: ReactNode;
7
7
  }
package/dist/components/Section/Section.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../lib/components/Section/Section.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,CAAC;IAC1E,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAY5C,CAAC;AAEF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../lib/components/Section/Section.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC;IAClF,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAc5C,CAAC;AAEF,eAAe,OAAO,CAAC"}
package/dist/components/Section/Section.js CHANGED
@@ -9,9 +9,11 @@ export const Section = _ref => {
9
9
  let {
10
10
  children,
11
11
  width = 'medium',
12
- paddingX
12
+ paddingX,
13
+ ref
13
14
  } = _ref;
14
15
  return _jsx(Box, {
16
+ ref: ref,
15
17
  className: clsx(styles.root, styles.width[width]),
16
18
  width: "full",
17
19
  paddingX: paddingX,
package/dist/components/ThemeOverrideProvider/ThemeOverrideProvider.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeOverrideProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/ThemeOverrideProvider/ThemeOverrideProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,EAA0B,iBAAiB,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAElG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,cAAc,EAA0B,MAAM,0BAA0B,CAAC;AAElF,aAAK,KAAK,GAAG,OAAO,YAAY,CAAC;AAEjC,MAAM,WAAW,oBAAoB;IACpC,uBAAuB,EAAE,MAAM,CAAC;IAChC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,KAAK,EAAE,KAAK,CAAC;IACb,cAAc,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;IAEpD,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC1D;AAED,UAAU,KACT,SAAQ,IAAI,CACX,oBAAoB,EAClB,OAAO,GACP,6BAA6B,GAC7B,+BAA+B,GAC/B,qBAAqB,CACvB,EAAE,OAAO,CAAC,IAAI,CACd,oBAAoB,EAClB,yBAAyB,GACzB,yBAAyB,CAC3B,CAAC;IACF,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACnC;AAKD,eAAO,MAAM,iBAAiB,4BAAsC,CAAC;AAErE,eAAO,MAAM,qBAAqB,EAAE,iBAAiB,CAAC,KAAK,CAwC1D,CAAC"}
1
+ {"version":3,"file":"ThemeOverrideProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/ThemeOverrideProvider/ThemeOverrideProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,EAA0B,iBAAiB,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAElG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,cAAc,EAA0B,MAAM,0BAA0B,CAAC;AAElF,aAAK,KAAK,GAAG,OAAO,YAAY,CAAC;AAEjC,MAAM,WAAW,oBAAoB;IACpC,uBAAuB,EAAE,MAAM,CAAC;IAChC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,KAAK,EAAE,KAAK,CAAC;IACb,cAAc,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;IAEpD,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC1D;AAED,UAAU,KACT,SAAQ,IAAI,CACX,oBAAoB,EAClB,OAAO,GACP,6BAA6B,GAC7B,+BAA+B,GAC/B,qBAAqB,CACvB,EAAE,OAAO,CAAC,IAAI,CACd,oBAAoB,EAClB,yBAAyB,GACzB,yBAAyB,CAC3B,CAAC;IACF,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACnC;AAKD,eAAO,MAAM,iBAAiB,4BAAsC,CAAC;AAErE,eAAO,MAAM,qBAAqB,EAAE,iBAAiB,CAAC,KAAK,CAuC1D,CAAC"}
package/dist/components/ThemeOverrideProvider/ThemeOverrideProvider.js CHANGED
@@ -30,7 +30,7 @@ export const ThemeOverrideProvider = _ref => {
30
30
  return _jsx(themeOverridesCtx.Provider, {
31
31
  value: useMemo(() => _objectSpread({
32
32
  theme
33
- }, overrides), [theme, overrides, primaryColourBackground, primaryColourForeground, theme, primaryColourBackgroundMild, primaryColourBackgroundStrong, primaryColourBorder]),
33
+ }, overrides), [theme, overrides, primaryColourBackground, primaryColourForeground, primaryColourBackgroundMild, primaryColourBackgroundStrong, primaryColourBorder]),
34
34
  children: children
35
35
  });
36
36
  };
package/dist/components/ThemeOverrideProvider/useBuildThemeOverrides.d.ts CHANGED
@@ -12,6 +12,6 @@ export interface OverrideValues {
12
12
  primaryColourBackgroundStrong?: string;
13
13
  primaryColourBorder?: string;
14
14
  }
15
- export declare const useBuildThemeOverrides: ({ primaryColourBackground: incomingPrimaryColourBackground, primaryColourForeground: incomingPrimaryColourForeground, mode, primaryColourBackgroundStrong: incomingPrimaryColourBackgroundStrong, primaryColourBackgroundMild: incomingPrimaryColourBackgroundMild, primaryColourBorder: incomingPrimaryColourBorder, }: Props) => Returns;
15
+ export declare const useBuildThemeOverrides: ({ mode, primaryColourBackground: incomingPrimaryColourBackground, primaryColourForeground: incomingPrimaryColourForeground, primaryColourBackgroundStrong: incomingPrimaryColourBackgroundStrong, primaryColourBackgroundMild: incomingPrimaryColourBackgroundMild, primaryColourBorder: incomingPrimaryColourBorder, }: Props) => Returns;
16
16
  export {};
17
17
  //# sourceMappingURL=useBuildThemeOverrides.d.ts.map
package/dist/components/ThemeOverrideProvider/useBuildThemeOverrides.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useBuildThemeOverrides.d.ts","sourceRoot":"","sources":["../../../lib/components/ThemeOverrideProvider/useBuildThemeOverrides.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAgC,MAAM,OAAO,CAAC;AAKrE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEtF,UAAU,KACT,SAAQ,IAAI,CACX,cAAc,CAAC,OAAO,qBAAqB,CAAC,EAC5C,OAAO,GAAG,UAAU,CACpB;IACD,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;CACrB;AAED,aAAK,OAAO,GAAG,IAAI,CAClB,oBAAoB,EAClB,gBAAgB,GAChB,yBAAyB,GACzB,yBAAyB,GACzB,qBAAqB,GACrB,6BAA6B,GAC7B,+BAA+B,GAC/B,gBAAgB,CAClB,CAAC;AAOF,MAAM,WAAW,cAAc;IAC9B,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAeD,eAAO,MAAM,sBAAsB,4TAOpB,KAAK,KAAG,OAsFtB,CAAC"}
1
+ {"version":3,"file":"useBuildThemeOverrides.d.ts","sourceRoot":"","sources":["../../../lib/components/ThemeOverrideProvider/useBuildThemeOverrides.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAA2C,MAAM,OAAO,CAAC;AAKhF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEtF,UAAU,KACT,SAAQ,IAAI,CACX,cAAc,CAAC,OAAO,qBAAqB,CAAC,EAC5C,OAAO,GAAG,UAAU,CACpB;IACD,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;CACrB;AAED,aAAK,OAAO,GAAG,IAAI,CAClB,oBAAoB,EAClB,gBAAgB,GAChB,yBAAyB,GACzB,yBAAyB,GACzB,qBAAqB,GACrB,6BAA6B,GAC7B,+BAA+B,GAC/B,gBAAgB,CAClB,CAAC;AAOF,MAAM,WAAW,cAAc;IAC9B,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAeD,eAAO,MAAM,sBAAsB,4TAOpB,KAAK,KAAG,OA0GtB,CAAC"}
package/dist/components/ThemeOverrideProvider/useBuildThemeOverrides.js CHANGED
@@ -6,7 +6,7 @@ const _excluded = ["primaryColourBorder", "primaryColourForeground", "primaryCol
6
6
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
7
7
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
8
8
  import { assignInlineVars } from '@vanilla-extract/dynamic';
9
- import { useMemo, useReducer } from 'react';
9
+ import { useEffect, useMemo, useReducer } from 'react';
10
10
  import { tokens } from "../../themes/base/tokens.js";
11
11
  import { shadedColour } from "../../themes/helpers.js";
12
12
  import { themeContractVars } from "../../themes/theme.css.js";
@@ -22,9 +22,9 @@ const reducer = (prevState, action) => {
22
22
  };
23
23
  export const useBuildThemeOverrides = _ref => {
24
24
  let {
25
+ mode,
25
26
  primaryColourBackground: incomingPrimaryColourBackground = tokens.colours.intent.primary.background.standard,
26
27
  primaryColourForeground: incomingPrimaryColourForeground = tokens.colours.intent.primary.foreground,
27
- mode,
28
28
  primaryColourBackgroundStrong: incomingPrimaryColourBackgroundStrong,
29
29
  primaryColourBackgroundMild: incomingPrimaryColourBackgroundMild,
30
30
  primaryColourBorder: incomingPrimaryColourBorder
@@ -44,6 +44,18 @@ export const useBuildThemeOverrides = _ref => {
44
44
  primaryColourBackground
45
45
  } = _ref2,
46
46
  extraColours = _objectWithoutProperties(_ref2, _excluded);
47
+ useEffect(() => {
48
+ dispatch({
49
+ type: 'SET_THEME_VALUES',
50
+ payload: {
51
+ primaryColourBackground: incomingPrimaryColourBackground,
52
+ primaryColourForeground: incomingPrimaryColourForeground,
53
+ primaryColourBorder: incomingPrimaryColourBorder,
54
+ primaryColourBackgroundMild: incomingPrimaryColourBackgroundMild,
55
+ primaryColourBackgroundStrong: incomingPrimaryColourBackgroundStrong
56
+ }
57
+ });
58
+ }, [mode, incomingPrimaryColourBackground, incomingPrimaryColourForeground, incomingPrimaryColourBackgroundStrong, incomingPrimaryColourBackgroundMild, incomingPrimaryColourBorder]);
47
59
  const overrideStyles = useMemo(() => {
48
60
  const mildPrimary = primaryColourBackgroundMild || shadedColour({
49
61
  colour: primaryColourBackground,
@@ -77,7 +89,7 @@ export const useBuildThemeOverrides = _ref => {
77
89
  }
78
90
  }
79
91
  }));
80
- }, [primaryColourBackground, primaryColourBackgroundMild, primaryColourBackgroundStrong, primaryColourBorder, primaryColourForeground, incomingPrimaryColourBackground, incomingPrimaryColourForeground, mode, incomingPrimaryColourBackgroundStrong, incomingPrimaryColourBackgroundMild, incomingPrimaryColourBorder, extraColours]);
92
+ }, [primaryColourBackground, primaryColourBackgroundMild, primaryColourBackgroundStrong, primaryColourBorder, primaryColourForeground, mode, incomingPrimaryColourBackground, incomingPrimaryColourForeground, incomingPrimaryColourBackgroundStrong, incomingPrimaryColourBackgroundMild, incomingPrimaryColourBorder, extraColours]);
81
93
  return useMemo(() => ({
82
94
  overrideStyles,
83
95
  primaryColourBackground,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@autoguru/overdrive",
3
- "version": "4.12.1",
3
+ "version": "4.12.2",
4
4
  "description": "Overdrive is a product component library, and design system for AutoGuru.",
5
5
  "types": "dist/index.d.ts",
6
6
  "main": "dist/index.js",