alouette 10.2.0 → 10.3.0

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 (57) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/createAlouetteTamagui-browser.es.js +22 -5
  3. package/dist/createAlouetteTamagui-browser.es.js.map +1 -1
  4. package/dist/createAlouetteTamagui-node20.cjs +22 -5
  5. package/dist/createAlouetteTamagui-node20.cjs.map +1 -1
  6. package/dist/createAlouetteTamagui-node20.mjs +22 -5
  7. package/dist/createAlouetteTamagui-node20.mjs.map +1 -1
  8. package/dist/createAlouetteTamagui-react-native.cjs.js +22 -5
  9. package/dist/createAlouetteTamagui-react-native.cjs.js.map +1 -1
  10. package/dist/createAlouetteTamagui-react-native.es.js +22 -5
  11. package/dist/createAlouetteTamagui-react-native.es.js.map +1 -1
  12. package/dist/definitions/components/actions/Button.d.ts +2 -1
  13. package/dist/definitions/components/actions/Button.d.ts.map +1 -1
  14. package/dist/definitions/components/actions/Button.stories.d.ts.map +1 -1
  15. package/dist/definitions/components/actions/IconButton.d.ts +3 -1
  16. package/dist/definitions/components/actions/IconButton.d.ts.map +1 -1
  17. package/dist/definitions/components/actions/IconButton.stories.d.ts.map +1 -1
  18. package/dist/definitions/components/containers/Box.d.ts +1 -0
  19. package/dist/definitions/components/containers/Box.d.ts.map +1 -1
  20. package/dist/definitions/components/containers/Box.stories.d.ts +1 -0
  21. package/dist/definitions/components/containers/Box.stories.d.ts.map +1 -1
  22. package/dist/definitions/components/containers/PressableBox.d.ts +1 -0
  23. package/dist/definitions/components/containers/PressableBox.d.ts.map +1 -1
  24. package/dist/definitions/components/containers/PressableBox.stories.d.ts +1 -0
  25. package/dist/definitions/components/containers/PressableBox.stories.d.ts.map +1 -1
  26. package/dist/definitions/components/containers/variants.d.ts +118 -11
  27. package/dist/definitions/components/containers/variants.d.ts.map +1 -1
  28. package/dist/definitions/components/feedback/Message.d.ts +1 -0
  29. package/dist/definitions/components/feedback/Message.d.ts.map +1 -1
  30. package/dist/definitions/components/forms/InputText.d.ts +2 -0
  31. package/dist/definitions/components/forms/InputText.d.ts.map +1 -1
  32. package/dist/definitions/components/forms/InputText.stories.d.ts +1 -0
  33. package/dist/definitions/components/forms/InputText.stories.d.ts.map +1 -1
  34. package/dist/definitions/components/primitives/createVariants.d.ts +25 -21
  35. package/dist/definitions/components/primitives/createVariants.d.ts.map +1 -1
  36. package/dist/definitions/config/themes.d.ts +294 -70
  37. package/dist/definitions/config/themes.d.ts.map +1 -1
  38. package/dist/index-browser.es.js +102 -90
  39. package/dist/index-browser.es.js.map +1 -1
  40. package/dist/index-node20.cjs +102 -90
  41. package/dist/index-node20.cjs.map +1 -1
  42. package/dist/index-node20.mjs +102 -90
  43. package/dist/index-node20.mjs.map +1 -1
  44. package/dist/index-react-native.cjs.js +102 -90
  45. package/dist/index-react-native.cjs.js.map +1 -1
  46. package/dist/index-react-native.es.js +102 -90
  47. package/dist/index-react-native.es.js.map +1 -1
  48. package/package.json +1 -1
  49. package/src/components/actions/Button.stories.tsx +46 -29
  50. package/src/components/actions/Button.tsx +30 -4
  51. package/src/components/actions/IconButton.stories.tsx +31 -8
  52. package/src/components/actions/IconButton.tsx +53 -6
  53. package/src/components/containers/variants.ts +27 -16
  54. package/src/components/feedback/Message.tsx +5 -1
  55. package/src/components/primitives/createVariants.ts +24 -77
  56. package/src/config/colorScales.ts +1 -1
  57. package/src/config/themes.ts +44 -10
