@primer/components 0.0.0-20219296335 → 0.0.0-2021931194230

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 (166) hide show
  1. package/CHANGELOG.md +1 -23
  2. package/dist/browser.esm.js +440 -441
  3. package/dist/browser.esm.js.map +1 -1
  4. package/dist/browser.umd.js +444 -445
  5. package/dist/browser.umd.js.map +1 -1
  6. package/lib/ActionList/Item.d.ts +0 -6
  7. package/lib/ActionList/Item.js +1 -5
  8. package/lib/ActionMenu.js +2 -2
  9. package/lib/AnchoredOverlay/AnchoredOverlay.d.ts +4 -2
  10. package/lib/Autocomplete/Autocomplete.d.ts +35 -33
  11. package/lib/Autocomplete/AutocompleteInput.d.ts +35 -33
  12. package/lib/Button/Button.d.ts +29 -29
  13. package/lib/Button/ButtonBase.d.ts +1 -1
  14. package/lib/Button/ButtonClose.d.ts +49 -49
  15. package/lib/Button/ButtonDanger.d.ts +29 -29
  16. package/lib/Button/ButtonInvisible.d.ts +29 -29
  17. package/lib/Button/ButtonOutline.d.ts +29 -29
  18. package/lib/Button/ButtonPrimary.d.ts +29 -29
  19. package/lib/CircleBadge.d.ts +2 -2
  20. package/lib/CircleOcticon.d.ts +51 -51
  21. package/lib/DatePicker/DatePicker.d.ts +48 -0
  22. package/lib/DatePicker/DatePicker.js +106 -0
  23. package/lib/DatePicker/DatePickerAnchor.d.ts +5 -0
  24. package/lib/DatePicker/DatePickerAnchor.js +223 -0
  25. package/lib/DatePicker/DatePickerOverlay.d.ts +3 -0
  26. package/lib/DatePicker/DatePickerOverlay.js +48 -0
  27. package/lib/DatePicker/DatePickerPanel.d.ts +2 -0
  28. package/lib/DatePicker/DatePickerPanel.js +143 -0
  29. package/lib/DatePicker/Day.d.ts +14 -0
  30. package/lib/DatePicker/Day.js +192 -0
  31. package/lib/DatePicker/Month.d.ts +9 -0
  32. package/lib/DatePicker/Month.js +122 -0
  33. package/lib/DatePicker/dateParser.d.ts +11 -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 +89 -0
  38. package/lib/DatePicker/useDatePicker.js +439 -0
  39. package/lib/Dialog/Dialog.d.ts +4 -4
  40. package/lib/Dialog/Dialog.js +22 -12
  41. package/lib/Dialog.d.ts +54 -54
  42. package/lib/Dropdown.d.ts +245 -167
  43. package/lib/Dropdown.js +5 -6
  44. package/lib/DropdownMenu/DropdownButton.d.ts +50 -50
  45. package/lib/FilterList.d.ts +46 -46
  46. package/lib/Flash.d.ts +1 -1
  47. package/lib/Label.d.ts +1 -1
  48. package/lib/Position.d.ts +4 -4
  49. package/lib/ProgressBar.d.ts +1 -1
  50. package/lib/SelectMenu/SelectMenu.d.ts +273 -271
  51. package/lib/SelectMenu/SelectMenuItem.d.ts +1 -1
  52. package/lib/SelectMenu/SelectMenuModal.d.ts +1 -1
  53. package/lib/TextInputWithTokens.d.ts +35 -37
  54. package/lib/TextInputWithTokens.js +29 -102
  55. package/lib/Timeline.d.ts +52 -52
  56. package/lib/Token/AvatarToken.d.ts +1 -1
  57. package/lib/Token/IssueLabelToken.d.ts +1 -1
  58. package/lib/Token/Token.d.ts +1 -1
  59. package/lib/Token/Token.js +2 -13
  60. package/lib/Token/TokenBase.js +4 -0
  61. package/lib/Token/_RemoveTokenButton.js +2 -15
  62. package/lib/_TextInputWrapper.d.ts +1 -1
  63. package/lib/_TextInputWrapper.js +1 -1
  64. package/lib/constants.js +1 -3
  65. package/lib/hooks/useDebounce.d.ts +2 -0
  66. package/lib/hooks/useDebounce.js +24 -0
  67. package/lib/hooks/useResizeObserver.d.ts +1 -1
  68. package/lib/hooks/useResizeObserver.js +1 -1
  69. package/lib/index.d.ts +0 -2
  70. package/lib/index.js +0 -8
  71. package/lib/sx.d.ts +2 -8
  72. package/lib/theme-preval.js +2 -2
  73. package/lib/theme.d.ts +0 -78
  74. package/lib/theme.js +1 -3
  75. package/lib/utils/testing.d.ts +1 -1
  76. package/lib-esm/ActionList/Item.d.ts +0 -6
  77. package/lib-esm/ActionList/Item.js +1 -5
  78. package/lib-esm/ActionMenu.js +2 -2
  79. package/lib-esm/AnchoredOverlay/AnchoredOverlay.d.ts +4 -2
  80. package/lib-esm/Autocomplete/Autocomplete.d.ts +35 -33
  81. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +35 -33
  82. package/lib-esm/Button/Button.d.ts +29 -29
  83. package/lib-esm/Button/ButtonBase.d.ts +1 -1
  84. package/lib-esm/Button/ButtonClose.d.ts +49 -49
  85. package/lib-esm/Button/ButtonDanger.d.ts +29 -29
  86. package/lib-esm/Button/ButtonInvisible.d.ts +29 -29
  87. package/lib-esm/Button/ButtonOutline.d.ts +29 -29
  88. package/lib-esm/Button/ButtonPrimary.d.ts +29 -29
  89. package/lib-esm/CircleBadge.d.ts +2 -2
  90. package/lib-esm/CircleOcticon.d.ts +51 -51
  91. package/lib-esm/DatePicker/DatePicker.d.ts +48 -0
  92. package/lib-esm/DatePicker/DatePicker.js +89 -0
  93. package/lib-esm/DatePicker/DatePickerAnchor.d.ts +5 -0
  94. package/lib-esm/DatePicker/DatePickerAnchor.js +196 -0
  95. package/lib-esm/DatePicker/DatePickerOverlay.d.ts +3 -0
  96. package/lib-esm/DatePicker/DatePickerOverlay.js +29 -0
  97. package/lib-esm/DatePicker/DatePickerPanel.d.ts +2 -0
  98. package/lib-esm/DatePicker/DatePickerPanel.js +116 -0
  99. package/lib-esm/DatePicker/Day.d.ts +14 -0
  100. package/lib-esm/DatePicker/Day.js +169 -0
  101. package/lib-esm/DatePicker/Month.d.ts +9 -0
  102. package/lib-esm/DatePicker/Month.js +98 -0
  103. package/lib-esm/DatePicker/dateParser.d.ts +11 -0
  104. package/lib-esm/DatePicker/dateParser.js +178 -0
  105. package/lib-esm/DatePicker/index.d.ts +2 -0
  106. package/lib-esm/DatePicker/index.js +1 -0
  107. package/lib-esm/DatePicker/useDatePicker.d.ts +89 -0
  108. package/lib-esm/DatePicker/useDatePicker.js +408 -0
  109. package/lib-esm/Dialog/Dialog.d.ts +4 -4
  110. package/lib-esm/Dialog/Dialog.js +21 -12
  111. package/lib-esm/Dialog.d.ts +54 -54
  112. package/lib-esm/Dropdown.d.ts +245 -167
  113. package/lib-esm/Dropdown.js +3 -4
  114. package/lib-esm/DropdownMenu/DropdownButton.d.ts +50 -50
  115. package/lib-esm/FilterList.d.ts +46 -46
  116. package/lib-esm/Flash.d.ts +1 -1
  117. package/lib-esm/Label.d.ts +1 -1
  118. package/lib-esm/Position.d.ts +4 -4
  119. package/lib-esm/ProgressBar.d.ts +1 -1
  120. package/lib-esm/SelectMenu/SelectMenu.d.ts +273 -271
  121. package/lib-esm/SelectMenu/SelectMenuItem.d.ts +1 -1
  122. package/lib-esm/SelectMenu/SelectMenuModal.d.ts +1 -1
  123. package/lib-esm/TextInputWithTokens.d.ts +35 -37
  124. package/lib-esm/TextInputWithTokens.js +30 -101
  125. package/lib-esm/Timeline.d.ts +52 -52
  126. package/lib-esm/Token/AvatarToken.d.ts +1 -1
  127. package/lib-esm/Token/IssueLabelToken.d.ts +1 -1
  128. package/lib-esm/Token/Token.d.ts +1 -1
  129. package/lib-esm/Token/Token.js +2 -13
  130. package/lib-esm/Token/TokenBase.js +4 -0
  131. package/lib-esm/Token/_RemoveTokenButton.js +2 -11
  132. package/lib-esm/_TextInputWrapper.d.ts +1 -1
  133. package/lib-esm/_TextInputWrapper.js +1 -1
  134. package/lib-esm/constants.js +1 -3
  135. package/lib-esm/hooks/useDebounce.d.ts +2 -0
  136. package/lib-esm/hooks/useDebounce.js +16 -0
  137. package/lib-esm/hooks/useResizeObserver.d.ts +1 -1
  138. package/lib-esm/hooks/useResizeObserver.js +1 -1
  139. package/lib-esm/index.d.ts +0 -2
  140. package/lib-esm/index.js +0 -1
  141. package/lib-esm/sx.d.ts +2 -8
  142. package/lib-esm/theme-preval.js +2 -2
  143. package/lib-esm/theme.d.ts +0 -78
  144. package/lib-esm/theme.js +1 -2
  145. package/lib-esm/utils/testing.d.ts +1 -1
  146. package/package.json +14 -14
  147. package/lib/NewButton/button.d.ts +0 -581
  148. package/lib/NewButton/button.js +0 -332
  149. package/lib/NewButton/buttonStyles.d.ts +0 -2
  150. package/lib/NewButton/buttonStyles.js +0 -14
  151. package/lib/NewButton/counter.d.ts +0 -6
  152. package/lib/NewButton/counter.js +0 -34
  153. package/lib/NewButton/index.d.ts +0 -4
  154. package/lib/NewButton/index.js +0 -21
  155. package/lib/utils/types/KeyPaths.d.ts +0 -3
  156. package/lib/utils/types/KeyPaths.js +0 -1
  157. package/lib-esm/NewButton/button.d.ts +0 -581
  158. package/lib-esm/NewButton/button.js +0 -308
  159. package/lib-esm/NewButton/buttonStyles.d.ts +0 -2
  160. package/lib-esm/NewButton/buttonStyles.js +0 -3
  161. package/lib-esm/NewButton/counter.d.ts +0 -6
  162. package/lib-esm/NewButton/counter.js +0 -22
  163. package/lib-esm/NewButton/index.d.ts +0 -4
  164. package/lib-esm/NewButton/index.js +0 -3
  165. package/lib-esm/utils/types/KeyPaths.d.ts +0 -3
  166. package/lib-esm/utils/types/KeyPaths.js +0 -1
