playbook_ui 7.1.0 → 7.1.1.pre.alpha1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f444fe64c94fe52134b58d54feab40314cc5c10a273dca136a837dd4f32bdae2
-  data.tar.gz: 242b3eb07882d6e290cd1784e1916b129a4d65d3a49119bea18ac09f96890460
+  metadata.gz: 595c0820f16b2b3e0946f41382f7a3668b23852960c36a3e910f7a220dc4681a
+  data.tar.gz: 39a721f24fa92d169e229c89920d12603c6758fc462633336fb105cce690c6c2
 SHA512:
-  metadata.gz: 295ff9b7e1d2612ea7a405e40241869d5ee31e2762961a32edb0ddb6443407d514929148c719e7c68a78bf62f9736e8520c22afc055aae15abd375be4eaa0a0e
-  data.tar.gz: 66d67a743c7c465f8b68ae80f55b0438d196713ec917c9fcd104988f7969814f13c89af20f0fa9e84d5bde3dd5118a93e8638fcb6bd2eb32d2c9012ef98da614
+  metadata.gz: 825198798b8e0409757b0fc9cbca50e78cc7181cbfce089d986b086dd9ecd91e292f30d16b0c461e49010845d2451b946e5a916e5b36cb72793cba55b5c83e2a
+  data.tar.gz: da7db430a98af504a913692fa19aa894968b0bc8f9eb8e70fe06fc39cf143ff650ebd896e1a27a3a041146405c2e805028811224fdfe14347d875b27cbd1ef69

data/app/pb_kits/playbook/_playbook.scss

@@ -83,3 +83,4 @@
 @import 'pb_time_stacked/time_stacked';
 @import 'pb_weekday_stacked/weekday_stacked';
 @import './utilities/spacing';
+

data/app/pb_kits/playbook/data/menu.yml

@@ -7,6 +7,7 @@ samples:
 kits:
   - avatar
   - avatar_action_button
+  - background
   - buttons:
     - button
     - button_toolbar
@@ -20,7 +21,6 @@ kits:
     - gauge
     - legend
     - line_graph
-
   - filter
   - fixed_confirmation_toast
   - flex

data/app/pb_kits/playbook/index.js

@@ -5,6 +5,7 @@ import 'lazysizes'
 // React Component JSX Imports from the React Kits
 export Avatar from './pb_avatar/_avatar.jsx'
 export AvatarActionButton from './pb_avatar_action_button/_avatar_action_button.jsx'
+export Background from 'pb_background/_background.jsx'
 export Badge from './pb_badge/_badge.jsx'
 export BarGraph from './pb_bar_graph/_bar_graph.jsx'
 export Body from './pb_body/_body.jsx'

data/app/pb_kits/playbook/pb_background/_background.html.erb

@@ -0,0 +1,14 @@
+<%= content_tag(object.tag,
+    aria: object.aria,
+    data: object.data,
+    id: object.id) do %>
+    <% if object.image_url.present? %>
+      <div class="<%= object.classname %>" style="background-image: url(<%= object.image_url %>); background-size: cover">
+        <%= capture(&object.children) %>
+      </div>
+    <% else %>
+      <div class="<%= object.classname %>">
+        <%= capture(&object.children) %>
+      </div>
+  <% end %>
+<% end %>

data/app/pb_kits/playbook/pb_background/_background.jsx

