playbook_ui_docs 15.0.0.pre.alpha.PLAY2511playbookiconsupgrade10732 → 15.0.0.pre.alpha.PLAY198710641

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 (16) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_contact/docs/_contact_default.html.erb +1 -16
  3. data/app/pb_kits/playbook/pb_contact/docs/_contact_default.jsx +0 -15
  4. data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.html.erb +0 -6
  5. data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.jsx +0 -6
  6. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.html.erb +3 -3
  7. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_common.html.erb +3 -3
  8. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_confirmation.html.erb +3 -3
  9. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.html.erb +3 -3
  10. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.html.erb +3 -3
  11. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb +2 -2
  12. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children.html.erb +0 -23
  13. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children.jsx +7 -45
  14. data/dist/playbook-doc.js +2 -2
  15. metadata +2 -3
  16. data/app/pb_kits/playbook/pb_contact/docs/_contact_default.md +0 -5
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 183f871b334346723c5d137d13545ad957f3db26a1c1410d445513a0ab915d9a
4
- data.tar.gz: 8971fe1779f3f1dfc6fc8e98bc3aadb1415746c0ff46923feaea918ba773927a
3
+ metadata.gz: c0f5938a15601323185558bb9c9e5d227ce14aa94855251c8f77a84841b91031
4
+ data.tar.gz: e60aafb4b3a8fe204d0ce1ac23918f8de1b32438a56488f1d46e3aeaab245ff1
5
5
  SHA512:
6
- metadata.gz: 99aa3f418de870aac7d2c50ef560fb10d0aadd669d6737038296720f48dba2fb50455a2f4d42e73b052e087ad3553efbf8b80967ef873f8e6460162b88b0386b
7
- data.tar.gz: 31255f9ec99fbcc15d3397ed7effcde7ffca45a8693716ab658ee8d65b4c14dbf11a278700da6abcaa1c10f17ad29f649761e4cc54abed8e5540195fce6fcd4d
6
+ metadata.gz: cb2b11cc737a3d162541cf94e5d31393ec13c49ca8818bed4ac309c36a34adcf6423a4678096d2ab6b9cede023250346bf5a1d5a884091156ea2f4e22b8fd86a
7
+ data.tar.gz: eec799f84615fe6ef25f99c30b6981b80150c5103a762d57495b130ff97b4bef5c075ef4de33589e0cf9e5d6b420fc9293e953600e5d14a3d2d1cd0111e2d937
data/app/pb_kits/playbook/pb_contact/docs/_contact_default.html.erb CHANGED
@@ -13,7 +13,7 @@
13
13
  }) %>
14
14
 
15
15
  <%= pb_rails("contact", props: {
16
- contact_type: "work",
16
+ contact_type: "wrong number",
17
17
  contact_value: "3245627482",
18
18
  }) %>
19
19
 
@@ -21,18 +21,3 @@
21
21
  contact_type: "work-cell",
22
22
  contact_value: "349-185-9988",
23
23
  }) %>
24
-
25
- <%= pb_rails("contact", props: {
26
- contact_type: "wrong-phone",
27
- contact_value: "2124396666",
28
- }) %>
29
-
30
- <%= pb_rails("contact", props: {
31
- contact_type: "extension",
32
- contact_value: "1233",
33
- }) %>
34
-
35
- <%= pb_rails("contact", props: {
36
- contact_type: "international",
37
- contact_value: "+44 7700 900461",
38
- }) %>
data/app/pb_kits/playbook/pb_contact/docs/_contact_default.jsx CHANGED
@@ -28,21 +28,6 @@ const ContactDefault = (props) => {
28
28
  contactValue="3245627482"
29
29
  {...props}
30
30
  />
31
- <Contact
32
- contactType="wrong-phone"
33
- contactValue="2124396666"
34
- {...props}
35
- />
36
- <Contact
37
- contactType='extension'
38
- contactValue="1234"
39
- {...props}
40
- />
41
- <Contact
42
- contactType="international"
43
- contactValue="+44 7700 900461"
44
- {...props}
45
- />
46
31
  </div>
47
32
  )
