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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_button/docs/_button_hover.html.erb +3 -0
- data/app/pb_kits/playbook/pb_button/docs/example.yml +9 -9
- data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +31 -37
- data/app/pb_kits/playbook/pb_message/docs/_message_hover.html.erb +25 -0
- data/app/pb_kits/playbook/pb_message/docs/example.yml +1 -0
- data/app/pb_kits/playbook/utilities/_hover.scss +1 -1
- data/app/pb_kits/playbook/utilities/globalProps.ts +1 -1
- data/dist/playbook-rails.js +2 -2
- data/lib/playbook/border_radius.rb +29 -0
- data/lib/playbook/classnames.rb +2 -0
- data/lib/playbook/hover.rb +62 -0
- data/lib/playbook/kit_base.rb +4 -0
- data/lib/playbook/version.rb +1 -1
- metadata +6 -2
@@ -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
|
data/lib/playbook/classnames.rb
CHANGED
@@ -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
|
data/lib/playbook/kit_base.rb
CHANGED
@@ -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: {}
|
data/lib/playbook/version.rb
CHANGED
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.
|
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-
|
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
|