@mrshmllw/smores-react 2.1.21 → 2.1.22
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/dist/ActionDropdown/ActionDropdown.d.ts +2 -3
- package/dist/ActionDropdown/ActionDropdown.js.map +1 -1
- package/dist/ActionDropdown/ActionDropdown.stories.d.ts +1 -8
- package/dist/ActionDropdown/Container.js +2 -4
- package/dist/ActionDropdown/Container.js.map +1 -1
- package/dist/ActionDropdown/List.d.ts +3 -2
- package/dist/ActionDropdown/List.js.map +1 -1
- package/dist/Button/Button.d.ts +3 -2
- package/dist/Button/Button.js +1 -1
- package/dist/Button/Button.js.map +1 -1
- package/dist/Button/LegacyButton.d.ts +2 -1
- package/dist/Button/LegacyButton.js +4 -4
- package/dist/Button/LegacyButton.js.map +1 -1
- package/dist/CheckBox/CheckBox.js +1 -1
- package/dist/CheckBox/CheckBox.js.map +1 -1
- package/dist/ConfirmationRadioButtons/Confirmation.js +1 -1
- package/dist/ConfirmationRadioButtons/Confirmation.js.map +1 -1
- package/dist/Divider/Divider.d.ts +2 -1
- package/dist/Divider/Divider.js +9 -4
- package/dist/Divider/Divider.js.map +1 -1
- package/dist/Icon/Icon.d.ts +2 -1
- package/dist/Icon/Icon.js.map +1 -1
- package/dist/Loader/Loader.d.ts +2 -1
- package/dist/Loader/Loader.js.map +1 -1
- package/dist/Row/Row.d.ts +3 -2
- package/dist/Row/Row.js.map +1 -1
- package/dist/Tag/Tag.d.ts +4 -3
- package/dist/Tag/Tag.js.map +1 -1
- package/dist/Text/Text.d.ts +3 -2
- package/dist/Text/Text.js.map +1 -1
- package/dist/colors.stories.js.map +1 -1
- package/dist/theme.d.ts +30 -0
- package/dist/theme.js.map +1 -1
- package/package.json +1 -1
- package/dist/ActionDropdown/__tests__/__snapshots__/ActionDropdown.js.snap +0 -167
- package/dist/Box/__tests__/__snapshots__/Box.js.snap +0 -20
- package/dist/Button/__tests__/__snapshots__/Button.js.snap +0 -46
- package/dist/Card/__tests__/__snapshots__/Card.js.snap +0 -24
- package/dist/CheckBox/__tests__/__snapshots__/CheckBox.js.snap +0 -20
- package/dist/Dropdown/__tests__/__snapshots__/Dropdown.js.snap +0 -167
- package/dist/Emoji/__tests__/__snapshots__/Emoji.js.snap +0 -20
- package/dist/Icon/__tests__/__snapshots__/Icon.js.snap +0 -47
- package/dist/IconWrapper/__tests__/__snapshots__/IconWrapper.js.snap +0 -121
- package/dist/LabelledText/__tests__/__snapshots__/LabelledText.js.snap +0 -57
- package/dist/Loader/__tests__/__snapshots__/Loader.js.snap +0 -53
- package/dist/Message/__tests__/__snapshots__/Message.js.snap +0 -279
- package/dist/Modal/__tests__/__snapshots__/Modal.js.snap +0 -208
- package/dist/NumberInput/__tests__/__snapshots__/NumberInput.js.snap +0 -1398
- package/dist/Pagination/__tests__/__snapshots__/Pagination.js.snap +0 -273
- package/dist/RadioButton/__tests__/__snapshots__/RadioButton.js.snap +0 -146
- package/dist/Row/__tests__/__snapshots__/Row.js.snap +0 -96
- package/dist/SearchInput/__tests__/__snapshots__/SearchInput.js.snap +0 -146
- package/dist/Tag/__tests__/__snapshots__/Tag.js.snap +0 -54
- package/dist/Text/__tests__/__snapshots__/Text.js.snap +0 -34
- package/dist/TextInput/__tests__/__snapshots__/TextInput.js.snap +0 -74
- package/dist/Textarea/__tests__/__snapshots__/Textarea.js.snap +0 -271
- package/dist/Toggle/__tests__/__snapshots__/Toggle.js.snap +0 -70
@@ -1,6 +1,6 @@
|
|
1
1
|
import { FC } from 'react';
|
2
2
|
import { ActionListItem } from './List';
|
3
|
-
declare type
|
3
|
+
export declare type ActionDropdownProps = {
|
4
4
|
/** ID, usually used for tests */
|
5
5
|
id: string;
|
6
6
|
/** className attribute to apply classes from props */
|
@@ -14,5 +14,4 @@ declare type Props = {
|
|
14
14
|
/** onSelect handler */
|
15
15
|
onSelect: (action: ActionListItem) => void;
|
16
16
|
};
|
17
|
-
export declare const ActionDropdown: FC<
|
18
|
-
export {};
|
17
|
+
export declare const ActionDropdown: FC<ActionDropdownProps>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ActionDropdown.js","sourceRoot":"","sources":["../../src/ActionDropdown/ActionDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAA;AAE7C,OAAO,
|
1
|
+
{"version":3,"file":"ActionDropdown.js","sourceRoot":"","sources":["../../src/ActionDropdown/ActionDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAA;AAE7C,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AAiBvC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EACtD,EAAE,EACF,SAAS,GAAG,EAAE,EACd,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,GACT,EAAE,EAAE;;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,CACL,oBAAC,SAAS,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC;QAEpD,KAAK,IAAI,CACR,oBAAC,IAAI,IAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,IAC3C,KAAK,CACD,CACR;QAED,oBAAC,KAAK,IACJ,IAAI,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,WAAW,EACpC,EAAE,EAAE,MAAA,KAAK,CAAC,OAAO,mCAAI,SAAS;YAE9B,oBAAC,cAAc,QAAE,KAAK,CAAC,KAAK,CAAkB;YAC9C,oBAAC,IAAI,IACH,MAAM,EAAC,OAAO,EACd,KAAK,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,SAAS,EACnC,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GACtB,CACI;QACR,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI;YACxB,oBAAC,IAAI,IAAC,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,GAAI,CAChC,CACP,CACb,CAAA;AACH,CAAC,CAAA;AAOD,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CACtB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;aACV,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;wBACP,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;;;;;;;;;;;;GAYrC,CACF,CAAA;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;CAKjC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CAS3B,CAAA;AAMD,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAC/B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;eAKJ,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;kBACpB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;wBACjB,KAAK,CAAC,MAAM,CAAC,KAAK;wBAClB,KAAK,CAAC,MAAM,CAAC,OAAO;kBAC1B,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;;;GAGvC,CACF,CAAA"}
|
@@ -1,14 +1,7 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
declare const _default: {
|
3
3
|
title: string;
|
4
|
-
component: React.FC<
|
5
|
-
id: string;
|
6
|
-
className?: string | undefined;
|
7
|
-
label?: string | undefined;
|
8
|
-
value: import("./List").ActionListItem;
|
9
|
-
list: import("./List").ActionListItem[];
|
10
|
-
onSelect: (action: import("./List").ActionListItem) => void;
|
11
|
-
}>;
|
4
|
+
component: React.FC<import("./ActionDropdown").ActionDropdownProps>;
|
12
5
|
};
|
13
6
|
export default _default;
|
14
7
|
export declare const Default: any;
|
@@ -30,16 +30,14 @@ const actions = [
|
|
30
30
|
{
|
31
31
|
label: 'DANGER zone',
|
32
32
|
value: 'DANGER_ZONE',
|
33
|
-
bgColor: '
|
33
|
+
bgColor: 'error',
|
34
34
|
textColor: 'white',
|
35
35
|
},
|
36
36
|
];
|
37
37
|
export const Container = () => {
|
38
38
|
const [selectedAction, setSelectedAction] = useState(actions[0]);
|
39
39
|
return (React.createElement(Box, { flex: true, alignItems: "center" },
|
40
|
-
React.createElement(ActionDropdown, { id: "statusActions", list: actions, value: selectedAction,
|
41
|
-
// @ts-expect-error onSelect type is too broad and should be with generic type
|
42
|
-
onSelect: setSelectedAction }),
|
40
|
+
React.createElement(ActionDropdown, { id: "statusActions", list: actions, value: selectedAction, onSelect: setSelectedAction }),
|
43
41
|
React.createElement(Box, { mr: "16px" }),
|
44
42
|
React.createElement(Box, null,
|
45
43
|
React.createElement(Text, { tag: "p", typo: "base-small" }, selectedAction.label))));
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../src/ActionDropdown/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,cAAc,
|
1
|
+
{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../src/ActionDropdown/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAA;AACtE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,MAAM,OAAO,GAAgC;IAC3C;QACE,KAAK,EAAE,cAAc;QACrB,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,YAAY;QACrB,SAAS,EAAE,WAAW;KACvB;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;QACf,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,WAAW;KACvB;IACD;QACE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE,cAAc;QACvB,SAAS,EAAE,OAAO;KACnB;IACD;QACE,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,OAAO;KACnB;IACD;QACE,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,aAAa;QACpB,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,OAAO;KACnB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;IAEhE,OAAO,CACL,oBAAC,GAAG,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ;QAC3B,oBAAC,cAAc,IACb,EAAE,EAAC,eAAe,EAClB,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,iBAAiB,GAC3B;QAEF,oBAAC,GAAG,IAAC,EAAE,EAAC,MAAM,GAAG;QAEjB,oBAAC,GAAG;YACF,oBAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,YAAY,IAC5B,cAAc,CAAC,KAAK,CAChB,CACH,CACF,CACP,CAAA;AACH,CAAC,CAAA"}
|
@@ -1,9 +1,10 @@
|
|
1
1
|
import { FC } from 'react';
|
2
|
+
import { Color } from '../theme';
|
2
3
|
export declare type ActionListItem = {
|
3
4
|
label: string;
|
4
5
|
value: string;
|
5
|
-
bgColor?:
|
6
|
-
textColor?:
|
6
|
+
bgColor?: Color;
|
7
|
+
textColor?: Color;
|
7
8
|
};
|
8
9
|
declare type Props = {
|
9
10
|
options: ActionListItem[];
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/ActionDropdown/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/ActionDropdown/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AAcvC,MAAM,CAAC,MAAM,IAAI,GAAc,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAC5D,oBAAC,SAAS,QACP,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oBAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,IAC7D,MAAM,CAAC,KAAK,CACJ,CACZ,CAAC,CACQ,CACb,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CAAA;;;;CAI1B,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;WASf,KAAK,CAAC,MAAM,CAAC,SAAS;6BACJ,KAAK,CAAC,MAAM,CAAC,OAAO;;;wBAGzB,KAAK,CAAC,MAAM,CAAC,UAAU;;;;;;CAM9C,CAAA"}
|
package/dist/Button/Button.d.ts
CHANGED
@@ -1,9 +1,10 @@
|
|
1
1
|
import React, { FC, ReactNode, ButtonHTMLAttributes } from 'react';
|
2
|
+
import { Color } from '../theme';
|
2
3
|
declare type Props = {
|
3
4
|
children: ReactNode;
|
4
5
|
id?: string;
|
5
6
|
className?: string;
|
6
|
-
color?:
|
7
|
+
color?: Color;
|
7
8
|
block?: boolean;
|
8
9
|
inverted?: boolean;
|
9
10
|
disabled?: boolean;
|
@@ -18,6 +19,6 @@ declare type Props = {
|
|
18
19
|
form?: string;
|
19
20
|
type?: 'button' | 'submit' | 'reset';
|
20
21
|
};
|
21
|
-
export declare type ButtonProps = Props & ButtonHTMLAttributes<HTMLButtonElement>;
|
22
|
+
export declare type ButtonProps = Props & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>;
|
22
23
|
export declare const Button: FC<ButtonProps>;
|
23
24
|
export {};
|
package/dist/Button/Button.js
CHANGED
@@ -28,7 +28,7 @@ export const Button = forwardRef((_a, ref) => {
|
|
28
28
|
handleClick && handleClick(e);
|
29
29
|
}, isLoading: loading, primary: primary, secondary: secondary, tertiary: tertiary, icon: icon, forcedWidth: forcedWidth }, (form ? { form } : {}), { type: type }, props, { ref: ref }),
|
30
30
|
loading && (React.createElement(LoaderContainer, null,
|
31
|
-
React.createElement(Loader, { color: primary ? 'white' :
|
31
|
+
React.createElement(Loader, { color: primary ? 'white' : 'secondary', height: "16" }))),
|
32
32
|
React.createElement(ContentContainer, { icon: icon, "$loading": loading },
|
33
33
|
icon && (React.createElement(IconContainer, { render: icon, size: 24, color: primary ? 'white' : 'secondary' })),
|
34
34
|
React.createElement(ChildrenContainer, null, children))));
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAuC,UAAU,EAAE,MAAM,OAAO,CAAA;AAC9E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,OAAO,
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"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"}
|
@@ -1,9 +1,10 @@
|
|
1
1
|
import React, { FC, ReactNode } from 'react';
|
2
|
+
import { Color } from '../theme';
|
2
3
|
declare type Props = {
|
3
4
|
children: ReactNode;
|
4
5
|
id?: string;
|
5
6
|
className?: string;
|
6
|
-
color?:
|
7
|
+
color?: Color;
|
7
8
|
block?: boolean;
|
8
9
|
inverted?: boolean;
|
9
10
|
disabled?: boolean;
|
@@ -13,15 +13,15 @@ const Container = styled.button(({ block, color, inverted, outlined }) => css `
|
|
13
13
|
outline: none;
|
14
14
|
cursor: pointer;
|
15
15
|
width: ${block ? '100%' : 'auto'};
|
16
|
-
background-color: ${theme.colors[
|
16
|
+
background-color: ${theme.colors[color]};
|
17
17
|
color: ${theme.colors.white};
|
18
18
|
font-weight: ${theme.font.weight.medium};
|
19
19
|
|
20
20
|
&:hover:not([disabled]) {
|
21
|
-
background-color: ${theme.colors[
|
21
|
+
background-color: ${theme.colors[color]};
|
22
22
|
}
|
23
23
|
&:active:not([disabled]) {
|
24
|
-
background-color: ${theme.colors[
|
24
|
+
background-color: ${theme.colors[color]};
|
25
25
|
}
|
26
26
|
&:disabled {
|
27
27
|
opacity: 0.5;
|
@@ -32,7 +32,7 @@ const Container = styled.button(({ block, color, inverted, outlined }) => css `
|
|
32
32
|
css `
|
33
33
|
background-color: transparent;
|
34
34
|
border: 1px solid ${outlined ? theme.colors.outline : 'transparent'};
|
35
|
-
color: ${outlined ? theme.colors.secondary : theme.colors[
|
35
|
+
color: ${outlined ? theme.colors.secondary : theme.colors[color]};
|
36
36
|
|
37
37
|
&:hover:not([disabled]) {
|
38
38
|
background-color: ${theme.colors.background};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"LegacyButton.js","sourceRoot":"","sources":["../../src/Button/LegacyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,
|
1
|
+
{"version":3,"file":"LegacyButton.js","sourceRoot":"","sources":["../../src/Button/LegacyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AA+BvC,MAAM,CAAC,MAAM,YAAY,GAAc,CAAC,EACtC,QAAQ,EACR,EAAE,EACF,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,WAAW,EACnB,KAAK,GAAG,KAAK,EACb,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,WAAW,GACZ,EAAE,EAAE,CAAC,CACJ,oBAAC,SAAS,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,IAEnB,QAAQ,CACC,CACb,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAC7B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;;;;;;aAUlC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;wBACZ,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;aAC9B,KAAK,CAAC,MAAM,CAAC,KAAK;mBACZ,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;;0BAGjB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;;0BAGnB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;;;;;;MAOvC,CAAC,QAAQ,IAAI,QAAQ,CAAC;IACxB,GAAG,CAAA;;0BAEmB,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa;eAC1D,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;;4BAG1C,KAAK,CAAC,MAAM,CAAC,UAAU;;;4BAGvB,KAAK,CAAC,MAAM,CAAC,UAAU;;KAE9C;;;;;;GAMF,CACF,CAAA"}
|
@@ -5,7 +5,7 @@ import { Text } from '../Text';
|
|
5
5
|
import { theme } from '../theme';
|
6
6
|
export const CheckBox = ({ id, checked, children, toggle, error, errorMsg, }) => (React.createElement(React.Fragment, null,
|
7
7
|
React.createElement(BoxContainer, { id: id },
|
8
|
-
React.createElement(Text, { tag: "span", typo: "base", color: error ? '
|
8
|
+
React.createElement(Text, { tag: "span", typo: "base", color: error ? 'error' : 'secondary' }, children),
|
9
9
|
React.createElement("input", { type: "checkbox", checked: checked, onChange: toggle }),
|
10
10
|
React.createElement(Checkmark, { error: error })),
|
11
11
|
error && errorMsg && React.createElement(ErrorBox, null, errorMsg)));
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../src/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAWhC,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAC1C,EAAE,EACF,OAAO,EACP,QAAQ,EACR,MAAM,EACN,KAAK,EACL,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ;IACE,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE;QAClB,oBAAC,IAAI,IAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,
|
1
|
+
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../src/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAWhC,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAC1C,EAAE,EACF,OAAO,EACP,QAAQ,EACR,MAAM,EACN,KAAK,EACL,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ;IACE,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE;QAClB,oBAAC,IAAI,IAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,IAC9D,QAAQ,CACJ;QAEP,+BAAO,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAI;QAC7D,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,GAAI,CACd;IACd,KAAK,IAAI,QAAQ,IAAI,oBAAC,QAAQ,QAAE,QAAQ,CAAY,CACpD,CACJ,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAqB;;;;;YAKtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACtB,KAAK;IACH,CAAC,CAAC,aAAa,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE;IACnC,CAAC,CAAC,aAAa,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE;;;;;;;;;;;;;;;;;;CAkB5C,CAAA;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;kBAaf,SAAS;0BACD,KAAK,CAAC,MAAM,CAAC,SAAS;0BACtB,KAAK,CAAC,MAAM,CAAC,SAAS;;;kBAG9B,SAAS;;;;MAIrB,YAAY,CAAC,EAAE,QAAQ,EAAE,qBAAqB,SAAS,EAAE,EAAE,CAAC;;;;MAI5D,SAAS;0BACW,KAAK,CAAC,MAAM,CAAC,UAAU;0BACvB,KAAK,CAAC,MAAM,CAAC,SAAS;;;;;;;CAO/C,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAA;;;WAGjB,KAAK,CAAC,MAAM,CAAC,KAAK;CAC5B,CAAA"}
|
@@ -8,7 +8,7 @@ export const Confirmation = ({ checked, onChange, id, error = false, errorMsg =
|
|
8
8
|
return (React.createElement(ConfirmationWrapper, null,
|
9
9
|
(label || sublabel) && (React.createElement(TextWrapper, null,
|
10
10
|
label && React.createElement(SectionHeadingText, { tag: "h3" }, label),
|
11
|
-
sublabel && (React.createElement(Text, { tag: "p", typo: "base-small", color:
|
11
|
+
sublabel && (React.createElement(Text, { tag: "p", typo: "base-small", color: "subtext" }, sublabel)))),
|
12
12
|
React.createElement(RadioButtonGroupWrapper, null,
|
13
13
|
React.createElement(RadioButtonGroup, null,
|
14
14
|
React.createElement(RadioButtonWrapper, { checked: checked === true, error: error },
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../src/ConfirmationRadioButtons/Confirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAC1D,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAa,MAAM,qBAAqB,CAAA;AAe5D,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAClD,OAAO,EACP,QAAQ,EACR,EAAE,EACF,KAAK,GAAG,KAAK,EACb,QAAQ,GAAG,EAAE,EACb,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,IAAI,GACI,EAAE,EAAE;IACtB,OAAO,CACL,oBAAC,mBAAmB;QACjB,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,CACtB,oBAAC,WAAW;YACT,KAAK,IAAI,oBAAC,kBAAkB,IAAC,GAAG,EAAC,IAAI,IAAE,KAAK,CAAsB;YAClE,QAAQ,IAAI,CACX,oBAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,
|
1
|
+
{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../src/ConfirmationRadioButtons/Confirmation.tsx"],"names":[],"mappings":"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"}
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import { FC } from 'react';
|
2
|
+
import { Color } from '../theme';
|
2
3
|
export declare type DividerProps = {
|
3
4
|
maxWidth?: string;
|
4
5
|
height?: string;
|
@@ -6,6 +7,6 @@ export declare type DividerProps = {
|
|
6
7
|
mr?: string;
|
7
8
|
mb?: string;
|
8
9
|
ml?: string;
|
9
|
-
color?:
|
10
|
+
color?: Color;
|
10
11
|
};
|
11
12
|
export declare const Divider: FC<DividerProps>;
|
package/dist/Divider/Divider.js
CHANGED
@@ -1,11 +1,16 @@
|
|
1
1
|
import React, { memo } from 'react';
|
2
|
-
import styled from 'styled-components';
|
2
|
+
import styled, { css } from 'styled-components';
|
3
3
|
import { Box } from '../Box';
|
4
4
|
import { theme } from '../theme';
|
5
|
-
const
|
6
|
-
|
5
|
+
export const Divider = memo(function Divider({ maxWidth = 'none', height = '1px', mt = '0px', mr = '0px', mb = '0px', ml = '0px', color = 'outline', }) {
|
6
|
+
return (React.createElement(Line, { maxWidth: maxWidth, height: height, mt: mt, mr: mr, mb: mb, ml: ml, color: color }));
|
7
|
+
});
|
7
8
|
const Line = styled(Box) `
|
8
|
-
|
9
|
+
${({ color }) => color
|
10
|
+
? css `
|
11
|
+
background: ${theme.colors[color]};
|
12
|
+
`
|
13
|
+
: ''};
|
9
14
|
display: block;
|
10
15
|
height: ${({ height }) => height};
|
11
16
|
margin-bottom: ${({ mb }) => mb};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../src/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,IAAI,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,MAAM,MAAM,mBAAmB,CAAA;
|
1
|
+
{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../src/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,IAAI,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AAYvC,MAAM,CAAC,MAAM,OAAO,GAAqB,IAAI,CAAC,SAAS,OAAO,CAAC,EAC7D,QAAQ,GAAG,MAAM,EACjB,MAAM,GAAG,KAAK,EACd,EAAE,GAAG,KAAK,EACV,EAAE,GAAG,KAAK,EACV,EAAE,GAAG,KAAK,EACV,EAAE,GAAG,KAAK,EACV,KAAK,GAAG,SAAS,GAClB;IACC,OAAO,CACL,oBAAC,IAAI,IACH,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,GACZ,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAkB;IACtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK;IACH,CAAC,CAAC,GAAG,CAAA;wBACa,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;SAClC;IACH,CAAC,CAAC,EAAE;;YAEE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;mBACf,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;iBAChB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;kBACb,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;gBAChB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;eACf,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ;;CAExC,CAAA"}
|
package/dist/Icon/Icon.d.ts
CHANGED
@@ -1,4 +1,5 @@
|
|
1
1
|
import { FC } from 'react';
|
2
|
+
import { Color } from '../theme';
|
2
3
|
/**
|
3
4
|
* When adding a new Icon please remember to also add it
|
4
5
|
* to the Container.jsx to keep our Icons Collection up to date.
|
@@ -13,7 +14,7 @@ export declare type IconProps = {
|
|
13
14
|
/** set size of the Icon */
|
14
15
|
size?: number;
|
15
16
|
/** set color of the Icon */
|
16
|
-
color?:
|
17
|
+
color?: Color;
|
17
18
|
/** rotation degrees */
|
18
19
|
rotate?: number;
|
19
20
|
/** margins TOP-RIGHT-BOTTOM-LEFT */
|