@primer/components 0.0.0-2021104155729 → 0.0.0-20211086336

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 (126) hide show
  1. package/CHANGELOG.md +5 -5
  2. package/dist/browser.esm.js +616 -616
  3. package/dist/browser.esm.js.map +1 -1
  4. package/dist/browser.umd.js +196 -196
  5. package/dist/browser.umd.js.map +1 -1
  6. package/lib/Autocomplete/Autocomplete.d.ts +26 -26
  7. package/lib/Autocomplete/AutocompleteInput.d.ts +26 -26
  8. package/lib/Button/Button.d.ts +24 -24
  9. package/lib/Button/ButtonClose.d.ts +43 -43
  10. package/lib/Button/ButtonDanger.d.ts +24 -24
  11. package/lib/Button/ButtonInvisible.d.ts +24 -24
  12. package/lib/Button/ButtonOutline.d.ts +24 -24
  13. package/lib/Button/ButtonPrimary.d.ts +24 -24
  14. package/lib/CircleOcticon.d.ts +40 -40
  15. package/lib/Dialog.d.ts +43 -43
  16. package/lib/Dropdown.d.ts +168 -168
  17. package/lib/DropdownMenu/DropdownButton.d.ts +44 -44
  18. package/lib/FilterList.d.ts +40 -40
  19. package/lib/Overlay.js +3 -1
  20. package/lib/Portal/Portal.js +4 -3
  21. package/lib/Position.d.ts +4 -4
  22. package/lib/SelectMenu/SelectMenu.d.ts +235 -235
  23. package/lib/SelectMenu/SelectMenuItem.d.ts +1 -1
  24. package/lib/SelectMenu/SelectMenuModal.d.ts +1 -1
  25. package/lib/TextInputWithTokens.d.ts +26 -26
  26. package/lib/Timeline.d.ts +41 -41
  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/hooks/useAnchoredPosition.js +3 -2
  31. package/lib/hooks/useCombinedRefs.d.ts +2 -2
  32. package/lib/hooks/useCombinedRefs.js +4 -9
  33. package/lib/hooks/useResizeObserver.js +2 -4
  34. package/lib/sx.d.ts +0 -2
  35. package/lib/sx.js +0 -8
  36. package/lib/theme-preval.js +2 -81
  37. package/lib/utils/testing.d.ts +1 -14
  38. package/lib/utils/useIsomorphicLayoutEffect.d.ts +2 -0
  39. package/lib/utils/useIsomorphicLayoutEffect.js +14 -0
  40. package/lib-esm/Autocomplete/Autocomplete.d.ts +26 -26
  41. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +26 -26
  42. package/lib-esm/Button/Button.d.ts +24 -24
  43. package/lib-esm/Button/ButtonClose.d.ts +43 -43
  44. package/lib-esm/Button/ButtonDanger.d.ts +24 -24
  45. package/lib-esm/Button/ButtonInvisible.d.ts +24 -24
  46. package/lib-esm/Button/ButtonOutline.d.ts +24 -24
  47. package/lib-esm/Button/ButtonPrimary.d.ts +24 -24
  48. package/lib-esm/CircleOcticon.d.ts +40 -40
  49. package/lib-esm/Dialog.d.ts +43 -43
  50. package/lib-esm/Dropdown.d.ts +168 -168
  51. package/lib-esm/DropdownMenu/DropdownButton.d.ts +44 -44
  52. package/lib-esm/FilterList.d.ts +40 -40
  53. package/lib-esm/Overlay.js +2 -1
  54. package/lib-esm/Portal/Portal.js +3 -2
  55. package/lib-esm/Position.d.ts +4 -4
  56. package/lib-esm/SelectMenu/SelectMenu.d.ts +235 -235
  57. package/lib-esm/SelectMenu/SelectMenuItem.d.ts +1 -1
  58. package/lib-esm/SelectMenu/SelectMenuModal.d.ts +1 -1
  59. package/lib-esm/TextInputWithTokens.d.ts +26 -26
  60. package/lib-esm/Timeline.d.ts +41 -41
  61. package/lib-esm/Token/AvatarToken.d.ts +1 -1
  62. package/lib-esm/Token/IssueLabelToken.d.ts +1 -1
  63. package/lib-esm/Token/Token.d.ts +1 -1
  64. package/lib-esm/hooks/useAnchoredPosition.js +2 -1
  65. package/lib-esm/hooks/useCombinedRefs.d.ts +2 -2
  66. package/lib-esm/hooks/useCombinedRefs.js +4 -4
  67. package/lib-esm/hooks/useResizeObserver.js +2 -2
  68. package/lib-esm/sx.d.ts +0 -2
  69. package/lib-esm/sx.js +1 -3
  70. package/lib-esm/theme-preval.js +2 -81
  71. package/lib-esm/utils/testing.d.ts +1 -14
  72. package/lib-esm/utils/useIsomorphicLayoutEffect.d.ts +2 -0
  73. package/lib-esm/utils/useIsomorphicLayoutEffect.js +4 -0
  74. package/package.json +2 -4
  75. package/lib/ActionList2/Description.d.ts +0 -12
  76. package/lib/ActionList2/Description.js +0 -53
  77. package/lib/ActionList2/Divider.d.ts +0 -5
  78. package/lib/ActionList2/Divider.js +0 -35
  79. package/lib/ActionList2/Group.d.ts +0 -11
  80. package/lib/ActionList2/Group.js +0 -57
  81. package/lib/ActionList2/Header.d.ts +0 -26
  82. package/lib/ActionList2/Header.js +0 -55
  83. package/lib/ActionList2/Item.d.ts +0 -71
  84. package/lib/ActionList2/Item.js +0 -223
  85. package/lib/ActionList2/LinkItem.d.ts +0 -17
  86. package/lib/ActionList2/LinkItem.js +0 -57
  87. package/lib/ActionList2/List.d.ts +0 -26
  88. package/lib/ActionList2/List.js +0 -51
  89. package/lib/ActionList2/Selection.d.ts +0 -5
  90. package/lib/ActionList2/Selection.js +0 -70
  91. package/lib/ActionList2/Visuals.d.ts +0 -11
  92. package/lib/ActionList2/Visuals.js +0 -90
  93. package/lib/ActionList2/index.d.ts +0 -40
  94. package/lib/ActionList2/index.js +0 -47
  95. package/lib/experiments.d.ts +0 -1
  96. package/lib/experiments.js +0 -18
  97. package/lib/utils/create-slots.d.ts +0 -17
  98. package/lib/utils/create-slots.js +0 -105
  99. package/lib/utils/use-force-update.d.ts +0 -1
  100. package/lib/utils/use-force-update.js +0 -19
  101. package/lib-esm/ActionList2/Description.d.ts +0 -12
  102. package/lib-esm/ActionList2/Description.js +0 -37
  103. package/lib-esm/ActionList2/Divider.d.ts +0 -5
  104. package/lib-esm/ActionList2/Divider.js +0 -23
  105. package/lib-esm/ActionList2/Group.d.ts +0 -11
  106. package/lib-esm/ActionList2/Group.js +0 -40
  107. package/lib-esm/ActionList2/Header.d.ts +0 -26
  108. package/lib-esm/ActionList2/Header.js +0 -44
  109. package/lib-esm/ActionList2/Item.d.ts +0 -71
  110. package/lib-esm/ActionList2/Item.js +0 -197
  111. package/lib-esm/ActionList2/LinkItem.d.ts +0 -17
  112. package/lib-esm/ActionList2/LinkItem.js +0 -43
  113. package/lib-esm/ActionList2/List.d.ts +0 -26
  114. package/lib-esm/ActionList2/List.js +0 -34
  115. package/lib-esm/ActionList2/Selection.d.ts +0 -5
  116. package/lib-esm/ActionList2/Selection.js +0 -52
  117. package/lib-esm/ActionList2/Visuals.d.ts +0 -11
  118. package/lib-esm/ActionList2/Visuals.js +0 -68
  119. package/lib-esm/ActionList2/index.d.ts +0 -40
  120. package/lib-esm/ActionList2/index.js +0 -33
  121. package/lib-esm/experiments.d.ts +0 -1
  122. package/lib-esm/experiments.js +0 -2
  123. package/lib-esm/utils/create-slots.d.ts +0 -17
  124. package/lib-esm/utils/create-slots.js +0 -84
  125. package/lib-esm/utils/use-force-update.d.ts +0 -1
  126. package/lib-esm/utils/use-force-update.js +0 -6
