playbook_ui 7.0.1.pre.alpha8 → 7.0.1.pre.alpha9

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

@@ -7,5 +7,5 @@ examples:
   react:
   - time_default: Sizes
   - time_timestamp: Timestamp Values
+  - time_timezone: Handling Timezones
   - time_align: Alignment
-  - time_dark: Dark

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

@@ -1,4 +1,4 @@
 export { default as TimeDefault } from './_time_default.jsx'
 export { default as TimeTimestamp } from './_time_timestamp.jsx'
 export { default as TimeAlign } from './_time_align.jsx'
-export { default as TimeDark } from './_time_dark.jsx'
+export { default as TimeTimezone } from './_time_timezone.jsx'

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

@@ -2,10 +2,7 @@ examples:
   
   rails:
   - time_range_inline_default: Default
-  - time_range_inline_dark: Dark
   
   
   react:
   - time_range_inline_default: Default
-  - time_range_inline_dark: Dark
-  

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

@@ -1,2 +1 @@
 export { default as TimeRangeInlineDefault } from './_time_range_inline_default.jsx'
-export { default as TimeRangeInlineDark } from './_time_range_inline_dark.jsx'

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

@@ -3,11 +3,9 @@ examples:
   rails:
   - time_stacked_default: Default
   - time_stacked_caption: With Caption
-  - time_stacked_dark: Dark
+
 
 
   react:
   - time_stacked_default: Default
   - time_stacked_caption: With Caption
-  - time_stacked_dark: Dark
-

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

@@ -1,3 +1,2 @@
 export { default as TimeStackedDefault } from './_time_stacked_default.jsx'
-export { default as TimeStackedDark } from './_time_stacked_dark.jsx'
 export { default as TimeStackedCaption } from './_time_stacked_caption.jsx'

data/app/pb_kits/playbook/pb_title/_title.jsx

@@ -14,7 +14,7 @@ type TitleProps = {
   size?: 1 | 2 | 3 | 4,
   tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div" | "span",
   text?: string,
-  variant?: null | "primary",
+  variant?: null | "link",
 }
 
 const Title = (props: TitleProps) => {

data/app/pb_kits/playbook/pb_title/_title.scss

@@ -16,14 +16,14 @@
 
   &[class*=_4] {
     @include pb_title_4;
+
+    &[class*=_link]  {
+      color: $primary;
+    }
+
   }
 
   &.dark {
     @include pb_title_dark;
   }
-
-  &[class*=_link]  {
-    color: $primary;
-  }
-
 }

data/app/pb_kits/playbook/pb_title/docs/_title_variants.html.erb

@@ -0,0 +1 @@
+<%= pb_rails("title", props: { text: "Title 4 (link)", tag: "h4", size: 4, variant: "link" }) %> 

data/app/pb_kits/playbook/pb_title/docs/_title_variants.jsx

@@ -0,0 +1,17 @@
+import React from 'react'
+import { Title } from '../../'
+
+const TitleVariants = () => {
+  return (
+    <div>
+      <Title
+          size={4}
+          tag="h4"
+          text="Title 4 (link)"
+          variant="link"
+      />
+    </div>
+  )
+}
+
+export default TitleVariants

data/app/pb_kits/playbook/pb_title/docs/_title_variants.md

@@ -0,0 +1,3 @@
+Wrap anchor tags around the kit to make it clickable.
+
+Link variant can only be applied to size `4`.

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

@@ -1,7 +1,8 @@
 examples:
   rails:
   - title_light: Light UI
-  - title_dark: Dark UI
+  - title_variants: Variants
+
   react:
   - title_light: Light UI
-  - title_dark: Dark UI
+  - title_variants: Variants

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

@@ -1,2 +1,2 @@
 export { default as TitleLight } from './_title_light.jsx'
-export { default as TitleDark } from './_title_dark.jsx'
+export { default as TitleVariants } from './_title_variants.jsx'

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

@@ -2,11 +2,7 @@ examples:
   rails:
     - title_count_default: Default
     - title_count_align: Align
-    - title_count_dark: Dark
-    - title_count_align_dark: Dark
 
   react:
     - title_count_default: Default
     - title_count_align: Align
-    - title_count_dark: Dark
-    - title_count_align_dark: Dark

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

@@ -1,4 +1,2 @@
 export { default as TitleCountDefault } from './_title_count_default.jsx'
 export { default as TitleCountAlign } from './_title_count_align.jsx'
-export { default as TitleCountDark } from './_title_count_dark.jsx'
-export { default as TitleCountAlignDark } from './_title_count_align_dark.jsx'

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

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

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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/vendor.js

@@ -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'
 
@@ -19,3 +23,5 @@ PbTypeahead.start()
 
 import PbTable from './pb_table'
 PbTable.start()
+
+import 'flatpickr'

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

