playbook_ui 9.18.0 → 10.0.1

data/app/pb_kits/playbook/playbook-rails-react-bindings.js

@@ -0,0 +1,35 @@
+// React-Rendered Rails Kit Exports =====
+
+import WebpackerReact from 'webpacker-react'
+import ujs from 'webpacker-react/ujs'
+
+import BarGraph from './pb_bar_graph/_bar_graph'
+import Dialog from './pb_dialog/_dialog'
+import DialogBody from './pb_dialog/child_kits/_dialog_body'
+import DialogFooter from './pb_dialog/child_kits/_dialog_footer'
+import DialogHeader from './pb_dialog/child_kits/_dialog_header'
+import DistributionBar from './pb_distribution_bar/_distribution_bar'
+import Legend from './pb_legend/_legend'
+import LineGraph from './pb_line_graph/_line_graph'
+import Passphrase from './pb_passphrase/_passphrase'
+import RichTextEditor from './pb_rich_text_editor/_rich_text_editor'
+import Typeahead from './pb_typeahead/_typeahead'
+
+WebpackerReact.registerComponents({
+  BarGraph,
+  Dialog,
+  DialogBody,
+  DialogFooter,
+  DialogHeader,
+  DistributionBar,
+  Legend,
+  LineGraph,
+  Passphrase,
+  RichTextEditor,
+  Typeahead,
+})
+
+ujs.setup(
+  () => WebpackerReact.mountComponents(),
+  () => WebpackerReact.unmountComponents()
+)

data/app/pb_kits/playbook/{vendor.js → playbook-rails.js}

@@ -35,9 +35,5 @@ PbTextarea.start()
 
 import 'flatpickr'
 
-import 'trix'
-
 // React-Rendered Rails Kits =====
-import WebpackerReact from 'webpacker-react'
-import * as ReactRailsPBKits from './react_rails_kits.js'
-WebpackerReact.setup({ ...ReactRailsPBKits })
+import './playbook-rails-react-bindings'

data/app/pb_kits/playbook/plugins/pb_chart.js

@@ -1,11 +1,13 @@
 import Highcharts from 'highcharts'
 
-import { highchartsTheme } from '../pb_dashboard/pbChartsLightTheme.js'
+import { highchartsTheme } from '../pb_dashboard/pbChartsLightTheme'
 import colors from '../tokens/exports/_colors.scss'
 
