playbook_ui 14.3.0.pre.rc.3 → 14.3.0.pre.rc.5
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_avatar_action_button/_avatar_action_button.scss +3 -3
- data/app/pb_kits/playbook/pb_badge/_badge.scss +2 -2
- data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss +1 -1
- data/app/pb_kits/playbook/pb_button/_button.scss +1 -1
- data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_mixins.scss +2 -2
- data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss +1 -1
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss +1 -1
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss +2 -2
- data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss +4 -4
- data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.scss +4 -4
- data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +1 -1
- data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +2 -2
- data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss +1 -1
- data/app/pb_kits/playbook/pb_label_value/_label_value.scss +1 -1
- data/app/pb_kits/playbook/pb_message/_message_mixins.scss +1 -1
- data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss +1 -1
- data/app/pb_kits/playbook/pb_passphrase/_passphrase.scss +3 -3
- data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +2 -2
- data/app/pb_kits/playbook/pb_phone_number_input/intlTelInput.scss +1290 -0
- data/app/pb_kits/playbook/pb_pill/_pill.scss +2 -2
- data/app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss +2 -2
- data/app/pb_kits/playbook/pb_radio/_radio.tsx +100 -50
- data/app/pb_kits/playbook/pb_radio/docs/_radio_children.jsx +56 -0
- data/app/pb_kits/playbook/pb_radio/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_radio/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/_previewer_mixin.scss +49 -13
- data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss +2 -14
- data/app/pb_kits/playbook/pb_rich_text_editor/_tiptap_styles.scss +23 -23
- data/app/pb_kits/playbook/pb_rich_text_editor/_trix_styles.scss +19 -27
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb +21 -11
- data/app/pb_kits/playbook/pb_select/_select.scss +1 -1
- data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +3 -3
- data/app/pb_kits/playbook/pb_text_input/_text_input.scss +1 -1
- data/app/pb_kits/playbook/pb_textarea/_textarea.scss +1 -1
- data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.scss +4 -4
- data/app/pb_kits/playbook/pb_timeline/_timeline.scss +2 -2
- data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.html.erb +2 -2
- data/app/pb_kits/playbook/pb_timestamp/timestamp.rb +46 -2
- data/app/pb_kits/playbook/pb_toggle/_toggle.scss +3 -3
- data/dist/chunks/{_typeahead-KAYMhDNO.js → _typeahead-C4E2LFD8.js} +3 -3
- data/dist/chunks/{_weekday_stacked-CTvE8Bet.js → _weekday_stacked-BxO6ii_q.js} +1 -1
- 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 +5 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 8205b5da496dd90411aeaba19b3d8dbcb8122881ca11fabf23fe8d6e405bad0d
|
|
4
|
+
data.tar.gz: b60380ac478a4a1619aa7f5e129d16c4d2d5d91c3d726d195b5c1294f9c053ba
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: a3d39740e2d29b1f5594e08ef75264369fafcca12edce4b3038ebdcc616b67f3cc04606932f981d2d1901549865d9aa6506a121cdfc4aa041501ac1357a87ef0
|
|
7
|
+
data.tar.gz: b49210fbeb5368472d9b6616b43167f9fa3bd67452bbaa41d9c1ab144537fbc6618de55d85dd34188a0d2cc53b7a0a9c8482bb295260eb6c59e33829a5426fb6
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
&[class*=_#{$name}] {
|
|
36
36
|
|
|
37
37
|
$avatar_size: map-get($avatar-sizes, $name);
|
|
38
|
-
$icon_size:
|
|
39
|
-
$border_size:
|
|
38
|
+
$icon_size: $avatar_size / 2;
|
|
39
|
+
$border_size: $icon_size / 10;
|
|
40
40
|
|
|
41
41
|
position: relative;
|
|
42
42
|
width: $avatar_size * 1.25;
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
left: $icon_size * 1.5;
|
|
60
60
|
}
|
|
61
61
|
&[class*=_left] [class^=pb_avatar_kit] {
|
|
62
|
-
padding-left:
|
|
62
|
+
padding-left: $icon_size / 2;
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
}
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
align-items: center;
|
|
12
12
|
justify-content: center;
|
|
13
13
|
border-radius: $border_rad_light;
|
|
14
|
-
padding: 0
|
|
14
|
+
padding: 0 $space_xs/2;
|
|
15
15
|
border-width: 1px;
|
|
16
16
|
border-style: solid;
|
|
17
17
|
border-color: $card_light;
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
height: $pb_badge_height;
|
|
35
35
|
min-height: $pb_badge_height;
|
|
36
36
|
min-width: $pb_badge_height;
|
|
37
|
-
border-radius:
|
|
37
|
+
border-radius: $pb_badge_height / 2;
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
&[class*=_notification] {
|
|
@@ -11,13 +11,13 @@ $secondary_dark: rgba($bg_dark, $opacity_2);
|
|
|
11
11
|
@if $horizontal == true {
|
|
12
12
|
height: 2px;
|
|
13
13
|
width: calc(100% + #{$space_md} + #{$space_md});
|
|
14
|
-
top:
|
|
14
|
+
top: -$space_xs - 1px;
|
|
15
15
|
left: -$space_md;
|
|
16
16
|
} @else {
|
|
17
17
|
width: 2px;
|
|
18
18
|
height: $space_md;
|
|
19
19
|
top: 0;
|
|
20
|
-
right:
|
|
20
|
+
right: $space_lg + 2px;
|
|
21
21
|
}
|
|
22
22
|
background-color: $color;
|
|
23
23
|
content: '';
|
|
@@ -16,7 +16,7 @@ $pb_button_styles: (
|
|
|
16
16
|
flex-grow: 0;
|
|
17
17
|
width: $pb_button_size;
|
|
18
18
|
height: $pb_button_size;
|
|
19
|
-
border-radius:
|
|
19
|
+
border-radius: $pb_button_size / 2;
|
|
20
20
|
line-height: $pb_button_size;
|
|
21
21
|
flex-basis: $pb_button_size;
|
|
22
22
|
min-width: $pb_button_size;
|
|
@@ -21,14 +21,14 @@
|
|
|
21
21
|
display: flex;
|
|
22
22
|
align-items: center;
|
|
23
23
|
[class*=pb_date_range_inline_arrow] {
|
|
24
|
-
margin-left:
|
|
25
|
-
margin-right:
|
|
24
|
+
margin-left: $space_xs/2;
|
|
25
|
+
margin-right: $space_xs/2;
|
|
26
26
|
}
|
|
27
27
|
[class*=pb_date_range_inline_timezone] {
|
|
28
|
-
margin-left:
|
|
28
|
+
margin-left: $space_xs/2;
|
|
29
29
|
}
|
|
30
30
|
[class*=pb_date_range_inline_icon] {
|
|
31
|
-
margin-right:
|
|
31
|
+
margin-right: $space_xs/2;
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
[class^=pb_date_time_stacked] {
|
|
2
2
|
|
|
3
3
|
[class^=padding_month] {
|
|
4
|
-
padding-bottom:
|
|
4
|
+
padding-bottom: $space_xs + 2px !important;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
7
|
[class^=padding_day] {
|
|
8
|
-
padding-bottom:
|
|
8
|
+
padding-bottom: $space_xs + 2px !important;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
&[class*=_dark] {
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
|
|
20
20
|
}
|
|
21
21
|
.date-time-padding {
|
|
22
|
-
padding-right:
|
|
23
|
-
padding-left:
|
|
22
|
+
padding-right: $space_xs / 2;
|
|
23
|
+
padding-left: $space_xs / 2;
|
|
24
24
|
}
|
|
25
25
|
|
|
@@ -17,9 +17,9 @@ $form_pill_colors: (
|
|
|
17
17
|
display: inline-flex;
|
|
18
18
|
justify-content: center;
|
|
19
19
|
align-items: center;
|
|
20
|
-
padding: 0
|
|
20
|
+
padding: 0 $space-md/2;
|
|
21
21
|
height: $pb_form_pill_height;
|
|
22
|
-
border-radius:
|
|
22
|
+
border-radius: $pb_form_pill_height/2;
|
|
23
23
|
margin-bottom: 2px;
|
|
24
24
|
margin-top: 2px;
|
|
25
25
|
cursor: pointer;
|
|
@@ -18,7 +18,7 @@ $pb_multiple_users_size_xxs: map-get($avatar-sizes, "xxs");
|
|
|
18
18
|
justify-content: center;
|
|
19
19
|
width: $pb_multiple_users_size;
|
|
20
20
|
height: $pb_multiple_users_size;
|
|
21
|
-
border-radius:
|
|
21
|
+
border-radius: $pb_multiple_users_size / 2 + 2;
|
|
22
22
|
background: tint($primary, 90%);
|
|
23
23
|
border: $pb_multiple_users_border_size solid $white;
|
|
24
24
|
color: $primary;
|
|
@@ -21,14 +21,14 @@
|
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
.passphrase-label {
|
|
24
|
-
margin-right:
|
|
24
|
+
margin-right: $space_xs / 2;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
.passphrase-text-input-wrapper {
|
|
28
28
|
position: relative;
|
|
29
29
|
|
|
30
30
|
.pb_text_input_kit_label {
|
|
31
|
-
margin-bottom:
|
|
31
|
+
margin-bottom: $space_xs / 2;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
.passphrase-text-input input {
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
.pb_progress_simple_wrapper, .pb_progress_simple_wrapper_dark {
|
|
60
|
-
margin-bottom:
|
|
60
|
+
margin-bottom: $space_xs/2;
|
|
61
61
|
|
|
62
62
|
&.progress-empty-input {
|
|
63
63
|
visibility: hidden;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@import "
|
|
1
|
+
@import "./intlTelInput";
|
|
2
2
|
@import "../tokens/colors";
|
|
3
3
|
|
|
4
4
|
$transform-rotate-deg: 135deg;
|
|
@@ -101,7 +101,7 @@ $flag-min-resolution: 192dpi;
|
|
|
101
101
|
}
|
|
102
102
|
|
|
103
103
|
.iti__arrow.iti__arrow--up::before {
|
|
104
|
-
transform: rotate(-(
|
|
104
|
+
transform: rotate(-($transform-rotate-deg/3));
|
|
105
105
|
top: $space_xs + 4px;
|
|
106
106
|
color: $primary_action;
|
|
107
107
|
}
|