package/lib-esm/Button/ButtonInvisible.d.ts CHANGED
@@ -3,17 +3,19 @@ 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;
10
10
  translate?: "yes" | "no" | undefined;
11
11
  hidden?: boolean | undefined;
12
- style?: import("react").CSSProperties | undefined;
12
+ children?: import("react").ReactNode;
13
+ value?: string | number | readonly string[] | undefined;
14
+ ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
13
15
  form?: string | undefined;
14
16
  slot?: string | undefined;
17
+ style?: import("react").CSSProperties | undefined;
15
18
  title?: string | undefined;
16
- ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
17
19
  type?: "button" | "reset" | "submit" | undefined;
18
20
  name?: string | undefined;
19
21
  key?: import("react").Key | null | undefined;
@@ -23,14 +25,14 @@ declare const ButtonInvisible: import("styled-components").StyledComponent<"butt
23
25
  suppressHydrationWarning?: boolean | undefined;
24
26
  accessKey?: string | undefined;
25
27
  className?: string | undefined;
26
- contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
28
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
27
29
  contextMenu?: string | undefined;
28
30
  dir?: string | undefined;
29
- draggable?: (boolean | "false" | "true") | undefined;
31
+ draggable?: (boolean | "true" | "false") | undefined;
30
32
  id?: string | undefined;
