playbook_ui 6.4.0 → 7.0.0.pre.alpha5

data/app/pb_kits/playbook/pb_table/styles/_table-dark.scss

@@ -42,12 +42,10 @@ $table-dark-card-bg: $bg_dark;
       &:not(.no-hover) {
         tbody {
           tr {
-            @media (hover:hover) {
-              &:hover {
-                td {
-                  border-color: $border_dark !important;
-                  background: $bg_dark;
-                }
+            &:hover {
+              td {
+                border-color: $border_dark !important;
+                background: $bg_dark;
               }
             }
           }

data/app/pb_kits/playbook/pb_title_detail/_title_detail.jsx

@@ -10,11 +10,11 @@ import { buildCss, buildDataProps } from '../utilities/props'
 
 type TitleDetailProps = {
   align?: "left" | "center" | "right",
-  className?: String,
+  className?: string,
   data?: object,
-  detail: String,
-  id?: String,
-  title: String,
+  detail: string,
+  id?: string,
+  title: string,
 }
 
 const TitleDetail = (props: TitleDetailProps) => {

data/app/pb_kits/playbook/pb_typeahead/_typeahead.scss

@@ -25,10 +25,8 @@
   .pb_item_kit {
     padding: ($space_xs + 2) 0;
 
-    @media (hover:hover) {
-      &:hover {
-        background-color: $bg_light;
-      }
+    &:hover {
+      background-color: $bg_light;
     }
   }
   

data/app/pb_kits/playbook/react_rails_kits.js

@@ -0,0 +1,5 @@
+// React-Rendered Rails Kit Exports =====
+export { default as BarGraph } from './pb_bar_graph/_bar_graph.jsx'
+export { default as DistributionBar } from './pb_distribution_bar/_distribution_bar.jsx'
+export { default as Legend } from './pb_legend/_legend.jsx'
+export { default as LineGraph } from './pb_line_graph/_line_graph.jsx'

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

@@ -1,10 +1,10 @@
 @import "./opacity";
 
-//=====================================
-// Base colors should not be documented.
-// Only document color use.
+/*=====================================
+Base colors should not be documented.
+Only document color use.
 
-// Colors -----------------------------
+Colors -----------------------------*/
 $royal:               #0056CF;
 $purple:              #9E64E9;
 $teal:                #00C4D7;
@@ -22,11 +22,11 @@ $colors: (
   orange:             $orange
 );
 
-// Specialty Gradient -----------------
+/* Specialty Gradient -----------------*/
 $gradient_start:      #1C75F2;
 $gradient_end:        $royal;
 
-// Interface colors -------------------
+/* Interface colors -------------------*/
 $white:               #FFFFFF;
 $silver:              #F3F7FB;
 $slate:               #C1CDD6;
@@ -42,7 +42,7 @@ $interface_colors: (
 
 );
 
-// Main colors ------------------------
+/* Main colors ------------------------*/
 $primary:             $royal;
 $secondary:           $yellow;
 $tertiary:            $purple;
@@ -51,9 +51,9 @@ $main_colors: (
   secondary:          $secondary,
   tertiary:           $tertiary
 );
-//=====================================
+/*=====================================
 
-// Background colors ------------------
+Background colors ------------------*/
 $bg_light:            $silver;
 $bg_dark:             #172257;
 $background_colors: (
@@ -61,7 +61,7 @@ $background_colors: (
   bg_dark:            $bg_dark
 );
 
-// Card colors ------------------
+/* Card colors ------------------*/
 $card_light:          $white;
 $card_dark:           rgba($white, $opacity_1);
 $card_colors: (
@@ -74,15 +74,15 @@ $action_colors: (
   primary_action:            $primary-action
 );
 
-// Active colors ----------------------
+/* Active colors ----------------------*/
 $active_light:        lighten(#E5F2FF, 3.5%);
-$active_dark:         #0082ff; 
+$active_dark:         #0082ff;
 $active_colors: (
   active_light:       $active_light,
   active_dark:        $active_dark
 );
 
-// Hover colors -----------------------
+/* Hover colors -----------------------*/
 $hover_light:         darken($silver, 5%);
 $hover_dark:          rgba($white, $opacity_2);
 $hover_colors: (
@@ -90,7 +90,7 @@ $hover_colors: (
   hover_dark:         $hover_dark
 );
 
-// Focus colors -----------------------
+/* Focus colors -----------------------*/
 $focus_input_light:   rgba($active_light, $opacity_5);
 $focus_input_dark:    rgba(#144075, $opacity_5);
 $focus_input_colors: (
@@ -98,7 +98,7 @@ $focus_input_colors: (
   focus_input_dark:         $focus_input_dark
 );
 
-// Border colors ----------------------
+/* Border colors ----------------------*/
 $border_light:        #E4E8F0;
 $border_dark:         rgba($white, $opacity_1);
 $border_colors: (
@@ -106,13 +106,13 @@ $border_colors: (
   border_dark:        $border_dark
 );
 
-// Shadow colors ----------------------
+/* Shadow colors ----------------------*/
 $shadow:        rgba(#3C6AAC, $opacity_2);
 $shadow_colors: (
   shadow:       $shadow,
 );
 
-// Text colors ------------------------
+/* Text colors ------------------------*/
 $text_lt_default:     $charcoal;
 $text_lt_light:       #919EAB;
 $text_lt_lighter:     $slate;
@@ -128,7 +128,7 @@ $text_colors: (
   text_dk_lighter:    $text_dk_lighter
 );
 
-// Data colors ------------------------
+/* Data colors ------------------------*/
 $data_1:              $royal;
 $data_2:              $yellow;
 $data_3:              $purple;
@@ -148,7 +148,7 @@ $data_colors: (
   data_8:             $data_8
 );
 
-// Status colors ----------------------
+/* Status colors ----------------------*/
 $success:             $green;
 $warning:             $yellow;
 $error:               $red;
@@ -174,10 +174,10 @@ $status_color_text: (
   primary:            $primary
 );
 
-// Link colors ------------------------
+/* Link colors ------------------------*/
 $primary_action:      $primary;
 
-// Product colors ---------------------
+/* Product colors ---------------------*/
 $windows:             $royal;
 $siding:              $yellow;
 $doors:               $teal;
@@ -195,7 +195,7 @@ $product_colors: (
   insulation:         $insulation
 );
 
-// Category colors ---------------------
+/* Category colors ---------------------*/
 $category_1:   $royal;
 $category_2:   #0CD2E5;
 $category_3:   $yellow;
@@ -252,7 +252,6 @@ $transparent: transparent;
 }
 
 :export {
-
   @mixin export-colors($colors-list) {
     @each $name, $color in $colors-list {
       #{$name}: $color;

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

@@ -2,7 +2,7 @@
 $font_family_base: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans_serif;
 
 
-// CLEAN UP AND REMOVE
+/* CLEAN UP AND REMOVE */
 $font_jumbo:        36px;
 $font_largest:      32px;
 $font_larger:       28px;
@@ -29,7 +29,7 @@ $text_smaller:      $font_smaller;
 $text_smallest:     $font_smallest;
 
 
-// Headings
+/* Headings */
 $heading_1: 48px;
 $heading_2: 34px;
 $heading_3: $font_larger;
@@ -38,7 +38,7 @@ $heading_4: $font_base;
 
 
 
-// Letter Spacing
+/* Letter Spacing */
 $lspace_tightest:         _.1em;
 $lspace_tighter:          _.07em;
 $lspace_tight:            _.03em;
@@ -52,11 +52,11 @@ $lspace_super_loosest:    .2em;
 
 
 
-// Standard Font Weights
+/* Standard Font Weights */
 $bold:          600;
 $regular:       400;
 
-// Non_Standard Font Weights
+/* Non_Standard Font Weights */
 $extrabold:     900;
 $boldest:       800;
 $bolder:        700;

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

@@ -0,0 +1,11 @@
+@import "animation-curves";
+@import "border_radius";
+@import "colors";
+@import "line_height";
+@import "opacity";
+@import "positioning";
+@import "screen_sizes";
+@import "shadows";
+@import "spacing";
+@import "transition";
+@import "typography";

data/app/pb_kits/playbook/vendor.js

@@ -19,3 +19,8 @@ PbTypeahead.start()
 
 import PbTable from './pb_table'
 PbTable.start()
+
+// React-Rendered Rails Kits =====
+import WebpackerReact from 'webpacker-react'
+import * as ReactRailsPBKits from './react_rails_kits.js'
+WebpackerReact.setup({ ...ReactRailsPBKits })

data/lib/playbook/engine.rb

@@ -21,6 +21,7 @@ module Playbook
     initializer "playbook_ui.add_view_paths", after: :add_view_paths do |_app|
       ActiveSupport.on_load(:action_controller) do
         append_view_path "#{Gem.loaded_specs['playbook_ui'].full_gem_path}/app/pb_kits/playbook"
+        append_view_path "#{Gem.loaded_specs['playbook_ui'].full_gem_path}/app/pb_kits/playbook/config"
       end
     end
 

data/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "6.4.0"
+  VERSION = "7.0.0.pre.alpha5"
 end

data/lib/tasks/pb_release.rake

@@ -39,6 +39,9 @@ namespace :pb_release do
       puts "Updated Gemfile.lock"
       puts "\n\n"
 
+      puts "\nCreating dist files"
+      `yarn release`
+
       puts "Commit your changes and create a PR to merge to master"
     end
   end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 6.4.0
+  version: 7.0.0.pre.alpha5
 platform: ruby
 authors:
 - Power UX
@@ -401,9 +401,6 @@ files:
 - app/assets/images/pb-check.svg
 - app/assets/images/pb.logo.svg
 - app/controllers/playbook/application_controller.rb
-- app/controllers/playbook/guides_controller.rb
-- app/controllers/playbook/pages_controller.rb
-- app/controllers/playbook/samples_controller.rb
 - app/helpers/playbook/application_helper.rb
 - app/helpers/playbook/layout_helper.rb
 - app/helpers/playbook/pb_doc_helper.rb
@@ -417,22 +414,6 @@ files:
 - app/pb_kits/playbook/config/_pb_kit_api.html.erb
 - app/pb_kits/playbook/data/menu.yml
 - app/pb_kits/playbook/index.js
-- app/pb_kits/playbook/packs/application.js
-- app/pb_kits/playbook/packs/examples.js
-- app/pb_kits/playbook/packs/main.scss
-- app/pb_kits/playbook/packs/samples.js
-- app/pb_kits/playbook/packs/site_styles/_samples.scss
-- app/pb_kits/playbook/packs/site_styles/_scaffold.scss
-- app/pb_kits/playbook/packs/site_styles/_site-style.scss
-- app/pb_kits/playbook/packs/site_styles/docs/_all.scss
-- app/pb_kits/playbook/packs/site_styles/docs/_bg_light_doc_example.scss
-- app/pb_kits/playbook/packs/site_styles/docs/_code_snippet.scss
-- app/pb_kits/playbook/packs/site_styles/docs/_color_utilities.scss
-- app/pb_kits/playbook/packs/site_styles/docs/_flex_examples.scss
-- app/pb_kits/playbook/packs/site_styles/docs/_kit_doc.scss
-- app/pb_kits/playbook/packs/site_styles/docs/_kits_examples.scss
-- app/pb_kits/playbook/packs/site_styles/docs/_markdown.scss
-- app/pb_kits/playbook/packs/site_styles/docs/_spacing_tokens.scss
 - app/pb_kits/playbook/pb_avatar/_avatar.html.erb
 - app/pb_kits/playbook/pb_avatar/_avatar.jsx
 - app/pb_kits/playbook/pb_avatar/_avatar.scss
@@ -705,6 +686,7 @@ files:
 - app/pb_kits/playbook/pb_date/docs/_date_alignment.html.erb
 - app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
 - app/pb_kits/playbook/pb_date/docs/_date_default.html.erb
+- app/pb_kits/playbook/pb_date/docs/_date_default.jsx
 - app/pb_kits/playbook/pb_date/docs/_date_default_react.jsx
 - app/pb_kits/playbook/pb_date/docs/_date_default_react.md
 - app/pb_kits/playbook/pb_date/docs/_date_timezone.html.erb
@@ -1855,6 +1837,7 @@ files:
 - app/pb_kits/playbook/props/percentage.rb
 - app/pb_kits/playbook/props/proc.rb
 - app/pb_kits/playbook/props/string.rb
+- 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
@@ -1867,6 +1850,7 @@ files:
 - app/pb_kits/playbook/tokens/_spacing.scss
 - app/pb_kits/playbook/tokens/_transition.scss
 - app/pb_kits/playbook/tokens/_typography.scss
+- app/pb_kits/playbook/tokens/index.scss
 - app/pb_kits/playbook/types.js
 - app/pb_kits/playbook/utilities/_background_colors.scss
 - app/pb_kits/playbook/utilities/_colors.scss
@@ -1875,47 +1859,6 @@ files:
 - app/pb_kits/playbook/utilities/props.js
 - app/pb_kits/playbook/utilities/text.js
 - app/pb_kits/playbook/vendor.js
-- app/views/layouts/playbook/_mobile_hamburger.html.erb
-- app/views/layouts/playbook/_nav.html.erb
-- app/views/layouts/playbook/_sidebar.html.erb
-- app/views/layouts/playbook/application.html.slim
-- app/views/layouts/playbook/fullscreen.html.slim
-- app/views/layouts/playbook/grid.html.slim
-- app/views/layouts/playbook/samples.html.erb
-- app/views/playbook/guides/create_kit.html.slim
-- app/views/playbook/guides/create_kit/_file_naming.html.md
-- app/views/playbook/guides/create_kit/_generator.html.md
-- app/views/playbook/guides/create_kit/_kit_examples.html.md
-- app/views/playbook/guides/create_kit/_kit_rails.html.md
-- app/views/playbook/guides/create_kit/_kit_react.html.md
-- app/views/playbook/guides/create_kit/_layout.html.md
-- app/views/playbook/guides/create_kit/_view_objects.html.md
-- app/views/playbook/guides/create_kit/_writing_sass.md
-- app/views/playbook/guides/use_nitro.html.slim
-- app/views/playbook/guides/use_nitro/_local.html.md
-- app/views/playbook/guides/use_nitro/_nitro_components.html.md
-- app/views/playbook/guides/use_nitro/_versions.html.md
-- app/views/playbook/pages/fullscreen.html.slim
-- app/views/playbook/pages/grid.html.slim
-- app/views/playbook/pages/home.html.slim
-- app/views/playbook/pages/kit_category_show.html.erb
-- app/views/playbook/pages/kit_show.html.erb
-- app/views/playbook/pages/kits.html.erb
-- app/views/playbook/pages/principals/_getting_started.html.md
-- app/views/playbook/pages/principles.html.slim
-- app/views/playbook/pages/tokens.html.slim
-- app/views/playbook/pages/tokens/_pb_doc_spacing.html.slim
-- app/views/playbook/pages/utilities.html.slim
-- app/views/playbook/pages/utilities/_pb_doc_color.html.slim
-- app/views/playbook/samples/collection_detail/index.html.erb
-- app/views/playbook/samples/collection_detail/index.jsx
-- app/views/playbook/samples/dashboards/index.html.erb
-- app/views/playbook/samples/dashboards/index.jsx
-- app/views/playbook/samples/filter_table/index.html.erb
-- app/views/playbook/samples/filter_table/index.jsx
-- app/views/playbook/samples/registration/index.html.erb
-- app/views/playbook/samples/registration/index.jsx
-- app/views/playbook/samples/sample_show.html.erb
 - fonts/fontawesome-min.js
 - fonts/regular-min.js
 - lib/generators/kit/USAGE
@@ -1950,9 +1893,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubyforge_project: 
 rubygems_version: 2.7.3

data/app/controllers/playbook/guides_controller.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-require_dependency "playbook/application_controller"
-
-module Playbook
-  class GuidesController < ApplicationController
-    def create_kit; end
-
-    def use_nitro; end
-  end
-end

data/app/controllers/playbook/pages_controller.rb

@@ -1,79 +0,0 @@
-# frozen_string_literal: true
-
-require_dependency "playbook/application_controller"
-require "yaml"
-
-module Playbook
-  class PagesController < ApplicationController
-    before_action :set_kit, only: %i[kit_show_rails kit_show_react]
-    before_action :ensure_kit_type_exists, only: %i[kit_show_rails kit_show_react]
-    before_action :set_category, only: %i[kit_category_show_rails kit_category_show_react]
-
-    def home; end
-
-    def utilities; end
-
-    def tokens; end
-
-    def kits
-      params[:type] ||= "react"
-      @type = params[:type]
-    end
-
-    def principles; end
-
-    def grid
-      render layout: "layouts/playbook/grid"
-    end
-
-    def kit_show_rails
-      render template: "playbook/pages/kit_show"
-    end
-
-    def kit_show_react
-      render template: "playbook/pages/kit_show"
-    end
-
-    def kit_category_show_rails
-      params[:type] ||= "rails"
-      @type = params[:type]
-      render template: "playbook/pages/kit_category_show"
-    end
-
-    def kit_category_show_react
-      render template: "playbook/pages/kit_category_show"
-    end
-
-  private
-
-    def set_category
-      categories = MENU["kits"].map { |link| link.first.first if link.is_a?(Hash) }.compact
-      @category = params[:name]
-      if categories.flatten.include?(@category)
-        @category_kits = MENU["kits"].map { |link| link.first.last if link.is_a?(Hash) && link.first.first == @category }.compact.flatten
-        @kits = params[:name]
-      else
-        redirect_to root_path, flash: { error: "That kit does not exist" }
-      end
-    end
-
-    def set_kit
-      menu = MENU["kits"].map { |link| link.is_a?(Hash) ? link.first.last : link }
-      if menu.flatten.include?(params[:name])
-        @kit = params[:name]
-      else
-        redirect_to root_path, flash: { error: "That kit does not exist" }
-      end
-    end
-
-    def ensure_kit_type_exists
-      # TODO: unsure why we cannot simply use the helpers that are included in ApplicationController - fix this
-      is_rails_kit = action_name == "kit_show_rails"
-      files = is_rails_kit ? File.join("**", "*.erb") : File.join("**", "*.jsx")
-      kit_files = Dir.glob(files, base: "#{Playbook::Engine.root}/app/pb_kits/playbook/pb_#{@kit}/docs").present?
-      if !kit_files.present?
-        redirect_to action: is_rails_kit ? "kit_show_react" : "kit_show_rails"
-      end
-    end
-  end
-end