playbook_ui 14.8.0.pre.alpha.PLAY1598floatinguiupgrade4563 → 14.8.0.pre.alpha.PLAY1598floatinguiupgrade4617

Sign up to get free protection for your applications and to get access to all the features.
Files changed (42) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +1 -0
  3. data/app/pb_kits/playbook/pb_checkbox/checkbox.html.erb +2 -2
  4. data/app/pb_kits/playbook/pb_checkbox/checkbox.rb +0 -4
  5. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.html.erb +84 -7
  6. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +1 -0
  7. data/app/pb_kits/playbook/pb_dropdown/dropdown_container.html.erb +0 -1
  8. data/app/pb_kits/playbook/pb_dropdown/dropdown_container.rb +0 -4
  9. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +2 -2
  10. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_loading.html.erb +1 -1
  11. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +63 -12
  12. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.html.erb +2 -1
  13. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.html.erb +47 -0
  14. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.jsx +59 -0
  15. data/app/pb_kits/playbook/pb_typeahead/_typeahead.scss +3 -0
  16. data/app/pb_kits/playbook/pb_typeahead/index.ts +29 -3
  17. data/app/pb_kits/playbook/pb_typeahead/typeahead.html.erb +5 -2
  18. data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +4 -0
  19. data/app/pb_kits/playbook/tokens/_height.scss +19 -0
  20. data/app/pb_kits/playbook/tokens/exports/_height.module.scss +37 -0
  21. data/app/pb_kits/playbook/utilities/_height.scss +33 -0
  22. data/app/pb_kits/playbook/utilities/_max_width.scss +4 -0
  23. data/app/pb_kits/playbook/utilities/_min_width.scss +1 -1
  24. data/app/pb_kits/playbook/utilities/globalPropNames.mjs +0 -1
  25. data/app/pb_kits/playbook/utilities/globalProps.ts +24 -0
  26. data/dist/chunks/{_typeahead-DUfnbpvK.js → _typeahead-q6dSnFmE.js} +2 -2
  27. data/dist/chunks/{_weekday_stacked-CFiZk2PV.js → _weekday_stacked-BF7UZO3j.js} +1 -1
  28. data/dist/chunks/{lib-BC6ESsxG.js → lib-SyD3buPZ.js} +1 -1
  29. data/dist/chunks/{pb_form_validation-B_Z9rEbg.js → pb_form_validation-Dt8UJgrJ.js} +1 -1
  30. data/dist/chunks/vendor.js +1 -1
  31. data/dist/playbook-doc.js +1 -1
  32. data/dist/playbook-rails-react-bindings.js +1 -1
  33. data/dist/playbook-rails.js +1 -1
  34. data/dist/playbook.css +1 -1
  35. data/lib/playbook/classnames.rb +3 -0
  36. data/lib/playbook/forms/builder/typeahead_field.rb +13 -0
  37. data/lib/playbook/height.rb +29 -0
  38. data/lib/playbook/kit_base.rb +16 -1
  39. data/lib/playbook/max_height.rb +29 -0
  40. data/lib/playbook/min_height.rb +29 -0
  41. data/lib/playbook/version.rb +1 -1
  42. metadata +12 -6
@@ -361,6 +361,30 @@ const PROP_CATEGORIES: {[key:string]: (props: {[key: string]: any}) => string} =
361
361
  css += maxWidth ? `max_width_${filterClassName(maxWidth)} ` : ''
362
362
  return css.trimEnd()
363
363
  },
364
+ minHeightProps: ({ minHeight }: MinHeight) => {
365
+ const heightValues = ["auto", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"]
366
+ if (heightValues.includes(minHeight)) {
367
+ let css = ''
368
+ css += minHeight ? `min_height_${filterClassName(minHeight)} ` : ''
369
+ return css.trimEnd()
370
+ }
371
+ },
372
+ maxHeightProps: ({ maxHeight }: MaxHeight) => {
373
+ const heightValues = ["auto", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"]
374
+ if (heightValues.includes(maxHeight)) {
375
+ let css = ''
376
+ css += maxHeight ? `max_height_${filterClassName(maxHeight)} ` : ''
377
+ return css.trimEnd()
378
+ }
379
+ },
380
+ heightProps: ({ height }: Height) => {
381
+ const heightValues = ["auto", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"]
382
+ if (heightValues.includes(height)) {
383
+ let css = ''
384
+ css += height ? `height_${filterClassName(height)} ` : ''
385
+ return css.trimEnd()
386
+ }
387
+ },
364
388
  zIndexProps: (zIndex: ZIndex) => {
365
389
  let css = ''
366
390
  Object.entries(zIndex).forEach((zIndexEntry) => {