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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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