@autoguru/overdrive 4.3.4 → 4.3.5

package/dist/themes/base/tokens.js

@@ -1,283 +1,276 @@
-"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 { buildColourGamut } from "../makeTheme.js";
+import { buildColourGamut } from '../makeTheme';
 const colours = {
-  gray: {
-    '900': '#212338',
-    '800': '#34384c',
-    '700': '#484c5f',
-    '600': '#5c6172',
-    '500': '#6c7283',
-    '400': '#8f95a1',
-    '300': '#d4d9dd',
-    '200': '#eef0f2',
-    '100': '#fafbfc'
-  },
-  green: {
-    '900': '#078171',
-    '800': '#05987a',
-    '700': '#03af83',
-    '600': '#01c68c',
-    '500': '#00dd95',
-    '400': '#36e5aa',
-    '300': '#71edc2',
-    '200': '#e3f8f0',
-    '100': '#f2fdf9'
-  },
-  blue: {
-    '900': '#0d47a1',
-    '800': '#0d4bb7',
-    '700': '#0d50ce',
-    '600': '#0d54e5',
-    '500': '#0d59fc',
-    '400': '#4680fc',
-    '300': '#80a7fd',
-    '200': '#e1edfe',
-    '100': '#f3f8ff'
-  },
-  yellow: {
-    '900': '#f38e29',
-    '800': '#f69a1f',
-    '700': '#f9a715',
-    '600': '#fcb30b',
-    '500': '#ffc001',
-    '400': '#ffcf3d',
-    '300': '#ffde79',
-    '200': '#ffedb5',
-    '100': '#fffcf2'
-  },
-  red: {
-    '900': '#780502',
-    '800': '#96110e',
-    '700': '#b51e1a',
-    '600': '#d42b26',
-    '500': '#e12e28',
-    '400': '#e85f5b',
-    '300': '#ef918e',
-    '200': '#ffd4d4',
-    '100': '#fdf4f4'
-  }
+    gray: {
+        '900': '#212338',
+        '800': '#34384c',
+        '700': '#484c5f',
+        '600': '#5c6172',
+        '500': '#6c7283',
+        '400': '#8f95a1',
+        '300': '#d4d9dd',
+        '200': '#eef0f2',
+        '100': '#fafbfc',
+    },
+    green: {
+        '900': '#078171',
+        '800': '#05987a',
+        '700': '#03af83',
+        '600': '#01c68c',
+        '500': '#00dd95',
+        '400': '#36e5aa',
+        '300': '#71edc2',
+        '200': '#e3f8f0',
+        '100': '#f2fdf9',
+    },
+    blue: {
+        '900': '#0d47a1',
+        '800': '#0d4bb7',
+        '700': '#0d50ce',
+        '600': '#0d54e5',
+        '500': '#0d59fc',
+        '400': '#4680fc',
+        '300': '#80a7fd',
+        '200': '#e1edfe',
+        '100': '#f3f8ff',
+    },
+    yellow: {
+        '900': '#f38e29',
+        '800': '#f69a1f',
+        '700': '#f9a715',
+        '600': '#fcb30b',
+        '500': '#ffc001',
+        '400': '#ffcf3d',
+        '300': '#ffde79',
+        '200': '#ffedb5',
+        '100': '#fffcf2',
+    },
+    red: {
+        '900': '#780502',
+        '800': '#96110e',
+        '700': '#b51e1a',
+        '600': '#d42b26',
+        '500': '#e12e28',
+        '400': '#e85f5b',
+        '300': '#ef918e',
+        '200': '#ffd4d4',
+        '100': '#fdf4f4',
+    },
 };
 const white = '#fff';
 const secondaryForeground = colours.gray['700'];
 export const tokens = {
-  mode: 'light',
-  body: {
-    backgroundColour: white,
-    colour: colours.gray['900']
-  },
-  contentWidth: {
-    small: '592px',
-    large: '1344px',
-    medium: '940px'
-  },
-  space: {
-    '1': '4px',
-    '2': '8px',
-    '3': '12px',
-    '4': '16px',
-    '5': '20px',
-    '6': '24px',
-    '7': '32px',
-    '8': '48px',
-    '9': '96px',
-    none: '0px'
-  },
-  colours: {
-    gamut: _objectSpread(_objectSpread({}, buildColourGamut(colours)), {}, {
-      white
-    }),
-    foreground: {
-      body: colours.gray['900'],
-      link: colours.blue['500']
+    mode: 'light',
+    body: {
+        backgroundColour: white,
+        colour: colours.gray['900'],
     },
-    background: {
-      body: white,
-      light: colours.gray['200'],
-      neutral: colours.gray['400'],
-      neutralDark: colours.gray['800']
+    contentWidth: {
+        small: '592px',
+        large: '1344px',
+        medium: '940px',
     },
-    intent: {
-      primary: {
-        background: {
-          standard: colours.green['600'],
-          mild: colours.green['200'],
-          strong: colours.green['900']
-        },
-        foreground: white,
-        border: colours.green['900']
-      },
-      secondary: {
-        background: {
-          standard: white,
-          mild: white,
-          strong: colours.gray['200']
+    space: {
+        '1': '4px',
+        '2': '8px',
+        '3': '12px',
+        '4': '16px',
+        '5': '20px',
+        '6': '24px',
+        '7': '32px',
+        '8': '48px',
+        '9': '96px',
+        none: '0px',
+    },
+    colours: {
+        gamut: {
+            ...buildColourGamut(colours),
+            white,
         },
-        foreground: secondaryForeground,
-        border: colours.gray['300']
-      },
-      shine: {
-        background: {
-          standard: colours.gray['200'],
-          mild: colours.gray['100'],
-          strong: colours.gray['300']
+        foreground: {
+            body: colours.gray['900'],
+            link: colours.blue['500'],
         },
-        foreground: colours.yellow['500'],
-        border: colours.gray['300']
-      },
-      danger: {
         background: {
-          standard: colours.red['600'],
-          mild: colours.red['100'],
-          strong: colours.red['800']
+            body: white,
+            light: colours.gray['200'],
+            neutral: colours.gray['400'],
+            neutralDark: colours.gray['800'],
         },
-        foreground: white,
-        border: colours.red['800']
-      },
-      warning: {
-        background: {
-          standard: colours.yellow['800'],
-          mild: colours.yellow['100'],
-          strong: colours.yellow['900']
+        intent: {
+            primary: {
+                background: {
+                    standard: colours.green['600'],
+                    mild: colours.green['200'],
+                    strong: colours.green['900'],
+                },
+                foreground: white,
+                border: colours.green['900'],
+            },
+            secondary: {
+                background: {
+                    standard: white,
+                    mild: white,
+                    strong: colours.gray['200'],
+                },
+                foreground: secondaryForeground,
+                border: colours.gray['300'],
+            },
+            shine: {
+                background: {
+                    standard: colours.gray['200'],
+                    mild: colours.gray['100'],
+                    strong: colours.gray['300'],
+                },
+                foreground: colours.yellow['500'],
+                border: colours.gray['300'],
+            },
+            danger: {
+                background: {
+                    standard: colours.red['600'],
+                    mild: colours.red['100'],
+                    strong: colours.red['800'],
+                },
+                foreground: white,
+                border: colours.red['800'],
+            },
+            warning: {
+                background: {
+                    standard: colours.yellow['800'],
+                    mild: colours.yellow['100'],
+                    strong: colours.yellow['900'],
+                },
+                foreground: white,
+                border: colours.yellow['900'],
+            },
+            neutral: {
+                background: {
+                    standard: colours.gray['700'],
+                    mild: colours.gray['200'],
+                    strong: colours.gray['900'],
+                },
+                foreground: white,
+                border: colours.gray['900'],
+            },
+            success: {
+                background: {
+                    standard: colours.green['700'],
+                    mild: colours.green['200'],
+                    strong: colours.green['900'],
+                },
+                foreground: colours.green['200'],
+                border: colours.green['900'],
+            },
+            information: {
+                background: {
+                    standard: colours.blue['800'],
+                    mild: colours.blue['200'],
+                    strong: colours.blue['900'],
+                },
+                foreground: white,
+                border: colours.blue['900'],
+            },
         },
-        foreground: white,
-        border: colours.yellow['900']
-      },
-      neutral: {
-        background: {
-          standard: colours.gray['700'],
-          mild: colours.gray['200'],
-          strong: colours.gray['900']
+    },
+    elevation: {
+        none: 'none',
+        '1': '0 1px 5px 0 rgba(0, 0, 0, 0.03), 0 2px 2px 0 rgba(0, 0, 0, 0.03), 0 3px 1px -2px rgba(0, 0, 0, 0.05)',
+        '2': '0 1px 10px 0 rgba(0, 0, 0, 0.03),  0 4px 5px 0 rgba(0, 0, 0, 0.03),  0 2px 4px -1px rgba(0, 0, 0, 0.05)',
+        '3': '0 3px 14px 2px rgba(0, 0, 0, 0.03),  0 8px 10px 1px rgba(0, 0, 0, 0.03),  0 5px 5px -3px rgba(0, 0, 0, 0.05)',
+        '4': '0 6px 30px 5px rgba(0, 0, 0, 0.03), 0 16px 24px 2px rgba(0, 0, 0, 0.03), 0 8px 10px -5px rgba(0, 0, 0, 0.05)',
+        '5': '0 9px 46px 8px rgba(0, 0, 0, 0.03), 0 24px 38px 3px rgba(0, 0, 0, 0.03), 0 11px 15px -7px rgba(0, 0, 0, 0.05)',
+    },
+    border: {
+        width: {
+            none: '0',
+            '1': '1px',
+            '2': '2px',
+            '3': '4px',
         },
-        foreground: white,
-        border: colours.gray['900']
-      },
-      success: {
-        background: {
-          standard: colours.green['700'],
-          mild: colours.green['200'],
-          strong: colours.green['900']
+        colours: {
+            light: colours.gray['200'],
+            gray: colours.gray['300'],
+            dark: colours.gray['900'],
         },
-        foreground: colours.green['200'],
-        border: colours.green['900']
-      },
-      information: {
-        background: {
-          standard: colours.blue['800'],
-          mild: colours.blue['200'],
-          strong: colours.blue['900']
+        radius: {
+            none: 'none',
+            pill: `${1e9}px`,
+            full: '50%',
+            '1': '4px',
+            min: '2px',
         },
-        foreground: white,
-        border: colours.blue['900']
-      }
-    }
-  },
-  elevation: {
-    none: 'none',
-    '1': '0 1px 5px 0 rgba(0, 0, 0, 0.03), 0 2px 2px 0 rgba(0, 0, 0, 0.03), 0 3px 1px -2px rgba(0, 0, 0, 0.05)',
-    '2': '0 1px 10px 0 rgba(0, 0, 0, 0.03),  0 4px 5px 0 rgba(0, 0, 0, 0.03),  0 2px 4px -1px rgba(0, 0, 0, 0.05)',
-    '3': '0 3px 14px 2px rgba(0, 0, 0, 0.03),  0 8px 10px 1px rgba(0, 0, 0, 0.03),  0 5px 5px -3px rgba(0, 0, 0, 0.05)',
-    '4': '0 6px 30px 5px rgba(0, 0, 0, 0.03), 0 16px 24px 2px rgba(0, 0, 0, 0.03), 0 8px 10px -5px rgba(0, 0, 0, 0.05)',
-    '5': '0 9px 46px 8px rgba(0, 0, 0, 0.03), 0 24px 38px 3px rgba(0, 0, 0, 0.03), 0 11px 15px -7px rgba(0, 0, 0, 0.05)'
-  },
-  border: {
-    width: {
-      none: '0',
-      '1': '1px',
-      '2': '2px',
-      '3': '4px'
     },
-    colours: {
-      light: colours.gray['200'],
-      gray: colours.gray['300'],
-      dark: colours.gray['900']
+    typography: {
+        size: {
+            '1': {
+                fontSize: '10px',
+                lineHeight: '12px',
+            },
+            '2': {
+                fontSize: '12px',
+                lineHeight: '18px',
+            },
+            '3': {
+                fontSize: '14px',
+                lineHeight: '20px',
+            },
+            '4': {
+                fontSize: '16px',
+                lineHeight: '22px',
+            },
+            '5': {
+                fontSize: '18px',
+                lineHeight: '26px',
+            },
+            '6': {
+                fontSize: '20px',
+                lineHeight: '28px',
+            },
+            '7': {
+                fontSize: '24px',
+                lineHeight: '30px',
+            },
+            '8': {
+                fontSize: '30px',
+                lineHeight: '40px',
+            },
+            '9': {
+                fontSize: '40px',
+                lineHeight: '48px',
+            },
+        },
+        colour: {
+            primary: colours.green['600'],
+            secondary: colours.gray['700'],
+            shine: colours.yellow['500'],
+            link: colours.blue['500'],
+            dark: colours.gray['900'],
+            white,
+            muted: colours.gray['400'],
+            neutral: colours.gray['700'],
+            light: colours.gray['600'],
+            danger: colours.red['600'],
+            warning: colours.yellow['800'],
+            success: colours.green['600'],
+            information: colours.blue['500'],
+        },
+        fontWeight: {
+            normal: '400',
+            semiBold: '500',
+            bold: '700',
+        },
     },
-    radius: {
-      none: 'none',
-      pill: "".concat(1e9, "px"),
-      full: '50%',
-      '1': '4px',
-      min: '2px'
-    }
-  },
-  typography: {
-    size: {
-      '1': {
-        fontSize: '10px',
-        lineHeight: '12px'
-      },
-      '2': {
-        fontSize: '12px',
-        lineHeight: '18px'
-      },
-      '3': {
-        fontSize: '14px',
-        lineHeight: '20px'
-      },
-      '4': {
-        fontSize: '16px',
-        lineHeight: '22px'
-      },
-      '5': {
-        fontSize: '18px',
-        lineHeight: '26px'
-      },
-      '6': {
-        fontSize: '20px',
-        lineHeight: '28px'
-      },
-      '7': {
-        fontSize: '24px',
-        lineHeight: '30px'
-      },
-      '8': {
-        fontSize: '30px',
-        lineHeight: '40px'
-      },
-      '9': {
-        fontSize: '40px',
-        lineHeight: '48px'
-      }
+    animation: {
+        easing: {
+            standard: 'cubic-bezier(0.4, 0.0, 0.2, 1)',
+            decelerate: 'cubic-bezier(0.0, 0.0, 0.2, 1)',
+            accelerate: 'cubic-bezier(0.4, 0.0, 1, 1)',
+        },
     },
-    colour: {
-      primary: colours.green['600'],
-      secondary: colours.gray['700'],
-      shine: colours.yellow['500'],
-      link: colours.blue['500'],
-      dark: colours.gray['900'],
-      white,
-      muted: colours.gray['400'],
-      neutral: colours.gray['700'],
-      light: colours.gray['600'],
-      danger: colours.red['600'],
-      warning: colours.yellow['800'],
-      success: colours.green['600'],
-      information: colours.blue['500']
+    icon: {
+        size: {
+            small: '16px',
+            medium: '20px',
+            large: '32px',
+        },
     },
-    fontWeight: {
-      normal: '400',
-      semiBold: '500',
-      bold: '700'
-    }
-  },
-  animation: {
-    easing: {
-      standard: 'cubic-bezier(0.4, 0.0, 0.2, 1)',
-      decelerate: 'cubic-bezier(0.0, 0.0, 0.2, 1)',
-      accelerate: 'cubic-bezier(0.4, 0.0, 1, 1)'
-    }
-  },
-  icon: {
-    size: {
-      small: '16px',
-      medium: '20px',
-      large: '32px'
-    }
-  }
-};
+};

package/dist/themes/base/vars.css.d.ts

@@ -0,0 +1,3 @@
+import type { Tokens } from '../tokens';
+export declare const themeRef: string, vars: import("@vanilla-extract/private").MapLeafNodes<Tokens, import("@vanilla-extract/private").CSSVarFunction>;
+//# sourceMappingURL=vars.css.d.ts.map

package/dist/themes/base/vars.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vars.css.d.ts","sourceRoot":"","sources":["../../../lib/themes/base/vars.css.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAIxC,eAAO,MAAO,QAAQ,UAAE,IAAI,4GAA0C,CAAC"}

package/dist/themes/base/vars.css.js

@@ -1,11 +1,3 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/themes/base/vars.css.ts", "@autoguru/overdrive");
-
 import { createTheme } from '@vanilla-extract/css';
-import { tokens } from "./tokens.js";
-export const [themeRef, vars] = createTheme(tokens, 'OD_Base', "themeRef");
-
-__vanilla_filescope__.endFileScope();
+import { tokens } from './tokens';
+export const [themeRef, vars] = createTheme(tokens, 'OD_Base');

package/dist/themes/flat_red/index.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    name: string;
+    themeRef: string;
+    tokens: import("../tokens").Tokens;
+    vars: import("@vanilla-extract/private").MapLeafNodes<import("../tokens").Tokens, import("@vanilla-extract/private").CSSVarFunction>;
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/themes/flat_red/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/themes/flat_red/index.ts"],"names":[],"mappings":";;;;;;AAKA,wBAKE"}

package/dist/themes/flat_red/index.js

@@ -1,11 +1,9 @@
-"use strict";
-
-import { vars } from "../base/vars.css.js";
-import { tokens } from "./tokens.js";
-import { themeRef } from "./vars.css.js";
+import { vars } from '../base/vars.css';
+import { tokens } from './tokens';
+import { themeRef } from './vars.css';
 export default {
-  name: 'flatRedTheme',
-  themeRef,
-  tokens,
-  vars
-};
+    name: 'flatRedTheme',
+    themeRef,
+    tokens,
+    vars,
+};

package/dist/themes/flat_red/tokens.d.ts

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

package/dist/themes/flat_red/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../lib/themes/flat_red/tokens.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,MAAM,EAAE,MAAM,WAAW,CAAC;AAmE9C,eAAO,MAAM,MAAM,EAAE,MA+HpB,CAAC"}