@tactics/toddle-styleguide 1.0.2 → 1.1.0

package/src/components/molecules/failed-to-send/__snapshots__/failed-bubble.test.js.snap

@@ -19,8 +19,8 @@ exports[`Failed text bubble test shows a failed to send text bubble that is swip
   >
     <RNSVGSvgView
       align="xMidYMid"
-      bbHeight={26}
-      bbWidth={26}
+      bbHeight="26"
+      bbWidth="26"
       fill="none"
       focusable={false}
       height={26}
@@ -62,7 +62,12 @@ exports[`Failed text bubble test shows a failed to send text bubble that is swip
               "strokeLinejoin",
             ]
           }
-          stroke={4294010984}
+          stroke={
+            {
+              "payload": 4294010984,
+              "type": 0,
+            }
+          }
           strokeLinecap={1}
           strokeLinejoin={1}
           strokeWidth="2"
@@ -140,6 +145,23 @@ exports[`Failed text bubble test shows a failed to send text bubble that is swip
             }
           >
             <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
+                }
+              }
               accessible={true}
               collapsable={false}
               focusable={true}
@@ -155,8 +177,8 @@ exports[`Failed text bubble test shows a failed to send text bubble that is swip
             >
               <RNSVGSvgView
                 align="xMidYMid"
-                bbHeight={24}
-                bbWidth={24}
+                bbHeight="24"
+                bbWidth="24"
                 fill="none"
                 focusable={false}
                 height={24}
@@ -198,7 +220,12 @@ exports[`Failed text bubble test shows a failed to send text bubble that is swip
                         "strokeLinejoin",
                       ]
                     }
-                    stroke={4294695385}
+                    stroke={
+                      {
+                        "payload": 4294695385,
+                        "type": 0,
+                      }
+                    }
                     strokeLinecap={1}
                     strokeLinejoin={1}
                     strokeWidth="2"
@@ -218,6 +245,23 @@ exports[`Failed text bubble test shows a failed to send text bubble that is swip
             }
           >
             <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
+                }
+              }
               accessible={true}
               collapsable={false}
               focusable={true}
@@ -233,8 +277,8 @@ exports[`Failed text bubble test shows a failed to send text bubble that is swip
             >
               <RNSVGSvgView
                 align="xMidYMid"
-                bbHeight={24}
-                bbWidth={24}
+                bbHeight="24"
+                bbWidth="24"
                 fill="none"
                 focusable={false}
                 height={24}
@@ -276,7 +320,12 @@ exports[`Failed text bubble test shows a failed to send text bubble that is swip
                         "strokeLinejoin",
                       ]
                     }
-                    stroke={4294695385}
+                    stroke={
+                      {
+                        "payload": 4294695385,
+                        "type": 0,
+                      }
+                    }
                     strokeLinecap={1}
                     strokeLinejoin={1}
                     strokeWidth="2"

package/src/components/molecules/failed-to-send/failed-bubble.component.d.ts

