playbook_ui 15.5.0.pre.alpha.PLAY2503datepickerdefaultdateoutsideminmaxrange12814 → 15.5.0.pre.alpha.PLAY2554homeaddressstreetaccessibility12695
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 +4 -4
- data/app/pb_kits/playbook/pb_background/_background.tsx +6 -6
- data/app/pb_kits/playbook/pb_background/background.test.js +1 -5
- data/app/pb_kits/playbook/pb_background/docs/_background_light.html.erb +1 -1
- data/app/pb_kits/playbook/pb_background/docs/_background_light.jsx +1 -0
- data/app/pb_kits/playbook/pb_background/docs/example.yml +2 -2
- data/app/pb_kits/playbook/pb_date_picker/date_picker.test.js +0 -24
- data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +3 -181
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.html.erb +0 -18
- data/app/pb_kits/playbook/pb_dialog/index.js +15 -10
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +1 -8
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +1 -11
- data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_default.html.erb +124 -0
- data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_default.jsx +147 -12
- data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss +0 -10
- data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.tsx +15 -66
- data/app/pb_kits/playbook/pb_multiple_users/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_multiple_users/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_multiple_users/multiple_users.test.js +0 -25
- data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +10 -44
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.html.erb +4 -34
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.jsx +7 -16
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.test.jsx +0 -15
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +0 -3
- data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.tsx +1 -6
- data/app/pb_kits/playbook/pb_typeahead/components/ValueContainer.tsx +7 -34
- data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_typeahead/docs/index.js +1 -2
- data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +1 -6
- data/dist/chunks/_typeahead-CkkCTRLh.js +6 -0
- data/dist/chunks/{lib-x6lM2EFN.js → lib-CgpqUb6l.js} +1 -1
- data/dist/chunks/vendor.js +2 -2
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +4 -10
- data/app/pb_kits/playbook/pb_background/docs/_background_light.md +0 -1
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.jsx +0 -42
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.md +0 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.html.erb +0 -30
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.jsx +0 -37
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.md +0 -3
- data/dist/chunks/_typeahead-DCwdpOmC.js +0 -6
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: playbook_ui
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 15.5.0.pre.alpha.
|
|
4
|
+
version: 15.5.0.pre.alpha.PLAY2554homeaddressstreetaccessibility12695
|
|
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: 2025-12-
|
|
12
|
+
date: 2025-12-01 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: actionpack
|
|
@@ -487,7 +487,6 @@ files:
|
|
|
487
487
|
- app/pb_kits/playbook/pb_background/docs/_background_image.md
|
|
488
488
|
- app/pb_kits/playbook/pb_background/docs/_background_light.html.erb
|
|
489
489
|
- app/pb_kits/playbook/pb_background/docs/_background_light.jsx
|
|
490
|
-
- app/pb_kits/playbook/pb_background/docs/_background_light.md
|
|
491
490
|
- app/pb_kits/playbook/pb_background/docs/_background_overlay.jsx
|
|
492
491
|
- app/pb_kits/playbook/pb_background/docs/_background_overlay.md
|
|
493
492
|
- app/pb_kits/playbook/pb_background/docs/_background_size.html.erb
|
|
@@ -2250,8 +2249,6 @@ files:
|
|
|
2250
2249
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.jsx
|
|
2251
2250
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.md
|
|
2252
2251
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size_swift.md
|
|
2253
|
-
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.jsx
|
|
2254
|
-
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.md
|
|
2255
2252
|
- app/pb_kits/playbook/pb_multiple_users/docs/example.yml
|
|
2256
2253
|
- app/pb_kits/playbook/pb_multiple_users/docs/index.js
|
|
2257
2254
|
- app/pb_kits/playbook/pb_multiple_users/multiple_users.html.erb
|
|
@@ -3655,9 +3652,6 @@ files:
|
|
|
3655
3652
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.md
|
|
3656
3653
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.html.erb
|
|
3657
3654
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
|
|
3658
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.html.erb
|
|
3659
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.jsx
|
|
3660
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.md
|
|
3661
3655
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.html.erb
|
|
3662
3656
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
|
|
3663
3657
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
|
|
@@ -3861,9 +3855,9 @@ files:
|
|
|
3861
3855
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
|
3862
3856
|
- app/pb_kits/playbook/utilities/text.ts
|
|
3863
3857
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
|
3864
|
-
- dist/chunks/_typeahead-
|
|
3858
|
+
- dist/chunks/_typeahead-CkkCTRLh.js
|
|
3865
3859
|
- dist/chunks/lazysizes-B7xYodB-.js
|
|
3866
|
-
- dist/chunks/lib-
|
|
3860
|
+
- dist/chunks/lib-CgpqUb6l.js
|
|
3867
3861
|
- dist/chunks/vendor.js
|
|
3868
3862
|
- dist/menu.yml
|
|
3869
3863
|
- dist/playbook-rails-react-bindings.js
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
By default, the Background kit sets background color to 'light' as seen here.
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
import MultipleUsers from '../../pb_multiple_users/_multiple_users'
|
|
3
|
-
|
|
4
|
-
const MultipleUsersWithTooltip = (props) => {
|
|
5
|
-
return (
|
|
6
|
-
<div>
|
|
7
|
-
<MultipleUsers
|
|
8
|
-
users={[
|
|
9
|
-
{
|
|
10
|
-
name: 'Patrick Welch',
|
|
11
|
-
imageUrl: 'https://randomuser.me/api/portraits/men/9.jpg',
|
|
12
|
-
tooltip: "Patrick Welch - Online"
|
|
13
|
-
},
|
|
14
|
-
{
|
|
15
|
-
name: 'Lucille Sanchez',
|
|
16
|
-
imageUrl: 'https://randomuser.me/api/portraits/women/6.jpg',
|
|
17
|
-
tooltip: "Lucille Sanchez - Offline"
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
name: 'Beverly Reyes',
|
|
21
|
-
imageUrl: 'https://randomuser.me/api/portraits/women/74.jpg',
|
|
22
|
-
tooltip: "Beverly Reyes - Online"
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
name: 'Keith Craig',
|
|
26
|
-
imageUrl: 'https://randomuser.me/api/portraits/men/40.jpg',
|
|
27
|
-
tooltip: "Keith Craig - Away"
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
name: 'Alicia Cooper',
|
|
31
|
-
imageUrl: 'https://randomuser.me/api/portraits/women/46.jpg',
|
|
32
|
-
tooltip: "Alicia Cooper - Busy"
|
|
33
|
-
},
|
|
34
|
-
]}
|
|
35
|
-
withTooltip
|
|
36
|
-
{...props}
|
|
37
|
-
/>
|
|
38
|
-
</div>
|
|
39
|
-
)
|
|
40
|
-
}
|
|
41
|
-
``
|
|
42
|
-
export default MultipleUsersWithTooltip
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Use the `withTooltip` boolean prop to enable setting user-specific tooltip content via the `tooltip` property in the users array.
|
|
@@ -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
|