playbook_ui 14.9.0.pre.alpha.play1742globalheightfixes4766 → 14.9.0.pre.alpha.play1742globalheightfixes4925

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 (63) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/table_header.html.erb +5 -3
  3. data/app/pb_kits/playbook/pb_avatar/_avatar.scss +0 -2
  4. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom.jsx +53 -49
  5. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom_rails.html.erb +29 -36
  6. data/app/pb_kits/playbook/pb_body/_body.scss +14 -13
  7. data/app/pb_kits/playbook/pb_body/_body_mixins.scss +22 -16
  8. data/app/pb_kits/playbook/pb_bread_crumbs/docs/_bread_crumbs_default.jsx +6 -0
  9. data/app/pb_kits/playbook/pb_caption/_caption_mixin.scss +2 -1
  10. data/app/pb_kits/playbook/pb_card/_card_mixin.scss +1 -1
  11. data/app/pb_kits/playbook/pb_collapsible/_collapsible.tsx +9 -4
  12. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.tsx +2 -2
  13. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.tsx +2 -2
  14. data/app/pb_kits/playbook/pb_file_upload/_file_upload.scss +5 -0
  15. data/app/pb_kits/playbook/pb_file_upload/_file_upload.tsx +7 -2
  16. data/app/pb_kits/playbook/pb_file_upload/file_upload.html.erb +8 -2
  17. data/app/pb_kits/playbook/pb_link/_link.scss +3 -3
  18. data/app/pb_kits/playbook/pb_nav/_bold_mixin.scss +11 -1
  19. data/app/pb_kits/playbook/pb_nav/_collapsible_nav.scss +16 -2
  20. data/app/pb_kits/playbook/pb_nav/_vertical_nav.scss +1 -1
  21. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +4 -4
  22. data/app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb +1 -1
  23. data/app/pb_kits/playbook/pb_stat_change/_stat_change.tsx +44 -36
  24. data/app/pb_kits/playbook/pb_stat_change/stat_change.html.erb +4 -4
  25. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb +95 -0
  26. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx +75 -0
  27. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.md +1 -0
  28. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx +108 -0
  29. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.md +2 -0
  30. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx +94 -0
  31. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.md +0 -0
  32. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.jsx +83 -0
  33. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.md +3 -0
  34. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.jsx +120 -0
  35. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md +1 -0
  36. data/app/pb_kits/playbook/pb_table/docs/example.yml +5 -0
  37. data/app/pb_kits/playbook/pb_table/docs/index.js +5 -0
  38. data/app/pb_kits/playbook/pb_table/index.ts +100 -26
  39. data/app/pb_kits/playbook/pb_table/styles/_all.scss +2 -1
  40. data/app/pb_kits/playbook/pb_table/styles/_collapsible.scss +35 -0
  41. data/app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx +106 -1
  42. data/app/pb_kits/playbook/pb_table/table.html.erb +1 -1
  43. data/app/pb_kits/playbook/pb_table/table.rb +17 -2
  44. data/app/pb_kits/playbook/pb_title/_title.scss +6 -5
  45. data/app/pb_kits/playbook/pb_title/_title_mixin.scss +13 -0
  46. data/app/pb_kits/playbook/tokens/_titles.scss +0 -8
  47. data/app/pb_kits/playbook/utilities/_hover.scss +11 -2
  48. data/app/pb_kits/playbook/utilities/globalProps.ts +2 -0
  49. data/app/pb_kits/playbook/utilities/test/globalProps/hover.test.js +15 -0
  50. data/dist/chunks/{_typeahead-B8fkIeXA.js → _typeahead-D-DFD48D.js} +3 -3
  51. data/dist/chunks/_weekday_stacked-CCO9Egzl.js +45 -0
  52. data/dist/chunks/{lib-SyD3buPZ.js → lib-CuCy3_xO.js} +3 -3
  53. data/dist/chunks/{pb_form_validation-Dt8UJgrJ.js → pb_form_validation-D37k10a0.js} +1 -1
  54. data/dist/chunks/vendor.js +1 -1
  55. data/dist/menu.yml +1 -1
  56. data/dist/playbook-doc.js +1 -1
  57. data/dist/playbook-rails-react-bindings.js +1 -1
  58. data/dist/playbook-rails.js +1 -1
  59. data/dist/playbook.css +1 -1
  60. data/lib/playbook/hover.rb +7 -1
  61. data/lib/playbook/version.rb +1 -1
  62. metadata +18 -6
  63. data/dist/chunks/_weekday_stacked-DjRTXEi-.js +0 -45
