playbook_ui 11.4.0 → 11.5.0.pre.alpha.datepicker1

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 11.4.0
+  version: 11.5.0.pre.alpha.datepicker1
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-08-30 00:00:00.000000000 Z
+date: 2022-09-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -348,6 +348,7 @@ files:
 - app/pb_kits/playbook/pb_badge/_badge.tsx
 - app/pb_kits/playbook/pb_badge/badge.html.erb
 - app/pb_kits/playbook/pb_badge/badge.rb
+- app/pb_kits/playbook/pb_badge/badge.test.js
 - 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_default.html.erb
@@ -417,6 +418,7 @@ files:
 - app/pb_kits/playbook/pb_button/docs/_button_accessibility.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_block_content.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_block_content.jsx
+- app/pb_kits/playbook/pb_button/docs/_button_block_content.md
 - 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
@@ -425,6 +427,9 @@ files:
 - 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
+- app/pb_kits/playbook/pb_button/docs/_button_icon_options.html.erb
+- app/pb_kits/playbook/pb_button/docs/_button_icon_options.jsx
+- app/pb_kits/playbook/pb_button/docs/_button_icon_options.md
 - app/pb_kits/playbook/pb_button/docs/_button_link.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_link.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_loading.html.erb
@@ -689,6 +694,11 @@ files:
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.md
 - 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_positions.html.erb
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions.jsx
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions.md
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.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_time.html.erb
@@ -713,10 +723,11 @@ files:
 - app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss
 - app/pb_kits/playbook/pb_date_picker/sass_partials/_time_selection_styles.scss
 - app/pb_kits/playbook/pb_date_picker/sass_partials/_week_styles.scss
-- app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.jsx
 - app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss
+- app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.tsx
 - app/pb_kits/playbook/pb_date_range_inline/date_range_inline.html.erb
 - app/pb_kits/playbook/pb_date_range_inline/date_range_inline.rb
+- app/pb_kits/playbook/pb_date_range_inline/date_range_inline.test.js
 - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.html.erb
 - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.jsx
 - app/pb_kits/playbook/pb_date_range_inline/docs/_description.md
@@ -750,8 +761,9 @@ files:
 - app/pb_kits/playbook/pb_date_stacked/docs/_footer.md
 - app/pb_kits/playbook/pb_date_stacked/docs/example.yml
 - app/pb_kits/playbook/pb_date_stacked/docs/index.js
-- app/pb_kits/playbook/pb_date_time/_date_time.jsx
 - app/pb_kits/playbook/pb_date_time/_date_time.scss
+- app/pb_kits/playbook/pb_date_time/_date_time.tsx
+- app/pb_kits/playbook/pb_date_time/dateTime.test.js
 - app/pb_kits/playbook/pb_date_time/date_time.html.erb
 - app/pb_kits/playbook/pb_date_time/date_time.rb
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_align.html.erb
@@ -772,10 +784,11 @@ files:
 - 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
 - app/pb_kits/playbook/pb_date_time_stacked/docs/index.js
-- 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.tsx
 - app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.html.erb
 - app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.rb
+- app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.test.js
 - 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
@@ -828,8 +841,8 @@ files:
 - app/pb_kits/playbook/pb_docs/kit_example.rb
 - app/pb_kits/playbook/pb_enhanced_element/element_observer.js
 - app/pb_kits/playbook/pb_enhanced_element/index.js
-- app/pb_kits/playbook/pb_file_upload/_file_upload.jsx
 - app/pb_kits/playbook/pb_file_upload/_file_upload.scss
+- app/pb_kits/playbook/pb_file_upload/_file_upload.tsx
 - app/pb_kits/playbook/pb_file_upload/docs/_description.md
 - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_accept.jsx
 - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.jsx
@@ -863,6 +876,9 @@ files:
 - app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.md
 - app/pb_kits/playbook/pb_filter/docs/_filter_only.html.erb
 - app/pb_kits/playbook/pb_filter/docs/_filter_only.jsx
+- app/pb_kits/playbook/pb_filter/docs/_filter_placement.html.erb
+- app/pb_kits/playbook/pb_filter/docs/_filter_placement.jsx
+- app/pb_kits/playbook/pb_filter/docs/_filter_placement.md
 - app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb
 - app/pb_kits/playbook/pb_filter/docs/_filter_single.jsx
 - app/pb_kits/playbook/pb_filter/docs/_sort_only.html.erb