@@ -1,6 +1,5 @@
-<div class="pb--page--topNav <%= ENV["dark_mode"] == "true" ? 'dark' : '' %>">
-  <% if ENV["dark_mode"] == "true"%>
-    <%end%>
+
+<div class="pb--page--topNav <%= cookies[:dark_mode] == "true" ? 'dark' : '' %>">
   <%= pb_rails("flex", props:{spacing:"between",vertical: "center"}) do%>
      <%= pb_rails("flex", props:{spacing:"between",vertical: "center"}) do%>
       <%= link_to root_url do %>
@@ -9,7 +8,7 @@
       <%= pb_rails("caption", props: { tag: "span", text: Playbook::VERSION }) %>
       <% end %>
     <div id="toggle-modes">
-    <% if ENV["dark_mode"] == "false"%>
+    <% if cookies[:dark_mode] == "false" || cookies[:dark_mode] == nil%>
       <%= pb_rails("circle_icon_button", props: {
         variant: "secondary",
         icon: "moon",

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

@@ -9,13 +9,13 @@
   </head>
   <body>
     <%= render 'layouts/playbook/nav'%>
-    <%= pb_rails("layout", props: {classname: "pb--page--content",variant: ENV["dark_mode"] == "true" ? 'dark' : 'light' }) do%>
+    <%= 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 <%= ENV["dark_mode"] == "true" ? 'dark' : '' %>">
+        <div class="pb--page--content--main <%= cookies[:dark_mode] == "true" ? 'dark' : '' %>">
           <%= yield %>
         </div>
       <% end %>

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

@@ -1,6 +1,6 @@
 <div class="pb--kit-show <%=@kit%>-kit">
   <%= pb_rails("title", props: { text: pb_kit_title(@kit), tag: "h1", size: 1 }) %>
-  <div class="markdown <%= ENV["dark_mode"] == "true" ? 'dark' : '' %>">
+  <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 <%= ENV["dark_mode"] == "true" ? 'dark' : '' %>">
+    <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 <%= ENV["dark_mode"] == "true" ? 'dark' : '' %>">
+    <div class="markdown <%= cookies[:dark_mode] == "true" ? 'dark' : '' %>">
       <br>
       <%= markdown(get_kit_footer(@kit)) %>
     </div>

data/lib/playbook/version.rb

@@ -1,5 +1,4 @@
 # frozen_string_literal: true
-
 module Playbook
-  VERSION = "7.0.1-alpha8"
+  VERSION = "7.0.1-alpha9"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 7.0.1.pre.alpha8
+  version: 7.0.1.pre.alpha9
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-09-04 00:00:00.000000000 Z
+date: 2020-09-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -553,6 +553,9 @@ files:
 - app/pb_kits/playbook/pb_caption/caption.rb
 - 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
+- app/pb_kits/playbook/pb_caption/docs/_caption_variants.jsx
+- app/pb_kits/playbook/pb_caption/docs/_caption_variants.md
 - app/pb_kits/playbook/pb_caption/docs/_description.md
 - app/pb_kits/playbook/pb_caption/docs/_footer.md
 - app/pb_kits/playbook/pb_caption/docs/example.yml
@@ -677,6 +680,53 @@ files:
 - 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_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_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
+- 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
@@ -847,6 +897,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
@@ -1015,20 +1066,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
@@ -1073,10 +1118,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
@@ -1109,16 +1150,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
@@ -1139,8 +1170,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
@@ -1163,8 +1192,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
@@ -1176,8 +1203,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
@@ -1254,8 +1279,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
@@ -1294,14 +1317,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
@@ -1332,8 +1351,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
@@ -1351,10 +1368,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
@@ -1368,8 +1381,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
@@ -1390,10 +1401,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
@@ -1418,8 +1425,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
@@ -1434,8 +1439,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
@@ -1446,8 +1449,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
@@ -1509,10 +1510,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
@@ -1560,10 +1557,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
@@ -1582,10 +1575,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
@@ -1602,20 +1591,19 @@ files:
 - 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.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_timestamp.html.erb
 - app/pb_kits/playbook/pb_time/docs/_time_timestamp.jsx
+- 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
 - app/pb_kits/playbook/pb_time/docs/index.js
 - app/pb_kits/playbook/pb_time/time.rb
 - 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
@@ -1626,8 +1614,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
@@ -1666,10 +1652,11 @@ 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
+- app/pb_kits/playbook/pb_title/docs/_title_variants.jsx
+- app/pb_kits/playbook/pb_title/docs/_title_variants.md
 - app/pb_kits/playbook/pb_title/docs/example.yml
 - app/pb_kits/playbook/pb_title/docs/index.js
 - app/pb_kits/playbook/pb_title/title.rb
@@ -1680,10 +1667,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
@@ -1695,8 +1678,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
@@ -1742,16 +1723,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
@@ -1766,8 +1743,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
@@ -1783,8 +1758,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