playbook_ui_docs 14.25.0.pre.alpha.testingcss9798 → 14.25.0.pre.alpha.testingcss10239

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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 0642cd04619313c11b7491a523bc7c1044358db1630ed8d41298515f34c1c681
4
- data.tar.gz: 6d7de60f7c4b8c33504a7c354ba1744646940cd87b329870f272301e709cffb9
3
+ metadata.gz: 3bc294aa7875b860b97b491ccb66eeb6024de4e9f57f0121cdbafd077b5d6d66
4
+ data.tar.gz: 276ce656f8559e761d55587efb9d92398ae3fd4f315c28473e9b00038d92ddef
5
5
  SHA512:
6
- metadata.gz: dcdbba8af6e59421a93b853b3362ab3fd5dee93547167533c01c3f6ce2b9a3aa75ba7ef5683da07c31f42d2b51593764bc9916f04cc5a3aa4e52ad8c4a0fe971
7
- data.tar.gz: 1161fe55c97f30a9cbf81166ee4b3535a033ae1045da1d9d704e7955af43a5f188a8302b972111126deb191c6ffd00477a85ea9babb645930ba6367c3f8f0f19
6
+ metadata.gz: 8a877c0bca2fb44f9455f48d8a71f5aeb9b07e8e9dca715766cf00f7acb4c00d75a1ddae9a471e7228d7cef141f619a602882354a536174dbe92aff086762e1f
7
+ data.tar.gz: 129428dc1c6b5fc3d7b0786da3a758a743c071d580ab9e70ddf45f1b1393b6da8acb131983a16a15b1333a722211aa75d5e354e958f2d2af8472f7e79644b8d3
@@ -2,7 +2,8 @@
2
2
  | Name | Type | Description | Default | Values |
3
3
  | --- | ----------- | --------- | --------- | --------- |
4
4
  | **text** | `String` |`Value for the toast message` | `nil` | |
5
- | **variant** | `Variant` | `Determines the type pf toast message being displayed` | `.custom()` | `error`, `success`,
6
- `neutral`, `custom()` |
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()` |
7
8
  | **actionView** | `dismissAction` | Dismisses the toast message | `.default` | `default` `custom()` `withTimer()` |
8
9
  | **dismissAction** | `(() -> Void)` | `Triggers the dismiss action` | | |
@@ -7,7 +7,7 @@
7
7
  ]
8
8
  %>
9
9
 
10
- <%= pb_rails("typeahead", props: { id: "typeahead-pills-example1", default_options: [options.first], options: options, label: "Colors", name: :foo, pills: true }) %>
10
+ <%= pb_rails("typeahead", props: { id: "typeahead-pills-example1", default_options: [options.first], options: options, label: "Products", name: :foo, pills: true }) %>
11
11
 
12
12
  <%= pb_rails("button", props: {id: "clear-pills", text: "Clear All Options", variant: "secondary"}) %>
13
13
 
@@ -13,7 +13,7 @@ const TypeaheadWithPills = (props) => {
13
13
  <>
14
14
  <Typeahead
15
15
  isMulti
16
- label="Colors"
16
+ label="Products"
17
17
  options={options}
18
18
  placeholder=""
19
19
  {...props}
@@ -7,25 +7,4 @@
7
7
  ]
8
8
  %>
9
9
 
10
- <%= pb_rails("typeahead", props: { id: "typeahead-pills-example1", pill_color: "neutral", default_options: [options.first], options: options, label: "Colors", name: :foo, pills: true }) %>
11
-
12
- <%= pb_rails("button", props: {id: "clear-pills", text: "Clear All Options", variant: "secondary"}) %>
13
-
14
- <!-- This section is an example of the available JavaScript event hooks -->
15
- <%= javascript_tag defer: "defer" do %>
16
- document.addEventListener("pb-typeahead-kit-typeahead-pills-example1-result-option-select", function(event) {
17
- console.log('Option selected')
18
- console.dir(event.detail)
19
- })
20
- document.addEventListener("pb-typeahead-kit-typeahead-pills-example1-result-option-remove", function(event) {
21
- console.log('Option removed')
22
- console.dir(event.detail)
23
- })
24
- document.addEventListener("pb-typeahead-kit-typeahead-pills-example1-result-clear", function() {
25
- console.log('All options cleared')
26
- })
27
-
28
- document.querySelector('#clear-pills').addEventListener('click', function() {
29
- document.dispatchEvent(new CustomEvent('pb-typeahead-kit-typeahead-pills-example1:clear'))
30
- })
31
- <% end %>
10
+ <%= pb_rails("typeahead", props: { id: "typeahead-pills-example2", pill_color: "neutral", options: options, label: "Products", name: :foo, pills: true }) %>
@@ -13,7 +13,7 @@ const TypeaheadWithPills = (props) => {
13
13
  <>
14
14
  <Typeahead
15
15
  isMulti
16
- label="Colors"
16
+ label="Products"
17
17
  options={options}
18
18
  pillColor="neutral"
19
19
  placeholder=""
@@ -9,9 +9,9 @@
9
9
 
10
10
  <%= pb_rails("typeahead", props: {
11
11
  id: "typeahead-without-pills-example1",
12
- placeholder: "All Colors",
12
+ placeholder: "All Products",
13
13
  options: options,
14
- label: "Colors",
14
+ label: "Products",
15
15
  name: :foo,
16
16
  is_multi: false
17
17
  })
@@ -1,11 +1,18 @@
1
1
  ### Props
2
2
  | Name | Type | Description | Default | Values |
3
3
  | --- | ----------- | --------- | --------- | --------- |
4
- | **name** | `String` | Sets the User's name | | |
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` |
5
13
  | **displayAvatar** | `Bool` | Displays the User's avatar | `true` | `true` `false` |
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` |
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
+