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

playbook_ui 6.5.0 → 6.7.0.pre.alpha1

Files changed (319) hide show

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.jsx ADDED

@@ -0,0 +1,101 @@
+/* @flow */
+import React, { useState } from 'react'
+import {
+  Caption,
+  Typeahead,
+  User,
+} from '../..'
+import TypeaheadWithPillsAsyncSummary from './_typeahead_with_pills_async_summary'
+/**
+ *
+ * @const filterResults
+ * @ignore
+ * @returns {[Object]} - a custom mapping of objects, minimally containing
+ * `value` and `label` among other possible fields
+ * @summary - for doc example purposes only
+ */
+const filterResults = (results) =>
+  results.items.map((result) => {
+    return {
+      imageUrl: result.avatar_url, //add the custom field
+      label: result.login,
+      value: result.id,
+    }
+  })
+/**
+ *
+ * @const promiseOptions
+ * @ignore
+ * @returns {Promise} - fetch API data results from Typeahead input text
+ * @see - https://react-select.com/home#async
+ * @summary - for doc example purposes only
+ */
+const promiseOptions = (inputValue) =>
+  new Promise((resolve) => {
+    if (inputValue) {
+      fetch(`https://api.github.com/search/users?q=${inputValue}`)
+        .then((response) => response.json())
+        .then((results) => resolve(filterResults(results)))
+    } else {
+      resolve([])
+    }
+  })
+const TypeaheadWithPillsAsyncUsers = () => {
+  const [users, setUsers] = useState([])
+  const handleOnChange = (value) => setUsers(value)
+  /**
+   *
+   * @const handleOnMultiValueClick {function} - a custom callback for the MultiValue click
+   * @ignore
+   * @returns {null}
+   * @summary - for doc example purposes only
+   */
+  const handleOnMultiValueClick = (value) => {
+    alert(`You removed the user: "${value.label}"`)
+  }
+  return (
+    <>
+      <TypeaheadWithPillsAsyncSummary />
+      <If condition={users && users.length > 0}>
+        <Caption
+            marginBottom="xs"
+            text="State (Users)"
+        />
+        <For
+            each="user"
+            of={users}
+        >
+          <User
+              align="left"
+              avatarUrl={user.imageUrl}
+              key={user.value}
+              marginBottom="md"
+              name={user.label}
+              orientation="horizontal"
+          />
+        </For>
+      </If>
+      <Typeahead
+          async
+          isMulti
+          label="Github Users"
+          loadOptions={promiseOptions}
+          onChange={handleOnChange}
+          onMultiValueClick={handleOnMultiValueClick}
+          placeholder="type the name of a Github user"
+      />
+    </>
+  )
+}
+export default TypeaheadWithPillsAsyncUsers

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_summary.jsx ADDED

@@ -0,0 +1,27 @@
+// @flow
+import React from 'react'
+import { Body, Icon } from '../..'
+const TypeaheadWithPillsSummary = () => {
+  return (
+    <>
+      <Body
+          color="light"
+          marginBottom="lg"
+      >
+        <Icon
+            icon="info-circle"
+            marginRight="xs"
+        />
+        {'Typeahead kit is data-driven. The minimum default fields are '}
+        <code>{'label'}</code>
+        {' and '}
+        <code>{'value'}</code>
+        {'.'}
+      </Body>
+    </>
+  )
+}
+export default TypeaheadWithPillsSummary

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

@@ -1,4 +1,10 @@
 examples:
   rails:
-  - typeahead_default: Default
-  - typeahead_with_context_dark: With Context
+    - typeahead_default: Default
+    - typeahead_with_context_dark: With Context
+  react:
+    - typeahead_default: Default
+    - typeahead_with_pills: With Pills
+    - typeahead_with_pills_async: With Pills (Async Data)
+    - typeahead_with_pills_async_users: With Pills (Async Data w/ Users)

data/app/pb_kits/playbook/pb_typeahead/docs/index.js ADDED

@@ -0,0 +1,4 @@
+export { default as TypeaheadDefault } from './_typeahead_default'
+export { default as TypeaheadWithPills } from './_typeahead_with_pills'
+export { default as TypeaheadWithPillsAsync } from './_typeahead_with_pills_async'
+export { default as TypeaheadWithPillsAsyncUsers } from './_typeahead_with_pills_async_users'

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

@@ -6,8 +6,7 @@ examples:
   - user_text_only: Text Only
   - user_size: Horizontal Size
   - user_vertical_size: Vertical Size
-  - user_dark: Dark
-  - user_text_only_dark: Text Only
@@ -17,5 +16,3 @@ examples:
   - user_text_only: Text Only
   - user_size: Horizontal Size
   - user_vertical_size: Vertical Size
-  - user_dark: Dark
-  - user_text_only_dark: Text Only

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

@@ -3,6 +3,3 @@ export { default as UserWithTerritory } from './_user_with_territory.jsx'
 export { default as UserTextOnly } from './_user_text_only.jsx'
 export { default as UserSize } from './_user_size.jsx'
 export { default as UserVerticalSize } from './_user_vertical_size.jsx'
-export { default as UserDark } from './_user_dark.jsx'
-export { default as UserTextOnlyDark } from './_user_text_only_dark.jsx'

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

@@ -3,12 +3,7 @@ examples:
   rails:
   - user_badge_default: Default
   - user_badge_size: Sizes
