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

Sign up to get free protection for your applications and to get access to all the features.
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