@swan-io/lake 4.3.1 → 4.3.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 (5) hide show
  1. package/package.json +12 -12
  2. package/src/components/LakeTagInput.d.ts +1 -1
  3. package/src/components/LakeTextInput.d.ts +1 -1
  4. package/src/components/Pressable.d.ts +1 -1
  5. package/src/components/Tag.js +8 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@swan-io/lake",
3
- "version": "4.3.1",
3
+ "version": "4.3.3",
4
4
  "engines": {
5
5
  "node": ">=18.0.0",
6
6
  "yarn": "^1.22.0"
@@ -27,33 +27,33 @@
27
27
  "license": "MIT",
28
28
  "dependencies": {
29
29
  "@popperjs/core": "^2.11.8",
30
- "@react-three/drei": "^9.90.0",
31
- "@react-three/fiber": "^8.15.12",
30
+ "@react-three/drei": "^9.93.0",
31
+ "@react-three/fiber": "^8.15.13",
32
32
  "@swan-io/boxed": "^2.0.0",
33
33
  "@swan-io/chicane": "^1.4.1",
34
34
  "dayjs": "^1.11.10",
35
35
  "polished": "^4.2.2",
36
- "prism-react-renderer": "^2.3.0",
36
+ "prism-react-renderer": "^2.3.1",
37
37
  "react": "^18.2.0",
38
- "react-atomic-state": "^1.2.7",
38
+ "react-atomic-state": "^2.0.0",
39
39
  "react-dom": "^18.2.0",
40
- "react-native-web": "^0.19.9",
40
+ "react-native-web": "^0.19.10",
41
41
  "react-popper": "^2.3.0",
42
42
  "react-ux-form": "^1.5.0",
43
43
  "rifm": "^0.12.1",
44
- "three": "^0.159.0",
44
+ "three": "^0.160.0",
45
45
  "ts-dedent": "^2.2.0",
46
46
  "ts-pattern": "^5.0.6",
47
47
  "urql": "^4.0.6",
48
48
  "uuid": "^9.0.1"
49
49
  },
50
50
  "devDependencies": {
51
- "@types/react": "^18.2.42",
52
- "@types/react-dom": "^18.2.17",
51
+ "@types/react": "^18.2.46",
52
+ "@types/react-dom": "^18.2.18",
53
53
  "@types/react-native": "^0.72.8",
54
- "@types/three": "^0.159.0",
54
+ "@types/three": "^0.160.0",
55
55
  "@types/uuid": "^9.0.7",
56
- "jsdom": "^22.1.0",
57
- "type-fest": "^4.8.3"
56
+ "jsdom": "^23.0.1",
57
+ "type-fest": "^4.9.0"
58
58
  }
59
59
  }
package/src/components/LakeTagInput.d.ts CHANGED
@@ -61,7 +61,7 @@ export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
61
61
  lang?: string | undefined;
62
62
  initialValue?: string | undefined;
63
63
  autoComplete?: "name" | "email" | "off" | "url" | "tel" | "additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday" | "bday-day" | "bday-month" | "bday-year" | "cc-additional-name" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "impp" | "language" | "new-password" | "nickname" | "on" | "one-time-code" | "organization" | "organization-title" | "postal-code" | "sex" | "street-address" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "transaction-amount" | "transaction-currency" | "username" | undefined;
64
- enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "send" | "previous" | undefined;
64
+ enterKeyHint?: "enter" | "search" | "done" | "next" | "go" | "send" | "previous" | undefined;
65
65
  rows?: number | undefined;
66
66
  children?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | null | undefined;
67
67
  hitSlop?: import("react-native").Insets | undefined;