@@ -871,6 +887,7 @@ files:
 - app/pb_kits/playbook/pb_filter/docs/index.js
 - app/pb_kits/playbook/pb_filter/filter.html.erb
 - app/pb_kits/playbook/pb_filter/filter.rb
+- app/pb_kits/playbook/pb_filter/filter.test.js
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.tsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_description.md
@@ -940,8 +957,8 @@ files:
 - app/pb_kits/playbook/pb_form/docs/example.yml
 - app/pb_kits/playbook/pb_form/form.rb
 - app/pb_kits/playbook/pb_form/pb_form_validation.js
-- app/pb_kits/playbook/pb_form_group/_form_group.jsx
 - app/pb_kits/playbook/pb_form_group/_form_group.scss
+- app/pb_kits/playbook/pb_form_group/_form_group.tsx
 - app/pb_kits/playbook/pb_form_group/docs/_form_group_button.html.erb
 - app/pb_kits/playbook/pb_form_group/docs/_form_group_button.jsx
 - app/pb_kits/playbook/pb_form_group/docs/_form_group_date_picker.html.erb
@@ -963,6 +980,7 @@ files:
 - app/pb_kits/playbook/pb_form_group/docs/index.js
 - app/pb_kits/playbook/pb_form_group/form_group.html.erb
 - app/pb_kits/playbook/pb_form_group/form_group.rb
+- app/pb_kits/playbook/pb_form_group/form_group.test.js
 - app/pb_kits/playbook/pb_form_pill/_form_pill.scss
 - app/pb_kits/playbook/pb_form_pill/_form_pill.tsx
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_example.html.erb
@@ -1012,10 +1030,14 @@ files:
 - app/pb_kits/playbook/pb_hashtag/docs/_footer.md
 - 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/_hashtag_link.html.erb
+- app/pb_kits/playbook/pb_hashtag/docs/_hashtag_link.jsx
+- app/pb_kits/playbook/pb_hashtag/docs/_hashtag_link.md
 - app/pb_kits/playbook/pb_hashtag/docs/example.yml
 - app/pb_kits/playbook/pb_hashtag/docs/index.js
 - app/pb_kits/playbook/pb_hashtag/hashtag.html.erb
 - app/pb_kits/playbook/pb_hashtag/hashtag.rb
+- app/pb_kits/playbook/pb_hashtag/hashtag.test.js
 - app/pb_kits/playbook/pb_highlight/_highlight.scss
 - app/pb_kits/playbook/pb_highlight/_highlight.tsx
 - app/pb_kits/playbook/pb_highlight/docs/_description.md
@@ -1026,8 +1048,8 @@ files:
 - app/pb_kits/playbook/pb_highlight/docs/index.js
 - app/pb_kits/playbook/pb_highlight/highlight.html.erb
 - app/pb_kits/playbook/pb_highlight/highlight.rb
-- app/pb_kits/playbook/pb_home_address_street/_home_address_street.jsx
 - app/pb_kits/playbook/pb_home_address_street/_home_address_street.scss
+- app/pb_kits/playbook/pb_home_address_street/_home_address_street.tsx
 - app/pb_kits/playbook/pb_home_address_street/city_emphasis.html.erb
 - app/pb_kits/playbook/pb_home_address_street/city_emphasis.rb
 - app/pb_kits/playbook/pb_home_address_street/docs/_description.md
@@ -1038,12 +1060,16 @@ files:
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.html.erb
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.jsx
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.md
+- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.html.erb
+- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.jsx
+- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.md
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_modified.html.erb
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_modified.jsx
 - app/pb_kits/playbook/pb_home_address_street/docs/example.yml
 - app/pb_kits/playbook/pb_home_address_street/docs/index.js
 - app/pb_kits/playbook/pb_home_address_street/home_address_street.html.erb
 - app/pb_kits/playbook/pb_home_address_street/home_address_street.rb
+- app/pb_kits/playbook/pb_home_address_street/home_adress_street.test.js
 - app/pb_kits/playbook/pb_home_address_street/street_emphasis.html.erb
 - app/pb_kits/playbook/pb_home_address_street/street_emphasis.rb
 - app/pb_kits/playbook/pb_icon/_icon.scss
@@ -1088,8 +1114,8 @@ files:
 - app/pb_kits/playbook/pb_icon_circle/docs/index.js
 - app/pb_kits/playbook/pb_icon_circle/icon_circle.html.erb
 - app/pb_kits/playbook/pb_icon_circle/icon_circle.rb
-- app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.jsx
 - app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.scss
