playbook_ui 14.2.0.pre.alpha.PLAY15063626 → 14.2.0.pre.alpha.PLAY15063628

Sign up to get free protection for your applications and to get access to all the features.
Files changed (27) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss +1 -1
  3. data/app/pb_kits/playbook/pb_badge/_badge.scss +2 -2
  4. data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss +1 -1
  5. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss +1 -1
  6. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss +2 -2
  7. data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss +4 -4
  8. data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.scss +4 -4
  9. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +1 -1
  10. data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +2 -2
  11. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss +1 -1
  12. data/app/pb_kits/playbook/pb_label_value/_label_value.scss +1 -1
  13. data/app/pb_kits/playbook/pb_message/_message_mixins.scss +1 -1
  14. data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss +1 -1
  15. data/app/pb_kits/playbook/pb_passphrase/_passphrase.scss +3 -3
  16. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +1 -1
  17. data/app/pb_kits/playbook/pb_pill/_pill.scss +2 -2
  18. data/app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss +2 -2
  19. data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss +2 -2
  20. data/app/pb_kits/playbook/pb_select/_select.scss +1 -1
  21. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +3 -3
  22. data/app/pb_kits/playbook/pb_text_input/_text_input.scss +1 -1
  23. data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.scss +4 -4
  24. data/app/pb_kits/playbook/pb_toggle/_toggle.scss +2 -2
  25. data/dist/playbook.css +1 -1
  26. data/lib/playbook/version.rb +1 -1
  27. metadata +1 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: b53a51c7a8b15c112bf3080dd955cf0129abac5e2d714451e21d5bf4bf59fe04
4
- data.tar.gz: a7f79fb282bcec2f7af1762ab2a66dc430f88cbde73dc80ab8ebb59d6b6aa110
3
+ metadata.gz: '083dea54fdde76bba33a1fc1b13e5dc076152f076baed0ea47276cd5a297ff63'
4
+ data.tar.gz: e6f8a1f399e3bbd4964e4143fe8fec234b2b2f6cf53344099fac0684a1540030
5
5
  SHA512:
6
- metadata.gz: f9e0ae1f9823582fefe90e8d359b59fb908ba165b8daf7e4446dcac0febe0e8b5762b7c4f89d9d18a6861a6cb4039b620ea22e062a00fcc8c23dcd8d14d8daa3
7
- data.tar.gz: ab4c7991212da3e2184e8ff3dc053256f199fa1c73a883004ee25f300a11655b0cd8ac74ecf1ec88672346405011571ac0ab0d61fced3bcda32f03783eaea73f
6
+ metadata.gz: b0462f605d115f0b5ba423bb07b320a16327091e1a0db758791b8f9b12c2842d0268298e69a692e07cdff3ff5d57a2b041ba5c33ba2626b2ce1fab0ebb42a917
7
+ data.tar.gz: 50167ba1f1317d23129965ac29ccd2a088ebd7bd5c2e01e46ecdbdbf0061b7dc3602d59ce706158bf45771fed7dcbd2b8bdd15136a2e7dd3681a30716415de36
@@ -59,7 +59,7 @@
59
59
  left: $icon_size * 1.5;
60
60
  }
61
61
  &[class*=_left] [class^=pb_avatar_kit] {
62
- padding-left: calc($icon_size / 2);
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 calc($space_xs/2);
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: calc($pb_badge_height / 2);
37
+ border-radius: $pb_badge_height / 2;
38
38
  }
39
39
 