-require('highcharts/modules/variable-pie')(Highcharts)
-import highchartsMore from 'highcharts/highcharts-more.js'
-import solidGauge from 'highcharts/modules/solid-gauge.js'
+import pie from 'highcharts/modules/variable-pie'
+import highchartsMore from 'highcharts/highcharts-more'
+import solidGauge from 'highcharts/modules/solid-gauge'
+
+pie(Highcharts)
 
 // Map Data Color String Props to our SCSS Variables
 const mapColors = (array) => {

data/app/pb_kits/playbook/tokens/_colors.scss

@@ -243,6 +243,10 @@ $category_colors: (
 
 $transparent: transparent;
 
+@function tint($color, $percentage) {
+  @return mix($white, $color, $percentage);
+}
+
 @mixin gradient($start: $gradient_start, $end: $gradient_end) {
   background: $start;
   background: -moz-linear-gradient(-45deg,  $start 0%, $end 100%);

data/app/pb_kits/playbook/tokens/_titles.scss

@@ -0,0 +1,38 @@
+@import "./colors";
+@import "./typography";
+@import "./line_height";
+
+@mixin pb_title(
+    $fontSize: $heading_1,
+    $fontWeight: $lighter,
+    $lineHeight: $lh_tighter
+){
+  font-size: $fontSize;
+  letter-spacing: $lspace_tight;
+  font-weight: $fontWeight;
+  color: $text_lt_default;
+  margin: 0;
+  line-height: $lineHeight;
+  font-family: $font_family_base;
+}
+
+@mixin pb_title_1 {
+  @include pb_title($heading_1);
+  letter-spacing: -0.03em;
+}
+
+@mixin pb_title_2 {
+  @include pb_title($heading_2, $lighter, 0.96);
+}
+
+@mixin pb_title_3 {
+  @include pb_title($heading_3);
+}
+
+@mixin pb_title_4 {
+  @include pb_title($heading_4, $bolder);
+}
+
+@mixin pb_title_dark {
+  color: $text_dk_default;
+}

data/app/pb_kits/playbook/utilities/_colors.scss

@@ -1,7 +1,3 @@
-@function tint($color, $percentage) {
-  @return mix($white, $color, $percentage);
-}
-
 @function shade($color, $percentage) {
   @return mix($charcoal, $color, $percentage);
 }

data/dist/reset.css

@@ -1 +1,2 @@
 *{box-sizing:border-box;margin:0;padding:0}*:before,*:after{box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0);height:100vh;overflow-x:hidden}body{font-family:"Proxima Nova","Helvetica Neue",Helvetica,Arial,sans_serif;font-size:16px;line-height:1.5;background-color:#F3F7FB;height:100%;letter-spacing:0;font-weight:400;font-style:normal;text-rendering:optimizeLegibility;-moz-font-feature-settings:"liga" on;color:#242B42;margin:0 !important;padding:0 !important;box-sizing:border-box;min-height:100vh;padding:50px}a{text-decoration:none;color:#0056CF}
+

data/lib/playbook.rb

@@ -1,13 +1,7 @@
 # frozen_string_literal: true
 
-require "sassc-rails"
-require "slim-rails"
-require "webpacker"
-require "webpacker/react"
-require "view_component/engine"
-
 require "playbook/version"
-
+require "playbook/engine"
 require "playbook/props"
 require "playbook/forms"
 require "playbook/pb_forms_helper"
@@ -16,7 +10,6 @@ require "playbook/pb_doc_helper"
 require "playbook/kit_base"
 require "playbook/kit_resolver"
 require "playbook/markdown"
-require "playbook/engine" if defined?(Rails)
 
 module Playbook
   ROOT_PATH = Pathname.new(File.join(__dir__, ".."))
@@ -26,13 +19,6 @@ module Playbook
 
 module_function
 
-  def webpacker
-    @webpacker ||= ::Webpacker::Instance.new(
-      root_path: ROOT_PATH,
-      config_path: ROOT_PATH.join("config/webpacker.yml")
-    )
-  end
-
   def kit_path(kit, *args)
     Playbook::Engine.root.join("app/pb_kits/playbook/pb_#{kit}", *args)
   end

data/lib/playbook/engine.rb

@@ -1,7 +1,8 @@
 # frozen_string_literal: true
 
-require "sassc-rails"
-require "slim-rails"
+require "action_view/railtie"
+require "view_component/engine"
+require "webpacker/react"
 
 module Playbook
   class Engine < ::Rails::Engine
@@ -13,26 +14,15 @@ module Playbook
 
     config.view_component.render_monkey_patch_enabled = false
 
-    config.assets.paths ||= []
-    config.assets.paths << Playbook::Engine.root.join("fonts")
-    config.assets.paths << Playbook::Engine.root.join("app/pb_kits/playbook/pb_*")
-
-    config.sass.load_paths ||= []
-    config.sass.load_paths << Playbook::Engine.root.join("app/pb_kits/playbook")
-
-    initializer "webpacker.proxy" do |app|
-      insert_middleware = begin
-                          Playbook.webpacker.config.dev_server.present?
-                          rescue
-                            nil
-                        end
-      next unless insert_middleware
+    if config.respond_to?(:assets)
+      config.assets.paths ||= []
+      config.assets.paths << Playbook::Engine.root.join("fonts")
+      config.assets.paths << Playbook::Engine.root.join("app/pb_kits/playbook/pb_*")
+    end
 
-      app.middleware.insert_before(
-        0, Webpacker::DevServerProxy,
-        ssl_verify_none: true,
-        webpacker: Playbook.webpacker
-      )
+    if config.respond_to?(:sass)
+      config.sass.load_paths ||= []
+      config.sass.load_paths << Playbook::Engine.root.join("app/pb_kits/playbook")
     end
   end
 end

data/lib/playbook/props/nested_props.rb

@@ -4,7 +4,7 @@ module Playbook
   module Props
     class NestedProps < Playbook::Props::Base
       def initialize(nested_kit:, **kwargs)
-        super **kwargs
+        super(**kwargs)
         @nested_kit = nested_kit
       end
 

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "9.17.0"
-  VERSION = "9.18.0"
+  PREVIOUS_VERSION = "10.0.0"
+  VERSION = "10.0.1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 9.18.0
+  version: 10.0.1
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-06-10 00:00:00.000000000 Z
+date: 2021-07-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -113,48 +113,6 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '3.15'
-- !ruby/object:Gem::Dependency
-  name: sassc-rails
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '1.3'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '1.3'
-- !ruby/object:Gem::Dependency
-  name: slim-rails
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '3.2'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '3.2'
-- !ruby/object:Gem::Dependency
-  name: sprockets-rails
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '2.3'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '2.3'
 - !ruby/object:Gem::Dependency
   name: view_component
   requirement: !ruby/object:Gem::Requirement
@@ -169,20 +127,6 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '2.23'
-- !ruby/object:Gem::Dependency
-  name: webpacker
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '4.3'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '4.3'
 - !ruby/object:Gem::Dependency
   name: webpacker-react
   requirement: !ruby/object:Gem::Requirement
@@ -197,34 +141,6 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 0.3.2
-- !ruby/object:Gem::Dependency
-  name: better_errors
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - '='
-      - !ruby/object:Gem::Version
-        version: 2.5.1
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - '='
-      - !ruby/object:Gem::Version
-        version: 2.5.1
-- !ruby/object:Gem::Dependency
-  name: binding_of_caller
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - '='
-      - !ruby/object:Gem::Version
-        version: 0.8.0
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - '='
-      - !ruby/object:Gem::Version
-        version: 0.8.0
 - !ruby/object:Gem::Dependency
   name: byebug
   requirement: !ruby/object:Gem::Requirement
@@ -268,19 +184,25 @@ dependencies:
       - !ruby/object:Gem::Version
         version: 0.49.0
 - !ruby/object:Gem::Dependency
-  name: rainbow
+  name: rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 5.2.4.5
+    - - "<"
       - !ruby/object:Gem::Version
-        version: 2.2.2
+        version: '7.0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 5.2.4.5
+    - - "<"
       - !ruby/object:Gem::Version
-        version: 2.2.2
+        version: '7.0'
 - !ruby/object:Gem::Dependency
   name: rspec-html-matchers
   requirement: !ruby/object:Gem::Requirement
@@ -371,34 +293,6 @@ dependencies:
     - - '='
       - !ruby/object:Gem::Version
         version: 1.2018.9
-- !ruby/object:Gem::Dependency
-  name: uglifier
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - '='
-      - !ruby/object:Gem::Version
-        version: 4.1.20
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - '='
-      - !ruby/object:Gem::Version
-        version: 4.1.20
-- !ruby/object:Gem::Dependency
-  name: web-console
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - '='
-      - !ruby/object:Gem::Version
-        version: 3.7.0
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - '='
-      - !ruby/object:Gem::Version
-        version: 3.7.0
 description: Playbook Design System. Built for Nitro, but powering all.
 email:
 - nitroux@powerhrg.com
@@ -409,18 +303,8 @@ extra_rdoc_files: []
 files:
 - README.md
 - Rakefile
-- app/assets/images/clark.jpg
-- app/assets/images/full_page_samples.svg
-- app/assets/images/giant.jpg
-- app/assets/images/github-brands.svg
-- app/assets/images/landing-background.svg
-- app/assets/images/landing-image.svg
-- app/assets/images/pb-caret.svg
-- app/assets/images/pb-check.svg
-- app/assets/images/pb-logo.svg
-- app/assets/images/pb-white-logo.svg
-- app/assets/images/pb.logo.svg
 - app/pb_kits/playbook/_playbook.scss
+- app/pb_kits/playbook/_reset.scss
 - app/pb_kits/playbook/data/menu.yml
 - app/pb_kits/playbook/index.js
 - app/pb_kits/playbook/pb_avatar/_avatar.jsx
@@ -690,6 +574,7 @@ files:
 - app/pb_kits/playbook/pb_collapsible/collapsible_content.rb
 - app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb
 - app/pb_kits/playbook/pb_collapsible/collapsible_main.rb
+- app/pb_kits/playbook/pb_collapsible/context.js
 - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.html.erb
 - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
 - app/pb_kits/playbook/pb_collapsible/docs/example.yml
@@ -1119,6 +1004,7 @@ files:
 - app/pb_kits/playbook/pb_icon/docs/_icon_animate.md
 - app/pb_kits/playbook/pb_icon/docs/_icon_border.html.erb
 - app/pb_kits/playbook/pb_icon/docs/_icon_border.jsx
+- app/pb_kits/playbook/pb_icon/docs/_icon_custom.jsx
 - app/pb_kits/playbook/pb_icon/docs/_icon_default.html.erb
 - app/pb_kits/playbook/pb_icon/docs/_icon_default.jsx
 - app/pb_kits/playbook/pb_icon/docs/_icon_flip.html.erb
@@ -1325,6 +1211,8 @@ files:
 - app/pb_kits/playbook/pb_message/docs/_message_default.html.erb
 - app/pb_kits/playbook/pb_message/docs/_message_default.jsx
 - app/pb_kits/playbook/pb_message/docs/_message_default.md
+- app/pb_kits/playbook/pb_message/docs/_message_timestamp.html.erb
+- app/pb_kits/playbook/pb_message/docs/_message_timestamp.jsx
 - app/pb_kits/playbook/pb_message/docs/example.yml
 - app/pb_kits/playbook/pb_message/docs/index.js
 - app/pb_kits/playbook/pb_message/message.html.erb
@@ -1336,6 +1224,8 @@ files:
 - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default.jsx
 - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.html.erb
 - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.jsx
+- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.jsx
+- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.md
 - app/pb_kits/playbook/pb_multiple_users/docs/example.yml
 - app/pb_kits/playbook/pb_multiple_users/docs/index.js
 - app/pb_kits/playbook/pb_multiple_users/multiple_users.html.erb
@@ -2008,6 +1898,7 @@ files:
 - app/pb_kits/playbook/pb_typeahead/components/ValueContainer.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_description.md
 - app/pb_kits/playbook/pb_typeahead/docs/_footer.md
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_async_createable.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx
@@ -2077,8 +1968,10 @@ files:
 - app/pb_kits/playbook/pb_weekday_stacked/docs/index.js
 - app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.html.erb
 - app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.rb
+- app/pb_kits/playbook/playbook-doc.js
+- app/pb_kits/playbook/playbook-rails-react-bindings.js
+- app/pb_kits/playbook/playbook-rails.js
 - app/pb_kits/playbook/plugins/pb_chart.js
-- app/pb_kits/playbook/react_rails_kits.js
 - app/pb_kits/playbook/tokens/_animation-curves.scss
 - app/pb_kits/playbook/tokens/_border_radius.scss
 - app/pb_kits/playbook/tokens/_colors.scss
@@ -2089,6 +1982,7 @@ files:
 - app/pb_kits/playbook/tokens/_screen_sizes.scss
 - app/pb_kits/playbook/tokens/_shadows.scss
 - app/pb_kits/playbook/tokens/_spacing.scss
+- app/pb_kits/playbook/tokens/_titles.scss
 - app/pb_kits/playbook/tokens/_transition.scss
 - app/pb_kits/playbook/tokens/_typography.scss
 - app/pb_kits/playbook/tokens/exports/_border_radius.scss
@@ -2107,12 +2001,10 @@ files:
 - app/pb_kits/playbook/utilities/_max_width.scss
 - app/pb_kits/playbook/utilities/_positioning.scss
 - app/pb_kits/playbook/utilities/_spacing.scss
-- app/pb_kits/playbook/utilities/accessibility.js
 - app/pb_kits/playbook/utilities/globalProps.js
 - app/pb_kits/playbook/utilities/props.js
 - app/pb_kits/playbook/utilities/test-utils.js
 - app/pb_kits/playbook/utilities/text.js
-- app/pb_kits/playbook/vendor.js
 - dist/reset.css
 - fonts/fontawesome-min.js
 - fonts/regular-min.js
@@ -2174,8 +2066,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project:
-rubygems_version: 2.7.3
+rubygems_version: 3.1.4
 signing_key:
 specification_version: 4
 summary: Playbook Design System