playbook_ui_docs 12.37.0.pre.alpha.svgiconmethods1064 → 12.38.0.pre.alpha.playbook123801077

Sign up to get free protection for your applications and to get access to all the features.
Files changed (11) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx +2 -2
  3. data/app/pb_kits/playbook/pb_date/docs/_date_default.jsx +29 -5
  4. data/app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx +2 -2
  5. data/app/pb_kits/playbook/pb_date/docs/_date_variants.jsx +5 -5
  6. data/app/pb_kits/playbook/pb_icon/docs/_icon_animate.html.erb +0 -1
  7. data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.html.erb +0 -2
  8. data/app/pb_kits/playbook/pb_icon/docs/example.yml +9 -10
  9. data/dist/playbook-doc.js +10 -15
  10. metadata +2 -3
  11. data/app/pb_kits/playbook/pb_icon/docs/_icon_svg.html.erb +0 -5
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 320dcb176e88572a505020f6bf955296b12c6022f85165cbeed887d080537ec1
4
- data.tar.gz: e6660216f9587db018ed8bbfabed4034d2a25e31860df48b247fd85a2715c6c8
3
+ metadata.gz: a2c8fbd639d3ce366bfecfe62f7cd3a0b80a3e3f9e06e1495ceb869278310da0
4
+ data.tar.gz: 5d921f57b11cf58260faadaa2e6dbb7ffbba3b935d293112f49a013b343ac829
5
5
  SHA512:
