@codacy/ui-components 0.58.5 → 0.59.2
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.
- package/README.md +7 -7
- package/lib/Avatar/Avatar.js +2 -1
- package/lib/Avatar/Avatar.types.js +1 -0
- package/lib/Avatar/gravatar.js +2 -1
- package/lib/Button/Button.js +2 -1
- package/lib/Button/styles.d.ts +3 -3
- package/lib/Button/types.js +1 -0
- package/lib/Checkbox/Checkbox.js +2 -1
- package/lib/Checkbox/CheckboxFilterList.js +2 -1
- package/lib/Checkbox/styles.d.ts +7 -7
- package/lib/Checkbox/types.js +1 -0
- package/lib/Divider/Divider.js +2 -1
- package/lib/Divider/Divider.styles.d.ts +7 -7
- package/lib/Divider/Divider.types.js +1 -0
- package/lib/Dropdown/Content/DropdownItem.js +2 -1
- package/lib/Dropdown/Dropdown.js +2 -1
- package/lib/Dropdown/Dropdown.styles.d.ts +9 -9
- package/lib/Dropdown/Dropdown.types.js +1 -0
- package/lib/Dropdown/Triggers/DropdownButtonTrigger.js +2 -1
- package/lib/Dropdown/Triggers/DropdownLinkTrigger.js +2 -1
- package/lib/Dropdown/Triggers/SelectTrigger.js +2 -1
- package/lib/Dropdown/Triggers/hooks.d.ts +2 -2
- package/lib/Dropdown/Triggers/types.js +1 -0
- package/lib/Flexbox/Flexbox.d.ts +6 -6
- package/lib/Group/Group.js +2 -1
- package/lib/Group/Group.styles.d.ts +3 -3
- package/lib/Group/Group.types.js +1 -0
- package/lib/Icon/Icon.js +2 -1
- package/lib/Icon/Icon.styles.d.ts +6 -6
- package/lib/Icon/Icon.styles.js +3 -21
- package/lib/Icon/Icon.types.js +1 -0
- package/lib/IconAndText/IconAndText.js +2 -1
- package/lib/IconAndText/IconAndText.styles.d.ts +3 -3
- package/lib/IconAndText/IconAndText.types.js +1 -0
- package/lib/Img/Img.js +2 -1
- package/lib/Img/Img.styles.d.ts +4 -4
- package/lib/Img/Img.types.js +1 -0
- package/lib/InlineMessage/InlineMessage.js +2 -1
- package/lib/InlineMessage/types.js +1 -0
- package/lib/Input/Input.js +5 -2
- package/lib/Input/hooks.d.ts +4 -4
- package/lib/Input/hooks.js +5 -3
- package/lib/Input/styles.d.ts +30 -30
- package/lib/Input/types.d.ts +1 -0
- package/lib/Input/types.js +1 -0
- package/lib/Labeled/Labeled.js +2 -1
- package/lib/Labeled/styles.d.ts +3 -3
- package/lib/Labeled/types.js +1 -0
- package/lib/LeftMenu/LeftMenu.js +2 -1
- package/lib/LeftMenu/LeftMenu.styles.d.ts +3 -3
- package/lib/LeftMenu/LeftMenu.types.js +1 -0
- package/lib/Link/Link.js +2 -1
- package/lib/Link/Link.types.js +1 -0
- package/lib/Message/Message.js +2 -1
- package/lib/Message/Message.styles.d.ts +3 -3
- package/lib/Message/Message.types.js +1 -0
- package/lib/Modal/ConfirmationModal.js +2 -1
- package/lib/Modal/Modal.d.ts +1 -1
- package/lib/Modal/Modal.js +10 -5
- package/lib/Modal/styles.d.ts +20 -20
- package/lib/Modal/types.js +1 -0
- package/lib/MoreInfo/MoreInfo.js +2 -1
- package/lib/MoreInfo/types.js +1 -0
- package/lib/Panel/styles.d.ts +3 -3
- package/lib/PillLabel/PillLabel.js +2 -1
- package/lib/PillLabel/PillLabel.styles.d.ts +3 -3
- package/lib/PillLabel/PillLabel.types.js +1 -0
- package/lib/Popup/Popup.js +2 -1
- package/lib/Popup/styles.d.ts +3 -3
- package/lib/Popup/types.js +1 -0
- package/lib/Radio/Radio.js +2 -1
- package/lib/Radio/styles.d.ts +4 -4
- package/lib/Radio/types.js +1 -0
- package/lib/ScrollableContent/ScrollableContent.js +4 -2
- package/lib/ScrollableContent/ScrollableContent.styles.d.ts +3 -3
- package/lib/ScrollableContent/ScrollableContent.types.js +1 -0
- package/lib/Select/Select.js +2 -1
- package/lib/Select/types.js +1 -0
- package/lib/Skeleton/Skeleton.js +4 -2
- package/lib/Skeleton/Skeleton.styles.d.ts +3 -3
- package/lib/Skeleton/Skeleton.styles.js +2 -10
- package/lib/Skeleton/Skeleton.types.js +1 -0
- package/lib/Stepper/Stepper.js +4 -2
- package/lib/Stepper/Stepper.styles.d.ts +9 -9
- package/lib/Stepper/Stepper.types.js +1 -0
- package/lib/Switcher/Switcher.js +2 -1
- package/lib/Switcher/Switcher.styles.d.ts +3 -3
- package/lib/Switcher/Switcher.types.js +1 -0
- package/lib/Tab/Tab.d.ts +2 -2
- package/lib/Tab/Tab.js +4 -2
- package/lib/Tab/Tab.styles.d.ts +3 -3
- package/lib/Tab/Tab.types.js +1 -0
- package/lib/Table/NewSelectableTable.js +4 -2
- package/lib/Table/SelectableTable.js +6 -3
- package/lib/Table/Table.js +14 -7
- package/lib/Table/Table.styles.d.ts +4 -4
- package/lib/Table/Table.types.js +1 -0
- package/lib/TagsInput/TagsInput.js +2 -1
- package/lib/TagsInput/style.d.ts +6 -6
- package/lib/TagsInput/types.js +1 -0
- package/lib/Textarea/Textarea.js +2 -1
- package/lib/Textarea/Textarea.styles.d.ts +5 -5
- package/lib/Textarea/Textarea.types.js +1 -0
- package/lib/Toast/Toast.d.ts +1 -1
- package/lib/Toast/types.js +1 -0
- package/lib/Toggle/Toggle.js +2 -1
- package/lib/Toggle/styles.d.ts +6 -6
- package/lib/Toggle/types.js +1 -0
- package/lib/Tooltip/types.js +1 -0
- package/lib/Typography/Typography.js +12 -6
- package/lib/Typography/Typography.styles.d.ts +18 -18
- package/lib/Typography/Typography.types.js +1 -0
- package/lib/system-props/types.js +1 -0
- package/lib/theme/theme.d.ts +1 -1
- package/lib/types.js +1 -0
- package/package.json +21 -14
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CodacyTheme } from '../theme';
|
|
3
3
|
import { DropdownProps, DropdownItemProps } from './Dropdown.types';
|
|
4
|
-
export declare const DropdownWrapper: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("../system-props/types").ColorProps & import("../system-props/types").LayoutProps & import("../system-props/types").SpaceProps & import("../system-props/types").BorderProps & import("../system-props/types").PositionProps & import("../system-props/types").ShadowProps & import("../system-props/types").TextAlignProps & import("../Flexbox").As, "
|
|
4
|
+
export declare const DropdownWrapper: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("../system-props/types").ColorProps & import("../system-props/types").LayoutProps & import("../system-props/types").SpaceProps & import("../system-props/types").BorderProps & import("../system-props/types").PositionProps & import("../system-props/types").ShadowProps & import("../system-props/types").TextAlignProps & import("../Flexbox").As, "textAlign" | "as" | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps> & {
|
|
5
5
|
theme?: object | undefined;
|
|
6
|
-
}, "
|
|
6
|
+
}, "key" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps> & {
|
|
7
7
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
8
|
-
} & Pick<import("../Flexbox").BoxProps, "
|
|
8
|
+
} & Pick<import("../Flexbox").BoxProps, "textAlign" | "as" | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps | keyof import("../system-props/types").FlexboxProps | keyof import("../system-props/types").GridboxProps> & {
|
|
9
9
|
theme?: object | undefined;
|
|
10
10
|
}, {
|
|
11
11
|
open: boolean;
|
|
12
12
|
}, CodacyTheme>;
|
|
13
13
|
export declare const DropdownPanel: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<DropdownProps, "size">, CodacyTheme>;
|
|
14
|
-
export declare const DropdownItemWrapper: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("../system-props/types").ColorProps & import("../system-props/types").LayoutProps & import("../system-props/types").SpaceProps & import("../system-props/types").BorderProps & import("../system-props/types").PositionProps & import("../system-props/types").ShadowProps & import("../system-props/types").TextAlignProps & import("../Flexbox").As, "
|
|
14
|
+
export declare const DropdownItemWrapper: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("../system-props/types").ColorProps & import("../system-props/types").LayoutProps & import("../system-props/types").SpaceProps & import("../system-props/types").BorderProps & import("../system-props/types").PositionProps & import("../system-props/types").ShadowProps & import("../system-props/types").TextAlignProps & import("../Flexbox").As, "textAlign" | "as" | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps> & {
|
|
15
15
|
theme?: object | undefined;
|
|
16
|
-
}, "
|
|
16
|
+
}, "key" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps> & {
|
|
17
17
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
18
|
-
} & Pick<import("../Flexbox").BoxProps, "
|
|
18
|
+
} & Pick<import("../Flexbox").BoxProps, "textAlign" | "as" | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps | keyof import("../system-props/types").FlexboxProps | keyof import("../system-props/types").GridboxProps> & {
|
|
19
19
|
theme?: object | undefined;
|
|
20
20
|
}, Pick<DropdownItemProps, "disabled"> & {
|
|
21
21
|
active: boolean;
|
|
22
22
|
}, CodacyTheme>;
|
|
23
|
-
export declare const DropdownFooter: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("../system-props/types").ColorProps & import("../system-props/types").LayoutProps & import("../system-props/types").SpaceProps & import("../system-props/types").BorderProps & import("../system-props/types").PositionProps & import("../system-props/types").ShadowProps & import("../system-props/types").TextAlignProps & import("../Flexbox").As, "
|
|
23
|
+
export declare const DropdownFooter: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("../system-props/types").ColorProps & import("../system-props/types").LayoutProps & import("../system-props/types").SpaceProps & import("../system-props/types").BorderProps & import("../system-props/types").PositionProps & import("../system-props/types").ShadowProps & import("../system-props/types").TextAlignProps & import("../Flexbox").As, "textAlign" | "as" | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps> & {
|
|
24
24
|
theme?: object | undefined;
|
|
25
|
-
}, "
|
|
25
|
+
}, "key" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps> & {
|
|
26
26
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
27
|
-
} & Pick<import("../Flexbox").BoxProps, "
|
|
27
|
+
} & Pick<import("../Flexbox").BoxProps, "textAlign" | "as" | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps | keyof import("../system-props/types").FlexboxProps | keyof import("../system-props/types").GridboxProps> & {
|
|
28
28
|
theme?: object | undefined;
|
|
29
29
|
}, {}, CodacyTheme>;
|
|
30
30
|
export declare const DropdownSeparatorWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}, CodacyTheme>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
+
var _excluded = ["children", "hideChevron"];
|
|
2
3
|
import React, { useMemo } from 'react';
|
|
3
4
|
import { useDropdownTrigger } from './hooks';
|
|
4
5
|
import { ChevronUpIcon, ChevronDownIcon } from '../../Icons';
|
|
@@ -9,7 +10,7 @@ export var DropdownButtonTrigger = React.forwardRef(function (_ref, ref) {
|
|
|
9
10
|
var children = _ref.children,
|
|
10
11
|
_ref$hideChevron = _ref.hideChevron,
|
|
11
12
|
hideChevron = _ref$hideChevron === void 0 ? false : _ref$hideChevron,
|
|
12
|
-
props = _objectWithoutProperties(_ref,
|
|
13
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
13
14
|
|
|
14
15
|
var dropdownContext = useDropdownTrigger();
|
|
15
16
|
var rightIcon = useMemo(function () {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
+
var _excluded = ["children", "disabled"];
|
|
2
3
|
import React, { useMemo } from 'react';
|
|
3
4
|
import { useDropdownTrigger } from './hooks';
|
|
4
5
|
import { ChevronUpIcon, ChevronDownIcon } from '../../Icons';
|
|
@@ -8,7 +9,7 @@ export var DropdownLinkTrigger = React.forwardRef(function (_ref, ref) {
|
|
|
8
9
|
|
|
9
10
|
var children = _ref.children,
|
|
10
11
|
disabled = _ref.disabled,
|
|
11
|
-
props = _objectWithoutProperties(_ref,
|
|
12
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
12
13
|
|
|
13
14
|
var dropdownContext = useDropdownTrigger();
|
|
14
15
|
var rightIcon = useMemo(function () {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
+
var _excluded = ["caption"];
|
|
2
3
|
import React, { useMemo } from 'react';
|
|
3
4
|
import { Input } from '../../Input';
|
|
4
5
|
import { useDropdownTrigger } from './hooks';
|
|
@@ -7,7 +8,7 @@ export var SelectTrigger = React.forwardRef(function (_ref, ref) {
|
|
|
7
8
|
var _dropdownContext$valu;
|
|
8
9
|
|
|
9
10
|
var caption = _ref.caption,
|
|
10
|
-
props = _objectWithoutProperties(_ref,
|
|
11
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
12
|
|
|
12
13
|
var dropdownContext = useDropdownTrigger();
|
|
13
14
|
var rightIcon = useMemo(function () {
|
|
@@ -5,8 +5,8 @@ export declare const useDropdownTrigger: () => {
|
|
|
5
5
|
setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
6
6
|
setValue: import("react").Dispatch<import("react").SetStateAction<import("../Dropdown.types").DropdownValueType>>;
|
|
7
7
|
rover?: import("reakit/ts").RoverStateReturn | undefined;
|
|
8
|
-
value?:
|
|
9
|
-
size?: "
|
|
8
|
+
value?: import("../Dropdown.types").DropdownValueType | undefined;
|
|
9
|
+
size?: import("../..").Size | undefined;
|
|
10
10
|
triggerRef?: HTMLElement | null | undefined;
|
|
11
11
|
panelRef?: HTMLElement | null | undefined;
|
|
12
12
|
level: number;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/lib/Flexbox/Flexbox.d.ts
CHANGED
|
@@ -8,19 +8,19 @@ export declare type BoxProps = CommonProps & FlexboxProps & GridboxProps;
|
|
|
8
8
|
export declare type FlexProps = CommonProps & FlexboxProps;
|
|
9
9
|
export declare type GridProps = CommonProps & GridboxProps;
|
|
10
10
|
export declare const Common: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CommonProps, object>;
|
|
11
|
-
export declare const Box: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<CommonProps, "
|
|
11
|
+
export declare const Box: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<CommonProps, "textAlign" | "as" | keyof ColorProps | keyof LayoutProps | keyof SpaceProps | keyof BorderProps | keyof PositionProps | keyof ShadowProps> & {
|
|
12
12
|
theme?: object | undefined;
|
|
13
|
-
}, "
|
|
13
|
+
}, "key" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof ColorProps | keyof LayoutProps | keyof SpaceProps | keyof BorderProps | keyof PositionProps | keyof ShadowProps> & {
|
|
14
14
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
15
15
|
}, BoxProps, object>;
|
|
16
|
-
export declare const Flex: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<CommonProps, "
|
|
16
|
+
export declare const Flex: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<CommonProps, "textAlign" | "as" | keyof ColorProps | keyof LayoutProps | keyof SpaceProps | keyof BorderProps | keyof PositionProps | keyof ShadowProps> & {
|
|
17
17
|
theme?: object | undefined;
|
|
18
|
-
}, "
|
|
18
|
+
}, "key" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof ColorProps | keyof LayoutProps | keyof SpaceProps | keyof BorderProps | keyof PositionProps | keyof ShadowProps> & {
|
|
19
19
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
20
20
|
}, FlexProps, object>;
|
|
21
|
-
export declare const Grid: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<CommonProps, "
|
|
21
|
+
export declare const Grid: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<CommonProps, "textAlign" | "as" | keyof ColorProps | keyof LayoutProps | keyof SpaceProps | keyof BorderProps | keyof PositionProps | keyof ShadowProps> & {
|
|
22
22
|
theme?: object | undefined;
|
|
23
|
-
}, "
|
|
23
|
+
}, "key" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof ColorProps | keyof LayoutProps | keyof SpaceProps | keyof BorderProps | keyof PositionProps | keyof ShadowProps> & {
|
|
24
24
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
25
25
|
}, GridProps, object>;
|
|
26
26
|
export {};
|
package/lib/Group/Group.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
+
var _excluded = ["children"];
|
|
2
3
|
import React from 'react';
|
|
3
4
|
import { GroupWrapper } from './Group.styles';
|
|
4
5
|
/**
|
|
@@ -7,7 +8,7 @@ import { GroupWrapper } from './Group.styles';
|
|
|
7
8
|
|
|
8
9
|
export var Group = function Group(_ref) {
|
|
9
10
|
var children = _ref.children,
|
|
10
|
-
props = _objectWithoutProperties(_ref,
|
|
11
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
12
|
|
|
12
13
|
return /*#__PURE__*/React.createElement(GroupWrapper, props, children);
|
|
13
14
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CodacyTheme } from '../theme';
|
|
3
3
|
import { GroupProps } from './Group.types';
|
|
4
|
-
export declare const GroupWrapper: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("../system-props/types").ColorProps & import("../system-props/types").LayoutProps & import("../system-props/types").SpaceProps & import("../system-props/types").BorderProps & import("../system-props/types").PositionProps & import("../system-props/types").ShadowProps & import("../system-props/types").TextAlignProps & import("../Flexbox").As, "
|
|
4
|
+
export declare const GroupWrapper: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("../system-props/types").ColorProps & import("../system-props/types").LayoutProps & import("../system-props/types").SpaceProps & import("../system-props/types").BorderProps & import("../system-props/types").PositionProps & import("../system-props/types").ShadowProps & import("../system-props/types").TextAlignProps & import("../Flexbox").As, "textAlign" | "as" | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps> & {
|
|
5
5
|
theme?: object | undefined;
|
|
6
|
-
}, "
|
|
6
|
+
}, "key" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps> & {
|
|
7
7
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
8
|
-
} & Pick<import("../Flexbox").FlexProps, "
|
|
8
|
+
} & Pick<import("../Flexbox").FlexProps, "textAlign" | "as" | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps | keyof import("../system-props/types").FlexboxProps> & {
|
|
9
9
|
theme?: object | undefined;
|
|
10
10
|
}, GroupProps, CodacyTheme>;
|
package/lib/Group/Group.types.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/lib/Icon/Icon.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
+
var _excluded = ["icon", "size", "title"];
|
|
2
3
|
import React, { forwardRef, useEffect } from 'react';
|
|
3
4
|
import { IconWrapper } from './Icon.styles';
|
|
4
5
|
import { useForwardedRef } from '../hooks';
|
|
@@ -10,7 +11,7 @@ export var Icon = forwardRef(function (_ref, ref) {
|
|
|
10
11
|
var icon = _ref.icon,
|
|
11
12
|
size = _ref.size,
|
|
12
13
|
title = _ref.title,
|
|
13
|
-
props = _objectWithoutProperties(_ref,
|
|
14
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
14
15
|
|
|
15
16
|
var IconComponent = icon;
|
|
16
17
|
var safeRef = useForwardedRef(ref);
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CodacyTheme } from '../theme';
|
|
3
|
-
import { IconProps } from './Icon.types';
|
|
4
|
-
export declare const IconWrapper: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("../system-props/types").ColorProps & import("../system-props/types").LayoutProps & import("../system-props/types").SpaceProps & import("../system-props/types").BorderProps & import("../system-props/types").PositionProps & import("../system-props/types").ShadowProps & import("../system-props/types").TextAlignProps & import("../Flexbox").As, "
|
|
3
|
+
import { IconProps, IconSize } from './Icon.types';
|
|
4
|
+
export declare const IconWrapper: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("../system-props/types").ColorProps & import("../system-props/types").LayoutProps & import("../system-props/types").SpaceProps & import("../system-props/types").BorderProps & import("../system-props/types").PositionProps & import("../system-props/types").ShadowProps & import("../system-props/types").TextAlignProps & import("../Flexbox").As, "textAlign" | "as" | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps> & {
|
|
5
5
|
theme?: object | undefined;
|
|
6
|
-
}, "
|
|
6
|
+
}, "key" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps> & {
|
|
7
7
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
8
|
-
} & Pick<import("../Flexbox").BoxProps, "
|
|
8
|
+
} & Pick<import("../Flexbox").BoxProps, "textAlign" | "as" | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps | keyof import("../system-props/types").FlexboxProps | keyof import("../system-props/types").GridboxProps> & {
|
|
9
9
|
theme?: object | undefined;
|
|
10
|
-
}, Pick<IconProps, "bold" | "
|
|
11
|
-
iconSize?:
|
|
10
|
+
}, Pick<IconProps, "bold" | "inline" | "color" | "scale" | "spin" | "easedSpin"> & {
|
|
11
|
+
iconSize?: IconSize | undefined;
|
|
12
12
|
}, CodacyTheme>;
|
package/lib/Icon/Icon.styles.js
CHANGED
|
@@ -1,25 +1,7 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
|
|
2
2
|
import _styled from "@emotion/styled-base";
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
var data = _taggedTemplateLiteral(["\n 0% {\n transform: rotate(0deg);\n }\n 90% {\n transform: rotate(359deg);\n }\n 100% {\n transform: rotate(359deg);\n }\n"]);
|
|
6
|
-
|
|
7
|
-
_templateObject2 = function _templateObject2() {
|
|
8
|
-
return data;
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
return data;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
function _templateObject() {
|
|
15
|
-
var data = _taggedTemplateLiteral(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(359deg);\n }\n"]);
|
|
16
|
-
|
|
17
|
-
_templateObject = function _templateObject() {
|
|
18
|
-
return data;
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
return data;
|
|
22
|
-
}
|
|
4
|
+
var _templateObject, _templateObject2;
|
|
23
5
|
|
|
24
6
|
import { Box } from '../Flexbox';
|
|
25
7
|
import { keyframes, css } from '@emotion/core';
|
|
@@ -31,8 +13,8 @@ var sizeMap = {
|
|
|
31
13
|
xl: '2rem',
|
|
32
14
|
inherit: '1em'
|
|
33
15
|
};
|
|
34
|
-
var spinAnimation = keyframes(_templateObject());
|
|
35
|
-
var spinEaseAnimation = keyframes(_templateObject2());
|
|
16
|
+
var spinAnimation = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(359deg);\n }\n"])));
|
|
17
|
+
var spinEaseAnimation = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n 0% {\n transform: rotate(0deg);\n }\n 90% {\n transform: rotate(359deg);\n }\n 100% {\n transform: rotate(359deg);\n }\n"])));
|
|
36
18
|
export var IconWrapper = /*#__PURE__*/_styled(Box, {
|
|
37
19
|
target: "e1pjtxiw0"
|
|
38
20
|
})("width:", function (_ref) {
|
package/lib/Icon/Icon.types.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
+
var _excluded = ["icon", "toRight", "children", "iconProps"];
|
|
2
3
|
import React from 'react';
|
|
3
4
|
import { IconAndTextWrapper } from './IconAndText.styles';
|
|
4
5
|
import { Icon } from '../Icon';
|
|
@@ -12,7 +13,7 @@ export var IconAndText = React.forwardRef(function (_ref, ref) {
|
|
|
12
13
|
toRight = _ref$toRight === void 0 ? false : _ref$toRight,
|
|
13
14
|
children = _ref.children,
|
|
14
15
|
iconProps = _ref.iconProps,
|
|
15
|
-
props = _objectWithoutProperties(_ref,
|
|
16
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
16
17
|
|
|
17
18
|
return /*#__PURE__*/React.createElement(IconAndTextWrapper, Object.assign({
|
|
18
19
|
toRight: toRight
|