@swan-io/lake 4.0.0 → 4.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "engines": {
     "node": ">=18.0.0",
     "yarn": "^1.22.0"
@@ -27,13 +27,13 @@
   "license": "MIT",
   "dependencies": {
     "@popperjs/core": "^2.11.8",
-    "@react-three/drei": "^9.88.11",
-    "@react-three/fiber": "^8.15.10",
+    "@react-three/drei": "^9.88.17",
+    "@react-three/fiber": "^8.15.11",
     "@swan-io/boxed": "^1.2.0",
     "@swan-io/chicane": "^1.4.1",
     "dayjs": "^1.11.10",
     "polished": "^4.2.2",
-    "prism-react-renderer": "^2.1.0",
+    "prism-react-renderer": "^2.3.0",
     "react": "^18.2.0",
     "react-atomic-state": "^1.2.7",
     "react-dom": "^18.2.0",
@@ -44,16 +44,16 @@
     "three": "^0.158.0",
     "ts-dedent": "^2.2.0",
     "ts-pattern": "^5.0.5",
-    "urql": "^4.0.5",
+    "urql": "^4.0.6",
     "uuid": "^9.0.1"
   },
   "devDependencies": {
-    "@types/react": "^18.2.36",
-    "@types/react-dom": "^18.2.14",
-    "@types/react-native": "^0.72.5",
-    "@types/three": "^0.158.1",
-    "@types/uuid": "^9.0.6",
+    "@types/react": "^18.2.38",
+    "@types/react-dom": "^18.2.17",
+    "@types/react-native": "^0.72.7",
+    "@types/three": "^0.158.3",
+    "@types/uuid": "^9.0.7",
     "jsdom": "^22.1.0",
-    "type-fest": "^4.6.0"
+    "type-fest": "^4.8.2"
   }
 }

package/src/components/Accordion.d.ts

@@ -1,7 +1,10 @@
 import { ReactNode } from "react";
+import { ViewProps } from "react-native";
 type Props = {
-    trigger: ReactNode;
     children: ReactNode;
+    trigger: ReactNode;
+    style?: ViewProps["style"];
+    contentContainerStyle?: ViewProps["style"];
 };
-export declare const Accordion: ({ trigger, children }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Accordion: ({ children, trigger, style, contentContainerStyle }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/Accordion.js

@@ -38,8 +38,8 @@ const styles = StyleSheet.create({
         paddingHorizontal: spacings[20],
     },
 });
-export const Accordion = ({ trigger, children }) => {
+export const Accordion = ({ children, trigger, style, contentContainerStyle }) => {
     const id = useId();
     const [isOpen, { toggle }] = useDisclosure(false);
-    return (_jsxs(View, { children: [_jsxs(Pressable, { "aria-expanded": isOpen, "aria-controls": id, style: styles.trigger, onPress: toggle, children: [_jsx(Icon, { name: "chevron-right-filled", size: 12, color: colors.gray[500], style: [styles.arrow, isOpen && styles.arrowOpen] }), _jsx(Space, { width: 20 }), typeof trigger === "string" ? (_jsx(LakeText, { variant: "smallMedium", color: colors.gray[900], children: trigger })) : (trigger)] }), _jsx(View, { "aria-labelledby": id, "aria-hidden": !isOpen, role: "region", style: [styles.contentContainer, isOpen && styles.contentContainerDisplayed], children: _jsx(View, { style: styles.contentInner, children: _jsx(View, { style: styles.content, children: children }) }) })] }));
+    return (_jsxs(View, { children: [_jsxs(Pressable, { "aria-controls": id, "aria-expanded": isOpen, onPress: toggle, style: [styles.trigger, style], children: [_jsx(Icon, { name: "chevron-right-filled", size: 12, color: colors.gray[500], style: [styles.arrow, isOpen && styles.arrowOpen] }), _jsx(Space, { width: 20 }), typeof trigger === "string" ? (_jsx(LakeText, { variant: "smallMedium", color: colors.gray[900], children: trigger })) : (trigger)] }), _jsx(View, { "aria-labelledby": id, "aria-hidden": !isOpen, role: "region", style: [styles.contentContainer, isOpen && styles.contentContainerDisplayed], children: _jsx(View, { style: styles.contentInner, children: _jsx(View, { style: [styles.content, contentContainerStyle], children: children }) }) })] }));
 };

package/src/components/InputError.js

@@ -9,7 +9,7 @@ const styles = StyleSheet.create({
         color: colors.red[100],
         lineHeight: typography.lineHeights.input,
         minHeight: 32,
-        paddingHorizontal: 3,
+        paddingHorizontal: 3, // borderRadius / 2
         paddingVertical: 4,
     },
 });

package/src/utils/svg.js

@@ -69,9 +69,9 @@ const getMatrixColor = (color) => {
     const alpha = 1;
     // prettier-ignore
     const matrix = [
-        red, red, red, red, red,
-        green, green, green, green, green,
-        blue, blue, blue, blue, blue,
+        red, red, red, red, red, // R
+        green, green, green, green, green, // G
+        blue, blue, blue, blue, blue, // B
         0, 0, 0, alpha, 0, // A
     ];
     return matrix.join(" ");