RubyGems - playbook_ui - Versions diffs - 7.0.0.pre.alpha7 → 7.0.0 - Mend

playbook_ui 7.0.0.pre.alpha7 → 7.0.0

Files changed (471) hide show

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

@@ -0,0 +1,45 @@
+/* @flow */
+import React from 'react'
+import { Body, Flex, FlexItem, Icon } from '../..'
+const TypeaheadWithPillsAsyncSummary = () => {
+  return (
+    <>
+      <Flex
+          marginBottom="lg"
+          vertical="center"
+      >
+        <FlexItem>
+          <Body
+              color="light"
+          >
+            <Icon
+                icon="info-circle"
+                marginRight="xs"
+            />
+          </Body>
+        </FlexItem>
+        <FlexItem>
+          <Body
+              color="light"
+          >
+            {'If the data field '}
+            <code>{'imageUrl'}</code>
+            {' is present, '}
+            <code>{'FormPill'}</code>
+            {' will receive that field as a prop and display the image. '}
+            <br />
+            {'Additionally, you can also leverage the callback prop: '}
+            <code>{'onMultiValueClick'}</code>
+            {' to perform custom work when a '}
+            <code>{'MultiValue'}</code>
+            {' item is clicked.'}
+          </Body>
+        </FlexItem>
+      </Flex>
+    </>
+  )
+}
+export default TypeaheadWithPillsAsyncSummary

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/_user_badge.jsx CHANGED

