@autoguru/overdrive 4.10.1 → 4.11.0

package/dist/components/TextBubble/TextBubble.js

@@ -1,35 +1,72 @@
+"use strict";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["textColour", "rawNumbers", "label"];
+
+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; }
+
+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; }
+
 import clsx from 'clsx';
 import * as React from 'react';
 import { useMemo } from 'react';
-import { Box, useBoxStyles } from '../Box';
-import { Text } from '../Text';
-import * as styles from './TextBubble.css';
+import { Box, useBoxStyles } from "../Box/index.js";
+import { Text } from "../Text/index.js";
+import * as styles from "./TextBubble.css.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 const valuePaddingMap = {
-    SMALL: '3',
-    MEDIUM: '4',
-    LARGE: '5',
-    X_LARGE: '6',
+  SMALL: '3',
+  MEDIUM: '4',
+  LARGE: '5',
+  X_LARGE: '6'
 };
-export const TextBubble = ({ textColour = 'white', rawNumbers = false, label, ...boxProps }) => {
-    const size = useMemo(() => {
-        const size = label.length;
-        switch (size) {
-            case 1:
-                return 'SMALL';
-            case 2:
-                return 'MEDIUM';
-            case 3:
-                return 'LARGE';
-            default:
-                return 'X_LARGE';
-        }
-    }, [label]);
-    return (React.createElement(Box, { borderRadius: "full", backgroundColour: "gray900", display: "inlineBlock", position: "relative", padding: valuePaddingMap[size], ...boxProps },
-        React.createElement(Text, { size: "2", strong: true, noWrap: true, align: "center", className: clsx(styles.bubbleText, useBoxStyles({
-                position: 'absolute',
-                overflow: 'hidden',
-                width: 'full',
-                paddingX: '1',
-            })), colour: textColour }, label)));
+export const TextBubble = _ref => {
+  let {
+    textColour = 'white',
+    rawNumbers = false,
+    label
+  } = _ref,
+      boxProps = _objectWithoutProperties(_ref, _excluded);
+
+  const size = useMemo(() => {
+    const size = label.length;
+
+    switch (size) {
+      case 1:
+        return 'SMALL';
+
+      case 2:
+        return 'MEDIUM';
+
+      case 3:
+        return 'LARGE';
+
+      default:
+        return 'X_LARGE';
+    }
+  }, [label]);
+  return _jsx(Box, _objectSpread(_objectSpread({
+    borderRadius: "full",
+    backgroundColour: "gray900",
+    display: "inlineBlock",
+    position: "relative",
+    padding: valuePaddingMap[size]
+  }, boxProps), {}, {
+    children: _jsx(Text, {
+      size: "2",
+      strong: true,
+      noWrap: true,
+      align: "center",
+      className: clsx(styles.bubbleText, useBoxStyles({
+        position: 'absolute',
+        overflow: 'hidden',
+        width: 'full',
+        paddingX: '1'
+      })),
+      colour: textColour,
+      children: label
+    })
+  }));
 };
-export default TextBubble;
+export default TextBubble;

package/dist/components/TextBubble/index.js

@@ -1 +1,3 @@
-export { TextBubble } from './TextBubble';
+"use strict";
+
+export { TextBubble } from "./TextBubble.js";

package/dist/components/TextContainer/TextContainer.js

@@ -1,10 +1,45 @@
+"use strict";
+
 import * as React from 'react';
-import { Column, Columns } from '../Columns';
-import { Stack } from '../Stack';
-export const TextContainer = ({ heading, className = '', children, action, }) => (React.createElement(Stack, { space: "2", is: "article", className: className },
-    React.createElement(TextContainerHeading, { heading: heading, action: action }),
-    children));
-const TextContainerHeading = ({ heading, action }) => (React.createElement(Columns, { noWrap: true, align: "centre", space: "4" },
-    React.createElement(Column, { grow: true }, heading),
-    action ? React.createElement(Column, { width: "auto" }, action) : null));
-export default TextContainer;
+import { Column, Columns } from "../Columns/index.js";
+import { Stack } from "../Stack/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export const TextContainer = _ref => {
+  let {
+    heading,
+    className = '',
+    children,
+    action
+  } = _ref;
+  return _jsxs(Stack, {
+    space: "2",
+    is: "article",
+    className: className,
+    children: [_jsx(TextContainerHeading, {
+      heading: heading,
+      action: action
+    }), children]
+  });
+};
+
+const TextContainerHeading = _ref2 => {
+  let {
+    heading,
+    action
+  } = _ref2;
+  return _jsxs(Columns, {
+    noWrap: true,
+    align: "centre",
+    space: "4",
+    children: [_jsx(Column, {
+      grow: true,
+      children: heading
+    }), action ? _jsx(Column, {
+      width: "auto",
+      children: action
+    }) : null]
+  });
+};
+
+export default TextContainer;

