playbook_ui_docs 14.26.0.pre.rc.0 → 15.0.0.pre.alpha.PLAY2361datepickerarrownav10322

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 (35) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_card/docs/_card_header.html.erb +1 -1
  3. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.html.erb +16 -2
  4. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_props_swift.md +3 -2
  5. data/app/pb_kits/playbook/pb_map/docs/_map_default.jsx +1 -1
  6. data/app/pb_kits/playbook/pb_map/docs/_map_with_custom_button.jsx +1 -1
  7. data/app/pb_kits/playbook/pb_map/docs/_map_with_plugin.jsx +1 -1
  8. data/app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.jsx +0 -3
  9. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx +3 -1
  10. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb +1 -1
  11. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx +1 -1
  12. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.html.erb +1 -22
  13. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx +1 -1
  14. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_without_pills.html.erb +2 -2
  15. data/app/pb_kits/playbook/pb_user/docs/_user_props_table.md +14 -7
  16. data/dist/playbook-doc.js +2 -2
  17. metadata +2 -20
  18. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.html.erb +0 -8
  19. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx +0 -41
  20. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.html.erb +0 -33
  21. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx +0 -78
  22. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.html.erb +0 -3
  23. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx +0 -26
  24. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb +0 -20
  25. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_default.jsx +0 -59
  26. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.html.erb +0 -24
  27. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx +0 -61
  28. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.md +0 -24
  29. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.html.erb +0 -21
  30. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx +0 -54
  31. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.md +0 -1
  32. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.html.erb +0 -49
  33. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.jsx +0 -99
  34. data/app/pb_kits/playbook/pb_drawer/docs/example.yml +0 -20
  35. data/app/pb_kits/playbook/pb_drawer/docs/index.js +0 -7
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 8dcea9c866ead9cf6e908035791bf851e8760c3802269bb48dd6d72a9d18b61e
4
- data.tar.gz: 9e29459fad547f489b2d4206500cd7f9d4643221fb28e2096b9b9e8013212e01
3
+ metadata.gz: 539205d0c391e17b5ddc5f4dae2a341c201b534a379735df7bb05e73d786efce
4
+ data.tar.gz: e7eac85b56babca0b31f6ada9925943e5d27bc1a7ef720b3b56d6fd36741fb7b
5
5
  SHA512:
6
- metadata.gz: 7b1eb0dd091bb64cf31594a1c11ae9627d0c70f9b485ffa0453b0e2dcda3626b20a33c9efde0a7b41fe6b1efa309de01bebf08f453ac569347649ace079e15c8
7
- data.tar.gz: 1f4d9f25fb0e12a58bdd395201b069cf2e45609ec244101bcb710f96bc02ae2491ce2b7d418aaaa1524bb5ff9279c021b1bea5c70f9e055167664ce759b57249
6
+ metadata.gz: 26f36f041756e896924ebe43d5be91edddf3bfe6807e0526caff3a6e61d06f0dac03e29879fcc532eff7d72bc76dd19d1c86a223c50528e63e41ebf61d4fc1d5
7
+ data.tar.gz: 9ab1468ee7872cfb131f228f1038b7145762d0e3b1a0e61976125586c33e1a0f40e2d46024cb26bd6fa00bcf2f8171ee3bf8f23bc1cae6f750720d1b1ee1f3de
data/app/pb_kits/playbook/pb_card/docs/_card_header.html.erb CHANGED
@@ -50,7 +50,7 @@
50
50
  <% end %>
51
51
 
52
52
  <%= pb_rails("card", props: { padding: "none", header: true, margin_bottom: "sm"}) do %>
53
- <%= pb_rails("card/card_header", props: { padding: "sm", header_color: "bg_dark" }) do %>
53
+ <%= pb_rails("card/card_header", props: { padding: "sm", header_color: "dark" }) do %>
54
54
  <%= pb_rails("body", props: { text: "Dark", dark: true }) %>
55
55
  <% end %>
56
56
  <%= pb_rails("card/card_body", props: { padding: "md" }) do %>
data/app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.html.erb CHANGED
@@ -21,13 +21,27 @@
21
21
  let currentClass = okayLoadingButton.className;
22
22
  let cancelClass = cancelButton ? cancelButton.className : "";
23
23
 