31
33
  lang?: string | undefined;
32
34
  placeholder?: string | undefined;
33
- spellCheck?: (boolean | "false" | "true") | undefined;
35
+ spellCheck?: (boolean | "true" | "false") | undefined;
34
36
  tabIndex?: number | undefined;
35
37
  radioGroup?: string | undefined;
36
38
  role?: import("react").AriaRole | undefined;
@@ -53,57 +55,56 @@ declare const ButtonInvisible: import("styled-components").StyledComponent<"butt
53
55
  results?: number | undefined;
54
56
  security?: string | undefined;
55
57
  unselectable?: "on" | "off" | undefined;
56
- inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
58
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
57
59
  is?: string | undefined;
58
60
  'aria-activedescendant'?: string | undefined;
59
- 'aria-atomic'?: boolean | "false" | "true" | undefined;
60
- 'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
61
- 'aria-busy'?: boolean | "false" | "true" | undefined;
62
- 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
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;
63
65
  'aria-colcount'?: number | undefined;
64
66
  'aria-colindex'?: number | undefined;
65
67
  'aria-colspan'?: number | undefined;
66
68
  'aria-controls'?: string | undefined;
67
- 'aria-current'?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
69
+ 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
68
70
  'aria-describedby'?: string | undefined;
69
71
  'aria-details'?: string | undefined;