48
33
  }
data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.html.erb CHANGED
@@ -26,9 +26,3 @@
26
26
  contact_value: "1233",
27
27
  contact_detail: "Ext",
28
28
  }) %>
29
-
30
- <%= pb_rails("contact", props: {
31
- contact_type: "international",
32
- contact_value: "+44 7700 900461",
33
- contact_detail: "International",
34
- }) %>
data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.jsx CHANGED
@@ -33,12 +33,6 @@ const ContactDefault = (props) => {
33
33
  contactValue="1234"
34
34
  {...props}
35
35
  />
36
- <Contact
37
- contactDetail="International"
38
- contactType="international"
39
- contactValue="+44 7700 900461"
40
- {...props}
41
- />
42
36
  </div>
43
37
  )
44
38
  }
data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.html.erb CHANGED
@@ -4,8 +4,8 @@
4
4
 
5
5
  <%= pb_rails("caption", props: { size: 'xs', text: "hello", id: "caption_breached" }) %>
6
6
 
7
- <script>
8
- window.addEventListener("load", () => {
7
+ <%= javascript_tag do %>
8
+ window.addEventListener("DOMContentLoaded", () => {
9
9
 
10
10
  // variables for the kits you are targeting
11
11
  const passphrase = document.querySelector(".passphrase_breached").querySelector("input")
@@ -142,4 +142,4 @@
142
142
  });
143
143
 
144
144
  })
145
- </script>
145
+ <% end %>
data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_common.html.erb CHANGED
@@ -10,8 +10,8 @@
10
10
  <%= pb_rails("caption", props: { size: 'xs', text: "hello", id: "caption_common" }) %>
11
11
 
12
12
 
13
- <script>
14
- window.addEventListener("load", () => {
13
+ <%= javascript_tag do %>
14
+ window.addEventListener("DOMContentLoaded", () => {
15
15
 
16
16
  const commonText = document.querySelector("#body_common")
17
17
 
@@ -133,4 +133,4 @@
133
133
  });
134
134
 
135
135
  })
136
- </script>
136
+ <% end %>
data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_confirmation.html.erb CHANGED
@@ -4,8 +4,8 @@
4
4
 
5
5
  <div id="match"> </div>
6
6
 
