playbook_ui_docs 15.5.0.pre.alpha.play250212696 → 15.5.0.pre.alpha.play260612706

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: 927da234d9bf2456654442761915e54019d24209d7b303aca00ddf83c65845d9
4
- data.tar.gz: 3f994098a5aeb2f553b88b17c1d6d1ba6c6d66e27bddbb3cd831a31fea394c1c
3
+ metadata.gz: b2837bc2d9f93312ba4456493cf7f510cf92dab752791a62c90c466ec0dc1a4e
4
+ data.tar.gz: c296a1303a9a8e5e04ee31b48767526ae781270dee2ddf1e3de8b66df0d58569
5
5
  SHA512:
6
- metadata.gz: 3c309c5cfd18b92c8ecf0359aa370f0eb894a9be7ef3ea960017bb6a1656e069e6e14b8d3517290225790a5a132366392ea1f7c3b9d601e963a33743b1bb304e
7
- data.tar.gz: a684def3a82d9266b73d2ac44aa936ee69048dc864b00587e3b1d7623d78525db455cdfac8c5c47c3bca5f711d0b999f29c37a857cd8ea93e1bf7820ab394b76
6
+ metadata.gz: 499c42abe2b61f86059edf8610fbcc5b3a91ef55ce350042ddd9759209b071519f2182e788e61cdd75a3bb9f0b66801e205149dfc6137360db6196197e401fca
7
+ data.tar.gz: 80c58d6c1eff7afcb261d3314bdc838358eeefbc398796db00d3dddaec7f69703ed5d03bf9140f8a3ecbd548ae033b716e7851bfdcaabf3d0f72f18ff9d8e2e4
@@ -1,3 +1,3 @@
1
- <%= pb_rails("background", props: { background_color: "light", padding: "xl" }) do %>
1
+ <%= pb_rails("background", props: { padding: "xl" }) do %>
2
2
 
3
3
  <% end %>
@@ -3,7 +3,6 @@ import Background from '../../pb_background/_background'
3
3
 
