@codacy/ui-components 0.64.16 → 0.64.18

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 (223) hide show
  1. package/lib/Avatar/Avatar.js +25 -19
  2. package/lib/Avatar/Avatar.types.js +5 -1
  3. package/lib/Avatar/gravatar.js +17 -13
  4. package/lib/Avatar/index.js +16 -1
  5. package/lib/Banner/Banner.js +45 -32
  6. package/lib/Banner/Banner.styles.d.ts +11 -12
  7. package/lib/Banner/Banner.styles.js +26 -15
  8. package/lib/Banner/Banner.types.js +5 -1
  9. package/lib/Banner/index.js +27 -2
  10. package/lib/Button/Button.js +54 -51
  11. package/lib/Button/index.js +27 -2
  12. package/lib/Button/styles.d.ts +16 -12
  13. package/lib/Button/styles.js +58 -44
  14. package/lib/Button/types.js +5 -1
  15. package/lib/Checkbox/Checkbox.js +63 -54
  16. package/lib/Checkbox/CheckboxFilterList.js +46 -32
  17. package/lib/Checkbox/index.js +38 -3
  18. package/lib/Checkbox/styles.d.ts +25 -22
  19. package/lib/Checkbox/styles.js +52 -37
  20. package/lib/Checkbox/types.js +5 -1
  21. package/lib/CloseButton/index.js +27 -16
  22. package/lib/Divider/Divider.js +23 -13
  23. package/lib/Divider/Divider.styles.d.ts +16 -19
  24. package/lib/Divider/Divider.styles.js +24 -11
  25. package/lib/Divider/Divider.types.js +5 -1
  26. package/lib/Divider/index.js +16 -1
  27. package/lib/Dropdown/Content/DropdownInput.js +20 -8
  28. package/lib/Dropdown/Content/DropdownItem.js +29 -21
  29. package/lib/Dropdown/Content/DropdownSeparator.js +19 -7
  30. package/lib/Dropdown/Content/index.js +38 -3
  31. package/lib/Dropdown/Dropdown.js +89 -85
  32. package/lib/Dropdown/Dropdown.styles.d.ts +37 -34
  33. package/lib/Dropdown/Dropdown.styles.js +62 -43
  34. package/lib/Dropdown/Dropdown.types.js +5 -1
  35. package/lib/Dropdown/Triggers/DropdownButtonTrigger.js +30 -20
  36. package/lib/Dropdown/Triggers/DropdownLinkTrigger.js +29 -19
  37. package/lib/Dropdown/Triggers/InputTrigger.js +18 -10
  38. package/lib/Dropdown/Triggers/SelectTrigger.js +19 -12
  39. package/lib/Dropdown/Triggers/hooks.js +18 -14
  40. package/lib/Dropdown/Triggers/index.js +60 -5
  41. package/lib/Dropdown/Triggers/types.js +5 -1
  42. package/lib/Dropdown/index.js +49 -4
  43. package/lib/Flexbox/Flexbox.d.ts +31 -17
  44. package/lib/Flexbox/Flexbox.js +36 -16
  45. package/lib/Flexbox/index.js +16 -1
  46. package/lib/Group/Group.js +17 -8
  47. package/lib/Group/Group.styles.d.ts +8 -10
  48. package/lib/Group/Group.styles.js +17 -7
  49. package/lib/Group/Group.types.js +5 -1
  50. package/lib/Group/index.js +16 -1
  51. package/lib/Icon/Icon.js +24 -14
  52. package/lib/Icon/Icon.styles.d.ts +9 -11
  53. package/lib/Icon/Icon.styles.js +39 -44
  54. package/lib/Icon/Icon.types.js +5 -1
  55. package/lib/Icon/index.js +16 -1
  56. package/lib/IconAndText/IconAndText.js +33 -21
  57. package/lib/IconAndText/IconAndText.styles.d.ts +8 -10
  58. package/lib/IconAndText/IconAndText.styles.js +20 -10
  59. package/lib/IconAndText/IconAndText.types.js +5 -1
  60. package/lib/IconAndText/index.js +16 -1
  61. package/lib/Icons/Chevrons.js +53 -41
  62. package/lib/Icons/CodacyIcon.js +17 -8
  63. package/lib/Icons/Messages.js +54 -35
  64. package/lib/Icons/Search.js +16 -7
  65. package/lib/Icons/Severities.js +117 -106
  66. package/lib/Icons/Sorting.js +23 -13
  67. package/lib/Icons/Spinner.js +19 -10
  68. package/lib/Icons/Symbols.js +73 -58
  69. package/lib/Icons/index.js +93 -8
  70. package/lib/Img/Img.js +44 -37
  71. package/lib/Img/Img.styles.d.ts +12 -11
  72. package/lib/Img/Img.styles.js +37 -32
  73. package/lib/Img/Img.types.js +5 -1
  74. package/lib/Img/index.js +16 -1
  75. package/lib/InlineMessage/InlineMessage.js +47 -34
  76. package/lib/InlineMessage/index.js +16 -1
  77. package/lib/InlineMessage/types.js +5 -1
  78. package/lib/Input/Input.js +148 -126
  79. package/lib/Input/hooks.js +149 -178
  80. package/lib/Input/index.js +27 -2
  81. package/lib/Input/styles.d.ts +55 -104
  82. package/lib/Input/styles.js +85 -54
  83. package/lib/Input/types.js +5 -1
  84. package/lib/Labeled/Labeled.js +34 -22
  85. package/lib/Labeled/index.js +16 -1
  86. package/lib/Labeled/styles.d.ts +16 -12
  87. package/lib/Labeled/styles.js +27 -11
  88. package/lib/Labeled/types.js +5 -1
  89. package/lib/LeftMenu/LeftMenu.js +20 -11
  90. package/lib/LeftMenu/LeftMenu.styles.d.ts +8 -10
  91. package/lib/LeftMenu/LeftMenu.styles.js +20 -10
  92. package/lib/LeftMenu/LeftMenu.types.js +5 -1
  93. package/lib/LeftMenu/index.js +16 -1
  94. package/lib/Link/Link.js +43 -33
  95. package/lib/Link/Link.styles.d.ts +4 -1
  96. package/lib/Link/Link.styles.js +21 -11
  97. package/lib/Link/Link.types.js +5 -1
  98. package/lib/Link/index.js +38 -3
  99. package/lib/Message/Message.js +32 -24
  100. package/lib/Message/Message.styles.d.ts +8 -10
  101. package/lib/Message/Message.styles.js +17 -7
  102. package/lib/Message/Message.types.js +5 -1
  103. package/lib/Message/index.js +16 -1
  104. package/lib/Modal/ConfirmationModal.js +64 -40
  105. package/lib/Modal/Modal.js +120 -107
  106. package/lib/Modal/index.js +27 -2
  107. package/lib/Modal/styles.d.ts +44 -61
  108. package/lib/Modal/styles.js +97 -85
  109. package/lib/Modal/types.js +5 -1
  110. package/lib/MoreInfo/MoreInfo.js +45 -39
  111. package/lib/MoreInfo/index.js +16 -1
  112. package/lib/MoreInfo/types.js +5 -1
  113. package/lib/Panel/Panel.js +18 -9
  114. package/lib/Panel/Panel.styles.d.ts +8 -11
  115. package/lib/Panel/Panel.styles.js +15 -5
  116. package/lib/Panel/Panel.types.js +5 -1
  117. package/lib/Panel/index.js +27 -2
  118. package/lib/PillLabel/PillLabel.js +28 -21
  119. package/lib/PillLabel/PillLabel.styles.d.ts +8 -10
  120. package/lib/PillLabel/PillLabel.styles.js +25 -16
  121. package/lib/PillLabel/PillLabel.types.js +5 -1
  122. package/lib/PillLabel/index.js +16 -1
  123. package/lib/Popup/Popup.js +55 -45
  124. package/lib/Popup/index.js +16 -1
  125. package/lib/Popup/styles.d.ts +12 -11
  126. package/lib/Popup/styles.js +21 -8
  127. package/lib/Popup/types.js +5 -1
  128. package/lib/ProgressBar/ProgressBar.js +30 -20
  129. package/lib/ProgressBar/index.js +27 -2
  130. package/lib/ProgressBar/styles.d.ts +24 -28
  131. package/lib/ProgressBar/styles.js +30 -14
  132. package/lib/ProgressBar/types.js +5 -1
  133. package/lib/Radio/Radio.js +53 -48
  134. package/lib/Radio/index.js +16 -1
  135. package/lib/Radio/styles.d.ts +25 -22
  136. package/lib/Radio/styles.js +49 -30
  137. package/lib/Radio/types.js +5 -1
  138. package/lib/ScrollableContent/ScrollableContent.js +35 -24
  139. package/lib/ScrollableContent/ScrollableContent.styles.d.ts +9 -11
  140. package/lib/ScrollableContent/ScrollableContent.styles.js +23 -13
  141. package/lib/ScrollableContent/ScrollableContent.types.js +5 -1
  142. package/lib/ScrollableContent/index.js +27 -2
  143. package/lib/ScrollableContent/useScrollContainer.js +29 -24
  144. package/lib/Select/Select.js +31 -20
  145. package/lib/Select/index.js +16 -1
  146. package/lib/Select/types.js +5 -1
  147. package/lib/Skeleton/Skeleton.js +30 -25
  148. package/lib/Skeleton/Skeleton.styles.d.ts +8 -10
  149. package/lib/Skeleton/Skeleton.styles.js +21 -14
  150. package/lib/Skeleton/Skeleton.types.js +5 -1
  151. package/lib/Skeleton/index.js +20 -2
  152. package/lib/Stepper/Stepper.js +49 -40
  153. package/lib/Stepper/Stepper.styles.d.ts +24 -29
  154. package/lib/Stepper/Stepper.styles.js +35 -19
  155. package/lib/Stepper/Stepper.types.js +5 -1
  156. package/lib/Stepper/index.js +16 -1
  157. package/lib/Switcher/Switcher.js +32 -23
  158. package/lib/Switcher/Switcher.styles.d.ts +13 -13
  159. package/lib/Switcher/Switcher.styles.js +27 -15
  160. package/lib/Switcher/Switcher.types.js +5 -1
  161. package/lib/Switcher/index.js +16 -1
  162. package/lib/Tab/Tab.js +31 -23
  163. package/lib/Tab/Tab.styles.d.ts +13 -12
  164. package/lib/Tab/Tab.styles.js +30 -21
  165. package/lib/Tab/Tab.types.js +5 -1
  166. package/lib/Tab/index.js +16 -1
  167. package/lib/Table/NewSelectableTable.js +77 -56
  168. package/lib/Table/SelectableTable.js +138 -118
  169. package/lib/Table/Table.js +126 -111
  170. package/lib/Table/Table.styles.d.ts +32 -16
  171. package/lib/Table/Table.styles.js +79 -59
  172. package/lib/Table/Table.types.js +5 -1
  173. package/lib/Table/index.js +27 -2
  174. package/lib/TagsInput/TagsInput.js +44 -33
  175. package/lib/TagsInput/index.js +16 -1
  176. package/lib/TagsInput/style.d.ts +16 -19
  177. package/lib/TagsInput/style.js +22 -9
  178. package/lib/TagsInput/types.js +5 -1
  179. package/lib/Textarea/Textarea.js +75 -58
  180. package/lib/Textarea/Textarea.styles.d.ts +28 -22
  181. package/lib/Textarea/Textarea.styles.js +55 -32
  182. package/lib/Textarea/Textarea.types.js +5 -1
  183. package/lib/Textarea/index.js +16 -1
  184. package/lib/ThemeProvider/ThemeProvider.d.ts +5 -2
  185. package/lib/ThemeProvider/ThemeProvider.js +48 -30
  186. package/lib/ThemeProvider/index.js +16 -1
  187. package/lib/Toast/Toast.js +56 -53
  188. package/lib/Toast/index.js +16 -1
  189. package/lib/Toast/styles.d.ts +4 -2
  190. package/lib/Toast/styles.js +13 -3
  191. package/lib/Toast/types.js +5 -1
  192. package/lib/Toggle/Toggle.js +59 -50
  193. package/lib/Toggle/index.js +16 -1
  194. package/lib/Toggle/styles.d.ts +21 -14
  195. package/lib/Toggle/styles.js +51 -34
  196. package/lib/Toggle/types.js +5 -1
  197. package/lib/Tooltip/Tooltip.js +100 -102
  198. package/lib/Tooltip/index.js +16 -1
  199. package/lib/Tooltip/styles.d.ts +14 -8
  200. package/lib/Tooltip/styles.js +33 -25
  201. package/lib/Tooltip/types.js +5 -1
  202. package/lib/Typography/Typography.js +96 -85
  203. package/lib/Typography/Typography.styles.d.ts +48 -54
  204. package/lib/Typography/Typography.styles.js +70 -45
  205. package/lib/Typography/Typography.types.js +5 -1
  206. package/lib/Typography/index.js +38 -3
  207. package/lib/emotion.d.js +3 -0
  208. package/lib/hooks/index.js +38 -3
  209. package/lib/hooks/useForwardedRef.js +11 -6
  210. package/lib/hooks/useInfiniteScroll.js +24 -20
  211. package/lib/hooks/useStatefulRef.js +18 -14
  212. package/lib/index.js +489 -44
  213. package/lib/system-props/color.js +8 -2
  214. package/lib/system-props/index.js +27 -2
  215. package/lib/system-props/types.js +5 -1
  216. package/lib/theme/ColorSchemes/codacy.js +11 -4
  217. package/lib/theme/ColorSchemes/pulse.js +17 -9
  218. package/lib/theme/index.js +38 -3
  219. package/lib/theme/theme.js +42 -69
  220. package/lib/types.js +5 -1
  221. package/lib/utils/hash.js +8 -6
  222. package/lib/utils/reactNodeToText.js +13 -14
  223. package/package.json +32 -32
