playbook_ui 14.10.0.pre.alpha.play16825244 → 14.10.0.pre.alpha.play16825301

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.
Files changed (60) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.html.erb +1 -1
  3. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.md +1 -1
  4. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +1 -1
  5. data/app/pb_kits/playbook/pb_advanced_table/index.js +53 -8
  6. data/app/pb_kits/playbook/pb_advanced_table/table_body.rb +23 -18
  7. data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +6 -0
  8. data/app/pb_kits/playbook/pb_advanced_table/table_subrow_header.html.erb +2 -2
  9. data/app/pb_kits/playbook/pb_advanced_table/table_subrow_header.rb +6 -4
  10. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss +11 -9
  11. data/app/pb_kits/playbook/pb_badge/_badge.scss +4 -2
  12. data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss +3 -1
  13. data/app/pb_kits/playbook/pb_button/_button.scss +3 -1
  14. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss +4 -2
  15. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss +3 -1
  16. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss +5 -3
  17. data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss +6 -4
  18. data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.scss +4 -2
  19. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +10 -8
  20. data/app/pb_kits/playbook/pb_file_upload/_file_upload.tsx +24 -15
  21. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_accept.jsx +3 -1
  22. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.jsx +4 -1
  23. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx +1 -1
  24. data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +6 -4
  25. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss +3 -1
  26. data/app/pb_kits/playbook/pb_label_value/_label_value.scss +4 -2
  27. data/app/pb_kits/playbook/pb_message/_message_mixins.scss +3 -1
  28. data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss +3 -1
  29. data/app/pb_kits/playbook/pb_passphrase/_passphrase.scss +5 -3
  30. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +10 -8
  31. data/app/pb_kits/playbook/pb_pill/_pill.scss +4 -2
  32. data/app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss +4 -2
  33. data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss +4 -2
  34. data/app/pb_kits/playbook/pb_select/_select.scss +5 -3
  35. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +5 -3
  36. data/app/pb_kits/playbook/pb_table/_table.tsx +8 -1
  37. data/app/pb_kits/playbook/pb_table/docs/example.yml +2 -0
  38. data/app/pb_kits/playbook/pb_table/docs/index.js +2 -0
  39. data/app/pb_kits/playbook/pb_text_input/_text_input.scss +3 -1
  40. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.jsx +18 -0
  41. data/app/pb_kits/playbook/pb_text_input/inputMask.ts +22 -1
  42. data/app/pb_kits/playbook/pb_text_input/text_input.test.js +80 -0
  43. data/app/pb_kits/playbook/pb_textarea/_textarea.scss +3 -1
  44. data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.scss +5 -4
  45. data/app/pb_kits/playbook/pb_timeline/_timeline.scss +4 -2
  46. data/app/pb_kits/playbook/pb_timeline/_timeline.tsx +3 -3
  47. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.html.erb +4 -5
  48. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.jsx +4 -4
  49. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.md +1 -1
  50. data/app/pb_kits/playbook/pb_toggle/_toggle.scss +5 -3
  51. data/dist/chunks/_typeahead-C2iCBqxQ.js +36 -0
  52. data/dist/chunks/_weekday_stacked-CWnbnW7m.js +45 -0
  53. data/dist/chunks/vendor.js +1 -1
  54. data/dist/playbook-doc.js +1 -1
  55. data/dist/playbook-rails-react-bindings.js +1 -1
  56. data/dist/playbook-rails.js +1 -1
  57. data/lib/playbook/version.rb +1 -1
  58. metadata +4 -4
  59. data/dist/chunks/_typeahead-CbKUtXZa.js +0 -22
  60. data/dist/chunks/_weekday_stacked-CNIlTH0K.js +0 -45
data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.jsx CHANGED
@@ -10,7 +10,7 @@ const TimelineWithGap = (props) => (
10
10
  <Flex justify="evenly">
11
11
  <FlexItem>
12
12
  <Timeline
13
- gap="xs"
13
+ itemGap="xs"
14
14
  orientation="vertical"
15
15
  >
16
16
  <Timeline.Item
@@ -51,7 +51,7 @@ const TimelineWithGap = (props) => (
51
51
  </FlexItem>
52
52
  <FlexItem>
53
53
  <Timeline
54
- gap="sm"
54
+ itemGap="sm"
55
55
  orientation="vertical"
56
56
  >
57
57
  <Timeline.Item
@@ -92,7 +92,7 @@ const TimelineWithGap = (props) => (
92
92
  </FlexItem>
93
93
  <FlexItem>
94
94
  <Timeline
95
- gap="md"
95
+ itemGap="md"
96
96
  orientation="vertical"
97
97
  >
98
98
  <Timeline.Item
@@ -134,7 +134,7 @@ const TimelineWithGap = (props) => (
134
134
  </FlexItem>
135
135
  <FlexItem>
136
136
  <Timeline
137
- gap="lg"
137
+ itemGap="lg"
138
138
  orientation="vertical"
139
139
  >
140
140
  <Timeline.Item
data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.md CHANGED
@@ -1 +1 @@
1
- Use the optional `gap` prop to render the timeline kit with adjusted spacing between nodes. The `gap` prop will only work when utilized with a vertical timeline. Horizontal timelines will show no difference in spacing.
1
+ Use the optional `itemGap` prop to render the timeline kit with adjusted spacing between nodes. The `itemGap` prop will only work when utilized with a vertical timeline. Horizontal timelines will show no difference in spacing.
data/app/pb_kits/playbook/pb_toggle/_toggle.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use "sass:math";
2
+
1
3
  @import "../tokens/colors";
2
4
 
3
5
  $color_checkbox_success: $data_1;
@@ -8,7 +10,7 @@ $transition: .2s ease-in-out;
8
10
  [class^=pb_toggle_kit] {
9
11
  position: relative;
10
12
  $width: 44px;
11
- $height: $width / 2;
13
+ $height: math.div($width, 2);
12
14
  $border_success: 3px solid $color_checkbox_success;
13
15
  $border_default: 3px solid $color_checkbox_default;
14
16
 
@@ -27,7 +29,7 @@ $transition: .2s ease-in-out;
27
29
  &:after {
28
30
  transition: $transition;
29
31
  content: "";
30
- width: $width / 2 - 4px;
32
+ width: math.div($width, 2) - 4px;
31
33
  height: $height - 4px;
32
34
  background-color: $color_checkbox_default;
33
35
  border-radius: 50%;
@@ -68,7 +70,7 @@ $transition: .2s ease-in-out;
68
70
  background-color: $color_checkbox_success;
69
71
 
70
72
  &:after {
71
- left: $width / 2 + 2px;
73
+ left: math.div($width, 2) + 2px;
72
74
  background-color: $white;
73
75
  }
74
76
  }