package/dist/components/TextContainer/index.js

@@ -1 +1,3 @@
-export { TextContainer } from './TextContainer';
+"use strict";
+
+export { TextContainer } from "./TextContainer.js";

package/dist/components/TextInput/TextInput.js

@@ -1,7 +1,38 @@
+"use strict";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["field", "eventHandlers", "validation", "suffixed", "prefixed", "isLoading", "size"];
+
+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; }
+
+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; }
+
 import * as React from 'react';
-import { Box } from '../Box';
-import { withEnhancedInput } from '../private/InputBase';
-export const TextInput = withEnhancedInput(({ field, eventHandlers, validation, suffixed, prefixed, isLoading, size, ...rest }) => (React.createElement(Box, { is: "input", ...eventHandlers, ...field, ...rest, autoComplete: "off", type: rest.type ?? 'text' })), {
-    primitiveType: 'text',
+import { Box } from "../Box/index.js";
+import { withEnhancedInput } from "../private/InputBase/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TextInput = withEnhancedInput(_ref => {
+  var _rest$type;
+
+  let {
+    field,
+    eventHandlers,
+    validation,
+    suffixed,
+    prefixed,
+    isLoading,
+    size
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return _jsx(Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    is: "input"
+  }, eventHandlers), field), rest), {}, {
+    autoComplete: "off",
+    type: (_rest$type = rest.type) !== null && _rest$type !== void 0 ? _rest$type : 'text'
+  }));
+}, {
+  primitiveType: 'text'
 });
-export default TextInput;
+export default TextInput;

package/dist/components/TextInput/index.js

@@ -1 +1,3 @@
-export { TextInput } from './TextInput';
+"use strict";
+
+export { TextInput } from "./TextInput.js";

package/dist/components/TextLink/TextLink.css.js

@@ -1,18 +1,26 @@
+"use strict";
+
+import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
+
+__vanilla_filescope__.setFileScope("lib/components/TextLink/TextLink.css.ts", "@autoguru/overdrive");
+
 import { style } from '@vanilla-extract/css';
-import { themeContractVars as vars } from '../../themes/theme.css';
+import { themeContractVars as vars } from "../../themes/theme.css.js";
 export const root = style({
-    transitionDelay: '0s',
-    transitionTimingFunction: 'cubic-bezier(0, 0, 0.2, 1)',
-    transitionDuration: '0.2s',
-    transitionProperty: 'box-shadow',
-    boxShadow: `inset 0 0px 0 0 ${vars.typography.colour.link}`,
-    ':hover': {
-        boxShadow: `inset 0 -2px 0 0 ${vars.typography.colour.link}`,
-    },
-});
+  transitionDelay: '0s',
+  transitionTimingFunction: 'cubic-bezier(0, 0, 0.2, 1)',
+  transitionDuration: '0.2s',
+  transitionProperty: 'box-shadow',
+  boxShadow: "inset 0 0px 0 0 ".concat(vars.typography.colour.link),
+  ':hover': {
+    boxShadow: "inset 0 -2px 0 0 ".concat(vars.typography.colour.link)
+  }
+}, "root");
 export const muted = style({
-    ':hover': {
-        color: 'white',
-        boxShadow: `inset 0 -1.6em 0 0 ${vars.typography.colour.link}`,
-    },
-});
+  ':hover': {
+    color: 'white',
+    boxShadow: "inset 0 -1.6em 0 0 ".concat(vars.typography.colour.link)
+  }
+}, "muted");
+
+__vanilla_filescope__.endFileScope();