@@ -26,8 +26,11 @@ const UserBadge = (props: UserBadgeProps) => {
   const image = require(`./badges/_${badge}.svg`)
   const ariaProps = buildAriaProps(aria)
   const dataProps = buildDataProps(data)
-  const classes = classnames(buildCss('pb_user_badge_kit', size), globalProps(props),
-    className)
+  const classes = classnames(
+    buildCss('pb_user_badge_kit', size),
+    globalProps(props),
+    className
+  )
   return (
     <div

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/plugins/pb_chart.js CHANGED

@@ -33,7 +33,7 @@ const mapColors = (array) => {
 // Adjust Circle Chart Block Kit Dimensions to Match the Chart for Centering
 const alignBlockElement = (event) => {
-  const itemToMove = document.querySelector(`#wrapper-circle-chart-${event.target.renderTo.id} .pb_circle_chart_block`)
+  const itemToMove = document.querySelector(`#wrapper-circle-chart-${event.target.renderTo.id} .pb-circle-chart-block`)
   const chartContainer = document.querySelector(`#${event.target.renderTo.id}`)
   if (itemToMove !== null) {
     itemToMove.style.height = `${event.target.chartHeight}px`

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

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

data/app/pb_kits/playbook/vendor.js CHANGED

@@ -5,6 +5,10 @@ window.pbChart = pbChart
 // Forms
 import './pb_form/pb_form_validation'
+// Date Picker
+import datePickerHelper from './pb_date_picker/date_picker_helper.js'
+window.datePickerHelper = datePickerHelper
 // Lazy image loading
 import 'lazysizes'
@@ -20,6 +24,8 @@ PbTypeahead.start()
 import PbTable from './pb_table'
 PbTable.start()
+import 'flatpickr'
 // React-Rendered Rails Kits =====
 import WebpackerReact from 'webpacker-react'
 import * as ReactRailsPBKits from './react_rails_kits.js'

data/lib/generators/kit/kit_generator.rb CHANGED

@@ -74,7 +74,7 @@ class KitGenerator < Rails::Generators::NamedBase
         template "kit_js.erb", "#{full_kit_directory}/docs/index.js"
         # Import kit examples  ===========================
-        append_to_file("app/pb_kits/playbook/packs/examples.js") do
+        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

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

@@ -51,7 +51,7 @@ const <%= @kit_name_pascal %> = (props: <%= type_name %>) => {
   const ariaProps = buildAriaProps(aria)
   const dataProps = buildDataProps(data)
-  const classes = classnames(buildCss('pb_<%= @kit_name_underscore %>'), className, globalProps(props))
+  const classes = classnames(buildCss('pb_<%= @kit_name_underscore %>'), globalProps(props), className)
   return (
     <div

data/lib/playbook/version.rb CHANGED

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

data/lib/tasks/pb_release.rake CHANGED

@@ -59,11 +59,19 @@ namespace :pb_release do
     puts "\nPushing to RubyGems..."
     `gem push playbook_ui-#{version}.gem`
     puts "\nPushed to RubyGems. Now lets clean up..."
-    `rm -rf playbook_ui-#{version}.gem`
+    `rm -rf playbook_ui-*.gem`
     # NPM
-    puts "\nPushing to NPM..."
-    `npm publish`
+    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..."

metadata CHANGED

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 7.0.0.pre.alpha7
+  version: 7.0.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-08-31 00:00:00.000000000 Z
+date: 2020-09-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -436,22 +436,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
@@ -460,8 +451,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
@@ -492,8 +481,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
@@ -512,8 +499,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
@@ -547,8 +532,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
@@ -572,8 +555,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
@@ -600,36 +581,42 @@ 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
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.jsx
+- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_options.html.erb
 - app/pb_kits/playbook/pb_checkbox/docs/_description.md
 - app/pb_kits/playbook/pb_checkbox/docs/example.yml
 - app/pb_kits/playbook/pb_checkbox/docs/index.js
 - app/pb_kits/playbook/pb_circle_chart/_circle_chart.html.erb
+- app/pb_kits/playbook/pb_circle_chart/_circle_chart.jsx
 - app/pb_kits/playbook/pb_circle_chart/_circle_chart.scss
 - app/pb_kits/playbook/pb_circle_chart/circle_chart.rb
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.html.erb
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.html.erb
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.jsx
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.html.erb
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.jsx
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_inner_sizes.html.erb
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_inner_sizes.jsx
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_live_data.jsx
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.html.erb
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.jsx
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_labels.html.erb
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_labels.jsx
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_legend_kit.html.erb
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_legend_kit.jsx
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_title.html.erb
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_title.jsx
 - app/pb_kits/playbook/pb_circle_chart/docs/example.yml
+- app/pb_kits/playbook/pb_circle_chart/docs/index.js
 - app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.html.erb
 - app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.jsx
 - 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
@@ -653,8 +640,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
@@ -683,19 +668,62 @@ files:
 - app/pb_kits/playbook/pb_date/_date.jsx
 - app/pb_kits/playbook/pb_date/_date.scss
 - app/pb_kits/playbook/pb_date/date.rb
-- app/pb_kits/playbook/pb_date/docs/_date_alignment.html.erb
-- app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
 - app/pb_kits/playbook/pb_date/docs/_date_default.html.erb
 - app/pb_kits/playbook/pb_date/docs/_date_default.jsx
-- app/pb_kits/playbook/pb_date/docs/_date_default_react.jsx
-- app/pb_kits/playbook/pb_date/docs/_date_default_react.md
 - app/pb_kits/playbook/pb_date/docs/_date_timezone.html.erb
 - app/pb_kits/playbook/pb_date/docs/_date_timezone.md
-- app/pb_kits/playbook/pb_date/docs/_date_variants.html.erb
-- app/pb_kits/playbook/pb_date/docs/_date_variants.jsx
 - 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
+- app/pb_kits/playbook/pb_date_picker/_date_picker.html.erb
+- app/pb_kits/playbook/pb_date_picker/_date_picker.jsx
+- 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
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.jsx
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.html.erb
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.jsx
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.html.erb
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.jsx
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.html.erb
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.jsx
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.html.erb
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.jsx
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.md
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hide_icon.html.erb
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hide_icon.jsx
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hooks.html.erb
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hooks.jsx
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hooks.md
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_input.html.erb
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_input.jsx
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_input.md
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.html.erb
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.jsx
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.md
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.html.erb
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.jsx
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.jsx
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.md
+- 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_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
+- app/pb_kits/playbook/pb_date_picker/docs/_description.md
+- app/pb_kits/playbook/pb_date_picker/docs/example.yml
+- app/pb_kits/playbook/pb_date_picker/docs/index.js
+- app/pb_kits/playbook/pb_date_picker/sass_partials/_calendar_input_icon.scss
+- app/pb_kits/playbook/pb_date_picker/sass_partials/_day_styles.scss
+- app/pb_kits/playbook/pb_date_picker/sass_partials/_flatpickr_styles.scss
+- app/pb_kits/playbook/pb_date_picker/sass_partials/_header_styles.scss
+- app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss
 - app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.html.erb
 - app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.jsx
 - app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss
@@ -866,6 +894,7 @@ files:
 - app/pb_kits/playbook/pb_form/form_builder/action_area.rb
 - app/pb_kits/playbook/pb_form/form_builder/checkbox_field.rb
 - app/pb_kits/playbook/pb_form/form_builder/collection_select_field.rb
+- app/pb_kits/playbook/pb_form/form_builder/date_picker_field.rb
 - app/pb_kits/playbook/pb_form/form_builder/form_field_builder.rb
 - app/pb_kits/playbook/pb_form/form_builder/form_with_form_builder.rb
 - app/pb_kits/playbook/pb_form/form_builder/select_field.rb
@@ -912,8 +941,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
@@ -936,8 +963,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
@@ -1038,20 +1063,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
@@ -1096,10 +1115,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
@@ -1132,16 +1147,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
@@ -1162,8 +1167,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
@@ -1186,8 +1189,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
@@ -1199,8 +1200,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
@@ -1241,8 +1240,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
@@ -1279,8 +1276,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
@@ -1319,14 +1314,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
@@ -1357,8 +1348,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
@@ -1376,15 +1365,12 @@ 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
 - app/pb_kits/playbook/pb_radio/docs/_radio_error.jsx
 - app/pb_kits/playbook/pb_radio/docs/_radio_error.md
+- app/pb_kits/playbook/pb_radio/docs/_radio_options.html.erb
 - app/pb_kits/playbook/pb_radio/docs/example.yml
 - app/pb_kits/playbook/pb_radio/docs/index.js
 - app/pb_kits/playbook/pb_radio/radio.rb
@@ -1393,8 +1379,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
@@ -1415,10 +1399,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
@@ -1443,8 +1423,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
@@ -1459,8 +1437,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
@@ -1471,8 +1447,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
@@ -1534,10 +1508,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
@@ -1585,10 +1555,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
@@ -1607,10 +1573,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
@@ -1626,13 +1588,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
@@ -1641,8 +1606,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
@@ -1653,8 +1616,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
@@ -1693,8 +1654,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
@@ -1710,10 +1669,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
@@ -1725,8 +1680,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
@@ -1746,8 +1699,6 @@ files:
 - app/pb_kits/playbook/pb_toggle/docs/_toggle_default.jsx
 - app/pb_kits/playbook/pb_toggle/docs/_toggle_name.html.erb
 - app/pb_kits/playbook/pb_toggle/docs/_toggle_name.jsx
-- app/pb_kits/playbook/pb_toggle/docs/_toggle_size.html.erb
-- app/pb_kits/playbook/pb_toggle/docs/_toggle_size.jsx
 - app/pb_kits/playbook/pb_toggle/docs/example.yml
 - app/pb_kits/playbook/pb_toggle/docs/index.js
 - app/pb_kits/playbook/pb_toggle/toggle.rb
@@ -1759,12 +1710,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
@@ -1772,16 +1738,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
@@ -1796,8 +1758,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
@@ -1813,8 +1773,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
@@ -1893,9 +1851,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">"
+  - - ">="
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
 rubyforge_project:
 rubygems_version: 2.7.3