playbook_ui 6.0.0 → 6.0.1.pre.alpha6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (131) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +2 -1
  3. data/app/pb_kits/playbook/data/menu.yml +3 -2
  4. data/app/pb_kits/playbook/index.js +1 -0
  5. data/app/pb_kits/playbook/packs/examples.js +2 -0
  6. data/app/pb_kits/playbook/pb_avatar/_avatar.jsx +2 -2
  7. data/app/pb_kits/playbook/pb_badge/_badge.jsx +2 -5
  8. data/app/pb_kits/playbook/pb_badge/_badge.scss +1 -1
  9. data/app/pb_kits/playbook/pb_badge/badge.rb +1 -6
  10. data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx +2 -2
  11. data/app/pb_kits/playbook/pb_body/_body.jsx +3 -6
  12. data/app/pb_kits/playbook/pb_body/_body.scss +6 -0
  13. data/app/pb_kits/playbook/pb_body/body.rb +2 -8
  14. data/app/pb_kits/playbook/pb_button/_button.jsx +2 -5
  15. data/app/pb_kits/playbook/pb_button/_button.scss +1 -1
  16. data/app/pb_kits/playbook/pb_button/button.rb +1 -7
  17. data/app/pb_kits/playbook/pb_button/docs/_button_default.jsx +2 -0
  18. data/app/pb_kits/playbook/pb_caption/_caption.jsx +2 -2
  19. data/app/pb_kits/playbook/pb_card/_card.jsx +17 -14
  20. data/app/pb_kits/playbook/pb_card/_card.scss +4 -1
  21. data/app/pb_kits/playbook/pb_card/card.rb +2 -9
  22. data/app/pb_kits/playbook/pb_card/docs/_card_dark.html.erb +1 -1
  23. data/app/pb_kits/playbook/pb_checkbox/_checkbox.jsx +2 -2
  24. data/app/pb_kits/playbook/pb_checkbox/checkbox.rb +4 -8
  25. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.jsx +2 -2
  26. data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.rb +0 -2
  27. data/app/pb_kits/playbook/pb_contact/_contact.jsx +2 -2
  28. data/app/pb_kits/playbook/pb_currency/_currency.jsx +2 -2
  29. data/app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.js +26 -0
  30. data/app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.jsx +2 -2
  31. data/app/pb_kits/playbook/pb_date/_date.jsx +4 -4
  32. data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.jsx +2 -2
  33. data/app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.jsx +2 -2
  34. data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.jsx +2 -2
  35. data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx +2 -2
  36. data/app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.jsx +2 -2
  37. data/app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.jsx +2 -2
  38. data/app/pb_kits/playbook/pb_file_upload/_file_upload.jsx +2 -2
  39. data/app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx +2 -2
  40. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb +6 -2
  41. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.jsx +2 -2
  42. data/app/pb_kits/playbook/pb_flex/_flex.jsx +2 -2
  43. data/app/pb_kits/playbook/pb_flex/_flex_item.jsx +2 -2
  44. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +1 -0
  45. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +1 -0
  46. data/app/pb_kits/playbook/pb_form/docs/_form_simple_form.html.erb +3 -1
  47. data/app/pb_kits/playbook/pb_form/docs/_form_simple_form_validate.html.erb +3 -1
  48. data/app/pb_kits/playbook/pb_form/form_builder.rb +2 -0
  49. data/app/pb_kits/playbook/pb_form/form_builder/checkbox_field.rb +26 -0
  50. data/app/pb_kits/playbook/pb_form/form_builder/form_field_builder.rb +1 -0
  51. data/app/pb_kits/playbook/pb_form_pill/_form_pill.jsx +2 -2
  52. data/app/pb_kits/playbook/pb_gauge/_gauge.html.erb +12 -0
  53. data/app/pb_kits/playbook/pb_gauge/_gauge.jsx +110 -0
  54. data/app/pb_kits/playbook/pb_gauge/_gauge.scss +11 -0
  55. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_default.html.erb +11 -0
  56. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_default.jsx +17 -0
  57. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_disable_animation.html.erb +12 -0
  58. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_disable_animation.jsx +18 -0
  59. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_full_circle.html.erb +14 -0
  60. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_full_circle.jsx +20 -0
  61. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_height.html.erb +15 -0
  62. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx +23 -0
  63. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_live_data.jsx +40 -0
  64. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.html.erb +15 -0
  65. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.jsx +21 -0
  66. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.md +1 -0
  67. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.html.erb +26 -0
  68. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.jsx +37 -0
  69. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.md +1 -0
  70. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_title.html.erb +14 -0
  71. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_title.jsx +20 -0
  72. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_units.html.erb +29 -0
  73. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx +29 -0
  74. data/app/pb_kits/playbook/pb_gauge/docs/example.yml +24 -0
  75. data/app/pb_kits/playbook/pb_gauge/docs/index.js +9 -0
  76. data/app/pb_kits/playbook/pb_gauge/gauge.rb +57 -0
  77. data/app/pb_kits/playbook/pb_hashtag/_hashtag.jsx +2 -2
  78. data/app/pb_kits/playbook/pb_highlight/_highlight.jsx +2 -2
  79. data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.jsx +2 -2
  80. data/app/pb_kits/playbook/pb_icon/_icon.jsx +2 -2
  81. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.jsx +2 -2
  82. data/app/pb_kits/playbook/pb_icon_value/_icon_value.jsx +2 -2
  83. data/app/pb_kits/playbook/pb_image/_image.jsx +2 -2
  84. data/app/pb_kits/playbook/pb_label_pill/_label_pill.jsx +2 -2
  85. data/app/pb_kits/playbook/pb_label_value/_label_value.jsx +2 -2
  86. data/app/pb_kits/playbook/pb_layout/_layout.jsx +6 -6
  87. data/app/pb_kits/playbook/pb_legend/_legend.jsx +2 -2
  88. data/app/pb_kits/playbook/pb_line_graph/_line_graph.jsx +2 -2
  89. data/app/pb_kits/playbook/pb_list/_list.jsx +2 -2
  90. data/app/pb_kits/playbook/pb_list/_list_item.jsx +2 -2
  91. data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx +2 -2
  92. data/app/pb_kits/playbook/pb_logistic/_logistic.jsx +111 -0
  93. data/app/pb_kits/playbook/pb_message/_message.jsx +2 -2
  94. data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.jsx +2 -2
  95. data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.jsx +2 -2
  96. data/app/pb_kits/playbook/pb_nav/_nav.jsx +2 -2
  97. data/app/pb_kits/playbook/pb_online_status/_online_status.jsx +2 -2
  98. data/app/pb_kits/playbook/pb_person/_person.jsx +2 -2
  99. data/app/pb_kits/playbook/pb_person_contact/_person_contact.jsx +2 -2
  100. data/app/pb_kits/playbook/pb_pill/_pill.jsx +2 -2
  101. data/app/pb_kits/playbook/pb_popover/_popover.jsx +2 -2
  102. data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.jsx +2 -2
  103. data/app/pb_kits/playbook/pb_progress_simple/_progress_simple.jsx +2 -2
  104. data/app/pb_kits/playbook/pb_progress_step/_progress_step.jsx +2 -2
  105. data/app/pb_kits/playbook/pb_radio/_radio.jsx +2 -2
  106. data/app/pb_kits/playbook/pb_section_separator/_section_separator.jsx +2 -2
  107. data/app/pb_kits/playbook/pb_select/_select.jsx +2 -2
  108. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.jsx +2 -2
  109. data/app/pb_kits/playbook/pb_stat_change/_stat_change.jsx +2 -2
  110. data/app/pb_kits/playbook/pb_stat_value/_stat_value.jsx +2 -2
  111. data/app/pb_kits/playbook/pb_table/_table.jsx +2 -2
  112. data/app/pb_kits/playbook/pb_table/_table_row.jsx +2 -2
  113. data/app/pb_kits/playbook/pb_text_input/_text_input.jsx +2 -2
  114. data/app/pb_kits/playbook/pb_textarea/_textarea.jsx +2 -2
  115. data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.jsx +2 -2
  116. data/app/pb_kits/playbook/pb_time_stacked/_time_stacked.jsx +2 -2
  117. data/app/pb_kits/playbook/pb_timestamp/_timestamp.jsx +2 -2
  118. data/app/pb_kits/playbook/pb_title/_title.jsx +2 -2
  119. data/app/pb_kits/playbook/pb_title_count/_title_count.jsx +2 -2
  120. data/app/pb_kits/playbook/pb_title_detail/_title_detail.jsx +2 -2
  121. data/app/pb_kits/playbook/pb_toggle/_toggle.jsx +2 -2
  122. data/app/pb_kits/playbook/pb_user/_user.jsx +2 -2
  123. data/app/pb_kits/playbook/pb_user_badge/_user_badge.jsx +2 -2
  124. data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.jsx +2 -2
  125. data/app/pb_kits/playbook/plugins/pb_chart.js +74 -0
  126. data/app/pb_kits/playbook/props.rb +6 -0
  127. data/app/pb_kits/playbook/utilities/{spacing.js → globalProps.js} +14 -1
  128. data/app/pb_kits/playbook/utilities/props.js +1 -0
  129. data/lib/generators/kit/templates/kit_jsx.erb.tt +2 -2
  130. data/lib/playbook/version.rb +1 -1
  131. metadata +34 -6
