playbook_ui 12.37.0.pre.alpha.PLAY951collapsiblenav31073 → 12.37.0.pre.alpha.PLAY951collapsiblenav31074

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 (11) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_nav/_collapsible_nav.scss +13 -1
  3. data/app/pb_kits/playbook/pb_nav/_item.tsx +2 -2
  4. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx +3 -3
  5. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_custom.jsx +1 -1
  6. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_emphasize.html.erb +3 -3
  7. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_emphasize.jsx +3 -3
  8. data/app/pb_kits/playbook/pb_nav/item.rb +9 -2
  9. data/dist/playbook-rails.js +1 -1
  10. data/lib/playbook/version.rb +1 -1
  11. metadata +1 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: a614a1ec23f8a5684100225c2de79beb702f61989d5d0507cf334247e5dee619
4
- data.tar.gz: 2426810438f198dd19fbbe01fbb08a8701b85d9abd987ae8a0b31e588f9e0764
3
+ metadata.gz: 046c4a6ee60d6233981489235626a06999ee1d17d015215491da83534e5ab9c3
4
+ data.tar.gz: 219acf93f0c0bc67e2040158b847a0e0ff9d943c4273de9b6cb72140f3ff5d32
5
5
  SHA512:
6
- metadata.gz: 92ce569a84e8e191695ff8bb75735d698ee0ba5b1915a8a174951cca08f70b7f1236532ec565f37e63f5cf1b3a7b57945804a5b1d3dc4bec018d41fe0d5208c1
7
- data.tar.gz: e8c89499abd48d531b224ebba171145fbc302ff66f513ee11fe2c52af599925dea9ecbb889a5798e0a3cb4196d1770710b5aaeb88e785a99b519615d0a802213
6
+ metadata.gz: 2f0d02eef6e5304bde87897db22ee87e304bb2f587da934329cd52066502873156c1a8eff67cbc107b8daa8995d3a5c3814374383e12050c5e80e6b45cc8d0ae
7
+ data.tar.gz: 9973aea22b8168fa03ccca233e7e051a927cef9b8fad2a7fc32c61d3e9907924c70389978797619a3a9515b4b1be3cab3f5f6562280066ea797c099d45248ba2
data/app/pb_kits/playbook/pb_nav/_collapsible_nav.scss CHANGED
@@ -13,7 +13,7 @@
13
13
  }
14
14
  }
15
15
 
16
- .font_bold {
16
+ .font_bolder {
17
17
  .pb_nav_list_item_text {
18
18
  @include pb_title_4;
19
19
  }
@@ -25,6 +25,18 @@
25
25
  }
26
26
  }
27
27
 