+- app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.tsx
 - app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.html.erb
 - app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx
 - app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_default.html.erb
@@ -1102,8 +1128,9 @@ files:
 - app/pb_kits/playbook/pb_icon_stat_value/docs/index.js
 - app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.html.erb
 - app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.rb
-- app/pb_kits/playbook/pb_icon_value/_icon_value.jsx
+- app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.test.js
 - app/pb_kits/playbook/pb_icon_value/_icon_value.scss
+- app/pb_kits/playbook/pb_icon_value/_icon_value.tsx
 - 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
@@ -1113,6 +1140,7 @@ files:
 - app/pb_kits/playbook/pb_icon_value/docs/index.js
 - app/pb_kits/playbook/pb_icon_value/icon_value.html.erb
 - app/pb_kits/playbook/pb_icon_value/icon_value.rb
+- app/pb_kits/playbook/pb_icon_value/icon_value.test.js
 - app/pb_kits/playbook/pb_image/_image.scss
 - app/pb_kits/playbook/pb_image/_image.tsx
 - app/pb_kits/playbook/pb_image/docs/_custom_error_image.html.erb
@@ -1143,8 +1171,8 @@ files:
 - app/pb_kits/playbook/pb_label_pill/docs/index.js
 - app/pb_kits/playbook/pb_label_pill/label_pill.html.erb
 - app/pb_kits/playbook/pb_label_pill/label_pill.rb
-- app/pb_kits/playbook/pb_label_value/_label_value.jsx
 - app/pb_kits/playbook/pb_label_value/_label_value.scss
+- app/pb_kits/playbook/pb_label_value/_label_value.tsx
 - 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_default.html.erb
@@ -1159,8 +1187,9 @@ files:
 - app/pb_kits/playbook/pb_label_value/docs/index.js
 - app/pb_kits/playbook/pb_label_value/label_value.html.erb
 - app/pb_kits/playbook/pb_label_value/label_value.rb
-- app/pb_kits/playbook/pb_layout/_layout.jsx
+- app/pb_kits/playbook/pb_label_value/label_value.test.js
 - app/pb_kits/playbook/pb_layout/_layout.scss
+- app/pb_kits/playbook/pb_layout/_layout.tsx
 - app/pb_kits/playbook/pb_layout/_layout_mixin.scss
 - app/pb_kits/playbook/pb_layout/body.html.erb
 - app/pb_kits/playbook/pb_layout/body.rb
@@ -1195,6 +1224,7 @@ files:
 - app/pb_kits/playbook/pb_layout/item.rb
 - app/pb_kits/playbook/pb_layout/layout.html.erb
 - app/pb_kits/playbook/pb_layout/layout.rb
+- app/pb_kits/playbook/pb_layout/layout.test.js
 - app/pb_kits/playbook/pb_layout/sidebar.html.erb
 - app/pb_kits/playbook/pb_layout/sidebar.rb
 - app/pb_kits/playbook/pb_legend/_legend.jsx
@@ -1933,6 +1963,7 @@ files:
 - app/pb_kits/playbook/pb_timestamp/docs/index.js
 - app/pb_kits/playbook/pb_timestamp/timestamp.html.erb
 - app/pb_kits/playbook/pb_timestamp/timestamp.rb
+- app/pb_kits/playbook/pb_timestamp/timestamp.test.js
 - app/pb_kits/playbook/pb_title/_title.scss
 - app/pb_kits/playbook/pb_title/_title.tsx
 - app/pb_kits/playbook/pb_title/_title_mixin.scss
@@ -2154,29 +2185,29 @@ files:
 - app/pb_kits/playbook/tokens/exports/_spacing.scss
 - app/pb_kits/playbook/tokens/exports/_typography.scss
 - app/pb_kits/playbook/tokens/index.scss
-- app/pb_kits/playbook/utilities/_align_content.scss
-- app/pb_kits/playbook/utilities/_align_items.scss
-- app/pb_kits/playbook/utilities/_align_self.scss
 - app/pb_kits/playbook/utilities/_background_colors.scss
 - app/pb_kits/playbook/utilities/_colors.scss
 - app/pb_kits/playbook/utilities/_cursor.scss
 - app/pb_kits/playbook/utilities/_display.scss
-- app/pb_kits/playbook/utilities/_flex.scss
-- app/pb_kits/playbook/utilities/_flex_direction.scss
-- app/pb_kits/playbook/utilities/_flex_grow.scss
-- app/pb_kits/playbook/utilities/_flex_shrink.scss
-- app/pb_kits/playbook/utilities/_flex_wrap.scss
 - app/pb_kits/playbook/utilities/_flexbox.scss
