playbook_ui 16.1.0.pre.alpha.play2712navkitadddisabledstatecollapsible13821 → 16.1.0.pre.alpha.play264213817

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 (36) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_card/docs/_card_light.html.erb +35 -3
  3. data/app/pb_kits/playbook/pb_nav/_item.tsx +1 -5
  4. data/app/pb_kits/playbook/pb_nav/_nav.scss +1 -27
  5. data/app/pb_kits/playbook/pb_nav/docs/example.yml +0 -2
  6. data/app/pb_kits/playbook/pb_nav/docs/index.js +1 -2
  7. data/app/pb_kits/playbook/pb_nav/item.rb +2 -7
  8. data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.tsx +4 -3
  9. data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml +0 -1
  10. data/dist/chunks/_typeahead-B9a6ZsEP.js +1 -0
  11. data/dist/chunks/vendor.js +1 -1
  12. data/dist/playbook-rails-react-bindings.js +1 -1
  13. data/dist/playbook-rails.js +1 -1
  14. data/dist/playbook.css +1 -1
  15. data/lib/playbook/align_content.rb +13 -3
  16. data/lib/playbook/align_items.rb +13 -3
  17. data/lib/playbook/align_self.rb +13 -3
  18. data/lib/playbook/display.rb +5 -0
  19. data/lib/playbook/flex.rb +13 -3
  20. data/lib/playbook/flex_direction.rb +13 -3
  21. data/lib/playbook/flex_grow.rb +13 -3
  22. data/lib/playbook/flex_shrink.rb +13 -3
  23. data/lib/playbook/flex_wrap.rb +13 -3
  24. data/lib/playbook/justify_content.rb +13 -3
  25. data/lib/playbook/justify_self.rb +13 -3
  26. data/lib/playbook/order.rb +13 -3
  27. data/lib/playbook/spacing.rb +39 -9
  28. data/lib/playbook/text_align.rb +13 -3
  29. data/lib/playbook/version.rb +1 -1
  30. data/lib/playbook/vertical_align.rb +13 -3
  31. data/lib/playbook/z_index.rb +5 -0
  32. metadata +2 -5
  33. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_disabled_item.html.erb +0 -24
  34. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_disabled_item.jsx +0 -89
  35. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_rows.jsx +0 -67
  36. data/dist/chunks/_typeahead-BvrkfO0L.js +0 -1
data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_disabled_item.jsx DELETED
@@ -1,89 +0,0 @@
1
- import React from "react";
2
- import Nav from '../../pb_nav/_nav'
3
- import NavItem from '../../pb_nav/_item'
4
-
5
- const CollapsibleNavDisabledItem = (props) => {
6
- return (
7
- <Nav
8
- variant="bold"
9
- {...props}
10
- >
11
- <NavItem
12
- active
13
- // inactive
14
- collapsed={false}
15
- collapsible
16
- iconLeft="city"
17
- link="#"
18
- text="Overview"
19
- {...props}
20
- >
21
- <NavItem
22
- inactive
23
- link="#"
24
- text="City"
25
- {...props}
26
- />
27
- <NavItem
28
- link="#"
29
- text="People"
30
- {...props}
31
- />
32
- <NavItem
33
- link="#"
34
- text="Business"
35
- {...props}
36
- />
37
- </NavItem>
38
- <NavItem
39
- collapsible
40
- iconLeft="theater-masks"
41
- inactive
42
- link="#"
43
- text="Albums"
44
- {...props}
45
- >
46
- <NavItem
47
- link="#"
48
- text="Entertainment"
49
- {...props}
50
- />
51
- <NavItem
52
- link="#"
53
- text="Food"
54
- {...props}
55
- />
56
- <NavItem
57
- link="#"
58
- text="Style"
59
- {...props}
60
- />
61
- </NavItem>
62
- <NavItem
63
- collapsible
64
- iconLeft="city"
65
- link="#"
66
- text="Similar Artists"
67
- {...props}
68
- >
69
- <NavItem
70
- link="#"
71
- text="City"
72
- {...props}
73
- />
74
- <NavItem
75
- link="#"
76
- text="People"
77
- {...props}
78
- />
79
- <NavItem
80
- link="#"
81
- text="Business"
82
- {...props}
83
- />
84
- </NavItem>
85
- </Nav>
86
- );
87
- };
88
-
89
- export default CollapsibleNavDisabledItem
data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_rows.jsx DELETED
@@ -1,67 +0,0 @@
1
- import React from 'react'
2
- import RichTextEditor from '../_rich_text_editor'
3
- import { useEditor, EditorContent } from "@tiptap/react"
4
- import StarterKit from "@tiptap/starter-kit"
5
- import Link from '@tiptap/extension-link'
6
-
7
-
8
- const RichTextEditorAdvancedRows = (props) => {
9
-
10
- const editor = useEditor({
11
- extensions: [
12
- StarterKit,
13
- Link
14
- ],
15
- content: "Add your text here. You can format your text, add links, quotes, and bullets."
16
- })
17
-
18
- const editor2 = useEditor({
19
- extensions: [
20
- StarterKit,
21
- Link
22
- ],
23
- content: "Add your text here. You can format your text, add links, quotes, and bullets."
24
- })
25
-
26
- const editor3 = useEditor({
27
- extensions: [
28
- StarterKit,
29
- Link
30
- ],
31
- content: "Add your text here. You can format your text, add links, quotes, and bullets."
32
- })
33
-
34
- return (
35
- <div>
36
- <RichTextEditor
37
- advancedEditor={editor}
38
- textareaHeight="sm"
39
- {...props}
40
- >
41
- <EditorContent editor={editor} />
42
- </RichTextEditor>
43
-
44
- <br />
45
-
46
- <RichTextEditor
47
- advancedEditor={editor2}
48
- textareaHeight="md"
49
- {...props}
50
- >
51
- <EditorContent editor={editor2} />
52
- </RichTextEditor>
53
-
54
- <br />
55
-
56
- <RichTextEditor
57
- advancedEditor={editor}
58
- textareaHeight="lg"
59
- {...props}
60
- >
61
- <EditorContent editor={editor3} />
62
- </RichTextEditor>
63
- </div>
64
- )
65
- }
66
-
67
- export default RichTextEditorAdvancedRows