@ornikar/bumper 2.7.2-canary.1768566928.e85c568dc49c9180e37b7aec8792b1e8d45968a6.0 → 2.8.1-canary.1768839311.501438316959a9593513e74c70cb87b0597f2db6.0

package/src/system/content/icon/__snapshots__/Icon.features.stories.tsx.snap

@@ -0,0 +1,569 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`Bumper/Content/Icon/Features Colors 1`] = `
+<RNCSafeAreaProvider
+  onInsetsChange={[Function]}
+  style={
+    [
+      {
+        "flex": 1,
+      },
+      undefined,
+    ]
+  }
+>
+  <View
+    style={
+      {
+        "alignItems": "center",
+        "flexDirection": "row",
+        "gap": 16,
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "column",
+          "gap": 8,
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "height": 24,
+            "width": 24,
+          }
+        }
+      >
+        <svg
+          color="#101010"
+          data-file-name="star.inline.svg"
+        />
+      </View>
+      <Text
+        style={
+          {
+            "color": "#505050",
+            "fontFamily": "GTStandard",
+            "fontSize": 12,
+            "letterSpacing": 0.3,
+            "lineHeight": 16,
+          }
+        }
+        suppressHighlighting={true}
+      >
+        base.hi
+      </Text>
+    </View>
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "column",
+          "gap": 8,
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "height": 24,
+            "width": 24,
+          }
+        }
+      >
+        <svg
+          color="#505050"
+          data-file-name="star.inline.svg"
+        />
+      </View>
+      <Text
+        style={
+          {
+            "color": "#505050",
+            "fontFamily": "GTStandard",
+            "fontSize": 12,
+            "letterSpacing": 0.3,
+            "lineHeight": 16,
+          }
+        }
+        suppressHighlighting={true}
+      >
+        base.mid
+      </Text>
+    </View>
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "column",
+          "gap": 8,
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "height": 24,
+            "width": 24,
+          }
+        }
+      >
+        <svg
+          color="#838383"
+          data-file-name="star.inline.svg"
+        />
+      </View>
+      <Text
+        style={
+          {
+            "color": "#505050",
+            "fontFamily": "GTStandard",
+            "fontSize": 12,
+            "letterSpacing": 0.3,
+            "lineHeight": 16,
+          }
+        }
+        suppressHighlighting={true}
+      >
+        base.low
+      </Text>
+    </View>
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "column",
+          "gap": 8,
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "height": 24,
+            "width": 24,
+          }
+        }
+      >
+        <svg
+          color="#563B56"
+          data-file-name="star.inline.svg"
+        />
+      </View>
+      <Text
+        style={
+          {
+            "color": "#505050",
+            "fontFamily": "GTStandard",
+            "fontSize": 12,
+            "letterSpacing": 0.3,
+            "lineHeight": 16,
+          }
+        }
+        suppressHighlighting={true}
+      >
+        accent
+      </Text>
+    </View>
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "column",
+          "gap": 8,
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "height": 24,
+            "width": 24,
+          }
+        }
+      >
+        <svg
+          color="#357105"
+          data-file-name="check-circle.inline.svg"
+        />
+      </View>
+      <Text
+        style={
+          {
+            "color": "#505050",
+            "fontFamily": "GTStandard",
+            "fontSize": 12,
+            "letterSpacing": 0.3,
+            "lineHeight": 16,
+          }
+        }
+        suppressHighlighting={true}
+      >
+        success
+      </Text>
+    </View>
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "column",
+          "gap": 8,
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "height": 24,
+            "width": 24,
+          }
+        }
+      >
+        <svg
+          color="#BA930B"
+          data-file-name="warning.inline.svg"
+        />
+      </View>
+      <Text
+        style={
+          {
+            "color": "#505050",
+            "fontFamily": "GTStandard",
+            "fontSize": 12,
+            "letterSpacing": 0.3,
+            "lineHeight": 16,
+          }
+        }
+        suppressHighlighting={true}
+      >
+        warning
+      </Text>
+    </View>
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "column",
+          "gap": 8,
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "height": 24,
+            "width": 24,
+          }
+        }
+      >
+        <svg
+          color="#BD100F"
+          data-file-name="warning.inline.svg"
+        />
+      </View>
+      <Text
+        style={
+          {
+            "color": "#505050",
+            "fontFamily": "GTStandard",
+            "fontSize": 12,
+            "letterSpacing": 0.3,
+            "lineHeight": 16,
+          }
+        }
+        suppressHighlighting={true}
+      >
+        danger
+      </Text>
+    </View>
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "column",
+          "gap": 8,
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "height": 24,
+            "width": 24,
+          }
+        }
+      >
+        <svg
+          color="#125A87"
+          data-file-name="info.inline.svg"
+        />
+      </View>
+      <Text
+        style={
+          {
+            "color": "#505050",
+            "fontFamily": "GTStandard",
+            "fontSize": 12,
+            "letterSpacing": 0.3,
+            "lineHeight": 16,
+          }
+        }
+        suppressHighlighting={true}
+      >
+        info
+      </Text>
+    </View>
+  </View>
+</RNCSafeAreaProvider>
+`;
+
+exports[`Bumper/Content/Icon/Features Sizes 1`] = `
+<RNCSafeAreaProvider
+  onInsetsChange={[Function]}
+  style={
+    [
+      {
+        "flex": 1,
+      },
+      undefined,
+    ]
+  }
+>
+  <View
+    style={
+      {
+        "alignItems": "center",
+        "flexDirection": "row",
+        "gap": 16,
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "column",
+          "gap": 8,
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "height": 16,
+            "width": 16,
+          }
+        }
+      >
+        <svg
+          color="#101010"
+          data-file-name="star.inline.svg"
+        />
+      </View>
+      <Text
+        style={
+          {
+            "color": "#505050",
+            "fontFamily": "GTStandard",
+            "fontSize": 12,
+            "letterSpacing": 0.3,
+            "lineHeight": 16,
+          }
+        }
+        suppressHighlighting={true}
+      >
+        16
+      </Text>
+    </View>
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "column",
+          "gap": 8,
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "height": 20,
+            "width": 20,
+          }
+        }
+      >
+        <svg
+          color="#101010"
+          data-file-name="star.inline.svg"
+        />
+      </View>
+      <Text
+        style={
+          {
+            "color": "#505050",
+            "fontFamily": "GTStandard",
+            "fontSize": 12,
+            "letterSpacing": 0.3,
+            "lineHeight": 16,
+          }
+        }
+        suppressHighlighting={true}
+      >
+        20
+      </Text>
+    </View>
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "column",
+          "gap": 8,
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "height": 24,
+            "width": 24,
+          }
+        }
+      >
+        <svg
+          color="#101010"
+          data-file-name="star.inline.svg"
+        />
+      </View>
+      <Text
+        style={
+          {
+            "color": "#505050",
+            "fontFamily": "GTStandard",
+            "fontSize": 12,
+            "letterSpacing": 0.3,
+            "lineHeight": 16,
+          }
+        }
+        suppressHighlighting={true}
+      >
+        24
+      </Text>
+    </View>
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "column",
+          "gap": 8,
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "height": 32,
+            "width": 32,
+          }
+        }
+      >
+        <svg
+          color="#101010"
+          data-file-name="star.inline.svg"
+        />
+      </View>
+      <Text
+        style={
+          {
+            "color": "#505050",
+            "fontFamily": "GTStandard",
+            "fontSize": 12,
+            "letterSpacing": 0.3,
+            "lineHeight": 16,
+          }
+        }
+        suppressHighlighting={true}
+      >
+        32
+      </Text>
+    </View>
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "column",
+          "gap": 8,
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "height": 48,
+            "width": 48,
+          }
+        }
+      >
+        <svg
+          color="#101010"
+          data-file-name="star.inline.svg"
+        />
+      </View>
+      <Text
+        style={
+          {
+            "color": "#505050",
+            "fontFamily": "GTStandard",
+            "fontSize": 12,
+            "letterSpacing": 0.3,
+            "lineHeight": 16,
+          }
+        }
+        suppressHighlighting={true}
+      >
+        48
+      </Text>
+    </View>
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "column",
+          "gap": 8,
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "height": 64,
+            "width": 64,
+          }
+        }
+      >
+        <svg
+          color="#101010"
+          data-file-name="star.inline.svg"
+        />
+      </View>
+      <Text
+        style={
+          {
+            "color": "#505050",
+            "fontFamily": "GTStandard",
+            "fontSize": 12,
+            "letterSpacing": 0.3,
+            "lineHeight": 16,
+          }
+        }
+        suppressHighlighting={true}
+      >
+        64
+      </Text>
+    </View>
+  </View>
+</RNCSafeAreaProvider>
+`;

package/src/system/content/icon/__snapshots__/Icon.stories.tsx.snap

@@ -0,0 +1,29 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`Bumper/Content/Icon Default 1`] = `
+<RNCSafeAreaProvider
+  onInsetsChange={[Function]}
+  style={
+    [
+      {
+        "flex": 1,
+      },
+      undefined,
+    ]
+  }
+>
+  <View
+    style={
+      {
+        "height": 20,
+        "width": 20,
+      }
+    }
+  >
+    <svg
+      color="#101010"
+      data-file-name="star.inline.svg"
+    />
+  </View>
+</RNCSafeAreaProvider>
+`;