@@ -0,0 +1,64 @@
+/* @flow */
+
+import React from 'react'
+import classnames from 'classnames'
+import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
+import { globalProps } from '../utilities/globalProps.js'
+
+type BackgroundProps = {
+  aria?: object,
+  backgroundColor?: 'gradient' | 'dark' | 'light' | 'white',
+  children?: array<React.ReactNode> | React.ReactNode,
+  className?: string,
+  data?: object,
+  id?: string,
+  imageUrl?: string,
+  padding?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl',
+  tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div',
+}
+
+const Background = (props: BackgroundProps) => {
+  const {
+    aria = {},
+    backgroundColor = 'light',
+    children,
+    className,
+    data = {},
+    id,
+    imageUrl = '',
+    padding = 'md',
+    tag = 'div',
+  } = props
+
+  const ariaProps = buildAriaProps(aria)
+  const dataProps = buildDataProps(data)
+  const classes = classnames(buildCss('pb_background_kit'), className, globalProps(props, { padding }))
+  const Tag = `${tag}`
+  const backgroundStyle = {
+    backgroundImage: `url(${imageUrl})`,
+    backgroundSize: 'cover',
+  }
+
+  return (
+    <Tag
+        {...ariaProps}
+        {...dataProps}
+        id={id}
+    >
+      <If condition={imageUrl}>
+        <div
+            className={classes + 'lazyload blur_up'}
+            style={backgroundStyle}
+        >
+          { children }
+        </div>
+        <Else />
+        <div className={classes + `bg_${backgroundColor}`}>
+          { children }
+        </div>
+      </If>
+    </Tag>
+  )
+}
+
+export default Background

data/app/pb_kits/playbook/pb_background/_background.scss

@@ -0,0 +1,15 @@
+[class^=pb_background_kit] {
+  max-width: 100%;
+  max-height: 100%;
+
+  .blur_up {
+    -webkit-filter: blur(6px);
+    filter: blur(6px);
+    transition: filter 550ms, -webkit-filter 550ms;
+  }
+
+  .blur_up.lazyloaded {
+    -webkit-filter: blur(0);
+    filter: blur(0);
+  }
+}

data/app/pb_kits/playbook/pb_background/background.rb

@@ -0,0 +1,36 @@
+# frozen_string_literal: true
+
+module Playbook
+  module PbBackground
+    class Background
+      include Playbook::Props
+
+      partial "pb_background/background"
+
+      prop :background_color, type: Playbook::Props::Enum,
+                              values: %w[gradient dark light white],
+                              default: "light"
+      prop :image_url
+      prop :padding, type: Playbook::Props::Enum,
+                     values: %w[none xs sm md lg xl],
+                     default: "md"
+      prop :tag, type: Playbook::Props::Enum,
+                 values: %w[h1 h2 h3 h4 h5 h6 p div span],
+                 default: "div"
+
+      def classname
+        generate_classname("pb_background_kit", image_classname, background_color_classname, padding, separator: " ")
+      end
+
+    private
+
+      def image_classname
+        image_url.present? ? "lazyload blur_up" : ""
+      end
+
+      def background_color_classname
+        !image_url.present? ? "bg_#{background_color}" : ""
+      end
+    end
+  end
+end

data/app/pb_kits/playbook/pb_background/docs/_background_default.html.erb

@@ -0,0 +1,41 @@
+<%= pb_rails("background", props: { background_color: "gradient" }) do %>
+  Background Kit Gradient Color
+<% end %>
+
+<%= pb_rails("background", props: { background_color: "dark" }) do %>
+  <%= pb_rails("flex", props: { horizontal: "center"}) do %>
+    <%= pb_rails("flex/flex_item") do %>
+      <%= pb_rails("title", props: { dark: true, size: 2, text: "Background Kit Dark" })%>
+    <% end %>
+  <% end %>
+<% end %>
+
+<%= pb_rails("background", props: { background_color: "light", padding: "xl" }) do %>
+  <%= pb_rails("flex", props: { horizontal: "right"}) do %>
+    <%= pb_rails("flex/flex_item") do %>
+      <%= pb_rails("body", props: { text: "Background Kit Light" })%>
+    <% end %>
+  <% end %>
+<% end %>
+
+<%= pb_rails("background", props: { background_color: "white", padding: "lg" }) do %>
+  <%= pb_rails("flex") do %>
+    <%= pb_rails("flex/flex_item") do %>
+      <%= pb_rails("title", props: { size: 3, text: "Background Kit White" })%>
+    <% end %>
+  <% end %>
+<% end %>
+
+<%= pb_rails("background", props: { image_url: "https://images.unsplash.com/photo-1528459801416-a9e53bbf4e17?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=80", padding: "lg" }) do %>
+  <%= pb_rails("flex", props: { horizontal: "center", orientation: "column" }) do %>
+    <%= pb_rails("flex/flex_item") do %>
+      <%= pb_rails("title", props: { dark: true, size: 1, text: "Background Kit Image" })%>
+    <% end %>
+    <%= pb_rails("flex/flex_item", props: { padding: "lg" }) do %>
+      <%= pb_rails("card", props: { shadow: "deepest" }) do %>
+        We cannot seek achievement for ourselves and forget about progress and prosperity for our community... Our ambitions must be broad enough to include the aspirations and needs of others, for their sakes and for our own.
+        -Cesar Chavez
+      <% end %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/pb_kits/playbook/pb_background/docs/_background_default.jsx

