@primer/components 0.0.0-2021929142717 → 0.0.0-2021929153151

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 (68) hide show
  1. package/CHANGELOG.md +4 -2
  2. package/dist/browser.esm.js.map +1 -1
  3. package/dist/browser.umd.js.map +1 -1
  4. package/lib/Autocomplete/Autocomplete.d.ts +27 -27
  5. package/lib/Autocomplete/AutocompleteInput.d.ts +27 -27
  6. package/lib/Button/Button.d.ts +25 -25
  7. package/lib/Button/ButtonBase.d.ts +1 -1
  8. package/lib/Button/ButtonClose.d.ts +26 -26
  9. package/lib/Button/ButtonDanger.d.ts +25 -25
  10. package/lib/Button/ButtonInvisible.d.ts +25 -25
  11. package/lib/Button/ButtonOutline.d.ts +25 -25
  12. package/lib/Button/ButtonPrimary.d.ts +25 -25
  13. package/lib/CircleBadge.d.ts +2 -2
  14. package/lib/CircleOcticon.d.ts +25 -25
  15. package/lib/Dialog.d.ts +28 -28
  16. package/lib/Dropdown.d.ts +102 -102
  17. package/lib/DropdownMenu/DropdownButton.d.ts +27 -27
  18. package/lib/FilterList.d.ts +24 -24
  19. package/lib/Flash.d.ts +1 -1
  20. package/lib/Label.d.ts +1 -1
  21. package/lib/Position.d.ts +4 -4
  22. package/lib/ProgressBar.d.ts +1 -1
  23. package/lib/SelectMenu/SelectMenu.d.ts +152 -152
  24. package/lib/SelectMenu/SelectMenuItem.d.ts +1 -1
  25. package/lib/TextInputWithTokens.d.ts +27 -27
  26. package/lib/Timeline.d.ts +26 -26
  27. package/lib/Token/AvatarToken.d.ts +1 -1
  28. package/lib/Token/IssueLabelToken.d.ts +1 -1
  29. package/lib/Token/Token.d.ts +1 -1
  30. package/lib/_TextInputWrapper.d.ts +1 -1
  31. package/lib/sx.d.ts +8 -2
  32. package/lib/theme.d.ts +78 -0
  33. package/lib/theme.js +3 -1
  34. package/lib/utils/types/KeyPaths.d.ts +3 -0
  35. package/lib/utils/types/KeyPaths.js +1 -0
  36. package/lib-esm/Autocomplete/Autocomplete.d.ts +27 -27
  37. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +27 -27
  38. package/lib-esm/Button/Button.d.ts +25 -25
  39. package/lib-esm/Button/ButtonBase.d.ts +1 -1
  40. package/lib-esm/Button/ButtonClose.d.ts +26 -26
  41. package/lib-esm/Button/ButtonDanger.d.ts +25 -25
  42. package/lib-esm/Button/ButtonInvisible.d.ts +25 -25
  43. package/lib-esm/Button/ButtonOutline.d.ts +25 -25
  44. package/lib-esm/Button/ButtonPrimary.d.ts +25 -25
  45. package/lib-esm/CircleBadge.d.ts +2 -2
  46. package/lib-esm/CircleOcticon.d.ts +25 -25
  47. package/lib-esm/Dialog.d.ts +28 -28
  48. package/lib-esm/Dropdown.d.ts +102 -102
  49. package/lib-esm/DropdownMenu/DropdownButton.d.ts +27 -27
  50. package/lib-esm/FilterList.d.ts +24 -24
  51. package/lib-esm/Flash.d.ts +1 -1
  52. package/lib-esm/Label.d.ts +1 -1
  53. package/lib-esm/Position.d.ts +4 -4
  54. package/lib-esm/ProgressBar.d.ts +1 -1
  55. package/lib-esm/SelectMenu/SelectMenu.d.ts +152 -152
  56. package/lib-esm/SelectMenu/SelectMenuItem.d.ts +1 -1
  57. package/lib-esm/TextInputWithTokens.d.ts +27 -27
  58. package/lib-esm/Timeline.d.ts +26 -26
  59. package/lib-esm/Token/AvatarToken.d.ts +1 -1
  60. package/lib-esm/Token/IssueLabelToken.d.ts +1 -1
  61. package/lib-esm/Token/Token.d.ts +1 -1
  62. package/lib-esm/_TextInputWrapper.d.ts +1 -1
  63. package/lib-esm/sx.d.ts +8 -2
  64. package/lib-esm/theme.d.ts +78 -0
  65. package/lib-esm/theme.js +2 -1
  66. package/lib-esm/utils/types/KeyPaths.d.ts +3 -0
  67. package/lib-esm/utils/types/KeyPaths.js +1 -0
  68. package/package.json +1 -1
