RubyGems - playbook_ui - Versions diffs - 6.6.1 → 6.7.0.pre.alpha1 - Mend

playbook_ui 6.6.1 → 6.7.0.pre.alpha1

Files changed (266) hide show

data/app/pb_kits/playbook/pb_weekday_stacked/docs/example.yml CHANGED

@@ -2,14 +2,11 @@ examples:
   rails:
   - weekday_stacked_default: Default
-  - weekday_stacked_dark: Dark
   - weekday_stacked_compact: Compact
   - weekday_stacked_variant: Variant
   react:
   - weekday_stacked_default: Default
-  - weekday_stacked_dark: Dark
   - weekday_stacked_compact: Compact
   - weekday_stacked_variant: Variant

data/app/pb_kits/playbook/pb_weekday_stacked/docs/index.js CHANGED

@@ -1,4 +1,3 @@
 export { default as WeekdayStackedDefault } from './_weekday_stacked_default.jsx'
-export { default as WeekdayStackedDark } from './_weekday_stacked_dark.jsx'
 export { default as WeekdayStackedVariant } from './_weekday_stacked_variant.jsx'
 export { default as WeekdayStackedCompact } from './_weekday_stacked_compact.jsx'

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

@@ -55,7 +55,7 @@ $main_colors: (
 // Background colors ------------------
 $bg_light:            $silver;
-$bg_dark:             #172257;
+$bg_dark:             #0a0527;
 $background_colors: (
   bg_light:           $bg_light,
   bg_dark:            $bg_dark

data/app/views/layouts/playbook/_nav.html.erb CHANGED

@@ -1,12 +1,36 @@
-<div class="pb--page--topNav">
-  <h1>
-    <%= link_to root_url do %>
-      <%= image_tag("pb.logo.svg") %>
+<div class="pb--page--topNav <%= cookies[:dark_mode] == "true" ? 'dark' : '' %>">
+<% if @playbook.nil?%>
+  <p>playbok is nil</p>
+<% end %>
+  <%= pb_rails("flex", props:{spacing:"between",vertical: "center"}) do%>
+     <%= pb_rails("flex", props:{spacing:"between",vertical: "center"}) do%>
+      <%= link_to root_url do %>
+        <%= image_tag("pb.logo.svg") %>
+      <% end %>
+      <%= pb_rails("caption", props: { tag: "span", text: Playbook::VERSION }) %>
+      <% end %>
+    <div id="toggle-modes">
+    <% if cookies[:dark_mode] == "false" || cookies[:dark_mode] == nil%>
+      <%= pb_rails("circle_icon_button", props: {
+        variant: "secondary",
+        icon: "moon",
+        tag:"a",
+        link: enable_dark_mode_path
+      }) %>
+      <% else %>
+      <%= pb_rails("circle_icon_button", props: {
+        variant: "secondary",
+        icon: "sun",
+        tag:"a",
+        link: disable_dark_mode_path
+      }) %>
+    <% end %>
     <% end %>
-    &nbsp;
-    <%= pb_rails("caption", props: { tag: "span", text: Playbook::VERSION }) %>
-  </h1>
+  </div>
 </div>
+<%= pb_rails("section_separator")%>
 <% flash.each do |name, msg| %>
   <% name = "success" if name == "notice" %>
   <%= pb_rails("fixed_confirmation_toast", props: { text: msg, status: name }) %>

data/app/views/layouts/playbook/_sidebar.html.erb CHANGED

@@ -1,8 +1,9 @@
-<br>
 <%= pb_rails("nav", props: {
   title: "Kits",
   link: all_link(@type),
-  variant: "subtle"
+  variant: "subtle",
+  padding_y: "sm"
 }) do %>
   <% pb_rails("nav/item", props: {
     text: "All",
@@ -39,14 +40,12 @@
     <% end %>
   <% end %>
 <% end %>
-<br>
 <%= pb_rails("section_separator") %>
-<br>
-<%= pb_rails("nav", props: {title: "Tokens", link: utilities_path}) do %>
+<%= pb_rails("nav", props: {title: "Tokens", link: utilities_path, padding_y:"sm", variant:"subtle"}) do %>
   <% color_active = (controller_name == 'pages' && action_name == 'utilities') ? true : false %>
   <%= pb_rails("nav/item", props: { text: "Colors", link: utilities_path, active: color_active }) %>
   <% spacing_active = (controller_name == 'pages' && action_name == 'tokens') ? true : false %>
   <%= pb_rails("nav/item", props: { text: "Spacing", link: tokens_path, active: spacing_active }) %>
 <% end %>
-<br>
-<br>

data/app/views/layouts/playbook/application.html.erb ADDED

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title> Playbook Design System </title>
+    <%= csrf_meta_tags%>
+    <%= csp_meta_tag%>
+    <%= stylesheet_packs_with_chunks_tag 'main' %>
+    <meta content="user-scalable=0, initial-scale=1.0, minimum-scale=1" name="viewport"></meta>
+  </head>
+  <body>
+    <%= render 'layouts/playbook/nav'%>
+    <%= pb_rails("layout", props: {classname: "pb--page--content",variant: cookies[:dark_mode] == "true" ? 'dark' : 'light' }) do%>
+      <%= render 'layouts/playbook/mobile_hamburger'%>
+      <%= pb_rails("layout/sidebar", props: { classname: "pb--page--sideNav"}) do%>
+        <%= render 'layouts/playbook/sidebar'%>
+      <% end%>
+      <%= pb_rails("layout/body") do%>
+        <div class="pb--page--content--main <%= cookies[:dark_mode] == "true" ? 'dark' : '' %>">
+          <%= yield %>
+        </div>
+      <% end %>
+    <%end%>
+  </body>
+  <%= javascript_include_tag "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js" %>
+  <%= javascript_packs_with_chunks_tag 'application', 'examples' %>
+  <%= yield :pb_js %>

data/app/views/playbook/pages/kit_show.html.erb CHANGED

@@ -1,6 +1,6 @@
-<div class="pb--kit-show #{@kit}-kit">
+<div class="pb--kit-show <%=@kit%>-kit">
   <%= pb_rails("title", props: { text: pb_kit_title(@kit), tag: "h1", size: 1 }) %>
-  <div class="markdown">
+  <div class="markdown <%= cookies[:dark_mode] == "true" ? 'dark' : '' %>">
     <%= markdown(get_kit_description(@kit)) %>
   </div>
 </div>
@@ -18,14 +18,14 @@
   </div>
   <% if (action_name == "kit_show_rails") %>
     <%= pb_kit(kit: @kit) %>
-    <div class="markdown">
+    <div class="markdown <%= cookies[:dark_mode]== "true" ? 'dark' : '' %>">
       <br>
       <%= markdown(get_kit_footer(@kit)) %>
     </div>
     <%= pb_kit_api(@kit) %>
   <% else %>
     <%= pb_kit(kit: @kit, type: "react") %>
-    <div class="markdown">
+    <div class="markdown <%= cookies[:dark_mode] == "true" ? 'dark' : '' %>">
       <br>
       <%= markdown(get_kit_footer(@kit)) %>
     </div>

data/lib/playbook/version.rb CHANGED

@@ -1,5 +1,4 @@
 # frozen_string_literal: true
 module Playbook
-  VERSION = "6.6.1"
+  VERSION = "6.7.0.pre.alpha1"
 end

metadata CHANGED

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 6.6.1
+  version: 6.7.0.pre.alpha1
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-09-16 00:00:00.000000000 Z
+date: 2020-09-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -455,22 +455,13 @@ files:
 - app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.rb
 - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.html.erb
 - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions_dark.html.erb
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions_dark.jsx
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_dark.html.erb
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_dark.jsx
 - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.html.erb
 - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx
 - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click_dark.html.erb
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click_dark.jsx
 - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_onclick.html.erb
 - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.html.erb
 - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement_dark.html.erb
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement_dark.jsx
 - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip_dark.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_badge/_badge.html.erb
@@ -479,8 +470,6 @@ files:
 - app/pb_kits/playbook/pb_badge/badge.rb
 - app/pb_kits/playbook/pb_badge/docs/_badge_colors.html.erb
 - app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
-- app/pb_kits/playbook/pb_badge/docs/_badge_dark.html.erb
-- app/pb_kits/playbook/pb_badge/docs/_badge_dark.jsx
 - app/pb_kits/playbook/pb_badge/docs/_badge_default.html.erb
 - app/pb_kits/playbook/pb_badge/docs/_badge_default.jsx
 - app/pb_kits/playbook/pb_badge/docs/_badge_rounded.html.erb
@@ -511,8 +500,6 @@ files:
 - app/pb_kits/playbook/pb_body/body.rb
 - app/pb_kits/playbook/pb_body/docs/_body_block.html.erb
 - app/pb_kits/playbook/pb_body/docs/_body_block.jsx
-- app/pb_kits/playbook/pb_body/docs/_body_dark.html.erb
-- app/pb_kits/playbook/pb_body/docs/_body_dark.jsx
 - app/pb_kits/playbook/pb_body/docs/_body_light.html.erb
 - app/pb_kits/playbook/pb_body/docs/_body_light.jsx
 - app/pb_kits/playbook/pb_body/docs/_description.md
@@ -531,8 +518,6 @@ files:
 - app/pb_kits/playbook/pb_button/docs/_button_default.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_default.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_default.md
-- app/pb_kits/playbook/pb_button/docs/_button_default_dark.html.erb
-- app/pb_kits/playbook/pb_button/docs/_button_default_dark.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_full_width.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_full_width.md
@@ -566,8 +551,6 @@ files:
 - app/pb_kits/playbook/pb_caption/_caption.scss
 - app/pb_kits/playbook/pb_caption/_caption_mixin.scss
 - app/pb_kits/playbook/pb_caption/caption.rb
-- app/pb_kits/playbook/pb_caption/docs/_caption_dark.html.erb
-- app/pb_kits/playbook/pb_caption/docs/_caption_dark.jsx
 - app/pb_kits/playbook/pb_caption/docs/_caption_light.html.erb
 - app/pb_kits/playbook/pb_caption/docs/_caption_light.jsx
 - app/pb_kits/playbook/pb_caption/docs/_caption_variants.html.erb
@@ -591,8 +574,6 @@ files:
 - app/pb_kits/playbook/pb_card/docs/_card_border_none.md
 - app/pb_kits/playbook/pb_card/docs/_card_content.html.erb
 - app/pb_kits/playbook/pb_card/docs/_card_content.jsx
-- app/pb_kits/playbook/pb_card/docs/_card_dark.html.erb
-- app/pb_kits/playbook/pb_card/docs/_card_dark.jsx
 - app/pb_kits/playbook/pb_card/docs/_card_header.html.erb
 - app/pb_kits/playbook/pb_card/docs/_card_header.jsx
 - app/pb_kits/playbook/pb_card/docs/_card_header.md
@@ -619,10 +600,6 @@ files:
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_checked.jsx
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_custom.html.erb
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_custom.jsx
-- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_dark.html.erb
-- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_dark.jsx
-- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_dark_error.html.erb
-- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_dark_error.jsx
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default.html.erb
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default.jsx
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.html.erb
@@ -647,8 +624,6 @@ files:
 - app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss
 - app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.rb
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_click.jsx
-- app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_dark.html.erb
-- app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_dark.jsx
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.html.erb
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.jsx
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.html.erb
@@ -672,8 +647,6 @@ files:
 - app/pb_kits/playbook/pb_currency/_currency.jsx
 - app/pb_kits/playbook/pb_currency/_currency.scss
 - app/pb_kits/playbook/pb_currency/currency.rb
-- app/pb_kits/playbook/pb_currency/docs/_currency_dark.html.erb
-- app/pb_kits/playbook/pb_currency/docs/_currency_dark.jsx
 - app/pb_kits/playbook/pb_currency/docs/_currency_large.html.erb
 - app/pb_kits/playbook/pb_currency/docs/_currency_large.jsx
 - app/pb_kits/playbook/pb_currency/docs/_currency_medium.html.erb
@@ -973,8 +946,6 @@ files:
 - app/pb_kits/playbook/pb_hashtag/_hashtag.scss
 - app/pb_kits/playbook/pb_hashtag/docs/_description.md
 - app/pb_kits/playbook/pb_hashtag/docs/_footer.md
-- app/pb_kits/playbook/pb_hashtag/docs/_hashtag_dark.html.erb
-- app/pb_kits/playbook/pb_hashtag/docs/_hashtag_dark.jsx
 - app/pb_kits/playbook/pb_hashtag/docs/_hashtag_default.html.erb
 - app/pb_kits/playbook/pb_hashtag/docs/_hashtag_default.jsx
 - app/pb_kits/playbook/pb_hashtag/docs/example.yml
@@ -997,8 +968,6 @@ files:
 - app/pb_kits/playbook/pb_home_address_street/_street_emphasis.html.erb
 - app/pb_kits/playbook/pb_home_address_street/docs/_description.md
 - app/pb_kits/playbook/pb_home_address_street/docs/_footer.md
-- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_dark.html.erb
-- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_dark.jsx
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_default.html.erb
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_default.jsx
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_default.md
@@ -1099,20 +1068,14 @@ files:
 - app/pb_kits/playbook/pb_label_value/_label_value.scss
 - app/pb_kits/playbook/pb_label_value/docs/_description.md
 - app/pb_kits/playbook/pb_label_value/docs/_footer.md
-- app/pb_kits/playbook/pb_label_value/docs/_label_value_dark.html.erb
-- app/pb_kits/playbook/pb_label_value/docs/_label_value_dark.jsx
 - app/pb_kits/playbook/pb_label_value/docs/_label_value_default.html.erb
 - app/pb_kits/playbook/pb_label_value/docs/_label_value_default.jsx
 - app/pb_kits/playbook/pb_label_value/docs/_label_value_default.md
 - app/pb_kits/playbook/pb_label_value/docs/_label_value_details.html.erb
 - app/pb_kits/playbook/pb_label_value/docs/_label_value_details.jsx
 - app/pb_kits/playbook/pb_label_value/docs/_label_value_details.md
-- app/pb_kits/playbook/pb_label_value/docs/_label_value_details_dark.html.erb
-- app/pb_kits/playbook/pb_label_value/docs/_label_value_details_dark.jsx
 - app/pb_kits/playbook/pb_label_value/docs/_label_value_details_examples.html.erb
 - app/pb_kits/playbook/pb_label_value/docs/_label_value_details_examples.jsx
-- app/pb_kits/playbook/pb_label_value/docs/_label_value_details_examples_dark.html.erb
-- app/pb_kits/playbook/pb_label_value/docs/_label_value_details_examples_dark.jsx
 - app/pb_kits/playbook/pb_label_value/docs/example.yml
 - app/pb_kits/playbook/pb_label_value/docs/index.js
 - app/pb_kits/playbook/pb_label_value/label_value.rb
@@ -1157,10 +1120,6 @@ files:
 - app/pb_kits/playbook/pb_legend/_legend.scss
 - app/pb_kits/playbook/pb_legend/docs/_description.md
 - app/pb_kits/playbook/pb_legend/docs/_footer.md
-- app/pb_kits/playbook/pb_legend/docs/_legend_dark.html.erb
-- app/pb_kits/playbook/pb_legend/docs/_legend_dark.jsx
-- app/pb_kits/playbook/pb_legend/docs/_legend_dark_prefix.html.erb
-- app/pb_kits/playbook/pb_legend/docs/_legend_dark_prefix.jsx
 - app/pb_kits/playbook/pb_legend/docs/_legend_default.html.erb
 - app/pb_kits/playbook/pb_legend/docs/_legend_default.jsx
 - app/pb_kits/playbook/pb_legend/docs/_legend_prefix.html.erb
@@ -1193,16 +1152,6 @@ files:
 - app/pb_kits/playbook/pb_list/docs/_description.md
 - app/pb_kits/playbook/pb_list/docs/_list_borderless.html.erb
 - app/pb_kits/playbook/pb_list/docs/_list_borderless.jsx
-- app/pb_kits/playbook/pb_list/docs/_list_dark.html.erb
-- app/pb_kits/playbook/pb_list/docs/_list_dark.jsx
-- app/pb_kits/playbook/pb_list/docs/_list_dark_borderless.html.erb
-- app/pb_kits/playbook/pb_list/docs/_list_dark_borderless.jsx
-- app/pb_kits/playbook/pb_list/docs/_list_dark_lg.html.erb
-- app/pb_kits/playbook/pb_list/docs/_list_dark_lg.jsx
-- app/pb_kits/playbook/pb_list/docs/_list_dark_ordered.html.erb
-- app/pb_kits/playbook/pb_list/docs/_list_dark_ordered.jsx
-- app/pb_kits/playbook/pb_list/docs/_list_dark_xpadding.html.erb
-- app/pb_kits/playbook/pb_list/docs/_list_dark_xpadding.jsx
 - app/pb_kits/playbook/pb_list/docs/_list_default.html.erb
 - app/pb_kits/playbook/pb_list/docs/_list_default.jsx
 - app/pb_kits/playbook/pb_list/docs/_list_layout_left.html.erb
@@ -1223,8 +1172,6 @@ files:
 - app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
 - app/pb_kits/playbook/pb_loading_inline/_loading_inline.scss
 - app/pb_kits/playbook/pb_loading_inline/docs/_description.md
-- app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_dark.html.erb
-- app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_dark.jsx
 - app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_light.html.erb
 - app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_light.jsx
 - app/pb_kits/playbook/pb_loading_inline/docs/example.yml
@@ -1247,8 +1194,6 @@ files:
 - app/pb_kits/playbook/pb_multiple_users/_multiple_users.jsx
 - app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss
 - app/pb_kits/playbook/pb_multiple_users/docs/_description.md
-- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_dark.html.erb
-- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_dark.jsx
 - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default.html.erb
 - 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
@@ -1260,8 +1205,6 @@ files:
 - app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.jsx
 - app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.scss
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_description.md
-- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_dark.html.erb
-- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_dark.jsx
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default.html.erb
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default.jsx
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml
@@ -1302,8 +1245,6 @@ files:
 - app/pb_kits/playbook/pb_online_status/_online_status.scss
 - app/pb_kits/playbook/pb_online_status/_online_status_mixins.scss
 - app/pb_kits/playbook/pb_online_status/docs/_description.md
-- app/pb_kits/playbook/pb_online_status/docs/_online_status_dark.html.erb
-- app/pb_kits/playbook/pb_online_status/docs/_online_status_dark.jsx
 - app/pb_kits/playbook/pb_online_status/docs/_online_status_default.html.erb
 - app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx
 - app/pb_kits/playbook/pb_online_status/docs/example.yml
@@ -1340,8 +1281,6 @@ files:
 - app/pb_kits/playbook/pb_pill/_pill.jsx
 - app/pb_kits/playbook/pb_pill/_pill.scss
 - app/pb_kits/playbook/pb_pill/docs/_description.md
-- app/pb_kits/playbook/pb_pill/docs/_pill_dark.html.erb
-- app/pb_kits/playbook/pb_pill/docs/_pill_dark.jsx
 - app/pb_kits/playbook/pb_pill/docs/_pill_default.html.erb
 - app/pb_kits/playbook/pb_pill/docs/_pill_default.jsx
 - app/pb_kits/playbook/pb_pill/docs/example.yml
@@ -1380,14 +1319,10 @@ files:
 - app/pb_kits/playbook/pb_progress_pills/_progress_pills.jsx
 - app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
 - app/pb_kits/playbook/pb_progress_pills/docs/_description.md
-- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_dark.html.erb
-- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_dark.jsx
 - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.html.erb
 - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx
 - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.html.erb
 - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.jsx
-- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status_dark.html.erb
-- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status_dark.jsx
 - app/pb_kits/playbook/pb_progress_pills/docs/example.yml
 - app/pb_kits/playbook/pb_progress_pills/docs/index.js
 - app/pb_kits/playbook/pb_progress_pills/progress_pills.rb
@@ -1418,8 +1353,6 @@ files:
 - app/pb_kits/playbook/pb_progress_step/_progress_step_item.html.erb
 - app/pb_kits/playbook/pb_progress_step/_progress_step_item.jsx
 - app/pb_kits/playbook/pb_progress_step/docs/_description.md
-- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_dark.html.erb
-- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_dark.jsx
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.html.erb
@@ -1437,10 +1370,6 @@ files:
 - app/pb_kits/playbook/pb_radio/docs/_footer.md
 - app/pb_kits/playbook/pb_radio/docs/_radio_custom.html.erb
 - app/pb_kits/playbook/pb_radio/docs/_radio_custom.jsx
-- app/pb_kits/playbook/pb_radio/docs/_radio_dark.html.erb
-- app/pb_kits/playbook/pb_radio/docs/_radio_dark.jsx
-- app/pb_kits/playbook/pb_radio/docs/_radio_dark_error.html.erb
-- app/pb_kits/playbook/pb_radio/docs/_radio_dark_error.jsx
 - app/pb_kits/playbook/pb_radio/docs/_radio_default.html.erb
 - app/pb_kits/playbook/pb_radio/docs/_radio_default.jsx
 - app/pb_kits/playbook/pb_radio/docs/_radio_error.html.erb
@@ -1454,8 +1383,6 @@ files:
 - app/pb_kits/playbook/pb_section_separator/_section_separator.scss
 - app/pb_kits/playbook/pb_section_separator/docs/_description.md
 - app/pb_kits/playbook/pb_section_separator/docs/_footer.md
-- app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dark.html.erb
-- app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dark.jsx
 - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_line.html.erb
 - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_line.jsx
 - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_text.html.erb
@@ -1476,10 +1403,6 @@ files:
 - app/pb_kits/playbook/pb_select/docs/_select_blank.jsx
 - app/pb_kits/playbook/pb_select/docs/_select_custom_select.html.erb
 - app/pb_kits/playbook/pb_select/docs/_select_custom_select.jsx
-- app/pb_kits/playbook/pb_select/docs/_select_dark.html.erb
-- app/pb_kits/playbook/pb_select/docs/_select_dark.jsx
-- app/pb_kits/playbook/pb_select/docs/_select_dark_error.html.erb
-- app/pb_kits/playbook/pb_select/docs/_select_dark_error.jsx
 - app/pb_kits/playbook/pb_select/docs/_select_default.html.erb
 - app/pb_kits/playbook/pb_select/docs/_select_default.jsx
 - app/pb_kits/playbook/pb_select/docs/_select_disabled.html.erb
@@ -1504,8 +1427,6 @@ files:
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_block.html.erb
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_block.jsx
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_block.md
-- app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_dark.html.erb
-- app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_dark.jsx
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.html.erb
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.jsx
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.md
@@ -1520,8 +1441,6 @@ files:
 - app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.scss
 - app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_checkmark.html.erb
 - app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_checkmark.jsx
-- app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_dark.html.erb
-- app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_dark.jsx
 - app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_default.html.erb
 - app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_default.jsx
 - app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_single_select.html.erb
@@ -1532,8 +1451,6 @@ files:
 - app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.html.erb
 - app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.jsx
 - app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
-- app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_dark.html.erb
-- app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_dark.jsx
 - app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.html.erb
 - app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.jsx
 - app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_single_select.html.erb
@@ -1595,10 +1512,6 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_description.md
 - app/pb_kits/playbook/pb_table/docs/_table_container.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_container.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_container_dark.html.erb
-- app/pb_kits/playbook/pb_table/docs/_table_container_dark.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_dark.html.erb
-- app/pb_kits/playbook/pb_table/docs/_table_dark.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_data_table.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_data_table.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_disable_hover.html.erb
@@ -1646,10 +1559,6 @@ files:
 - app/pb_kits/playbook/pb_text_input/docs/_footer.md
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
-- app/pb_kits/playbook/pb_text_input/docs/_text_input_dark.html.erb
-- app/pb_kits/playbook/pb_text_input/docs/_text_input_dark.jsx
-- app/pb_kits/playbook/pb_text_input/docs/_text_input_dark_error.html.erb
-- app/pb_kits/playbook/pb_text_input/docs/_text_input_dark_error.jsx
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_default.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.html.erb
@@ -1668,10 +1577,6 @@ files:
 - app/pb_kits/playbook/pb_textarea/docs/_footer.md
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_custom.html.erb
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_custom.jsx
-- app/pb_kits/playbook/pb_textarea/docs/_textarea_dark.html.erb
-- app/pb_kits/playbook/pb_textarea/docs/_textarea_dark.jsx
-- app/pb_kits/playbook/pb_textarea/docs/_textarea_dark_error.html.erb
-- app/pb_kits/playbook/pb_textarea/docs/_textarea_dark_error.jsx
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_default.html.erb
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_error.html.erb
@@ -1689,8 +1594,6 @@ files:
 - app/pb_kits/playbook/pb_time/docs/_footer.md
 - app/pb_kits/playbook/pb_time/docs/_time_align.html.erb
 - app/pb_kits/playbook/pb_time/docs/_time_align.jsx
-- app/pb_kits/playbook/pb_time/docs/_time_dark.html.erb
-- app/pb_kits/playbook/pb_time/docs/_time_dark.jsx
 - app/pb_kits/playbook/pb_time/docs/_time_default.html.erb
 - app/pb_kits/playbook/pb_time/docs/_time_default.jsx
 - app/pb_kits/playbook/pb_time/docs/_time_default.md
@@ -1707,8 +1610,6 @@ files:
 - app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.html.erb
 - app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.jsx
 - app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.scss
-- app/pb_kits/playbook/pb_time_range_inline/docs/_time_range_inline_dark.html.erb
-- app/pb_kits/playbook/pb_time_range_inline/docs/_time_range_inline_dark.jsx
 - app/pb_kits/playbook/pb_time_range_inline/docs/_time_range_inline_default.html.erb
 - app/pb_kits/playbook/pb_time_range_inline/docs/_time_range_inline_default.jsx
 - app/pb_kits/playbook/pb_time_range_inline/docs/example.yml
@@ -1719,8 +1620,6 @@ files:
 - app/pb_kits/playbook/pb_time_stacked/_time_stacked.scss
 - app/pb_kits/playbook/pb_time_stacked/docs/_time_stacked_caption.html.erb
 - app/pb_kits/playbook/pb_time_stacked/docs/_time_stacked_caption.jsx
-- app/pb_kits/playbook/pb_time_stacked/docs/_time_stacked_dark.html.erb
-- app/pb_kits/playbook/pb_time_stacked/docs/_time_stacked_dark.jsx
 - app/pb_kits/playbook/pb_time_stacked/docs/_time_stacked_default.html.erb
 - app/pb_kits/playbook/pb_time_stacked/docs/_time_stacked_default.jsx
 - app/pb_kits/playbook/pb_time_stacked/docs/example.yml
@@ -1759,8 +1658,6 @@ files:
 - app/pb_kits/playbook/pb_title/_title.scss
 - app/pb_kits/playbook/pb_title/_title_mixin.scss
 - app/pb_kits/playbook/pb_title/docs/_description.md
-- app/pb_kits/playbook/pb_title/docs/_title_dark.html.erb
-- app/pb_kits/playbook/pb_title/docs/_title_dark.jsx
 - app/pb_kits/playbook/pb_title/docs/_title_light.html.erb
 - app/pb_kits/playbook/pb_title/docs/_title_light.jsx
 - app/pb_kits/playbook/pb_title/docs/_title_variants.html.erb
@@ -1776,10 +1673,6 @@ files:
 - app/pb_kits/playbook/pb_title_count/docs/_footer.md
 - app/pb_kits/playbook/pb_title_count/docs/_title_count_align.html.erb
 - app/pb_kits/playbook/pb_title_count/docs/_title_count_align.jsx
-- app/pb_kits/playbook/pb_title_count/docs/_title_count_align_dark.html.erb
-- app/pb_kits/playbook/pb_title_count/docs/_title_count_align_dark.jsx
-- app/pb_kits/playbook/pb_title_count/docs/_title_count_dark.html.erb
-- app/pb_kits/playbook/pb_title_count/docs/_title_count_dark.jsx
 - app/pb_kits/playbook/pb_title_count/docs/_title_count_default.html.erb
 - app/pb_kits/playbook/pb_title_count/docs/_title_count_default.jsx
 - app/pb_kits/playbook/pb_title_count/docs/_title_count_default.md
@@ -1791,8 +1684,6 @@ files:
 - app/pb_kits/playbook/pb_title_detail/_title_detail.scss
 - app/pb_kits/playbook/pb_title_detail/docs/_description.md
 - app/pb_kits/playbook/pb_title_detail/docs/_footer.md
-- app/pb_kits/playbook/pb_title_detail/docs/_title_detail_dark.html.erb
-- app/pb_kits/playbook/pb_title_detail/docs/_title_detail_dark.jsx
 - app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.html.erb
 - app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.jsx
 - app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.md
@@ -1853,16 +1744,12 @@ files:
 - app/pb_kits/playbook/pb_user/_user.scss
 - app/pb_kits/playbook/pb_user/docs/_description.md
 - app/pb_kits/playbook/pb_user/docs/_footer.md
-- app/pb_kits/playbook/pb_user/docs/_user_dark.html.erb
-- app/pb_kits/playbook/pb_user/docs/_user_dark.jsx
 - app/pb_kits/playbook/pb_user/docs/_user_default.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_default.jsx
 - app/pb_kits/playbook/pb_user/docs/_user_size.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_size.jsx
 - app/pb_kits/playbook/pb_user/docs/_user_text_only.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_text_only.jsx
-- app/pb_kits/playbook/pb_user/docs/_user_text_only_dark.html.erb
-- app/pb_kits/playbook/pb_user/docs/_user_text_only_dark.jsx
 - app/pb_kits/playbook/pb_user/docs/_user_vertical_size.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_vertical_size.jsx
 - app/pb_kits/playbook/pb_user/docs/_user_with_territory.html.erb
@@ -1877,8 +1764,6 @@ files:
 - app/pb_kits/playbook/pb_user_badge/badges/_veteran.svg
 - app/pb_kits/playbook/pb_user_badge/docs/_description.md
 - app/pb_kits/playbook/pb_user_badge/docs/_footer.md
-- app/pb_kits/playbook/pb_user_badge/docs/_user_badge_dark.html.erb
-- app/pb_kits/playbook/pb_user_badge/docs/_user_badge_dark.jsx
 - app/pb_kits/playbook/pb_user_badge/docs/_user_badge_default.html.erb
 - app/pb_kits/playbook/pb_user_badge/docs/_user_badge_default.jsx
 - app/pb_kits/playbook/pb_user_badge/docs/_user_badge_default.md
@@ -1894,8 +1779,6 @@ files:
 - app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.scss
 - app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_compact.html.erb
 - app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_compact.jsx
-- app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_dark.html.erb
-- app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_dark.jsx
 - app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_default.html.erb
 - app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_default.jsx
 - app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_variant.html.erb
@@ -1941,7 +1824,7 @@ files:
 - 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/application.html.erb
 - app/views/layouts/playbook/fullscreen.html.slim
 - app/views/layouts/playbook/grid.html.slim
 - app/views/layouts/playbook/samples.html.erb
@@ -2013,11 +1896,12 @@ 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.2
+rubyforge_project:
+rubygems_version: 2.7.3
 signing_key:
 specification_version: 4
 summary: Playbook Design System