@@ -1 +1 @@
1
- {"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,KAAK,SAAS,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;;;;;AAEzC,wBAGgC;AAEhC,eAAO,MAAM,WAAW,EAAE,SAuFzB,CAAC"}
1
+ {"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,KAAK,SAAS,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;;;;;AAEzC,wBAGgC;AAEhC,eAAO,MAAM,WAAW,EAAE,SAsGzB,CAAC"}
@@ -4,8 +4,10 @@ declare const IconButtonFrame: import("@tamagui/web").TamaguiComponent<import("@
4
4
  size?: number | undefined;
5
5
  internalForcedPseudoState?: import("../primitives/createVariants").InternalPseudoState | undefined;
6
6
  interactive?: boolean | import("csstype").Property.Cursor | undefined;
7
+ variant?: "contained" | "outlined" | "elevated" | "ghost-contained" | "ghost-outlined" | undefined;
7
8
  withBorder?: boolean | import("@tamagui/web").SizeTokens | undefined;
8
9
  withBackground?: boolean | undefined;
10
+ withElevation?: boolean | undefined;
9
11
  circular?: boolean | undefined;
10
12
  centered?: boolean | undefined;
11
13
  }, import("@tamagui/web").StaticConfigPublic>;
@@ -13,6 +15,6 @@ type IconButtonFrameProps = GetProps<typeof IconButtonFrame>;
13
15
  export interface IconButtonProps extends IconButtonFrameProps {
14
16
  icon: NonNullable<ReactElement>;
15
17
  }
16
- export declare function IconButton({ icon, disabled, size, ...pressableProps }: IconButtonProps): ReactNode;
18
+ export declare function IconButton({ icon, disabled, size, variant, ...pressableProps }: IconButtonProps): ReactNode;
17
19
  export {};
18
20
  //# sourceMappingURL=IconButton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,QAAA,MAAM,eAAe;;;;;;;;6CASnB,CAAC;AAEH,KAAK,oBAAoB,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAE7D,MAAM,WAAW,eAAgB,SAAQ,oBAAoB;IAC3D,IAAI,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CACjC;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,IAAS,EACT,GAAG,cAAc,EAClB,EAAE,eAAe,GAAG,SAAS,CAW7B"}
