@hero-design/rn-work-uikit 1.6.2-alpha.0 → 1.6.2-alpha.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn-work-uikit",
-  "version": "1.6.2-alpha.0",
+  "version": "1.6.2-alpha.2",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -23,7 +23,7 @@
     "@emotion/native": "^11.9.3",
     "@emotion/primitives-core": "11.0.0",
     "@emotion/react": "^11.9.3",
-    "@hero-design/rn": "^8.104.1-alpha.0",
+    "@hero-design/rn": "^8.105.1-alpha.0",
     "hero-editor": "^1.15.5"
   },
   "peerDependencies": {

package/src/components/DatePicker/__tests__/__snapshots__/index.spec.tsx.snap

@@ -326,7 +326,7 @@ exports[`DatePicker renders correctly (snapshot) 1`] = `
           themeIntent="text"
           themeSize="medium"
         >
-          
+          
         </Text>
       </View>
     </Pressable>
@@ -519,7 +519,7 @@ exports[`DatePicker renders correctly (snapshot) 1`] = `
                   themeIntent="text"
                   themeSize="xsmall"
                 >
-                  
+                  
                 </Text>
               </TouchableOpacity>
             </View>
@@ -976,7 +976,7 @@ exports[`Dialog renders DatePickerAndroid when OS is android 1`] = `
           themeIntent="text"
           themeSize="medium"
         >
-          
+          
         </Text>
       </View>
     </Pressable>
@@ -1310,7 +1310,7 @@ exports[`Dialog renders DatePickerIOS when OS is iOS 1`] = `
           themeIntent="text"
           themeSize="medium"
         >
-          
+          
         </Text>
       </View>
     </Pressable>
@@ -1503,7 +1503,7 @@ exports[`Dialog renders DatePickerIOS when OS is iOS 1`] = `
                   themeIntent="text"
                   themeSize="xsmall"
                 >
-                  
+                  
                 </Text>
               </TouchableOpacity>
             </View>

package/src/components/Select/__tests__/__snapshots__/index.spec.tsx.snap

@@ -330,7 +330,7 @@ exports[`MultiSelect renders correctly (snapshot) 1`] = `
               themeIntent="text"
               themeSize="medium"
             >
-              
+              
             </Text>
           </View>
         </Pressable>
@@ -527,7 +527,7 @@ exports[`MultiSelect renders correctly (snapshot) 1`] = `
                   themeIntent="text"
                   themeSize="xsmall"
                 >
-                  
+                  
                 </Text>
               </TouchableOpacity>
             </View>
@@ -1027,7 +1027,7 @@ exports[`Select renders correctly (snapshot) 1`] = `
               themeIntent="text"
               themeSize="medium"
             >
-              
+              
             </Text>
           </View>
         </Pressable>
@@ -1224,7 +1224,7 @@ exports[`Select renders correctly (snapshot) 1`] = `
                   themeIntent="text"
                   themeSize="xsmall"
                 >
-                  
+                  
                 </Text>
               </TouchableOpacity>
             </View>

package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap

@@ -211,7 +211,7 @@ exports[`TextInput when user applies custom styling should respect user-provided
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -1153,7 +1153,7 @@ exports[`TextInput when user encounters a read-only field should display content
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -1269,7 +1269,7 @@ exports[`TextInput when user encounters a read-only field should display content
       themeIntent="text"
       themeSize="medium"
     >
-      
+      
     </Text>
   </View>
 </Pressable>
@@ -1515,7 +1515,7 @@ exports[`TextInput when user has entered text should show the input content and
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -1631,7 +1631,7 @@ exports[`TextInput when user has entered text should show the input content and
       themeIntent="text"
       themeSize="medium"
     >
-      
+      
     </Text>
   </View>
 </Pressable>
@@ -1848,7 +1848,7 @@ exports[`TextInput when user interacts with placeholder text starting from empty
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -2445,7 +2445,7 @@ exports[`TextInput when user provides default values starting with pre-filled co
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -2800,7 +2800,7 @@ exports[`TextInput when user provides default values when both default and contr
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -3185,7 +3185,7 @@ exports[`TextInput when user sees a loading state should show loading indicator
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -3537,7 +3537,7 @@ exports[`TextInput when user sees a required field should indicate the field is
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -3652,7 +3652,7 @@ exports[`TextInput when user sees a required field should indicate the field is
       themeIntent="text"
       themeSize="medium"
     >
-      
+      
     </Text>
   </View>
 </Pressable>
@@ -3898,7 +3898,7 @@ exports[`TextInput when user sees a textarea with character count should display
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -4051,7 +4051,7 @@ exports[`TextInput when user sees a textarea with character count should display
       themeIntent="text"
       themeSize="medium"
     >
-      
+      
     </Text>
   </View>
 </Pressable>
@@ -4297,7 +4297,7 @@ exports[`TextInput when user sees a textarea with character count should hide ch
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -4415,7 +4415,7 @@ exports[`TextInput when user sees a textarea with character count should hide ch
       themeIntent="text"
       themeSize="medium"
     >
-      
+      
     </Text>
   </View>
 </Pressable>
@@ -4663,7 +4663,7 @@ exports[`TextInput when user sees an empty input field should display label and
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -4778,7 +4778,7 @@ exports[`TextInput when user sees an empty input field should display label and
       themeIntent="text"
       themeSize="medium"
     >
-      
+      
     </Text>
   </View>
 </Pressable>
@@ -4995,7 +4995,7 @@ exports[`TextInput when user sees an error state should display error message to
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -5372,7 +5372,7 @@ exports[`TextInput when user sees helper text should display guidance text to as
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>

package/src/theme/__tests__/__snapshots__/index.spec.ts.snap

@@ -1151,6 +1151,59 @@ exports[`theme returns correct theme object 1`] = `
         "iconMarginRight": 11.76923076923077,
       },
     },
+    "segmentedControl": {
+      "colors": {
+        "itemBackground": {
+          "active": "#ffffff",
+          "inactive": "transparent",
+        },
+        "wrapperBackground": "#f6f6f7",
+      },
+      "lineHeights": {
+        "itemText": undefined,
+      },
+      "radii": {
+        "item": {
+          "large": 16,
+          "medium": 12,
+        },
+        "wrapper": {
+          "large": 20,
+          "medium": 16,
+        },
+      },
+      "shadows": {
+        "item": {
+          "active": {
+            "elevation": 6,
+            "shadowColor": "#001f23",
+            "shadowOffset": {
+              "height": 2,
+              "width": 0,
+            },
+            "shadowOpacity": 0.12,
+            "shadowRadius": 2,
+          },
+          "inactive": undefined,
+        },
+      },
+      "sizes": {
+        "itemHeight": {
+          "large": 35.30769230769231,
+          "medium": 27.46153846153846,
+        },
+        "wrapperHeight": {
+          "large": 43.15384615384615,
+          "medium": 35.30769230769231,
+        },
+      },
+      "space": {
+        "itemAffixGap": 7.846153846153847,
+        "itemLabelGap": 3.9230769230769234,
+        "itemLabelMarginEnd": 11.76923076923077,
+        "wrapperHorizontalPadding": 3.9230769230769234,
+      },
+    },
     "select": {
       "radii": {
         "option": 4,
@@ -1583,6 +1636,7 @@ exports[`theme returns correct theme object 1`] = `
         "body": "#001f23",
         "danger": "#f46363",
         "disabled": "#bfc1c5",
+        "inactive": "#808f91",
         "info": "#355bfb",
         "inverted": "#ffffff",
         "muted": "#4d6265",