@hero-design/rn 8.106.1 → 8.107.0

package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap

@@ -196,7 +196,7 @@ exports[`TimePickerAndroid renders correct with hide suffix 1`] = `
               onChangeText={[Function]}
               onFocus={[Function]}
               placeholder=" "
-              placeholderTextColor="#4d6265"
+              placeholderTextColor="#001f23"
               style={
                 [
                   {
@@ -241,6 +241,7 @@ exports[`TimePickerAndroid renders correct with hide suffix 1`] = `
                   "alignItems": "flex-start",
                   "flexDirection": "row",
                   "justifyContent": "space-between",
+                  "marginTop": 2,
                 },
                 undefined,
               ]
@@ -489,7 +490,7 @@ exports[`TimePickerAndroid renders correctly 1`] = `
               onChangeText={[Function]}
               onFocus={[Function]}
               placeholder=" "
-              placeholderTextColor="#4d6265"
+              placeholderTextColor="#001f23"
               style={
                 [
                   {
@@ -549,6 +550,7 @@ exports[`TimePickerAndroid renders correctly 1`] = `
                   "alignItems": "flex-start",
                   "flexDirection": "row",
                   "justifyContent": "space-between",
+                  "marginTop": 2,
                 },
                 undefined,
               ]

package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap

@@ -196,7 +196,7 @@ exports[`TimePickerIOS renders correct with hide suffix 1`] = `
               onChangeText={[Function]}
               onFocus={[Function]}
               placeholder=" "
-              placeholderTextColor="#4d6265"
+              placeholderTextColor="#001f23"
               style={
                 [
                   {
@@ -241,6 +241,7 @@ exports[`TimePickerIOS renders correct with hide suffix 1`] = `
                   "alignItems": "flex-start",
                   "flexDirection": "row",
                   "justifyContent": "space-between",
+                  "marginTop": 2,
                 },
                 undefined,
               ]
@@ -489,7 +490,7 @@ exports[`TimePickerIOS renders correctly 1`] = `
               onChangeText={[Function]}
               onFocus={[Function]}
               placeholder=" "
-              placeholderTextColor="#4d6265"
+              placeholderTextColor="#001f23"
               style={
                 [
                   {
@@ -549,6 +550,7 @@ exports[`TimePickerIOS renders correctly 1`] = `
                   "alignItems": "flex-start",
                   "flexDirection": "row",
                   "justifyContent": "space-between",
+                  "marginTop": 2,
                 },
                 undefined,
               ]

package/src/index.ts

@@ -46,6 +46,10 @@ import FAB from './components/FAB';
 import HeroDesignProvider from './components/HeroDesignProvider';
 import MapPin from './components/MapPin';
 import Icon from './components/Icon';
+import Illustration, {
+  type IllustrationName,
+  IllustrationList,
+} from './components/Illustration';
 import Image from './components/Image';
 import List from './components/List';
 import PinInput from './components/PinInput';
@@ -128,6 +132,9 @@ export {
   FAB,
   FlatListWithFAB,
   Icon,
+  Illustration,
+  type IllustrationName,
+  IllustrationList,
   Image,
   HeroDesignProvider,
   MapPin,

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

@@ -427,6 +427,9 @@ exports[`theme returns correct theme object 1`] = `
       "sizes": {
         "indicatorWidth": 16,
       },
+      "space": {
+        "dataCardContentPadding": 16,
+      },
     },
     "cardCarousel": {
       "colors": {
@@ -1509,7 +1512,7 @@ exports[`theme returns correct theme object 1`] = `
           "disabled": "#bfc1c5",
           "error": "#001f23",
           "filled": "#001f23",
-          "readonly": "#808f91",
+          "readonly": "#4d6265",
         },
         "labelsInsideTextInput": {
           "default": "#001f23",
@@ -1525,7 +1528,13 @@ exports[`theme returns correct theme object 1`] = `
           "filled": "#001f23",
           "readonly": "#808f91",
         },
-        "placeholder": "#4d6265",
+        "placeholder": {
+          "default": "#001f23",
+          "disabled": "#bfc1c5",
+          "error": "#001f23",
+          "filled": "#001f23",
+          "readonly": "#001f23",
+        },
         "text": "#001f23",
       },
       "fontSizes": {
@@ -1554,6 +1563,7 @@ exports[`theme returns correct theme object 1`] = `
         "containerMarginTop": 8,
         "containerPadding": 16,
         "errorAndHelpTextContainerHorizontalPadding": 16,
+        "errorAndHelpTextContainerMarginTop": 2,
         "errorAndHelpTextContainerPaddingTop": 2,
         "errorContainerMarginRight": 4,
         "errorMarginLeft": 4,

package/src/theme/components/card.ts

@@ -23,7 +23,11 @@ const getCardTheme = (theme: GlobalTheme) => {
     superRound: theme.radii.xxxlarge,
   };
 
-  return { colors, sizes, radii };
+  const space = {
+    dataCardContentPadding: theme.space.medium,
+  };
+
+  return { colors, sizes, radii, space };
 };
 
 export default getCardTheme;

package/src/theme/components/textInput.ts

@@ -24,7 +24,7 @@ const getTextInputTheme = (theme: GlobalTheme) => {
       default: theme.colors.onDefaultGlobalSurface,
       error: theme.colors.onDefaultGlobalSurface,
       disabled: theme.colors.disabledOnDefaultGlobalSurface,
-      readonly: theme.colors.inactiveOnDefaultGlobalSurface,
+      readonly: theme.colors.mutedOnDefaultGlobalSurface,
       filled: theme.colors.onDefaultGlobalSurface,
     },
     labelsInsideTextInput: {
@@ -41,7 +41,13 @@ const getTextInputTheme = (theme: GlobalTheme) => {
       readonly: theme.colors.inactiveOnDefaultGlobalSurface,
       filled: theme.colors.onDefaultGlobalSurface,
     },
-    placeholder: theme.colors.mutedOnDefaultGlobalSurface,
+    placeholder: {
+      default: theme.colors.onDefaultGlobalSurface,
+      error: theme.colors.onDefaultGlobalSurface,
+      disabled: theme.colors.disabledOnDefaultGlobalSurface,
+      readonly: theme.colors.onDefaultGlobalSurface,
+      filled: theme.colors.onDefaultGlobalSurface,
+    },
   };
 
   const space = {
@@ -52,6 +58,7 @@ const getTextInputTheme = (theme: GlobalTheme) => {
     labelHorizontalPadding: theme.space.xsmall,
     inputHorizontalMargin: theme.space.small,
     errorContainerMarginRight: theme.space.xsmall,
+    errorAndHelpTextContainerMarginTop: theme.space.xxsmall,
     errorMarginLeft: theme.space.xsmall,
     errorAndHelpTextContainerHorizontalPadding: theme.space.medium,
     containerMarginTop: theme.space.small,

package/stats/8.106.1/rn-stats.html

@@ -4840,5 +4840,3 @@ var drawChart = (function (exports) {
 </body>
 </html>
 
-l>
-