1
+ {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,QAAA,MAAM,eAAe;;;;;;;;;;6CAiCnB,CAAC;AAeH,KAAK,oBAAoB,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAE7D,MAAM,WAAW,eAAgB,SAAQ,oBAAoB;IAC3D,IAAI,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CACjC;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,IAAS,EACT,OAAqB,EACrB,GAAG,cAAc,EAClB,EAAE,eAAe,GAAG,SAAS,CAmB7B"}
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/IconButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,KAAK,SAAS,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;;;;;AAE7C,wBAGoC;AAEpC,eAAO,MAAM,eAAe,EAAE,SA0D7B,CAAC"}
1
+ {"version":3,"file":"IconButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/IconButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,KAAK,SAAS,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;;;;;AAE7C,wBAGoC;AAEpC,eAAO,MAAM,eAAe,EAAE,SA8E7B,CAAC"}
@@ -6,6 +6,7 @@ export declare const Box: import("@tamagui/web").TamaguiComponent<import("@tamag
6
6
  interactive?: boolean | import("csstype").Property.Cursor | undefined;
7
7
  withBorder?: boolean | import("@tamagui/web").SizeTokens | undefined;
8
8
  withBackground?: boolean | undefined;
9
+ withElevation?: boolean | undefined;
9
10
  circular?: boolean | undefined;
10
11
  centered?: boolean | undefined;
11
12
  }, import("@tamagui/web").StaticConfigPublic>;
@@ -1 +1 @@
1
- {"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAI9C,kCAAkC;AAClC,eAAO,MAAM,GAAG;;;;;;;;6CAIL,CAAC;AAEZ,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC"}
1
+ {"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAI9C,kCAAkC;AAClC,eAAO,MAAM,GAAG;;;;;;;;;6CAIL,CAAC;AAEZ,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC"}
@@ -9,6 +9,7 @@ declare const _default: {
9
9
  interactive?: boolean | import("csstype").Property.Cursor | undefined;
10
10
  withBorder?: boolean | import("@tamagui/web").SizeTokens | undefined;
11
11
  withBackground?: boolean | undefined;
12
+ withElevation?: boolean | undefined;
12
13
  circular?: boolean | undefined;
13
14
  centered?: boolean | undefined;
14
15
  }, import("@tamagui/web").StaticConfigPublic>;
@@ -1 +1 @@
1
- {"version":3,"file":"Box.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/Box.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,KAAK,SAAS,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;;;;;;;;;;;;;AAEtC,wBAG6B;AAE7B,eAAO,MAAM,QAAQ,EAAE,SA0FtB,CAAC"}
1
+ {"version":3,"file":"Box.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/Box.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,KAAK,SAAS,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;;;;;;;;;;;;;;AAEtC,wBAG6B;AAE7B,eAAO,MAAM,QAAQ,EAAE,SA0FtB,CAAC"}
@@ -5,6 +5,7 @@ export declare const PressableBox: import("@tamagui/web").TamaguiComponent<impor
5
5
  interactive?: boolean | import("csstype").Property.Cursor | undefined;
6
6
  withBorder?: boolean | import("@tamagui/web").SizeTokens | undefined;
7
7
  withBackground?: boolean | undefined;
8
+ withElevation?: boolean | undefined;
8
9
  circular?: boolean | undefined;
9
10
  centered?: boolean | undefined;
10
11
  }, import("@tamagui/web").StaticConfigPublic>;
@@ -1 +1 @@
1
- {"version":3,"file":"PressableBox.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/PressableBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAI9C,eAAO,MAAM,YAAY;;;;;;;;6CAEd,CAAC;AAEZ,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC"}
1
+ {"version":3,"file":"PressableBox.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/PressableBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAI9C,eAAO,MAAM,YAAY;;;;;;;;;6CAEd,CAAC;AAEZ,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC"}
@@ -9,6 +9,7 @@ declare const _default: {
9
9
  interactive?: boolean | import("csstype").Property.Cursor | undefined;
10
10
  withBorder?: boolean | import("@tamagui/web").SizeTokens | undefined;
11
11
  withBackground?: boolean | undefined;
12
+ withElevation?: boolean | undefined;
12
13
  circular?: boolean | undefined;
13
14
  centered?: boolean | undefined;
14
15
  }, import("@tamagui/web").StaticConfigPublic>;
@@ -1 +1 @@
1
- {"version":3,"file":"PressableBox.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/PressableBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,KAAK,SAAS,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;;;;;;;;;;;;;AAE/C,wBAGsC;AAEtC,eAAO,MAAM,cAAc,EAAE,SAiB5B,CAAC"}
1
+ {"version":3,"file":"PressableBox.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/PressableBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,KAAK,SAAS,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;;;;;;;;;;;;;;AAE/C,wBAGsC;AAEtC,eAAO,MAAM,cAAc,EAAE,SAiB5B,CAAC"}
@@ -2,34 +2,141 @@ import type { SizeTokens, VariantSpreadExtras, ViewStyle } from "@tamagui/core";
2
2
  import type { InternalPseudoState } from "../primitives/createVariants";
3
3
  export declare const internalForcedPseudoState: (val: InternalPseudoState) => {};