package/lib/Button/ButtonDanger.d.ts CHANGED
@@ -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 | "false" | "true") | undefined;
28
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
29
29
  contextMenu?: string | undefined;
30
30
  dir?: string | undefined;
31
- draggable?: (boolean | "false" | "true") | undefined;
31
+ draggable?: (boolean | "true" | "false") | undefined;
32
32
  id?: string | undefined;
33
33
  lang?: string | undefined;
34
34
  placeholder?: string | undefined;
35
- spellCheck?: (boolean | "false" | "true") | undefined;
35
+ spellCheck?: (boolean | "true" | "false") | undefined;
36
36
  tabIndex?: number | undefined;
37
37
  radioGroup?: string | undefined;
38
38
  role?: import("react").AriaRole | undefined;
@@ -58,47 +58,47 @@ declare const ButtonDanger: import("styled-components").StyledComponent<"button"
58
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 | "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;
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;
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" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
69
+ 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
70
70
  'aria-describedby'?: string | undefined;
71
71
  'aria-details'?: string | undefined;
72
- 'aria-disabled'?: boolean | "false" | "true" | undefined;
73
- 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
72
+ 'aria-disabled'?: boolean | "true" | "false" | undefined;
73
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
74
74
  'aria-errormessage'?: string | undefined;
75
- 'aria-expanded'?: boolean | "false" | "true" | undefined;
75
+ 'aria-expanded'?: boolean | "true" | "false" | undefined;
76
76
  'aria-flowto'?: string | 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;
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;
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 | "false" | "true" | undefined;
87
- 'aria-multiline'?: boolean | "false" | "true" | undefined;
88
- 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
86
+ 'aria-modal'?: boolean | "true" | "false" | undefined;
87
+ 'aria-multiline'?: boolean | "true" | "false" | undefined;
88
+ 'aria-multiselectable'?: boolean | "true" | "false" | 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 | "mixed" | "false" | "true" | undefined;
94
- 'aria-readonly'?: boolean | "false" | "true" | undefined;
93
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
94
+ 'aria-readonly'?: boolean | "true" | "false" | 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 | "false" | "true" | undefined;
96
+ 'aria-required'?: boolean | "true" | "false" | 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 | "false" | "true" | undefined;
101
+ 'aria-selected'?: boolean | "true" | "false" | undefined;
102
102
  'aria-setsize'?: number | undefined;
