playbook_ui_docs 16.2.0.pre.alpha.PLAY2791closeonclick14636 → 16.2.0.pre.alpha.PLAY2798idvsinputoptionsidfortextarea14471
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_caption/docs/_caption_colors.html.erb +4 -6
- data/app/pb_kits/playbook/pb_caption/docs/_caption_colors.jsx +4 -14
- data/app/pb_kits/playbook/pb_detail/docs/_detail_colors.html.erb +24 -6
- data/app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx +33 -35
- data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.jsx +13 -11
- data/app/pb_kits/playbook/pb_textarea/docs/index.js +8 -8
- data/app/pb_kits/playbook/pb_title/docs/_title_colors.html.erb +0 -2
- data/app/pb_kits/playbook/pb_title/docs/_title_colors.jsx +0 -14
- metadata +2 -4
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_closing_options_rails.html.erb +0 -16
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_closing_options_rails.md +0 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 86257cae5e7d87dcfcf61181debc44fcd932178f83095afeb7cd39c98bdf74b2
|
|
4
|
+
data.tar.gz: 9419c6db216b2ebd0f04e097361a67729e82b7717c3b452ed80698cd6bfd4ed7
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 9d43d2a65d93cea51e1c4255dcff236b8b14f5b5f9707e68fa2d29fe0f071688c94153246adeddb1d4f043a020c3dd1effd17901080a6dda2763a7571140516a
|
|
7
|
+
data.tar.gz: eaf3e5afa8b9aa3262d27d9158a4c44edbd2411a9c6aedebd673c36736f98072689a9bae9ac68dfe87dbd2728ef5a2bbec2f8f06d09e7d2e1d404a442750fcba
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
<%= pb_rails("caption", props: { text: "
|
|
2
|
-
<%= pb_rails("caption", props: { text: "
|
|
3
|
-
<%= pb_rails("caption", props: { text: "
|
|
4
|
-
<%= pb_rails("caption", props: { text: "
|
|
5
|
-
<%= pb_rails("caption", props: { text: "Caption error", color: "error" }) %>
|
|
6
|
-
<%= pb_rails("caption", props: { text: "Caption link", color: "link" }) %>
|
|
1
|
+
<%= pb_rails("caption", props: { text: "Test colors" }) %>
|
|
2
|
+
<%= pb_rails("caption", props: { text: "Test colors", color: "success" }) %>
|
|
3
|
+
<%= pb_rails("caption", props: { text: "Test colors", color: "error" }) %>
|
|
4
|
+
<%= pb_rails("caption", props: { text: "Test colors", color: "link" }) %>
|
|
@@ -4,33 +4,23 @@ import Caption from "../../pb_caption/_caption"
|
|
|
4
4
|
const CaptionColors = (props) => {
|
|
5
5
|
return (
|
|
6
6
|
<div>
|
|
7
|
-
<Caption
|
|
8
|
-
text="Caption light"
|
|
9
|
-
{...props}
|
|
10
|
-
/>
|
|
11
|
-
<Caption
|
|
12
|
-
color="default"
|
|
13
|
-
text="Caption default"
|
|
14
|
-
{...props}
|
|
15
|
-
/>
|
|
16
7
|
<Caption
|
|
17
|
-
|
|
18
|
-
text="Caption lighter"
|
|
8
|
+
text="Test colors"
|
|
19
9
|
{...props}
|
|
20
10
|
/>
|
|
21
11
|
<Caption
|
|
22
12
|
color="success"
|
|
23
|
-
text="
|
|
13
|
+
text="Test colors"
|
|
24
14
|
{...props}
|
|
25
15
|
/>
|
|
26
16
|
<Caption
|
|
27
17
|
color="error"
|
|
28
|
-
text="
|
|
18
|
+
text="Test colors"
|
|
29
19
|
{...props}
|
|
30
20
|
/>
|
|
31
21
|
<Caption
|
|
32
22
|
color="link"
|
|
33
|
-
text="
|
|
23
|
+
text="Test colors"
|
|
34
24
|
{...props}
|
|
35
25
|
/>
|
|
36
26
|
</div>
|
|
@@ -1,6 +1,24 @@
|
|
|
1
|
-
<%= pb_rails("detail", props: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
<%= pb_rails("detail", props: {
|
|
1
|
+
<%= pb_rails("detail", props: {
|
|
2
|
+
text: "I am a detail kit",
|
|
3
|
+
color: "default"
|
|
4
|
+
}) %>
|
|
5
|
+
|
|
6
|
+
<%= pb_rails("detail", props: {
|
|
7
|
+
text: "I am a detail kit",
|
|
8
|
+
color: "lighter"
|
|
9
|
+
}) %>
|
|
10
|
+
|
|
11
|
+
<%= pb_rails("detail", props: {
|
|
12
|
+
text: "I am a detail kit",
|
|
13
|
+
color: "link"
|
|
14
|
+
}) %>
|
|
15
|
+
|
|
16
|
+
<%= pb_rails("detail", props: {
|
|
17
|
+
text: "I am a detail kit",
|
|
18
|
+
color: "error"
|
|
19
|
+
}) %>
|
|
20
|
+
|
|
21
|
+
<%= pb_rails("detail", props: {
|
|
22
|
+
text: "I am a detail kit",
|
|
23
|
+
color: "success"
|
|
24
|
+
}) %>
|
|
@@ -1,40 +1,38 @@
|
|
|
1
1
|
import React from 'react'
|
|
2
2
|
import Detail from '../../pb_detail/_detail'
|
|
3
3
|
|
|
4
|
-
const DetailColors = (props) =>
|
|
5
|
-
|
|
6
|
-
<
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
)
|
|
38
|
-
}
|
|
4
|
+
const DetailColors = (props) => (
|
|
5
|
+
<div>
|
|
6
|
+
<Detail
|
|
7
|
+
color="default"
|
|
8
|
+
text="I am a detail kit"
|
|
9
|
+
{...props}
|
|
10
|
+
/>
|
|
11
|
+
|
|
12
|
+
<Detail
|
|
13
|
+
color="lighter"
|
|
14
|
+
text="I am a detail kit"
|
|
15
|
+
{...props}
|
|
16
|
+
/>
|
|
17
|
+
|
|
18
|
+
<Detail
|
|
19
|
+
color="link"
|
|
20
|
+
text="I am a detail kit"
|
|
21
|
+
{...props}
|
|
22
|
+
/>
|
|
23
|
+
|
|
24
|
+
<Detail
|
|
25
|
+
color="error"
|
|
26
|
+
text="I am a detail kit"
|
|
27
|
+
{...props}
|
|
28
|
+
/>
|
|
29
|
+
|
|
30
|
+
<Detail
|
|
31
|
+
color="success"
|
|
32
|
+
text="I am a detail kit"
|
|
33
|
+
{...props}
|
|
34
|
+
/>
|
|
35
|
+
</div>
|
|
36
|
+
)
|
|
39
37
|
|
|
40
38
|
export default DetailColors
|
|
@@ -25,7 +25,6 @@ examples:
|
|
|
25
25
|
- dropdown_separators_hidden: Separators Hidden
|
|
26
26
|
- dropdown_with_clearable: Clearable
|
|
27
27
|
- dropdown_with_constrain_height_rails: Constrain Height
|
|
28
|
-
- dropdown_closing_options_rails: Closing Options
|
|
29
28
|
- dropdown_quickpick_rails: Quick Pick Variant
|
|
30
29
|
- dropdown_quickpick_range_end_rails: Quick Pick Variant (Range Ends Today)
|
|
31
30
|
- dropdown_quickpick_default_dates: Quick Pick Variant (Default Dates)
|
|
@@ -2,17 +2,19 @@ import React from 'react'
|
|
|
2
2
|
|
|
3
3
|
import TextInput from '../_text_input'
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
<
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
5
|
+
class TextInputDisabled extends React.Component {
|
|
6
|
+
render(props) {
|
|
7
|
+
return (
|
|
8
|
+
<div>
|
|
9
|
+
<TextInput
|
|
10
|
+
disabled
|
|
11
|
+
label="Last Name"
|
|
12
|
+
placeholder="Enter last name"
|
|
13
|
+
{...props}
|
|
14
|
+
/>
|
|
15
|
+
</div>
|
|
16
|
+
)
|
|
17
|
+
}
|
|
16
18
|
}
|
|
17
19
|
|
|
18
20
|
export default TextInputDisabled
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export { default as TextareaDefault } from
|
|
1
|
+
export { default as TextareaDefault } from "./_textarea_default.jsx"
|
|
2
2
|
export { default as TextareaDisabled } from './_textarea_disabled.jsx'
|
|
3
|
-
export { default as TextareaResize } from
|
|
4
|
-
export { default as TextareaCustom } from
|
|
5
|
-
export { default as TextareaError } from
|
|
6
|
-
export { default as TextareaCharacterCounter } from
|
|
7
|
-
export { default as TextareaInline } from
|
|
8
|
-
export { default as TextareaEmojiMask } from
|
|
9
|
-
export { default as TextareaRequiredIndicator } from
|
|
3
|
+
export { default as TextareaResize } from "./_textarea_resize.jsx"
|
|
4
|
+
export { default as TextareaCustom } from "./_textarea_custom.jsx"
|
|
5
|
+
export { default as TextareaError } from "./_textarea_error.jsx"
|
|
6
|
+
export { default as TextareaCharacterCounter } from "./_textarea_character_counter.jsx"
|
|
7
|
+
export { default as TextareaInline } from "./_textarea_inline.jsx"
|
|
8
|
+
export { default as TextareaEmojiMask } from "./_textarea_emoji_mask.jsx"
|
|
9
|
+
export { default as TextareaRequiredIndicator } from "./_textarea_required_indicator.jsx"
|
|
10
10
|
export { default as TextareaInputOptions } from "./_textarea_input_options.jsx"
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
<%= pb_rails("title", props: { text: "Default Color", tag: "h1", size: 3 }) %>
|
|
2
|
-
<%= pb_rails("title", props: { text: "Title Color", tag: "h1", size: 3, color: "light" }) %>
|
|
3
|
-
<%= pb_rails("title", props: { text: "Title Color", tag: "h1", size: 3, color: "lighter" }) %>
|
|
4
2
|
<%= pb_rails("title", props: { text: "Title Color", tag: "h1", size: 3, color: "link" }) %>
|
|
5
3
|
<%= pb_rails("title", props: { text: "Title Color", tag: "h1", size: 3, color: "success" }) %>
|
|
6
4
|
<%= pb_rails("title", props: { text: "Title Color", tag: "h1", size: 3, color: "error" }) %>
|
|
@@ -9,20 +9,6 @@ const TitleColors = (props) => {
|
|
|
9
9
|
text="Default Color"
|
|
10
10
|
{...props}
|
|
11
11
|
/>
|
|
12
|
-
<Title
|
|
13
|
-
color="light"
|
|
14
|
-
size={3}
|
|
15
|
-
tag="h1"
|
|
16
|
-
text="Title Color"
|
|
17
|
-
{...props}
|
|
18
|
-
/>
|
|
19
|
-
<Title
|
|
20
|
-
color="lighter"
|
|
21
|
-
size={3}
|
|
22
|
-
tag="h1"
|
|
23
|
-
text="Title Color"
|
|
24
|
-
{...props}
|
|
25
|
-
/>
|
|
26
12
|
<Title
|
|
27
13
|
color="link"
|
|
28
14
|
size={3}
|
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.2.0.pre.alpha.
|
|
4
|
+
version: 16.2.0.pre.alpha.PLAY2798idvsinputoptionsidfortextarea14471
|
|
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-02-
|
|
12
|
+
date: 2026-02-17 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: playbook_ui
|
|
@@ -859,8 +859,6 @@ files:
|
|
|
859
859
|
- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.md
|
|
860
860
|
- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_closing_options.jsx
|
|
861
861
|
- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_closing_options.md
|
|
862
|
-
- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_closing_options_rails.html.erb
|
|
863
|
-
- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_closing_options_rails.md
|
|
864
862
|
- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.jsx
|
|
865
863
|
- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.md
|
|
866
864
|
- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_rails.html.erb
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
<%
|
|
2
|
-
options = [
|
|
3
|
-
{ label: "United States", value: "unitedStates", id: "us" },
|
|
4
|
-
{ label: "Canada", value: "canada", id: "ca" },
|
|
5
|
-
{ label: "Pakistan", value: "pakistan", id: "pk" },
|
|
6
|
-
]
|
|
7
|
-
%>
|
|
8
|
-
|
|
9
|
-
<%= pb_rails("caption", props: { margin_bottom: "xs", text: "Any" }) %>
|
|
10
|
-
<%= pb_rails("dropdown", props: { options: options, close_on_click: "any", margin_bottom: "md" }) %>
|
|
11
|
-
|
|
12
|
-
<%= pb_rails("caption", props: { margin_bottom: "xs", text: "Outside" }) %>
|
|
13
|
-
<%= pb_rails("dropdown", props: { options: options, close_on_click: "outside", margin_bottom: "md" }) %>
|
|
14
|
-
|
|
15
|
-
<%= pb_rails("caption", props: { margin_bottom: "xs", text: "Inside" }) %>
|
|
16
|
-
<%= pb_rails("dropdown", props: { options: options, close_on_click: "inside" }) %>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
The `close_on_click` prop allows you to control when the Dropdown closes in response to click interactions. The value `any` reflects the default behavior, where the dropdown will close after any click. Set it to `outside` to ensure interactive elements as dropdown options are able to be interacted with or modified. Set it to `inside` for a dropdown that only closes when the input or dropdown menu is clicked.
|