playbook_ui_docs 13.0.0.pre.alpha.PLAY966collapsiblenav41129 → 13.0.0.pre.alpha.salesbookmismatchingdate1120

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.
Files changed (15) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_nav/docs/_block_no_title_nav.jsx +1 -1
  3. data/app/pb_kits/playbook/pb_nav/docs/_borderless_nav.jsx +1 -4
  4. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.html.erb +4 -4
  5. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx +10 -4
  6. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_custom.jsx +1 -5
  7. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_emphasize.html.erb +12 -12
  8. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_emphasize.jsx +1 -13
  9. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_emphasize.md +1 -1
  10. data/app/pb_kits/playbook/pb_nav/docs/_no_highlight_nav.jsx +1 -4
  11. data/app/pb_kits/playbook/pb_nav/docs/_subtle_nav.jsx +1 -4
  12. data/app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx +1 -4
  13. data/app/pb_kits/playbook/pb_nav/docs/example.yml +5 -5
  14. data/dist/playbook-doc.js +4 -4
  15. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 7ed6f069ef356a3de6deb0c910b4d376bffc5c3ff90b8ce7b0fe4056df89ed5d
4
- data.tar.gz: 81f3b0e4bdadcdfba9968128e71818ab7c6d4ba08ac8ea98be8a339b9a07bb03
3
+ metadata.gz: 139659db7c03c7e3055dc332c163386bdec4f97b9612198325b6596835f3bfc1
4
+ data.tar.gz: d5248206b9b4032b0b959cbad99e5526d228a8e433315a5f88de2573b0c89f6f
5
5
  SHA512:
6
- metadata.gz: e64cecbee2a7664594f03dcefd56ca84876c254ca378f7cac797d4addfbe4976e841fd193cdd540c73edce89ad15cce99da047ef9258f0f73f2f1f270eb135df
7
- data.tar.gz: 7efff030c5512df1dceecbffdedb26ff9d55fee7688751115dc9c9976b02d0c22996a08bcc125f1f0f0fa9f0084a5f71514b299914f9d881d214b79a3d085781
6
+ metadata.gz: 8386743c8f6a3992503855df1ccbb14028fe04bd30519c45c0e995c67f2ae778b93ae5792f36c81922176ac07a15449849d7f384d564c1df3693f66165a792a3
7
+ data.tar.gz: ecf2f4592befd8f7c05441c9c7deeba01e27cb175b82aeab80b550beeb071351a0c86935aa027cfb3f85a814fb28db6842bddd18076ecac16fd218ca2f268893
data/app/pb_kits/playbook/pb_nav/docs/_block_no_title_nav.jsx CHANGED
@@ -5,7 +5,7 @@ import NavItem from '../_item'
5
5
 
