@hero-design/rn-work-uikit 1.2.0-alpha.1 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn-work-uikit",
-  "version": "1.2.0-alpha.1",
+  "version": "1.2.0",
   "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.101.1"
+    "@hero-design/rn": "^8.102.0"
   },
   "peerDependencies": {
     "@hero-design/react-native-month-year-picker": "^8.43.1",

package/rollup.config.mjs

@@ -46,7 +46,6 @@ export default [
       'react-native-linear-gradient',
       '@hero-design/react-native-month-year-picker',
       '@ptomasroos/react-native-multi-slider',
-      '@hero-design/rn',
     ],
     plugins: [
       replace({

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

@@ -24,6 +24,9 @@ exports[`first test to ensure configure correctly should render TextInput with p
     ]
   }
   testID="text-input"
+  themeFocused={false}
+  themeHasError={false}
+  themeUseGroupStyleEnabled={false}
 >
   <View
     pointerEvents="none"
@@ -66,7 +69,7 @@ exports[`first test to ensure configure correctly should render TextInput with p
       ]
     }
   >
-    <View
+    <Pressable
       style={
         [
           [
@@ -76,42 +79,20 @@ exports[`first test to ensure configure correctly should render TextInput with p
               "flexGrow": 2,
               "flexShrink": 1,
               "gap": 3.9230769230769234,
+              "opacity": 1,
             },
           ],
           undefined,
         ]
       }
+      themeOpacity={1}
     >
-      <AnimatedView
-        style={
-          {
-            "opacity": {
-              "_offset": 0,
-              "_value": 0,
-              "addListener": [MockFunction],
-              "interpolate": [MockFunction],
-              "removeAllListeners": [MockFunction],
-              "removeListener": [MockFunction],
-              "setValue": [MockFunction],
-            },
-          }
-        }
-      />
-      <AnimatedView
-        accessibilityElementsHidden={false}
+      <View />
+      <View
         accessibilityLabel="Text input field"
         style={
           {
             "flex": 1,
-            "opacity": {
-              "_offset": 0,
-              "_value": 0,
-              "addListener": [MockFunction],
-              "interpolate": [MockFunction],
-              "removeAllListeners": [MockFunction],
-              "removeListener": [MockFunction],
-              "setValue": [MockFunction],
-            },
           }
         }
         testID="input-row-input-wrapper"
@@ -156,8 +137,8 @@ exports[`first test to ensure configure correctly should render TextInput with p
           themeVariant="text"
           value="test value"
         />
-      </AnimatedView>
-    </View>
+      </View>
+    </Pressable>
     <View
       style={
         [

package/src/components/TextInput/FloatingLabel.tsx

@@ -97,7 +97,11 @@ const FloatingLabel: React.FC<FloatingLabelProps> = ({
         },
       ]}
     >
-      <Animated.View>
+      <Animated.View
+        style={{
+          flexDirection: 'row',
+        }}
+      >
         <StyledLabel
           nativeID={accessibilityLabelledBy}
           testID="input-label"
@@ -108,8 +112,10 @@ const FloatingLabel: React.FC<FloatingLabelProps> = ({
           }}
         >
           {label}
-          {!required && ' (Optional)'}
         </StyledLabel>
+        {!required ? (
+          <StyledLabel themeState={state}>{' (Optional)'}</StyledLabel>
+        ) : null}
       </Animated.View>
     </StyledFloatingLabelContainer>
   );