playbook_ui 14.5.0.pre.alpha.PLAY1548intltelinputupdatelatest4073 → 14.5.0.pre.alpha.PLAY1548intltelinputupdatelatest4162
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_dropdown/_dropdown.tsx +20 -4
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.jsx +45 -0
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.md +1 -0
- data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_dropdown/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownOption.tsx +1 -1
- data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownTrigger.tsx +2 -2
- data/app/pb_kits/playbook/pb_filter/Filter/ResultsCount.tsx +4 -2
- data/app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +17 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.html.erb +93 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.md +1 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.scss +169 -65
- data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.test.js +5 -5
- data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.tsx +15 -9
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_size.html.erb +336 -0
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_size.jsx +97 -0
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_multiple_users_stacked/multiple_users_stacked.html.erb +28 -6
- data/app/pb_kits/playbook/pb_multiple_users_stacked/multiple_users_stacked.rb +31 -1
- data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +15 -8
- data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.rb +2 -1
- data/dist/chunks/{_typeahead-CY44rh9x.js → _typeahead-ICFw7Umq.js} +1 -1
- data/dist/chunks/_weekday_stacked-CDe9cyw6.js +45 -0
- data/dist/chunks/vendor.js +1 -1
- data/dist/playbook-doc.js +1 -1
- 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 +10 -4
- data/dist/chunks/_weekday_stacked-NcRanohJ.js +0 -45
|
@@ -69,7 +69,6 @@ $flag-min-resolution: 192dpi;
|
|
|
69
69
|
|
|
70
70
|
.iti__selected-country {
|
|
71
71
|
position: absolute;
|
|
72
|
-
z-index: 2;
|
|
73
72
|
top: 0;
|
|
74
73
|
display: flex;
|
|
75
74
|
height: 100%;
|
|
@@ -98,10 +97,6 @@ $flag-min-resolution: 192dpi;
|
|
|
98
97
|
}
|
|
99
98
|
}
|
|
100
99
|
|
|
101
|
-
.iti--allow-dropdown .iti__country-container:hover .iti__selected-country {
|
|
102
|
-
background-color: $focus_input_light;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
100
|
.iti__country-container:hover + .text_input {
|
|
106
101
|
background-color: $focus_input_light;
|
|
107
102
|
}
|
|
@@ -114,8 +109,9 @@ $flag-min-resolution: 192dpi;
|
|
|
114
109
|
.iti__flag.iti__globe {
|
|
115
110
|
background-image: url("https://unpkg.com/intl-tel-input@24.6.0/build/img/globe.png");
|
|
116
111
|
background-position: center;
|
|
117
|
-
height:
|
|
118
|
-
|
|
112
|
+
height: 16px;
|
|
113
|
+
width: 16px;
|
|
114
|
+
background-size: 16px 16px;
|
|
119
115
|
}
|
|
120
116
|
|
|
121
117
|
.iti--show-flags .iti__selected-country {
|
|
@@ -187,7 +183,6 @@ $flag-min-resolution: 192dpi;
|
|
|
187
183
|
border-radius: $space_xs;
|
|
188
184
|
border: 1px solid $border_light !important;
|
|
189
185
|
position: absolute;
|
|
190
|
-
z-index: 2;
|
|
191
186
|
top: 100%;
|
|
192
187
|
}
|
|
193
188
|
|
|
@@ -261,3 +256,15 @@ $flag-min-resolution: 192dpi;
|
|
|
261
256
|
}
|
|
262
257
|
}
|
|
263
258
|
}
|
|
259
|
+
|
|
260
|
+
// Rails Phone Number Input padding placement of placeholders
|
|
261
|
+
// is off in a Dialog because it doesn't account for
|
|
262
|
+
// padding: 0 $space_xxs 0 $space_xs;
|
|
263
|
+
// Set to 0 so the placeholder doesn't overlap with selected country
|
|
264
|
+
.pb_dialog {
|
|
265
|
+
.pb_phone_number_input_rails {
|
|
266
|
+
.iti__selected-country {
|
|
267
|
+
padding: 0;
|
|
268
|
+
}
|
|
269
|
+
}
|
|
270
|
+
}
|
|
@@ -23,12 +23,13 @@ module Playbook
|
|
|
23
23
|
default: ""
|
|
24
24
|
|
|
25
25
|
def classname
|
|
26
|
-
generate_classname("
|
|
26
|
+
generate_classname("pb_phone_number_input_rails")
|
|
27
27
|
end
|
|
28
28
|
|
|
29
29
|
def phone_number_input_options
|
|
30
30
|
{
|
|
31
31
|
id: id,
|
|
32
|
+
className: classname,
|
|
32
33
|
dark: dark,
|
|
33
34
|
disabled: disabled,
|
|
34
35
|
error: error,
|