package/lib/Button/ButtonDanger.d.ts CHANGED
@@ -3,7 +3,7 @@ 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?: "large" | "medium" | "small" | 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;
@@ -25,14 +25,14 @@ declare const ButtonDanger: import("styled-components").StyledComponent<"button"
25
25
  suppressHydrationWarning?: boolean | undefined;
26
26
  accessKey?: string | undefined;
27
27
  className?: string | undefined;
28
- contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
28
+ contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
29
29
  contextMenu?: string | undefined;
30
30
  dir?: string | undefined;
31
- draggable?: (boolean | "true" | "false") | undefined;
31
+ draggable?: (boolean | "false" | "true") | undefined;
32
32
  id?: string | undefined;
33
33
  lang?: string | undefined;
34
34
  placeholder?: string | undefined;
35
- spellCheck?: (boolean | "true" | "false") | undefined;
35
+ spellCheck?: (boolean | "false" | "true") | undefined;
36
36
  tabIndex?: number | undefined;
37
37
  radioGroup?: string | undefined;
38
38
  role?: import("react").AriaRole | undefined;
@@ -55,50 +55,50 @@ declare const ButtonDanger: import("styled-components").StyledComponent<"button"
55
55
  results?: number | undefined;
56
56
  security?: string | undefined;
57
57
  unselectable?: "on" | "off" | undefined;
58
- inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
58
+ inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
59
59
  is?: string | undefined;
60
60
  'aria-activedescendant'?: string | undefined;
61
- 'aria-atomic'?: boolean | "true" | "false" | undefined;
62
- 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
63
- 'aria-busy'?: boolean | "true" | "false" | undefined;
64
- 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
61
+ 'aria-atomic'?: boolean | "false" | "true" | undefined;
62
+ 'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
63
+ 'aria-busy'?: boolean | "false" | "true" | undefined;
64
+ 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
65
65
  'aria-colcount'?: number | undefined;
66
66
  'aria-colindex'?: number | undefined;
67
67
  'aria-colspan'?: number | undefined;
68
68
  'aria-controls'?: string | undefined;
69
- 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
69
+ 'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
70
70
  'aria-describedby'?: string | undefined;
71
71
  'aria-details'?: string | undefined;
72
- 'aria-disabled'?: boolean | "true" | "false" | undefined;
73
- 'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
72
+ 'aria-disabled'?: boolean | "false" | "true" | undefined;
73
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
74
74
  'aria-errormessage'?: string | undefined;
75
- 'aria-expanded'?: boolean | "true" | "false" | undefined;
75
+ 'aria-expanded'?: boolean | "false" | "true" | undefined;
76
76
  'aria-flowto'?: string | undefined;
77
- 'aria-grabbed'?: boolean | "true" | "false" | undefined;
78
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "tree" | "true" | "false" | undefined;
79
- 'aria-hidden'?: boolean | "true" | "false" | undefined;
80
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
77
+ 'aria-grabbed'?: boolean | "false" | "true" | undefined;
78
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
79
+ 'aria-hidden'?: boolean | "false" | "true" | undefined;
80
+ 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
81
81
  'aria-keyshortcuts'?: string | undefined;
82
82
  'aria-label'?: string | undefined;
83
83
  'aria-labelledby'?: string | undefined;
84
84
  'aria-level'?: number | undefined;
85
85
  'aria-live'?: "off" | "assertive" | "polite" | undefined;