@@ -43,11 +43,16 @@ module Playbook
43
43
  end.compact.join(" ")
44
44
  end
45
45
 
46
+ def dark_props
47
+ dark ? "dark" : nil
48
+ end
49
+
46
50
  def generate_classname(*name_parts, separator: "_")
47
51
  [
48
52
  name_parts.compact.join(separator),
49
53
  prop(:classname),
50
54
  spacing_props,
55
+ dark_props
51
56
  ].compact.join(" ")
52
57
  end
53
58
 
@@ -81,6 +86,7 @@ module Playbook
81
86
  prop :padding_top
82
87
  prop :padding_x
83
88
  prop :padding_y
89
+ prop :dark, type: Playbook::Props::Boolean, default: false
84
90
  end
85
91
 
86
92
  def spacing_options
@@ -1,4 +1,5 @@
1
- export const spacing = ({
1
+ // Prop categories
2
+ const spacingProps = ({
2
3
  marginRight,
3
4
  marginLeft,
4
5
  marginTop,
@@ -31,3 +32,15 @@ export const spacing = ({
31
32
  css += padding ? `p_${padding} ` : ''
32
33
  return css
33
34
  }
35
+
36
+ const darkProps = ({ dark }) => {
37
+ let css = ''
38
+ css += dark ? 'dark' : ''
39
+ return css
40
+ }
41
+
42
+ // All Exported as a single function
43
+ export const globalProps = (props, defaultProps = {}) => {
44
+ const allProps = { ...props, ...defaultProps }
45
+ return spacingProps(allProps) + darkProps(allProps)
46
+ }
@@ -46,3 +46,4 @@ export const buildDataProps = (data) => buildPrefixedProps('data', data)
46
46
  * @returns {String} the derived root className value.
47
47
  */
48
48
  export const buildCss = (...rules) => classnames(rules).replace(/\s/g, '_')
49
+
@@ -38,7 +38,7 @@ props_names = @kit_props.keys.map do |key|
38
38
  import React from 'react'
39
39
  import classnames from 'classnames'
40
40
  import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
41
- import { spacing } from '../utilities/spacing.js'
41
+ import { globalProps } from '../utilities/globalProps.js'
42
42
 
43
43
  type <%= type_name %> = {
44
44
  <%= break_lines.call(props_types) %>
@@ -51,7 +51,7 @@ const <%= @kit_name_pascal %> = (props: <%= type_name %>) => {
51
51
 
52
52
  const ariaProps = buildAriaProps(aria)
53
53
  const dataProps = buildDataProps(data)
54
- const classes = classnames(buildCss('pb_<%= @kit_name_underscore %>'), className, spacing(props))
54
+ const classes = classnames(buildCss('pb_<%= @kit_name_underscore %>'), className, globalProps(props))
55
55
 
56
56
  return (
57
57
  <div
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- VERSION = "6.0.0"
4
+ VERSION = "6.0.1.pre.alpha6"
5
5
  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: 6.0.0
4
+ version: 6.0.1.pre.alpha6
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: 2020-07-30 00:00:00.000000000 Z
12
+ date: 2020-08-06 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -829,6 +829,7 @@ files:
829
829
  - app/pb_kits/playbook/pb_form/form/simple_form_form.rb
830
830
  - app/pb_kits/playbook/pb_form/form_builder.rb
831
831
  - app/pb_kits/playbook/pb_form/form_builder/action_area.rb
832
+ - app/pb_kits/playbook/pb_form/form_builder/checkbox_field.rb
832
833
  - app/pb_kits/playbook/pb_form/form_builder/collection_select_field.rb
833
834
  - app/pb_kits/playbook/pb_form/form_builder/form_field_builder.rb
834
835
  - app/pb_kits/playbook/pb_form/form_builder/form_with_form_builder.rb
@@ -846,6 +847,31 @@ files:
846
847
  - app/pb_kits/playbook/pb_form_pill/docs/example.yml
847
848
  - app/pb_kits/playbook/pb_form_pill/docs/index.js
848
849
  - app/pb_kits/playbook/pb_form_pill/form_pill.rb
850
+ - app/pb_kits/playbook/pb_gauge/_gauge.html.erb
851
+ - app/pb_kits/playbook/pb_gauge/_gauge.jsx
852
+ - app/pb_kits/playbook/pb_gauge/_gauge.scss
853
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_default.html.erb
854
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_default.jsx
855
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_disable_animation.html.erb
856
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_disable_animation.jsx
857
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_full_circle.html.erb
858
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_full_circle.jsx
859
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_height.html.erb
860
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
861
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_live_data.jsx
862
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.html.erb
863
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.jsx
864
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.md
865
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.html.erb
866
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.jsx
867
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.md
868
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_title.html.erb
869
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_title.jsx
870
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_units.html.erb
871
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx
872
+ - app/pb_kits/playbook/pb_gauge/docs/example.yml
873
+ - app/pb_kits/playbook/pb_gauge/docs/index.js
874
+ - app/pb_kits/playbook/pb_gauge/gauge.rb
849
875
  - app/pb_kits/playbook/pb_hashtag/_hashtag.html.erb
850
876
  - app/pb_kits/playbook/pb_hashtag/_hashtag.jsx
851
877
  - app/pb_kits/playbook/pb_hashtag/_hashtag.scss
@@ -1097,6 +1123,7 @@ files:
1097
1123
  - app/pb_kits/playbook/pb_loading_inline/docs/example.yml
1098
1124
  - app/pb_kits/playbook/pb_loading_inline/docs/index.js
1099
1125
  - app/pb_kits/playbook/pb_loading_inline/loading_inline.rb
1126
+ - app/pb_kits/playbook/pb_logistic/_logistic.jsx
1100
1127
  - app/pb_kits/playbook/pb_message/_message.html.erb
1101
1128
  - app/pb_kits/playbook/pb_message/_message.jsx
1102
1129
  - app/pb_kits/playbook/pb_message/_message.scss
@@ -1733,8 +1760,8 @@ files:
1733
1760
  - app/pb_kits/playbook/utilities/_background_colors.scss
1734
1761
  - app/pb_kits/playbook/utilities/_colors.scss
1735
1762
  - app/pb_kits/playbook/utilities/_spacing.scss
1763
+ - app/pb_kits/playbook/utilities/globalProps.js
1736
1764
  - app/pb_kits/playbook/utilities/props.js
1737
- - app/pb_kits/playbook/utilities/spacing.js
1738
1765
  - app/pb_kits/playbook/utilities/text.js
1739
1766
  - app/pb_kits/playbook/vendor.js
1740
1767
  - app/views/layouts/playbook/_mobile_hamburger.html.erb
@@ -1812,11 +1839,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
1812
1839
  version: '0'
1813
1840
  required_rubygems_version: !ruby/object:Gem::Requirement
1814
1841
  requirements:
1815
- - - ">="
1842
+ - - ">"
1816
1843
  - !ruby/object:Gem::Version
1817
- version: '0'
1844
+ version: 1.3.1
1818
1845
  requirements: []
1819
- rubygems_version: 3.1.4
1846
+ rubyforge_project:
1847
+ rubygems_version: 2.7.3
1820
1848
  signing_key:
1821
1849
  specification_version: 4
1822
1850
  summary: Playbook Design System