@mrshmllw/smores-react 2.5.0 → 2.6.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 +0 -5
- package/dist/Accordion/Accordion.d.ts +1 -0
- package/dist/Accordion/Accordion.js +13 -25
- package/dist/Accordion/Accordion.js.map +1 -1
- package/dist/ConfirmationRadioButtons/Confirmation.d.ts +2 -2
- package/dist/ConfirmationRadioButtons/Confirmation.js.map +1 -1
- package/dist/ConfirmationRadioButtons/RadioButtonStyled.d.ts +2 -2
- package/dist/ConfirmationRadioButtons/RadioButtonStyled.js +1 -3
- package/dist/ConfirmationRadioButtons/RadioButtonStyled.js.map +1 -1
- package/dist/Datepicker/Datepicker.js +1 -1
- package/dist/Datepicker/Datepicker.js.map +1 -1
- package/dist/Dropdown/Dropdown.d.ts +4 -4
- package/dist/Dropdown/Dropdown.js +1 -3
- package/dist/Dropdown/Dropdown.js.map +1 -1
- package/dist/Dropdown/Dropdown.stories.d.ts +2 -2
- package/dist/Field/Field.d.ts +2 -1
- package/dist/Field/Field.js +8 -20
- package/dist/Field/Field.js.map +1 -1
- package/dist/Field/types/commonFieldTypes.d.ts +1 -0
- package/dist/Fieldset/Fieldset.js +2 -7
- package/dist/Fieldset/Fieldset.js.map +1 -1
- package/dist/Icon/Icon.js +4 -4
- package/dist/Icon/Icon.js.map +1 -1
- package/dist/Link/Link.d.ts +3 -0
- package/dist/Link/Link.js +37 -27
- package/dist/Link/Link.js.map +1 -1
- package/dist/Link/Link.stories.js +1 -0
- package/dist/Link/Link.stories.js.map +1 -1
- package/dist/Modal/Modal.js +1 -1
- package/dist/Modal/Modal.js.map +1 -1
- package/dist/NumberInput/NumberInput.d.ts +2 -2
- package/dist/NumberInput/NumberInput.js +2 -4
- package/dist/NumberInput/NumberInput.js.map +1 -1
- package/dist/SearchInput/SearchInput.d.ts +2 -1
- package/dist/SearchInput/SearchInput.js +2 -2
- package/dist/SearchInput/SearchInput.js.map +1 -1
- package/dist/Text/Text.d.ts +6 -1
- package/dist/Text/Text.js +10 -31
- package/dist/Text/Text.js.map +1 -1
- package/dist/Text/Text.stories.d.ts +1 -0
- package/dist/Text/Text.stories.js +8 -6
- package/dist/Text/Text.stories.js.map +1 -1
- package/dist/Text/fontMapping.d.ts +2 -0
- package/dist/Text/fontMapping.js +81 -0
- package/dist/Text/fontMapping.js.map +1 -0
- package/dist/Text/index.d.ts +1 -1
- package/dist/Text/index.js +1 -1
- package/dist/Text/index.js.map +1 -1
- package/dist/TextInput/TextInput.d.ts +2 -2
- package/dist/TextInput/TextInput.js +1 -3
- package/dist/TextInput/TextInput.js.map +1 -1
- package/dist/TextInput/TextInput.stories.d.ts +1 -0
- package/dist/TextInput/TextInput.stories.js +14 -0
- package/dist/TextInput/TextInput.stories.js.map +1 -1
- package/dist/Textarea/Textarea.d.ts +2 -2
- package/dist/Textarea/Textarea.js.map +1 -1
- package/dist/fontStyle.js +7 -0
- package/dist/fontStyle.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +5 -4
package/README.md
CHANGED
|
@@ -7,13 +7,8 @@
|
|
|
7
7
|
<img alt="npm-version-badge" src="https://img.shields.io/npm/v/@mrshmllw/smores-react.svg?style=flat-square" /></a>
|
|
8
8
|
<a href="https://github.com/marshmallow-insurance/smores-react/blob/master/LICENSE">
|
|
9
9
|
<img alt="licence-badge" src="https://img.shields.io/github/license/marshmallow-insurance/smores-react.svg?style=flat-square" /></a>
|
|
10
|
-
<a href="https://travis-ci.com/marshmallow-insurance/smores-react">
|
|
11
|
-
<img alt="travis-build-badge" src="https://img.shields.io/travis/com/marshmallow-insurance/smores-react.svg?style=flat-square" /></a>
|
|
12
|
-
<a href="https://david-dm.org/marshmallow-insurance/smores-react">
|
|
13
|
-
<img alt="dependencies-badge" src="https://img.shields.io/david/marshmallow-insurance/smores-react.svg?style=flat-square" /></a>
|
|
14
10
|
<a href="https://snyk.io//test/github/marshmallow-insurance/smores-react?targetFile=package.json">
|
|
15
11
|
<img alt="snyk-badge" src="https://img.shields.io/snyk/vulnerabilities/github/marshmallow-insurance/smores-react?style=flat-square" /></a>
|
|
16
|
-
<img alt="codacy-badge" src="https://img.shields.io/codacy/grade/e6e23095e1e64ca6bba6076b7589fa4a.svg?style=flat-square"/></a>
|
|
17
12
|
<a href="https://prettier.io/">
|
|
18
13
|
<img alt="prettier-badge" src="https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square" /></a>
|
|
19
14
|
</p>
|
|
@@ -16,51 +16,39 @@ import { Icon } from '../Icon';
|
|
|
16
16
|
import { theme } from '../theme';
|
|
17
17
|
import { Text } from '../Text';
|
|
18
18
|
export const Accordion = (_a) => {
|
|
19
|
-
var { title, children, borderTop = false, subTitle, fullBorder = false } = _a, marginProps = __rest(_a, ["title", "children", "borderTop", "subTitle", "fullBorder"]);
|
|
19
|
+
var { title, children, onToggle, borderTop = false, subTitle, fullBorder = false } = _a, marginProps = __rest(_a, ["title", "children", "onToggle", "borderTop", "subTitle", "fullBorder"]);
|
|
20
20
|
const [isOpen, setIsOpen] = useState(false);
|
|
21
|
+
const px = fullBorder ? '16px' : '0';
|
|
22
|
+
const handleToggle = () => {
|
|
23
|
+
const nextOpenState = !isOpen;
|
|
24
|
+
onToggle === null || onToggle === void 0 ? void 0 : onToggle(nextOpenState);
|
|
25
|
+
setIsOpen(nextOpenState);
|
|
26
|
+
};
|
|
21
27
|
return (React.createElement(Wrapper, Object.assign({ borderTop: borderTop, fullBorder: fullBorder }, marginProps),
|
|
22
|
-
React.createElement(TopContainer, { flex: true, alignItems: "center", justifyContent: "space-between", onClick:
|
|
28
|
+
React.createElement(TopContainer, { flex: true, alignItems: "center", justifyContent: "space-between", onClick: handleToggle, py: fullBorder ? { custom: 20 } : '16px', px: px },
|
|
23
29
|
React.createElement(TitleContainer, null,
|
|
24
|
-
React.createElement(
|
|
30
|
+
React.createElement(Text, { tag: "h2", typo: "headline-regular" }, title),
|
|
25
31
|
subTitle && (React.createElement(Text, { tag: "label", color: "subtext", typo: "label" }, subTitle))),
|
|
26
32
|
React.createElement(CaretIcon, { render: "caret", size: 24, color: "secondary", isOpen: isOpen, borderTop: borderTop })),
|
|
27
|
-
isOpen && React.createElement(
|
|
33
|
+
isOpen && (React.createElement(Box, { pt: "12px", pb: "16px", px: px }, children))));
|
|
28
34
|
};
|
|
29
35
|
const Wrapper = styled(Box)(({ borderTop, fullBorder }) => css `
|
|
30
36
|
border-bottom: 1px solid ${theme.colors.outline};
|
|
31
|
-
|
|
32
|
-
border-top: ${borderTop && `1px solid ${theme.colors.outline}`};
|
|
37
|
+
${borderTop && `border-top: 1px solid ${theme.colors.outline};`}
|
|
33
38
|
|
|
34
39
|
${fullBorder &&
|
|
35
40
|
css `
|
|
36
41
|
border: 1px solid ${theme.colors.outline};
|
|
37
42
|
border-radius: 8px;
|
|
38
43
|
margin-bottom: 14px;
|
|
39
|
-
padding: 20px 15px;
|
|
40
44
|
`}
|
|
41
45
|
`);
|
|
42
46
|
const TitleContainer = styled.div `
|
|
43
47
|
display: flex;
|
|
44
48
|
flex-direction: column;
|
|
45
49
|
`;
|
|
46
|
-
const TopContainer = styled(Box)
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
${fullBorder &&
|
|
50
|
-
css `
|
|
51
|
-
padding: 0px;
|
|
52
|
-
`}
|
|
53
|
-
|
|
54
|
-
${isOpen &&
|
|
55
|
-
css `
|
|
56
|
-
margin-bottom: 14px;
|
|
57
|
-
`}
|
|
58
|
-
`);
|
|
59
|
-
const Title = styled.h2 `
|
|
60
|
-
color: ${theme.colors.secondary};
|
|
61
|
-
font-size: 16px;
|
|
62
|
-
line-height: 21px;
|
|
63
|
-
font-weight: ${theme.font.weight.medium};
|
|
50
|
+
const TopContainer = styled(Box) `
|
|
51
|
+
cursor: pointer;
|
|
64
52
|
`;
|
|
65
53
|
const CaretIcon = styled(Icon)(({ isOpen }) => css `
|
|
66
54
|
transform: ${isOpen ? 'rotate(180deg)' : 'rotate(0deg)'};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.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,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FC,
|
|
1
|
+
import { FC, FocusEvent, ReactElement } from 'react';
|
|
2
2
|
import { MarginProps } from '../utils/space';
|
|
3
3
|
export declare type ConfirmationProps = {
|
|
4
4
|
onChange(value?: boolean): void;
|
|
@@ -7,7 +7,7 @@ export declare type ConfirmationProps = {
|
|
|
7
7
|
error?: boolean;
|
|
8
8
|
errorMsg?: string;
|
|
9
9
|
label?: string;
|
|
10
|
-
onBlur?: (e:
|
|
10
|
+
onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
|
|
11
11
|
sublabel?: string | ReactElement;
|
|
12
12
|
yesLabel?: string | ReactElement;
|
|
13
13
|
noLabel?: string | ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../src/ConfirmationRadioButtons/Confirmation.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../src/ConfirmationRadioButtons/Confirmation.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FC, ChangeEvent,
|
|
1
|
+
import { FC, ChangeEvent, FocusEvent, ReactElement } from 'react';
|
|
2
2
|
export interface FakeInput {
|
|
3
3
|
checked?: boolean;
|
|
4
4
|
error?: boolean;
|
|
@@ -10,7 +10,7 @@ declare type RadioButtonProps = {
|
|
|
10
10
|
checked?: boolean;
|
|
11
11
|
value: string;
|
|
12
12
|
onChange: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
13
|
-
onBlur?: (e:
|
|
13
|
+
onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
|
|
14
14
|
disabled?: boolean;
|
|
15
15
|
};
|
|
16
16
|
export declare const RadioButton: FC<RadioButtonProps>;
|
|
@@ -3,9 +3,7 @@ import styled from 'styled-components';
|
|
|
3
3
|
import { theme } from '../theme';
|
|
4
4
|
import { Box } from '../Box';
|
|
5
5
|
export const RadioButton = ({ id, label, checked, value, onChange, onBlur, disabled = false, }) => (React.createElement(Box, { flex: true, alignItems: "center" },
|
|
6
|
-
React.createElement(RadioInput, { id: id, type: "radio", checked: checked, value: value, onChange: onChange, onBlur:
|
|
7
|
-
onBlur && onBlur(e);
|
|
8
|
-
}, disabled: disabled }),
|
|
6
|
+
React.createElement(RadioInput, { id: id, type: "radio", checked: checked, value: value, onChange: onChange, onBlur: onBlur, disabled: disabled }),
|
|
9
7
|
React.createElement(RadioLabel, { htmlFor: id },
|
|
10
8
|
React.createElement(FakeInput, { checked: checked }),
|
|
11
9
|
React.createElement(Text, null, label))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButtonStyled.js","sourceRoot":"","sources":["../../src/ConfirmationRadioButtons/RadioButtonStyled.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"RadioButtonStyled.js","sourceRoot":"","sources":["../../src/ConfirmationRadioButtons/RadioButtonStyled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAA;AACxE,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAkB5B,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAChD,EAAE,EACF,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,GAAG,KAAK,GACC,EAAE,EAAE,CAAC,CACtB,oBAAC,GAAG,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ;IAC3B,oBAAC,UAAU,IACT,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GAClB;IACF,oBAAC,UAAU,IAAC,OAAO,EAAE,EAAE;QACrB,oBAAC,SAAS,IAAC,OAAO,EAAE,OAAO,GAAI;QAC/B,oBAAC,IAAI,QAAE,KAAK,CAAQ,CACT,CACT,CACP,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAW;;;;sBAIjB,KAAK,CAAC,MAAM,CAAC,KAAK;;YAE5B,CAAC,EAAE,OAAO,EAAa,EAAE,EAAE,CACnC,OAAO;IACL,CAAC,CAAC,aAAa,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE;IACvC,CAAC,CAAC,aAAa,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE;CAC5C,CAAA;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;CAK9B,CAAA;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;WAKpB,KAAK,CAAC,MAAM,CAAC,SAAS;;;;CAIhC,CAAA;AAED,wDAAwD;AACxD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;;;CAGvB,CAAA"}
|
|
@@ -62,7 +62,7 @@ export const Datepicker = (_a) => {
|
|
|
62
62
|
React.createElement(Header, { flex: true, alignItems: "center", justifyContent: "space-between", direction: "row" },
|
|
63
63
|
React.createElement(Circle, { disabled: activeMonthIndex === 0, onClick: () => setActiveMonth(activeMonthIndex - 1) },
|
|
64
64
|
React.createElement(Caret, { render: "caret", color: "white", size: 24, rotate: 90 })),
|
|
65
|
-
React.createElement(Heading, { tag: "h4", typo: "
|
|
65
|
+
React.createElement(Heading, { tag: "h4", typo: "body-regular" }, availableMonths[activeMonthIndex].label),
|
|
66
66
|
React.createElement(Circle, { disabled: activeMonthIndex === availableMonths.length - 1, onClick: () => setActiveMonth(activeMonthIndex + 1) },
|
|
67
67
|
React.createElement(Caret, { render: "caret", color: "white", size: 24, rotate: -90 }))),
|
|
68
68
|
React.createElement(Box, { flex: true, alignItems: "center", justifyContent: "center" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Datepicker.js","sourceRoot":"","sources":["../../src/Datepicker/Datepicker.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Datepicker.js","sourceRoot":"","sources":["../../src/Datepicker/Datepicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { FormEvent, RefObject } from 'react';
|
|
1
|
+
import React, { FocusEvent, FormEvent, RefObject } from 'react';
|
|
2
2
|
import { CommonFieldTypes } from '../Field';
|
|
3
3
|
export declare type DropdownItem = {
|
|
4
4
|
optionGroupLabel?: string;
|
|
@@ -14,7 +14,7 @@ export interface Props extends CommonFieldTypes {
|
|
|
14
14
|
disabled?: boolean;
|
|
15
15
|
list: DropdownItem[];
|
|
16
16
|
onSelect: (element: string) => void;
|
|
17
|
-
onBlur?: (e:
|
|
17
|
+
onBlur?: (e: FocusEvent<HTMLSelectElement>) => void;
|
|
18
18
|
}
|
|
19
19
|
declare type TruncateProps = {
|
|
20
20
|
onSelect: (e: string) => void;
|
|
@@ -27,8 +27,8 @@ export declare type DropdownProps = Props & TruncateProps;
|
|
|
27
27
|
export declare const Dropdown: React.ForwardRefExoticComponent<(Pick<Props & {
|
|
28
28
|
onSelect: (e: string) => void;
|
|
29
29
|
onInputChange?: ((e: FormEvent<HTMLSelectElement>) => void) | undefined;
|
|
30
|
-
}, "required" | "error" | "id" | "name" | "value" | "label" | "className" | "disabled" | "list" | "defaultValue" | "placeholder" | "onBlur" | "onSelect" | "m" | "mx" | "my" | "ml" | "mr" | "mt" | "mb" | "outlined" | "errorMsg" | "renderAsTitle" | "onInputChange"> | Pick<Props & {
|
|
30
|
+
}, "required" | "error" | "id" | "name" | "value" | "label" | "className" | "disabled" | "list" | "defaultValue" | "placeholder" | "onBlur" | "onSelect" | "m" | "mx" | "my" | "ml" | "mr" | "mt" | "mb" | "outlined" | "errorMsg" | "renderAsTitle" | "assistiveText" | "onInputChange"> | Pick<Props & {
|
|
31
31
|
onSelect?: ((e: string) => void) | undefined;
|
|
32
32
|
onInputChange: (e: FormEvent<HTMLSelectElement>) => void;
|
|
33
|
-
}, "required" | "error" | "id" | "name" | "value" | "label" | "className" | "disabled" | "list" | "defaultValue" | "placeholder" | "onBlur" | "onSelect" | "m" | "mx" | "my" | "ml" | "mr" | "mt" | "mb" | "outlined" | "errorMsg" | "renderAsTitle" | "onInputChange">) & React.RefAttributes<HTMLSelectElement>>;
|
|
33
|
+
}, "required" | "error" | "id" | "name" | "value" | "label" | "className" | "disabled" | "list" | "defaultValue" | "placeholder" | "onBlur" | "onSelect" | "m" | "mx" | "my" | "ml" | "mr" | "mt" | "mb" | "outlined" | "errorMsg" | "renderAsTitle" | "assistiveText" | "onInputChange">) & React.RefAttributes<HTMLSelectElement>>;
|
|
34
34
|
export {};
|
|
@@ -47,9 +47,7 @@ export const Dropdown = forwardRef(function Dropdown(_a, ref) {
|
|
|
47
47
|
: placeholder, disabled: disabled || list.length < 1, onChange: (e) => {
|
|
48
48
|
onSelect && onSelect(e.currentTarget.value);
|
|
49
49
|
onInputChange && onInputChange(e);
|
|
50
|
-
}, outlined: outlined, error: error, ref: ref, onBlur:
|
|
51
|
-
onBlur && onBlur(e);
|
|
52
|
-
}, name: name, value: value },
|
|
50
|
+
}, outlined: outlined, error: error, ref: ref, onBlur: onBlur, name: name, value: value },
|
|
53
51
|
hasOptGroups ? (React.createElement("optgroup", { label: placeholder },
|
|
54
52
|
React.createElement("option", { value: "", hidden: true }, placeholder))) : (React.createElement("option", { value: "", hidden: true }, placeholder)),
|
|
55
53
|
dropdownItemsGroups.map((groupItems, i) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,SAAS,EACT,QAAQ,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,10 +4,10 @@ declare const _default: {
|
|
|
4
4
|
component: React.ForwardRefExoticComponent<(Pick<import("./Dropdown").Props & {
|
|
5
5
|
onSelect: (e: string) => void;
|
|
6
6
|
onInputChange?: ((e: React.FormEvent<HTMLSelectElement>) => void) | undefined;
|
|
7
|
-
}, "required" | "error" | "id" | "name" | "value" | "label" | "className" | "disabled" | "list" | "defaultValue" | "placeholder" | "onBlur" | "onSelect" | "m" | "mx" | "my" | "ml" | "mr" | "mt" | "mb" | "outlined" | "errorMsg" | "renderAsTitle" | "onInputChange"> | Pick<import("./Dropdown").Props & {
|
|
7
|
+
}, "required" | "error" | "id" | "name" | "value" | "label" | "className" | "disabled" | "list" | "defaultValue" | "placeholder" | "onBlur" | "onSelect" | "m" | "mx" | "my" | "ml" | "mr" | "mt" | "mb" | "outlined" | "errorMsg" | "renderAsTitle" | "assistiveText" | "onInputChange"> | Pick<import("./Dropdown").Props & {
|
|
8
8
|
onSelect?: ((e: string) => void) | undefined;
|
|
9
9
|
onInputChange: (e: React.FormEvent<HTMLSelectElement>) => void;
|
|
10
|
-
}, "required" | "error" | "id" | "name" | "value" | "label" | "className" | "disabled" | "list" | "defaultValue" | "placeholder" | "onBlur" | "onSelect" | "m" | "mx" | "my" | "ml" | "mr" | "mt" | "mb" | "outlined" | "errorMsg" | "renderAsTitle" | "onInputChange">) & React.RefAttributes<HTMLSelectElement>>;
|
|
10
|
+
}, "required" | "error" | "id" | "name" | "value" | "label" | "className" | "disabled" | "list" | "defaultValue" | "placeholder" | "onBlur" | "onSelect" | "m" | "mx" | "my" | "ml" | "mr" | "mt" | "mb" | "outlined" | "errorMsg" | "renderAsTitle" | "assistiveText" | "onInputChange">) & React.RefAttributes<HTMLSelectElement>>;
|
|
11
11
|
argTypes: {
|
|
12
12
|
onSelect: {
|
|
13
13
|
action: string;
|
package/dist/Field/Field.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ interface FieldProps extends CommonFieldTypes {
|
|
|
7
7
|
trailingIcon?: string;
|
|
8
8
|
dropdownKey?: string;
|
|
9
9
|
fullHeight?: boolean;
|
|
10
|
+
assistiveText?: string;
|
|
10
11
|
}
|
|
11
|
-
export declare const Field: ({ children, renderAsTitle, className, error, id, label, outlined, value, trailingIcon, errorMsg, dropdownKey, required, showCaret, fullHeight, ...marginProps }: FieldProps) => JSX.Element;
|
|
12
|
+
export declare const Field: ({ children, renderAsTitle, className, error, id, label, outlined, value, trailingIcon, errorMsg, dropdownKey, required, showCaret, fullHeight, assistiveText, ...marginProps }: FieldProps) => JSX.Element;
|
|
12
13
|
export {};
|
package/dist/Field/Field.js
CHANGED
|
@@ -17,17 +17,20 @@ import { Text } from '../Text';
|
|
|
17
17
|
import { Box } from '../Box';
|
|
18
18
|
import { theme } from '../theme';
|
|
19
19
|
export const Field = (_a) => {
|
|
20
|
-
var { children, renderAsTitle, className = '', error, id, label, outlined = false, value, trailingIcon, errorMsg, dropdownKey, required, showCaret, fullHeight = false } = _a, marginProps = __rest(_a, ["children", "renderAsTitle", "className", "error", "id", "label", "outlined", "value", "trailingIcon", "errorMsg", "dropdownKey", "required", "showCaret", "fullHeight"]);
|
|
20
|
+
var { children, renderAsTitle, className = '', error, id, label, outlined = false, value, trailingIcon, errorMsg, dropdownKey, required, showCaret, fullHeight = false, assistiveText } = _a, marginProps = __rest(_a, ["children", "renderAsTitle", "className", "error", "id", "label", "outlined", "value", "trailingIcon", "errorMsg", "dropdownKey", "required", "showCaret", "fullHeight", "assistiveText"]);
|
|
21
21
|
return (React.createElement(Container, Object.assign({ className: className }, marginProps),
|
|
22
|
-
label && (React.createElement(
|
|
23
|
-
label,
|
|
24
|
-
|
|
22
|
+
label && (React.createElement(React.Fragment, null, renderAsTitle ? (React.createElement(Box, { mb: "16px" },
|
|
23
|
+
React.createElement(Text, { tag: "label", typo: "heading-small", htmlFor: id, mb: assistiveText ? { custom: 4 } : undefined }, label),
|
|
24
|
+
assistiveText && (React.createElement(Text, { tag: "p", color: "subtext" }, assistiveText)))) : (React.createElement(Box, { mb: { custom: outlined ? 4 : 0 } },
|
|
25
|
+
React.createElement(Text, { tag: "label", typo: "label", color: "subtext", htmlFor: id },
|
|
26
|
+
label,
|
|
27
|
+
required && (React.createElement(Text, { tag: "span", typo: "body-small", color: "error" }, "*"))))))),
|
|
25
28
|
React.createElement(Content, { fullHeight: fullHeight, value: value, outlined: outlined, error: error, key: dropdownKey !== null && dropdownKey !== void 0 ? dropdownKey : null },
|
|
26
29
|
children,
|
|
27
30
|
showCaret && (React.createElement(Caret, { outlined: outlined },
|
|
28
31
|
React.createElement(Icon, { render: "caret", color: "subtext", size: 24 })))),
|
|
29
32
|
trailingIcon && React.createElement(Icon, { render: trailingIcon, color: "subtext" }),
|
|
30
|
-
error && React.createElement(
|
|
33
|
+
error && (React.createElement(Text, { tag: "span", typo: "caption", color: "error", mt: "8px" }, errorMsg))));
|
|
31
34
|
};
|
|
32
35
|
const Container = styled(Box) `
|
|
33
36
|
display: flex;
|
|
@@ -58,17 +61,6 @@ const Content = styled.div `
|
|
|
58
61
|
border-color: ${theme.colors.outline};
|
|
59
62
|
`}
|
|
60
63
|
`;
|
|
61
|
-
const ErrorBox = styled.span `
|
|
62
|
-
margin-top: 7px;
|
|
63
|
-
color: ${theme.colors.error};
|
|
64
|
-
font-size: 12px;
|
|
65
|
-
`;
|
|
66
|
-
const Title = styled.label `
|
|
67
|
-
font-size: 20px;
|
|
68
|
-
line-height: 26px;
|
|
69
|
-
font-weight: 500;
|
|
70
|
-
padding-bottom: 8px;
|
|
71
|
-
`;
|
|
72
64
|
const Caret = styled.div `
|
|
73
65
|
position: absolute;
|
|
74
66
|
top: 50%;
|
|
@@ -77,8 +69,4 @@ const Caret = styled.div `
|
|
|
77
69
|
pointer-events: none;
|
|
78
70
|
transform: translateY(-50%);
|
|
79
71
|
`;
|
|
80
|
-
const Asterisk = styled.span `
|
|
81
|
-
font-size: 14px;
|
|
82
|
-
color: ${theme.colors.error};
|
|
83
|
-
`;
|
|
84
72
|
//# sourceMappingURL=Field.js.map
|
package/dist/Field/Field.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../src/Field/Field.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../src/Field/Field.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,18 +10,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import styled from 'styled-components';
|
|
14
13
|
import { Box } from '../Box';
|
|
14
|
+
import { Text } from '../Text';
|
|
15
15
|
export const Fieldset = (_a) => {
|
|
16
16
|
var { children, label, outlined = false } = _a, marginProps = __rest(_a, ["children", "label", "outlined"]);
|
|
17
17
|
return (React.createElement(Box, Object.assign({ as: "fieldset" }, marginProps),
|
|
18
18
|
React.createElement(Box, { mb: { custom: outlined ? 4 : 0 } },
|
|
19
|
-
React.createElement(
|
|
19
|
+
React.createElement(Text, { tag: "legend", typo: "heading-small", mb: "16px" }, label)),
|
|
20
20
|
children));
|
|
21
21
|
};
|
|
22
|
-
const Legend = styled.legend `
|
|
23
|
-
font-size: 16px;
|
|
24
|
-
font-weight: bold;
|
|
25
|
-
padding-bottom: 8px;
|
|
26
|
-
`;
|
|
27
22
|
//# sourceMappingURL=Fieldset.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../src/Fieldset/Fieldset.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../src/Fieldset/Fieldset.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAQ9B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAKT,EAAE,EAAE;QALK,EACvB,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,OAEF,EADX,WAAW,cAJS,iCAKxB,CADe;IAEd,OAAO,CACL,oBAAC,GAAG,kBAAC,EAAE,EAAC,UAAU,IAAK,WAAW;QAChC,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACnC,oBAAC,IAAI,IAAC,GAAG,EAAC,QAAQ,EAAC,IAAI,EAAC,eAAe,EAAC,EAAE,EAAC,MAAM,IAC9C,KAAK,CACD,CACH;QAEL,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA"}
|
package/dist/Icon/Icon.js
CHANGED
|
@@ -679,10 +679,10 @@ export const Icon = (_a) => {
|
|
|
679
679
|
render === 'ravelin' && (React.createElement("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
680
680
|
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.694 2.526L11.964.3l-.731 1.023-.932 1.26L4.555.707v6.047l-2.718.866 1.03 1.444.635.849L0 14.867l5.742 1.874v2.843l2.732-.87 3.554 4.903 3.569-4.898 2.72.865v-2.826l.592-.215L24 14.867l-3.509-4.9 1.607-2.285-1.824-.608-.831-.31V.708l-5.749 1.817zm1.928 2.748l-1.108-1.498 3.506-1.099v3.67l-.714-.224-1.072-.4-.276.385-.605-.403.27-.43zM5.979 6.34V2.68l3.507 1.152-1.118 1.511.254.339.022.033-.599.44-.27-.433-1.796.618zm4.582-.306l-.504-.693 1.917-2.661 1.916 2.661-.503.693 2.841 2.046.503-.69L19.817 8.4l-1.92 2.666-.816-.251-.763 2.36-.29 1.013.415.104.45.092v3.29l-3.145-1.014v-.879h-3.496v.858l-.346.098-2.802.879V14.37l.817-.251-1.057-3.368-.717.239-.113.056L4.13 8.401l3.087-1.012.502.691 2.842-2.046zm-5.535 8.987l-2.737-.93 2.145-2.983.51.741.548.82.307-.102.177-.06.128.473.068.203-.43.164v1.897l-.716-.223zm13.905-2.985l.633-.873.686.932 1.457 1.992-2.496.814-.953.334v-1.894l-.492-.164.129-.428.068-.24.179.06.297.1.492-.633zm-7.318 5.656v-.487h.71v.487l1.793.56-.395.57-1.75 2.356-2.143-2.928 1.785-.558zm4.777-8.15l-4.42-3.173-4.42 3.175 1.681 5.167h5.477l1.682-5.169zm-6.13 3.69l-1.047-3.195 2.757-1.985 2.773 1.997-1.062 3.183H10.26z", fill: theme.colors[color] }))),
|
|
681
681
|
render === 'refer-a-friend' && (React.createElement("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
682
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 11a1 1 0 011 1v10a1 1 0 11-2 0V12a1 1 0 011-1zM6.375 3C5.159 3 4 4.129 4 5.745c0 .337.052.657.146.949a1 1 0 01-1.904.612A5.1 5.1 0 012 5.745C2 3.225 3.863 1 6.375 1c2.178 0 3.845 1.586 4.863 2.877a14.55 14.55 0 011.64 2.632l.023.05.007.015.002.005.001.002-.911.412.912-.41a1 1 0 01-1.823.822v-.001m0 0l-.004-.006-.015-.033a11.858 11.858 0 00-.346-.661 12.552 12.552 0 00-1.056-1.588C8.718 3.91 7.572 3 6.375 3", fill:
|
|
683
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.762 3.877C13.78 2.586 15.447 1 17.625 1 20.137 1 22 3.225 22 5.745c0 .543-.084 1.07-.242 1.561a1 1 0 11-1.904-.612c.094-.292.146-.612.146-.949C20 4.129 18.841 3 17.625 3c-1.197 0-2.343.91-3.293 2.116a12.562 12.562 0 00-1.402 2.249l-.015.033-.003.006a1 1 0 01-1.824-.822l.912.411-.912-.41.002-.004.002-.005.007-.014.023-.05.087-.178a14.55 14.55 0 011.553-2.455zM2 11a1 1 0 011 1v8a1 1 0 001 1h16a1 1 0 001-1v-8a1 1 0 112 0v8a3 3 0 01-3 3H4a3 3 0 01-3-3v-8a1 1 0 011-1z", fill:
|
|
684
|
-
React.createElement("path", { d: "M1 7h22v5H1V7z", fill: "
|
|
685
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 7a1 1 0 011-1h22a1 1 0 011 1v5a1 1 0 01-1 1H1a1 1 0 01-1-1V7zm2 1v3h20V8H2z", fill:
|
|
682
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 11a1 1 0 011 1v10a1 1 0 11-2 0V12a1 1 0 011-1zM6.375 3C5.159 3 4 4.129 4 5.745c0 .337.052.657.146.949a1 1 0 01-1.904.612A5.1 5.1 0 012 5.745C2 3.225 3.863 1 6.375 1c2.178 0 3.845 1.586 4.863 2.877a14.55 14.55 0 011.64 2.632l.023.05.007.015.002.005.001.002-.911.412.912-.41a1 1 0 01-1.823.822v-.001m0 0l-.004-.006-.015-.033a11.858 11.858 0 00-.346-.661 12.552 12.552 0 00-1.056-1.588C8.718 3.91 7.572 3 6.375 3", fill: theme.colors[color] }),
|
|
683
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.762 3.877C13.78 2.586 15.447 1 17.625 1 20.137 1 22 3.225 22 5.745c0 .543-.084 1.07-.242 1.561a1 1 0 11-1.904-.612c.094-.292.146-.612.146-.949C20 4.129 18.841 3 17.625 3c-1.197 0-2.343.91-3.293 2.116a12.562 12.562 0 00-1.402 2.249l-.015.033-.003.006a1 1 0 01-1.824-.822l.912.411-.912-.41.002-.004.002-.005.007-.014.023-.05.087-.178a14.55 14.55 0 011.553-2.455zM2 11a1 1 0 011 1v8a1 1 0 001 1h16a1 1 0 001-1v-8a1 1 0 112 0v8a3 3 0 01-3 3H4a3 3 0 01-3-3v-8a1 1 0 011-1z", fill: theme.colors[color] }),
|
|
684
|
+
React.createElement("path", { d: "M1 7h22v5H1V7z", fill: "none" }),
|
|
685
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 7a1 1 0 011-1h22a1 1 0 011 1v5a1 1 0 01-1 1H1a1 1 0 01-1-1V7zm2 1v3h20V8H2z", fill: theme.colors[color] }))),
|
|
686
686
|
render === 'refund' && (React.createElement("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
687
687
|
React.createElement("g", { fillRule: "evenodd", clipRule: "evenodd", fill: theme.colors[color] },
|
|
688
688
|
React.createElement("path", { d: "M3 5a1 1 0 00-1 1v12a1 1 0 001 1h18a1 1 0 001-1V6a1 1 0 00-1-1H3zM0 6a3 3 0 013-3h18a3 3 0 013 3v12a3 3 0 01-3 3H3a3 3 0 01-3-3V6z" }),
|