@@ -0,0 +1,75 @@
+import React from 'react'
+import { Background } from '../../'
+import { Body, Card, Flex, FlexItem, Title } from '../../'
+
+const BackgroundDefault = () => (
+  <div>
+    <Background
+        backgroundColor="gradient"
+    >
+      {'Background Kit Gradient Color'}
+    </Background>
+    <Background
+        backgroundColor="dark"
+    >
+      <Flex
+          horizontal="center"
+          orientation="row"
+      >
+        <FlexItem>
+          <Title
+              dark
+              size={2}
+              text="Background Kit Dark"
+          />
+        </FlexItem>
+      </Flex>
+    </Background>
+    <Background
+        backgroundColor="light"
+        padding="xl"
+    >
+      <Flex
+          horizontal="right"
+          orientation="row"
+      >
+        <FlexItem>
+          <Body
+              text="Background Kit Light"
+          />
+        </FlexItem>
+      </Flex>
+    </Background>
+    <Background
+        backgroundColor="white"
+        padding="lg"
+    >
+      <Title
+          size={3}
+          text="Background Kit White"
+      />
+    </Background>
+    <Background imageUrl="https://images.unsplash.com/photo-1528459801416-a9e53bbf4e17?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=80">
+      <Flex
+          orientation="column"
+          vertical="center"
+      >
+        <FlexItem>
+          <Title
+              dark
+              padding="lg"
+              size={1}
+              text="Background Kit Image"
+          />
+        </FlexItem>
+        <FlexItem padding="lg">
+          <Card shadow="deepest">
+            {'We cannot seek achievement for ourselves and forget about progress and prosperity for our community... Our ambitions must be broad enough to include the aspirations and needs of others, for their sakes and for our own. - Cesar Chavez'}
+          </Card>
+        </FlexItem>
+      </Flex>
+    </Background>
+  </div>
+)
+
+export default BackgroundDefault

data/app/pb_kits/playbook/pb_background/docs/example.yml

@@ -0,0 +1,8 @@
+examples:
+
+  rails:
+  - background_default: Default
+
+  react:
+  - background_default: Default
+

data/app/pb_kits/playbook/pb_background/docs/index.js

@@ -0,0 +1 @@
+export { default as BackgroundDefault } from './_background_default.jsx'

data/lib/playbook/version.rb

@@ -1,4 +1,4 @@
 # frozen_string_literal: true
 module Playbook
-  VERSION = "7.1.0"
+  VERSION = "7.1.1.pre.alpha1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 7.1.0
+  version: 7.1.1.pre.alpha1
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-10-09 00:00:00.000000000 Z
+date: 2020-10-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -445,6 +445,14 @@ files:
 - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb
 - app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml
 - app/pb_kits/playbook/pb_avatar_action_button/docs/index.js
+- app/pb_kits/playbook/pb_background/_background.html.erb
+- app/pb_kits/playbook/pb_background/_background.jsx
+- app/pb_kits/playbook/pb_background/_background.scss
+- app/pb_kits/playbook/pb_background/background.rb
+- app/pb_kits/playbook/pb_background/docs/_background_default.html.erb
+- app/pb_kits/playbook/pb_background/docs/_background_default.jsx
+- app/pb_kits/playbook/pb_background/docs/example.yml
+- app/pb_kits/playbook/pb_background/docs/index.js
 - app/pb_kits/playbook/pb_badge/_badge.html.erb
 - app/pb_kits/playbook/pb_badge/_badge.jsx
 - app/pb_kits/playbook/pb_badge/_badge.scss
