playbook_ui 15.4.0.pre.alpha.PLAY2582rails722112532 → 15.4.0.pre.alpha.PLAY2627requiredmultiselectdropdownbug12416

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 (129) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.jsx +1 -2
  3. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers.jsx +1 -1
  4. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_fullscreen.jsx +1 -3
  5. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx +1 -1
  6. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.jsx +1 -3
  7. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.jsx +1 -2
  8. data/app/pb_kits/playbook/pb_copy_button/_copy_button.tsx +8 -21
  9. data/app/pb_kits/playbook/pb_copy_button/copy_button.html.erb +2 -6
  10. data/app/pb_kits/playbook/pb_copy_button/copy_button.rb +0 -3
  11. data/app/pb_kits/playbook/pb_copy_button/copy_button.test.jsx +0 -24
  12. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.html.erb +2 -2
  13. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.jsx +2 -1
  14. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb +2 -2
  15. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.jsx +0 -2
  16. data/app/pb_kits/playbook/pb_copy_button/docs/example.yml +0 -2
  17. data/app/pb_kits/playbook/pb_copy_button/docs/index.js +0 -1
  18. data/app/pb_kits/playbook/pb_date_time/_date_time.tsx +0 -3
  19. data/app/pb_kits/playbook/pb_date_time/date_time.html.erb +0 -1
  20. data/app/pb_kits/playbook/pb_date_time/date_time.rb +0 -1
  21. data/app/pb_kits/playbook/pb_date_time/docs/example.yml +1 -3
  22. data/app/pb_kits/playbook/pb_date_time/docs/index.js +0 -1
  23. data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.tsx +0 -3
  24. data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.html.erb +2 -2
  25. data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.rb +0 -2
  26. data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.test.js +0 -33
  27. data/app/pb_kits/playbook/pb_date_time_stacked/docs/example.yml +1 -3
  28. data/app/pb_kits/playbook/pb_date_time_stacked/docs/index.js +0 -1
  29. data/app/pb_kits/playbook/pb_dropdown/index.js +2 -18
  30. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.jsx +1 -2
  31. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.jsx +1 -2
  32. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.jsx +1 -2
  33. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.jsx +1 -2
  34. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.jsx +1 -4
  35. data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.jsx +1 -1
  36. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors.jsx +1 -1
  37. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.jsx +1 -1
  38. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.jsx +1 -1
  39. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_horizontal.jsx +1 -1
  40. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend.jsx +1 -1
  41. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_non_clickable.jsx +2 -1
  42. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.jsx +1 -1
  43. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.jsx +1 -1
  44. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_secondary_y_axis.jsx +1 -1
  45. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_spline.jsx +2 -1
  46. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_stacked.jsx +2 -1
  47. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_block_content.jsx +1 -2
  48. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.jsx +1 -2
  49. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.jsx +1 -1
  50. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.jsx +1 -2
  51. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_labels.jsx +1 -1
  52. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.jsx +1 -1
  53. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.jsx +1 -1
  54. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.jsx +1 -1
  55. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_live_data.jsx +1 -2
  56. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_rounded.jsx +1 -1
  57. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_with_title.jsx +1 -1
  58. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_color.jsx +1 -1
  59. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_complex.jsx +1 -2
  60. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_full_circle.jsx +1 -2
  61. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_height.jsx +1 -2
  62. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_min_max.jsx +1 -2
  63. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_units.jsx +1 -2
  64. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.jsx +1 -1
  65. data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to.jsx +1 -4
  66. data/app/pb_kits/playbook/pb_progress_step/_progress_step.scss +262 -384
  67. data/app/pb_kits/playbook/pb_progress_step/docs/_description.md +5 -1
  68. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb +1 -4
  69. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx +3 -14
  70. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb +7 -1
  71. data/app/pb_kits/playbook/pb_progress_step/docs/example.yml +0 -3
  72. data/app/pb_kits/playbook/pb_progress_step/docs/index.js +0 -2
  73. data/app/pb_kits/playbook/pb_progress_step/progress_step.test.js +0 -41
  74. data/app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.jsx +1 -3
  75. data/app/pb_kits/playbook/pb_select/docs/_select_react_hook.jsx +1 -3
  76. data/app/pb_kits/playbook/pb_table/_table.tsx +26 -28
  77. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.jsx +1 -4
  78. data/app/pb_kits/playbook/pb_typeahead/_typeahead.scss +0 -4
  79. data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.tsx +0 -1
  80. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx +1 -2
  81. data/app/pb_kits/playbook/pb_user/docs/_user_font_options.jsx +1 -1
  82. data/app/pb_kits/playbook/utilities/_truncate.scss +0 -2
  83. data/app/pb_kits/playbook/utilities/globalProps.ts +8 -26
  84. data/app/pb_kits/playbook/utilities/test/globalProps/alignContent.test.js +0 -18
  85. data/app/pb_kits/playbook/utilities/test/globalProps/alignItems.test.js +0 -18
  86. data/app/pb_kits/playbook/utilities/test/globalProps/alignSelf.test.js +0 -18
  87. data/app/pb_kits/playbook/utilities/test/globalProps/display.test.js +0 -18
  88. data/app/pb_kits/playbook/utilities/test/globalProps/flex.test.js +0 -18
  89. data/app/pb_kits/playbook/utilities/test/globalProps/flexDirection.test.js +0 -18
  90. data/app/pb_kits/playbook/utilities/test/globalProps/flexGrow.test.js +0 -18
  91. data/app/pb_kits/playbook/utilities/test/globalProps/flexShrink.test.js +0 -18
  92. data/app/pb_kits/playbook/utilities/test/globalProps/flexWrap.test.js +0 -18
  93. data/app/pb_kits/playbook/utilities/test/globalProps/justifyContent.test.js +0 -18
  94. data/app/pb_kits/playbook/utilities/test/globalProps/justifySelf.test.js +0 -18
  95. data/app/pb_kits/playbook/utilities/test/globalProps/order.test.js +0 -18
  96. data/dist/chunks/_line_graph-DDvq7zE7.js +1 -0
  97. data/dist/chunks/_typeahead-D2bVH5Fk.js +6 -0
  98. data/dist/chunks/_weekday_stacked-DB8t2C4f.js +37 -0
  99. data/dist/chunks/componentRegistry-DzmmLR2x.js +1 -0
  100. data/dist/chunks/lib-COXg9aPA.js +29 -0
  101. data/dist/chunks/pb_form_validation-DR765aoq.js +1 -0
  102. data/dist/chunks/vendor.js +1 -37
  103. data/dist/playbook-doc.js +19 -0
  104. data/dist/playbook-rails-react-bindings.js +1 -1
  105. data/dist/playbook-rails.js +1 -1
  106. data/dist/playbook.css +1 -1
  107. data/lib/playbook/version.rb +1 -1
  108. metadata +9 -23
  109. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant.html.erb +0 -9
  110. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant.jsx +0 -24
  111. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant_rails.md +0 -1
  112. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant_react.md +0 -1
  113. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year.html.erb +0 -4
  114. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year.jsx +0 -14
  115. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year_rails.md +0 -1
  116. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year_react.md +0 -1
  117. data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.html.erb +0 -4
  118. data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.jsx +0 -22
  119. data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.md +0 -1
  120. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.html.erb +0 -14
  121. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.jsx +0 -29
  122. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.md +0 -3
  123. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.jsx +0 -31
  124. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.md +0 -1
  125. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.md +0 -3
  126. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.md +0 -3
  127. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.md +0 -1
  128. data/dist/chunks/_typeahead-Cd3O38ts.js +0 -6
  129. data/dist/chunks/lib-CgpqUb6l.js +0 -29
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "15.4.0"
5
- VERSION = "15.4.0.pre.alpha.PLAY2582rails722112532"
5
+ VERSION = "15.4.0.pre.alpha.PLAY2627requiredmultiselectdropdownbug12416"
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.PLAY2582rails722112532
4
+ version: 15.4.0.pre.alpha.PLAY2627requiredmultiselectdropdownbug12416
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-20 00:00:00.000000000 Z
12
+ date: 2025-11-17 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -903,10 +903,6 @@ files:
903
903
  - app/pb_kits/playbook/pb_copy_button/copy_button.html.erb