70
- 'aria-disabled'?: boolean | "false" | "true" | undefined;
71
- 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
72
+ 'aria-disabled'?: boolean | "true" | "false" | undefined;
73
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
72
74
  'aria-errormessage'?: string | undefined;
73
- 'aria-expanded'?: boolean | "false" | "true" | undefined;
75
+ 'aria-expanded'?: boolean | "true" | "false" | undefined;
74
76
  'aria-flowto'?: string | undefined;
75
- 'aria-grabbed'?: boolean | "false" | "true" | undefined;
76
- 'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
77
- 'aria-hidden'?: boolean | "false" | "true" | undefined;
78
- 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
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;
79
81
  'aria-keyshortcuts'?: string | undefined;
80
82
  'aria-label'?: string | undefined;
81
83
  'aria-labelledby'?: string | undefined;
82
84
  'aria-level'?: number | undefined;
83
85
  'aria-live'?: "off" | "assertive" | "polite" | undefined;
84
- 'aria-modal'?: boolean | "false" | "true" | undefined;
85
- 'aria-multiline'?: boolean | "false" | "true" | undefined;
86
- '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;
87
89
  'aria-orientation'?: "horizontal" | "vertical" | undefined;
88
90
  'aria-owns'?: string | undefined;
89
91
  'aria-placeholder'?: string | undefined;
90
92
  'aria-posinset'?: number | undefined;
91
- 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
92
- 'aria-readonly'?: boolean | "false" | "true" | undefined;
93
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
94
+ 'aria-readonly'?: boolean | "true" | "false" | undefined;
93
95
  'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
94
- 'aria-required'?: boolean | "false" | "true" | undefined;
96
+ 'aria-required'?: boolean | "true" | "false" | undefined;
95
97
  'aria-roledescription'?: string | undefined;
96
98
  'aria-rowcount'?: number | undefined;
97
99
  'aria-rowindex'?: number | undefined;
98
100
  'aria-rowspan'?: number | undefined;
99
- 'aria-selected'?: boolean | "false" | "true" | undefined;
101
+ 'aria-selected'?: boolean | "true" | "false" | undefined;
100
102
  'aria-setsize'?: number | undefined;
101
103
  'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
102
104
  'aria-valuemax'?: number | undefined;
103
105
  'aria-valuemin'?: number | undefined;
104
106
  'aria-valuenow'?: number | undefined;
105
107
  'aria-valuetext'?: string | undefined;
106
- children?: import("react").ReactNode;
107
108
  dangerouslySetInnerHTML?: {
108
109
  __html: string;
109
110
  } | undefined;
@@ -267,7 +268,6 @@ declare const ButtonInvisible: import("styled-components").StyledComponent<"butt
267
268
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
268
269
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
269
270
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
270
- value?: string | number | readonly string[] | undefined;
271
271
  autoFocus?: boolean | undefined;
