@primer/components 0.0.0-20219293614 → 0.0.0-2021931194230

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 (142) hide show
  1. package/CHANGELOG.md +1 -7
  2. package/dist/browser.esm.js +439 -436
  3. package/dist/browser.esm.js.map +1 -1
  4. package/dist/browser.umd.js +443 -440
  5. package/dist/browser.umd.js.map +1 -1
  6. package/lib/ActionList/Item.d.ts +0 -6
  7. package/lib/ActionList/Item.js +1 -5
  8. package/lib/ActionMenu.js +2 -2
  9. package/lib/AnchoredOverlay/AnchoredOverlay.d.ts +4 -2
  10. package/lib/Autocomplete/Autocomplete.d.ts +13 -11
  11. package/lib/Autocomplete/AutocompleteInput.d.ts +13 -11
  12. package/lib/Button/Button.d.ts +11 -11
  13. package/lib/Button/ButtonBase.d.ts +1 -1
  14. package/lib/Button/ButtonClose.d.ts +29 -29
  15. package/lib/Button/ButtonDanger.d.ts +11 -11
  16. package/lib/Button/ButtonInvisible.d.ts +11 -11
  17. package/lib/Button/ButtonOutline.d.ts +11 -11
  18. package/lib/Button/ButtonPrimary.d.ts +11 -11
  19. package/lib/Button/ButtonStyles.js +1 -1
  20. package/lib/CircleBadge.d.ts +2 -2
  21. package/lib/CircleOcticon.d.ts +33 -33
  22. package/lib/DatePicker/DatePicker.d.ts +48 -0
  23. package/lib/DatePicker/DatePicker.js +106 -0
  24. package/lib/DatePicker/DatePickerAnchor.d.ts +5 -0
  25. package/lib/DatePicker/DatePickerAnchor.js +223 -0
  26. package/lib/DatePicker/DatePickerOverlay.d.ts +3 -0
  27. package/lib/DatePicker/DatePickerOverlay.js +48 -0
  28. package/lib/DatePicker/DatePickerPanel.d.ts +2 -0
  29. package/lib/DatePicker/DatePickerPanel.js +143 -0
  30. package/lib/DatePicker/Day.d.ts +14 -0
  31. package/lib/DatePicker/Day.js +192 -0
  32. package/lib/DatePicker/Month.d.ts +9 -0
  33. package/lib/DatePicker/Month.js +122 -0
  34. package/lib/DatePicker/dateParser.d.ts +11 -0
  35. package/lib/DatePicker/dateParser.js +192 -0
  36. package/lib/DatePicker/index.d.ts +2 -0
  37. package/lib/DatePicker/index.js +13 -0
  38. package/lib/DatePicker/useDatePicker.d.ts +89 -0
  39. package/lib/DatePicker/useDatePicker.js +439 -0
  40. package/lib/Dialog/Dialog.d.ts +4 -4
  41. package/lib/Dialog/Dialog.js +22 -12
  42. package/lib/Dialog.d.ts +35 -35
  43. package/lib/Dropdown.d.ts +165 -85
  44. package/lib/Dropdown.js +5 -6
  45. package/lib/DropdownMenu/DropdownButton.d.ts +30 -30
  46. package/lib/FilterList.d.ts +26 -26
  47. package/lib/Label.d.ts +1 -1
  48. package/lib/Position.d.ts +4 -4
  49. package/lib/ProgressBar.d.ts +1 -1
  50. package/lib/SelectMenu/SelectMenu.d.ts +153 -151
  51. package/lib/SelectMenu/SelectMenuItem.d.ts +1 -1
  52. package/lib/SelectMenu/SelectMenuModal.d.ts +1 -1
  53. package/lib/TextInputWithTokens.d.ts +13 -11
  54. package/lib/Timeline.d.ts +33 -33
  55. package/lib/Token/AvatarToken.d.ts +1 -1
  56. package/lib/Token/IssueLabelToken.d.ts +1 -1
  57. package/lib/Token/Token.d.ts +1 -1
  58. package/lib/_TextInputWrapper.d.ts +1 -1
  59. package/lib/constants.js +1 -3
  60. package/lib/hooks/useDebounce.d.ts +2 -0
  61. package/lib/hooks/useDebounce.js +24 -0
  62. package/lib/hooks/useResizeObserver.d.ts +1 -1
  63. package/lib/hooks/useResizeObserver.js +1 -1
  64. package/lib/index.d.ts +0 -2
  65. package/lib/index.js +0 -8
  66. package/lib/theme-preval.js +2 -2
  67. package/lib/utils/testing.d.ts +1 -1
  68. package/lib-esm/ActionList/Item.d.ts +0 -6
  69. package/lib-esm/ActionList/Item.js +1 -5
  70. package/lib-esm/ActionMenu.js +2 -2
  71. package/lib-esm/AnchoredOverlay/AnchoredOverlay.d.ts +4 -2
  72. package/lib-esm/Autocomplete/Autocomplete.d.ts +13 -11
  73. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +13 -11
  74. package/lib-esm/Button/Button.d.ts +11 -11
  75. package/lib-esm/Button/ButtonBase.d.ts +1 -1
  76. package/lib-esm/Button/ButtonClose.d.ts +29 -29
  77. package/lib-esm/Button/ButtonDanger.d.ts +11 -11
  78. package/lib-esm/Button/ButtonInvisible.d.ts +11 -11
  79. package/lib-esm/Button/ButtonOutline.d.ts +11 -11
  80. package/lib-esm/Button/ButtonPrimary.d.ts +11 -11
  81. package/lib-esm/Button/ButtonStyles.js +1 -1
  82. package/lib-esm/CircleBadge.d.ts +2 -2
  83. package/lib-esm/CircleOcticon.d.ts +33 -33
  84. package/lib-esm/DatePicker/DatePicker.d.ts +48 -0
  85. package/lib-esm/DatePicker/DatePicker.js +89 -0
  86. package/lib-esm/DatePicker/DatePickerAnchor.d.ts +5 -0
  87. package/lib-esm/DatePicker/DatePickerAnchor.js +196 -0
  88. package/lib-esm/DatePicker/DatePickerOverlay.d.ts +3 -0
  89. package/lib-esm/DatePicker/DatePickerOverlay.js +29 -0
  90. package/lib-esm/DatePicker/DatePickerPanel.d.ts +2 -0
  91. package/lib-esm/DatePicker/DatePickerPanel.js +116 -0
  92. package/lib-esm/DatePicker/Day.d.ts +14 -0
  93. package/lib-esm/DatePicker/Day.js +169 -0
  94. package/lib-esm/DatePicker/Month.d.ts +9 -0
  95. package/lib-esm/DatePicker/Month.js +98 -0
  96. package/lib-esm/DatePicker/dateParser.d.ts +11 -0
  97. package/lib-esm/DatePicker/dateParser.js +178 -0
  98. package/lib-esm/DatePicker/index.d.ts +2 -0
  99. package/lib-esm/DatePicker/index.js +1 -0
  100. package/lib-esm/DatePicker/useDatePicker.d.ts +89 -0
  101. package/lib-esm/DatePicker/useDatePicker.js +408 -0
  102. package/lib-esm/Dialog/Dialog.d.ts +4 -4
  103. package/lib-esm/Dialog/Dialog.js +21 -12
  104. package/lib-esm/Dialog.d.ts +35 -35
  105. package/lib-esm/Dropdown.d.ts +165 -85
  106. package/lib-esm/Dropdown.js +3 -4
  107. package/lib-esm/DropdownMenu/DropdownButton.d.ts +30 -30
  108. package/lib-esm/FilterList.d.ts +26 -26
  109. package/lib-esm/Label.d.ts +1 -1
  110. package/lib-esm/Position.d.ts +4 -4
  111. package/lib-esm/ProgressBar.d.ts +1 -1
  112. package/lib-esm/SelectMenu/SelectMenu.d.ts +153 -151
  113. package/lib-esm/SelectMenu/SelectMenuItem.d.ts +1 -1
  114. package/lib-esm/SelectMenu/SelectMenuModal.d.ts +1 -1
  115. package/lib-esm/TextInputWithTokens.d.ts +13 -11
  116. package/lib-esm/Timeline.d.ts +33 -33
  117. package/lib-esm/Token/AvatarToken.d.ts +1 -1
  118. package/lib-esm/Token/IssueLabelToken.d.ts +1 -1
  119. package/lib-esm/Token/Token.d.ts +1 -1
  120. package/lib-esm/_TextInputWrapper.d.ts +1 -1
  121. package/lib-esm/constants.js +1 -3
  122. package/lib-esm/hooks/useDebounce.d.ts +2 -0
  123. package/lib-esm/hooks/useDebounce.js +16 -0
  124. package/lib-esm/hooks/useResizeObserver.d.ts +1 -1
  125. package/lib-esm/hooks/useResizeObserver.js +1 -1
  126. package/lib-esm/index.d.ts +0 -2
  127. package/lib-esm/index.js +0 -1
  128. package/lib-esm/theme-preval.js +2 -2
  129. package/lib-esm/utils/testing.d.ts +1 -1
  130. package/package.json +14 -13
  131. package/lib/NewButton/button.d.ts +0 -579
  132. package/lib/NewButton/button.js +0 -298
  133. package/lib/NewButton/counter.d.ts +0 -6
  134. package/lib/NewButton/counter.js +0 -33
  135. package/lib/NewButton/index.d.ts +0 -4
  136. package/lib/NewButton/index.js +0 -21
  137. package/lib-esm/NewButton/button.d.ts +0 -579
  138. package/lib-esm/NewButton/button.js +0 -274
  139. package/lib-esm/NewButton/counter.d.ts +0 -6
  140. package/lib-esm/NewButton/counter.js +0 -21
  141. package/lib-esm/NewButton/index.d.ts +0 -4
  142. package/lib-esm/NewButton/index.js +0 -3
