playbook_ui 7.8.4 → 7.11.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (140) hide show
  1. checksums.yaml +4 -4
  2. data/app/controllers/playbook/application_controller.rb +5 -3
  3. data/app/helpers/playbook/application_helper.rb +13 -19
  4. data/app/helpers/playbook/pb_doc_helper.rb +41 -20
  5. data/app/helpers/playbook/pb_kit_helper.rb +1 -25
  6. data/app/helpers/playbook/pb_sample_helper.rb +24 -23
  7. data/app/pb_kits/playbook/_playbook.scss +1 -1
  8. data/app/pb_kits/playbook/config/_kit_example.html.erb +18 -4
  9. data/app/pb_kits/playbook/config/_kit_ui.html.erb +21 -21
  10. data/app/pb_kits/playbook/pb_currency/_currency.html.erb +1 -1
  11. data/app/pb_kits/playbook/pb_currency/_currency.jsx +16 -1
  12. data/app/pb_kits/playbook/pb_currency/_currency.scss +23 -1
  13. data/app/pb_kits/playbook/pb_currency/currency.rb +22 -0
  14. data/app/pb_kits/playbook/pb_currency/docs/{_currency_small.html.erb → _currency_alignment.html.erb} +3 -3
  15. data/app/pb_kits/playbook/pb_currency/docs/{_currency_small.jsx → _currency_alignment.jsx} +5 -5
  16. data/app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.html.erb +7 -0
  17. data/app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.jsx +17 -0
  18. data/app/pb_kits/playbook/pb_currency/docs/{_currency_large.html.erb → _currency_size.html.erb} +8 -7
  19. data/app/pb_kits/playbook/pb_currency/docs/{_currency_large.jsx → _currency_size.jsx} +9 -8
  20. data/app/pb_kits/playbook/pb_currency/docs/_currency_variants.html.erb +24 -0
  21. data/app/pb_kits/playbook/pb_currency/docs/{_currency_medium.jsx → _currency_variants.jsx} +13 -10
  22. data/app/pb_kits/playbook/pb_currency/docs/example.yml +8 -6
  23. data/app/pb_kits/playbook/pb_currency/docs/index.js +4 -3
  24. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_anti_patterns.html.erb +23 -0
  25. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.html.erb +4 -4
  26. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.jsx +2 -2
  27. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.md +3 -1
  28. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.html.erb +8 -8
  29. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_flatpickr_methods.html.erb +27 -0
  30. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_flatpickr_methods.jsx +44 -0
  31. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.html.erb +4 -4
  32. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.html.erb +2 -2
  33. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb +1 -1
  34. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx +1 -1
  35. data/app/pb_kits/playbook/pb_date_picker/docs/_description.md +4 -2
  36. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +3 -1
  37. data/app/pb_kits/playbook/pb_date_picker/docs/index.js +1 -0
  38. data/app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx +20 -3
  39. data/app/pb_kits/playbook/pb_filter/Filter/FilterSingle.jsx +51 -31
  40. data/app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.jsx +3 -4
  41. data/app/pb_kits/playbook/pb_filter/Filter/SortMenu.jsx +2 -2
  42. data/app/pb_kits/playbook/pb_filter/Filter/index.jsx +17 -16
  43. data/app/pb_kits/playbook/pb_filter/_filter.html.erb +1 -1
  44. data/app/pb_kits/playbook/pb_filter/_filter.scss +0 -2
  45. data/app/pb_kits/playbook/pb_filter/docs/_filter_min_width.html.erb +41 -0
  46. data/app/pb_kits/playbook/pb_filter/docs/_filter_min_width.jsx +57 -0
  47. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_background.jsx +0 -41
  48. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_background.md +1 -0
  49. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.html.erb +35 -0
  50. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.jsx +47 -0
  51. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.md +1 -0
  52. data/app/pb_kits/playbook/pb_filter/docs/_filter_only.html.erb +1 -1
  53. data/app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb +1 -1
  54. data/app/pb_kits/playbook/pb_filter/docs/example.yml +4 -0
  55. data/app/pb_kits/playbook/pb_filter/docs/index.js +2 -0
  56. data/app/pb_kits/playbook/pb_filter/filter.rb +1 -0
  57. data/app/pb_kits/playbook/pb_filter/templates/_core.html.erb +9 -9
  58. data/app/pb_kits/playbook/pb_filter/templates/_default.html.erb +1 -1
  59. data/app/pb_kits/playbook/pb_nav/_horizontal_nav.scss +22 -0
  60. data/app/pb_kits/playbook/pb_nav/_item.jsx +3 -0
  61. data/app/pb_kits/playbook/pb_nav/_subtle_mixin.scss +47 -0
  62. data/app/pb_kits/playbook/pb_nav/_vertical_nav.scss +2 -46
  63. data/app/pb_kits/playbook/pb_nav/docs/_new_tab.html.erb +6 -0
  64. data/app/pb_kits/playbook/pb_nav/docs/_new_tab.jsx +34 -0
  65. data/app/pb_kits/playbook/pb_nav/docs/_subtle_horizontal_nav.html.erb +6 -0
  66. data/app/pb_kits/playbook/pb_nav/docs/_subtle_horizontal_nav.jsx +33 -0
  67. data/app/pb_kits/playbook/pb_nav/docs/example.yml +4 -1
  68. data/app/pb_kits/playbook/pb_nav/docs/index.js +2 -0
  69. data/app/pb_kits/playbook/pb_nav/item.rb +5 -2
  70. data/app/pb_kits/playbook/pb_radio/_radio.jsx +4 -3
  71. data/app/pb_kits/playbook/pb_radio/docs/_radio_default.jsx +3 -0
  72. data/app/pb_kits/playbook/pb_radio/docs/index.js +1 -0
  73. data/app/pb_kits/playbook/pb_radio/radio.test.js +71 -0
  74. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb +25 -0
  75. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.jsx +45 -0
  76. data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml +3 -1
  77. data/app/pb_kits/playbook/pb_rich_text_editor/docs/index.js +1 -0
  78. data/app/pb_kits/playbook/pb_select/_select.jsx +4 -3
  79. data/app/pb_kits/playbook/pb_select/select.test.js +51 -0
  80. data/app/pb_kits/playbook/pb_stat_change/_stat_change.html.erb +1 -1
  81. data/app/pb_kits/playbook/pb_stat_change/_stat_change.jsx +8 -4
  82. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.html.erb +1 -1
  83. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit.html.erb +17 -0
  84. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit.jsx +28 -0
  85. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.html.erb +20 -0
  86. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.jsx +31 -0
  87. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.md +1 -0
  88. data/app/pb_kits/playbook/pb_stat_change/docs/example.yml +6 -4
  89. data/app/pb_kits/playbook/pb_stat_change/docs/index.js +2 -0
  90. data/app/pb_kits/playbook/pb_stat_change/stat_change.rb +12 -7
  91. data/app/pb_kits/playbook/pb_table/_table.scss +1 -57
  92. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.html.erb +1 -1
  93. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.jsx +1 -1
  94. data/app/pb_kits/playbook/pb_table/styles/_alignment.scss +32 -0
  95. data/app/pb_kits/playbook/pb_table/styles/_all.scss +4 -3
  96. data/app/pb_kits/playbook/pb_table/styles/_side_highlight.scss +24 -0
  97. data/app/pb_kits/playbook/pb_text_input/_text_input.jsx +8 -4
  98. data/app/pb_kits/playbook/pb_text_input/docs/_description.md +2 -1
  99. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx +7 -1
  100. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx +78 -56
  101. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx +19 -11
  102. data/app/pb_kits/playbook/pb_text_input/text_input.test.js +77 -0
  103. data/app/pb_kits/playbook/pb_textarea/_textarea.jsx +5 -5
  104. data/app/pb_kits/playbook/pb_tooltip/_tooltip.scss +10 -7
  105. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb +4 -4
  106. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_selectors.html.erb +17 -0
  107. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_selectors.md +3 -0
  108. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_white.html.erb +1 -1
  109. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_with_icon_circle.html.erb +10 -0
  110. data/app/pb_kits/playbook/pb_tooltip/docs/example.yml +2 -0
  111. data/app/pb_kits/playbook/pb_tooltip/index.js +87 -37
  112. data/app/pb_kits/playbook/pb_tooltip/tooltip.rb +3 -1
  113. data/app/pb_kits/playbook/pb_typeahead/_typeahead.jsx +5 -1
  114. data/app/pb_kits/playbook/pb_typeahead/components/Option.jsx +2 -3
  115. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.html.erb +19 -3
  116. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.jsx +4 -2
  117. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.md +10 -2
  118. data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +5 -0
  119. data/app/pb_kits/playbook/react_rails_kits.js +1 -0
  120. data/lib/playbook.rb +6 -17
  121. data/lib/playbook/engine.rb +0 -3
  122. data/{app/pb_kits → lib}/playbook/props.rb +0 -0
  123. data/{app/pb_kits → lib}/playbook/props/array.rb +0 -0
  124. data/{app/pb_kits → lib}/playbook/props/base.rb +19 -3
  125. data/{app/pb_kits → lib}/playbook/props/boolean.rb +0 -0
  126. data/{app/pb_kits → lib}/playbook/props/date.rb +0 -0
  127. data/{app/pb_kits → lib}/playbook/props/enum.rb +0 -0
  128. data/{app/pb_kits → lib}/playbook/props/hash.rb +0 -0
  129. data/{app/pb_kits → lib}/playbook/props/hash_array.rb +0 -0
  130. data/{app/pb_kits → lib}/playbook/props/number.rb +0 -0
  131. data/{app/pb_kits → lib}/playbook/props/number_array.rb +0 -0
  132. data/{app/pb_kits → lib}/playbook/props/numeric.rb +0 -0
  133. data/{app/pb_kits → lib}/playbook/props/percentage.rb +0 -0
  134. data/{app/pb_kits → lib}/playbook/props/proc.rb +0 -0
  135. data/{app/pb_kits → lib}/playbook/props/string.rb +0 -0
  136. data/lib/playbook/version.rb +1 -1
  137. metadata +58 -28
  138. data/app/helpers/playbook/layout_helper.rb +0 -9
  139. data/app/pb_kits/playbook/pb_currency/docs/_currency_medium.html.erb +0 -21
  140. data/app/pb_kits/playbook/pb_table/styles/_mixins.scss +0 -0
