playbook_ui 13.15.0.pre.alpha.1132globalpropdatepickerspacing1929 → 13.16.0.pre.alpha.fonttest1972

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 (48) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_date_picker/_date_picker.scss +3 -2
  3. data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +1 -43
  4. data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +1 -2
  5. data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +1 -15
  6. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +40 -33
  7. data/app/pb_kits/playbook/pb_date_picker/plugins/quickPick.tsx +4 -4
  8. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss +2 -1
  9. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.tsx +44 -30
  10. data/app/pb_kits/playbook/pb_flex/_flex.tsx +4 -4
  11. data/app/pb_kits/playbook/pb_form_group/_form_group.tsx +3 -2
  12. data/app/pb_kits/playbook/pb_form_pill/_form_pill.tsx +7 -4
  13. data/app/pb_kits/playbook/pb_gauge/_gauge.tsx +10 -10
  14. data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.tsx +10 -9
  15. data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.tsx +3 -2
  16. data/app/pb_kits/playbook/pb_icon_value/_icon_value.tsx +3 -2
  17. data/app/pb_kits/playbook/pb_passphrase/_passphrase.tsx +51 -50
  18. data/app/pb_kits/playbook/pb_person_contact/_person_contact.tsx +20 -19
  19. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +4 -3
  20. data/app/pb_kits/playbook/pb_popover/_popover.tsx +6 -4
  21. data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.tsx +20 -20
  22. data/app/pb_kits/playbook/pb_progress_simple/_progress_simple.tsx +4 -4
  23. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.tsx +19 -17
  24. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorTypes.ts +1 -1
  25. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/MoreExtensionsDropdown.tsx +23 -21
  26. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/Toolbar.tsx +18 -10
  27. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarDropdown.tsx +46 -23
  28. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarHistory.tsx +8 -8
  29. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarNodes.tsx +7 -7
  30. data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.tsx +17 -15
  31. data/app/pb_kits/playbook/pb_section_separator/_section_separator.tsx +9 -7
  32. data/app/pb_kits/playbook/pb_select/_select.scss +13 -4
  33. data/app/pb_kits/playbook/pb_select/_select.tsx +7 -4
  34. data/app/pb_kits/playbook/pb_select/docs/_select_inline_show_arrow.html.erb +24 -0
  35. data/app/pb_kits/playbook/pb_select/docs/_select_inline_show_arrow.jsx +38 -0
  36. data/app/pb_kits/playbook/pb_select/docs/example.yml +2 -0
  37. data/app/pb_kits/playbook/pb_select/docs/index.js +1 -0
  38. data/app/pb_kits/playbook/pb_select/select.rb +6 -1
  39. data/app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.tsx +25 -24
  40. data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.tsx +27 -26
  41. data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.tsx +2 -1
  42. data/app/pb_kits/playbook/pb_source/_source.tsx +15 -15
  43. data/app/pb_kits/playbook/pb_text_input/_text_input.scss +1 -0
  44. data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +1 -4
  45. data/app/pb_kits/playbook/pb_text_input/text_input.rb +1 -5
  46. data/dist/playbook-rails.js +3 -3
  47. data/lib/playbook/version.rb +2 -2
  48. metadata +4 -2
data/app/pb_kits/playbook/pb_source/_source.tsx CHANGED
@@ -32,7 +32,7 @@ const Source = ({
32
32
  source,
33
33
  type = 'inbound',
34
34
  user = {},
35
- }: SourceProps) => {
35
+ }: SourceProps): React.ReactElement => {
36
36
  const dataProps = buildDataProps(data)
37
37
  const htmlProps = buildHtmlProps(htmlOptions)
38
38
  const ariaProps = buildAriaProps(aria)
@@ -72,11 +72,11 @@ const Source = ({
72
72
 
73
73
  return (
74
74
  <div
75
- {...ariaProps}
76
- {...dataProps}
77
- {...htmlProps}
78
- className={css}
79
- id={id}
75
+ {...ariaProps}
76
+ {...dataProps}
77
+ {...htmlProps}
78
+ className={css}
79
+ id={id}
80
80
  >
81
81
 
82
82
  <div className="pb__source_layout">
@@ -84,13 +84,13 @@ const Source = ({
84
84
  <>
85
85
  {showIcon() &&
86
86
  <IconCircle
87
- icon={typeIconNames[type]}
88
- size="sm"
87
+ icon={typeIconNames[type]}
88
+ size="sm"
89
89
  />
90
90
  }
91
91
  {!showIcon() &&
92
92
  <Avatar
93
- {...avatar()}
93
+ {...avatar()}
94
94
  />
95
95
  }
96
96
  </>
@@ -98,20 +98,20 @@ const Source = ({
98
98
 
99
99
  <div className="pb__source_content">
100
100
  <Title
101
- size={4}
102
- tag="h4"
103
- text={source}
101
+ size={4}
102
+ tag="h4"
103
+ text={source}
104
104
  />
105
105
 
106
106
  <div className="pb__source_value">
107
107
  <Body
108
- color="light"
109
- text={typeText()}
108
+ color="light"
109
+ text={typeText()}
110
110
  />
111
111
 
112
112
  {user.userId &&
113
113
  <Caption
114
- text={user.userId}
114
+ text={user.userId}
115
115
  />
116
116
  }
117
117
  </div>
data/app/pb_kits/playbook/pb_text_input/_text_input.scss CHANGED
@@ -3,6 +3,7 @@
3
3
  @import "../tokens/colors";
4
4
 
5
5
  [class^="pb_text_input_kit"] {
6
+ margin-bottom: $space_sm;
6
7
  .pb_text_input_kit_label {
7
8
  margin-bottom: $space_xs;
8
9
  display: block;
data/app/pb_kits/playbook/pb_text_input/_text_input.tsx CHANGED
@@ -70,15 +70,12 @@ const TextInput = (props: TextInputProps, ref: React.LegacyRef<HTMLInputElement>
70
70
  const shouldShowAddOn = icon !== null
71
71
  const addOnCss = shouldShowAddOn ? 'text_input_wrapper_add_on' : ""
72
72
  const addOnDarkModeCardCss = (shouldShowAddOn && dark) ? 'add-on-card-dark' : ""
73
- const defaultMarginBottom = props.marginBottom ?? "mb_sm"
74
-
75
73
  const css = classnames([
76
74
  'pb_text_input_kit',
77
75
  inline ? 'inline' : "",
78
76
  error ? 'error' : "",
79
77
  globalProps(props),
80
78
  className,
81
- defaultMarginBottom
82
79
  ])
83
80
  const addOnIcon = (
84
81
  <Icon
@@ -147,7 +144,7 @@ const TextInput = (props: TextInputProps, ref: React.LegacyRef<HTMLInputElement>
147
144
  {...htmlProps}
148
145
  className={css}
149
146
  >
150
- {label &&
147
+ {label &&
151
148
  <Caption
152
149
  className="pb_text_input_kit_label"
153
150
  text={label}
data/app/pb_kits/playbook/pb_text_input/text_input.rb CHANGED
@@ -25,12 +25,8 @@ module Playbook
25
25
  prop :add_on, type: Playbook::Props::NestedProps,
26
26
  nested_kit: Playbook::PbTextInput::AddOn
27
27
 
28
- def default_margin_bottom
29
- object.margin_bottom.present? ? "" : " mb_sm"
30
- end
31
-
32
28
  def classname
33
- generate_classname("pb_text_input_kit") + error_class + inline_class + default_margin_bottom
29
+ generate_classname("pb_text_input_kit") + error_class + inline_class
34
30
  end
35
31
 
36
32
  def input_tag