playbook_ui 13.28.0.pre.alpha.pbntr312tableheaderflexremoval3019 → 13.28.0.pre.alpha.play829selectablecardalignment2978

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 (76) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +3 -2
  3. data/app/pb_kits/playbook/index.js +0 -2
  4. data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx +1 -4
  5. data/app/pb_kits/playbook/pb_bar_graph/bar_graph.rb +0 -16
  6. data/app/pb_kits/playbook/pb_card/_card_mixin.scss +2 -1
  7. data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx +2 -5
  8. data/app/pb_kits/playbook/pb_circle_chart/circle_chart.rb +0 -16
  9. data/app/pb_kits/playbook/pb_collapsible/_collapsible.tsx +8 -14
  10. data/app/pb_kits/playbook/pb_collapsible/collapsible.test.js +0 -24
  11. data/app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.ts +1 -7
  12. data/app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.ts +1 -9
  13. data/app/pb_kits/playbook/pb_form_group/_form_group.scss +2 -2
  14. data/app/pb_kits/playbook/pb_line_graph/_line_graph.tsx +1 -4
  15. data/app/pb_kits/playbook/pb_line_graph/line_graph.rb +0 -16
  16. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +1 -0
  17. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.tsx +30 -32
  18. data/app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb +0 -2
  19. data/app/pb_kits/playbook/pb_table/_table.tsx +0 -5
  20. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column.html.erb +34 -0
  21. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column.jsx +32 -33
  22. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column.md +1 -1
  23. data/app/pb_kits/playbook/pb_table/docs/{_table_outer_padding.html.erb → _table_alignment_row.html.erb} +7 -7
  24. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row.jsx +33 -33
  25. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row.md +1 -1
  26. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.html.erb +63 -0
  27. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx +50 -51
  28. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.md +1 -1
  29. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.html.erb +52 -0
  30. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.jsx +38 -37
  31. data/app/pb_kits/playbook/pb_table/docs/example.yml +9 -9
  32. data/app/pb_kits/playbook/pb_table/docs/index.js +0 -1
  33. data/app/pb_kits/playbook/pb_table/styles/_all.scss +0 -1
  34. data/app/pb_kits/playbook/pb_table/table.rb +1 -14
  35. data/app/pb_kits/playbook/pb_table/table.test.js +1 -5
  36. data/app/pb_kits/playbook/pb_table/table_header.html.erb +2 -0
  37. data/app/pb_kits/playbook/playbook-doc.js +0 -2
  38. data/app/pb_kits/playbook/utilities/globalProps.ts +1 -12
  39. data/dist/menu.yml +2 -5
  40. data/dist/playbook-rails.js +6 -6
  41. data/lib/playbook/classnames.rb +0 -1
  42. data/lib/playbook/kit_base.rb +0 -2
  43. data/lib/playbook/version.rb +1 -1
  44. metadata +6 -35
  45. data/app/pb_kits/playbook/pb_bar_graph/barGraph.test.js +0 -31
  46. data/app/pb_kits/playbook/pb_circle_chart/circleChart.test.js +0 -45
  47. data/app/pb_kits/playbook/pb_collapsible/__snapshots__/collapsible.test.js.snap +0 -53
  48. data/app/pb_kits/playbook/pb_draggable/_draggable.scss +0 -10
  49. data/app/pb_kits/playbook/pb_draggable/_draggable.tsx +0 -53
  50. data/app/pb_kits/playbook/pb_draggable/context/index.tsx +0 -92
  51. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx +0 -53
  52. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx +0 -159
  53. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.jsx +0 -121
  54. data/app/pb_kits/playbook/pb_draggable/docs/example.yml +0 -9
  55. data/app/pb_kits/playbook/pb_draggable/docs/index.js +0 -3
  56. data/app/pb_kits/playbook/pb_draggable/draggable.test.jsx +0 -65
  57. data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableContainer.tsx +0 -54
  58. data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableItem.tsx +0 -57
  59. data/app/pb_kits/playbook/pb_gauge/gauge.test.js +0 -35
  60. data/app/pb_kits/playbook/pb_line_graph/lineGraph.test.js +0 -52
  61. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column_rails.html.erb +0 -33
  62. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column_rails.md +0 -2
  63. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row_rails.html.erb +0 -34
  64. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row_rails.md +0 -2
  65. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data_rails.html.erb +0 -54
  66. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data_rails.md +0 -2
  67. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.md +0 -1
  68. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row_rails.html.erb +0 -53
  69. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row_rails.md +0 -1
  70. data/app/pb_kits/playbook/pb_table/docs/_table_outer_padding.jsx +0 -76
  71. data/app/pb_kits/playbook/pb_table/docs/_table_outer_padding.md +0 -1
  72. data/app/pb_kits/playbook/pb_table/styles/_outer_padding.scss +0 -21
  73. data/app/pb_kits/playbook/pb_treemap_chart/treemapChart.test.js +0 -61
  74. data/app/pb_kits/playbook/tokens/_vertical_align.scss +0 -18
  75. data/app/pb_kits/playbook/utilities/_vertical_align.scss +0 -16
  76. data/lib/playbook/vertical_align.rb +0 -37
