@terreno/ui 0.0.15 → 0.0.16

package/src/__snapshots__/Hyperlink.test.tsx.snap

@@ -0,0 +1,81 @@
+// Bun Snapshot v1, https://bun.sh/docs/test/snapshots
+
+exports[`Hyperlink renders correctly with default props 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        "Hello world",
+      ],
+      "props": {
+        "style": undefined,
+      },
+      "type": "Text",
+    },
+  ],
+  "props": {},
+  "type": "View",
+}
+`;
+
+exports[`Hyperlink renders text with URLs 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        "Check out https://example.com for more info",
+      ],
+      "props": {
+        "style": undefined,
+      },
+      "type": "Text",
+    },
+  ],
+  "props": {},
+  "type": "View",
+}
+`;
+
+exports[`Hyperlink renders with custom link style 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        "Visit https://example.com",
+      ],
+      "props": {
+        "style": undefined,
+      },
+      "type": "Text",
+    },
+  ],
+  "props": {},
+  "type": "View",
+}
+`;
+
+exports[`Hyperlink renders plain text without linkDefault 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        "No links here https://example.com",
+      ],
+      "props": {
+        "style": undefined,
+      },
+      "type": "Text",
+    },
+  ],
+  "props": {},
+  "type": "View",
+}
+`;

package/src/__snapshots__/Icon.test.tsx.snap

@@ -0,0 +1,47 @@
+// Bun Snapshot v1, https://bun.sh/docs/test/snapshots
+
+exports[`Icon renders correctly with default props 1`] = `null`;
+
+exports[`Icon renders with testID 1`] = `null`;
+
+exports[`Icon renders with different sizes 1`] = `null`;
+
+exports[`Icon renders with different sizes 2`] = `null`;
+
+exports[`Icon renders with different sizes 3`] = `null`;
+
+exports[`Icon renders with different sizes 4`] = `null`;
+
+exports[`Icon renders with different sizes 5`] = `null`;
+
+exports[`Icon renders with different sizes 6`] = `null`;
+
+exports[`Icon renders with different colors 1`] = `null`;
+
+exports[`Icon renders with different colors 2`] = `null`;
+
+exports[`Icon renders with different colors 3`] = `null`;
+
+exports[`Icon renders with different colors 4`] = `null`;
+
+exports[`Icon renders with different colors 5`] = `null`;
+
+exports[`Icon renders with solid type (default) 1`] = `null`;
+
+exports[`Icon renders with regular type 1`] = `null`;
+
+exports[`Icon renders with light type 1`] = `null`;
+
+exports[`Icon renders with brand type 1`] = `null`;
+
+exports[`Icon renders different icon names 1`] = `null`;
+
+exports[`Icon renders different icon names 2`] = `null`;
+
+exports[`Icon renders different icon names 3`] = `null`;
+
+exports[`Icon renders different icon names 4`] = `null`;
+
+exports[`Icon renders different icon names 5`] = `null`;
+
+exports[`Icon renders different icon names 6`] = `null`;

package/src/__snapshots__/IconButton.test.tsx.snap

@@ -0,0 +1,29 @@
+// Bun Snapshot v1, https://bun.sh/docs/test/snapshots
+
+exports[`IconButton renders correctly with default props 1`] = `null`;
+
+exports[`IconButton renders with testID 1`] = `null`;
+
+exports[`IconButton renders primary variant (default) 1`] = `null`;
+
+exports[`IconButton renders secondary variant 1`] = `null`;
+
+exports[`IconButton renders muted variant 1`] = `null`;
+
+exports[`IconButton renders navigation variant 1`] = `null`;
+
+exports[`IconButton renders destructive variant 1`] = `null`;
+
+exports[`IconButton renders disabled state 1`] = `null`;
+
+exports[`IconButton renders loading state 1`] = `null`;
+
+exports[`IconButton renders with indicator 1`] = `null`;
+
+exports[`IconButton renders with indicator and text 1`] = `null`;
+
+exports[`IconButton calls onClick when pressed 1`] = `null`;
+
+exports[`IconButton has correct accessibility props 1`] = `null`;
+
+exports[`IconButton renders with confirmation props 1`] = `null`;

package/src/__snapshots__/Image.test.tsx.snap

@@ -0,0 +1,282 @@
+// Bun Snapshot v1, https://bun.sh/docs/test/snapshots
+
+exports[`Image renders correctly with naturalWidth 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": null,
+      "props": {
+        "resizeMode": undefined,
+        "source": {
+          "cache": "force-cache",
+          "uri": "https://example.com/image.jpg",
+        },
+        "style": {
+          "height": 200,
+          "maxHeight": undefined,
+          "maxWidth": undefined,
+          "width": 200,
+        },
+      },
+      "type": "Image",
+    },
+  ],
+  "props": {
+    "onPointerEnter": [Function: AsyncFunction],
+    "onPointerLeave": [Function: AsyncFunction],
+    "style": {
+      "backgroundColor": undefined,
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+
+exports[`Image renders correctly with fullWidth 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": null,
+      "props": {
+        "resizeMode": undefined,
+        "source": {
+          "cache": "force-cache",
+          "uri": "https://example.com/image.jpg",
+        },
+        "style": {
+          "height": 210.9375,
+          "maxHeight": undefined,
+          "maxWidth": undefined,
+          "width": 375,
+        },
+      },
+      "type": "Image",
+    },
+  ],
+  "props": {
+    "onPointerEnter": [Function: AsyncFunction],
+    "onPointerLeave": [Function: AsyncFunction],
+    "style": {
+      "backgroundColor": undefined,
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+
+exports[`Image renders with cover fit mode 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": null,
+      "props": {
+        "resizeMode": "cover",
+        "source": {
+          "cache": "force-cache",
+          "uri": "https://example.com/image.jpg",
+        },
+        "style": {
+          "height": 200,
+          "maxHeight": undefined,
+          "maxWidth": undefined,
+          "width": 200,
+        },
+      },
+      "type": "Image",
+    },
+  ],
+  "props": {
+    "onPointerEnter": [Function: AsyncFunction],
+    "onPointerLeave": [Function: AsyncFunction],
+    "style": {
+      "backgroundColor": undefined,
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+
+exports[`Image renders with contain fit mode 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": null,
+      "props": {
+        "resizeMode": "contain",
+        "source": {
+          "cache": "force-cache",
+          "uri": "https://example.com/image.jpg",
+        },
+        "style": {
+          "height": 200,
+          "maxHeight": undefined,
+          "maxWidth": undefined,
+          "width": 200,
+        },
+      },
+      "type": "Image",
+    },
+  ],
+  "props": {
+    "onPointerEnter": [Function: AsyncFunction],
+    "onPointerLeave": [Function: AsyncFunction],
+    "style": {
+      "backgroundColor": undefined,
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+
+exports[`Image renders with none fit mode 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": null,
+      "props": {
+        "resizeMode": undefined,
+        "source": {
+          "cache": "force-cache",
+          "uri": "https://example.com/image.jpg",
+        },
+        "style": {
+          "height": 200,
+          "maxHeight": undefined,
+          "maxWidth": undefined,
+          "width": 200,
+        },
+      },
+      "type": "Image",
+    },
+  ],
+  "props": {
+    "onPointerEnter": [Function: AsyncFunction],
+    "onPointerLeave": [Function: AsyncFunction],
+    "style": {
+      "backgroundColor": undefined,
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+
+exports[`Image renders with maxWidth and maxHeight 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": null,
+      "props": {
+        "resizeMode": undefined,
+        "source": {
+          "cache": "force-cache",
+          "uri": "https://example.com/image.jpg",
+        },
+        "style": {
+          "height": 200,
+          "maxHeight": 300,
+          "maxWidth": 400,
+          "width": 200,
+        },
+      },
+      "type": "Image",
+    },
+  ],
+  "props": {
+    "onPointerEnter": [Function: AsyncFunction],
+    "onPointerLeave": [Function: AsyncFunction],
+    "style": {
+      "backgroundColor": undefined,
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+
+exports[`Image renders with background color 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": null,
+      "props": {
+        "resizeMode": undefined,
+        "source": {
+          "cache": "force-cache",
+          "uri": "https://example.com/image.jpg",
+        },
+        "style": {
+          "height": 200,
+          "maxHeight": undefined,
+          "maxWidth": undefined,
+          "width": 200,
+        },
+      },
+      "type": "Image",
+    },
+  ],
+  "props": {
+    "onPointerEnter": [Function: AsyncFunction],
+    "onPointerLeave": [Function: AsyncFunction],
+    "style": {
+      "backgroundColor": undefined,
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+
+exports[`Image renders with custom style 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": null,
+      "props": {
+        "resizeMode": undefined,
+        "source": {
+          "cache": "force-cache",
+          "uri": "https://example.com/image.jpg",
+        },
+        "style": {
+          "borderRadius": 10,
+          "height": 200,
+          "maxHeight": undefined,
+          "maxWidth": undefined,
+          "width": 200,
+        },
+      },
+      "type": "Image",
+    },
+  ],
+  "props": {
+    "onPointerEnter": [Function: AsyncFunction],
+    "onPointerLeave": [Function: AsyncFunction],
+    "style": {
+      "backgroundColor": undefined,
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;

package/src/__snapshots__/ImageBackground.test.tsx.snap

@@ -0,0 +1,120 @@
+// Bun Snapshot v1, https://bun.sh/docs/test/snapshots
+
+exports[`ImageBackground renders correctly with source 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            "Content over image",
+          ],
+          "props": {
+            "numberOfLines": 0,
+            "selectable": undefined,
+            "style": {
+              "color": "#1C1C1C",
+              "fontFamily": "text-regular",
+              "fontSize": 14,
+              "textAlign": "left",
+            },
+            "testID": undefined,
+          },
+          "type": "Text",
+        },
+      ],
+      "props": {},
+      "type": "View",
+    },
+  ],
+  "props": {
+    "source": {
+      "uri": "https://example.com/image.jpg",
+    },
+  },
+  "type": "ImageBackground",
+}
+`;
+
+exports[`ImageBackground renders with custom style 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            "Styled content",
+          ],
+          "props": {
+            "numberOfLines": 0,
+            "selectable": undefined,
+            "style": {
+              "color": "#1C1C1C",
+              "fontFamily": "text-regular",
+              "fontSize": 14,
+              "textAlign": "left",
+            },
+            "testID": undefined,
+          },
+          "type": "Text",
+        },
+      ],
+      "props": {},
+      "type": "View",
+    },
+  ],
+  "props": {
+    "source": {
+      "uri": "https://example.com/image.jpg",
+    },
+    "style": {
+      "height": 200,
+      "width": "100%",
+    },
+  },
+  "type": "ImageBackground",
+}
+`;
+
+exports[`ImageBackground renders with local image source 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            "Local image",
+          ],
+          "props": {
+            "numberOfLines": 0,
+            "selectable": undefined,
+            "style": {
+              "color": "#1C1C1C",
+              "fontFamily": "text-regular",
+              "fontSize": 14,
+              "textAlign": "left",
+            },
+            "testID": undefined,
+          },
+          "type": "Text",
+        },
+      ],
+      "props": {},
+      "type": "View",
+    },
+  ],
+  "props": {
+    "source": Module {},
+  },
+  "type": "ImageBackground",
+}
+`;