@mrshmllw/smores-react 3.0.0 → 3.0.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/dist/BrandCard/BrandCard.d.ts +1 -1
- package/dist/BrandCard/BrandCard.js +3 -3
- package/dist/BrandCard/BrandCard.js.map +1 -1
- package/dist/BrandCard/BrandCard.stories.js +3 -3
- package/dist/BrandCard/BrandCard.stories.js.map +1 -1
- package/dist/Button/Button.d.ts +1 -1
- package/dist/Button/Button.js +4 -4
- package/dist/Button/Button.js.map +1 -1
- package/dist/Button/Button.stories.js +1 -1
- package/dist/Button/Button.stories.js.map +1 -1
- package/dist/Button/Collection.js +1 -1
- package/dist/Button/Collection.js.map +1 -1
- package/dist/Card/Card.d.ts +4 -2
- package/dist/Card/Card.js +17 -4
- package/dist/Card/Card.js.map +1 -1
- package/dist/Card/Card.stories.d.ts +1 -0
- package/dist/Card/Card.stories.js +9 -1
- package/dist/Card/Card.stories.js.map +1 -1
- package/dist/Dropdown/Collection.js +3 -3
- package/dist/Dropdown/Collection.js.map +1 -1
- package/dist/Dropdown/Dropdown.d.ts +1 -1
- package/dist/Dropdown/Dropdown.js +3 -3
- package/dist/Dropdown/Dropdown.js.map +1 -1
- package/dist/Dropdown/Dropdown.stories.js +1 -1
- package/dist/Dropdown/Dropdown.stories.js.map +1 -1
- package/dist/NumberInput/Collection.js +2 -2
- package/dist/NumberInput/Collection.js.map +1 -1
- package/dist/NumberInput/NumberInput.js +2 -2
- package/dist/NumberInput/NumberInput.js.map +1 -1
- package/dist/NumberInput/NumberInput.stories.js +1 -1
- package/dist/NumberInput/NumberInput.stories.js.map +1 -1
- package/dist/RadioGroup/RadioGroup.d.ts +7 -3
- package/dist/RadioGroup/RadioGroup.js +2 -2
- package/dist/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/RadioGroup/RadioGroup.stories.d.ts +4 -1
- package/dist/RadioGroup/RadioGroup.stories.js +2 -0
- package/dist/RadioGroup/RadioGroup.stories.js.map +1 -1
- package/dist/RadioGroup/RadioItem.d.ts +4 -2
- package/dist/RadioGroup/RadioItem.js +40 -24
- package/dist/RadioGroup/RadioItem.js.map +1 -1
- package/dist/RadioGroup/types.d.ts +1 -0
- package/dist/SearchInput/SearchInput.d.ts +1 -0
- package/dist/SearchInput/SearchInput.js +3 -3
- package/dist/SearchInput/SearchInput.js.map +1 -1
- package/dist/SearchInput/SearchOptions.d.ts +1 -0
- package/dist/SearchInput/SearchOptions.js +3 -3
- package/dist/SearchInput/SearchOptions.js.map +1 -1
- package/dist/SupportMessage/Collection.js +1 -1
- package/dist/SupportMessage/Collection.js.map +1 -1
- package/dist/SupportMessage/SupportMessage.d.ts +1 -1
- package/dist/SupportMessage/SupportMessage.js +1 -1
- package/dist/SupportMessage/SupportMessage.js.map +1 -1
- package/dist/Text/fontMapping.js +2 -2
- package/dist/TextInput/Collection.js +2 -2
- package/dist/TextInput/Collection.js.map +1 -1
- package/dist/TextInput/TextInput.js +2 -2
- package/dist/TextInput/TextInput.js.map +1 -1
- package/dist/TextInput/TextInput.stories.js +1 -1
- package/dist/TextInput/TextInput.stories.js.map +1 -1
- package/dist/Textarea/Textarea.d.ts +1 -1
- package/dist/Textarea/Textarea.js +3 -3
- package/dist/Textarea/Textarea.js.map +1 -1
- package/dist/fields/commonFieldTypes.d.ts +1 -1
- package/dist/fields/components/CommonInput.d.ts +1 -1
- package/dist/fields/components/CommonInput.js +1 -1
- package/dist/fields/components/CommonInput.js.map +1 -1
- package/dist/fields/components/InternalField.js +3 -2
- package/dist/fields/components/InternalField.js.map +1 -1
- package/package.json +5 -5
|
@@ -15,8 +15,8 @@ import { theme } from '../theme';
|
|
|
15
15
|
import { Box } from '../Box';
|
|
16
16
|
import { Text } from '../Text';
|
|
17
17
|
export const BrandCard = (_a) => {
|
|
18
|
-
var { title, body, visual, visualHeight = '', alignVisual, visualBottom, tag, buttonAction,
|
|
19
|
-
return (React.createElement(Container, Object.assign({ maxWidth: maxWidth, visual: visual,
|
|
18
|
+
var { title, body, visual, visualHeight = '', alignVisual, visualBottom, tag, buttonAction, fallbackStyle = false, bgColour = 'matcha', maxWidth = '' } = _a, otherProps = __rest(_a, ["title", "body", "visual", "visualHeight", "alignVisual", "visualBottom", "tag", "buttonAction", "fallbackStyle", "bgColour", "maxWidth"]);
|
|
19
|
+
return (React.createElement(Container, Object.assign({ maxWidth: maxWidth, visual: visual, fallbackStyle: fallbackStyle, bgColor: bgColour }, otherProps),
|
|
20
20
|
tag && React.createElement(TagWrapper, null, tag),
|
|
21
21
|
visual && !visualBottom && (React.createElement(VisualWrapper, { visualHeight: visualHeight },
|
|
22
22
|
React.createElement(Visual, { visualUrl: visual, visualHeight: visualHeight, alignVisual: alignVisual }))),
|
|
@@ -30,7 +30,7 @@ export const BrandCard = (_a) => {
|
|
|
30
30
|
React.createElement(Visual, { visualUrl: visual, visualHeight: visualHeight, alignVisual: alignVisual })))));
|
|
31
31
|
};
|
|
32
32
|
const Container = styled(Box) `
|
|
33
|
-
background: ${({
|
|
33
|
+
background: ${({ fallbackStyle, bgColor }) => fallbackStyle ? theme.colors.cream : theme.colors[bgColor]};
|
|
34
34
|
box-sizing: border-box;
|
|
35
35
|
border-radius: 16px 16px 0px 0px;
|
|
36
36
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BrandCard.js","sourceRoot":"","sources":["../../src/BrandCard/BrandCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AA0B9B,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAa7C,EAAE,EAAE;QAbyC,EAC5C,KAAK,EACL,IAAI,EACJ,MAAM,EACN,YAAY,GAAG,EAAE,EACjB,WAAW,EACX,YAAY,EACZ,GAAG,EACH,YAAY,EACZ,
|
|
1
|
+
{"version":3,"file":"BrandCard.js","sourceRoot":"","sources":["../../src/BrandCard/BrandCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,7 +25,7 @@ BrandCardWithImageWithTag.args = {
|
|
|
25
25
|
bgColor: 'matcha',
|
|
26
26
|
visualHeight: '180px',
|
|
27
27
|
tag: React.createElement(Tag, { label: "default tag", bgColor: "fairyFloss", color: "liquorice" }),
|
|
28
|
-
buttonAction: React.createElement(Button, {
|
|
28
|
+
buttonAction: React.createElement(Button, { fallbackStyle: true }, "Tell me more"),
|
|
29
29
|
visual: placeHolderSvg,
|
|
30
30
|
};
|
|
31
31
|
export const BrandCardAlignImageRight = Template.bind({});
|
|
@@ -35,7 +35,7 @@ BrandCardAlignImageRight.args = {
|
|
|
35
35
|
bgColor: 'matcha',
|
|
36
36
|
alignVisual: 'right',
|
|
37
37
|
visualHeight: '180px',
|
|
38
|
-
buttonAction: React.createElement(Button, {
|
|
38
|
+
buttonAction: React.createElement(Button, { fallbackStyle: true }, "Tell me more"),
|
|
39
39
|
visual: placeHolderSvg,
|
|
40
40
|
};
|
|
41
41
|
export const BrandCardWithImageBelow = Template.bind({});
|
|
@@ -48,7 +48,7 @@ BrandCardWithImageBelow.args = {
|
|
|
48
48
|
visualBottom: true,
|
|
49
49
|
bgColor: 'peanut',
|
|
50
50
|
tag: React.createElement(Tag, { label: "new", bgColor: "fairyFloss", color: "liquorice" }),
|
|
51
|
-
buttonAction: React.createElement(Button, {
|
|
51
|
+
buttonAction: React.createElement(Button, { fallbackStyle: true }, "Tell me more"),
|
|
52
52
|
visual: placeHolderSvg,
|
|
53
53
|
};
|
|
54
54
|
//# sourceMappingURL=BrandCard.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BrandCard.stories.js","sourceRoot":"","sources":["../../src/BrandCard/BrandCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAA;AACvD,OAAO,cAAc,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,eAAe;IACb,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,SAAS;CACrB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAqB,EAAE,EAAE,CAAC,oBAAC,SAAS,oBAAK,KAAK,EAAI,CAAA;AAEpE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,6BAA6B;IACpC,IAAI,EAAE,kFAAkF;IACxF,WAAW,EAAE,MAAM;IACnB,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,OAAO;IACrB,MAAM,EAAE,cAAc;CACvB,CAAA;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE1D,yBAAyB,CAAC,IAAI,GAAG;IAC/B,KAAK,EAAE,6BAA6B;IACpC,IAAI,EAAE,kFAAkF;IACxF,QAAQ,EAAE,OAAO;IACjB,OAAO,EAAE,QAAQ;IACjB,YAAY,EAAE,OAAO;IACrB,GAAG,EAAE,oBAAC,GAAG,IAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG;IACvE,YAAY,EAAE,oBAAC,MAAM,IAAC,
|
|
1
|
+
{"version":3,"file":"BrandCard.stories.js","sourceRoot":"","sources":["../../src/BrandCard/BrandCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAA;AACvD,OAAO,cAAc,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,eAAe;IACb,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,SAAS;CACrB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAqB,EAAE,EAAE,CAAC,oBAAC,SAAS,oBAAK,KAAK,EAAI,CAAA;AAEpE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,6BAA6B;IACpC,IAAI,EAAE,kFAAkF;IACxF,WAAW,EAAE,MAAM;IACnB,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,OAAO;IACrB,MAAM,EAAE,cAAc;CACvB,CAAA;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE1D,yBAAyB,CAAC,IAAI,GAAG;IAC/B,KAAK,EAAE,6BAA6B;IACpC,IAAI,EAAE,kFAAkF;IACxF,QAAQ,EAAE,OAAO;IACjB,OAAO,EAAE,QAAQ;IACjB,YAAY,EAAE,OAAO;IACrB,GAAG,EAAE,oBAAC,GAAG,IAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG;IACvE,YAAY,EAAE,oBAAC,MAAM,IAAC,aAAa,yBAAsB;IACzD,MAAM,EAAE,cAAc;CACvB,CAAA;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEzD,wBAAwB,CAAC,IAAI,GAAG;IAC9B,KAAK,EAAE,6BAA6B;IACpC,IAAI,EAAE,kFAAkF;IACxF,OAAO,EAAE,QAAQ;IACjB,WAAW,EAAE,OAAO;IACpB,YAAY,EAAE,OAAO;IACrB,YAAY,EAAE,oBAAC,MAAM,IAAC,aAAa,yBAAsB;IACzD,MAAM,EAAE,cAAc;CACvB,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExD,uBAAuB,CAAC,IAAI,GAAG;IAC7B,KAAK,EAAE,6BAA6B;IACpC,IAAI,EAAE,kFAAkF;IACxF,QAAQ,EAAE,OAAO;IACjB,YAAY,EAAE,OAAO;IACrB,WAAW,EAAE,MAAM;IACnB,YAAY,EAAE,IAAI;IAClB,OAAO,EAAE,QAAQ;IACjB,GAAG,EAAE,oBAAC,GAAG,IAAC,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG;IAC/D,YAAY,EAAE,oBAAC,MAAM,IAAC,aAAa,yBAAsB;IACzD,MAAM,EAAE,cAAc;CACvB,CAAA"}
|
package/dist/Button/Button.d.ts
CHANGED
package/dist/Button/Button.js
CHANGED
|
@@ -16,8 +16,8 @@ import { Box } from '../Box';
|
|
|
16
16
|
import { Loader } from '../Loader';
|
|
17
17
|
import { Icon as IconComponent } from '../Icon';
|
|
18
18
|
export const Button = forwardRef((props, ref) => {
|
|
19
|
-
const { children, id, className = '', disabled = false, handleClick, loading = false, primary = false, secondary = false,
|
|
20
|
-
return (React.createElement(Container, Object.assign({ as: "button", id: id, className: className, disabled: disabled, onClick: handleClick, "$loading": loading, primary: primary, secondary: secondary,
|
|
19
|
+
const { children, id, className = '', disabled = false, handleClick, loading = false, primary = false, secondary = false, fallbackStyle = false, textBtn = false, smallButton = false, icon = '', trailingIcon = false, forcedWidth = '', form, type } = props, otherProps = __rest(props, ["children", "id", "className", "disabled", "handleClick", "loading", "primary", "secondary", "fallbackStyle", "textBtn", "smallButton", "icon", "trailingIcon", "forcedWidth", "form", "type"]);
|
|
20
|
+
return (React.createElement(Container, Object.assign({ as: "button", id: id, className: className, disabled: disabled, onClick: handleClick, "$loading": loading, primary: primary, secondary: secondary, fallbackStyle: fallbackStyle, textBtn: textBtn, smallButton: smallButton, icon: icon, trailingIcon: trailingIcon, forcedWidth: forcedWidth }, (form ? { form } : {}), { type: type }, otherProps, { ref: ref }),
|
|
21
21
|
loading && (React.createElement(LoaderContainer, null,
|
|
22
22
|
React.createElement(Loader, { color: 'liquorice', height: "16" }))),
|
|
23
23
|
React.createElement(ContentContainer, { icon: icon, "$loading": loading },
|
|
@@ -26,7 +26,7 @@ export const Button = forwardRef((props, ref) => {
|
|
|
26
26
|
trailingIcon && icon && textBtn && (React.createElement(IconContainer, { trailingIcon: trailingIcon, render: icon, size: smallButton ? 16 : 24, color: 'liquorice', className: "iconContainer" })))));
|
|
27
27
|
});
|
|
28
28
|
Button.displayName = 'Button';
|
|
29
|
-
const Container = styled(Box)(({ disabled, $loading, primary, secondary, forcedWidth,
|
|
29
|
+
const Container = styled(Box)(({ disabled, $loading, primary, secondary, forcedWidth, fallbackStyle, textBtn, smallButton, }) => css `
|
|
30
30
|
position: relative;
|
|
31
31
|
background-color: ${theme.colors.marshmallowPink};
|
|
32
32
|
box-shadow: none;
|
|
@@ -63,7 +63,7 @@ const Container = styled(Box)(({ disabled, $loading, primary, secondary, forcedW
|
|
|
63
63
|
background-color: ${theme.colors.custard};
|
|
64
64
|
}
|
|
65
65
|
`}
|
|
66
|
-
${
|
|
66
|
+
${fallbackStyle &&
|
|
67
67
|
css `
|
|
68
68
|
background-color: ${theme.colors.cream};
|
|
69
69
|
|
|
@@ -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;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAyB/C,MAAM,CAAC,MAAM,MAAM,GAAoB,UAAU,CAG/C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EACJ,QAAQ,EACR,EAAE,EACF,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EAChB,WAAW,EACX,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,KAAK,EACjB,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../src/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,eAAe;IACb,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;CACjD,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,oBAAC,MAAM,oBAAK,KAAK,iBAAsB,CAAA;AAEhF,MAAM,6BAA6B,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC5D,oBAAC,qBAAqB,oBAAK,KAAK,EAAI,CACrC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE3C,UAAU,CAAC,IAAI,GAAG;IAChB,OAAO,EAAE,IAAI;IACb,SAAS,EAAE,KAAK;IAChB,
|
|
1
|
+
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../src/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,eAAe;IACb,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;CACjD,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,oBAAC,MAAM,oBAAK,KAAK,iBAAsB,CAAA;AAEhF,MAAM,6BAA6B,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC5D,oBAAC,qBAAqB,oBAAK,KAAK,EAAI,CACrC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE3C,UAAU,CAAC,IAAI,GAAG;IAChB,OAAO,EAAE,IAAI;IACb,SAAS,EAAE,KAAK;IAChB,aAAa,EAAE,KAAK;IACpB,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,KAAK;IACd,IAAI,EAAE,EAAE;CACT,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,6BAA6B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjE,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEjD,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE5C,WAAW,CAAC,IAAI,GAAG;IACjB,OAAO,EAAE,IAAI;IACb,WAAW,EAAE,OAAO;CACrB,CAAA"}
|
|
@@ -6,7 +6,7 @@ import { Button } from './Button';
|
|
|
6
6
|
export const buttonList = [
|
|
7
7
|
{ primary: true, children: 'Save' },
|
|
8
8
|
{ secondary: true, children: 'Edit' },
|
|
9
|
-
{
|
|
9
|
+
{ fallbackStyle: true, children: 'Cancel' },
|
|
10
10
|
{ textBtn: true, children: 'View' },
|
|
11
11
|
{ smallButton: true, children: 'Small' },
|
|
12
12
|
];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collection.js","sourceRoot":"","sources":["../../src/Button/Collection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAE9C,MAAM,CAAC,MAAM,UAAU,GAAuB;IAC5C,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE;IACnC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE;IACrC,EAAE,
|
|
1
|
+
{"version":3,"file":"Collection.js","sourceRoot":"","sources":["../../src/Button/Collection.tsx"],"names":[],"mappings":"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"}
|
package/dist/Card/Card.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FC, ReactNode } from 'react';
|
|
1
|
+
import { FC, MouseEventHandler, ReactNode } from 'react';
|
|
2
2
|
import { MarginProps } from '../utils/space';
|
|
3
3
|
export type CardProps = {
|
|
4
4
|
children?: ReactNode;
|
|
@@ -14,12 +14,14 @@ export type CardProps = {
|
|
|
14
14
|
visualHeight?: string;
|
|
15
15
|
/** card tag */
|
|
16
16
|
tag?: ReactNode;
|
|
17
|
+
/** action for a fully clickable card */
|
|
18
|
+
cardOnClickAction?: MouseEventHandler<HTMLDivElement>;
|
|
17
19
|
/** action to the right of the card, chevron, chip or link text */
|
|
18
20
|
rightAction?: ReactNode;
|
|
19
21
|
/** primary button */
|
|
20
22
|
buttonAction?: ReactNode;
|
|
21
23
|
/** fallback color scheme */
|
|
22
|
-
|
|
24
|
+
fallbackStyle?: boolean;
|
|
23
25
|
className?: string;
|
|
24
26
|
/** margin */
|
|
25
27
|
maxWidth?: string;
|
package/dist/Card/Card.js
CHANGED
|
@@ -10,15 +10,18 @@ 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';
|
|
13
|
+
import styled, { css } from 'styled-components';
|
|
14
14
|
import { theme } from '../theme';
|
|
15
15
|
import { Box } from '../Box';
|
|
16
16
|
import { Icon } from '../Icon';
|
|
17
17
|
import { Text } from '../Text';
|
|
18
|
+
import { darken } from 'polished';
|
|
19
|
+
import { focusOutlineStyle } from '../utils/focusOutline';
|
|
18
20
|
export const Card = (_a) => {
|
|
19
|
-
var { children, leadingIcon, title, body, visual, tag, rightAction, buttonAction,
|
|
21
|
+
var { children, leadingIcon, title, body, visual, tag, cardOnClickAction, rightAction, buttonAction, fallbackStyle = false, visualHeight = '', className = '', maxWidth = '', marginX = '', marginY = '', narrow = false, wide = false } = _a, otherProps = __rest(_a, ["children", "leadingIcon", "title", "body", "visual", "tag", "cardOnClickAction", "rightAction", "buttonAction", "fallbackStyle", "visualHeight", "className", "maxWidth", "marginX", "marginY", "narrow", "wide"]);
|
|
20
22
|
const addChildMargin = (!!leadingIcon || !!title || !!body) && children;
|
|
21
|
-
|
|
23
|
+
const isNotClickable = !cardOnClickAction;
|
|
24
|
+
return (React.createElement(Container, Object.assign({ className: className, maxWidth: maxWidth, marginX: marginX, marginY: marginY, narrow: narrow, wide: wide, visual: visual, fallbackStyle: fallbackStyle, isNotClickable: isNotClickable, onClick: cardOnClickAction, tabIndex: isNotClickable ? undefined : 0 }, otherProps),
|
|
22
25
|
tag && visual && React.createElement(TagWrapper, null, tag),
|
|
23
26
|
visual && (React.createElement(VisualWrapper, { visualHeight: visualHeight },
|
|
24
27
|
React.createElement(Visual, { visualUrl: visual, visualHeight: visualHeight }))),
|
|
@@ -34,7 +37,7 @@ export const Card = (_a) => {
|
|
|
34
37
|
buttonAction && React.createElement(Box, { mt: "16px" }, buttonAction))));
|
|
35
38
|
};
|
|
36
39
|
const Container = styled(Box) `
|
|
37
|
-
background: ${({
|
|
40
|
+
background: ${({ fallbackStyle }) => fallbackStyle ? theme.colors.cream : theme.colors.custard};
|
|
38
41
|
box-sizing: border-box;
|
|
39
42
|
border-radius: 16px;
|
|
40
43
|
|
|
@@ -47,6 +50,16 @@ const Container = styled(Box) `
|
|
|
47
50
|
padding: ${({ visual }) => (visual ? '0px' : '16px')};
|
|
48
51
|
position: relative;
|
|
49
52
|
overflow: hidden;
|
|
53
|
+
|
|
54
|
+
${({ isNotClickable, fallbackStyle }) => !isNotClickable &&
|
|
55
|
+
css `
|
|
56
|
+
cursor: pointer;
|
|
57
|
+
&:hover {
|
|
58
|
+
background: ${darken(0.1, fallbackStyle ? theme.colors.cream : theme.colors.custard)};
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
${focusOutlineStyle}
|
|
62
|
+
`};
|
|
50
63
|
`;
|
|
51
64
|
const TagWrapper = styled(Box) `
|
|
52
65
|
position: absolute;
|
package/dist/Card/Card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,7 @@ export declare const Default: any;
|
|
|
9
9
|
export declare const DefaultFallback: any;
|
|
10
10
|
export declare const GenericChildCard: any;
|
|
11
11
|
export declare const GenericCard: any;
|
|
12
|
+
export declare const CardWithOnClickAction: any;
|
|
12
13
|
export declare const CardWithRightAction: any;
|
|
13
14
|
export declare const CardWithRightActionLink: any;
|
|
14
15
|
export declare const CardWithButton: any;
|
|
@@ -24,7 +24,7 @@ DefaultFallback.args = {
|
|
|
24
24
|
body: 'Card description',
|
|
25
25
|
leadingIcon: 'copy',
|
|
26
26
|
maxWidth: '300px',
|
|
27
|
-
|
|
27
|
+
fallbackStyle: true,
|
|
28
28
|
};
|
|
29
29
|
export const GenericChildCard = Template.bind({});
|
|
30
30
|
GenericChildCard.args = {
|
|
@@ -37,6 +37,14 @@ GenericCard.args = {
|
|
|
37
37
|
leadingIcon: 'copy',
|
|
38
38
|
maxWidth: '300px',
|
|
39
39
|
};
|
|
40
|
+
export const CardWithOnClickAction = Template.bind({});
|
|
41
|
+
CardWithOnClickAction.args = {
|
|
42
|
+
title: 'Card title',
|
|
43
|
+
body: 'Card description',
|
|
44
|
+
leadingIcon: 'copy',
|
|
45
|
+
maxWidth: '300px',
|
|
46
|
+
cardOnClickAction: () => alert('clicked'),
|
|
47
|
+
};
|
|
40
48
|
export const CardWithRightAction = Template.bind({});
|
|
41
49
|
CardWithRightAction.args = {
|
|
42
50
|
title: 'Card title',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../src/Card/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,cAAc,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,eAAe;IACb,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,IAAI;CAChB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,oBAAC,IAAI,oBAAK,KAAK,EAAI,CAAA;AAE1D,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,YAAY;IACnB,IAAI,EAAE,kBAAkB;IACxB,WAAW,EAAE,MAAM;IACnB,QAAQ,EAAE,OAAO;CAClB,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEhD,eAAe,CAAC,IAAI,GAAG;IACrB,KAAK,EAAE,YAAY;IACnB,IAAI,EAAE,kBAAkB;IACxB,WAAW,EAAE,MAAM;IACnB,QAAQ,EAAE,OAAO;IACjB,
|
|
1
|
+
{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../src/Card/Card.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -51,11 +51,11 @@ export const CollectionPage = () => {
|
|
|
51
51
|
React.createElement(Row, { label: "Generic" },
|
|
52
52
|
React.createElement(Dropdown, { id: id, label: label, placeholder: placeholder, list: list, error: false, errorMsg: errorMsg, onSelect: onSelect })),
|
|
53
53
|
React.createElement(Row, { label: "Fallback" },
|
|
54
|
-
React.createElement(Dropdown, { id: id, label: label, placeholder: placeholder, list: list,
|
|
54
|
+
React.createElement(Dropdown, { id: id, label: label, placeholder: placeholder, list: list, fallbackStyle: true, error: false, errorMsg: errorMsg, onSelect: onSelect })),
|
|
55
55
|
React.createElement(Row, { label: "Disabled" },
|
|
56
56
|
React.createElement(Dropdown, { id: id, label: label, placeholder: placeholder, list: list, disabled: true, error: false, errorMsg: errorMsg, onSelect: onSelect })),
|
|
57
57
|
React.createElement(Row, { label: "Leading Icon" },
|
|
58
|
-
React.createElement(Dropdown, { id: id, label: label, placeholder: placeholder, frontIcon: "iphone", list: list,
|
|
58
|
+
React.createElement(Dropdown, { id: id, label: label, placeholder: placeholder, frontIcon: "iphone", list: list, fallbackStyle: true, error: false, errorMsg: errorMsg, onSelect: onSelect })),
|
|
59
59
|
React.createElement(Row, { label: "Required" },
|
|
60
60
|
React.createElement(Dropdown, { id: id, label: label, required: true, placeholder: placeholder, list: list, error: false, errorMsg: errorMsg, onSelect: onSelect })),
|
|
61
61
|
React.createElement(Row, { label: "Assistive text" },
|
|
@@ -67,7 +67,7 @@ export const CollectionPage = () => {
|
|
|
67
67
|
React.createElement(Row, { label: "Error" },
|
|
68
68
|
React.createElement(Dropdown, { id: id, label: label, placeholder: placeholder, assistiveText: "Some assistive text", list: list, error: true, errorMsg: errorMsg, onSelect: onSelect })),
|
|
69
69
|
React.createElement(Row, { label: "Fallback Error" },
|
|
70
|
-
React.createElement(Dropdown, { id: id, label: label, placeholder: placeholder, assistiveText: "Some assistive text", list: list,
|
|
70
|
+
React.createElement(Dropdown, { id: id, label: label, placeholder: placeholder, assistiveText: "Some assistive text", list: list, fallbackStyle: true, error: true, errorMsg: errorMsg, onSelect: onSelect }))));
|
|
71
71
|
})));
|
|
72
72
|
};
|
|
73
73
|
const Row = ({ label, children, }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collection.js","sourceRoot":"","sources":["../../src/Dropdown/Collection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEpC,MAAM,IAAI,GAAG;IACX;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;IACD;QACE,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;KACnB;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;KAClB;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;KAClB;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;CACF,CAAA;AAED,MAAM,aAAa,GAAoB;IACrC;QACE,EAAE,EAAE,MAAM;QACV,IAAI,EAAE,IAAI;QACV,WAAW,EAAE,aAAa;QAC1B,QAAQ,EAAE,wBAAwB;QAClC,KAAK,EAAE,kBAAkB;QACzB,QAAQ,EAAE,IAAI;KACf;CACF,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAO,GAAG,EAAE;IACrC,OAAO,CACL,oBAAC,GAAG,IAAC,IAAI,QAAC,SAAS,EAAC,QAAQ,IACzB,aAAa,CAAC,GAAG,CAChB,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;QACvD,OAAO,CACL,oBAAC,GAAG,IAAC,GAAG,EAAE,EAAE,EAAE,IAAI,QAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAC,MAAM;YAC7C,oBAAC,KAAK,IAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,eAAe,0BAE9B;YACR,oBAAC,GAAG,IAAC,KAAK,EAAC,SAAS;gBAClB,oBAAC,QAAQ,IACP,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACE;YACN,oBAAC,GAAG,IAAC,KAAK,EAAC,UAAU;gBACnB,oBAAC,QAAQ,IACP,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,
|
|
1
|
+
{"version":3,"file":"Collection.js","sourceRoot":"","sources":["../../src/Dropdown/Collection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,7 +13,7 @@ export interface Props extends CommonFieldProps {
|
|
|
13
13
|
disabled?: boolean;
|
|
14
14
|
list: DropdownItem[];
|
|
15
15
|
frontIcon?: string;
|
|
16
|
-
|
|
16
|
+
fallbackStyle?: boolean;
|
|
17
17
|
onSelect: (element: string) => void;
|
|
18
18
|
onBlur?: (e: FocusEvent<HTMLSelectElement>) => void;
|
|
19
19
|
}
|
|
@@ -19,7 +19,7 @@ import { useControllableState } from '../utils/useControlledState';
|
|
|
19
19
|
import { Box } from '../Box';
|
|
20
20
|
import { StyledFrontIcon } from '../fields/components/CommonInput';
|
|
21
21
|
export const Dropdown = forwardRef(function Dropdown(_a, ref) {
|
|
22
|
-
var { id: idProp, placeholder, name, value: valueProp, defaultValue, disabled = false, list, onSelect, error = false, onInputChange, onBlur, frontIcon,
|
|
22
|
+
var { id: idProp, placeholder, name, value: valueProp, defaultValue, disabled = false, list, onSelect, error = false, onInputChange, onBlur, frontIcon, fallbackStyle } = _a, fieldProps = __rest(_a, ["id", "placeholder", "name", "value", "defaultValue", "disabled", "list", "onSelect", "error", "onInputChange", "onBlur", "frontIcon", "fallbackStyle"]);
|
|
23
23
|
const [value, setValue] = useControllableState({
|
|
24
24
|
initialState: defaultValue,
|
|
25
25
|
stateProp: valueProp,
|
|
@@ -45,7 +45,7 @@ export const Dropdown = forwardRef(function Dropdown(_a, ref) {
|
|
|
45
45
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect(value);
|
|
46
46
|
onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(event);
|
|
47
47
|
setValue(value);
|
|
48
|
-
}, error: error, ref: ref, onBlur: onBlur, name: name, frontIcon: frontIcon,
|
|
48
|
+
}, error: error, ref: ref, onBlur: onBlur, name: name, frontIcon: frontIcon, fallbackStyle: fallbackStyle, value: value ? value : '' },
|
|
49
49
|
hasOptGroups ? (React.createElement("optgroup", { label: placeholder },
|
|
50
50
|
React.createElement("option", { value: "", hidden: true }, placeholder))) : (React.createElement("option", { value: "", hidden: true }, placeholder)),
|
|
51
51
|
dropdownItemsGroups.map((groupItems, i) => {
|
|
@@ -68,7 +68,7 @@ const StyledSelect = styled.select `
|
|
|
68
68
|
height: 32px;
|
|
69
69
|
|
|
70
70
|
cursor: pointer;
|
|
71
|
-
background-color: ${({
|
|
71
|
+
background-color: ${({ fallbackStyle }) => fallbackStyle ? theme.colors.custard : theme.colors.cream};
|
|
72
72
|
|
|
73
73
|
border-radius: 12px;
|
|
74
74
|
padding: 18px 14px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAGZ,UAAU,EAEV,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAiClE,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,QAAQ,CAClD,EAegB,EAChB,GAAoC;QAhBpC,EACE,EAAE,EAAE,MAAM,EACV,WAAW,EACX,IAAI,EACJ,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,QAAQ,EACR,KAAK,GAAG,KAAK,EACb,aAAa,EACb,MAAM,EACN,SAAS,EACT,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.stories.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,MAAM,IAAI,GAAG;IACX;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;IACD;QACE,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;KACnB;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;KAClB;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;KAClB;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;CACF,CAAA;AAED,eAAe;IACb,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE;CAC/C,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC,oBAAC,QAAQ,oBAAK,KAAK,EAAI,CAAA;AAElE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,aAAa;CAC3B,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEhD,eAAe,CAAC,IAAI,GAAG;IACrB,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,IAAI;IACV,
|
|
1
|
+
{"version":3,"file":"Dropdown.stories.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,MAAM,IAAI,GAAG;IACX;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;IACD;QACE,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;KACnB;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;KAClB;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;KAClB;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;CACF,CAAA;AAED,eAAe;IACb,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE;CAC/C,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC,oBAAC,QAAQ,oBAAK,KAAK,EAAI,CAAA;AAElE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,aAAa;CAC3B,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEhD,eAAe,CAAC,IAAI,GAAG;IACrB,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,IAAI;IACV,aAAa,EAAE,IAAI;IACnB,WAAW,EAAE,aAAa;CAC3B,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
|
|
@@ -27,7 +27,7 @@ export const CollectionPage = () => {
|
|
|
27
27
|
// @ts-expect-error onChange type is too broad and should be handled differently
|
|
28
28
|
onChange: setValue })),
|
|
29
29
|
React.createElement(Row, { label: "Fallback" },
|
|
30
|
-
React.createElement(NumberInput, { id: id, label: label, value: "", placeholder: placeholder,
|
|
30
|
+
React.createElement(NumberInput, { id: id, label: label, value: "", placeholder: placeholder, fallbackStyle: true, error: false, errorMsg: errorMsg,
|
|
31
31
|
// @ts-expect-error onChange type is too broad and should be handled differently
|
|
32
32
|
onChange: setValue })),
|
|
33
33
|
React.createElement(Row, { label: "Disabled" },
|
|
@@ -71,7 +71,7 @@ export const CollectionPage = () => {
|
|
|
71
71
|
// @ts-expect-error onChange type is too broad and should be handled differently
|
|
72
72
|
onChange: setValue })),
|
|
73
73
|
React.createElement(Row, { label: "Fallback Error" },
|
|
74
|
-
React.createElement(NumberInput, { id: id, label: label, required: true, value: "", placeholder: placeholder,
|
|
74
|
+
React.createElement(NumberInput, { id: id, label: label, required: true, value: "", placeholder: placeholder, fallbackStyle: true, error: true, errorMsg: errorMsg,
|
|
75
75
|
// @ts-expect-error onChange type is too broad and should be handled differently
|
|
76
76
|
onChange: setValue }))));
|
|
77
77
|
})));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collection.js","sourceRoot":"","sources":["../../src/NumberInput/Collection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,aAAa,GAAuB;IACxC;QACE,EAAE,EAAE,MAAM;QACV,WAAW,EAAE,iBAAiB;QAC9B,QAAQ,EAAE,wBAAwB;QAClC,KAAK,EAAE,cAAc;QACrB,QAAQ,EAAE,IAAI;QACd,aAAa,EAAE,IAAI;QACnB,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,EAAE;KACV;CACF,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAO,GAAG,EAAE;IACrC,MAAM,CAAC,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEjC,OAAO,CACL,oBAAC,GAAG,IAAC,IAAI,QAAC,SAAS,EAAC,QAAQ,IACzB,aAAa,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;QAC1D,OAAO,CACL,oBAAC,GAAG,IAAC,GAAG,EAAE,EAAE,EAAE,IAAI,QAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAC,MAAM;YAC7C,oBAAC,KAAK,IAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,eAAe,6BAE9B;YACR,oBAAC,GAAG,IAAC,KAAK,EAAC,SAAS;gBAClB,oBAAC,WAAW,IACV,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,EAAE,EACR,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ;oBAClB,gFAAgF;oBAChF,QAAQ,EAAE,QAAQ,GAClB,CACE;YACN,oBAAC,GAAG,IAAC,KAAK,EAAC,UAAU;gBACnB,oBAAC,WAAW,IACV,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,EAAE,EACR,WAAW,EAAE,WAAW,EACxB,
|
|
1
|
+
{"version":3,"file":"Collection.js","sourceRoot":"","sources":["../../src/NumberInput/Collection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,7 +17,7 @@ import { Field } from '../fields/Field';
|
|
|
17
17
|
import { useUniqueId } from '../utils/id';
|
|
18
18
|
import { Input, StyledFrontIcon, StyledTrailingIcon, } from '../fields/components/CommonInput';
|
|
19
19
|
export const NumberInput = forwardRef(function NumberInput(_a, ref) {
|
|
20
|
-
var { id: idProp, type = 'number', placeholder, name, value, onChange, onInputChange, onBlur, roundCurrency, min = -999999, max = 999999, strict, step = 0, disabled = false, error = false, frontIcon, trailingIcon,
|
|
20
|
+
var { id: idProp, type = 'number', placeholder, name, value, onChange, onInputChange, onBlur, roundCurrency, min = -999999, max = 999999, strict, step = 0, disabled = false, error = false, frontIcon, trailingIcon, fallbackStyle } = _a, fieldProps = __rest(_a, ["id", "type", "placeholder", "name", "value", "onChange", "onInputChange", "onBlur", "roundCurrency", "min", "max", "strict", "step", "disabled", "error", "frontIcon", "trailingIcon", "fallbackStyle"]);
|
|
21
21
|
const id = useUniqueId(idProp);
|
|
22
22
|
// Check whether the min/max value exists is within the specified range
|
|
23
23
|
const isInRange = (value) => {
|
|
@@ -94,7 +94,7 @@ export const NumberInput = forwardRef(function NumberInput(_a, ref) {
|
|
|
94
94
|
return (React.createElement(Field, Object.assign({}, fieldProps, { htmlFor: id, error: error }),
|
|
95
95
|
React.createElement(Box, { flex: true, alignItems: "center", justifyContent: "flex-start" },
|
|
96
96
|
frontIcon && (React.createElement(StyledFrontIcon, { disabled: disabled, render: frontIcon, color: "sesame" })),
|
|
97
|
-
React.createElement(Input, { ref: ref, error: error, disabled: disabled, type: type, id: id, name: name, placeholder: placeholder, value: value, frontIcon: frontIcon, step: step,
|
|
97
|
+
React.createElement(Input, { ref: ref, error: error, disabled: disabled, type: type, id: id, name: name, placeholder: placeholder, value: value, frontIcon: frontIcon, step: step, fallbackStyle: fallbackStyle, onChange: (e) => {
|
|
98
98
|
onChange && handleChange(e.currentTarget.value);
|
|
99
99
|
onInputChange && onInputChange(e);
|
|
100
100
|
}, onBlur: onBlur }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAGZ,UAAU,GAGX,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAGvC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EACL,KAAK,EACL,eAAe,EACf,kBAAkB,GACnB,MAAM,kCAAkC,CAAA;AA8BzC,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAC,SAAS,WAAW,CACxD,EAoBmB,EACnB,GAAmC;QArBnC,EACE,EAAE,EAAE,MAAM,EACV,IAAI,GAAG,QAAQ,EACf,WAAW,EACX,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,aAAa,EACb,MAAM,EACN,aAAa,EACb,GAAG,GAAG,CAAC,MAAM,EACb,GAAG,GAAG,MAAM,EACZ,MAAM,EACN,IAAI,GAAG,CAAC,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,SAAS,EACT,YAAY,EACZ,
|
|
1
|
+
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,7 +25,7 @@ DefaultFallback.args = {
|
|
|
25
25
|
placeholder: '7123 456789',
|
|
26
26
|
required: true,
|
|
27
27
|
onChange: noop,
|
|
28
|
-
|
|
28
|
+
fallbackStyle: true,
|
|
29
29
|
};
|
|
30
30
|
export const Collection = CollectionPage.bind({});
|
|
31
31
|
const WorkingExampleTemplate = () => React.createElement(Container, null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.stories.js","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,eAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;CAC9C,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAuB,EAAE,EAAE,CAAC,oBAAC,WAAW,oBAAK,KAAK,EAAI,CAAA;AAExE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,EAAE,EAAE,cAAc;IAClB,KAAK,EAAE,cAAc;IACrB,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,GAAG;IAChB,QAAQ,EAAE,IAAI;CACf,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEhD,eAAe,CAAC,IAAI,GAAG;IACrB,EAAE,EAAE,WAAW;IACf,KAAK,EAAE,kBAAkB;IACzB,IAAI,EAAE,iBAAiB;IACvB,WAAW,EAAE,aAAa;IAC1B,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;IACd,
|
|
1
|
+
{"version":3,"file":"NumberInput.stories.js","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,eAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;CAC9C,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAuB,EAAE,EAAE,CAAC,oBAAC,WAAW,oBAAK,KAAK,EAAI,CAAA;AAExE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,EAAE,EAAE,cAAc;IAClB,KAAK,EAAE,cAAc;IACrB,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,GAAG;IAChB,QAAQ,EAAE,IAAI;CACf,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEhD,eAAe,CAAC,IAAI,GAAG;IACrB,EAAE,EAAE,WAAW;IACf,KAAK,EAAE,kBAAkB;IACzB,IAAI,EAAE,iBAAiB;IACvB,WAAW,EAAE,aAAa;IAC1B,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;IACd,aAAa,EAAE,IAAI;CACpB,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEjD,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,oBAAC,SAAS,OAAG,CAAA;AAElD,MAAM,CAAC,MAAM,cAAc,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
|