playbook_ui_docs 13.21.0 → 13.22.0.pre.alpha.pbntr254barchartnegativenumber2640
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.jsx +7 -7
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx +7 -7
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx +12 -7
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.md +2 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx +7 -7
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.md +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx +7 -7
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx +7 -7
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx +7 -7
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.jsx +7 -7
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.jsx +7 -7
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx +7 -7
- data/app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json +278 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.html.erb +23 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.jsx +35 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_stacked.html.erb +22 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_stacked.jsx +34 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/example.yml +4 -1
- data/app/pb_kits/playbook/pb_bar_graph/docs/index.js +2 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.html.erb +0 -7
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.jsx +0 -7
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_margin_bottom.html.erb +7 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_margin_bottom.jsx +41 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb +7 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx +7 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +4 -2
- data/app/pb_kits/playbook/pb_date_picker/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.html.erb +2 -0
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.html.erb +51 -1
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.jsx +62 -11
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_positions.html.erb +7 -2
- data/app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb +0 -4
- data/app/pb_kits/playbook/pb_form_group/docs/_form_group_select.html.erb +17 -1
- data/app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx +18 -2
- data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.html.erb +5 -0
- data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.jsx +6 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.md +2 -2
- data/app/pb_kits/playbook/pb_multi_level_select/docs/{_multi_level_select_selected_ids.jsx → _multi_level_select_selected_ids_react.jsx} +2 -2
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids_react.md +5 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +1 -1
- data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +1 -1
- data/app/pb_kits/playbook/pb_online_status/docs/_online_status_default.html.erb +6 -9
- data/app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx +18 -7
- data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default.html.erb +2 -1
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.html.erb +2 -2
- data/app/pb_kits/playbook/pb_toggle/docs/_toggle_disabled.html.erb +11 -0
- data/app/pb_kits/playbook/pb_toggle/docs/_toggle_disabled.jsx +21 -0
- data/app/pb_kits/playbook/pb_toggle/docs/example.yml +3 -1
- data/app/pb_kits/playbook/pb_toggle/docs/index.js +1 -0
- data/dist/menu.yml +4 -0
- data/dist/playbook-doc.js +10 -10
- metadata +17 -8
- data/app/pb_kits/playbook/pb_advanced_table/docs/_mock_data.js +0 -278
data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.html.erb
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
<form id="example-form-validation" action="" method="get">
|
2
|
-
<%= pb_rails("phone_number_input", props: { error: "Missing phone number
|
2
|
+
<%= pb_rails("phone_number_input", props: { error: "Missing phone number", id: "validation", initial_country: "af", value: "", required: true }) %>
|
3
3
|
<%= pb_rails("button", props: {html_type: "submit", text: "Save Phone Number"}) %>
|
4
4
|
</form>
|
5
5
|
|
@@ -9,4 +9,4 @@
|
|
9
9
|
if (e.target.querySelectorAll('[error]:not([error=""])').length > 0) e.preventDefault();
|
10
10
|
})
|
11
11
|
})
|
12
|
-
<% end %>
|
12
|
+
<% end %>
|
@@ -0,0 +1,21 @@
|
|
1
|
+
// @flow
|
2
|
+
|
3
|
+
import React from 'react'
|
4
|
+
import { Toggle } from '../..'
|
5
|
+
|
6
|
+
const ToggleDisabled= () => {
|
7
|
+
return (
|
8
|
+
<>
|
9
|
+
<Toggle
|
10
|
+
checked
|
11
|
+
disabled
|
12
|
+
/>
|
13
|
+
|
14
|
+
<br />
|
15
|
+
|
16
|
+
<Toggle disabled />
|
17
|
+
</>
|
18
|
+
)
|
19
|
+
}
|
20
|
+
|
21
|
+
export default ToggleDisabled
|
@@ -2,6 +2,7 @@ examples:
|
|
2
2
|
|
3
3
|
rails:
|
4
4
|
- toggle_default: Default State
|
5
|
+
- toggle_disabled: Disabled
|
5
6
|
- toggle_name: Name and Value
|
6
7
|
- toggle_custom: Custom checkbox input
|
7
8
|
- toggle_custom_radio: Custom radio inputs
|
@@ -9,6 +10,7 @@ examples:
|
|
9
10
|
|
10
11
|
react:
|
11
12
|
- toggle_default: Default State
|
13
|
+
- toggle_disabled: Disabled
|
12
14
|
- toggle_name: Name and Value
|
13
15
|
- toggle_custom: Custom checkbox input
|
14
16
|
- toggle_custom_radio: Custom radio inputs
|
@@ -16,4 +18,4 @@ examples:
|
|
16
18
|
swift:
|
17
19
|
- toggle_default_swift: Default State
|
18
20
|
- toggle_name_swift: Name and Value
|
19
|
-
- toggle_props_swift: ""
|
21
|
+
- toggle_props_swift: ""
|
@@ -1,4 +1,5 @@
|
|
1
1
|
export { default as ToggleDefault } from './_toggle_default'
|
2
|
+
export { default as ToggleDisabled } from './_toggle_disabled'
|
2
3
|
export { default as ToggleCustom } from './_toggle_custom'
|
3
4
|
export { default as ToggleName } from './_toggle_name'
|
4
5
|
export { default as ToggleCustomRadio } from './_toggle_custom_radio'
|
data/dist/menu.yml
CHANGED
@@ -407,6 +407,10 @@ kits:
|
|
407
407
|
platforms: *web
|
408
408
|
description: Badges can be used for notification, tags, and status. They are used for count and numbers.
|
409
409
|
status: "stable"
|
410
|
+
- name: "online_status"
|
411
|
+
platforms: *web
|
412
|
+
description: Online Status is a small indicator that lets the user know the status of a person or item.
|
413
|
+
status: "stable"
|
410
414
|
- name: "pill"
|
411
415
|
platforms: *all
|
412
416
|
description: A pill uses both a keyword and a specific color to categorize an item.
|