4
4
  const BackgroundLight = (props) => (
5
5
  <Background
6
- backgroundColor="light"
7
6
  padding="xl"
8
7
  {...props}
9
8
  />
@@ -0,0 +1 @@
1
+ By default, the Background kit sets background color to 'light' as seen here.
@@ -1,7 +1,7 @@
1
1
  examples:
2
2
 
3
3
  rails:
4
- - background_light: Light
4
+ - background_light: Default
5
5
  - background_white: White
6
6
  - background_gradient: Gradient
7
7
  - background_image: Image
@@ -11,7 +11,7 @@ examples:
11
11
  - background_size: Size
12
12
 
13
13
  react:
14
- - background_light: Light
14
+ - background_light: Default
15
15
  - background_white: White
16
16
  - background_gradient: Gradient
17
17
  - background_image: Image
@@ -5,7 +5,6 @@ examples:
5
5
  - typeahead_default_options: With Default Options
6
6
  - typeahead_with_context: With Context
7
7
  - typeahead_with_pills: With Pills
8
- - typeahead_input_display: Input Display
9
8
  - typeahead_without_pills: Without Pills (Single Select)
10
9
  - typeahead_with_pills_async: With Pills (Async Data)
11
10
  - typeahead_with_pills_async_users: With Pills (Async Data w/ Users)
@@ -27,7 +26,6 @@ examples:
27
26
  - typeahead_react_hook: React Hook
28
27
  - typeahead_with_highlight: With Highlight
29
28
  - typeahead_with_pills: With Pills
30
- - typeahead_input_display: Input Display
31
29
  - typeahead_with_pills_async: With Pills (Async Data)
32
30
  - typeahead_with_pills_async_users: With Pills (Async Data w/ Users)
33
31
  - typeahead_with_pills_async_custom_options: With Pills (Async Data w/ Custom Options)
@@ -17,5 +17,4 @@ export { default as TypeaheadReactHook } from './_typeahead_react_hook.jsx'
17
17
  export { default as TypeaheadDisabled } from './_typeahead_disabled.jsx'
18
18
  export { default as TypeaheadPreserveInput } from './_typeahead_preserve_input.jsx'
19
19
  export { default as TypeaheadDefaultValue } from './_typeahead_default_value.jsx'
20
- export { default as TypeaheadCustomOptions } from './_typeahead_custom_options.jsx'
21
- export { default as TypeaheadInputDisplay } from './_typeahead_input_display.jsx'
20
+ export { default as TypeaheadCustomOptions } from './_typeahead_custom_options.jsx'
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui_docs
3
3
  version: !ruby/object:Gem::Version
4
- version: 15.5.0.pre.alpha.play250212696
4
+ version: 15.5.0.pre.alpha.play260612706
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
@@ -220,6 +220,7 @@ files:
220
220
  - app/pb_kits/playbook/pb_background/docs/_background_image.md
221
221
  - app/pb_kits/playbook/pb_background/docs/_background_light.html.erb
222
222
  - app/pb_kits/playbook/pb_background/docs/_background_light.jsx
223
+ - app/pb_kits/playbook/pb_background/docs/_background_light.md
223
224
  - app/pb_kits/playbook/pb_background/docs/_background_overlay.jsx
224
225
  - app/pb_kits/playbook/pb_background/docs/_background_overlay.md
225
226
  - app/pb_kits/playbook/pb_background/docs/_background_size.html.erb
@@ -2576,9 +2577,6 @@ files:
2576
2577
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.md
2577
2578
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.html.erb
2578
2579
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
2579
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.html.erb
2580
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.jsx
2581
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.md
2582
2580
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.html.erb
2583
2581
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
2584
2582
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
@@ -1,30 +0,0 @@
1
- <%
2
- options = [
3
- { label: 'Orange', value: '#FFA500' },
4
- { label: 'Red', value: '#FF0000' },
5
- { label: 'Green', value: '#00FF00' },
6
- { label: 'Blue', value: '#0000FF' },
7
- { label: 'Yellow', value: '#FFFF00' },
8
- { label: 'Purple', value: '#800080' },
9
- { label: 'Cyan', value: '#00FFFF' },
10
- { label: 'Magenta', value: '#FF00FF' }
11
- ]
12
- %>
13
-
14
- <%= pb_rails("typeahead", props: {
15
- id: "typeahead-input-display-none",
16
- label: "With Input Display None",
17
- options: options,
18
- name: :foo,
19
- input_display: "none",
20
- })
21
- %>
22
- <br/>
23
- <%= pb_rails("typeahead", props: {
24
- id: "typeahead-input-display-pills",
25
- label: "With Input Display Pills (Default)",
26
- options: options,
27
- name: :foo,
28
- pills: true,
29
- })
30
- %>
@@ -1,37 +0,0 @@
1
- import React from 'react'
2
-
3
- import Typeahead from '../_typeahead'
4
-
5
- const options = [
6
- { label: 'Orange', value: '#FFA500' },
7
- { label: 'Red', value: '#FF0000' },
8
- { label: 'Green', value: '#00FF00' },
9
- { label: 'Blue', value: '#0000FF' },
10
- { label: 'Yellow', value: '#FFFF00' },
11
- { label: 'Purple', value: '#800080' },
12
- { label: 'Cyan', value: '#00FFFF' },
13
- { label: 'Magenta', value: '#FF00FF' }
14
- ]
15
-
16
- const TypeaheadInputDisplay = (props) => {
17
- return (
18
- <>
19
- <Typeahead
20
- inputDisplay="none"
21
- isMulti
22
- label="With Input Display None"
23
- options={options}
24
- {...props}
25
- />
26
- <br/>
27
- <Typeahead
28
- isMulti
29
- label="With Input Display Pills (Default)"
30
- options={options}
31
- {...props}
32
- />
33
- </>
34
- )
35
- }
36
-
37
- export default TypeaheadInputDisplay
@@ -1,3 +0,0 @@
1
- Use the `inputDisplay`/`input_display` prop to optionally display only the count in the display as opposed to multiple pills. This prop is set to 'pills' by default.
2
-
3
- **NOTE**: `inputDisplay`/`input_display` should only be used with typeaheads that allow multi selection.