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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/_playbook.scss +3 -2
- data/app/pb_kits/playbook/index.js +0 -2
- data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx +1 -4
- data/app/pb_kits/playbook/pb_bar_graph/bar_graph.rb +0 -16
- data/app/pb_kits/playbook/pb_card/_card_mixin.scss +2 -1
- data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx +2 -5
- data/app/pb_kits/playbook/pb_circle_chart/circle_chart.rb +0 -16
- data/app/pb_kits/playbook/pb_collapsible/_collapsible.tsx +8 -14
- data/app/pb_kits/playbook/pb_collapsible/collapsible.test.js +0 -24
- data/app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.ts +1 -7
- data/app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.ts +1 -9
- data/app/pb_kits/playbook/pb_form_group/_form_group.scss +2 -2
- data/app/pb_kits/playbook/pb_line_graph/_line_graph.tsx +1 -4
- data/app/pb_kits/playbook/pb_line_graph/line_graph.rb +0 -16
- data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +1 -0
- data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.tsx +30 -32
- data/app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb +0 -2
- data/app/pb_kits/playbook/pb_table/_table.tsx +0 -5
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column.html.erb +34 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column.jsx +32 -33
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column.md +1 -1
- data/app/pb_kits/playbook/pb_table/docs/{_table_outer_padding.html.erb → _table_alignment_row.html.erb} +7 -7
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row.jsx +33 -33
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row.md +1 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.html.erb +63 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx +50 -51
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.md +1 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.html.erb +52 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.jsx +38 -37
- data/app/pb_kits/playbook/pb_table/docs/example.yml +9 -9
- data/app/pb_kits/playbook/pb_table/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_table/styles/_all.scss +0 -1
- data/app/pb_kits/playbook/pb_table/table.rb +1 -14
- data/app/pb_kits/playbook/pb_table/table.test.js +1 -5
- data/app/pb_kits/playbook/pb_table/table_header.html.erb +2 -0
- data/app/pb_kits/playbook/playbook-doc.js +0 -2
- data/app/pb_kits/playbook/utilities/globalProps.ts +1 -12
- data/dist/menu.yml +2 -5
- data/dist/playbook-rails.js +6 -6
- data/lib/playbook/classnames.rb +0 -1
- data/lib/playbook/kit_base.rb +0 -2
- data/lib/playbook/version.rb +1 -1
- metadata +6 -35
- data/app/pb_kits/playbook/pb_bar_graph/barGraph.test.js +0 -31
- data/app/pb_kits/playbook/pb_circle_chart/circleChart.test.js +0 -45
- data/app/pb_kits/playbook/pb_collapsible/__snapshots__/collapsible.test.js.snap +0 -53
- data/app/pb_kits/playbook/pb_draggable/_draggable.scss +0 -10
- data/app/pb_kits/playbook/pb_draggable/_draggable.tsx +0 -53
- data/app/pb_kits/playbook/pb_draggable/context/index.tsx +0 -92
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx +0 -53
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx +0 -159
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.jsx +0 -121
- data/app/pb_kits/playbook/pb_draggable/docs/example.yml +0 -9
- data/app/pb_kits/playbook/pb_draggable/docs/index.js +0 -3
- data/app/pb_kits/playbook/pb_draggable/draggable.test.jsx +0 -65
- data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableContainer.tsx +0 -54
- data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableItem.tsx +0 -57
- data/app/pb_kits/playbook/pb_gauge/gauge.test.js +0 -35
- data/app/pb_kits/playbook/pb_line_graph/lineGraph.test.js +0 -52
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column_rails.html.erb +0 -33
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column_rails.md +0 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row_rails.html.erb +0 -34
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row_rails.md +0 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data_rails.html.erb +0 -54
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data_rails.md +0 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.md +0 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row_rails.html.erb +0 -53
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row_rails.md +0 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_outer_padding.jsx +0 -76
- data/app/pb_kits/playbook/pb_table/docs/_table_outer_padding.md +0 -1
- data/app/pb_kits/playbook/pb_table/styles/_outer_padding.scss +0 -21
- data/app/pb_kits/playbook/pb_treemap_chart/treemapChart.test.js +0 -61
- data/app/pb_kits/playbook/tokens/_vertical_align.scss +0 -18
- data/app/pb_kits/playbook/utilities/_vertical_align.scss +0 -16
- 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
|