103
103
  'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
104
104
  'aria-valuemax'?: number | undefined;
@@ -268,15 +268,15 @@ 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?: "small" | "medium" | "large" | undefined;
272
271
  as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
273
- disabled?: boolean | undefined;
274
272
  autoFocus?: boolean | undefined;
273
+ disabled?: boolean | undefined;
275
274
  formAction?: string | undefined;
276
275
  formEncType?: string | undefined;
277
276
  formMethod?: string | undefined;
278
277
  formNoValidate?: boolean | undefined;
279
278
  formTarget?: string | undefined;
279
+ variant?: "small" | "medium" | "large" | 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>;
package/lib/Button/ButtonInvisible.d.ts CHANGED
@@ -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 | "false" | "true") | undefined;
28
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
29
29
  contextMenu?: string | undefined;
30
30
  dir?: string | undefined;
31
- draggable?: (boolean | "false" | "true") | undefined;
31
+ draggable?: (boolean | "true" | "false") | undefined;
32
32
  id?: string | undefined;
33
33
  lang?: string | undefined;
34
34
  placeholder?: string | undefined;
35
- spellCheck?: (boolean | "false" | "true") | undefined;
35
+ spellCheck?: (boolean | "true" | "false") | undefined;
36
36
  tabIndex?: number | undefined;
37
37
  radioGroup?: string | undefined;
38
38
  role?: import("react").AriaRole | undefined;
@@ -58,47 +58,47 @@ declare const ButtonInvisible: import("styled-components").StyledComponent<"butt
58
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 | "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;
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;
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" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
69
+ 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
70
70
  'aria-describedby'?: string | undefined;
71
71
  'aria-details'?: string | undefined;
72
- 'aria-disabled'?: boolean | "false" | "true" | undefined;
73
- 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
72
+ 'aria-disabled'?: boolean | "true" | "false" | undefined;
73
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
74
74
  'aria-errormessage'?: string | undefined;