@@ -1,111 +1,62 @@
1
1
  /// <reference types="react" />
2
- import { CodacyTheme } from '../theme';
3
2
  import { InputProps } from './types';
4
- export declare const InputElement: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, Pick<InputProps, "disabled" | "readOnly" | "isLoading" | "hasError" | "hasSuccess"> & {
3
+ export declare const InputElement: import("@emotion/styled").StyledComponent<{
4
+ theme?: import("@emotion/react").Theme | undefined;
5
+ as?: import("react").ElementType<any> | undefined;
6
+ } & Pick<InputProps, "disabled" | "readOnly" | "isLoading" | "hasError" | "hasSuccess"> & {
5
7
  hasLeftIcon: boolean;
6
8
  hasRightIcon: boolean;
7
9
  hasClearButton: boolean;
8
- }, CodacyTheme>;
9
- export declare const InputHelp: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & Pick<Record<string, unknown>, string> & {
10
- theme?: CodacyTheme | undefined;
11
- }, string> & {
12
- ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
13
- }, Record<string, unknown>, CodacyTheme>;
14
- export declare const InputErrorMessage: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & Pick<Record<string, unknown>, string> & {
15
- theme?: CodacyTheme | undefined;
16
- }, string> & {
17
- ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
18
- }, Record<string, unknown>, CodacyTheme>;
19
- export declare const InputWrapper: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("..").ColorProps & import("..").LayoutProps & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
20
- fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, CodacyTheme> | undefined;
21
- }, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
22
- theme?: object | undefined;
23
- }, "key" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
24
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
25
- } & Pick<import("../Flexbox").BoxProps, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps | keyof import("..").FlexboxProps | keyof import("..").GridboxProps> & {
26
- theme?: object | undefined;
27
- }, Pick<InputProps, "size">, CodacyTheme>;
28
- export declare const InputContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Record<string, unknown>, CodacyTheme>;
29
- export declare const LeftIcon: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("..").ColorProps & import("..").LayoutProps & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
30
- fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, CodacyTheme> | undefined;
31
- }, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
32
- theme?: object | undefined;
33
- }, "key" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
34
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
35
- } & Pick<import("../Flexbox").FlexProps, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps | keyof import("..").FlexboxProps> & {
36
- theme?: object | undefined;
37
- } & Pick<{
10
+ }, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
11
+ export declare const InputHelp: import("@emotion/styled").StyledComponent<{
12
+ theme?: import("@emotion/react").Theme | undefined;
13
+ as?: import("react").ElementType<any> | undefined;
14
+ } & Record<string, unknown> & import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & {
15
+ theme?: import("@emotion/react").Theme | undefined;
16
+ }, {}, {}>;
17
+ export declare const InputErrorMessage: import("@emotion/styled").StyledComponent<{
18
+ theme?: import("@emotion/react").Theme | undefined;
19
+ as?: import("react").ElementType<any> | undefined;
20
+ } & Record<string, unknown> & import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & {
21
+ theme?: import("@emotion/react").Theme | undefined;
22
+ }, {}, {}>;
23
+ export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
24
+ theme?: import("@emotion/react").Theme | undefined;
25
+ as?: import("react").ElementType<any> | undefined;
26
+ } & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
27
+ fontWeight?: import("styled-system").ResponsiveValue<number | import("..").FontWeights, import("..").CodacyTheme> | undefined;
28
+ } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
29
+ theme?: import("@emotion/react").Theme | undefined;
30
+ } & import("..").FlexboxProps & import("..").GridboxProps & Pick<InputProps, "size">, {}, {}>;
31
+ export declare const InputContainer: import("@emotion/styled").StyledComponent<{
32
+ theme?: import("@emotion/react").Theme | undefined;
33
+ as?: import("react").ElementType<any> | undefined;
34
+ } & Record<string, unknown>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
35
+ export declare const LeftIcon: import("@emotion/styled").StyledComponent<{
36
+ theme?: import("@emotion/react").Theme | undefined;
37
+ as?: import("react").ElementType<any> | undefined;
38
+ } & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
39
+ fontWeight?: import("styled-system").ResponsiveValue<number | import("..").FontWeights, import("..").CodacyTheme> | undefined;
40
+ } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
41
+ theme?: import("@emotion/react").Theme | undefined;
42
+ } & import("..").FlexboxProps & {
38
43
  isClickable?: boolean | undefined;
39
- }, "isClickable"> & {
40
- theme?: CodacyTheme | undefined;
41
- }, Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("..").ColorProps & import("..").LayoutProps & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
42
- fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, CodacyTheme> | undefined;
43
- }, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
44
- theme?: object | undefined;
45
- }, "key" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
46
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
47
- } & Pick<import("../Flexbox").FlexProps, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps | keyof import("..").FlexboxProps> & {
48
- theme?: object | undefined;
49
- } & Pick<{
44
+ }, {}, {}>;
45
+ export declare const RightIcon: import("@emotion/styled").StyledComponent<{
46
+ theme?: import("@emotion/react").Theme | undefined;
47
+ as?: import("react").ElementType<any> | undefined;
48
+ } & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
49
+ fontWeight?: import("styled-system").ResponsiveValue<number | import("..").FontWeights, import("..").CodacyTheme> | undefined;
50
+ } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
51
+ theme?: import("@emotion/react").Theme | undefined;
52
+ } & import("..").FlexboxProps & {
50
53
  isClickable?: boolean | undefined;
51
- }, "isClickable"> & {
52
- theme?: CodacyTheme | undefined;
53
- }, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps | keyof import("..").FlexboxProps | "isClickable">, object>;
54
- export declare const RightIcon: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("..").ColorProps & import("..").LayoutProps & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
55
- fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, CodacyTheme> | undefined;
56
- }, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
57
- theme?: object | undefined;
58
- }, "key" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
59
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
60
- } & Pick<import("../Flexbox").FlexProps, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps | keyof import("..").FlexboxProps> & {
61
- theme?: object | undefined;
62
- } & Pick<{
63
- isClickable?: boolean | undefined;
64
- }, "isClickable"> & {
65
- theme?: CodacyTheme | undefined;
66
- }, Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("..").ColorProps & import("..").LayoutProps & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
67
- fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, CodacyTheme> | undefined;
68
- }, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
69
- theme?: object | undefined;
70
- }, "key" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
71
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
72
- } & Pick<import("../Flexbox").FlexProps, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps | keyof import("..").FlexboxProps> & {
73
- theme?: object | undefined;
74
- } & Pick<{
75
- isClickable?: boolean | undefined;
76
- }, "isClickable"> & {
77
- theme?: CodacyTheme | undefined;
78
- }, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps | keyof import("..").FlexboxProps | "isClickable">, object>;
79
- export declare const RightIcons: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("..").ColorProps & import("..").LayoutProps & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
80
- fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, CodacyTheme> | undefined;
81
- }, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
82
- theme?: object | undefined;
83
- }, "key" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
84
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
85
- } & Pick<import("../Flexbox").FlexProps, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps | keyof import("..").FlexboxProps> & {
86
- theme?: object | undefined;
87
- }, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("..").ColorProps & import("..").LayoutProps & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
88
- fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, CodacyTheme> | undefined;
89
- }, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
90
- theme?: object | undefined;
91
- }, "key" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
92
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
93
- } & Pick<import("../Flexbox").FlexProps, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps | keyof import("..").FlexboxProps> & {
94
- theme?: object | undefined;
95
- } & Pick<{
96
- isClickable?: boolean | undefined;
97
- }, "isClickable"> & {
98
- theme?: CodacyTheme | undefined;
99
- } & Pick<Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("..").ColorProps & import("..").LayoutProps & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
100
- fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, CodacyTheme> | undefined;
101
- }, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
102
- theme?: object | undefined;
103
- }, "key" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
104
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
105
- } & Pick<import("../Flexbox").FlexProps, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps | keyof import("..").FlexboxProps> & {
106
- theme?: object | undefined;
107
- } & Pick<{
108
- isClickable?: boolean | undefined;
109
- }, "isClickable"> & {
110
- theme?: CodacyTheme | undefined;
111
- }, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps | keyof import("..").FlexboxProps | "isClickable">, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps | keyof import("..").FlexboxProps | "isClickable">, object>;
54
+ }, {}, {}>;
55
+ export declare const RightIcons: import("@emotion/styled").StyledComponent<{
56
+ theme?: import("@emotion/react").Theme | undefined;
57
+ as?: import("react").ElementType<any> | undefined;
58
+ } & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
59
+ fontWeight?: import("styled-system").ResponsiveValue<number | import("..").FontWeights, import("..").CodacyTheme> | undefined;
60
+ } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
61
+ theme?: import("@emotion/react").Theme | undefined;
62
+ } & import("..").FlexboxProps, {}, {}>;