playbook_ui 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.
Files changed (82) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +11 -25
  3. data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.tsx +13 -20
  4. data/app/pb_kits/playbook/pb_date_range_inline/date_range_inline.rb +4 -6
  5. data/app/pb_kits/playbook/pb_date_range_inline/date_range_inline.test.js +0 -17
  6. data/app/pb_kits/playbook/pb_date_range_inline/docs/_description.md +1 -1
  7. data/app/pb_kits/playbook/pb_date_range_inline/docs/example.yml +2 -3
  8. data/app/pb_kits/playbook/pb_date_range_inline/docs/index.js +0 -1
  9. data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.tsx +4 -6
  10. data/app/pb_kits/playbook/pb_date_stacked/date_stacked.html.erb +3 -2
  11. data/app/pb_kits/playbook/pb_date_stacked/date_stacked.rb +5 -11
  12. data/app/pb_kits/playbook/pb_date_stacked/date_stacked.test.js +9 -26
  13. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.html.erb +1 -1
  14. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.jsx +1 -1
  15. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.html.erb +5 -0
  16. data/app/pb_kits/playbook/pb_date_stacked/docs/{_date_stacked_current_year.jsx → _date_stacked_not_current_year.jsx} +5 -6
  17. data/app/pb_kits/playbook/pb_date_stacked/docs/_description.md +1 -1
  18. data/app/pb_kits/playbook/pb_date_stacked/docs/example.yml +2 -2
  19. data/app/pb_kits/playbook/pb_date_stacked/docs/index.js +1 -1
  20. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.html.erb +2 -2
  21. data/app/pb_kits/playbook/pb_dropdown/index.js +1 -1
  22. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.tsx +9 -31
  23. data/app/pb_kits/playbook/pb_flex/_flex_item.tsx +5 -12
  24. data/app/pb_kits/playbook/pb_flex/docs/_flex_item_example.jsx +0 -1
  25. data/app/pb_kits/playbook/pb_nav/_item.tsx +4 -18
  26. data/app/pb_kits/playbook/pb_nav/_nav.scss +5 -30
  27. data/app/pb_kits/playbook/pb_nav/_nav_item.test.js +0 -192
  28. data/app/pb_kits/playbook/pb_nav/_vertical_nav.scss +1 -1
  29. data/app/pb_kits/playbook/pb_nav/docs/example.yml +0 -4
  30. data/app/pb_kits/playbook/pb_nav/docs/index.js +1 -3
  31. data/app/pb_kits/playbook/pb_nav/item.html.erb +4 -6
  32. data/app/pb_kits/playbook/pb_nav/item.rb +2 -11
  33. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_description.md +1 -3
  34. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.html.erb +1 -1
  35. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_description.md +1 -3
  36. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.md +1 -2
  37. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_description.md +1 -3
  38. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_color.md +2 -2
  39. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_description.md +1 -3
  40. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_position.html.erb +1 -1
  41. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/Toolbar.tsx +1 -1
  42. data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.tsx +8 -61
  43. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.html.erb +2 -10
  44. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb +11 -19
  45. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.html.erb +1 -5
  46. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.html.erb +1 -1
  47. data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml +2 -2
  48. data/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.rb +7 -16
  49. data/app/pb_kits/playbook/tokens/_screen_sizes.scss +0 -24
  50. data/app/pb_kits/playbook/utilities/_mixins.scss +4 -19
  51. data/dist/chunks/{_line_graph-8BUASxIP.js → _line_graph-W9CX7Xbp.js} +1 -1
  52. data/dist/chunks/_typeahead-L4SF9E6a.js +6 -0
  53. data/dist/chunks/{_weekday_stacked-EQMaMJvC.js → _weekday_stacked-DOs7l1vE.js} +3 -3
  54. data/dist/chunks/{lib-CzQFzKzw.js → lib-COXg9aPA.js} +1 -1
  55. data/dist/chunks/{pb_form_validation-Bf9TK15t.js → pb_form_validation-DR765aoq.js} +1 -1
  56. data/dist/chunks/vendor.js +1 -1
  57. data/dist/playbook-doc.js +19 -1
  58. data/dist/playbook-rails-react-bindings.js +1 -1
  59. data/dist/playbook-rails.js +1 -1
  60. data/dist/playbook.css +1 -1
  61. data/lib/playbook/version.rb +1 -1
  62. metadata +9 -27
  63. data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.html.erb +0 -4
  64. data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.jsx +0 -43
  65. data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.md +0 -1
  66. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.html.erb +0 -12
  67. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.md +0 -1
  68. data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.html.erb +0 -21
  69. data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.jsx +0 -113
  70. data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.md +0 -1
  71. data/app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.html.erb +0 -30
  72. data/app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.jsx +0 -117
  73. data/app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.md +0 -1
  74. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.md +0 -1
  75. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.md +0 -11
  76. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.md +0 -1
  77. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.md +0 -1
  78. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.md +0 -1
  79. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default_rails.md +0 -7
  80. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline_rails.md +0 -1
  81. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky_rails.md +0 -1
  82. data/dist/chunks/_typeahead-DESMSfUO.js +0 -24
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "15.4.0"
5
- VERSION = "15.4.0.pre.alpha.PLAY1541responsivefloorPOC12370"
5
+ VERSION = "15.4.0.pre.alpha.PLAY2429datepickeropenonscreenstatic12263"
6
6
  end
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: 15.4.0.pre.alpha.PLAY1541responsivefloorPOC12370
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-14 00:00:00.000000000 Z
12
+ date: 2025-11-11 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -1114,9 +1114,6 @@ files:
1114
1114
  - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.jsx
1115
1115
  - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default_swift.md
1116
1116
  - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_props_swift.md
