@saleor/macaw-ui 1.3.5 → 1.4.1-dev.1

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 (14) hide show
  1. package/dist/components/Avatar/Avatar.stories.d.ts +3 -3
  2. package/dist/components/Avatar/Store/Store.css.d.ts +5 -0
  3. package/dist/components/Avatar/User/User.css.d.ts +5 -0
  4. package/dist/components/Avatar/index.d.ts +4 -2
  5. package/dist/components/BaseSelect/BaseSelect.css.d.ts +3 -3
  6. package/dist/components/Icons/SVGWrapper/SVGWrapper.css.d.ts +12 -12
  7. package/dist/components/RadioGroup/Item.css.d.ts +18 -18
  8. package/dist/index.js +15 -15
  9. package/dist/index.js.map +1 -1
  10. package/dist/index.mjs +1838 -1840
  11. package/dist/index.mjs.map +1 -1
  12. package/dist/theme/contract.css.d.ts +142 -142
  13. package/dist/theme/sprinkles.css.d.ts +1 -1
  14. package/package.json +20 -17
package/dist/components/Avatar/Avatar.stories.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import { Avatar } from './index';
2
1
  import { Meta, StoryObj } from '@storybook/react';
3
2
 
4
3
  declare const User: {
@@ -1264,11 +1263,12 @@ declare const User: {
1264
1263
  src?: string | undefined;
1265
1264
  } & {
1266
1265
  size?: "medium" | "small" | "large" | undefined;
1267
- scheme?: "accent1" | undefined;
1266
+ scheme?: "accent1" | "transparent" | undefined;
1267
+ type?: "image" | "initials" | undefined;
1268
1268
  }): JSX.Element;
1269
1269
  displayName: string;
1270
1270
  };
1271
- declare const meta: Meta<typeof Avatar>;
1271
+ declare const meta: Meta<typeof User>;
1272
1272
  export default meta;
1273
1273
  type Story = StoryObj<typeof User>;
1274
1274
  export declare const Primary: Story;
package/dist/components/Avatar/Store/Store.css.d.ts CHANGED
@@ -8,6 +8,11 @@ export declare const storeAvatar: import('@vanilla-extract/recipes').RuntimeFn<{
8
8
  };
9
9
  scheme: {
10
10
  accent1: string;
11
+ transparent: string;
12
+ };
13
+ type: {
14
+ image: {};
15
+ initials: {};
11
16
  };
12
17
  }>;
13
18
  export type StoreAvatarVariants = RecipeVariants<typeof storeAvatar>;
package/dist/components/Avatar/User/User.css.d.ts CHANGED
@@ -8,6 +8,11 @@ export declare const userAvatar: import('@vanilla-extract/recipes').RuntimeFn<{
8
8
  };
9
9
  scheme: {
10
10
  accent1: string;
11
+ transparent: string;
12
+ };
13
+ type: {
14
+ image: {};
15
+ initials: {};
11
16
  };
12
17
  }>;
13
18
  export type UserAvatarVariants = RecipeVariants<typeof userAvatar>;
package/dist/components/Avatar/index.d.ts CHANGED
@@ -1265,7 +1265,8 @@ export declare const Avatar: {
1265
1265
  src?: string | undefined;
1266
1266
  } & {
1267
1267
  size?: "medium" | "small" | "large" | undefined;
1268
- scheme?: "accent1" | undefined;
1268
+ scheme?: "accent1" | "transparent" | undefined;
1269
+ type?: "image" | "initials" | undefined;
1269
1270
  }): JSX.Element;
1270
1271
  displayName: string;
1271
1272
  };
@@ -2532,7 +2533,8 @@ export declare const Avatar: {
2532
2533
  src?: string | undefined;
2533
2534
  } & {
2534
2535
  size?: "medium" | "small" | "large" | undefined;
2535
- scheme?: "accent1" | undefined;
2536
+ scheme?: "accent1" | "transparent" | undefined;
2537
+ type?: "image" | "initials" | undefined;
2536
2538
  }): JSX.Element;
2537
2539
  displayName: string;
2538
2540
  };
