Skip to content

Commit 50dfd2d

Browse files
heloise-gllmheloise-gllm
authored
fix: colorScheme and borderTint for Input + documentation defaultValue (#118)
1 parent 5f91fbd commit 50dfd2d

11 files changed

Lines changed: 47 additions & 29 deletions

File tree

‎apps/docs/pages/docs/Components/Inputs/input.en-US.mdx‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ searchable: true
33
---
44

55
import { CodeEditor } from '@components/code-editor';
6+
import PropsTable from "@components/docs/props-table";
67

78
# Input
89

@@ -89,3 +90,14 @@ Extends every `Box` props and react native `TextInput` component.
8990

9091
https://reactnative.dev/docs/textinput#props
9192

93+
### `colorScheme`
94+
<PropsTable
95+
description="The colorScheme property, will define the focus border main color."
96+
prop={{ type: "string", required: false }}
97+
/>
98+
99+
### `borderTint`
100+
<PropsTable
101+
description="The borderTint property, will define the focus border color tint."
102+
prop={{ type: "number", required: false }}
103+
/>

‎apps/docs/pages/docs/Components/Inputs/slider.en-US.mdx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -87,13 +87,13 @@ https://github.com/callstack/react-native-slider/blob/main/package/typings/index
8787
### `min`
8888
<PropsTable
8989
description="The minimum value of the slider input."
90-
prop={{ type: "number", required: false, default: 0 }}
90+
prop={{ type: "number", required: false, defaultValue: 0 }}
9191
/>
9292

9393
### `max`
9494
<PropsTable
9595
description="The maximum value of the slider input."
96-
prop={{ type: "number", required: false, default: 1 }}
96+
prop={{ type: "number", required: false, defaultValue: 1 }}
9797
/>
9898

9999
### `defaultValue`

‎apps/docs/pages/docs/Components/Inputs/switch.en-US.mdx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -93,13 +93,13 @@ Extends every `Box` props.
9393
### `isDisabled`
9494
<PropsTable
9595
description="Disables onPress handler when true."
96-
prop={{ type: "boolean", required: false, default: false }}
96+
prop={{ type: "boolean", required: false, defaultValue: false }}
9797
/>
9898

9999
### `isChecked`
100100
<PropsTable
101101
description="Makes the toggle checked when true."
102-
prop={{ type: "boolean", required: false, default: false }}
102+
prop={{ type: "boolean", required: false, defaultValue: false }}
103103
/>
104104

105105
### `onPress`

‎apps/docs/pages/docs/Components/Touchables/button.en-US.mdx‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -128,35 +128,35 @@ https://reactnative.dev/docs/button#props
128128
### `style`
129129
<PropsTable
130130
description="The style prop from React Native. Unlike the regular Pressable component, it does not accept a function."
131-
prop={{ type: "StyleProp<ViewStyle>", required: false, default: "-" }}
131+
prop={{ type: "StyleProp<ViewStyle>", required: false, defaultValue: "-" }}
132132
/>
133133

134134
### `colorScheme`
135135
<PropsTable
136136
description="The colorScheme property, will define background color and overlay color."
137-
prop={{ type: "string", required: false, default: "blue" }}
137+
prop={{ type: "string", required: false, defaultValue: "blue" }}
138138
/>
139139

140140
### `size`
141141
<PropsTable
142142
description="The size property, will define the size of the button."
143-
prop={{ type: "string", required: false, default: "md" }}
143+
prop={{ type: "string", required: false, defaultValue: "md" }}
144144
/>
145145

146146
### `full`
147147
<PropsTable
148148
description="The full property, if true, then the button takes all the width."
149-
prop={{ type: "boolean", required: false, default: "false" }}
149+
prop={{ type: "boolean", required: false, defaultValue: "false" }}
150150
/>
151151

152152
### `isRound`
153153
<PropsTable
154154
description="The isRound property, if true, then the button will have a `borderRadius` fully round."
155-
prop={{ type: "boolean", required: false, default: "false" }}
155+
prop={{ type: "boolean", required: false, defaultValue: "false" }}
156156
/>
157157

158158
### `_pressed`
159159
<PropsTable
160160
description="The properties to apply when `pressed` is true."
161-
prop={{ type: "CustomStyleObject", required: false, default: "-" }}
162-
/>
161+
prop={{ type: "CustomStyleObject", required: false, defaultValue: "-" }}
162+
/>

‎apps/docs/pages/docs/Components/Touchables/icon-button.en-US.mdx‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -125,35 +125,35 @@ https://reactnative.dev/docs/button#props
125125
### `style`
126126
<PropsTable
127127
description="The style prop from React Native. Unlike the regular Pressable component, it does not accept a function."
128-
prop={{ type: "StyleProp<ViewStyle>", required: false, default: "-" }}
128+
prop={{ type: "StyleProp<ViewStyle>", required: false, defaultValue: "-" }}
129129
/>
130130

131131
### `colorScheme`
132132
<PropsTable
133133
description="The colorScheme property, will define background color and overlay color."
134-
prop={{ type: "string", required: false, default: "blue" }}
134+
prop={{ type: "string", required: false, defaultValue: "blue" }}
135135
/>
136136

137137
### `size`
138138
<PropsTable
139139
description="The size property, will define the size of the button."
140-
prop={{ type: "string", required: false, default: "md" }}
140+
prop={{ type: "string", required: false, defaultValue: "md" }}
141141
/>
142142

143143
### `full`
144144
<PropsTable
145145
description="The full property, if true, then the button takes all the width."
146-
prop={{ type: "boolean", required: false, default: "false" }}
146+
prop={{ type: "boolean", required: false, defaultValue: "false" }}
147147
/>
148148

149149
### `isRound`
150150
<PropsTable
151151
description="The isRound property, if true, then the button will have a `borderRadius` fully round."
152-
prop={{ type: "boolean", required: false, default: "false" }}
152+
prop={{ type: "boolean", required: false, defaultValue: "false" }}
153153
/>
154154

155155
### `_pressed`
156156
<PropsTable
157157
description="The properties to apply when `pressed` is true."
158-
prop={{ type: "CustomStyleObject", required: false, default: "-" }}
159-
/>
158+
prop={{ type: "CustomStyleObject", required: false, defaultValue: "-" }}
159+
/>

‎apps/docs/pages/docs/Components/Touchables/pressable.en-US.mdx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -38,11 +38,11 @@ https://reactnative.dev/docs/pressable#props
3838
### `style`
3939
<PropsTable
4040
description="The style prop from React Native. Unlike the regular Pressable component, it does not accept a function."
41-
prop={{ type: "StyleProp<ViewStyle>", required: false, default: "-" }}
41+
prop={{ type: "StyleProp<ViewStyle>", required: false, defaultValue: "-" }}
4242
/>
4343

4444
### `_pressed`
4545
<PropsTable
4646
description="The properties to apply when `pressed` is true."
47-
prop={{ type: "CustomStyleObject", required: false, default: "-" }}
47+
prop={{ type: "CustomStyleObject", required: false, defaultValue: "-" }}
4848
/>

‎apps/docs/pages/docs/Components/divider.en-US.mdx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -64,5 +64,5 @@ Extends all `Box` props, except colorScheme properties.
6464
### `orientation`
6565
<PropsTable
6666
description="The orientation of the divider, can be horizontal or vertical."
67-
prop={{ type: "enum('vertical', 'horizontal')", required: false, default: "'horizontal'" }}
68-
/>
67+
prop={{ type: "enum('vertical', 'horizontal')", required: false, defaultValue: "'horizontal'" }}
68+
/>

‎apps/docs/pages/docs/Components/draggable-modal.en-US.mdx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@ Extends every `Box` props and `BottomSheetModalProps` from `@gorhom/bottom-sheet
6363
### `isOpen`
6464
<PropsTable
6565
description="Boolean to indicate if the modal is opened or not."
66-
prop={{ type: "boolean", required: false, default: "false" }}
66+
prop={{ type: "boolean", required: false, defaultValue: "false" }}
6767
/>
6868

6969
### `onClose`

‎apps/docs/pages/docs/Components/modal.en-US.mdx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,5 +63,5 @@ Extends every `Box` and `Modal` from React Native props.
6363
### `isOpen`
6464
<PropsTable
6565
description="Boolean to indicate if the modal is opened or not."
66-
prop={{ type: "boolean", required: true, default: "false" }}
66+
prop={{ type: "boolean", required: true, defaultValue: "false" }}
6767
/>

‎apps/docs/pages/docs/Components/text.en-US.mdx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ Extends every `BoxProps`.
6565
### `color`
6666
<PropsTable
6767
description="The color property (`color` style prop in StyleSheet)."
68-
prop={{ type: "string", required: false, default: "gray.900" }}
68+
prop={{ type: "string", required: false, defaultValue: "gray.900" }}
6969
/>
7070

7171
### `fontSize`

0 commit comments

Comments
 (0)