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

Sign up to get free protection for your applications and to get access to all the features.
@@ -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