package/dist/components/TextLink/TextLink.js

@@ -1,28 +1,67 @@
+"use strict";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["is", "children", "className", "strong", "fontWeight", "muted", "size"];
+
+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; }
+
+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; }
+
 import { invariant } from '@autoguru/utilities';
 import clsx from 'clsx';
 import * as React from 'react';
-import { cloneElement, createElement, forwardRef, isValidElement, } from 'react';
-import { Box, useBoxStyles } from '../Box';
-import { Text } from '../Text';
-import * as styles from './TextLink.css';
-export const TextLink = forwardRef(({ is: Component, children, className, strong, fontWeight = 'semiBold', muted = false, size, ...props }, ref) => {
-    invariant(!(Component !== undefined && props.href !== undefined), 'You cannot have both href and as defined.');
-    const body = (React.createElement(Text, { is: "span", colour: muted ? 'muted' : 'link', size: size, fontWeight: fontWeight, strong: strong, className: clsx(useBoxStyles({
-            is: 'span',
-            pointerEvents: 'none',
-        }), {
-            [styles.muted]: muted,
-        }) }, children));
-    const allProps = {
-        rel: props.rel ?? 'noopener noreferrer',
-        ...props,
-        ref,
-    };
-    if (Component === undefined) {
-        return (React.createElement(Box, { is: "a", className: [className, styles.root], ...allProps }, body));
-    }
-    return isValidElement(Component)
-        ? cloneElement(Component, allProps, body)
-        : createElement(Component, allProps, body);
+import { cloneElement, createElement, forwardRef, isValidElement } from 'react';
+import { Box, useBoxStyles } from "../Box/index.js";
+import { Text } from "../Text/index.js";
+import * as styles from "./TextLink.css.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TextLink = forwardRef((_ref, ref) => {
+  var _props$rel;
+
+  let {
+    is: Component,
+    children,
+    className,
+    strong,
+    fontWeight = 'semiBold',
+    muted = false,
+    size
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  !!(Component !== undefined && props.href !== undefined) ? process.env.NODE_ENV !== "production" ? invariant(false, 'You cannot have both href and as defined.') : invariant(false) : void 0;
+
+  const body = _jsx(Text, {
+    is: "span",
+    colour: muted ? 'muted' : 'link',
+    size: size,
+    fontWeight: fontWeight,
+    strong: strong,
+    className: clsx(useBoxStyles({
+      is: 'span',
+      pointerEvents: 'none'
+    }), {
+      [styles.muted]: muted
+    }),
+    children: children
+  });
+
+  const allProps = _objectSpread(_objectSpread({
+    rel: (_props$rel = props.rel) !== null && _props$rel !== void 0 ? _props$rel : 'noopener noreferrer'
+  }, props), {}, {
+    ref
+  });
+
+  if (Component === undefined) {
+    return _jsx(Box, _objectSpread(_objectSpread({
+      is: "a",
+      className: [className, styles.root]
+    }, allProps), {}, {
+      children: body
+    }));
+  }
+
+  return isValidElement(Component) ? cloneElement(Component, allProps, body) : createElement(Component, allProps, body);
 });
-export default TextLink;
+export default TextLink;

package/dist/components/TextLink/index.js

@@ -1 +1,3 @@
-export { TextLink } from './TextLink';
+"use strict";
+
+export { TextLink } from "./TextLink.js";

package/dist/components/ThemeOverrideProvider/ThemeOverrideDebugger.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+export declare const ThemeOverrideDebugger: FunctionComponent;
+//# sourceMappingURL=ThemeOverrideDebugger.d.ts.map

package/dist/components/ThemeOverrideProvider/ThemeOverrideDebugger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeOverrideDebugger.d.ts","sourceRoot":"","sources":["../../../lib/components/ThemeOverrideProvider/ThemeOverrideDebugger.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAUnD,eAAO,MAAM,qBAAqB,EAAE,iBA6EnC,CAAC"}

package/dist/components/ThemeOverrideProvider/ThemeOverrideDebugger.js

@@ -0,0 +1,80 @@
+"use strict";
+
+import * as React from 'react';
+import { useMemo } from 'react';
+import { passesAccessibilityContrast } from "../../themes/helpers.js";
+import { ColourInput } from "../ColourInput/index.js";
+import { Column, Columns } from "../Columns/index.js";
+import { Stack } from "../Stack/index.js";
+import { Text } from "../Text/index.js";
+import { useThemeOverrides } from "./ThemeOverrideProvider.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export const ThemeOverrideDebugger = () => {
+  const {
+    theme,
+    primaryColourForeground,
+    primaryColourBackground,
+    setThemeValues
+  } = useThemeOverrides();
+  const passesAA = useMemo(() => passesAccessibilityContrast({
+    colour1: primaryColourForeground,
+    colour2: primaryColourBackground,
+    level: 'AA',
+    textSize: 'LARGE'
+  }), [primaryColourForeground, primaryColourBackground]);
+  const passesAAA = useMemo(() => passesAccessibilityContrast({
+    colour1: primaryColourForeground,
+    colour2: primaryColourBackground,
+    level: 'AAA',
+    textSize: 'LARGE'
+  }), [primaryColourForeground, primaryColourBackground]);
+  return _jsxs(Columns, {
+    space: "3",
+    style: {
+      position: 'fixed',
+      right: '10px',
+      bottom: '20px',
+      zIndex: 9,
+      backgroundColor: 'white',
+      width: '350px',
+      padding: '8px',
+      boxShadow: '0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%)',
+      borderRadius: '4px'
+    },
+    children: [_jsx(Column, {
+      grow: true,
+      width: "auto",
+      children: _jsxs(Stack, {
+        space: "3",
+        width: "full",
+        children: [_jsx(ColourInput, {
+          name: "primaryBackground",
+          placeholder: "Primary background colour",
+          value: primaryColourBackground,
+          onChange: event => setThemeValues({
+            primaryColourBackground: event.target.value
+          })
+        }), _jsx(ColourInput, {
+          name: "primaryForeground",
+          placeholder: "Primary foreground colour",
+          value: primaryColourForeground,
+          onChange: event => setThemeValues({
+            primaryColourForeground: event.target.value
+          })
+        })]
+      })
+    }), _jsx(Column, {
+      children: _jsxs(Stack, {
+        children: [_jsxs(Text, {
+          children: ["AA: ", passesAA ? 'PASSED' : 'FAILED']
+        }), _jsxs(Text, {
+          children: ["AAA: ", passesAAA ? 'PASSED' : 'FAILED']
+        }), _jsx(Text, {
+          colour: "primary",
+          children: theme.name
+        })]
+      })
+    })]
+  });
+};