86
- 'aria-modal'?: boolean | "true" | "false" | undefined;
87
- 'aria-multiline'?: boolean | "true" | "false" | undefined;
88
- 'aria-multiselectable'?: boolean | "true" | "false" | undefined;
86
+ 'aria-modal'?: boolean | "false" | "true" | undefined;
87
+ 'aria-multiline'?: boolean | "false" | "true" | undefined;
88
+ 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
89
89
  'aria-orientation'?: "horizontal" | "vertical" | undefined;
90
90
  'aria-owns'?: string | undefined;
91
91
  'aria-placeholder'?: string | undefined;
92
92
  'aria-posinset'?: number | undefined;
93
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
94
- 'aria-readonly'?: boolean | "true" | "false" | undefined;
93
+ 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
94
+ 'aria-readonly'?: boolean | "false" | "true" | undefined;
95
95
  'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
96
- 'aria-required'?: boolean | "true" | "false" | undefined;
96
+ 'aria-required'?: boolean | "false" | "true" | undefined;
97
97
  'aria-roledescription'?: string | undefined;
98
98
  'aria-rowcount'?: number | undefined;
99
99
  'aria-rowindex'?: number | undefined;
100
100
  'aria-rowspan'?: number | undefined;
101
- 'aria-selected'?: boolean | "true" | "false" | undefined;
101
+ 'aria-selected'?: boolean | "false" | "true" | undefined;
102
102
  'aria-setsize'?: number | undefined;
103
103
  'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
104
104
  'aria-valuemax'?: number | undefined;
@@ -268,7 +268,7 @@ declare const ButtonDanger: import("styled-components").StyledComponent<"button"
268
268
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
269
269
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
270
270
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
271
- variant?: "large" | "medium" | "small" | undefined;
271
+ variant?: "small" | "medium" | "large" | undefined;
272
272
  as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
273
273
  disabled?: boolean | undefined;
274
274
  autoFocus?: boolean | undefined;
package/lib/Button/ButtonInvisible.d.ts CHANGED
@@ -3,7 +3,7 @@ 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?: "large" | "medium" | "small" | 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;
@@ -25,14 +25,14 @@ declare const ButtonInvisible: import("styled-components").StyledComponent<"butt
25
25
  suppressHydrationWarning?: boolean | undefined;
26
26
  accessKey?: string | undefined;
27
27
  className?: string | undefined;
28
- contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
28
+ contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
29
29
  contextMenu?: string | undefined;
30
30
  dir?: string | undefined;
31
- draggable?: (boolean | "true" | "false") | undefined;
31
+ draggable?: (boolean | "false" | "true") | undefined;
32
32
  id?: string | undefined;
33
33
  lang?: string | undefined;
34
34
  placeholder?: string | undefined;
35
- spellCheck?: (boolean | "true" | "false") | undefined;
35
+ spellCheck?: (boolean | "false" | "true") | undefined;
36
36
  tabIndex?: number | undefined;
37
37
  radioGroup?: string | undefined;
38
38
  role?: import("react").AriaRole | undefined;
@@ -55,50 +55,50 @@ declare const ButtonInvisible: import("styled-components").StyledComponent<"butt
55
55
  results?: number | undefined;
56
56
  security?: string | undefined;
57
57
  unselectable?: "on" | "off" | undefined;
58
- inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
58
+ inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
59
59
  is?: string | undefined;
60
60
  'aria-activedescendant'?: string | undefined;
61
- 'aria-atomic'?: boolean | "true" | "false" | undefined;
62
- 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
63
- 'aria-busy'?: boolean | "true" | "false" | undefined;
64
- 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
61
+ 'aria-atomic'?: boolean | "false" | "true" | undefined;
62
+ 'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
63
+ 'aria-busy'?: boolean | "false" | "true" | undefined;
64
+ 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
65
65
  'aria-colcount'?: number | undefined;
66
66
  'aria-colindex'?: number | undefined;
67
67
  'aria-colspan'?: number | undefined;
68
68
  'aria-controls'?: string | undefined;
69
- 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
69
+ 'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
70
70
  'aria-describedby'?: string | undefined;
