@cloudflare/component-button 2.10.11 → 2.11.2

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 (11) hide show
  1. package/CHANGELOG.md +38 -1
  2. package/dist/Button.d.ts +7 -0
  3. package/dist/ButtonGroup.d.ts +7 -0
  4. package/dist/TextButton.d.ts +7 -0
  5. package/dist/UnstyledButton.d.ts +336 -0
  6. package/dist/index.d.ts +2 -1
  7. package/es/UnstyledButton.js +11 -0
  8. package/es/index.js +2 -1
  9. package/lib/UnstyledButton.js +22 -0
  10. package/lib/index.js +8 -0
  11. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -3,13 +3,50 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [2.10.11](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-button@2.10.9...@cloudflare/component-button@2.10.11) (2021-10-22)
6
+ ## [2.11.2](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-button@2.11.1...@cloudflare/component-button@2.11.2) (2021-11-02)
7
+
8
+ **Note:** Version bump only for package @cloudflare/component-button
9
+
10
+
11
+
12
+
13
+
14
+ ## [2.11.1](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-button@2.11.0...@cloudflare/component-button@2.11.1) (2021-11-02)
15
+
16
+ **Note:** Version bump only for package @cloudflare/component-button
17
+
18
+
19
+
20
+
21
+
22
+ # [2.11.0](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-button@2.10.12...@cloudflare/component-button@2.11.0) (2021-11-01)
23
+
24
+
25
+ ### Bug Fixes
26
+
27
+ * UI-000 resolve merge conflict package.json ([9800991](http://stash.cfops.it:7999/fe/stratus/commits/9800991))
28
+ * **stratus:** UI-000: Ran yarn run v1.18.0 ([9e6bc6d](http://stash.cfops.it:7999/fe/stratus/commits/9e6bc6d))
29
+
30
+
31
+ ### Features
32
+
33
+ * **stratus:** ACCT-3319/ACCT-3355 Extracted UnstyledButton from Sortabl ([5121775](http://stash.cfops.it:7999/fe/stratus/commits/5121775))
34
+
35
+
36
+
37
+
38
+
39
+ ## [2.10.12](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-button@2.10.9...@cloudflare/component-button@2.10.12) (2021-10-28)
7
40
 
8
41
 
9
42
  ### Bug Fixes
10
43
 
11
44
  * **stratus:** A11Y-355 Updated *.snap* files to fix unit tests ([ff324ad](http://stash.cfops.it:7999/fe/stratus/commits/ff324ad))
12
45
  * **stratus:** A11Y-358 Increased button contrast by incrementing color i ([1d5ae3a](http://stash.cfops.it:7999/fe/stratus/commits/1d5ae3a))
46
+ * **stratus:** ACCT-3319 Fix snapshot tests to use old colors ([e320b4b](http://stash.cfops.it:7999/fe/stratus/commits/e320b4b))
47
+ * **stratus:** ACCT-3319/A11Y-356 Added unstyled button and aria-live com ([5ec26ec](http://stash.cfops.it:7999/fe/stratus/commits/5ec26ec))
48
+ * **stratus:** ACCT-3319/A11Y-358 Reverted hover color change ([4b07fd5](http://stash.cfops.it:7999/fe/stratus/commits/4b07fd5))
49
+ * **stratus:** UI-000: Ran yarn run v1.18.0 ([54f1c7e](http://stash.cfops.it:7999/fe/stratus/commits/54f1c7e))
13
50
 
14
51
 
15
52
 
package/dist/Button.d.ts CHANGED
@@ -22,9 +22,11 @@ declare const _default: React.ComponentType<{
22
22
  color?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
23
23
  height?: import("csstype").HeightProperty<string | number> | [import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined] | [import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined] | undefined;
24
24
  width?: import("csstype").WidthProperty<string | number> | [import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined] | [import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined] | undefined;
25
+ cursor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
25
26
  display?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
26
27
  fontSize?: import("csstype").FontSizeProperty<string | number> | [import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined] | [import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined] | undefined;
27
28
  fontWeight?: import("csstype").FontWeightProperty | [import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined] | [import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined] | undefined;
29
+ textDecoration?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
28
30
  textAlign?: import("csstype").TextAlignProperty | [import("csstype").TextAlignProperty | undefined, import("csstype").TextAlignProperty | undefined] | [import("csstype").TextAlignProperty | undefined, import("csstype").TextAlignProperty | undefined, import("csstype").TextAlignProperty | undefined] | undefined;
29
31
  backgroundColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
30
32
  borderColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
@@ -46,6 +48,8 @@ declare const _default: React.ComponentType<{
46
48
  paddingLeft?: import("csstype").PaddingLeftProperty<string | number> | [import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined] | [import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined] | undefined;
47
49
  borderRadius?: import("csstype").BorderRadiusProperty<string | number> | [import("csstype").BorderRadiusProperty<string | number> | undefined, import("csstype").BorderRadiusProperty<string | number> | undefined] | [import("csstype").BorderRadiusProperty<string | number> | undefined, import("csstype").BorderRadiusProperty<string | number> | undefined, import("csstype").BorderRadiusProperty<string | number> | undefined] | undefined;
48
50
  verticalAlign?: import("csstype").VerticalAlignProperty<string | number> | [import("csstype").VerticalAlignProperty<string | number> | undefined, import("csstype").VerticalAlignProperty<string | number> | undefined] | [import("csstype").VerticalAlignProperty<string | number> | undefined, import("csstype").VerticalAlignProperty<string | number> | undefined, import("csstype").VerticalAlignProperty<string | number> | undefined] | undefined;
51
+ alignItems?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
52
+ alignSelf?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
49
53
  borderBottomLeftRadius?: import("csstype").BorderBottomLeftRadiusProperty<string | number> | [import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined, import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined] | [import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined, import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined, import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined] | undefined;
50
54
  borderBottomStyle?: import("csstype").BorderBottomStyleProperty | [import("csstype").BorderBottomStyleProperty | undefined, import("csstype").BorderBottomStyleProperty | undefined] | [import("csstype").BorderBottomStyleProperty | undefined, import("csstype").BorderBottomStyleProperty | undefined, import("csstype").BorderBottomStyleProperty | undefined] | undefined;
51
55
  borderBottomWidth?: import("csstype").BorderBottomWidthProperty<string | number> | [import("csstype").BorderBottomWidthProperty<string | number> | undefined, import("csstype").BorderBottomWidthProperty<string | number> | undefined] | [import("csstype").BorderBottomWidthProperty<string | number> | undefined, import("csstype").BorderBottomWidthProperty<string | number> | undefined, import("csstype").BorderBottomWidthProperty<string | number> | undefined] | undefined;
@@ -57,8 +61,11 @@ declare const _default: React.ComponentType<{
57
61
  borderTopRightRadius?: import("csstype").BorderTopRightRadiusProperty<string | number> | [import("csstype").BorderTopRightRadiusProperty<string | number> | undefined, import("csstype").BorderTopRightRadiusProperty<string | number> | undefined] | [import("csstype").BorderTopRightRadiusProperty<string | number> | undefined, import("csstype").BorderTopRightRadiusProperty<string | number> | undefined, import("csstype").BorderTopRightRadiusProperty<string | number> | undefined] | undefined;
58
62
  borderTopStyle?: import("csstype").BorderTopStyleProperty | [import("csstype").BorderTopStyleProperty | undefined, import("csstype").BorderTopStyleProperty | undefined] | [import("csstype").BorderTopStyleProperty | undefined, import("csstype").BorderTopStyleProperty | undefined, import("csstype").BorderTopStyleProperty | undefined] | undefined;
59
63
  borderTopWidth?: import("csstype").BorderTopWidthProperty<string | number> | [import("csstype").BorderTopWidthProperty<string | number> | undefined, import("csstype").BorderTopWidthProperty<string | number> | undefined] | [import("csstype").BorderTopWidthProperty<string | number> | undefined, import("csstype").BorderTopWidthProperty<string | number> | undefined, import("csstype").BorderTopWidthProperty<string | number> | undefined] | undefined;
64
+ boxSizing?: import("csstype").BoxSizingProperty | [import("csstype").BoxSizingProperty | undefined, import("csstype").BoxSizingProperty | undefined] | [import("csstype").BoxSizingProperty | undefined, import("csstype").BoxSizingProperty | undefined, import("csstype").BoxSizingProperty | undefined] | undefined;
65
+ justifyContent?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
60
66
  marginBottom?: import("csstype").MarginBottomProperty<string | number> | [import("csstype").MarginBottomProperty<string | number> | undefined, import("csstype").MarginBottomProperty<string | number> | undefined] | [import("csstype").MarginBottomProperty<string | number> | undefined, import("csstype").MarginBottomProperty<string | number> | undefined, import("csstype").MarginBottomProperty<string | number> | undefined] | undefined;
61
67
  paddingBottom?: import("csstype").PaddingBottomProperty<string | number> | [import("csstype").PaddingBottomProperty<string | number> | undefined, import("csstype").PaddingBottomProperty<string | number> | undefined] | [import("csstype").PaddingBottomProperty<string | number> | undefined, import("csstype").PaddingBottomProperty<string | number> | undefined, import("csstype").PaddingBottomProperty<string | number> | undefined] | undefined;
68
+ textTransform?: import("csstype").TextTransformProperty | [import("csstype").TextTransformProperty | undefined, import("csstype").TextTransformProperty | undefined] | [import("csstype").TextTransformProperty | undefined, import("csstype").TextTransformProperty | undefined, import("csstype").TextTransformProperty | undefined] | undefined;
62
69
  borderStyle?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
63
70
  borderWidth?: import("csstype").BorderWidthProperty<string | number> | [import("csstype").BorderWidthProperty<string | number> | undefined, import("csstype").BorderWidthProperty<string | number> | undefined] | [import("csstype").BorderWidthProperty<string | number> | undefined, import("csstype").BorderWidthProperty<string | number> | undefined, import("csstype").BorderWidthProperty<string | number> | undefined] | undefined;
64
71
  m?: import("csstype").MarginProperty<string | number> | [import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined] | [import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined] | undefined;
package/dist/ButtonGroup.d.ts CHANGED
@@ -7,9 +7,11 @@ declare const _default: React.ComponentType<{
7
7
  color?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
8
8
  height?: import("csstype").HeightProperty<string | number> | [import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined] | [import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined] | undefined;
9
9
  width?: import("csstype").WidthProperty<string | number> | [import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined] | [import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined] | undefined;
10
+ cursor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
10
11
  display?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
11
12
  fontSize?: import("csstype").FontSizeProperty<string | number> | [import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined] | [import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined] | undefined;
12
13
  fontWeight?: import("csstype").FontWeightProperty | [import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined] | [import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined] | undefined;
14
+ textDecoration?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
13
15
  textAlign?: import("csstype").TextAlignProperty | [import("csstype").TextAlignProperty | undefined, import("csstype").TextAlignProperty | undefined] | [import("csstype").TextAlignProperty | undefined, import("csstype").TextAlignProperty | undefined, import("csstype").TextAlignProperty | undefined] | undefined;
14
16
  backgroundColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
15
17
  borderColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
@@ -31,6 +33,8 @@ declare const _default: React.ComponentType<{
31
33
  paddingLeft?: import("csstype").PaddingLeftProperty<string | number> | [import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined] | [import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined] | undefined;
32
34
  borderRadius?: import("csstype").BorderRadiusProperty<string | number> | [import("csstype").BorderRadiusProperty<string | number> | undefined, import("csstype").BorderRadiusProperty<string | number> | undefined] | [import("csstype").BorderRadiusProperty<string | number> | undefined, import("csstype").BorderRadiusProperty<string | number> | undefined, import("csstype").BorderRadiusProperty<string | number> | undefined] | undefined;
33
35
  verticalAlign?: import("csstype").VerticalAlignProperty<string | number> | [import("csstype").VerticalAlignProperty<string | number> | undefined, import("csstype").VerticalAlignProperty<string | number> | undefined] | [import("csstype").VerticalAlignProperty<string | number> | undefined, import("csstype").VerticalAlignProperty<string | number> | undefined, import("csstype").VerticalAlignProperty<string | number> | undefined] | undefined;
36
+ alignItems?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
37
+ alignSelf?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
34
38
  borderBottomLeftRadius?: import("csstype").BorderBottomLeftRadiusProperty<string | number> | [import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined, import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined] | [import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined, import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined, import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined] | undefined;
35
39
  borderBottomStyle?: import("csstype").BorderBottomStyleProperty | [import("csstype").BorderBottomStyleProperty | undefined, import("csstype").BorderBottomStyleProperty | undefined] | [import("csstype").BorderBottomStyleProperty | undefined, import("csstype").BorderBottomStyleProperty | undefined, import("csstype").BorderBottomStyleProperty | undefined] | undefined;
36
40
  borderBottomWidth?: import("csstype").BorderBottomWidthProperty<string | number> | [import("csstype").BorderBottomWidthProperty<string | number> | undefined, import("csstype").BorderBottomWidthProperty<string | number> | undefined] | [import("csstype").BorderBottomWidthProperty<string | number> | undefined, import("csstype").BorderBottomWidthProperty<string | number> | undefined, import("csstype").BorderBottomWidthProperty<string | number> | undefined] | undefined;
@@ -42,8 +46,11 @@ declare const _default: React.ComponentType<{
42
46
  borderTopRightRadius?: import("csstype").BorderTopRightRadiusProperty<string | number> | [import("csstype").BorderTopRightRadiusProperty<string | number> | undefined, import("csstype").BorderTopRightRadiusProperty<string | number> | undefined] | [import("csstype").BorderTopRightRadiusProperty<string | number> | undefined, import("csstype").BorderTopRightRadiusProperty<string | number> | undefined, import("csstype").BorderTopRightRadiusProperty<string | number> | undefined] | undefined;
43
47
  borderTopStyle?: import("csstype").BorderTopStyleProperty | [import("csstype").BorderTopStyleProperty | undefined, import("csstype").BorderTopStyleProperty | undefined] | [import("csstype").BorderTopStyleProperty | undefined, import("csstype").BorderTopStyleProperty | undefined, import("csstype").BorderTopStyleProperty | undefined] | undefined;
44
48
  borderTopWidth?: import("csstype").BorderTopWidthProperty<string | number> | [import("csstype").BorderTopWidthProperty<string | number> | undefined, import("csstype").BorderTopWidthProperty<string | number> | undefined] | [import("csstype").BorderTopWidthProperty<string | number> | undefined, import("csstype").BorderTopWidthProperty<string | number> | undefined, import("csstype").BorderTopWidthProperty<string | number> | undefined] | undefined;
49
+ boxSizing?: import("csstype").BoxSizingProperty | [import("csstype").BoxSizingProperty | undefined, import("csstype").BoxSizingProperty | undefined] | [import("csstype").BoxSizingProperty | undefined, import("csstype").BoxSizingProperty | undefined, import("csstype").BoxSizingProperty | undefined] | undefined;
50
+ justifyContent?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
45
51
  marginBottom?: import("csstype").MarginBottomProperty<string | number> | [import("csstype").MarginBottomProperty<string | number> | undefined, import("csstype").MarginBottomProperty<string | number> | undefined] | [import("csstype").MarginBottomProperty<string | number> | undefined, import("csstype").MarginBottomProperty<string | number> | undefined, import("csstype").MarginBottomProperty<string | number> | undefined] | undefined;
46
52
  paddingBottom?: import("csstype").PaddingBottomProperty<string | number> | [import("csstype").PaddingBottomProperty<string | number> | undefined, import("csstype").PaddingBottomProperty<string | number> | undefined] | [import("csstype").PaddingBottomProperty<string | number> | undefined, import("csstype").PaddingBottomProperty<string | number> | undefined, import("csstype").PaddingBottomProperty<string | number> | undefined] | undefined;
53
+ textTransform?: import("csstype").TextTransformProperty | [import("csstype").TextTransformProperty | undefined, import("csstype").TextTransformProperty | undefined] | [import("csstype").TextTransformProperty | undefined, import("csstype").TextTransformProperty | undefined, import("csstype").TextTransformProperty | undefined] | undefined;
47
54
  borderStyle?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
48
55
  borderWidth?: import("csstype").BorderWidthProperty<string | number> | [import("csstype").BorderWidthProperty<string | number> | undefined, import("csstype").BorderWidthProperty<string | number> | undefined] | [import("csstype").BorderWidthProperty<string | number> | undefined, import("csstype").BorderWidthProperty<string | number> | undefined, import("csstype").BorderWidthProperty<string | number> | undefined] | undefined;
49
56
  m?: import("csstype").MarginProperty<string | number> | [import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined] | [import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined] | undefined;
package/dist/TextButton.d.ts CHANGED
@@ -271,9 +271,11 @@ declare const TextButton: import("react").ComponentType<{
271
271
  p?: import("csstype").PaddingProperty<string | number> | [import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined] | [import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined] | undefined;
272
272
  height?: import("csstype").HeightProperty<string | number> | [import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined] | [import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined] | undefined;
273
273
  width?: import("csstype").WidthProperty<string | number> | [import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined] | [import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined] | undefined;
274
+ cursor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
274
275
  display?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
275
276
  fontSize?: import("csstype").FontSizeProperty<string | number> | [import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined] | [import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined] | undefined;
276
277
  fontWeight?: import("csstype").FontWeightProperty | [import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined] | [import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined] | undefined;
278
+ textDecoration?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
277
279
  textAlign?: import("csstype").TextAlignProperty | [import("csstype").TextAlignProperty | undefined, import("csstype").TextAlignProperty | undefined] | [import("csstype").TextAlignProperty | undefined, import("csstype").TextAlignProperty | undefined, import("csstype").TextAlignProperty | undefined] | undefined;
278
280
  backgroundColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
279
281
  borderColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
@@ -295,6 +297,8 @@ declare const TextButton: import("react").ComponentType<{
295
297
  paddingLeft?: import("csstype").PaddingLeftProperty<string | number> | [import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined] | [import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined] | undefined;
296
298
  borderRadius?: import("csstype").BorderRadiusProperty<string | number> | [import("csstype").BorderRadiusProperty<string | number> | undefined, import("csstype").BorderRadiusProperty<string | number> | undefined] | [import("csstype").BorderRadiusProperty<string | number> | undefined, import("csstype").BorderRadiusProperty<string | number> | undefined, import("csstype").BorderRadiusProperty<string | number> | undefined] | undefined;
297
299
  verticalAlign?: import("csstype").VerticalAlignProperty<string | number> | [import("csstype").VerticalAlignProperty<string | number> | undefined, import("csstype").VerticalAlignProperty<string | number> | undefined] | [import("csstype").VerticalAlignProperty<string | number> | undefined, import("csstype").VerticalAlignProperty<string | number> | undefined, import("csstype").VerticalAlignProperty<string | number> | undefined] | undefined;
300
+ alignItems?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
301
+ alignSelf?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
298
302
  borderBottomLeftRadius?: import("csstype").BorderBottomLeftRadiusProperty<string | number> | [import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined, import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined] | [import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined, import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined, import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined] | undefined;
299
303
  borderBottomStyle?: import("csstype").BorderBottomStyleProperty | [import("csstype").BorderBottomStyleProperty | undefined, import("csstype").BorderBottomStyleProperty | undefined] | [import("csstype").BorderBottomStyleProperty | undefined, import("csstype").BorderBottomStyleProperty | undefined, import("csstype").BorderBottomStyleProperty | undefined] | undefined;
300
304
  borderBottomWidth?: import("csstype").BorderBottomWidthProperty<string | number> | [import("csstype").BorderBottomWidthProperty<string | number> | undefined, import("csstype").BorderBottomWidthProperty<string | number> | undefined] | [import("csstype").BorderBottomWidthProperty<string | number> | undefined, import("csstype").BorderBottomWidthProperty<string | number> | undefined, import("csstype").BorderBottomWidthProperty<string | number> | undefined] | undefined;
@@ -306,8 +310,11 @@ declare const TextButton: import("react").ComponentType<{
306
310
  borderTopRightRadius?: import("csstype").BorderTopRightRadiusProperty<string | number> | [import("csstype").BorderTopRightRadiusProperty<string | number> | undefined, import("csstype").BorderTopRightRadiusProperty<string | number> | undefined] | [import("csstype").BorderTopRightRadiusProperty<string | number> | undefined, import("csstype").BorderTopRightRadiusProperty<string | number> | undefined, import("csstype").BorderTopRightRadiusProperty<string | number> | undefined] | undefined;
307
311
  borderTopStyle?: import("csstype").BorderTopStyleProperty | [import("csstype").BorderTopStyleProperty | undefined, import("csstype").BorderTopStyleProperty | undefined] | [import("csstype").BorderTopStyleProperty | undefined, import("csstype").BorderTopStyleProperty | undefined, import("csstype").BorderTopStyleProperty | undefined] | undefined;
308
312
  borderTopWidth?: import("csstype").BorderTopWidthProperty<string | number> | [import("csstype").BorderTopWidthProperty<string | number> | undefined, import("csstype").BorderTopWidthProperty<string | number> | undefined] | [import("csstype").BorderTopWidthProperty<string | number> | undefined, import("csstype").BorderTopWidthProperty<string | number> | undefined, import("csstype").BorderTopWidthProperty<string | number> | undefined] | undefined;
313
+ boxSizing?: import("csstype").BoxSizingProperty | [import("csstype").BoxSizingProperty | undefined, import("csstype").BoxSizingProperty | undefined] | [import("csstype").BoxSizingProperty | undefined, import("csstype").BoxSizingProperty | undefined, import("csstype").BoxSizingProperty | undefined] | undefined;
314
+ justifyContent?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
309
315
  marginBottom?: import("csstype").MarginBottomProperty<string | number> | [import("csstype").MarginBottomProperty<string | number> | undefined, import("csstype").MarginBottomProperty<string | number> | undefined] | [import("csstype").MarginBottomProperty<string | number> | undefined, import("csstype").MarginBottomProperty<string | number> | undefined, import("csstype").MarginBottomProperty<string | number> | undefined] | undefined;
310
316
  paddingBottom?: import("csstype").PaddingBottomProperty<string | number> | [import("csstype").PaddingBottomProperty<string | number> | undefined, import("csstype").PaddingBottomProperty<string | number> | undefined] | [import("csstype").PaddingBottomProperty<string | number> | undefined, import("csstype").PaddingBottomProperty<string | number> | undefined, import("csstype").PaddingBottomProperty<string | number> | undefined] | undefined;
317
+ textTransform?: import("csstype").TextTransformProperty | [import("csstype").TextTransformProperty | undefined, import("csstype").TextTransformProperty | undefined] | [import("csstype").TextTransformProperty | undefined, import("csstype").TextTransformProperty | undefined, import("csstype").TextTransformProperty | undefined] | undefined;
311
318
  borderStyle?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
312
319
  borderWidth?: import("csstype").BorderWidthProperty<string | number> | [import("csstype").BorderWidthProperty<string | number> | undefined, import("csstype").BorderWidthProperty<string | number> | undefined] | [import("csstype").BorderWidthProperty<string | number> | undefined, import("csstype").BorderWidthProperty<string | number> | undefined, import("csstype").BorderWidthProperty<string | number> | undefined] | undefined;
313
320
  m?: import("csstype").MarginProperty<string | number> | [import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined] | [import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined] | undefined;
package/dist/UnstyledButton.d.ts ADDED
@@ -0,0 +1,336 @@
1
+ /// <reference types="react" />
2
+ declare const UnstyledButton: import("react").ComponentType<{
3
+ form?: string | undefined;
4
+ slot?: string | undefined;
5
+ style?: import("react").CSSProperties | undefined;
6
+ title?: string | undefined;
7
+ children?: import("react").ReactNode;
8
+ key?: import("react").Key | null | undefined;
9
+ onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
10
+ onMouseEnter?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
11
+ onMouseLeave?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
12
+ draggable?: (boolean | "true" | "false") | undefined;
13
+ onDragStart?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
14
+ onDrag?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
15
+ onDragEnd?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
16
+ className?: string | undefined;
17
+ color?: (string & (string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined])) | undefined;
18
+ id?: string | undefined;
19
+ lang?: string | undefined;
20
+ name?: string | undefined;
21
+ type?: "button" | "reset" | "submit" | undefined;
22
+ role?: string | undefined;
23
+ tabIndex?: number | undefined;
24
+ 'aria-activedescendant'?: string | undefined;
25
+ 'aria-atomic'?: boolean | "true" | "false" | undefined;
26
+ 'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
27
+ 'aria-busy'?: boolean | "true" | "false" | undefined;
28
+ 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
29
+ 'aria-colcount'?: number | undefined;
30
+ 'aria-colindex'?: number | undefined;
31
+ 'aria-colspan'?: number | undefined;
32
+ 'aria-controls'?: string | undefined;
33
+ 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
34
+ 'aria-describedby'?: string | undefined;
35
+ 'aria-details'?: string | undefined;
36
+ 'aria-disabled'?: boolean | "true" | "false" | undefined;
37
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
38
+ 'aria-errormessage'?: string | undefined;
39
+ 'aria-expanded'?: boolean | "true" | "false" | undefined;
40
+ 'aria-flowto'?: string | undefined;
41
+ 'aria-grabbed'?: boolean | "true" | "false" | undefined;
42
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "listbox" | "tree" | "grid" | undefined;
43
+ 'aria-hidden'?: boolean | "true" | "false" | undefined;
44
+ 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
45
+ 'aria-keyshortcuts'?: string | undefined;
46
+ 'aria-label'?: string | undefined;
47
+ 'aria-labelledby'?: string | undefined;
48
+ 'aria-level'?: number | undefined;
49
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined;
50
+ 'aria-modal'?: boolean | "true" | "false" | undefined;
51
+ 'aria-multiline'?: boolean | "true" | "false" | undefined;
52
+ 'aria-multiselectable'?: boolean | "true" | "false" | undefined;
53
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined;
54
+ 'aria-owns'?: string | undefined;
55
+ 'aria-placeholder'?: string | undefined;
56
+ 'aria-posinset'?: number | undefined;
57
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
58
+ 'aria-readonly'?: boolean | "true" | "false" | undefined;
59
+ 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
60
+ 'aria-required'?: boolean | "true" | "false" | undefined;
61
+ 'aria-roledescription'?: string | undefined;
62
+ 'aria-rowcount'?: number | undefined;
63
+ 'aria-rowindex'?: number | undefined;
64
+ 'aria-rowspan'?: number | undefined;
65
+ 'aria-selected'?: boolean | "true" | "false" | undefined;
66
+ 'aria-setsize'?: number | undefined;
67
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
68
+ 'aria-valuemax'?: number | undefined;
69
+ 'aria-valuemin'?: number | undefined;
70
+ 'aria-valuenow'?: number | undefined;
71
+ 'aria-valuetext'?: string | undefined;
72
+ dangerouslySetInnerHTML?: {
73
+ __html: string;
74
+ } | undefined;
75
+ onCopy?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
76
+ onCopyCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
77
+ onCut?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
78
+ onCutCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
79
+ onPaste?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
80
+ onPasteCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
81
+ onCompositionEnd?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
82
+ onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
83
+ onCompositionStart?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
84
+ onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
85
+ onCompositionUpdate?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
86
+ onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
87
+ onFocus?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
88
+ onFocusCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
89
+ onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
90
+ onBlurCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
91
+ onChange?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
92
+ onChangeCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
93
+ onBeforeInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
94
+ onBeforeInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
95
+ onInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
96
+ onInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
97
+ onReset?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
98
+ onResetCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
99
+ onSubmit?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
100
+ onSubmitCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
101
+ onInvalid?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
102
+ onInvalidCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
103
+ onLoad?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
104
+ onLoadCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
105
+ onError?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
106
+ onErrorCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
107
+ onKeyDown?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
108
+ onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
109
+ onKeyPress?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
110
+ onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
111
+ onKeyUp?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
112
+ onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
113
+ onAbort?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
114
+ onAbortCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
115
+ onCanPlay?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
116
+ onCanPlayCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
117
+ onCanPlayThrough?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
118
+ onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
119
+ onDurationChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
120
+ onDurationChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
121
+ onEmptied?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
122
+ onEmptiedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
123
+ onEncrypted?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
124
+ onEncryptedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
125
+ onEnded?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
126
+ onEndedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
127
+ onLoadedData?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
128
+ onLoadedDataCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
129
+ onLoadedMetadata?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
130
+ onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
131
+ onLoadStart?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
132
+ onLoadStartCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
133
+ onPause?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
134
+ onPauseCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
135
+ onPlay?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
136
+ onPlayCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
137
+ onPlaying?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
138
+ onPlayingCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
139
+ onProgress?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
140
+ onProgressCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
141
+ onRateChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
142
+ onRateChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
143
+ onSeeked?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
144
+ onSeekedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
145
+ onSeeking?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
146
+ onSeekingCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
147
+ onStalled?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
148
+ onStalledCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
149
+ onSuspend?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
150
+ onSuspendCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
151
+ onTimeUpdate?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
152
+ onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
153
+ onVolumeChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
154
+ onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
155
+ onWaiting?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
156
+ onWaitingCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
157
+ onAuxClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
158
+ onAuxClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
159
+ onClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
160
+ onContextMenu?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
161
+ onContextMenuCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
162
+ onDoubleClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
163
+ onDoubleClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
164
+ onDragCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
165
+ onDragEndCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
166
+ onDragEnter?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
167
+ onDragEnterCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
168
+ onDragExit?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
169
+ onDragExitCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
170
+ onDragLeave?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
171
+ onDragLeaveCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
172
+ onDragOver?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
173
+ onDragOverCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
174
+ onDragStartCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
175
+ onDrop?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
176
+ onDropCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
177
+ onMouseDown?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
178
+ onMouseDownCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
179
+ onMouseMove?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
180
+ onMouseMoveCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
181
+ onMouseOut?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
182
+ onMouseOutCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
183
+ onMouseOver?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
184
+ onMouseOverCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
185
+ onMouseUp?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
186
+ onMouseUpCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
187
+ onSelect?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
188
+ onSelectCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
189
+ onTouchCancel?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
190
+ onTouchCancelCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
191
+ onTouchEnd?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
192
+ onTouchEndCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
193
+ onTouchMove?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
194
+ onTouchMoveCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
195
+ onTouchStart?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
196
+ onTouchStartCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
197
+ onPointerDown?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
198
+ onPointerDownCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
199
+ onPointerMove?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
200
+ onPointerMoveCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
201
+ onPointerUp?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
202
+ onPointerUpCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
203
+ onPointerCancel?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
204
+ onPointerCancelCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
205
+ onPointerEnter?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
206
+ onPointerEnterCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
207
+ onPointerLeave?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
208
+ onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
209
+ onPointerOver?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
210
+ onPointerOverCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
211
+ onPointerOut?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
212
+ onPointerOutCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
213
+ onGotPointerCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
214
+ onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
215
+ onLostPointerCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
216
+ onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
217
+ onScroll?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
218
+ onScrollCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
219
+ onWheel?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
220
+ onWheelCapture?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
221
+ onAnimationStart?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
222
+ onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
223
+ onAnimationEnd?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
224
+ onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
225
+ onAnimationIteration?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
226
+ onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
227
+ onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
228
+ onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
229
+ dir?: string | undefined;
230
+ is?: string | undefined;
231
+ value?: string | number | readonly string[] | undefined;
232
+ disabled?: boolean | undefined;
233
+ translate?: "no" | "yes" | undefined;
234
+ defaultChecked?: boolean | undefined;
235
+ defaultValue?: string | number | readonly string[] | undefined;
236
+ suppressContentEditableWarning?: boolean | undefined;
237
+ suppressHydrationWarning?: boolean | undefined;
238
+ accessKey?: string | undefined;
239
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
240
+ contextMenu?: string | undefined;
241
+ placeholder?: string | undefined;
242
+ spellCheck?: (boolean | "true" | "false") | undefined;
243
+ inputMode?: "text" | "none" | "search" | "email" | "url" | "tel" | "numeric" | "decimal" | undefined;
244
+ radioGroup?: string | undefined;
245
+ about?: string | undefined;
246
+ datatype?: string | undefined;
247
+ inlist?: any;
248
+ prefix?: string | undefined;
249
+ property?: string | undefined;
250
+ resource?: string | undefined;
251
+ typeof?: string | undefined;
252
+ vocab?: string | undefined;
253
+ autoCapitalize?: string | undefined;
254
+ autoCorrect?: string | undefined;
255
+ autoSave?: string | undefined;
256
+ itemProp?: string | undefined;
257
+ itemScope?: boolean | undefined;
258
+ itemType?: string | undefined;
259
+ itemID?: string | undefined;
260
+ itemRef?: string | undefined;
261
+ results?: number | undefined;
262
+ security?: string | undefined;
263
+ unselectable?: "off" | "on" | undefined;
264
+ autoFocus?: boolean | undefined;
265
+ formAction?: string | undefined;
266
+ formEncType?: string | undefined;
267
+ formMethod?: string | undefined;
268
+ formNoValidate?: boolean | undefined;
269
+ formTarget?: string | undefined;
270
+ hidden?: boolean | undefined;
271
+ p?: import("csstype").PaddingProperty<string | number> | [import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined] | [import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined] | undefined;
272
+ height?: import("csstype").HeightProperty<string | number> | [import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined] | [import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined] | undefined;
273
+ width?: import("csstype").WidthProperty<string | number> | [import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined] | [import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined] | undefined;
274
+ cursor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
275
+ display?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
276
+ fontSize?: import("csstype").FontSizeProperty<string | number> | [import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined] | [import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined] | undefined;
277
+ fontWeight?: import("csstype").FontWeightProperty | [import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined] | [import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined] | undefined;
278
+ textDecoration?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
279
+ textAlign?: import("csstype").TextAlignProperty | [import("csstype").TextAlignProperty | undefined, import("csstype").TextAlignProperty | undefined] | [import("csstype").TextAlignProperty | undefined, import("csstype").TextAlignProperty | undefined, import("csstype").TextAlignProperty | undefined] | undefined;
280
+ backgroundColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
281
+ borderColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
282
+ borderLeftColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
283
+ borderRightColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
284
+ borderTopColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
285
+ borderBottomColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
286
+ minWidth?: import("csstype").MinWidthProperty<string | number> | [import("csstype").MinWidthProperty<string | number> | undefined, import("csstype").MinWidthProperty<string | number> | undefined] | [import("csstype").MinWidthProperty<string | number> | undefined, import("csstype").MinWidthProperty<string | number> | undefined, import("csstype").MinWidthProperty<string | number> | undefined] | undefined;
287
+ minHeight?: import("csstype").MinHeightProperty<string | number> | [import("csstype").MinHeightProperty<string | number> | undefined, import("csstype").MinHeightProperty<string | number> | undefined] | [import("csstype").MinHeightProperty<string | number> | undefined, import("csstype").MinHeightProperty<string | number> | undefined, import("csstype").MinHeightProperty<string | number> | undefined] | undefined;
288
+ maxWidth?: import("csstype").MaxWidthProperty<string | number> | [import("csstype").MaxWidthProperty<string | number> | undefined, import("csstype").MaxWidthProperty<string | number> | undefined] | [import("csstype").MaxWidthProperty<string | number> | undefined, import("csstype").MaxWidthProperty<string | number> | undefined, import("csstype").MaxWidthProperty<string | number> | undefined] | undefined;
289
+ maxHeight?: import("csstype").MaxHeightProperty<string | number> | [import("csstype").MaxHeightProperty<string | number> | undefined, import("csstype").MaxHeightProperty<string | number> | undefined] | [import("csstype").MaxHeightProperty<string | number> | undefined, import("csstype").MaxHeightProperty<string | number> | undefined, import("csstype").MaxHeightProperty<string | number> | undefined] | undefined;
290
+ margin?: import("csstype").MarginProperty<string | number> | [import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined] | [import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined] | undefined;
291
+ marginTop?: import("csstype").MarginTopProperty<string | number> | [import("csstype").MarginTopProperty<string | number> | undefined, import("csstype").MarginTopProperty<string | number> | undefined] | [import("csstype").MarginTopProperty<string | number> | undefined, import("csstype").MarginTopProperty<string | number> | undefined, import("csstype").MarginTopProperty<string | number> | undefined] | undefined;
292
+ marginRight?: import("csstype").MarginRightProperty<string | number> | [import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined] | [import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined] | undefined;
293
+ marginLeft?: import("csstype").MarginLeftProperty<string | number> | [import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined] | [import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined] | undefined;
294
+ padding?: import("csstype").PaddingProperty<string | number> | [import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined] | [import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined] | undefined;
295
+ paddingTop?: import("csstype").PaddingTopProperty<string | number> | [import("csstype").PaddingTopProperty<string | number> | undefined, import("csstype").PaddingTopProperty<string | number> | undefined] | [import("csstype").PaddingTopProperty<string | number> | undefined, import("csstype").PaddingTopProperty<string | number> | undefined, import("csstype").PaddingTopProperty<string | number> | undefined] | undefined;
296
+ paddingRight?: import("csstype").PaddingRightProperty<string | number> | [import("csstype").PaddingRightProperty<string | number> | undefined, import("csstype").PaddingRightProperty<string | number> | undefined] | [import("csstype").PaddingRightProperty<string | number> | undefined, import("csstype").PaddingRightProperty<string | number> | undefined, import("csstype").PaddingRightProperty<string | number> | undefined] | undefined;
297
+ paddingLeft?: import("csstype").PaddingLeftProperty<string | number> | [import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined] | [import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined] | undefined;
298
+ borderRadius?: import("csstype").BorderRadiusProperty<string | number> | [import("csstype").BorderRadiusProperty<string | number> | undefined, import("csstype").BorderRadiusProperty<string | number> | undefined] | [import("csstype").BorderRadiusProperty<string | number> | undefined, import("csstype").BorderRadiusProperty<string | number> | undefined, import("csstype").BorderRadiusProperty<string | number> | undefined] | undefined;
299
+ verticalAlign?: import("csstype").VerticalAlignProperty<string | number> | [import("csstype").VerticalAlignProperty<string | number> | undefined, import("csstype").VerticalAlignProperty<string | number> | undefined] | [import("csstype").VerticalAlignProperty<string | number> | undefined, import("csstype").VerticalAlignProperty<string | number> | undefined, import("csstype").VerticalAlignProperty<string | number> | undefined] | undefined;
300
+ alignItems?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
301
+ alignSelf?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
302
+ borderBottomLeftRadius?: import("csstype").BorderBottomLeftRadiusProperty<string | number> | [import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined, import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined] | [import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined, import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined, import("csstype").BorderBottomLeftRadiusProperty<string | number> | undefined] | undefined;
303
+ borderBottomStyle?: import("csstype").BorderBottomStyleProperty | [import("csstype").BorderBottomStyleProperty | undefined, import("csstype").BorderBottomStyleProperty | undefined] | [import("csstype").BorderBottomStyleProperty | undefined, import("csstype").BorderBottomStyleProperty | undefined, import("csstype").BorderBottomStyleProperty | undefined] | undefined;
304
+ borderBottomWidth?: import("csstype").BorderBottomWidthProperty<string | number> | [import("csstype").BorderBottomWidthProperty<string | number> | undefined, import("csstype").BorderBottomWidthProperty<string | number> | undefined] | [import("csstype").BorderBottomWidthProperty<string | number> | undefined, import("csstype").BorderBottomWidthProperty<string | number> | undefined, import("csstype").BorderBottomWidthProperty<string | number> | undefined] | undefined;
305
+ borderLeftStyle?: import("csstype").BorderLeftStyleProperty | [import("csstype").BorderLeftStyleProperty | undefined, import("csstype").BorderLeftStyleProperty | undefined] | [import("csstype").BorderLeftStyleProperty | undefined, import("csstype").BorderLeftStyleProperty | undefined, import("csstype").BorderLeftStyleProperty | undefined] | undefined;
306
+ borderLeftWidth?: import("csstype").BorderLeftWidthProperty<string | number> | [import("csstype").BorderLeftWidthProperty<string | number> | undefined, import("csstype").BorderLeftWidthProperty<string | number> | undefined] | [import("csstype").BorderLeftWidthProperty<string | number> | undefined, import("csstype").BorderLeftWidthProperty<string | number> | undefined, import("csstype").BorderLeftWidthProperty<string | number> | undefined] | undefined;
307
+ borderRightStyle?: import("csstype").BorderRightStyleProperty | [import("csstype").BorderRightStyleProperty | undefined, import("csstype").BorderRightStyleProperty | undefined] | [import("csstype").BorderRightStyleProperty | undefined, import("csstype").BorderRightStyleProperty | undefined, import("csstype").BorderRightStyleProperty | undefined] | undefined;
308
+ borderRightWidth?: import("csstype").BorderRightWidthProperty<string | number> | [import("csstype").BorderRightWidthProperty<string | number> | undefined, import("csstype").BorderRightWidthProperty<string | number> | undefined] | [import("csstype").BorderRightWidthProperty<string | number> | undefined, import("csstype").BorderRightWidthProperty<string | number> | undefined, import("csstype").BorderRightWidthProperty<string | number> | undefined] | undefined;
309
+ borderTopLeftRadius?: import("csstype").BorderTopLeftRadiusProperty<string | number> | [import("csstype").BorderTopLeftRadiusProperty<string | number> | undefined, import("csstype").BorderTopLeftRadiusProperty<string | number> | undefined] | [import("csstype").BorderTopLeftRadiusProperty<string | number> | undefined, import("csstype").BorderTopLeftRadiusProperty<string | number> | undefined, import("csstype").BorderTopLeftRadiusProperty<string | number> | undefined] | undefined;
310
+ borderTopRightRadius?: import("csstype").BorderTopRightRadiusProperty<string | number> | [import("csstype").BorderTopRightRadiusProperty<string | number> | undefined, import("csstype").BorderTopRightRadiusProperty<string | number> | undefined] | [import("csstype").BorderTopRightRadiusProperty<string | number> | undefined, import("csstype").BorderTopRightRadiusProperty<string | number> | undefined, import("csstype").BorderTopRightRadiusProperty<string | number> | undefined] | undefined;
311
+ borderTopStyle?: import("csstype").BorderTopStyleProperty | [import("csstype").BorderTopStyleProperty | undefined, import("csstype").BorderTopStyleProperty | undefined] | [import("csstype").BorderTopStyleProperty | undefined, import("csstype").BorderTopStyleProperty | undefined, import("csstype").BorderTopStyleProperty | undefined] | undefined;
312
+ borderTopWidth?: import("csstype").BorderTopWidthProperty<string | number> | [import("csstype").BorderTopWidthProperty<string | number> | undefined, import("csstype").BorderTopWidthProperty<string | number> | undefined] | [import("csstype").BorderTopWidthProperty<string | number> | undefined, import("csstype").BorderTopWidthProperty<string | number> | undefined, import("csstype").BorderTopWidthProperty<string | number> | undefined] | undefined;
313
+ boxSizing?: import("csstype").BoxSizingProperty | [import("csstype").BoxSizingProperty | undefined, import("csstype").BoxSizingProperty | undefined] | [import("csstype").BoxSizingProperty | undefined, import("csstype").BoxSizingProperty | undefined, import("csstype").BoxSizingProperty | undefined] | undefined;
314
+ justifyContent?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
315
+ marginBottom?: import("csstype").MarginBottomProperty<string | number> | [import("csstype").MarginBottomProperty<string | number> | undefined, import("csstype").MarginBottomProperty<string | number> | undefined] | [import("csstype").MarginBottomProperty<string | number> | undefined, import("csstype").MarginBottomProperty<string | number> | undefined, import("csstype").MarginBottomProperty<string | number> | undefined] | undefined;
316
+ paddingBottom?: import("csstype").PaddingBottomProperty<string | number> | [import("csstype").PaddingBottomProperty<string | number> | undefined, import("csstype").PaddingBottomProperty<string | number> | undefined] | [import("csstype").PaddingBottomProperty<string | number> | undefined, import("csstype").PaddingBottomProperty<string | number> | undefined, import("csstype").PaddingBottomProperty<string | number> | undefined] | undefined;
317
+ textTransform?: import("csstype").TextTransformProperty | [import("csstype").TextTransformProperty | undefined, import("csstype").TextTransformProperty | undefined] | [import("csstype").TextTransformProperty | undefined, import("csstype").TextTransformProperty | undefined, import("csstype").TextTransformProperty | undefined] | undefined;
318
+ borderStyle?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
319
+ borderWidth?: import("csstype").BorderWidthProperty<string | number> | [import("csstype").BorderWidthProperty<string | number> | undefined, import("csstype").BorderWidthProperty<string | number> | undefined] | [import("csstype").BorderWidthProperty<string | number> | undefined, import("csstype").BorderWidthProperty<string | number> | undefined, import("csstype").BorderWidthProperty<string | number> | undefined] | undefined;
320
+ m?: import("csstype").MarginProperty<string | number> | [import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined] | [import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined] | undefined;
321
+ ml?: import("csstype").MarginLeftProperty<string | number> | [import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined] | [import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined] | undefined;
322
+ mr?: import("csstype").MarginRightProperty<string | number> | [import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined] | [import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined] | undefined;
323
+ mt?: import("csstype").MarginTopProperty<string | number> | [import("csstype").MarginTopProperty<string | number> | undefined, import("csstype").MarginTopProperty<string | number> | undefined] | [import("csstype").MarginTopProperty<string | number> | undefined, import("csstype").MarginTopProperty<string | number> | undefined, import("csstype").MarginTopProperty<string | number> | undefined] | undefined;
324
+ mb?: import("csstype").MarginBottomProperty<string | number> | [import("csstype").MarginBottomProperty<string | number> | undefined, import("csstype").MarginBottomProperty<string | number> | undefined] | [import("csstype").MarginBottomProperty<string | number> | undefined, import("csstype").MarginBottomProperty<string | number> | undefined, import("csstype").MarginBottomProperty<string | number> | undefined] | undefined;
325
+ mx?: import("csstype").MarginLeftProperty<string | number> | [import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined] | [import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined] | undefined;
326
+ my?: import("csstype").MarginTopProperty<string | number> | [import("csstype").MarginTopProperty<string | number> | undefined, import("csstype").MarginTopProperty<string | number> | undefined] | [import("csstype").MarginTopProperty<string | number> | undefined, import("csstype").MarginTopProperty<string | number> | undefined, import("csstype").MarginTopProperty<string | number> | undefined] | undefined;
327
+ pl?: import("csstype").PaddingLeftProperty<string | number> | [import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined] | [import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined] | undefined;
328
+ pr?: import("csstype").PaddingRightProperty<string | number> | [import("csstype").PaddingRightProperty<string | number> | undefined, import("csstype").PaddingRightProperty<string | number> | undefined] | [import("csstype").PaddingRightProperty<string | number> | undefined, import("csstype").PaddingRightProperty<string | number> | undefined, import("csstype").PaddingRightProperty<string | number> | undefined] | undefined;
329
+ pt?: import("csstype").PaddingTopProperty<string | number> | [import("csstype").PaddingTopProperty<string | number> | undefined, import("csstype").PaddingTopProperty<string | number> | undefined] | [import("csstype").PaddingTopProperty<string | number> | undefined, import("csstype").PaddingTopProperty<string | number> | undefined, import("csstype").PaddingTopProperty<string | number> | undefined] | undefined;
330
+ pb?: import("csstype").PaddingBottomProperty<string | number> | [import("csstype").PaddingBottomProperty<string | number> | undefined, import("csstype").PaddingBottomProperty<string | number> | undefined] | [import("csstype").PaddingBottomProperty<string | number> | undefined, import("csstype").PaddingBottomProperty<string | number> | undefined, import("csstype").PaddingBottomProperty<string | number> | undefined] | undefined;
331
+ px?: import("csstype").PaddingLeftProperty<string | number> | [import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined] | [import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined, import("csstype").PaddingLeftProperty<string | number> | undefined] | undefined;
332
+ py?: import("csstype").PaddingTopProperty<string | number> | [import("csstype").PaddingTopProperty<string | number> | undefined, import("csstype").PaddingTopProperty<string | number> | undefined] | [import("csstype").PaddingTopProperty<string | number> | undefined, import("csstype").PaddingTopProperty<string | number> | undefined, import("csstype").PaddingTopProperty<string | number> | undefined] | undefined;
333
+ borderbottomRightRadius?: ([never, never] | [never, never, never]) | undefined;
334
+ innerRef?: import("react").Ref<HTMLButtonElement> | undefined;
335
+ }>;
336
+ export default UnstyledButton;
package/dist/index.d.ts CHANGED
@@ -2,4 +2,5 @@ import Button from './Button';
2
2
  import ButtonGroup from './ButtonGroup';
3
3
  import TextButton from './TextButton';
4
4
  import IconTextButton from './IconTextButton';
5
- export { Button, ButtonGroup, TextButton, IconTextButton };
5
+ import UnstyledButton from './UnstyledButton';
6
+ export { Button, ButtonGroup, TextButton, IconTextButton, UnstyledButton };
package/es/UnstyledButton.js ADDED
@@ -0,0 +1,11 @@
1
+ import { createStyledComponent } from '@cloudflare/style-container';
2
+ const UnstyledButton = createStyledComponent(() => ({
3
+ background: 'none',
4
+ color: 'inherit',
5
+ border: 'none',
6
+ padding: 0,
7
+ font: 'inherit',
8
+ cursor: 'pointer',
9
+ outline: 'inherit'
10
+ }), 'button');
11
+ export default UnstyledButton;
package/es/index.js CHANGED
@@ -2,4 +2,5 @@ import Button from './Button';
2
2
  import ButtonGroup from './ButtonGroup';
3
3
  import TextButton from './TextButton';
4
4
  import IconTextButton from './IconTextButton';
5
- export { Button, ButtonGroup, TextButton, IconTextButton };
5
+ import UnstyledButton from './UnstyledButton';
6
+ export { Button, ButtonGroup, TextButton, IconTextButton, UnstyledButton };
package/lib/UnstyledButton.js ADDED
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _styleContainer = require("@cloudflare/style-container");
9
+
10
+ var UnstyledButton = (0, _styleContainer.createStyledComponent)(function () {
11
+ return {
12
+ background: 'none',
13
+ color: 'inherit',
14
+ border: 'none',
15
+ padding: 0,
16
+ font: 'inherit',
17
+ cursor: 'pointer',
18
+ outline: 'inherit'
19
+ };
20
+ }, 'button');
21
+ var _default = UnstyledButton;
22
+ exports.default = _default;
package/lib/index.js CHANGED
@@ -27,6 +27,12 @@ Object.defineProperty(exports, "IconTextButton", {
27
27
  return _IconTextButton.default;
28
28
  }
29
29
  });
30
+ Object.defineProperty(exports, "UnstyledButton", {
31
+ enumerable: true,
32
+ get: function get() {
33
+ return _UnstyledButton.default;
34
+ }
35
+ });
30
36
 
31
37
  var _Button = _interopRequireDefault(require("./Button"));
32
38
 
@@ -36,4 +42,6 @@ var _TextButton = _interopRequireDefault(require("./TextButton"));
36
42
 
37
43
  var _IconTextButton = _interopRequireDefault(require("./IconTextButton"));
38
44
 
45
+ var _UnstyledButton = _interopRequireDefault(require("./UnstyledButton"));
46
+
39
47
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cloudflare/component-button",
3
3
  "description": "Cloudflare Button Component",
4
- "version": "2.10.11",
4
+ "version": "2.11.2",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
7
7
  "author": "James Kyle <jkyle@cloudflare.com>",
@@ -12,9 +12,9 @@
12
12
  "access": "public"
13
13
  },
14
14
  "dependencies": {
15
- "@cloudflare/component-icon": "^6.4.13",
16
- "@cloudflare/style-const": "^5.0.10",
17
- "@cloudflare/style-container": "^7.5.4",
15
+ "@cloudflare/component-icon": "^6.5.2",
16
+ "@cloudflare/style-const": "^5.1.2",
17
+ "@cloudflare/style-container": "^7.5.8",
18
18
  "polished": "^1.9.3",
19
19
  "prop-types": "^15.6.0"
20
20
  },
@@ -32,5 +32,5 @@
32
32
  "test-coverage": "stratus test --coverage",
33
33
  "test-watch": "stratus test --watch"
34
34
  },
35
- "gitHead": "89a3ba424d607c36db302c7304f9edad02242164"
35
+ "gitHead": "dd630d2436e10bc7b8fce37dc0ce268deaa5d4b8"
36
36
  }