@primer/components 0.0.0-20219283497 → 0.0.0-202192953933

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 (90) hide show
  1. package/CHANGELOG.md +17 -1
  2. package/dist/browser.esm.js +147 -143
  3. package/dist/browser.esm.js.map +1 -1
  4. package/dist/browser.umd.js +147 -143
  5. package/dist/browser.umd.js.map +1 -1
  6. package/lib/Autocomplete/Autocomplete.d.ts +28 -28
  7. package/lib/Autocomplete/AutocompleteInput.d.ts +28 -28
  8. package/lib/Button/Button.d.ts +26 -26
  9. package/lib/Button/ButtonBase.d.ts +1 -1
  10. package/lib/Button/ButtonClose.d.ts +27 -27
  11. package/lib/Button/ButtonDanger.d.ts +26 -26
  12. package/lib/Button/ButtonInvisible.d.ts +26 -26
  13. package/lib/Button/ButtonOutline.d.ts +26 -26
  14. package/lib/Button/ButtonPrimary.d.ts +26 -26
  15. package/lib/Button/ButtonStyles.js +1 -1
  16. package/lib/CircleBadge.d.ts +2 -2
  17. package/lib/CircleOcticon.d.ts +30 -30
  18. package/lib/Dialog.d.ts +33 -33
  19. package/lib/Dropdown.d.ts +114 -114
  20. package/lib/DropdownMenu/DropdownButton.d.ts +28 -28
  21. package/lib/FilterList.d.ts +25 -25
  22. package/lib/Flash.d.ts +1 -1
  23. package/lib/Label.d.ts +1 -1
  24. package/lib/NewButton/button.d.ts +65 -65
  25. package/lib/NewButton/button.js +62 -27
  26. package/lib/NewButton/buttonStyles.d.ts +2 -0
  27. package/lib/NewButton/buttonStyles.js +14 -0
  28. package/lib/Position.d.ts +4 -4
  29. package/lib/SelectMenu/SelectMenu.d.ts +159 -159
  30. package/lib/SelectMenu/SelectMenuItem.d.ts +1 -1
  31. package/lib/SelectMenu/SelectMenuModal.d.ts +1 -1
  32. package/lib/TextInputWithTokens.d.ts +32 -28
  33. package/lib/TextInputWithTokens.js +102 -29
  34. package/lib/Timeline.d.ts +31 -31
  35. package/lib/Token/AvatarToken.d.ts +1 -1
  36. package/lib/Token/IssueLabelToken.d.ts +1 -1
  37. package/lib/Token/Token.d.ts +1 -1
  38. package/lib/Token/Token.js +13 -2
  39. package/lib/Token/TokenBase.js +0 -4
  40. package/lib/Token/_RemoveTokenButton.js +15 -2
  41. package/lib/_TextInputWrapper.js +1 -1
  42. package/lib/sx.d.ts +8 -2
  43. package/lib/theme.d.ts +78 -0
  44. package/lib/theme.js +3 -1
  45. package/lib/utils/testing.d.ts +1 -1
  46. package/lib/utils/types/KeyPaths.d.ts +3 -0
  47. package/lib/utils/types/KeyPaths.js +1 -0
  48. package/lib-esm/Autocomplete/Autocomplete.d.ts +28 -28
  49. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +28 -28
  50. package/lib-esm/Button/Button.d.ts +26 -26
  51. package/lib-esm/Button/ButtonBase.d.ts +1 -1
  52. package/lib-esm/Button/ButtonClose.d.ts +27 -27
  53. package/lib-esm/Button/ButtonDanger.d.ts +26 -26
  54. package/lib-esm/Button/ButtonInvisible.d.ts +26 -26
  55. package/lib-esm/Button/ButtonOutline.d.ts +26 -26
  56. package/lib-esm/Button/ButtonPrimary.d.ts +26 -26
  57. package/lib-esm/Button/ButtonStyles.js +1 -1
  58. package/lib-esm/CircleBadge.d.ts +2 -2
  59. package/lib-esm/CircleOcticon.d.ts +30 -30
  60. package/lib-esm/Dialog.d.ts +33 -33
  61. package/lib-esm/Dropdown.d.ts +114 -114
  62. package/lib-esm/DropdownMenu/DropdownButton.d.ts +28 -28
  63. package/lib-esm/FilterList.d.ts +25 -25
  64. package/lib-esm/Flash.d.ts +1 -1
  65. package/lib-esm/Label.d.ts +1 -1
  66. package/lib-esm/NewButton/button.d.ts +65 -65
  67. package/lib-esm/NewButton/button.js +62 -27
  68. package/lib-esm/NewButton/buttonStyles.d.ts +2 -0
  69. package/lib-esm/NewButton/buttonStyles.js +3 -0
  70. package/lib-esm/Position.d.ts +4 -4
  71. package/lib-esm/SelectMenu/SelectMenu.d.ts +159 -159
  72. package/lib-esm/SelectMenu/SelectMenuItem.d.ts +1 -1
  73. package/lib-esm/SelectMenu/SelectMenuModal.d.ts +1 -1
  74. package/lib-esm/TextInputWithTokens.d.ts +32 -28
  75. package/lib-esm/TextInputWithTokens.js +101 -30
  76. package/lib-esm/Timeline.d.ts +31 -31
  77. package/lib-esm/Token/AvatarToken.d.ts +1 -1
  78. package/lib-esm/Token/IssueLabelToken.d.ts +1 -1
  79. package/lib-esm/Token/Token.d.ts +1 -1
  80. package/lib-esm/Token/Token.js +13 -2
  81. package/lib-esm/Token/TokenBase.js +0 -4
  82. package/lib-esm/Token/_RemoveTokenButton.js +11 -2
  83. package/lib-esm/_TextInputWrapper.js +1 -1
  84. package/lib-esm/sx.d.ts +8 -2
  85. package/lib-esm/theme.d.ts +78 -0
  86. package/lib-esm/theme.js +2 -1
  87. package/lib-esm/utils/testing.d.ts +1 -1
  88. package/lib-esm/utils/types/KeyPaths.d.ts +3 -0
  89. package/lib-esm/utils/types/KeyPaths.js +1 -0
  90. package/package.json +2 -1