package/dist/components/BaseSelect/BaseSelect.css.d.ts CHANGED
@@ -3,17 +3,17 @@ export declare const listWrapperRecipe: import('@vanilla-extract/recipes').Runti
3
3
  size: {
4
4
  small: {
5
5
  vars: {
6
- [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
+ [x: string]: `var(--${string})`;
7
7
  };
8
8
  };
9
9
  medium: {
10
10
  vars: {
11
- [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
+ [x: string]: `var(--${string})`;
12
12
  };
13
13
  };
14
14
  large: {
15
15
  vars: {
16
- [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
+ [x: string]: `var(--${string})`;
17
17
  };
18
18
  };
19
19
  };
package/dist/components/Icons/SVGWrapper/SVGWrapper.css.d.ts CHANGED
@@ -3,16 +3,16 @@ import { RecipeVariants } from '@vanilla-extract/recipes';
3
3
  export declare const variants: {
4
4
  readonly size: {
5
5
  readonly small: {
6
- readonly width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
- readonly height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
+ readonly width: `var(--${string})`;
7
+ readonly height: `var(--${string})`;
8
8
  };
9
9
  readonly medium: {
10
- readonly width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
- readonly height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
+ readonly width: `var(--${string})`;
11
+ readonly height: `var(--${string})`;
12
12
  };
13
13
  readonly large: {
14
- readonly width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
- readonly height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
+ readonly width: `var(--${string})`;
15
+ readonly height: `var(--${string})`;
16
16
  };
17
17
  readonly fill: {};
18
18
  };
@@ -20,16 +20,16 @@ export declare const variants: {
20
20
  export declare const svgWrapper: import('@vanilla-extract/recipes').RuntimeFn<{
21
21
  readonly size: {
22
22
  readonly small: {
23
- readonly width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
- readonly height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
+ readonly width: `var(--${string})`;
24
+ readonly height: `var(--${string})`;
25
25
  };
26
26
  readonly medium: {
27
- readonly width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
- readonly height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ readonly width: `var(--${string})`;
28
+ readonly height: `var(--${string})`;
29
29
  };
30
30
  readonly large: {
31
- readonly width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
- readonly height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ readonly width: `var(--${string})`;
32
+ readonly height: `var(--${string})`;
33
33
  };
34
34
  readonly fill: {};
35
35
  };
package/dist/components/RadioGroup/Item.css.d.ts CHANGED
@@ -9,41 +9,41 @@ export declare const item: import('@vanilla-extract/recipes').RuntimeFn<{
9
9
  true: {
10
10
  selectors: {
11
11
  "&:hover": {
12
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
+ backgroundColor: `var(--${string})`;
13
13
  };
14
14
  "&:active": {
15
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
+ backgroundColor: `var(--${string})`;
16
16
  };
17
17
  "&[data-state='checked'][data-disabled]": {
18
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
+ backgroundColor: `var(--${string})`;
19
19
  };
20
20
  "&:active:after": {
21
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
+ backgroundColor: `var(--${string})`;
22
22
  };
23
23
  "&:hover:after": {
24
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
+ backgroundColor: `var(--${string})`;
25
25
  };
26
26
  "&:focus-visible": {
27
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ backgroundColor: `var(--${string})`;
28
28
  };
29
29
  "&:focus-visible:after": {
30
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ backgroundColor: `var(--${string})`;
31
31
  };
32
32
  "&[data-state='checked']": {
33
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ backgroundColor: `var(--${string})`;
34
+ borderColor: `var(--${string})`;
35
35
  };
36
36
  "&[data-state='checked']:hover": {
37
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ backgroundColor: `var(--${string})`;
38
38
  };
39
39
  "&[data-state='checked']:hover:after": {
40
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
+ backgroundColor: `var(--${string})`;
41
41
  };
42
42
  "&[data-state='checked']:focus-visible": {
43
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
+ backgroundColor: `var(--${string})`;
44
44
  };
45
45
  "&[data-state='checked']:focus-visible:after": {
46
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
+ backgroundColor: `var(--${string})`;
47
47
  };
48
48
  };
49
49
  };
@@ -52,19 +52,19 @@ export declare const item: import('@vanilla-extract/recipes').RuntimeFn<{
52
52
  true: {
53
53
  selectors: {
54
54
  "&:hover": {
55
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
+ backgroundColor: `var(--${string})`;
56
56
  };
57
57
  "&:active": {
58
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
58
+ backgroundColor: `var(--${string})`;
59
59
  };
60
60
  "&:active:after": {
61
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
+ backgroundColor: `var(--${string})`;
62
62
  };
63
63
  "&[data-state='checked']:hover": {
64
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
+ backgroundColor: `var(--${string})`;
65
65
  };
66
66
  "&[data-state='checked']:hover:after": {
67
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
+ backgroundColor: `var(--${string})`;
68
68
  };
69
69
  };
70
70
  };