1117
- - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.html.erb
1118
- - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.jsx
1119
- - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.md
1120
1117
  - app/pb_kits/playbook/pb_date_range_inline/docs/_description.md
1121
1118
  - app/pb_kits/playbook/pb_date_range_inline/docs/example.yml
1122
1119
  - app/pb_kits/playbook/pb_date_range_inline/docs/index.js
@@ -1141,12 +1138,11 @@ files:
1141
1138
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold.html.erb
1142
1139
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold.jsx
1143
1140
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold_swift.md
1144
- - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.html.erb
1145
- - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.jsx
1146
- - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.md
1147
1141
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.html.erb
1148
1142
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.jsx
1149
1143
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default_swift.md
1144
+ - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.html.erb
1145
+ - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.jsx
1150
1146
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year_swift.md
1151
1147
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_props_swift.md
1152
1148
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reverse.html.erb
@@ -2294,9 +2290,6 @@ files:
2294
2290
  - app/pb_kits/playbook/pb_nav/docs/_description.md
2295
2291
  - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.html.erb
2296
2292
  - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx
2297
- - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.html.erb
2298
- - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.jsx
2299
- - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.md
2300
2293
  - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.html.erb
2301
2294
  - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.jsx
2302
2295
  - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.md
@@ -2329,9 +2322,6 @@ files:
2329
2322
  - app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
2330
2323
  - app/pb_kits/playbook/pb_nav/docs/_tab_nav.html.erb
2331
2324
  - app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
2332
- - app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.html.erb
2333
- - app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.jsx
2334
- - app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.md
2335
2325
  - app/pb_kits/playbook/pb_nav/docs/_with_icons_nav.html.erb
2336
2326
  - app/pb_kits/playbook/pb_nav/docs/_with_icons_nav.jsx
2337
2327
  - app/pb_kits/playbook/pb_nav/docs/_with_img_nav.html.erb
@@ -2450,7 +2440,6 @@ files:
2450
2440
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors_react.md
2451
2441
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.html.erb
2452
2442
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.jsx
2453
- - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.md
2454
2443
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.html.erb
2455
2444
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.jsx
2456
2445
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.md
@@ -2461,7 +2450,6 @@ files:
2461
2450
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_non_clickable.jsx
2462
2451
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.html.erb
2463
2452
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.jsx
2464
- - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.md
2465
2453
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.html.erb
2466
2454
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.jsx
2467
2455
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_secondary_y_axis.html.erb
@@ -2497,7 +2485,6 @@ files:
2497
2485
  - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.jsx
2498
2486
  - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.html.erb
2499
2487
  - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.jsx
2500
- - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.md
2501
2488
  - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.html.erb
2502
2489
  - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.jsx
2503
2490
  - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_live_data.jsx
@@ -2522,7 +2509,6 @@ files:
2522
2509
  - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_complex.md
2523
2510
  - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.html.erb
2524
2511
  - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.jsx
2525
- - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.md
2526
2512
  - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_disable_animation.html.erb
2527
2513
  - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_disable_animation.jsx
2528
2514
  - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_full_circle.html.erb
@@ -2555,7 +2541,6 @@ files:
2555
2541
  - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.md
2556
2542
  - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.html.erb
2557
2543
  - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.jsx
2558
- - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.md
2559
2544
  - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.html.erb
2560
2545
  - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.jsx
2561
2546
  - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.md
@@ -2817,12 +2802,10 @@ files:
2817
2802
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.jsx
2818
2803
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.html.erb
2819
2804
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.jsx
2820
- - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default_rails.md
2821
2805
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.html.erb
2822
2806
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.jsx
2823
2807
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.html.erb
2824
2808
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.jsx
2825
- - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline_rails.md
2826
2809
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.jsx
2827
2810
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.md
2828
2811
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb
@@ -2831,7 +2814,6 @@ files:
2831
2814
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.jsx
2832
2815
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.html.erb
2833
2816
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.jsx
2834
- - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky_rails.md
2835
2817
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.html.erb
2836
2818
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.jsx
2837
2819
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_bottom.html.erb
@@ -3832,13 +3814,13 @@ files:
3832
3814
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3833
3815
  - app/pb_kits/playbook/utilities/text.ts
3834
3816
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3835
- - dist/chunks/_line_graph-8BUASxIP.js
3836
- - dist/chunks/_typeahead-DESMSfUO.js
3837
- - dist/chunks/_weekday_stacked-EQMaMJvC.js
3817
+ - dist/chunks/_line_graph-W9CX7Xbp.js
3818
+ - dist/chunks/_typeahead-L4SF9E6a.js
3819
+ - dist/chunks/_weekday_stacked-DOs7l1vE.js
3838
3820
  - dist/chunks/componentRegistry-DzmmLR2x.js
3839
3821
  - dist/chunks/lazysizes-B7xYodB-.js
3840
- - dist/chunks/lib-CzQFzKzw.js
3841
- - dist/chunks/pb_form_validation-Bf9TK15t.js
3822
+ - dist/chunks/lib-COXg9aPA.js
3823
+ - dist/chunks/pb_form_validation-DR765aoq.js
3842
3824
  - dist/chunks/vendor.js
3843
3825
  - dist/menu.yml
3844
3826
  - dist/playbook-doc.js
@@ -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 }) %>
@@ -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,12 +0,0 @@
1
- <%= pb_rails("date_stacked", props: {
2
- date: DateTime.now,
3
- show_current_year: true
4
- }) %>
5
-
6
- <br>
7
-
8
- <%= pb_rails("date_stacked", props: {
9
- date: DateTime.now,
10
- show_current_year: true,
11
- size: "md"
12
- }) %>
@@ -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.