@mrshmllw/smores-react 9.23.0-crumbs-add-ref-to-support-props.1 → 9.23.0
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/Chip/Chip.js +2 -2
- package/dist/LabelledText/LabelledText.js +1 -1
- package/dist/Link/Link.js +1 -1
- package/dist/Link/Link.js.map +1 -1
- package/dist/SliderInput/SliderInput.d.ts +9 -0
- package/dist/SliderInput/SliderInput.js +56 -0
- package/dist/SliderInput/SliderInput.js.map +1 -0
- package/dist/SliderInput/index.d.ts +1 -0
- package/dist/SliderInput/index.js +2 -0
- package/dist/SliderInput/index.js.map +1 -0
- package/dist/SupportMessage/SupportMessage.d.ts +2 -8
- package/dist/SupportMessage/SupportMessage.js +4 -4
- package/dist/SupportMessage/SupportMessage.js.map +1 -1
- package/dist/index.d.ts +13 -12
- package/dist/index.js +13 -12
- package/dist/index.js.map +1 -1
- package/dist/theme.d.ts +4 -4
- package/dist/theme.js +2 -2
- package/dist/theme.js.map +1 -1
- package/package.json +6 -6
package/dist/Chip/Chip.js
CHANGED
@@ -6,7 +6,7 @@ import { Loader } from '../Loader';
|
|
6
6
|
import { theme } from '../theme';
|
7
7
|
import { focusOutline } from '../utils/focusOutline';
|
8
8
|
export const Chip = forwardRef(({ children, handleClick, primary = false, secondary = false, disabled = false, loading = false, icon, ...props }, ref) => (React.createElement(Container, { forwardedAs: "button", "$primary": primary, "$secondary": secondary, disabled: disabled || loading, "$loading": loading, onClick: handleClick, "$icon": icon, ...props, ref: ref, "aria-label": "chip-button" }, loading ? (React.createElement(Loader, { color: primary ? 'liquorice' : 'cream', height: "16" })) : (React.createElement(React.Fragment, null,
|
9
|
-
icon && (React.createElement(IconComponent, { render: icon, size:
|
9
|
+
icon && (React.createElement(IconComponent, { render: icon, size: 16, color: primary ? 'liquorice' : 'cream' })),
|
10
10
|
React.createElement(ChildrenContainer, null, children))))));
|
11
11
|
Chip.displayName = 'Chip';
|
12
12
|
const Container = styled(Box)(({ $primary, $secondary, $icon, $loading, disabled }) => css `
|
@@ -22,7 +22,7 @@ const Container = styled(Box)(({ $primary, $secondary, $icon, $loading, disabled
|
|
22
22
|
justify-content: ${$icon ? 'space-evenly' : 'center'};
|
23
23
|
line-height: 100%;
|
24
24
|
padding: 8px 16px 8px ${$icon ? '8px' : '16px'};
|
25
|
-
width: 98px;
|
25
|
+
min-width: 98px;
|
26
26
|
min-height: 40px;
|
27
27
|
cursor: ${disabled || $loading ? 'not-allowed' : 'pointer'};
|
28
28
|
opacity: ${disabled ? '0.5' : '1'};
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
2
2
|
import styled from 'styled-components';
|
3
3
|
import { Box } from '../Box';
|
4
4
|
import { Text } from '../Text';
|
5
|
-
export const LabelledText = ({ label, children, labelMargin =
|
5
|
+
export const LabelledText = ({ label, children, labelMargin = 4, ...marginProps }) => (React.createElement(Container, { ...marginProps, "$labelMargin": labelMargin + 'px' },
|
6
6
|
React.createElement(Text, { tag: "label", color: "sesame", typo: "label" }, label),
|
7
7
|
children));
|
8
8
|
const Container = styled(Box) `
|
package/dist/Link/Link.js
CHANGED
@@ -11,7 +11,7 @@ export const Link = ({ className, href, onClick, openInNewTab, download, childre
|
|
11
11
|
}) },
|
12
12
|
iconToRender && !isTrailingIcon && (React.createElement(Icon, { mt: { custom: '3px' }, mr: { custom: '4px' }, render: iconToRender, size: typo === 'regular' ? 14 : 12, color: highlight ? 'lollipop' : 'liquorice' })),
|
13
13
|
children,
|
14
|
-
iconToRender && isTrailingIcon && (React.createElement(Icon, { mt: { custom: '3px' }, ml:
|
14
|
+
iconToRender && isTrailingIcon && (React.createElement(Icon, { mt: { custom: '3px' }, ml: "8px", render: iconToRender, size: typo === 'regular' ? 14 : 12, color: highlight ? 'lollipop' : 'liquorice' }))));
|
15
15
|
};
|
16
16
|
const LinkWrapper = styled.a(({ $typo, $highlight }) => css `
|
17
17
|
${focusOutline()}
|
package/dist/Link/Link.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,KAA2C,MAAM,OAAO,CAAA;AAC/D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAiBpD,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAClC,SAAS,EACT,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,SAAS,EAChB,SAAS,GAAG,KAAK,EACjB,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACtD,cAAc,GAAG,IAAI,GACtB,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,WACX,IAAI,gBACC,SAAS,KACjB,CAAC,YAAY,IAAI;YACnB,GAAG,EAAE,qBAAqB;YAC1B,MAAM,EAAE,QAAQ;SACjB,CAAC;QAED,YAAY,IAAI,CAAC,cAAc,IAAI,CAClC,oBAAC,IAAI,IACH,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EACrB,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EACrB,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAClC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,GAC3C,CACH;QACA,QAAQ;QACR,YAAY,IAAI,cAAc,IAAI,CACjC,oBAAC,IAAI,IACH,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EACrB,EAAE,
|
1
|
+
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,KAA2C,MAAM,OAAO,CAAA;AAC/D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAiBpD,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAClC,SAAS,EACT,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,SAAS,EAChB,SAAS,GAAG,KAAK,EACjB,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACtD,cAAc,GAAG,IAAI,GACtB,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,WACX,IAAI,gBACC,SAAS,KACjB,CAAC,YAAY,IAAI;YACnB,GAAG,EAAE,qBAAqB;YAC1B,MAAM,EAAE,QAAQ;SACjB,CAAC;QAED,YAAY,IAAI,CAAC,cAAc,IAAI,CAClC,oBAAC,IAAI,IACH,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EACrB,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EACrB,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAClC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,GAC3C,CACH;QACA,QAAQ;QACR,YAAY,IAAI,cAAc,IAAI,CACjC,oBAAC,IAAI,IACH,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EACrB,EAAE,EAAC,KAAK,EACR,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAClC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,GAC3C,CACH,CACW,CACf,CAAA;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAC1B,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;MAC1B,YAAY,EAAE;;;;MAId,KAAK,KAAK,SAAS;IACrB,GAAG,CAAA;;;KAGF;;MAEC,KAAK,KAAK,OAAO;IACnB,GAAG,CAAA;;;KAGF;;qBAEgB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;aAEhC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS;;;;;;eAMzD,KAAK,CAAC,MAAM,CAAC,MAAM;;;gBAGlB,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;eAKpB,KAAK,CAAC,MAAM,CAAC,SAAS;;;gBAGrB,KAAK,CAAC,MAAM,CAAC,SAAS;;;GAGnC,CACF,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,KAAK,EAAqB,EAAE,EAAE,CAAC,GAAG,CAAA;MAChE,WAAW;aACJ,KAAK;;;cAGJ,KAAK;;;;eAIJ,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC;;;gBAGjB,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC;;;;CAIjC,CAAA"}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { MarginProps } from '../utils/space';
|
3
|
+
export declare const SliderInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "type" | "value"> & MarginProps & {
|
4
|
+
onChange: (value: number) => void;
|
5
|
+
value: number;
|
6
|
+
min?: number;
|
7
|
+
max?: number;
|
8
|
+
step?: number;
|
9
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
@@ -0,0 +1,56 @@
|
|
1
|
+
import React, { forwardRef } from 'react';
|
2
|
+
import styled from 'styled-components';
|
3
|
+
import { theme } from '../theme';
|
4
|
+
import { margin } from '../utils/space';
|
5
|
+
export const SliderInput = forwardRef(function SliderInput({ value, onChange, min, max, step, m, mx, my, ml, mr, mt, mb, ...rest }, ref) {
|
6
|
+
return (React.createElement(StyledSlider, { ref: ref, type: "range", min: min, max: max, step: step, value: value, onChange: (event) => {
|
7
|
+
onChange(event.target.valueAsNumber);
|
8
|
+
}, "$m": m, "$mx": mx, "$my": my, "$ml": ml, "$mr": mr, "$mt": mt, "$mb": mb, ...rest }));
|
9
|
+
});
|
10
|
+
const StyledSlider = styled.input `
|
11
|
+
outline: 0;
|
12
|
+
border: 0;
|
13
|
+
padding: 0;
|
14
|
+
border-radius: 500px;
|
15
|
+
width: 100%;
|
16
|
+
//guard rail as we have a hard coded limit on progress bar length
|
17
|
+
max-width: 2000px;
|
18
|
+
transition: box-shadow 0.2s ease-in-out;
|
19
|
+
background: ${theme.colors.coconut};
|
20
|
+
${margin};
|
21
|
+
|
22
|
+
@media screen and (-webkit-min-device-pixel-ratio: 0) {
|
23
|
+
overflow: hidden;
|
24
|
+
height: 44px;
|
25
|
+
-webkit-appearance: none;
|
26
|
+
|
27
|
+
&::-webkit-slider-runnable-track {
|
28
|
+
height: 44px;
|
29
|
+
-webkit-appearance: none;
|
30
|
+
transition: box-shadow 0.2s ease-in-out;
|
31
|
+
}
|
32
|
+
&::-webkit-slider-thumb {
|
33
|
+
width: 44px;
|
34
|
+
-webkit-appearance: none;
|
35
|
+
height: 44px;
|
36
|
+
cursor: ew-resize;
|
37
|
+
background: ${theme.colors.coconut};
|
38
|
+
box-shadow:
|
39
|
+
//handles the progress bar
|
40
|
+
-1000px 0 0 980px ${theme.colors.marshmallowPink},
|
41
|
+
//added for the focus anim
|
42
|
+
inset 0 0 0 44px ${theme.colors.lollipop};
|
43
|
+
border-radius: 50%;
|
44
|
+
transition: box-shadow 0.2s ease-in-out;
|
45
|
+
position: relative;
|
46
|
+
}
|
47
|
+
&:active::-webkit-slider-thumb,
|
48
|
+
&:focus::-webkit-slider-thumb {
|
49
|
+
background: ${theme.colors.coconut};
|
50
|
+
box-shadow:
|
51
|
+
-1000px 0 0 980px ${theme.colors.marshmallowPink},
|
52
|
+
inset 0 0 0 4px ${theme.colors.lollipop};
|
53
|
+
}
|
54
|
+
}
|
55
|
+
`;
|
56
|
+
//# sourceMappingURL=SliderInput.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"SliderInput.js","sourceRoot":"","sources":["../../src/SliderInput/SliderInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,MAAM,EAAqC,MAAM,gBAAgB,CAAA;AAc1E,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,EACvE,GAAG;IAEH,OAAO,CACL,oBAAC,YAAY,IACX,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAAA;QACtC,CAAC,QACG,CAAC,SACA,EAAE,SACF,EAAE,SACF,EAAE,SACF,EAAE,SACF,EAAE,SACF,EAAE,KACH,IAAI,GACR,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAsB;;;;;;;;;gBASvC,KAAK,CAAC,MAAM,CAAC,OAAO;IAChC,MAAM;;;;;;;;;;;;;;;;;oBAiBU,KAAK,CAAC,MAAM,CAAC,OAAO;;;4BAGZ,KAAK,CAAC,MAAM,CAAC,eAAe;;2BAE7B,KAAK,CAAC,MAAM,CAAC,QAAQ;;;;;;;oBAO5B,KAAK,CAAC,MAAM,CAAC,OAAO;;4BAEZ,KAAK,CAAC,MAAM,CAAC,eAAe;0BAC9B,KAAK,CAAC,MAAM,CAAC,QAAQ;;;CAG9C,CAAA"}
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './SliderInput';
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/SliderInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import
|
1
|
+
import { FC, MouseEventHandler, ReactElement } from 'react';
|
2
2
|
import { MarginProps } from '../utils/space';
|
3
3
|
type SupportMessageType = 'info' | 'fallbackStyle' | 'alert' | 'warning' | 'success';
|
4
4
|
export type SupportMessageProps = {
|
@@ -8,11 +8,5 @@ export type SupportMessageProps = {
|
|
8
8
|
type: SupportMessageType;
|
9
9
|
title?: string;
|
10
10
|
} & MarginProps;
|
11
|
-
export declare const SupportMessage:
|
12
|
-
className?: string;
|
13
|
-
description: string | ReactElement;
|
14
|
-
onClick?: MouseEventHandler;
|
15
|
-
type: SupportMessageType;
|
16
|
-
title?: string;
|
17
|
-
} & MarginProps & React.RefAttributes<HTMLDivElement>>;
|
11
|
+
export declare const SupportMessage: FC<SupportMessageProps>;
|
18
12
|
export {};
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { darken } from 'polished';
|
2
|
-
import React
|
2
|
+
import React from 'react';
|
3
3
|
import styled, { css } from 'styled-components';
|
4
4
|
import { Box } from '../Box';
|
5
5
|
import { Icon } from '../Icon';
|
@@ -38,8 +38,8 @@ const styles = {
|
|
38
38
|
icon: 'circle-tick',
|
39
39
|
},
|
40
40
|
};
|
41
|
-
export const SupportMessage =
|
42
|
-
return (React.createElement(Wrapper, {
|
41
|
+
export const SupportMessage = ({ className, description, onClick, type = 'info', title, ...marginProps }) => {
|
42
|
+
return (React.createElement(Wrapper, { className: className, "$type": type, onClick: onClick, ...marginProps },
|
43
43
|
React.createElement(IconWrapper, null,
|
44
44
|
React.createElement(Icon, { size: 20, render: styles[type].icon, color: styles[type].iconColor })),
|
45
45
|
React.createElement(Box, { flex: true, direction: "column", mx: "8px" },
|
@@ -47,7 +47,7 @@ export const SupportMessage = forwardRef(function SupportMessage({ className, de
|
|
47
47
|
isReactElement(description) ? (React.createElement(DescriptionBox, null, description)) : (React.createElement(Description, { tag: "p" }, description))),
|
48
48
|
onClick && (React.createElement(Box, { ml: { custom: 'auto' } },
|
49
49
|
React.createElement(Icon, { size: 16, render: "caret", color: "marzipan", rotate: 270 })))));
|
50
|
-
}
|
50
|
+
};
|
51
51
|
const IconWrapper = styled(Box) `
|
52
52
|
align-self: flex-start;
|
53
53
|
`;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SupportMessage.js","sourceRoot":"","sources":["../../src/SupportMessage/SupportMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,
|
1
|
+
{"version":3,"file":"SupportMessage.js","sourceRoot":"","sources":["../../src/SupportMessage/SupportMessage.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
@@ -1,5 +1,7 @@
|
|
1
1
|
export * from './Accordion';
|
2
2
|
export * from './ActionDropdown';
|
3
|
+
export * from './Badge';
|
4
|
+
export * from './BadgeList';
|
3
5
|
export * from './Banner';
|
4
6
|
export * from './Box';
|
5
7
|
export * from './BrandCard';
|
@@ -8,10 +10,15 @@ export * from './Card';
|
|
8
10
|
export * from './CheckBox';
|
9
11
|
export * from './CheckBoxGroup';
|
10
12
|
export * from './Chip';
|
13
|
+
export * from './CurrencyInput';
|
11
14
|
export * from './Datepicker';
|
12
15
|
export * from './Divider';
|
13
16
|
export * from './Dropdown';
|
14
17
|
export * from './Emoji';
|
18
|
+
export * from './fields/Field';
|
19
|
+
export * from './fields/Fieldset';
|
20
|
+
export * from './fontStyle';
|
21
|
+
export * from './hooks';
|
15
22
|
export * from './Icon';
|
16
23
|
export * from './IconStrict';
|
17
24
|
export * from './IconWrapper';
|
@@ -21,28 +28,22 @@ export * from './Loader';
|
|
21
28
|
export * from './Logo';
|
22
29
|
export * from './Modal';
|
23
30
|
export * from './NumberInput';
|
24
|
-
export * from './CurrencyInput';
|
25
31
|
export * from './Pagination';
|
26
32
|
export * from './RadioGroup';
|
33
|
+
export * from './RichText';
|
34
|
+
export * from './RichTextEditor';
|
27
35
|
export * from './Row';
|
28
36
|
export * from './SearchInput';
|
37
|
+
export * from './SegmentedControl';
|
38
|
+
export * from './SliderInput';
|
29
39
|
export * from './Snackbar';
|
30
40
|
export * from './SupportMessage';
|
31
41
|
export * from './Table';
|
32
42
|
export * from './Tag';
|
33
43
|
export * from './Text';
|
34
|
-
export * from './TextInput';
|
35
44
|
export * from './Textarea';
|
45
|
+
export * from './TextInput';
|
46
|
+
export * from './theme';
|
36
47
|
export * from './Toggle';
|
37
48
|
export * from './Tooltip';
|
38
|
-
export * from './fields/Field';
|
39
|
-
export * from './fields/Fieldset';
|
40
|
-
export * from './fontStyle';
|
41
|
-
export * from './hooks';
|
42
|
-
export * from './theme';
|
43
49
|
export * from './utils/space';
|
44
|
-
export * from './RichText';
|
45
|
-
export * from './RichTextEditor';
|
46
|
-
export * from './SegmentedControl';
|
47
|
-
export * from "./Badge";
|
48
|
-
export * from "./BadgeList";
|
package/dist/index.js
CHANGED
@@ -1,5 +1,7 @@
|
|
1
1
|
export * from './Accordion';
|
2
2
|
export * from './ActionDropdown';
|
3
|
+
export * from './Badge';
|
4
|
+
export * from './BadgeList';
|
3
5
|
export * from './Banner';
|
4
6
|
export * from './Box';
|
5
7
|
export * from './BrandCard';
|
@@ -8,10 +10,15 @@ export * from './Card';
|
|
8
10
|
export * from './CheckBox';
|
9
11
|
export * from './CheckBoxGroup';
|
10
12
|
export * from './Chip';
|
13
|
+
export * from './CurrencyInput';
|
11
14
|
export * from './Datepicker';
|
12
15
|
export * from './Divider';
|
13
16
|
export * from './Dropdown';
|
14
17
|
export * from './Emoji';
|
18
|
+
export * from './fields/Field';
|
19
|
+
export * from './fields/Fieldset';
|
20
|
+
export * from './fontStyle';
|
21
|
+
export * from './hooks';
|
15
22
|
export * from './Icon';
|
16
23
|
export * from './IconStrict';
|
17
24
|
export * from './IconWrapper';
|
@@ -21,29 +28,23 @@ export * from './Loader';
|
|
21
28
|
export * from './Logo';
|
22
29
|
export * from './Modal';
|
23
30
|
export * from './NumberInput';
|
24
|
-
export * from './CurrencyInput';
|
25
31
|
export * from './Pagination';
|
26
32
|
export * from './RadioGroup';
|
33
|
+
export * from './RichText';
|
34
|
+
export * from './RichTextEditor';
|
27
35
|
export * from './Row';
|
28
36
|
export * from './SearchInput';
|
37
|
+
export * from './SegmentedControl';
|
38
|
+
export * from './SliderInput';
|
29
39
|
export * from './Snackbar';
|
30
40
|
export * from './SupportMessage';
|
31
41
|
export * from './Table';
|
32
42
|
export * from './Tag';
|
33
43
|
export * from './Text';
|
34
|
-
export * from './TextInput';
|
35
44
|
export * from './Textarea';
|
45
|
+
export * from './TextInput';
|
46
|
+
export * from './theme';
|
36
47
|
export * from './Toggle';
|
37
48
|
export * from './Tooltip';
|
38
|
-
export * from './fields/Field';
|
39
|
-
export * from './fields/Fieldset';
|
40
|
-
export * from './fontStyle';
|
41
|
-
export * from './hooks';
|
42
|
-
export * from './theme';
|
43
49
|
export * from './utils/space';
|
44
|
-
export * from './RichText';
|
45
|
-
export * from './RichTextEditor';
|
46
|
-
export * from './SegmentedControl';
|
47
|
-
export * from "./Badge";
|
48
|
-
export * from "./BadgeList";
|
49
50
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA"}
|
package/dist/theme.d.ts
CHANGED
@@ -31,10 +31,10 @@ declare const colors: {
|
|
31
31
|
compareTheMarket: string;
|
32
32
|
confused: string;
|
33
33
|
onfido: string;
|
34
|
-
|
34
|
+
x: string;
|
35
35
|
premfina: string;
|
36
36
|
checkout: string;
|
37
|
-
|
37
|
+
meta: string;
|
38
38
|
stripe: string;
|
39
39
|
intercom: string;
|
40
40
|
ravelin: string;
|
@@ -76,10 +76,10 @@ export declare const theme: {
|
|
76
76
|
compareTheMarket: string;
|
77
77
|
confused: string;
|
78
78
|
onfido: string;
|
79
|
-
|
79
|
+
x: string;
|
80
80
|
premfina: string;
|
81
81
|
checkout: string;
|
82
|
-
|
82
|
+
meta: string;
|
83
83
|
stripe: string;
|
84
84
|
intercom: string;
|
85
85
|
ravelin: string;
|
package/dist/theme.js
CHANGED
@@ -37,10 +37,10 @@ const colors = {
|
|
37
37
|
compareTheMarket: '#004A8E',
|
38
38
|
confused: '#000A8C',
|
39
39
|
onfido: '#3640F5',
|
40
|
-
|
40
|
+
x: '#55ACEE',
|
41
41
|
premfina: '#F08422',
|
42
42
|
checkout: '#56AC88',
|
43
|
-
|
43
|
+
meta: '#3B5998',
|
44
44
|
stripe: '#6772E5',
|
45
45
|
intercom: '#286EFA',
|
46
46
|
ravelin: '#2A4AFC',
|
package/dist/theme.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG;IACb,eAAe;IACf,QAAQ,EAAE,SAAS,EAAE,MAAM;IAC3B,eAAe,EAAE,SAAS,EAAE,MAAM;IAClC,SAAS,EAAE,SAAS,EAAE,KAAK;IAC3B,UAAU,EAAE,SAAS,EAAE,KAAK;IAE5B,iBAAiB;IACjB,IAAI,EAAE,SAAS,EAAE,MAAM;IACvB,SAAS,EAAE,SAAS,EAAE,MAAM;IAC5B,MAAM,EAAE,SAAS,EAAE,KAAK;IACxB,IAAI,EAAE,SAAS,EAAE,KAAK;IAEtB,gBAAgB;IAChB,OAAO,EAAE,SAAS,EAAE,MAAM;IAC1B,UAAU,EAAE,SAAS,EAAE,MAAM;IAC7B,OAAO,EAAE,SAAS,EAAE,KAAK;IACzB,KAAK,EAAE,SAAS,EAAE,IAAI;IAEtB,kBAAkB;IAClB,SAAS,EAAE,SAAS,EAAE,QAAQ;IAC9B,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,SAAS,EAAE,SAAS,EAAE,QAAQ;IAC9B,QAAQ,EAAE,SAAS,EAAE,OAAO;IAC5B,SAAS,EAAE,SAAS,EAAE,QAAQ;IAC9B,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,OAAO,EAAE,SAAS,EAAE,QAAQ;IAC5B,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,QAAQ,EAAE,SAAS,EAAE,QAAQ;IAC7B,OAAO,EAAE,SAAS,EAAE,OAAO;IAE3B,gBAAgB;IAChB,UAAU,EAAE,SAAS,EAAE,YAAY;IACnC,UAAU,EAAE,SAAS,EAAE,WAAW;IAClC,KAAK,EAAE,SAAS,EAAE,cAAc;IAChC,IAAI,EAAE,SAAS,EAAE,aAAa;IAC9B,KAAK,EAAE,SAAS,EAAE,cAAc;IAChC,QAAQ,EAAE,SAAS,EAAE,aAAa;IAClC,SAAS,EAAE,SAAS,EAAE,oBAAoB;IAE1C,4BAA4B;IAC5B,gBAAgB,EAAE,SAAS;IAC3B,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,SAAS;IACjB,
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG;IACb,eAAe;IACf,QAAQ,EAAE,SAAS,EAAE,MAAM;IAC3B,eAAe,EAAE,SAAS,EAAE,MAAM;IAClC,SAAS,EAAE,SAAS,EAAE,KAAK;IAC3B,UAAU,EAAE,SAAS,EAAE,KAAK;IAE5B,iBAAiB;IACjB,IAAI,EAAE,SAAS,EAAE,MAAM;IACvB,SAAS,EAAE,SAAS,EAAE,MAAM;IAC5B,MAAM,EAAE,SAAS,EAAE,KAAK;IACxB,IAAI,EAAE,SAAS,EAAE,KAAK;IAEtB,gBAAgB;IAChB,OAAO,EAAE,SAAS,EAAE,MAAM;IAC1B,UAAU,EAAE,SAAS,EAAE,MAAM;IAC7B,OAAO,EAAE,SAAS,EAAE,KAAK;IACzB,KAAK,EAAE,SAAS,EAAE,IAAI;IAEtB,kBAAkB;IAClB,SAAS,EAAE,SAAS,EAAE,QAAQ;IAC9B,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,SAAS,EAAE,SAAS,EAAE,QAAQ;IAC9B,QAAQ,EAAE,SAAS,EAAE,OAAO;IAC5B,SAAS,EAAE,SAAS,EAAE,QAAQ;IAC9B,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,OAAO,EAAE,SAAS,EAAE,QAAQ;IAC5B,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,QAAQ,EAAE,SAAS,EAAE,QAAQ;IAC7B,OAAO,EAAE,SAAS,EAAE,OAAO;IAE3B,gBAAgB;IAChB,UAAU,EAAE,SAAS,EAAE,YAAY;IACnC,UAAU,EAAE,SAAS,EAAE,WAAW;IAClC,KAAK,EAAE,SAAS,EAAE,cAAc;IAChC,IAAI,EAAE,SAAS,EAAE,aAAa;IAC9B,KAAK,EAAE,SAAS,EAAE,cAAc;IAChC,QAAQ,EAAE,SAAS,EAAE,aAAa;IAClC,SAAS,EAAE,SAAS,EAAE,oBAAoB;IAE1C,4BAA4B;IAC5B,gBAAgB,EAAE,SAAS;IAC3B,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,SAAS;IACjB,CAAC,EAAE,SAAS;IACZ,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,SAAS;IACnB,OAAO,EAAE,SAAS;IAClB,GAAG,EAAE,SAAS;IACd,QAAQ,EAAE,SAAS;CACpB,CAAA;AAID,MAAM,IAAI,GAAG;IACX,MAAM,EAAE;QACN,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,GAAG;QACX,IAAI,EAAE,GAAG;KACV;IACD,MAAM,EACJ,+IAA+I;CAClJ,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM;IACN,IAAI;CACL,CAAA"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@mrshmllw/smores-react",
|
3
|
-
"version": "9.23.0
|
3
|
+
"version": "9.23.0",
|
4
4
|
"main": "./dist/index.js",
|
5
5
|
"description": "Collection of React components used by Marshmallow Technology",
|
6
6
|
"keywords": [
|
@@ -33,10 +33,10 @@
|
|
33
33
|
"fix-package-lock-conflicts": "echo \"Make sure conflicts in package.json are resolved before running this script\" && npm i --package-lock-only"
|
34
34
|
},
|
35
35
|
"devDependencies": {
|
36
|
-
"@babel/core": "^7.25.
|
37
|
-
"@babel/eslint-parser": "^7.25.
|
36
|
+
"@babel/core": "^7.25.8",
|
37
|
+
"@babel/eslint-parser": "^7.25.8",
|
38
38
|
"@babel/plugin-transform-class-properties": "^7.25.7",
|
39
|
-
"@babel/preset-env": "^7.25.
|
39
|
+
"@babel/preset-env": "^7.25.8",
|
40
40
|
"@babel/preset-react": "^7.25.7",
|
41
41
|
"@babel/preset-typescript": "^7.25.7",
|
42
42
|
"@commitlint/cli": "^19.5.0",
|
@@ -80,8 +80,8 @@
|
|
80
80
|
"storybook": "^8.0.4",
|
81
81
|
"styled-components": "^6.1.13",
|
82
82
|
"typescript": "^5.6.3",
|
83
|
-
"vite": "^5.4.
|
84
|
-
"vitest": "^2.1.
|
83
|
+
"vite": "^5.4.9",
|
84
|
+
"vitest": "^2.1.3"
|
85
85
|
},
|
86
86
|
"dependencies": {
|
87
87
|
"@lexical/react": "^0.18.0",
|