package/src/components/LakeTextInput.d.ts CHANGED
@@ -73,7 +73,7 @@ export declare const LakeTextInput: import("react").ForwardRefExoticComponent<{
73
73
  lang?: string | undefined;
74
74
  initialValue?: string | undefined;
75
75
  autoComplete?: "name" | "email" | "off" | "url" | "tel" | "additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday" | "bday-day" | "bday-month" | "bday-year" | "cc-additional-name" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "impp" | "language" | "new-password" | "nickname" | "on" | "one-time-code" | "organization" | "organization-title" | "postal-code" | "sex" | "street-address" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "transaction-amount" | "transaction-currency" | "username" | undefined;
76
- enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "send" | "previous" | undefined;
76
+ enterKeyHint?: "enter" | "search" | "done" | "next" | "go" | "send" | "previous" | undefined;
77
77
  rows?: number | undefined;
78
78
  readOnly?: boolean | undefined;
79
79
  children?: ReactNode;
package/src/components/Pressable.d.ts CHANGED
@@ -191,7 +191,7 @@ export declare const PressableTextInput: FC<{
191
191
  lang?: string | undefined;
192
192
  initialValue?: string | undefined;
193
193
  autoComplete?: "name" | "email" | "off" | "url" | "tel" | "additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday" | "bday-day" | "bday-month" | "bday-year" | "cc-additional-name" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "impp" | "language" | "new-password" | "nickname" | "on" | "one-time-code" | "organization" | "organization-title" | "postal-code" | "sex" | "street-address" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "transaction-amount" | "transaction-currency" | "username" | undefined;
194
- enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "send" | "previous" | undefined;
194
+ enterKeyHint?: "enter" | "search" | "done" | "next" | "go" | "send" | "previous" | undefined;
195
195
  rows?: number | undefined;
196
196
  readOnly?: boolean | undefined;
197
197
  hitSlop?: import("react-native").Insets | undefined;
package/src/components/Tag.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { isValidElement } from "react";
2
3
  import { Pressable, StyleSheet, Text } from "react-native";
3
4
  import { colors, texts } from "../constants/design";
4
5
  import { isNotNullish, isNotNullishOrEmpty, isNullish } from "../utils/nullish";
@@ -14,7 +15,6 @@ const styles = StyleSheet.create({
14
15
  },
15
16
  onlyIcon: {
16
17
  height: 28,
17
- width: 28,
18
18
  padding: 0,
19
19
  },
20
20
  larger: {
@@ -61,6 +61,7 @@ export const Tag = ({ children, label, color = "gray", size = "small", icon, ico
61
61
  styles.base,
62
62
  styles.label,
63
63
  size === "large" && styles.larger,
64
+ hasOnlyIcon && styles.onlyIcon,
64
65
  { backgroundColor: tint100, borderColor: tint200 },
65
66
  ], children: _jsx(Text, { numberOfLines: 1, style: [styles.text, styles.unselectable, { color: primary }], children: label }) })), _jsxs(Box, { alignItems: "center", direction: "row", "aria-label": ariaLabel, style: [
66
67
  styles.base,
@@ -69,7 +70,12 @@ export const Tag = ({ children, label, color = "gray", size = "small", icon, ico
69
70
  { backgroundColor: tint50, borderColor: tint200 },
70
71
  hasLabel && styles.withLabel,
71
72
  style,
72
- ], children: [_jsxs(Box, { direction: "row", alignItems: "center", style: styles.center, children: [isNotNullish(icon) && (_jsxs(_Fragment, { children: [_jsx(Icon, { name: icon, color: primary, size: iconSize }), isNotNullish(children) && _jsx(Space, { width: 8 })] })), _jsx(Text, { numberOfLines: 1, style: [styles.text, hasOnlyIcon && styles.onlyIcon, { color: primary }], children: children })] }), hasRemoveButton && (_jsx(Pressable, { role: "button", onPress: onPressRemove, style: ({ hovered, pressed }) => [
73
+ ], children: [_jsxs(Box, { direction: "row", alignItems: "center", style: [styles.center, hasOnlyIcon && styles.onlyIcon], children: [isNotNullish(icon) ? (_jsxs(_Fragment, { children: [_jsx(Icon, { name: icon, color: primary, size: iconSize }), isNotNullish(children) && _jsx(Space, { width: 8 })] })) : null, isValidElement(children) ? (children) : (_jsx(Text, { numberOfLines: 1, style: [
74
+ styles.text,
75
+ {
76
+ color: primary,
77
+ },
78
+ ], children: children }))] }), hasRemoveButton && (_jsx(Pressable, { role: "button", onPress: onPressRemove, style: ({ hovered, pressed }) => [
73
79
  styles.dismiss,
74
80
  { color: primary, borderColor: tint100 },
75
81
  hovered && { backgroundColor: tint100 },