package/lib/Button/ButtonDanger.d.ts CHANGED
@@ -3,14 +3,15 @@ import { SxProp } from '../sx';
3
3
  import { ComponentProps } from '../utils/types';
4
4
  declare const ButtonDanger: import("styled-components").StyledComponent<"button", any, {
5
5
  as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
6
- variant?: "small" | "large" | "medium" | undefined;
6
+ variant?: "small" | "medium" | "large" | undefined;
7
7
  } & import("styled-system").FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
8
8
  color?: string | undefined;
9
9
  fontSize?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
10
10
  translate?: "yes" | "no" | undefined;
11
+ hidden?: boolean | undefined;
12
+ style?: import("react").CSSProperties | undefined;
11
13
  form?: string | undefined;
12
14
  slot?: string | undefined;
13
- style?: import("react").CSSProperties | undefined;
14
15
  title?: string | undefined;
15
16
  ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
16
17
  type?: "button" | "reset" | "submit" | undefined;
@@ -22,15 +23,14 @@ declare const ButtonDanger: import("styled-components").StyledComponent<"button"
22
23
  suppressHydrationWarning?: boolean | undefined;
23
24
  accessKey?: string | undefined;
24
25
  className?: string | undefined;
25
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
26
+ contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
26
27
  contextMenu?: string | undefined;
27
28
  dir?: string | undefined;
28
- draggable?: (boolean | "true" | "false") | undefined;
29
- hidden?: boolean | undefined;
29
+ draggable?: (boolean | "false" | "true") | undefined;
30
30
  id?: string | undefined;
31
31
  lang?: string | undefined;
32
32
  placeholder?: string | undefined;
33
- spellCheck?: (boolean | "true" | "false") | undefined;
33
+ spellCheck?: (boolean | "false" | "true") | undefined;
34
34
  tabIndex?: number | undefined;
35
35
  radioGroup?: string | undefined;
36
36
  role?: import("react").AriaRole | undefined;
@@ -53,50 +53,50 @@ declare const ButtonDanger: import("styled-components").StyledComponent<"button"
53
53
  results?: number | undefined;
54
54
  security?: string | undefined;
55
55
  unselectable?: "on" | "off" | undefined;
56
- inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
56
+ inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
57
57
  is?: string | undefined;