data/app/pb_kits/playbook/utilities/_hover.scss CHANGED
@@ -20,6 +20,13 @@
20
20
  }
21
21
  }
22
22
 
23
+ @mixin hover-underline {
24
+ .hover_underline:hover {
25
+ text-decoration: underline;
26
+ transition: text-decoration $transition-speed ease;
27
+ }
28
+ }
29
+
23
30
  @mixin hover-color-classes($colors-list) {
24
31
  @each $name, $color in $colors-list {
25
32
  .hover_background-#{"" + $name}:hover {
@@ -32,7 +39,9 @@
32
39
  }
33
40
  }
34
41
  }
35
-
42
+
43
+
44
+ @include hover-underline;
36
45
  @include hover-scale-classes($scales);
37
46
  @include hover-shadow-classes($box_shadows);
38
47
  @include hover-color-classes($product_colors);
@@ -64,4 +73,4 @@
64
73
  .group_hover.hover_visibility {
65
74
  opacity: 1;
66
75
  }
67
- }
76
+ }
data/app/pb_kits/playbook/utilities/globalProps.ts CHANGED
@@ -64,6 +64,7 @@ type Hover = Shadow & {
64
64
  background?: string,
65
65
  color?: string,
66
66
  scale?: "sm" | "md" | "lg",
67
+ underline?: boolean,
67
68
  visibility?: boolean,
68
69
  }
69
70
 
@@ -236,6 +237,7 @@ const PROP_CATEGORIES: {[key:string]: (props: {[key: string]: any}) => string} =
236
237
  if (!hover) return css;
237
238
  css += hover.shadow ? `hover_shadow_${hover.shadow} ` : '';
238
239
  css += hover.background ? `hover_background-${hover.background } ` : '';
240
+ css += hover.underline ? `hover_underline ` : '';
239
241
  css += hover.scale ? `hover_scale_${hover.scale} ` : '';
240
242
  css += hover.color ? `hover_color-${hover.color } ` : '';
241
243
  css += hover.visibility ? `hover_visibility` : '';
data/app/pb_kits/playbook/utilities/test/globalProps/hover.test.js CHANGED
@@ -57,6 +57,19 @@ test('Hover Props: returns proper class name', () => {
57
57
  expectedClassName = `hover_scale_xl`;
58
58
  expect(kit).toHaveClass(expectedClassName);
59
59
 
60
+ const testIdUnderline = `${testSubject}-hover-underline`;
61
+ render(
62
+ <Body
63
+ data={{ testid: testIdUnderline }}
64
+ hover={{ underline: true }}
65
+ text="Hi"
66
+ />
67
+ );
68
+
69
+ kit = screen.getByTestId(testIdUnderline);
70
+ expectedClassName = `hover_underline`;
71
+ expect(kit).toHaveClass(expectedClassName);
72
+
60
73
  const testIdMultiple = `${testSubject}-hover-multiple`;
61
74
  render(
62
75
  <Body
@@ -66,6 +79,7 @@ test('Hover Props: returns proper class name', () => {
66
79
  background: 'error',
67
80
  shadow: 'deeper',
68
81
  scale: 'xl',
82
+ underline: true,
69
83
  }}
70
84
  text="Hi"
71
85
  />
@@ -76,4 +90,5 @@ test('Hover Props: returns proper class name', () => {
76
90
  expect(kit).toHaveClass('hover_background-error');
77
91
  expect(kit).toHaveClass('hover_shadow_deeper');
78
92
  expect(kit).toHaveClass('hover_scale_xl');
93
+ expect(kit).toHaveClass('hover_underline');
79
94
  });