7
- <script>
8
- window.addEventListener("load", () => {
7
+ <%= javascript_tag do %>
8
+ window.addEventListener("DOMContentLoaded", () => {
9
9
 
10
10
  const useState = (defaultValue) => {
11
11
  let value = defaultValue;
@@ -48,4 +48,4 @@
48
48
 
49
49
  }
50
50
  })
51
- </script>
51
+ <% end %>
data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.html.erb CHANGED
@@ -32,8 +32,8 @@
32
32
 
33
33
 
34
34
 
35
- <script>
36
- window.addEventListener("load", () => {
35
+ <%= javascript_tag do %>
36
+ window.addEventListener("DOMContentLoaded", () => {
37
37
 
38
38
 
39
39
  // variables for the passphrase kits you are targeting
@@ -320,4 +320,4 @@
320
320
 
321
321
 
322
322
  })
323
- </script>
323
+ <% end %>
data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.html.erb CHANGED
@@ -7,8 +7,8 @@
7
7
  <%= pb_rails("text_input", props: { label: "Passphrase Strength", value: "0", disabled: true, id: "calc_strength_change" }) %>
8
8
 
9
9
 
10
- <script>
11
- window.addEventListener("load", () => {
10
+ <%= javascript_tag do %>
11
+ window.addEventListener("DOMContentLoaded", () => {
12
12
 
13
13
  // variables for the kits you are targeting
14
14
  const passphrase = document.querySelector(".passphrase_change").querySelector("input")
@@ -120,4 +120,4 @@
120
120
  });
121
121
 
122
122
  })
123
- </script>
123
+ <% end %>
data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb CHANGED
@@ -13,8 +13,8 @@
13
13
  <script>
14
14
  document.addEventListener('DOMContentLoaded', () => {
15
15
  function handleButtonClick() {
16
- const editorContainer = [...document.querySelectorAll('[data-pb-react-props]')]
17
- .find(element => element.getAttribute('data-pb-react-props')?.includes('"id":"content-preview-editor"'))
16
+ const editorContainer = [...document.querySelectorAll('[data-react-props]')]
17
+ .find(element => element.getAttribute('data-react-props')?.includes('"id":"content-preview-editor"'))
18
18
 
19
19
  const editorElement = editorContainer?.querySelector('trix-editor')
20
20
  const inputId = editorElement?.getAttribute('input')
data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children.html.erb CHANGED
@@ -11,27 +11,4 @@
11
11
  padding_right: "xs"
12
12
  }) %>
13
13
  <% end %>
14
- <% end %>
15
-
16
- <%= pb_rails("flex", props: { classname: "flex-container", margin_top: "lg", vertical: "stretch" }) do %>
17
- <%= pb_rails("body", props: { classname: "flex-item" }) do %>
18
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
19
- <% end %>
20
- <%= pb_rails("section_separator", props: { orientation: "vertical" }) do %>
21
- <%= pb_rails("card", props: {
22
- border_radius: "rounded",
23
- justify_content: "center",
24
- padding: "none"
25
- }) do %>
26
- <%= pb_rails("caption", props: {
27
- text: "TODAY",
28
- size: "xs",
29
- padding_left: "xs",
30
- padding_right: "xs"
31
- }) %>
32
- <% end %>
33
- <% end %>
34
- <%= pb_rails("body", props: { classname: "flex-item" }) do %>
35
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
36
- <% end %>
37
14
  <% end %>
data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children.jsx CHANGED
@@ -2,25 +2,8 @@ import React from 'react'
2
2
  import Card from '../../pb_card/_card'
3
3
  import Caption from '../../pb_caption/_caption'
4
4
  import SectionSeparator from '../../pb_section_separator/_section_separator'
5
- import Flex from '../../pb_flex/_flex'
6
- import FlexItem from '../../pb_flex/_flex_item'
7
5
 
8
- const childrenHorizontal = (
9
- <Card
10
- borderRadius="rounded"
11
- justifyContent="center"
12
- padding="none"
13
- >
14
- <Caption
15
- paddingLeft="xs"
16
- paddingRight="xs"
17
- size="xs"
18
- text="TODAY"
19
- />
20
- </Card>
21
- )
22
-
23
- const childrenVertical = (
6
+ const children = (
24
7
  <Card
25
8
  borderRadius="rounded"
26
9
  justifyContent="center"
@@ -37,33 +20,12 @@ const childrenVertical = (
37
20
 
38
21
  const SectionSeparatorChildren = (props) => {
39
22
  return (
40
- <>
41
- <SectionSeparator
42
- {...props}
43
- lineStyle='dashed'
44
- >
45
- {childrenHorizontal}
46
- </SectionSeparator>
47
- <Flex
48
- inline="flex-container"
49
- marginTop="lg"
50
- vertical="stretch"
51
- >
52
- <FlexItem>
53
- {'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua'}
54
- </FlexItem>
55
- <SectionSeparator
56
- orientation="vertical"
57
- {...props}
58
- >
59
- {childrenVertical}
60
- </SectionSeparator>
61
- <FlexItem>
62
- {'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua'}
63
- </FlexItem>
64
- </Flex>
65
- </>
66
-
23
+ <SectionSeparator
24
+ {...props}
25
+ lineStyle='dashed'
26
+ >
27
+ {children}
28
+ </SectionSeparator>
67
29
  )
68
30
  }
69
31