playbook_ui 7.0.0.pre.alpha1 → 7.0.0.pre.alpha2

data/app/pb_kits/playbook/pb_user/docs/_user_text_only_dark.jsx

@@ -0,0 +1,26 @@
+import React from 'react'
+import { User } from '../../'
+
+const UserTextOnlyDark = () => {
+  return (
+    <div className="pb--doc-demo-row">
+      <User
+          align="center"
+          dark
+          name="Anna Black"
+          orientation="horizontal"
+          size="lg"
+          title="Remodeling Consultant"
+      />
+      <User
+          align="left"
+          dark
+          name="Anna Black"
+          orientation="horizontal"
+          title="Remodeling Consultant"
+      />
+    </div>
+  )
+}
+
+export default UserTextOnlyDark

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

@@ -17,3 +17,5 @@ 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,4 +3,6 @@ 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/user.rb

@@ -21,12 +21,10 @@ module Playbook
                   values: %w[lg md sm],
                   default: "sm"
       prop :title
-      prop :dark, type: Playbook::Props::Boolean,
-                          default: false
       prop :territory
 
       def classname
-        generate_classname("pb_user_kit", align, orientation, size, dark_class)
+        generate_classname("pb_user_kit", align, orientation, size)
       end
 
       def avatar_size
@@ -40,10 +38,6 @@ module Playbook
         end
       end
 
-      def dark_class
-        dark ? "dark" : nil
-      end
-
       def title_size
         size == "lg" ? 3 : 4
       end

data/app/pb_kits/playbook/pb_user_badge/_user_badge.html.erb

@@ -1,7 +1,8 @@
 <%= content_tag(:div,
-    id: object.id,
+    aria: object.aria,
+    class: object.classname,
     data: object.data,
-    class: object.classname) do %>
+    id: object.id) do %>
   <%= content_tag(:div, class: "pb_user_badge_wrapper") do %>
     <%= render partial: object.display_badge %>
   <% end %>

data/app/pb_kits/playbook/pb_user_badge/_user_badge.jsx

@@ -1,21 +1,41 @@
 /* @flow */
 import React from 'react'
 import classnames from 'classnames'
+import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
 import { globalProps } from '../utilities/globalProps.js'
 
 type UserBadgeProps = {
+  aria?: object,
+  badge?: "million-dollar" | "veteran",
   className?: string,
+  data?: object,
   id?: string,
-  badge?: "million-dollar" | "veteran",
   size?: "sm" | "md" | "lg",
 }
 
 const UserBadge = (props: UserBadgeProps) => {
-  const { badge = 'million-dollar', size = 'md' } = props
+  const {
+    aria = {},
+    badge = 'million-dollar',
+    className,
+    data = {},
+    id,
+    size = 'md',
+  } = props
+
   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)
 
   return (
-    <div className={classnames(`pb_user_badge_kit_${size}`, globalProps(props))}>
+    <div
+        {...ariaProps}
+        {...dataProps}
+        className={classes}
+        id={id}
+    >
       <div className="pb_user_badge_wrapper">
         <img src={image} />
       </div>

data/app/pb_kits/playbook/pb_user_badge/docs/_user_badge_dark.html.erb

@@ -0,0 +1,13 @@
+<%= pb_rails("user_badge", props: {
+  badge: "veteran",
+  dark: true,
+  size: "md"
+}) %>
+
+<br><br>
+
+<%= pb_rails("user_badge", props: {
+  badge: "million-dollar",
+  dark: true,
+  size: "md"
+}) %>

data/app/pb_kits/playbook/pb_user_badge/docs/_user_badge_dark.jsx

@@ -0,0 +1,27 @@
+import React from 'react'
+import { UserBadge } from '../../'
+
+const UserBadgeDefault = () => {
+  return (
+    <div>
+      <div>
+        <UserBadge
+            badge="veteran"
+            dark
+            size="md"
+        />
+      </div>
+      <br />
+      <br />
+      <div>
+        <UserBadge
+            badge="million-dollar"
+            dark
+            size="md"
+        />
+      </div>
+    </div>
+  )
+}
+
+export default UserBadgeDefault

data/app/pb_kits/playbook/pb_user_badge/docs/_user_badge_size_dark.html.erb

@@ -0,0 +1,21 @@
+<%= pb_rails("user_badge", props: {
+  badge: "veteran",
+  dark: true,
+  size: "sm"
+}) %>
+
+<br><br>
+
+<%= pb_rails("user_badge", props: {
+  badge: "veteran",
+  dark: true,
+  size: "md"
+}) %>
+
+<br><br>
+
+<%= pb_rails("user_badge", props: {
+  badge: "veteran",
+  dark: true,
+  size: "lg"
+}) %>

data/app/pb_kits/playbook/pb_user_badge/docs/_user_badge_size_dark.jsx

@@ -0,0 +1,36 @@
+import React from 'react'
+import { UserBadge } from '../..'
+
+const UserBadgeSizeDark = () => {
+  return (
+    <div>
+      <div>
+        <UserBadge
+            badge="veteran"
+            dark
+            size="sm"
+        />
+      </div>
+      <br />
+      <br />
+      <div>
+        <UserBadge
+            badge="veteran"
+            dark
+            size="md"
+        />
+      </div>
+      <br />
+      <br />
+      <div>
+        <UserBadge
+            badge="veteran"
+            dark
+            size="lg"
+        />
+      </div>
+    </div>
+  )
+}
+
+export default UserBadgeSizeDark

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

@@ -3,8 +3,12 @@ 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,2 +1,4 @@
 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/_weekday_stacked.html.erb

@@ -1,7 +1,8 @@
 <%= content_tag(:div,
-    id: object.id,
+    aria: object.aria,
+    class: object.classname,
     data: object.data,
-    class: object.classname) do %>
+    id: object.id) do %>
     <%= pb_rails("caption", props: {dark: object.dark, text: object.day_of_week}) %>
     <%= pb_rails("title", props: {dark: object.dark, size: 4, tag: "span", text: object.formatted_month_and_day}) %>
 <% end %>