@@ -7,7 +7,8 @@ module Playbook
7
7
  partial "pb_tooltip/tooltip"
8
8
 
9
9
  prop :position
10
- prop :trigger_element_id
10
+ prop :trigger_element_selector
11
+ prop :trigger_element_id, deprecated: true
11
12
  prop :tooltip_id
12
13
  prop :dark, type: Playbook::Props::Boolean,
13
14
  default: false
@@ -20,6 +21,7 @@ module Playbook
20
21
  Hash(values[:data]).merge(
21
22
  pb_tooltip_kit: true,
22
23
  pb_tooltip_position: position,
24
+ pb_tooltip_trigger_element_selector: trigger_element_selector,
23
25
  pb_tooltip_trigger_element_id: trigger_element_id,
24
26
  pb_tooltip_tooltip_id: tooltip_id,
25
27
  )
@@ -27,6 +27,8 @@ type Props = {
27
27
  async?: boolean,
28
28
  label?: string,
29
29
  loadOptions?: noop | string,
30
+ getOptionLabel?: () => any,
31
+ getOptionValue?: () => any,
30
32
  name?: string,
31
33
  }
32
34
 
@@ -38,7 +40,6 @@ type Props = {
38
40
  const Typeahead = (props: Props) => {
39
41
  const selectProps = {
40
42
  cacheOptions: true,
41
- defaultOptions: true,
42
43
  components: {
43
44
  Control,
44
45
  ClearIndicator,
@@ -50,6 +51,7 @@ const Typeahead = (props: Props) => {
50
51
  Placeholder,
51
52
  ValueContainer,
52
53
  },
54
+ defaultOptions: true,
53
55
  id: 'react-select-input',
54
56
  isClearable: true,
55
57
  isSearchable: true,
@@ -58,6 +60,8 @@ const Typeahead = (props: Props) => {
58
60
  }
59
61
 
60
62
  if (typeof(props.loadOptions) === 'string') selectProps.loadOptions = get(window, props.loadOptions)
63
+ if (typeof(props.getOptionLabel) === 'string') selectProps.getOptionLabel = get(window, props.getOptionLabel)
64
+ if (typeof(props.getOptionValue) === 'string') selectProps.getOptionValue = get(window, props.getOptionValue)
61
65
 
62
66
  const Tag = props.async ? AsyncSelect : Select
63
67
 
@@ -10,7 +10,6 @@ import {
10
10
  const Option = (props: any) => {
11
11
  const {
12
12
  imageUrl,
13
- label,
14
13
  } = props.data
15
14
 
16
15
  return (
@@ -21,12 +20,12 @@ const Option = (props: any) => {
21
20
  <User
22
21
  align="left"
23
22
  avatarUrl={imageUrl}
24
- name={label}
23
+ name={props.label}
25
24
  orientation="horizontal"
26
25
  />
27
26
  </When>
28
27
  <When condition={!imageUrl}>
29
- {label}
28
+ {props.label}
30
29
  </When>
31
30
  </Choose>
32
31
  </div>
@@ -1,4 +1,13 @@
1
- <%= pb_rails("typeahead", props: { async: true, load_options: 'asyncPillsPromiseOptions', label: "Github Users", name: :foo, pills: true, placeholder: "type the name of a Github user" }) %>
1
+ <%= pb_rails("typeahead", props: {
2
+ async: true,
3
+ get_option_label: 'getOptionLabel',
4
+ get_option_value: 'getOptionValue',
5
+ load_options: 'asyncPillsPromiseOptions',
6
+ label: "Github Users",
7
+ name: :foo,
8
+ pills: true,
9
+ placeholder: "type the name of a Github user"
10
+ }) %>
2
11
 
3
12
  <!-- This section is an example of how to provide load_options prop for using dynamic options -->
4
13
  <%= javascript_tag defer: "defer" do %>
@@ -7,8 +16,8 @@
7
16
  const filterResults = function(results) {
8
17
  return results.items.map(function(result) {
9
18
  return {
10
- label: result.login,
11
- value: result.id,
19
+ name: result.login,
20
+ id: result.id,
12
21
  }
13
22
  })
14
23
  }
@@ -27,4 +36,11 @@
27
36
  }
28
37
  })
29
38
  }
39
+
40
+ window.getOptionLabel = function(option) {
41
+ return option.name;
42
+ }
43
+ window.getOptionValue = function(option) {
44
+ return option.id;
45
+ }
30
46
  <% end %>
@@ -20,8 +20,8 @@ import {
20
20
  const filterResults = (results) =>
21
21
  results.items.map((result) => {
22
22
  return {
23
- label: result.login,
24
- value: result.id,
23
+ name: result.login,
24
+ id: result.id,
25
25
  }
26
26
  })
27
27
 
@@ -71,6 +71,8 @@ const TypeaheadWithPillsAsync = () => {
71
71
  </If>
72
72
  <Typeahead
73
73
  async
74
+ getOptionLabel={(option) => option.name}
75
+ getOptionValue={(option) => option.id}
74
76
  isMulti
75
77
  label="Github Users"
76
78
  loadOptions={promiseOptions}
@@ -4,8 +4,16 @@
4
4
 
5
5
  The prop `load_options`, when used in conjunction with `async: true` and `pills: true`, points to a JavaScript function located within the global window namespace. This function should return a `Promise` which resolves with the list of formatted options as described in prior examples above. This function is identical to the function provided to the React version of this kit. See the code example for more details.
6
6
 
7
- #### React: `loadOptions`
7
+ #### React
8
+
9
+ ##### `loadOptions`
8
10
 
9
11
  **Additional required props: ** `async: true`
10
12
 
11
- [As outlined in the react-select Async docs](https://react-select.com/async), `loadOptions` expects to return a Promise that resolves resolves with the list of formatted options as described in prior examples above. See the code example for more details.
13
+ [As outlined in the react-select Async docs](https://react-select.com/async), `loadOptions` expects to return a Promise that resolves resolves with the list of formatted options as described in prior examples above. See the code example for more details.
14
+
15
+ ##### `getOptionLabel` + `getOptionValue`
16
+
17
+ If your server returns data that requires differing field names other than `label` and `value`
18
+
19
+ See `react-select` docs for more information: https://react-select.com/advanced#replacing-builtins
@@ -8,6 +8,8 @@ module Playbook
8
8
  prop :async, type: Playbook::Props::Boolean,
9
9
  default: false
10
10
  prop :default_options, type: Playbook::Props::HashArray, default: []
11
+ prop :get_option_label
12
+ prop :get_option_value
11
13
  prop :id
12
14
  prop :label
13
15
  prop :load_options
@@ -45,6 +47,9 @@ module Playbook
45
47
  placeholder: placeholder
46
48
  }
47
49
 
50
+ base_options.merge!({getOptionLabel: get_option_label}) if get_option_label.present?
51
+ base_options.merge!({getOptionValue: get_option_value}) if get_option_value.present?
52
+
48
53
  base_options.merge!({
49
54
  async: true,
50
55
  loadOptions: load_options,
@@ -5,3 +5,4 @@ export { default as Legend } from './pb_legend/_legend.jsx'
5
5
  export { default as LineGraph } from './pb_line_graph/_line_graph.jsx'
6
6
  export { default as Typeahead } from './pb_typeahead/_typeahead.jsx'
7
7
  export { default as RichTextEditor } from './pb_rich_text_editor/_rich_text_editor.jsx'
8
+ export { KitSearch, SnippetToggle, DarkModeToggle } from './docs_components'
@@ -1,8 +1,13 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  require "sassc-rails"
4
+ require "slim-rails"
4
5
  require "webpacker"
5
- require "playbook/engine"
6
+ require "webpacker/react"
7
+
8
+ require "playbook/props"
9
+ require "playbook/version"
10
+ require "playbook/engine" if defined?(Rails)
6
11
 
7
12
  module Playbook
8
13
  ROOT_PATH = Pathname.new(File.join(__dir__, ".."))
@@ -10,22 +15,6 @@ module Playbook
10
15
  class ConflictingPropsError < StandardError; end
11
16
  class MissingPropError < StandardError; end
12
17
 
13
- # @return [Boolean] indication of whether the request is a web view within Nitro Mobile
14
- def self.web_page_within_mobile_app?(request)
15
- request.user_agent.try(:downcase) =~ /^nitro/
16
- end
17
-
18
- # @return [String] the digest value for assets managed by the asset pipeline
19
- def self.assets_digest
20
- @assets_digest ||= begin
21
- if ActionView::Base.respond_to?(:asset_manifest) # Rails 4
22
- Digest::MD5.hexdigest(ActionView::Base.assets_manifest.assets.values.sort.join)
23
- elsif Rails.configuration.assets.digests.present? # Rails 3
24
- Digest::MD5.hexdigest(Rails.configuration.assets.digests.try(:values).sort.join)
25
- end
26
- end
27
- end
28
-
29
18
  class << self
30
19
  def webpacker
31
20
  @webpacker ||= ::Webpacker::Instance.new(
@@ -1,8 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
- require "sassc-rails"
4
- require "slim-rails"
5
-
6
3
  module Playbook
7
4
  class Engine < ::Rails::Engine
8
5
  isolate_namespace Playbook
File without changes
@@ -5,10 +5,11 @@ module Playbook
5
5
  class Error < StandardError; end
6
6
 
7
7
  class Base
8
- attr_reader :default, :required, :name, :kit
8
+ attr_reader :default, :deprecated, :required, :name, :kit
9
9
 
10
- def initialize(default: nil, required: false, name:, kit:)
10
+ def initialize(default: nil, deprecated: false, required: false, name:, kit:)
11
11
  @default = default
12
+ @deprecated = deprecated
12
13
  @required = required
13
14
  @name = name
14
15
  @kit = kit
@@ -19,6 +20,8 @@ module Playbook
19
20
  end
20
21
 
21
22
  def validate!(input_value)
23
+ warn("#{kit} Kit: The prop '#{name}' is deprecated and will be removed in a future release!") if deprecated #TODO: add some color for pop
24
+
22
25
  raise(Playbook::Props::Error, "#{kit} prop '#{name}' of type #{inspect.class} is required and needs a value") if required && input_value.nil?
23
26
 
24
27
  validate(value(input_value)) ||
@@ -28,6 +31,19 @@ module Playbook
28
31
  def validate(_value)
29
32
  true
30
33
  end
34
+
35
+ private
36
+
37
+ def warn(message)
38
+ log("Prop Warning: #{message}")
39
+ end
40
+
41
+ def log(message)
42
+ logger = ActiveSupport::Logger.new(STDOUT)
43
+ log_formatter = ::Logger::Formatter.new
44
+ @logger ||= ActiveSupport::TaggedLogging.new(logger)
45
+ @logger.log(0, message)
46
+ end
31
47
  end
32
48
  end
33
- end
49
+ end
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- VERSION = "7.8.4"
4
+ VERSION = "7.11.1"
5
5
  end
metadata CHANGED
@@ -1,15 +1,15 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 7.8.4
4
+ version: 7.11.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
8
8
  - Power Devs
9
- autorequire:
9
+ autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2020-11-27 00:00:00.000000000 Z
12
+ date: 2021-01-06 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -408,7 +408,6 @@ files:
408
408
  - app/assets/images/pb.logo.svg
409
409
  - app/controllers/playbook/application_controller.rb
410
410
  - app/helpers/playbook/application_helper.rb
411
- - app/helpers/playbook/layout_helper.rb
412
411
  - app/helpers/playbook/pb_doc_helper.rb
413
412
  - app/helpers/playbook/pb_kit_helper.rb
414
413
  - app/helpers/playbook/pb_sample_helper.rb
@@ -664,12 +663,14 @@ files:
664
663
  - app/pb_kits/playbook/pb_currency/_currency.jsx
665
664
  - app/pb_kits/playbook/pb_currency/_currency.scss
666
665
  - app/pb_kits/playbook/pb_currency/currency.rb
667
- - app/pb_kits/playbook/pb_currency/docs/_currency_large.html.erb
668
- - app/pb_kits/playbook/pb_currency/docs/_currency_large.jsx
669
- - app/pb_kits/playbook/pb_currency/docs/_currency_medium.html.erb
670
- - app/pb_kits/playbook/pb_currency/docs/_currency_medium.jsx
671
- - app/pb_kits/playbook/pb_currency/docs/_currency_small.html.erb
672
- - app/pb_kits/playbook/pb_currency/docs/_currency_small.jsx
666
+ - app/pb_kits/playbook/pb_currency/docs/_currency_alignment.html.erb
667
+ - app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
668
+ - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.html.erb
669
+ - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.jsx
670
+ - app/pb_kits/playbook/pb_currency/docs/_currency_size.html.erb
671
+ - app/pb_kits/playbook/pb_currency/docs/_currency_size.jsx
672
+ - app/pb_kits/playbook/pb_currency/docs/_currency_variants.html.erb
673
+ - app/pb_kits/playbook/pb_currency/docs/_currency_variants.jsx
673
674
  - app/pb_kits/playbook/pb_currency/docs/_description.md
674
675
  - app/pb_kits/playbook/pb_currency/docs/example.yml
675
676
  - app/pb_kits/playbook/pb_currency/docs/index.js
@@ -708,6 +709,7 @@ files:
708
709
  - app/pb_kits/playbook/pb_date_picker/_date_picker.scss
709
710
  - app/pb_kits/playbook/pb_date_picker/date_picker.rb
710
711
  - app/pb_kits/playbook/pb_date_picker/date_picker_helper.js
712
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_anti_patterns.html.erb
711
713
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb
712
714
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.jsx
713
715
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.html.erb
@@ -717,6 +719,8 @@ files:
717
719
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.jsx
718
720
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.html.erb
719
721
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.jsx
722
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_flatpickr_methods.html.erb
723
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_flatpickr_methods.jsx
720
724
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.html.erb
721
725
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.jsx
722
726
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.md
@@ -856,8 +860,14 @@ files:
856
860
  - app/pb_kits/playbook/pb_filter/docs/_description.md
857
861
  - app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb
858
862
  - app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx
863
+ - app/pb_kits/playbook/pb_filter/docs/_filter_min_width.html.erb
864
+ - app/pb_kits/playbook/pb_filter/docs/_filter_min_width.jsx
859
865
  - app/pb_kits/playbook/pb_filter/docs/_filter_no_background.html.erb
860
866
  - app/pb_kits/playbook/pb_filter/docs/_filter_no_background.jsx
867
+ - app/pb_kits/playbook/pb_filter/docs/_filter_no_background.md
868
+ - app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.html.erb
869
+ - app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.jsx
870
+ - app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.md
861
871
  - app/pb_kits/playbook/pb_filter/docs/_filter_only.html.erb
862
872
  - app/pb_kits/playbook/pb_filter/docs/_filter_only.jsx
863
873
  - app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb
@@ -1287,6 +1297,7 @@ files:
1287
1297
  - app/pb_kits/playbook/pb_nav/_nav.html.erb
1288
1298
  - app/pb_kits/playbook/pb_nav/_nav.jsx
1289
1299
  - app/pb_kits/playbook/pb_nav/_nav.scss
1300
+ - app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
1290
1301
  - app/pb_kits/playbook/pb_nav/_vertical_nav.scss
1291
1302
  - app/pb_kits/playbook/pb_nav/docs/_block_nav.html.erb
1292
1303
  - app/pb_kits/playbook/pb_nav/docs/_block_nav.jsx
@@ -1299,8 +1310,12 @@ files:
1299
1310
  - app/pb_kits/playbook/pb_nav/docs/_description.md
1300
1311
  - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.html.erb
1301
1312
  - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx
1313
+ - app/pb_kits/playbook/pb_nav/docs/_new_tab.html.erb
1314
+ - app/pb_kits/playbook/pb_nav/docs/_new_tab.jsx
1302
1315
  - app/pb_kits/playbook/pb_nav/docs/_no_highlight_nav.html.erb
1303
1316
  - app/pb_kits/playbook/pb_nav/docs/_no_highlight_nav.jsx
1317
+ - app/pb_kits/playbook/pb_nav/docs/_subtle_horizontal_nav.html.erb
1318
+ - app/pb_kits/playbook/pb_nav/docs/_subtle_horizontal_nav.jsx
1304
1319
  - app/pb_kits/playbook/pb_nav/docs/_subtle_nav.html.erb
1305
1320
  - app/pb_kits/playbook/pb_nav/docs/_subtle_nav.jsx
1306
1321
  - app/pb_kits/playbook/pb_nav/docs/_subtle_no_highlight_nav.html.erb
@@ -1457,6 +1472,7 @@ files:
1457
1472
  - app/pb_kits/playbook/pb_radio/docs/example.yml
1458
1473
  - app/pb_kits/playbook/pb_radio/docs/index.js
1459
1474
  - app/pb_kits/playbook/pb_radio/radio.rb
1475
+ - app/pb_kits/playbook/pb_radio/radio.test.js
1460
1476
  - app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.html.erb
1461
1477
  - app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.jsx
1462
1478
  - app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss
@@ -1465,6 +1481,8 @@ files:
1465
1481
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.jsx
1466
1482
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.html.erb
1467
1483
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.jsx
1484
+ - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb
1485
+ - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.jsx
1468
1486
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.html.erb
1469
1487
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.jsx
1470
1488
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.html.erb
@@ -1518,6 +1536,7 @@ files:
1518
1536
  - app/pb_kits/playbook/pb_select/docs/example.yml
1519
1537
  - app/pb_kits/playbook/pb_select/docs/index.js
1520
1538
  - app/pb_kits/playbook/pb_select/select.rb
1539
+ - app/pb_kits/playbook/pb_select/select.test.js
1521
1540
  - app/pb_kits/playbook/pb_selectable_card/_selectable_card.html.erb
1522
1541
  - app/pb_kits/playbook/pb_selectable_card/_selectable_card.jsx
1523
1542
  - app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss
@@ -1606,6 +1625,11 @@ files:
1606
1625
  - app/pb_kits/playbook/pb_stat_change/docs/_description.md
1607
1626
  - app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.html.erb
1608
1627
  - app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.jsx
1628
+ - app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit.html.erb
1629
+ - app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit.jsx
1630
+ - app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.html.erb
1631
+ - app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.jsx
1632
+ - app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.md
1609
1633
  - app/pb_kits/playbook/pb_stat_change/docs/example.yml
1610
1634
  - app/pb_kits/playbook/pb_stat_change/docs/index.js
1611
1635
  - app/pb_kits/playbook/pb_stat_change/stat_change.rb
@@ -1681,14 +1705,15 @@ files:
1681
1705
  - app/pb_kits/playbook/pb_table/docs/example.yml
1682
1706
  - app/pb_kits/playbook/pb_table/docs/index.js
1683
1707
  - app/pb_kits/playbook/pb_table/index.js
1708
+ - app/pb_kits/playbook/pb_table/styles/_alignment.scss
1684
1709
  - app/pb_kits/playbook/pb_table/styles/_all.scss
1685
1710
  - app/pb_kits/playbook/pb_table/styles/_as-cards.scss
1686
1711
  - app/pb_kits/playbook/pb_table/styles/_content.scss
1687
1712
  - app/pb_kits/playbook/pb_table/styles/_headers.scss
1688
1713
  - app/pb_kits/playbook/pb_table/styles/_hover.scss
1689
- - app/pb_kits/playbook/pb_table/styles/_mixins.scss
1690
1714
  - app/pb_kits/playbook/pb_table/styles/_mobile.scss
1691
1715
  - app/pb_kits/playbook/pb_table/styles/_reset.scss
1716
+ - app/pb_kits/playbook/pb_table/styles/_side_highlight.scss
1692
1717
  - app/pb_kits/playbook/pb_table/styles/_single-line.scss
1693
1718
  - app/pb_kits/playbook/pb_table/styles/_structure.scss
1694
1719
  - app/pb_kits/playbook/pb_table/styles/_table-card.scss
@@ -1713,6 +1738,7 @@ files:
1713
1738
  - app/pb_kits/playbook/pb_text_input/docs/example.yml
1714
1739
  - app/pb_kits/playbook/pb_text_input/docs/index.js
1715
1740
  - app/pb_kits/playbook/pb_text_input/text_input.rb
1741
+ - app/pb_kits/playbook/pb_text_input/text_input.test.js
1716
1742
  - app/pb_kits/playbook/pb_textarea/_textarea.html.erb
1717
1743
  - app/pb_kits/playbook/pb_textarea/_textarea.jsx
1718
1744
  - app/pb_kits/playbook/pb_textarea/_textarea.scss
@@ -1866,7 +1892,10 @@ files:
1866
1892
  - app/pb_kits/playbook/pb_tooltip/_tooltip.html.erb
1867
1893
  - app/pb_kits/playbook/pb_tooltip/_tooltip.scss
1868
1894
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb
1895
+ - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_selectors.html.erb
1896
+ - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_selectors.md
1869
1897
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_white.html.erb
1898
+ - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_with_icon_circle.html.erb
1870
1899
  - app/pb_kits/playbook/pb_tooltip/docs/example.yml
1871
1900
  - app/pb_kits/playbook/pb_tooltip/index.js
1872
1901
  - app/pb_kits/playbook/pb_tooltip/tooltip.rb
@@ -1947,20 +1976,6 @@ files:
1947
1976
  - app/pb_kits/playbook/pb_weekday_stacked/docs/index.js
1948
1977
  - app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.rb
1949
1978
  - app/pb_kits/playbook/plugins/pb_chart.js
1950
- - app/pb_kits/playbook/props.rb
1951
- - app/pb_kits/playbook/props/array.rb
1952
- - app/pb_kits/playbook/props/base.rb
1953
- - app/pb_kits/playbook/props/boolean.rb
1954
- - app/pb_kits/playbook/props/date.rb
1955
- - app/pb_kits/playbook/props/enum.rb
1956
- - app/pb_kits/playbook/props/hash.rb
1957
- - app/pb_kits/playbook/props/hash_array.rb
1958
- - app/pb_kits/playbook/props/number.rb
1959
- - app/pb_kits/playbook/props/number_array.rb
1960
- - app/pb_kits/playbook/props/numeric.rb
1961
- - app/pb_kits/playbook/props/percentage.rb
1962
- - app/pb_kits/playbook/props/proc.rb
1963
- - app/pb_kits/playbook/props/string.rb
1964
1979
  - app/pb_kits/playbook/react_rails_kits.js
1965
1980
  - app/pb_kits/playbook/tokens/_animation-curves.scss
1966
1981
  - app/pb_kits/playbook/tokens/_border_radius.scss
@@ -1988,13 +2003,27 @@ files:
1988
2003
  - fonts/regular-min.js
1989
2004
  - lib/playbook.rb
1990
2005
  - lib/playbook/engine.rb
2006
+ - lib/playbook/props.rb
2007
+ - lib/playbook/props/array.rb
2008
+ - lib/playbook/props/base.rb
2009
+ - lib/playbook/props/boolean.rb
2010
+ - lib/playbook/props/date.rb
2011
+ - lib/playbook/props/enum.rb
2012
+ - lib/playbook/props/hash.rb
2013
+ - lib/playbook/props/hash_array.rb
2014
+ - lib/playbook/props/number.rb
2015
+ - lib/playbook/props/number_array.rb
2016
+ - lib/playbook/props/numeric.rb
2017
+ - lib/playbook/props/percentage.rb
2018
+ - lib/playbook/props/proc.rb
2019
+ - lib/playbook/props/string.rb
1991
2020
  - lib/playbook/version.rb
1992
2021
  - lib/playbook_ui.rb
1993
2022
  homepage: http://playbook.powerapp.cloud
1994
2023
  licenses:
1995
2024
  - MIT
1996
2025
  metadata: {}
1997
- post_install_message:
2026
+ post_install_message:
1998
2027
  rdoc_options: []
1999
2028
  require_paths:
2000
2029
  - lib
@@ -2009,8 +2038,9 @@ required_rubygems_version: !ruby/object:Gem::Requirement
2009
2038
  - !ruby/object:Gem::Version
2010
2039
  version: '0'
2011
2040
  requirements: []
2012
- rubygems_version: 3.1.4
2013
- signing_key:
2041
+ rubyforge_project:
2042
+ rubygems_version: 2.7.3
2043
+ signing_key:
2014
2044
  specification_version: 4
2015
2045
  summary: Playbook Design System
2016
2046
  test_files: []