package/lib-esm/Dropdown.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { ButtonProps } from './NewButton';
2
+ import { ButtonProps } from './Button';
3
3
  import { SystemCommonProps } from './constants';
4
4
  import { DetailsProps } from './Details';
5
5
  import { SxProp } from './sx';
@@ -31,29 +31,13 @@ declare const _default: {
31
31
  translate?: "yes" | "no" | undefined;
32
32
  margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
33
33
  padding?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
34
- bg?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
35
- m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
36
- mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
37
- mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
38
- mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
39
- ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
40
- mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
41
- marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
42
- my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
43
- marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
34
+ hidden?: boolean | undefined;
35
+ children?: React.ReactNode;
36
+ ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
44
37
  p?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
45
- pt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
46
- pr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
47
- pb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
48
- pl?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
49
- px?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
50
- paddingX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
51
- py?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
52
- paddingY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
53
38
  slot?: string | undefined;
54
39
  style?: React.CSSProperties | undefined;
55
40
  title?: string | undefined;
56
- ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
57
41
  key?: React.Key | null | undefined;
58
42
  defaultChecked?: boolean | undefined;
59
43
  defaultValue?: string | number | readonly string[] | undefined;
@@ -61,11 +45,10 @@ declare const _default: {
61
45
  suppressHydrationWarning?: boolean | undefined;
62
46
  accessKey?: string | undefined;
63
47
  className?: string | undefined;
64
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
48
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
65
49
  contextMenu?: string | undefined;
66
50
  dir?: string | undefined;
67
51
  draggable?: (boolean | "true" | "false") | undefined;
68
- hidden?: boolean | undefined;
69
52
  id?: string | undefined;
70
53
  lang?: string | undefined;
71
54
  placeholder?: string | undefined;
@@ -92,11 +75,11 @@ declare const _default: {
92
75
  results?: number | undefined;
93
76
  security?: string | undefined;
94
77
  unselectable?: "on" | "off" | undefined;
95
- inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
78
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
96
79
  is?: string | undefined;
97
80
  'aria-activedescendant'?: string | undefined;
98
81
  'aria-atomic'?: boolean | "true" | "false" | undefined;
99
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
82
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
100
83
  'aria-busy'?: boolean | "true" | "false" | undefined;
101
84
  'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
102
85
  'aria-colcount'?: number | undefined;
@@ -107,12 +90,12 @@ declare const _default: {
107
90
  'aria-describedby'?: string | undefined;
108
91
  'aria-details'?: string | undefined;
109
92
  'aria-disabled'?: boolean | "true" | "false" | undefined;
110
- 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
93
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
111
94
  'aria-errormessage'?: string | undefined;
112
95
  'aria-expanded'?: boolean | "true" | "false" | undefined;
113
96
  'aria-flowto'?: string | undefined;
114
97
  'aria-grabbed'?: boolean | "true" | "false" | undefined;
115
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "listbox" | "menu" | "tree" | "true" | "false" | undefined;
98
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "tree" | "true" | "false" | undefined;
116
99
  'aria-hidden'?: boolean | "true" | "false" | undefined;
117
100
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
118
101
  'aria-keyshortcuts'?: string | undefined;
@@ -142,7 +125,6 @@ declare const _default: {
142
125
  'aria-valuemin'?: number | undefined;
143
126
  'aria-valuenow'?: number | undefined;
144
127
  'aria-valuetext'?: string | undefined;
145
- children?: React.ReactNode;
146
128
  dangerouslySetInnerHTML?: {
147
129
  __html: string;
148
130
  } | undefined;
@@ -306,6 +288,24 @@ declare const _default: {
306
288
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
307
289
  onTransitionEnd?: React.TransitionEventHandler<HTMLElement> | undefined;
308
290
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
291
+ bg?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
292
+ m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
293
+ mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
294
+ mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
295
+ mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
296
+ ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
297
+ mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
298
+ marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
299
+ my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
300
+ marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
301
+ pt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
302
+ pr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
303
+ pb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
304
+ pl?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
305
+ px?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
306
+ paddingX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
307
+ py?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
308
+ paddingY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
309
309
  open?: boolean | undefined;
310
310
  sx?: import("@styled-system/css").SystemStyleObject | undefined;
311
311
  onToggle?: React.ReactEventHandler<HTMLElement> | undefined;
@@ -328,29 +328,13 @@ declare const _default: {
328
328
  translate?: "yes" | "no" | undefined;
329
329
  margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
330
330
  padding?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
331
- bg?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
332
- m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
333
- mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
334
- mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
335
- mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
336
- ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
337
- mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
338
- marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
339
- my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
340
- marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
331
+ hidden?: boolean | undefined;
332
+ children?: React.ReactNode;
333
+ ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
341
334
  p?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
342
- pt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
343
- pr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
344
- pb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
345
- pl?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
346
- px?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
347
- paddingX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
348
- py?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
349
- paddingY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
350
335
  slot?: string | undefined;
351
336
  style?: React.CSSProperties | undefined;
352
337
  title?: string | undefined;
353
- ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
354
338
  key?: React.Key | null | undefined;
355
339
  defaultChecked?: boolean | undefined;
356
340
  defaultValue?: string | number | readonly string[] | undefined;
@@ -358,11 +342,10 @@ declare const _default: {
358
342
  suppressHydrationWarning?: boolean | undefined;
359
343
  accessKey?: string | undefined;
360
344
  className?: string | undefined;
361
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
345
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
362
346
  contextMenu?: string | undefined;
363
347
  dir?: string | undefined;
364
348
  draggable?: (boolean | "true" | "false") | undefined;
365
- hidden?: boolean | undefined;
366
349
  id?: string | undefined;
367
350
  lang?: string | undefined;
368
351
  placeholder?: string | undefined;
@@ -389,11 +372,11 @@ declare const _default: {
389
372
  results?: number | undefined;
390
373
  security?: string | undefined;
391
374
  unselectable?: "on" | "off" | undefined;
392
- inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
375
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
393
376
  is?: string | undefined;
394
377
  'aria-activedescendant'?: string | undefined;
395
378
  'aria-atomic'?: boolean | "true" | "false" | undefined;
396
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
379
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
397
380
  'aria-busy'?: boolean | "true" | "false" | undefined;
398
381
  'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
399
382
  'aria-colcount'?: number | undefined;
@@ -404,12 +387,12 @@ declare const _default: {
404
387
  'aria-describedby'?: string | undefined;
405
388
  'aria-details'?: string | undefined;
406
389
  'aria-disabled'?: boolean | "true" | "false" | undefined;
407
- 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
390
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
408
391
  'aria-errormessage'?: string | undefined;
409
392
  'aria-expanded'?: boolean | "true" | "false" | undefined;
410
393
  'aria-flowto'?: string | undefined;
411
394
  'aria-grabbed'?: boolean | "true" | "false" | undefined;
412
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "listbox" | "menu" | "tree" | "true" | "false" | undefined;
395
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "tree" | "true" | "false" | undefined;
413
396
  'aria-hidden'?: boolean | "true" | "false" | undefined;
414
397
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
415
398
  'aria-keyshortcuts'?: string | undefined;
@@ -439,7 +422,6 @@ declare const _default: {
439
422
  'aria-valuemin'?: number | undefined;
440
423
  'aria-valuenow'?: number | undefined;
441
424
  'aria-valuetext'?: string | undefined;
442
- children?: React.ReactNode;
443
425
  dangerouslySetInnerHTML?: {
444
426
  __html: string;
445
427
  } | undefined;
@@ -603,6 +585,24 @@ declare const _default: {
603
585
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
604
586
  onTransitionEnd?: React.TransitionEventHandler<HTMLElement> | undefined;
605
587
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
588
+ bg?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
589
+ m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
590
+ mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
591
+ mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
592
+ mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
593
+ ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
594
+ mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
595
+ marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
596
+ my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
597
+ marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
598
+ pt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
599
+ pr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
600
+ pb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
601
+ pl?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
602
+ px?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
603
+ paddingX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
604
+ py?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
605
+ paddingY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
606
606
  open?: boolean | undefined;
607
607
  sx?: import("@styled-system/css").SystemStyleObject | undefined;
608
608
  onToggle?: React.ReactEventHandler<HTMLElement> | undefined;
@@ -616,15 +616,42 @@ declare const _default: {
616
616
  } & SystemCommonProps & SxProp, never>;
617
617
  Item: import("styled-components").StyledComponent<"li", any, SxProp, never>;
618
618
  Button: {
619
- ({ children, ...rest }: Pick<{
620
- color?: string | undefined;
619
+ ({ children, ...rest }: {
620
+ backgroundColor?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
621
+ color?: (string & import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>) | undefined;
622
+ display?: import("styled-system").ResponsiveValue<import("csstype").Property.Display, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
621
623
  fontSize?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
624
+ height?: import("styled-system").ResponsiveValue<import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
625
+ marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
626
+ marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
627
+ marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
628
+ marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
629
+ maxHeight?: import("styled-system").ResponsiveValue<import("csstype").Property.MaxHeight<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
630
+ maxWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MaxWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
631
+ minHeight?: import("styled-system").ResponsiveValue<import("csstype").Property.MinHeight<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
632
+ minWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MinWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
633
+ opacity?: import("styled-system").ResponsiveValue<import("csstype").Property.Opacity, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
634
+ overflowX?: import("styled-system").ResponsiveValue<import("csstype").Property.OverflowX, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
635
+ overflowY?: import("styled-system").ResponsiveValue<import("csstype").Property.OverflowY, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
636
+ paddingBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
637
+ paddingLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
638
+ paddingRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
639
+ paddingTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
622
640
  translate?: "yes" | "no" | undefined;
641
+ verticalAlign?: import("styled-system").ResponsiveValue<import("csstype").Property.VerticalAlign<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
642
+ width?: import("styled-system").ResponsiveValue<import("csstype").Property.Width<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
643
+ margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
644
+ overflow?: import("styled-system").ResponsiveValue<import("csstype").Property.Overflow, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
645
+ padding?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
646
+ hidden?: boolean | undefined;
647
+ children?: React.ReactNode;
648
+ value?: string | number | readonly string[] | undefined;
649
+ ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
623
650
  form?: string | undefined;
651
+ p?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
624
652
  slot?: string | undefined;
625
653
  style?: React.CSSProperties | undefined;
626
654
  title?: string | undefined;
627
- ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
628
655
  type?: "button" | "reset" | "submit" | undefined;
629
656
  name?: string | undefined;
630
657
  key?: React.Key | null | undefined;
@@ -634,11 +661,10 @@ declare const _default: {
634
661
  suppressHydrationWarning?: boolean | undefined;
635
662
  accessKey?: string | undefined;
636
663
  className?: string | undefined;
637
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
664
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
638
665
  contextMenu?: string | undefined;
639
666
  dir?: string | undefined;
640
667
  draggable?: (boolean | "true" | "false") | undefined;
641
- hidden?: boolean | undefined;
642
668
  id?: string | undefined;
643
669
  lang?: string | undefined;
644
670
  placeholder?: string | undefined;
@@ -665,11 +691,11 @@ declare const _default: {
665
691
  results?: number | undefined;
666
692
  security?: string | undefined;
667
693
  unselectable?: "on" | "off" | undefined;
668
- inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
694
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
669
695
  is?: string | undefined;
670
696
  'aria-activedescendant'?: string | undefined;
671
697
  'aria-atomic'?: boolean | "true" | "false" | undefined;
672
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
698
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
673
699
  'aria-busy'?: boolean | "true" | "false" | undefined;
674
700
  'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
675
701
  'aria-colcount'?: number | undefined;
@@ -680,12 +706,12 @@ declare const _default: {
680
706
  'aria-describedby'?: string | undefined;
681
707
  'aria-details'?: string | undefined;
682
708
  'aria-disabled'?: boolean | "true" | "false" | undefined;
683
- 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
709
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
684
710
  'aria-errormessage'?: string | undefined;
685
711
  'aria-expanded'?: boolean | "true" | "false" | undefined;
686
712
  'aria-flowto'?: string | undefined;
687
713
  'aria-grabbed'?: boolean | "true" | "false" | undefined;
688
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "listbox" | "menu" | "tree" | "true" | "false" | undefined;
714
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "tree" | "true" | "false" | undefined;
689
715
  'aria-hidden'?: boolean | "true" | "false" | undefined;
690
716
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
691
717
  'aria-keyshortcuts'?: string | undefined;
@@ -715,7 +741,6 @@ declare const _default: {
715
741
  'aria-valuemin'?: number | undefined;
716
742
  'aria-valuenow'?: number | undefined;
717
743
  'aria-valuetext'?: string | undefined;
718
- children?: React.ReactNode;
719
744
  dangerouslySetInnerHTML?: {
720
745
  __html: string;
721
746
  } | undefined;
@@ -879,11 +904,26 @@ declare const _default: {
879
904
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
880
905
  onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
881
906
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
882
- size?: "small" | "large" | "medium" | undefined;
883
- icon?: React.FunctionComponent<import("@primer/octicons-react/dist/icons").IconProps> | undefined;
884
- caret?: boolean | undefined;
907
+ bg?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
908
+ m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
909
+ mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
910
+ mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
911
+ mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
912
+ ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
913
+ mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
914
+ marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
915
+ my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
916
+ marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
917
+ pt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
918
+ pr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
919
+ pb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
920
+ pl?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
921
+ px?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
922
+ paddingX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
923
+ py?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
924
+ paddingY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
925
+ size?: import("styled-system").ResponsiveValue<import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
885
926
  sx?: import("@styled-system/css").SystemStyleObject | undefined;
886
- value?: string | number | readonly string[] | undefined;
887
927
  autoFocus?: boolean | undefined;
888
928
  disabled?: boolean | undefined;
889
929
  formAction?: string | undefined;
@@ -891,20 +931,47 @@ declare const _default: {
891
931
  formMethod?: string | undefined;
892
932
  formNoValidate?: boolean | undefined;
893
933
  formTarget?: string | undefined;
894
- variant?: ("default" | "primary" | "invisible" | "danger") | undefined;
895
934
  as?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
935
+ variant?: "large" | "medium" | "small" | undefined;
896
936
  } & {
897
937
  theme?: any;
898
- }, "color" | "fontSize" | "translate" | "form" | "slot" | "style" | "title" | "theme" | "type" | "name" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "icon" | "caret" | "sx" | "value" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "variant" | "as"> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>): JSX.Element;
899
- defaultProps: Partial<Pick<{
900
- color?: string | undefined;
938
+ }): JSX.Element;
939
+ defaultProps: Partial<{
940
+ backgroundColor?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
941
+ color?: (string & import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>) | undefined;
942
+ display?: import("styled-system").ResponsiveValue<import("csstype").Property.Display, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
901
943
  fontSize?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
944
+ height?: import("styled-system").ResponsiveValue<import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
945
+ marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
946
+ marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
947
+ marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
948
+ marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
949
+ maxHeight?: import("styled-system").ResponsiveValue<import("csstype").Property.MaxHeight<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
950
+ maxWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MaxWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
951
+ minHeight?: import("styled-system").ResponsiveValue<import("csstype").Property.MinHeight<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
952
+ minWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MinWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
953
+ opacity?: import("styled-system").ResponsiveValue<import("csstype").Property.Opacity, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
954
+ overflowX?: import("styled-system").ResponsiveValue<import("csstype").Property.OverflowX, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
955
+ overflowY?: import("styled-system").ResponsiveValue<import("csstype").Property.OverflowY, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
956
+ paddingBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
957
+ paddingLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
958
+ paddingRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
959
+ paddingTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
902
960
  translate?: "yes" | "no" | undefined;
961
+ verticalAlign?: import("styled-system").ResponsiveValue<import("csstype").Property.VerticalAlign<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
962
+ width?: import("styled-system").ResponsiveValue<import("csstype").Property.Width<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
963
+ margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
964
+ overflow?: import("styled-system").ResponsiveValue<import("csstype").Property.Overflow, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
965
+ padding?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
966
+ hidden?: boolean | undefined;
967
+ children?: React.ReactNode;
968
+ value?: string | number | readonly string[] | undefined;
969
+ ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
903
970
  form?: string | undefined;
971
+ p?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
904
972
  slot?: string | undefined;
905
973
  style?: React.CSSProperties | undefined;
906
974
  title?: string | undefined;
907
- ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
908
975
  type?: "button" | "reset" | "submit" | undefined;
909
976
  name?: string | undefined;
910
977
  key?: React.Key | null | undefined;
@@ -914,11 +981,10 @@ declare const _default: {
914
981
  suppressHydrationWarning?: boolean | undefined;
915
982
  accessKey?: string | undefined;
916
983
  className?: string | undefined;
917
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
984
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
918
985
  contextMenu?: string | undefined;
919
986
  dir?: string | undefined;
920
987
  draggable?: (boolean | "true" | "false") | undefined;
921
- hidden?: boolean | undefined;
922
988
  id?: string | undefined;
923
989
  lang?: string | undefined;
924
990
  placeholder?: string | undefined;
@@ -945,11 +1011,11 @@ declare const _default: {
945
1011
  results?: number | undefined;
946
1012
  security?: string | undefined;
947
1013
  unselectable?: "on" | "off" | undefined;
948
- inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
1014
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
949
1015
  is?: string | undefined;
950
1016
  'aria-activedescendant'?: string | undefined;
951
1017
  'aria-atomic'?: boolean | "true" | "false" | undefined;
952
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
1018
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
953
1019
  'aria-busy'?: boolean | "true" | "false" | undefined;
954
1020
  'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
955
1021
  'aria-colcount'?: number | undefined;
@@ -960,12 +1026,12 @@ declare const _default: {
960
1026
  'aria-describedby'?: string | undefined;
961
1027
  'aria-details'?: string | undefined;
962
1028
  'aria-disabled'?: boolean | "true" | "false" | undefined;
963
- 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
1029
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
964
1030
  'aria-errormessage'?: string | undefined;
965
1031
  'aria-expanded'?: boolean | "true" | "false" | undefined;
966
1032
  'aria-flowto'?: string | undefined;
967
1033
  'aria-grabbed'?: boolean | "true" | "false" | undefined;
968
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "listbox" | "menu" | "tree" | "true" | "false" | undefined;
1034
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "tree" | "true" | "false" | undefined;
969
1035
  'aria-hidden'?: boolean | "true" | "false" | undefined;
970
1036
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
971
1037
  'aria-keyshortcuts'?: string | undefined;
@@ -995,7 +1061,6 @@ declare const _default: {
995
1061
  'aria-valuemin'?: number | undefined;
996
1062
  'aria-valuenow'?: number | undefined;
997
1063
  'aria-valuetext'?: string | undefined;
998
- children?: React.ReactNode;
999
1064
  dangerouslySetInnerHTML?: {
1000
1065
  __html: string;
1001
1066
  } | undefined;
@@ -1159,11 +1224,26 @@ declare const _default: {
1159
1224
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
1160
1225
  onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
1161
1226
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
1162
- size?: "small" | "large" | "medium" | undefined;
1163
- icon?: React.FunctionComponent<import("@primer/octicons-react/dist/icons").IconProps> | undefined;
1164
- caret?: boolean | undefined;
1227
+ bg?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
1228
+ m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
1229
+ mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
1230
+ mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
1231
+ mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
1232
+ ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
1233
+ mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
1234
+ marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
1235
+ my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
1236
+ marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
1237
+ pt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
1238
+ pr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
1239
+ pb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
1240
+ pl?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
1241
+ px?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
1242
+ paddingX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
1243
+ py?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
1244
+ paddingY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
1245
+ size?: import("styled-system").ResponsiveValue<import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
1165
1246
  sx?: import("@styled-system/css").SystemStyleObject | undefined;
1166
- value?: string | number | readonly string[] | undefined;
1167
1247
  autoFocus?: boolean | undefined;
1168
1248
  disabled?: boolean | undefined;
1169
1249
  formAction?: string | undefined;
@@ -1171,11 +1251,11 @@ declare const _default: {
1171
1251
  formMethod?: string | undefined;
1172
1252
  formNoValidate?: boolean | undefined;
1173
1253
  formTarget?: string | undefined;
1174
- variant?: ("default" | "primary" | "invisible" | "danger") | undefined;
1175
1254
  as?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
1255
+ variant?: "large" | "medium" | "small" | undefined;
1176
1256
  } & {
1177
1257
  theme?: any;
1178
- }, "color" | "fontSize" | "translate" | "form" | "slot" | "style" | "title" | "theme" | "type" | "name" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "icon" | "caret" | "sx" | "value" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "variant" | "as"> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>> | undefined;
1258
+ }> | undefined;
1179
1259
  displayName: string;
1180
1260
  };
1181
1261
  };
package/lib-esm/Dropdown.js CHANGED
@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
2
2
 
3
3
  import React from 'react';
4
4
  import styled from 'styled-components';
5
- import Button from './NewButton';
5
+ import Button from './Button';
6
6
  import { COMMON, get } from './constants';
7
7
  import Details from './Details';
8
8
  import getDirectionStyles from './DropdownStyles';
@@ -36,9 +36,8 @@ const DropdownButton = ({
36
36
  }) => {
37
37
  return /*#__PURE__*/React.createElement(Button, _extends({
38
38
  as: "summary",
39
- "aria-haspopup": "true",
40
- caret: true
41
- }, rest), children);
39
+ "aria-haspopup": "true"
40
+ }, rest), children, /*#__PURE__*/React.createElement(DropdownCaret, null));
42
41
  };
43
42
 
44
43
  DropdownButton.displayName = "DropdownButton";