playbook_ui 7.14.0 → 7.15.0

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.jsx

@@ -1,14 +1,22 @@
 import React from 'react'
 import Timestamp from '../_timestamp.jsx'
 
+const todaysDate = new Date()
+const year = new Date().getFullYear() + 4
+const month = new Date().getMonth()
+const date = new Date().getDate()
+const hours = new Date().getHours()
+const minutes = new Date().getMinutes()
+const customDate = new Date(year, month, date, hours, minutes)
+
 const TimestampTimezones = (props) => {
   return (
     <div>
       <Timestamp
           align="left"
-          showDate="false"
-          showTimezone="true"
-          timestamp={new Date().getTime()}
+          showDate={false}
+          showTimezone
+          timestamp={todaysDate}
           timezone="America/New_York"
           {...props}
       />
@@ -17,9 +25,9 @@ const TimestampTimezones = (props) => {
 
       <Timestamp
           align="left"
-          showDate="true"
-          showTimezone="true"
-          timestamp={new Date().getTime()}
+          showDate
+          showTimezone
+          timestamp={todaysDate}
           timezone="America/New_York"
           {...props}
       />
@@ -28,9 +36,9 @@ const TimestampTimezones = (props) => {
 
       <Timestamp
           align="left"
-          showDate="true"
-          showTimezone="true"
-          timestamp={new Date((new Date()).getFullYear() + 4, (new Date().getMonth()), (new Date().getDate() + 1)).getTime()}
+          showDate
+          showTimezone
+          timestamp={customDate}
           timezone="America/New_York"
           {...props}
       />
@@ -39,9 +47,9 @@ const TimestampTimezones = (props) => {
 
       <Timestamp
           align="left"
-          showDate="false"
-          showTimezone="true"
-          timestamp={new Date().getTime()}
+          showDate={false}
+          showTimezone
+          timestamp={todaysDate}
           timezone="Asia/Hong_Kong"
           {...props}
       />
@@ -50,9 +58,9 @@ const TimestampTimezones = (props) => {
 
       <Timestamp
           align="left"
-          showDate="true"
-          showTimezone="true"
-          timestamp={new Date().getTime()}
+          showDate
+          showTimezone
+          timestamp={todaysDate}
           timezone="Asia/Hong_Kong"
           {...props}
       />
@@ -61,9 +69,9 @@ const TimestampTimezones = (props) => {
 
       <Timestamp
           align="left"
-          showDate="true"
-          showTimezone="true"
-          timestamp={new Date((new Date()).getFullYear() + 4, (new Date().getMonth()), (new Date().getDate() + 1)).getTime()}
+          showDate
+          showTimezone
+          timestamp={customDate}
           timezone="Asia/Hong_Kong"
           {...props}
       />

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.html.erb

@@ -12,24 +12,3 @@
   variant: "updated",
   show_user: false
 }) %>
-
-<br><br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  variant: "updated",
-  show_user: true,
-  show_timezone: true,
-  text: "Maricris Nonato",
-  timezone: "America/New_York"
-}) %>
-
-<br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  variant: "updated",
-  show_user: false,
-  show_timezone: true,
-  timezone: "America/New_York"
-}) %>

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.jsx

@@ -1,35 +1,15 @@
 import React from 'react'
 import Timestamp from '../_timestamp.jsx'
 
+const todaysDate = new Date()
+
 const TimestampUpdated = (props) => {
   return (
     <div>
       <Timestamp
-          showUser="true"
-          text="Maricris Nonato"
-          timestamp={new Date().getTime()}
-          variant="updated"
-          {...props}
-      />
-
-      <br />
-
-      <Timestamp
-          showUser="false"
-          timestamp={new Date().getTime()}
-          variant="updated"
-          {...props}
-      />
-
-      <br />
-      <br />
-
-      <Timestamp
-          showTimezone="true"
-          showUser="true"
+          showUser
           text="Maricris Nonato"
-          timestamp={new Date().getTime()}
-          timezone="America/New_York"
+          timestamp={todaysDate}
           variant="updated"
           {...props}
       />
@@ -37,10 +17,8 @@ const TimestampUpdated = (props) => {
       <br />
 
       <Timestamp
-          showTimezone="true"
-          showUser="false"
-          timestamp={new Date().getTime()}
-          timezone="America/New_York"
+          showUser={false}
+          timestamp={todaysDate}
           variant="updated"
           {...props}
       />

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

@@ -2,6 +2,14 @@ examples:
 
   rails:
   - timestamp_default: Default
+  - timestamp_align: Alignments
+  - timestamp_timezones: Timezones
+  - timestamp_updated: Last Updated by
+  - timestamp_elapsed: Time Ago
 
   react:
   - timestamp_default: Default
+  - timestamp_align: Alignments
+  - timestamp_timezones: Timezones
+  - timestamp_updated: Last Updated by
+  - timestamp_elapsed: Time Ago

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

@@ -1 +1,5 @@
 export { default as TimestampDefault } from './_timestamp_default.jsx'
+export { default as TimestampAlign } from './_timestamp_align.jsx'
+export { default as TimestampTimezones } from './_timestamp_timezones.jsx'
+export { default as TimestampUpdated } from './_timestamp_updated.jsx'
+export { default as TimestampElapsed } from './_timestamp_elapsed.jsx'

data/app/pb_kits/playbook/pb_timestamp/timestamp.rb

@@ -3,14 +3,96 @@
 module Playbook
   module PbTimestamp
     class Timestamp
+      include ActionView::Helpers::DateHelper
       include Playbook::Props
 
       partial "pb_timestamp/timestamp"
 
       prop :text
+      prop :timestamp
+
+      prop :dark, type: Playbook::Props::Boolean,
+                  default: false
+      prop :align,  type: Playbook::Props::Enum,
+                    values: %w[left center right],
+                    default: "left"
+      prop :show_date, type: Playbook::Props::Boolean,
+                       default: true
+      prop :show_timezone, type: Playbook::Props::Boolean,
+                           default: false
+      prop :show_user, type: Playbook::Props::Boolean,
+                       default: false
+      prop :timezone, default: "America/New_York"
+      prop :variant, type: Playbook::Props::Enum,
+                     values: %w[default elapsed updated],
+                     default: "default"
 
       def classname
-        generate_classname("pb_timestamp_kit")
+        generate_classname("pb_timestamp_kit", variant_class, align)
+      end
+
+      def caption_text
+        case variant
+        when "updated"
+          format_updated_string
+        when "elapsed"
+          format_elapsed_string
+        else
+          show_date ? datetime_or_text : format_time_string
+        end
+      end
+
+    private
+
+      def format_year_string
+        pb_date_time.to_year != DateTime.now.year.to_s ? ", #{pb_date_time.to_year}" : ""
+      end
+
+      def format_time_string
+        "#{pb_date_time.to_hour}:#{pb_date_time.to_minutes}#{pb_date_time.to_meridian} #{format_timezone_string}".strip
+      end
+
+      def format_timezone_string
+        timezone && show_timezone ? pb_date_time.to_timezone.to_s : ""
+      end
+
+      def format_date_string
+        "#{pb_date_time.to_month_downcase} #{pb_date_time.to_unpadded_day}#{format_year_string}"
+      end
+
+      def format_datetime_string
+        "#{format_date_string} · #{format_time_string}".html_safe
+      end
+
+      def format_updated_string
+        user_string = show_user ? " by #{text}" : ""
+        datetime_string = " on #{format_date_string} at #{format_time_string}"
+
+        "Last updated#{user_string}#{datetime_string}"
+      end
+
+      def format_elapsed_string
+        user_string = show_user ? " by #{text}" : ""
+        datetime_string = " #{time_ago_in_words(pb_date_time.convert_to_timestamp)} ago"
+
+        "Last updated#{user_string}#{datetime_string}"
+      end
+
+      def datetime_or_text
+        timestamp ? format_datetime_string : text
+      end
+
+      def pb_date_time
+        Playbook::PbKit::PbDateTime.new(timestamp, timezone)
+      end
+
+      def variant_class
+        case variant
+        when "updated"
+          "updated"
+        when "elapsed"
+          "elapsed"
+        end
       end
     end
   end

data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.jsx

@@ -23,8 +23,6 @@ const MultiValue = (props: Props) => {
 
   if (typeof imageUrl === 'string') formPillProps.avatarUrl = imageUrl
 
-  const handleOnClick = removeProps.onClick
-
   return (
     <components.MultiValueContainer
         className="text_input_multivalue_container"
@@ -33,14 +31,14 @@ const MultiValue = (props: Props) => {
       <If condition={imageUrl}>
         <FormPill
             avatarUrl={imageUrl}
+            closeProps={removeProps}
             marginRight="xs"
             name={label}
-            onClick={handleOnClick}
         />
         <Else />
         <FormPill
+            closeProps={removeProps}
             marginRight="xs"
-            onClick={handleOnClick}
             text={label}
         />
       </If>

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

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

data/app/pb_kits/playbook/vendor.js

@@ -27,6 +27,9 @@ PbTypeahead.start()
 import PbTable from './pb_table'
 PbTable.start()
 
+import PbTextarea from './pb_textarea'
+PbTextarea.start()
+
 import 'flatpickr'
 
 import 'trix'

data/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "7.14.0"
+  VERSION = "7.15.0"
 end

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 7.14.0
+  version: 7.15.0
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-01-20 00:00:00.000000000 Z
+date: 2021-01-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -455,8 +455,6 @@ files:
 - app/pb_kits/playbook/pb_background/_background.jsx
 - app/pb_kits/playbook/pb_background/_background.scss
 - app/pb_kits/playbook/pb_background/background.rb
-- app/pb_kits/playbook/pb_background/docs/_background_dark.html.erb
-- app/pb_kits/playbook/pb_background/docs/_background_dark.jsx
 - app/pb_kits/playbook/pb_background/docs/_background_gradient.html.erb
 - app/pb_kits/playbook/pb_background/docs/_background_gradient.jsx
 - app/pb_kits/playbook/pb_background/docs/_background_image.html.erb
@@ -769,8 +767,6 @@ files:
 - app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.jsx
 - app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.scss
 - app/pb_kits/playbook/pb_date_range_stacked/date_range_stacked.rb
-- app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_dark.html.erb
-- app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_dark.jsx
 - app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_default.html.erb
 - app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_default.jsx
 - app/pb_kits/playbook/pb_date_range_stacked/docs/example.yml
@@ -781,8 +777,6 @@ files:
 - app/pb_kits/playbook/pb_date_stacked/date_stacked.rb
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_align.html.erb
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_align.jsx
-- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_dark.html.erb
-- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_dark.jsx
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.html.erb
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.jsx
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.html.erb
@@ -812,8 +806,6 @@ files:
 - app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
 - app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.scss
 - app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.rb
-- app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_dark.html.erb
-- app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_dark.jsx
 - app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_default.html.erb
 - app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_default.jsx
 - app/pb_kits/playbook/pb_date_time_stacked/docs/example.yml
@@ -822,8 +814,6 @@ files:
 - app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.jsx
 - app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.scss
 - app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.rb
-- app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_dark.html.erb
-- app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_dark.jsx
 - app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.html.erb
 - app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.jsx
 - app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.md
@@ -836,6 +826,9 @@ files:
 - app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
 - app/pb_kits/playbook/pb_distribution_bar/distribution_bar.rb
 - app/pb_kits/playbook/pb_distribution_bar/docs/_description.md
+- app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.html.erb
+- app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
+- app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.md
 - app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_default.html.erb
 - app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_default.jsx
 - app/pb_kits/playbook/pb_distribution_bar/docs/example.yml
@@ -891,15 +884,11 @@ files:
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_description.md
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close.jsx
-- 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
@@ -911,22 +900,33 @@ files:
 - app/pb_kits/playbook/pb_flex/_flex_item.jsx
 - app/pb_kits/playbook/pb_flex/_flex_item.scss
 - app/pb_kits/playbook/pb_flex/docs/_description.md
+- app/pb_kits/playbook/pb_flex/docs/_flex_align.html.erb
+- app/pb_kits/playbook/pb_flex/docs/_flex_align.jsx
+- app/pb_kits/playbook/pb_flex/docs/_flex_align.md
 - app/pb_kits/playbook/pb_flex/docs/_flex_default.html.erb
 - app/pb_kits/playbook/pb_flex/docs/_flex_default.jsx
 - app/pb_kits/playbook/pb_flex/docs/_flex_default.md
-- app/pb_kits/playbook/pb_flex/docs/_flex_horizontal.html.erb
-- app/pb_kits/playbook/pb_flex/docs/_flex_horizontal.jsx
+- app/pb_kits/playbook/pb_flex/docs/_flex_gap.html.erb
+- app/pb_kits/playbook/pb_flex/docs/_flex_gap.jsx
+- app/pb_kits/playbook/pb_flex/docs/_flex_gap.md
 - app/pb_kits/playbook/pb_flex/docs/_flex_inline.html.erb
 - app/pb_kits/playbook/pb_flex/docs/_flex_inline.jsx
 - app/pb_kits/playbook/pb_flex/docs/_flex_inline.md
+- app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb
+- app/pb_kits/playbook/pb_flex/docs/_flex_item.md
+- app/pb_kits/playbook/pb_flex/docs/_flex_item_example.jsx
+- app/pb_kits/playbook/pb_flex/docs/_flex_justify.html.erb
+- app/pb_kits/playbook/pb_flex/docs/_flex_justify.jsx
+- app/pb_kits/playbook/pb_flex/docs/_flex_justify.md
 - app/pb_kits/playbook/pb_flex/docs/_flex_reverse.html.erb
 - app/pb_kits/playbook/pb_flex/docs/_flex_reverse.jsx
+- app/pb_kits/playbook/pb_flex/docs/_flex_reverse.md
 - app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb
 - app/pb_kits/playbook/pb_flex/docs/_flex_spacing.jsx
-- app/pb_kits/playbook/pb_flex/docs/_flex_vertical.html.erb
-- app/pb_kits/playbook/pb_flex/docs/_flex_vertical.jsx
+- app/pb_kits/playbook/pb_flex/docs/_flex_spacing.md
 - app/pb_kits/playbook/pb_flex/docs/_flex_wrap.html.erb
 - app/pb_kits/playbook/pb_flex/docs/_flex_wrap.jsx
+- app/pb_kits/playbook/pb_flex/docs/_flex_wrap.md
 - app/pb_kits/playbook/pb_flex/docs/example.yml
 - app/pb_kits/playbook/pb_flex/docs/index.js
 - app/pb_kits/playbook/pb_flex/flex.rb
@@ -1062,8 +1062,6 @@ files:
 - app/pb_kits/playbook/pb_icon/docs/_icon_border.jsx
 - app/pb_kits/playbook/pb_icon/docs/_icon_default.html.erb
 - app/pb_kits/playbook/pb_icon/docs/_icon_default.jsx
-- app/pb_kits/playbook/pb_icon/docs/_icon_default_dark.html.erb
-- app/pb_kits/playbook/pb_icon/docs/_icon_default_dark.jsx
 - app/pb_kits/playbook/pb_icon/docs/_icon_flip.html.erb
 - app/pb_kits/playbook/pb_icon/docs/_icon_flip.jsx
 - app/pb_kits/playbook/pb_icon/docs/_icon_pull.html.erb
@@ -1083,16 +1081,10 @@ 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_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
@@ -1116,10 +1108,6 @@ files:
 - 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
@@ -1193,8 +1181,6 @@ files:
 - app/pb_kits/playbook/pb_layout/docs/_layout_kanban_responsive.jsx
 - app/pb_kits/playbook/pb_layout/docs/_layout_sizes.html.erb
 - app/pb_kits/playbook/pb_layout/docs/_layout_sizes.jsx
-- app/pb_kits/playbook/pb_layout/docs/_layout_sizes_dark.html.erb
-- app/pb_kits/playbook/pb_layout/docs/_layout_sizes_dark.jsx
 - app/pb_kits/playbook/pb_layout/docs/_layout_transparent.html.erb
 - app/pb_kits/playbook/pb_layout/docs/_layout_transparent.jsx
 - app/pb_kits/playbook/pb_layout/docs/example.yml
@@ -1390,25 +1376,15 @@ 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
@@ -1719,15 +1695,18 @@ files:
 - app/pb_kits/playbook/pb_table/styles/_all.scss
 - app/pb_kits/playbook/pb_table/styles/_as-cards.scss
 - app/pb_kits/playbook/pb_table/styles/_content.scss
+- app/pb_kits/playbook/pb_table/styles/_desktop_collapse.scss
 - app/pb_kits/playbook/pb_table/styles/_headers.scss
 - app/pb_kits/playbook/pb_table/styles/_hover.scss
 - app/pb_kits/playbook/pb_table/styles/_mobile.scss
+- app/pb_kits/playbook/pb_table/styles/_mobile_collapse.scss
 - app/pb_kits/playbook/pb_table/styles/_reset.scss
 - app/pb_kits/playbook/pb_table/styles/_side_highlight.scss
 - app/pb_kits/playbook/pb_table/styles/_single-line.scss
 - app/pb_kits/playbook/pb_table/styles/_structure.scss
 - app/pb_kits/playbook/pb_table/styles/_table-card.scss
 - app/pb_kits/playbook/pb_table/styles/_table-dark.scss
+- app/pb_kits/playbook/pb_table/styles/_tablet_collapse.scss
 - app/pb_kits/playbook/pb_table/styles/_variables.scss
 - app/pb_kits/playbook/pb_table/table.rb
 - app/pb_kits/playbook/pb_table/table_row.rb
@@ -1768,6 +1747,7 @@ files:
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_resize.jsx
 - app/pb_kits/playbook/pb_textarea/docs/example.yml
 - app/pb_kits/playbook/pb_textarea/docs/index.js
+- app/pb_kits/playbook/pb_textarea/index.js
 - app/pb_kits/playbook/pb_textarea/textarea.rb
 - app/pb_kits/playbook/pb_time/_time.html.erb
 - app/pb_kits/playbook/pb_time/_time.jsx
@@ -1834,16 +1814,10 @@ files:
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.html.erb
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed_align.html.erb
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed_align.jsx
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.html.erb
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones_align.html.erb
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones_align.jsx
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.html.erb
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_align.html.erb
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_align.jsx
 - app/pb_kits/playbook/pb_timestamp/docs/example.yml
 - app/pb_kits/playbook/pb_timestamp/docs/index.js
 - app/pb_kits/playbook/pb_timestamp/timestamp.rb
@@ -1972,8 +1946,6 @@ files:
 - 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
@@ -2039,7 +2011,7 @@ homepage: http://playbook.powerapp.cloud
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -2055,7 +2027,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.1.4
-signing_key: 
+signing_key:
 specification_version: 4
 summary: Playbook Design System
 test_files: []