playbook_ui 13.14.0.pre.alpha.play1120lintdatepicker1797 → 13.14.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/_playbook.scss +0 -1
- data/app/pb_kits/playbook/pb_avatar/_avatar.tsx +5 -5
- data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.tsx +3 -3
- data/app/pb_kits/playbook/pb_background/_background.tsx +9 -9
- data/app/pb_kits/playbook/pb_badge/_badge.tsx +2 -2
- data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx +3 -3
- data/app/pb_kits/playbook/pb_body/_body.scss +5 -0
- data/app/pb_kits/playbook/pb_body/_body.tsx +9 -5
- data/app/pb_kits/playbook/pb_body/_body_mixins.scss +20 -0
- data/app/pb_kits/playbook/pb_body/body.rb +8 -1
- data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumb_item.tsx +4 -3
- data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.tsx +3 -3
- data/app/pb_kits/playbook/pb_button/_button.tsx +37 -40
- data/app/pb_kits/playbook/pb_button/docs/_button_props_swift.md +0 -11
- data/app/pb_kits/playbook/pb_button/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.tsx +3 -3
- data/app/pb_kits/playbook/pb_caption/_caption.tsx +1 -1
- data/app/pb_kits/playbook/pb_card/_card.tsx +2 -2
- data/app/pb_kits/playbook/pb_card/docs/_card_background.jsx +4 -5
- data/app/pb_kits/playbook/pb_checkbox/_checkbox.tsx +3 -3
- data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx +9 -9
- data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.tsx +1 -1
- data/app/pb_kits/playbook/pb_collapsible/_collapsible.tsx +7 -5
- data/app/pb_kits/playbook/pb_collapsible/_helper_functions.ts +2 -2
- data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.tsx +4 -5
- data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.tsx +12 -16
- data/app/pb_kits/playbook/pb_contact/_contact.tsx +3 -3
- data/app/pb_kits/playbook/pb_currency/_currency.tsx +2 -2
- data/app/pb_kits/playbook/pb_dashboard/pbChartsColorsHelper.ts +1 -1
- data/app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.ts +57 -4
- data/app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.ts +57 -4
- data/app/pb_kits/playbook/pb_dashboard/themeTypes.ts +16 -20
- data/app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.tsx +1 -1
- data/app/pb_kits/playbook/pb_date/_date.tsx +7 -7
- data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +1 -1
- data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +33 -40
- data/app/pb_kits/playbook/pb_date_picker/plugins/quickPick.tsx +4 -4
- data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.tsx +2 -2
- data/app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.tsx +2 -2
- data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.tsx +8 -8
- data/app/pb_kits/playbook/pb_date_time/_date_time.tsx +2 -2
- data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.tsx +1 -1
- data/app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.tsx +2 -2
- data/app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.test.js +3 -6
- data/app/pb_kits/playbook/pb_detail/_detail.scss +2 -2
- data/app/pb_kits/playbook/pb_detail/_detail.tsx +5 -5
- data/app/pb_kits/playbook/pb_detail/detail.rb +1 -1
- data/app/pb_kits/playbook/pb_detail/detail.test.jsx +2 -2
- data/app/pb_kits/playbook/pb_dialog/_close_icon.tsx +2 -2
- data/app/pb_kits/playbook/pb_dialog/_dialog.tsx +34 -42
- data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx +1 -1
- data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_footer.tsx +5 -4
- data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_header.tsx +4 -4
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.jsx +4 -8
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.jsx +4 -8
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx +2 -4
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status.jsx +1 -1
- data/app/pb_kits/playbook/pb_dialog/docs/example.yml +0 -7
- data/app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.tsx +5 -5
- data/app/pb_kits/playbook/pb_file_upload/_file_upload.tsx +1 -1
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.tsx +1 -1
- data/app/pb_kits/playbook/pb_flex/_flex.tsx +1 -1
- data/app/pb_kits/playbook/pb_flex/_flex_item.tsx +1 -1
- data/app/pb_kits/playbook/pb_form_group/_form_group.tsx +1 -1
- data/app/pb_kits/playbook/pb_form_pill/_form_pill.tsx +1 -1
- data/app/pb_kits/playbook/pb_gauge/_gauge.tsx +1 -1
- data/app/pb_kits/playbook/pb_hashtag/_hashtag.tsx +1 -1
- data/app/pb_kits/playbook/pb_highlight/_highlight.tsx +1 -1
- data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.tsx +1 -1
- data/app/pb_kits/playbook/pb_icon/_icon.tsx +1 -1
- data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx +1 -1
- data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.tsx +1 -1
- data/app/pb_kits/playbook/pb_icon_value/_icon_value.tsx +1 -1
- data/app/pb_kits/playbook/pb_image/_image.tsx +1 -1
- data/app/pb_kits/playbook/pb_label_pill/_label_pill.tsx +1 -1
- data/app/pb_kits/playbook/pb_label_value/_label_value.tsx +1 -1
- data/app/pb_kits/playbook/pb_layout/_layout.tsx +1 -1
- data/app/pb_kits/playbook/pb_legend/_legend.tsx +1 -1
- data/app/pb_kits/playbook/pb_lightbox/Header/_lightbox_header.tsx +1 -1
- data/app/pb_kits/playbook/pb_lightbox/_lightbox.tsx +1 -1
- data/app/pb_kits/playbook/pb_line_graph/_line_graph.tsx +1 -1
- data/app/pb_kits/playbook/pb_list/_list.tsx +1 -1
- data/app/pb_kits/playbook/pb_list/_list_item.tsx +1 -1
- data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.tsx +1 -1
- data/app/pb_kits/playbook/pb_map/_map.tsx +1 -1
- data/app/pb_kits/playbook/pb_message/_message.tsx +1 -1
- data/app/pb_kits/playbook/pb_message/_message_mention.tsx +1 -1
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +1 -1
- data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.tsx +1 -1
- data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.tsx +1 -1
- data/app/pb_kits/playbook/pb_nav/_item.tsx +1 -1
- data/app/pb_kits/playbook/pb_nav/_nav.tsx +1 -1
- data/app/pb_kits/playbook/pb_online_status/_online_status.tsx +1 -1
- data/app/pb_kits/playbook/pb_passphrase/_passphrase.tsx +1 -1
- data/app/pb_kits/playbook/pb_person/_person.tsx +1 -1
- data/app/pb_kits/playbook/pb_person/docs/example.yml +0 -4
- data/app/pb_kits/playbook/pb_person_contact/_person_contact.tsx +1 -1
- data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +1 -1
- data/app/pb_kits/playbook/pb_pill/_pill.tsx +1 -1
- data/app/pb_kits/playbook/pb_popover/_popover.tsx +1 -1
- data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.tsx +1 -1
- data/app/pb_kits/playbook/pb_progress_simple/_progress_simple.tsx +1 -1
- data/app/pb_kits/playbook/pb_progress_step/_progress_step.tsx +1 -1
- data/app/pb_kits/playbook/pb_progress_step/_progress_step_item.tsx +1 -1
- data/app/pb_kits/playbook/pb_radio/_radio.tsx +1 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.tsx +1 -1
- data/app/pb_kits/playbook/pb_section_separator/_section_separator.tsx +1 -1
- data/app/pb_kits/playbook/pb_select/_select.tsx +1 -1
- data/app/pb_kits/playbook/pb_select/docs/example.yml +0 -5
- data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.tsx +1 -1
- data/app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.tsx +1 -1
- data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.tsx +1 -1
- data/app/pb_kits/playbook/pb_selectable_list/_item.tsx +1 -1
- data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.tsx +1 -1
- data/app/pb_kits/playbook/pb_source/_source.tsx +1 -1
- data/app/pb_kits/playbook/pb_star_rating/_star_rating.tsx +1 -1
- data/app/pb_kits/playbook/pb_stat_change/_stat_change.tsx +1 -1
- data/app/pb_kits/playbook/pb_stat_value/_stat_value.tsx +1 -1
- data/app/pb_kits/playbook/pb_table/_table.tsx +1 -1
- data/app/pb_kits/playbook/pb_table/_table_row.tsx +1 -1
- data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +1 -1
- data/app/pb_kits/playbook/pb_textarea/_textarea.tsx +1 -1
- data/app/pb_kits/playbook/pb_time/_time.tsx +1 -1
- data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.tsx +1 -1
- data/app/pb_kits/playbook/pb_time_stacked/_time_stacked.tsx +1 -1
- data/app/pb_kits/playbook/pb_timeline/_item.tsx +1 -1
- data/app/pb_kits/playbook/pb_timeline/_timeline.tsx +1 -1
- data/app/pb_kits/playbook/pb_timestamp/_timestamp.tsx +1 -1
- data/app/pb_kits/playbook/pb_title/_title.scss +5 -0
- data/app/pb_kits/playbook/pb_title/_title.tsx +5 -2
- data/app/pb_kits/playbook/pb_title/_title_mixin.scss +19 -0
- data/app/pb_kits/playbook/pb_title/title.rb +9 -2
- data/app/pb_kits/playbook/pb_title_count/_title_count.tsx +1 -1
- data/app/pb_kits/playbook/pb_title_detail/_title_detail.tsx +1 -1
- data/app/pb_kits/playbook/pb_toggle/_toggle.tsx +1 -1
- data/app/pb_kits/playbook/pb_tooltip/_tooltip.tsx +1 -1
- data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.tsx +1 -1
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +1 -1
- data/app/pb_kits/playbook/pb_user/_user.tsx +1 -1
- data/app/pb_kits/playbook/pb_user/docs/example.yml +0 -7
- data/app/pb_kits/playbook/pb_user_badge/_user_badge.tsx +1 -1
- data/app/pb_kits/playbook/pb_walkthrough/_walkthrough.tsx +1 -1
- data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.tsx +1 -1
- data/app/pb_kits/playbook/utilities/globalProps.ts +2 -13
- data/app/pb_kits/playbook/utilities/props.ts +2 -2
- data/dist/playbook-rails.js +5 -5
- data/lib/playbook/classnames.rb +0 -1
- data/lib/playbook/kit_base.rb +0 -2
- data/lib/playbook/version.rb +2 -2
- metadata +7 -26
- data/app/pb_kits/playbook/pb_button/docs/_button_reaction_swift.md +0 -26
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_default_swift.md +0 -11
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_props_table.md +0 -13
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes_swift.md +0 -18
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status_swift.md +0 -14
- data/app/pb_kits/playbook/pb_person/docs/_person_default_swift.md +0 -8
- data/app/pb_kits/playbook/pb_person/docs/_person_props_swift.md +0 -5
- data/app/pb_kits/playbook/pb_select/docs/_select_default_swift.md +0 -15
- data/app/pb_kits/playbook/pb_select/docs/_select_error_swift.md +0 -18
- data/app/pb_kits/playbook/pb_select/docs/_select_props_table.md +0 -8
- data/app/pb_kits/playbook/pb_user/docs/_user_horizontal_swift.md +0 -37
- data/app/pb_kits/playbook/pb_user/docs/_user_props_table.md +0 -10
- data/app/pb_kits/playbook/pb_user/docs/_user_size_swift.md +0 -35
- data/app/pb_kits/playbook/pb_user/docs/_user_text_only_swift.md +0 -27
- data/app/pb_kits/playbook/pb_user/docs/_user_vertical_size_swift.md +0 -35
- data/app/pb_kits/playbook/tokens/exports/exports.d.ts +0 -1
- data/app/pb_kits/playbook/utilities/_truncate.scss +0 -20
- data/app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js +0 -21
- data/lib/playbook/truncate.rb +0 -29
data/lib/playbook/classnames.rb
CHANGED
data/lib/playbook/kit_base.rb
CHANGED
@@ -24,7 +24,6 @@ require "playbook/hover"
|
|
24
24
|
require "playbook/border_radius"
|
25
25
|
require "playbook/text_align"
|
26
26
|
require "playbook/overflow"
|
27
|
-
require "playbook/truncate"
|
28
27
|
|
29
28
|
module Playbook
|
30
29
|
class KitBase < ViewComponent::Base
|
@@ -54,7 +53,6 @@ module Playbook
|
|
54
53
|
include Playbook::BorderRadius
|
55
54
|
include Playbook::TextAlign
|
56
55
|
include Playbook::Overflow
|
57
|
-
include Playbook::Truncate
|
58
56
|
|
59
57
|
prop :id
|
60
58
|
prop :data, type: Playbook::Props::HashProp, default: {}
|
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,15 +1,15 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 13.14.0
|
4
|
+
version: 13.14.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
8
8
|
- Power Devs
|
9
|
-
autorequire:
|
9
|
+
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date:
|
12
|
+
date: 2023-12-19 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -460,7 +460,6 @@ files:
|
|
460
460
|
- app/pb_kits/playbook/pb_button/docs/_button_reaction.html.erb
|
461
461
|
- app/pb_kits/playbook/pb_button/docs/_button_reaction.jsx
|
462
462
|
- app/pb_kits/playbook/pb_button/docs/_button_reaction.md
|
463
|
-
- app/pb_kits/playbook/pb_button/docs/_button_reaction_swift.md
|
464
463
|
- app/pb_kits/playbook/pb_button/docs/_button_size.html.erb
|
465
464
|
- app/pb_kits/playbook/pb_button/docs/_button_size.jsx
|
466
465
|
- app/pb_kits/playbook/pb_button/docs/_button_size.md
|
@@ -942,14 +941,12 @@ files:
|
|
942
941
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_default.html.erb
|
943
942
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
|
944
943
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_default.md
|
945
|
-
- app/pb_kits/playbook/pb_dialog/docs/_dialog_default_swift.md
|
946
944
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.html.erb
|
947
945
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.jsx
|
948
946
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.md
|
949
947
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.html.erb
|
950
948
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.jsx
|
951
949
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.md
|
952
|
-
- app/pb_kits/playbook/pb_dialog/docs/_dialog_props_table.md
|
953
950
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.html.erb
|
954
951
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx
|
955
952
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.md
|
@@ -960,14 +957,12 @@ files:
|
|
960
957
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.md
|
961
958
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes.html.erb
|
962
959
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes.jsx
|
963
|
-
- app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes_swift.md
|
964
960
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.html.erb
|
965
961
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.jsx
|
966
962
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.md
|
967
963
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_status.html.erb
|
968
964
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_status.jsx
|
969
965
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_status.md
|
970
|
-
- app/pb_kits/playbook/pb_dialog/docs/_dialog_status_swift.md
|
971
966
|
- app/pb_kits/playbook/pb_dialog/docs/example.yml
|
972
967
|
- app/pb_kits/playbook/pb_dialog/docs/index.js
|
973
968
|
- app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
|
@@ -1735,8 +1730,6 @@ files:
|
|
1735
1730
|
- app/pb_kits/playbook/pb_person/docs/_person_default.html.erb
|
1736
1731
|
- app/pb_kits/playbook/pb_person/docs/_person_default.jsx
|
1737
1732
|
- app/pb_kits/playbook/pb_person/docs/_person_default.md
|
1738
|
-
- app/pb_kits/playbook/pb_person/docs/_person_default_swift.md
|
1739
|
-
- app/pb_kits/playbook/pb_person/docs/_person_props_swift.md
|
1740
1733
|
- app/pb_kits/playbook/pb_person/docs/example.yml
|
1741
1734
|
- app/pb_kits/playbook/pb_person/docs/index.js
|
1742
1735
|
- app/pb_kits/playbook/pb_person/person.html.erb
|
@@ -1987,7 +1980,6 @@ files:
|
|
1987
1980
|
- app/pb_kits/playbook/pb_select/docs/_select_custom_select.jsx
|
1988
1981
|
- app/pb_kits/playbook/pb_select/docs/_select_default.html.erb
|
1989
1982
|
- app/pb_kits/playbook/pb_select/docs/_select_default.jsx
|
1990
|
-
- app/pb_kits/playbook/pb_select/docs/_select_default_swift.md
|
1991
1983
|
- app/pb_kits/playbook/pb_select/docs/_select_disabled.html.erb
|
1992
1984
|
- app/pb_kits/playbook/pb_select/docs/_select_disabled.jsx
|
1993
1985
|
- app/pb_kits/playbook/pb_select/docs/_select_disabled_options.html.erb
|
@@ -1995,7 +1987,6 @@ files:
|
|
1995
1987
|
- app/pb_kits/playbook/pb_select/docs/_select_error.html.erb
|
1996
1988
|
- app/pb_kits/playbook/pb_select/docs/_select_error.jsx
|
1997
1989
|
- app/pb_kits/playbook/pb_select/docs/_select_error.md
|
1998
|
-
- app/pb_kits/playbook/pb_select/docs/_select_error_swift.md
|
1999
1990
|
- app/pb_kits/playbook/pb_select/docs/_select_inline.html.erb
|
2000
1991
|
- app/pb_kits/playbook/pb_select/docs/_select_inline.jsx
|
2001
1992
|
- app/pb_kits/playbook/pb_select/docs/_select_inline_compact.html.erb
|
@@ -2003,7 +1994,6 @@ files:
|
|
2003
1994
|
- app/pb_kits/playbook/pb_select/docs/_select_multiple.html.erb
|
2004
1995
|
- app/pb_kits/playbook/pb_select/docs/_select_multiple.jsx
|
2005
1996
|
- app/pb_kits/playbook/pb_select/docs/_select_multiple.md
|
2006
|
-
- app/pb_kits/playbook/pb_select/docs/_select_props_table.md
|
2007
1997
|
- app/pb_kits/playbook/pb_select/docs/_select_required.html.erb
|
2008
1998
|
- app/pb_kits/playbook/pb_select/docs/_select_required.jsx
|
2009
1999
|
- app/pb_kits/playbook/pb_select/docs/_select_value_text_same.html.erb
|
@@ -2569,19 +2559,14 @@ files:
|
|
2569
2559
|
- app/pb_kits/playbook/pb_user/docs/_user_block_content_subtitle_react.md
|
2570
2560
|
- app/pb_kits/playbook/pb_user/docs/_user_default.html.erb
|
2571
2561
|
- app/pb_kits/playbook/pb_user/docs/_user_default.jsx
|
2572
|
-
- app/pb_kits/playbook/pb_user/docs/_user_horizontal_swift.md
|
2573
|
-
- app/pb_kits/playbook/pb_user/docs/_user_props_table.md
|
2574
2562
|
- app/pb_kits/playbook/pb_user/docs/_user_size.html.erb
|
2575
2563
|
- app/pb_kits/playbook/pb_user/docs/_user_size.jsx
|
2576
|
-
- app/pb_kits/playbook/pb_user/docs/_user_size_swift.md
|
2577
2564
|
- app/pb_kits/playbook/pb_user/docs/_user_subtitle.html.erb
|
2578
2565
|
- app/pb_kits/playbook/pb_user/docs/_user_subtitle.jsx
|
2579
2566
|
- app/pb_kits/playbook/pb_user/docs/_user_text_only.html.erb
|
2580
2567
|
- app/pb_kits/playbook/pb_user/docs/_user_text_only.jsx
|
2581
|
-
- app/pb_kits/playbook/pb_user/docs/_user_text_only_swift.md
|
2582
2568
|
- app/pb_kits/playbook/pb_user/docs/_user_vertical_size.html.erb
|
2583
2569
|
- app/pb_kits/playbook/pb_user/docs/_user_vertical_size.jsx
|
2584
|
-
- app/pb_kits/playbook/pb_user/docs/_user_vertical_size_swift.md
|
2585
2570
|
- app/pb_kits/playbook/pb_user/docs/_user_with_territory.html.erb
|
2586
2571
|
- app/pb_kits/playbook/pb_user/docs/_user_with_territory.jsx
|
2587
2572
|
- app/pb_kits/playbook/pb_user/docs/example.yml
|
@@ -2660,7 +2645,6 @@ files:
|
|
2660
2645
|
- app/pb_kits/playbook/tokens/exports/_shadows.scss
|
2661
2646
|
- app/pb_kits/playbook/tokens/exports/_spacing.scss
|
2662
2647
|
- app/pb_kits/playbook/tokens/exports/_typography.scss
|
2663
|
-
- app/pb_kits/playbook/tokens/exports/exports.d.ts
|
2664
2648
|
- app/pb_kits/playbook/tokens/index.scss
|
2665
2649
|
- app/pb_kits/playbook/utilities/_background_colors.scss
|
2666
2650
|
- app/pb_kits/playbook/utilities/_border_radius.scss
|
@@ -2679,7 +2663,6 @@ files:
|
|
2679
2663
|
- app/pb_kits/playbook/utilities/_shadow.scss
|
2680
2664
|
- app/pb_kits/playbook/utilities/_spacing.scss
|
2681
2665
|
- app/pb_kits/playbook/utilities/_text_align.scss
|
2682
|
-
- app/pb_kits/playbook/utilities/_truncate.scss
|
2683
2666
|
- app/pb_kits/playbook/utilities/flexbox_global_props/_align_content.scss
|
2684
2667
|
- app/pb_kits/playbook/utilities/flexbox_global_props/_align_items.scss
|
2685
2668
|
- app/pb_kits/playbook/utilities/flexbox_global_props/_align_self.scss
|
@@ -2707,7 +2690,6 @@ files:
|
|
2707
2690
|
- app/pb_kits/playbook/utilities/test/globalProps/justifyContent.test.js
|
2708
2691
|
- app/pb_kits/playbook/utilities/test/globalProps/justifySelf.test.js
|
2709
2692
|
- app/pb_kits/playbook/utilities/test/globalProps/order.test.js
|
2710
|
-
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
2711
2693
|
- app/pb_kits/playbook/utilities/text.ts
|
2712
2694
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
2713
2695
|
- dist/menu.yml
|
@@ -2770,7 +2752,6 @@ files:
|
|
2770
2752
|
- lib/playbook/shadow.rb
|
2771
2753
|
- lib/playbook/spacing.rb
|
2772
2754
|
- lib/playbook/text_align.rb
|
2773
|
-
- lib/playbook/truncate.rb
|
2774
2755
|
- lib/playbook/version.rb
|
2775
2756
|
- lib/playbook/z_index.rb
|
2776
2757
|
- lib/playbook_ui.rb
|
@@ -2778,7 +2759,7 @@ homepage: https://playbook.powerapp.cloud/
|
|
2778
2759
|
licenses:
|
2779
2760
|
- ISC
|
2780
2761
|
metadata: {}
|
2781
|
-
post_install_message:
|
2762
|
+
post_install_message:
|
2782
2763
|
rdoc_options: []
|
2783
2764
|
require_paths:
|
2784
2765
|
- lib
|
@@ -2789,12 +2770,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
2789
2770
|
version: '0'
|
2790
2771
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
2791
2772
|
requirements:
|
2792
|
-
- - "
|
2773
|
+
- - ">="
|
2793
2774
|
- !ruby/object:Gem::Version
|
2794
|
-
version:
|
2775
|
+
version: '0'
|
2795
2776
|
requirements: []
|
2796
2777
|
rubygems_version: 3.3.7
|
2797
|
-
signing_key:
|
2778
|
+
signing_key:
|
2798
2779
|
specification_version: 4
|
2799
2780
|
summary: Playbook Design System
|
2800
2781
|
test_files: []
|
@@ -1,26 +0,0 @@
|
|
1
|
-
![reaction-button](https://github.com/powerhome/playbook/assets/54749071/10d21ee2-4faf-4c18-ab72-242df8f837c4)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
@State private var count: Int = 153
|
5
|
-
@State private var count1: Int = 5
|
6
|
-
|
7
|
-
HStack(alignment: .center, spacing: 12) {
|
8
|
-
PBReactionButton(
|
9
|
-
count: $count,
|
10
|
-
icon: "\u{1F389}",
|
11
|
-
isInteractive: true
|
12
|
-
)
|
13
|
-
PBReactionButton(
|
14
|
-
count: $count1,
|
15
|
-
icon: "1️⃣",
|
16
|
-
isInteractive: false
|
17
|
-
)
|
18
|
-
PBReactionButton(
|
19
|
-
isInteractive: false
|
20
|
-
)
|
21
|
-
PBReactionButton(
|
22
|
-
pbIcon: PBIcon(FontAwesome.user),
|
23
|
-
isInteractive: false
|
24
|
-
)
|
25
|
-
}
|
26
|
-
```
|
@@ -1,11 +0,0 @@
|
|
1
|
-
![user-default](https://github.com/powerhome/playbook/assets/54749071/f9b593d5-a688-49bf-a282-8fb70058b539)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
PBDialog(
|
5
|
-
title: "This is some informative text",
|
6
|
-
message: infoMessage,
|
7
|
-
cancelButton: ("Cancel", closeToast),
|
8
|
-
confirmButton: ("Okay", closeToast)
|
9
|
-
)
|
10
|
-
```
|
11
|
-
|
@@ -1,13 +0,0 @@
|
|
1
|
-
### Props
|
2
|
-
| Name | Type | Description | Default | Values |
|
3
|
-
| --- | ----------- | --------- | --------- | --------- |
|
4
|
-
| **content** | `Content` | Sets the View content | | |
|
5
|
-
| **title** | `String` | Sets title for dialog header | | |
|
6
|
-
| **message** | `String` | Sets dialog message| | |
|
7
|
-
| **variant** | `DialogVariant` | Changes variant of dialog | `.default` | `.default` `.status()` |
|
8
|
-
| **isStacked** | `isStacked` | Changes whether the dialog buttons are stacked or inline | `false` | `true` `false` |
|
9
|
-
| **cancelButton** | `Action` | Dismisses the dialog | | |
|
10
|
-
| **confirmButton** | `Action` | Confirms dialog message was received | | |
|
11
|
-
| **onClose** | `Action` | Starts action when dialog is closed | | |
|
12
|
-
| **size** | `DialogSize` | Determines size of dialog | `.medium`| `.small` `.medium` `large` |
|
13
|
-
| **shouldCloseOnOverlay** | `Bool` | Determines if overlay should close | `false` | `true` `false` |
|
@@ -1,18 +0,0 @@
|
|
1
|
-
![dialog-large](https://github.com/powerhome/playbook/assets/54749071/41ea273d-3f85-4514-88d7-21f49499f9a2)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
@State private var presentSmallDialog: Bool = false
|
5
|
-
@State private var presentMediumDialog: Bool = false
|
6
|
-
@State private var presentLargeDialog: Bool = false
|
7
|
-
let infoMessage = "This is a message for informational purposes only and requires no action."
|
8
|
-
|
9
|
-
PBDialog(
|
10
|
-
title: "Large",
|
11
|
-
message: infoMessage,
|
12
|
-
variant: .default,
|
13
|
-
isStacked: false,
|
14
|
-
cancelButton: ("Cancel", {}),
|
15
|
-
confirmButton: ("Okay", {}),
|
16
|
-
size: .large
|
17
|
-
)
|
18
|
-
```
|
@@ -1,14 +0,0 @@
|
|
1
|
-
![success](https://github.com/powerhome/playbook/assets/54749071/a3605f4f-ea77-4377-a1bd-977bb3c26a03)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
|
5
|
-
PBDialog(
|
6
|
-
title: "Success!",
|
7
|
-
message: infoMessage,
|
8
|
-
variant: .status(.success),
|
9
|
-
isStacked: true,
|
10
|
-
cancelButton: ("Cancel", closeToast),
|
11
|
-
confirmButton: ("Okay", closeToast),
|
12
|
-
size: .small
|
13
|
-
)
|
14
|
-
```
|
@@ -1,15 +0,0 @@
|
|
1
|
-
![select-default](https://github.com/powerhome/playbook/assets/54749071/ead0e074-46ae-425a-ab32-d9c4418a0783)
|
2
|
-
|
3
|
-
|
4
|
-
```swift
|
5
|
-
let defaultOptions = [
|
6
|
-
(value: "1", text: "Burgers"),
|
7
|
-
(value: "2", text: "Pizza"),
|
8
|
-
(value: "3", text: "Tacos")
|
9
|
-
]
|
10
|
-
@State private var defaultState = ""
|
11
|
-
|
12
|
-
PBSelect(title: "Favorite Food", options: defaultOptions, style: .default) { selected in
|
13
|
-
defaultState = selected
|
14
|
-
}
|
15
|
-
```
|
@@ -1,18 +0,0 @@
|
|
1
|
-
![select-error](https://github.com/powerhome/playbook/assets/54749071/c02e365b-c3a1-446b-b9f2-47db11315786)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
let defaultOptions = [
|
5
|
-
(value: "1", text: "Burgers"),
|
6
|
-
(value: "2", text: "Pizza"),
|
7
|
-
(value: "3", text: "Tacos")
|
8
|
-
]
|
9
|
-
@State private var errorState = ""
|
10
|
-
|
11
|
-
PBSelect(
|
12
|
-
title: "Favorite Food",
|
13
|
-
options: defaultOptions,
|
14
|
-
style: .error("Please make a valid selection")
|
15
|
-
) { selected in
|
16
|
-
errorState = selected
|
17
|
-
}
|
18
|
-
```
|
@@ -1,8 +0,0 @@
|
|
1
|
-
### Props
|
2
|
-
| Name | Type | Description | Default | Values |
|
3
|
-
| --- | ----------- | --------- | --------- | --------- |
|
4
|
-
| **title** | `String` | Sets label title for dropdown | | |
|
5
|
-
| **options** | `(String, String)` | Displays the list of dropdown options | | |
|
6
|
-
| **style** | `Variant` | Options for the state of dropdown | `.default` | `default` `disabled` `error` |
|
7
|
-
| **selectedOption** | `String` | Changes selected value when new value is selected | | |
|
8
|
-
| **selected** | `String` | Changes the value of the option selected in dropdown | | |
|
@@ -1,37 +0,0 @@
|
|
1
|
-
![user-horizontal](https://github.com/powerhome/playbook/assets/92755007/63680051-6a88-4ae7-bffd-74d8e9b3a805)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
|
5
|
-
let img = Image("andrew", bundle: .module)
|
6
|
-
let name = "Andrew K"
|
7
|
-
let title = "Rebels Developer"
|
8
|
-
|
9
|
-
VStack(alignment: .leading, spacing: Spacing.small) {
|
10
|
-
PBUser(
|
11
|
-
name: name,
|
12
|
-
image: img,
|
13
|
-
territory: "PHL",
|
14
|
-
title: title
|
15
|
-
)
|
16
|
-
|
17
|
-
PBUser(
|
18
|
-
name: name,
|
19
|
-
territory: "PHL",
|
20
|
-
title: title
|
21
|
-
)
|
22
|
-
|
23
|
-
PBUser(
|
24
|
-
name: name,
|
25
|
-
image: img,
|
26
|
-
size: .small,
|
27
|
-
title: title
|
28
|
-
)
|
29
|
-
|
30
|
-
PBUser(
|
31
|
-
name: name,
|
32
|
-
image: img,
|
33
|
-
size: .small
|
34
|
-
)
|
35
|
-
}
|
36
|
-
|
37
|
-
```
|
@@ -1,10 +0,0 @@
|
|
1
|
-
### Props
|
2
|
-
| Name | Type | Description | Default | Values |
|
3
|
-
| --- | ----------- | --------- | --------- | --------- |
|
4
|
-
| **name** | `String` | Sets the User's name | | |
|
5
|
-
| **displayAvatar** | `Bool` | Displays the User's avatar | `true` | `true` `false` |
|
6
|
-
| **image** | `Image` | Sets image for the avatar | | |
|
7
|
-
| **orientation** | `Orientation` | Changes the orientation of the User | `.horizontal` | `.horizontal` `.verticle` |
|
8
|
-
| **size** | `UserAvatarSize` | Changes the size of the User | `.medium` | `.small` `.medium` `.large` |
|
9
|
-
| **territory** | `String` | Adds the User's territory | | |
|
10
|
-
| **title** | `String` | Adds a title | | |
|
@@ -1,35 +0,0 @@
|
|
1
|
-
![user-size](https://github.com/powerhome/playbook/assets/54749071/ed012a15-64a1-4c13-a0bc-7457660992f6)
|
2
|
-
|
3
|
-
|
4
|
-
```swift
|
5
|
-
|
6
|
-
let img = Image("andrew", bundle: .module)
|
7
|
-
let name = "Andrew K"
|
8
|
-
let title = "Rebels Developer"
|
9
|
-
|
10
|
-
VStack(alignment: .leading, spacing: Spacing.small) {
|
11
|
-
PBUser(
|
12
|
-
name: name,
|
13
|
-
image: img,
|
14
|
-
size: .small,
|
15
|
-
territory: "PHL",
|
16
|
-
title: title
|
17
|
-
)
|
18
|
-
|
19
|
-
PBUser(
|
20
|
-
name: name,
|
21
|
-
image: img,
|
22
|
-
territory: "PHL",
|
23
|
-
title: title
|
24
|
-
)
|
25
|
-
|
26
|
-
PBUser(
|
27
|
-
name: name,
|
28
|
-
image: img,
|
29
|
-
size: .large,
|
30
|
-
territory: "PHL",
|
31
|
-
title: title
|
32
|
-
)
|
33
|
-
}
|
34
|
-
|
35
|
-
```
|
@@ -1,27 +0,0 @@
|
|
1
|
-
![user-text-only](https://github.com/powerhome/playbook/assets/54749071/ba04df54-6590-4db6-ad32-38932a08aced)
|
2
|
-
|
3
|
-
|
4
|
-
```swift
|
5
|
-
|
6
|
-
let img = Image("andrew", bundle: .module)
|
7
|
-
let name = "Andrew K"
|
8
|
-
let title = "Rebels Developer"
|
9
|
-
|
10
|
-
VStack(spacing: Spacing.small) {
|
11
|
-
PBUser(
|
12
|
-
name: name,
|
13
|
-
displayAvatar: false,
|
14
|
-
size: .large,
|
15
|
-
territory: "PHL",
|
16
|
-
title: title
|
17
|
-
)
|
18
|
-
|
19
|
-
PBUser(
|
20
|
-
name: name,
|
21
|
-
displayAvatar: false,
|
22
|
-
territory: "PHL",
|
23
|
-
title: title
|
24
|
-
)
|
25
|
-
}
|
26
|
-
|
27
|
-
```
|
@@ -1,35 +0,0 @@
|
|
1
|
-
![user-verticle-size](https://github.com/powerhome/playbook/assets/54749071/e99b4c9b-0752-467e-971e-a6a5f520009e)
|
2
|
-
|
3
|
-
|
4
|
-
```swift
|
5
|
-
|
6
|
-
let img = Image("andrew", bundle: .module)
|
7
|
-
let name = "Andrew K"
|
8
|
-
let title = "Rebels Developer"
|
9
|
-
|
10
|
-
VStack(alignment: .leading, spacing: Spacing.small) {
|
11
|
-
PBUser(
|
12
|
-
name: name,
|
13
|
-
image: img,
|
14
|
-
orientation: .vertical,
|
15
|
-
size: .small,
|
16
|
-
title: title
|
17
|
-
)
|
18
|
-
|
19
|
-
PBUser(
|
20
|
-
name: name,
|
21
|
-
image: img,
|
22
|
-
orientation: .vertical,
|
23
|
-
title: title
|
24
|
-
)
|
25
|
-
|
26
|
-
PBUser(
|
27
|
-
name: name,
|
28
|
-
image: img,
|
29
|
-
orientation: .vertical,
|
30
|
-
size: .large,
|
31
|
-
title: title
|
32
|
-
)
|
33
|
-
}
|
34
|
-
|
35
|
-
```
|
@@ -1 +0,0 @@
|
|
1
|
-
declare module '*.scss';
|
@@ -1,20 +0,0 @@
|
|
1
|
-
$truncate-styles: (
|
2
|
-
truncate_1: 1,
|
3
|
-
truncate_2: 2,
|
4
|
-
truncate_3: 3,
|
5
|
-
truncate_4: 4,
|
6
|
-
truncate_5: 5
|
7
|
-
);
|
8
|
-
|
9
|
-
@mixin apply_truncate_styles($number) {
|
10
|
-
overflow: hidden;
|
11
|
-
display: -webkit-box;
|
12
|
-
-webkit-line-clamp: $number;
|
13
|
-
-webkit-box-orient: vertical;
|
14
|
-
}
|
15
|
-
|
16
|
-
@each $class, $number in $truncate-styles {
|
17
|
-
.#{$class} {
|
18
|
-
@include apply_truncate_styles($number);
|
19
|
-
}
|
20
|
-
}
|
@@ -1,21 +0,0 @@
|
|
1
|
-
import React from 'react'
|
2
|
-
import { render, screen } from '../../test-utils'
|
3
|
-
|
4
|
-
import Body from '../../../pb_body/_body'
|
5
|
-
|
6
|
-
const testSubject = 'body'
|
7
|
-
|
8
|
-
test('Global Props: Returns corrrect truncate class name', () => {
|
9
|
-
for(let x = 1, y = 5; x <= y; ++x) {
|
10
|
-
const testId = `${testSubject}-${x}`
|
11
|
-
render(
|
12
|
-
<Body
|
13
|
-
data={{ testid: testId }}
|
14
|
-
text="Hi"
|
15
|
-
truncate={`${x}`}
|
16
|
-
/>
|
17
|
-
)
|
18
|
-
const kit = screen.getByTestId(testId)
|
19
|
-
expect(kit).toHaveClass(`truncate_${x}`)
|
20
|
-
}
|
21
|
-
})
|
data/lib/playbook/truncate.rb
DELETED
@@ -1,29 +0,0 @@
|
|
1
|
-
# frozen_string_literal: true
|
2
|
-
|
3
|
-
module Playbook
|
4
|
-
module Truncate
|
5
|
-
def self.included(base)
|
6
|
-
base.prop :truncate
|
7
|
-
end
|
8
|
-
|
9
|
-
def truncate_props
|
10
|
-
selected_props = truncate_options.keys.select { |sk| try(sk) }
|
11
|
-
return nil unless selected_props.present?
|
12
|
-
|
13
|
-
selected_props.map do |k|
|
14
|
-
truncate_value = send(k)
|
15
|
-
"truncate_#{truncate_value}" if truncate_values.include? truncate_value
|
16
|
-
end.compact.join(" ")
|
17
|
-
end
|
18
|
-
|
19
|
-
def truncate_options
|
20
|
-
{
|
21
|
-
truncate: "truncate",
|
22
|
-
}
|
23
|
-
end
|
24
|
-
|
25
|
-
def truncate_values
|
26
|
-
%w[1 2 3 4 5]
|
27
|
-
end
|
28
|
-
end
|
29
|
-
end
|