@autoguru/overdrive 4.43.6-next.1 → 4.43.6-next.3

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.
Files changed (20) hide show
  1. package/dist/components/Columns/Column.css.d.ts +4 -9
  2. package/dist/components/Columns/Column.css.d.ts.map +1 -1
  3. package/dist/components/Columns/Column.css.js +12 -9
  4. package/dist/components/Columns/Columns.css.d.ts +8 -25
  5. package/dist/components/Columns/Columns.css.d.ts.map +1 -1
  6. package/dist/components/Columns/Columns.css.js +21 -16
  7. package/dist/components/Heading/Heading.d.ts +2 -1
  8. package/dist/components/Heading/Heading.d.ts.map +1 -1
  9. package/dist/components/Heading/Heading.js +3 -1
  10. package/dist/components/Heading/Heading.stories.d.ts +49 -43
  11. package/dist/components/Heading/Heading.stories.d.ts.map +1 -1
  12. package/dist/components/LoadingBox/LoadingBox.stories.d.ts +42 -42
  13. package/dist/components/MinimalModal/MinimalModal.stories.d.ts +6 -6
  14. package/dist/components/Text/textStyles.d.ts +3 -1
  15. package/dist/components/Text/textStyles.d.ts.map +1 -1
  16. package/dist/components/Text/textStyles.js +3 -1
  17. package/dist/styles/sprinkles.css.d.ts +42 -42
  18. package/dist/styles/sprinkles.css.d.ts.map +1 -1
  19. package/dist/styles/sprinkles.css.js +8 -3
  20. package/package.json +1 -1
package/dist/components/Columns/Column.css.d.ts CHANGED
@@ -14,21 +14,16 @@ export declare const columnStyle: import("@vanilla-extract/recipes").RuntimeFn<{
14
14
  alignSelf: {
15
15
  bottom: string;
16
16
  center: string;
17
+ centre: string;
17
18
  stretch: string;
18
19
  top: string;
19
20
  };
20
21
  grow: {
21
- true: {
22
- flexGrow: number;
23
- };
24
- false: {
25
- flexGrow: number;
26
- };
22
+ true: string;
23
+ false: string;
27
24
  };
28
25
  noShrink: {
29
- true: {
30
- flexShrink: number;
31
- };
26
+ true: string;
32
27
  false: {};
33
28
  };
34
29
  }>;
package/dist/components/Columns/Column.css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Column.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Columns/Column.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AA8BvE,eAAO,MAAM,8BAA8B;;;;;;;;;CAE1C,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAC5C,OAAO,8BAA8B,CACrC,CAAC,CAAC,CAAC,CAAC;AAEL,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;EAsBtB,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAC7C,cAAc,CAAC,OAAO,WAAW,CAAC,CAClC,CAAC"}
1
+ {"version":3,"file":"Column.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Columns/Column.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AA8BvE,eAAO,MAAM,8BAA8B;;;;;;;;;CAE1C,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAC5C,OAAO,8BAA8B,CACrC,CAAC,CAAC,CAAC,CAAC;AAEL,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;EAuBtB,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAC7C,cAAc,CAAC,OAAO,WAAW,CAAC,CAClC,CAAC"}
package/dist/components/Columns/Column.css.js CHANGED
@@ -39,6 +39,9 @@ export const columnStyle = recipe({
39
39
  center: sprinkles({
40
40
  alignSelf: 'center'
41
41
  }),
42
+ centre: sprinkles({
43
+ alignSelf: 'center'
44
+ }),
42
45
  stretch: sprinkles({
43
46
  alignSelf: 'stretch'
44
47
  }),
@@ -47,17 +50,17 @@ export const columnStyle = recipe({
47
50
  })
48
51
  },
49
52
  grow: {
50
- true: {
51
- flexGrow: 1
52
- },
53
- false: {
54
- flexGrow: 0
55
- }
53
+ true: sprinkles({
54
+ flexGrow: '1'
55
+ }),
56
+ false: sprinkles({
57
+ flexGrow: '0'
58
+ })
56
59
  },
57
60
  noShrink: {
58
- true: {
59
- flexShrink: 0
60
- },
61
+ true: sprinkles({
62
+ flexShrink: '0'
63
+ }),
61
64
  false: {}
62
65
  }
63
66
  },