904
904
  - app/pb_kits/playbook/pb_copy_button/copy_button.rb
905
905
  - app/pb_kits/playbook/pb_copy_button/copy_button.test.jsx
906
- - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant.html.erb
907
- - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant.jsx
908
- - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant_rails.md
909
- - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant_react.md
910
906
  - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.html.erb
911
907
  - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.jsx
912
908
  - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb
@@ -1180,10 +1176,6 @@ files:
1180
1176
  - app/pb_kits/playbook/pb_date_time/docs/_date_time_default.jsx
1181
1177
  - app/pb_kits/playbook/pb_date_time/docs/_date_time_default_swift.md
1182
1178
  - app/pb_kits/playbook/pb_date_time/docs/_date_time_props_swift.md
1183
- - app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year.html.erb
1184
- - app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year.jsx
1185
- - app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year_rails.md
1186
- - app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year_react.md
1187
1179
  - app/pb_kits/playbook/pb_date_time/docs/_date_time_size.html.erb
1188
1180
  - app/pb_kits/playbook/pb_date_time/docs/_date_time_size.jsx
1189
1181
  - app/pb_kits/playbook/pb_date_time/docs/_date_time_size_swift.md
@@ -1199,9 +1191,6 @@ files:
1199
1191
  - app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_default.jsx