4
4
  export declare const withBorder: (val: SizeTokens | boolean, { props }: VariantSpreadExtras<any>) => {
5
- readonly borderWidth: 1 | import("@tamagui/web").UnionableNumber;
6
- readonly borderColor: "$borderColor";
5
+ readonly shadowColor?: undefined;
6
+ readonly hoverStyle?: undefined;
7
+ readonly pressStyle?: undefined;
8
+ readonly focusStyle?: undefined;
9
+ readonly borderWidth: 1 | import("@tamagui/web").UnionableNumber | import("@tamagui/web").UnionableString;
10
+ } | {
11
+ readonly shadowColor: `$${string}.shadowColor`;
12
+ readonly hoverStyle?: undefined;
13
+ readonly pressStyle?: undefined;
14
+ readonly focusStyle?: undefined;
15
+ readonly borderWidth: 1 | import("@tamagui/web").UnionableNumber | import("@tamagui/web").UnionableString;
16
+ } | {
17
+ readonly shadowColor?: undefined;
18
+ readonly hoverStyle?: undefined;
19
+ readonly pressStyle?: undefined;
20
+ readonly focusStyle?: undefined;
21
+ readonly borderWidth: 1 | import("@tamagui/web").UnionableNumber | import("@tamagui/web").UnionableString;
22
+ } | {
23
+ readonly shadowColor?: undefined;
24
+ readonly hoverStyle?: undefined;
25
+ readonly pressStyle?: undefined;
26
+ readonly focusStyle?: undefined;
27
+ readonly borderWidth: 1 | import("@tamagui/web").UnionableNumber | import("@tamagui/web").UnionableString;
7
28
  } | {
8
- readonly borderColor: "$interactive.forms.borderColor:disabled" | "$interactive.borderColor:disabled";
29
+ readonly shadowColor?: undefined;
9
30
  readonly hoverStyle?: undefined;
10
31
  readonly pressStyle?: undefined;
11
32
  readonly focusStyle?: undefined;
12
- readonly borderWidth: 1 | import("@tamagui/web").UnionableNumber;
33
+ readonly borderWidth: 1 | import("@tamagui/web").UnionableNumber | import("@tamagui/web").UnionableString;
34
+ } | {
35
+ readonly hoverStyle: {
36
+ readonly [x: string]: `$${string}.backgroundColor:hover` | `$${string}.borderColor:hover`;
37
+ };
38
+ readonly pressStyle: {
39
+ readonly [x: string]: `$${string}.backgroundColor:press` | `$${string}.borderColor:press`;
40
+ };
41
+ readonly focusStyle: {
42
+ readonly [x: string]: `$${string}.backgroundColor:focus` | `$${string}.borderColor:focus`;
43
+ };
44
+ readonly shadowColor?: undefined;
45
+ readonly borderWidth: 1 | import("@tamagui/web").UnionableNumber | import("@tamagui/web").UnionableString;
13
46
  } | {
14
47
  readonly borderColor: string;
48
+ readonly borderWidth: 1 | import("@tamagui/web").UnionableNumber | import("@tamagui/web").UnionableString;
49
+ };
50
+ export declare const withBackground: (val: boolean, { props }: VariantSpreadExtras<any>) => {
51
+ readonly [x: string]: `$${string}.backgroundColor:disabled` | `$${string}.borderColor:disabled` | `$${string}.shadowColor:disabled`;
52
+ readonly shadowColor?: undefined;
15
53
  readonly hoverStyle?: undefined;
16
54
  readonly pressStyle?: undefined;
17
55
  readonly focusStyle?: undefined;
18
- readonly borderWidth: 1 | import("@tamagui/web").UnionableNumber;
19
56
  } | {
20
- readonly borderColor: "$interactive.forms.borderColor" | "$interactive.borderColor";
57
+ readonly shadowColor: `$${string}.shadowColor`;
58
+ readonly hoverStyle?: undefined;
59
+ readonly pressStyle?: undefined;
60
+ readonly focusStyle?: undefined;
61
+ } | {
62
+ readonly [x: string]: `$${string}.backgroundColor:hover` | `$${string}.borderColor:hover`;
63
+ readonly shadowColor?: undefined;
64
+ readonly hoverStyle?: undefined;
65
+ readonly pressStyle?: undefined;
66
+ readonly focusStyle?: undefined;
67
+ } | {
68
+ readonly [x: string]: `$${string}.backgroundColor:press` | `$${string}.borderColor:press`;
69
+ readonly shadowColor?: undefined;
70
+ readonly hoverStyle?: undefined;
71
+ readonly pressStyle?: undefined;
72
+ readonly focusStyle?: undefined;
73
+ } | {
74
+ readonly [x: string]: `$${string}.backgroundColor:focus` | `$${string}.borderColor:focus`;
75
+ readonly shadowColor?: undefined;
76
+ readonly hoverStyle?: undefined;
77
+ readonly pressStyle?: undefined;
78
+ readonly focusStyle?: undefined;
79
+ } | {
80
+ readonly [x: string]: string | {
81
+ readonly [x: string]: `$${string}.backgroundColor:hover` | `$${string}.borderColor:hover`;
82
+ } | {
83
+ readonly [x: string]: `$${string}.backgroundColor:press` | `$${string}.borderColor:press`;
84
+ } | {
85
+ readonly [x: string]: `$${string}.backgroundColor:focus` | `$${string}.borderColor:focus`;
86
+ };
21
87
  readonly hoverStyle: {
22
- readonly borderColor: "$interactive.forms.borderColor:hover" | "$interactive.borderColor:hover";
88
+ readonly [x: string]: `$${string}.backgroundColor:hover` | `$${string}.borderColor:hover`;
23
89
  };
24
90
  readonly pressStyle: {
25
- readonly borderColor: "$interactive.forms.borderColor:press" | "$interactive.borderColor:press";
91
+ readonly [x: string]: `$${string}.backgroundColor:press` | `$${string}.borderColor:press`;
26
92
  };
27
93
  readonly focusStyle: {
28
- readonly borderColor: "$interactive.forms.borderColor:focus" | "$interactive.borderColor:focus";
94
+ readonly [x: string]: `$${string}.backgroundColor:focus` | `$${string}.borderColor:focus`;
29
95
  };
30
- readonly borderWidth: 1 | import("@tamagui/web").UnionableNumber;
96
+ readonly shadowColor?: undefined;
97
+ } | {
98
+ readonly backgroundColor: string;
99
+ };
100
+ export declare const withElevation: (val: boolean, { props }: VariantSpreadExtras<any>) => {
101
+ readonly shadowColor?: undefined;
102
+ readonly hoverStyle?: undefined;
103
+ readonly pressStyle?: undefined;
104
+ readonly focusStyle?: undefined;
105
+ readonly shadowOffset?: {
106
+ width: number;
107
+ height: number;
108
+ } | undefined;
109
+ readonly shadowOpacity?: number | undefined;
110
+ readonly shadowRadius?: number | undefined;
111
+ readonly elevation?: number | undefined;
112
+ } | {
113
+ readonly hoverStyle: {
114
+ readonly [x: string]: `$${string}.backgroundColor:hover` | `$${string}.borderColor:hover`;
115
+ };
116
+ readonly pressStyle: {
117
+ readonly [x: string]: `$${string}.backgroundColor:press` | `$${string}.borderColor:press`;
118
+ };
119
+ readonly focusStyle: {
120
+ readonly [x: string]: `$${string}.backgroundColor:focus` | `$${string}.borderColor:focus`;
121
+ };
122
+ readonly shadowColor?: undefined;
123
+ readonly shadowOffset?: {
124
+ width: number;
125
+ height: number;
126
+ } | undefined;
127
+ readonly shadowOpacity?: number | undefined;
128
+ readonly shadowRadius?: number | undefined;
129
+ readonly elevation?: number | undefined;
130
+ } | {
131
+ readonly shadowColor: string;
132
+ readonly shadowOffset?: {
133
+ width: number;
134
+ height: number;
135
+ } | undefined;
136
+ readonly shadowOpacity?: number | undefined;
137
+ readonly shadowRadius?: number | undefined;
138
+ readonly elevation?: number | undefined;
31
139
  };