package/dist/components/Columns/Columns.css.d.ts CHANGED
@@ -5,36 +5,19 @@ export declare const space: {
5
5
  };
6
6
  export declare const columnsStyle: import("@vanilla-extract/recipes").RuntimeFn<{
7
7
  align: {
8
- stretch: {
9
- alignContent: "stretch";
10
- alignItems: "stretch";
11
- };
12
- top: {
13
- alignContent: "flex-start";
14
- alignItems: "flex-start";
15
- };
16
- center: {
17
- alignContent: "center";
18
- alignItems: "center";
19
- };
20
- bottom: {
21
- alignContent: "flex-end";
22
- alignItems: "flex-end";
23
- };
8
+ stretch: string;
9
+ top: string;
10
+ center: string;
11
+ centre: string;
12
+ bottom: string;
24
13
  };
25
14
  noWrap: {
26
- false: {
27
- flexWrap: "wrap";
28
- };
29
- true: {
30
- flexWrap: "nowrap";
31
- };
15
+ false: string;
16
+ true: string;
32
17
  };
33
18
  wrappingDirection: {
34
19
  default: {};
35
- reverse: {
36
- flexWrap: "wrap-reverse";
37
- };
20
+ reverse: string;
38
21
  };
39
22
  }>;
40
23
  export type ColumnsStyle = NonNullable<RecipeVariants<typeof columnsStyle>>;
package/dist/components/Columns/Columns.css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Columns.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Columns/Columns.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAKvE,eAAO,MAAM,KAAK;;;CAGjB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4CvB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"Columns.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Columns/Columns.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAMvE,eAAO,MAAM,KAAK;;;CAGjB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;EAuCvB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC"}
package/dist/components/Columns/Columns.css.js CHANGED
@@ -3,6 +3,7 @@
3
3
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
4
4
  __vanilla_filescope__.setFileScope("lib/components/Columns/Columns.css.ts", "@autoguru/overdrive");
5
5
  import { recipe } from '@vanilla-extract/recipes';
6
+ import { sprinkles } from "../../styles/sprinkles.css.js";
6
7
  import { overdriveTokens as tokens } from "../../themes/index.js";
7
8
  import { makeResponsiveStyle } from "../../utils/responsiveProps.css.js";
