@teamturing/react-kit 2.19.15 → 2.19.17

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 (9) hide show
  1. package/dist/core/Pagination/index.d.ts +12 -14
  2. package/dist/core/_UnstyledButton.d.ts +282 -1
  3. package/dist/index.js +13 -3
  4. package/esm/core/Button/index.js +2 -0
  5. package/esm/core/IconButton/index.js +0 -2
  6. package/esm/core/OverlayPopper/index.js +7 -0
  7. package/esm/core/Tab/TabItem.js +1 -0
  8. package/esm/core/_UnstyledButton.js +3 -1
  9. package/package.json +2 -2
package/dist/core/Pagination/index.d.ts CHANGED
@@ -32,19 +32,13 @@ type PaginationPageDirectionProps = Pick<UnstyledButtonProps, 'onClick' | 'disab
32
32
  declare const _default: (<T extends {
33
33
  label: string;
34
34
  }>({ pages: propPages, currentPageIndex, aroundPageCount, edgePageCount, type, sx, onPageClick, onPreviousClick, onNextClick, renderPage, renderPageWrapper, renderPreviousPageDirection, renderNextPageDirection, renderTruncationIndicator, }: Props<T>) => import("react/jsx-runtime").JSX.Element) & {
35
- Page: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<{
36
- ref?: import("react").LegacyRef<HTMLButtonElement> | undefined;
35
+ Page: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<{
37
36
  key?: import("react").Key | null | undefined;
38
- } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & SxProp, "ref"> & {
39
37
  ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
40
- }, PaginationPageProps>>;
38
+ } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & SxProp, PaginationPageProps>>;
41
39
  PageDirection: import("styled-components").IStyledComponent<"web", {
42
- color?: string | undefined;
43
- content?: string | undefined;
44
- translate?: "yes" | "no" | undefined;
45
- hidden?: boolean | undefined;
46
- property?: string | undefined;
47
- type?: "button" | "reset" | "submit" | undefined;
40
+ key?: import("react").Key | null | undefined;
41
+ ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
48
42
  disabled?: boolean | undefined;
49
43
  form?: string | undefined;
50
44
  formAction?: string | undefined;
@@ -53,9 +47,8 @@ declare const _default: (<T extends {
53
47
  formNoValidate?: boolean | undefined;
54
48
  formTarget?: string | undefined;
55
49
  name?: string | undefined;
56
- placeholder?: string | undefined;
50
+ type?: "button" | "reset" | "submit" | undefined;
57
51
  value?: string | number | readonly string[] | undefined;
58
- onChange?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
59
52
  defaultChecked?: boolean | undefined;
60
53
  defaultValue?: string | number | readonly string[] | undefined;
61
54
  suppressContentEditableWarning?: boolean | undefined;
@@ -67,20 +60,25 @@ declare const _default: (<T extends {
67
60
  contextMenu?: string | undefined;
68
61
  dir?: string | undefined;
69
62
  draggable?: (boolean | "false" | "true") | undefined;
63
+ hidden?: boolean | undefined;
70
64
  id?: string | undefined;
71
65
  lang?: string | undefined;
72
66
  nonce?: string | undefined;
67
+ placeholder?: string | undefined;
73
68
  slot?: string | undefined;
74
69
  spellCheck?: (boolean | "false" | "true") | undefined;
75
70
  style?: import("react").CSSProperties | undefined;
76
71
  tabIndex?: number | undefined;
77
72
  title?: string | undefined;
73
+ translate?: "yes" | "no" | undefined;
78
74
  radioGroup?: string | undefined;
79
75
  role?: import("react").AriaRole | undefined;
80
76
  about?: string | undefined;
77
+ content?: string | undefined;
81
78
  datatype?: string | undefined;
82
79
  inlist?: any;
83
80
  prefix?: string | undefined;
81
+ property?: string | undefined;
84
82
  rel?: string | undefined;
85
83
  resource?: string | undefined;
86
84
  rev?: string | undefined;
@@ -89,6 +87,7 @@ declare const _default: (<T extends {
89
87
  autoCapitalize?: string | undefined;
90
88
  autoCorrect?: string | undefined;
91
89
  autoSave?: string | undefined;
90
+ color?: string | undefined;
92
91
  itemProp?: string | undefined;
93
92
  itemScope?: boolean | undefined;
94
93
  itemType?: string | undefined;
@@ -172,6 +171,7 @@ declare const _default: (<T extends {
172
171
  onFocusCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
173
172
  onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
174
173
  onBlurCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
174
+ onChange?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
175
175
  onChangeCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
176
176
  onBeforeInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
177
177
  onBeforeInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
@@ -318,8 +318,6 @@ declare const _default: (<T extends {
318
318
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
319
319
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
320
320
  sx?: BetterSystemStyleObject | undefined;
321
- key?: import("react").Key | null | undefined;
322
- ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
323
321
  }>;
324
322
  TruncationIndicator: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SxProp>>;
325
323
  };
package/dist/core/_UnstyledButton.d.ts CHANGED
@@ -1,6 +1,287 @@
1
1
  import { ButtonHTMLAttributes } from 'react';
2
2
  import { SxProp } from '../utils/styled-system';
3
3
  type Props = {} & ButtonHTMLAttributes<HTMLButtonElement> & SxProp;
4
- declare const UnstyledButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Props>>;
4
+ declare const UnstyledButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<{
5
+ color?: string | undefined;
6
+ content?: string | undefined;
7
+ translate?: "yes" | "no" | undefined;
8
+ hidden?: boolean | undefined;
9
+ property?: string | undefined;
10
+ type?: "button" | "reset" | "submit" | undefined;
11
+ disabled?: boolean | undefined;
12
+ form?: string | undefined;
13
+ formAction?: string | undefined;
14
+ formEncType?: string | undefined;
15
+ formMethod?: string | undefined;
16
+ formNoValidate?: boolean | undefined;
17
+ formTarget?: string | undefined;
18
+ name?: string | undefined;
19
+ placeholder?: string | undefined;
20
+ value?: string | number | readonly string[] | undefined;
21
+ onChange?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
22
+ defaultChecked?: boolean | undefined;
23
+ defaultValue?: string | number | readonly string[] | undefined;
24
+ suppressContentEditableWarning?: boolean | undefined;
25
+ suppressHydrationWarning?: boolean | undefined;
26
+ accessKey?: string | undefined;
27
+ autoFocus?: boolean | undefined;
28
+ className?: string | undefined;
29
+ contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
30
+ contextMenu?: string | undefined;
31
+ dir?: string | undefined;
32
+ draggable?: (boolean | "false" | "true") | undefined;
33
+ id?: string | undefined;
34
+ lang?: string | undefined;
35
+ nonce?: string | undefined;
36
+ slot?: string | undefined;
37
+ spellCheck?: (boolean | "false" | "true") | undefined;
38
+ style?: import("react").CSSProperties | undefined;
39
+ tabIndex?: number | undefined;
40
+ title?: string | undefined;
41
+ radioGroup?: string | undefined;
42
+ role?: import("react").AriaRole | undefined;
43
+ about?: string | undefined;
44
+ datatype?: string | undefined;
45
+ inlist?: any;
46
+ prefix?: string | undefined;
47
+ rel?: string | undefined;
48
+ resource?: string | undefined;
49
+ rev?: string | undefined;
50
+ typeof?: string | undefined;
51
+ vocab?: string | undefined;
52
+ autoCapitalize?: string | undefined;
53
+ autoCorrect?: string | undefined;
54
+ autoSave?: string | undefined;
55
+ itemProp?: string | undefined;
56
+ itemScope?: boolean | undefined;
57
+ itemType?: string | undefined;
58
+ itemID?: string | undefined;
59
+ itemRef?: string | undefined;
60
+ results?: number | undefined;
61
+ security?: string | undefined;
62
+ unselectable?: "on" | "off" | undefined;
63
+ inputMode?: "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
64
+ is?: string | undefined;
65
+ 'aria-activedescendant'?: string | undefined;
66
+ 'aria-atomic'?: (boolean | "false" | "true") | undefined;
67
+ 'aria-autocomplete'?: "none" | "list" | "both" | "inline" | undefined;
68
+ 'aria-braillelabel'?: string | undefined;
69
+ 'aria-brailleroledescription'?: string | undefined;
70
+ 'aria-busy'?: (boolean | "false" | "true") | undefined;
71
+ 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
72
+ 'aria-colcount'?: number | undefined;
73
+ 'aria-colindex'?: number | undefined;
74
+ 'aria-colindextext'?: string | undefined;
75
+ 'aria-colspan'?: number | undefined;
76
+ 'aria-controls'?: string | undefined;
77
+ 'aria-current'?: boolean | "page" | "step" | "time" | "date" | "false" | "true" | "location" | undefined;
78
+ 'aria-describedby'?: string | undefined;
79
+ 'aria-description'?: string | undefined;
80
+ 'aria-details'?: string | undefined;
81
+ 'aria-disabled'?: (boolean | "false" | "true") | undefined;
82
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
83
+ 'aria-errormessage'?: string | undefined;
84
+ 'aria-expanded'?: (boolean | "false" | "true") | undefined;
85
+ 'aria-flowto'?: string | undefined;
86
+ 'aria-grabbed'?: (boolean | "false" | "true") | undefined;
87
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
88
+ 'aria-hidden'?: (boolean | "false" | "true") | undefined;
89
+ 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
90
+ 'aria-keyshortcuts'?: string | undefined;
91
+ 'aria-label'?: string | undefined;
92
+ 'aria-labelledby'?: string | undefined;
93
+ 'aria-level'?: number | undefined;
94
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined;
95
+ 'aria-modal'?: (boolean | "false" | "true") | undefined;
96
+ 'aria-multiline'?: (boolean | "false" | "true") | undefined;
97
+ 'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
98
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined;
99
+ 'aria-owns'?: string | undefined;
100
+ 'aria-placeholder'?: string | undefined;
101
+ 'aria-posinset'?: number | undefined;
102
+ 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
103
+ 'aria-readonly'?: (boolean | "false" | "true") | undefined;
104
+ 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
105
+ 'aria-required'?: (boolean | "false" | "true") | undefined;
106
+ 'aria-roledescription'?: string | undefined;
107
+ 'aria-rowcount'?: number | undefined;
108
+ 'aria-rowindex'?: number | undefined;
109
+ 'aria-rowindextext'?: string | undefined;
110
+ 'aria-rowspan'?: number | undefined;
111
+ 'aria-selected'?: (boolean | "false" | "true") | undefined;
112
+ 'aria-setsize'?: number | undefined;
113
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
114
+ 'aria-valuemax'?: number | undefined;
115
+ 'aria-valuemin'?: number | undefined;
116
+ 'aria-valuenow'?: number | undefined;
117
+ 'aria-valuetext'?: string | undefined;
118
+ children?: import("react").ReactNode;
119
+ dangerouslySetInnerHTML?: {
120
+ __html: string | TrustedHTML;
121
+ } | undefined;
122
+ onCopy?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
123
+ onCopyCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
124
+ onCut?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
125
+ onCutCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
126
+ onPaste?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
127
+ onPasteCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
128
+ onCompositionEnd?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
129
+ onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
130
+ onCompositionStart?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
131
+ onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
132
+ onCompositionUpdate?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
133
+ onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
134
+ onFocus?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
135
+ onFocusCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
136
+ onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
137
+ onBlurCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
138
+ onChangeCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
139
+ onBeforeInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
140
+ onBeforeInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
141
+ onInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
142
+ onInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
143
+ onReset?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
144
+ onResetCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
145
+ onSubmit?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
146
+ onSubmitCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
147
+ onInvalid?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
148
+ onInvalidCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
149
+ onLoad?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
150
+ onLoadCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
151
+ onError?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
152
+ onErrorCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
153
+ onKeyDown?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
154
+ onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
155
+ onKeyPress?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
156
+ onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
157
+ onKeyUp?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
158
+ onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
159
+ onAbort?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
160
+ onAbortCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
161
+ onCanPlay?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
162
+ onCanPlayCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
163
+ onCanPlayThrough?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
164
+ onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
165
+ onDurationChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
166
+ onDurationChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
167
+ onEmptied?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
168
+ onEmptiedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
169
+ onEncrypted?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
170
+ onEncryptedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
171
+ onEnded?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
172
+ onEndedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
173
+ onLoadedData?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
174
+ onLoadedDataCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
175
+ onLoadedMetadata?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
176
+ onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
177
+ onLoadStart?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
178
+ onLoadStartCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
179
+ onPause?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
180
+ onPauseCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
181
+ onPlay?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
182
+ onPlayCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
183
+ onPlaying?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
184
+ onPlayingCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
185
+ onProgress?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
186
+ onProgressCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
187
+ onRateChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
188
+ onRateChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
189
+ onResize?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
190
+ onResizeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
191
+ onSeeked?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
192
+ onSeekedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
193
+ onSeeking?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
194
+ onSeekingCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
195
+ onStalled?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
196
+ onStalledCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
197
+ onSuspend?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
198
+ onSuspendCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
199
+ onTimeUpdate?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
200
+ onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
201
+ onVolumeChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
202
+ onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
203
+ onWaiting?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
204
+ onWaitingCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
205
+ onAuxClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
206
+ onAuxClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
207
+ onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
208
+ onClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
209
+ onContextMenu?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
210
+ onContextMenuCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
211
+ onDoubleClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
212
+ onDoubleClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
213
+ onDrag?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
214
+ onDragCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
215
+ onDragEnd?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
216
+ onDragEndCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
217
+ onDragEnter?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
218
+ onDragEnterCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
219
+ onDragExit?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
220
+ onDragExitCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
221
+ onDragLeave?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
222
+ onDragLeaveCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
223
+ onDragOver?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
224
+ onDragOverCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
225
+ onDragStart?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
226
+ onDragStartCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
227
+ onDrop?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
228
+ onDropCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
229
+ onMouseDown?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
230
+ onMouseDownCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
231
+ onMouseEnter?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
232
+ onMouseLeave?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
233
+ onMouseMove?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
234
+ onMouseMoveCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
235
+ onMouseOut?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
236
+ onMouseOutCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
237
+ onMouseOver?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
238
+ onMouseOverCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
239
+ onMouseUp?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
240
+ onMouseUpCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
241
+ onSelect?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
242
+ onSelectCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
243
+ onTouchCancel?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
244
+ onTouchCancelCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
245
+ onTouchEnd?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
246
+ onTouchEndCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
247
+ onTouchMove?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
248
+ onTouchMoveCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
249
+ onTouchStart?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
250
+ onTouchStartCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
251
+ onPointerDown?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
252
+ onPointerDownCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
253
+ onPointerMove?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
254
+ onPointerMoveCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
255
+ onPointerUp?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
256
+ onPointerUpCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
257
+ onPointerCancel?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
258
+ onPointerCancelCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
259
+ onPointerEnter?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
260
+ onPointerEnterCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
261
+ onPointerLeave?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
262
+ onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
263
+ onPointerOver?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
264
+ onPointerOverCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
265
+ onPointerOut?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
266
+ onPointerOutCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
267
+ onGotPointerCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
268
+ onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
269
+ onLostPointerCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
270
+ onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
271
+ onScroll?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
272
+ onScrollCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
273
+ onWheel?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
274
+ onWheelCapture?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
275
+ onAnimationStart?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
276
+ onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
277
+ onAnimationEnd?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
278
+ onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
279
+ onAnimationIteration?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
280
+ onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
281
+ onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
282
+ onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
283
+ key?: import("react").Key | null | undefined;
284
+ ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
285
+ }, Props>>;
5
286
  export default UnstyledButton;
6
287
  export type { Props as UnstyledButtonProps };
package/dist/index.js CHANGED
@@ -16883,7 +16883,9 @@ Spinner.defaultProps = {
16883
16883
  color: color$1['icon/neutral']
16884
16884
  };
16885
16885
 
16886
- const UnstyledButton = styled__default.default.button`
16886
+ const UnstyledButton = styled__default.default.button.attrs({
16887
+ type: 'button'
16888
+ })`
16887
16889
  background: none;
16888
16890
  border: 0;
16889
16891
  padding: 0;
@@ -16894,6 +16896,7 @@ const UnstyledButton = styled__default.default.button`
16894
16896
  `;
16895
16897
 
16896
16898
  const Button = /*#__PURE__*/React.forwardRef(({
16899
+ type = 'button',
16897
16900
  size = 'm',
16898
16901
  variant = 'primary',
16899
16902
  fillWidth = false,
@@ -16906,6 +16909,7 @@ const Button = /*#__PURE__*/React.forwardRef(({
16906
16909
  }, ref) => {
16907
16910
  return /*#__PURE__*/jsxRuntimeExports.jsxs(BaseButton, {
16908
16911
  ref: ref,
16912
+ type: type,
16909
16913
  size: size,
16910
16914
  disabled: disabled || loading,
16911
16915
  $disabled: disabled,
@@ -17890,12 +17894,10 @@ const IconButton = /*#__PURE__*/React.forwardRef(({
17890
17894
  variant = 'primary',
17891
17895
  disabled = false,
17892
17896
  loading = false,
17893
- type = 'button',
17894
17897
  ...props
17895
17898
  }, ref) => {
17896
17899
  return /*#__PURE__*/jsxRuntimeExports.jsx(BaseIconButton, {
17897
17900
  ref: ref,
17898
- type: type,
17899
17901
  icon: Icon,
17900
17902
  size: size,
17901
17903
  variant: variant,
@@ -20881,6 +20883,13 @@ const OverlayPopper = ({
20881
20883
  };
20882
20884
  const defaultPopperProps = {
20883
20885
  onClick: handleOverlayToggle,
20886
+ onKeyDown: e => {
20887
+ if (['ArrowUp', 'ArrowDown'].includes(e.key)) {
20888
+ e.preventDefault();
20889
+ openOverlay();
20890
+ }
20891
+ e.stopPropagation();
20892
+ },
20884
20893
  tabIndex: 0,
20885
20894
  ...{
20886
20895
  ref: refs.setReference
@@ -23412,6 +23421,7 @@ const TabItem = ({
23412
23421
  onClick?.(e);
23413
23422
  };
23414
23423
  return /*#__PURE__*/jsxRuntimeExports.jsx(BaseTabItem, {
23424
+ type: 'button',
23415
23425
  role: 'tab',
23416
23426
  ref: ref,
23417
23427
  variant: variant,
package/esm/core/Button/index.js CHANGED
@@ -11,6 +11,7 @@ import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js'
11
11
  import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
12
12
 
13
13
  const Button = /*#__PURE__*/forwardRef(({
14
+ type = 'button',
14
15
  size = 'm',
15
16
  variant = 'primary',
16
17
  fillWidth = false,
@@ -23,6 +24,7 @@ const Button = /*#__PURE__*/forwardRef(({
23
24
  }, ref) => {
24
25
  return /*#__PURE__*/jsxRuntimeExports.jsxs(BaseButton, {
25
26
  ref: ref,
27
+ type: type,
26
28
  size: size,
27
29
  disabled: disabled || loading,
28
30
  $disabled: disabled,
package/esm/core/IconButton/index.js CHANGED
@@ -15,12 +15,10 @@ const IconButton = /*#__PURE__*/forwardRef(({
15
15
  variant = 'primary',
16
16
  disabled = false,
17
17
  loading = false,
18
- type = 'button',
19
18
  ...props
20
19
  }, ref) => {
21
20
  return /*#__PURE__*/jsxRuntimeExports.jsx(BaseIconButton, {
22
21
  ref: ref,
23
- type: type,
24
22
  icon: Icon,
25
23
  size: size,
26
24
  variant: variant,
package/esm/core/OverlayPopper/index.js CHANGED
@@ -55,6 +55,13 @@ const OverlayPopper = ({
55
55
  };
56
56
  const defaultPopperProps = {
57
57
  onClick: handleOverlayToggle,
58
+ onKeyDown: e => {
59
+ if (['ArrowUp', 'ArrowDown'].includes(e.key)) {
60
+ e.preventDefault();
61
+ openOverlay();
62
+ }
63
+ e.stopPropagation();
64
+ },
58
65
  tabIndex: 0,
59
66
  ...{
60
67
  ref: refs.setReference
package/esm/core/Tab/TabItem.js CHANGED
@@ -39,6 +39,7 @@ const TabItem = ({
39
39
  onClick?.(e);
40
40
  };
41
41
  return /*#__PURE__*/jsxRuntimeExports.jsx(BaseTabItem, {
42
+ type: 'button',
42
43
  role: 'tab',
43
44
  ref: ref,
44
45
  variant: variant,
package/esm/core/_UnstyledButton.js CHANGED
@@ -1,7 +1,9 @@
1
1
  import styled from 'styled-components';
2
2
  import { sx } from '../utils/styled-system/index.js';
3
3
 
4
- const UnstyledButton = styled.button`
4
+ const UnstyledButton = styled.button.attrs({
5
+ type: 'button'
6
+ })`
5
7
  background: none;
6
8
  border: 0;
7
9
  padding: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teamturing/react-kit",
3
- "version": "2.19.15",
3
+ "version": "2.19.17",
4
4
  "description": "React components, hooks for create teamturing web application",
5
5
  "author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
6
6
  "homepage": "https://github.com/weareteamturing/bombe#readme",
@@ -62,5 +62,5 @@
62
62
  "react-is": "^18.2.0",
63
63
  "styled-system": "^5.1.5"
64
64
  },
65
- "gitHead": "ee34d126fa668d99e7cf21ed73b8a38f32d77add"
65
+ "gitHead": "04627e36213b643a98be73ac69ac8e97dbcbc5bc"
66
66
  }