@@ -1836,24 +1844,10 @@ files:
 - app/pb_kits/playbook/vendor.js
 - fonts/fontawesome-min.js
 - fonts/regular-min.js
-- lib/generators/kit/USAGE
-- lib/generators/kit/kit_generator.rb
-- lib/generators/kit/templates/kit_example_rails.erb.tt
-- lib/generators/kit/templates/kit_example_react.erb.tt
-- lib/generators/kit/templates/kit_example_yml.erb.tt
-- lib/generators/kit/templates/kit_html.erb.tt
-- lib/generators/kit/templates/kit_js.erb.tt
-- lib/generators/kit/templates/kit_jsx.erb.tt
-- lib/generators/kit/templates/kit_ruby.erb.tt
-- lib/generators/kit/templates/kit_ruby_spec.erb.tt
-- lib/generators/kit/templates/kit_scss.erb
 - lib/playbook.rb
 - lib/playbook/engine.rb
 - lib/playbook/version.rb
 - lib/playbook_ui.rb
-- lib/tasks/changelog.rake
-- lib/tasks/pb_release.rake
-- lib/tasks/playbook_tasks.rake
 homepage: http://playbook.powerapp.cloud
 licenses:
 - MIT
@@ -1869,9 +1863,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: []
 rubygems_version: 3.1.4
 signing_key: 

data/lib/generators/kit/USAGE

@@ -1,5 +0,0 @@
-Description:
-    Create a new Playbook kit
-
-Example:
-    rails g kit "button"

data/lib/generators/kit/kit_generator.rb

@@ -1,95 +0,0 @@
-# frozen_string_literal: true
-
-class KitGenerator < Rails::Generators::NamedBase
-  desc "This generator creates a new Playbook Kit"
-  source_root File.expand_path("templates", __dir__)
-  class_option :props, type: :array, default: []
-
-  def create_templates
-    kit_name = name.strip.downcase
-    @kit_name_uppercase = kit_name.upcase
-    @kit_name_lowercase = kit_name
-    @kit_name_capitalize = kit_name.capitalize
-    @kit_name_underscore = kit_name.parameterize.underscore
-    @kit_name_pascal = kit_name.titleize.gsub(/\s+/, "")
-
-    kit_props = options[:props].concat(%w[id:string classname:string data:object aria:object])
-    @kit_props = kit_props.map { |hash| [hash.partition(":").first, hash.partition(":").last] }.to_h
-    @kit_props = @kit_props.sort.to_h
-    @unique_props = @kit_props.symbolize_keys.without(:id, :classname, :data, :aria)
-
-    @kit_class_init = []
-    @kit_props.each do |key, _val|
-      @kit_class_init.push("#{key.parameterize.underscore}: default_configuration".to_sym)
-    end
-
-    @kit_class_val = []
-    @kit_props.each do |key, _value|
-      @kit_class_val.push("self.configured_#{key.parameterize.underscore} = #{key.parameterize.underscore}")
-    end
-
-    full_kit_directory = "app/pb_kits/playbook/pb_#{@kit_name_underscore}"
-
-    # Check if kit already exists =======================
-    if File.directory?(full_kit_directory)
-      say_status  "#{@kit_name_capitalize} kit already exists.",
-                  "Please choose another name or manually make changes to the existing kit.",
-                  :red
-      return
-    else
-      # Add kit to Playbook menu ==========================
-      open("app/pb_kits/playbook/data/menu.yml", "a") do |f|
-        f.puts "  - #{@kit_name_underscore}"
-      end
-      say_status  "complete",
-                  "#{@kit_name_capitalize} kit added to Playbook menu.",
-                  :green
-
-      # Generate SCSS files ==============================
-      template "kit_scss.erb", "#{full_kit_directory}/_#{@kit_name_underscore}.scss"
-      open("app/pb_kits/playbook/_playbook.scss", "a") do |f|
-        f.puts "\n@" + "import " + "\'" + "pb_#{@kit_name_underscore}/#{@kit_name_underscore}" + "\';"
-      end
-      say_status  "complete",
-                  "#{@kit_name_capitalize} kit stylesheet successfully created and imported.",
-                  :green
-
-      # Ask user if Rails version should be generated ======
-      if yes?("Create RAILS #{@kit_name_underscore} kit? (y/N)")
-        @rails_kit = true
-        template "kit_ruby.erb", "#{full_kit_directory}/#{@kit_name_underscore}.rb"
-        template "kit_html.erb", "#{full_kit_directory}/_#{@kit_name_underscore}.html.erb"
-        template "kit_example_rails.erb", "#{full_kit_directory}/docs/_#{@kit_name_underscore}_default.html.erb"
-        template "kit_ruby_spec.erb", "spec/pb_kits/playbook/kits/#{@kit_name_underscore}_spec.rb"
-        say_status  "complete",
-                    "#{@kit_name_capitalize} rails kit successfully created.",
-                    :green
-      end
-
-      # Ask user if React version should be generated ======
-      if yes?("Create REACT #{@kit_name_pascal} kit? (y/N)")
-        @react_kit = true
-        template "kit_jsx.erb", "#{full_kit_directory}/_#{@kit_name_underscore}.jsx"
-        template "kit_example_react.erb", "#{full_kit_directory}/docs/_#{@kit_name_underscore}_default.jsx"
-        template "kit_js.erb", "#{full_kit_directory}/docs/index.js"
-
-        # Import kit examples  ===========================
-        append_to_file("app/pb_kits/playbook/packs/react-examples.js") do
-          "import * as #{@kit_name_pascal} from 'pb_#{@kit_name_underscore}/docs'\nWebpackerReact.setup(#{@kit_name_pascal})\n"
-        end
-        append_to_file("app/pb_kits/playbook/index.js") do
-          "\nexport #{@kit_name_pascal} from 'pb_#{@kit_name_underscore}/_#{@kit_name_underscore}.jsx'"
-        end
-
-        say_status  "complete",
-                    "#{@kit_name_capitalize} react kit successfully created.",
-                    :green
-      end
-
-      # Create kit example.yml
-      template "kit_example_yml.erb", "#{full_kit_directory}/docs/example.yml"
-
-      `rubocop --safe-auto-correct #{full_kit_directory}`
-    end
-  end
-end

