playbook_ui_docs 12.24.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown756 → 12.24.0.pre.alpha.play824745

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 12.24.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown756
+  version: 12.24.0.pre.alpha.play824745
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-06-09 00:00:00.000000000 Z
+date: 2023-06-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -307,9 +307,6 @@ files:
 - app/pb_kits/playbook/pb_date/docs/_date_default.jsx
 - 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_unstyled.html.erb
-- app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
-- app/pb_kits/playbook/pb_date/docs/_date_unstyled.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
@@ -360,8 +357,6 @@ files:
 - 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_quick_pick.html.erb
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick.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
@@ -938,6 +933,8 @@ files:
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.html.erb
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.jsx
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.md
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.html.erb
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.jsx
 - app/pb_kits/playbook/pb_phone_number_input/docs/example.yml
 - app/pb_kits/playbook/pb_phone_number_input/docs/index.js
 - app/pb_kits/playbook/pb_pill/docs/_description.md
@@ -1266,9 +1263,6 @@ files:
 - app/pb_kits/playbook/pb_time/docs/_time_timezone.html.erb
 - app/pb_kits/playbook/pb_time/docs/_time_timezone.jsx
 - app/pb_kits/playbook/pb_time/docs/_time_timezone.md
-- app/pb_kits/playbook/pb_time/docs/_time_unstyled.html.erb
-- app/pb_kits/playbook/pb_time/docs/_time_unstyled.jsx
-- app/pb_kits/playbook/pb_time/docs/_time_unstyled.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_range_inline/docs/_time_range_inline_default.html.erb

data/app/pb_kits/playbook/pb_date/docs/_date_unstyled.html.erb

@@ -1,30 +0,0 @@
-<%= pb_rails("caption", props: { size: "xs", text: "Example with no year" }) %>
-
-<%= pb_rails("date", props: {
-  date: Date.today,
-  unstyled: true
-}) %>
-
-<br />
-
-<%= pb_rails("caption", props: { size: "xs", text: "Example with wrapping typography kit" }) %>
-
-<%= pb_rails("title", props: { size: 1 }) do %>
-  <%= pb_rails("date", props: {
-    date: "2012-08-02T15:49:29Z",
-    unstyled: true
-  }) %>
-<% end %>
-
-<br />
-
-<%= pb_rails("caption", props: { size: "xs", text: "Example with icon + subcaption" }) %>
-
-<%= pb_rails("caption", props: { size: "xs" }) do %>
-  <%= pb_rails("date", props: {
-    date: "2012-08-02T15:49:29Z",
-    show_icon: true,
-    unstyled: true,
-    show_day_of_week: true
-  }) %>
-<% end %>

data/app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx

@@ -1,47 +0,0 @@
-import React from 'react'
-import { Caption, Date as FormattedDate, Title } from '../../'
-
-const DateUnstyled = (props) => {
-  return (
-    <>
-      <Caption size="xs"
-          text="Basic unstyled example"
-      />
-      <FormattedDate
-          unstyled
-          value={new Date()}
-          {...props}
-      />
-
-      <br />
-
-      <Caption size="xs"
-          text="Example with wrapping typography kit"
-      />
-      <Title size={1}>
-        <FormattedDate
-            unstyled
-            value="1995-12-25"
-            {...props}
-        />
-      </Title>
-
-      <br />
-
-      <Caption size="xs"
-          text="Example with icon + subcaption"
-      />
-      <Caption size="xs">
-        <FormattedDate
-            showDayOfWeek
-            showIcon
-            unstyled
-            value="1995-12-25"
-            {...props}
-        />
-      </Caption>
-    </>
-  )
-}
-
-export default DateUnstyled

data/app/pb_kits/playbook/pb_date/docs/_date_unstyled.md

@@ -1 +0,0 @@
-For alternative typography styles, you can pass a boolean prop called `unstyled` to the `Date` kit and wrap it in any of our typography kits (`Title`, `Body`, `Caption`, etc.). This will allow the `Date` kit to inherit any of our typography styles.

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick.html.erb

@@ -1,8 +0,0 @@
-<%= pb_rails("date_picker", props: {
-  allow_input: true,
-  mode: "range",
-  picker_id: "date-picker-quick-pick",
-  placeholder: "mm/dd/yyyy → mm/dd/yyyy",
-  selection_type: "quickpick"
-}) %>
-

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-
-import DatePicker from '../_date_picker'
-
-const DatePickerQuickPick = (props) => (
-  <div>
-    <DatePicker
-        allowInput
-        mode="range"
-        pickerId="date-picker-quick-pick"
-        placeholder="mm/dd/yyyy → mm/dd/yyyy"
-        selectionType="quickpick"
-        {...props}
-    />
-  </div>
-)
-
-export default DatePickerQuickPick

data/app/pb_kits/playbook/pb_time/docs/_time_unstyled.html.erb

@@ -1,37 +0,0 @@
-<%= pb_rails("caption", props: { size: "xs", text: "Example with no year" }) %>
-
-<%= pb_rails("time", props: {
-  show_icon: true,
-  show_timezone: true,
-  time: DateTime.now,
-  timezone: "America/New_York",
-  unstyled: true
-}) %>
-
-<br />
-
-<%= pb_rails("caption", props: { size: "xs", text: "Example with wrapping typography kit" }) %>
-
-<%= pb_rails("title", props: { size: 1 }) do %>
-  <%= pb_rails("time", props: {
-    show_icon: true,
-    show_timezone: true,
-    time: DateTime.now,
-    timezone: "America/New_York",
-    unstyled: true
-  }) %>
-<% end %>
-
-<br />
-
-<%= pb_rails("caption", props: { size: "xs", text: "Example with icon + subcaption" }) %>
-
-<%= pb_rails("caption", props: { size: "xs" }) do %>
-  <%= pb_rails("time", props: {
-    show_icon: true,
-    show_timezone: true,
-    time: DateTime.now,
-    timezone: "America/New_York",
-    unstyled: true
-  }) %>
-<% end %>

data/app/pb_kits/playbook/pb_time/docs/_time_unstyled.jsx

@@ -1,58 +0,0 @@
-import React from 'react'
-import Time from '../_time'
-import Caption from '../../pb_caption/_caption'
-import Title from '../../pb_title/_title'
-
-const TimeUnstyled = (props) => {
-  return (
-    <>
-      <Caption size="xs"
-          text="Basic unstyled example"
-      />
-      <Time
-          date={new Date()}
-          showIcon
-          showTimezone
-          timeZone="America/New_York"
-          unstyled
-          {...props}
-      />
-
-      <br />
-
-      <Caption size="xs"
-          text="Example with wrapping typography kit"
-      />
-      <Title size={1}>
-        <Time
-            date={new Date()}
-            showIcon
-            showTimezone
-            timeZone="America/New_York"
-            unstyled
-            {...props}
-        />
-      </Title>
-
-      <br />
-
-      <Caption size="xs"
-          text="Example with icon + subcaption"
-      />
-      <Caption size="xs">
-        <Time
-            date={new Date()}
-            showIcon
-            showTimezone
-            timeZone="America/New_York"
-            unstyled
-            {...props}
-        />
-      </Caption>
-
-      <br />
-    </>
-  )
-}
-
-export default TimeUnstyled

data/app/pb_kits/playbook/pb_time/docs/_time_unstyled.md

@@ -1 +0,0 @@
-For alternative typography styles, you can pass a boolean prop called `unstyled` to the `Time` kit and wrap it in any of our typography kits (`Title`, `Body`, `Caption`, etc.). This will allow the `Time` kit to inherit any of our typography styles.