32
- export declare const withBackground: (val: boolean, { props }: VariantSpreadExtras<any>) => {};
33
140
  export declare const size: (val: number) => {
34
141
  readonly width: number;
35
142
  readonly height: number;
@@ -1 +1 @@
1
- {"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAMxE,eAAO,MAAM,yBAAyB,QAAS,mBAAmB,OAAS,CAAC;AAE5E,eAAO,MAAM,UAAU,QAChB,UAAU,GAAG,OAAO,aACd,mBAAmB,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQpC,CAAC;AAEF,eAAO,MAAM,cAAc,QACpB,OAAO,aACD,mBAAmB,CAAC,GAAG,CAAC,OAqBpC,CAAC;AAOF,eAAO,MAAM,IAAI,QAAS,MAAM;;;CAE/B,CAAC;AAEF,eAAO,MAAM,QAAQ;yBACP,OAAO,qBAAqB;QAAE,KAAK,EAAE,GAAG,CAAC;QAAC,MAAM,EAAE,GAAG,CAAA;KAAE;;;;;;;;;;;;;CAgB3D,CAAC;AAEX,eAAO,MAAM,WAAW,yCACgB,SAAS,CAAC,QAAQ,CAAC,GAAG,OAAO,aACxD,mBAAmB,CAAC,GAAG,CAAC;;QAYpC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;CAKX,CAAC"}
1
+ {"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGxE,eAAO,MAAM,yBAAyB,QAAS,mBAAmB,OAAS,CAAC;AAE5E,eAAO,MAAM,UAAU,QAChB,UAAU,GAAG,OAAO,aACd,mBAAmB,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASpC,CAAC;AAEF,eAAO,MAAM,cAAc,QACpB,OAAO,aACD,mBAAmB,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAapC,CAAC;AAEF,eAAO,MAAM,aAAa,QACnB,OAAO,aACD,mBAAmB,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBpC,CAAC;AAOF,eAAO,MAAM,IAAI,QAAS,MAAM;;;CAE/B,CAAC;AAEF,eAAO,MAAM,QAAQ;yBACP,OAAO,qBAAqB;QAAE,KAAK,EAAE,GAAG,CAAC;QAAC,MAAM,EAAE,GAAG,CAAA;KAAE;;;;;;;;;;;;;CAgB3D,CAAC;AAEX,eAAO,MAAM,WAAW,yCACgB,SAAS,CAAC,QAAQ,CAAC,GAAG,OAAO,aACxD,mBAAmB,CAAC,GAAG,CAAC;;QAYpC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;CAKX,CAAC"}
@@ -5,6 +5,7 @@ export declare const MessageFrame: import("@tamagui/web").TamaguiComponent<impor
5
5
  interactive?: boolean | import("csstype").Property.Cursor | undefined;
6
6
  withBorder?: boolean | import("@tamagui/web").SizeTokens | undefined;
7
7
  withBackground?: boolean | undefined;
8
+ withElevation?: boolean | undefined;
8
9
  circular?: boolean | undefined;
9
10
  centered?: boolean | undefined;
10
11
  }, import("@tamagui/web").StaticConfigPublic>;