data/lib/generators/kit/templates/kit_example_rails.erb.tt

@@ -1 +0,0 @@
-<%%= pb_rails("<%= @kit_name_underscore %>") %>

data/lib/generators/kit/templates/kit_example_react.erb.tt

@@ -1,10 +0,0 @@
-import React from 'react'
-import { <%= @kit_name_pascal %> } from '../../'
-
-const <%= @kit_name_pascal %>Default = () => (
-  <div>
-    <<%= @kit_name_pascal %> />
-  </div>
-)
-
-export default <%= @kit_name_pascal %>Default

data/lib/generators/kit/templates/kit_example_yml.erb.tt

@@ -1,9 +0,0 @@
-examples:
-  <% if @rails_kit %>
-  rails:
-  - <%= @kit_name_underscore %>_default: Default
-  <% end %>
-  <% if @react_kit %>
-  react:
-  - <%= @kit_name_underscore %>_default: Default
-  <% end %>

data/lib/generators/kit/templates/kit_html.erb.tt

@@ -1,7 +0,0 @@
-<%%= content_tag(:div,
-    aria: object.aria,
-    class: object.classname,
-    data: object.data,
-    id: object.id) do %>
-  <span><%= @kit_name_uppercase %> CONTENT</span>
-<%% end %>

data/lib/generators/kit/templates/kit_js.erb.tt

@@ -1 +0,0 @@
-export { default as <%= @kit_name_pascal %>Default } from './_<%= @kit_name_underscore %>_default.jsx'

data/lib/generators/kit/templates/kit_jsx.erb.tt

