@autoguru/overdrive 4.30.0 → 4.31.0

package/dist/components/Badge/Badge.css.d.ts

@@ -1,5 +1,5 @@
 export declare const label: string;
-export declare const labelSize: Record<"large" | "standard", string>;
+export declare const labelSize: Record<"small" | "large" | "standard", string>;
 export declare const colours: {
     default: Record<"neutral" | "green" | "blue" | "yellow" | "red", string>;
     inverted: {

package/dist/components/Badge/Badge.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK,QAIhB,CAAC;AAEH,eAAO,MAAM,SAAS,sCASpB,CAAC;AAGH,eAAO,MAAM,OAAO;;;;;;;;;CA8DnB,CAAC"}
+{"version":3,"file":"Badge.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK,QAIhB,CAAC;AAEH,eAAO,MAAM,SAAS,gDAapB,CAAC;AAGH,eAAO,MAAM,OAAO;;;;;;;;;CA8DnB,CAAC"}

package/dist/components/Badge/Badge.css.js

@@ -10,6 +10,10 @@ export const label = style({
   textTransform: 'uppercase'
 }, "label");
 export const labelSize = styleVariants({
+  small: {
+    fontSize: vars.typography.size['1'].fontSize,
+    lineHeight: vars.typography.size['1'].fontSize
+  },
   standard: {
     fontSize: vars.typography.size['2'].fontSize,
     lineHeight: vars.typography.size['2'].fontSize

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK1C,OAAO,KAAK,MAAM,MAAM,aAAa,CAAC;AAEtC,MAAM,WAAW,KAAK;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC;CACrC;AAED,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAoD1C,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAkB,MAAM,OAAO,CAAC;AAK1D,OAAO,KAAK,MAAM,MAAM,aAAa,CAAC;AAEtC,MAAM,WAAW,KAAK;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC;CACrC;AAcD,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAmD1C,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/Badge/Badge.js

@@ -6,6 +6,16 @@ import { Box } from "../Box/index.js";
 import { useTextStyles } from "../Text/index.js";
 import * as styles from "./Badge.css.js";
 import { jsx as _jsx } from "react/jsx-runtime";
+const paddingXMap = {
+  'small': '1',
+  'standard': '1',
+  'large': '4'
+};
+const paddingYMap = {
+  'small': '1',
+  'standard': '1',
+  'large': '4'
+};
 export const Badge = _ref => {
   let {
     label,
@@ -14,7 +24,6 @@ export const Badge = _ref => {
     size = 'standard',
     className = ''
   } = _ref;
-  const isStandardSize = size === 'standard';
   const textStyles = useTextStyles({
     noWrap: true,
     fontWeight: 'semiBold',
@@ -29,8 +38,8 @@ export const Badge = _ref => {
       className: [styles.labelSize[size], inverted ? styles.colours.inverted[colour].background : styles.colours.default[colour]],
       overflow: "hidden",
       display: "block",
-      paddingX: isStandardSize ? '1' : '4',
-      paddingY: isStandardSize ? '1' : '2',
+      paddingX: paddingXMap[size],
+      paddingY: paddingYMap[size],
       borderRadius: "1",
       children: _jsx(Box, {
         is: "span",

package/dist/components/Badge/stories.js

@@ -40,11 +40,16 @@ export const standard = template.bind(standardProps);
 standard.args = standardProps;
 export const standardAllColours = templateAllColours.bind(standardProps);
 standardAllColours.args = standardProps;
-const standardLargeProps = _objectSpread(_objectSpread({}, standardProps), {}, {
+const largeProps = _objectSpread(_objectSpread({}, standardProps), {}, {
   size: 'large'
 });
-export const standardLargeAllColours = templateAllColours.bind(standardLargeProps);
-standardLargeAllColours.args = standardLargeProps;
+export const largeAllColours = templateAllColours.bind(largeProps);
+largeAllColours.args = largeProps;
+const smallProps = _objectSpread(_objectSpread({}, standardProps), {}, {
+  size: 'small'
+});
+export const smallAllColours = templateAllColours.bind(smallProps);
+smallAllColours.args = smallProps;
 const invertedProps = _objectSpread(_objectSpread({}, standardProps), {}, {
   look: 'inverted'
 });
@@ -52,7 +57,7 @@ export const inverted = template.bind(invertedProps);
 inverted.args = invertedProps;
 export const invertedAllColours = templateAllColours.bind(invertedProps);
 invertedAllColours.args = invertedProps;
-const invertedLargeProps = _objectSpread(_objectSpread({}, standardLargeProps), {}, {
+const invertedLargeProps = _objectSpread(_objectSpread({}, largeProps), {}, {
   look: 'inverted'
 });
 export const invertedLargeAllColours = templateAllColours.bind(invertedLargeProps);

package/dist/components/Toaster/Toast.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { ComponentProps, FunctionComponent, ReactNode } from 'react';
 import { Alert } from '../Alert';
 type MessageType = ReactNode;
@@ -13,7 +14,7 @@ interface ToastFn extends Required<Record<AlertIntent, (message: MessageType, du
 }
 export declare const ToastProvider: ({ children }: {
     children: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const useToast: () => ToastFn;
 declare const Toast: FunctionComponent<MessageConfig & {
     remove: (id: number) => void;

package/dist/components/Toaster/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../lib/components/Toaster/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EACN,cAAc,EAEd,iBAAiB,EACjB,SAAS,EAOT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAOjC,KAAK,WAAW,GAAG,SAAS,CAAC;AAC7B,KAAK,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;AAEpE,UAAU,aAAa;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;CACjB;AAID,UAAU,OACT,SAAQ,QAAQ,CACf,MAAM,CAAC,WAAW,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,CACtE;IACD,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChD;AA0ED,eAAO,MAAM,aAAa;;iBAQzB,CAAC;AAEF,eAAO,MAAM,QAAQ,QAAO,OAwE3B,CAAC;AAEF,QAAA,MAAM,KAAK,EAAE,iBAAiB,CAC7B,aAAa,GAAG;IACf,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7B,CA2BD,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../lib/components/Toaster/Toast.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,cAAc,EAEd,iBAAiB,EACjB,SAAS,EAOT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAOjC,KAAK,WAAW,GAAG,SAAS,CAAC;AAC7B,KAAK,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;AAEpE,UAAU,aAAa;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;CACjB;AAID,UAAU,OACT,SAAQ,QAAQ,CACf,MAAM,CAAC,WAAW,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,CACtE;IACD,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChD;AA0ED,eAAO,MAAM,aAAa;;uBAQzB,CAAC;AAEF,eAAO,MAAM,QAAQ,QAAO,OAwE3B,CAAC;AAEF,QAAA,MAAM,KAAK,EAAE,iBAAiB,CAC7B,aAAa,GAAG;IACf,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7B,CA2BD,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/package.json

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