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

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