playbook_ui 14.6.2.pre.alpha.PLAY1607dependencydisplayymlupdate4271 → 14.6.2.pre.alpha.PLAY15814348

Sign up to get free protection for your applications and to get access to all the features.
Files changed (56) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +2 -1
  3. data/app/pb_kits/playbook/pb_card/_card.tsx +12 -4
  4. data/app/pb_kits/playbook/pb_card/_card_mixin.scss +1 -2
  5. data/app/pb_kits/playbook/pb_card/docs/_card_light.jsx +17 -3
  6. data/app/pb_kits/playbook/pb_currency/_currency.tsx +16 -6
  7. data/app/pb_kits/playbook/pb_currency/currency.rb +38 -11
  8. data/app/pb_kits/playbook/pb_currency/currency.test.js +35 -0
  9. data/app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.html.erb +7 -0
  10. data/app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.jsx +18 -0
  11. data/app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.md +3 -0
  12. data/app/pb_kits/playbook/pb_currency/docs/example.yml +3 -1
  13. data/app/pb_kits/playbook/pb_currency/docs/index.js +1 -0
  14. data/app/pb_kits/playbook/pb_dialog/_dialog.tsx +5 -1
  15. data/app/pb_kits/playbook/pb_flex/_flex.tsx +3 -1
  16. data/app/pb_kits/playbook/pb_flex/_flex_item.tsx +8 -2
  17. data/app/pb_kits/playbook/pb_flex/flex_item.html.erb +3 -6
  18. data/app/pb_kits/playbook/pb_flex/flex_item.rb +7 -2
  19. data/app/pb_kits/playbook/pb_link/_link.scss +66 -0
  20. data/app/pb_kits/playbook/pb_link/_link.tsx +107 -0
  21. data/app/pb_kits/playbook/pb_link/docs/_link_color.html.erb +30 -0
  22. data/app/pb_kits/playbook/pb_link/docs/_link_color.jsx +40 -0
  23. data/app/pb_kits/playbook/pb_link/docs/_link_disabled.html.erb +5 -0
  24. data/app/pb_kits/playbook/pb_link/docs/_link_disabled.jsx +15 -0
  25. data/app/pb_kits/playbook/pb_link/docs/_link_icon.html.erb +15 -0
  26. data/app/pb_kits/playbook/pb_link/docs/_link_icon.jsx +25 -0
  27. data/app/pb_kits/playbook/pb_link/docs/_link_tag.html.erb +35 -0
  28. data/app/pb_kits/playbook/pb_link/docs/_link_tag.jsx +45 -0
  29. data/app/pb_kits/playbook/pb_link/docs/_link_underline.html.erb +5 -0
  30. data/app/pb_kits/playbook/pb_link/docs/_link_underline.jsx +15 -0
  31. data/app/pb_kits/playbook/pb_link/docs/example.yml +16 -0
  32. data/app/pb_kits/playbook/pb_link/docs/index.js +5 -0
  33. data/app/pb_kits/playbook/pb_link/link.html.erb +21 -0
  34. data/app/pb_kits/playbook/pb_link/link.rb +44 -0
  35. data/app/pb_kits/playbook/pb_link/link.test.jsx +92 -0
  36. data/app/pb_kits/playbook/pb_popover/_popover.tsx +1 -1
  37. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +67 -1
  38. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.tsx +1 -0
  39. data/app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb +1 -1
  40. data/app/pb_kits/playbook/pb_selectable_card/selectable_card.rb +5 -1
  41. data/app/pb_kits/playbook/tokens/_typography.scss +35 -0
  42. data/app/pb_kits/playbook/utilities/globalPropNames.mjs +3 -0
  43. data/app/pb_kits/playbook/utilities/globalProps.ts +39 -2
  44. data/dist/chunks/_typeahead-BtdghxJo.js +22 -0
  45. data/dist/chunks/_weekday_stacked-D1RoR5CN.js +45 -0
  46. data/dist/chunks/vendor.js +1 -1
  47. data/dist/menu.yml +4 -316
  48. data/dist/playbook-doc.js +1 -1
  49. data/dist/playbook-rails-react-bindings.js +1 -1
  50. data/dist/playbook-rails.js +1 -1
  51. data/dist/playbook.css +1 -1
  52. data/lib/playbook/kit_base.rb +21 -1
  53. data/lib/playbook/version.rb +1 -1
  54. metadata +24 -4
  55. data/dist/chunks/_typeahead-BV_n6U5W.js +0 -22
  56. data/dist/chunks/_weekday_stacked-Dh3OU4s8.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.PLAY1607dependencydisplayymlupdate4271"
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.PLAY1607dependencydisplayymlupdate4271
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-29 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
@@ -1732,6 +1735,23 @@ files:
1732
1735
  - app/pb_kits/playbook/pb_line_graph/lineGraphSettings.js
1733
1736
  - app/pb_kits/playbook/pb_line_graph/line_graph.html.erb
1734
1737
  - app/pb_kits/playbook/pb_line_graph/line_graph.rb
1738
+ - app/pb_kits/playbook/pb_link/_link.scss
1739
+ - app/pb_kits/playbook/pb_link/_link.tsx
1740
+ - app/pb_kits/playbook/pb_link/docs/_link_color.html.erb
1741
+ - app/pb_kits/playbook/pb_link/docs/_link_color.jsx
1742
+ - app/pb_kits/playbook/pb_link/docs/_link_disabled.html.erb
1743
+ - app/pb_kits/playbook/pb_link/docs/_link_disabled.jsx
1744
+ - app/pb_kits/playbook/pb_link/docs/_link_icon.html.erb
1745
+ - app/pb_kits/playbook/pb_link/docs/_link_icon.jsx
1746
+ - app/pb_kits/playbook/pb_link/docs/_link_tag.html.erb
1747
+ - app/pb_kits/playbook/pb_link/docs/_link_tag.jsx
1748
+ - app/pb_kits/playbook/pb_link/docs/_link_underline.html.erb
1749
+ - app/pb_kits/playbook/pb_link/docs/_link_underline.jsx
1750
+ - app/pb_kits/playbook/pb_link/docs/example.yml
1751
+ - app/pb_kits/playbook/pb_link/docs/index.js
1752
+ - app/pb_kits/playbook/pb_link/link.html.erb
1753
+ - app/pb_kits/playbook/pb_link/link.rb
1754
+ - app/pb_kits/playbook/pb_link/link.test.jsx
1735
1755
  - app/pb_kits/playbook/pb_list/_list.scss
1736
1756
  - app/pb_kits/playbook/pb_list/_list.tsx
1737
1757
  - app/pb_kits/playbook/pb_list/_list_item.tsx
@@ -3099,8 +3119,8 @@ files:
3099
3119
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3100
3120
  - app/pb_kits/playbook/utilities/text.ts
3101
3121
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3102
- - dist/chunks/_typeahead-BV_n6U5W.js
3103
- - dist/chunks/_weekday_stacked-Dh3OU4s8.js
3122
+ - dist/chunks/_typeahead-BtdghxJo.js
3123
+ - dist/chunks/_weekday_stacked-D1RoR5CN.js
3104
3124
  - dist/chunks/lazysizes-B7xYodB-.js
3105
3125
  - dist/chunks/lib-D-mTv-kp.js
3106
3126
  - dist/chunks/pb_form_validation-BkWGwJsl.js