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

Sign up to get free protection for your applications and to get access to all the features.
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