@primer/components 0.0.0-202110322927 → 0.0.0-2021103235619

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 (140) hide show
  1. package/CHANGELOG.md +1 -29
  2. package/dist/browser.esm.js +50 -53
  3. package/dist/browser.esm.js.map +1 -1
  4. package/dist/browser.umd.js +80 -83
  5. package/dist/browser.umd.js.map +1 -1
  6. package/lib/ActionList/Header.js +1 -1
  7. package/lib/ActionList/Item.d.ts +0 -6
  8. package/lib/ActionList/Item.js +1 -5
  9. package/lib/AnchoredOverlay/AnchoredOverlay.d.ts +4 -2
  10. package/lib/Autocomplete/Autocomplete.d.ts +8 -6
  11. package/lib/Autocomplete/AutocompleteInput.d.ts +8 -6
  12. package/lib/Button/Button.d.ts +5 -5
  13. package/lib/Button/ButtonBase.d.ts +1 -1
  14. package/lib/Button/ButtonClose.d.ts +3 -3
  15. package/lib/Button/ButtonDanger.d.ts +5 -5
  16. package/lib/Button/ButtonInvisible.d.ts +5 -5
  17. package/lib/Button/ButtonOutline.d.ts +5 -5
  18. package/lib/Button/ButtonPrimary.d.ts +5 -5
  19. package/lib/CircleBadge.d.ts +2 -2
  20. package/lib/CircleOcticon.d.ts +4 -4
  21. package/lib/DatePicker/DatePicker.d.ts +52 -0
  22. package/lib/DatePicker/DatePicker.js +109 -0
  23. package/lib/DatePicker/DatePickerAnchor.d.ts +5 -0
  24. package/lib/DatePicker/DatePickerAnchor.js +202 -0
  25. package/lib/DatePicker/DatePickerOverlay.d.ts +3 -0
  26. package/lib/DatePicker/DatePickerOverlay.js +55 -0
  27. package/lib/DatePicker/DatePickerPanel.d.ts +2 -0
  28. package/lib/DatePicker/DatePickerPanel.js +363 -0
  29. package/lib/DatePicker/Day.d.ts +15 -0
  30. package/lib/DatePicker/Day.js +206 -0
  31. package/lib/DatePicker/Month.d.ts +8 -0
  32. package/lib/DatePicker/Month.js +122 -0
  33. package/lib/DatePicker/dateParser.d.ts +12 -0
  34. package/lib/DatePicker/dateParser.js +192 -0
  35. package/lib/DatePicker/index.d.ts +2 -0
  36. package/lib/DatePicker/index.js +13 -0
  37. package/lib/DatePicker/useDatePicker.d.ts +107 -0
  38. package/lib/DatePicker/useDatePicker.js +558 -0
  39. package/lib/Dialog.d.ts +4 -4
  40. package/lib/Dropdown.d.ts +16 -16
  41. package/lib/DropdownMenu/DropdownButton.d.ts +6 -6
  42. package/lib/FilterList.d.ts +3 -3
  43. package/lib/Flash.d.ts +1 -1
  44. package/lib/Label.d.ts +1 -1
  45. package/lib/Position.d.ts +4 -4
  46. package/lib/ProgressBar.d.ts +1 -1
  47. package/lib/SelectMenu/SelectMenu.d.ts +28 -26
  48. package/lib/SelectMenu/SelectMenuItem.d.ts +1 -1
  49. package/lib/SideNav.d.ts +8 -10
  50. package/lib/SideNav.js +15 -6
  51. package/lib/TextInputWithTokens.d.ts +8 -10
  52. package/lib/TextInputWithTokens.js +29 -102
  53. package/lib/Timeline.d.ts +4 -4
  54. package/lib/Token/AvatarToken.d.ts +1 -1
  55. package/lib/Token/IssueLabelToken.d.ts +1 -1
  56. package/lib/Token/Token.d.ts +1 -1
  57. package/lib/Token/Token.js +2 -13
  58. package/lib/Token/TokenBase.js +4 -0
  59. package/lib/Token/_RemoveTokenButton.js +2 -15
  60. package/lib/_TextInputWrapper.d.ts +1 -1
  61. package/lib/_TextInputWrapper.js +1 -1
  62. package/lib/hooks/useDebounce.d.ts +2 -0
  63. package/lib/hooks/useDebounce.js +24 -0
  64. package/lib/hooks/useResizeObserver.d.ts +1 -1
  65. package/lib/hooks/useResizeObserver.js +1 -1
  66. package/lib/sx.d.ts +2 -8
  67. package/lib/theme-preval.js +2 -2
  68. package/lib/theme.d.ts +0 -78
  69. package/lib/theme.js +1 -3
  70. package/lib/utils/testing.d.ts +1 -1
  71. package/lib-esm/ActionList/Header.js +1 -1
  72. package/lib-esm/ActionList/Item.d.ts +0 -6
  73. package/lib-esm/ActionList/Item.js +1 -5
  74. package/lib-esm/AnchoredOverlay/AnchoredOverlay.d.ts +4 -2
  75. package/lib-esm/Autocomplete/Autocomplete.d.ts +8 -6
  76. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +8 -6
  77. package/lib-esm/Button/Button.d.ts +5 -5
  78. package/lib-esm/Button/ButtonBase.d.ts +1 -1
  79. package/lib-esm/Button/ButtonClose.d.ts +3 -3
  80. package/lib-esm/Button/ButtonDanger.d.ts +5 -5
  81. package/lib-esm/Button/ButtonInvisible.d.ts +5 -5
  82. package/lib-esm/Button/ButtonOutline.d.ts +5 -5
  83. package/lib-esm/Button/ButtonPrimary.d.ts +5 -5
  84. package/lib-esm/CircleBadge.d.ts +2 -2
  85. package/lib-esm/CircleOcticon.d.ts +4 -4
  86. package/lib-esm/DatePicker/DatePicker.d.ts +52 -0
  87. package/lib-esm/DatePicker/DatePicker.js +92 -0
  88. package/lib-esm/DatePicker/DatePickerAnchor.d.ts +5 -0
  89. package/lib-esm/DatePicker/DatePickerAnchor.js +174 -0
  90. package/lib-esm/DatePicker/DatePickerOverlay.d.ts +3 -0
  91. package/lib-esm/DatePicker/DatePickerOverlay.js +40 -0
  92. package/lib-esm/DatePicker/DatePickerPanel.d.ts +2 -0
  93. package/lib-esm/DatePicker/DatePickerPanel.js +332 -0
  94. package/lib-esm/DatePicker/Day.d.ts +15 -0
  95. package/lib-esm/DatePicker/Day.js +182 -0
  96. package/lib-esm/DatePicker/Month.d.ts +8 -0
  97. package/lib-esm/DatePicker/Month.js +98 -0
  98. package/lib-esm/DatePicker/dateParser.d.ts +12 -0
  99. package/lib-esm/DatePicker/dateParser.js +178 -0
  100. package/lib-esm/DatePicker/index.d.ts +2 -0
  101. package/lib-esm/DatePicker/index.js +1 -0
  102. package/lib-esm/DatePicker/useDatePicker.d.ts +107 -0
  103. package/lib-esm/DatePicker/useDatePicker.js +523 -0
  104. package/lib-esm/Dialog.d.ts +4 -4
  105. package/lib-esm/Dropdown.d.ts +16 -16
  106. package/lib-esm/DropdownMenu/DropdownButton.d.ts +6 -6
  107. package/lib-esm/FilterList.d.ts +3 -3
  108. package/lib-esm/Flash.d.ts +1 -1
  109. package/lib-esm/Label.d.ts +1 -1
  110. package/lib-esm/Position.d.ts +4 -4
  111. package/lib-esm/ProgressBar.d.ts +1 -1
  112. package/lib-esm/SelectMenu/SelectMenu.d.ts +28 -26
  113. package/lib-esm/SelectMenu/SelectMenuItem.d.ts +1 -1
  114. package/lib-esm/SideNav.d.ts +8 -10
  115. package/lib-esm/SideNav.js +16 -6
  116. package/lib-esm/TextInputWithTokens.d.ts +8 -10
  117. package/lib-esm/TextInputWithTokens.js +30 -101
  118. package/lib-esm/Timeline.d.ts +4 -4
  119. package/lib-esm/Token/AvatarToken.d.ts +1 -1
  120. package/lib-esm/Token/IssueLabelToken.d.ts +1 -1
  121. package/lib-esm/Token/Token.d.ts +1 -1
  122. package/lib-esm/Token/Token.js +2 -13
  123. package/lib-esm/Token/TokenBase.js +4 -0
  124. package/lib-esm/Token/_RemoveTokenButton.js +2 -11
  125. package/lib-esm/_TextInputWrapper.d.ts +1 -1
  126. package/lib-esm/_TextInputWrapper.js +1 -1
  127. package/lib-esm/hooks/useDebounce.d.ts +2 -0
  128. package/lib-esm/hooks/useDebounce.js +16 -0
  129. package/lib-esm/hooks/useResizeObserver.d.ts +1 -1
  130. package/lib-esm/hooks/useResizeObserver.js +1 -1
  131. package/lib-esm/sx.d.ts +2 -8
  132. package/lib-esm/theme-preval.js +2 -2
  133. package/lib-esm/theme.d.ts +0 -78
  134. package/lib-esm/theme.js +1 -2
  135. package/lib-esm/utils/testing.d.ts +1 -1
  136. package/package.json +9 -10
  137. package/lib/utils/types/KeyPaths.d.ts +0 -3
  138. package/lib/utils/types/KeyPaths.js +0 -1
  139. package/lib-esm/utils/types/KeyPaths.d.ts +0 -3
  140. package/lib-esm/utils/types/KeyPaths.js +0 -1