1200
1192
  - app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_default_swift.md
1201
1193
  - app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_props_swift.md
1202
- - app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.html.erb
1203
- - app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.jsx
1204
- - app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.md
1205
1194
  - app/pb_kits/playbook/pb_date_time_stacked/docs/example.yml
1206
1195
  - app/pb_kits/playbook/pb_date_time_stacked/docs/index.js
1207
1196
  - app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.scss
@@ -2750,23 +2739,15 @@ files:
2750
2739
  - app/pb_kits/playbook/pb_progress_step/_progress_step.tsx
2751
2740
  - app/pb_kits/playbook/pb_progress_step/_progress_step_item.tsx
2752
2741
  - app/pb_kits/playbook/pb_progress_step/docs/_description.md
2753
- - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.html.erb
2754
- - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.jsx
2755
- - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.md
2756
2742
  - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.html.erb
2757
- - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.jsx
2758
- - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.md
2759
2743
  - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb
2760
2744
  - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx
2761
- - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.md
2762
2745
  - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tooltip.html.erb
2763
2746
  - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.html.erb
2764
2747
  - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.jsx
2765
- - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.md
2766
2748
  - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker_click_events.jsx
2767
2749
  - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb
2768
2750
  - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.jsx
2769
- - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.md
2770
2751
  - app/pb_kits/playbook/pb_progress_step/docs/example.yml
2771
2752
  - app/pb_kits/playbook/pb_progress_step/docs/index.js
2772
2753
  - app/pb_kits/playbook/pb_progress_step/progress_step.html.erb
@@ -3854,11 +3835,16 @@ files:
3854
3835
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3855
3836
  - app/pb_kits/playbook/utilities/text.ts
3856
3837
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3857
- - dist/chunks/_typeahead-Cd3O38ts.js
3838
+ - dist/chunks/_line_graph-DDvq7zE7.js
3839
+ - dist/chunks/_typeahead-D2bVH5Fk.js
3840
+ - dist/chunks/_weekday_stacked-DB8t2C4f.js
3841
+ - dist/chunks/componentRegistry-DzmmLR2x.js
3858
3842
  - dist/chunks/lazysizes-B7xYodB-.js
