@mrshmllw/smores-react 3.0.4 → 3.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Divider/Divider.js +1 -1
- package/dist/Divider/Divider.js.map +1 -1
- package/dist/Text/fontMapping.js +1 -0
- package/dist/Text/fontMapping.js.map +1 -1
- package/package.json +1 -1
- package/dist/Button/LegacyButton.d.ts +0 -15
- package/dist/Button/LegacyButton.js +0 -50
- package/dist/Button/LegacyButton.js.map +0 -1
package/dist/Divider/Divider.js
CHANGED
@@ -14,7 +14,7 @@ import styled, { css } from 'styled-components';
|
|
14
14
|
import { Box } from '../Box';
|
15
15
|
import { theme } from '../theme';
|
16
16
|
export const Divider = memo(function Divider(_a) {
|
17
|
-
var { maxWidth = 'none', height = '1px', color = '
|
17
|
+
var { maxWidth = 'none', height = '1px', color = 'oatmeal' } = _a, marginProps = __rest(_a, ["maxWidth", "height", "color"]);
|
18
18
|
return (React.createElement(Line, Object.assign({ maxWidth: maxWidth, height: height, color: color }, marginProps)));
|
19
19
|
});
|
20
20
|
const Line = styled(Box) `
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../src/Divider/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,IAAI,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AAQvC,MAAM,CAAC,MAAM,OAAO,GAAqB,IAAI,CAAC,SAAS,OAAO,CAAC,EAK9D;QAL8D,EAC7D,QAAQ,GAAG,MAAM,EACjB,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,
|
1
|
+
{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../src/Divider/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,IAAI,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AAQvC,MAAM,CAAC,MAAM,OAAO,GAAqB,IAAI,CAAC,SAAS,OAAO,CAAC,EAK9D;QAL8D,EAC7D,QAAQ,GAAG,MAAM,EACjB,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,SAAS,OAElB,EADI,WAAW,cAJ+C,+BAK9D,CADe;IAEd,OAAO,CACL,oBAAC,IAAI,kBAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAAM,WAAW,EAAI,CAC5E,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAkB;IACtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK;IACH,CAAC,CAAC,GAAG,CAAA;wBACa,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;SAClC;IACH,CAAC,CAAC,EAAE;;YAEE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;eACnB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ;;CAExC,CAAA"}
|
package/dist/Text/fontMapping.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"fontMapping.js","sourceRoot":"","sources":["../../src/Text/fontMapping.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGhC,MAAM,CAAC,MAAM,gBAAgB,GAAyB;IACpD,gBAAgB,EAAE;;;mBAGD,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;;;;;;;GAOtC;IACD,IAAI,EAAE;;mBAEW,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;;;;;;GAOxC;IACD,mBAAmB,EAAE
|
1
|
+
{"version":3,"file":"fontMapping.js","sourceRoot":"","sources":["../../src/Text/fontMapping.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGhC,MAAM,CAAC,MAAM,gBAAgB,GAAyB;IACpD,gBAAgB,EAAE;;;mBAGD,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;;;;;;;GAOtC;IACD,IAAI,EAAE;;mBAEW,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;;;;;;GAOxC;IACD,mBAAmB,EAAE;;;mBAGJ,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;;GAEtC;IACD,eAAe,EAAE;;mBAEA,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;;;;;;GAOxC;IACD,gBAAgB,EAAE;;mBAED,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;GAExC;IACD,eAAe,EAAE;;mBAEA,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;GAExC;IACD,kBAAkB,EAAE;;mBAEH,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;GAExC;IACD,gBAAgB,EAAE;;mBAED,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;GAExC;IACD,iBAAiB,EAAE;;mBAEF,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;GAExC;IACD,cAAc,EAAE;;mBAEC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;GAExC;IACD,YAAY,EAAE;;mBAEG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;GAExC;IACD,OAAO,EAAE;;mBAEQ,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;GAExC;IACD,KAAK,EAAE;;;mBAGU,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;GAExC;CACF,CAAA"}
|
package/package.json
CHANGED
@@ -1,15 +0,0 @@
|
|
1
|
-
import React, { FC, ReactNode } from 'react';
|
2
|
-
import { Color } from '../theme';
|
3
|
-
type Props = {
|
4
|
-
children: ReactNode;
|
5
|
-
id?: string;
|
6
|
-
className?: string;
|
7
|
-
color?: Color;
|
8
|
-
block?: boolean;
|
9
|
-
inverted?: boolean;
|
10
|
-
disabled?: boolean;
|
11
|
-
outlined?: boolean;
|
12
|
-
handleClick: (e: React.FormEvent<HTMLButtonElement>) => void;
|
13
|
-
};
|
14
|
-
export declare const LegacyButton: FC<Props>;
|
15
|
-
export {};
|
@@ -1,50 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import styled, { css } from 'styled-components';
|
3
|
-
import { theme } from '../theme';
|
4
|
-
export const LegacyButton = ({ children, id, className = '', color = 'liquorice', block = false, inverted = false, disabled = false, outlined = false, handleClick, }) => (React.createElement(Container, { id: id, className: className, color: color, block: block, inverted: inverted, disabled: disabled, outlined: outlined, onClick: handleClick }, children));
|
5
|
-
const Container = styled.button(({ block, color, inverted, outlined }) => css `
|
6
|
-
position: relative;
|
7
|
-
display: inline-block;
|
8
|
-
box-sizing: border-box;
|
9
|
-
border: none;
|
10
|
-
border-radius: 8px;
|
11
|
-
font-size: 16px;
|
12
|
-
padding: 18px 16px 14px;
|
13
|
-
outline: none;
|
14
|
-
cursor: pointer;
|
15
|
-
width: ${block ? '100%' : 'auto'};
|
16
|
-
background-color: ${theme.colors[color]};
|
17
|
-
color: ${theme.colors.cream};
|
18
|
-
font-weight: ${theme.font.weight.medium};
|
19
|
-
|
20
|
-
&:hover:not([disabled]) {
|
21
|
-
background-color: ${theme.colors[color]};
|
22
|
-
}
|
23
|
-
&:active:not([disabled]) {
|
24
|
-
background-color: ${theme.colors[color]};
|
25
|
-
}
|
26
|
-
&:disabled {
|
27
|
-
opacity: 0.5;
|
28
|
-
cursor: not-allowed;
|
29
|
-
}
|
30
|
-
|
31
|
-
${(inverted || outlined) &&
|
32
|
-
css `
|
33
|
-
background-color: transparent;
|
34
|
-
border: 1px solid ${outlined ? theme.colors.chia : 'transparent'};
|
35
|
-
color: ${outlined ? theme.colors.liquorice : theme.colors[color]};
|
36
|
-
|
37
|
-
&:hover:not([disabled]) {
|
38
|
-
background-color: ${theme.colors.coconut};
|
39
|
-
}
|
40
|
-
&:active:not([disabled]) {
|
41
|
-
background-color: ${theme.colors.coconut};
|
42
|
-
}
|
43
|
-
`};
|
44
|
-
|
45
|
-
@media (min-width: 768px) {
|
46
|
-
padding: 16px 16px 15px;
|
47
|
-
font-size: 16px;
|
48
|
-
}
|
49
|
-
`);
|
50
|
-
//# sourceMappingURL=LegacyButton.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"LegacyButton.js","sourceRoot":"","sources":["../../src/Button/LegacyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AA+BvC,MAAM,CAAC,MAAM,YAAY,GAAc,CAAC,EACtC,QAAQ,EACR,EAAE,EACF,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,WAAW,EACnB,KAAK,GAAG,KAAK,EACb,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,WAAW,GACZ,EAAE,EAAE,CAAC,CACJ,oBAAC,SAAS,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,IAEnB,QAAQ,CACC,CACb,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAC7B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;;;;;;aAUlC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;wBACZ,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;aAC9B,KAAK,CAAC,MAAM,CAAC,KAAK;mBACZ,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;;0BAGjB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;;0BAGnB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;;;;;;MAOvC,CAAC,QAAQ,IAAI,QAAQ,CAAC;IACxB,GAAG,CAAA;;0BAEmB,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa;eACvD,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;;4BAG1C,KAAK,CAAC,MAAM,CAAC,OAAO;;;4BAGpB,KAAK,CAAC,MAAM,CAAC,OAAO;;KAE3C;;;;;;GAMF,CACF,CAAA"}
|