@autoguru/overdrive 4.12.2 → 4.12.4
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.
- package/dist/components/Button/Button.css.js +1 -1
- package/dist/components/Image/ResponsiveImage.d.ts +2 -2
- package/dist/components/Image/ResponsiveImage.d.ts.map +1 -1
- package/dist/components/Image/ResponsiveImage.js +1 -1
- package/dist/components/MinimalModal/MinimalModal.d.ts.map +1 -1
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/components/Section/Section.d.ts.map +1 -1
- package/dist/components/StandardModal/StandardModal.d.ts.map +1 -1
- package/dist/components/ThemeOverrideProvider/ThemeOverrideProvider.d.ts.map +1 -1
- package/dist/components/ThemeOverrideProvider/ThemeOverrideProvider.js +13 -2
- package/dist/components/ThemeOverrideProvider/useBuildThemeOverrides.d.ts.map +1 -1
- package/dist/components/ThemeOverrideProvider/useBuildThemeOverrides.js +3 -0
- package/dist/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
- package/dist/hooks/useDocumentBodyStyles/index.d.ts.map +1 -1
- package/dist/hooks/useResponsiveValue/useResponsiveValue.d.ts +1 -1
- package/dist/hooks/useResponsiveValue/useResponsiveValue.d.ts.map +1 -1
- package/dist/hooks/useResponsiveValue/useResponsiveValue.js +4 -4
- package/dist/utils/responsiveStyle.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -9,7 +9,7 @@ export const root = style({
|
|
|
9
9
|
transitionTimingFunction: vars.animation.easing.standard,
|
|
10
10
|
transitionDuration: '0.1s',
|
|
11
11
|
transitionProperty: 'color, background-color, border-color, box-shadow, transform',
|
|
12
|
-
transform: 'translate3d(0, 0,
|
|
12
|
+
transform: 'translate3d(0, 0, 1px) scale(1)',
|
|
13
13
|
willChange: 'transform'
|
|
14
14
|
}, "root");
|
|
15
15
|
export const body = style({
|
|
@@ -3,8 +3,8 @@ import { ResponsiveProp } from '../../utils/responsiveProps.css';
|
|
|
3
3
|
import { widthMap } from './ImageServerProvider';
|
|
4
4
|
import { SimpleImage } from './SimpleImage';
|
|
5
5
|
export interface Props extends Omit<ComponentProps<typeof SimpleImage>, 'sizes'> {
|
|
6
|
-
imageWidth
|
|
7
|
-
sizes
|
|
6
|
+
imageWidth: ResponsiveProp<keyof typeof widthMap>;
|
|
7
|
+
sizes: ResponsiveProp<string>;
|
|
8
8
|
quality?: number;
|
|
9
9
|
}
|
|
10
10
|
export declare const ResponsiveImage: FunctionComponent<Props>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResponsiveImage.d.ts","sourceRoot":"","sources":["../../../lib/components/Image/ResponsiveImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK/D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAkB,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,KAChB,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAAE,OAAO,CAAC;IAQzD,UAAU,
|
|
1
|
+
{"version":3,"file":"ResponsiveImage.d.ts","sourceRoot":"","sources":["../../../lib/components/Image/ResponsiveImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK/D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAkB,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,KAChB,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAAE,OAAO,CAAC;IAQzD,UAAU,EAAE,cAAc,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAC;IAalD,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAM9B,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,KAAK,CA6CpD,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MinimalModal.d.ts","sourceRoot":"","sources":["../../../lib/components/MinimalModal/MinimalModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,cAAc,EACd,iBAAiB,EAEjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAA2B,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,MAAM,WAAW,KAChB,SAAQ,cAAc,CAAC,OAAO,KAAK,CAAC,EACnC,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,YAAY,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"MinimalModal.d.ts","sourceRoot":"","sources":["../../../lib/components/MinimalModal/MinimalModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,cAAc,EACd,iBAAiB,EAEjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAA2B,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,MAAM,WAAW,KAChB,SAAQ,cAAc,CAAC,OAAO,KAAK,CAAC,EACnC,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,YAAY,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,KAAK,CA8EjD,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../lib/components/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../lib/components/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACX,cAAc,EACd,aAAa,EACb,iBAAiB,EAEjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AAKzD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAInC,MAAM,WAAW,KAAM,SAAQ,cAAc,CAAC,OAAO,MAAM,CAAC;IAC3D,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,eAAe,GAAG,MAAM,GAAG,IAAI,CAAC;CAChE;AAqDD,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CA8E1C,CAAC;AAEF,eAAO,MAAM,SAAS,wIAmBpB,CAAC;AAEH,eAAe,KAAK,CAAC"}
|
|
@@ -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,
|
|
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,KAChB,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC;IAC5D,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StandardModal.d.ts","sourceRoot":"","sources":["../../../lib/components/StandardModal/StandardModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"StandardModal.d.ts","sourceRoot":"","sources":["../../../lib/components/StandardModal/StandardModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACX,cAAc,EACd,iBAAiB,EAEjB,MAAM,OAAO,CAAC;AASf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKjC,oBAAY,KAAK;IAChB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,QAAQ,aAAa;CACrB;AAED,aAAK,IAAI,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE7C,MAAM,WAAW,KAAM,SAAQ,cAAc,CAAC,OAAO,KAAK,CAAC;IAC1D,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,KAAK,CA+HlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -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,
|
|
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,EAGN,iBAAiB,EACjB,SAAS,EAIT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EACN,cAAc,EAEd,MAAM,0BAA0B,CAAC;AAElC,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,CACV,oBAAoB,EAClB,OAAO,GACP,6BAA6B,GAC7B,+BAA+B,GAC/B,qBAAqB,CACvB,EACD,OAAO,CACN,IAAI,CACH,oBAAoB,EACpB,yBAAyB,GAAG,yBAAyB,CACrD,CACD;IACF,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACnC;AAKD,eAAO,MAAM,iBAAiB,4BAAsC,CAAC;AAErE,eAAO,MAAM,qBAAqB,EAAE,iBAAiB,CAAC,KAAK,CAkE1D,CAAC"}
|
|
@@ -4,7 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
|
4
4
|
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; }
|
|
5
5
|
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; }
|
|
6
6
|
import * as React from 'react';
|
|
7
|
-
import { createContext, useContext, useMemo } from 'react';
|
|
7
|
+
import { createContext, useContext, useEffect, useMemo } from 'react';
|
|
8
8
|
import { useBuildThemeOverrides } from "./useBuildThemeOverrides.js";
|
|
9
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
10
|
const themeOverridesCtx = createContext({});
|
|
@@ -13,10 +13,10 @@ export const ThemeOverrideProvider = _ref => {
|
|
|
13
13
|
let {
|
|
14
14
|
primaryColourBackground,
|
|
15
15
|
primaryColourForeground,
|
|
16
|
-
theme,
|
|
17
16
|
primaryColourBackgroundMild,
|
|
18
17
|
primaryColourBackgroundStrong,
|
|
19
18
|
primaryColourBorder,
|
|
19
|
+
theme,
|
|
20
20
|
children
|
|
21
21
|
} = _ref;
|
|
22
22
|
const overrides = useBuildThemeOverrides({
|
|
@@ -27,6 +27,17 @@ export const ThemeOverrideProvider = _ref => {
|
|
|
27
27
|
primaryColourBorder,
|
|
28
28
|
mode: theme === null || theme === void 0 ? void 0 : theme.vars.mode
|
|
29
29
|
});
|
|
30
|
+
useEffect(() => {
|
|
31
|
+
if (primaryColourBackground !== overrides.primaryColourBackground || primaryColourForeground !== overrides.primaryColourForeground || primaryColourBackgroundMild !== overrides.primaryColourBackgroundMild || primaryColourBackgroundStrong !== overrides.primaryColourBackgroundStrong || primaryColourBorder !== overrides.primaryColourBorder) {
|
|
32
|
+
overrides.setThemeValues({
|
|
33
|
+
primaryColourBackground,
|
|
34
|
+
primaryColourForeground,
|
|
35
|
+
primaryColourBackgroundMild,
|
|
36
|
+
primaryColourBackgroundStrong,
|
|
37
|
+
primaryColourBorder
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
}, [primaryColourBackground, primaryColourForeground, primaryColourBackgroundMild, primaryColourBackgroundStrong, primaryColourBorder, overrides]);
|
|
30
41
|
return _jsx(themeOverridesCtx.Provider, {
|
|
31
42
|
value: useMemo(() => _objectSpread({
|
|
32
43
|
theme
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,EACN,qBAAqB,EACrB,oBAAoB,EACpB,MAAM,yBAAyB,CAAC;AAEjC,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,4TAShC,KAAK,KAAG,OA+GV,CAAC"}
|
|
@@ -94,6 +94,9 @@ export const useBuildThemeOverrides = _ref => {
|
|
|
94
94
|
overrideStyles,
|
|
95
95
|
primaryColourBackground,
|
|
96
96
|
primaryColourForeground,
|
|
97
|
+
primaryColourBorder,
|
|
98
|
+
primaryColourBackgroundStrong,
|
|
99
|
+
primaryColourBackgroundMild,
|
|
97
100
|
setThemeValues: values => dispatch({
|
|
98
101
|
type: 'SET_THEME_VALUES',
|
|
99
102
|
payload: values
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEN,iBAAiB,EACjB,gBAAgB,EAChB,SAAS,EAGT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAqB,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,aAAK,SAAS,GAAG,OAAO,iBAAiB,CAAC;AAC1C,aAAK,gBAAgB,GAAG;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,WAAW,CAAC,CAAC;CACxD,CAAC;AAIF,MAAM,WAAW,KAAM,SAAQ,gBAAgB;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,KAAK,CAgBlD,CAAC;AAEF,eAAO,MAAM,QAAQ,wBAMpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,aAInC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useDocumentBodyStyles/index.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,qBAAqB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useDocumentBodyStyles/index.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,qBAAqB,YAMjC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ResponsiveProp } from '../../utils/responsiveProps.css';
|
|
2
|
-
export declare function useResponsiveValue<T extends string | number | boolean | {}>(responsiveValue: ResponsiveProp<T>,
|
|
2
|
+
export declare function useResponsiveValue<T extends string | number | boolean | {}>(responsiveValue: ResponsiveProp<T>, serverFallbackCase?: T): T | null;
|
|
3
3
|
export default useResponsiveValue;
|
|
4
4
|
//# sourceMappingURL=useResponsiveValue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useResponsiveValue.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useResponsiveValue/useResponsiveValue.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useResponsiveValue.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useResponsiveValue/useResponsiveValue.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,EAAE,EAC1E,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC,EAClC,kBAAkB,CAAC,EAAE,CAAC,GACpB,CAAC,GAAG,IAAI,CAmBV;AAED,eAAe,kBAAkB,CAAC"}
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
import { useMemo } from 'react';
|
|
4
4
|
import { useMedia } from "../../index.js";
|
|
5
|
+
import { isBrowser } from "../../utils/index.js";
|
|
5
6
|
import { getEarliestKnownToken } from "../../utils/resolveResponsiveProps.js";
|
|
6
|
-
export function useResponsiveValue(responsiveValue) {
|
|
7
|
-
|
|
7
|
+
export function useResponsiveValue(responsiveValue, serverFallbackCase) {
|
|
8
|
+
if (!isBrowser) return serverFallbackCase || null;
|
|
8
9
|
if (!Array.isArray(responsiveValue)) return responsiveValue;
|
|
9
|
-
|
|
10
|
-
const activeBP = useMedia(['mobile', 'tablet', 'desktop', 'largeDesktop'], fallbackCase).reduce((activeBreakPoint, current, index) => {
|
|
10
|
+
const activeBP = useMedia(['mobile', 'tablet', 'desktop', 'largeDesktop']).reduce((activeBreakPoint, current, index) => {
|
|
11
11
|
if (current) activeBreakPoint = index + 1;
|
|
12
12
|
return activeBreakPoint;
|
|
13
13
|
}, 1);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"responsiveStyle.d.ts","sourceRoot":"","sources":["../../lib/utils/responsiveStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,aAAa,EACb,SAAS,EACT,MAAM,mDAAmD,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,eAAO,MAAM,eAAe,uBACP,
|
|
1
|
+
{"version":3,"file":"responsiveStyle.d.ts","sourceRoot":"","sources":["../../lib/utils/responsiveStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,aAAa,EACb,SAAS,EACT,MAAM,mDAAmD,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,eAAO,MAAM,eAAe,uBACP,QAAQ,OAAO,MAAM,kBAAkB,EAAE,SAAS,CAAC,CAAC,KACtE,aAmBF,CAAC"}
|