playbook_ui 11.11.0 → 11.12.1
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/index.js +2 -0
- data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx +21 -1
- data/app/pb_kits/playbook/pb_bar_graph/bar_graph.rb +17 -1
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.html.erb +62 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.jsx +86 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.md +17 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_button/_button.scss +6 -0
- data/app/pb_kits/playbook/pb_button/docs/_button_default.html.erb +4 -4
- data/app/pb_kits/playbook/pb_button/docs/_button_default.jsx +18 -17
- data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.jsx +15 -0
- data/app/pb_kits/playbook/pb_circle_chart/circle_chart.rb +16 -0
- data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.html.erb +86 -0
- data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.jsx +114 -0
- data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.md +17 -0
- data/app/pb_kits/playbook/pb_circle_chart/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_circle_chart/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_date_picker/date_picker.test.js +50 -50
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.jsx +1 -0
- data/app/pb_kits/playbook/pb_date_picker/plugins/timeSelect.ts +89 -89
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_time_selection_styles.scss +15 -0
- data/app/pb_kits/playbook/pb_dialog/_dialog.scss +30 -1
- data/app/pb_kits/playbook/pb_dialog/dialog.html.erb +28 -0
- data/app/pb_kits/playbook/pb_dialog/dialog.rb +7 -35
- data/app/pb_kits/playbook/pb_dialog/dialogHelper.js +21 -0
- data/app/pb_kits/playbook/pb_dialog/dialog_body.html.erb +7 -0
- data/app/pb_kits/playbook/pb_dialog/dialog_body.rb +13 -0
- data/app/pb_kits/playbook/pb_dialog/dialog_footer.html.erb +13 -0
- data/app/pb_kits/playbook/pb_dialog/dialog_footer.rb +16 -0
- data/app/pb_kits/playbook/pb_dialog/dialog_header.html.erb +13 -0
- data/app/pb_kits/playbook/pb_dialog/dialog_header.rb +3 -20
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.html.erb +12 -0
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.md +3 -1
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_default.html.erb +11 -0
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_default.md +3 -0
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes.html.erb +29 -0
- data/app/pb_kits/playbook/pb_dialog/docs/example.yml +3 -0
- data/app/pb_kits/playbook/pb_icon/_icon.tsx +3 -1
- data/app/pb_kits/playbook/pb_icon/icon.rb +8 -1
- data/app/pb_kits/playbook/pb_icon/icon.test.js +155 -0
- data/app/pb_kits/playbook/pb_legend/{_legend.jsx → _legend.tsx} +6 -6
- data/app/pb_kits/playbook/pb_legend/legend.test.js +29 -0
- data/app/pb_kits/playbook/pb_line_graph/_line_graph.jsx +20 -0
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.html.erb +62 -0
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.jsx +83 -0
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.md +17 -0
- data/app/pb_kits/playbook/pb_line_graph/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_line_graph/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_line_graph/line_graph.rb +17 -1
- data/app/pb_kits/playbook/pb_radio/_radio.scss +1 -1
- data/app/pb_kits/playbook/pb_title/_title.scss +5 -0
- data/app/pb_kits/playbook/pb_title/_title.tsx +4 -1
- data/app/pb_kits/playbook/pb_title/docs/{_title_light.html.erb → _title_default.html.erb} +3 -3
- data/app/pb_kits/playbook/pb_title/docs/{_title_light.jsx → _title_default.jsx} +14 -14
- data/app/pb_kits/playbook/pb_title/docs/{_title_light.md → _title_default.md} +0 -0
- data/app/pb_kits/playbook/pb_title/docs/_title_light_weight.html.erb +1 -0
- data/app/pb_kits/playbook/pb_title/docs/_title_light_weight.jsx +19 -0
- data/app/pb_kits/playbook/pb_title/docs/_title_light_weight.md +4 -0
- data/app/pb_kits/playbook/pb_title/docs/example.yml +4 -2
- data/app/pb_kits/playbook/pb_title/docs/index.js +2 -1
- data/app/pb_kits/playbook/pb_title/title.rb +6 -1
- data/app/pb_kits/playbook/pb_title/title.test.js +13 -0
- data/app/pb_kits/playbook/playbook-rails.js +4 -0
- data/app/pb_kits/playbook/plugins/pb_chart.js +13 -0
- data/app/pb_kits/playbook/tokens/_titles.scss +10 -1
- data/app/pb_kits/playbook/tokens/_typography.scss +2 -2
- data/lib/playbook/version.rb +2 -2
- metadata +30 -7
- data/app/pb_kits/playbook/pb_dialog/_dialog.html.erb +0 -10
@@ -1,5 +1,6 @@
|
|
1
1
|
export { default as LineGraphDefault } from './_line_graph_default.jsx'
|
2
2
|
export { default as LineGraphLegend } from './_line_graph_legend.jsx'
|
3
|
+
export { default as LineGraphLegendPosition } from './_line_graph_legend_position.jsx'
|
3
4
|
export { default as LineGraphLegendNonclickable } from './_line_graph_legend_nonclickable.jsx'
|
4
5
|
export { default as LineGraphHeight } from './_line_graph_height.jsx'
|
5
6
|
export { default as LineGraphColors } from './_line_graph_colors.jsx'
|
@@ -3,6 +3,9 @@
|
|
3
3
|
module Playbook
|
4
4
|
module PbLineGraph
|
5
5
|
class LineGraph < Playbook::KitBase
|
6
|
+
prop :align, type: Playbook::Props::Enum,
|
7
|
+
values: %w[left right center],
|
8
|
+
default: "center"
|
6
9
|
prop :axis_title
|
7
10
|
prop :chart_data, type: Playbook::Props::Array,
|
8
11
|
default: []
|
@@ -22,6 +25,14 @@ module Playbook
|
|
22
25
|
prop :height
|
23
26
|
prop :colors, type: Playbook::Props::Array,
|
24
27
|
default: []
|
28
|
+
prop :layout, type: Playbook::Props::Enum,
|
29
|
+
values: %w[horizontal vertical proximate],
|
30
|
+
default: "horizontal"
|
31
|
+
prop :vertical_align, type: Playbook::Props::Enum,
|
32
|
+
values: %w[top middle bottom],
|
33
|
+
default: "bottom"
|
34
|
+
prop :x, type: Playbook::Props::Numeric
|
35
|
+
prop :y, type: Playbook::Props::Numeric
|
25
36
|
|
26
37
|
def chart_type
|
27
38
|
gradient ? "area" : "line"
|
@@ -29,13 +40,14 @@ module Playbook
|
|
29
40
|
|
30
41
|
def chart_options
|
31
42
|
{
|
43
|
+
align: align,
|
32
44
|
id: id,
|
33
45
|
className: classname,
|
34
46
|
chartData: chart_data,
|
35
47
|
dark: dark ? "dark" : "",
|
36
48
|
type: chart_type,
|
37
49
|
title: title,
|
38
|
-
|
50
|
+
subTitle: subtitle,
|
39
51
|
axisTitle: axis_title,
|
40
52
|
pointStart: point_start,
|
41
53
|
xAxisCategories: x_axis_categories,
|
@@ -45,6 +57,10 @@ module Playbook
|
|
45
57
|
toggleLegendClick: toggle_legend_click,
|
46
58
|
height: height,
|
47
59
|
colors: colors,
|
60
|
+
layout: layout,
|
61
|
+
verticalAlign: vertical_align,
|
62
|
+
x: x,
|
63
|
+
y: y,
|
48
64
|
}
|
49
65
|
end
|
50
66
|
|
@@ -5,6 +5,7 @@ import { deprecatedProps, GlobalProps, globalProps } from '../utilities/globalPr
|
|
5
5
|
|
6
6
|
type TitleProps = {
|
7
7
|
aria?: {[key: string]: string},
|
8
|
+
bold?: boolean,
|
8
9
|
children?: React.ReactChild[] | React.ReactChild,
|
9
10
|
className?: string,
|
10
11
|
color?: "default" | "light" | "lighter" | "success" | "error" | "link",
|
@@ -20,6 +21,7 @@ const Title = (props: TitleProps): React.ReactElement => {
|
|
20
21
|
if (props.variant) deprecatedProps('Title', ['variant']) //variant prop is deprecated, use color instead
|
21
22
|
const {
|
22
23
|
aria = {},
|
24
|
+
bold = true,
|
23
25
|
children,
|
24
26
|
className,
|
25
27
|
color,
|
@@ -33,8 +35,9 @@ const Title = (props: TitleProps): React.ReactElement => {
|
|
33
35
|
|
34
36
|
const ariaProps: {[key: string]: string | number} = buildAriaProps(aria)
|
35
37
|
const dataProps: {[key: string]: string | number} = buildDataProps(data)
|
38
|
+
const getBold = bold ? '' : 'thin'
|
36
39
|
const classes = classnames(
|
37
|
-
buildCss('pb_title_kit', `size_${size}`, variant, color),
|
40
|
+
buildCss('pb_title_kit', `size_${size}`, variant, color, getBold),
|
38
41
|
globalProps(props),
|
39
42
|
className,
|
40
43
|
)
|
@@ -5,7 +5,7 @@
|
|
5
5
|
|
6
6
|
<br/>
|
7
7
|
|
8
|
-
<%= pb_rails("title", props: { text: "Title 4", tag: "h4", size: 4 }) %>
|
9
|
-
<%= pb_rails("title", props: { text: "Title 3", tag: "h3", size: 3 }) %>
|
10
|
-
<%= pb_rails("title", props: { text: "Title 2", tag: "h2", size: 2 }) %>
|
11
8
|
<%= pb_rails("title", props: { text: "Title 1", tag: "h1", size: 1 }) %>
|
9
|
+
<%= pb_rails("title", props: { text: "Title 2", tag: "h2", size: 2 }) %>
|
10
|
+
<%= pb_rails("title", props: { text: "Title 3", tag: "h3", size: 3 }) %>
|
11
|
+
<%= pb_rails("title", props: { text: "Title 4", tag: "h4", size: 4 }) %>
|
@@ -2,7 +2,7 @@ import React from 'react'
|
|
2
2
|
|
3
3
|
import Title from '../_title'
|
4
4
|
|
5
|
-
const
|
5
|
+
const TitleDefault = (props) => {
|
6
6
|
return (
|
7
7
|
<div>
|
8
8
|
<Title
|
@@ -11,15 +11,9 @@ const TitleLight = (props) => {
|
|
11
11
|
/>
|
12
12
|
<br />
|
13
13
|
<Title
|
14
|
-
size={
|
15
|
-
tag="
|
16
|
-
text="Title
|
17
|
-
{...props}
|
18
|
-
/>
|
19
|
-
<Title
|
20
|
-
size={3}
|
21
|
-
tag="h3"
|
22
|
-
text="Title 3"
|
14
|
+
size={1}
|
15
|
+
tag="h1"
|
16
|
+
text="Title 1"
|
23
17
|
{...props}
|
24
18
|
/>
|
25
19
|
<Title
|
@@ -29,13 +23,19 @@ const TitleLight = (props) => {
|
|
29
23
|
{...props}
|
30
24
|
/>
|
31
25
|
<Title
|
32
|
-
size={
|
33
|
-
tag="
|
34
|
-
text="Title
|
26
|
+
size={3}
|
27
|
+
tag="h3"
|
28
|
+
text="Title 3"
|
29
|
+
{...props}
|
30
|
+
/>
|
31
|
+
<Title
|
32
|
+
size={4}
|
33
|
+
tag="h4"
|
34
|
+
text="Title 4"
|
35
35
|
{...props}
|
36
36
|
/>
|
37
37
|
</div>
|
38
38
|
)
|
39
39
|
}
|
40
40
|
|
41
|
-
export default
|
41
|
+
export default TitleDefault
|
File without changes
|
@@ -0,0 +1 @@
|
|
1
|
+
<%= pb_rails("title", props: { text: "Title 1", tag: "h1", size: 1, bold: false }) %>
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import React from 'react'
|
2
|
+
|
3
|
+
import Title from '../_title'
|
4
|
+
|
5
|
+
const TitleLightWeight = (props) => {
|
6
|
+
return (
|
7
|
+
<div>
|
8
|
+
<Title
|
9
|
+
bold={false}
|
10
|
+
size={1}
|
11
|
+
tag="h1"
|
12
|
+
text="Title 1"
|
13
|
+
{...props}
|
14
|
+
/>
|
15
|
+
</div>
|
16
|
+
)
|
17
|
+
}
|
18
|
+
|
19
|
+
export default TitleLightWeight
|
@@ -0,0 +1,4 @@
|
|
1
|
+
##### Prop
|
2
|
+
Title `size 1` will use `font-weight: 700` by default, if you want a lighter font weight, use the `bold` prop set to `false`.
|
3
|
+
Title `size 2` & `size 3` uses a light font weight by default and will not accept a bold font weight.
|
4
|
+
Title `size 4` uses a heavy font weight by default and will not accept a lighter font weight.
|
@@ -1,8 +1,10 @@
|
|
1
1
|
examples:
|
2
2
|
rails:
|
3
|
-
-
|
3
|
+
- title_default: Default UI
|
4
|
+
- title_light_weight: Light Weight UI
|
4
5
|
- title_colors: Colors
|
5
6
|
|
6
7
|
react:
|
7
|
-
-
|
8
|
+
- title_default: Default UI
|
9
|
+
- title_light_weight: Light Weight UI
|
8
10
|
- title_colors: Colors
|
@@ -17,9 +17,14 @@ module Playbook
|
|
17
17
|
values: [nil, "link"],
|
18
18
|
default: nil,
|
19
19
|
deprecated: true
|
20
|
+
prop :bold, type: Playbook::Props::Boolean, default: true
|
20
21
|
|
21
22
|
def classname
|
22
|
-
generate_classname("pb_title_kit", size, variant, color)
|
23
|
+
generate_classname("pb_title_kit", size, variant, color, is_bold)
|
24
|
+
end
|
25
|
+
|
26
|
+
def is_bold
|
27
|
+
bold ? nil : "thin"
|
23
28
|
end
|
24
29
|
end
|
25
30
|
end
|
@@ -15,6 +15,19 @@ test('returns namespaced class name', () => {
|
|
15
15
|
expect(kit).toHaveClass('pb_title_kit_size_3')
|
16
16
|
})
|
17
17
|
|
18
|
+
test('with thin font weight', () => {
|
19
|
+
render(
|
20
|
+
<Title
|
21
|
+
bold={false}
|
22
|
+
data={{ testid: 'primary-test' }}
|
23
|
+
text="Test thin font weight"
|
24
|
+
/>
|
25
|
+
)
|
26
|
+
|
27
|
+
const kit = screen.getByTestId('primary-test')
|
28
|
+
expect(kit).toHaveClass('pb_title_kit_size_3_thin')
|
29
|
+
})
|
30
|
+
|
18
31
|
test('with colors', () => {
|
19
32
|
render(
|
20
33
|
<Title
|
@@ -9,6 +9,10 @@ import './pb_form/pb_form_validation'
|
|
9
9
|
import datePickerHelper from './pb_date_picker/date_picker_helper'
|
10
10
|
window.datePickerHelper = datePickerHelper
|
11
11
|
|
12
|
+
// Dialog
|
13
|
+
import dialogHelper from './pb_dialog/dialogHelper'
|
14
|
+
window.dialogHelper = dialogHelper
|
15
|
+
|
12
16
|
// Lazy image loading
|
13
17
|
import 'lazysizes'
|
14
18
|
|
@@ -167,6 +167,14 @@ class pbChart {
|
|
167
167
|
},
|
168
168
|
},
|
169
169
|
|
170
|
+
legend: {
|
171
|
+
align: this.defaults.align,
|
172
|
+
verticalAlign: this.defaults.verticalAlign,
|
173
|
+
layout: this.defaults.layout,
|
174
|
+
x: this.defaults.x,
|
175
|
+
y: this.defaults.y,
|
176
|
+
},
|
177
|
+
|
170
178
|
plotOptions: {
|
171
179
|
pie: {
|
172
180
|
colors: options.colors.length > 0 ? mapColors(options.colors) : highchartsTheme.colors,
|
@@ -255,6 +263,11 @@ class pbChart {
|
|
255
263
|
},
|
256
264
|
legend: {
|
257
265
|
enabled: this.defaults.legend,
|
266
|
+
align: this.defaults.align,
|
267
|
+
verticalAlign: this.defaults.verticalAlign,
|
268
|
+
layout: this.defaults.layout,
|
269
|
+
x: this.defaults.x,
|
270
|
+
y: this.defaults.y,
|
258
271
|
},
|
259
272
|
colors: options.colors !== undefined && options.colors.length > 0 ? mapColors(options.colors) : highchartsTheme.colors,
|
260
273
|
plotOptions: {
|
@@ -18,7 +18,6 @@
|
|
18
18
|
|
19
19
|
@mixin pb_title_1 {
|
20
20
|
@include pb_title($heading_1);
|
21
|
-
letter-spacing: -0.03em;
|
22
21
|
}
|
23
22
|
|
24
23
|
@mixin pb_title_2 {
|
@@ -31,8 +30,18 @@
|
|
31
30
|
|
32
31
|
@mixin pb_title_4 {
|
33
32
|
@include pb_title($heading_4, $bolder);
|
33
|
+
letter-spacing: -0.03em;
|
34
34
|
}
|
35
35
|
|
36
36
|
@mixin pb_title_dark {
|
37
37
|
color: $text_dk_default;
|
38
38
|
}
|
39
|
+
|
40
|
+
@mixin pb_title_bold {
|
41
|
+
font-weight: $bolder;
|
42
|
+
}
|
43
|
+
|
44
|
+
@mixin pb_title_thin {
|
45
|
+
font-weight: $lighter;
|
46
|
+
letter-spacing: $lspace_tight;
|
47
|
+
}
|
@@ -30,7 +30,7 @@ $text_smallest: $font_smallest;
|
|
30
30
|
|
31
31
|
|
32
32
|
/* Headings */
|
33
|
-
$heading_1:
|
33
|
+
$heading_1: 46px;
|
34
34
|
$heading_2: 34px;
|
35
35
|
$heading_3: $font_larger;
|
36
36
|
$heading_4: $font_base;
|
@@ -41,7 +41,7 @@ $heading_4: $font_base;
|
|
41
41
|
// Letter Spacing
|
42
42
|
$lspace_tightest: -.1em;
|
43
43
|
$lspace_tighter: -.07em;
|
44
|
-
$lspace_tight: -.
|
44
|
+
$lspace_tight: -.01em;
|
45
45
|
$lspace_normal: 0;
|
46
46
|
$lspace_loose: .03em;
|
47
47
|
$lspace_looser: .07em;
|
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 11.
|
4
|
+
version: 11.12.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2022-
|
12
|
+
date: 2022-11-22 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -377,6 +377,9 @@ files:
|
|
377
377
|
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.jsx
|
378
378
|
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.html.erb
|
379
379
|
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.jsx
|
380
|
+
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.html.erb
|
381
|
+
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.jsx
|
382
|
+
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.md
|
380
383
|
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.html.erb
|
381
384
|
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.jsx
|
382
385
|
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.md
|
@@ -550,6 +553,9 @@ files:
|
|
550
553
|
- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.jsx
|
551
554
|
- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_inner_sizes.html.erb
|
552
555
|
- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_inner_sizes.jsx
|
556
|
+
- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.html.erb
|
557
|
+
- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.jsx
|
558
|
+
- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.md
|
553
559
|
- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_live_data.jsx
|
554
560
|
- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.html.erb
|
555
561
|
- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.jsx
|
@@ -808,19 +814,28 @@ files:
|
|
808
814
|
- app/pb_kits/playbook/pb_date_year_stacked/docs/example.yml
|
809
815
|
- app/pb_kits/playbook/pb_date_year_stacked/docs/index.js
|
810
816
|
- app/pb_kits/playbook/pb_dialog/_close_icon.tsx
|
811
|
-
- app/pb_kits/playbook/pb_dialog/_dialog.html.erb
|
812
817
|
- app/pb_kits/playbook/pb_dialog/_dialog.scss
|
813
818
|
- app/pb_kits/playbook/pb_dialog/_dialog.tsx
|
814
819
|
- app/pb_kits/playbook/pb_dialog/_dialog_context.tsx
|
815
820
|
- app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx
|
816
821
|
- app/pb_kits/playbook/pb_dialog/child_kits/_dialog_footer.tsx
|
817
822
|
- app/pb_kits/playbook/pb_dialog/child_kits/_dialog_header.tsx
|
823
|
+
- app/pb_kits/playbook/pb_dialog/dialog.html.erb
|
818
824
|
- app/pb_kits/playbook/pb_dialog/dialog.rb
|
819
825
|
- app/pb_kits/playbook/pb_dialog/dialog.test.jsx
|
826
|
+
- app/pb_kits/playbook/pb_dialog/dialogHelper.js
|
827
|
+
- app/pb_kits/playbook/pb_dialog/dialog_body.html.erb
|
828
|
+
- app/pb_kits/playbook/pb_dialog/dialog_body.rb
|
829
|
+
- app/pb_kits/playbook/pb_dialog/dialog_footer.html.erb
|
830
|
+
- app/pb_kits/playbook/pb_dialog/dialog_footer.rb
|
831
|
+
- app/pb_kits/playbook/pb_dialog/dialog_header.html.erb
|
820
832
|
- app/pb_kits/playbook/pb_dialog/dialog_header.rb
|
833
|
+
- app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.html.erb
|
821
834
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.jsx
|
822
835
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.md
|
836
|
+
- app/pb_kits/playbook/pb_dialog/docs/_dialog_default.html.erb
|
823
837
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
|
838
|
+
- app/pb_kits/playbook/pb_dialog/docs/_dialog_default.md
|
824
839
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.jsx
|
825
840
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.md
|
826
841
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.jsx
|
@@ -831,6 +846,7 @@ files:
|
|
831
846
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_separators.md
|
832
847
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
|
833
848
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.md
|
849
|
+
- app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes.html.erb
|
834
850
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes.jsx
|
835
851
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.jsx
|
836
852
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.md
|
@@ -1116,6 +1132,7 @@ files:
|
|
1116
1132
|
- app/pb_kits/playbook/pb_icon/docs/index.js
|
1117
1133
|
- app/pb_kits/playbook/pb_icon/icon.html.erb
|
1118
1134
|
- app/pb_kits/playbook/pb_icon/icon.rb
|
1135
|
+
- app/pb_kits/playbook/pb_icon/icon.test.js
|
1119
1136
|
- app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss
|
1120
1137
|
- app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
|
1121
1138
|
- app/pb_kits/playbook/pb_icon_circle/docs/_description.md
|
@@ -1244,8 +1261,8 @@ files:
|
|
1244
1261
|
- app/pb_kits/playbook/pb_layout/layout.test.js
|
1245
1262
|
- app/pb_kits/playbook/pb_layout/sidebar.html.erb
|
1246
1263
|
- app/pb_kits/playbook/pb_layout/sidebar.rb
|
1247
|
-
- app/pb_kits/playbook/pb_legend/_legend.jsx
|
1248
1264
|
- app/pb_kits/playbook/pb_legend/_legend.scss
|
1265
|
+
- app/pb_kits/playbook/pb_legend/_legend.tsx
|
1249
1266
|
- app/pb_kits/playbook/pb_legend/docs/_description.md
|
1250
1267
|
- app/pb_kits/playbook/pb_legend/docs/_footer.md
|
1251
1268
|
- app/pb_kits/playbook/pb_legend/docs/_legend_colors.html.erb
|
@@ -1301,6 +1318,9 @@ files:
|
|
1301
1318
|
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.jsx
|
1302
1319
|
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.html.erb
|
1303
1320
|
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.jsx
|
1321
|
+
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.html.erb
|
1322
|
+
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.jsx
|
1323
|
+
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.md
|
1304
1324
|
- app/pb_kits/playbook/pb_line_graph/docs/example.yml
|
1305
1325
|
- app/pb_kits/playbook/pb_line_graph/docs/index.js
|
1306
1326
|
- app/pb_kits/playbook/pb_line_graph/lineGraphSettings.js
|
@@ -1995,9 +2015,12 @@ files:
|
|
1995
2015
|
- app/pb_kits/playbook/pb_title/docs/_title_colors.html.erb
|
1996
2016
|
- app/pb_kits/playbook/pb_title/docs/_title_colors.jsx
|
1997
2017
|
- app/pb_kits/playbook/pb_title/docs/_title_colors.md
|
1998
|
-
- app/pb_kits/playbook/pb_title/docs/
|
1999
|
-
- app/pb_kits/playbook/pb_title/docs/
|
2000
|
-
- app/pb_kits/playbook/pb_title/docs/
|
2018
|
+
- app/pb_kits/playbook/pb_title/docs/_title_default.html.erb
|
2019
|
+
- app/pb_kits/playbook/pb_title/docs/_title_default.jsx
|
2020
|
+
- app/pb_kits/playbook/pb_title/docs/_title_default.md
|
2021
|
+
- app/pb_kits/playbook/pb_title/docs/_title_light_weight.html.erb
|
2022
|
+
- app/pb_kits/playbook/pb_title/docs/_title_light_weight.jsx
|
2023
|
+
- app/pb_kits/playbook/pb_title/docs/_title_light_weight.md
|
2001
2024
|
- app/pb_kits/playbook/pb_title/docs/example.yml
|
2002
2025
|
- app/pb_kits/playbook/pb_title/docs/index.js
|
2003
2026
|
- app/pb_kits/playbook/pb_title/title.html.erb
|
@@ -1,10 +0,0 @@
|
|
1
|
-
<%= content_tag(:div,
|
2
|
-
id: object.id,
|
3
|
-
data: object.data,
|
4
|
-
class: object.classname,
|
5
|
-
aria: object.aria,
|
6
|
-
dark: object.dark) do %>
|
7
|
-
<% if object.children %>
|
8
|
-
<%= pb_rails("dialog/dialog_header", props: { children: object.children }) %>
|
9
|
-
<% end %>
|
10
|
-
<% end %>
|