3859
- - dist/chunks/lib-CgpqUb6l.js
3843
+ - dist/chunks/lib-COXg9aPA.js
3844
+ - dist/chunks/pb_form_validation-DR765aoq.js
3860
3845
  - dist/chunks/vendor.js
3861
3846
  - dist/menu.yml
3847
+ - dist/playbook-doc.js
3862
3848
  - dist/playbook-rails-react-bindings.js
3863
3849
  - dist/playbook-rails.js
3864
3850
  - dist/playbook.css
@@ -1,9 +0,0 @@
1
- <%= pb_rails("copy_button", props: {
2
- text: "Copy Text",
3
- tooltip_position: "right",
4
- tooltip_text: "Text copied!",
5
- value: "Playbook makes it easy to support bleeding edge, or legacy systems. Use Playbook's 200+ components and end-to-end design language to create simple, intuitive and beautiful experiences with ease.",
6
- variant: "button",
7
- }) %>
8
-
9
- <%= pb_rails("textarea", props: { margin_top: "xs", placeholder: "Copy and paste here" }) %>
@@ -1,24 +0,0 @@
1
- import React from 'react'
2
-
3
- import CopyButton from '../_copy_button'
4
- import Textarea from '../../pb_textarea/_textarea'
5
-
6
- const CopyButtonVariant = (props) => (
7
- <div>
8
- <CopyButton
9
- {...props}
10
- text="Copy Text"
11
- tooltipPlacement="right"
12
- tooltipText="Text copied!"
13
- value="Playbook makes it easy to support bleeding edge, or legacy systems. Use Playbook’s 200+ components and end-to-end design language to create simple, intuitive and beautiful experiences with ease."
14
- variant="button"
15
- />
16
-
17
- <Textarea
18
- {...props}
19
- placeholder="Copy and paste here"
20
- />
21
- </div>
22
- )
23
-
24
- export default CopyButtonVariant
@@ -1 +0,0 @@
1
- Pass in `variant: "button"` to replace the Circle Icon Button with the Button kit. Set the button's text with the `text` prop.
@@ -1 +0,0 @@
1
- Pass in `variant="button"` to replace the Circle Icon Button with the Button kit. Set the button's text with the `text` prop.
@@ -1,4 +0,0 @@
1
- <%= pb_rails("date_time", props: {
2
- date: DateTime.now,
3
- show_current_year: true
4
- }) %>
@@ -1,14 +0,0 @@
1
- import React from 'react'
2
- import DateTime from '../_date_time'
3
-
4
- const DateTimeShowCurrentYear = (props) => (
5
- <div>
6
- <DateTime
7
- datetime={new Date()}
8
- showCurrentYear
9
- {...props}
10
- />
11
- </div>
12
- )
13
-
14
- export default DateTimeShowCurrentYear
@@ -1 +0,0 @@
1
- Pass in `show_current_year` to show this date's current year.
@@ -1 +0,0 @@
1
- Pass in `showCurrentYear` to show this date's current year.
@@ -1,4 +0,0 @@
1
- <%= pb_rails("date_time_stacked", props: { date_time: DateTime.now, show_current_year: true }) %>
2
- <br>
3
- <%= pb_rails("date_time_stacked", props: { date_time: DateTime.now, show_current_year: true, timezone: "America/Denver" }) %>
4
-
@@ -1,22 +0,0 @@
1
- import React from 'react'
2
-
3
- import DateTimeStacked from '../_date_time_stacked'
4
-
5
- const DateTimeStackedShowCurrentYear = (props) => (
6
- <div>
7
- <DateTimeStacked
8
- datetime={new Date()}
9
- showCurrentYear
10
- {...props}
11
- />
12
- <br />
13
- <DateTimeStacked
14
- datetime={new Date()}
15
- showCurrentYear
16
- timeZone="America/Denver"
17
- {...props}
18
- />
19
- </div>
20
- );
21
-
22
- export default DateTimeStackedShowCurrentYear;
@@ -1 +0,0 @@
1
- By default, the Date Time 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,14 +0,0 @@
1
- <br><br>
2
- <%= pb_rails("progress_step",props:{ variant:"tracker", icon:true, color: "info"}) do %>
3
- <%= pb_rails("progress_step/progress_step_item", props: {status: "complete"}) do %>
4
- <%= pb_rails("caption", props:{text: "Ordered"})%>
5
- <% end %>
6
- <%= pb_rails("progress_step/progress_step_item", props: {status: "active"}) do %>
7
- <%= pb_rails("caption", props:{text: "Shipped"})%>
8
- <% end %>
9
- <%= pb_rails("progress_step/progress_step_item", props: {status: "inactive"}) do %>
10
- <%= pb_rails("caption", props:{text: "Delivered"})%>
11
- <% end %>
12
- <% end %>
13
-
14
- <br>
@@ -1,29 +0,0 @@
1
- import React from 'react'
2
-
3
- import ProgressStep from '../_progress_step.tsx'
4
- import ProgressStepItem from '../_progress_step_item.tsx'
5
- import Caption from '../../pb_caption/_caption'
6
-
7
- const ProgressStepColor = (props) => (
8
- <div>
9
- <br />
10
- <ProgressStep
11
- color="info"
12
- icon
13
- variant="tracker"
14
- {...props}
15
- >
16
- <ProgressStepItem status="complete">
17
- <Caption>{'Ordered'}</Caption>
18
- </ProgressStepItem>
19
- <ProgressStepItem status="active">
20
- <Caption>{'Shipped'}</Caption>
21
- </ProgressStepItem>
22
- <ProgressStepItem status="inactive">
23
- <Caption>{'Delivered'}</Caption>
24
- </ProgressStepItem>
25
- </ProgressStep>
26
- </div>
27
- )
28
-
29
- export default ProgressStepColor
@@ -1,3 +0,0 @@
1
- The `color` prop can also be used to set color for the tracker variant. Options for color are `primary` and `info` with default being set to `primary`.
2
-
3
- **NOTE**: The `color` prop is only available with the `tracker` variant.
@@ -1,31 +0,0 @@
1
- import React from 'react'
2
-
3
- import ProgressStep from '../_progress_step.tsx'
4
- import ProgressStepItem from '../_progress_step_item.tsx'
5
- import Caption from '../../pb_caption/_caption'
6
-
7
- const ProgressStepCustomIcon = (props) => (
8
- <div>
9
- <br />
10
- <ProgressStep
11
- icon
12
- variant="tracker"
13
- {...props}
14
- >
15
- <ProgressStepItem status="complete">
16
- <Caption>{'Ordered'}</Caption>
17
- </ProgressStepItem>
18
- <ProgressStepItem
19
- icon="exclamation-triangle"
20
- status="active"
21
- >
22
- <Caption>{'Shipped'}</Caption>
23
- </ProgressStepItem>
24
- <ProgressStepItem status="inactive">
25
- <Caption>{'Delivered'}</Caption>
26
- </ProgressStepItem>
27
- </ProgressStep>
28
- </div>
29
- )
30
-
31
- export default ProgressStepCustomIcon
@@ -1 +0,0 @@
1
- Custom icons can also be set for individual steps. Simply use the `icon` prop for the relevant `ProgressStepItem`/`progress_step_item` as shown here.
@@ -1,3 +0,0 @@
1
- The default Progress Step kit sets orientation to horizontal and can be used with completed, active, and inactive steps as shown here.
2
-
3
- `icon` is a boolean prop that can also be set to true to render icons within the steps indicator. `icon` is false by default.
@@ -1,3 +0,0 @@
1
- The `variant` prop can be set to `tracker` to achieve this UI. Tracker is only available with the horizontal orientation and it is also recommended that you set the `icon` prop to true for this variant.
2
-
3
- This variant takes children just like the default progress step, however, it is best to use the caption kit for children in this variant.
@@ -1 +0,0 @@
1
- `orientation` can also be set to `vertical` as shown here. By default, this is set to `horizontal`.