58
58
  'aria-activedescendant'?: string | undefined;
59
- 'aria-atomic'?: boolean | "true" | "false" | undefined;
60
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
61
- 'aria-busy'?: boolean | "true" | "false" | undefined;
62
- 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
59
+ 'aria-atomic'?: boolean | "false" | "true" | undefined;
60
+ 'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
61
+ 'aria-busy'?: boolean | "false" | "true" | undefined;
62
+ 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
63
63
  'aria-colcount'?: number | undefined;
64
64
  'aria-colindex'?: number | undefined;
65
65
  'aria-colspan'?: number | undefined;
66
66
  'aria-controls'?: string | undefined;
67
- 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
67
+ 'aria-current'?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
68
68
  'aria-describedby'?: string | undefined;
69
69
  'aria-details'?: string | undefined;
70
- 'aria-disabled'?: boolean | "true" | "false" | undefined;
70
+ 'aria-disabled'?: boolean | "false" | "true" | undefined;
71
71
  'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
72
72
  'aria-errormessage'?: string | undefined;
73
- 'aria-expanded'?: boolean | "true" | "false" | undefined;
73
+ 'aria-expanded'?: boolean | "false" | "true" | undefined;
74
74
  'aria-flowto'?: string | undefined;
75
- 'aria-grabbed'?: boolean | "true" | "false" | undefined;
76
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "listbox" | "menu" | "tree" | "true" | "false" | undefined;
77
- 'aria-hidden'?: boolean | "true" | "false" | undefined;
78
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
75
+ 'aria-grabbed'?: boolean | "false" | "true" | undefined;
76
+ 'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
77
+ 'aria-hidden'?: boolean | "false" | "true" | undefined;
78
+ 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
79
79
  'aria-keyshortcuts'?: string | undefined;
80
80
  'aria-label'?: string | undefined;
81
81
  'aria-labelledby'?: string | undefined;
82
82
  'aria-level'?: number | undefined;
83
83
  'aria-live'?: "off" | "assertive" | "polite" | undefined;
84
- 'aria-modal'?: boolean | "true" | "false" | undefined;
85
- 'aria-multiline'?: boolean | "true" | "false" | undefined;
86
- 'aria-multiselectable'?: boolean | "true" | "false" | undefined;
84
+ 'aria-modal'?: boolean | "false" | "true" | undefined;
85
+ 'aria-multiline'?: boolean | "false" | "true" | undefined;
86
+ 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
87
87
  'aria-orientation'?: "horizontal" | "vertical" | undefined;
88
88
  'aria-owns'?: string | undefined;
89
89
  'aria-placeholder'?: string | undefined;
90
90
  'aria-posinset'?: number | undefined;
91
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
92
- 'aria-readonly'?: boolean | "true" | "false" | undefined;
91
+ 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
92
+ 'aria-readonly'?: boolean | "false" | "true" | undefined;
93
93
  'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
94
- 'aria-required'?: boolean | "true" | "false" | undefined;
94
+ 'aria-required'?: boolean | "false" | "true" | undefined;
95
95
  'aria-roledescription'?: string | undefined;
96
96
  'aria-rowcount'?: number | undefined;
97
97
  'aria-rowindex'?: number | undefined;
98
98
  'aria-rowspan'?: number | undefined;
99
- 'aria-selected'?: boolean | "true" | "false" | undefined;
99
+ 'aria-selected'?: boolean | "false" | "true" | undefined;
100
100
  'aria-setsize'?: number | undefined;
101
101
  'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
102
102
  'aria-valuemax'?: number | undefined;
@@ -275,7 +275,7 @@ declare const ButtonDanger: import("styled-components").StyledComponent<"button"
275
275
  formMethod?: string | undefined;
276
276
  formNoValidate?: boolean | undefined;
277
277
  formTarget?: string | undefined;
278
- variant?: "small" | "large" | "medium" | undefined;
278
+ variant?: "small" | "medium" | "large" | undefined;
279
279
  as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