-- app/pb_kits/playbook/utilities/_justify_content.scss
-- app/pb_kits/playbook/utilities/_justify_self.scss
 - app/pb_kits/playbook/utilities/_line_height.scss
 - app/pb_kits/playbook/utilities/_max_width.scss
 - app/pb_kits/playbook/utilities/_mixins.scss
 - app/pb_kits/playbook/utilities/_number_spacing.scss
-- app/pb_kits/playbook/utilities/_order.scss
 - app/pb_kits/playbook/utilities/_positioning.scss
 - app/pb_kits/playbook/utilities/_shadow.scss
 - app/pb_kits/playbook/utilities/_spacing.scss
+- app/pb_kits/playbook/utilities/flexbox_global_props/_align_content.scss
+- app/pb_kits/playbook/utilities/flexbox_global_props/_align_items.scss
+- app/pb_kits/playbook/utilities/flexbox_global_props/_align_self.scss
+- app/pb_kits/playbook/utilities/flexbox_global_props/_flex.scss
+- app/pb_kits/playbook/utilities/flexbox_global_props/_flex_direction.scss
+- app/pb_kits/playbook/utilities/flexbox_global_props/_flex_grow.scss
+- app/pb_kits/playbook/utilities/flexbox_global_props/_flex_shrink.scss
+- app/pb_kits/playbook/utilities/flexbox_global_props/_flex_wrap.scss
+- app/pb_kits/playbook/utilities/flexbox_global_props/_justify_content.scss
+- app/pb_kits/playbook/utilities/flexbox_global_props/_justify_self.scss
+- app/pb_kits/playbook/utilities/flexbox_global_props/_order.scss
 - app/pb_kits/playbook/utilities/globalProps.ts
 - app/pb_kits/playbook/utilities/props.ts
 - app/pb_kits/playbook/utilities/test-utils.js
@@ -2266,9 +2297,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubygems_version: 3.3.7
 signing_key:

data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.jsx

@@ -1,155 +0,0 @@
-/* @flow */
-
-import React from 'react'
-import classnames from 'classnames'
-
-import { globalProps } from '../utilities/globalProps'
-import { buildCss } from '../utilities/props'
-import DateTime from '../pb_kit/dateTime'
-
-import Body from '../pb_body/_body'
-import Caption from '../pb_caption/_caption'
-import Icon from '../pb_icon/_icon'
-
-type DateRangeInlineProps = {
-  className?: string,
-  id?: string,
-  data?: string,
-  align?: "left" | "center" | "vertical",
-  size?: "sm" | "xs",
-  dark?: boolean,
-  icon?: boolean,
-  startDate?: date,
-  endDate?: date
-}
-
-const dateTimestamp = (dateValue, includeYear) => {
-  const date = new DateTime({ value: dateValue })
-  if (includeYear) {
-    return `${date.toMonth()} ${date.toDay()}, ${date.toYear()}`
-  } else {
-    return `${date.toMonth()} ${date.toDay()}`
-  }
-}
-
-const dateTimeIso = (dateValue) => {
-  const date = new DateTime({ value: dateValue })
-  return date.toIso()
-}
-
-const DateRangeInline = (props: DateRangeInlineProps) => {
-  const {
-    icon = false,
-    dark = false,
-    size = 'sm',
-    align = 'left',
-    startDate,
-    endDate,
-    className,
-  } = props
-
-  const iconContent = () => {
-    return (
-      <If condition={icon}>
-        <Body
-            color="light"
-            key={Math.random()}
-            tag="span"
-        >
-          <Icon
-              className="pb_date_range_inline_icon"
-              dark={dark}
-              fixedWidth
-              icon="calendar-alt"
-              size={size}
-              tag="span"
-          />
-        </Body>
-      </If>
-    )
-  }
-
-  const dateInCurrentYear = () => {
-    const currentDate = new Date()
-    return startDate.getFullYear() == endDate.getFullYear() && startDate.getFullYear() == currentDate.getFullYear()
-  }
-
-  const dateRangeClasses =  buildCss('pb_date_range_inline_kit', align)
-
-  const renderTime = (date) => {
-    return (
-      <time dateTime={dateTimeIso(date)}>
-        <Choose>
-          <When condition={dateInCurrentYear()}>
-            {` ${dateTimestamp(date, false)} `}
-          </When>
-          <Otherwise>
-            {` ${dateTimestamp(date, true)} `}
-          </Otherwise>
-        </Choose>
-      </time>
-    )
-  }
-
-  return (
-    <div className={classnames(dateRangeClasses, globalProps(props), className)}>
-      <div className="pb_date_range_inline_wrapper">
-        <If condition={size == 'xs'}>
-          {iconContent()}
-          <Caption
-              dark={dark}
-              tag="span"
-          >
-            {renderTime(startDate)}
-          </Caption>
-          <Caption
-              dark={dark}
-              tag="span"
-          >
-            <Icon
-                className="pb_date_range_inline_arrow"
-                fixedWidth
-                icon="long-arrow-right"
-            />
-          </Caption>
-          <Caption
-              dark={dark}
-              tag="span"
-          >
-            {renderTime(endDate)}
-          </Caption>
-        </If>
-
-        <If condition={size == 'sm'}>
-          {iconContent()}
-          <Body
-              dark={dark}
-              tag="span"
-          >
-            {renderTime(startDate)}
-          </Body>
-          <Body
-              color="light"
-              dark={dark}
-              tag="span"
-          >
-            <Icon
-                className="pb_date_range_inline_arrow"
-                dark={dark}
-                fixedWidth
-                icon="long-arrow-right"
-            />
-          </Body>
-          <Body
-              dark={dark}
-              tag="span"
-          >
-            {renderTime(endDate)}
-          </Body>
-        </If>
-      </div>
-    </div>
-  )
-}
-
-export default DateRangeInline

