Skip to content

Commit f9f4de9

Browse files
madhav23bansalmadhav23bansal
authored
Merge pull request #145 from GeekyAnts/staging
Staging
2 parents 5dedb50 + 471bb61 commit f9f4de9

File tree

30 files changed

+121
-218
lines changed

30 files changed

+121
-218
lines changed

‎docs/default-theme.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ id: default-theme
33
title: Default Theme
44
---
55

6-
import { ColorsBlock, FontBlocks, SpaceBlocks } from "/src/components/index";
6+
import { ColorsBlock, FontBlocks, SpaceBlocks } from "../src/components/index";
77

88
The theme object is where you define your application's color palette, type scale, font stacks, breakpoints, border radius values, and more.
99

‎docs/pseudoProps.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -48,10 +48,10 @@ Now all the pseudo props follow a specific order that defines which pseudo prop
4848
| \_hover | 60 |
4949
| \_focus | 50 |
5050
| \_focusVisible | 55 |
51-
| \_active | 30 |
52-
| \_checked | 30 |
5351
| \_readOnly | 40 |
5452
| \_invalid | 40 |
53+
| \_active | 30 |
54+
| \_checked | 30 |
5555
| \_web | 10 |
5656
| \_android | 10 |
5757
| \_ios | 10 |

‎docs/select.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ title: Select
55

66
import { ComponentTheme } from '../src/components';
77

8-
import { AndroidBadge } from "/src/components/index";
8+
import { AndroidBadge } from "../src/components/index";
99

1010
Select creates a dropdown list of items with the selected item in closed view.
1111

‎docs/skeleton.md

+52
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
---
2+
id: skeleton
3+
title: Skeleton
4+
---
5+
6+
import { ComponentTheme } from '../src/components';
7+
8+
`Skeleton` is used to display the loading state of a component.
9+
10+
## Examples
11+
12+
### Usage
13+
14+
```ComponentSnackPlayer path=components,composites,Skeleton,Basic.tsx
15+
16+
```
17+
18+
### Color
19+
20+
```ComponentSnackPlayer path=components,composites,Skeleton,Color.tsx
21+
22+
```
23+
24+
### Composition
25+
26+
```ComponentSnackPlayer path=components,composites,Skeleton,Composition.tsx
27+
28+
```
29+
30+
### IsLoaded
31+
32+
```ComponentSnackPlayer path=components,composites,Skeleton,isLoaded.tsx
33+
34+
```
35+
36+
## Props
37+
38+
### Skeleton
39+
40+
```ComponentPropTable path=composites,Skeleton,Skeleton.tsx
41+
42+
```
43+
44+
### SkeletonText
45+
46+
```ComponentPropTable path=composites,Skeleton,SkeletonText.tsx
47+
48+
```
49+
50+
## Styling
51+
52+
<ComponentTheme name="skeleton" />

