npm - @tactics/toddle-styleguide - Versions diffs - 1.0.0 → 1.0.2 - Mend

@tactics/toddle-styleguide 1.0.0 → 1.0.2

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 (292) hide show

package/src/components/molecules/send-bubble/__snapshots__/send-text-bubble.test.js.snap CHANGED Viewed

@@ -96,11 +96,11 @@ exports[`Failed text bubble test shows a DEFAULT RECEIVED text bubble that is sw
             >
               <RNSVGSvgView
                 align="xMidYMid"
-                bbHeight="28"
-                bbWidth="28"
+                bbHeight={24}
+                bbWidth={24}
                 fill="none"
                 focusable={false}
-                height="28"
+                height={24}
                 meetOrSlice={0}
                 minX={0}
                 minY={0}
@@ -112,14 +112,14 @@ exports[`Failed text bubble test shows a DEFAULT RECEIVED text bubble that is sw
                     },
                     {
                       "flex": 0,
-                      "height": 28,
-                      "width": 28,
+                      "height": 24,
+                      "width": 24,
                     },
                   ]
                 }
-                vbHeight={28}
-                vbWidth={28}
-                width="28"
+                vbHeight={23}
+                vbWidth={23}
+                width={24}
               >
                 <RNSVGGroup
                   fill={null}