24
+ okayLoadingButton.disabled = true;
25
+ okayLoadingButton.classList.add("pb_button_loading");
26
+ okayLoadingButton.classList.remove("pb_button_enabled");
27
+ okayLoadingButton.classList.add("pb_button_disabled");
28
+
29
+ if (cancelButton) {
30
+ cancelButton.disabled = true;
31
+ cancelButton.classList.remove("pb_button_enabled");
32
+ cancelButton.classList.add("pb_button_disabled");
33
+ }
34
+
24
35
  setTimeout(function() {
25
36
  okayLoadingButton.disabled = false;
26
- okayLoadingButton.className = currentClass.replace("_disabled_loading", "_enabled");
37
+ okayLoadingButton.classList.remove("pb_button_loading");
38
+ okayLoadingButton.classList.remove("pb_button_disabled");
39
+ okayLoadingButton.classList.add("pb_button_enabled");
27
40
 
28
41
  if (cancelButton) {
29
42
  cancelButton.disabled = false;
30
- cancelButton.className = cancelClass.replace("_disabled", "_enabled");
43
+ cancelButton.classList.remove("pb_button_disabled");
44
+ cancelButton.classList.add("pb_button_enabled");
31
45
  }
32
46
  }, 5000);
33
47
 
data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_props_swift.md CHANGED
@@ -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` | | |
data/app/pb_kits/playbook/pb_map/docs/_map_default.jsx CHANGED
@@ -26,7 +26,7 @@ const MapDefault = (props) => {
26
26
  new maplibregl.Marker({
27
27
  color: mapTheme.marker,
28
28
  }).setLngLat(defaultPosition)
29
- .setPopup(new maplibregl.Popup({closeButton: false}).setHTML(`<h4 class="pb_title_kit_size_4">Hello World!</h4>`)) // add popup
29
+ .setPopup(new maplibregl.Popup({closeButton: false}).setHTML(`<h4 class="pb_title_kit pb_title_4">Hello World!</h4>`)) // add popup
30
30
  .addTo(map);
31
31
 
32
32
  // disable map zoom when using scroll
data/app/pb_kits/playbook/pb_map/docs/_map_with_custom_button.jsx CHANGED
@@ -29,7 +29,7 @@ const MapWithCustomButton = (props) => {
29
29
  new maplibregl.Marker({
30
30
  color: mapTheme.marker,
31
31
  }).setLngLat(defaultPosition)
32
- .setPopup(new maplibregl.Popup({closeButton: false}).setHTML(`<h4 class="pb_title_kit_size_4">Hello World!</h4>`)) // add popup
32
+ .setPopup(new maplibregl.Popup({closeButton: false}).setHTML(`<h4 class="pb_title_kit pb_title_4">Hello World!</h4>`)) // add popup
33
33
  .addTo(map);
34
34
 
35
35
  // disable map zoom when using scroll
data/app/pb_kits/playbook/pb_map/docs/_map_with_plugin.jsx CHANGED
@@ -26,7 +26,7 @@ const MapWithPlugin = (props) => {
26
26
  new maplibregl.Marker({
27
27
  color: mapTheme.marker,
28
28
  }).setLngLat(defaultPosition)
29
- .setPopup(new maplibregl.Popup({className: 'map_popup', closeButton: false}).setHTML(`<h4 class="pb_title_kit_size_4">Hello World!</h4>`)) // add popup
29
+ .setPopup(new maplibregl.Popup({closeButton: false}).setHTML(`<h4 class="pb_title_kit pb_title_4">Hello World!</h4>`)) // add popup
30
30
  .addTo(map);
31
31
 
32
32
  //add maplibre default zoom controls
data/app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.jsx CHANGED
@@ -19,7 +19,6 @@ const RadioReactHook = () => {
19
19
  paddingRight="lg"
20
20
  >
21
21
  <Radio
22
- alignment="left"
23
22
  label="Small"
24
23
  marginBottom='sm'
25
24
  name="size"
@@ -28,7 +27,6 @@ const RadioReactHook = () => {
28
27
  />
29
28
  <br />
30
29
  <Radio
31
- alignment="left"
32
30
  label="Medium"
33
31
  marginBottom='sm'
34
32
  name="size"
@@ -37,7 +35,6 @@ const RadioReactHook = () => {
37
35
  />
38
36
  <br />
39
37
  <Radio
40
- alignment="left"
41
38
  label="Large"
42
39
  marginBottom='sm'
43
40
  name="size"
data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx CHANGED
@@ -5,7 +5,9 @@ import Detail from '../../pb_detail/_detail'
5
5
  import Icon from '../../pb_icon/_icon'
6
6
 
7
7
  const children = (
8
- <Flex padding="xs">
8
+ <Flex alignItems="center"
9
+ padding="xs"
10
+ >
9
11
  <Icon color="primary"
10
12
  icon="arrow-down"
11
13
  />
data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb CHANGED
@@ -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
 
data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx CHANGED
@@ -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}
data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.html.erb CHANGED
@@ -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 }) %>
data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx CHANGED
@@ -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=""
data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_without_pills.html.erb CHANGED
@@ -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
  })
data/app/pb_kits/playbook/pb_user/docs/_user_props_table.md CHANGED
@@ -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
+