75
- 'aria-expanded'?: boolean | "false" | "true" | undefined;
75
+ 'aria-expanded'?: boolean | "true" | "false" | undefined;
76
76
  'aria-flowto'?: string | 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;
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;
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 | "false" | "true" | undefined;
87
- 'aria-multiline'?: boolean | "false" | "true" | undefined;
88
- 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
86
+ 'aria-modal'?: boolean | "true" | "false" | undefined;
87
+ 'aria-multiline'?: boolean | "true" | "false" | undefined;
88
+ 'aria-multiselectable'?: boolean | "true" | "false" | 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 | "mixed" | "false" | "true" | undefined;
94
- 'aria-readonly'?: boolean | "false" | "true" | undefined;
93
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
94
+ 'aria-readonly'?: boolean | "true" | "false" | 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 | "false" | "true" | undefined;
96
+ 'aria-required'?: boolean | "true" | "false" | 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 | "false" | "true" | undefined;
101
+ 'aria-selected'?: boolean | "true" | "false" | undefined;
102
102
  'aria-setsize'?: number | undefined;
103
103
  'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
104
104
  'aria-valuemax'?: number | undefined;
@@ -268,15 +268,15 @@ 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?: "small" | "medium" | "large" | undefined;
272
271
  as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
273
- disabled?: boolean | undefined;
274
272
  autoFocus?: boolean | undefined;
273
+ disabled?: boolean | undefined;
275
274
  formAction?: string | undefined;
276
275
  formEncType?: string | undefined;
277
276
  formMethod?: string | undefined;
278
277
  formNoValidate?: boolean | undefined;
279
278
  formTarget?: string | undefined;
279
+ variant?: "small" | "medium" | "large" | 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>;
package/lib/Button/ButtonOutline.d.ts CHANGED
@@ -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 | "false" | "true") | undefined;
28
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
29
29
  contextMenu?: string | undefined;
30
30
  dir?: string | undefined;
31
- draggable?: (boolean | "false" | "true") | undefined;
31
+ draggable?: (boolean | "true" | "false") | undefined;
32
32
  id?: string | undefined;
33
33
  lang?: string | undefined;
34
34
  placeholder?: string | undefined;
35
- spellCheck?: (boolean | "false" | "true") | undefined;
35
+ spellCheck?: (boolean | "true" | "false") | undefined;
36
36
  tabIndex?: number | undefined;
37
37
  radioGroup?: string | undefined;
38
38
  role?: import("react").AriaRole | undefined;
@@ -58,47 +58,47 @@ declare const ButtonOutline: import("styled-components").StyledComponent<"button
58
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 | "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;
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;
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" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
69
+ 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
70
70
  'aria-describedby'?: string | undefined;
71
71
  'aria-details'?: string | undefined;
72
- 'aria-disabled'?: boolean | "false" | "true" | undefined;
73
- 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
72
+ 'aria-disabled'?: boolean | "true" | "false" | undefined;
73
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
74
74
  'aria-errormessage'?: string | undefined;
75
- 'aria-expanded'?: boolean | "false" | "true" | undefined;
75
+ 'aria-expanded'?: boolean | "true" | "false" | undefined;
76
76
  'aria-flowto'?: string | 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;
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;
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 | "false" | "true" | undefined;
87
- 'aria-multiline'?: boolean | "false" | "true" | undefined;
88
- 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
86
+ 'aria-modal'?: boolean | "true" | "false" | undefined;
87
+ 'aria-multiline'?: boolean | "true" | "false" | undefined;
88
+ 'aria-multiselectable'?: boolean | "true" | "false" | 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 | "mixed" | "false" | "true" | undefined;
94
- 'aria-readonly'?: boolean | "false" | "true" | undefined;
93
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
94
+ 'aria-readonly'?: boolean | "true" | "false" | 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 | "false" | "true" | undefined;
96
+ 'aria-required'?: boolean | "true" | "false" | 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 | "false" | "true" | undefined;
101
+ 'aria-selected'?: boolean | "true" | "false" | undefined;
102
102
  'aria-setsize'?: number | undefined;
103
103
  'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
104
104
  'aria-valuemax'?: number | undefined;
@@ -268,15 +268,15 @@ 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?: "small" | "medium" | "large" | undefined;
272
271
  as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
273
- disabled?: boolean | undefined;
274
272
  autoFocus?: boolean | undefined;
273
+ disabled?: boolean | undefined;
275
274
  formAction?: string | undefined;
276
275
  formEncType?: string | undefined;