-  - user_badge_dark: Dark
-  - user_badge_size_dark: Sizes Dark
   react:
   - user_badge_default: Default
   - user_badge_size: Sizes
-  - user_badge_dark: Dark
-  - user_badge_size_dark: Sizes Dark

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

@@ -1,4 +1,3 @@
 export { default as UserBadgeDefault } from './_user_badge_default.jsx'
 export { default as UserBadgeSize } from './_user_badge_size.jsx'
-export { default as UserBadgeDark } from './_user_badge_dark.jsx'
 export { default as UserBadgeSizeDark } from './_user_badge_size_dark.jsx'

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/pb_kits/playbook/tokens/_typography.scss CHANGED

@@ -39,9 +39,9 @@ $heading_4: $font_base;
 // Letter Spacing
-$lspace_tightest:         _.1em;
-$lspace_tighter:          _.07em;
-$lspace_tight:            _.03em;
+$lspace_tightest:         -.1em;
+$lspace_tighter:          -.07em;
+$lspace_tight:            -.03em;
 $lspace_normal:           0;
 $lspace_loose:            .03em;
 $lspace_looser:           .07em;

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.5.0"
+  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.5.0
+  version: 6.7.0.pre.alpha1
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-09-08 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
@@ -704,6 +677,8 @@ files:
 - app/pb_kits/playbook/pb_date/date.rb
 - 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_timezone.html.erb
+- app/pb_kits/playbook/pb_date/docs/_date_timezone.md
 - app/pb_kits/playbook/pb_date/docs/_description.md
 - app/pb_kits/playbook/pb_date/docs/example.yml
 - app/pb_kits/playbook/pb_date/docs/index.js
@@ -712,6 +687,9 @@ files:
 - app/pb_kits/playbook/pb_date_picker/_date_picker.scss
 - app/pb_kits/playbook/pb_date_picker/date_picker.rb
 - app/pb_kits/playbook/pb_date_picker/date_picker_helper.js
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.html.erb
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.jsx
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.md
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_dark.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_dark.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb
@@ -740,9 +718,6 @@ files:
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_read_only.html.erb
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_read_only.jsx
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_read_only.md
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_year_range.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_year_range.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_year_range.md
@@ -971,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
@@ -995,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
@@ -1097,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
@@ -1155,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
@@ -1191,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
@@ -1221,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
@@ -1245,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
@@ -1258,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
@@ -1300,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
@@ -1338,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
@@ -1378,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
@@ -1416,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
@@ -1435,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
@@ -1452,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
@@ -1474,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
@@ -1502,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
@@ -1518,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
@@ -1530,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
@@ -1593,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
@@ -1644,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
@@ -1666,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
@@ -1685,13 +1592,16 @@ files:
 - app/pb_kits/playbook/pb_time/_time.scss
 - app/pb_kits/playbook/pb_time/docs/_description.md
 - 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.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
+- app/pb_kits/playbook/pb_time/docs/_time_sizes.html.erb
+- app/pb_kits/playbook/pb_time/docs/_time_sizes.jsx
 - app/pb_kits/playbook/pb_time/docs/_time_timestamp.html.erb
 - app/pb_kits/playbook/pb_time/docs/_time_timestamp.jsx
+- app/pb_kits/playbook/pb_time/docs/_time_timezone.html.erb
 - app/pb_kits/playbook/pb_time/docs/_time_timezone.jsx
 - app/pb_kits/playbook/pb_time/docs/_time_timezone.md
 - app/pb_kits/playbook/pb_time/docs/example.yml
@@ -1700,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
@@ -1712,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
@@ -1752,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
@@ -1769,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
@@ -1784,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
@@ -1818,12 +1716,27 @@ files:
 - app/pb_kits/playbook/pb_tooltip/index.js
 - app/pb_kits/playbook/pb_tooltip/tooltip.rb
 - app/pb_kits/playbook/pb_typeahead/_typeahead.html.erb
+- app/pb_kits/playbook/pb_typeahead/_typeahead.jsx
 - app/pb_kits/playbook/pb_typeahead/_typeahead.scss
+- app/pb_kits/playbook/pb_typeahead/components/Control.jsx
+- app/pb_kits/playbook/pb_typeahead/components/IndicatorsContainer.jsx
+- app/pb_kits/playbook/pb_typeahead/components/MenuList.jsx
+- app/pb_kits/playbook/pb_typeahead/components/MultiValue.jsx
+- app/pb_kits/playbook/pb_typeahead/components/Option.jsx
+- app/pb_kits/playbook/pb_typeahead/components/Placeholder.jsx
+- 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_default.html.erb
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_context_dark.html.erb
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.jsx
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_summary.jsx
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.jsx
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_summary.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/example.yml
+- app/pb_kits/playbook/pb_typeahead/docs/index.js
 - app/pb_kits/playbook/pb_typeahead/index.js
 - app/pb_kits/playbook/pb_typeahead/typeahead.rb
 - app/pb_kits/playbook/pb_user/_user.html.erb
@@ -1831,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
@@ -1855,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
@@ -1872,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
@@ -1919,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
@@ -1991,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.4
+rubyforge_project:
+rubygems_version: 2.7.3
 signing_key:
 specification_version: 4
 summary: Playbook Design System