playbook_ui 9.14.1 → 9.15.0.pre.decouple.website1

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.
Files changed (35) hide show
  1. checksums.yaml +4 -4
  2. data/Rakefile +5 -9
  3. data/app/pb_kits/playbook/_reset.scss +42 -0
  4. data/app/pb_kits/playbook/index.js +97 -97
  5. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_header_styles.scss +2 -1
  6. data/app/pb_kits/playbook/pb_nav/_vertical_nav.scss +2 -2
  7. data/app/pb_kits/playbook/pb_select/_select.scss +1 -1
  8. data/app/pb_kits/playbook/pb_text_input/_text_input.scss +1 -1
  9. data/app/pb_kits/playbook/pb_textarea/_textarea.scss +3 -3
  10. data/app/pb_kits/playbook/pb_title/_title.scss +1 -1
  11. data/app/pb_kits/playbook/pb_typeahead/_typeahead.jsx +14 -15
  12. data/app/pb_kits/playbook/playbook-doc.js +195 -0
  13. data/app/pb_kits/playbook/playbook-rails-react-bindings.js +35 -0
  14. data/app/pb_kits/playbook/{vendor.js → playbook-rails.js} +1 -3
  15. data/app/pb_kits/playbook/tokens/_colors.scss +4 -0
  16. data/app/pb_kits/playbook/{pb_title/_title_mixin.scss → tokens/_titles.scss} +3 -5
  17. data/app/pb_kits/playbook/utilities/_colors.scss +0 -4
  18. data/lib/playbook.rb +1 -15
  19. data/lib/playbook/engine.rb +11 -21
  20. data/lib/playbook/props/nested_props.rb +1 -1
  21. data/lib/playbook/version.rb +2 -2
  22. metadata +31 -146
  23. data/app/assets/images/clark.jpg +0 -0
  24. data/app/assets/images/full_page_samples.svg +0 -7
  25. data/app/assets/images/giant.jpg +0 -0
  26. data/app/assets/images/github-brands.svg +0 -1
  27. data/app/assets/images/landing-background.svg +0 -36
  28. data/app/assets/images/landing-image.svg +0 -203
  29. data/app/assets/images/pb-caret.svg +0 -1
  30. data/app/assets/images/pb-check.svg +0 -11
  31. data/app/assets/images/pb-logo.svg +0 -28
  32. data/app/assets/images/pb-white-logo.svg +0 -15
  33. data/app/assets/images/pb.logo.svg +0 -28
  34. data/app/pb_kits/playbook/react_rails_kits.js +0 -13
  35. data/app/pb_kits/playbook/utilities/accessibility.js +0 -22
@@ -0,0 +1,35 @@
1
+ // React-Rendered Rails Kit Exports =====
2
+
3
+ import WebpackerReact from 'webpacker-react'
4
+ import ujs from 'webpacker-react/ujs'
5
+
6
+ import BarGraph from './pb_bar_graph/_bar_graph'
7
+ import Dialog from './pb_dialog/_dialog'
8
+ import DialogBody from './pb_dialog/child_kits/_dialog_body'
9
+ import DialogFooter from './pb_dialog/child_kits/_dialog_footer'
10
+ import DialogHeader from './pb_dialog/child_kits/_dialog_header'
11
+ import DistributionBar from './pb_distribution_bar/_distribution_bar'
12
+ import Legend from './pb_legend/_legend'
13
+ import LineGraph from './pb_line_graph/_line_graph'
14
+ import Passphrase from './pb_passphrase/_passphrase'
15
+ import RichTextEditor from './pb_rich_text_editor/_rich_text_editor'
16
+ import Typeahead from './pb_typeahead/_typeahead'
17
+
18
+ WebpackerReact.registerComponents({
19
+ BarGraph,
20
+ Dialog,
21
+ DialogBody,
22
+ DialogFooter,
23
+ DialogHeader,
24
+ DistributionBar,
25
+ Legend,
26
+ LineGraph,
27
+ Passphrase,
28
+ RichTextEditor,
29
+ Typeahead,
30
+ })
31
+
32
+ ujs.setup(
33
+ () => WebpackerReact.mountComponents(),
34
+ () => WebpackerReact.unmountComponents()
35
+ )
@@ -38,6 +38,4 @@ import 'flatpickr'
38
38
  import 'trix'
39
39
 
40
40
  // React-Rendered Rails Kits =====