277
276
  formMethod?: string | undefined;
278
277
  formNoValidate?: boolean | undefined;
279
278
  formTarget?: string | undefined;
279
+ variant?: "small" | "medium" | "large" | 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>;
package/lib/Button/ButtonPrimary.d.ts CHANGED
@@ -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 | "false" | "true") | undefined;
28
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
29
29
  contextMenu?: string | undefined;
30
30
  dir?: string | undefined;
31
- draggable?: (boolean | "false" | "true") | undefined;
31
+ draggable?: (boolean | "true" | "false") | undefined;
32
32
  id?: string | undefined;
33
33
  lang?: string | undefined;
34
34
  placeholder?: string | undefined;
35
- spellCheck?: (boolean | "false" | "true") | undefined;
35
+ spellCheck?: (boolean | "true" | "false") | undefined;
36
36
  tabIndex?: number | undefined;
37
37
  radioGroup?: string | undefined;
38
38
  role?: import("react").AriaRole | undefined;
@@ -58,47 +58,47 @@ export declare const ButtonPrimary: import("styled-components").StyledComponent<
58
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 | "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;
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;
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" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
69
+ 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
70
70
  'aria-describedby'?: string | undefined;
71
71
  'aria-details'?: string | undefined;
72
- 'aria-disabled'?: boolean | "false" | "true" | undefined;
73
- 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
72
+ 'aria-disabled'?: boolean | "true" | "false" | undefined;
73
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
74
74
  'aria-errormessage'?: string | undefined;
75
- 'aria-expanded'?: boolean | "false" | "true" | undefined;
75
+ 'aria-expanded'?: boolean | "true" | "false" | undefined;
76
76
  'aria-flowto'?: string | 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;
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;
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 | "false" | "true" | undefined;
87
- 'aria-multiline'?: boolean | "false" | "true" | undefined;
88
- 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
86
+ 'aria-modal'?: boolean | "true" | "false" | undefined;
87
+ 'aria-multiline'?: boolean | "true" | "false" | undefined;
88
+ 'aria-multiselectable'?: boolean | "true" | "false" | 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 | "mixed" | "false" | "true" | undefined;
94
- 'aria-readonly'?: boolean | "false" | "true" | undefined;
93
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
94
+ 'aria-readonly'?: boolean | "true" | "false" | 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 | "false" | "true" | undefined;
96
+ 'aria-required'?: boolean | "true" | "false" | 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 | "false" | "true" | undefined;
101
+ 'aria-selected'?: boolean | "true" | "false" | undefined;
102
102
  'aria-setsize'?: number | undefined;
103
103
  'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
104
104
  'aria-valuemax'?: number | undefined;
@@ -268,15 +268,15 @@ 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?: "small" | "medium" | "large" | undefined;
272
271
  as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
273
- disabled?: boolean | undefined;
274
272
  autoFocus?: boolean | undefined;
273
+ disabled?: boolean | undefined;
275
274
  formAction?: string | undefined;
276
275
  formEncType?: string | undefined;
277
276
  formMethod?: string | undefined;
278
277
  formNoValidate?: boolean | undefined;
279
278
  formTarget?: string | undefined;