@@ -1,68 +0,0 @@
-<%
-break_lines = lambda do |list, spaces = 2, separator = ","|
-  list.join("#{separator}\n#{" " * spaces}") + separator
-end
-
-type_name = "#{@kit_name_pascal}Props"
-
-props_types = @kit_props.map do |key, val|
-  prop_name = key == "classname" ? "className" : key.camelize(:lower)
-  prop_type = case val
-              when "enum", "one_of" then "'option_1' | 'option_2'"
-              when "boolean", "bool" then "boolean"
-              when "object", "obj" then "object"
-              else "string"
-              end
-
-  "#{prop_name}?: #{prop_type}"
-end
-puts props_types.inspect
-
-props_names = @kit_props.keys.map do |key|
-                  case key
-                  when "classname" || "className"
-                    "className" 
-                  when "aria"
-                    "aria = {}"
-                  when "data"
-                    "data = {}"
-                  else 
-                    key
-                  end
-              end
-
-%>
-
-/* @flow */
-
-import React from 'react'
-import classnames from 'classnames'
-import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps.js'
-
-type <%= type_name %> = {
-  <%= break_lines.call(props_types) %>
-}
-
-const <%= @kit_name_pascal %> = (props: <%= type_name %>) => {
-  const {
-    <%= break_lines.call(props_names) %>
-  } = props
-
-  const ariaProps = buildAriaProps(aria)
-  const dataProps = buildDataProps(data)
-  const classes = classnames(buildCss('pb_<%= @kit_name_underscore %>'), globalProps(props), className)
-
-  return (
-    <div
-        {...ariaProps}
-        {...dataProps}
-        className={classes}
-        id={id}
-    >
-      {className}
-    </div>
-  )
-}
-
-export default <%= @kit_name_pascal %>

data/lib/generators/kit/templates/kit_ruby.erb.tt

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module Pb<%= @kit_name_pascal %>
-    class <%= @kit_name_pascal %>
-      include Playbook::Props
-
-      partial "<%= "pb_#{@kit_name_underscore}/#{@kit_name_underscore}" %>"
-    end
-  end
-end

data/lib/generators/kit/templates/kit_ruby_spec.erb.tt

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-require_relative "../../../../app/pb_kits/playbook/pb_<%= @kit_name_underscore %>/<%= @kit_name_underscore %>"
-
-RSpec.describe Playbook::Pb<%= @kit_name_capitalize %>::<%= @kit_name_capitalize %> do
-  subject { Playbook::Pb<%= @kit_name_capitalize %>::<%= @kit_name_capitalize %> }
-
-  it { is_expected.to define_partial }
-
-  # Do not leave this file blank. Use other spec files for example tests.
-end

data/lib/generators/kit/templates/kit_scss.erb

@@ -1,3 +0,0 @@
-<%= ".pb_#{@kit_name_underscore}" %> {
-
-}

data/lib/tasks/changelog.rake

@@ -1,14 +0,0 @@
-require 'github_changelog_generator/task'
-
-GitHubChangelogGenerator::RakeTask.new :changelog do |config|
-  config.user = 'powerhome'
-  config.project = 'playbook'
-  config.since_tag = Playbook::VERSION
-  config.header = ''
-  config.issues = false
-  config.base = 'CHANGELOG.md'
-  config.enhancement_prefix = '**Kit Enhancements:**'
-  config.bug_prefix = '**Fixed Bugs:**'
-  config.max_issues = 75
-  config.add_sections = {"New Kits":{"prefix":"**New Kits:**","labels":["new kit"]},"Improvements": {"prefix":"**Improvements:**","labels":["improvement"]},"Breaking": {"prefix":"**Breaking Changes:**","labels":["breaking"]}}
-end

data/lib/tasks/pb_release.rake

