playbook_ui 14.8.0.pre.alpha.PLAY1649rolloutheightglobalprops4635 → 14.8.0.pre.alpha.PLAY16254545

Sign up to get free protection for your applications and to get access to all the features.
Files changed (51) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +0 -1
  3. data/app/pb_kits/playbook/pb_background/_background.tsx +2 -8
  4. data/app/pb_kits/playbook/pb_checkbox/checkbox.html.erb +2 -2
  5. data/app/pb_kits/playbook/pb_checkbox/checkbox.rb +4 -0
  6. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.html.erb +7 -84
  7. data/app/pb_kits/playbook/pb_collapsible/_collapsible.tsx +1 -3
  8. data/app/pb_kits/playbook/pb_drawer/_drawer.tsx +1 -4
  9. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +0 -1
  10. data/app/pb_kits/playbook/pb_dropdown/dropdown_container.html.erb +1 -0
  11. data/app/pb_kits/playbook/pb_dropdown/dropdown_container.rb +4 -0
  12. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +2 -2
  13. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_loading.html.erb +1 -1
  14. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +12 -63
  15. data/app/pb_kits/playbook/pb_image/_image.tsx +1 -3
  16. data/app/pb_kits/playbook/pb_layout/_layout.tsx +3 -6
  17. data/app/pb_kits/playbook/pb_overlay/_overlay.tsx +1 -3
  18. data/app/pb_kits/playbook/pb_section_separator/_section_separator.tsx +1 -3
  19. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.html.erb +1 -2
  20. data/app/pb_kits/playbook/pb_table/_table.tsx +1 -3
  21. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.html.erb +0 -47
  22. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.jsx +0 -59
  23. data/app/pb_kits/playbook/pb_typeahead/index.ts +3 -29
  24. data/app/pb_kits/playbook/pb_typeahead/typeahead.html.erb +2 -5
  25. data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +0 -4
  26. data/app/pb_kits/playbook/utilities/_max_width.scss +0 -4
  27. data/app/pb_kits/playbook/utilities/_min_width.scss +1 -1
  28. data/app/pb_kits/playbook/utilities/globalPropNames.mjs +1 -0
  29. data/app/pb_kits/playbook/utilities/globalProps.ts +0 -24
  30. data/dist/chunks/{_typeahead-PpBCdLHD.js → _typeahead-D0PihN_3.js} +3 -3
  31. data/dist/chunks/_weekday_stacked-uMIX8f-A.js +45 -0
  32. data/dist/chunks/{lib-SyD3buPZ.js → lib-BC6ESsxG.js} +1 -1
  33. data/dist/chunks/{pb_form_validation-Dt8UJgrJ.js → pb_form_validation-B_Z9rEbg.js} +1 -1
  34. data/dist/chunks/vendor.js +1 -1
  35. data/dist/menu.yml +0 -321
  36. data/dist/playbook-doc.js +1 -1
  37. data/dist/playbook-rails-react-bindings.js +1 -1
  38. data/dist/playbook-rails.js +1 -1
  39. data/dist/playbook.css +1 -1
  40. data/lib/playbook/classnames.rb +0 -3
  41. data/lib/playbook/forms/builder/typeahead_field.rb +0 -13
  42. data/lib/playbook/kit_base.rb +1 -16
  43. data/lib/playbook/version.rb +1 -1
  44. metadata +6 -12
  45. data/app/pb_kits/playbook/tokens/_height.scss +0 -19
  46. data/app/pb_kits/playbook/tokens/exports/_height.module.scss +0 -37
  47. data/app/pb_kits/playbook/utilities/_height.scss +0 -33
  48. data/dist/chunks/_weekday_stacked-fqRjy8nx.js +0 -45
  49. data/lib/playbook/height.rb +0 -29
  50. data/lib/playbook/max_height.rb +0 -29
  51. data/lib/playbook/min_height.rb +0 -29
@@ -43,9 +43,6 @@ module Playbook
43
43
  right_props,
44
44
  bottom_props,
45
45
  vertical_align_props,
46
- height_props,
47
- min_height_props,
48
- max_height_props,
49
46
  ].compact.join(" ")
50
47
  end
51
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
@@ -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 inline_validator(key, value) }.compact
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
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "14.8.0"
5
- VERSION = "14.8.0.pre.alpha.PLAY1649rolloutheightglobalprops4635"
5
+ VERSION = "14.8.0.pre.alpha.PLAY16254545"
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.8.0.pre.alpha.PLAY1649rolloutheightglobalprops4635
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-22 00:00:00.000000000 Z
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
@@ -3173,11 +3170,11 @@ files:
3173
3170
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3174
3171
  - app/pb_kits/playbook/utilities/text.ts
3175
3172
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3176
- - dist/chunks/_typeahead-PpBCdLHD.js
3177
- - dist/chunks/_weekday_stacked-fqRjy8nx.js
3173
+ - dist/chunks/_typeahead-D0PihN_3.js
3174
+ - dist/chunks/_weekday_stacked-uMIX8f-A.js
3178
3175
  - dist/chunks/lazysizes-B7xYodB-.js
3179
- - dist/chunks/lib-SyD3buPZ.js
3180
- - dist/chunks/pb_form_validation-Dt8UJgrJ.js
3176
+ - dist/chunks/lib-BC6ESsxG.js
3177
+ - dist/chunks/pb_form_validation-B_Z9rEbg.js
3181
3178
  - dist/chunks/vendor.js
3182
3179
  - dist/menu.yml
3183
3180
  - dist/playbook-doc.js
@@ -3214,7 +3211,6 @@ files:
3214
3211
  - lib/playbook/forms/builder/select_field.rb
3215
3212
  - lib/playbook/forms/builder/star_rating_field.rb
3216
3213
  - lib/playbook/forms/builder/typeahead_field.rb
3217
- - lib/playbook/height.rb
3218
3214
  - lib/playbook/hover.rb
3219
3215
  - lib/playbook/justify_content.rb
3220
3216
  - lib/playbook/justify_self.rb
@@ -3222,8 +3218,6 @@ files:
3222
3218
  - lib/playbook/kit_resolver.rb
3223
3219
  - lib/playbook/left.rb
3224
3220
  - lib/playbook/line_height.rb
3225
- - lib/playbook/max_height.rb
3226
- - lib/playbook/min_height.rb
3227
3221
  - lib/playbook/number_spacing.rb
3228
3222
  - lib/playbook/order.rb
3229
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
- }