playbook_ui_docs 15.4.0.pre.alpha.PLAY1541responsivefloorPOC12370 → 15.4.0.pre.alpha.PLAY2429datepickeropenonscreenstatic12263
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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_date_range_inline/docs/_description.md +1 -1
- data/app/pb_kits/playbook/pb_date_range_inline/docs/example.yml +2 -3
- data/app/pb_kits/playbook/pb_date_range_inline/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.html.erb +1 -1
- data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.html.erb +5 -0
- data/app/pb_kits/playbook/pb_date_stacked/docs/{_date_stacked_current_year.jsx → _date_stacked_not_current_year.jsx} +5 -6
- data/app/pb_kits/playbook/pb_date_stacked/docs/_description.md +1 -1
- data/app/pb_kits/playbook/pb_date_stacked/docs/example.yml +2 -2
- data/app/pb_kits/playbook/pb_date_stacked/docs/index.js +1 -1
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.html.erb +2 -2
- data/app/pb_kits/playbook/pb_flex/docs/_flex_item_example.jsx +0 -1
- data/app/pb_kits/playbook/pb_nav/docs/example.yml +0 -4
- data/app/pb_kits/playbook/pb_nav/docs/index.js +1 -3
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_description.md +1 -3
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.html.erb +1 -1
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_description.md +1 -3
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.md +1 -2
- data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_description.md +1 -3
- data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_color.md +2 -2
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/_description.md +1 -3
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_position.html.erb +1 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.html.erb +2 -10
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb +11 -19
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.html.erb +1 -5
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.html.erb +1 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml +2 -2
- data/dist/playbook-doc.js +19 -1
- metadata +4 -22
- data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.html.erb +0 -4
- data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.jsx +0 -43
- data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.md +0 -1
- data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.html.erb +0 -12
- data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.md +0 -1
- data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.html.erb +0 -21
- data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.jsx +0 -113
- data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.md +0 -1
- data/app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.html.erb +0 -30
- data/app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.jsx +0 -117
- data/app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.md +0 -1
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.md +0 -1
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.md +0 -11
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.md +0 -1
- data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.md +0 -1
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.md +0 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default_rails.md +0 -7
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline_rails.md +0 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky_rails.md +0 -1
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: playbook_ui_docs
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 15.4.0.pre.alpha.
|
|
4
|
+
version: 15.4.0.pre.alpha.PLAY2429datepickeropenonscreenstatic12263
|
|
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: 2025-11-
|
|
12
|
+
date: 2025-11-11 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: playbook_ui
|
|
@@ -696,9 +696,6 @@ files:
|
|
|
696
696
|
- app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.jsx
|
|
697
697
|
- app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default_swift.md
|
|
698
698
|
- app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_props_swift.md
|
|
699
|
-
- app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.html.erb
|
|
700
|
-
- app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.jsx
|
|
701
|
-
- app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.md
|
|
702
699
|
- app/pb_kits/playbook/pb_date_range_inline/docs/_description.md
|
|
703
700
|
- app/pb_kits/playbook/pb_date_range_inline/docs/example.yml
|
|
704
701
|
- app/pb_kits/playbook/pb_date_range_inline/docs/index.js
|
|
@@ -713,12 +710,11 @@ files:
|
|
|
713
710
|
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold.html.erb
|
|
714
711
|
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold.jsx
|
|
715
712
|
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold_swift.md
|
|
716
|
-
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.html.erb
|
|
717
|
-
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.jsx
|
|
718
|
-
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.md
|
|
719
713
|
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.html.erb
|
|
720
714
|
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.jsx
|
|
721
715
|
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default_swift.md
|
|
716
|
+
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.html.erb
|
|
717
|
+
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.jsx
|
|
722
718
|
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year_swift.md
|
|
723
719
|
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_props_swift.md
|
|
724
720
|
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reverse.html.erb
|
|
@@ -1551,9 +1547,6 @@ files:
|
|
|
1551
1547
|
- app/pb_kits/playbook/pb_nav/docs/_description.md
|
|
1552
1548
|
- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.html.erb
|
|
1553
1549
|
- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx
|
|
1554
|
-
- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.html.erb
|
|
1555
|
-
- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.jsx
|
|
1556
|
-
- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.md
|
|
1557
1550
|
- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.html.erb
|
|
1558
1551
|
- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.jsx
|
|
1559
1552
|
- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.md
|
|
@@ -1586,9 +1579,6 @@ files:
|
|
|
1586
1579
|
- app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
|
|
1587
1580
|
- app/pb_kits/playbook/pb_nav/docs/_tab_nav.html.erb
|
|
1588
1581
|
- app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
|
|
1589
|
-
- app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.html.erb
|
|
1590
|
-
- app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.jsx
|
|
1591
|
-
- app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.md
|
|
1592
1582
|
- app/pb_kits/playbook/pb_nav/docs/_with_icons_nav.html.erb
|
|
1593
1583
|
- app/pb_kits/playbook/pb_nav/docs/_with_icons_nav.jsx
|
|
1594
1584
|
- app/pb_kits/playbook/pb_nav/docs/_with_img_nav.html.erb
|
|
@@ -1676,7 +1666,6 @@ files:
|
|
|
1676
1666
|
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors_react.md
|
|
1677
1667
|
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.html.erb
|
|
1678
1668
|
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.jsx
|
|
1679
|
-
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.md
|
|
1680
1669
|
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.html.erb
|
|
1681
1670
|
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.jsx
|
|
1682
1671
|
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.md
|
|
@@ -1687,7 +1676,6 @@ files:
|
|
|
1687
1676
|
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_non_clickable.jsx
|
|
1688
1677
|
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.html.erb
|
|
1689
1678
|
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.jsx
|
|
1690
|
-
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.md
|
|
1691
1679
|
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.html.erb
|
|
1692
1680
|
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.jsx
|
|
1693
1681
|
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_secondary_y_axis.html.erb
|
|
@@ -1717,7 +1705,6 @@ files:
|
|
|
1717
1705
|
- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.jsx
|
|
1718
1706
|
- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.html.erb
|
|
1719
1707
|
- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.jsx
|
|
1720
|
-
- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.md
|
|
1721
1708
|
- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.html.erb
|
|
1722
1709
|
- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.jsx
|
|
1723
1710
|
- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_live_data.jsx
|
|
@@ -1736,7 +1723,6 @@ files:
|
|
|
1736
1723
|
- app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_complex.md
|
|
1737
1724
|
- app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.html.erb
|
|
1738
1725
|
- app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.jsx
|
|
1739
|
-
- app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.md
|
|
1740
1726
|
- app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_disable_animation.html.erb
|
|
1741
1727
|
- app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_disable_animation.jsx
|
|
1742
1728
|
- app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_full_circle.html.erb
|
|
@@ -1763,7 +1749,6 @@ files:
|
|
|
1763
1749
|
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.md
|
|
1764
1750
|
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.html.erb
|
|
1765
1751
|
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.jsx
|
|
1766
|
-
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.md
|
|
1767
1752
|
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.html.erb
|
|
1768
1753
|
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.jsx
|
|
1769
1754
|
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.md
|
|
@@ -1957,12 +1942,10 @@ files:
|
|
|
1957
1942
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.jsx
|
|
1958
1943
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.html.erb
|
|
1959
1944
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.jsx
|
|
1960
|
-
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default_rails.md
|
|
1961
1945
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.html.erb
|
|
1962
1946
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.jsx
|
|
1963
1947
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.html.erb
|
|
1964
1948
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.jsx
|
|
1965
|
-
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline_rails.md
|
|
1966
1949
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.jsx
|
|
1967
1950
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.md
|
|
1968
1951
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb
|
|
@@ -1971,7 +1954,6 @@ files:
|
|
|
1971
1954
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.jsx
|
|
1972
1955
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.html.erb
|
|
1973
1956
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.jsx
|
|
1974
|
-
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky_rails.md
|
|
1975
1957
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.html.erb
|
|
1976
1958
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.jsx
|
|
1977
1959
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_bottom.html.erb
|
data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.html.erb
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
<%= pb_rails("date_range_inline", props: { start_date: Date.new(Date.current.year, 10, 31), end_date: Date.new(Date.current.year, 12, 7), size: "xs", show_current_year: true }) %>
|
|
2
|
-
<%= pb_rails("date_range_inline", props: { start_date: Date.new(Date.current.year, 10, 31), end_date: Date.new(Date.current.year, 12, 7), show_current_year: true }) %>
|
|
3
|
-
<%= pb_rails("date_range_inline", props: { start_date: Date.new(Date.current.year, 10, 31), end_date: Date.new(Date.current.year, 12, 7), align: "center", icon: true, size: "xs", show_current_year: true }) %>
|
|
4
|
-
<%= pb_rails("date_range_inline", props: { start_date: Date.new(Date.current.year, 10, 31), end_date: Date.new(Date.current.year, 12, 7), align: "center", icon: true, show_current_year: true }) %>
|
data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.jsx
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
import DateRangeInline from '../_date_range_inline'
|
|
3
|
-
|
|
4
|
-
const DateRangeInlineShowCurrentYear = (props) => {
|
|
5
|
-
return (
|
|
6
|
-
<div>
|
|
7
|
-
<DateRangeInline
|
|
8
|
-
endDate={new Date(`7 Dec ${new Date().getFullYear()}`)}
|
|
9
|
-
showCurrentYear
|
|
10
|
-
size="xs"
|
|
11
|
-
startDate={new Date(`31 Oct ${new Date().getFullYear()}`)}
|
|
12
|
-
{...props}
|
|
13
|
-
/>
|
|
14
|
-
<DateRangeInline
|
|
15
|
-
endDate={new Date(`7 Dec ${new Date().getFullYear()}`)}
|
|
16
|
-
showCurrentYear
|
|
17
|
-
size="sm"
|
|
18
|
-
startDate={new Date(`31 Oct ${new Date().getFullYear()}`)}
|
|
19
|
-
{...props}
|
|
20
|
-
/>
|
|
21
|
-
<DateRangeInline
|
|
22
|
-
align="center"
|
|
23
|
-
endDate={new Date(`7 Dec ${new Date().getFullYear()}`)}
|
|
24
|
-
icon
|
|
25
|
-
showCurrentYear
|
|
26
|
-
size="xs"
|
|
27
|
-
startDate={new Date(`31 Oct ${new Date().getFullYear()}`)}
|
|
28
|
-
{...props}
|
|
29
|
-
/>
|
|
30
|
-
<DateRangeInline
|
|
31
|
-
align="center"
|
|
32
|
-
endDate={new Date(`7 Dec ${new Date().getFullYear()}`)}
|
|
33
|
-
icon
|
|
34
|
-
showCurrentYear
|
|
35
|
-
size="sm"
|
|
36
|
-
startDate={new Date(`31 Oct ${new Date().getFullYear()}`)}
|
|
37
|
-
{...props}
|
|
38
|
-
/>
|
|
39
|
-
</div>
|
|
40
|
-
)
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
export default DateRangeInlineShowCurrentYear
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
By default, the Date Range Inline kit does NOT display the year if it is the current year. If you want to display the current year you can do so by setting `showCurrentYear`/`show_current_year` to true as shown here.
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
By default, the Date Stacked kit does NOT display the year if it is the current year. If you want to display the current year you can do so by setting `showCurrentYear`/`show_current_year` to true as shown here.
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
<%= pb_rails("caption", props: { margin_bottom: "sm", text: "Default Variant" }) %>
|
|
2
|
-
<%= pb_rails("nav", props: { orientation: "horizontal" }) do %>
|
|
3
|
-
<%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
|
|
4
|
-
<%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
|
|
5
|
-
<%= pb_rails("nav/item", props: { text: "Service ", link: "#", disabled: true }) %>
|
|
6
|
-
<%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
|
|
7
|
-
<% end %>
|
|
8
|
-
<%= pb_rails("caption", props: { margin_bottom: "sm", margin_top:"lg", text: "Subtle Variant" }) %>
|
|
9
|
-
<%= pb_rails("nav", props: { orientation: "horizontal", variant: "subtle" }) do %>
|
|
10
|
-
<%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
|
|
11
|
-
<%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
|
|
12
|
-
<%= pb_rails("nav/item", props: { text: "Service ", link: "#", disabled: true }) %>
|
|
13
|
-
<%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
|
|
14
|
-
<% end %>
|
|
15
|
-
<%= pb_rails("caption", props: { margin_bottom: "sm", margin_top:"lg", text: "Bold Variant" }) %>
|
|
16
|
-
<%= pb_rails("nav", props: { orientation: "horizontal", variant: "bold" }) do %>
|
|
17
|
-
<%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
|
|
18
|
-
<%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
|
|
19
|
-
<%= pb_rails("nav/item", props: { text: "Service ", link: "#", disabled: true }) %>
|
|
20
|
-
<%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
|
|
21
|
-
<% end %>
|
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import Nav from '../_nav'
|
|
4
|
-
import NavItem from '../_item'
|
|
5
|
-
import Caption from '../../pb_caption/_caption'
|
|
6
|
-
|
|
7
|
-
const HorizontalNavDisabled = (props) => {
|
|
8
|
-
return (
|
|
9
|
-
<>
|
|
10
|
-
<Caption marginBottom="sm">Default Variant</Caption>
|
|
11
|
-
<Nav
|
|
12
|
-
link="#"
|
|
13
|
-
orientation="horizontal"
|
|
14
|
-
{...props}
|
|
15
|
-
>
|
|
16
|
-
<NavItem
|
|
17
|
-
link="#"
|
|
18
|
-
text="About"
|
|
19
|
-
{...props}
|
|
20
|
-
/>
|
|
21
|
-
<NavItem
|
|
22
|
-
active
|
|
23
|
-
link="#"
|
|
24
|
-
text="Case Studies"
|
|
25
|
-
{...props}
|
|
26
|
-
/>
|
|
27
|
-
<NavItem
|
|
28
|
-
disabled
|
|
29
|
-
link="#"
|
|
30
|
-
text="Service"
|
|
31
|
-
{...props}
|
|
32
|
-
/>
|
|
33
|
-
<NavItem
|
|
34
|
-
link="#"
|
|
35
|
-
text="Contacts"
|
|
36
|
-
{...props}
|
|
37
|
-
/>
|
|
38
|
-
</Nav>
|
|
39
|
-
<Caption
|
|
40
|
-
marginBottom="sm"
|
|
41
|
-
marginTop="lg"
|
|
42
|
-
>
|
|
43
|
-
Subtle Variant
|
|
44
|
-
</Caption>
|
|
45
|
-
<Nav
|
|
46
|
-
link="#"
|
|
47
|
-
orientation="horizontal"
|
|
48
|
-
variant="subtle"
|
|
49
|
-
{...props}
|
|
50
|
-
>
|
|
51
|
-
<NavItem
|
|
52
|
-
link="#"
|
|
53
|
-
text="About"
|
|
54
|
-
{...props}
|
|
55
|
-
/>
|
|
56
|
-
<NavItem
|
|
57
|
-
active
|
|
58
|
-
link="#"
|
|
59
|
-
text="Case Studies"
|
|
60
|
-
{...props}
|
|
61
|
-
/>
|
|
62
|
-
<NavItem
|
|
63
|
-
disabled
|
|
64
|
-
link="#"
|
|
65
|
-
text="Service"
|
|
66
|
-
{...props}
|
|
67
|
-
/>
|
|
68
|
-
<NavItem
|
|
69
|
-
link="#"
|
|
70
|
-
text="Contacts"
|
|
71
|
-
{...props}
|
|
72
|
-
/>
|
|
73
|
-
</Nav>
|
|
74
|
-
<Caption
|
|
75
|
-
marginBottom="sm"
|
|
76
|
-
marginTop="lg"
|
|
77
|
-
>
|
|
78
|
-
Bold Variant
|
|
79
|
-
</Caption>
|
|
80
|
-
<Nav
|
|
81
|
-
link="#"
|
|
82
|
-
orientation="horizontal"
|
|
83
|
-
variant="bold"
|
|
84
|
-
{...props}
|
|
85
|
-
>
|
|
86
|
-
<NavItem
|
|
87
|
-
link="#"
|
|
88
|
-
text="About"
|
|
89
|
-
{...props}
|
|
90
|
-
/>
|
|
91
|
-
<NavItem
|
|
92
|
-
active
|
|
93
|
-
link="#"
|
|
94
|
-
text="Case Studies"
|
|
95
|
-
{...props}
|
|
96
|
-
/>
|
|
97
|
-
<NavItem
|
|
98
|
-
disabled
|
|
99
|
-
link="#"
|
|
100
|
-
text="Service"
|
|
101
|
-
{...props}
|
|
102
|
-
/>
|
|
103
|
-
<NavItem
|
|
104
|
-
link="#"
|
|
105
|
-
text="Contacts"
|
|
106
|
-
{...props}
|
|
107
|
-
/>
|
|
108
|
-
</Nav>
|
|
109
|
-
</>
|
|
110
|
-
)
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
export default HorizontalNavDisabled
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Use the `disabled` prop on a `navItem`/`nav_item` within a horizontal nav to set it as disabled. This will render the UI as disabled, prevent clicks and not allow for tabIndex to access the item.
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
<%= pb_rails("flex", props: { justify: "between" }) do %>
|
|
2
|
-
<%= pb_rails("flex", props: { orientation:"column", wrap: true }) do %>
|
|
3
|
-
<%= pb_rails("caption", props: { margin_bottom: "sm", text: "Default Variant" }) %>
|
|
4
|
-
<%= pb_rails("nav") do %>
|
|
5
|
-
<%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
|
|
6
|
-
<%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
|
|
7
|
-
<%= pb_rails("nav/item", props: { text: "Service ", link: "#", disabled: true }) %>
|
|
8
|
-
<%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
|
|
9
|
-
<% end %>
|
|
10
|
-
<% end %>
|
|
11
|
-
<%= pb_rails("flex", props: { orientation:"column", wrap: true }) do %>
|
|
12
|
-
<%= pb_rails("caption", props: { margin_bottom: "sm", text: "Subtle Variant" }) %>
|
|
13
|
-
<%= pb_rails("nav", props:{variant: "subtle"}) do %>
|
|
14
|
-
<%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
|
|
15
|
-
<%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
|
|
16
|
-
<%= pb_rails("nav/item", props: { text: "Service ", link: "#", disabled: true }) %>
|
|
17
|
-
<%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
|
|
18
|
-
<% end %>
|
|
19
|
-
<% end %>
|
|
20
|
-
<%= pb_rails("flex", props: { orientation:"column", wrap: true }) do %>
|
|
21
|
-
<%= pb_rails("caption", props: { margin_bottom: "sm", text: "Bold Variant" }) %>
|
|
22
|
-
<%= pb_rails("nav", props:{variant: "bold"}) do %>
|
|
23
|
-
<%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
|
|
24
|
-
<%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
|
|
25
|
-
<%= pb_rails("nav/item", props: { text: "Service ", link: "#", disabled: true }) %>
|
|
26
|
-
<%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
|
|
27
|
-
<% end %>
|
|
28
|
-
<% end %>
|
|
29
|
-
|
|
30
|
-
<% end %>
|
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import Nav from '../_nav'
|
|
4
|
-
import NavItem from '../_item'
|
|
5
|
-
import Caption from '../../pb_caption/_caption'
|
|
6
|
-
import Flex from '../../pb_flex/_flex'
|
|
7
|
-
|
|
8
|
-
const VerticalNavDisabled = (props) => {
|
|
9
|
-
return (
|
|
10
|
-
<Flex justify="between"
|
|
11
|
-
wrap
|
|
12
|
-
>
|
|
13
|
-
<Flex orientation="column">
|
|
14
|
-
<Caption marginBottom="sm">Default Variant</Caption>
|
|
15
|
-
<Nav
|
|
16
|
-
link="#"
|
|
17
|
-
{...props}
|
|
18
|
-
>
|
|
19
|
-
<NavItem
|
|
20
|
-
link="#"
|
|
21
|
-
text="About"
|
|
22
|
-
{...props}
|
|
23
|
-
/>
|
|
24
|
-
<NavItem
|
|
25
|
-
active
|
|
26
|
-
link="#"
|
|
27
|
-
text="Case Studies"
|
|
28
|
-
{...props}
|
|
29
|
-
/>
|
|
30
|
-
<NavItem
|
|
31
|
-
disabled
|
|
32
|
-
link="#"
|
|
33
|
-
text="Service"
|
|
34
|
-
{...props}
|
|
35
|
-
/>
|
|
36
|
-
<NavItem
|
|
37
|
-
link="#"
|
|
38
|
-
text="Contacts"
|
|
39
|
-
{...props}
|
|
40
|
-
/>
|
|
41
|
-
</Nav>
|
|
42
|
-
</Flex>
|
|
43
|
-
<Flex orientation="column">
|
|
44
|
-
<Caption
|
|
45
|
-
marginBottom="sm"
|
|
46
|
-
>
|
|
47
|
-
Subtle Variant
|
|
48
|
-
</Caption>
|
|
49
|
-
<Nav
|
|
50
|
-
link="#"
|
|
51
|
-
variant="subtle"
|
|
52
|
-
{...props}
|
|
53
|
-
>
|
|
54
|
-
<NavItem
|
|
55
|
-
link="#"
|
|
56
|
-
text="About"
|
|
57
|
-
{...props}
|
|
58
|
-
/>
|
|
59
|
-
<NavItem
|
|
60
|
-
active
|
|
61
|
-
link="#"
|
|
62
|
-
text="Case Studies"
|
|
63
|
-
{...props}
|
|
64
|
-
/>
|
|
65
|
-
<NavItem
|
|
66
|
-
disabled
|
|
67
|
-
link="#"
|
|
68
|
-
text="Service"
|
|
69
|
-
{...props}
|
|
70
|
-
/>
|
|
71
|
-
<NavItem
|
|
72
|
-
link="#"
|
|
73
|
-
text="Contacts"
|
|
74
|
-
{...props}
|
|
75
|
-
/>
|
|
76
|
-
</Nav>
|
|
77
|
-
</Flex>
|
|
78
|
-
<Flex orientation="column">
|
|
79
|
-
<Caption
|
|
80
|
-
marginBottom="sm"
|
|
81
|
-
>
|
|
82
|
-
Bold Variant
|
|
83
|
-
</Caption>
|
|
84
|
-
<Nav
|
|
85
|
-
link="#"
|
|
86
|
-
variant="bold"
|
|
87
|
-
{...props}
|
|
88
|
-
>
|
|
89
|
-
<NavItem
|
|
90
|
-
link="#"
|
|
91
|
-
text="About"
|
|
92
|
-
{...props}
|
|
93
|
-
/>
|
|
94
|
-
<NavItem
|
|
95
|
-
active
|
|
96
|
-
link="#"
|
|
97
|
-
text="Case Studies"
|
|
98
|
-
{...props}
|
|
99
|
-
/>
|
|
100
|
-
<NavItem
|
|
101
|
-
disabled
|
|
102
|
-
link="#"
|
|
103
|
-
text="Service"
|
|
104
|
-
{...props}
|
|
105
|
-
/>
|
|
106
|
-
<NavItem
|
|
107
|
-
link="#"
|
|
108
|
-
text="Contacts"
|
|
109
|
-
{...props}
|
|
110
|
-
/>
|
|
111
|
-
</Nav>
|
|
112
|
-
</Flex>
|
|
113
|
-
</Flex>
|
|
114
|
-
)
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
export default VerticalNavDisabled
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Use the `disabled` prop on a `navItem`/`nav_item` within a vertical nav to set it as disabled. This will render the UI as disabled, prevent clicks and not allow for tabIndex to access the item.
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
In order to use this kit, 'highcharts' and 'highcharts-react-official' must be installed in your repo.
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
Highcharts provides many options for customizing the legend display. This example showcases the following:
|
|
2
|
-
|
|
3
|
-
`align` can be used to align the legend left, right or center (defaults to center)
|
|
4
|
-
|
|
5
|
-
`verticalAlign` can be used to place the legend above the graph. Options are top, middle, bottom with default set to bottom
|
|
6
|
-
|
|
7
|
-
`layout` determines the position of the legend items. Options are horizontal, vertical or proximate with default set to horizontal `layout: proximate` will place the legend items as close as possible to the graphs they're representing. It will also determine whether to place the legend above/below or on the side of the plot area, if the legend is in a corner.
|
|
8
|
-
|
|
9
|
-
`x` offsets the legend relative to its horizontal alignment. Negative x moves it to the left, positive x moves it to the right (defaults to 0)
|
|
10
|
-
|
|
11
|
-
`y` offsets the legend relative to its vertical alignment. Negative y moves it up, positive y moves it down (defaults to 0)
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
In order to use this kit, 'highcharts' and 'highcharts-react-official' must be installed in your repo.
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
In order to use this kit, 'highcharts' and 'highcharts-react-official' must be installed in your repo.
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
In order to use this kit, 'highcharts' and 'highcharts-react-official' must be installed in your repo.
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
The Rails RichTextEditor is a React-Rendered-Rails component that uses [Tiptap](https://tiptap.dev/) and requires the following packages to be installed in your project:
|
|
2
|
-
|
|
3
|
-
- `@tiptap/react`
|
|
4
|
-
- `@tiptap/starter-kit`
|
|
5
|
-
- `@tiptap/extension-link`
|
|
6
|
-
|
|
7
|
-
Once installed, the editor is initialized automatically when you use the component. Unlike the [React Advanced RichTextEditor](https://playbook.powerapp.cloud/kits/rich_text_editor/react#advanced-default) variant, [custom extensions](https://playbook.powerapp.cloud/kits/rich_text_editor/react#advanced-extra-extensions) are not currently supported. The doc examples below showcase some preset prop-enabled Rails RichTextEditor customizations.
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
When the optional `inline` prop is set to true, the editor borders and the toolbar will only be visible when hovered or focused on.
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Use the optional `sticky` prop to make the toolbar sticky on scroll.
|