41
- import WebpackerReact from 'webpacker-react'
42
- import * as ReactRailsPBKits from './react_rails_kits.js'
43
- WebpackerReact.setup({ ...ReactRailsPBKits })
41
+ import './playbook-rails-react-bindings.js'
@@ -243,6 +243,10 @@ $category_colors: (
243
243
 
244
244
  $transparent: transparent;
245
245
 
246
+ @function tint($color, $percentage) {
247
+ @return mix($white, $color, $percentage);
248
+ }
249
+
246
250
  @mixin gradient($start: $gradient_start, $end: $gradient_end) {
247
251
  background: $start;
248
252
  background: -moz-linear-gradient(-45deg, $start 0%, $end 100%);
@@ -1,6 +1,6 @@
1
- @import "../tokens/colors";
2
- @import "../tokens/typography";
3
- @import "../tokens/line_height";
1
+ @import "./colors";
2
+ @import "./typography";
3
+ @import "./line_height";
4
4
 
5
5
  @mixin pb_title(
6
6
  $fontSize: $heading_1,
@@ -36,5 +36,3 @@
36
36
  @mixin pb_title_dark {
37
37
  color: $text_dk_default;
38
38
  }
39
-
40
-
@@ -1,7 +1,3 @@
1
- @function tint($color, $percentage) {
2
- @return mix($white, $color, $percentage);
3
- }
4
-
5
1
  @function shade($color, $percentage) {
6
2
  @return mix($charcoal, $color, $percentage);
7
3
  }
data/lib/playbook.rb CHANGED
@@ -1,13 +1,7 @@
1
1
  # frozen_string_literal: true
2
2
 
3
- require "sassc-rails"
4
- require "slim-rails"
5
- require "webpacker"
6
- require "webpacker/react"
7
- require "view_component/engine"
8
-
9
3
  require "playbook/version"
10
-
4
+ require "playbook/engine"
11
5
  require "playbook/props"
12
6
  require "playbook/forms"
13
7
  require "playbook/pb_forms_helper"
@@ -16,7 +10,6 @@ require "playbook/pb_doc_helper"
16
10
  require "playbook/kit_base"
17
11
  require "playbook/kit_resolver"
18
12
  require "playbook/markdown"
19
- require "playbook/engine" if defined?(Rails)
20
13
 
21
14
  module Playbook
22
15
  ROOT_PATH = Pathname.new(File.join(__dir__, ".."))
@@ -26,13 +19,6 @@ module Playbook
26
19
 
27
20
  module_function
28
21
 
29
- def webpacker
30
- @webpacker ||= ::Webpacker::Instance.new(
31
- root_path: ROOT_PATH,
32
- config_path: ROOT_PATH.join("config/webpacker.yml")
33
- )
34
- end
35
-
36
22
  def kit_path(kit, *args)
37
23
  Playbook::Engine.root.join("app/pb_kits/playbook/pb_#{kit}", *args)
38
24
  end
@@ -1,7 +1,8 @@
1
1
  # frozen_string_literal: true
2
2
 
3
- require "sassc-rails"
4
- require "slim-rails"
3
+ require "action_view/railtie"
4
+ require "view_component/engine"
5
+ require "webpacker/react"
5
6
 
6
7
  module Playbook
7
8
  class Engine < ::Rails::Engine
@@ -13,26 +14,15 @@ module Playbook
13
14
 
14
15
  config.view_component.render_monkey_patch_enabled = false
15
16
 
16
- config.assets.paths ||= []
17
- config.assets.paths << Playbook::Engine.root.join("fonts")
18
- config.assets.paths << Playbook::Engine.root.join("app/pb_kits/playbook/pb_*")
19
-
20
- config.sass.load_paths ||= []
21
- config.sass.load_paths << Playbook::Engine.root.join("app/pb_kits/playbook")
22
-
23
- initializer "webpacker.proxy" do |app|
24
- insert_middleware = begin
25
- Playbook.webpacker.config.dev_server.present?
26
- rescue
27
- nil
28
- end
29
- next unless insert_middleware
17
+ if config.respond_to?(:assets)
18
+ config.assets.paths ||= []
19
+ config.assets.paths << Playbook::Engine.root.join("fonts")
20
+ config.assets.paths << Playbook::Engine.root.join("app/pb_kits/playbook/pb_*")
21
+ end
30
22
 
31
- app.middleware.insert_before(
32
- 0, Webpacker::DevServerProxy,
33
- ssl_verify_none: true,
34
- webpacker: Playbook.webpacker
35
- )
23
+ if config.respond_to?(:sass)
24
+ config.sass.load_paths ||= []
25
+ config.sass.load_paths << Playbook::Engine.root.join("app/pb_kits/playbook")
36
26
  end
37
27
  end
38
28
  end
@@ -4,7 +4,7 @@ module Playbook
4
4
  module Props
5
5
  class NestedProps < Playbook::Props::Base
6
6
  def initialize(nested_kit:, **kwargs)
7
- super **kwargs
7
+ super(**kwargs)
8
8
  @nested_kit = nested_kit
9
9
  end
10
10
 
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "9.13.0"
5
- VERSION = "9.14.1"
4
+ PREVIOUS_VERSION = "9.14.1"
5
+ VERSION = "9.15.0.pre.decouple.website1"
6
6
  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: 9.14.1
4
+ version: 9.15.0.pre.decouple.website1
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: 2021-05-12 00:00:00.000000000 Z
12
+ date: 2021-05-17 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -113,48 +113,6 @@ dependencies:
113
113
  - - "~>"
114
114
  - !ruby/object:Gem::Version
115
115
  version: '3.15'
116
- - !ruby/object:Gem::Dependency
117
- name: sassc-rails
118
- requirement: !ruby/object:Gem::Requirement
119
- requirements:
120
- - - "~>"
121
- - !ruby/object:Gem::Version
122
- version: '1.3'
123
- type: :runtime
124
- prerelease: false
125
- version_requirements: !ruby/object:Gem::Requirement
126
- requirements:
127
- - - "~>"
128
- - !ruby/object:Gem::Version
129
- version: '1.3'
130
- - !ruby/object:Gem::Dependency
131
- name: slim-rails
132
- requirement: !ruby/object:Gem::Requirement
133
- requirements:
134
- - - "~>"
135
- - !ruby/object:Gem::Version
136
- version: '3.2'
137
- type: :runtime
138
- prerelease: false
139
- version_requirements: !ruby/object:Gem::Requirement
140
- requirements:
141
- - - "~>"
142
- - !ruby/object:Gem::Version
143
- version: '3.2'
144
- - !ruby/object:Gem::Dependency
145
- name: sprockets-rails
146
- requirement: !ruby/object:Gem::Requirement
147
- requirements:
148
- - - "~>"
149
- - !ruby/object:Gem::Version
150
- version: '2.3'
151
- type: :runtime
152
- prerelease: false
153
- version_requirements: !ruby/object:Gem::Requirement
154
- requirements:
155
- - - "~>"
156
- - !ruby/object:Gem::Version
157
- version: '2.3'
158
116
  - !ruby/object:Gem::Dependency
159
117
  name: view_component
160
118
  requirement: !ruby/object:Gem::Requirement
@@ -169,20 +127,6 @@ dependencies:
169
127
  - - "~>"
170
128
  - !ruby/object:Gem::Version
171
129
  version: '2.23'
172
- - !ruby/object:Gem::Dependency
173
- name: webpacker
174
- requirement: !ruby/object:Gem::Requirement
175
- requirements:
176
- - - "~>"
177
- - !ruby/object:Gem::Version
178
- version: '4.3'
179
- type: :runtime
180
- prerelease: false
181
- version_requirements: !ruby/object:Gem::Requirement
182
- requirements:
183
- - - "~>"
184
- - !ruby/object:Gem::Version
185
- version: '4.3'
186
130
  - !ruby/object:Gem::Dependency
187
131
  name: webpacker-react
188
132
  requirement: !ruby/object:Gem::Requirement
@@ -197,34 +141,6 @@ dependencies:
197
141
  - - "~>"
198
142
  - !ruby/object:Gem::Version
199
143
  version: 0.3.2
200
- - !ruby/object:Gem::Dependency
201
- name: better_errors
202
- requirement: !ruby/object:Gem::Requirement
203
- requirements:
204
- - - '='
205
- - !ruby/object:Gem::Version
206
- version: 2.5.1
207
- type: :development
208
- prerelease: false
209
- version_requirements: !ruby/object:Gem::Requirement
210
- requirements:
211
- - - '='
212
- - !ruby/object:Gem::Version
213
- version: 2.5.1
214
- - !ruby/object:Gem::Dependency
215
- name: binding_of_caller
216
- requirement: !ruby/object:Gem::Requirement
217
- requirements:
218
- - - '='
219
- - !ruby/object:Gem::Version
220
- version: 0.8.0
221
- type: :development
222
- prerelease: false
223
- version_requirements: !ruby/object:Gem::Requirement
224
- requirements:
225
- - - '='
226
- - !ruby/object:Gem::Version
227
- version: 0.8.0
228
144
  - !ruby/object:Gem::Dependency
229
145
  name: byebug
230
146
  requirement: !ruby/object:Gem::Requirement
@@ -268,19 +184,25 @@ dependencies:
268
184
  - !ruby/object:Gem::Version
269
185
  version: 0.49.0
270
186
  - !ruby/object:Gem::Dependency
271
- name: rainbow
187
+ name: rails
272
188
  requirement: !ruby/object:Gem::Requirement
273
189
  requirements:
274
- - - '='
190
+ - - ">="
275
191
  - !ruby/object:Gem::Version
276
- version: 2.2.2
192
+ version: 5.2.4.5
193
+ - - "<"
194
+ - !ruby/object:Gem::Version
195
+ version: '7.0'
277
196
  type: :development
278
197
  prerelease: false
279
198
  version_requirements: !ruby/object:Gem::Requirement
280
199
  requirements:
281
- - - '='
200
+ - - ">="
282
201
  - !ruby/object:Gem::Version
283
- version: 2.2.2
202
+ version: 5.2.4.5
203
+ - - "<"
204
+ - !ruby/object:Gem::Version
205
+ version: '7.0'
284
206
  - !ruby/object:Gem::Dependency
285
207
  name: rspec-html-matchers
286
208
  requirement: !ruby/object:Gem::Requirement
@@ -299,22 +221,22 @@ dependencies:
299
221
  name: rspec-rails
300
222
  requirement: !ruby/object:Gem::Requirement
301
223
  requirements:
302
- - - ">="
303
- - !ruby/object:Gem::Version
304
- version: 3.8.0
305
224
  - - "~>"
306
225
  - !ruby/object:Gem::Version
307
226
  version: '3.8'
227
+ - - ">="
228
+ - !ruby/object:Gem::Version
229
+ version: 3.8.0
308
230
  type: :development
309
231
  prerelease: false
310
232
  version_requirements: !ruby/object:Gem::Requirement
311
233
  requirements:
312
- - - ">="
313
- - !ruby/object:Gem::Version
314
- version: 3.8.0
315
234
  - - "~>"
316
235
  - !ruby/object:Gem::Version
317
236
  version: '3.8'
237
+ - - ">="
238
+ - !ruby/object:Gem::Version
239
+ version: 3.8.0
318
240
  - !ruby/object:Gem::Dependency
319
241
  name: rubocop
320
242
  requirement: !ruby/object:Gem::Requirement
@@ -371,34 +293,6 @@ dependencies:
371
293
  - - '='
372
294
  - !ruby/object:Gem::Version
373
295
  version: 1.2018.9
374
- - !ruby/object:Gem::Dependency
375
- name: uglifier
376
- requirement: !ruby/object:Gem::Requirement
377
- requirements:
378
- - - '='
379
- - !ruby/object:Gem::Version
380
- version: 4.1.20
381
- type: :development
382
- prerelease: false
383
- version_requirements: !ruby/object:Gem::Requirement
384
- requirements:
385
- - - '='
386
- - !ruby/object:Gem::Version
387
- version: 4.1.20
388
- - !ruby/object:Gem::Dependency
389
- name: web-console
390
- requirement: !ruby/object:Gem::Requirement
391
- requirements:
392
- - - '='
393
- - !ruby/object:Gem::Version
394
- version: 3.7.0
395
- type: :development
396
- prerelease: false
397
- version_requirements: !ruby/object:Gem::Requirement
398
- requirements:
399
- - - '='
400
- - !ruby/object:Gem::Version
401
- version: 3.7.0
402
296
  description: Playbook Design System. Built for Nitro, but powering all.
403
297
  email:
404
298
  - nitroux@powerhrg.com
@@ -409,18 +303,8 @@ extra_rdoc_files: []
409
303
  files:
410
304
  - README.md
411
305
  - Rakefile
412
- - app/assets/images/clark.jpg
413
- - app/assets/images/full_page_samples.svg
414
- - app/assets/images/giant.jpg
415
- - app/assets/images/github-brands.svg
416
- - app/assets/images/landing-background.svg
417
- - app/assets/images/landing-image.svg
418
- - app/assets/images/pb-caret.svg
419
- - app/assets/images/pb-check.svg
420
- - app/assets/images/pb-logo.svg
421
- - app/assets/images/pb-white-logo.svg
422
- - app/assets/images/pb.logo.svg
423
306
  - app/pb_kits/playbook/_playbook.scss
307
+ - app/pb_kits/playbook/_reset.scss
424
308
  - app/pb_kits/playbook/data/menu.yml
425
309
  - app/pb_kits/playbook/index.js
426
310
  - app/pb_kits/playbook/pb_avatar/_avatar.jsx
@@ -1932,7 +1816,6 @@ files:
1932
1816
  - app/pb_kits/playbook/pb_timestamp/timestamp.rb
1933
1817
  - app/pb_kits/playbook/pb_title/_title.jsx
1934
1818
  - app/pb_kits/playbook/pb_title/_title.scss
1935
- - app/pb_kits/playbook/pb_title/_title_mixin.scss
1936
1819
  - app/pb_kits/playbook/pb_title/docs/_description.md
1937
1820
  - app/pb_kits/playbook/pb_title/docs/_title_light.html.erb
1938
1821
  - app/pb_kits/playbook/pb_title/docs/_title_light.jsx
@@ -2075,8 +1958,10 @@ files:
2075
1958
  - app/pb_kits/playbook/pb_weekday_stacked/docs/index.js
2076
1959
  - app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.html.erb
2077
1960
  - app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.rb
1961
+ - app/pb_kits/playbook/playbook-doc.js
1962
+ - app/pb_kits/playbook/playbook-rails-react-bindings.js
1963
+ - app/pb_kits/playbook/playbook-rails.js
2078
1964
  - app/pb_kits/playbook/plugins/pb_chart.js
2079
- - app/pb_kits/playbook/react_rails_kits.js
2080
1965
  - app/pb_kits/playbook/tokens/_animation-curves.scss
2081
1966
  - app/pb_kits/playbook/tokens/_border_radius.scss
2082
1967
  - app/pb_kits/playbook/tokens/_colors.scss
@@ -2087,6 +1972,7 @@ files:
2087
1972
  - app/pb_kits/playbook/tokens/_screen_sizes.scss
2088
1973
  - app/pb_kits/playbook/tokens/_shadows.scss
2089
1974
  - app/pb_kits/playbook/tokens/_spacing.scss
1975
+ - app/pb_kits/playbook/tokens/_titles.scss
2090
1976
  - app/pb_kits/playbook/tokens/_transition.scss
2091
1977
  - app/pb_kits/playbook/tokens/_typography.scss
2092
1978
  - app/pb_kits/playbook/tokens/exports/_border_radius.scss
@@ -2105,12 +1991,10 @@ files:
2105
1991
  - app/pb_kits/playbook/utilities/_max_width.scss
2106
1992
  - app/pb_kits/playbook/utilities/_positioning.scss
2107
1993
  - app/pb_kits/playbook/utilities/_spacing.scss
2108
- - app/pb_kits/playbook/utilities/accessibility.js
2109
1994
  - app/pb_kits/playbook/utilities/globalProps.js
2110
1995
  - app/pb_kits/playbook/utilities/props.js
2111
1996
  - app/pb_kits/playbook/utilities/test-utils.js
2112
1997
  - app/pb_kits/playbook/utilities/text.js
2113
- - app/pb_kits/playbook/vendor.js
2114
1998
  - dist/reset.css
2115
1999
  - fonts/fontawesome-min.js
2116
2000
  - fonts/regular-min.js
@@ -2157,7 +2041,7 @@ homepage: http://playbook.powerapp.cloud
2157
2041
  licenses:
2158
2042
  - MIT
2159
2043
  metadata: {}
2160
- post_install_message:
2044
+ post_install_message:
2161
2045
  rdoc_options: []
2162
2046
  require_paths:
2163
2047
  - lib
@@ -2168,12 +2052,13 @@ required_ruby_version: !ruby/object:Gem::Requirement
2168
2052
  version: '0'
2169
2053
  required_rubygems_version: !ruby/object:Gem::Requirement
2170
2054
  requirements:
2171
- - - ">="
2055
+ - - ">"
2172
2056
  - !ruby/object:Gem::Version
2173
- version: '0'
2057
+ version: 1.3.1
2174
2058
  requirements: []
2175
- rubygems_version: 3.0.3
2176
- signing_key:
2059
+ rubyforge_project:
2060
+ rubygems_version: 2.7.3
2061
+ signing_key:
2177
2062
  specification_version: 4
2178
2063
  summary: Playbook Design System
2179
2064
  test_files: []