71
71
  'aria-details'?: string | undefined;
72
- 'aria-disabled'?: boolean | "true" | "false" | undefined;
73
- 'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
72
+ 'aria-disabled'?: boolean | "false" | "true" | undefined;
73
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
74
74
  'aria-errormessage'?: string | undefined;
75
- 'aria-expanded'?: boolean | "true" | "false" | undefined;
75
+ 'aria-expanded'?: boolean | "false" | "true" | undefined;
76
76
  'aria-flowto'?: string | undefined;
77
- 'aria-grabbed'?: boolean | "true" | "false" | undefined;
78
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "tree" | "true" | "false" | undefined;
79
- 'aria-hidden'?: boolean | "true" | "false" | undefined;
80
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
77
+ 'aria-grabbed'?: boolean | "false" | "true" | undefined;
78
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
79
+ 'aria-hidden'?: boolean | "false" | "true" | undefined;
80
+ 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
81
81
  'aria-keyshortcuts'?: string | undefined;
82
82
  'aria-label'?: string | undefined;
83
83
  'aria-labelledby'?: string | undefined;
84
84
  'aria-level'?: number | undefined;
85
85
  'aria-live'?: "off" | "assertive" | "polite" | undefined;
86
- 'aria-modal'?: boolean | "true" | "false" | undefined;
87
- 'aria-multiline'?: boolean | "true" | "false" | undefined;
88
- 'aria-multiselectable'?: boolean | "true" | "false" | undefined;
86
+ 'aria-modal'?: boolean | "false" | "true" | undefined;
87
+ 'aria-multiline'?: boolean | "false" | "true" | undefined;
88
+ 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
89
89
  'aria-orientation'?: "horizontal" | "vertical" | undefined;
90
90
  'aria-owns'?: string | undefined;
91
91
  'aria-placeholder'?: string | undefined;
92
92
  'aria-posinset'?: number | undefined;
93
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
94
- 'aria-readonly'?: boolean | "true" | "false" | undefined;
93
+ 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
94
+ 'aria-readonly'?: boolean | "false" | "true" | undefined;
95
95
  'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
96
- 'aria-required'?: boolean | "true" | "false" | undefined;
96
+ 'aria-required'?: boolean | "false" | "true" | undefined;
97
97
  'aria-roledescription'?: string | undefined;
98
98
  'aria-rowcount'?: number | undefined;
99
99
  'aria-rowindex'?: number | undefined;
100
100
  'aria-rowspan'?: number | undefined;
101
- 'aria-selected'?: boolean | "true" | "false" | undefined;
101
+ 'aria-selected'?: boolean | "false" | "true" | undefined;
102
102
  'aria-setsize'?: number | undefined;
103
103
  'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
104
104
  'aria-valuemax'?: number | undefined;
@@ -268,7 +268,7 @@ declare const ButtonInvisible: import("styled-components").StyledComponent<"butt
268
268
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
269
269
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
270
270
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
271
- variant?: "large" | "medium" | "small" | undefined;
271
+ variant?: "small" | "medium" | "large" | undefined;
272
272
  as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
273
273
  disabled?: boolean | undefined;
274
274
  autoFocus?: boolean | undefined;
package/lib/Button/ButtonOutline.d.ts CHANGED
@@ -3,7 +3,7 @@ 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?: "large" | "medium" | "small" | 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;
@@ -25,14 +25,14 @@ declare const ButtonOutline: import("styled-components").StyledComponent<"button
25
25
  suppressHydrationWarning?: boolean | undefined;
26
26
  accessKey?: string | undefined;
27
27
  className?: string | undefined;
28
- contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
28
+ contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
29
29
  contextMenu?: string | undefined;
30
30
  dir?: string | undefined;
31
- draggable?: (boolean | "true" | "false") | undefined;
31
+ draggable?: (boolean | "false" | "true") | undefined;
32
32
  id?: string | undefined;
33
33
  lang?: string | undefined;
34
34
  placeholder?: string | undefined;