40
40
  &[class*=_notification] {
@@ -9,7 +9,7 @@
9
9
  display: inline-flex;
10
10
  align-items: center;
11
11
  justify-content: center;
12
- padding: 0 calc($space_xs/2);
12
+ padding: 0 $space_xs/2;
13
13
 
14
14
  svg {
15
15
  margin-right: 8px;
@@ -41,7 +41,7 @@
41
41
  &.error {
42
42
  .date_picker_input_wrapper {
43
43
  [class*=pb_body_kit] {
44
- margin-top: calc($space_xs / 2);
44
+ margin-top: $space_xs / 2;
45
45
  }
46
46
 
47
47
  input,
@@ -6,8 +6,8 @@
6
6
  width: 315.88px
7
7
  }
8
8
  .flatpickr-months {
9
- margin-left: calc($space_xs / 4);
10
- margin-top: calc($space_xs / 3);
9
+ margin-left: $space_xs / 4;
10
+ margin-top: $space_xs / 3;
11
11
  }
12
12
  }
13
13
  @media (max-width: 499px) {
@@ -21,14 +21,14 @@
21
21
  display: flex;
22
22
  align-items: center;
23
23
  [class*=pb_date_range_inline_arrow] {
24
- margin-left: calc($space_xs/2);
25
- margin-right: calc($space_xs/2);
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: calc($space_xs/2);
28
+ margin-left: $space_xs/2;
29
29
  }
30
30
  [class*=pb_date_range_inline_icon] {
31
- margin-right: calc($space_xs/2);
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: calc($space_xs + 2px) !important;
4
+ padding-bottom: $space_xs + 2px !important;
5
5
  }
6
6
 
7
7
  [class^=padding_day] {
8
- padding-bottom: calc($space_xs + 2px) !important;
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: calc($space_xs / 2);
23
- padding-left: calc($space_xs / 2);
22
+ padding-right: $space_xs / 2;
23
+ padding-left: $space_xs / 2;
24
24
  }
25
25
 
@@ -115,7 +115,7 @@
115
115
 
116
116
  &.error {
117
117
  [class*=pb_body_kit] {
118
- margin-top: calc($space_xs / 2);
118
+ margin-top: $space_xs / 2;
119
119
  }
120
120
 
121
121
  [class*="dropdown_trigger_wrapper"] {
@@ -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 calc($space-md/2);
20
+ padding: 0 $space-md/2;
21
21
  height: $pb_form_pill_height;
22
- border-radius: calc($pb_form_pill_height/2);
22
+ border-radius: $pb_form_pill_height/2;
23
23
  margin-bottom: 2px;
24
24
  margin-top: 2px;
25
25
  cursor: pointer;
@@ -54,7 +54,7 @@ $pb_icon_circle_sizes: (
54
54
  &[class*=_size_#{$name}] {
55
55
  width: $size;
56
56
  height: $size;
57
- border-radius: calc($size/2);
57
+ border-radius: $size/2;
58
58
  background: $silver;
59
59
  color: $text_lt_light;
60
60
  font-size: $size * 0.38;
@@ -2,6 +2,6 @@
2
2
 
3
3
  [class^=pb_label_value_kit] {
4
4
  [class^=pb_caption_kit] {
5
- margin-bottom: calc($space-xs/1.5);
5
+ margin-bottom: $space-xs/1.5;
6
6
  }
7
7
  }
@@ -17,7 +17,7 @@
17
17
  }
18
18
 
19
19
  .message_text {
20
- margin: 0 0 calc($space-xs/2);
20
+ margin: 0 0 $space-xs/2;
21
21
  }
22
22
 
23
23
  .message_title {
@@ -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: calc($pb_multiple_users_size/2) + 2;
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: calc($space_xs/2);
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: calc($space_xs/2);
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: calc($space_xs/2);
60
+ margin-bottom: $space_xs/2;
61
61
 
62
62
  &.progress-empty-input {
63
63
  visibility: hidden;
@@ -100,7 +100,7 @@ $flag-min-resolution: 192dpi;
100
100
  }
101
101
 
102
102
  .iti__arrow.iti__arrow--up::before {
103
- transform: rotate(-calc($transform-rotate-deg / 3));
103
+ transform: rotate(-($transform-rotate-deg/3));
104
104
  top: $space_xs + 4px;
105
105
  color: $primary_action;
106
106
  }
@@ -9,9 +9,9 @@ $pb_pill_height: 22px;
9
9
  display: inline-flex;
10
10
  justify-content: center;
11
11
  align-items: center;
12
- padding: 0 calc($space-sm/1.8);
12
+ padding: 0 $space-sm/1.8;
13
13
  height: $pb_pill_height;
14
- border-radius: calc($pb_pill_height/2);
14
+ border-radius: $pb_pill_height/2;
15
15
  white-space: nowrap;
16
16
 
17
17
  &[class*=lowercase] {
@@ -21,7 +21,7 @@ $pb_progress_simple_height: 4px;
21
21
  [class^=pb_progress_simple_kit] {
22
22
  width: 100%;
23
23
  height: $pb_progress_simple_height;
24
- border-radius: calc($pb_progress_simple_height/2);
24
+ border-radius: $pb_progress_simple_height/2;
25
25
  background: rgba($primary, $opacity-1);
26
26
  &[class*=_positive] {
27
27
  .progress_simple_value {
@@ -42,7 +42,7 @@ $pb_progress_simple_height: 4px;
42
42
  [class^=progress_simple_value] {
43
43
  width: 0%;
44
44
  height: 100%;
45
- border-radius: calc($pb_progress_simple_height/2);
45
+ border-radius: $pb_progress_simple_height/2;
46
46
  background: $primary;
47
47
  }
48
48
 
@@ -106,7 +106,7 @@
106
106
  .trix-button--icon {
107
107
  height: $space_lg;
108
108
  width: $space_lg;
109
- margin: calc($space_xs / 2);
109
+ margin: $space_xs / 2;
110
110
  border-radius: $border_rad_heavier;
111
111
  &::before {
112
112
  background-size: auto;
@@ -116,7 +116,7 @@
116
116
  background: $white;
117
117
  border: 1px solid #E4E8F0;
118
118
  border-bottom: none;
119
- padding: calc($space_xs / 2);
119
+ padding: $space_xs / 2;
120
120
  border-top-left-radius: $border_rad_heavier;
121
121
  border-top-right-radius: $border_rad_heavier;
122
122
  .trix-button-group {
@@ -81,7 +81,7 @@
81
81
  display: block;
82
82
  &.error {
83
83
  [class*=pb_body_kit] {
84
- margin-top: calc($space_xs / 2);
84
+ margin-top: $space_xs / 2;
85
85
  }
86
86
  > select:first-child {
87
87
  border-color: $error;
@@ -43,7 +43,7 @@ $pb_selectable_card_border: 2px;
43
43
  align-items: center;
44
44
  height: $pb_selectable_card_indicator_size;
45
45
  width: $pb_selectable_card_indicator_size;
46
- border-radius: calc($pb_selectable_card_indicator_size/2) + calc($pb_selectable_card_border/2);
46
+ border-radius: $pb_selectable_card_indicator_size/2 + $pb_selectable_card_border/2;
47
47
  border-width: $pb_selectable_card_border;
48
48
  border-style: solid;
49
49
  border-color: $white;
@@ -52,8 +52,8 @@ $pb_selectable_card_border: 2px;
52
52
  font-size: $font_smaller;
53
53
  text-align: center;
54
54
  position: absolute;
55
- top: -calc($pb_selectable_card_indicator_size/2);
56
- right: -calc($pb_selectable_card_indicator_size/2);
55
+ top: -($pb_selectable_card_indicator_size/2);
56
+ right: -($pb_selectable_card_indicator_size/2);
57
57
  opacity: 0;
58
58
  }
59
59
  }
@@ -101,7 +101,7 @@
101
101
  &.error {
102
102
  .text_input_wrapper {
103
103
  [class*="pb_body_kit"] {
104
- margin-top: calc($space_xs / 2);
104
+ margin-top: $space_xs / 2;
105
105
  }
106
106
  input,
107
107
  .text_input {
@@ -22,14 +22,14 @@
22
22
  display: flex;
23
23
  align-items: center;
24
24
  [class*=pb_time_range_inline_arrow] {
25
- margin-left: calc($space_xs/2);
26
- margin-right: calc($space_xs/2);
25
+ margin-left: $space_xs/2;
26
+ margin-right: $space_xs/2;
27
27
  }
28
28
  [class*=pb_time_range_inline_timezone] {
29
- margin-left: calc($space_xs/2);
29
+ margin-left: $space_xs/2;
30
30
  }
31
31
  [class*=pb_time_range_inline_icon] {
32
- margin-right: calc($space_xs/2);
32
+ margin-right: $space_xs/2;
33
33
  }
34
34
  }
35
35
  }
@@ -27,7 +27,7 @@ $transition: .2s ease-in-out;
27
27
  &:after {
28
28
  transition: $transition;
29
29
  content: "";
30
- width: calc($width / 2) - 4px;
30
+ width: $width / 2 - 4px;
31
31
  height: $height - 4px;
32
32
  background-color: $color_checkbox_default;
33
33
  border-radius: 50%;
@@ -68,7 +68,7 @@ $transition: .2s ease-in-out;
68
68
  background-color: $color_checkbox_success;
69
69
 
70
70
  &:after {
71
- left: calc($width / 2) + 2px;
71
+ left: $width / 2 + 2px;
72
72
  background-color: $white;
73
73
  }
74
74
  }