alouette 18.0.0 → 18.2.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 CHANGED
@@ -3,6 +3,26 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [18.2.0](https://github.com/christophehurpeau/alouette/compare/alouette@18.1.0...alouette@18.2.0) (2026-02-26)
7
+
8
+ ### Features
9
+
10
+ * export Switch component and its props
11
+ * improve switch render on native
12
+
13
+ Version bump for dependency: alouette-icons
14
+
15
+
16
+ ## [18.1.0](https://github.com/christophehurpeau/alouette/compare/alouette@18.0.0...alouette@18.1.0) (2026-02-25)
17
+
18
+ ### Features
19
+
20
+ * add GradientScrollView and its props to index export
21
+
22
+ ### Bug Fixes
23
+
24
+ * add missing type assertion for variants in InteractiveBoxFrame
25
+
6
26
  ## [18.0.0](https://github.com/christophehurpeau/alouette/compare/alouette@17.0.3...alouette@18.0.0) (2026-02-25)
7
27
 
8
28
  ### ⚠ BREAKING CHANGES
@@ -46,4 +46,8 @@ export type { GradientBackgroundProps } from "./ui/layout/GradientBackground";
46
46
  export { useSafeAreaInsets } from "./core/useSafeAreaInsets";
47
47
  export type { SVGIconElement } from "./ui/primitives/Icon";
48
48
  export { SafeAreaProvider } from "./core/SafeAreaProvider";
49
+ export { GradientScrollView } from "./ui/layout/GradientScrollView";
50
+ export type { GradientScrollViewProps } from "./ui/layout/GradientScrollView";
51
+ export { Switch } from "./ui/inputs/Switch";
52
+ export type { SwitchProps } from "./ui/inputs/Switch";
49
53
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
@@ -1,6 +1,9 @@
1
- import type { ComponentProps } from "react";
1
+ import { type ThemeName } from "@tamagui/core";
2
+ import type { ComponentProps, ReactNode } from "react";
2
3
  import { Switch as NativeSwitch } from "react-native";
3
- export declare function Switch({ checked, ...rest }: Pick<ComponentProps<typeof NativeSwitch>, "aria-labelledby" | "disabled" | "onValueChange"> & {
4
+ export type SwitchProps = Pick<ComponentProps<typeof NativeSwitch>, "aria-labelledby" | "disabled" | "onValueChange"> & {
5
+ theme?: ThemeName;
4
6
  checked?: boolean;
5
- }): import("react/jsx-runtime").JSX.Element;
7
+ };
8
+ export declare function Switch({ theme, ...rest }: SwitchProps): ReactNode;
6
9
  //# sourceMappingURL=Switch.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/ui/inputs/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,cAAc,CAAC;AAEtD,wBAAgB,MAAM,CAAC,EAErB,OAAO,EACP,GAAG,IAAI,EACR,EAAE,IAAI,CACL,cAAc,CAAC,OAAO,YAAY,CAAC,EACnC,iBAAiB,GAAG,UAAU,GAAG,eAAe,CACjD,GAAG;IACF,OAAO,CAAC,EAAE,OAAO,CAAC;CAEnB,2CAEA"}
1
+ {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/ui/inputs/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,SAAS,EAAY,MAAM,eAAe,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,cAAc,CAAC,OAAO,YAAY,CAAC,EACnC,iBAAiB,GAAG,UAAU,GAAG,eAAe,CACjD,GAAG;IACF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CAEnB,CAAC;AA4BF,wBAAgB,MAAM,CAAC,EAErB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,WAAW,GAAG,SAAS,CAMzB"}
@@ -1,3 +1,4 @@
1
+ import type { GetProps } from "@tamagui/core";
1
2
  import type { ScrollViewProps } from "../primitives/ScrollView";
2
3
  export declare const GradientScrollView: import("@tamagui/web").TamaguiComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/web").TamaguiComponentPropsBaseBase & import("react-native").ScrollViewProps, import("@tamagui/web").StackStyleBase & {
3
4
  readonly contentContainerStyle?: Partial<import("@tamagui/web").InferStyleProps<typeof import("react-native").ScrollView, {
@@ -20,4 +21,5 @@ export declare const GradientScrollView: import("@tamagui/web").TamaguiComponent
20
21
  readonly contentContainerStyle: "style";
21
22
  };
22
23
  }>;
24
+ export type GradientScrollViewProps = GetProps<typeof GradientScrollView>;
23
25
  //# sourceMappingURL=GradientScrollView.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"GradientScrollView.d.ts","sourceRoot":"","sources":["../../../../src/ui/layout/GradientScrollView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAuBhE,eAAO,MAAM,kBAAkB;;;;;;;oBACb,eAAe,CAAC,OAAO,CAAC;;oBAAxB,eAAe,CAAC,OAAO,CAAC;;;;;;;;;;;EAcxC,CAAC"}
1
+ {"version":3,"file":"GradientScrollView.d.ts","sourceRoot":"","sources":["../../../../src/ui/layout/GradientScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAuBhE,eAAO,MAAM,kBAAkB;;;;;;;oBACb,eAAe,CAAC,OAAO,CAAC;;oBAAxB,eAAe,CAAC,OAAO,CAAC;;;;;;;;;;;EAcxC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"LinkText.stories.d.ts","sourceRoot":"","sources":["../../../../src/ui/primitives/LinkText.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,KAAK,SAAS,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;;;;;;;;AAE3C,wBAMkC;AAElC,eAAO,MAAM,gBAAgB,EAAE,SAK9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,SAkDtB,CAAC"}
1
+ {"version":3,"file":"LinkText.stories.d.ts","sourceRoot":"","sources":["../../../../src/ui/primitives/LinkText.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,KAAK,SAAS,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;;;;;;;;AAE3C,wBAMkC;AAElC,eAAO,MAAM,gBAAgB,EAAE,SAK9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,SAkDtB,CAAC"}
@@ -1061,5 +1061,156 @@ const GradientBackground = styled(Box, {
1061
1061
  // needed to override "static" position for backgroundImage tamagui
1062
1062
  });
1063
1063
 
1064
- export { AlouetteDecorator, AlouetteProvider, Box, Button, ExternalLinkButton, GradientBackground, HStack, Icon, IconButton, InputText, InternalLinkButton, Message, Paragraph, PressableBox, PressableListItem, SafeAreaBox, SafeAreaProvider, ScrollView, Separator, Stack, Story, StoryContainer, StoryDecorator, StoryGrid, StoryTitle, SwitchBreakpointsUsingDisplayNone, SwitchBreakpointsUsingNull, Text, TextArea, VStack, useCurrentBreakpointName, useDefaultThemeFromColorScheme, useSafeAreaInsets };
1064
+ const TopScrollOffset = styled(View, {
1065
+ backgroundColor: "$bg-screen",
1066
+ position: "absolute",
1067
+ top: -600,
1068
+ left: 0,
1069
+ right: 0,
1070
+ height: 600
1071
+ });
1072
+ const BottomScrollOffset = styled(View, {
1073
+ backgroundColor: "$bg-screen",
1074
+ position: "absolute",
1075
+ bottom: -600,
1076
+ left: 0,
1077
+ right: 0,
1078
+ height: 600
1079
+ });
1080
+ const GradientScrollView = ScrollView.styleable(({ gradientTheme, children, ...scrollViewProps }) => /* @__PURE__ */ jsxs(ScrollView, { ...scrollViewProps, children: [
1081
+ /* @__PURE__ */ jsx(
1082
+ TopScrollOffset,
1083
+ {
1084
+ theme: gradientTheme,
1085
+ backgroundColor: "$bg-screen-gradient-start"
1086
+ }
1087
+ ),
1088
+ /* @__PURE__ */ jsx(
1089
+ BottomScrollOffset,
1090
+ {
1091
+ theme: gradientTheme,
1092
+ backgroundColor: "$bg-screen-gradient-end"
1093
+ }
1094
+ ),
1095
+ /* @__PURE__ */ jsx(GradientBackground, { theme: gradientTheme }),
1096
+ children
1097
+ ] }));
1098
+
1099
+ const useControllableCheckedState = (checked, onChange) => {
1100
+ const [checkedState, setCheckedState] = useState(checked ?? false);
1101
+ return [
1102
+ checked !== void 0 ? checked : checkedState,
1103
+ (newChecked, e) => {
1104
+ setCheckedState((prevValue) => {
1105
+ if (prevValue !== newChecked) {
1106
+ onChange?.(e);
1107
+ }
1108
+ return newChecked;
1109
+ });
1110
+ }
1111
+ ];
1112
+ };
1113
+ const SwitchFrame = styled(InteractiveBox, {
1114
+ theme: "brand",
1115
+ render: "button",
1116
+ role: "switch",
1117
+ layer: "lowered",
1118
+ shadow: "lowered",
1119
+ position: "relative",
1120
+ tabIndex: 0,
1121
+ borderRadius: 1e3,
1122
+ transition: "formElement",
1123
+ disabledStyle: {
1124
+ backgroundColor: "$interactive.forms.backgroundColor:disabled"
1125
+ },
1126
+ // TODO hover/focus
1127
+ focusVisibleStyle: {
1128
+ outlineColor: "$interactive.forms.outlineColor:focus",
1129
+ outlineWidth: 2,
1130
+ outlineStyle: "solid",
1131
+ outlineOffset: 2
1132
+ },
1133
+ variants: {
1134
+ size: {
1135
+ md: {
1136
+ height: 44,
1137
+ width: 66
1138
+ }
1139
+ }
1140
+ },
1141
+ defaultVariants: {
1142
+ size: "md"
1143
+ }
1144
+ });
1145
+ const thumbSize = 44 * 0.8;
1146
+ const SwitchThumb = styled(Box, {
1147
+ withBackground: "highlight",
1148
+ position: "absolute",
1149
+ top: 44 * 0.1,
1150
+ borderRadius: 1e3,
1151
+ center: true,
1152
+ transition: "formElement",
1153
+ shadow: "s",
1154
+ variants: {
1155
+ size: {
1156
+ md: {
1157
+ height: thumbSize,
1158
+ width: thumbSize
1159
+ }
1160
+ },
1161
+ disabled: {
1162
+ true: {
1163
+ backgroundColor: "$text-disabled-muted",
1164
+ shadow: "none"
1165
+ }
1166
+ },
1167
+ checked: {
1168
+ false: {
1169
+ left: 44 * 0.1,
1170
+ hoverStyle: {
1171
+ width: thumbSize + 2
1172
+ },
1173
+ pressStyle: {
1174
+ width: thumbSize + 8
1175
+ }
1176
+ },
1177
+ true: {
1178
+ left: 44 * 0.6,
1179
+ hoverStyle: {
1180
+ left: 44 * 0.6 - 2,
1181
+ width: thumbSize + 2
1182
+ },
1183
+ pressStyle: {
1184
+ left: 44 * 0.6 - 8,
1185
+ width: thumbSize + 8
1186
+ }
1187
+ }
1188
+ }
1189
+ },
1190
+ defaultVariants: {
1191
+ size: "md"
1192
+ }
1193
+ });
1194
+ const Switch = SwitchFrame.styleable(
1195
+ ({ checked, disabled, onChange, ...rest }) => {
1196
+ const [currentChecked, setCurrentChecked] = useControllableCheckedState(
1197
+ checked,
1198
+ onChange
1199
+ );
1200
+ return /* @__PURE__ */ jsx(
1201
+ SwitchFrame,
1202
+ {
1203
+ "aria-checked": currentChecked,
1204
+ disabled,
1205
+ ...rest,
1206
+ onPress: (e) => {
1207
+ setCurrentChecked(!currentChecked, e);
1208
+ },
1209
+ children: /* @__PURE__ */ jsx(SwitchThumb, { checked: currentChecked, disabled })
1210
+ }
1211
+ );
1212
+ }
1213
+ );
1214
+
1215
+ export { AlouetteDecorator, AlouetteProvider, Box, Button, ExternalLinkButton, GradientBackground, GradientScrollView, HStack, Icon, IconButton, InputText, InternalLinkButton, Message, Paragraph, PressableBox, PressableListItem, SafeAreaBox, SafeAreaProvider, ScrollView, Separator, Stack, Story, StoryContainer, StoryDecorator, StoryGrid, StoryTitle, Switch, SwitchBreakpointsUsingDisplayNone, SwitchBreakpointsUsingNull, Text, TextArea, VStack, useCurrentBreakpointName, useDefaultThemeFromColorScheme, useSafeAreaInsets };
1065
1216
  //# sourceMappingURL=index-browser.es.js.map