@@ -1,88 +0,0 @@
-# frozen_string_literal: true
-
-namespace :pb_release do
-  desc "Update the version number in preparation to release"
-  task version: :environment do
-    puts "\n"
-    puts "*" * 20 + " Create New Playbook Release " + "*" * 20
-    ack = "\nFirst, before creating a new version please make sure you are familiar with SemVer guidlines: "
-    ack += "\nhttps://semver.org/#semantic-versioning-specification-semver. "
-    ack += "\n\nDoing so will ensure the proper version is selected for the release. "
-    ack += "\nSee also: https://github.com/powerhome/playbook/wiki/Releasing-a-New-Version#determining-the-version."
-    ack += "\n\nReady to start? y/N"
-    STDOUT.puts ack
-    agreed = STDIN.gets.chomp.downcase
-
-    if agreed == "y"
-      old_version = Playbook::VERSION
-      STDOUT.puts "What would you like the next release number to be? Currently #{old_version}"
-      new_version = STDIN.gets.chomp
-      puts "Ok great, let's make version #{new_version}"
-      puts "\n\n"
-
-      # Update package.json
-      package = File.read("package.json")
-      new_package = package.gsub(/"version": "#{old_version}",/, "\"version\": \"#{new_version}\",")
-      File.open("package.json", "w") { |file| file.puts new_package }
-      puts "Updated package.json"
-
-      # Update version.rb
-      version_rb = File.read("lib/playbook/version.rb")
-      new_version_rb = version_rb.gsub(/VERSION = "#{old_version}".freeze/, "VERSION = \"#{new_version}\".freeze")
-      File.open("lib/playbook/version.rb", "w") { |file| file.puts new_version_rb }
-      puts "Updated lib/playbook/version.rb"
-
-      # Update gemfile.lock
-      gemfile = File.read("Gemfile.lock")
-      new_gemfile = gemfile.gsub(/playbook_ui \(#{Regexp.escape(old_version)}\)/, "playbook_ui (#{new_version})")
-      File.open("Gemfile.lock", "w") { |file| file.puts new_gemfile }
-      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
-
-  desc "Publish to RubyGems, NPM, and Create a Tag"
-  task push: :environment do
-    version = Playbook::VERSION
-    puts "You about to release version #{version}. Is that correct? (y/N)"
-    input = STDIN.gets.chomp
-    raise Nope unless input.downcase == "y"
-
-    # RubyGems
-    puts "\nCreating Gem..."
-    `gem build playbook_ui.gemspec`
-    puts "\nPushing to RubyGems..."
-    `gem push playbook_ui-#{version}.gem`
-    puts "\nPushed to RubyGems. Now lets clean up..."
-    `rm -rf playbook_ui-*.gem`
-
-    # NPM
-    puts "\nGenerating distribution files"
-    `docker-compose run web yarn release`
-    puts "\nOrganizing distribution files"
-    `rm dist/playbook-rails.css && mv dist/playbook-react.css dist/playbook.css`
-    puts "\nCreating NPM package..."
-    `npm pack`
-    puts "\nPublishing to NPM..."
-    `npm publish playbook-ui-#{version}.tgz`
-    puts "\nPublished to NPM. Now lets clean up..."
-    `rm -rf playbook-ui-*.tgz`
-
-    # Tags
-    puts "\nPushed to NPM. Now lets create a tag..."
-    puts "\nWrite a brief tag release description. You can edit this later on GitHub."
-    description = STDIN.gets.chomp
-    puts "\nCreating Tag..."
-    `git tag -a #{version} -m "#{description}"`
-    puts "\nPushing Tag to GitHub..."
-    `git push origin #{version}`
-
-    puts "\n\n"
-    puts "Complete! Don't forget to add your release notes https://github.com/powerhome/playbook/releases/tag/#{version}"
-  end
-end

data/lib/tasks/playbook_tasks.rake

@@ -1,26 +0,0 @@
-# frozen_string_literal: true
-
-require "webpacker"
-
-namespace :playbook do
-  namespace :webpacker do
-    desc "Install deps with yarn"
-    task :yarn_install do
-      Dir.chdir(File.join(__dir__, "../..")) do
-        system "yarn install --no-progress --production"
-      end
-    end
-
-    desc "Compile JavaScript packs using webpack for production with digests"
-    task compile: %i[yarn_install environment] do
-      ::Webpacker.with_node_env("production") do
-        if Playbook.webpacker.commands.compile
-          # Successful compilation!
-        else
-          # Failed compilation
-          exit!
-        end
-      end
-    end
-  end
-end