6
6
  const BlockNoTitleNav = (props) => {
7
7
  return (
8
- <Nav {...props}>
8
+ <Nav>
9
9
  <NavItem
10
10
  iconLeft="newspaper"
11
11
  link="#"
data/app/pb_kits/playbook/pb_nav/docs/_borderless_nav.jsx CHANGED
@@ -5,10 +5,7 @@ import NavItem from '../_item'
5
5
 
6
6
  const BorderlessNav = (props) => {
7
7
  return (
8
- <Nav
9
- borderless
10
- {...props}
11
- >
8
+ <Nav borderless>
12
9
  <NavItem
13
10
  active
14
11
  link="#"
data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.html.erb CHANGED
@@ -1,20 +1,20 @@
1
- <%= pb_rails("nav", props: { variant: "bold" }) do %>
1
+ <%= pb_rails("nav", props: { variant: "subtle" }) do %>
2
2
  <%= pb_rails("nav/item", props: { text: "Overview", link: "#", collapsible: true, icon_left:"city" }) do %>
3
- <%= pb_rails("nav", props: { variant: "bold" }) do %>
3
+ <%= pb_rails("nav", props: { variant: "subtle" }) do %>
4
4
  <%= pb_rails("nav/item", props: { text: "City", link: "#" }) %>
5
5
  <%= pb_rails("nav/item", props: { text: "People", link: "#" }) %>
6
6
  <%= pb_rails("nav/item", props: { text: "Business", link: "#" }) %>
7
7
  <% end %>
8
8
  <% end %>
9
9
  <%= pb_rails("nav/item", props: { text: "Albums", link: "#", active: true, collapsible: true, icon_left: "theater-masks" }) do %>
10
- <%= pb_rails("nav", props: { variant: "bold" }) do %>
10
+ <%= pb_rails("nav", props: { variant: "subtle" }) do %>
11
11
  <%= pb_rails("nav/item", props: { text: "Entertainment", link: "#" }) %>
12
12
  <%= pb_rails("nav/item", props: { text: "Food", link: "#" }) %>
13
13
  <%= pb_rails("nav/item", props: { text: "Style", link: "#" }) %>
14
14
  <% end %>
15
15
  <% end %>
16
16
  <%= pb_rails("nav/item", props: { text: "Similar Artists", link: "#", collapsible: true, icon_left: "city" }) do %>
17
- <%= pb_rails("nav", props: { variant: "bold" }) do %>
17
+ <%= pb_rails("nav", props: { variant: "subtle" }) do %>
18
18
  <%= pb_rails("nav/item", props: { text: "City", link: "#" }) %>
19
19
  <%= pb_rails("nav/item", props: { text: "People", link: "#" }) %>
20
20
  <%= pb_rails("nav/item", props: { text: "Business", link: "#" }) %>
data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx CHANGED
@@ -3,14 +3,14 @@ import { Nav, NavItem } from '../..'
3
3
 
4
4
  const CollapsibleNav = (props) => {
5
5
  return (
6
- <Nav
7
- variant="bold"
8
- {...props}
9
- >
6
+ <Nav>
10
7
  <NavItem
11
8
  active
12
9
  collapsible
10
+ collapsibleTrail
11
+ fontWeight="bolder"
13
12
  iconLeft="city"
13
+ iconRight={["plus", "minus"]}
14
14
  link="#"
15
15
  text="Overview"
16
16
  {...props}
@@ -33,7 +33,10 @@ const CollapsibleNav = (props) => {
33
33
  </NavItem>
34
34
  <NavItem
35
35
  collapsible
36
+ collapsibleTrail
37
+ fontWeight="bolder"
36
38
  iconLeft="theater-masks"
39
+ iconRight={["plus", "minus"]}
37
40
  link="#"
38
41
  text="Albums"
39
42
  {...props}
@@ -56,7 +59,10 @@ const CollapsibleNav = (props) => {
56
59
  </NavItem>
57
60
  <NavItem
58
61
  collapsible
62
+ collapsibleTrail
63
+ fontWeight="bolder"
59
64
  iconLeft="city"
65
+ iconRight={["plus", "minus"]}
60
66
  link="#"
61
67
  text="Similar Artists"
62
68
  {...props}
data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_custom.jsx CHANGED
@@ -18,10 +18,7 @@ const CollapsibleNavCustom = (props) => {
18
18
 
19
19
  return (
20
20
  <>
21
- <Nav
22
- variant="bold"
23
- {...props}
24
- >
21
+ <Nav variant='bold'>
25
22
  {navItems.map((text, index) => {
26
23
  const [collapsed] = collapsibles[index]
27
24
  return (
@@ -31,7 +28,6 @@ const CollapsibleNavCustom = (props) => {
31
28
  collapsibleTrail
32
29
  fontWeight="bolder"
33
30
  iconLeft="chevron-down"
34
- iconRight={["plus", "minus"]}
35
31
  id={`collapsible-nav-item-${index + 1}`}
36
32
  key={index}
37
33
  link="#"
data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_emphasize.html.erb CHANGED
@@ -1,23 +1,23 @@
1
1
  <%= pb_rails("nav", props: { variant: "subtle" }) do %>
2
- <%= pb_rails("nav/item", props: { text: "Overview", link: "#", font_weight:"bolder", font_size:"small", collapsible: true, icon_left:"city", collapsible_trail: true, icon_right: ["plus", "minus"] }) do %>
2
+ <%= pb_rails("nav/item", props: { text: "Overview", link: "#", font_weight:"bolder", font_size:"small", collapsible: true, icon_left:"city", collapsible_trail: true }) do %>
3
3
  <%= pb_rails("nav", props: { variant: "subtle" }) do %>
4
- <%= pb_rails("nav/item", props: { text: "City", link: "#", font_size:"small" }) %>
5
- <%= pb_rails("nav/item", props: { text: "People", link: "#", font_size:"small" }) %>
6
- <%= pb_rails("nav/item", props: { text: "Business", link: "#", font_size:"small" }) %>
4
+ <%= pb_rails("nav/item", props: { text: "City", link: "#" }) %>
5
+ <%= pb_rails("nav/item", props: { text: "People", link: "#" }) %>
6
+ <%= pb_rails("nav/item", props: { text: "Business", link: "#" }) %>
7
7
  <% end %>
8
8
  <% end %>
9
- <%= pb_rails("nav/item", props: { text: "Albums", link: "#", font_weight:"bolder", font_size:"small", collapsible: true, icon_left: "theater-masks", collapsible_trail:true, icon_right: ["plus", "minus"] }) do %>
9
+ <%= pb_rails("nav/item", props: { text: "Albums", link: "#", font_weight:"bolder", font_size:"small", collapsible: true, icon_left: "theater-masks", collapsible_trail:true }) do %>
10
10
  <%= pb_rails("nav", props: { variant: "subtle" }) do %>
11
- <%= pb_rails("nav/item", props: { text: "Entertainment", link: "#", font_size:"small" }) %>
12
- <%= pb_rails("nav/item", props: { text: "Food", link: "#", font_size:"small" }) %>
13
- <%= pb_rails("nav/item", props: { text: "Style", link: "#", font_size:"small" }) %>
11
+ <%= pb_rails("nav/item", props: { text: "Entertainment", link: "#" }) %>
12
+ <%= pb_rails("nav/item", props: { text: "Food", link: "#" }) %>
13
+ <%= pb_rails("nav/item", props: { text: "Style", link: "#" }) %>
14
14
  <% end %>
15
15
  <% end %>
16
- <%= pb_rails("nav/item", props: { text: "Similar Artists", link: "#", font_weight:"bolder", font_size:"small", collapsible: true, icon_left: "city", collapsible_trail:true, icon_right: ["plus", "minus"] }) do %>
16
+ <%= pb_rails("nav/item", props: { text: "Similar Artists", link: "#", font_weight:"bolder", font_size:"small", collapsible: true, icon_left: "city", collapsible_trail:true }) do %>
17
17
  <%= pb_rails("nav", props: { variant: "subtle" }) do %>
18
- <%= pb_rails("nav/item", props: { text: "City", link: "#", font_size:"small" }) %>
19
- <%= pb_rails("nav/item", props: { text: "People", link: "#", font_size:"small" }) %>
20
- <%= pb_rails("nav/item", props: { text: "Business", link: "#", font_size:"small" }) %>
18
+ <%= pb_rails("nav/item", props: { text: "City", link: "#" }) %>
19
+ <%= pb_rails("nav/item", props: { text: "People", link: "#" }) %>
20
+ <%= pb_rails("nav/item", props: { text: "Business", link: "#" }) %>
21
21
  <% end %>
22
22
  <% end %>
23
23
  <% end %>
data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_emphasize.jsx CHANGED
@@ -3,10 +3,7 @@ import { Nav, NavItem } from '../..'
3
3
 
4
4
  const CollapsibleNavEmphasize = (props) => {
5
5
  return (
6
- <Nav
7
- variant="subtle"
8
- {...props}
9
- >
6
+ <Nav variant="bold">
10
7
  <NavItem
11
8
  active
12
9
  collapsible
@@ -20,19 +17,16 @@ const CollapsibleNavEmphasize = (props) => {
20
17
  {...props}
21
18
  >
22
19
  <NavItem
23
- fontSize="small"
24
20
  link="#"
25
21
  text="City"
26
22
  {...props}
27
23
  />
28
24
  <NavItem
29
- fontSize="small"
30
25
  link="#"
31
26
  text="People"
32
27
  {...props}
33
28
  />
34
29
  <NavItem
35
- fontSize="small"
36
30
  link="#"
37
31
  text="Business"
38
32
  {...props}
@@ -50,19 +44,16 @@ const CollapsibleNavEmphasize = (props) => {
50
44
  {...props}
51
45
  >
52
46
  <NavItem
53
- fontSize="small"
54
47
  link="#"
55
48
  text="Entertainment"
56
49
  {...props}
57
50
  />
58
51
  <NavItem
59
- fontSize="small"
60
52
  link="#"
61
53
  text="Food"
62
54
  {...props}
63
55
  />
64
56
  <NavItem
65
- fontSize="small"
66
57
  link="#"
67
58
  text="Style"
68
59
  {...props}
@@ -80,19 +71,16 @@ const CollapsibleNavEmphasize = (props) => {
80
71
  {...props}
81
72
  >
82
73
  <NavItem
83
- fontSize="small"
84
74
  link="#"
85
75
  text="City"
86
76
  {...props}
87
77
  />
88
78
  <NavItem
89
- fontSize="small"
90
79
  link="#"
91
80
  text="People"
92
81
  {...props}
93
82
  />
94
83
  <NavItem
95
- fontSize="small"
96
84
  link="#"
97
85
  text="Business"
98
86
  {...props}
data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_emphasize.md CHANGED
@@ -1 +1 @@
1
- The `fontWeight` prop can be used to make the navitem text bold or bolder, it is set to regular by default. The additional `collapsibleTrail` prop can be used to add the vertical line to the left of the nested navItems.
1
+ The ` navBold` prop can be passed to NavItem
data/app/pb_kits/playbook/pb_nav/docs/_no_highlight_nav.jsx CHANGED
@@ -5,10 +5,7 @@ import NavItem from '../_item'
5
5
 
6
6
  const NoHighlightNav = (props) => {
7
7
  return (
8
- <Nav
9
- highlight={false}
10
- {...props}
11
- >
8
+ <Nav highlight={false}>
12
9
  <NavItem
13
10
  active
14
11
  link="#"
data/app/pb_kits/playbook/pb_nav/docs/_subtle_nav.jsx CHANGED
@@ -5,10 +5,7 @@ import NavItem from '../_item'
5
5
 
6
6
  const SubtleNav = (props) => {
7
7
  return (
8
- <Nav
9
- variant="subtle"
10
- {...props}
11
- >
8
+ <Nav variant="subtle">
12
9
  <NavItem
13
10
  link="#"
14
11
  text="Overview"
data/app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx CHANGED
@@ -5,10 +5,7 @@ import NavItem from '../_item'
5
5
 
6
6
  const SubtleWithIconsNav = (props) => {
7
7
  return (
8
- <Nav
9
- variant="subtle"
10
- {...props}
11
- >
8
+ <Nav variant="subtle">
12
9
  <NavItem
13
10
  iconLeft="city"
14
11
  link="#"
data/app/pb_kits/playbook/pb_nav/docs/example.yml CHANGED
@@ -7,8 +7,8 @@ examples:
7
7
  - borderless_nav: No Borders
8
8
  - subtle_nav: Subtle Variant
9
9
  - subtle_with_icons_nav: Subtle With Icons
10
- - collapsible_nav: Collapsible Nav
11
- - collapsible_nav_emphasize: Collapsible Nav with fontWeight, fontSize and collapsibleTrail
10
+ # - collapsible_nav: Collapsible Nav
11
+ # - collapsible_nav_emphasize: Collapsible Nav with Emphasize Styling
12
12
  - subtle_no_highlight_nav: Subtle No Highlight
13
13
  - bold_vertical_nav: Bold Variant
14
14
  - horizontal_nav: Horizontal Nav
@@ -26,9 +26,9 @@ examples:
26
26
  - borderless_nav: No Borders
27
27
  - subtle_nav: Subtle Variant
28
28
  - subtle_with_icons_nav: Subtle With Icons
29
- - collapsible_nav: Collapsible Nav
30
- - collapsible_nav_emphasize: Collapsible Nav with fontWeight, fontSize and collapsibleTrail
31
- - collapsible_nav_custom: Collapsible Nav With Custom Toggling
29
+ # - collapsible_nav: Collapsible Nav
30
+ # - collapsible_nav_emphasize: Collapsible Nav with Emphasize Styling
31
+ # - collapsible_nav_custom: Collapsible Nav With Custom Toggling
32
32
  - subtle_no_highlight_nav: Subtle No Highlight
33
33
  - bold_vertical_nav: Bold Variant
34
34
  - horizontal_nav: Horizontal Nav