280
280
  } & {
281
281
  theme?: any;
package/lib/Button/ButtonInvisible.d.ts CHANGED
@@ -3,14 +3,15 @@ import { SxProp } from '../sx';
3
3
  import { ComponentProps } from '../utils/types';
4
4
  declare const ButtonInvisible: import("styled-components").StyledComponent<"button", any, {
5
5
  as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
6
- variant?: "small" | "large" | "medium" | undefined;
6
+ variant?: "small" | "medium" | "large" | undefined;
7
7
  } & import("styled-system").FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
8
8
  color?: string | undefined;
9
9
  fontSize?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
10
10
  translate?: "yes" | "no" | undefined;
11
+ hidden?: boolean | undefined;
12
+ style?: import("react").CSSProperties | undefined;
11
13
  form?: string | undefined;
12
14
  slot?: string | undefined;
13
- style?: import("react").CSSProperties | undefined;
14
15
  title?: string | undefined;
15
16
  ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
16
17
  type?: "button" | "reset" | "submit" | undefined;
@@ -22,15 +23,14 @@ declare const ButtonInvisible: import("styled-components").StyledComponent<"butt
22
23
  suppressHydrationWarning?: boolean | undefined;
23
24
  accessKey?: string | undefined;
24
25
  className?: string | undefined;
25
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
26
+ contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
26
27
  contextMenu?: string | undefined;
27
28
  dir?: string | undefined;
28
- draggable?: (boolean | "true" | "false") | undefined;
29
- hidden?: boolean | undefined;
29
+ draggable?: (boolean | "false" | "true") | undefined;
30
30
  id?: string | undefined;
31
31
  lang?: string | undefined;
32
32
  placeholder?: string | undefined;
33
- spellCheck?: (boolean | "true" | "false") | undefined;
33
+ spellCheck?: (boolean | "false" | "true") | undefined;
34
34
  tabIndex?: number | undefined;
35
35
  radioGroup?: string | undefined;
36
36
  role?: import("react").AriaRole | undefined;
@@ -53,50 +53,50 @@ declare const ButtonInvisible: import("styled-components").StyledComponent<"butt
53
53
  results?: number | undefined;
54
54
  security?: string | undefined;
55
55
  unselectable?: "on" | "off" | undefined;
56
- inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
56
+ inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
57
57
  is?: string | undefined;
58
58
  'aria-activedescendant'?: string | undefined;
59
- 'aria-atomic'?: boolean | "true" | "false" | undefined;
60
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
61
- 'aria-busy'?: boolean | "true" | "false" | undefined;
62
- 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
59
+ 'aria-atomic'?: boolean | "false" | "true" | undefined;
60
+ 'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
61
+ 'aria-busy'?: boolean | "false" | "true" | undefined;
62
+ 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
63
63
  'aria-colcount'?: number | undefined;
64
64
  'aria-colindex'?: number | undefined;
65
65
  'aria-colspan'?: number | undefined;
66
66
  'aria-controls'?: string | undefined;
67
- 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
67
+ 'aria-current'?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
68
68
  'aria-describedby'?: string | undefined;
69
69
  'aria-details'?: string | undefined;
70
- 'aria-disabled'?: boolean | "true" | "false" | undefined;
70
+ 'aria-disabled'?: boolean | "false" | "true" | undefined;
71
71
  'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
72
72
  'aria-errormessage'?: string | undefined;
73
- 'aria-expanded'?: boolean | "true" | "false" | undefined;
73
+ 'aria-expanded'?: boolean | "false" | "true" | undefined;
74
74
  'aria-flowto'?: string | undefined;
75
- 'aria-grabbed'?: boolean | "true" | "false" | undefined;
76
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "listbox" | "menu" | "tree" | "true" | "false" | undefined;
77
- 'aria-hidden'?: boolean | "true" | "false" | undefined;
78
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
75
+ 'aria-grabbed'?: boolean | "false" | "true" | undefined;
76
+ 'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
77
+ 'aria-hidden'?: boolean | "false" | "true" | undefined;
78
+ 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
79
79
  'aria-keyshortcuts'?: string | undefined;
80
80
  'aria-label'?: string | undefined;
81
81
  'aria-labelledby'?: string | undefined;
82
82
  'aria-level'?: number | undefined;
83
83
  'aria-live'?: "off" | "assertive" | "polite" | undefined;
84
- 'aria-modal'?: boolean | "true" | "false" | undefined;
85
- 'aria-multiline'?: boolean | "true" | "false" | undefined;
86
- 'aria-multiselectable'?: boolean | "true" | "false" | undefined;
84
+ 'aria-modal'?: boolean | "false" | "true" | undefined;
85
+ 'aria-multiline'?: boolean | "false" | "true" | undefined;
86
+ 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
87
87
  'aria-orientation'?: "horizontal" | "vertical" | undefined;
88
88
  'aria-owns'?: string | undefined;
89
89
  'aria-placeholder'?: string | undefined;
90
90
  'aria-posinset'?: number | undefined;
91
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
92
- 'aria-readonly'?: boolean | "true" | "false" | undefined;
91
+ 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
92
+ 'aria-readonly'?: boolean | "false" | "true" | undefined;
93
93
  'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
94
- 'aria-required'?: boolean | "true" | "false" | undefined;
94
+ 'aria-required'?: boolean | "false" | "true" | undefined;
95
95
  'aria-roledescription'?: string | undefined;
96
96
  'aria-rowcount'?: number | undefined;
97
97
  'aria-rowindex'?: number | undefined;
98
98
  'aria-rowspan'?: number | undefined;
99
- 'aria-selected'?: boolean | "true" | "false" | undefined;
99
+ 'aria-selected'?: boolean | "false" | "true" | undefined;
100
100
  'aria-setsize'?: number | undefined;
101
101
  'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
102
102
  'aria-valuemax'?: number | undefined;
@@ -275,7 +275,7 @@ declare const ButtonInvisible: import("styled-components").StyledComponent<"butt
275
275
  formMethod?: string | undefined;
276
276
  formNoValidate?: boolean | undefined;
277
277
  formTarget?: string | undefined;
278
- variant?: "small" | "large" | "medium" | undefined;
278
+ variant?: "small" | "medium" | "large" | undefined;
279
279
  as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
280
280
  } & {
281
281
  theme?: any;
package/lib/Button/ButtonOutline.d.ts CHANGED
@@ -3,14 +3,15 @@ import { SxProp } from '../sx';
3
3
  import { ComponentProps } from '../utils/types';
4
4
  declare const ButtonOutline: import("styled-components").StyledComponent<"button", any, {
5
5
  as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
6
- variant?: "small" | "large" | "medium" | undefined;
6
+ variant?: "small" | "medium" | "large" | undefined;
7
7
  } & import("styled-system").FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
8
8
  color?: string | undefined;
9
9
  fontSize?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
10
10
  translate?: "yes" | "no" | undefined;
11
+ hidden?: boolean | undefined;
12
+ style?: import("react").CSSProperties | undefined;
11
13
  form?: string | undefined;
12
14
  slot?: string | undefined;
13
- style?: import("react").CSSProperties | undefined;
14
15
  title?: string | undefined;
15
16
  ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
16
17
  type?: "button" | "reset" | "submit" | undefined;
@@ -22,15 +23,14 @@ declare const ButtonOutline: import("styled-components").StyledComponent<"button
22
23
  suppressHydrationWarning?: boolean | undefined;
23
24
  accessKey?: string | undefined;
24
25
  className?: string | undefined;
25
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
26
+ contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
26
27
  contextMenu?: string | undefined;
27
28
  dir?: string | undefined;
28
- draggable?: (boolean | "true" | "false") | undefined;
29
- hidden?: boolean | undefined;
29
+ draggable?: (boolean | "false" | "true") | undefined;
30
30
  id?: string | undefined;
31
31
  lang?: string | undefined;
32
32
  placeholder?: string | undefined;
33
- spellCheck?: (boolean | "true" | "false") | undefined;
33
+ spellCheck?: (boolean | "false" | "true") | undefined;
34
34
  tabIndex?: number | undefined;
35
35
  radioGroup?: string | undefined;
36
36
  role?: import("react").AriaRole | undefined;
@@ -53,50 +53,50 @@ declare const ButtonOutline: import("styled-components").StyledComponent<"button
53
53
  results?: number | undefined;
54
54
  security?: string | undefined;
55
55
  unselectable?: "on" | "off" | undefined;
56
- inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
56
+ inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
57
57
  is?: string | undefined;
58
58
  'aria-activedescendant'?: string | undefined;
59
- 'aria-atomic'?: boolean | "true" | "false" | undefined;
60
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
61
- 'aria-busy'?: boolean | "true" | "false" | undefined;
62
- 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
59
+ 'aria-atomic'?: boolean | "false" | "true" | undefined;
60
+ 'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
61
+ 'aria-busy'?: boolean | "false" | "true" | undefined;
62
+ 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
63
63
  'aria-colcount'?: number | undefined;
64
64
  'aria-colindex'?: number | undefined;
65
65
  'aria-colspan'?: number | undefined;
66
66
  'aria-controls'?: string | undefined;
67
- 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
67
+ 'aria-current'?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
68
68
  'aria-describedby'?: string | undefined;
69
69
  'aria-details'?: string | undefined;
70
- 'aria-disabled'?: boolean | "true" | "false" | undefined;
70
+ 'aria-disabled'?: boolean | "false" | "true" | undefined;
71
71
  'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
72
72
  'aria-errormessage'?: string | undefined;
73
- 'aria-expanded'?: boolean | "true" | "false" | undefined;
73
+ 'aria-expanded'?: boolean | "false" | "true" | undefined;
74
74
  'aria-flowto'?: string | undefined;
75
- 'aria-grabbed'?: boolean | "true" | "false" | undefined;
76
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "listbox" | "menu" | "tree" | "true" | "false" | undefined;
77
- 'aria-hidden'?: boolean | "true" | "false" | undefined;
78
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
75
+ 'aria-grabbed'?: boolean | "false" | "true" | undefined;
76
+ 'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
77
+ 'aria-hidden'?: boolean | "false" | "true" | undefined;
78
+ 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
79
79
  'aria-keyshortcuts'?: string | undefined;
80
80
  'aria-label'?: string | undefined;
81
81
  'aria-labelledby'?: string | undefined;
82
82
  'aria-level'?: number | undefined;
83
83
  'aria-live'?: "off" | "assertive" | "polite" | undefined;
84
- 'aria-modal'?: boolean | "true" | "false" | undefined;
85
- 'aria-multiline'?: boolean | "true" | "false" | undefined;
86
- 'aria-multiselectable'?: boolean | "true" | "false" | undefined;
84
+ 'aria-modal'?: boolean | "false" | "true" | undefined;
85
+ 'aria-multiline'?: boolean | "false" | "true" | undefined;
86
+ 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
87
87
  'aria-orientation'?: "horizontal" | "vertical" | undefined;
88
88
  'aria-owns'?: string | undefined;
89
89
  'aria-placeholder'?: string | undefined;
90
90
  'aria-posinset'?: number | undefined;
91
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
92
- 'aria-readonly'?: boolean | "true" | "false" | undefined;
91
+ 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
92
+ 'aria-readonly'?: boolean | "false" | "true" | undefined;
93
93
  'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
94
- 'aria-required'?: boolean | "true" | "false" | undefined;
94
+ 'aria-required'?: boolean | "false" | "true" | undefined;
95
95
  'aria-roledescription'?: string | undefined;
96
96
  'aria-rowcount'?: number | undefined;
97
97
  'aria-rowindex'?: number | undefined;
98
98
  'aria-rowspan'?: number | undefined;
99
- 'aria-selected'?: boolean | "true" | "false" | undefined;
99
+ 'aria-selected'?: boolean | "false" | "true" | undefined;
100
100
  'aria-setsize'?: number | undefined;
101
101
  'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
102
102
  'aria-valuemax'?: number | undefined;
@@ -275,7 +275,7 @@ declare const ButtonOutline: import("styled-components").StyledComponent<"button
275
275
  formMethod?: string | undefined;
276
276
  formNoValidate?: boolean | undefined;
277
277
  formTarget?: string | undefined;
278
- variant?: "small" | "large" | "medium" | undefined;
278
+ variant?: "small" | "medium" | "large" | undefined;
279
279
  as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
280
280
  } & {
281
281
  theme?: any;
package/lib/Button/ButtonPrimary.d.ts CHANGED
@@ -3,14 +3,15 @@ import { SxProp } from '../sx';
3
3
  import { ComponentProps } from '../utils/types';
4
4
  export declare const ButtonPrimary: import("styled-components").StyledComponent<"button", any, {
5
5
  as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
6
- variant?: "small" | "large" | "medium" | undefined;
6
+ variant?: "small" | "medium" | "large" | undefined;
7
7
  } & import("styled-system").FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
8
8
  color?: string | undefined;
9
9
  fontSize?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
10
10
  translate?: "yes" | "no" | undefined;
11
+ hidden?: boolean | undefined;
12
+ style?: import("react").CSSProperties | undefined;
11
13
  form?: string | undefined;
12
14
  slot?: string | undefined;
13
- style?: import("react").CSSProperties | undefined;
14
15
  title?: string | undefined;
15
16
  ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
16
17
  type?: "button" | "reset" | "submit" | undefined;
@@ -22,15 +23,14 @@ export declare const ButtonPrimary: import("styled-components").StyledComponent<
22
23
  suppressHydrationWarning?: boolean | undefined;
23
24
  accessKey?: string | undefined;
24
25
  className?: string | undefined;
25
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
26
+ contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
26
27
  contextMenu?: string | undefined;
27
28
  dir?: string | undefined;
28
- draggable?: (boolean | "true" | "false") | undefined;
29
- hidden?: boolean | undefined;
29
+ draggable?: (boolean | "false" | "true") | undefined;
30
30
  id?: string | undefined;
31
31
  lang?: string | undefined;
32
32
  placeholder?: string | undefined;
33
- spellCheck?: (boolean | "true" | "false") | undefined;
33
+ spellCheck?: (boolean | "false" | "true") | undefined;
34
34
  tabIndex?: number | undefined;
35
35
  radioGroup?: string | undefined;
36
36
  role?: import("react").AriaRole | undefined;
@@ -53,50 +53,50 @@ export declare const ButtonPrimary: import("styled-components").StyledComponent<
53
53
  results?: number | undefined;
54
54
  security?: string | undefined;
55
55
  unselectable?: "on" | "off" | undefined;
56
- inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
56
+ inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
57
57
  is?: string | undefined;
58
58
  'aria-activedescendant'?: string | undefined;
59
- 'aria-atomic'?: boolean | "true" | "false" | undefined;
60
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
61
- 'aria-busy'?: boolean | "true" | "false" | undefined;
62
- 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
59
+ 'aria-atomic'?: boolean | "false" | "true" | undefined;
60
+ 'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
61
+ 'aria-busy'?: boolean | "false" | "true" | undefined;
62
+ 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
63
63
  'aria-colcount'?: number | undefined;
64
64
  'aria-colindex'?: number | undefined;
65
65
  'aria-colspan'?: number | undefined;
66
66
  'aria-controls'?: string | undefined;
67
- 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
67
+ 'aria-current'?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
68
68
  'aria-describedby'?: string | undefined;
69
69
  'aria-details'?: string | undefined;
70
- 'aria-disabled'?: boolean | "true" | "false" | undefined;
70
+ 'aria-disabled'?: boolean | "false" | "true" | undefined;
71
71
  'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
72
72
  'aria-errormessage'?: string | undefined;
73
- 'aria-expanded'?: boolean | "true" | "false" | undefined;
73
+ 'aria-expanded'?: boolean | "false" | "true" | undefined;
74
74
  'aria-flowto'?: string | undefined;
75
- 'aria-grabbed'?: boolean | "true" | "false" | undefined;
76
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "listbox" | "menu" | "tree" | "true" | "false" | undefined;
77
- 'aria-hidden'?: boolean | "true" | "false" | undefined;
78
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
75
+ 'aria-grabbed'?: boolean | "false" | "true" | undefined;
76
+ 'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
77
+ 'aria-hidden'?: boolean | "false" | "true" | undefined;
78
+ 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
79
79
  'aria-keyshortcuts'?: string | undefined;
80
80
  'aria-label'?: string | undefined;
81
81
  'aria-labelledby'?: string | undefined;
82
82
  'aria-level'?: number | undefined;
83
83
  'aria-live'?: "off" | "assertive" | "polite" | undefined;
84
- 'aria-modal'?: boolean | "true" | "false" | undefined;
85
- 'aria-multiline'?: boolean | "true" | "false" | undefined;
86
- 'aria-multiselectable'?: boolean | "true" | "false" | undefined;
84
+ 'aria-modal'?: boolean | "false" | "true" | undefined;
85
+ 'aria-multiline'?: boolean | "false" | "true" | undefined;
86
+ 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
87
87
  'aria-orientation'?: "horizontal" | "vertical" | undefined;
88
88
  'aria-owns'?: string | undefined;
89
89
  'aria-placeholder'?: string | undefined;
90
90
  'aria-posinset'?: number | undefined;
91
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
92
- 'aria-readonly'?: boolean | "true" | "false" | undefined;
91
+ 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
92
+ 'aria-readonly'?: boolean | "false" | "true" | undefined;
93
93
  'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
94
- 'aria-required'?: boolean | "true" | "false" | undefined;
94
+ 'aria-required'?: boolean | "false" | "true" | undefined;
95
95
  'aria-roledescription'?: string | undefined;
96
96
  'aria-rowcount'?: number | undefined;
97
97
  'aria-rowindex'?: number | undefined;
98
98
  'aria-rowspan'?: number | undefined;
99
- 'aria-selected'?: boolean | "true" | "false" | undefined;
99
+ 'aria-selected'?: boolean | "false" | "true" | undefined;
100
100
  'aria-setsize'?: number | undefined;
101
101
  'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
102
102
  'aria-valuemax'?: number | undefined;
@@ -275,7 +275,7 @@ export declare const ButtonPrimary: import("styled-components").StyledComponent<
275
275
  formMethod?: string | undefined;
276
276
  formNoValidate?: boolean | undefined;
277
277
  formTarget?: string | undefined;
278
- variant?: "small" | "large" | "medium" | undefined;
278
+ variant?: "small" | "medium" | "large" | undefined;
279
279
  as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
280
280
  } & {
281
281
  theme?: any;
package/lib/Button/ButtonStyles.js CHANGED
@@ -9,6 +9,6 @@ var _styledComponents = require("styled-components");
9
9
 
10
10
  var _constants = require("../constants");
11
11
 
12
- var _default = (0, _styledComponents.css)(["position:relative;display:inline-block;font-family:inherit;font-weight:", ";line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;border-radius:", ";appearance:none;text-decoration:none;text-align:center;&:hover{text-decoration:none;}&:focus{outline:none;}&:disabled{cursor:default;}&:disabled svg{opacity:0.6;}"], (0, _constants.get)('fontWeights.bold'), (0, _constants.get)('radii.2'));
12
+ var _default = (0, _styledComponents.css)(["position:relative;display:inline-block;padding:6px 16px;font-family:inherit;font-weight:", ";line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;border-radius:", ";appearance:none;text-decoration:none;text-align:center;&:hover{text-decoration:none;}&:focus{outline:none;}&:disabled{cursor:default;}&:disabled svg{opacity:0.6;}"], (0, _constants.get)('fontWeights.bold'), (0, _constants.get)('radii.2'));
13
13
 
14
14
  exports.default = _default;
package/lib/CircleBadge.d.ts CHANGED
@@ -5,7 +5,7 @@ import { SxProp } from './sx';
5
5
  import { ComponentProps } from './utils/types';
6
6
  declare const CircleBadge: import("styled-components").StyledComponent<"div", any, {
7
7
  inline?: boolean | undefined;
8
- variant?: "small" | "large" | "medium" | undefined;
8
+ variant?: "small" | "medium" | "large" | undefined;
9
9
  size?: number | undefined;
10
10
  } & SystemCommonProps & SxProp, never>;
11
11
  declare const CircleBadgeIcon: import("styled-components").StyledComponent<({ icon: IconComponent, ...rest }: {
@@ -15,7 +15,7 @@ export declare type CircleBadgeProps = ComponentProps<typeof CircleBadge>;
15
15
  export declare type CircleBadgeIconProps = ComponentProps<typeof CircleBadgeIcon>;
16
16
  declare const _default: string & import("styled-components").StyledComponentBase<"div", any, {
17
17
  inline?: boolean | undefined;
18
- variant?: "small" | "large" | "medium" | undefined;
18
+ variant?: "small" | "medium" | "large" | undefined;
19
19
  size?: number | undefined;
20
20
  } & SystemCommonProps & SxProp, never> & import("hoist-non-react-statics").NonReactStatics<never, {}> & {
21
21
  Icon: import("styled-components").StyledComponent<({ icon: IconComponent, ...rest }: {