@@ -130,7 +130,7 @@ exports[`Failed text bubble test shows a DEFAULT RECEIVED text bubble that is sw
                   }
                 >
                   <RNSVGPath
-                    d="M17.6362 6.38626L21.6137 10.3637M19.3237 4.69876C20.422 3.60041 22.2028 3.60041 23.3012 4.69876C24.3995 5.79711 24.3995 7.57789 23.3012 8.67624L7.8125 24.1649H3.875V20.1475L19.3237 4.69876Z"
+                    d="M15.1363 3.88626L19.1137 7.86374M16.8238 2.19876C17.9221 1.10041 19.7029 1.10041 20.8012 2.19876C21.8996 3.29711 21.8996 5.07789 20.8012 6.17624L5.31256 21.6649H1.37506V17.6475L16.8238 2.19876Z"
                     propList={
                       [
                         "stroke",
@@ -174,11 +174,11 @@ exports[`Failed text bubble test shows a DEFAULT RECEIVED text bubble that is sw
             >
               <RNSVGSvgView
                 align="xMidYMid"
-                bbHeight="28"
-                bbWidth="28"
+                bbHeight={24}
+                bbWidth={24}
                 fill="none"
                 focusable={false}
-                height="28"
+                height={24}
                 meetOrSlice={0}
                 minX={0}
                 minY={0}
@@ -190,14 +190,14 @@ exports[`Failed text bubble test shows a DEFAULT RECEIVED text bubble that is sw
                     },
                     {
                       "flex": 0,
-                      "height": 28,
-                      "width": 28,
+                      "height": 24,
+                      "width": 24,
                     },
                   ]
                 }
-                vbHeight={28}
-                vbWidth={28}
-                width="28"
+                vbHeight={22}
+                vbWidth={21}
+                width={24}
               >
                 <RNSVGGroup
                   fill={null}
@@ -208,7 +208,7 @@ exports[`Failed text bubble test shows a DEFAULT RECEIVED text bubble that is sw
                   }
                 >
                   <RNSVGPath
-                    d="M21.875 8.375L20.8993 22.0353C20.8152 23.2127 19.8354 24.125 18.655 24.125H9.34502C8.16458 24.125 7.18484 23.2127 7.10074 22.0353L6.125 8.375M11.75 12.875V19.625M16.25 12.875V19.625M17.375 8.375V5C17.375 4.37868 16.8713 3.875 16.25 3.875H11.75C11.1287 3.875 10.625 4.37868 10.625 5V8.375M5 8.375H23"
+                    d="M18.375 5.58333L17.3993 18.7377C17.3152 19.8715 16.3354 20.75 15.155 20.75H5.84502C4.66458 20.75 3.68484 19.8715 3.60074 18.7377L2.625 5.58333M8.25 9.91667V16.4167M12.75 9.91667V16.4167M13.875 5.58333V2.33333C13.875 1.73502 13.3713 1.25 12.75 1.25H8.25C7.62868 1.25 7.125 1.73502 7.125 2.33333V5.58333M1.5 5.58333H19.5"
                     propList={
                       [
                         "stroke",
@@ -382,11 +382,11 @@ exports[`Failed text bubble test shows a DEFAULT SENT text bubble that is swipea
             >
               <RNSVGSvgView
                 align="xMidYMid"
-                bbHeight="28"
-                bbWidth="28"
+                bbHeight={24}
+                bbWidth={24}
                 fill="none"
                 focusable={false}
-                height="28"
+                height={24}
                 meetOrSlice={0}
                 minX={0}
                 minY={0}
@@ -398,14 +398,14 @@ exports[`Failed text bubble test shows a DEFAULT SENT text bubble that is swipea
                     },
                     {
                       "flex": 0,
-                      "height": 28,
-                      "width": 28,
+                      "height": 24,
+                      "width": 24,
                     },
                   ]
                 }
-                vbHeight={28}
-                vbWidth={28}
-                width="28"
+                vbHeight={23}
+                vbWidth={23}
+                width={24}
               >
                 <RNSVGGroup
                   fill={null}
@@ -416,7 +416,7 @@ exports[`Failed text bubble test shows a DEFAULT SENT text bubble that is swipea
                   }
                 >
                   <RNSVGPath
-                    d="M17.6362 6.38626L21.6137 10.3637M19.3237 4.69876C20.422 3.60041 22.2028 3.60041 23.3012 4.69876C24.3995 5.79711 24.3995 7.57789 23.3012 8.67624L7.8125 24.1649H3.875V20.1475L19.3237 4.69876Z"
+                    d="M15.1363 3.88626L19.1137 7.86374M16.8238 2.19876C17.9221 1.10041 19.7029 1.10041 20.8012 2.19876C21.8996 3.29711 21.8996 5.07789 20.8012 6.17624L5.31256 21.6649H1.37506V17.6475L16.8238 2.19876Z"
                     propList={
                       [
                         "stroke",
@@ -460,11 +460,11 @@ exports[`Failed text bubble test shows a DEFAULT SENT text bubble that is swipea
             >
               <RNSVGSvgView
                 align="xMidYMid"
-                bbHeight="28"
-                bbWidth="28"
+                bbHeight={24}
+                bbWidth={24}
                 fill="none"
                 focusable={false}
-                height="28"
+                height={24}
                 meetOrSlice={0}
                 minX={0}
                 minY={0}
@@ -476,14 +476,14 @@ exports[`Failed text bubble test shows a DEFAULT SENT text bubble that is swipea
                     },
                     {
                       "flex": 0,
-                      "height": 28,
-                      "width": 28,
+                      "height": 24,
+                      "width": 24,
                     },
                   ]
                 }
-                vbHeight={28}
-                vbWidth={28}
-                width="28"
+                vbHeight={22}
+                vbWidth={21}
+                width={24}
               >
                 <RNSVGGroup
                   fill={null}
@@ -494,7 +494,7 @@ exports[`Failed text bubble test shows a DEFAULT SENT text bubble that is swipea
                   }
                 >
                   <RNSVGPath
-                    d="M21.875 8.375L20.8993 22.0353C20.8152 23.2127 19.8354 24.125 18.655 24.125H9.34502C8.16458 24.125 7.18484 23.2127 7.10074 22.0353L6.125 8.375M11.75 12.875V19.625M16.25 12.875V19.625M17.375 8.375V5C17.375 4.37868 16.8713 3.875 16.25 3.875H11.75C11.1287 3.875 10.625 4.37868 10.625 5V8.375M5 8.375H23"
+                    d="M18.375 5.58333L17.3993 18.7377C17.3152 19.8715 16.3354 20.75 15.155 20.75H5.84502C4.66458 20.75 3.68484 19.8715 3.60074 18.7377L2.625 5.58333M8.25 9.91667V16.4167M12.75 9.91667V16.4167M13.875 5.58333V2.33333C13.875 1.73502 13.3713 1.25 12.75 1.25H8.25C7.62868 1.25 7.125 1.73502 7.125 2.33333V5.58333M1.5 5.58333H19.5"
                     propList={
                       [
                         "stroke",
@@ -668,11 +668,11 @@ exports[`Failed text bubble test shows a WARNING RECEIVED text bubble that is sw
             >
               <RNSVGSvgView
                 align="xMidYMid"
-                bbHeight="28"
-                bbWidth="28"
+                bbHeight={24}
+                bbWidth={24}
                 fill="none"
                 focusable={false}
-                height="28"
+                height={24}
                 meetOrSlice={0}
                 minX={0}
                 minY={0}
@@ -684,14 +684,14 @@ exports[`Failed text bubble test shows a WARNING RECEIVED text bubble that is sw
                     },
                     {
                       "flex": 0,
-                      "height": 28,
-                      "width": 28,
+                      "height": 24,
+                      "width": 24,
                     },
                   ]
                 }
-                vbHeight={28}
-                vbWidth={28}
-                width="28"
+                vbHeight={23}
+                vbWidth={23}
+                width={24}
               >
                 <RNSVGGroup
                   fill={null}
@@ -702,7 +702,7 @@ exports[`Failed text bubble test shows a WARNING RECEIVED text bubble that is sw
                   }
                 >
                   <RNSVGPath
-                    d="M17.6362 6.38626L21.6137 10.3637M19.3237 4.69876C20.422 3.60041 22.2028 3.60041 23.3012 4.69876C24.3995 5.79711 24.3995 7.57789 23.3012 8.67624L7.8125 24.1649H3.875V20.1475L19.3237 4.69876Z"
+                    d="M15.1363 3.88626L19.1137 7.86374M16.8238 2.19876C17.9221 1.10041 19.7029 1.10041 20.8012 2.19876C21.8996 3.29711 21.8996 5.07789 20.8012 6.17624L5.31256 21.6649H1.37506V17.6475L16.8238 2.19876Z"
                     propList={
                       [
                         "stroke",
@@ -746,11 +746,11 @@ exports[`Failed text bubble test shows a WARNING RECEIVED text bubble that is sw
             >
               <RNSVGSvgView
                 align="xMidYMid"
-                bbHeight="28"
-                bbWidth="28"
+                bbHeight={24}
+                bbWidth={24}
                 fill="none"
                 focusable={false}
-                height="28"
+                height={24}
                 meetOrSlice={0}
                 minX={0}
                 minY={0}
@@ -762,14 +762,14 @@ exports[`Failed text bubble test shows a WARNING RECEIVED text bubble that is sw
                     },
                     {
                       "flex": 0,
-                      "height": 28,
-                      "width": 28,
+                      "height": 24,
+                      "width": 24,
                     },
                   ]
                 }
-                vbHeight={28}
-                vbWidth={28}
-                width="28"
+                vbHeight={22}
+                vbWidth={21}
+                width={24}
               >
                 <RNSVGGroup
                   fill={null}
@@ -780,7 +780,7 @@ exports[`Failed text bubble test shows a WARNING RECEIVED text bubble that is sw
                   }
                 >
                   <RNSVGPath
-                    d="M21.875 8.375L20.8993 22.0353C20.8152 23.2127 19.8354 24.125 18.655 24.125H9.34502C8.16458 24.125 7.18484 23.2127 7.10074 22.0353L6.125 8.375M11.75 12.875V19.625M16.25 12.875V19.625M17.375 8.375V5C17.375 4.37868 16.8713 3.875 16.25 3.875H11.75C11.1287 3.875 10.625 4.37868 10.625 5V8.375M5 8.375H23"
+                    d="M18.375 5.58333L17.3993 18.7377C17.3152 19.8715 16.3354 20.75 15.155 20.75H5.84502C4.66458 20.75 3.68484 19.8715 3.60074 18.7377L2.625 5.58333M8.25 9.91667V16.4167M12.75 9.91667V16.4167M13.875 5.58333V2.33333C13.875 1.73502 13.3713 1.25 12.75 1.25H8.25C7.62868 1.25 7.125 1.73502 7.125 2.33333V5.58333M1.5 5.58333H19.5"
                     propList={
                       [
                         "stroke",
@@ -954,11 +954,11 @@ exports[`Failed text bubble test shows a WARNING SENT text bubble that is swipea
             >
               <RNSVGSvgView
                 align="xMidYMid"
-                bbHeight="28"
-                bbWidth="28"
+                bbHeight={24}
+                bbWidth={24}
                 fill="none"
                 focusable={false}
-                height="28"
+                height={24}
                 meetOrSlice={0}
                 minX={0}
                 minY={0}
@@ -970,14 +970,14 @@ exports[`Failed text bubble test shows a WARNING SENT text bubble that is swipea
                     },
                     {
                       "flex": 0,
-                      "height": 28,
-                      "width": 28,
+                      "height": 24,
+                      "width": 24,
                     },
                   ]
                 }
-                vbHeight={28}
-                vbWidth={28}
-                width="28"
+                vbHeight={23}
+                vbWidth={23}
+                width={24}
               >
                 <RNSVGGroup
                   fill={null}
@@ -988,7 +988,7 @@ exports[`Failed text bubble test shows a WARNING SENT text bubble that is swipea
                   }
                 >
                   <RNSVGPath
-                    d="M17.6362 6.38626L21.6137 10.3637M19.3237 4.69876C20.422 3.60041 22.2028 3.60041 23.3012 4.69876C24.3995 5.79711 24.3995 7.57789 23.3012 8.67624L7.8125 24.1649H3.875V20.1475L19.3237 4.69876Z"
+                    d="M15.1363 3.88626L19.1137 7.86374M16.8238 2.19876C17.9221 1.10041 19.7029 1.10041 20.8012 2.19876C21.8996 3.29711 21.8996 5.07789 20.8012 6.17624L5.31256 21.6649H1.37506V17.6475L16.8238 2.19876Z"
                     propList={
                       [
                         "stroke",
@@ -1032,11 +1032,11 @@ exports[`Failed text bubble test shows a WARNING SENT text bubble that is swipea
             >
               <RNSVGSvgView
                 align="xMidYMid"
-                bbHeight="28"
-                bbWidth="28"
+                bbHeight={24}
+                bbWidth={24}
                 fill="none"
                 focusable={false}
-                height="28"
+                height={24}
                 meetOrSlice={0}
                 minX={0}
                 minY={0}
@@ -1048,14 +1048,14 @@ exports[`Failed text bubble test shows a WARNING SENT text bubble that is swipea
                     },
                     {
                       "flex": 0,
-                      "height": 28,
-                      "width": 28,
+                      "height": 24,
+                      "width": 24,
                     },
                   ]
                 }
-                vbHeight={28}
-                vbWidth={28}
-                width="28"
+                vbHeight={22}
+                vbWidth={21}
+                width={24}
               >
                 <RNSVGGroup
                   fill={null}
@@ -1066,7 +1066,7 @@ exports[`Failed text bubble test shows a WARNING SENT text bubble that is swipea
                   }
                 >
                   <RNSVGPath
-                    d="M21.875 8.375L20.8993 22.0353C20.8152 23.2127 19.8354 24.125 18.655 24.125H9.34502C8.16458 24.125 7.18484 23.2127 7.10074 22.0353L6.125 8.375M11.75 12.875V19.625M16.25 12.875V19.625M17.375 8.375V5C17.375 4.37868 16.8713 3.875 16.25 3.875H11.75C11.1287 3.875 10.625 4.37868 10.625 5V8.375M5 8.375H23"
+                    d="M18.375 5.58333L17.3993 18.7377C17.3152 19.8715 16.3354 20.75 15.155 20.75H5.84502C4.66458 20.75 3.68484 19.8715 3.60074 18.7377L2.625 5.58333M8.25 9.91667V16.4167M12.75 9.91667V16.4167M13.875 5.58333V2.33333C13.875 1.73502 13.3713 1.25 12.75 1.25H8.25C7.62868 1.25 7.125 1.73502 7.125 2.33333V5.58333M1.5 5.58333H19.5"
                     propList={
                       [
                         "stroke",
@@ -1240,11 +1240,11 @@ exports[`Failed text bubble test shows an ERROR RECEIVED text bubble that is swi
             >
               <RNSVGSvgView
                 align="xMidYMid"
-                bbHeight="28"
-                bbWidth="28"
+                bbHeight={24}
+                bbWidth={24}
                 fill="none"
                 focusable={false}
-                height="28"
+                height={24}
                 meetOrSlice={0}
                 minX={0}
                 minY={0}
@@ -1256,14 +1256,14 @@ exports[`Failed text bubble test shows an ERROR RECEIVED text bubble that is swi
                     },
                     {
                       "flex": 0,
-                      "height": 28,
-                      "width": 28,
+                      "height": 24,
+                      "width": 24,
                     },
                   ]
                 }
-                vbHeight={28}
-                vbWidth={28}
-                width="28"
+                vbHeight={23}
+                vbWidth={23}
+                width={24}
               >
                 <RNSVGGroup
                   fill={null}
@@ -1274,7 +1274,7 @@ exports[`Failed text bubble test shows an ERROR RECEIVED text bubble that is swi
                   }
                 >
                   <RNSVGPath
-                    d="M17.6362 6.38626L21.6137 10.3637M19.3237 4.69876C20.422 3.60041 22.2028 3.60041 23.3012 4.69876C24.3995 5.79711 24.3995 7.57789 23.3012 8.67624L7.8125 24.1649H3.875V20.1475L19.3237 4.69876Z"
+                    d="M15.1363 3.88626L19.1137 7.86374M16.8238 2.19876C17.9221 1.10041 19.7029 1.10041 20.8012 2.19876C21.8996 3.29711 21.8996 5.07789 20.8012 6.17624L5.31256 21.6649H1.37506V17.6475L16.8238 2.19876Z"
                     propList={
                       [
                         "stroke",
@@ -1318,11 +1318,11 @@ exports[`Failed text bubble test shows an ERROR RECEIVED text bubble that is swi
             >
               <RNSVGSvgView
                 align="xMidYMid"
-                bbHeight="28"
-                bbWidth="28"
+                bbHeight={24}
+                bbWidth={24}
                 fill="none"
                 focusable={false}
-                height="28"
+                height={24}
                 meetOrSlice={0}
                 minX={0}
                 minY={0}
@@ -1334,14 +1334,14 @@ exports[`Failed text bubble test shows an ERROR RECEIVED text bubble that is swi
                     },
                     {
                       "flex": 0,
-                      "height": 28,
-                      "width": 28,
+                      "height": 24,
+                      "width": 24,
                     },
                   ]
                 }
-                vbHeight={28}
-                vbWidth={28}
-                width="28"
+                vbHeight={22}
+                vbWidth={21}
+                width={24}
               >
                 <RNSVGGroup
                   fill={null}
@@ -1352,7 +1352,7 @@ exports[`Failed text bubble test shows an ERROR RECEIVED text bubble that is swi
                   }
                 >
                   <RNSVGPath
-                    d="M21.875 8.375L20.8993 22.0353C20.8152 23.2127 19.8354 24.125 18.655 24.125H9.34502C8.16458 24.125 7.18484 23.2127 7.10074 22.0353L6.125 8.375M11.75 12.875V19.625M16.25 12.875V19.625M17.375 8.375V5C17.375 4.37868 16.8713 3.875 16.25 3.875H11.75C11.1287 3.875 10.625 4.37868 10.625 5V8.375M5 8.375H23"
+                    d="M18.375 5.58333L17.3993 18.7377C17.3152 19.8715 16.3354 20.75 15.155 20.75H5.84502C4.66458 20.75 3.68484 19.8715 3.60074 18.7377L2.625 5.58333M8.25 9.91667V16.4167M12.75 9.91667V16.4167M13.875 5.58333V2.33333C13.875 1.73502 13.3713 1.25 12.75 1.25H8.25C7.62868 1.25 7.125 1.73502 7.125 2.33333V5.58333M1.5 5.58333H19.5"
                     propList={
                       [
                         "stroke",
@@ -1526,11 +1526,11 @@ exports[`Failed text bubble test shows an ERROR SENT text bubble that is swipeab
             >
               <RNSVGSvgView
                 align="xMidYMid"
-                bbHeight="28"
-                bbWidth="28"
+                bbHeight={24}
+                bbWidth={24}
                 fill="none"
                 focusable={false}
-                height="28"
+                height={24}
                 meetOrSlice={0}
                 minX={0}
                 minY={0}
@@ -1542,14 +1542,14 @@ exports[`Failed text bubble test shows an ERROR SENT text bubble that is swipeab
                     },
                     {
                       "flex": 0,
-                      "height": 28,
-                      "width": 28,
+                      "height": 24,
+                      "width": 24,
                     },
                   ]
                 }
-                vbHeight={28}
-                vbWidth={28}
-                width="28"
+                vbHeight={23}
+                vbWidth={23}
+                width={24}
               >
                 <RNSVGGroup
                   fill={null}
@@ -1560,7 +1560,7 @@ exports[`Failed text bubble test shows an ERROR SENT text bubble that is swipeab
                   }
                 >
                   <RNSVGPath
-                    d="M17.6362 6.38626L21.6137 10.3637M19.3237 4.69876C20.422 3.60041 22.2028 3.60041 23.3012 4.69876C24.3995 5.79711 24.3995 7.57789 23.3012 8.67624L7.8125 24.1649H3.875V20.1475L19.3237 4.69876Z"
+                    d="M15.1363 3.88626L19.1137 7.86374M16.8238 2.19876C17.9221 1.10041 19.7029 1.10041 20.8012 2.19876C21.8996 3.29711 21.8996 5.07789 20.8012 6.17624L5.31256 21.6649H1.37506V17.6475L16.8238 2.19876Z"
                     propList={
                       [
                         "stroke",
@@ -1604,11 +1604,11 @@ exports[`Failed text bubble test shows an ERROR SENT text bubble that is swipeab
             >
               <RNSVGSvgView
                 align="xMidYMid"
-                bbHeight="28"
-                bbWidth="28"
+                bbHeight={24}
+                bbWidth={24}
                 fill="none"
                 focusable={false}
-                height="28"
+                height={24}
                 meetOrSlice={0}
                 minX={0}
                 minY={0}
@@ -1620,14 +1620,14 @@ exports[`Failed text bubble test shows an ERROR SENT text bubble that is swipeab
                     },
                     {
                       "flex": 0,
-                      "height": 28,
-                      "width": 28,
+                      "height": 24,
+                      "width": 24,
                     },
                   ]
                 }
-                vbHeight={28}
-                vbWidth={28}
-                width="28"
+                vbHeight={22}
+                vbWidth={21}
+                width={24}
               >
                 <RNSVGGroup
                   fill={null}
@@ -1638,7 +1638,7 @@ exports[`Failed text bubble test shows an ERROR SENT text bubble that is swipeab
                   }
                 >
                   <RNSVGPath
-                    d="M21.875 8.375L20.8993 22.0353C20.8152 23.2127 19.8354 24.125 18.655 24.125H9.34502C8.16458 24.125 7.18484 23.2127 7.10074 22.0353L6.125 8.375M11.75 12.875V19.625M16.25 12.875V19.625M17.375 8.375V5C17.375 4.37868 16.8713 3.875 16.25 3.875H11.75C11.1287 3.875 10.625 4.37868 10.625 5V8.375M5 8.375H23"
+                    d="M18.375 5.58333L17.3993 18.7377C17.3152 19.8715 16.3354 20.75 15.155 20.75H5.84502C4.66458 20.75 3.68484 19.8715 3.60074 18.7377L2.625 5.58333M8.25 9.91667V16.4167M12.75 9.91667V16.4167M13.875 5.58333V2.33333C13.875 1.73502 13.3713 1.25 12.75 1.25H8.25C7.62868 1.25 7.125 1.73502 7.125 2.33333V5.58333M1.5 5.58333H19.5"
                     propList={
                       [
                         "stroke",

package/src/components/molecules/send-bubble/send-text-bubble.component.tsx CHANGED Viewed

@@ -60,12 +60,12 @@ const SendTextBubble = ({
       <View style={styles.swipedRow}>
         <Animated.View style={[styles.swipedIcon, {opacity}]}>
           <Pressable onPress={onPressEdit}>
-            <Icon.Outline.Pencil color={iconColorCheck()} />
+            <Icon style={'regular'} name={'pencil'} color={iconColorCheck()} />
           </Pressable>
         </Animated.View>
         <Animated.View style={[styles.swipedIcon, {opacity}]}>
           <Pressable onPress={onPressDelete}>
-            <Icon.Outline.Trash color={iconColorCheck()} />
+            <Icon style={'regular'} name={'trash'} color={iconColorCheck()} />
           </Pressable>
         </Animated.View>
       </View>