playbook_ui 6.3.1 → 6.4.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/packs/site_styles/docs/_kit_doc.scss +0 -1
- data/app/pb_kits/playbook/pb_button/_button_mixins.scss +31 -17
- data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.scss +16 -8
- data/app/pb_kits/playbook/pb_caption/_caption.jsx +3 -1
- data/app/pb_kits/playbook/pb_caption/_caption.scss +3 -0
- data/app/pb_kits/playbook/pb_caption/caption.rb +4 -1
- data/app/pb_kits/playbook/pb_caption/docs/_caption_variants.html.erb +1 -0
- data/app/pb_kits/playbook/pb_caption/docs/_caption_variants.jsx +16 -0
- data/app/pb_kits/playbook/pb_caption/docs/_caption_variants.md +3 -0
- data/app/pb_kits/playbook/pb_caption/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_caption/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_card/_card_mixin.scss +1 -0
- data/app/pb_kits/playbook/pb_checkbox/_checkbox.scss +12 -6
- data/app/pb_kits/playbook/pb_date/_date.html.erb +32 -8
- data/app/pb_kits/playbook/pb_date/_date.jsx +76 -67
- data/app/pb_kits/playbook/pb_date/_date.scss +25 -0
- data/app/pb_kits/playbook/pb_date/date.rb +20 -11
- data/app/pb_kits/playbook/pb_date/docs/_date_alignment.html.erb +24 -0
- data/app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx +32 -0
- data/app/pb_kits/playbook/pb_date/docs/_date_default.html.erb +1 -9
- data/app/pb_kits/playbook/pb_date/docs/_date_default_react.jsx +20 -0
- data/app/pb_kits/playbook/pb_date/docs/_date_default_react.md +3 -0
- data/app/pb_kits/playbook/pb_date/docs/_date_timezone.html.erb +51 -0
- data/app/pb_kits/playbook/pb_date/docs/_date_timezone.md +6 -0
- data/app/pb_kits/playbook/pb_date/docs/_date_variants.html.erb +27 -0
- data/app/pb_kits/playbook/pb_date/docs/_date_variants.jsx +39 -0
- data/app/pb_kits/playbook/pb_date/docs/_description.md +2 -0
- data/app/pb_kits/playbook/pb_date/docs/example.yml +6 -2
- data/app/pb_kits/playbook/pb_date/docs/index.js +3 -1
- data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_dark.jsx +1 -1
- data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +5 -2
- data/app/pb_kits/playbook/pb_icon/docs/_icon_default_dark.html.erb +3 -1
- data/app/pb_kits/playbook/pb_icon/docs/_icon_default_dark.jsx +7 -5
- data/app/pb_kits/playbook/pb_nav/_horizontal_nav.scss +6 -4
- data/app/pb_kits/playbook/pb_nav/_vertical_nav.scss +18 -14
- data/app/pb_kits/playbook/pb_radio/_radio.scss +9 -4
- data/app/pb_kits/playbook/pb_select/_select.scss +8 -4
- data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +6 -3
- data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss +35 -37
- data/app/pb_kits/playbook/pb_table/styles/_hover.scss +15 -12
- data/app/pb_kits/playbook/pb_table/styles/_mobile.scss +6 -4
- data/app/pb_kits/playbook/pb_table/styles/_table-dark.scss +6 -4
- data/app/pb_kits/playbook/pb_text_input/_text_input.scss +4 -4
- data/app/pb_kits/playbook/pb_time/_time.jsx +7 -5
- data/app/pb_kits/playbook/pb_time/docs/_time_dark.jsx +0 -2
- data/app/pb_kits/playbook/pb_time/docs/_time_default.jsx +1 -3
- data/app/pb_kits/playbook/pb_time/docs/_time_timestamp.jsx +0 -3
- data/app/pb_kits/playbook/pb_time/docs/_time_timezone.jsx +59 -0
- data/app/pb_kits/playbook/pb_time/docs/_time_timezone.md +11 -0
- data/app/pb_kits/playbook/pb_time/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_time/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_title/_title.jsx +1 -1
- data/app/pb_kits/playbook/pb_title/_title.scss +5 -5
- data/app/pb_kits/playbook/pb_title/docs/_title_variants.html.erb +1 -0
- data/app/pb_kits/playbook/pb_title/docs/_title_variants.jsx +17 -0
- data/app/pb_kits/playbook/pb_title/docs/_title_variants.md +3 -0
- data/app/pb_kits/playbook/pb_title/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_title/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.scss +4 -2
- data/lib/playbook/version.rb +1 -1
- metadata +17 -2
- data/app/pb_kits/playbook/pb_date/docs/_date_default.jsx +0 -28
@@ -0,0 +1,11 @@
|
|
1
|
+
Simply enter the timezone you would like to use and it will appear.
|
2
|
+
|
3
|
+
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.
|
4
|
+
|
5
|
+
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.
|
6
|
+
|
7
|
+
Remember, this is just labeling the timezone, please verify the actual time for a specified timezone is rendering properly.
|
8
|
+
|
9
|
+
Format: `<Continent>/<Large_City_Name>`
|
10
|
+
|
11
|
+
Continent Options: ` America | Europe | Asia | Africa | Pacific | India | Atlantic | Australia `
|
@@ -2,3 +2,4 @@ export { default as TimeDefault } from './_time_default.jsx'
|
|
2
2
|
export { default as TimeTimestamp } from './_time_timestamp.jsx'
|
3
3
|
export { default as TimeAlign } from './_time_align.jsx'
|
4
4
|
export { default as TimeDark } from './_time_dark.jsx'
|
5
|
+
export { default as TimeTimezone } from './_time_timezone.jsx'
|
@@ -0,0 +1 @@
|
|
1
|
+
<%= pb_rails("title", props: { text: "Title 4 (link)", tag: "h4", size: 4, variant: "link" }) %>
|
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 6.
|
4
|
+
version: 6.4.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
@@ -570,6 +570,9 @@ files:
|
|
570
570
|
- app/pb_kits/playbook/pb_caption/docs/_caption_dark.jsx
|
571
571
|
- app/pb_kits/playbook/pb_caption/docs/_caption_light.html.erb
|
572
572
|
- app/pb_kits/playbook/pb_caption/docs/_caption_light.jsx
|
573
|
+
- app/pb_kits/playbook/pb_caption/docs/_caption_variants.html.erb
|
574
|
+
- app/pb_kits/playbook/pb_caption/docs/_caption_variants.jsx
|
575
|
+
- app/pb_kits/playbook/pb_caption/docs/_caption_variants.md
|
573
576
|
- app/pb_kits/playbook/pb_caption/docs/_description.md
|
574
577
|
- app/pb_kits/playbook/pb_caption/docs/_footer.md
|
575
578
|
- app/pb_kits/playbook/pb_caption/docs/example.yml
|
@@ -699,8 +702,15 @@ files:
|
|
699
702
|
- app/pb_kits/playbook/pb_date/_date.jsx
|
700
703
|
- app/pb_kits/playbook/pb_date/_date.scss
|
701
704
|
- app/pb_kits/playbook/pb_date/date.rb
|
705
|
+
- app/pb_kits/playbook/pb_date/docs/_date_alignment.html.erb
|
706
|
+
- app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
|
702
707
|
- app/pb_kits/playbook/pb_date/docs/_date_default.html.erb
|
703
|
-
- app/pb_kits/playbook/pb_date/docs/
|
708
|
+
- app/pb_kits/playbook/pb_date/docs/_date_default_react.jsx
|
709
|
+
- app/pb_kits/playbook/pb_date/docs/_date_default_react.md
|
710
|
+
- app/pb_kits/playbook/pb_date/docs/_date_timezone.html.erb
|
711
|
+
- app/pb_kits/playbook/pb_date/docs/_date_timezone.md
|
712
|
+
- app/pb_kits/playbook/pb_date/docs/_date_variants.html.erb
|
713
|
+
- app/pb_kits/playbook/pb_date/docs/_date_variants.jsx
|
704
714
|
- app/pb_kits/playbook/pb_date/docs/_description.md
|
705
715
|
- app/pb_kits/playbook/pb_date/docs/example.yml
|
706
716
|
- app/pb_kits/playbook/pb_date/docs/index.js
|
@@ -1641,6 +1651,8 @@ files:
|
|
1641
1651
|
- app/pb_kits/playbook/pb_time/docs/_time_default.md
|
1642
1652
|
- app/pb_kits/playbook/pb_time/docs/_time_timestamp.html.erb
|
1643
1653
|
- app/pb_kits/playbook/pb_time/docs/_time_timestamp.jsx
|
1654
|
+
- app/pb_kits/playbook/pb_time/docs/_time_timezone.jsx
|
1655
|
+
- app/pb_kits/playbook/pb_time/docs/_time_timezone.md
|
1644
1656
|
- app/pb_kits/playbook/pb_time/docs/example.yml
|
1645
1657
|
- app/pb_kits/playbook/pb_time/docs/index.js
|
1646
1658
|
- app/pb_kits/playbook/pb_time/time.rb
|
@@ -1703,6 +1715,9 @@ files:
|
|
1703
1715
|
- app/pb_kits/playbook/pb_title/docs/_title_dark.jsx
|
1704
1716
|
- app/pb_kits/playbook/pb_title/docs/_title_light.html.erb
|
1705
1717
|
- app/pb_kits/playbook/pb_title/docs/_title_light.jsx
|
1718
|
+
- app/pb_kits/playbook/pb_title/docs/_title_variants.html.erb
|
1719
|
+
- app/pb_kits/playbook/pb_title/docs/_title_variants.jsx
|
1720
|
+
- app/pb_kits/playbook/pb_title/docs/_title_variants.md
|
1706
1721
|
- app/pb_kits/playbook/pb_title/docs/example.yml
|
1707
1722
|
- app/pb_kits/playbook/pb_title/docs/index.js
|
1708
1723
|
- app/pb_kits/playbook/pb_title/title.rb
|
@@ -1,28 +0,0 @@
|
|
1
|
-
import React from 'react'
|
2
|
-
import { Date } from '../../'
|
3
|
-
|
4
|
-
const DateDefault = () => {
|
5
|
-
return (
|
6
|
-
<div>
|
7
|
-
<Date
|
8
|
-
size="lg"
|
9
|
-
value="1995-12-25"
|
10
|
-
/>
|
11
|
-
|
12
|
-
<br />
|
13
|
-
|
14
|
-
<Date
|
15
|
-
value="17 Mar 69"
|
16
|
-
/>
|
17
|
-
|
18
|
-
<br />
|
19
|
-
|
20
|
-
<Date
|
21
|
-
size="xs"
|
22
|
-
value="2020-04-20T04:20:00.000Z"
|
23
|
-
/>
|
24
|
-
</div>
|
25
|
-
)
|
26
|
-
}
|
27
|
-
|
28
|
-
export default DateDefault
|