playbook_ui_docs 14.6.0.pre.alpha.PBNTR5554217 → 14.6.0.pre.alpha.play1586datearea4218
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_currency/docs/example.yml +1 -3
- data/app/pb_kits/playbook/pb_currency/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.html.erb +43 -0
- data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.jsx +68 -0
- data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.md +4 -0
- data/app/pb_kits/playbook/pb_timeline/docs/example.yml +2 -1
- data/app/pb_kits/playbook/pb_timeline/docs/index.js +1 -0
- data/dist/playbook-doc.js +1 -1
- metadata +4 -3
- data/app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.html.erb +0 -7
- data/app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.jsx +0 -18
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 524818494ebeff5e4d2f14bd7c4c1c96f2c6b61788549a7faf2fe449d43a265d
|
|
4
|
+
data.tar.gz: c8ea5ecf479b5433bf2d6e1420de229cd8660c97ae3ff6da1db55d52a2ab98a1
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 0e473ed267bd902b60bd6141a9bd77d9a60a0242396270facd236475d1f01cd809f6bb73c4a507c52f7a466c882e7671c41b19d51a8ebaca46cc8fba1be46ad3
|
|
7
|
+
data.tar.gz: 8aa5f706620faa129b63e9036fb4ceecfed9ddc3243d84ca25366fdbf5274b443f8b2486728b5bee189aa56e6af7d6797ca1c5695847b70fb0c1cbabee31ff4c
|
|
@@ -8,8 +8,7 @@ examples:
|
|
|
8
8
|
- currency_abbreviated: Abbreviate Larger Amounts
|
|
9
9
|
- currency_matching_decimals: Matching Decimals
|
|
10
10
|
- currency_unstyled: Unstyled
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
|
|
13
12
|
react:
|
|
14
13
|
- currency_variants: Variants
|
|
15
14
|
- currency_size: Size
|
|
@@ -18,7 +17,6 @@ examples:
|
|
|
18
17
|
- currency_abbreviated: Abbreviate Larger Amounts
|
|
19
18
|
- currency_matching_decimals: Matching Decimals
|
|
20
19
|
- currency_unstyled: Unstyled
|
|
21
|
-
- currency_comma_separator: Comma Separator
|
|
22
20
|
|
|
23
21
|
swift:
|
|
24
22
|
- currency_size_swift: Size
|
|
@@ -5,4 +5,3 @@ export { default as CurrencyNoSymbol } from './_currency_no_symbol.jsx'
|
|
|
5
5
|
export { default as CurrencyAbbreviated } from './_currency_abbreviated.jsx'
|
|
6
6
|
export { default as CurrencyMatchingDecimals } from './_currency_matching_decimals.jsx'
|
|
7
7
|
export { default as CurrencyUnstyled } from './_currency_unstyled.jsx'
|
|
8
|
-
export { default as CurrencyCommaSeparator } from './_currency_comma_separator.jsx'
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
<%= pb_rails("timeline", props: {orientation: "horizontal", show_date: true}) do %>
|
|
2
|
+
<%= pb_rails("timeline/item", props: { line_style: "solid"}) do |item| %>
|
|
3
|
+
|
|
4
|
+
<% item.date_area do %>
|
|
5
|
+
<%= pb_rails("timeline/date_area") do %>
|
|
6
|
+
<%= pb_rails("title", props: { text: "Any Kit Here", size: 2 }) %>
|
|
7
|
+
<% end %>
|
|
8
|
+
<% end %>
|
|
9
|
+
|
|
10
|
+
<% item.node_area do %>
|
|
11
|
+
<%= pb_rails("timeline/node_area", props: { icon: 'check', icon_color: 'teal' }) %>
|
|
12
|
+
<% end %>
|
|
13
|
+
|
|
14
|
+
<% item.detail_area do %>
|
|
15
|
+
<%= pb_rails("title_detail", props: {
|
|
16
|
+
title: "Jackson Heights",
|
|
17
|
+
detail: "37-27 74th Street"
|
|
18
|
+
}) %>
|
|
19
|
+
<% end %>
|
|
20
|
+
<% end %>
|
|
21
|
+
<%= pb_rails("timeline/item", props: { line_style: "dotted"}) do |item| %>
|
|
22
|
+
|
|
23
|
+
<% item.node_area do %>
|
|
24
|
+
<%= pb_rails("timeline/node_area") do %>
|
|
25
|
+
<%= pb_rails("pill", props: { text: "Any Kit" , variant: "success" }) %>
|
|
26
|
+
<% end %>
|
|
27
|
+
<% end %>
|
|
28
|
+
|
|
29
|
+
<% item.detail_area do %>
|
|
30
|
+
<%= pb_rails("title_detail", props: {
|
|
31
|
+
title: "Greenpoint",
|
|
32
|
+
detail: "81 Gate St Brooklyn"
|
|
33
|
+
}) %>
|
|
34
|
+
<% end %>
|
|
35
|
+
<% end %>
|
|
36
|
+
|
|
37
|
+
<%= pb_rails("timeline/item", props: {icon: "map-marker-alt", icon_color: "purple", date: Date.today+1 }) do |item| %>
|
|
38
|
+
<%= pb_rails("title_detail", props: {
|
|
39
|
+
title: "Society Hill",
|
|
40
|
+
detail: "72 E St Astoria"
|
|
41
|
+
}) %>
|
|
42
|
+
<% end %>
|
|
43
|
+
<% end %>
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
|
|
3
|
+
import Timeline from '../_timeline'
|
|
4
|
+
import Title from '../../pb_title/_title'
|
|
5
|
+
import Pill from '../../pb_pill/_pill'
|
|
6
|
+
|
|
7
|
+
import TitleDetail from '../../pb_title_detail/_title_detail'
|
|
8
|
+
|
|
9
|
+
const TimelineWithChildren = (props) => (
|
|
10
|
+
<div>
|
|
11
|
+
<Timeline orientation="horizontal"
|
|
12
|
+
showDate
|
|
13
|
+
{...props}
|
|
14
|
+
>
|
|
15
|
+
<Timeline.Item lineStyle="solid"
|
|
16
|
+
{...props}
|
|
17
|
+
>
|
|
18
|
+
<Timeline.Label>
|
|
19
|
+
<Title size={2}
|
|
20
|
+
text='Any Kit Here'
|
|
21
|
+
/>
|
|
22
|
+
</Timeline.Label>
|
|
23
|
+
<Timeline.Step icon="user"
|
|
24
|
+
iconColor="royal"
|
|
25
|
+
/>
|
|
26
|
+
<Timeline.Detail>
|
|
27
|
+
<TitleDetail detail="37-27 74th Street"
|
|
28
|
+
title="Jackson Heights"
|
|
29
|
+
{...props}
|
|
30
|
+
/>
|
|
31
|
+
</Timeline.Detail>
|
|
32
|
+
</Timeline.Item>
|
|
33
|
+
|
|
34
|
+
<Timeline.Item lineStyle="dotted"
|
|
35
|
+
{...props}
|
|
36
|
+
>
|
|
37
|
+
<Timeline.Label>
|
|
38
|
+
<Pill text="Any Kit"
|
|
39
|
+
variant="success"
|
|
40
|
+
/>
|
|
41
|
+
</Timeline.Label>
|
|
42
|
+
<Timeline.Detail>
|
|
43
|
+
<TitleDetail detail="81 Gate St Brooklyn"
|
|
44
|
+
title="Greenpoint"
|
|
45
|
+
{...props}
|
|
46
|
+
/>
|
|
47
|
+
</Timeline.Detail>
|
|
48
|
+
</Timeline.Item>
|
|
49
|
+
|
|
50
|
+
<Timeline.Item lineStyle="solid"
|
|
51
|
+
{...props}
|
|
52
|
+
>
|
|
53
|
+
<Timeline.Label date={new Date(new Date().setDate(new Date().getDate() + 1))} />
|
|
54
|
+
<Timeline.Step icon="map-marker-alt"
|
|
55
|
+
iconColor="purple"
|
|
56
|
+
/>
|
|
57
|
+
<Timeline.Detail>
|
|
58
|
+
<TitleDetail detail="72 E St Astoria"
|
|
59
|
+
title="Society Hill"
|
|
60
|
+
{...props}
|
|
61
|
+
/>
|
|
62
|
+
</Timeline.Detail>
|
|
63
|
+
</Timeline.Item>
|
|
64
|
+
</Timeline>
|
|
65
|
+
</div>
|
|
66
|
+
)
|
|
67
|
+
|
|
68
|
+
export default TimelineWithChildren
|
|
@@ -4,10 +4,11 @@ examples:
|
|
|
4
4
|
- timeline_default: Default
|
|
5
5
|
- timeline_vertical: Vertical
|
|
6
6
|
- timeline_with_date: With Date
|
|
7
|
+
- timeline_with_children: With Children
|
|
7
8
|
|
|
8
9
|
|
|
9
10
|
react:
|
|
10
11
|
- timeline_default: Default
|
|
11
12
|
- timeline_vertical: Vertical
|
|
12
13
|
- timeline_with_date: With Date
|
|
13
|
-
|
|
14
|
+
- timeline_with_children: With Children
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export { default as TimelineDefault } from './_timeline_default.jsx'
|
|
2
2
|
export { default as TimelineVertical } from './_timeline_vertical.jsx'
|
|
3
3
|
export { default as TimelineWithDate } from './_timeline_with_date.jsx'
|
|
4
|
+
export { default as TimelineWithChildren } from './_timeline_with_children.jsx'
|