playbook_ui 14.6.2.pre.alpha.PLAY1550lazysizesupgrade4295 → 14.6.2.pre.alpha.PLAY15814348

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 (36) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_card/_card.tsx +12 -4
  3. data/app/pb_kits/playbook/pb_card/_card_mixin.scss +1 -2
  4. data/app/pb_kits/playbook/pb_card/docs/_card_light.jsx +17 -3
  5. data/app/pb_kits/playbook/pb_currency/_currency.tsx +16 -6
  6. data/app/pb_kits/playbook/pb_currency/currency.rb +38 -11
  7. data/app/pb_kits/playbook/pb_currency/currency.test.js +35 -0
  8. data/app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.html.erb +7 -0
  9. data/app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.jsx +18 -0
  10. data/app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.md +3 -0
  11. data/app/pb_kits/playbook/pb_currency/docs/example.yml +3 -1
  12. data/app/pb_kits/playbook/pb_currency/docs/index.js +1 -0
  13. data/app/pb_kits/playbook/pb_dialog/_dialog.tsx +5 -1
  14. data/app/pb_kits/playbook/pb_flex/_flex.tsx +3 -1
  15. data/app/pb_kits/playbook/pb_flex/_flex_item.tsx +8 -2
  16. data/app/pb_kits/playbook/pb_flex/flex_item.html.erb +3 -6
  17. data/app/pb_kits/playbook/pb_flex/flex_item.rb +7 -2
  18. data/app/pb_kits/playbook/pb_popover/_popover.tsx +1 -1
  19. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +67 -1
  20. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.tsx +1 -0
  21. data/app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb +1 -1
  22. data/app/pb_kits/playbook/pb_selectable_card/selectable_card.rb +5 -1
  23. data/app/pb_kits/playbook/utilities/globalPropNames.mjs +3 -0
  24. data/app/pb_kits/playbook/utilities/globalProps.ts +39 -2
  25. data/dist/chunks/_typeahead-BtdghxJo.js +22 -0
  26. data/dist/chunks/_weekday_stacked-D1RoR5CN.js +45 -0
  27. data/dist/chunks/vendor.js +1 -1
  28. data/dist/playbook-doc.js +1 -1
  29. data/dist/playbook-rails-react-bindings.js +1 -1
  30. data/dist/playbook-rails.js +1 -1
  31. data/dist/playbook.css +1 -1
  32. data/lib/playbook/kit_base.rb +21 -1
  33. data/lib/playbook/version.rb +1 -1
  34. metadata +7 -4
  35. data/dist/chunks/_typeahead-BV_n6U5W.js +0 -22
  36. data/dist/chunks/_weekday_stacked-Cken8pfG.js +0 -45
@@ -73,6 +73,10 @@ module Playbook
73
73
  prop :aria, type: Playbook::Props::HashProp, default: {}
74
74
  prop :html_options, type: Playbook::Props::HashProp, default: {}
75
75
  prop :children, type: Playbook::Props::Proc
76
+ prop :style, type: Playbook::Props::HashProp, default: {}
77
+ prop :height
78
+ prop :min_height
79
+ prop :max_height
76
80
 
77
81
  def object
78
82
  self
@@ -82,6 +86,14 @@ module Playbook
82
86
  default_html_options.merge(html_options.deep_merge(data_attributes))
83
87
  end
84
88
 
89
+ def global_inline_props
90
+ {
91
+ height: height,
92
+ min_height: min_height,
93
+ max_height: max_height,
94
+ }.compact
95
+ end
96
+
85
97
  # rubocop:disable Layout/CommentIndentation
86
98
  # pb_content_tag information (potentially to be abstracted into its own dev doc in the future)
87
99
  # The pb_content_tag generates HTML content tags for rails kits with flexible options.
@@ -113,12 +125,15 @@ module Playbook
113
125
  private
114
126
 
115
127
  def default_options
116
- {
128
+ options = {
117
129
  id: id,
118
130
  data: data,
119
131
  class: classname,
120
132
  aria: aria,
121
133
  }
134
+ inline_styles = dynamic_inline_props
135
+ options[:style] = inline_styles if inline_styles.present?
136
+ options
122
137
  end
123
138
 
124
139
  def default_html_options
@@ -131,5 +146,10 @@ module Playbook
131
146
  aria: aria,
132
147
  }.transform_keys { |key| key.to_s.tr("_", "-").to_sym }
133
148
  end
149
+
150
+ def dynamic_inline_props
151
+ styles = global_inline_props.map { |key, value| "#{key.to_s.gsub('_', '-')}: #{value};" if value.present? }.compact
152
+ styles.join(" ").presence
153
+ end
134
154
  end
135
155
  end
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "14.6.2"
5
- VERSION = "14.6.2.pre.alpha.PLAY1550lazysizesupgrade4295"
5
+ VERSION = "14.6.2.pre.alpha.PLAY15814348"
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: 14.6.2.pre.alpha.PLAY1550lazysizesupgrade4295
4
+ version: 14.6.2.pre.alpha.PLAY15814348
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: 2024-10-30 00:00:00.000000000 Z
12
+ date: 2024-11-04 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -762,6 +762,9 @@ files:
762
762
  - app/pb_kits/playbook/pb_currency/docs/_currency_alignment.html.erb
763
763
  - app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
764
764
  - app/pb_kits/playbook/pb_currency/docs/_currency_alignment_swift.md
765
+ - app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.html.erb
766
+ - app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.jsx
767
+ - app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.md
765
768
  - app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.html.erb
766
769
  - app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.jsx
767
770
  - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.html.erb
@@ -3116,8 +3119,8 @@ files:
3116
3119
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3117
3120
  - app/pb_kits/playbook/utilities/text.ts
3118
3121
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3119
- - dist/chunks/_typeahead-BV_n6U5W.js
3120
- - dist/chunks/_weekday_stacked-Cken8pfG.js
3122
+ - dist/chunks/_typeahead-BtdghxJo.js
3123
+ - dist/chunks/_weekday_stacked-D1RoR5CN.js
3121
3124
  - dist/chunks/lazysizes-B7xYodB-.js
3122
3125
  - dist/chunks/lib-D-mTv-kp.js
3123
3126
  - dist/chunks/pb_form_validation-BkWGwJsl.js