@autoguru/overdrive 4.35.0 → 4.35.2
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/Heading/Heading.d.ts +2 -0
- package/dist/components/Heading/Heading.d.ts.map +1 -1
- package/dist/components/Heading/Heading.js +3 -1
- package/dist/components/Text/Text.d.ts +2 -0
- package/dist/components/Text/Text.d.ts.map +1 -1
- package/dist/components/Text/Text.js +4 -0
- package/dist/components/Text/useTextStyles.css.d.ts +1 -1
- package/dist/components/Text/useTextStyles.css.d.ts.map +1 -1
- package/dist/stories/helpers/index.d.ts +14 -0
- package/dist/stories/helpers/index.d.ts.map +1 -0
- package/dist/stories/helpers/styles.css.d.ts +28 -0
- package/dist/stories/helpers/styles.css.d.ts.map +1 -0
- package/dist/styles/sprinkles.css.d.ts +42 -0
- package/dist/styles/sprinkles.css.d.ts.map +1 -0
- package/dist/styles/sprinkles.css.js +81 -0
- package/dist/styles/stack.css.d.ts +19 -0
- package/dist/styles/stack.css.d.ts.map +1 -0
- package/dist/styles/stack.css.js +38 -0
- package/dist/themes/base/tokens.d.ts +2 -1
- package/dist/themes/base/tokens.d.ts.map +1 -1
- package/dist/themes/base/tokens.js +1 -1
- package/dist/themes/tokens.d.ts +6 -6
- package/dist/themes/tokens.d.ts.map +1 -1
- package/package.json +12 -9
|
@@ -7,6 +7,8 @@ export interface Props extends Omit<TextStyleProps, 'is'>, Pick<ComponentProps<t
|
|
|
7
7
|
children?: ReactNode;
|
|
8
8
|
is?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
9
9
|
colour?: Exclude<keyof Tokens['typography']['colour'], 'muted'>;
|
|
10
|
+
id?: string;
|
|
11
|
+
testId?: string;
|
|
10
12
|
}
|
|
11
13
|
export declare const Heading: FunctionComponent<Props>;
|
|
12
14
|
export default Heading;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../lib/components/Heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,MAAM,WAAW,KAChB,SAAQ,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,EACjC,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../lib/components/Heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,MAAM,WAAW,KAChB,SAAQ,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,EACjC,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC;IAChE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAWD,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAiC5C,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -15,19 +15,21 @@ const sizeScaleDefaults = {
|
|
|
15
15
|
export const Heading = _ref => {
|
|
16
16
|
let {
|
|
17
17
|
is = 'h1',
|
|
18
|
+
id,
|
|
19
|
+
testId,
|
|
18
20
|
align,
|
|
19
21
|
fontWeight = 'bold',
|
|
20
22
|
noWrap,
|
|
21
23
|
transform,
|
|
22
24
|
colour = 'dark',
|
|
23
25
|
size = sizeScaleDefaults[is],
|
|
24
|
-
id,
|
|
25
26
|
breakWord,
|
|
26
27
|
className = '',
|
|
27
28
|
children
|
|
28
29
|
} = _ref;
|
|
29
30
|
return _jsx(Box, {
|
|
30
31
|
id: id,
|
|
32
|
+
"data-test-id": testId,
|
|
31
33
|
is: is,
|
|
32
34
|
className: [useTextStyles({
|
|
33
35
|
size,
|
|
@@ -5,6 +5,8 @@ import { TextStyleProps } from './useTextStyles';
|
|
|
5
5
|
export interface Props extends TextStyleProps {
|
|
6
6
|
className?: string;
|
|
7
7
|
is?: 'p' | 'span';
|
|
8
|
+
id?: string;
|
|
9
|
+
testId?: string;
|
|
8
10
|
strong?: boolean;
|
|
9
11
|
children?: ReactNode;
|
|
10
12
|
display?: Extract<BoxStyleProps['display'], 'inline' | 'inlineBlock' | 'block'>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAiB,MAAM,iBAAiB,CAAC;AAEhE,MAAM,WAAW,KAAM,SAAQ,cAAc;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAChB,aAAa,CAAC,SAAS,CAAC,EACxB,QAAQ,GAAG,aAAa,GAAG,OAAO,CAClC,CAAC;IACF,KAAK,CAAC,EAAE,aAAa,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAiB,MAAM,iBAAiB,CAAC;AAEhE,MAAM,WAAW,KAAM,SAAQ,cAAc;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAChB,aAAa,CAAC,SAAS,CAAC,EACxB,QAAQ,GAAG,aAAa,GAAG,OAAO,CAClC,CAAC;IACF,KAAK,CAAC,EAAE,aAAa,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,2EA6ChB,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -10,6 +10,8 @@ export const Text = forwardRef((_ref, ref) => {
|
|
|
10
10
|
children,
|
|
11
11
|
className = '',
|
|
12
12
|
is: Component = 'span',
|
|
13
|
+
id,
|
|
14
|
+
testId,
|
|
13
15
|
align = 'left',
|
|
14
16
|
colour,
|
|
15
17
|
display,
|
|
@@ -23,6 +25,8 @@ export const Text = forwardRef((_ref, ref) => {
|
|
|
23
25
|
} = _ref;
|
|
24
26
|
return _jsx(Box, {
|
|
25
27
|
is: Component,
|
|
28
|
+
id: id,
|
|
29
|
+
"data-test-id": testId,
|
|
26
30
|
ref: ref,
|
|
27
31
|
display: display,
|
|
28
32
|
textAlign: align,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const root: string;
|
|
2
|
-
export declare const sizes: Record<"
|
|
2
|
+
export declare const sizes: Record<import("../../themes/tokens").TextSizeScale, string>;
|
|
3
3
|
export declare const colours: Record<"primary" | "brand" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information" | "light" | "dark" | "white" | "link" | "muted", string>;
|
|
4
4
|
export declare const fontWeight: Record<"normal" | "semiBold" | "bold", string>;
|
|
5
5
|
export declare const noWrap: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTextStyles.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/useTextStyles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,QAOf,CAAC;AAEH,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"useTextStyles.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/useTextStyles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,QAOf,CAAC;AAEH,eAAO,MAAM,KAAK,6DAWjB,CAAC;AAEF,eAAO,MAAM,OAAO,4KAEnB,CAAC;AAEF,eAAO,MAAM,UAAU,gDAEtB,CAAC;AAEF,eAAO,MAAM,MAAM,QAAkC,CAAC;AACtD,eAAO,MAAM,SAAS,QAAqC,CAAC;AAE5D,eAAO,MAAM,SAAS,4CAKrB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type Sprinkles } from '../../styles/sprinkles.css';
|
|
3
|
+
import { type RecipeStackProps } from '../../styles/stack.css';
|
|
4
|
+
import { type VariantColourSwatchProps } from './styles.css';
|
|
5
|
+
type ElementAttributes = React.ComponentPropsWithoutRef<'div'>;
|
|
6
|
+
type FilteredAttributes = Pick<ElementAttributes, 'className' | 'style'>;
|
|
7
|
+
type ComponentProps<P> = React.PropsWithChildren<P & FilteredAttributes>;
|
|
8
|
+
export declare const Box: ({ children, className, style, ...props }: ComponentProps<Sprinkles>) => React.JSX.Element;
|
|
9
|
+
type StackSprinkles = Pick<Sprinkles, 'alignItems' | 'flexDirection' | 'flexWrap' | 'gap' | 'justifyContent'>;
|
|
10
|
+
export declare const Stack: ({ alignItems, children, className, flexDirection, flexWrap, gap, horizontal, justifyContent, space, style, ...props }: ComponentProps<StackSprinkles & RecipeStackProps>) => React.JSX.Element;
|
|
11
|
+
type ColourSwatchProps = ComponentProps<Omit<Sprinkles, 'size'> & VariantColourSwatchProps>;
|
|
12
|
+
export declare const ColourSwatch: ({ shape, size, ...props }: ColourSwatchProps) => React.JSX.Element;
|
|
13
|
+
export { type Sprinkles } from '../../styles/sprinkles.css';
|
|
14
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/stories/helpers/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAAS,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,OAAO,EAEN,KAAK,wBAAwB,EAC7B,MAAM,cAAc,CAAC;AAEtB,KAAK,iBAAiB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAC/D,KAAK,kBAAkB,GAAG,IAAI,CAAC,iBAAiB,EAAE,WAAW,GAAG,OAAO,CAAC,CAAC;AACzE,KAAK,cAAc,CAAC,CAAC,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC;AAEzE,eAAO,MAAM,GAAG,6CAKb,eAAe,SAAS,CAAC,sBAI3B,CAAC;AAEF,KAAK,cAAc,GAAG,IAAI,CACzB,SAAS,EACT,YAAY,GAAG,eAAe,GAAG,UAAU,GAAG,KAAK,GAAG,gBAAgB,CACtE,CAAC;AACF,eAAO,MAAM,KAAK,0HAYf,eAAe,cAAc,GAAG,gBAAgB,CAAC,sBAkBnD,CAAC;AAEF,KAAK,iBAAiB,GAAG,cAAc,CACtC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,GAAG,wBAAwB,CAClD,CAAC;AACF,eAAO,MAAM,YAAY,8BAA+B,iBAAiB,sBAExE,CAAC;AAEF,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { type RecipeVariants } from '@vanilla-extract/recipes';
|
|
2
|
+
export declare const titles: string;
|
|
3
|
+
export declare const labels: string;
|
|
4
|
+
export declare const small: string;
|
|
5
|
+
export declare const hexPill: string;
|
|
6
|
+
export declare const variantColourSwatch: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7
|
+
size: {
|
|
8
|
+
sm: {
|
|
9
|
+
height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10
|
+
width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
11
|
+
};
|
|
12
|
+
md: {
|
|
13
|
+
height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
14
|
+
width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
15
|
+
};
|
|
16
|
+
lg: {
|
|
17
|
+
height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
18
|
+
width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
shape: {
|
|
22
|
+
circle: {
|
|
23
|
+
borderRadius: "100%";
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
}>;
|
|
27
|
+
export type VariantColourSwatchProps = NonNullable<RecipeVariants<typeof variantColourSwatch>>;
|
|
28
|
+
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../lib/stories/helpers/styles.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAIvE,eAAO,MAAM,MAAM,QAEjB,CAAC;AAEH,eAAO,MAAM,MAAM,QAEjB,CAAC;AAEH,eAAO,MAAM,KAAK,QAEhB,CAAC;AAEH,eAAO,MAAM,OAAO,QASlB,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;EAqB9B,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG,WAAW,CACjD,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAC1C,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
export declare const sprinkles: ((props: {
|
|
2
|
+
gap?: import("../themes/tokens").SpaceScale | undefined;
|
|
3
|
+
marginBottom?: import("../themes/tokens").SpaceScale | undefined;
|
|
4
|
+
marginLeft?: import("../themes/tokens").SpaceScale | undefined;
|
|
5
|
+
marginRight?: import("../themes/tokens").SpaceScale | undefined;
|
|
6
|
+
marginTop?: import("../themes/tokens").SpaceScale | undefined;
|
|
7
|
+
paddingBottom?: import("../themes/tokens").SpaceScale | undefined;
|
|
8
|
+
paddingLeft?: import("../themes/tokens").SpaceScale | undefined;
|
|
9
|
+
paddingRight?: import("../themes/tokens").SpaceScale | undefined;
|
|
10
|
+
paddingTop?: import("../themes/tokens").SpaceScale | undefined;
|
|
11
|
+
margin?: import("../themes/tokens").SpaceScale | undefined;
|
|
12
|
+
marginX?: import("../themes/tokens").SpaceScale | undefined;
|
|
13
|
+
marginY?: import("../themes/tokens").SpaceScale | undefined;
|
|
14
|
+
padding?: import("../themes/tokens").SpaceScale | undefined;
|
|
15
|
+
paddingX?: import("../themes/tokens").SpaceScale | undefined;
|
|
16
|
+
paddingY?: import("../themes/tokens").SpaceScale | undefined;
|
|
17
|
+
} & {
|
|
18
|
+
borderColor?: "light" | "dark" | "gray" | undefined;
|
|
19
|
+
borderRadius?: "1" | "none" | "min" | "pill" | "full" | undefined;
|
|
20
|
+
borderStyle?: "dashed" | "dotted" | "solid" | undefined;
|
|
21
|
+
borderWidth?: "1" | "2" | "3" | "none" | undefined;
|
|
22
|
+
boxShadow?: "1" | "2" | "3" | "4" | "5" | "none" | undefined;
|
|
23
|
+
} & {
|
|
24
|
+
display?: "none" | "flex" | "block" | undefined;
|
|
25
|
+
flexDirection?: "column" | "row" | undefined;
|
|
26
|
+
flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
|
|
27
|
+
alignItems?: "center" | "stretch" | "flex-end" | "flex-start" | undefined;
|
|
28
|
+
justifyContent?: "center" | "stretch" | "flex-end" | "flex-start" | undefined;
|
|
29
|
+
height?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "100%" | undefined;
|
|
30
|
+
width?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "100%" | undefined;
|
|
31
|
+
placeItems?: "center" | "stretch" | "flex-end" | "flex-start" | undefined;
|
|
32
|
+
size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "100%" | undefined;
|
|
33
|
+
} & {
|
|
34
|
+
color?: import("../themes/tokens").ColourGamut | "white" | undefined;
|
|
35
|
+
background?: import("../themes/tokens").ColourGamut | "white" | undefined;
|
|
36
|
+
fill?: import("../themes/tokens").ColourGamut | "white" | undefined;
|
|
37
|
+
stroke?: import("../themes/tokens").ColourGamut | "white" | undefined;
|
|
38
|
+
}) => string) & {
|
|
39
|
+
properties: Set<"background" | "width" | "size" | "alignItems" | "boxShadow" | "color" | "display" | "flexDirection" | "flexWrap" | "height" | "justifyContent" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "borderColor" | "borderRadius" | "borderStyle" | "borderWidth" | "gap" | "margin" | "padding" | "placeItems" | "fill" | "stroke" | "paddingX" | "paddingY" | "marginX" | "marginY">;
|
|
40
|
+
};
|
|
41
|
+
export type Sprinkles = Parameters<typeof sprinkles>[0];
|
|
42
|
+
//# sourceMappingURL=sprinkles.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sprinkles.css.d.ts","sourceRoot":"","sources":["../../lib/styles/sprinkles.css.ts"],"names":[],"mappings":"AAuEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKrB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
4
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
5
|
+
import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
|
|
6
|
+
__vanilla_filescope__.setFileScope("lib/styles/sprinkles.css.ts", "@autoguru/overdrive");
|
|
7
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
8
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
9
|
+
import { createSprinkles, defineProperties } from '@vanilla-extract/sprinkles';
|
|
10
|
+
import { tokens } from "../themes/base/tokens.js";
|
|
11
|
+
const {
|
|
12
|
+
border,
|
|
13
|
+
colours,
|
|
14
|
+
elevation,
|
|
15
|
+
space
|
|
16
|
+
} = tokens;
|
|
17
|
+
const {
|
|
18
|
+
none
|
|
19
|
+
} = space,
|
|
20
|
+
spaceWithoutNone = _objectWithoutProperties(space, ["none"]);
|
|
21
|
+
const responsiveProperties = defineProperties({
|
|
22
|
+
properties: {
|
|
23
|
+
gap: space,
|
|
24
|
+
marginBottom: space,
|
|
25
|
+
marginLeft: space,
|
|
26
|
+
marginRight: space,
|
|
27
|
+
marginTop: space,
|
|
28
|
+
paddingBottom: space,
|
|
29
|
+
paddingLeft: space,
|
|
30
|
+
paddingRight: space,
|
|
31
|
+
paddingTop: space
|
|
32
|
+
},
|
|
33
|
+
shorthands: {
|
|
34
|
+
margin: ['marginTop', 'marginBottom', 'marginLeft', 'marginRight'],
|
|
35
|
+
marginX: ['marginLeft', 'marginRight'],
|
|
36
|
+
marginY: ['marginTop', 'marginBottom'],
|
|
37
|
+
padding: ['paddingTop', 'paddingBottom', 'paddingLeft', 'paddingRight'],
|
|
38
|
+
paddingX: ['paddingLeft', 'paddingRight'],
|
|
39
|
+
paddingY: ['paddingTop', 'paddingBottom']
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
const borderProperties = defineProperties({
|
|
43
|
+
properties: {
|
|
44
|
+
borderColor: _objectSpread({}, border.colours),
|
|
45
|
+
borderRadius: _objectSpread({}, border.radius),
|
|
46
|
+
borderStyle: ['solid', 'dotted', 'dashed'],
|
|
47
|
+
borderWidth: _objectSpread({}, border.width),
|
|
48
|
+
boxShadow: _objectSpread({}, elevation)
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
const displayProperties = defineProperties({
|
|
52
|
+
properties: {
|
|
53
|
+
display: ['none', 'block', 'flex'],
|
|
54
|
+
flexDirection: ['row', 'column'],
|
|
55
|
+
flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
|
|
56
|
+
alignItems: ['stretch', 'flex-start', 'center', 'flex-end'],
|
|
57
|
+
justifyContent: ['stretch', 'flex-start', 'center', 'flex-end'],
|
|
58
|
+
height: _objectSpread(_objectSpread({}, spaceWithoutNone), {}, {
|
|
59
|
+
'100%': '100%',
|
|
60
|
+
auto: 'auto'
|
|
61
|
+
}),
|
|
62
|
+
width: _objectSpread(_objectSpread({}, spaceWithoutNone), {}, {
|
|
63
|
+
'100%': '100%',
|
|
64
|
+
auto: 'auto'
|
|
65
|
+
})
|
|
66
|
+
},
|
|
67
|
+
shorthands: {
|
|
68
|
+
placeItems: ['justifyContent', 'alignItems'],
|
|
69
|
+
size: ['width', 'height']
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
const gamutProperties = defineProperties({
|
|
73
|
+
properties: {
|
|
74
|
+
color: colours.gamut,
|
|
75
|
+
background: colours.gamut,
|
|
76
|
+
fill: colours.gamut,
|
|
77
|
+
stroke: colours.gamut
|
|
78
|
+
}
|
|
79
|
+
});
|
|
80
|
+
export const sprinkles = createSprinkles(responsiveProperties, borderProperties, displayProperties, gamutProperties);
|
|
81
|
+
__vanilla_filescope__.endFileScope();
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type RecipeVariants } from '@vanilla-extract/recipes';
|
|
2
|
+
export declare const stack: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
3
|
+
space: {
|
|
4
|
+
sm: string;
|
|
5
|
+
md: string;
|
|
6
|
+
lg: string;
|
|
7
|
+
};
|
|
8
|
+
horizontal: {
|
|
9
|
+
false: string;
|
|
10
|
+
true: string;
|
|
11
|
+
};
|
|
12
|
+
}>;
|
|
13
|
+
type Variants = NonNullable<RecipeVariants<typeof stack>>;
|
|
14
|
+
export interface RecipeStackProps {
|
|
15
|
+
space?: Variants['space'];
|
|
16
|
+
horizontal?: Variants['horizontal'];
|
|
17
|
+
}
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=stack.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stack.css.d.ts","sourceRoot":"","sources":["../../lib/styles/stack.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAIvE,eAAO,MAAM,KAAK;;;;;;;;;;EAuBhB,CAAC;AAEH,KAAK,QAAQ,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC;AAE1D,MAAM,WAAW,gBAAgB;IAIhC,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAI1B,UAAU,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;CACpC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
|
|
4
|
+
__vanilla_filescope__.setFileScope("lib/styles/stack.css.ts", "@autoguru/overdrive");
|
|
5
|
+
import { recipe } from '@vanilla-extract/recipes';
|
|
6
|
+
import { sprinkles } from "./sprinkles.css.js";
|
|
7
|
+
export const stack = recipe({
|
|
8
|
+
base: sprinkles({
|
|
9
|
+
display: 'flex',
|
|
10
|
+
flexWrap: 'wrap'
|
|
11
|
+
}),
|
|
12
|
+
variants: {
|
|
13
|
+
space: {
|
|
14
|
+
sm: sprinkles({
|
|
15
|
+
gap: '5'
|
|
16
|
+
}),
|
|
17
|
+
md: sprinkles({
|
|
18
|
+
gap: '8'
|
|
19
|
+
}),
|
|
20
|
+
lg: sprinkles({
|
|
21
|
+
gap: '9'
|
|
22
|
+
})
|
|
23
|
+
},
|
|
24
|
+
horizontal: {
|
|
25
|
+
false: sprinkles({
|
|
26
|
+
flexDirection: 'column'
|
|
27
|
+
}),
|
|
28
|
+
true: sprinkles({
|
|
29
|
+
flexDirection: 'row'
|
|
30
|
+
})
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
defaultVariants: {
|
|
34
|
+
horizontal: false,
|
|
35
|
+
space: 'md'
|
|
36
|
+
}
|
|
37
|
+
}, "stack");
|
|
38
|
+
__vanilla_filescope__.endFileScope();
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { Tokens } from '../tokens';
|
|
1
|
+
import { ColourMap, Tokens } from '../tokens';
|
|
2
|
+
export declare const baseThemeColours: ColourMap;
|
|
2
3
|
export declare const defaultGamut: Record<import("../tokens").ColourGamut, string>;
|
|
3
4
|
export declare const tokens: Tokens;
|
|
4
5
|
//# sourceMappingURL=tokens.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../lib/themes/base/tokens.ts"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../lib/themes/base/tokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAE9C,eAAO,MAAM,gBAAgB,EAAE,SAwE9B,CAAC;AAEF,eAAO,MAAM,YAAY,iDAAqC,CAAC;AAI/D,eAAO,MAAM,MAAM,EAAE,MAiOpB,CAAC"}
|
|
@@ -4,7 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
|
4
4
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
5
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6
6
|
import { buildColourGamut } from "../makeTheme.js";
|
|
7
|
-
const baseThemeColours = {
|
|
7
|
+
export const baseThemeColours = {
|
|
8
8
|
black: {
|
|
9
9
|
'900': '#222222',
|
|
10
10
|
'800': '#2A2C2A',
|
package/dist/themes/tokens.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
type VanillaTokens = {
|
|
2
2
|
[key: string]: string | VanillaTokens;
|
|
3
3
|
};
|
|
4
|
-
type SpaceScale = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | 'none';
|
|
5
|
-
type TextSizeScale = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
|
|
6
|
-
type BorderWidthScale = '1' | '2' | '3' | 'none';
|
|
7
|
-
type IconSizeScale = 'small' | 'medium' | 'large';
|
|
8
|
-
type DeviceSize = 'mobile' | 'tablet' | 'desktop' | 'largeDesktop';
|
|
9
|
-
type ColourValue = Record<string, string>;
|
|
4
|
+
export type SpaceScale = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | 'none';
|
|
5
|
+
export type TextSizeScale = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
|
|
6
|
+
export type BorderWidthScale = '1' | '2' | '3' | 'none';
|
|
7
|
+
export type IconSizeScale = 'small' | 'medium' | 'large';
|
|
8
|
+
export type DeviceSize = 'mobile' | 'tablet' | 'desktop' | 'largeDesktop';
|
|
9
|
+
export type ColourValue = Record<string, string>;
|
|
10
10
|
interface ColourIntensityMap extends VanillaTokens {
|
|
11
11
|
standard: string;
|
|
12
12
|
mild: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../lib/themes/tokens.ts"],"names":[],"mappings":"AAAA,KAAK,aAAa,GAAG;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,aAAa,CAAC;CACtC,CAAC;AACF,
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../lib/themes/tokens.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@autoguru/overdrive",
|
|
3
|
-
"version": "4.35.
|
|
3
|
+
"version": "4.35.2",
|
|
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",
|
|
@@ -31,12 +31,11 @@
|
|
|
31
31
|
"access": "public"
|
|
32
32
|
},
|
|
33
33
|
"scripts": {
|
|
34
|
-
"build": "babel lib --out-dir dist --extensions '.ts,.tsx,.css' --ignore 'lib/**/*.stories.tsx'",
|
|
34
|
+
"build": "babel lib --out-dir dist --extensions '.ts,.tsx,.css' --ignore 'lib/**/*.stories.tsx,lib/stories'",
|
|
35
35
|
"chromatic": "chromatic test --exit-zero-on-changes --build-script-name storybook:build",
|
|
36
36
|
"copy:public": "node scripts/copyPublic.js",
|
|
37
37
|
"check-deps": "npx npm-check-updates@latest --interactive --format group",
|
|
38
38
|
"format": "prettier --list-different --write \"**/*.+(js|jsx|ts|tsx|json|yml|md|mdx|html)\"",
|
|
39
|
-
"postinstall": "patch-package",
|
|
40
39
|
"prepublishOnly": "yarn run build && yarn run typeEmit",
|
|
41
40
|
"lint:tsc": "tsc --noEmit --skipLibCheck",
|
|
42
41
|
"lint:eslint": "eslint \"lib/**/*.+(ts|tsx)\" --fix --quiet",
|
|
@@ -108,6 +107,8 @@
|
|
|
108
107
|
"@vanilla-extract/babel-plugin": "^1.2.0",
|
|
109
108
|
"@vanilla-extract/css": "^1.16.1",
|
|
110
109
|
"@vanilla-extract/dynamic": "^2.1.2",
|
|
110
|
+
"@vanilla-extract/recipes": "^0.5.5",
|
|
111
|
+
"@vanilla-extract/sprinkles": "^1.6.3",
|
|
111
112
|
"@vanilla-extract/vite-plugin": "^4.0.18",
|
|
112
113
|
"@vanilla-extract/webpack-plugin": "^2.3.15",
|
|
113
114
|
"babel-plugin-add-import-extension": "^1.6.0",
|
|
@@ -122,14 +123,13 @@
|
|
|
122
123
|
"csstype": "^3.1.3",
|
|
123
124
|
"deepmerge": "^4.3.1",
|
|
124
125
|
"eslint": "^8.57.1",
|
|
125
|
-
"eslint-plugin-jest": "28.
|
|
126
|
+
"eslint-plugin-jest": "28.10.0",
|
|
126
127
|
"eslint-plugin-storybook": "^0.11.1",
|
|
127
128
|
"eslint-plugin-unicorn": "^56.0.1",
|
|
128
129
|
"intersection-observer": "^0.12.2",
|
|
129
130
|
"jest": "26.6.3",
|
|
130
131
|
"magic-string": "^0.30.14",
|
|
131
132
|
"mini-css-extract-plugin": "^2.9.2",
|
|
132
|
-
"patch-package": "^8.0.0",
|
|
133
133
|
"plop": "^4.0.1",
|
|
134
134
|
"postcss": "^8.4.49",
|
|
135
135
|
"prettier": "^3.4.1",
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
"react": "^18.3.1",
|
|
139
139
|
"react-aria": "^3.36.0",
|
|
140
140
|
"react-dom": "^18.3.1",
|
|
141
|
-
"react-focus-lock": "2.13.
|
|
141
|
+
"react-focus-lock": "2.13.5",
|
|
142
142
|
"react-intersection-observer": "^9.13.1",
|
|
143
143
|
"react-keyed-flatten-children": "^2.2.1",
|
|
144
144
|
"react-swipeable": "^7.0.2",
|
|
@@ -158,7 +158,7 @@
|
|
|
158
158
|
"colord": "^2.0.1",
|
|
159
159
|
"csstype": "^3.1.3",
|
|
160
160
|
"react": ">=16.8",
|
|
161
|
-
"react-aria": "3.
|
|
161
|
+
"react-aria": "3.36.0",
|
|
162
162
|
"react-dom": ">=16.8",
|
|
163
163
|
"react-focus-lock": "^2.5.0",
|
|
164
164
|
"react-intersection-observer": ">=9.4.3",
|
|
@@ -166,9 +166,12 @@
|
|
|
166
166
|
"react-swipeable": ">=7.0.0",
|
|
167
167
|
"webpack": "*"
|
|
168
168
|
},
|
|
169
|
+
"resolutions": {
|
|
170
|
+
"@joshwooding/vite-plugin-react-docgen-typescript": "0.3.0"
|
|
171
|
+
},
|
|
169
172
|
"volta": {
|
|
170
173
|
"node": "20.18.1",
|
|
171
|
-
"yarn": "4.
|
|
174
|
+
"yarn": "4.6.0"
|
|
172
175
|
},
|
|
173
|
-
"packageManager": "yarn@4.
|
|
176
|
+
"packageManager": "yarn@4.6.0"
|
|
174
177
|
}
|