35
- spellCheck?: (boolean | "true" | "false") | undefined;
35
+ spellCheck?: (boolean | "false" | "true") | undefined;
36
36
  tabIndex?: number | undefined;
37
37
  radioGroup?: string | undefined;
38
38
  role?: import("react").AriaRole | undefined;
@@ -55,50 +55,50 @@ declare const ButtonOutline: import("styled-components").StyledComponent<"button
55
55
  results?: number | undefined;
56
56
  security?: string | undefined;
57
57
  unselectable?: "on" | "off" | undefined;
58
- inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
58
+ inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
59
59
  is?: string | undefined;
60
60
  'aria-activedescendant'?: string | undefined;
61
- 'aria-atomic'?: boolean | "true" | "false" | undefined;
62
- 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
63
- 'aria-busy'?: boolean | "true" | "false" | undefined;
64
- 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
61
+ 'aria-atomic'?: boolean | "false" | "true" | undefined;
62
+ 'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
63
+ 'aria-busy'?: boolean | "false" | "true" | undefined;
64
+ 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
65
65
  'aria-colcount'?: number | undefined;
66
66
  'aria-colindex'?: number | undefined;
67
67
  'aria-colspan'?: number | undefined;
68
68
  'aria-controls'?: string | undefined;
69
- 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
69
+ 'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
70
70
  'aria-describedby'?: string | undefined;
71
71
  'aria-details'?: string | undefined;
72
- 'aria-disabled'?: boolean | "true" | "false" | undefined;
73
- 'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
72
+ 'aria-disabled'?: boolean | "false" | "true" | undefined;
73
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
74
74
  'aria-errormessage'?: string | undefined;
75
- 'aria-expanded'?: boolean | "true" | "false" | undefined;
75
+ 'aria-expanded'?: boolean | "false" | "true" | undefined;
76
76
  'aria-flowto'?: string | undefined;
77
- 'aria-grabbed'?: boolean | "true" | "false" | undefined;
78
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "tree" | "true" | "false" | undefined;
79
- 'aria-hidden'?: boolean | "true" | "false" | undefined;
80
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
77
+ 'aria-grabbed'?: boolean | "false" | "true" | undefined;
78
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
79
+ 'aria-hidden'?: boolean | "false" | "true" | undefined;
80
+ 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
81
81
  'aria-keyshortcuts'?: string | undefined;
82
82
  'aria-label'?: string | undefined;
83
83
  'aria-labelledby'?: string | undefined;
84
84
  'aria-level'?: number | undefined;
85
85
  'aria-live'?: "off" | "assertive" | "polite" | undefined;
86
- 'aria-modal'?: boolean | "true" | "false" | undefined;
87
- 'aria-multiline'?: boolean | "true" | "false" | undefined;
88
- 'aria-multiselectable'?: boolean | "true" | "false" | undefined;
86
+ 'aria-modal'?: boolean | "false" | "true" | undefined;
87
+ 'aria-multiline'?: boolean | "false" | "true" | undefined;
88
+ 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
89
89
  'aria-orientation'?: "horizontal" | "vertical" | undefined;
90
90
  'aria-owns'?: string | undefined;
91
91
  'aria-placeholder'?: string | undefined;
92
92
  'aria-posinset'?: number | undefined;
93
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
94
- 'aria-readonly'?: boolean | "true" | "false" | undefined;
93
+ 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
94
+ 'aria-readonly'?: boolean | "false" | "true" | undefined;
95
95
  'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
96
- 'aria-required'?: boolean | "true" | "false" | undefined;
96
+ 'aria-required'?: boolean | "false" | "true" | undefined;
97
97
  'aria-roledescription'?: string | undefined;
98
98
  'aria-rowcount'?: number | undefined;
99
99
  'aria-rowindex'?: number | undefined;
100
100
  'aria-rowspan'?: number | undefined;
101
- 'aria-selected'?: boolean | "true" | "false" | undefined;
101
+ 'aria-selected'?: boolean | "false" | "true" | undefined;
102
102
  'aria-setsize'?: number | undefined;
103
103
  'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
104
104
  'aria-valuemax'?: number | undefined;