package/dist/components/ThemeOverrideProvider/ThemeOverrideProvider.d.ts

@@ -0,0 +1,22 @@
+import { assignInlineVars } from '@vanilla-extract/dynamic';
+import { FunctionComponent, ReactNode } from 'react';
+import { default as defaultTheme } from '../../themes/base';
+import { OverrideValues } from './useBuildThemeOverrides';
+declare type Theme = typeof defaultTheme;
+export interface ThemeOverridesValues {
+    primaryColourBackground: string;
+    primaryColourBackgroundMild?: string;
+    primaryColourBackgroundStrong?: string;
+    primaryColourBorder?: string;
+    primaryColourForeground: string;
+    theme: Theme;
+    overrideStyles: ReturnType<typeof assignInlineVars>;
+    setThemeValues: (values: Partial<OverrideValues>) => void;
+}
+interface Props extends Pick<ThemeOverridesValues, 'primaryColourBackground' | 'primaryColourForeground' | 'theme' | 'primaryColourBackgroundMild' | 'primaryColourBackgroundStrong' | 'primaryColourBorder'> {
+    children?: ReactNode | ReactNode[];
+}
+export declare const useThemeOverrides: () => ThemeOverridesValues;
+export declare const ThemeOverrideProvider: FunctionComponent<Props>;
+export {};
+//# sourceMappingURL=ThemeOverrideProvider.d.ts.map

package/dist/components/ThemeOverrideProvider/ThemeOverrideProvider.d.ts.map

