@autoguru/overdrive 4.27.0 → 4.28.1

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 (16) hide show
  1. package/dist/components/Box/useBoxStyles.css.d.ts +1 -1
  2. package/dist/components/Box/useBoxStyles.css.d.ts.map +1 -1
  3. package/dist/components/Box/useBoxStyles.css.js +1 -0
  4. package/dist/components/Icon/Icon.d.ts.map +1 -1
  5. package/dist/components/Icon/Icon.js +4 -2
  6. package/dist/components/Icon/stories.js +2 -1
  7. package/dist/hooks/index.d.ts +1 -0
  8. package/dist/hooks/index.d.ts.map +1 -1
  9. package/dist/hooks/index.js +2 -1
  10. package/dist/hooks/useNullCheck/index.d.ts +2 -0
  11. package/dist/hooks/useNullCheck/index.d.ts.map +1 -0
  12. package/dist/hooks/useNullCheck/index.js +3 -0
  13. package/dist/hooks/useNullCheck/useNullCheck.d.ts +2 -0
  14. package/dist/hooks/useNullCheck/useNullCheck.d.ts.map +1 -0
  15. package/dist/hooks/useNullCheck/useNullCheck.js +10 -0
  16. package/package.json +1 -1
package/dist/components/Box/useBoxStyles.css.d.ts CHANGED
@@ -34,7 +34,7 @@ export declare const height: Record<"full", string>;
34
34
  export declare const position: Record<"fixed" | "absolute" | "relative", string>;
35
35
  export declare const textAlign: Record<"left" | "right" | "center", string>;
36
36
  export declare const overflow: Record<"auto" | "hidden" | "visible" | "scroll", string>;
37
- export declare const display: Record<"none" | "flex" | "contents" | "block" | "inline" | "inlineFlex" | "inlineBlock", string>;
37
+ export declare const display: Record<"none" | "flex" | "grid" | "contents" | "block" | "inline" | "inlineFlex" | "inlineBlock", string>;
38
38
  export declare const opacity: Record<0 | 1, string>;
39
39
  export declare const userSelect: Record<"none", string>;
40
40
  export declare const order: Record<string | number, any>;
