playbook_ui 6.3.1 → 6.5.1

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

@@ -0,0 +1,11 @@
+Simply enter the timezone you would like to use and it will appear.
+
+The list of supported timezones is exhaustive and we're most likely to only use timezones from the Americas so we've highlighted those in the examples.
+
+However, if you need to support another timezone you should be able to Google a specific list, otherwise you can follow the string pattern and try entering a continent and a city.
+
+Remember, this is just labeling the timezone, please verify the actual time for a specified timezone is rendering properly. 
+
+Format: `<Continent>/<Large_City_Name>`
+
+Continent Options: ` America | Europe | Asia | Africa | Pacific | India | Atlantic | Australia `

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

@@ -7,5 +7,6 @@ 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

@@ -2,3 +2,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_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,9 @@
 examples:
   rails:
   - title_light: Light UI
+  - title_variants: Variants
   - title_dark: Dark UI
   react:
   - title_light: Light UI
+  - title_variants: Variants
   - title_dark: Dark UI

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

@@ -1,2 +1,3 @@
 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_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/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/lib/playbook/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 6.3.1
+  version: 6.5.1
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-08-28 00:00:00.000000000 Z
+date: 2020-09-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -570,6 +570,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
@@ -704,6 +707,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
@@ -874,6 +924,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
@@ -1641,6 +1692,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
@@ -1703,6 +1756,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
@@ -1939,8 +1995,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.7.3
+rubygems_version: 3.1.4
 signing_key: 
 specification_version: 4
 summary: Playbook Design System