@@ -1 +1 @@
1
- {"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Message.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvD,eAAO,MAAM,YAAY;;;;;;;;6CAQd,CAAC;AAEZ,eAAO,MAAM,WAAW;;;;;;6CAcb,CAAC;AAYZ,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,WAAW,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IACjE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,SAAS,GACV,EAAE,YAAY,GAAG,SAAS,CAgB1B"}
1
+ {"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Message.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvD,eAAO,MAAM,YAAY;;;;;;;;;6CAQd,CAAC;AAEZ,eAAO,MAAM,WAAW;;;;;;6CAcb,CAAC;AAYZ,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,WAAW,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IACjE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,SAAS,GACV,EAAE,YAAY,GAAG,SAAS,CAoB1B"}
@@ -6,6 +6,7 @@ export declare const InputText: import("@tamagui/web").TamaguiComponent<import("
6
6
  interactive?: boolean | import("csstype").Property.Cursor | undefined;
7
7
  withBorder?: boolean | import("@tamagui/web").SizeTokens | undefined;
8
8
  withBackground?: boolean | undefined;
9
+ withElevation?: boolean | undefined;
9
10
  circular?: boolean | undefined;
10
11
  centered?: boolean | undefined;
11
12
  }, {
@@ -18,6 +19,7 @@ export declare const TextArea: import("@tamagui/web").TamaguiComponent<import("@
18
19
  interactive?: boolean | import("csstype").Property.Cursor | undefined;
19
20
  withBorder?: boolean | import("@tamagui/web").SizeTokens | undefined;
20
21
  withBackground?: boolean | undefined;
22
+ withElevation?: boolean | undefined;
21
23
  circular?: boolean | undefined;
22
24
  centered?: boolean | undefined;
23
25
  }, {
@@ -1 +1 @@
1
- {"version":3,"file":"InputText.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/InputText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AA4BzC,eAAO,MAAM,SAAS;;;;;;;;;;8CAKpB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExD,eAAO,MAAM,QAAQ;;;;;;;;;;8CAEnB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC"}
1
+ {"version":3,"file":"InputText.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/InputText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AA4BzC,eAAO,MAAM,SAAS;;;;;;;;;;;8CAKpB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExD,eAAO,MAAM,QAAQ;;;;;;;;;;;8CAEnB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC"}
@@ -7,6 +7,7 @@ declare const _default: {
7
7
  interactive?: boolean | import("csstype").Property.Cursor | undefined;
8
8
  withBorder?: boolean | import("@tamagui/web").SizeTokens | undefined;
9
9
  withBackground?: boolean | undefined;
10
+ withElevation?: boolean | undefined;
10
11
  circular?: boolean | undefined;
11
12
  centered?: boolean | undefined;
12
13
  }, {
@@ -1 +1 @@
1
- {"version":3,"file":"InputText.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/InputText.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;;;;;;;;;;;;;;;AAKvD,wBAG0B;AAE1B,eAAO,MAAM,cAAc,EAAE,QAsD5B,CAAC"}
1
+ {"version":3,"file":"InputText.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/InputText.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;;;;;;;;;;;;;;;;AAKvD,wBAG0B;AAE1B,eAAO,MAAM,cAAc,EAAE,QAsD5B,CAAC"}
@@ -7,48 +7,52 @@ export declare const fullscreenStyle: {
7
7
  readonly bottom: 0;
8
8
  };
9
9
  export type InternalPseudoState = "focus" | "hover" | "press";
10
- export declare const getBorderAdditionalInteraction: ({ internalForcedPseudoState, disabled, interactive, }: VariantSpreadExtras<any>["props"]) => {
11
- readonly borderColor: "$interactive.forms.borderColor:disabled" | "$interactive.borderColor:disabled";
10
+ export declare const getInteractionStyles: (name: "backgroundColor" | "borderColor" | "shadowColor", { internalForcedPseudoState, disabled, interactive, variant, }: VariantSpreadExtras<any>["props"]) => {
11
+ readonly [x: string]: `$${string}.backgroundColor:disabled` | `$${string}.borderColor:disabled` | `$${string}.shadowColor:disabled`;
12
+ readonly shadowColor?: undefined;
12
13
  readonly hoverStyle?: undefined;
13
14
  readonly pressStyle?: undefined;
14
15
  readonly focusStyle?: undefined;
15
16
  } | {
16
- borderColor: string;
17
+ readonly shadowColor: `$${string}.shadowColor`;
17
18
  readonly hoverStyle?: undefined;
18
19
  readonly pressStyle?: undefined;
19
20
  readonly focusStyle?: undefined;
20
21
  } | {
21
- readonly borderColor: "$interactive.forms.borderColor" | "$interactive.borderColor";
22
- readonly hoverStyle: {
23
- readonly borderColor: "$interactive.forms.borderColor:hover" | "$interactive.borderColor:hover";
24
- };
25
- readonly pressStyle: {
26
- readonly borderColor: "$interactive.forms.borderColor:press" | "$interactive.borderColor:press";
27
- };
28
- readonly focusStyle: {
29
- readonly borderColor: "$interactive.forms.borderColor:focus" | "$interactive.borderColor:focus";
30
- };
31
- };
32
- export declare const getBackgroundAdditionalInteraction: ({ internalForcedPseudoState, disabled, interactive, variant, }: VariantSpreadExtras<any>["props"]) => {
33
- readonly backgroundColor: `$${string}.backgroundColor:disabled`;
22
+ readonly [x: string]: `$${string}.backgroundColor:hover` | `$${string}.borderColor:hover`;
23
+ readonly shadowColor?: undefined;
24
+ readonly hoverStyle?: undefined;
25
+ readonly pressStyle?: undefined;
26
+ readonly focusStyle?: undefined;
27
+ } | {
28
+ readonly [x: string]: `$${string}.backgroundColor:press` | `$${string}.borderColor:press`;
29
+ readonly shadowColor?: undefined;
34
30
  readonly hoverStyle?: undefined;
35
31
  readonly pressStyle?: undefined;
36
32
  readonly focusStyle?: undefined;
37
33
  } | {
38
- backgroundColor: string;
34
+ readonly [x: string]: `$${string}.backgroundColor:focus` | `$${string}.borderColor:focus`;
35
+ readonly shadowColor?: undefined;
39
36
  readonly hoverStyle?: undefined;
40
37
  readonly pressStyle?: undefined;
41
38
  readonly focusStyle?: undefined;
42
39
  } | {
43
- readonly backgroundColor: `$${string}.backgroundColor`;
40
+ readonly [x: string]: string | {
41
+ readonly [x: string]: `$${string}.backgroundColor:hover` | `$${string}.borderColor:hover`;
42
+ } | {
43
+ readonly [x: string]: `$${string}.backgroundColor:press` | `$${string}.borderColor:press`;
44
+ } | {
45
+ readonly [x: string]: `$${string}.backgroundColor:focus` | `$${string}.borderColor:focus`;
46
+ };
44
47
  readonly hoverStyle: {
45
- readonly backgroundColor: `$${string}.backgroundColor:hover`;
48
+ readonly [x: string]: `$${string}.backgroundColor:hover` | `$${string}.borderColor:hover`;
46
49
  };
47
50
  readonly pressStyle: {
48
- readonly backgroundColor: `$${string}.backgroundColor:press`;
51
+ readonly [x: string]: `$${string}.backgroundColor:press` | `$${string}.borderColor:press`;
49
52
  };
50
53
  readonly focusStyle: {
51
- readonly backgroundColor: `$${string}.backgroundColor:focus`;
54
+ readonly [x: string]: `$${string}.backgroundColor:focus` | `$${string}.borderColor:focus`;
52
55
  };
56
+ readonly shadowColor?: undefined;
53
57
  };
54
58
  //# sourceMappingURL=createVariants.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"createVariants.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/createVariants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEzD,eAAO,MAAM,eAAe;;;;;;CAMlB,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAE9D,eAAO,MAAM,8BAA8B,0DAIxC,mBAAmB,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;CAyCnC,CAAC;AAGF,eAAO,MAAM,kCAAkC,mEAK5C,mBAAmB,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;CA6CnC,CAAC"}
1
+ {"version":3,"file":"createVariants.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/createVariants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEzD,eAAO,MAAM,eAAe;;;;;;CAMlB,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAG9D,eAAO,MAAM,oBAAoB,SACzB,iBAAiB,GAAG,aAAa,GAAG,aAAa,kEAMpD,mBAAmB,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCrC,CAAC"}