@@ -268,7 +268,7 @@ declare const ButtonOutline: import("styled-components").StyledComponent<"button
268
268
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
269
269
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
270
270
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
271
- variant?: "large" | "medium" | "small" | undefined;
271
+ variant?: "small" | "medium" | "large" | undefined;
272
272
  as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
273
273
  disabled?: boolean | undefined;
274
274
  autoFocus?: boolean | undefined;
package/lib/Button/ButtonPrimary.d.ts CHANGED
@@ -3,7 +3,7 @@ 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?: "large" | "medium" | "small" | 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;
@@ -25,14 +25,14 @@ export declare const ButtonPrimary: import("styled-components").StyledComponent<
25
25
  suppressHydrationWarning?: boolean | undefined;
26
26
  accessKey?: string | undefined;
27
27
  className?: string | undefined;
28
- contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
28
+ contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
29
29
  contextMenu?: string | undefined;
30
30
  dir?: string | undefined;
31
- draggable?: (boolean | "true" | "false") | undefined;
31
+ draggable?: (boolean | "false" | "true") | undefined;
32
32
  id?: string | undefined;
33
33
  lang?: string | undefined;
34
34
  placeholder?: string | undefined;
35
- spellCheck?: (boolean | "true" | "false") | undefined;
35
+ spellCheck?: (boolean | "false" | "true") | undefined;
36
36
  tabIndex?: number | undefined;
37
37
  radioGroup?: string | undefined;
38
38
  role?: import("react").AriaRole | undefined;
@@ -55,50 +55,50 @@ export declare const ButtonPrimary: import("styled-components").StyledComponent<
55
55
  results?: number | undefined;
56
56
  security?: string | undefined;
57
57
  unselectable?: "on" | "off" | undefined;
58
- inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
58
+ inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
59
59
  is?: string | undefined;
60
60
  'aria-activedescendant'?: string | undefined;
61
- 'aria-atomic'?: boolean | "true" | "false" | undefined;
62
- 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
63
- 'aria-busy'?: boolean | "true" | "false" | undefined;
64
- 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
61
+ 'aria-atomic'?: boolean | "false" | "true" | undefined;
62
+ 'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
63
+ 'aria-busy'?: boolean | "false" | "true" | undefined;
64
+ 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
65
65
  'aria-colcount'?: number | undefined;
66
66
  'aria-colindex'?: number | undefined;
67
67
  'aria-colspan'?: number | undefined;
68
68
  'aria-controls'?: string | undefined;
69
- 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
69
+ 'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
70
70
  'aria-describedby'?: string | undefined;
71
71
  'aria-details'?: string | undefined;
72
- 'aria-disabled'?: boolean | "true" | "false" | undefined;
73
- 'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
72
+ 'aria-disabled'?: boolean | "false" | "true" | undefined;
73
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
74
74
  'aria-errormessage'?: string | undefined;
75
- 'aria-expanded'?: boolean | "true" | "false" | undefined;
75
+ 'aria-expanded'?: boolean | "false" | "true" | undefined;
76
76
  'aria-flowto'?: string | undefined;
77
- 'aria-grabbed'?: boolean | "true" | "false" | undefined;
78
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "tree" | "true" | "false" | undefined;
79
- 'aria-hidden'?: boolean | "true" | "false" | undefined;
80
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
77
+ 'aria-grabbed'?: boolean | "false" | "true" | undefined;
78
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
79
+ 'aria-hidden'?: boolean | "false" | "true" | undefined;
80
+ 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
81
81
  'aria-keyshortcuts'?: string | undefined;
82
82
  'aria-label'?: string | undefined;
83
83
  'aria-labelledby'?: string | undefined;
84
84
  'aria-level'?: number | undefined;
85
85
  'aria-live'?: "off" | "assertive" | "polite" | undefined;
86
- 'aria-modal'?: boolean | "true" | "false" | undefined;
87
- 'aria-multiline'?: boolean | "true" | "false" | undefined;
88
- 'aria-multiselectable'?: boolean | "true" | "false" | undefined;
86
+ 'aria-modal'?: boolean | "false" | "true" | undefined;
87
+ 'aria-multiline'?: boolean | "false" | "true" | undefined;
88
+ 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
89
89
  'aria-orientation'?: "horizontal" | "vertical" | undefined;
