playbook_ui_docs 16.6.0.pre.alpha.PLAY2927squareicons16003 → 16.6.0.pre.alpha.PLAY2931phoneplaceholderoffdefault16073

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 (16) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default.html.erb +1 -1
  3. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.html.erb +5 -0
  4. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.jsx +14 -0
  5. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.md +3 -0
  6. data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +2 -0
  7. data/app/pb_kits/playbook/pb_phone_number_input/docs/index.js +1 -0
  8. data/app/pb_kits/playbook/pb_select/docs/_select_error.jsx +1 -1
  9. data/app/pb_kits/playbook/pb_select/docs/_select_inline.jsx +1 -1
  10. data/app/pb_kits/playbook/pb_select/docs/_select_inline_compact.jsx +1 -1
  11. data/app/pb_kits/playbook/pb_select/docs/_select_inline_show_arrow.jsx +1 -1
  12. data/app/pb_kits/playbook/pb_select/docs/_select_multiple.html.erb +3 -3
  13. data/app/pb_kits/playbook/pb_select/docs/_select_multiple.jsx +5 -5
  14. data/app/pb_kits/playbook/pb_select/docs/_select_react_hook.jsx +5 -5
  15. data/app/pb_kits/playbook/pb_select/docs/_select_required_indicator.jsx +1 -1
  16. metadata +5 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: b526a0553bcafce3d734406758e1317337a83e044c0000a3af4c6c1d7c9cc8dd
4
- data.tar.gz: '0359c4d3d9052dd6ba93f6b79b818bd00dd0db101b38a1ab6ffdfdd0d9560f67'
3
+ metadata.gz: 97f198b546d177d6c0cc4a63db1f2a970c7ea761c72335b4c643327c4765f854
4
+ data.tar.gz: ae9a1149b42bd894221d8b9b3dc3ab8c0ecb0971f4ffe5e985bccac7c1088730
5
5
  SHA512:
6
- metadata.gz: 1ed9ec6d288688d8e9db2adab4f4d211c5843eb5b35085491fe1fb1c854da920d243f1e3a626c7b8fc40c73550db9d5c465ccc9040a65d671d8ad81c4226d0ff
7
- data.tar.gz: 6239eb51f24b948df9c7d26f9d167ccf3b73534a3a0681dea45ae2da267048ba5ddf4f4e590164f5d8cddfb55efdb8e8ec76d54f5c2688b8ced46e3410ae4bce
6
+ metadata.gz: e78c346c8256b3b9920c2b2ee171f74ab0f6f9fea401ecf96b221ec11a7a5f2543239b5f918b2d4b136bc09ff9af163512e07214d03fa9ba7f312b99ae100954
7
+ data.tar.gz: 79d1fb891a1b027f1c85ea7263f2773dd8b308b5be1db3650f2b160a1655331553c07bc00fb01628a8c7e13592e1bbb8d989947b51ce443331580a038e80e2cf
data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default.html.erb CHANGED
@@ -1,2 +1,2 @@
1
- <%= pb_rails("pagination", props: { model: @users, view: self}) %>
1
+ <%= pb_rails("pagination", props: { model: @extra_users, view: self }) %>
2
2
 
data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.html.erb ADDED
@@ -0,0 +1,5 @@
1
+ <%= pb_rails("phone_number_input", props: {
2
+ id: "phone_number_input_show_placeholder",
3
+ label: "Phone Number",
4
+ show_placeholder: true,
5
+ }) %>
data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.jsx ADDED
@@ -0,0 +1,14 @@
1
+ import React from 'react'
2
+ import PhoneNumberInput from '../../pb_phone_number_input/_phone_number_input'
3
+
4
+ const PhoneNumberInputShowPlaceholder = (props) => (
5
+ <>
6
+ <PhoneNumberInput
7
+ id='phone_number_input_show_placeholder'
8
+ label='Phone Number'
9
+ showPlaceholder
10
+ {...props} />
11
+ </>
12
+ )
13
+
14
+ export default PhoneNumberInputShowPlaceholder
data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.md ADDED
@@ -0,0 +1,3 @@
1
+ The `showPlaceholder`/`show_placeholder` prop enables the country-specific example placeholder in the phone input.
2
+
3
+ By default, the Phone Number Input does not show a placeholder. When enabled, the placeholder appears while the field is empty and unfocused, hides on focus, and returns on blur if no value is entered.
data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml CHANGED
@@ -2,6 +2,7 @@ examples:
2
2
 
3
3
  react:
4
4
  - phone_number_input_default: Default
5
+ - phone_number_input_show_placeholder: Show Placeholder
5
6
  - phone_number_input_preferred_countries: Preferred Countries
6
7
  - phone_number_input_initial_country: Initial Country
7
8
  - phone_number_input_only_countries: Only Countries
@@ -16,6 +17,7 @@ examples:
16
17
 
17
18
  rails:
18
19
  - phone_number_input_default: Default
20
+ - phone_number_input_show_placeholder: Show Placeholder
19
21
  - phone_number_input_preferred_countries: Preferred Countries
20
22
  - phone_number_input_initial_country: Initial Country
21
23
  - phone_number_input_only_countries: Only Countries
data/app/pb_kits/playbook/pb_phone_number_input/docs/index.js CHANGED
@@ -10,3 +10,4 @@ export { default as PhoneNumberInputFormat } from './_phone_number_input_format'
10
10
  export { default as PhoneNumberInputStrictMode } from './_phone_number_input_strict_mode'
11
11
  export { default as PhoneNumberInputCountrySearch } from './_phone_number_input_country_search'
12
12
  export { default as PhoneNumberInputRequiredIndicator } from './_phone_number_input_required_indicator.jsx'