data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.jsx

@@ -1,124 +0,0 @@
-/* @flow */
-
-import React from 'react'
-import classnames from 'classnames'
-
-import { joinPresent, titleize } from '../utilities/text'
-import { globalProps } from '../utilities/globalProps'
-
-import Body from '../pb_body/_body'
-import Hashtag from '../pb_hashtag/_hashtag'
-import Title from '../pb_title/_title'
-
-type HomeAddressStreetProps = {
-  address: string,
-  addressCont: string,
-  city: string,
-  className?: string,
-  dark?: boolean,
-  emphasis: "street" | "city",
-  homeId: number,
-  houseStyle: string,
-  homeUrl: string,
-  state: string,
-  zipcode: string,
-  territory: string,
-}
-
-const HomeAddressStreet = (props: HomeAddressStreetProps) => {
-  const {
-    address,
-    addressCont,
-    city,
-    className,
-    dark = false,
-    emphasis = 'street',
-    homeId,
-    homeUrl,
-    houseStyle,
-    state,
-    zipcode,
-    territory,
-  } = props
-
-  const classes = (className, dark) =>
-    classnames(
-      {
-        'pb_home_address_street': !dark,
-        'pb_home_address_street_dark': dark,
-      },
-      globalProps(props),
-      className
-    )
-  return (
-    <div className={classes(className, dark)}>
-      {
-        <Choose>
-          <When condition={emphasis == 'street'}>
-            <div>
-              <Title
-                  className="pb_home_address_street_address"
-                  dark={dark}
-                  size={4}
-              >
-                {joinPresent([titleize(address), houseStyle], ' · ')}
-              </Title>
-              <Title
-                  className="pb_home_address_street_address"
-                  dark={dark}
-                  size={4}
-              >
-                {titleize(addressCont)}
-              </Title>
-              <Body color="light">
-                {`${titleize(city)}, ${state} ${zipcode}`}
-              </Body>
-            </div>
-          </When>
-          <When condition={emphasis == 'city'}>
-            <div>
-              <Body color="light">
-                {joinPresent([titleize(address), houseStyle], ' · ')}
-              </Body>
-              <Body color="light">{titleize(addressCont)}</Body>
-              <div>
-                <Title
-                    className="pb_home_address_street_address"
-                    dark={dark}
-                    size={4}
-                    tag="span"
-                >
-                  {`${titleize(city)}, ${state}`}
-                </Title>
-                <Body
-                    color="light"
-                    tag="span"
-                >
-                  {` ${zipcode}`}
-                </Body>
-              </div>
-            </div>
-          </When>
-        </Choose>
-      }
-
-      <If condition={homeId}>
-        <Hashtag
-            classname="home-hashtag"
-            dark={dark}
-            text={homeId}
-            type="home"
-            url={homeUrl || '#'}
-        />
-      </If>
-      <Body
-          color="light"
-          tag="span"
-      >
-        <small>{territory}</small>
-      </Body>
-    </div>
-  )
-}
-
-export default HomeAddressStreet