playbook_ui 12.31.0.pre.alpha.datepickerdisableddatefix931 → 12.31.0.pre.alpha.hoverrails948

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.
@@ -0,0 +1,29 @@
1
+ # frozen_string_literal: true
2
+
3
+ module Playbook
4
+ module BorderRadius
5
+ def self.included(base)
6
+ base.prop :border_radius
7
+ end
8
+
9
+ def border_radius_props
10
+ selected_props = border_radius_options.keys.select { |sk| try(sk) }
11
+ return nil unless selected_props.present?
12
+
13
+ selected_props.map do |k|
14
+ border_radius_value = send(k)
15
+ "border_radius_#{border_radius_value}" if border_radius_values.include? border_radius_value
16
+ end.compact.join(" ")
17
+ end
18
+
19
+ def border_radius_options
20
+ {
21
+ border_radius: "border_radius",
22
+ }
23
+ end
24
+
25
+ def border_radius_values
26
+ %w[none xs sm md lg xl rounded]
27
+ end
28
+ end
29
+ end
@@ -32,6 +32,8 @@ module Playbook
32
32
  flex_shrink_props,
33
33
  order_props,
34
34
  position_props,
35
+ hover_props,
36
+ border_radius_props,
35
37
  ].compact.join(" ")
36
38
  end
37
39
 
@@ -0,0 +1,62 @@
1
+ # frozen_string_literal: true
2
+
3
+ require "pry"
4
+
5
+ module Playbook
6
+ module Hover
7
+ def self.included(base)
8
+ base.prop :hover
9
+ end
10
+
11
+ def hover_options
12
+ {
13
+ hover: "hover",
14
+ }
15
+ end
16
+
17
+ def hover_shadow_values
18
+ %w[deep deeper deepest]
19
+ end
20
+
21
+ def hover_scale_values
22
+ %w[sm md lg]
23
+ end
24
+
25
+ def hover_background_values
26
+ []
27
+ end
28
+
29
+ def hover_values
30
+ hover_options.keys.select { |sk| try(sk) }
31
+ end
32
+
33
+ def hover_attributes
34
+ %w[background shadow scale]
35
+ end
36
+
37
+ def hover_props
38
+ selected_props = hover_options.keys.select { |sk| try(sk) }
39
+ return nil unless selected_props.present?
40
+
41
+ responsive = selected_props.present? && try(selected_props.first).is_a?(::Hash)
42
+ css = ""
43
+ selected_props.each do |prop|
44
+ value = send(prop)
45
+ prefix = hover_options[prop]
46
+ if responsive
47
+ value.each do |key, val|
48
+ if key == :background
49
+ css += "#{prefix}_#{key}_#{val} " if hover_attributes.include?(key.to_s)
50
+ elsif hover_attributes.include?(key.to_s) && send("hover_#{key}_values").include?(val.to_s)
51
+ css += "#{prefix}_#{key}_#{val} "
52
+ end
53
+ end
54
+ elsif send("hover_#{prop}_values").include?(value)
55
+ css += "#{prefix}_#{value} "
56
+ end
57
+ end
58
+
59
+ css.strip unless css.blank?
60
+ end
61
+ end
62
+ end
@@ -20,6 +20,8 @@ require "playbook/flex_grow"
20
20
  require "playbook/flex_shrink"
21
21
  require "playbook/order"
22
22
  require "playbook/position"
23
+ require "playbook/hover"
24
+ require "playbook/border_radius"
23
25
 
24
26
  module Playbook
25
27
  class KitBase < ViewComponent::Base
@@ -45,6 +47,8 @@ module Playbook
45
47
  include Playbook::FlexShrink
46
48
  include Playbook::Order
47
49
  include Playbook::Position
50
+ include Playbook::Hover
51
+ include Playbook::BorderRadius
48
52
 
49
53
  prop :id
50
54
  prop :data, type: Playbook::Props::Hash, default: {}
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "12.31.0"
5
- VERSION = "12.31.0.pre.alpha.datepickerdisableddatefix931"
5
+ VERSION = "12.31.0.pre.alpha.hoverrails948"
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: 12.31.0.pre.alpha.datepickerdisableddatefix931
4
+ version: 12.31.0.pre.alpha.hoverrails948
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: 2023-07-14 00:00:00.000000000 Z
12
+ date: 2023-07-18 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -429,6 +429,7 @@ files:
429
429
  - app/pb_kits/playbook/pb_button/docs/_button_full_width.html.erb
430
430
  - app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx
431
431
  - app/pb_kits/playbook/pb_button/docs/_button_full_width.md
432
+ - app/pb_kits/playbook/pb_button/docs/_button_hover.html.erb
432
433
  - app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
433
434
  - app/pb_kits/playbook/pb_button/docs/_button_icon_options.html.erb
434
435
  - app/pb_kits/playbook/pb_button/docs/_button_icon_options.jsx
@@ -1439,6 +1440,7 @@ files:
1439
1440
  - app/pb_kits/playbook/pb_message/docs/_message_default.html.erb
1440
1441
  - app/pb_kits/playbook/pb_message/docs/_message_default.jsx
1441
1442
  - app/pb_kits/playbook/pb_message/docs/_message_default.md
1443
+ - app/pb_kits/playbook/pb_message/docs/_message_hover.html.erb
1442
1444
  - app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
1443
1445
  - app/pb_kits/playbook/pb_message/docs/_message_timestamp.html.erb
1444
1446
  - app/pb_kits/playbook/pb_message/docs/_message_timestamp.jsx
@@ -2481,6 +2483,7 @@ files:
2481
2483
  - lib/playbook/align_content.rb
2482
2484
  - lib/playbook/align_items.rb
2483
2485
  - lib/playbook/align_self.rb
2486
+ - lib/playbook/border_radius.rb
2484
2487
  - lib/playbook/classnames.rb
2485
2488
  - lib/playbook/cursor.rb
2486
2489
  - lib/playbook/display.rb
@@ -2501,6 +2504,7 @@ files:
2501
2504
  - lib/playbook/forms/builder/multi_level_select_field.rb
2502
2505
  - lib/playbook/forms/builder/select_field.rb
2503
2506
  - lib/playbook/forms/builder/typeahead_field.rb
2507
+ - lib/playbook/hover.rb
2504
2508
  - lib/playbook/justify_content.rb
2505
2509
  - lib/playbook/justify_self.rb
2506
2510
  - lib/playbook/kit_base.rb