playbook_ui_docs 14.25.0.pre.alpha.play1986inlineloadingsolidvariant9963 → 14.25.0.pre.alpha.testingcss9700

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_fixed_confirmation_toast/docs/_fixed_confirmation_toast_props_swift.md +2 -3
  3. data/app/pb_kits/playbook/pb_flex/docs/_flex_gap.html.erb +1 -12
  4. data/app/pb_kits/playbook/pb_flex/docs/_flex_gap.jsx +1 -26
  5. data/app/pb_kits/playbook/pb_flex/docs/_flex_gap.md +9 -0
  6. data/app/pb_kits/playbook/pb_loading_inline/docs/example.yml +0 -2
  7. data/app/pb_kits/playbook/pb_loading_inline/docs/index.js +0 -1
  8. data/app/pb_kits/playbook/pb_user/docs/_user_props_table.md +7 -14
  9. data/dist/playbook-doc.js +67243 -3
  10. metadata +3 -6
  11. data/app/pb_kits/playbook/pb_flex/docs/_flex_gap_rails.md +0 -11
  12. data/app/pb_kits/playbook/pb_flex/docs/_flex_gap_react.md +0 -11
  13. data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.html.erb +0 -5
  14. data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.jsx +0 -24
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: a90b7e97be66a6b596fcf0090958fb3b2d46a275ddfd272c8c4578bf6256e240
4
- data.tar.gz: a193b93526ca00bbbe715c5b79bafd0b3c4f69923e9f43590b6d4f57035681ae
3
+ metadata.gz: ecb2289b05e51254aa62c364e4a543d374a3790ca42c14bb9ed86d65bd1cff47
4
+ data.tar.gz: 147189476726310d62ad857844cbb54e63a99793989eadbf333703bc1311904e
5
5
  SHA512:
6
- metadata.gz: 3b1fcff691c0b26be2bd0cb8d71163d9f73081e4d4b43a2331d0688fc4b5d27316e0a5b37fc01bf589aa66051fe354051f7c6ee48e435ee492393adb298be1bd
7
- data.tar.gz: 7cb3513f0ad6b09f2b35a294b123eb95f2ea6d0d3b7de7910ce5d04d9e26745fba11ba4fe4e89f0b835eeca42ceb8fa215310b7a7ae6c694a13048a8118b965e
6
+ metadata.gz: f92d4ca2af12ca9379faadd91a67852ebcdb6574dde37e8439db1a4f42a4113d99c94b2e7400323e5278dc210e595311dd8e492398bfcb83e5d75065dda2d84e
7
+ data.tar.gz: c73002345301e74ae4ff537ae0ad613ffb0603be5c777724dce1982e8ef4161547afb4a2f3110be2786344e70a315826d06c6c71d9198b0d879d774b806c6003
data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_props_swift.md CHANGED
@@ -2,8 +2,7 @@
2
2
  | Name | Type | Description | Default | Values |
3
3
  | --- | ----------- | --------- | --------- | --------- |
4
4
  | **text** | `String` |`Value for the toast message` | `nil` | |
5
- | **font** | `PBFont` |`Value for the toast message font style` | `.title4` | |
6
- | **animatedIcon** | `AnyView` |`Value for the option to use an animated icon` | `nil` | |
7
- | **variant** | `Variant` | `Determines the type pf toast message being displayed` | `.custom()` | `error` `success` `neutral` `custom()` |
5
+ | **variant** | `Variant` | `Determines the type pf toast message being displayed` | `.custom()` | `error`, `success`,
6
+ `neutral`, `custom()` |
8
7
  | **actionView** | `dismissAction` | Dismisses the toast message | `.default` | `default` `custom()` `withTimer()` |
9
8
  | **dismissAction** | `(() -> Void)` | `Triggers the dismiss action` | | |
data/app/pb_kits/playbook/pb_flex/docs/_flex_gap.html.erb CHANGED
@@ -1,4 +1,4 @@
1
- <%= pb_rails("title", props: {size: 4, text: "Gap"}) %>
1
+ <%= pb_rails("title", props: {size: 4, text: "Row"}) %>
2
2
  <br/>
3
3
  <div class="flex-doc-example">
4
4
  <%= pb_rails("flex", props:{ gap: "xxs", wrap:true}) do %>
@@ -31,14 +31,3 @@
31
31
  <%= pb_rails("flex/flex_item") do %>4<% end %>
32
32
  <% end %>
33
33
  </div>
34
-
35
- <br/><br/>
36
- <%= pb_rails("title", props: {size: 4, text: "Responsive"}) %>
37
- <br/>
38
- <div class="flex-doc-example">
39
- <%= pb_rails("flex", props: { gap: { xs: "none", sm: "sm", md: "md", lg: "lg", xl: "xl" }, wrap: true }) do %>
40
- <% 40.times do |i| %>
41
- <%= pb_rails("flex/flex_item") do %> <%=i%> <% end %>
42
- <% end %>
43
- <% end %>
44
- </div>
data/app/pb_kits/playbook/pb_flex/docs/_flex_gap.jsx CHANGED
@@ -1,7 +1,6 @@
1
1
  import React from 'react'
2
2
  import Flex from '../../pb_flex/_flex'
3
3
  import FlexItem from '../../pb_flex/_flex_item'
4
- import Title from '../../pb_title/_title'
5
4
 