@@ -0,0 +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,EAGT,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,CACX,oBAAoB,EAClB,yBAAyB,GACzB,yBAAyB,GACzB,OAAO,GACP,6BAA6B,GAC7B,+BAA+B,GAC/B,qBAAqB,CACvB;IACD,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"}

package/dist/components/ThemeOverrideProvider/ThemeOverrideProvider.js

@@ -0,0 +1,39 @@
+"use strict";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+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; }
+
+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; }
+
+import * as React from 'react';
+import { createContext, useContext, useMemo } from 'react';
+import { useBuildThemeOverrides } from "./useBuildThemeOverrides.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const themeOverridesCtx = createContext({});
+export const useThemeOverrides = () => useContext(themeOverridesCtx);
+export const ThemeOverrideProvider = _ref => {
+  let {
+    primaryColourBackground,
+    primaryColourForeground,
+    theme,
+    primaryColourBackgroundMild,
+    primaryColourBackgroundStrong,
+    primaryColourBorder,
+    children
+  } = _ref;
+  const overrides = useBuildThemeOverrides({
+    primaryColourBackground,
+    primaryColourForeground,
+    primaryColourBackgroundMild,
+    primaryColourBackgroundStrong,
+    primaryColourBorder,
+    mode: theme === null || theme === void 0 ? void 0 : theme.vars.mode
+  });
+  return _jsx(themeOverridesCtx.Provider, {
+    value: useMemo(() => _objectSpread({
+      theme
+    }, overrides), [theme, overrides, primaryColourBackground, primaryColourForeground, theme, primaryColourBackgroundMild, primaryColourBackgroundStrong, primaryColourBorder]),
+    children: children
+  });
+};

package/dist/components/ThemeOverrideProvider/index.d.ts

@@ -0,0 +1,3 @@
+export { ThemeOverrideProvider, useThemeOverrides, } from './ThemeOverrideProvider';
+export { ThemeOverrideDebugger } from './ThemeOverrideDebugger';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ThemeOverrideProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/ThemeOverrideProvider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,qBAAqB,EACrB,iBAAiB,GACjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/ThemeOverrideProvider/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { ThemeOverrideProvider, useThemeOverrides } from "./ThemeOverrideProvider.js";
+export { ThemeOverrideDebugger } from "./ThemeOverrideDebugger.js";

package/dist/components/ThemeOverrideProvider/useBuildThemeOverrides.d.ts

@@ -0,0 +1,17 @@
+import { ComponentProps } from 'react';
+import { Tokens } from '../../themes/tokens';
+import { ThemeOverrideProvider, ThemeOverridesValues } from './ThemeOverrideProvider';
+interface Props extends Omit<ComponentProps<typeof ThemeOverrideProvider>, 'theme' | 'children'> {
+    mode: Tokens['mode'];
+}
+declare type Returns = Pick<ThemeOverridesValues, 'overrideStyles' | 'primaryColourBackground' | 'primaryColourForeground' | 'primaryColourBorder' | 'primaryColourBackgroundMild' | 'primaryColourBackgroundStrong' | 'setThemeValues'>;
+export interface OverrideValues {
+    primaryColourBackground: string;
+    primaryColourForeground: string;
+    primaryColourBackgroundMild?: string;
+    primaryColourBackgroundStrong?: string;
+    primaryColourBorder?: string;
+}
+export declare const useBuildThemeOverrides: ({ primaryColourBackground: incomingPrimaryColourBackground, primaryColourForeground: incomingPrimaryColourForeground, mode, primaryColourBackgroundStrong: incomingPrimaryColourBackgroundStrong, primaryColourBackgroundMild: incomingPrimaryColourBackgroundMild, primaryColourBorder: incomingPrimaryColourBorder, }: Props) => Returns;
+export {};
+//# sourceMappingURL=useBuildThemeOverrides.d.ts.map

package/dist/components/ThemeOverrideProvider/useBuildThemeOverrides.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBuildThemeOverrides.d.ts","sourceRoot":"","sources":["../../../lib/components/ThemeOverrideProvider/useBuildThemeOverrides.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAgC,MAAM,OAAO,CAAC;AAIrE,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,4TAOhC,KAAK,KAAG,OAsFV,CAAC"}