playbook_ui 14.8.0.pre.alpha.PLAY1680newwidthprop4661 → 14.8.0.pre.alpha.PLAY16254545
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/_playbook.scss +0 -2
- data/app/pb_kits/playbook/pb_checkbox/checkbox.html.erb +2 -2
- data/app/pb_kits/playbook/pb_checkbox/checkbox.rb +4 -0
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.html.erb +7 -84
- data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +0 -1
- data/app/pb_kits/playbook/pb_dropdown/dropdown_container.html.erb +1 -0
- data/app/pb_kits/playbook/pb_dropdown/dropdown_container.rb +4 -0
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +2 -2
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with_loading.html.erb +1 -1
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +12 -63
- data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.html.erb +1 -2
- data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.html.erb +0 -47
- data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.jsx +0 -59
- data/app/pb_kits/playbook/pb_typeahead/index.ts +3 -29
- data/app/pb_kits/playbook/pb_typeahead/typeahead.html.erb +2 -5
- data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +0 -4
- data/app/pb_kits/playbook/utilities/_max_width.scss +9 -29
- data/app/pb_kits/playbook/utilities/_min_width.scss +2 -6
- data/app/pb_kits/playbook/utilities/globalPropNames.mjs +1 -1
- data/app/pb_kits/playbook/utilities/globalProps.ts +4 -37
- data/dist/chunks/{_typeahead-Bg7nPSBj.js → _typeahead-D0PihN_3.js} +2 -2
- data/dist/chunks/{_weekday_stacked-9V0rzCNn.js → _weekday_stacked-uMIX8f-A.js} +1 -1
- data/dist/chunks/{lib-SyD3buPZ.js → lib-BC6ESsxG.js} +1 -1
- data/dist/chunks/{pb_form_validation-Dt8UJgrJ.js → pb_form_validation-B_Z9rEbg.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/menu.yml +0 -321
- data/dist/playbook-doc.js +1 -1
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/classnames.rb +0 -4
- data/lib/playbook/forms/builder/typeahead_field.rb +0 -13
- data/lib/playbook/kit_base.rb +1 -16
- data/lib/playbook/spacing.rb +0 -21
- data/lib/playbook/version.rb +1 -1
- metadata +6 -13
- data/app/pb_kits/playbook/tokens/_height.scss +0 -19
- data/app/pb_kits/playbook/tokens/exports/_height.module.scss +0 -37
- data/app/pb_kits/playbook/utilities/_height.scss +0 -33
- data/app/pb_kits/playbook/utilities/_width.scss +0 -45
- data/lib/playbook/height.rb +0 -29
- data/lib/playbook/max_height.rb +0 -29
- data/lib/playbook/min_height.rb +0 -29
data/lib/playbook/classnames.rb
CHANGED
@@ -13,7 +13,6 @@ module Playbook
|
|
13
13
|
prop(:classname),
|
14
14
|
spacing_props,
|
15
15
|
dark_props,
|
16
|
-
width_props,
|
17
16
|
min_width_props,
|
18
17
|
max_width_props,
|
19
18
|
z_index_props,
|
@@ -44,9 +43,6 @@ module Playbook
|
|
44
43
|
right_props,
|
45
44
|
bottom_props,
|
46
45
|
vertical_align_props,
|
47
|
-
height_props,
|
48
|
-
min_height_props,
|
49
|
-
max_height_props,
|
50
46
|
].compact.join(" ")
|
51
47
|
end
|
52
48
|
|
@@ -5,19 +5,6 @@ module Playbook
|
|
5
5
|
class Builder
|
6
6
|
def typeahead(name, _options = {}, _html_options = {}, props: {})
|
7
7
|
props[:name] = name
|
8
|
-
|
9
|
-
input_id = "#{name}_input"
|
10
|
-
props[:input_options] ||= {}
|
11
|
-
props[:input_options][:id] ||= input_id
|
12
|
-
|
13
|
-
props[:label] = @template.label(@object_name, name, for: props[:input_options][:id]) if props[:label] == true
|
14
|
-
|
15
|
-
if props[:validation]
|
16
|
-
validation_message = props[:validation][:message]
|
17
|
-
props[:input_options][:data] ||= {}
|
18
|
-
props[:input_options][:data][:validation_message] = validation_message
|
19
|
-
end
|
20
|
-
|
21
8
|
@template.pb_rails("typeahead", props: props)
|
22
9
|
end
|
23
10
|
end
|
data/lib/playbook/kit_base.rb
CHANGED
@@ -30,9 +30,6 @@ require "playbook/top"
|
|
30
30
|
require "playbook/right"
|
31
31
|
require "playbook/bottom"
|
32
32
|
require "playbook/vertical_align"
|
33
|
-
require "playbook/height"
|
34
|
-
require "playbook/min_height"
|
35
|
-
require "playbook/max_height"
|
36
33
|
|
37
34
|
module Playbook
|
38
35
|
include ActionView::Helpers
|
@@ -70,9 +67,6 @@ module Playbook
|
|
70
67
|
include Playbook::Right
|
71
68
|
include Playbook::Bottom
|
72
69
|
include Playbook::VerticalAlign
|
73
|
-
include Playbook::Height
|
74
|
-
include Playbook::MinHeight
|
75
|
-
include Playbook::MaxHeight
|
76
70
|
|
77
71
|
prop :id
|
78
72
|
prop :data, type: Playbook::Props::HashProp, default: {}
|
@@ -172,17 +166,8 @@ module Playbook
|
|
172
166
|
end
|
173
167
|
|
174
168
|
def dynamic_inline_props
|
175
|
-
styles = global_inline_props.map { |key, value| "#{key.to_s.gsub('_', '-')}: #{value}" if
|
169
|
+
styles = global_inline_props.map { |key, value| "#{key.to_s.gsub('_', '-')}: #{value}" if value.present? }.compact
|
176
170
|
styles.join("; ").presence
|
177
171
|
end
|
178
|
-
|
179
|
-
def inline_validator(key, value)
|
180
|
-
return false if value.nil?
|
181
|
-
return false if height_values.include?(value) && key == :height
|
182
|
-
return false if min_height_values.include?(value) && key == :min_height
|
183
|
-
return false if max_height_values.include?(value) && key == :max_height
|
184
|
-
|
185
|
-
true
|
186
|
-
end
|
187
172
|
end
|
188
173
|
end
|
data/lib/playbook/spacing.rb
CHANGED
@@ -12,7 +12,6 @@ module Playbook
|
|
12
12
|
base.prop :margin_y
|
13
13
|
base.prop :max_width
|
14
14
|
base.prop :min_width
|
15
|
-
base.prop :width
|
16
15
|
base.prop :padding
|
17
16
|
base.prop :padding_bottom
|
18
17
|
base.prop :padding_left
|
@@ -34,12 +33,6 @@ module Playbook
|
|
34
33
|
}
|
35
34
|
end
|
36
35
|
|
37
|
-
def width_options
|
38
|
-
{
|
39
|
-
width: "w",
|
40
|
-
}
|
41
|
-
end
|
42
|
-
|
43
36
|
def max_width_values
|
44
37
|
%w[0% xs sm md lg xl xxl 0 none 100%]
|
45
38
|
end
|
@@ -48,10 +41,6 @@ module Playbook
|
|
48
41
|
%w[0% xs sm md lg xl xxl 0 none 100%]
|
49
42
|
end
|
50
43
|
|
51
|
-
def width_values
|
52
|
-
%w[0% xs sm md lg xl xxl 0 none 100%]
|
53
|
-
end
|
54
|
-
|
55
44
|
def spacing_options
|
56
45
|
{
|
57
46
|
margin: "m",
|
@@ -136,15 +125,5 @@ module Playbook
|
|
136
125
|
"max_width_#{filter_classname(width_value)}" if max_width_values.include? width_value
|
137
126
|
end.compact.join(" ")
|
138
127
|
end
|
139
|
-
|
140
|
-
def width_props
|
141
|
-
selected_w_props = width_options.keys.select { |sk| try(sk) }
|
142
|
-
return nil unless selected_w_props.present?
|
143
|
-
|
144
|
-
selected_w_props.map do |k|
|
145
|
-
width_value = send(k)
|
146
|
-
"width_#{filter_classname(width_value)}" if width_values.include? width_value
|
147
|
-
end.compact.join(" ")
|
148
|
-
end
|
149
128
|
end
|
150
129
|
end
|
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: 14.8.0.pre.alpha.
|
4
|
+
version: 14.8.0.pre.alpha.PLAY16254545
|
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-11-
|
12
|
+
date: 2024-11-19 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -3087,7 +3087,6 @@ files:
|
|
3087
3087
|
- app/pb_kits/playbook/tokens/_colors.scss
|
3088
3088
|
- app/pb_kits/playbook/tokens/_container.scss
|
3089
3089
|
- app/pb_kits/playbook/tokens/_display.scss
|
3090
|
-
- app/pb_kits/playbook/tokens/_height.scss
|
3091
3090
|
- app/pb_kits/playbook/tokens/_line_height.scss
|
3092
3091
|
- app/pb_kits/playbook/tokens/_opacity.scss
|
3093
3092
|
- app/pb_kits/playbook/tokens/_overflow.scss
|
@@ -3103,7 +3102,6 @@ files:
|
|
3103
3102
|
- app/pb_kits/playbook/tokens/_vertical_align.scss
|
3104
3103
|
- app/pb_kits/playbook/tokens/exports/_border_radius.module.scss
|
3105
3104
|
- app/pb_kits/playbook/tokens/exports/_colors.module.scss
|
3106
|
-
- app/pb_kits/playbook/tokens/exports/_height.module.scss
|
3107
3105
|
- app/pb_kits/playbook/tokens/exports/_line_height.module.scss
|
3108
3106
|
- app/pb_kits/playbook/tokens/exports/_opacity.module.scss
|
3109
3107
|
- app/pb_kits/playbook/tokens/exports/_positioning.module.scss
|
@@ -3121,7 +3119,6 @@ files:
|
|
3121
3119
|
- app/pb_kits/playbook/utilities/_display.scss
|
3122
3120
|
- app/pb_kits/playbook/utilities/_flexbox.scss
|
3123
3121
|
- app/pb_kits/playbook/utilities/_focus.scss
|
3124
|
-
- app/pb_kits/playbook/utilities/_height.scss
|
3125
3122
|
- app/pb_kits/playbook/utilities/_hover.scss
|
3126
3123
|
- app/pb_kits/playbook/utilities/_line_height.scss
|
3127
3124
|
- app/pb_kits/playbook/utilities/_max_width.scss
|
@@ -3135,7 +3132,6 @@ files:
|
|
3135
3132
|
- app/pb_kits/playbook/utilities/_text_align.scss
|
3136
3133
|
- app/pb_kits/playbook/utilities/_truncate.scss
|
3137
3134
|
- app/pb_kits/playbook/utilities/_vertical_align.scss
|
3138
|
-
- app/pb_kits/playbook/utilities/_width.scss
|
3139
3135
|
- app/pb_kits/playbook/utilities/flexbox_global_props/_align_content.scss
|
3140
3136
|
- app/pb_kits/playbook/utilities/flexbox_global_props/_align_items.scss
|
3141
3137
|
- app/pb_kits/playbook/utilities/flexbox_global_props/_align_self.scss
|
@@ -3174,11 +3170,11 @@ files:
|
|
3174
3170
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
3175
3171
|
- app/pb_kits/playbook/utilities/text.ts
|
3176
3172
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
3177
|
-
- dist/chunks/_typeahead-
|
3178
|
-
- dist/chunks/_weekday_stacked-
|
3173
|
+
- dist/chunks/_typeahead-D0PihN_3.js
|
3174
|
+
- dist/chunks/_weekday_stacked-uMIX8f-A.js
|
3179
3175
|
- dist/chunks/lazysizes-B7xYodB-.js
|
3180
|
-
- dist/chunks/lib-
|
3181
|
-
- dist/chunks/pb_form_validation-
|
3176
|
+
- dist/chunks/lib-BC6ESsxG.js
|
3177
|
+
- dist/chunks/pb_form_validation-B_Z9rEbg.js
|
3182
3178
|
- dist/chunks/vendor.js
|
3183
3179
|
- dist/menu.yml
|
3184
3180
|
- dist/playbook-doc.js
|
@@ -3215,7 +3211,6 @@ files:
|
|
3215
3211
|
- lib/playbook/forms/builder/select_field.rb
|
3216
3212
|
- lib/playbook/forms/builder/star_rating_field.rb
|
3217
3213
|
- lib/playbook/forms/builder/typeahead_field.rb
|
3218
|
-
- lib/playbook/height.rb
|
3219
3214
|
- lib/playbook/hover.rb
|
3220
3215
|
- lib/playbook/justify_content.rb
|
3221
3216
|
- lib/playbook/justify_self.rb
|
@@ -3223,8 +3218,6 @@ files:
|
|
3223
3218
|
- lib/playbook/kit_resolver.rb
|
3224
3219
|
- lib/playbook/left.rb
|
3225
3220
|
- lib/playbook/line_height.rb
|
3226
|
-
- lib/playbook/max_height.rb
|
3227
|
-
- lib/playbook/min_height.rb
|
3228
3221
|
- lib/playbook/number_spacing.rb
|
3229
3222
|
- lib/playbook/order.rb
|
3230
3223
|
- lib/playbook/overflow.rb
|
@@ -1,19 +0,0 @@
|
|
1
|
-
|
2
|
-
$height_auto: auto !default;
|
3
|
-
$height_xs: 320px !default;
|
4
|
-
$height_sm: 480px !default;
|
5
|
-
$height_md: 768px !default;
|
6
|
-
$height_lg: 1024px !default;
|
7
|
-
$height_xl: 1280px !default;
|
8
|
-
$height_2xl: 1440px !default;
|
9
|
-
$height_3xl: 1920px !default;
|
10
|
-
$heights: (
|
11
|
-
height_auto: $height_auto,
|
12
|
-
height_xs: $height_xs,
|
13
|
-
height_sm: $height_sm,
|
14
|
-
height_md: $height_md,
|
15
|
-
height_lg: $height_lg,
|
16
|
-
height_xl: $height_xl,
|
17
|
-
height_xxl: $height_2xl,
|
18
|
-
height_xxxl: $height_3xl
|
19
|
-
);
|
@@ -1,37 +0,0 @@
|
|
1
|
-
@import "../height";
|
2
|
-
|
3
|
-
:export {
|
4
|
-
@mixin export_height($height_list) {
|
5
|
-
@each $name, $value in $height_list {
|
6
|
-
.#{$name} {
|
7
|
-
height: $value;
|
8
|
-
}
|
9
|
-
}
|
10
|
-
}
|
11
|
-
|
12
|
-
@include export_height($heights);
|
13
|
-
}
|
14
|
-
|
15
|
-
:export {
|
16
|
-
@mixin export_max_height($height_list) {
|
17
|
-
@each $name, $value in $height_list {
|
18
|
-
.max_#{$name} {
|
19
|
-
max-height: $value;
|
20
|
-
}
|
21
|
-
}
|
22
|
-
}
|
23
|
-
|
24
|
-
@include export_max_height($heights);
|
25
|
-
}
|
26
|
-
|
27
|
-
:export {
|
28
|
-
@mixin export_min_height($height_list) {
|
29
|
-
@each $name, $value in $height_list {
|
30
|
-
.min_#{$name} {
|
31
|
-
min-height: $value;
|
32
|
-
}
|
33
|
-
}
|
34
|
-
}
|
35
|
-
|
36
|
-
@include export_min_height($heights);
|
37
|
-
}
|
@@ -1,33 +0,0 @@
|
|
1
|
-
@import "../tokens/exports/height.module";
|
2
|
-
|
3
|
-
@mixin export_height($height_list) {
|
4
|
-
@each $name, $value in $height_list {
|
5
|
-
.#{$name} {
|
6
|
-
height: $value;
|
7
|
-
}
|
8
|
-
}
|
9
|
-
}
|
10
|
-
|
11
|
-
@mixin export_max_height($height_list) {
|
12
|
-
@each $name, $value in $height_list {
|
13
|
-
.max_#{$name} {
|
14
|
-
max-height: $value;
|
15
|
-
}
|
16
|
-
}
|
17
|
-
}
|
18
|
-
|
19
|
-
@mixin export_min_height($height_list) {
|
20
|
-
@each $name, $value in $height_list {
|
21
|
-
.min_#{$name} {
|
22
|
-
min-height: $value;
|
23
|
-
}
|
24
|
-
}
|
25
|
-
}
|
26
|
-
|
27
|
-
@include export_height($heights);
|
28
|
-
@include export_max_height($heights);
|
29
|
-
@include export_min_height($heights);
|
30
|
-
|
31
|
-
.height-resize {
|
32
|
-
resize: vertical;
|
33
|
-
}
|
@@ -1,45 +0,0 @@
|
|
1
|
-
@import "../tokens/container";
|
2
|
-
|
3
|
-
.width_none {
|
4
|
-
width: none;
|
5
|
-
}
|
6
|
-
|
7
|
-
.width_0 {
|
8
|
-
width: map-get($containers, 'none');
|
9
|
-
}
|
10
|
-
|
11
|
-
.width_0_percent {
|
12
|
-
width: map-get($containers, 'none');
|
13
|
-
}
|
14
|
-
|
15
|
-
.width_xxs {
|
16
|
-
width: $container_xxs;
|
17
|
-
}
|
18
|
-
|
19
|
-
.width_xs {
|
20
|
-
width: $container_xs;
|
21
|
-
}
|
22
|
-
|
23
|
-
.width_sm {
|
24
|
-
width: $container_sm;
|
25
|
-
}
|
26
|
-
|
27
|
-
.width_md {
|
28
|
-
width: $container_md;
|
29
|
-
}
|
30
|
-
|
31
|
-
.width_lg {
|
32
|
-
width: $container_lg;
|
33
|
-
}
|
34
|
-
|
35
|
-
.width_xl {
|
36
|
-
width: $container_xl;
|
37
|
-
}
|
38
|
-
|
39
|
-
.width_xxl {
|
40
|
-
width: $container_xxl;
|
41
|
-
}
|
42
|
-
|
43
|
-
.width_100_percent {
|
44
|
-
width: $container_100;
|
45
|
-
}
|
data/lib/playbook/height.rb
DELETED
@@ -1,29 +0,0 @@
|
|
1
|
-
# frozen_string_literal: true
|
2
|
-
|
3
|
-
module Playbook
|
4
|
-
module Height
|
5
|
-
def self.included(base)
|
6
|
-
base.prop :height
|
7
|
-
end
|
8
|
-
|
9
|
-
def height_props
|
10
|
-
selected_props = height_options.keys.select { |sk| try(sk) }
|
11
|
-
return nil unless selected_props.present?
|
12
|
-
|
13
|
-
selected_props.map do |k|
|
14
|
-
height_value = send(k)
|
15
|
-
"height_#{height_value}" if height_values.include? height_value.to_s
|
16
|
-
end.compact.join(" ")
|
17
|
-
end
|
18
|
-
|
19
|
-
def height_options
|
20
|
-
{
|
21
|
-
height: "height",
|
22
|
-
}
|
23
|
-
end
|
24
|
-
|
25
|
-
def height_values
|
26
|
-
%w[auto xs sm md lg xl xxl xxxl]
|
27
|
-
end
|
28
|
-
end
|
29
|
-
end
|
data/lib/playbook/max_height.rb
DELETED
@@ -1,29 +0,0 @@
|
|
1
|
-
# frozen_string_literal: true
|
2
|
-
|
3
|
-
module Playbook
|
4
|
-
module MaxHeight
|
5
|
-
def self.included(base)
|
6
|
-
base.prop :max_height
|
7
|
-
end
|
8
|
-
|
9
|
-
def max_height_props
|
10
|
-
selected_props = max_height_options.keys.select { |sk| try(sk) }
|
11
|
-
return nil unless selected_props.present?
|
12
|
-
|
13
|
-
selected_props.map do |k|
|
14
|
-
max_height_value = send(k)
|
15
|
-
"max_height_#{max_height_value}" if max_height_values.include? max_height_value.to_s
|
16
|
-
end.compact.join(" ")
|
17
|
-
end
|
18
|
-
|
19
|
-
def max_height_options
|
20
|
-
{
|
21
|
-
max_height: "max_height",
|
22
|
-
}
|
23
|
-
end
|
24
|
-
|
25
|
-
def max_height_values
|
26
|
-
%w[auto xs sm md lg xl xxl xxxl]
|
27
|
-
end
|
28
|
-
end
|
29
|
-
end
|
data/lib/playbook/min_height.rb
DELETED
@@ -1,29 +0,0 @@
|
|
1
|
-
# frozen_string_literal: true
|
2
|
-
|
3
|
-
module Playbook
|
4
|
-
module MinHeight
|
5
|
-
def self.included(base)
|
6
|
-
base.prop :min_height
|
7
|
-
end
|
8
|
-
|
9
|
-
def min_height_props
|
10
|
-
selected_props = min_height_options.keys.select { |sk| try(sk) }
|
11
|
-
return nil unless selected_props.present?
|
12
|
-
|
13
|
-
selected_props.map do |k|
|
14
|
-
min_height_value = send(k)
|
15
|
-
"min_height_#{min_height_value}" if min_height_values.include? min_height_value.to_s
|
16
|
-
end.compact.join(" ")
|
17
|
-
end
|
18
|
-
|
19
|
-
def min_height_options
|
20
|
-
{
|
21
|
-
min_height: "min_height",
|
22
|
-
}
|
23
|
-
end
|
24
|
-
|
25
|
-
def min_height_values
|
26
|
-
%w[auto xs sm md lg xl xxl xxxl]
|
27
|
-
end
|
28
|
-
end
|
29
|
-
end
|