13
+ export { default as PhoneNumberInputShowPlaceholder } from './_phone_number_input_show_placeholder'
data/app/pb_kits/playbook/pb_select/docs/_select_error.jsx CHANGED
@@ -28,7 +28,7 @@ const SelectError = (props) => {
28
28
  <Select
29
29
  error={error}
30
30
  label="Favorite Food"
31
- name="food"
31
+ name="food-error"
32
32
  options={options}
33
33
  value="2"
34
34
  {...props}
data/app/pb_kits/playbook/pb_select/docs/_select_inline.jsx CHANGED
@@ -23,7 +23,7 @@ const SelectInline = (props) => {
23
23
  <Select
24
24
  inline
25
25
  label="Favorite Food"
26
- name="food"
26
+ name="food-inline"
27
27
  options={options}
28
28
  {...props}
29
29
  />
data/app/pb_kits/playbook/pb_select/docs/_select_inline_compact.jsx CHANGED
@@ -24,7 +24,7 @@ const SelectInlineCompact = (props) => {
24
24
  compact
25
25
  inline
26
26
  label="Favorite Food"
27
- name="food"
27
+ name="food-inline-compact"
28
28
  options={options}
29
29
  {...props}
30
30
  />
data/app/pb_kits/playbook/pb_select/docs/_select_inline_show_arrow.jsx CHANGED
@@ -23,7 +23,7 @@ const SelectInlineShowArrow = (props) => {
23
23
  <Select
24
24
  inline
25
25
  label="Favorite Food"
26
- name="food"
26
+ name="food-inline-show-arrow"
27
27
  options={options}
28
28
  showArrow
29
29
  {...props}
data/app/pb_kits/playbook/pb_select/docs/_select_multiple.html.erb CHANGED
@@ -22,15 +22,15 @@
22
22
  value_text: "BBQ",
23
23
  },
24
24
  {
25
- value: "4",
25
+ value: "5",
26
26
  value_text: "Sushi",
27
27
  },
28
28
  {
29
- value: "4",
29
+ value: "6",
30
30
  value_text: "Chinese",
31
31
  },
32
32
  {
33
- value: "4",
33
+ value: "7",
34
34
  value_text: "Hot Dogs",
35
35
  },
36
36
  ]
data/app/pb_kits/playbook/pb_select/docs/_select_multiple.jsx CHANGED
@@ -17,19 +17,19 @@ const SelectMultiple = (props) => {
17
17
  text: 'Tacos',
18
18
  },
19
19
  {
20
- value: '3',
20
+ value: '4',
21
21
  text: 'BBQ',
22
22
  },
23
23
  {
24
- value: '3',
24
+ value: '5',
25
25
  text: 'Sushi',
26
26
  },
27
27
  {
28
- value: '3',
28
+ value: '6',
29
29
  text: 'Chinese',
30
30
  },
31
31
  {
32
- value: '3',
32
+ value: '7',
33
33
  text: 'Hot Dogs',
34
34
  },
35
35
  ]
@@ -39,7 +39,7 @@ const SelectMultiple = (props) => {
39
39
  <Select
40
40
  label="Favorite Food"
41
41
  multiple
42
- name="food"
42
+ name="food-multiple"
43
43
  options={options}
44
44
  {...props}
45
45
  />
data/app/pb_kits/playbook/pb_select/docs/_select_react_hook.jsx CHANGED
@@ -7,12 +7,12 @@ import Button from "../../pb_button/_button"
7
7
  const SelectReactHook = (props) => {
8
8
  const { register, handleSubmit, formState: { errors } } = useForm({
9
9
  defaultValues: {
10
- food: '',
10
+ "food-react-hook": '',
11
11
  },
12
12
  })
13
13
 
14
14
  const [submittedData, setSubmittedData] = useState({
15
- food: '',
15
+ "food-react-hook": '',
16
16
  })
17
17
 
18
18
  const onSubmit = (data) => {
@@ -39,8 +39,8 @@ const SelectReactHook = (props) => {
39
39
  <form onSubmit={handleSubmit(onSubmit)}>
40
40
  <Select
41
41
  {...props}
42
- {...register("food", { required: true })}
43
- error={errors.food ? "Please select a food." : null}
42
+ {...register("food-react-hook", { required: true })}
43
+ error={errors["food-react-hook"] ? "Please select a food." : null}
44
44
  label="Favorite Food"
45
45
  options={options}
46
46
  />
@@ -51,7 +51,7 @@ const SelectReactHook = (props) => {
51
51
  />
52
52
  </form>
53
53
  <Body padding="xs"
54
- text={`Food: ${submittedData.food}`}
54
+ text={`Food: ${submittedData["food-react-hook"]}`}
55
55
  />
56
56
  </>
57
57
  )
data/app/pb_kits/playbook/pb_select/docs/_select_required_indicator.jsx CHANGED
@@ -22,7 +22,7 @@ const SelectRequiredIndicator = () => {
22
22
  <div>
23
23
  <Select
24
24
  label="Favorite Snack"
25
- name="food"
25
+ name="food-required-indicator"
26
26
  options={options}
27
27
  requiredIndicator
28
28
  />
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: 16.6.0.pre.alpha.PLAY2927squareicons16003
4
+ version: 16.6.0.pre.alpha.PLAY2931phoneplaceholderoffdefault16073
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2026-04-24 00:00:00.000000000 Z
12
+ date: 2026-04-28 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -1969,6 +1969,9 @@ files:
1969
1969
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.html.erb
1970
1970
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.jsx
1971
1971
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.md
1972
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.html.erb
1973
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.jsx
1974
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.md
1972
1975
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.html.erb
1973
1976
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.jsx
1974
1977
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.md