@@ -1 +0,0 @@
1
- Pass any of our spacing tokens to the `outerPadding` / `outer_padding` prop to customize a table's outer padding (both the left padding of the first column and the right padding of the last column).
@@ -1,21 +0,0 @@
1
- @import "../../tokens/spacing";
2
-
3
- [class^=pb_table] {
4
- @each $name, $value in $spaces {
5
- &.outer_padding_#{$name} {
6
- td:first-child,
7
- th:first-child,
8
- .pb_table_td:first-child,
9
- .pb_table_th:first-child {
10
- padding-left: #{$value} !important;
11
- }
12
-
13
- td:last-child,
14
- th:last-child,
15
- .pb_table_td:last-child,
16
- .pb_table_th:last-child {
17
- padding-right: #{$value} !important;
18
- }
19
- }
20
- }
21
- }
@@ -1,61 +0,0 @@
1
- import React from 'react';
2
- import { render, screen } from '../utilities/test-utils';
3
- import TreemapChart from './_treemap_chart';
4
-
5
- beforeEach(() => {
6
- // Silences error logs within the test suite.
7
- jest.spyOn(console, 'error');
8
- jest.spyOn(console, 'warn');
9
- console.error.mockImplementation(() => {});
10
- console.warn.mockImplementation(() => {});
11
- });
12
-
13
- afterEach(() => {
14
- console.error.mockRestore();
15
- console.warn.mockRestore();
16
- });
17
-
18
- const testId = 'treemapchart1';
19
-
20
- test('uses exact classname', () => {
21
- const data = [
22
- {
23
- name: "Pepperoni",
24
- parent: "Toppings",
25
- value: 600,
26
- }, {
27
- name: "Cheese",
28
- parent: "Toppings",
29
- value: 510,
30
- }, {
31
- name: "Mushroom",
32
- parent: "Toppings",
33
- value: 330,
34
- },{
35
- name: "Onions",
36
- parent: "Toppings",
37
- value: 250,
38
- }, {
39
- name: "Olives",
40
- parent: "Toppings",
41
- value: 204,
42
- }, {
43
- name: "Pineapple",
44
- parent: "Toppings",
45
- value: 90,
46
- }, {
47
- name: "Pizza Toppings",
48
- id: "Toppings",
49
- },
50
- ]
51
- render(
52
- <TreemapChart
53
- chartData={data}
54
- data={{ testid: testId }}
55
- id="tree-map-id"
56
- />
57
- );
58
-
59
- const kit = screen.getByTestId(testId);
60
- expect(kit).toHaveClass('pb_treemap_chart');
61
- });
@@ -1,18 +0,0 @@
1
- $vertical_align_baseline: baseline !default;
2
- $vertical_align_sub: sub !default;
3
- $vertical_align_super: super !default;
4
- $vertical_align_text_top: text-top !default;
5
- $vertical_align_text_bottom: text-bottom !default;
6
- $vertical_align_middle: middle !default;
7
- $vertical_align_top: top !default;
8
- $vertical_align_bottom: bottom !default;
9
- $vertical_align: (
10
- baseline: $vertical_align_baseline,
11
- sub: $vertical_align_sub,
12
- super: $vertical_align_super,
13
- text_top: $vertical_align_text_top,
14
- text_bottom: $vertical_align_text_bottom,
15
- middle: $vertical_align_middle,
16
- top: $vertical_align_top,
17
- bottom: $vertical_align_bottom
18
- );
@@ -1,16 +0,0 @@
1
- @import "../tokens/vertical_align";
2
-
3
-
4
- $vertical_align_classes: (
5
- vertical_align_baseline: $vertical_align_baseline,
6
- vertical_align_sub: $vertical_align_sub,
7
- vertical_align_super: $vertical_align_super,
8
- vertical_align_text_top: $vertical_align_text_top,
9
- vertical_align_text_bottom: $vertical_align_text_bottom,
10
- vertical_align_middle: $vertical_align_middle,
11
- vertical_align_top: $vertical_align_top,
12
- vertical_align_bottom: $vertical_align_bottom,
13
- );
14
-
15
-
16
- @include global_props_responsive_css($vertical_align, 'vertical_align', 'vertical-align');
@@ -1,37 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- module Playbook
4
- module VerticalAlign
5
- def self.included(base)
6
- base.prop :vertical_align
7
- end
8
-
9
- # rubocop:disable Style/IfInsideElse
10
- def vertical_align_props
11
- selected_props = vertical_align_options.keys.select { |sk| try(sk) }
12
- return nil unless selected_props.present?
13
-
14
- selected_props.map do |k|
15
- vertical_align_value = send(k)
16
- if vertical_align_value.is_a?(Hash)
17
- vertical_align_value.map do |media_size, flex_value|
18
- "vertical_align_#{media_size}_#{flex_value.underscore}" if vertical_align_values.include? flex_value
19
- end
20
- else
21
- "vertical_align_#{vertical_align_value.underscore}" if vertical_align_values.include? vertical_align_value
22
- end
23
- end.compact.join(" ")
24
- end
25
- # rubocop:enable Style/IfInsideElse
26
-
27
- def vertical_align_options
28
- {
29
- vertical_align: "vertical_align",
30
- }
31
- end
32
-
33
- def vertical_align_values
34
- %w[baseline super top middle bottom sub text-top text-bottom]
35
- end
36
- end
37
- end