28
+ .font_bold {
29
+ .pb_nav_list_item_text {
30
+ font-weight: $bold;
31
+ }
32
+ .pb_collapsible_main_kit {
33
+ .pb_nav_list_item_text_collapsible {
34
+ font-weight: $bold !important;
35
+ }
36
+ }
37
+ }
38
+
39
+
28
40
  .font_regular {
29
41
  .pb_nav_list_item_text {
30
42
  font-weight: $regular;
data/app/pb_kits/playbook/pb_nav/_item.tsx CHANGED
@@ -11,7 +11,7 @@ import Collapsible from '../pb_collapsible/_collapsible'
11
11
  type NavItemProps = {
12
12
  active?: boolean,
13
13
  aria?: { [key: string]: string },
14
- fontWeight?: "regular" | "bold",
14
+ fontWeight?: "regular" | "bold" | "bolder",
15
15
  children?: React.ReactNode[] | React.ReactNode,
16
16
  className?: string,
17
17
  collapsible?: boolean,
@@ -61,7 +61,7 @@ const NavItem = (props: NavItemProps) => {
61
61
  const activeClass = active === true ? 'active' : ''
62
62
  const collapsibleTrailClass = collapsible && collapsibleTrail ? 'collapsible_trail' : ''
63
63
  const fontSizeClass = fontSize === 'small' ? "font_size_small" : "font_size_normal"
64
- const fontWeightClass = fontWeight === 'bold' ? "font_bold" : "font_regular"
64
+ const fontWeightClass = fontWeight === 'bold' ? "font_bold" : fontWeight === 'bolder' ? "font_bolder" : "font_regular"
65
65
  const ariaProps = buildAriaProps(aria)
66
66
  const dataProps = buildDataProps(data)
67
67
  const classes = classnames(buildCss('pb_nav_list_kit_item', activeClass),
data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx CHANGED
@@ -8,7 +8,7 @@ const CollapsibleNav = (props) => {
8
8
  active
9
9
  collapsible
10
10
  collapsibleTrail
11
- fontWeight="bold"
11
+ fontWeight="bolder"
12
12
  iconLeft="city"
13
13
  iconRight={["plus", "minus"]}
14
14
  link="#"
@@ -34,7 +34,7 @@ const CollapsibleNav = (props) => {
34
34
  <NavItem
35
35
  collapsible
36
36
  collapsibleTrail
37
- // fontWeight="bold"
37
+ fontWeight="bolder"
38
38
  iconLeft="theater-masks"
39
39
  iconRight={["plus", "minus"]}
40
40
  link="#"
@@ -60,7 +60,7 @@ const CollapsibleNav = (props) => {
60
60
  <NavItem
61
61
  collapsible
62
62
  collapsibleTrail
63
- // fontWeight="bold"
63
+ fontWeight="bolder"
64
64
  iconLeft="city"
65
65
  iconRight={["plus", "minus"]}
66
66
  link="#"
data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_custom.jsx CHANGED
@@ -26,7 +26,7 @@ const CollapsibleNavCustom = (props) => {
26
26
  collapsed={collapsed}
27
27
  collapsible
28
28
  collapsibleTrail
29
- fontWeight="bold"
29
+ fontWeight="bolder"
30
30
  iconLeft="chevron-down"
31
31
  id={`collapsible-nav-item-${index + 1}`}
32
32
  key={index}
data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_emphasize.html.erb CHANGED
@@ -1,19 +1,19 @@
1
1
  <%= pb_rails("nav", props: { variant: "subtle" }) do %>
2
- <%= pb_rails("nav/item", props: { text: "Overview", link: "#", font_weight:"bold", font_size:"small", collapsible: true, icon_left:"city" }) 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
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
- <%= pb_rails("nav/item", props: { text: "Albums", link: "#", font_weight:"bold", font_size:"small", collapsible: true, icon_left: "theater-masks" }) 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
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
- <%= pb_rails("nav/item", props: { text: "Similar Artists", link: "#", font_weight:"bold", font_size:"small", collapsible: true, icon_left: "city" }) 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
18
  <%= pb_rails("nav/item", props: { text: "City", link: "#" }) %>
19
19
  <%= pb_rails("nav/item", props: { text: "People", link: "#" }) %>
data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_emphasize.jsx CHANGED
@@ -9,7 +9,7 @@ const CollapsibleNavEmphasize = (props) => {
9
9
  collapsible
10
10
  collapsibleTrail
11
11
  fontSize="small"
12
- fontWeight="bold"
12
+ fontWeight="bolder"
13
13
  iconLeft="city"
14
14
  iconRight={["plus", "minus"]}
15
15
  link="#"
@@ -36,7 +36,7 @@ const CollapsibleNavEmphasize = (props) => {
36
36
  collapsible
37
37
  collapsibleTrail
38
38
  fontSize="small"
39
- fontWeight="bold"
39
+ fontWeight="bolder"
40
40
  iconLeft="theater-masks"
41
41
  iconRight={["plus", "minus"]}
42
42
  link="#"
@@ -63,7 +63,7 @@ const CollapsibleNavEmphasize = (props) => {
63
63
  collapsible
64
64
  collapsibleTrail
65
65
  fontSize="small"
66
- fontWeight="bold"
66
+ fontWeight="bolder"
67
67
  iconLeft="city"
68
68
  iconRight={["plus", "minus"]}
69
69
  link="#"
data/app/pb_kits/playbook/pb_nav/item.rb CHANGED
@@ -8,7 +8,7 @@ module Playbook
8
8
  values: %w[normal small],
9
9
  default: "normal"
10
10
  prop :font_weight, type: Playbook::Props::Enum,
11
- values: %w[bold regular],
11
+ values: %w[bold regular bolder],
12
12
  default: "regular"
13
13
  prop :collapsible, type: Playbook::Props::Boolean, default: false
14
14
  prop :link
@@ -56,7 +56,14 @@ module Playbook
56
56
  end
57
57
 
58
58
  def font_weight_class
59
- font_weight === "bold" ? "font_bold" : "font_regular"
59
+ case font_weight
60
+ when "bold"
61
+ "font_bold"
62
+ when "bolder"
63
+ "font_bolder"
64
+ else
65
+ "font_regular"
66
+ end
60
67
  end
61
68
 
62
69
  def collapsible_trail_class