90
90
  'aria-owns'?: string | undefined;
91
91
  'aria-placeholder'?: string | undefined;
92
92
  'aria-posinset'?: number | undefined;
93
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
94
- 'aria-readonly'?: boolean | "true" | "false" | undefined;
93
+ 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
94
+ 'aria-readonly'?: boolean | "false" | "true" | undefined;
95
95
  'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
96
- 'aria-required'?: boolean | "true" | "false" | undefined;
96
+ 'aria-required'?: boolean | "false" | "true" | undefined;
97
97
  'aria-roledescription'?: string | undefined;
98
98
  'aria-rowcount'?: number | undefined;
99
99
  'aria-rowindex'?: number | undefined;
100
100
  'aria-rowspan'?: number | undefined;
101
- 'aria-selected'?: boolean | "true" | "false" | undefined;
101
+ 'aria-selected'?: boolean | "false" | "true" | undefined;
102
102
  'aria-setsize'?: number | undefined;
103
103
  'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
104
104
  'aria-valuemax'?: number | undefined;
@@ -268,7 +268,7 @@ export declare const ButtonPrimary: import("styled-components").StyledComponent<
268
268
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
269
269
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
270
270
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
271
- variant?: "large" | "medium" | "small" | undefined;
271
+ variant?: "small" | "medium" | "large" | undefined;
272
272
  as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
273
273
  disabled?: boolean | undefined;
