@commercetools-uikit/checkbox-input 12.2.1 → 12.2.5
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 +1 -2
- package/dist/commercetools-uikit-checkbox-input.cjs.dev.js +339 -271
- package/dist/commercetools-uikit-checkbox-input.cjs.prod.js +326 -240
- package/dist/commercetools-uikit-checkbox-input.esm.js +314 -245
- package/dist/declarations/src/checkbox-input.d.ts +20 -20
- package/dist/declarations/src/checkbox-input.styles.d.ts +4 -4
- package/dist/declarations/src/checkbox.d.ts +9 -10
- package/dist/declarations/src/icons/generated/CheckedReact.d.ts +14 -12
- package/dist/declarations/src/icons/generated/IndeterminateReact.d.ts +14 -12
- package/dist/declarations/src/icons/generated/UncheckedReact.d.ts +14 -12
- package/dist/declarations/src/icons/generated/index.d.ts +3 -3
- package/dist/declarations/src/icons/index.d.ts +1 -1
- package/dist/declarations/src/index.d.ts +2 -2
- package/dist/declarations/src/version.d.ts +2 -2
- package/package.json +18 -13
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import
|
|
2
|
-
export declare type TCheckboxProps = {
|
|
3
|
-
id?: string;
|
|
4
|
-
name?: string;
|
|
5
|
-
value?: string;
|
|
6
|
-
isChecked?: boolean;
|
|
7
|
-
isIndeterminate?: boolean;
|
|
8
|
-
onChange: ChangeEventHandler<HTMLInputElement>;
|
|
9
|
-
isHovered?: boolean;
|
|
10
|
-
isDisabled?: boolean;
|
|
11
|
-
isReadOnly?: boolean;
|
|
12
|
-
hasError?: boolean;
|
|
13
|
-
children?:
|
|
14
|
-
};
|
|
15
|
-
declare const CheckboxInput: {
|
|
16
|
-
(props: TCheckboxProps): JSX.Element;
|
|
17
|
-
displayName: string;
|
|
18
|
-
defaultProps: Pick<TCheckboxProps, "isDisabled" | "hasError" | "isChecked">;
|
|
19
|
-
};
|
|
20
|
-
export default CheckboxInput;
|
|
1
|
+
import { ChangeEventHandler, ReactNode } from 'react';
|
|
2
|
+
export declare type TCheckboxProps = {
|
|
3
|
+
id?: string;
|
|
4
|
+
name?: string;
|
|
5
|
+
value?: string;
|
|
6
|
+
isChecked?: boolean;
|
|
7
|
+
isIndeterminate?: boolean;
|
|
8
|
+
onChange: ChangeEventHandler<HTMLInputElement>;
|
|
9
|
+
isHovered?: boolean;
|
|
10
|
+
isDisabled?: boolean;
|
|
11
|
+
isReadOnly?: boolean;
|
|
12
|
+
hasError?: boolean;
|
|
13
|
+
children?: ReactNode;
|
|
14
|
+
};
|
|
15
|
+
declare const CheckboxInput: {
|
|
16
|
+
(props: TCheckboxProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
17
|
+
displayName: string;
|
|
18
|
+
defaultProps: Pick<TCheckboxProps, "isDisabled" | "hasError" | "isChecked">;
|
|
19
|
+
};
|
|
20
|
+
export default CheckboxInput;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { Theme } from '@emotion/react';
|
|
2
|
-
import type { TCheckboxProps } from './checkbox-input';
|
|
3
|
-
declare const getCheckboxWrapperStyles: (props: TCheckboxProps, theme: Theme) => import("@emotion/utils").SerializedStyles;
|
|
4
|
-
export { getCheckboxWrapperStyles };
|
|
1
|
+
import type { Theme } from '@emotion/react';
|
|
2
|
+
import type { TCheckboxProps } from './checkbox-input';
|
|
3
|
+
declare const getCheckboxWrapperStyles: (props: TCheckboxProps, theme: Theme) => import("@emotion/utils").SerializedStyles;
|
|
4
|
+
export { getCheckboxWrapperStyles };
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
export default Checkbox;
|
|
1
|
+
import type { TCheckboxProps } from './checkbox-input';
|
|
2
|
+
declare type TProps = Omit<TCheckboxProps, 'children' | 'hasError' | 'isHovered'> & {
|
|
3
|
+
type?: string;
|
|
4
|
+
};
|
|
5
|
+
declare const Checkbox: {
|
|
6
|
+
(props: TProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
7
|
+
displayName: string;
|
|
8
|
+
};
|
|
9
|
+
export default Checkbox;
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
import type { Theme } from '@emotion/react';
|
|
2
|
+
export declare type Props = {
|
|
3
|
+
color?: 'solid' | 'neutral60' | 'surface' | 'info' | 'primary' | 'primary40' | 'warning' | 'error';
|
|
4
|
+
size?: 'small' | 'medium' | 'big' | 'scale';
|
|
5
|
+
};
|
|
6
|
+
export declare type SVGProps = Props & {
|
|
7
|
+
className: string;
|
|
8
|
+
};
|
|
9
|
+
export declare const getIconStyles: (props: Props, theme: Theme) => import("@emotion/utils").SerializedStyles;
|
|
10
|
+
declare const CheckedIcon: {
|
|
11
|
+
(props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
12
|
+
displayName: string;
|
|
13
|
+
};
|
|
14
|
+
export default CheckedIcon;
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
import type { Theme } from '@emotion/react';
|
|
2
|
+
export declare type Props = {
|
|
3
|
+
color?: 'solid' | 'neutral60' | 'surface' | 'info' | 'primary' | 'primary40' | 'warning' | 'error';
|
|
4
|
+
size?: 'small' | 'medium' | 'big' | 'scale';
|
|
5
|
+
};
|
|
6
|
+
export declare type SVGProps = Props & {
|
|
7
|
+
className: string;
|
|
8
|
+
};
|
|
9
|
+
export declare const getIconStyles: (props: Props, theme: Theme) => import("@emotion/utils").SerializedStyles;
|
|
10
|
+
declare const IndeterminateIcon: {
|
|
11
|
+
(props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
12
|
+
displayName: string;
|
|
13
|
+
};
|
|
14
|
+
export default IndeterminateIcon;
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
import type { Theme } from '@emotion/react';
|
|
2
|
+
export declare type Props = {
|
|
3
|
+
color?: 'solid' | 'neutral60' | 'surface' | 'info' | 'primary' | 'primary40' | 'warning' | 'error';
|
|
4
|
+
size?: 'small' | 'medium' | 'big' | 'scale';
|
|
5
|
+
};
|
|
6
|
+
export declare type SVGProps = Props & {
|
|
7
|
+
className: string;
|
|
8
|
+
};
|
|
9
|
+
export declare const getIconStyles: (props: Props, theme: Theme) => import("@emotion/utils").SerializedStyles;
|
|
10
|
+
declare const UncheckedIcon: {
|
|
11
|
+
(props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
12
|
+
displayName: string;
|
|
13
|
+
};
|
|
14
|
+
export default UncheckedIcon;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default as CheckedIcon } from './CheckedReact';
|
|
2
|
-
export { default as IndeterminateIcon } from './IndeterminateReact';
|
|
3
|
-
export { default as UncheckedIcon } from './UncheckedReact';
|
|
1
|
+
export { default as CheckedIcon } from './CheckedReact';
|
|
2
|
+
export { default as IndeterminateIcon } from './IndeterminateReact';
|
|
3
|
+
export { default as UncheckedIcon } from './UncheckedReact';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./generated";
|
|
1
|
+
export * from "./generated";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default } from './checkbox-input';
|
|
2
|
-
export { default as version } from './version';
|
|
1
|
+
export { default } from './checkbox-input';
|
|
2
|
+
export { default as version } from './version';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "
|
|
2
|
-
export default _default;
|
|
1
|
+
declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
|
|
2
|
+
export default _default;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/checkbox-input",
|
|
3
3
|
"description": "An input component that works as checkbox input.",
|
|
4
|
-
"version": "12.2.
|
|
4
|
+
"version": "12.2.5",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -9,29 +9,34 @@
|
|
|
9
9
|
"directory": "packages/components/inputs/checkbox-input"
|
|
10
10
|
},
|
|
11
11
|
"homepage": "https://uikit.commercetools.com",
|
|
12
|
-
"keywords": [
|
|
12
|
+
"keywords": [
|
|
13
|
+
"javascript",
|
|
14
|
+
"design system",
|
|
15
|
+
"react",
|
|
16
|
+
"uikit"
|
|
17
|
+
],
|
|
13
18
|
"license": "MIT",
|
|
14
|
-
"private": false,
|
|
15
19
|
"publishConfig": {
|
|
16
20
|
"access": "public"
|
|
17
21
|
},
|
|
18
22
|
"sideEffects": false,
|
|
19
23
|
"main": "dist/commercetools-uikit-checkbox-input.cjs.js",
|
|
20
24
|
"module": "dist/commercetools-uikit-checkbox-input.esm.js",
|
|
21
|
-
"files": [
|
|
25
|
+
"files": [
|
|
26
|
+
"dist"
|
|
27
|
+
],
|
|
22
28
|
"scripts": {
|
|
23
|
-
"prepare": "../../../../scripts/version.js replace",
|
|
24
29
|
"generate-icons": "svgr -d src/icons/generated --typescript src/icons/svg"
|
|
25
30
|
},
|
|
26
31
|
"dependencies": {
|
|
27
|
-
"@babel/runtime": "7.
|
|
28
|
-
"@babel/runtime-corejs3": "7.
|
|
29
|
-
"@commercetools-uikit/design-system": "12.
|
|
30
|
-
"@commercetools-uikit/icons": "12.2.
|
|
31
|
-
"@commercetools-uikit/input-utils": "12.2.
|
|
32
|
-
"@commercetools-uikit/select-utils": "12.2.
|
|
33
|
-
"@commercetools-uikit/text": "12.2.
|
|
34
|
-
"@commercetools-uikit/utils": "12.2.
|
|
32
|
+
"@babel/runtime": "7.16.3",
|
|
33
|
+
"@babel/runtime-corejs3": "7.16.3",
|
|
34
|
+
"@commercetools-uikit/design-system": "12.2.5",
|
|
35
|
+
"@commercetools-uikit/icons": "12.2.5",
|
|
36
|
+
"@commercetools-uikit/input-utils": "12.2.5",
|
|
37
|
+
"@commercetools-uikit/select-utils": "12.2.5",
|
|
38
|
+
"@commercetools-uikit/text": "12.2.5",
|
|
39
|
+
"@commercetools-uikit/utils": "12.2.5",
|
|
35
40
|
"@emotion/react": "^11.4.0",
|
|
36
41
|
"@emotion/styled": "^11.3.0",
|
|
37
42
|
"prop-types": "15.7.2"
|