playbook_ui_docs 12.25.0.pre.alpha.PLAY733DetailKit761 → 12.25.0.pre.alpha.PLAY818multilevelrebuild770
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_avatar/docs/_avatar_swift.md +82 -1
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md +1 -1
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb +1 -0
- data/dist/app/components/playbook/pb_docs/kit_api.html.erb +1 -1
- data/dist/app/components/playbook/pb_docs/kit_example.html.erb +14 -8
- data/dist/app/components/playbook/pb_docs/kit_example.rb +9 -2
- data/dist/menu.yml +0 -1
- data/dist/pb_doc_helper.rb +4 -1
- data/dist/playbook-doc.js +61 -61
- metadata +2 -12
- data/app/pb_kits/playbook/pb_detail/docs/_description.md +0 -1
- data/app/pb_kits/playbook/pb_detail/docs/_detail_bolded.html.erb +0 -33
- data/app/pb_kits/playbook/pb_detail/docs/_detail_bolded.jsx +0 -47
- data/app/pb_kits/playbook/pb_detail/docs/_detail_default.html.erb +0 -28
- data/app/pb_kits/playbook/pb_detail/docs/_detail_default.jsx +0 -43
- data/app/pb_kits/playbook/pb_detail/docs/_detail_default.md +0 -6
- data/app/pb_kits/playbook/pb_detail/docs/_detail_styled.html.erb +0 -22
- data/app/pb_kits/playbook/pb_detail/docs/_detail_styled.jsx +0 -32
- data/app/pb_kits/playbook/pb_detail/docs/example.yml +0 -11
- data/app/pb_kits/playbook/pb_detail/docs/index.js +0 -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: 12.25.0.pre.alpha.
|
|
4
|
+
version: 12.25.0.pre.alpha.PLAY818multilevelrebuild770
|
|
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: 2023-06-
|
|
12
|
+
date: 2023-06-14 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: playbook_ui
|
|
@@ -419,16 +419,6 @@ files:
|
|
|
419
419
|
- app/pb_kits/playbook/pb_date_year_stacked/docs/_footer.md
|
|
420
420
|
- app/pb_kits/playbook/pb_date_year_stacked/docs/example.yml
|
|
421
421
|
- app/pb_kits/playbook/pb_date_year_stacked/docs/index.js
|
|
422
|
-
- app/pb_kits/playbook/pb_detail/docs/_description.md
|
|
423
|
-
- app/pb_kits/playbook/pb_detail/docs/_detail_bolded.html.erb
|
|
424
|
-
- app/pb_kits/playbook/pb_detail/docs/_detail_bolded.jsx
|
|
425
|
-
- app/pb_kits/playbook/pb_detail/docs/_detail_default.html.erb
|
|
426
|
-
- app/pb_kits/playbook/pb_detail/docs/_detail_default.jsx
|
|
427
|
-
- app/pb_kits/playbook/pb_detail/docs/_detail_default.md
|
|
428
|
-
- app/pb_kits/playbook/pb_detail/docs/_detail_styled.html.erb
|
|
429
|
-
- app/pb_kits/playbook/pb_detail/docs/_detail_styled.jsx
|
|
430
|
-
- app/pb_kits/playbook/pb_detail/docs/example.yml
|
|
431
|
-
- app/pb_kits/playbook/pb_detail/docs/index.js
|
|
432
422
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.html.erb
|
|
433
423
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.jsx
|
|
434
424
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.md
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Used for tables or designs with large amounts of data or text. This kit's font size is smaller than the `Body` kit and larger than the Caption's kit `subcaption` variant.
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
<%= pb_rails("detail") do %>
|
|
2
|
-
<b>I am a bolded detail kit (Default)</b>
|
|
3
|
-
<% end %>
|
|
4
|
-
|
|
5
|
-
<%= pb_rails("detail", props: {
|
|
6
|
-
color: "default"
|
|
7
|
-
}) do %>
|
|
8
|
-
<b>I am a bolded detail kit (Default as a color)</b>
|
|
9
|
-
<% end %>
|
|
10
|
-
|
|
11
|
-
<%= pb_rails("detail", props: {
|
|
12
|
-
color: "lighter"
|
|
13
|
-
}) do %>
|
|
14
|
-
<b>I am a bolded detail kit (lighter)</b>
|
|
15
|
-
<% end %>
|
|
16
|
-
|
|
17
|
-
<%= pb_rails("detail", props: {
|
|
18
|
-
color: "link"
|
|
19
|
-
}) do %>
|
|
20
|
-
<b>I am a bolded detail kit (link)</b>
|
|
21
|
-
<% end %>
|
|
22
|
-
|
|
23
|
-
<%= pb_rails("detail", props: {
|
|
24
|
-
color: "error"
|
|
25
|
-
}) do %>
|
|
26
|
-
<b>I am a bolded detail kit (Error)</b>
|
|
27
|
-
<% end %>
|
|
28
|
-
|
|
29
|
-
<%= pb_rails("detail", props: {
|
|
30
|
-
color: "success"
|
|
31
|
-
}) do %>
|
|
32
|
-
<b>I am a bolded detail kit (Success)</b>
|
|
33
|
-
<% end %>
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
import { Detail } from '../..'
|
|
3
|
-
|
|
4
|
-
const DetailBolded = (props) => (
|
|
5
|
-
<div>
|
|
6
|
-
<Detail {...props}>
|
|
7
|
-
<b>{"I am a bolded detail kit (Default)"}</b>
|
|
8
|
-
</Detail>
|
|
9
|
-
|
|
10
|
-
<Detail
|
|
11
|
-
color="default"
|
|
12
|
-
{...props}
|
|
13
|
-
>
|
|
14
|
-
<b>{"I am a bolded detail kit (Default as a color)"}</b>
|
|
15
|
-
</Detail>
|
|
16
|
-
|
|
17
|
-
<Detail
|
|
18
|
-
color="lighter"
|
|
19
|
-
{...props}
|
|
20
|
-
>
|
|
21
|
-
<b>{"I am a bolded detail kit (Lighter)"}</b>
|
|
22
|
-
</Detail>
|
|
23
|
-
|
|
24
|
-
<Detail
|
|
25
|
-
color="link"
|
|
26
|
-
{...props}
|
|
27
|
-
>
|
|
28
|
-
<b>{"I am a bolded detail kit (Link)"}</b>
|
|
29
|
-
</Detail>
|
|
30
|
-
|
|
31
|
-
<Detail
|
|
32
|
-
color="error"
|
|
33
|
-
{...props}
|
|
34
|
-
>
|
|
35
|
-
<b>{"I am a bolded detail kit (Error)"}</b>
|
|
36
|
-
</Detail>
|
|
37
|
-
|
|
38
|
-
<Detail
|
|
39
|
-
color="success"
|
|
40
|
-
{...props}
|
|
41
|
-
>
|
|
42
|
-
<b>{"I am a bolded detail kit (Success)"}</b>
|
|
43
|
-
</Detail>
|
|
44
|
-
</div>
|
|
45
|
-
)
|
|
46
|
-
|
|
47
|
-
export default DetailBolded
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
<%= pb_rails("detail", props: {
|
|
2
|
-
text: "I am a detail kit (Default)"
|
|
3
|
-
}) %>
|
|
4
|
-
|
|
5
|
-
<%= pb_rails("detail", props: {
|
|
6
|
-
text: "I am a detail kit (Default as a color)",
|
|
7
|
-
color: "default"
|
|
8
|
-
}) %>
|
|
9
|
-
|
|
10
|
-
<%= pb_rails("detail", props: {
|
|
11
|
-
text: "I am a detail kit (Lighter)",
|
|
12
|
-
color: "lighter"
|
|
13
|
-
}) %>
|
|
14
|
-
|
|
15
|
-
<%= pb_rails("detail", props: {
|
|
16
|
-
text: "I am a detail kit (Link)",
|
|
17
|
-
color: "link"
|
|
18
|
-
}) %>
|
|
19
|
-
|
|
20
|
-
<%= pb_rails("detail", props: {
|
|
21
|
-
text: "I am a detail kit (Error)",
|
|
22
|
-
color: "error"
|
|
23
|
-
}) %>
|
|
24
|
-
|
|
25
|
-
<%= pb_rails("detail", props: {
|
|
26
|
-
text: "I am a detail kit (Success)",
|
|
27
|
-
color: "success"
|
|
28
|
-
}) %>
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
import { Detail } from '../../'
|
|
3
|
-
|
|
4
|
-
const DetailDefault = (props) => (
|
|
5
|
-
<div>
|
|
6
|
-
<Detail
|
|
7
|
-
text="I am a detail kit (Default)"
|
|
8
|
-
{...props}
|
|
9
|
-
/>
|
|
10
|
-
|
|
11
|
-
<Detail
|
|
12
|
-
color="default"
|
|
13
|
-
text="I am a detail kit (Default as a color)"
|
|
14
|
-
{...props}
|
|
15
|
-
/>
|
|
16
|
-
|
|
17
|
-
<Detail
|
|
18
|
-
color="lighter"
|
|
19
|
-
text="I am a detail kit (Lighter)"
|
|
20
|
-
{...props}
|
|
21
|
-
/>
|
|
22
|
-
|
|
23
|
-
<Detail
|
|
24
|
-
color="link"
|
|
25
|
-
text="I am a detail kit (Link)"
|
|
26
|
-
{...props}
|
|
27
|
-
/>
|
|
28
|
-
|
|
29
|
-
<Detail
|
|
30
|
-
color="error"
|
|
31
|
-
text="I am a detail kit (Error)"
|
|
32
|
-
{...props}
|
|
33
|
-
/>
|
|
34
|
-
|
|
35
|
-
<Detail
|
|
36
|
-
color="success"
|
|
37
|
-
text="I am a detail kit (Success)"
|
|
38
|
-
{...props}
|
|
39
|
-
/>
|
|
40
|
-
</div>
|
|
41
|
-
)
|
|
42
|
-
|
|
43
|
-
export default DetailDefault
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
##### Prop
|
|
2
|
-
This kit uses the `light` color by default, and can be replaced with colors below:
|
|
3
|
-
|
|
4
|
-
- `default` `lighter` `link` `error` `success`
|
|
5
|
-
|
|
6
|
-
- These colors are not for standard usage. You can use the `color` prop to make fixes if colors are not appearing properly, but consult your UX team members if you are deciding to implement it.
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
<%= pb_rails("detail") do %>
|
|
2
|
-
<b>This text is using the <%="<b>"%> tag.</b>
|
|
3
|
-
<br />
|
|
4
|
-
<br />
|
|
5
|
-
<strong>This text is using the <%="<strong>"%> tag.</strong>
|
|
6
|
-
<br />
|
|
7
|
-
<br />
|
|
8
|
-
<a>This text is using the <%="<a>"%> tag.</a>
|
|
9
|
-
<br />
|
|
10
|
-
<br />
|
|
11
|
-
<i>This text is using the <%="<i>"%> tag.</i>
|
|
12
|
-
<br />
|
|
13
|
-
<br />
|
|
14
|
-
This <em>word</em> is using an <%="<em>"%> tag.
|
|
15
|
-
<br />
|
|
16
|
-
<br />
|
|
17
|
-
<small>This text is using the <%="<small>"%> tag.</small>
|
|
18
|
-
<br />
|
|
19
|
-
<br />
|
|
20
|
-
<u>This text is using the <%="<u>"%> tag.</u>
|
|
21
|
-
<br />
|
|
22
|
-
<% end %>
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
import { Detail } from '../..'
|
|
3
|
-
|
|
4
|
-
const DetailStyled = (props) => (
|
|
5
|
-
<>
|
|
6
|
-
<Detail {...props}>
|
|
7
|
-
<b>{"This text is using the <b> tag."}</b>
|
|
8
|
-
<br />
|
|
9
|
-
<br />
|
|
10
|
-
<strong>{"This text is using the <strong> tag."}</strong>
|
|
11
|
-
<br />
|
|
12
|
-
<br />
|
|
13
|
-
<a>{"This text is using the <a> tag."}</a>
|
|
14
|
-
<br />
|
|
15
|
-
<br />
|
|
16
|
-
<i>{"This text is using the <i> tag."}</i>
|
|
17
|
-
<br />
|
|
18
|
-
<br />
|
|
19
|
-
{"This "}<em>{"word"}</em>{" is using an <em> tag."}
|
|
20
|
-
<br />
|
|
21
|
-
<br />
|
|
22
|
-
<small>{"This text is using the <small> tag."}</small>
|
|
23
|
-
<br />
|
|
24
|
-
<br />
|
|
25
|
-
<u>{"This text is using the <u> tag."}</u>
|
|
26
|
-
<br />
|
|
27
|
-
<br />
|
|
28
|
-
</Detail>
|
|
29
|
-
</>
|
|
30
|
-
)
|
|
31
|
-
|
|
32
|
-
export default DetailStyled
|