272
272
  disabled?: boolean | undefined;
273
273
  formAction?: string | undefined;
@@ -275,8 +275,8 @@ declare const ButtonInvisible: import("styled-components").StyledComponent<"butt
275
275
  formMethod?: string | undefined;
276
276
  formNoValidate?: boolean | undefined;
277
277
  formTarget?: string | undefined;
278
- variant?: "small" | "medium" | "large" | undefined;
279
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>;
package/lib-esm/Button/ButtonOutline.d.ts CHANGED
@@ -3,17 +3,19 @@ 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;
10
10
  translate?: "yes" | "no" | undefined;
11
11
  hidden?: boolean | undefined;
12
- style?: import("react").CSSProperties | undefined;
12
+ children?: import("react").ReactNode;
13
+ value?: string | number | readonly string[] | undefined;
14
+ ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
13
15
  form?: string | undefined;
14
16
  slot?: string | undefined;
17
+ style?: import("react").CSSProperties | undefined;
15
18
  title?: string | undefined;
16
- ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
17
19
  type?: "button" | "reset" | "submit" | undefined;
18
20
  name?: string | undefined;
19
21
  key?: import("react").Key | null | undefined;
@@ -23,14 +25,14 @@ declare const ButtonOutline: import("styled-components").StyledComponent<"button
23
25
  suppressHydrationWarning?: boolean | undefined;
24
26
  accessKey?: string | undefined;
25
27
  className?: string | undefined;
26
- contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
28
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
27
29
  contextMenu?: string | undefined;
28
30
  dir?: string | undefined;
29
- draggable?: (boolean | "false" | "true") | undefined;
31
+ draggable?: (boolean | "true" | "false") | undefined;
30
32
  id?: string | undefined;
31
33
  lang?: string | undefined;
32
34
  placeholder?: string | undefined;
33
- spellCheck?: (boolean | "false" | "true") | undefined;
35
+ spellCheck?: (boolean | "true" | "false") | undefined;
34
36
  tabIndex?: number | undefined;
35
37
  radioGroup?: string | undefined;
36
38
  role?: import("react").AriaRole | undefined;
@@ -53,57 +55,56 @@ declare const ButtonOutline: import("styled-components").StyledComponent<"button
53
55
  results?: number | undefined;
54
56
  security?: string | undefined;
55
57
  unselectable?: "on" | "off" | undefined;
56
- inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
58
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
57
59
  is?: string | undefined;
58
60
  'aria-activedescendant'?: string | undefined;
59
- 'aria-atomic'?: boolean | "false" | "true" | undefined;
60
- 'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
61
- 'aria-busy'?: boolean | "false" | "true" | undefined;
62
- 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
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;
63
65
  'aria-colcount'?: number | undefined;
64
66
  'aria-colindex'?: number | undefined;
65
67
  'aria-colspan'?: number | undefined;
66
68
  'aria-controls'?: string | undefined;
67
- 'aria-current'?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
69
+ 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
68
70
  'aria-describedby'?: string | undefined;
69
71
  'aria-details'?: string | undefined;
70
- 'aria-disabled'?: boolean | "false" | "true" | undefined;
71
- 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
72
+ 'aria-disabled'?: boolean | "true" | "false" | undefined;
73
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
72
74
  'aria-errormessage'?: string | undefined;
73
- 'aria-expanded'?: boolean | "false" | "true" | undefined;
75
+ 'aria-expanded'?: boolean | "true" | "false" | undefined;
74
76
  'aria-flowto'?: string | undefined;
75
- 'aria-grabbed'?: boolean | "false" | "true" | undefined;
76
- 'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
77
- 'aria-hidden'?: boolean | "false" | "true" | undefined;
78
- 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
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;
79
81
  'aria-keyshortcuts'?: string | undefined;
80
82
  'aria-label'?: string | undefined;
81
83
  'aria-labelledby'?: string | undefined;
82
84
  'aria-level'?: number | undefined;
83
85
  'aria-live'?: "off" | "assertive" | "polite" | undefined;
84
- 'aria-modal'?: boolean | "false" | "true" | undefined;
85
- 'aria-multiline'?: boolean | "false" | "true" | undefined;
86
- '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;
87
89
  'aria-orientation'?: "horizontal" | "vertical" | undefined;