274
274
  autoFocus?: boolean | undefined;
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?: "large" | "medium" | "small" | 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?: "large" | "medium" | "small" | 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 }: {
package/lib/CircleOcticon.d.ts CHANGED
@@ -13,6 +13,7 @@ declare namespace CircleOcticon {
13
13
  var defaultProps: {
14
14
  size: number;
15
15
  lineHeight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
16
+ border?: import("styled-system").ResponsiveValue<import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
16
17
  alignContent?: import("styled-system").ResponsiveValue<import("csstype").Property.AlignContent, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
17
18
  alignItems?: import("styled-system").ResponsiveValue<import("csstype").Property.AlignItems, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
18
19
  alignSelf?: import("styled-system").ResponsiveValue<import("csstype").Property.AlignSelf, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
@@ -88,7 +89,6 @@ declare namespace CircleOcticon {
88
89
  zIndex?: import("styled-system").ResponsiveValue<import("csstype").Property.ZIndex, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
89
90
  background?: import("styled-system").ResponsiveValue<import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
90
91
  backgroundPosition?: import("styled-system").ResponsiveValue<import("csstype").Property.BackgroundPosition<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
91
- border?: import("styled-system").ResponsiveValue<import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
92
92
  borderBottom?: import("styled-system").ResponsiveValue<import("csstype").Property.BorderBottom<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
93
93
  borderColor?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
94
94
  borderLeft?: import("styled-system").ResponsiveValue<import("csstype").Property.BorderLeft<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
@@ -139,14 +139,14 @@ declare namespace CircleOcticon {
139
139
  suppressHydrationWarning?: boolean | undefined;
140
140
  accessKey?: string | undefined;
141
141
  className?: string | undefined;
142
- contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
142
+ contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
143
143
  contextMenu?: string | undefined;
144
144
  dir?: string | undefined;
145
- draggable?: (boolean | "true" | "false") | undefined;
145
+ draggable?: (boolean | "false" | "true") | undefined;
146
146
  id?: string | undefined;
147
147
  lang?: string | undefined;
148
148
  placeholder?: string | undefined;
149
- spellCheck?: (boolean | "true" | "false") | undefined;
149
+ spellCheck?: (boolean | "false" | "true") | undefined;
150
150
  tabIndex?: number | undefined;
151
151
  radioGroup?: string | undefined;
152
152
  role?: React.AriaRole | undefined;
@@ -169,50 +169,50 @@ declare namespace CircleOcticon {
169
169
  results?: number | undefined;
170
170
  security?: string | undefined;
171
171
  unselectable?: "on" | "off" | undefined;
172
- inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
172
+ inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
173
173
  is?: string | undefined;
174
174
  'aria-activedescendant'?: string | undefined;
175
- 'aria-atomic'?: boolean | "true" | "false" | undefined;
176
- 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
177
- 'aria-busy'?: boolean | "true" | "false" | undefined;
178
- 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
175
+ 'aria-atomic'?: boolean | "false" | "true" | undefined;
176
+ 'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
177
+ 'aria-busy'?: boolean | "false" | "true" | undefined;
178
+ 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
179
179
  'aria-colcount'?: number | undefined;
180
180
  'aria-colindex'?: number | undefined;
181
181
  'aria-colspan'?: number | undefined;
182
182
  'aria-controls'?: string | undefined;
183
- 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
183
+ 'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
184
184
  'aria-describedby'?: string | undefined;
185
185
  'aria-details'?: string | undefined;
186
- 'aria-disabled'?: boolean | "true" | "false" | undefined;
187
- 'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
186
+ 'aria-disabled'?: boolean | "false" | "true" | undefined;
187
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
188
188
  'aria-errormessage'?: string | undefined;
189
- 'aria-expanded'?: boolean | "true" | "false" | undefined;
189
+ 'aria-expanded'?: boolean | "false" | "true" | undefined;
190
190
  'aria-flowto'?: string | undefined;
191
- 'aria-grabbed'?: boolean | "true" | "false" | undefined;
192
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "tree" | "true" | "false" | undefined;
193
- 'aria-hidden'?: boolean | "true" | "false" | undefined;
194
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
191
+ 'aria-grabbed'?: boolean | "false" | "true" | undefined;
192
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
193
+ 'aria-hidden'?: boolean | "false" | "true" | undefined;
194
+ 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
195
195
  'aria-keyshortcuts'?: string | undefined;
196
196
  'aria-label'?: string | undefined;
197
197
  'aria-labelledby'?: string | undefined;
198
198
  'aria-level'?: number | undefined;
199
199
  'aria-live'?: "off" | "assertive" | "polite" | undefined;
200
- 'aria-modal'?: boolean | "true" | "false" | undefined;
201
- 'aria-multiline'?: boolean | "true" | "false" | undefined;
202
- 'aria-multiselectable'?: boolean | "true" | "false" | undefined;
200
+ 'aria-modal'?: boolean | "false" | "true" | undefined;
201
+ 'aria-multiline'?: boolean | "false" | "true" | undefined;
202
+ 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
203
203
  'aria-orientation'?: "horizontal" | "vertical" | undefined;
204
204
  'aria-owns'?: string | undefined;
205
205
  'aria-placeholder'?: string | undefined;
206
206
  'aria-posinset'?: number | undefined;
207
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
208
- 'aria-readonly'?: boolean | "true" | "false" | undefined;
207
+ 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
208
+ 'aria-readonly'?: boolean | "false" | "true" | undefined;
209
209
  'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
210
- 'aria-required'?: boolean | "true" | "false" | undefined;
210
+ 'aria-required'?: boolean | "false" | "true" | undefined;
211
211
  'aria-roledescription'?: string | undefined;
212
212
  'aria-rowcount'?: number | undefined;
213
213
  'aria-rowindex'?: number | undefined;
214
214
  'aria-rowspan'?: number | undefined;
215
- 'aria-selected'?: boolean | "true" | "false" | undefined;
215
+ 'aria-selected'?: boolean | "false" | "true" | undefined;
216
216
  'aria-setsize'?: number | undefined;
217
217
  'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
218
218
  'aria-valuemax'?: number | undefined;
@@ -384,7 +384,7 @@ declare namespace CircleOcticon {
384
384
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
385
385
  borderX?: import("styled-system").ResponsiveValue<import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
386
386
  borderY?: import("styled-system").ResponsiveValue<import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
387
- sx?: import("@styled-system/css").SystemStyleObject | undefined;
387
+ sx?: import("./sx").BetterSystemStyleObject | undefined;
388
388
  theme?: any;
389
389
  };
390
390
  }