279
+ variant?: "small" | "medium" | "large" | 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>;
package/lib/CircleOcticon.d.ts CHANGED
@@ -114,24 +114,6 @@ declare namespace CircleOcticon {
114
114
  slot?: string | undefined;
115
115
  style?: React.CSSProperties | undefined;
116
116
  title?: string | undefined;
117
- bg?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
118
- m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
119
- mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
120
- mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
121
- mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
122
- ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
123
- mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
124
- marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
125
- my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
126
- marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
127
- pt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
128
- pr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
129
- pb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
130
- pl?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
131
- px?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
132
- paddingX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
133
- py?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
134
- paddingY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
135
117
  key?: React.Key | null | undefined;
136
118
  defaultChecked?: boolean | undefined;
137
119
  defaultValue?: string | number | readonly string[] | undefined;
@@ -139,14 +121,14 @@ declare namespace CircleOcticon {
139
121
  suppressHydrationWarning?: boolean | undefined;
140
122
  accessKey?: string | undefined;
141
123
  className?: string | undefined;
142
- contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
124
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
143
125
  contextMenu?: string | undefined;
144
126
  dir?: string | undefined;
145
- draggable?: (boolean | "false" | "true") | undefined;
127
+ draggable?: (boolean | "true" | "false") | undefined;
146
128
  id?: string | undefined;
147
129
  lang?: string | undefined;
148
130
  placeholder?: string | undefined;
149
- spellCheck?: (boolean | "false" | "true") | undefined;
131
+ spellCheck?: (boolean | "true" | "false") | undefined;
150
132
  tabIndex?: number | undefined;
151
133
  radioGroup?: string | undefined;
152
134
  role?: React.AriaRole | undefined;
@@ -172,47 +154,47 @@ declare namespace CircleOcticon {
172
154
  inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
173
155
  is?: string | undefined;
174
156
  'aria-activedescendant'?: string | 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;
157
+ 'aria-atomic'?: boolean | "true" | "false" | undefined;
158
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
159
+ 'aria-busy'?: boolean | "true" | "false" | undefined;
160
+ 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
179
161
  'aria-colcount'?: number | undefined;
180
162
  'aria-colindex'?: number | undefined;
181
163
  'aria-colspan'?: number | undefined;
182
164
  'aria-controls'?: string | undefined;
183
- 'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
165
+ 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
184
166
  'aria-describedby'?: string | undefined;
185
167
  'aria-details'?: string | undefined;
186
- 'aria-disabled'?: boolean | "false" | "true" | undefined;
187
- 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
168
+ 'aria-disabled'?: boolean | "true" | "false" | undefined;
169
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
188
170
  'aria-errormessage'?: string | undefined;
189
- 'aria-expanded'?: boolean | "false" | "true" | undefined;
171
+ 'aria-expanded'?: boolean | "true" | "false" | undefined;
190
172
  'aria-flowto'?: string | 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;
173
+ 'aria-grabbed'?: boolean | "true" | "false" | undefined;
174
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "tree" | "true" | "false" | undefined;
175
+ 'aria-hidden'?: boolean | "true" | "false" | undefined;
176
+ 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
195
177
  'aria-keyshortcuts'?: string | undefined;
196
178
  'aria-label'?: string | undefined;
197
179
  'aria-labelledby'?: string | undefined;
198
180
  'aria-level'?: number | undefined;
199
181
  'aria-live'?: "off" | "assertive" | "polite" | undefined;
200
- 'aria-modal'?: boolean | "false" | "true" | undefined;
201
- 'aria-multiline'?: boolean | "false" | "true" | undefined;
202
- 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
182
+ 'aria-modal'?: boolean | "true" | "false" | undefined;
183
+ 'aria-multiline'?: boolean | "true" | "false" | undefined;
184
+ 'aria-multiselectable'?: boolean | "true" | "false" | undefined;
203
185
  'aria-orientation'?: "horizontal" | "vertical" | undefined;
204
186
  'aria-owns'?: string | undefined;
205
187
  'aria-placeholder'?: string | undefined;
206
188
  'aria-posinset'?: number | undefined;
207
- 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
208
- 'aria-readonly'?: boolean | "false" | "true" | undefined;
189
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
190
+ 'aria-readonly'?: boolean | "true" | "false" | undefined;
209
191
  'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
210
- 'aria-required'?: boolean | "false" | "true" | undefined;
192
+ 'aria-required'?: boolean | "true" | "false" | undefined;
211
193
  'aria-roledescription'?: string | undefined;
212
194
  'aria-rowcount'?: number | undefined;
213
195
  'aria-rowindex'?: number | undefined;
214
196
  'aria-rowspan'?: number | undefined;
215
- 'aria-selected'?: boolean | "false" | "true" | undefined;
197
+ 'aria-selected'?: boolean | "true" | "false" | undefined;
216
198
  'aria-setsize'?: number | undefined;
217
199
  'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
218
200
  'aria-valuemax'?: number | undefined;
@@ -382,6 +364,24 @@ declare namespace CircleOcticon {
382
364
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
383
365
  onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
384
366
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
367
+ bg?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
368
+ m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
369
+ mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
370
+ mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
371
+ mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
372
+ ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
373
+ mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
374
+ marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
375
+ my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
376
+ marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
377
+ pt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
378
+ pr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
379
+ pb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
380
+ pl?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
381
+ px?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
382
+ paddingX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
383
+ py?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
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
387
  sx?: import("./sx").BetterSystemStyleObject | undefined;