Skip to content

Commit

Permalink
Merge pull request #1985 from gluestack/fix/build-and-storybook
Browse files Browse the repository at this point in the history 
fix/build-and-storybook
  • Loading branch information
@Viraj-10
Viraj-10 authored Mar 21, 2024
2 parents b300443 + eb5a88c commit af7e29c
Show file tree
Hide file tree
Showing 11 changed files with 500 additions and 28 deletions.
468 changes: 466 additions & 2 deletions example/storybook-nativewind/src/components/Accordion/index.themed.stories.mdx
View file

Large diffs are not rendered by default.

8 changes: 4 additions & 4 deletions example/storybook-nativewind/src/components/Fab/index.nw.stories.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -156,7 +156,7 @@ export default () => (
Contains all fab related layout style props and actions.
It inherits all the properties of React Native's [Pressable](https://reactnative.dev/docs/pressable) component.

<Wrapper>
<>
<TableContainer>
<Table>
<Table.THead>
Expand Down Expand Up @@ -262,7 +262,7 @@ It inherits all the properties of React Native's [Pressable](https://reactnative
</Table.TBody>
</Table>
</TableContainer>
</Wrapper>
</>

#### FabLabel

Expand Down Expand Up @@ -311,7 +311,7 @@ Fab component is created using Pressable component from react-native. It extends

#### Fab

<Wrapper>
<>
<TableContainer>
<Table>
<Table.THead>
Expand Down Expand Up @@ -360,7 +360,7 @@ Fab component is created using Pressable component from react-native. It extends
</Table.TBody>
</Table>
</TableContainer>
</Wrapper>
</>

> Note: These props are exclusively applicable when utilizing the default configuration of gluestack-ui/config. If you are using a custom theme, these props may not be available.
Expand Down
4 changes: 2 additions & 2 deletions example/storybook-nativewind/src/components/FormControl/index.nw.stories.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -290,7 +290,7 @@ This section provides a comprehensive reference list for the component props, de

It inherits all the properties of React Native's [View](https://reactnative.dev/docs/view) component.

<Wrapper>
<>
<TableContainer>
<Table>
<Table.THead>
Expand Down Expand Up @@ -393,7 +393,7 @@ It inherits all the properties of React Native's [View](https://reactnative.dev/
</Table.TBody>
</Table>
</TableContainer>
</Wrapper>
</>

#### FormControlLabel

Expand Down
4 changes: 2 additions & 2 deletions example/storybook-nativewind/src/components/FormControl/index.nw.storiesold.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -232,7 +232,7 @@ This section provides a comprehensive reference list for the component props, de
It inherits all the properties of React Native's [View](https://reactnative.dev/docs/view) component.
<Wrapper>
<>
<TableContainer>
<Table>
<Table.THead>
Expand Down Expand Up @@ -335,7 +335,7 @@ It inherits all the properties of React Native's [View](https://reactnative.dev/
</Table.TBody>
</Table>
</TableContainer>
</Wrapper>
</>
#### FormControlLabel
Expand Down
8 changes: 4 additions & 4 deletions example/storybook-nativewind/src/components/Link/index.nw.stories.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -101,7 +101,7 @@ This section provides a comprehensive reference list for the component props, de
Contains all link related layout style props and actions.
It inherits all the properties of React Native's [Pressable](https://reactnative.dev/docs/pressable) component.

<Wrapper>
<>
<TableContainer>
<Table>
<Table.THead>
Expand Down Expand Up @@ -206,7 +206,7 @@ It inherits all the properties of React Native's [Pressable](https://reactnative
</Table.TBody>
</Table>
</TableContainer>
</Wrapper>
</>

#### LinkText

Expand All @@ -231,7 +231,7 @@ Link component is created using Pressable component from react-native. It extend

#### Link

<Wrapper>
<>
<TableContainer>
<Table>
<Table.THead>
Expand Down Expand Up @@ -266,7 +266,7 @@ Link component is created using Pressable component from react-native. It extend
</Table.TBody>
</Table>
</TableContainer>
</Wrapper>
</>

> Note: These props are exclusively applicable when utilizing the default configuration of gluestack-ui/config. If you are using a custom theme, these props may not be available.
Expand Down
2 changes: 1 addition & 1 deletion example/storybook-nativewind/src/components/Menu/index.themed.stories.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,6 +38,7 @@ import {
import { PaintBucket, PuzzleIcon } from 'lucide-react-native';
import { transformedCode } from '../../utils';
import {
AppProvider,
CodePreview,
Table,
TableContainer,
Expand Down Expand Up @@ -111,7 +112,6 @@ This is an illustration of a **Menu** component.
MenuIcon,
MenuItem,
MenuItemLabel,
Text,
Box,
Icon,
GlobeIcon,
Expand Down
8 changes: 4 additions & 4 deletions example/storybook-nativewind/src/components/Popover/index.nw.stories.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -234,7 +234,7 @@ This section provides a comprehensive reference list for the component props, de

It inherits all the properties of React Native's [View](https://reactnative.dev/docs/view) component.

<Wrapper>
<>
<TableContainer>
<Table>
<Table.THead>
Expand Down Expand Up @@ -590,7 +590,7 @@ It inherits all the properties of React Native's [View](https://reactnative.dev/
</Table.TBody>
</Table>
</TableContainer>
</Wrapper>
</>

#### PopoverBackdrop

Expand Down Expand Up @@ -635,7 +635,7 @@ Popover component is created using ScrollView component from react-native. It ex

#### Popover

<Wrapper>
<>
<TableContainer>
<Table>
<Table.THead>
Expand Down Expand Up @@ -668,7 +668,7 @@ Popover component is created using ScrollView component from react-native. It ex
</Table.TBody>
</Table>
</TableContainer>
</Wrapper>
</>

### Examples

Expand Down
8 changes: 4 additions & 4 deletions example/storybook-nativewind/src/components/Slider/index.nw.stories.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -146,7 +146,7 @@ This section provides a comprehensive reference list for the component props, de

It inherits all the properties of React Native's [View](https://reactnative.dev/docs/view) component.

<Wrapper>
<>
<TableContainer>
<Table>
<Table.THead>
Expand Down Expand Up @@ -317,12 +317,12 @@ It inherits all the properties of React Native's [View](https://reactnative.dev/
</Table.TBody>
</Table>
</TableContainer>
</Wrapper>
</>

**Descendants Styling Props**
Props to style child components.

<Wrapper>
<>
<TableContainer>
<Table>
<Table.THead>
Expand Down Expand Up @@ -369,7 +369,7 @@ Props to style child components.
</Table.TBody>
</Table>
</TableContainer>
</Wrapper>
</>

#### SliderTrack

Expand Down
8 changes: 4 additions & 4 deletions example/storybook-nativewind/src/components/Switch/index.nw.stories.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -106,7 +106,7 @@ This section provides a comprehensive reference list for the component props, de
Contains all switch related layout style props and actions.
It inherits all the properties of React Native's [Switch](https://reactnative.dev/docs/switch) component.

<Wrapper>
<>
<TableContainer>
<Table>
<Table.THead>
Expand Down Expand Up @@ -241,7 +241,7 @@ It inherits all the properties of React Native's [Switch](https://reactnative.de
</Table.TBody>
</Table>
</TableContainer>
</Wrapper>
</>

### Accessibility

Expand All @@ -262,7 +262,7 @@ Switch component is created using Switch component from react-native. It extends

#### Switch

<Wrapper>
<>
<TableContainer>
<Table>
<Table.THead>
Expand Down Expand Up @@ -295,7 +295,7 @@ Switch component is created using Switch component from react-native. It extends
</Table.TBody>
</Table>
</TableContainer>
</Wrapper>
</>

> Note: These props are exclusively applicable when utilizing the default configuration of gluestack-ui/config. If you are using a custom theme, these props may not be available.
Expand Down
1 change: 0 additions & 1 deletion packages/themed/src/components/FormControl/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,5 @@ export const FormControlErrorText = FormControl.Error.Text;
export const FormControlErrorIcon = FormControl.Error.Icon;
export const FormControlLabel = FormControl.Label;
export const FormControlLabelText = FormControl.Label.Text;
export const FormControlLabelAstrick = FormControl.Label.Astrick;
export const FormControlHelper = FormControl.Helper;
export const FormControlHelperText = FormControl.Helper.Text;
9 changes: 9 additions & 0 deletions yarn.lock
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3297,6 +3297,15 @@
"@react-native-aria/focus" "^0.2.9"
"@react-native-aria/interactions" "^0.2.11"

"@gluestack-ui/[email protected]":
version "0.1.14"
resolved "https://registry.yarnpkg.com/@gluestack-ui/tabs/-/tabs-0.1.14.tgz#5bcb5cc659927cde08f8e32497830257ed5cba4f"
integrity sha512-QIAf+ACVFIBm5khxMPNwo4hGtr+uOdc18ygeyHmCOQaCBAhQN9zyscDg5PjBDNasHk7I9WJf5sVr2A4ZzRXybg==
dependencies:
"@gluestack-ui/utils" "^0.1.12"
"@react-native-aria/focus" "^0.2.9"
"@react-native-aria/interactions" "^0.2.11"

"@gluestack-ui/toast@^0.1.7":
version "0.1.20"
resolved "https://registry.yarnpkg.com/@gluestack-ui/toast/-/toast-0.1.20.tgz#863453f75d2e941000204a9524161bfd2500e320"
Expand Down

0 comments on commit af7e29c

Please sign in to comment.