@@ -1,4 +1,4 @@
-declare type FailedBubbleProps = {
+type FailedBubbleProps = {
     text: string;
     onPressRefresh: () => void;
     onPressDelete: () => void;

package/src/components/molecules/filter-range/filter-range.component.d.ts

@@ -1,4 +1,4 @@
-declare type FilterRangeProps = {
+type FilterRangeProps = {
     value: number | number[];
     onChange: (value: number | number[]) => void;
     minValue: number;

package/src/components/molecules/filter-tab/__snapshots__/filter-tab.test.js.snap

@@ -36,6 +36,23 @@ exports[`Filter tab test renders a filter tab with 2 tabs 1`] = `
       }
     >
       <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
         accessible={true}
         collapsable={false}
         focusable={true}
@@ -90,6 +107,23 @@ exports[`Filter tab test renders a filter tab with 2 tabs 1`] = `
         </Text>
       </View>
       <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
         accessible={true}
         collapsable={false}
         focusable={true}
@@ -241,6 +275,23 @@ exports[`Filter tab test renders a filter tab with 3 tabs 1`] = `
       }
     >
       <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
         accessible={true}
         collapsable={false}
         focusable={true}
@@ -295,6 +346,23 @@ exports[`Filter tab test renders a filter tab with 3 tabs 1`] = `
         </Text>
       </View>
       <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
         accessible={true}
         collapsable={false}
         focusable={true}
@@ -349,6 +417,23 @@ exports[`Filter tab test renders a filter tab with 3 tabs 1`] = `
         </Text>
       </View>
       <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
         accessible={true}
         collapsable={false}
         focusable={true}

package/src/components/molecules/filter-tab/filter-tab.component.d.ts

@@ -1,4 +1,4 @@
-declare type FilterTab = {
+type FilterTab = {
     tabItem: {
         value: string;
         label: string;

package/src/components/molecules/info/info.component.d.ts

@@ -1,4 +1,4 @@
-declare type InfoProps = {
+type InfoProps = {
     label: string;
     description: string;
 };

package/src/components/molecules/language-button/__snapshots__/language-button.test.js.snap

@@ -2,6 +2,23 @@
 
 exports[`language button should render a language button in a black text color, medium bold 1`] = `
 <View
+  accessibilityState={
+    {
+      "busy": undefined,
+      "checked": undefined,
+      "disabled": undefined,
+      "expanded": undefined,
+      "selected": undefined,
+    }
+  }
+  accessibilityValue={
+    {
+      "max": undefined,
+      "min": undefined,
+      "now": undefined,
+      "text": undefined,
+    }
+  }
   accessible={true}
   collapsable={false}
   focusable={true}
@@ -49,6 +66,23 @@ exports[`language button should render a language button in a black text color,
 
 exports[`language button should render a language button in a white text color, medium bold 1`] = `
 <View
+  accessibilityState={
+    {
+      "busy": undefined,
+      "checked": undefined,
+      "disabled": undefined,
+      "expanded": undefined,
+      "selected": undefined,
+    }
+  }
+  accessibilityValue={
+    {
+      "max": undefined,
+      "min": undefined,
+      "now": undefined,
+      "text": undefined,
+    }
+  }
   accessible={true}
   collapsable={false}
   focusable={true}

package/src/components/molecules/language-button/language-button.component.d.ts

@@ -1,4 +1,4 @@
-declare type LanguageButtonProps = {
+type LanguageButtonProps = {
     label: string;
     onPress?: () => void;
     textColor?: string;

package/src/components/molecules/message-input/__snapshots__/message-input.test.js.snap

@@ -20,6 +20,23 @@ exports[`Message Input test render a message text input component with placehold
   }
 >
   <View
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": undefined,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
+    accessibilityValue={
+      {
+        "max": undefined,
+        "min": undefined,
+        "now": undefined,
+        "text": undefined,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={true}
@@ -35,8 +52,8 @@ exports[`Message Input test render a message text input component with placehold
   >
     <RNSVGSvgView
       align="xMidYMid"
-      bbHeight={24}
-      bbWidth={24}
+      bbHeight="24"
+      bbWidth="24"
       fill="none"
       focusable={false}
       height={24}
@@ -78,7 +95,12 @@ exports[`Message Input test render a message text input component with placehold
               "strokeLinejoin",
             ]
           }
-          stroke={4280232243}
+          stroke={
+            {
+              "payload": 4280232243,
+              "type": 0,
+            }
+          }
           strokeLinecap={1}
           strokeLinejoin={1}
           strokeWidth="2"
@@ -107,6 +129,23 @@ exports[`Message Input test render a message text input component with placehold
     value="text value"
   />
   <View
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": undefined,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
+    accessibilityValue={
+      {
+        "max": undefined,
+        "min": undefined,
+        "now": undefined,
+        "text": undefined,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={true}
@@ -122,8 +161,8 @@ exports[`Message Input test render a message text input component with placehold
   >
     <RNSVGSvgView
       align="xMidYMid"
-      bbHeight={24}
-      bbWidth={24}
+      bbHeight="24"
+      bbWidth="24"
       fill="none"
       focusable={false}
       height={24}
@@ -182,7 +221,12 @@ exports[`Message Input test render a message text input component with placehold
               "strokeLinejoin",
             ]
           }
-          stroke={4280232243}
+          stroke={
+            {
+              "payload": 4280232243,
+              "type": 0,
+            }
+          }
           strokeLinecap={1}
           strokeLinejoin={1}
           strokeWidth="2"
@@ -213,6 +257,23 @@ exports[`Message Input test render a message text input component with placehold
   }
 >
   <View
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": undefined,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
+    accessibilityValue={
+      {
+        "max": undefined,
+        "min": undefined,
+        "now": undefined,
+        "text": undefined,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={true}
@@ -228,8 +289,8 @@ exports[`Message Input test render a message text input component with placehold
   >
     <RNSVGSvgView
       align="xMidYMid"
-      bbHeight={24}
-      bbWidth={24}
+      bbHeight="24"
+      bbWidth="24"
       fill="none"
       focusable={false}
       height={24}
@@ -271,7 +332,12 @@ exports[`Message Input test render a message text input component with placehold
               "strokeLinejoin",
             ]
           }
-          stroke={4280232243}
+          stroke={
+            {
+              "payload": 4280232243,
+              "type": 0,
+            }
+          }
           strokeLinecap={1}
           strokeLinejoin={1}
           strokeWidth="2"
@@ -300,6 +366,23 @@ exports[`Message Input test render a message text input component with placehold
     value="text value"
   />
   <View
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": undefined,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
+    accessibilityValue={
+      {
+        "max": undefined,
+        "min": undefined,
+        "now": undefined,
+        "text": undefined,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={true}
@@ -315,8 +398,8 @@ exports[`Message Input test render a message text input component with placehold
   >
     <RNSVGSvgView
       align="xMidYMid"
-      bbHeight={24}
-      bbWidth={24}
+      bbHeight="24"
+      bbWidth="24"
       fill="none"
       focusable={false}
       height={24}
@@ -375,7 +458,12 @@ exports[`Message Input test render a message text input component with placehold
               "strokeLinejoin",
             ]
           }
-          stroke={4280232243}
+          stroke={
+            {
+              "payload": 4280232243,
+              "type": 0,
+            }
+          }
           strokeLinecap={1}
           strokeLinejoin={1}
           strokeWidth="2"
@@ -406,6 +494,23 @@ exports[`Message Input test render a message text input component without placeh
   }
 >
   <View
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": undefined,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
+    accessibilityValue={
+      {
+        "max": undefined,
+        "min": undefined,
+        "now": undefined,
+        "text": undefined,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={true}
@@ -421,8 +526,8 @@ exports[`Message Input test render a message text input component without placeh
   >
     <RNSVGSvgView
       align="xMidYMid"
-      bbHeight={24}
-      bbWidth={24}
+      bbHeight="24"
+      bbWidth="24"
       fill="none"
       focusable={false}
       height={24}
@@ -464,7 +569,12 @@ exports[`Message Input test render a message text input component without placeh
               "strokeLinejoin",
             ]
           }
-          stroke={4280232243}
+          stroke={
+            {
+              "payload": 4280232243,
+              "type": 0,
+            }
+          }
           strokeLinecap={1}
           strokeLinejoin={1}
           strokeWidth="2"
@@ -492,6 +602,23 @@ exports[`Message Input test render a message text input component without placeh
     value="text value"
   />
   <View
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": undefined,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
+    accessibilityValue={
+      {
+        "max": undefined,
+        "min": undefined,
+        "now": undefined,
+        "text": undefined,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={true}
@@ -507,8 +634,8 @@ exports[`Message Input test render a message text input component without placeh
   >
     <RNSVGSvgView
       align="xMidYMid"
-      bbHeight={24}
-      bbWidth={24}
+      bbHeight="24"
+      bbWidth="24"
       fill="none"
       focusable={false}
       height={24}
@@ -567,7 +694,12 @@ exports[`Message Input test render a message text input component without placeh
               "strokeLinejoin",
             ]
           }
-          stroke={4280232243}
+          stroke={
+            {
+              "payload": 4280232243,
+              "type": 0,
+            }
+          }
           strokeLinecap={1}
           strokeLinejoin={1}
           strokeWidth="2"
@@ -598,6 +730,23 @@ exports[`Message Input test render a message text input component without placeh
   }
 >
   <View
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": undefined,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
+    accessibilityValue={
+      {
+        "max": undefined,
+        "min": undefined,
+        "now": undefined,
+        "text": undefined,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={true}
@@ -613,8 +762,8 @@ exports[`Message Input test render a message text input component without placeh
   >
     <RNSVGSvgView
       align="xMidYMid"
-      bbHeight={24}
-      bbWidth={24}
+      bbHeight="24"
+      bbWidth="24"
       fill="none"
       focusable={false}
       height={24}
@@ -656,7 +805,12 @@ exports[`Message Input test render a message text input component without placeh
               "strokeLinejoin",
             ]
           }
-          stroke={4280232243}
+          stroke={
+            {
+              "payload": 4280232243,
+              "type": 0,
+            }
+          }
           strokeLinecap={1}
           strokeLinejoin={1}
           strokeWidth="2"
@@ -684,6 +838,23 @@ exports[`Message Input test render a message text input component without placeh
     value="text value"
   />
   <View
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": undefined,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
+    accessibilityValue={
+      {
+        "max": undefined,
+        "min": undefined,
+        "now": undefined,
+        "text": undefined,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={true}
@@ -699,8 +870,8 @@ exports[`Message Input test render a message text input component without placeh
   >
     <RNSVGSvgView
       align="xMidYMid"
-      bbHeight={24}
-      bbWidth={24}
+      bbHeight="24"
+      bbWidth="24"
       fill="none"
       focusable={false}
       height={24}
@@ -759,7 +930,12 @@ exports[`Message Input test render a message text input component without placeh
               "strokeLinejoin",
             ]
           }
-          stroke={4280232243}
+          stroke={
+            {
+              "payload": 4280232243,
+              "type": 0,
+            }
+          }
           strokeLinecap={1}
           strokeLinejoin={1}
           strokeWidth="2"