6
5
  const FlexGap = (props) => {
7
6
  const count = () => {
@@ -14,8 +13,6 @@ const FlexGap = (props) => {
14
13
 
15
14
  return (
16
15
  <>
17
- <Title size={4}>Gap</Title>
18
- <br />
19
16
  <div className="flex-doc-example">
20
17
  <Flex
21
18
  gap="xxs"
@@ -30,10 +27,8 @@ const FlexGap = (props) => {
30
27
  </Flex>
31
28
  </div>
32
29
 
33
- <br /><br />
34
-
35
- <Title size={4}>Column Gap</Title>
36
30
  <br />
31
+
37
32
  <div className="flex-doc-example">
38
33
  <Flex
39
34
  columnGap="lg"
@@ -53,9 +48,6 @@ const FlexGap = (props) => {
53
48
  </FlexItem>
54
49
  </Flex>
55
50
  </div>
56
- <br /><br />
57
-
58
- <Title size={4}>Row Gap</Title>
59
51
  <br />
60
52
  <div className="flex-doc-example">
61
53
  <Flex
@@ -77,23 +69,6 @@ const FlexGap = (props) => {
77
69
  </FlexItem>
78
70
  </Flex>
79
71
  </div>
80
-
81
- <br /><br />
82
- <Title size={4}>Responsive</Title>
83
- <br />
84
- <div className="flex-doc-example">
85
- <Flex
86
- gap={{ xs: "none", sm: "sm", md: "md", lg: "lg", xl: "xl" }}
87
- wrap
88
- {...props}
89
- >
90
- {count().map((v, key) => (
91
- <FlexItem key={key}>
92
- {v}
93
- </FlexItem>
94
- ))}
95
- </Flex>
96
- </div>
97
72
  </>
98
73
  )
99
74
  }
data/app/pb_kits/playbook/pb_flex/docs/_flex_gap.md ADDED
@@ -0,0 +1,9 @@
1
+ ##### Prop
2
+
3
+ * `gap` | `row_gap` | `rowGap` | `column_gap` | `columnGap` | **Type**: String | **Values**: xxs | xs | sm | md | lg | xl | none
4
+
5
+ - Setting the gap prop sets the row_gap || rowGap and the column_gap || columnGap props to the same size and creates equal space within a flex container.
6
+
7
+ - Setting the row_gap || rowGap prop creates space between rows in a flex container.
8
+
9
+ - Setting the column_gap || columnGap prop creates space between columns in a flex container.
data/app/pb_kits/playbook/pb_loading_inline/docs/example.yml CHANGED
@@ -3,11 +3,9 @@ examples:
3
3
  rails:
4
4
  - loading_inline_default: Default
5
5
  - loading_inline_custom: Custom Text
6
- - loading_inline_variant: Variant
7
6
 
8
7
 
9
8
 
10
9
  react:
11
10
  - loading_inline_default: Default
12
11
  - loading_inline_custom: Custom Text
13
- - loading_inline_variant: Variant
data/app/pb_kits/playbook/pb_loading_inline/docs/index.js CHANGED
@@ -1,3 +1,2 @@
1
1
  export { default as LoadingInlineDefault } from './_loading_inline_default.jsx'
2
2
  export { default as LoadingInlineCustom } from './_loading_inline_custom.jsx'
3
- export { default as LoadingInlineVariant } from './_loading_inline_variant.jsx'
data/app/pb_kits/playbook/pb_user/docs/_user_props_table.md CHANGED
@@ -1,18 +1,11 @@
1
1
  ### Props
2
2
  | Name | Type | Description | Default | Values |
3
3
  | --- | ----------- | --------- | --------- | --------- |
4
- | **name** | `String` | Sets the User's name | `""` | |
5
- | **nameFont** | `Typography` | Font styling for the user's name | `.init(font: .title4, variant: .bold)` | |
6
- | **image** | `Image?` | Sets image for the avatar | `nil` | |
7
- | **orientation** | `Orientation` | Changes the orientation of the User | `.horizontal` | `.horizontal` `.vertical` |
8
- | **size** | `Size` | Changes the size of the User | `.medium` | `.xxSmall` `.xSmall` `.small` `.medium` `.large` `.xLarge` |
9
- | **territory** | `String?` | Adds the User's territory | `nil` | |
10
- | **title** | `String?` | Adds a title | `nil` | |
11
- | **subtitle** | `AnyView?` | Adds a subtitle view | `nil` | |
12
- | **status** | `PBOnlineStatus.Status?` | An indicator for the current status of the user | `nil` | `.online` `.away` `.offline` |
4
+ | **name** | `String` | Sets the User's name | | |
13
5
  | **displayAvatar** | `Bool` | Displays the User's avatar | `true` | `true` `false` |
14
- | **territoryTitleFont** | `PBFont` | Font for territory and title text | `.subcaption` | `.title1` `.body` `.caption` `.subcaption` `.badgeText` `.title4` |
15
- | **isActive** | `Bool` | Sets whether the user is active | `true` | `true` `false` |
16
- | **hasInactiveBadge** | `Bool` | Shows inactive badge when user is not active | `false` | `true` `false` |
17
- | **spacing** | `CGFloat` | Controls spacing between elements | `Spacing.small` | `.none` `.xxSmall` `.xSmall` `.small` `.medium` `.large` `.xLarge` |
18
-
6
+ | **image** | `Image` | Sets image for the avatar | | |
7
+ | **orientation** | `Orientation` | Changes the orientation of the User | `.horizontal` | `.horizontal` `.verticle` |
8
+ | **size** | `UserAvatarSize` | Changes the size of the User | `.medium` | `.small` `.medium` `.large` |
9
+ | **territory** | `String` | Adds the User's territory | | |
10
+ | **title** | `String` | Adds a title | | |
11
+ | **status** | `PBAvatar.PresenceStatus?` | An idicator for the current status of the user | `.none` | `.online` `.away` `.offline` |