playbook_ui_docs 12.37.0.pre.alpha.PLAYaddingdatapropselectkit1071 → 12.37.0.pre.alpha.svgiconmethods1064

Sign up to get free protection for your applications and to get access to all the features.
Files changed (14) 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 +5 -29
  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 +1 -0
  7. data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.html.erb +2 -0
  8. data/app/pb_kits/playbook/pb_icon/docs/_icon_svg.html.erb +5 -0
  9. data/app/pb_kits/playbook/pb_icon/docs/example.yml +10 -9
  10. data/app/pb_kits/playbook/pb_select/docs/example.yml +0 -1
  11. data/dist/playbook-doc.js +15 -10
  12. metadata +3 -4
  13. data/app/pb_kits/playbook/pb_select/docs/_select_data_attributes.html.erb +0 -24
  14. data/app/pb_kits/playbook/pb_select/docs/_select_data_attributes.md +0 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 07d96e66096935be57e79f420aaf89d1cc9c21950f6d37a8318efb9954f90d4b
4
- data.tar.gz: d10d6102fd9f8fd01a3ace6fc774fe107d20527093ba44e96a59d584353d7f90
3
+ metadata.gz: 320dcb176e88572a505020f6bf955296b12c6022f85165cbeed887d080537ec1
4
+ data.tar.gz: e6660216f9587db018ed8bbfabed4034d2a25e31860df48b247fd85a2715c6c8
5
5
  SHA512:
6
- metadata.gz: d00b5600928314488dfd4c22cf67ada2264e70a3c5b93c6c484b6037310d6ca4d5e2a859a487fa4a7d41183937c4ff47dec826fb51f6b3dcabf24d827feb669a
7
- data.tar.gz: a24856ae2b17528c04b506e7f6a18739d8702f6dda09eb54772154d326e4bcc1ecf567ffc96f3544187676c0a71c6f0cfd8eeff876762b0d66b48d4c3e5850aa
6
+ metadata.gz: 24047b8470b70e24cc0ae9a1b019a469d6fc5106616bad904308daabe52a4be068822ae61f5fd3bcf18340c3060d753e2143fa0ac9111cacf2aa2b5d5ef00afe
7
+ data.tar.gz: 7ae61482f5fde0baa7326febb425392ea4b811c772d33d66f5dced9ad80fed507eb333f8fec42f2649cc5de640c183730371befa0b59f090e04f0cb19744ef4f
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={new Date('25 Dec 1995')}
10
+ value="1995-12-25"
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={new Date('25 Dec 2020')}
20
+ value="2020-12-25"
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, Caption, Title } from '../../'
2
+ import { Date as FormattedDate } from '../../'
3
3
 
4
4
  const DateDefault = (props) => {
5
5
  return (
@@ -12,20 +12,9 @@ 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
-
26
15
  <FormattedDate
27
16
  size="sm"
28
- value={new Date('03 Aug 2012')}
17
+ value="2012-08-03"
29
18
  {...props}
30
19
  />
31
20
 
@@ -34,7 +23,7 @@ const DateDefault = (props) => {
34
23
  <FormattedDate
35
24
  showDayOfWeek
36
25
  size="sm"
37
- value={new Date('03 Dec 2017')}
26
+ value="2017-12-03"
38
27
  {...props}
39
28
  />
40
29
 
@@ -48,21 +37,8 @@ const DateDefault = (props) => {
48
37
 
49
38
  <br />
50
39
 
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
-
64
40
  <FormattedDate
65
- value={new Date('03 Aug 2012')}
41
+ value="2012-08-03"
66
42
  {...props}
67
43
  />
68
44
 
@@ -70,7 +46,7 @@ const DateDefault = (props) => {
70
46
 
71
47
  <FormattedDate
72
48
  showDayOfWeek
73
- value={new Date('03 Dec 2017')}
49
+ value="2017-12-03"
74
50
  {...props}
75
51
  />
76
52
  </>
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={new Date('25 Dec 1995')}
24
+ value="1995-12-25"
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={new Date('25 Dec 1995')}
39
+ value="1995-12-25"
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={new Date('25 Dec 1995')}
10
+ value="1995-12-25"
11
11
  {...props}
12
12
  />
13
13
 
@@ -15,7 +15,7 @@ const DateVariants = (props) => {
15
15
  <br />
16
16
 
17
17
  <FormattedDate
18
- value={new Date('25 Dec 1995')}
18
+ value="1995-12-25"
19
19
  {...props}
20
20
  />
21
21
 
@@ -24,7 +24,7 @@ const DateVariants = (props) => {
24
24
 
25
25
  <FormattedDate
26
26
  showIcon
27
- value={new Date('25 Dec 1995')}
27
+ value="1995-12-25"
28
28
  {...props}
29
29
  />
30
30
 
@@ -33,7 +33,7 @@ const DateVariants = (props) => {
33
33
 
34
34
  <FormattedDate
35
35
  showDayOfWeek
36
- value={new Date('25 Dec 1995')}
36
+ value="1995-12-25"
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={new Date('25 Dec 1995')}
46
+ value="1995-12-25"
47
47
  {...props}
48
48
  />
49
49
  </div>
data/app/pb_kits/playbook/pb_icon/docs/_icon_animate.html.erb CHANGED
@@ -1,3 +1,4 @@
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,3 +14,5 @@
14
14
  parent element's css color properties."
15
15
  } ) %>
16
16
  </div>
17
+
18
+
data/app/pb_kits/playbook/pb_icon/docs/_icon_svg.html.erb ADDED
@@ -0,0 +1,5 @@
1
+ <%= pb_rails("icon", props: { size: "5x", custom_icon: "copilot", padding_left: "xl" } ) %>
2
+ <%= pb_rails("icon", props: { size: "5x", custom_icon: "squirrel", padding_left: "xl" } ) %>
3
+
4
+
5
+
data/app/pb_kits/playbook/pb_icon/docs/example.yml CHANGED
@@ -1,14 +1,15 @@
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
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
12
13
 
13
14
  react:
14
15
  - icon_default: Icon Default
data/app/pb_kits/playbook/pb_select/docs/example.yml CHANGED
@@ -11,7 +11,6 @@ examples:
11
11
  - select_error: Select w/ Error
12
12
  - select_inline: Select Inline
13
13
  - select_inline_compact: Select Inline Compact
14
- - select_data_attributes: Select W/ Data Attributes
15
14
 
16
15
 
17
16