package/dist/components/Box/useBoxStyles.css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useBoxStyles.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/useBoxStyles.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;CAKlB,CAAC;AAEF,eAAO,MAAM,SAAS,8BAAmD,CAAC;AA2C1E,eAAO,MAAM,MAAM;;;;;;;;;;;;;;CAsBlB,CAAC;AAEF,eAAO,MAAM,YAAY,8BAGxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,0LAE7B,CAAC;AAEF,eAAO,MAAM,OAAO,kHAEnB,CAAC;AAEF,eAAO,MAAM,KAAK,iCAOhB,CAAC;AAEH,eAAO,MAAM,MAAM,wBAIjB,CAAC;AAEH,eAAO,MAAM,QAAQ,mDASpB,CAAC;AAEF,eAAO,MAAM,SAAS,6CASrB,CAAC;AAEF,eAAO,MAAM,QAAQ,0DAUpB,CAAC;AAEF,eAAO,MAAM,OAAO,kGAanB,CAAC;AAEF,eAAO,MAAM,OAAO,uBAGlB,CAAC;AAEH,eAAO,MAAM,UAAU,wBAErB,CAAC;AAIH,eAAO,MAAM,KAAK,8BAOjB,CAAC;AAEF,eAAO,MAAM,UAAU,8BAOtB,CAAC;AAEF,eAAO,MAAM,aAAa,8BAQzB,CAAC;AAEF,eAAO,MAAM,QAAQ,uBAQpB,CAAC;AAEF,eAAO,MAAM,UAAU,mBAOtB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAQpB,CAAC;AAEF,eAAO,MAAM,cAAc,8BAS1B,CAAC;AAEF,eAAO,MAAM,aAAa,wBAExB,CAAC"}
1
+ {"version":3,"file":"useBoxStyles.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/useBoxStyles.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;CAKlB,CAAC;AAEF,eAAO,MAAM,SAAS,8BAAmD,CAAC;AA2C1E,eAAO,MAAM,MAAM;;;;;;;;;;;;;;CAsBlB,CAAC;AAEF,eAAO,MAAM,YAAY,8BAGxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,0LAE7B,CAAC;AAEF,eAAO,MAAM,OAAO,kHAEnB,CAAC;AAEF,eAAO,MAAM,KAAK,iCAOhB,CAAC;AAEH,eAAO,MAAM,MAAM,wBAIjB,CAAC;AAEH,eAAO,MAAM,QAAQ,mDASpB,CAAC;AAEF,eAAO,MAAM,SAAS,6CASrB,CAAC;AAEF,eAAO,MAAM,QAAQ,0DAUpB,CAAC;AAEF,eAAO,MAAM,OAAO,2GAcnB,CAAC;AAEF,eAAO,MAAM,OAAO,uBAGlB,CAAC;AAEH,eAAO,MAAM,UAAU,wBAErB,CAAC;AAIH,eAAO,MAAM,KAAK,8BAOjB,CAAC;AAEF,eAAO,MAAM,UAAU,8BAOtB,CAAC;AAEF,eAAO,MAAM,aAAa,8BAQzB,CAAC;AAEF,eAAO,MAAM,QAAQ,uBAQpB,CAAC;AAEF,eAAO,MAAM,UAAU,mBAOtB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAQpB,CAAC;AAEF,eAAO,MAAM,cAAc,8BAS1B,CAAC;AAEF,eAAO,MAAM,aAAa,wBAExB,CAAC"}
package/dist/components/Box/useBoxStyles.css.js CHANGED
@@ -86,6 +86,7 @@ export const display = styleVariants(mapTokenToProperty({
86
86
  contents: 'contents',
87
87
  block: 'block',
88
88
  flex: 'flex',
89
+ grid: 'grid',
89
90
  inlineFlex: 'inline-flex',
90
91
  inline: 'inline',
91
92
  inlineBlock: 'inline-block',
package/dist/components/Icon/Icon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../lib/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAK5E,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,KAAK,MAAM,MAAM,YAAY,CAAC;AAErC,MAAM,WAAW,KAAK;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACzD,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,CAAC;CAChE;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,KAAK,CAqBzC,CAAC;AAEF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../lib/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAK5E,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,KAAK,MAAM,MAAM,YAAY,CAAC;AAErC,MAAM,WAAW,KAAK;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACzD,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,CAAC;CAChE;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,KAAK,CA0BzC,CAAC;AAEF,eAAe,IAAI,CAAC"}
package/dist/components/Icon/Icon.js CHANGED
@@ -1,5 +1,6 @@
1
1
  "use strict";
2
2
 
3
+ import { useNullCheck } from "../../hooks/useNullCheck/index.js";
3
4
  import * as React from 'react';
4
5
  import { cloneElement } from 'react';
5
6
  import { resolveResponsiveStyle } from "../../utils/resolveResponsiveProps.js";
@@ -13,19 +14,20 @@ export const Icon = _ref => {
13
14
  size = 'small',
14
15
  display = 'block'
15
16
  } = _ref;
17
+ useNullCheck(icon, 'Icon component received an empty icon prop.');
16
18
  return _jsx(Box, {
17
19
  is: "i",
18
20
  display: display,
19
21
  className: [resolveResponsiveStyle(size, styles.size), className],
20
22
  role: "presentation",
21
- children: cloneElement(icon, {
23
+ children: icon ? cloneElement(icon, {
22
24
  className: useBoxStyles({
23
25
  is: 'svg',
24
26
  display: 'block',
25
27
  width: 'full',
26
28
  height: 'full'
27
29
  })
28
- })
30
+ }) : '⬤'
29
31
  });
30
32
  };
31
33
  export default Icon;
package/dist/components/Icon/stories.js CHANGED
@@ -17,7 +17,8 @@ const iconOptions = {
17
17
  CurrencyUsdIcon,
18
18
  PlusIcon,
19
19
  StarIcon,
20
- CheckIcon
20
+ CheckIcon,
21
+ empty: null
21
22
  };
22
23
  export default {
23
24
  title: 'Foundation/Icon',
package/dist/hooks/index.d.ts CHANGED
@@ -6,4 +6,5 @@ export * from './useResponsiveValue';
6
6
  export * from './useWindowHeightFill';
7
7
  export * from './useWindowScrollLock';
8
8
  export * from './useMedia';
9
+ export * from './useNullCheck';
9
10
  //# sourceMappingURL=index.d.ts.map
package/dist/hooks/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC"}
package/dist/hooks/index.js CHANGED
@@ -7,4 +7,5 @@ export * from "./useNegativeMargin/index.js";
7
7
  export * from "./useResponsiveValue/index.js";
8
8
  export * from "./useWindowHeightFill/index.js";
9
9
  export * from "./useWindowScrollLock/index.js";
10
- export * from "./useMedia/index.js";
10
+ export * from "./useMedia/index.js";
11
+ export * from "./useNullCheck/index.js";
package/dist/hooks/useNullCheck/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { useNullCheck } from './useNullCheck';
2
+ //# sourceMappingURL=index.d.ts.map
package/dist/hooks/useNullCheck/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useNullCheck/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
package/dist/hooks/useNullCheck/index.js ADDED
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ export { useNullCheck } from "./useNullCheck.js";
package/dist/hooks/useNullCheck/useNullCheck.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export declare const useNullCheck: (value: any, message: string) => void;
2
+ //# sourceMappingURL=useNullCheck.d.ts.map
package/dist/hooks/useNullCheck/useNullCheck.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useNullCheck.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useNullCheck/useNullCheck.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,UAAW,GAAG,WAAW,MAAM,SAMvD,CAAC"}
package/dist/hooks/useNullCheck/useNullCheck.js ADDED
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ import { useEffect } from 'react';
4
+ export const useNullCheck = (value, message) => {
5
+ useEffect(() => {
6
+ if (!value) {
7
+ console.warn("%c".concat(message), 'color: orange');
8
+ }
9
+ }, [value, message]);
10
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@autoguru/overdrive",
3
- "version": "4.27.0",
3
+ "version": "4.28.1",
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",