88
90
  'aria-owns'?: string | undefined;
89
91
  'aria-placeholder'?: string | undefined;
90
92
  'aria-posinset'?: number | undefined;
91
- 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
92
- 'aria-readonly'?: boolean | "false" | "true" | undefined;
93
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
94
+ 'aria-readonly'?: boolean | "true" | "false" | undefined;
93
95
  'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
94
- 'aria-required'?: boolean | "false" | "true" | undefined;
96
+ 'aria-required'?: boolean | "true" | "false" | undefined;
95
97
  'aria-roledescription'?: string | undefined;
96
98
  'aria-rowcount'?: number | undefined;
97
99
  'aria-rowindex'?: number | undefined;
98
100
  'aria-rowspan'?: number | undefined;
99
- 'aria-selected'?: boolean | "false" | "true" | undefined;
101
+ 'aria-selected'?: boolean | "true" | "false" | undefined;
100
102
  'aria-setsize'?: number | undefined;
101
103
  'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
102
104
  'aria-valuemax'?: number | undefined;
103
105
  'aria-valuemin'?: number | undefined;
104
106
  'aria-valuenow'?: number | undefined;
105
107
  'aria-valuetext'?: string | undefined;
106
- children?: import("react").ReactNode;
107
108
  dangerouslySetInnerHTML?: {
108
109
  __html: string;
109
110
  } | undefined;
@@ -267,7 +268,6 @@ declare const ButtonOutline: import("styled-components").StyledComponent<"button
267
268
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
268
269
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
269
270
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
270
- value?: string | number | readonly string[] | undefined;
271
271
  autoFocus?: boolean | undefined;
272
272
  disabled?: boolean | undefined;
273
273
  formAction?: string | undefined;
@@ -275,8 +275,8 @@ declare const ButtonOutline: import("styled-components").StyledComponent<"button
275
275
  formMethod?: string | undefined;
276
276
  formNoValidate?: boolean | undefined;
277
277
  formTarget?: string | undefined;
278
- variant?: "small" | "medium" | "large" | undefined;
279
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>;
package/lib-esm/Button/ButtonPrimary.d.ts CHANGED
@@ -3,17 +3,19 @@ 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;
10
10
  translate?: "yes" | "no" | undefined;
11
11
  hidden?: boolean | undefined;
12
- style?: import("react").CSSProperties | undefined;
12
+ children?: import("react").ReactNode;
13
+ value?: string | number | readonly string[] | undefined;
14
+ ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
13
15
  form?: string | undefined;
14
16
  slot?: string | undefined;
17
+ style?: import("react").CSSProperties | undefined;
15
18
  title?: string | undefined;
16
- ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
17
19
  type?: "button" | "reset" | "submit" | undefined;
18
20
  name?: string | undefined;
19
21
  key?: import("react").Key | null | undefined;
@@ -23,14 +25,14 @@ export declare const ButtonPrimary: import("styled-components").StyledComponent<
23
25
  suppressHydrationWarning?: boolean | undefined;
24
26
  accessKey?: string | undefined;
25
27
  className?: string | undefined;
26
- contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
28
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
27
29
  contextMenu?: string | undefined;
28
30
  dir?: string | undefined;
29
- draggable?: (boolean | "false" | "true") | undefined;
31
+ draggable?: (boolean | "true" | "false") | undefined;
30
32
  id?: string | undefined;
31
33
  lang?: string | undefined;
32
34
  placeholder?: string | undefined;
33
- spellCheck?: (boolean | "false" | "true") | undefined;
35
+ spellCheck?: (boolean | "true" | "false") | undefined;
34
36
  tabIndex?: number | undefined;
35
37
  radioGroup?: string | undefined;
36
38
  role?: import("react").AriaRole | undefined;
@@ -53,57 +55,56 @@ export declare const ButtonPrimary: import("styled-components").StyledComponent<
53
55
  results?: number | undefined;
54
56
  security?: string | undefined;
55
57
  unselectable?: "on" | "off" | undefined;
56
- inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
58
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
57
59
  is?: string | undefined;
58
60
  'aria-activedescendant'?: string | undefined;