6
- metadata.gz: 24047b8470b70e24cc0ae9a1b019a469d6fc5106616bad904308daabe52a4be068822ae61f5fd3bcf18340c3060d753e2143fa0ac9111cacf2aa2b5d5ef00afe
7
- data.tar.gz: 7ae61482f5fde0baa7326febb425392ea4b811c772d33d66f5dced9ad80fed507eb333f8fec42f2649cc5de640c183730371befa0b59f090e04f0cb19744ef4f
6
+ metadata.gz: 693593648e49f2a4daf283b24702ac352940af4abb38891e7c5049eacc159b64e58fa1b40585b2877fef9b2156608c9d6d6672ee1f22b8e82a0ab9de42d8f6b8
7
+ data.tar.gz: 4bd206415ae30ae2b74c2e8d1ca075ad97fe919263ecf3e0445ec22f266d5f39d63e89e57fb19acd79b6f1159d1baa71980d65cb320f341b7128a7ab063b0ffe
data/app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx CHANGED
@@ -7,7 +7,7 @@ const DateAlignment = (props) => {
7
7
  <FormattedDate
8
8
  dayOfWeek
9
9
  icon
10
- value="1995-12-25"
10
+ value={new Date('25 Dec 1995')}
11
11
  {...props}
12
12
  />
13
13
 
@@ -17,7 +17,7 @@ const DateAlignment = (props) => {
17
17
  alignment="center"
18
18
  dayOfWeek
19
19
  icon
20
- value="2020-12-25"
20
+ value={new Date('25 Dec 2020')}
21
21
  {...props}
22
22
  />
23
23
 
data/app/pb_kits/playbook/pb_date/docs/_date_default.jsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { Date as FormattedDate } from '../../'
2
+ import { Date as FormattedDate, Caption, Title } from '../../'
3
3
 
4
4
  const DateDefault = (props) => {
5
5
  return (
@@ -12,9 +12,20 @@ const DateDefault = (props) => {
12
12
 
13
13
  <br />
14
14
 
15
+ <div style={{display: "flex", columnGap: 4}}>
16
+ <FormattedDate
17
+ size="sm"
18
+ value={"2012-08-03"}
19
+ {...props}
20
+ />
21
+ <Caption>{"(Hyphenated Date)"}</Caption>
22
+ </div>
23
+
24
+ <br />
25
+
15
26
  <FormattedDate
16
27
  size="sm"
17
- value="2012-08-03"
28
+ value={new Date('03 Aug 2012')}
18
29
  {...props}
19
30
  />
20
31
 
@@ -23,7 +34,7 @@ const DateDefault = (props) => {
23
34
  <FormattedDate
24
35
  showDayOfWeek
25
36
  size="sm"
26
- value="2017-12-03"
37
+ value={new Date('03 Dec 2017')}
27
38
  {...props}
28
39
  />
29
40
 
@@ -37,8 +48,21 @@ const DateDefault = (props) => {
37
48
 
38
49
  <br />
39
50
 
51
+ <div style={{display: "flex", columnGap: 4}}>
52
+ <FormattedDate
53
+ value={"2012-08-03"}
54
+ {...props}
55
+ />
56
+ <Title
57
+ size={4}
58
+ text={"(Hyphenated Date)"}
59
+ />
60
+ </div>
61
+
62
+ <br />
63
+
40
64
  <FormattedDate
41
- value="2012-08-03"
65
+ value={new Date('03 Aug 2012')}
42
66
  {...props}
43
67
  />
44
68
 
@@ -46,7 +70,7 @@ const DateDefault = (props) => {
46
70
 
47
71
  <FormattedDate
48
72
  showDayOfWeek
49
- value="2017-12-03"
73
+ value={new Date('03 Dec 2017')}
50
74
  {...props}
51
75
  />
52
76
  </>
data/app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx CHANGED
@@ -21,7 +21,7 @@ const DateUnstyled = (props) => {
21
21
  <Title size={1}>
22
22
  <FormattedDate
23
23
  unstyled
24
- value="1995-12-25"
24
+ value={new Date('25 Dec 1995')}
25
25
  {...props}
26
26
  />
27
27
  </Title>
@@ -36,7 +36,7 @@ const DateUnstyled = (props) => {
36
36
  showDayOfWeek
37
37
  showIcon
38
38
  unstyled
39
- value="1995-12-25"
39
+ value={new Date('25 Dec 1995')}
40
40
  {...props}
41
41
  />
42
42
  </Caption>
data/app/pb_kits/playbook/pb_date/docs/_date_variants.jsx CHANGED
@@ -7,7 +7,7 @@ const DateVariants = (props) => {
7
7
  <FormattedDate
8
8
  showIcon
9
9
  size="sm"
10
- value="1995-12-25"
10
+ value={new Date('25 Dec 1995')}
11
11
  {...props}
12
12
  />
13
13
 
@@ -15,7 +15,7 @@ const DateVariants = (props) => {
15
15
  <br />
16
16
 
17
17
  <FormattedDate
18
- value="1995-12-25"
18
+ value={new Date('25 Dec 1995')}
19
19
  {...props}
20
20
  />
21
21
 
@@ -24,7 +24,7 @@ const DateVariants = (props) => {
24
24
 
25
25
  <FormattedDate
26
26
  showIcon
27
- value="1995-12-25"
27
+ value={new Date('25 Dec 1995')}
28
28
  {...props}
29
29
  />
30
30
 
@@ -33,7 +33,7 @@ const DateVariants = (props) => {
33
33
 
34
34
  <FormattedDate
35
35
  showDayOfWeek
36
- value="1995-12-25"
36
+ value={new Date('25 Dec 1995')}
37
37
  {...props}
38
38
  />
39
39
 
@@ -43,7 +43,7 @@ const DateVariants = (props) => {
43
43
  <FormattedDate
44
44
  showDayOfWeek
45
45
  showIcon
46
- value="1995-12-25"
46
+ value={new Date('25 Dec 1995')}
47
47
  {...props}
48
48
  />
49
49
  </div>
data/app/pb_kits/playbook/pb_icon/docs/_icon_animate.html.erb CHANGED
@@ -1,4 +1,3 @@
1
1
  <p><%= pb_rails("icon", props: { icon: "spinner", spin: true, fixed_width: true, size: "2x" }) %> <span>Spin</span></p>
2
2
  <br/>
3
3
  <p><%= pb_rails("icon", props: { icon: "spinner", pulse: true, fixed_width: true, size: "2x" }) %> <span>Pulse</span></p>
4
-
data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.html.erb CHANGED
@@ -14,5 +14,3 @@
14
14
  parent element's css color properties."
15
15
  } ) %>
16
16
  </div>
17
-
18
-
data/app/pb_kits/playbook/pb_icon/docs/example.yml CHANGED
@@ -1,15 +1,14 @@
1
1
  examples:
2
2
  rails:
3
- # - icon_default: Icon Default
4
- # - icon_rotate: Icon Rotate
5
- # - icon_flip: Icon Flip
6
- # - icon_animate: Icon Animation
7
- # - icon_pull: Icon Pull
8
- # - icon_border: Icon Border
9
- # - icon_sizes: Icon Sizes
10
- # - icon_custom: Icon Custom
11
- # - icon_fa_kit: Icon with FontAwesome Kit
12
- - icon_svg: Icon SVG
3
+ - icon_default: Icon Default
4
+ - icon_rotate: Icon Rotate
5
+ - icon_flip: Icon Flip
6
+ - icon_animate: Icon Animation
7
+ - icon_pull: Icon Pull
8
+ - icon_border: Icon Border
9
+ - icon_sizes: Icon Sizes
10
+ - icon_custom: Icon Custom
11
+ - icon_fa_kit: Icon with FontAwesome Kit
13
12
 
14
13
  react:
15
14
  - icon_default: Icon Default