@@ -515,7 +515,7 @@ module.exports = {
515
515
  }
516
516
  }
517
517
  },
518
- "light_protanopia": {
518
+ "light_colorblind": {
519
519
  "colors": {
520
520
  "canvasDefaultTransparent": "rgba(255,255,255,0)",
521
521
  "marketingIcon": {
@@ -2456,7 +2456,7 @@ module.exports = {
2456
2456
  }
2457
2457
  }
2458
2458
  },
2459
- "dark_protanopia": {
2459
+ "dark_colorblind": {
2460
2460
  "colors": {
2461
2461
  "canvasDefaultTransparent": "rgba(13,17,23,0)",
2462
2462
  "marketingIcon": {
package/lib/theme.d.ts CHANGED
@@ -1,80 +1,2 @@
1
1
  import { theme } from './theme-preval';
2
- import { KeyPaths } from './utils/types/KeyPaths';
3
2
  export default theme;
4
- declare type ThemeColors = {
5
- fg: {
6
- default: string;
7
- muted: string;
8
- subtle: string;
9
- onEmphasis: string;
10
- };
11
- canvas: {
12
- default: string;
13
- overlay: string;
14
- inset: string;
15
- subtle: string;
16
- };
17
- border: {
18
- default: string;
19
- muted: string;
20
- subtle: string;
21
- };
22
- neutral: {
23
- emphasisPlus: string;
24
- emphasis: string;
25
- muted: string;
26
- subtle: string;
27
- };
28
- accent: {
29
- fg: string;
30
- emphasis: string;
31
- muted: string;
32
- subtle: string;
33
- };
34
- success: {
35
- fg: string;
36
- emphasis: string;
37
- muted: string;
38
- subtle: string;
39
- };
40
- attention: {
41
- fg: string;
42
- emphasis: string;
43
- muted: string;
44
- subtle: string;
45
- };
46
- severe: {
47
- fg: string;
48
- emphasis: string;
49
- muted: string;
50
- subtle: string;
51
- };
52
- danger: {
53
- fg: string;
54
- emphasis: string;
55
- muted: string;
56
- subtle: string;
57
- };
58
- done: {
59
- fg: string;
60
- emphasis: string;
61
- muted: string;
62
- subtle: string;
63
- };
64
- sponsors: {
65
- fg: string;
66
- emphasis: string;
67
- muted: string;
68
- subtle: string;
69
- };
70
- };
71
- declare type ThemeShadows = {
72
- shadow: {
73
- small: string;
74
- medium: string;
75
- large: string;
76
- extraLarge: string;
77
- };
78
- };
79
- export declare type ThemeColorPaths = KeyPaths<ThemeColors>;
80
- export declare type ThemeShadowPaths = KeyPaths<ThemeShadows>;
package/lib/theme.js CHANGED
@@ -7,7 +7,5 @@ exports.default = void 0;
7
7
 
8
8
  var _themePreval = require("./theme-preval");
9
9
 
10
- var _default = _themePreval.theme; // NOTE: for now, ThemeColors and ThemeShadows are handcrafted types. It would be nice if these
11
- // were exports from primitives (or a different shape but derived from those exports).
12
-
10
+ var _default = _themePreval.theme;
13
11
  exports.default = _default;
@@ -53,7 +53,7 @@ export declare function render(component: React.ReactElement, theme?: {
53
53
  xlarge: string;
54
54
  };
55
55
  space: string[];
56
- colorSchemes: Record<"light" | "light_protanopia" | "dark" | "dark_dimmed" | "dark_high_contrast" | "dark_protanopia", Record<"colors" | "shadows", Partial<{
56
+ colorSchemes: Record<"light" | "light_colorblind" | "dark" | "dark_dimmed" | "dark_high_contrast" | "dark_colorblind", Record<"colors" | "shadows", Partial<{
57
57
  canvasDefaultTransparent: string;
58
58
  marketingIcon: {
59
59
  primary: string;
@@ -28,6 +28,6 @@ export function Header({
28
28
  return /*#__PURE__*/React.createElement(StyledHeader, _extends({
29
29
  role: "heading",
30
30
  variant: variant
31
- }, props), title, auxiliaryText && /*#__PURE__*/React.createElement("span", null, auxiliaryText));
31
+ }, props), title, auxiliaryText && /*#__PURE__*/React.createElement("span", null, "auxiliaryText"));
32
32
  }
33
33
  Header.displayName = "Header";
@@ -28,19 +28,13 @@ export interface ItemProps extends SxProp {
28
28
  */
29
29
  leadingVisual?: React.FunctionComponent<IconProps>;
30
30
  /**
31
- * @deprecated Use `trailingVisual` instead
32
31
  * Icon (or similar) positioned after `Item` text.
33
32
  */
34
33
  trailingIcon?: React.FunctionComponent<IconProps>;
35
34
  /**
36
- * @deprecated Use `trailingVisual` instead
37
35
  * Text positioned after `Item` text and optional trailing icon.
38
36
  */
39
37
  trailingText?: string;
40
- /**
41
- * Icon or text positioned after `Item` text.
42
- */
43
- trailingVisual?: React.ReactNode;
44
38
  /**
45
39
  * Style variations associated with various `Item` types.
46
40
  *
@@ -154,7 +154,6 @@ export const Item = /*#__PURE__*/React.forwardRef((itemProps, ref) => {
154
154
  selectionVariant,
155
155
  leadingVisual: LeadingVisual,
156
156
  trailingIcon: TrailingIcon,
157
- trailingVisual: TrailingVisual,
158
157
  trailingText,
159
158
  variant = 'default',
160
159
  showDivider,
@@ -246,10 +245,7 @@ export const Item = /*#__PURE__*/React.forwardRef((itemProps, ref) => {
246
245
  title: description,
247
246
  inline: true,
248
247
  maxWidth: "100%"
249
- }, description)) : null), TrailingVisual ? /*#__PURE__*/React.createElement(TrailingContent, {
250
- variant: variant,
251
- disabled: disabled
252
- }, typeof TrailingVisual === 'function' ? /*#__PURE__*/React.createElement(TrailingVisual, null) : TrailingVisual) : TrailingIcon || trailingText ? /*#__PURE__*/React.createElement(TrailingContent, {
248
+ }, description)) : null), TrailingIcon || trailingText ? /*#__PURE__*/React.createElement(TrailingContent, {
253
249
  variant: variant,
254
250
  disabled: disabled
255
251
  }, trailingText, TrailingIcon && /*#__PURE__*/React.createElement(TrailingIcon, null)) : null));
@@ -26,6 +26,8 @@ interface AnchoredOverlayPropsWithoutAnchor {
26
26
  */
27
27
  anchorRef: React.RefObject<HTMLElement>;
28
28
  }
29
+ export declare type OverlayOpenGesture = 'anchor-click' | 'anchor-key-press';
30
+ export declare type OverlayCloseGesture = 'anchor-click' | 'click-outside' | 'escape';
29
31
  export declare type AnchoredOverlayWrapperAnchorProps = Partial<AnchoredOverlayPropsWithAnchor> | AnchoredOverlayPropsWithoutAnchor;
30
32
  interface AnchoredOverlayBaseProps extends Pick<OverlayProps, 'height' | 'width'> {
31
33
  /**
@@ -35,11 +37,11 @@ interface AnchoredOverlayBaseProps extends Pick<OverlayProps, 'height' | 'width'
35
37
  /**
36
38
  * A callback which is called whenever the overlay is currently closed and an "open gesture" is detected.
37
39
  */
38
- onOpen?: (gesture: 'anchor-click' | 'anchor-key-press') => unknown;
40
+ onOpen?: (gesture: OverlayOpenGesture) => unknown;
39
41
  /**
40
42
  * A callback which is called whenever the overlay is currently open and a "close gesture" is detected.
41
43
  */
42
- onClose?: (gesture: 'anchor-click' | 'click-outside' | 'escape') => unknown;
44
+ onClose?: (gesture: OverlayCloseGesture) => unknown;
43
45
  /**
44
46
  * Props to be spread on the internal `Overlay` component.
45
47
  */
@@ -12,12 +12,14 @@ export type { AutocompleteOverlayProps } from './AutocompleteOverlay';
12
12
  declare const _default: React.FC<{
13
13
  id?: string | undefined;
14
14
  }> & {
15
- Input: import("@radix-ui/react-polymorphic").ForwardRefComponent<React.ForwardRefExoticComponent<Pick<Omit<Pick<{
15
+ Input: import("@radix-ui/react-polymorphic").ForwardRefComponent<React.ForwardRefExoticComponent<Pick<Omit<Pick<({
16
16
  [x: string]: any;
17
17
  [x: number]: any;
18
18
  } & {
19
19
  theme?: any;
20
- } & {
20
+ } & ({} | {
21
+ children?: React.ReactNode;
22
+ })) & {
21
23
  as?: string | React.ComponentType<any> | undefined;
22
24
  forwardedAs?: string | React.ComponentType<any> | undefined;
23
25
  }, string | number | symbol>, "maxWidth" | "minWidth" | "width" | "theme" | "className" | "block" | "icon" | "sx" | "disabled" | "variant" | "contrast"> & {
@@ -74,7 +76,7 @@ declare const _default: React.FC<{
74
76
  results?: number | undefined;
75
77
  security?: string | undefined;
76
78
  unselectable?: "on" | "off" | undefined;
77
- inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
79
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
78
80
  is?: string | undefined;
79
81
  'aria-activedescendant'?: string | undefined;
80
82
  'aria-atomic'?: boolean | "true" | "false" | undefined;
@@ -89,7 +91,7 @@ declare const _default: React.FC<{
89
91
  'aria-describedby'?: string | undefined;
90
92
  'aria-details'?: string | undefined;
91
93
  'aria-disabled'?: boolean | "true" | "false" | undefined;
92
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
94
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
93
95
  'aria-errormessage'?: string | undefined;
94
96
  'aria-expanded'?: boolean | "true" | "false" | undefined;
95
97
  'aria-flowto'?: string | undefined;
@@ -288,9 +290,9 @@ declare const _default: React.FC<{
288
290
  onTransitionEnd?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
289
291
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
290
292
  block?: boolean | undefined;
291
- sx?: import("../sx").BetterSystemStyleObject | undefined;
293
+ sx?: import("@styled-system/css").SystemStyleObject | undefined;
292
294
  disabled?: boolean | undefined;
293
- variant?: "small" | "large" | undefined;
295
+ variant?: "large" | "small" | undefined;
294
296
  hasIcon?: boolean | undefined;
295
297
  contrast?: boolean | undefined;
296
298
  } & {
@@ -4,12 +4,14 @@ import { ComponentProps } from '../utils/types';
4
4
  declare type InternalAutocompleteInputProps = {
5
5
  as?: React.ComponentType<any>;
6
6
  };
7
- declare const AutocompleteInput: PolymorphicForwardRefComponent<React.ForwardRefExoticComponent<Pick<Omit<Pick<{
7
+ declare const AutocompleteInput: PolymorphicForwardRefComponent<React.ForwardRefExoticComponent<Pick<Omit<Pick<({
8
8
  [x: string]: any;
9
9
  [x: number]: any;
10
10
  } & {
11
11
  theme?: any;
12
- } & {
12
+ } & ({} | {
13
+ children?: React.ReactNode;
14
+ })) & {
13
15
  as?: string | React.ComponentType<any> | undefined;
14
16
  forwardedAs?: string | React.ComponentType<any> | undefined;
15
17
  }, string | number | symbol>, "maxWidth" | "minWidth" | "width" | "theme" | "className" | "block" | "icon" | "sx" | "disabled" | "variant" | "contrast"> & {
@@ -66,7 +68,7 @@ declare const AutocompleteInput: PolymorphicForwardRefComponent<React.ForwardRef
66
68
  results?: number | undefined;
67
69
  security?: string | undefined;
68
70
  unselectable?: "on" | "off" | undefined;
69
- inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
71
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
70
72
  is?: string | undefined;
71
73
  'aria-activedescendant'?: string | undefined;
72
74
  'aria-atomic'?: boolean | "true" | "false" | undefined;
@@ -81,7 +83,7 @@ declare const AutocompleteInput: PolymorphicForwardRefComponent<React.ForwardRef
81
83
  'aria-describedby'?: string | undefined;
82
84
  'aria-details'?: string | undefined;
83
85
  'aria-disabled'?: boolean | "true" | "false" | undefined;
84
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
86
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
85
87
  'aria-errormessage'?: string | undefined;
86
88
  'aria-expanded'?: boolean | "true" | "false" | undefined;
87
89
  'aria-flowto'?: string | undefined;
@@ -280,9 +282,9 @@ declare const AutocompleteInput: PolymorphicForwardRefComponent<React.ForwardRef
280
282
  onTransitionEnd?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
281
283
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
282
284
  block?: boolean | undefined;
283
- sx?: import("../sx").BetterSystemStyleObject | undefined;
285
+ sx?: import("@styled-system/css").SystemStyleObject | undefined;
284
286
  disabled?: boolean | undefined;
285
- variant?: "small" | "large" | undefined;
287
+ variant?: "large" | "small" | undefined;
286
288
  hasIcon?: boolean | undefined;
287
289
  contrast?: boolean | undefined;
288
290
  } & {
@@ -3,7 +3,7 @@ import { SxProp } from '../sx';
3
3
  import { ComponentProps } from '../utils/types';
4
4
  declare const Button: import("styled-components").StyledComponent<"button", any, {
5
5
  as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
6
- variant?: "small" | "medium" | "large" | undefined;
6
+ variant?: "large" | "medium" | "small" | 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;
@@ -55,7 +55,7 @@ declare const Button: import("styled-components").StyledComponent<"button", any,
55
55
  results?: number | undefined;
56
56
  security?: string | undefined;
57
57
  unselectable?: "on" | "off" | undefined;
58
- inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
58
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
59
59
  is?: string | undefined;
60
60
  'aria-activedescendant'?: string | undefined;
61
61
  'aria-atomic'?: boolean | "true" | "false" | undefined;
@@ -70,7 +70,7 @@ declare const Button: import("styled-components").StyledComponent<"button", any,
70
70
  'aria-describedby'?: string | undefined;
71
71
  'aria-details'?: string | undefined;
72
72
  'aria-disabled'?: boolean | "true" | "false" | undefined;
73
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
73
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
74
74
  'aria-errormessage'?: string | undefined;
75
75
  'aria-expanded'?: boolean | "true" | "false" | undefined;
76
76
  'aria-flowto'?: string | undefined;
@@ -268,7 +268,6 @@ declare const Button: import("styled-components").StyledComponent<"button", any,
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
- as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
272
271
  autoFocus?: boolean | undefined;
273
272
  disabled?: boolean | undefined;
274
273
  formAction?: string | undefined;
@@ -276,7 +275,8 @@ declare const Button: import("styled-components").StyledComponent<"button", any,
276
275
  formMethod?: string | undefined;
277
276
  formNoValidate?: boolean | undefined;
278
277
  formTarget?: string | undefined;
279
- variant?: "small" | "medium" | "large" | undefined;
278
+ as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
279
+ variant?: "large" | "medium" | "small" | undefined;
280
280
  } & {
281
281
  theme?: any;
282
282
  } & import("styled-system").FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../constants").SystemCommonProps & import("../constants").SystemLayoutProps & SxProp, never>;
@@ -6,7 +6,7 @@ export declare const buttonSystemProps: import("styled-system").styleFn;
6
6
  export declare type ButtonSystemProps = FontSizeProps & SystemCommonProps & SystemLayoutProps;
7
7
  declare const ButtonBase: import("styled-components").StyledComponent<"button", any, {
8
8
  as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
9
- variant?: "small" | "medium" | "large" | undefined;
9
+ variant?: "large" | "medium" | "small" | undefined;
10
10
  } & FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, never>;
11
11
  export declare type ButtonBaseProps = ComponentProps<typeof ButtonBase>;
12
12
  export default ButtonBase;
@@ -74,7 +74,7 @@ declare const ButtonClose: React.ForwardRefExoticComponent<Pick<{
74
74
  results?: number | undefined;
75
75
  security?: string | undefined;
76
76
  unselectable?: "on" | "off" | undefined;
77
- inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
77
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
78
78
  is?: string | undefined;
79
79
  'aria-activedescendant'?: string | undefined;
80
80
  'aria-atomic'?: boolean | "true" | "false" | undefined;
@@ -89,7 +89,7 @@ declare const ButtonClose: React.ForwardRefExoticComponent<Pick<{
89
89
  'aria-describedby'?: string | undefined;
90
90
  'aria-details'?: string | undefined;
91
91
  'aria-disabled'?: boolean | "true" | "false" | undefined;
92
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
92
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
93
93
  'aria-errormessage'?: string | undefined;
94
94
  'aria-expanded'?: boolean | "true" | "false" | undefined;
95
95
  'aria-flowto'?: string | undefined;
@@ -306,7 +306,7 @@ declare const ButtonClose: React.ForwardRefExoticComponent<Pick<{
306
306
  py?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
307
307
  paddingY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
308
308
  size?: import("styled-system").ResponsiveValue<import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
309
- sx?: import("../sx").BetterSystemStyleObject | undefined;
309
+ sx?: import("@styled-system/css").SystemStyleObject | undefined;
310
310
  autoFocus?: boolean | undefined;
311
311
  disabled?: boolean | undefined;
312
312
  formAction?: string | undefined;
@@ -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?: "small" | "medium" | "large" | undefined;
6
+ variant?: "large" | "medium" | "small" | 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;
@@ -55,7 +55,7 @@ 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?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
58
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
59
59
  is?: string | undefined;
60
60
  'aria-activedescendant'?: string | undefined;
61
61
  'aria-atomic'?: boolean | "true" | "false" | undefined;
@@ -70,7 +70,7 @@ declare const ButtonDanger: import("styled-components").StyledComponent<"button"
70
70
  'aria-describedby'?: string | undefined;
71
71
  'aria-details'?: string | undefined;
72
72
  'aria-disabled'?: boolean | "true" | "false" | undefined;
73
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
73
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
74
74
  'aria-errormessage'?: string | undefined;
75
75
  'aria-expanded'?: boolean | "true" | "false" | undefined;
76
76
  'aria-flowto'?: string | undefined;
@@ -268,7 +268,6 @@ 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
- as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
272
271
  autoFocus?: boolean | undefined;
273
272
  disabled?: boolean | undefined;
274
273
  formAction?: string | undefined;
@@ -276,7 +275,8 @@ declare const ButtonDanger: import("styled-components").StyledComponent<"button"
276
275
  formMethod?: string | undefined;
277
276
  formNoValidate?: boolean | undefined;
278
277
  formTarget?: string | undefined;
279
- variant?: "small" | "medium" | "large" | undefined;
278
+ as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
279
+ variant?: "large" | "medium" | "small" | undefined;
280
280
  } & {
281
281
  theme?: any;
282
282
  } & import("styled-system").FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../constants").SystemCommonProps & import("../constants").SystemLayoutProps & SxProp, never>;
@@ -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?: "small" | "medium" | "large" | undefined;
6
+ variant?: "large" | "medium" | "small" | 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;
@@ -55,7 +55,7 @@ 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?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
58
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
59
59
  is?: string | undefined;
60
60
  'aria-activedescendant'?: string | undefined;
61
61
  'aria-atomic'?: boolean | "true" | "false" | undefined;
@@ -70,7 +70,7 @@ declare const ButtonInvisible: import("styled-components").StyledComponent<"butt
70
70
  'aria-describedby'?: string | undefined;
71
71
  'aria-details'?: string | undefined;
72
72
  'aria-disabled'?: boolean | "true" | "false" | undefined;
73
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
73
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
74
74
  'aria-errormessage'?: string | undefined;
75
75
  'aria-expanded'?: boolean | "true" | "false" | undefined;
76
76
  'aria-flowto'?: string | undefined;
@@ -268,7 +268,6 @@ 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
- as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
272
271
  autoFocus?: boolean | undefined;
273
272
  disabled?: boolean | undefined;
274
273
  formAction?: string | undefined;
@@ -276,7 +275,8 @@ declare const ButtonInvisible: import("styled-components").StyledComponent<"butt
276
275
  formMethod?: string | undefined;
277
276
  formNoValidate?: boolean | undefined;
278
277
  formTarget?: string | undefined;
279
- variant?: "small" | "medium" | "large" | undefined;
278
+ as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
279
+ variant?: "large" | "medium" | "small" | undefined;
280
280
  } & {
281
281
  theme?: any;
282
282
  } & import("styled-system").FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../constants").SystemCommonProps & import("../constants").SystemLayoutProps & SxProp, never>;
@@ -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?: "small" | "medium" | "large" | undefined;
6
+ variant?: "large" | "medium" | "small" | 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;
@@ -55,7 +55,7 @@ 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?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
58
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
59
59
  is?: string | undefined;
60
60
  'aria-activedescendant'?: string | undefined;
61
61
  'aria-atomic'?: boolean | "true" | "false" | undefined;
@@ -70,7 +70,7 @@ declare const ButtonOutline: import("styled-components").StyledComponent<"button
70
70
  'aria-describedby'?: string | undefined;
71
71
  'aria-details'?: string | undefined;
72
72
  'aria-disabled'?: boolean | "true" | "false" | undefined;
73
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
73
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
74
74
  'aria-errormessage'?: string | undefined;
75
75
  'aria-expanded'?: boolean | "true" | "false" | undefined;
76
76
  'aria-flowto'?: string | undefined;
@@ -268,7 +268,6 @@ 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
- as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
272
271
  autoFocus?: boolean | undefined;
273
272
  disabled?: boolean | undefined;
274
273
  formAction?: string | undefined;
@@ -276,7 +275,8 @@ declare const ButtonOutline: import("styled-components").StyledComponent<"button
276
275
  formMethod?: string | undefined;
277
276
  formNoValidate?: boolean | undefined;
278
277
  formTarget?: string | undefined;
279
- variant?: "small" | "medium" | "large" | undefined;
278
+ as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
279
+ variant?: "large" | "medium" | "small" | undefined;
280
280
  } & {
281
281
  theme?: any;
282
282
  } & import("styled-system").FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../constants").SystemCommonProps & import("../constants").SystemLayoutProps & SxProp, never>;
@@ -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?: "small" | "medium" | "large" | undefined;
6
+ variant?: "large" | "medium" | "small" | 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;
@@ -55,7 +55,7 @@ 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?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
58
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
59
59
  is?: string | undefined;
60
60
  'aria-activedescendant'?: string | undefined;
61
61
  'aria-atomic'?: boolean | "true" | "false" | undefined;
@@ -70,7 +70,7 @@ export declare const ButtonPrimary: import("styled-components").StyledComponent<
70
70
  'aria-describedby'?: string | undefined;
71
71
  'aria-details'?: string | undefined;
72
72
  'aria-disabled'?: boolean | "true" | "false" | undefined;
73
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
73
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
74
74
  'aria-errormessage'?: string | undefined;
75
75
  'aria-expanded'?: boolean | "true" | "false" | undefined;
76
76
  'aria-flowto'?: string | undefined;
@@ -268,7 +268,6 @@ 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
- as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
272
271
  autoFocus?: boolean | undefined;
273
272
  disabled?: boolean | undefined;
274
273
  formAction?: string | undefined;
@@ -276,7 +275,8 @@ export declare const ButtonPrimary: import("styled-components").StyledComponent<
276
275
  formMethod?: string | undefined;
277
276
  formNoValidate?: boolean | undefined;
278
277
  formTarget?: string | undefined;
279
- variant?: "small" | "medium" | "large" | undefined;
278
+ as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
279
+ variant?: "large" | "medium" | "small" | undefined;
280
280
  } & {
281
281
  theme?: any;
282
282
  } & import("styled-system").FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../constants").SystemCommonProps & import("../constants").SystemLayoutProps & SxProp, never>;
@@ -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" | "medium" | "large" | undefined;
8
+ variant?: "large" | "medium" | "small" | 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" | "medium" | "large" | undefined;
18
+ variant?: "large" | "medium" | "small" | 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 }: {
@@ -13,7 +13,6 @@ 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;
17
16
  alignContent?: import("styled-system").ResponsiveValue<import("csstype").Property.AlignContent, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
18
17
  alignItems?: import("styled-system").ResponsiveValue<import("csstype").Property.AlignItems, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
19
18
  alignSelf?: import("styled-system").ResponsiveValue<import("csstype").Property.AlignSelf, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
@@ -89,6 +88,7 @@ declare namespace CircleOcticon {
89
88
  zIndex?: import("styled-system").ResponsiveValue<import("csstype").Property.ZIndex, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
90
89
  background?: import("styled-system").ResponsiveValue<import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
91
90
  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;
@@ -151,7 +151,7 @@ declare namespace CircleOcticon {
151
151
  results?: number | undefined;
152
152
  security?: string | undefined;
153
153
  unselectable?: "on" | "off" | undefined;
154
- inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
154
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
155
155
  is?: string | undefined;
156
156
  'aria-activedescendant'?: string | undefined;
157
157
  'aria-atomic'?: boolean | "true" | "false" | undefined;
@@ -166,7 +166,7 @@ declare namespace CircleOcticon {
166
166
  'aria-describedby'?: string | undefined;
167
167
  'aria-details'?: string | undefined;
168
168
  'aria-disabled'?: boolean | "true" | "false" | undefined;
169
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
169
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
170
170
  'aria-errormessage'?: string | undefined;
171
171
  'aria-expanded'?: boolean | "true" | "false" | undefined;
172
172
  'aria-flowto'?: string | undefined;
@@ -384,7 +384,7 @@ declare namespace CircleOcticon {
384
384
  paddingY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | 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("./sx").BetterSystemStyleObject | undefined;
387
+ sx?: import("@styled-system/css").SystemStyleObject | undefined;
388
388
  theme?: any;
389
389
  };
390
390
  }