playbook_ui_docs 16.3.0.pre.rc.1 → 16.3.0.pre.rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_caption/docs/_caption_colors.html.erb +6 -4
- data/app/pb_kits/playbook/pb_caption/docs/_caption_colors.jsx +14 -4
- data/app/pb_kits/playbook/pb_detail/docs/_detail_colors.html.erb +6 -24
- data/app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx +35 -33
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.jsx +11 -13
- data/app/pb_kits/playbook/pb_title/docs/_title_colors.html.erb +2 -0
- data/app/pb_kits/playbook/pb_title/docs/_title_colors.jsx +14 -0
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 380d731dca11474feabb47d2e1390f0a3f8862a8aee1f0f5e98700aea6394b34
|
|
4
|
+
data.tar.gz: ed508bbaddc47c931fb4e9529869a149dc5eff1521f9b4cebbaa90d5d4ad5ba9
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 91bbaac45cfc26e856fd32110b2a7180a32470f564bb275671950fc5232f34923bc1b1129bee70ef13df0c11ae0810d52d1be1ba7bd52f86a8129e8c3a4320dc
|
|
7
|
+
data.tar.gz: 43eb4dbf4bf95fa1baa933d4cdbbf19624797fe237d7d26e3b5849579cb3fff6e1d38e615106ee78cf8096308ac06f0b9edf021fb86c1db0c1c5667ebf402f38
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
<%= pb_rails("caption", props: { text: "
|
|
2
|
-
<%= pb_rails("caption", props: { text: "
|
|
3
|
-
<%= pb_rails("caption", props: { text: "
|
|
4
|
-
<%= pb_rails("caption", props: { text: "
|
|
1
|
+
<%= pb_rails("caption", props: { text: "Caption light" }) %>
|
|
2
|
+
<%= pb_rails("caption", props: { text: "Caption default", color: "default" }) %>
|
|
3
|
+
<%= pb_rails("caption", props: { text: "Caption lighter", color: "lighter" }) %>
|
|
4
|
+
<%= pb_rails("caption", props: { text: "Caption success", color: "success" }) %>
|
|
5
|
+
<%= pb_rails("caption", props: { text: "Caption error", color: "error" }) %>
|
|
6
|
+
<%= pb_rails("caption", props: { text: "Caption link", color: "link" }) %>
|
|
@@ -4,23 +4,33 @@ import Caption from "../../pb_caption/_caption"
|
|
|
4
4
|
const CaptionColors = (props) => {
|
|
5
5
|
return (
|
|
6
6
|
<div>
|
|
7
|
+
<Caption
|
|
8
|
+
text="Caption light"
|
|
9
|
+
{...props}
|
|
10
|
+
/>
|
|
11
|
+
<Caption
|
|
12
|
+
color="default"
|
|
13
|
+
text="Caption default"
|
|
14
|
+
{...props}
|
|
15
|
+
/>
|
|
7
16
|
<Caption
|
|
8
|
-
|
|
17
|
+
color="lighter"
|
|
18
|
+
text="Caption lighter"
|
|
9
19
|
{...props}
|
|
10
20
|
/>
|
|
11
21
|
<Caption
|
|
12
22
|
color="success"
|
|
13
|
-
text="
|
|
23
|
+
text="Caption success"
|
|
14
24
|
{...props}
|
|
15
25
|
/>
|
|
16
26
|
<Caption
|
|
17
27
|
color="error"
|
|
18
|
-
text="
|
|
28
|
+
text="Caption error"
|
|
19
29
|
{...props}
|
|
20
30
|
/>
|
|
21
31
|
<Caption
|
|
22
32
|
color="link"
|
|
23
|
-
text="
|
|
33
|
+
text="Caption link"
|
|
24
34
|
{...props}
|
|
25
35
|
/>
|
|
26
36
|
</div>
|
|
@@ -1,24 +1,6 @@
|
|
|
1
|
-
<%= pb_rails("detail", props: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
}) %>
|
|
5
|
-
|
|
6
|
-
<%= pb_rails("detail", props: {
|
|
7
|
-
text: "I am a detail kit",
|
|
8
|
-
color: "lighter"
|
|
9
|
-
}) %>
|
|
10
|
-
|
|
11
|
-
<%= pb_rails("detail", props: {
|
|
12
|
-
text: "I am a detail kit",
|
|
13
|
-
color: "link"
|
|
14
|
-
}) %>
|
|
15
|
-
|
|
16
|
-
<%= pb_rails("detail", props: {
|
|
17
|
-
text: "I am a detail kit",
|
|
18
|
-
color: "error"
|
|
19
|
-
}) %>
|
|
20
|
-
|
|
21
|
-
<%= pb_rails("detail", props: {
|
|
22
|
-
text: "I am a detail kit",
|
|
23
|
-
color: "success"
|
|
24
|
-
}) %>
|
|
1
|
+
<%= pb_rails("detail", props: { text: "I am a detail kit" }) %>
|
|
2
|
+
<%= pb_rails("detail", props: { text: "I am a detail kit", color: "default" }) %>
|
|
3
|
+
<%= pb_rails("detail", props: { text: "I am a detail kit", color: "lighter" }) %>
|
|
4
|
+
<%= pb_rails("detail", props: { text: "I am a detail kit", color: "link" }) %>
|
|
5
|
+
<%= pb_rails("detail", props: { text: "I am a detail kit", color: "error" }) %>
|
|
6
|
+
<%= pb_rails("detail", props: { text: "I am a detail kit", color: "success" }) %>
|
|
@@ -1,38 +1,40 @@
|
|
|
1
1
|
import React from 'react'
|
|
2
2
|
import Detail from '../../pb_detail/_detail'
|
|
3
3
|
|
|
4
|
-
const DetailColors = (props) =>
|
|
5
|
-
|
|
6
|
-
<
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
4
|
+
const DetailColors = (props) => {
|
|
5
|
+
return (
|
|
6
|
+
<div>
|
|
7
|
+
<Detail
|
|
8
|
+
text="I am a detail kit"
|
|
9
|
+
{...props}
|
|
10
|
+
/>
|
|
11
|
+
<Detail
|
|
12
|
+
color="default"
|
|
13
|
+
text="I am a detail kit"
|
|
14
|
+
{...props}
|
|
15
|
+
/>
|
|
16
|
+
<Detail
|
|
17
|
+
color="lighter"
|
|
18
|
+
text="I am a detail kit"
|
|
19
|
+
{...props}
|
|
20
|
+
/>
|
|
21
|
+
<Detail
|
|
22
|
+
color="link"
|
|
23
|
+
text="I am a detail kit"
|
|
24
|
+
{...props}
|
|
25
|
+
/>
|
|
26
|
+
<Detail
|
|
27
|
+
color="error"
|
|
28
|
+
text="I am a detail kit"
|
|
29
|
+
{...props}
|
|
30
|
+
/>
|
|
31
|
+
<Detail
|
|
32
|
+
color="success"
|
|
33
|
+
text="I am a detail kit"
|
|
34
|
+
{...props}
|
|
35
|
+
/>
|
|
36
|
+
</div>
|
|
37
|
+
)
|
|
38
|
+
}
|
|
37
39
|
|
|
38
40
|
export default DetailColors
|
|
@@ -2,19 +2,17 @@ import React from 'react'
|
|
|
2
2
|
|
|
3
3
|
import TextInput from '../_text_input'
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
<
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
)
|
|
17
|
-
}
|
|
5
|
+
const TextInputDisabled = (props) => {
|
|
6
|
+
return (
|
|
7
|
+
<div>
|
|
8
|
+
<TextInput
|
|
9
|
+
disabled
|
|
10
|
+
label="Last Name"
|
|
11
|
+
placeholder="Enter last name"
|
|
12
|
+
{...props}
|
|
13
|
+
/>
|
|
14
|
+
</div>
|
|
15
|
+
)
|
|
18
16
|
}
|
|
19
17
|
|
|
20
18
|
export default TextInputDisabled
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
<%= pb_rails("title", props: { text: "Default Color", tag: "h1", size: 3 }) %>
|
|
2
|
+
<%= pb_rails("title", props: { text: "Title Color", tag: "h1", size: 3, color: "light" }) %>
|
|
3
|
+
<%= pb_rails("title", props: { text: "Title Color", tag: "h1", size: 3, color: "lighter" }) %>
|
|
2
4
|
<%= pb_rails("title", props: { text: "Title Color", tag: "h1", size: 3, color: "link" }) %>
|
|
3
5
|
<%= pb_rails("title", props: { text: "Title Color", tag: "h1", size: 3, color: "success" }) %>
|
|
4
6
|
<%= pb_rails("title", props: { text: "Title Color", tag: "h1", size: 3, color: "error" }) %>
|
|
@@ -9,6 +9,20 @@ const TitleColors = (props) => {
|
|
|
9
9
|
text="Default Color"
|
|
10
10
|
{...props}
|
|
11
11
|
/>
|
|
12
|
+
<Title
|
|
13
|
+
color="light"
|
|
14
|
+
size={3}
|
|
15
|
+
tag="h1"
|
|
16
|
+
text="Title Color"
|
|
17
|
+
{...props}
|
|
18
|
+
/>
|
|
19
|
+
<Title
|
|
20
|
+
color="lighter"
|
|
21
|
+
size={3}
|
|
22
|
+
tag="h1"
|
|
23
|
+
text="Title Color"
|
|
24
|
+
{...props}
|
|
25
|
+
/>
|
|
12
26
|
<Title
|
|
13
27
|
color="link"
|
|
14
28
|
size={3}
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: playbook_ui_docs
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 16.3.0.pre.rc.
|
|
4
|
+
version: 16.3.0.pre.rc.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Power UX
|
|
@@ -9,7 +9,7 @@ authors:
|
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date: 2026-02-
|
|
12
|
+
date: 2026-02-18 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: playbook_ui
|