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.
- package/CHANGELOG.md +6 -0
- package/dist/createAlouetteTamagui-browser.es.js +22 -5
- package/dist/createAlouetteTamagui-browser.es.js.map +1 -1
- package/dist/createAlouetteTamagui-node20.cjs +22 -5
- package/dist/createAlouetteTamagui-node20.cjs.map +1 -1
- package/dist/createAlouetteTamagui-node20.mjs +22 -5
- package/dist/createAlouetteTamagui-node20.mjs.map +1 -1
- package/dist/createAlouetteTamagui-react-native.cjs.js +22 -5
- package/dist/createAlouetteTamagui-react-native.cjs.js.map +1 -1
- package/dist/createAlouetteTamagui-react-native.es.js +22 -5
- package/dist/createAlouetteTamagui-react-native.es.js.map +1 -1
- package/dist/definitions/components/actions/Button.d.ts +2 -1
- package/dist/definitions/components/actions/Button.d.ts.map +1 -1
- package/dist/definitions/components/actions/Button.stories.d.ts.map +1 -1
- package/dist/definitions/components/actions/IconButton.d.ts +3 -1
- package/dist/definitions/components/actions/IconButton.d.ts.map +1 -1
- package/dist/definitions/components/actions/IconButton.stories.d.ts.map +1 -1
- package/dist/definitions/components/containers/Box.d.ts +1 -0
- package/dist/definitions/components/containers/Box.d.ts.map +1 -1
- package/dist/definitions/components/containers/Box.stories.d.ts +1 -0
- package/dist/definitions/components/containers/Box.stories.d.ts.map +1 -1
- package/dist/definitions/components/containers/PressableBox.d.ts +1 -0
- package/dist/definitions/components/containers/PressableBox.d.ts.map +1 -1
- package/dist/definitions/components/containers/PressableBox.stories.d.ts +1 -0
- package/dist/definitions/components/containers/PressableBox.stories.d.ts.map +1 -1
- package/dist/definitions/components/containers/variants.d.ts +118 -11
- package/dist/definitions/components/containers/variants.d.ts.map +1 -1
- package/dist/definitions/components/feedback/Message.d.ts +1 -0
- package/dist/definitions/components/feedback/Message.d.ts.map +1 -1
- package/dist/definitions/components/forms/InputText.d.ts +2 -0
- package/dist/definitions/components/forms/InputText.d.ts.map +1 -1
- package/dist/definitions/components/forms/InputText.stories.d.ts +1 -0
- package/dist/definitions/components/forms/InputText.stories.d.ts.map +1 -1
- package/dist/definitions/components/primitives/createVariants.d.ts +25 -21
- package/dist/definitions/components/primitives/createVariants.d.ts.map +1 -1
- package/dist/definitions/config/themes.d.ts +294 -70
- package/dist/definitions/config/themes.d.ts.map +1 -1
- package/dist/index-browser.es.js +102 -90
- package/dist/index-browser.es.js.map +1 -1
- package/dist/index-node20.cjs +102 -90
- package/dist/index-node20.cjs.map +1 -1
- package/dist/index-node20.mjs +102 -90
- package/dist/index-node20.mjs.map +1 -1
- package/dist/index-react-native.cjs.js +102 -90
- package/dist/index-react-native.cjs.js.map +1 -1
- package/dist/index-react-native.es.js +102 -90
- package/dist/index-react-native.es.js.map +1 -1
- package/package.json +1 -1
- package/src/components/actions/Button.stories.tsx +46 -29
- package/src/components/actions/Button.tsx +30 -4
- package/src/components/actions/IconButton.stories.tsx +31 -8
- package/src/components/actions/IconButton.tsx +53 -6
- package/src/components/containers/variants.ts +27 -16
- package/src/components/feedback/Message.tsx +5 -1
- package/src/components/primitives/createVariants.ts +24 -77
- package/src/config/colorScales.ts +1 -1
- 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;
|
|
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
|
|
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;
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
6
|
-
readonly
|
|
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
|
|
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
|
|
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
|
|
88
|
+
readonly [x: string]: `$${string}.backgroundColor:hover` | `$${string}.borderColor:hover`;
|
|
23
89
|
};
|
|
24
90
|
readonly pressStyle: {
|
|
25
|
-
readonly
|
|
91
|
+
readonly [x: string]: `$${string}.backgroundColor:press` | `$${string}.borderColor:press`;
|
|
26
92
|
};
|
|
27
93
|
readonly focusStyle: {
|
|
28
|
-
readonly
|
|
94
|
+
readonly [x: string]: `$${string}.backgroundColor:focus` | `$${string}.borderColor:focus`;
|
|
29
95
|
};
|
|
30
|
-
readonly
|
|
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;
|
|
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
|
|
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
|
|
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
|
|
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
|
|
11
|
-
readonly
|
|
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
|
-
|
|
17
|
+
readonly shadowColor: `$${string}.shadowColor`;
|
|
17
18
|
readonly hoverStyle?: undefined;
|
|
18
19
|
readonly pressStyle?: undefined;
|
|
19
20
|
readonly focusStyle?: undefined;
|
|
20
21
|
} | {
|
|
21
|
-
readonly
|
|
22
|
-
readonly
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
readonly
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
readonly
|
|
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
|
|
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
|
|
48
|
+
readonly [x: string]: `$${string}.backgroundColor:hover` | `$${string}.borderColor:hover`;
|
|
46
49
|
};
|
|
47
50
|
readonly pressStyle: {
|
|
48
|
-
readonly
|
|
51
|
+
readonly [x: string]: `$${string}.backgroundColor:press` | `$${string}.borderColor:press`;
|
|
49
52
|
};
|
|
50
53
|
readonly focusStyle: {
|
|
51
|
-
readonly
|
|
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;
|
|
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"}
|