59
- 'aria-atomic'?: boolean | "false" | "true" | undefined;
60
- 'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
61
- 'aria-busy'?: boolean | "false" | "true" | undefined;
62
- 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
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;
63
65
  'aria-colcount'?: number | undefined;
64
66
  'aria-colindex'?: number | undefined;
65
67
  'aria-colspan'?: number | undefined;
66
68
  'aria-controls'?: string | undefined;
67
- 'aria-current'?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
69
+ 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
68
70
  'aria-describedby'?: string | undefined;
69
71
  'aria-details'?: string | undefined;
70
- 'aria-disabled'?: boolean | "false" | "true" | undefined;
71
- 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
72
+ 'aria-disabled'?: boolean | "true" | "false" | undefined;
73
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
72
74
  'aria-errormessage'?: string | undefined;
73
- 'aria-expanded'?: boolean | "false" | "true" | undefined;
75
+ 'aria-expanded'?: boolean | "true" | "false" | undefined;
74
76
  'aria-flowto'?: string | undefined;
75
- 'aria-grabbed'?: boolean | "false" | "true" | undefined;
76
- 'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
77
- 'aria-hidden'?: boolean | "false" | "true" | undefined;
78
- 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
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;
79
81
  'aria-keyshortcuts'?: string | undefined;
80
82
  'aria-label'?: string | undefined;
81
83
  'aria-labelledby'?: string | undefined;
82
84
  'aria-level'?: number | undefined;
83
85
  'aria-live'?: "off" | "assertive" | "polite" | undefined;
84
- 'aria-modal'?: boolean | "false" | "true" | undefined;
85
- 'aria-multiline'?: boolean | "false" | "true" | undefined;
86
- '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;
87
89
  'aria-orientation'?: "horizontal" | "vertical" | undefined;
88
90
  'aria-owns'?: string | undefined;
89
91
  'aria-placeholder'?: string | undefined;
90
92
  'aria-posinset'?: number | undefined;
91
- 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
92
- 'aria-readonly'?: boolean | "false" | "true" | undefined;
93
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
94
+ 'aria-readonly'?: boolean | "true" | "false" | undefined;
93
95
  'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
94
- 'aria-required'?: boolean | "false" | "true" | undefined;
96
+ 'aria-required'?: boolean | "true" | "false" | undefined;
95
97
  'aria-roledescription'?: string | undefined;
96
98
  'aria-rowcount'?: number | undefined;
97
99
  'aria-rowindex'?: number | undefined;
98
100
  'aria-rowspan'?: number | undefined;
99
- 'aria-selected'?: boolean | "false" | "true" | undefined;
101
+ 'aria-selected'?: boolean | "true" | "false" | undefined;
100
102
  'aria-setsize'?: number | undefined;
101
103
  'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
102
104
  'aria-valuemax'?: number | undefined;
103
105
  'aria-valuemin'?: number | undefined;
104
106
  'aria-valuenow'?: number | undefined;
105
107
  'aria-valuetext'?: string | undefined;
106
- children?: import("react").ReactNode;
107
108
  dangerouslySetInnerHTML?: {
108
109
  __html: string;
109
110
  } | undefined;
@@ -267,7 +268,6 @@ export declare const ButtonPrimary: import("styled-components").StyledComponent<
267
268
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
268
269
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
269
270
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
270
- value?: string | number | readonly string[] | undefined;
271
271
  autoFocus?: boolean | undefined;
272
272
  disabled?: boolean | undefined;
273
273
  formAction?: string | undefined;
@@ -275,8 +275,8 @@ export declare const ButtonPrimary: import("styled-components").StyledComponent<
275
275
  formMethod?: string | undefined;
276
276
  formNoValidate?: boolean | undefined;
277
277
  formTarget?: string | undefined;
278
- variant?: "small" | "medium" | "large" | undefined;
279
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>;
package/lib-esm/CircleBadge.d.ts CHANGED
@@ -5,7 +5,7 @@ import { SxProp } from './sx';
5
5
  import { ComponentProps } from './utils/types';
6
6
  declare const CircleBadge: import("styled-components").StyledComponent<"div", any, {
7
7
  inline?: boolean | undefined;
8
- variant?: "small" | "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 }: {