8
9
  export const space = {
@@ -10,42 +11,46 @@ export const space = {
10
11
  spaceY: makeResponsiveStyle(tokens.space, 'paddingTop')
11
12
  };
12
13
  export const columnsStyle = recipe({
13
- base: {
14
+ base: sprinkles({
14
15
  display: 'flex',
15
16
  flexDirection: 'row'
16
- },
17
+ }),
17
18
  variants: {
18
19
  align: {
19
- stretch: {
20
+ stretch: sprinkles({
20
21
  alignContent: 'stretch',
21
22
  alignItems: 'stretch'
22
- },
23
- top: {
23
+ }),
24
+ top: sprinkles({
24
25
  alignContent: 'flex-start',
25
26
  alignItems: 'flex-start'
26
- },
27
- center: {
27
+ }),
28
+ center: sprinkles({
29
+ alignContent: 'center',
30
+ alignItems: 'center'
31
+ }),
32
+ centre: sprinkles({
28
33
  alignContent: 'center',
29
34
  alignItems: 'center'
30
- },
31
- bottom: {
35
+ }),
36
+ bottom: sprinkles({
32
37
  alignContent: 'flex-end',
33
38
  alignItems: 'flex-end'
34
- }
39
+ })
35
40
  },
36
41
  noWrap: {
37
- false: {
42
+ false: sprinkles({
38
43
  flexWrap: 'wrap'
39
- },
40
- true: {
44
+ }),
45
+ true: sprinkles({
41
46
  flexWrap: 'nowrap'
42
- }
47
+ })
43
48
  },
44
49
  wrappingDirection: {
45
50
  default: {},
46
- reverse: {
51
+ reverse: sprinkles({
47
52
  flexWrap: 'wrap-reverse'
48
- }
53
+ })
49
54
  }
50
55
  },
51
56
  defaultVariants: {
package/dist/components/Heading/Heading.d.ts CHANGED
@@ -4,6 +4,7 @@ import { type TextStylesProps } from '../Text/textStyles';
4
4
  export type HeadingTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
5
5
  export interface HeadingProps extends Omit<BoxProps, keyof TextStylesProps>, Omit<TextStylesProps, 'as'> {
6
6
  as?: HeadingTags;
7
+ align?: TextStylesProps['textAlign'];
7
8
  }
8
- export declare const Heading: ({ as, breakWord, children, className, color, colour, fontWeight, noWrap, size, transform, ...props }: HeadingProps) => React.JSX.Element;
9
+ export declare const Heading: ({ as, align, breakWord, children, className, color, colour, fontWeight, noWrap, size, transform, ...props }: HeadingProps) => React.JSX.Element;
9
10
  //# sourceMappingURL=Heading.d.ts.map
package/dist/components/Heading/Heading.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../lib/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElE,MAAM,WAAW,YAChB,SAAQ,IAAI,CAAC,QAAQ,EAAE,MAAM,eAAe,CAAC,EAC5C,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC;IAC5B,EAAE,CAAC,EAAE,WAAW,CAAC;CACjB;AAcD,eAAO,MAAM,OAAO,GAAI,sGAYrB,YAAY,sBAmBd,CAAC"}
1
+ {"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../lib/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElE,MAAM,WAAW,YAChB,SAAQ,IAAI,CAAC,QAAQ,EAAE,MAAM,eAAe,CAAC,EAC5C,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC;IAC5B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,KAAK,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;CACrC;AAcD,eAAO,MAAM,OAAO,GAAI,6GAarB,YAAY,sBAoBd,CAAC"}
package/dist/components/Heading/Heading.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
5
- const _excluded = ["as", "breakWord", "children", "className", "color", "colour", "fontWeight", "noWrap", "size", "transform"];
5
+ const _excluded = ["as", "align", "breakWord", "children", "className", "color", "colour", "fontWeight", "noWrap", "size", "transform"];
6
6
  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; }
7
7
  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; }
8
8
  import React from 'react';
@@ -20,6 +20,7 @@ const defaultSizeMap = {
20
20
  export const Heading = _ref => {
21
21
  let {
22
22
  as = 'h1',
23
+ align,
23
24
  breakWord,
24
25
  children,
25
26
  className,
@@ -40,6 +41,7 @@ export const Heading = _ref => {
40
41
  fontWeight,
41
42
  noWrap,
42
43
  size,
44
+ textAlign: align,
43
45
  transform
44
46
  }), className],
45
47
  children: children
package/dist/components/Heading/Heading.stories.d.ts CHANGED
@@ -3,9 +3,15 @@ import React from 'react';
3
3
  import { Heading, type HeadingProps } from './Heading';
4
4
  declare const meta: {
5
5
  title: string;
6
- component: ({ as, breakWord, children, className, color, colour, fontWeight, noWrap, size, transform, ...props }: HeadingProps) => React.JSX.Element;
6
+ component: ({ as, align, breakWord, children, className, color, colour, fontWeight, noWrap, size, transform, ...props }: HeadingProps) => React.JSX.Element;
7
7
  decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react-vite").ReactRenderer, {
8
8
  as?: import("./Heading").HeadingTags | undefined;
9
+ align?: ("left" | "right" | "center" | "centre" | {
10
+ mobile?: "left" | "right" | "center" | "centre" | undefined;
11
+ tablet?: "left" | "right" | "center" | "centre" | undefined;
12
+ desktop?: "left" | "right" | "center" | "centre" | undefined;
13
+ largeDesktop?: "left" | "right" | "center" | "centre" | undefined;
14
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "left" | "right" | "center" | "centre" | null>;
9
15
  backgroundColour?: "white" | "black900" | "black800" | "black700" | "black600" | "black500" | "black400" | "black300" | "black200" | "black100" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "success" | "danger" | "warning" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "transparent" | undefined;
10
16
  content?: string | undefined | undefined;
11
17
  placeholder?: string | undefined | undefined;
@@ -21,24 +27,24 @@ declare const meta: {
21
27
  muted?: boolean | undefined | undefined;
22
28
  opacity?: number | "1" | "0" | undefined;
23
29
  name?: string | undefined | undefined;
24
- alignContent?: ("space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | {
25
- mobile?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | undefined;
26
- tablet?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | undefined;
27
- desktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | undefined;
28
- largeDesktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | undefined;
29
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | null>;
30
- alignItems?: ("stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | "centre" | {
31
- mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | "centre" | undefined;
32
- tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | "centre" | undefined;
33
- desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | "centre" | undefined;
34
- largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | "centre" | undefined;
35
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | "centre" | null>;
36
- alignSelf?: ("stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | {
37
- mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
38
- tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
39
- desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
40
- largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
41
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | null>;
30
+ alignContent?: ("space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | {
31
+ mobile?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
32
+ tablet?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
33
+ desktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
34
+ largeDesktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
35
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | null>;
36
+ alignItems?: ("stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | {
37
+ mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
38
+ tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
39
+ desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
40
+ largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
41
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | null>;
42
+ alignSelf?: ("stretch" | "center" | "flex-end" | "flex-start" | {
43
+ mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
44
+ tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
45
+ desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
46
+ largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
47
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | null>;
42
48
  backgroundColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "transparent" | undefined;
43
49
  borderBottomColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
44
50
  borderBottomStyle?: "none" | "solid" | undefined;
@@ -133,18 +139,18 @@ declare const meta: {
133
139
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
134
140
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
135
141
  } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | null>;
136
- justifyContent?: ("space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | {
137
- mobile?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | undefined;
138
- tablet?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | undefined;
139
- desktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | undefined;
140
- largeDesktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | undefined;
141
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | null>;
142
- justifySelf?: ("stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | {
143
- mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
144
- tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
145
- desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
146
- largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
147
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | null>;
142
+ justifyContent?: ("space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | {
143
+ mobile?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
144
+ tablet?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
145
+ desktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
146
+ largeDesktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
147
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | null>;
148
+ justifySelf?: ("center" | "flex-end" | "flex-start" | {
149
+ mobile?: "center" | "flex-end" | "flex-start" | undefined;
150
+ tablet?: "center" | "flex-end" | "flex-start" | undefined;
151
+ desktop?: "center" | "flex-end" | "flex-start" | undefined;
152
+ largeDesktop?: "center" | "flex-end" | "flex-start" | undefined;
153
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "center" | "flex-end" | "flex-start" | null>;
148
154
  marginBottom?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
149
155
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
150
156
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
@@ -236,12 +242,6 @@ declare const meta: {
236
242
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
237
243
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
238
244
  } | undefined);
239
- textAlign?: ("left" | "right" | "center" | {
240
- mobile?: "left" | "right" | "center" | undefined;
241
- tablet?: "left" | "right" | "center" | undefined;
242
- desktop?: "left" | "right" | "center" | undefined;
243
- largeDesktop?: "left" | "right" | "center" | undefined;
244
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "left" | "right" | "center" | null>;
245
245
  textWrap?: "balance" | "nowrap" | "stable" | "pretty" | undefined;
246
246
  translate?: "yes" | "no" | undefined | undefined;
247
247
  userSelect?: "none" | "auto" | "text" | undefined;
@@ -283,12 +283,12 @@ declare const meta: {
283
283
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
284
284
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
285
285
  } | undefined);
286
- placeItems?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | null> | ("stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | {
287
- mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
288
- tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
289
- desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
290
- largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
291
- } | undefined);
286
+ placeItems?: ("stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | {
287
+ mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | undefined;
288
+ tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | undefined;
289
+ desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | undefined;
290
+ largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | undefined;
291
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | null>;
292
292
  start?: number | undefined | undefined;
293
293
  hidden?: boolean | undefined | undefined;
294
294
  style?: React.CSSProperties | undefined;
@@ -829,6 +829,12 @@ declare const meta: {
829
829
  color?: "soft" | "success" | "info" | "danger" | "warning" | "normal" | "inverse" | undefined;
830
830
  size?: {} | undefined;
831
831
  fontWeight?: "bold" | "normal" | "semiBold" | undefined;
832
+ textAlign?: ("left" | "right" | "center" | "centre" | {
833
+ mobile?: "left" | "right" | "center" | "centre" | undefined;
834
+ tablet?: "left" | "right" | "center" | "centre" | undefined;
835
+ desktop?: "left" | "right" | "center" | "centre" | undefined;
836
+ largeDesktop?: "left" | "right" | "center" | "centre" | undefined;
837
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "left" | "right" | "center" | "centre" | null>;
832
838
  transform?: "capitalize" | "uppercase" | undefined;
833
839
  noWrap?: boolean | undefined;
834
840
  breakWord?: boolean | undefined;
package/dist/components/Heading/Heading.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Heading.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Heading/Heading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAWvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAasB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAC"}
1
+ {"version":3,"file":"Heading.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Heading/Heading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAWvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAasB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAC"}
package/dist/components/LoadingBox/LoadingBox.stories.d.ts CHANGED
@@ -26,24 +26,24 @@ declare const _default: {
26
26
  fontWeight?: "bold" | "normal" | "semiBold" | undefined;
27
27
  opacity?: number | "1" | "0" | undefined;
28
28
  name?: string | undefined | undefined;
29
- alignContent?: ("space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | {
30
- mobile?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | undefined;
31
- tablet?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | undefined;
32
- desktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | undefined;
33
- largeDesktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | undefined;
34
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | null>;
35
- alignItems?: ("stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | "centre" | {
36
- mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | "centre" | undefined;
37
- tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | "centre" | undefined;
38
- desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | "centre" | undefined;
39
- largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | "centre" | undefined;
40
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | "centre" | null>;
41
- alignSelf?: ("stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | {
42
- mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
43
- tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
44
- desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
45
- largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
46
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | null>;
29
+ alignContent?: ("space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | {
30
+ mobile?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
31
+ tablet?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
32
+ desktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
33
+ largeDesktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
34
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | null>;
35
+ alignItems?: ("stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | {
36
+ mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
37
+ tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
38
+ desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
39
+ largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
40
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | null>;
41
+ alignSelf?: ("stretch" | "center" | "flex-end" | "flex-start" | {
42
+ mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
43
+ tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
44
+ desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
45
+ largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
46
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | null>;
47
47
  backgroundColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "transparent" | undefined;
48
48
  borderBottomColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
49
49
  borderBottomStyle?: "none" | "solid" | undefined;
@@ -138,18 +138,18 @@ declare const _default: {
138
138
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
139
139
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
140
140
  } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | null>;
141
- justifyContent?: ("space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | {
142
- mobile?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | undefined;
143
- tablet?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | undefined;
144
- desktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | undefined;
145
- largeDesktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | undefined;
146
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | null>;
147
- justifySelf?: ("stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | {
148
- mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
149
- tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
150
- desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
151
- largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
152
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | null>;
141
+ justifyContent?: ("space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | {
142
+ mobile?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
143
+ tablet?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
144
+ desktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
145
+ largeDesktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
146
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | null>;
147
+ justifySelf?: ("center" | "flex-end" | "flex-start" | {
148
+ mobile?: "center" | "flex-end" | "flex-start" | undefined;
149
+ tablet?: "center" | "flex-end" | "flex-start" | undefined;
150
+ desktop?: "center" | "flex-end" | "flex-start" | undefined;
151
+ largeDesktop?: "center" | "flex-end" | "flex-start" | undefined;
152
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "center" | "flex-end" | "flex-start" | null>;
153
153
  marginBottom?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
154
154
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
155
155
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
@@ -241,12 +241,12 @@ declare const _default: {
241
241
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
242
242
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
243
243
  } | undefined);
244
- textAlign?: ("left" | "right" | "center" | {
245
- mobile?: "left" | "right" | "center" | undefined;
246
- tablet?: "left" | "right" | "center" | undefined;
247
- desktop?: "left" | "right" | "center" | undefined;
248
- largeDesktop?: "left" | "right" | "center" | undefined;
249
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "left" | "right" | "center" | null>;
244
+ textAlign?: ("left" | "right" | "center" | "centre" | {
245
+ mobile?: "left" | "right" | "center" | "centre" | undefined;
246
+ tablet?: "left" | "right" | "center" | "centre" | undefined;
247
+ desktop?: "left" | "right" | "center" | "centre" | undefined;
248
+ largeDesktop?: "left" | "right" | "center" | "centre" | undefined;
249
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "left" | "right" | "center" | "centre" | null>;
250
250
  textWrap?: "balance" | "nowrap" | "stable" | "pretty" | undefined;
251
251
  translate?: "yes" | "no" | undefined | undefined;
252
252
  userSelect?: "none" | "auto" | "text" | undefined;
@@ -288,12 +288,12 @@ declare const _default: {
288
288
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
289
289
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
290
290
  } | undefined);
291
- placeItems?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | null> | ("stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | {
292
- mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
293
- tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
294
- desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
295
- largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
296
- } | undefined);
291
+ placeItems?: ("stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | {
292
+ mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | undefined;
293
+ tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | undefined;
294
+ desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | undefined;
295
+ largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | undefined;
296
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | null>;
297
297
  start?: number | undefined | undefined;
298
298
  hidden?: boolean | undefined | undefined;
299
299
  style?: React.CSSProperties | undefined;
package/dist/components/MinimalModal/MinimalModal.stories.d.ts CHANGED
@@ -21,12 +21,12 @@ declare const _default: {
21
21
  noThemedWrapper?: boolean | undefined;
22
22
  ref?: React.Ref<HTMLElement | undefined> | undefined;
23
23
  key?: React.Key | null | undefined;
24
- alignItems?: ("stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | "centre" | {
25
- mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | "centre" | undefined;
26
- tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | "centre" | undefined;
27
- desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | "centre" | undefined;
28
- largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | "centre" | undefined;
29
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | "centre" | null>;
24
+ alignItems?: ("stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | {
25
+ mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
26
+ tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
27
+ desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
28
+ largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
29
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | null>;
30
30
  }>) => React.JSX.Element)[];
31
31
  };
32
32
  export default _default;
package/dist/components/Text/textStyles.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import type { ElementType } from 'react';
2
2
  import { type Sprinkles, type SprinklesLegacyText } from '../../styles/sprinkles.css';
3
3
  import { type TypographyStyles } from '../../styles/typography.css';
4
+ export type TextAlign = Sprinkles['textAlign'];
4
5
  export type TextColor = Sprinkles['color'];
5
6
  export type TextColour = SprinklesLegacyText['colour'];
6
7
  export type TextSize = Sprinkles['text'];
@@ -11,6 +12,7 @@ export interface TextStylesProps extends TypographyStyles {
11
12
  colour?: TextColour;
12
13
  fontWeight?: FontWeight;
13
14
  size?: TextSize;
15
+ textAlign?: TextAlign;
14
16
  }
15
- export declare const textStyles: ({ as, breakWord, color, colour, fontWeight, noWrap, size, transform, }: TextStylesProps) => string;
17
+ export declare const textStyles: ({ as, breakWord, color, colour, fontWeight, noWrap, size, textAlign, transform, }: TextStylesProps) => string;
16
18
  //# sourceMappingURL=textStyles.d.ts.map
package/dist/components/Text/textStyles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"textStyles.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/textStyles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAGN,KAAK,SAAS,EACd,KAAK,mBAAmB,EACxB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAEN,KAAK,gBAAgB,EACrB,MAAM,6BAA6B,CAAC;AAGrC,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;AAC3C,MAAM,MAAM,UAAU,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;AACvD,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AACzC,MAAM,MAAM,UAAU,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;AAEjD,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACxD,EAAE,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAC;CAChB;AAKD,eAAO,MAAM,UAAU,GAAI,wEASxB,eAAe,WAMf,CAAC"}
1
+ {"version":3,"file":"textStyles.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/textStyles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAGN,KAAK,SAAS,EACd,KAAK,mBAAmB,EACxB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAEN,KAAK,gBAAgB,EACrB,MAAM,6BAA6B,CAAC;AAGrC,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;AAC/C,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;AAC3C,MAAM,MAAM,UAAU,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;AACvD,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AACzC,MAAM,MAAM,UAAU,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;AAEjD,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACxD,EAAE,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;CACtB;AAKD,eAAO,MAAM,UAAU,GAAI,mFAUxB,eAAe,WAMf,CAAC"}
package/dist/components/Text/textStyles.js CHANGED
@@ -14,6 +14,7 @@ export const textStyles = _ref => {
14
14
  fontWeight,
15
15
  noWrap,
16
16
  size,
17
+ textAlign,
17
18
  transform
18
19
  } = _ref;
19
20
  return clsx([resetStyles({
@@ -21,7 +22,8 @@ export const textStyles = _ref => {
21
22
  }), sprinkles({
22
23
  color,
23
24
  fontWeight,
24
- text: size
25
+ text: size,
26
+ textAlign
25
27
  }), sprinklesLegacyText({
26
28
  colour
27
29
  }), typographyStyles({
package/dist/styles/sprinkles.css.d.ts CHANGED
@@ -106,12 +106,12 @@ export declare const sprinkles: ((props: {
106
106
  desktop?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
107
107
  largeDesktop?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
108
108
  } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "fixed" | "absolute" | "relative" | "static" | "sticky" | null>;
109
- textAlign?: ("left" | "right" | "center" | {
110
- mobile?: "left" | "right" | "center" | undefined;
111
- tablet?: "left" | "right" | "center" | undefined;
112
- desktop?: "left" | "right" | "center" | undefined;
113
- largeDesktop?: "left" | "right" | "center" | undefined;
114
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "left" | "right" | "center" | null>;
109
+ textAlign?: ("left" | "right" | "center" | "centre" | {
110
+ mobile?: "left" | "right" | "center" | "centre" | undefined;
111
+ tablet?: "left" | "right" | "center" | "centre" | undefined;
112
+ desktop?: "left" | "right" | "center" | "centre" | undefined;
113
+ largeDesktop?: "left" | "right" | "center" | "centre" | undefined;
114
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "left" | "right" | "center" | "centre" | null>;
115
115
  borderRadius?: ("1" | "none" | "min" | "sm" | "md" | "lg" | "xl" | "2xl" | "pill" | "full" | {
116
116
  mobile?: "1" | "none" | "min" | "sm" | "md" | "lg" | "xl" | "2xl" | "pill" | "full" | undefined;
117
117
  tablet?: "1" | "none" | "min" | "sm" | "md" | "lg" | "xl" | "2xl" | "pill" | "full" | undefined;
@@ -184,36 +184,36 @@ export declare const sprinkles: ((props: {
184
184
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
185
185
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
186
186
  } | undefined);
187
- alignItems?: ("stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | "centre" | {
188
- mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | "centre" | undefined;
189
- tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | "centre" | undefined;
190
- desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | "centre" | undefined;
191
- largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | "centre" | undefined;
192
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | "centre" | null>;
193
- justifyContent?: ("space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | {
194
- mobile?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | undefined;
195
- tablet?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | undefined;
196
- desktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | undefined;
197
- largeDesktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | undefined;
198
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | null>;
199
- alignContent?: ("space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | {
200
- mobile?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | undefined;
201
- tablet?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | undefined;
202
- desktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | undefined;
203
- largeDesktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | undefined;
204
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | "centre" | null>;
205
- alignSelf?: ("stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | {
206
- mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
207
- tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
208
- desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
209
- largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
210
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | null>;
211
- justifySelf?: ("stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | {
212
- mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
213
- tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
214
- desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
215
- largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
216
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | null>;
187
+ alignItems?: ("stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | {
188
+ mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
189
+ tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
190
+ desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
191
+ largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
192
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | null>;
193
+ justifyContent?: ("space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | {
194
+ mobile?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
195
+ tablet?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
196
+ desktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
197
+ largeDesktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
198
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | null>;
199
+ alignContent?: ("space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | {
200
+ mobile?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
201
+ tablet?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
202
+ desktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
203
+ largeDesktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
204
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | null>;
205
+ alignSelf?: ("stretch" | "center" | "flex-end" | "flex-start" | {
206
+ mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
207
+ tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
208
+ desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
209
+ largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
210
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | null>;
211
+ justifySelf?: ("center" | "flex-end" | "flex-start" | {
212
+ mobile?: "center" | "flex-end" | "flex-start" | undefined;
213
+ tablet?: "center" | "flex-end" | "flex-start" | undefined;
214
+ desktop?: "center" | "flex-end" | "flex-start" | undefined;
215
+ largeDesktop?: "center" | "flex-end" | "flex-start" | undefined;
216
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "center" | "flex-end" | "flex-start" | null>;
217
217
  flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
218
218
  mobile?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
219
219
  tablet?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
@@ -358,12 +358,12 @@ export declare const sprinkles: ((props: {
358
358
  desktop?: "1" | "2" | "3" | "none" | undefined;
359
359
  largeDesktop?: "1" | "2" | "3" | "none" | undefined;
360
360
  } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
361
- placeItems?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | null> | ("stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | {
362
- mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
363
- tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
364
- desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
365
- largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | undefined;
366
- } | undefined);
361
+ placeItems?: ("stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | {
362
+ mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | undefined;
363
+ tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | undefined;
364
+ desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | undefined;
365
+ largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | undefined;
366
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | null>;
367
367
  size?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | {
368
368
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
369
369
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
package/dist/styles/sprinkles.css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sprinkles.css.d.ts","sourceRoot":"","sources":["../../lib/styles/sprinkles.css.ts"],"names":[],"mappings":"AAkGA,eAAO,MAAM,WAAW;;;;;;6BAUlB,sBAAsB,CAAC,QAAQ,CAAC,EAAE;;CAEvC,CAAC;AAyGF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;CAA0C,CAAC;AAE9E,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACxC,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC,CAAC,CAAC,EAC1C,iBAAiB,GACjB,aAAa,GACb,mBAAmB,GACnB,iBAAiB,GACjB,kBAAkB,GAClB,gBAAgB,GAChB,OAAO,CACT,CAAC;AAeF,eAAO,MAAM,mBAAmB;;;;;CAAwC,CAAC;AACzE,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACrC,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC,CAAC,CAAC,EACzC,OAAO,CACP,CAAC;AAGF,eAAO,MAAM,oBAAoB;;;;;;;;;;;CAOhC,CAAC;AA8HF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwD,CAAC;AAC/E,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"sprinkles.css.d.ts","sourceRoot":"","sources":["../../lib/styles/sprinkles.css.ts"],"names":[],"mappings":"AAkGA,eAAO,MAAM,WAAW;;;;;;6BAUlB,sBAAsB,CAAC,QAAQ,CAAC,EAAE;;CAEvC,CAAC;AAyGF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;CAA0C,CAAC;AAE9E,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACxC,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC,CAAC,CAAC,EAC1C,iBAAiB,GACjB,aAAa,GACb,mBAAmB,GACnB,iBAAiB,GACjB,kBAAkB,GAClB,gBAAgB,GAChB,OAAO,CACT,CAAC;AAeF,eAAO,MAAM,mBAAmB;;;;;CAAwC,CAAC;AACzE,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACrC,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC,CAAC,CAAC,EACzC,OAAO,CACP,CAAC;AAGF,eAAO,MAAM,oBAAoB;;;;;;;;;;;CAOhC,CAAC;AAmIF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwD,CAAC;AAC/E,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC"}
package/dist/styles/sprinkles.css.js CHANGED
@@ -206,7 +206,12 @@ const responsiveProperties = defineProperties({
206
206
  overflowX: ['auto', 'scroll', 'hidden'],
207
207
  overflowY: ['auto', 'scroll', 'hidden'],
208
208
  position: ['static', 'relative', 'absolute', 'fixed', 'sticky'],
209
- textAlign: ['left', 'center', 'right'],
209
+ textAlign: {
210
+ left: 'left',
211
+ center: 'center',
212
+ centre: 'center',
213
+ right: 'right'
214
+ },
210
215
  borderRadius: tokens.border.radius,
211
216
  borderLeftWidth: tokens.border.width,
212
217
  borderBottomWidth: tokens.border.width,
@@ -239,8 +244,8 @@ const responsiveProperties = defineProperties({
239
244
  }),
240
245
  justifyContent: flexAlignmentsWithSpace,
241
246
  alignContent: flexAlignmentsWithSpace,
242
- alignSelf: flexAlignments,
243
- justifySelf: flexAlignments,
247
+ alignSelf: ['flex-start', 'center', 'flex-end', 'stretch'],
248
+ justifySelf: ['flex-start', 'center', 'flex-end'],
244
249
  flexDirection: ['row', 'column', 'row-reverse', 'column-reverse'],
245
250
  flexGrow: [0, '0', '1'],
246
251
  flexShrink: [0, '0', '1'],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@autoguru/overdrive",
3
- "version": "4.43.6-next.1",
3
+ "version": "4.43.6-next.3",
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",