data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.jsx

@@ -3,7 +3,7 @@
 import React from 'react'
 import classnames from 'classnames'
 import { globalProps } from '../utilities/globalProps.js'
-import { buildCss } from '../utilities/props'
+import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
 
 import { Caption, Title } from '../'
 
@@ -11,9 +11,12 @@ import DateTime from '../pb_kit/dateTime.js'
 
 type WeekdayStackedProps = {
   align?: "left" | "center" | "right",
+  aria?: object,
   className?: string,
   dark?: boolean,
+  data?: object,
   date: date,
+  id?: string,
   variant?: "day_only" | "month_day" | "expanded",
   compact?: boolean,
   id?: string,
@@ -41,19 +44,30 @@ const getFormattedDate = (date, variant) => {
 const WeekdayStacked = (props: WeekdayStackedProps) => {
   const {
     align = 'left',
+    aria = {},
     className,
     dark = false,
+    data = {},
     date = new Date(),
+    id,
     variant = 'month_day',
     compact = false,
   } = props
+
+  const ariaProps = buildAriaProps(aria)
+  const dataProps = buildDataProps(data)
+  const classes = classnames(
+    buildCss('pb_weekday_stacked_kit', align),
+    globalProps(props),
+    className
+  )
+
   return (
     <div
-        className={classnames(
-        buildCss('pb_weekday_stacked_kit', align),
-        className,
-        globalProps(props)
-      )}
+        {...ariaProps}
+        {...dataProps}
+        className={classes}
+        id={id}
     >
       <Caption dark={dark}>{getDayOfWeek(date, compact)}</Caption>
       <Title

data/app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.rb

@@ -13,9 +13,6 @@ module Playbook
                    values: %w[left center right],
                    default: "left"
 
-      prop :dark, type: Playbook::Props::Boolean,
-                  default: false
-
       prop :date, type: Playbook::Props::Date,
                   default: ::Date.current
                   

data/lib/playbook/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 7.0.0.pre.alpha1
+  version: 7.0.0.pre.alpha2
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-08-10 00:00:00.000000000 Z
+date: 2020-08-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -71,6 +71,20 @@ dependencies:
     - - "<"
       - !ruby/object:Gem::Version
         version: '7.0'
+- !ruby/object:Gem::Dependency
+  name: github_changelog_generator
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 1.15.2
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 1.15.2
 - !ruby/object:Gem::Dependency
   name: react-rails
   requirement: !ruby/object:Gem::Requirement
@@ -422,13 +436,22 @@ 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
@@ -443,6 +466,7 @@ files:
 - app/pb_kits/playbook/pb_badge/docs/_badge_default.jsx
 - app/pb_kits/playbook/pb_badge/docs/_badge_rounded.html.erb
 - app/pb_kits/playbook/pb_badge/docs/_badge_rounded.jsx
+- app/pb_kits/playbook/pb_badge/docs/_description.md
 - app/pb_kits/playbook/pb_badge/docs/example.yml
 - app/pb_kits/playbook/pb_badge/docs/index.js
 - app/pb_kits/playbook/pb_bar_graph/_bar_graph.html.erb
@@ -527,6 +551,9 @@ files:
 - 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
+- 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
@@ -656,8 +683,16 @@ 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
@@ -773,11 +808,15 @@ files:
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_description.md
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_dark.html.erb
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_dark.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.md
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line_dark.html.erb
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line_dark.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/example.yml
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/index.js
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.rb
@@ -825,6 +864,7 @@ files:
 - app/pb_kits/playbook/pb_form/form/simple_form_form.rb
 - app/pb_kits/playbook/pb_form/form_builder.rb
 - 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/form_field_builder.rb
 - app/pb_kits/playbook/pb_form/form_builder/form_with_form_builder.rb
@@ -942,10 +982,16 @@ files:
 - app/pb_kits/playbook/pb_icon_circle/docs/_footer.md
 - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.html.erb
 - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
+- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_dark.html.erb
+- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_dark.jsx
+- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_dark.html.erb
+- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_dark.jsx
 - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_default.html.erb
 - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_default.jsx
-- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_size.jsx
 - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.html.erb
+- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.jsx
+- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes_dark.html.erb
+- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes_dark.jsx
 - app/pb_kits/playbook/pb_icon_circle/docs/example.yml
 - app/pb_kits/playbook/pb_icon_circle/docs/index.js
 - app/pb_kits/playbook/pb_icon_circle/icon_circle.rb
@@ -954,6 +1000,11 @@ files:
 - app/pb_kits/playbook/pb_icon_value/_icon_value.scss
 - app/pb_kits/playbook/pb_icon_value/docs/_description.md
 - app/pb_kits/playbook/pb_icon_value/docs/_icon_value_align.html.erb
+- app/pb_kits/playbook/pb_icon_value/docs/_icon_value_align.jsx
+- app/pb_kits/playbook/pb_icon_value/docs/_icon_value_align_dark.html.erb
+- app/pb_kits/playbook/pb_icon_value/docs/_icon_value_align_dark.jsx
+- app/pb_kits/playbook/pb_icon_value/docs/_icon_value_dark.html.erb
+- app/pb_kits/playbook/pb_icon_value/docs/_icon_value_dark.jsx
 - app/pb_kits/playbook/pb_icon_value/docs/_icon_value_default.html.erb
 - app/pb_kits/playbook/pb_icon_value/docs/_icon_value_default.jsx
 - app/pb_kits/playbook/pb_icon_value/docs/example.yml
@@ -1135,6 +1186,8 @@ 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
@@ -1146,6 +1199,8 @@ 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
@@ -1186,6 +1241,8 @@ 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
@@ -1222,6 +1279,8 @@ 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
@@ -1233,15 +1292,25 @@ files:
 - app/pb_kits/playbook/pb_popover/docs/_description.md
 - app/pb_kits/playbook/pb_popover/docs/_popover_close.html.erb
 - app/pb_kits/playbook/pb_popover/docs/_popover_close.jsx
+- app/pb_kits/playbook/pb_popover/docs/_popover_close_dark.html.erb
+- app/pb_kits/playbook/pb_popover/docs/_popover_close_dark.jsx
+- app/pb_kits/playbook/pb_popover/docs/_popover_dark.html.erb
+- app/pb_kits/playbook/pb_popover/docs/_popover_dark.jsx
 - app/pb_kits/playbook/pb_popover/docs/_popover_default.html.erb
 - app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx
 - app/pb_kits/playbook/pb_popover/docs/_popover_list.html.erb
 - app/pb_kits/playbook/pb_popover/docs/_popover_list.jsx
 - app/pb_kits/playbook/pb_popover/docs/_popover_list.md
+- app/pb_kits/playbook/pb_popover/docs/_popover_list_dark.html.erb
+- app/pb_kits/playbook/pb_popover/docs/_popover_list_dark.jsx
 - app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height.html.erb
 - app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height.jsx
+- app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height_dark.html.erb
+- app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height_dark.jsx
 - app/pb_kits/playbook/pb_popover/docs/_popover_z_index.html.erb
 - app/pb_kits/playbook/pb_popover/docs/_popover_z_index.jsx
+- app/pb_kits/playbook/pb_popover/docs/_popover_z_index_dark.html.erb
+- app/pb_kits/playbook/pb_popover/docs/_popover_z_index_dark.jsx
 - app/pb_kits/playbook/pb_popover/docs/example.yml
 - app/pb_kits/playbook/pb_popover/docs/index.js
 - app/pb_kits/playbook/pb_popover/index.js
@@ -1256,6 +1325,8 @@ files:
 - 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
@@ -1290,6 +1361,8 @@ files:
 - 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
+- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.jsx
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.jsx
 - app/pb_kits/playbook/pb_progress_step/docs/example.yml
@@ -1518,6 +1591,8 @@ files:
 - 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
+- app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.jsx
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_error.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_error.md
@@ -1558,6 +1633,8 @@ files:
 - 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
@@ -1620,6 +1697,9 @@ files:
 - 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
@@ -1630,6 +1710,10 @@ 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
@@ -1641,6 +1725,8 @@ 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
@@ -1687,6 +1773,7 @@ files:
 - 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
@@ -1694,6 +1781,7 @@ files:
 - 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
@@ -1708,11 +1796,15 @@ 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
 - app/pb_kits/playbook/pb_user_badge/docs/_user_badge_size.html.erb
 - app/pb_kits/playbook/pb_user_badge/docs/_user_badge_size.jsx
+- app/pb_kits/playbook/pb_user_badge/docs/_user_badge_size_dark.html.erb
+- app/pb_kits/playbook/pb_user_badge/docs/_user_badge_size_dark.jsx
 - app/pb_kits/playbook/pb_user_badge/docs/example.yml
 - app/pb_kits/playbook/pb_user_badge/docs/index.js
 - app/pb_kits/playbook/pb_user_badge/user_badge.rb