‎docusaurus.config.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ module.exports = {
3232
content:
3333
'NativeBase 3.0 enables you to build a consistent design system across android, iOS & web. It is powered by React Native ARIA and Styled System. Rich, highly themeable and responsive.',
3434
},
35-
{ name: 'twitter:site', content: '@NativeBaseIO' },
35+
{ name: 'twitter:site', content: '@nativebase' },
3636
{
3737
property: 'og:title',
3838
content:
@@ -155,7 +155,7 @@ module.exports = {
155155
items: [
156156
{
157157
label: 'Twitter',
158-
href: 'https://twitter.com/nativebaseio',
158+
href: 'https://twitter.com/nativebase',
159159
},
160160
{
161161
label: 'Stack Overflow',

‎sidebars.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -115,7 +115,7 @@ module.exports = {
115115
'alert',
116116
// 'circularProgress',
117117
'progress',
118-
// 'skeleton',
118+
'skeleton',
119119
// 'snackBar',
120120
'spinner',
121121
'toast',

‎src/theme/Footer.js

+25-37
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import useThemeContext from '@theme/hooks/useThemeContext';
44
const communities = [
55
{
66
name: 'Twitter',
7-
url: 'https://twitter.com/nativebaseio',
7+
url: 'https://twitter.com/nativebase',
88
},
99
{
1010
name: 'StackOverflow',
@@ -55,16 +55,14 @@ export default function Footer() {
5555
return (
5656
<div className="tailwind">
5757
<div
58-
className={`w-full py-8 mt-10 ${
59-
isDarkTheme ? 'bg-coolGray-800' : 'bg-coolGray-100'
60-
} `}
58+
className={`w-full py-8 mt-10 ${isDarkTheme ? 'bg-coolGray-800' : 'bg-coolGray-100'
59+
} `}
6160
>
6261
<div className="flex flex-col justify-between w-full px-6 mx-auto text-gray-500 max-w-7xl lg:px-4 md:flex-row gap-y-10">
6362
<div className="">
6463
<div
65-
className={`font-semibold ${
66-
isDarkTheme ? 'text-gray-100' : 'text-gray-900'
67-
}`}
64+
className={`font-semibold ${isDarkTheme ? 'text-gray-100' : 'text-gray-900'
65+
}`}
6866
>
6967
Docs
7068
</div>
@@ -73,9 +71,8 @@ export default function Footer() {
7371
return (
7472
<div className="text-gray-500 hover:underline" key={idx}>
7573
<a
76-
className={` ${linkHoverColor} ${
77-
isDarkTheme ? 'text-gray-200' : 'text-gray-500'
78-
}`}
74+
className={` ${linkHoverColor} ${isDarkTheme ? 'text-gray-200' : 'text-gray-500'
75+
}`}
7976
rel="noreferrer"
8077
href={items.url}
8178
>
@@ -88,9 +85,8 @@ export default function Footer() {
8885
</div>
8986
<div>
9087
<div
91-
className={`font-semibold ${
92-
isDarkTheme ? 'text-gray-100' : 'text-gray-900'
93-
}`}
88+
className={`font-semibold ${isDarkTheme ? 'text-gray-100' : 'text-gray-900'
89+
}`}
9490
>
9591
Community
9692
</div>
@@ -99,9 +95,8 @@ export default function Footer() {
9995
return (
10096
<div className="hover:underline " key={idx}>
10197
<a
102-
className={` ${linkHoverColor} ${
103-
isDarkTheme ? 'text-gray-200' : 'text-gray-500'
104-
}`}
98+
className={` ${linkHoverColor} ${isDarkTheme ? 'text-gray-200' : 'text-gray-500'
99+
}`}
105100
rel="noreferrer"
106101
target="_blank"
107102
href={items.url}
@@ -115,9 +110,8 @@ export default function Footer() {
115110
</div>
116111
<div className="">
117112
<div
118-
className={`font-semibold ${
119-
isDarkTheme ? 'text-gray-100' : 'text-gray-900'
120-
}`}
113+
className={`font-semibold ${isDarkTheme ? 'text-gray-100' : 'text-gray-900'
114+
}`}
121115
>
122116
More
123117
</div>
@@ -126,9 +120,8 @@ export default function Footer() {
126120
return (
127121
<div className="hover:underline" key={idx}>
128122
<a
129-
className={` ${linkHoverColor} ${
130-
isDarkTheme ? 'text-gray-200' : 'text-gray-500'
131-
} `}
123+
className={` ${linkHoverColor} ${isDarkTheme ? 'text-gray-200' : 'text-gray-500'
124+
} `}
132125
rel="noreferrer"
133126
target="_blank"
134127
href={items.url}
@@ -143,9 +136,8 @@ export default function Footer() {
143136
<div className="flex flex-col space-y-5 text-gray-500 list-none">
144137
<div className="hover:underline">
145138
<a
146-
className={` ${linkHoverColor} ${
147-
isDarkTheme ? 'text-gray-200' : 'text-gray-500'
148-
}`}
139+
className={` ${linkHoverColor} ${isDarkTheme ? 'text-gray-200' : 'text-gray-500'
140+
}`}
149141
href="https://geekyants.com/?utm_source=RnD&utm_medium=Landing_Page&utm_campaign=NativeBase_3"
150142
target="_blank"
151143
rel="noreferrer"
@@ -161,9 +153,8 @@ export default function Footer() {
161153
href="https://www.linkedin.com/company/nativebase/about/?viewAsMember=true"
162154
>
163155
<svg
164-
className={`w-6 h-6 ${
165-
isDarkTheme ? 'text-gray-200' : 'text-gray-500 '
166-
} fill-current`}
156+
className={`w-6 h-6 ${isDarkTheme ? 'text-gray-200' : 'text-gray-500 '
157+
} fill-current`}
167158
aria-hidden="true"
168159
focusable="false"
169160
data-prefix="fab"
@@ -185,9 +176,8 @@ export default function Footer() {
185176
href="https://www.instagram.com/nativebaseio/?hl=en"
186177
>
187178
<svg
188-
className={`w-6 h-6 ${
189-
isDarkTheme ? 'text-gray-200' : 'text-gray-500 '
190-
} fill-current`}
179+
className={`w-6 h-6 ${isDarkTheme ? 'text-gray-200' : 'text-gray-500 '
180+
} fill-current`}
191181
xmlns="http://www.w3.org/2000/svg"
192182
data-name="Layer 1"
193183
viewBox="0 0 24 24"
@@ -201,9 +191,8 @@ export default function Footer() {
201191
href="https://www.youtube.com/channel/UCoL_iTwpY07vDs91974z3xA/about"
202192
>
203193
<svg
204-
className={`w-6 h-6 ${
205-
isDarkTheme ? 'text-gray-200' : 'text-gray-500 '
206-
} fill-current`}
194+
className={`w-6 h-6 ${isDarkTheme ? 'text-gray-200' : 'text-gray-500 '
195+
} fill-current`}
207196
version="1.0"
208197
xmlns="http://www.w3.org/2000/svg"
209198
width="512.000000pt"
@@ -233,9 +222,8 @@ export default function Footer() {
233222
</a>
234223
</div>
235224
<div
236-
className={`text-sm ${
237-
isDarkTheme ? 'text-gray-200' : 'text-gray-500 '
238-
}`}
225+
className={`text-sm ${isDarkTheme ? 'text-gray-200' : 'text-gray-500 '
226+
}`}
239227
>
240228
Copyright © 2021 NativeBase
241229
</div>

‎unreleased-docs/skeleton.md

-137
This file was deleted.

0 commit comments

Comments
 (0)