@mrshmllw/smores-react 2.3.3 → 2.4.1

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/Box/Box.d.ts CHANGED
@@ -2,4 +2,4 @@ import { FlexProps } from '../utils/flex';
2
2
  import { MeasureProps } from '../utils/measure';
3
3
  import { SpaceProps } from '../utils/space';
4
4
  export declare type BoxProps = SpaceProps & FlexProps & MeasureProps;
5
- export declare const Box: import("styled-components").StyledComponent<"div", any, SpaceProps & FlexProps & MeasureProps, never>;
5
+ export declare const Box: import("styled-components").StyledComponent<"div", any, import("../utils/space").MarginProps & import("../utils/space").PaddingProps & FlexProps & MeasureProps, never>;
@@ -1,6 +1,6 @@
1
1
  declare const _default: {
2
2
  title: string;
3
- component: import("styled-components").StyledComponent<"div", any, import("../utils/space").SpaceProps & import("../utils/flex").FlexProps & import("../utils/measure").MeasureProps, never>;
3
+ component: import("styled-components").StyledComponent<"div", any, import("..").MarginProps & import("..").PaddingProps & import("../utils/flex").FlexProps & import("../utils/measure").MeasureProps, never>;
4
4
  };
5
5
  export default _default;
6
6
  export declare const Default: any;
@@ -1,12 +1,9 @@
1
1
  import { FC } from 'react';
2
+ import { MarginProps } from '../utils/space';
2
3
  import { Color } from '../theme';
3
4
  export declare type DividerProps = {
4
5
  maxWidth?: string;
5
6
  height?: string;
6
- mt?: string;
7
- mr?: string;
8
- mb?: string;
9
- ml?: string;
10
7
  color?: Color;
11
- };
8
+ } & MarginProps;
12
9
  export declare const Divider: FC<DividerProps>;
@@ -1,22 +1,30 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
1
12
  import React, { memo } from 'react';
2
13
  import styled, { css } from 'styled-components';
3
14
  import { Box } from '../Box';
4
15
  import { theme } from '../theme';
5
- export const Divider = memo(function Divider({ maxWidth = 'none', height = '1px', mt = '0px', mr = '0px', mb = '0px', ml = '0px', color = 'outline', }) {
6
- return (React.createElement(Line, { maxWidth: maxWidth, height: height, mt: mt, mr: mr, mb: mb, ml: ml, color: color }));
16
+ export const Divider = memo(function Divider(_a) {
17
+ var { maxWidth = 'none', height = '1px', color = 'outline' } = _a, marginProps = __rest(_a, ["maxWidth", "height", "color"]);
18
+ return (React.createElement(Line, Object.assign({ maxWidth: maxWidth, height: height, color: color }, marginProps)));
7
19
  });
8
20
  const Line = styled(Box) `
9
21
  ${({ color }) => color
10
22
  ? css `
11
23
  background: ${theme.colors[color]};
12
24
  `
13
- : ''};
25
+ : ''}
14
26
  display: block;
15
27
  height: ${({ height }) => height};
16
- margin-bottom: ${({ mb }) => mb};
17
- margin-left: ${({ ml }) => ml};
18
- margin-right: ${({ mr }) => mr};
19
- margin-top: ${({ mt }) => mt};
20
28
  max-width: ${({ maxWidth }) => maxWidth};
21
29
  width: 100%;
22
30
  `;
@@ -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;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AAYvC,MAAM,CAAC,MAAM,OAAO,GAAqB,IAAI,CAAC,SAAS,OAAO,CAAC,EAC7D,QAAQ,GAAG,MAAM,EACjB,MAAM,GAAG,KAAK,EACd,EAAE,GAAG,KAAK,EACV,EAAE,GAAG,KAAK,EACV,EAAE,GAAG,KAAK,EACV,EAAE,GAAG,KAAK,EACV,KAAK,GAAG,SAAS,GAClB;IACC,OAAO,CACL,oBAAC,IAAI,IACH,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,GACZ,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAkB;IACtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK;IACH,CAAC,CAAC,GAAG,CAAA;wBACa,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;SAClC;IACH,CAAC,CAAC,EAAE;;YAEE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;mBACf,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;iBAChB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;kBACb,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;gBAChB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;eACf,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ;;CAExC,CAAA"}
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"}
@@ -7,7 +7,7 @@ import { Box } from '../Box';
7
7
  import { theme } from '../theme';
8
8
  export const Field = ({ children, renderAsTitle, className = '', error, id, label, outlined = false, value, trailingIcon, errorMsg, dropdownKey, required, showCaret, fullHeight = false, }) => {
9
9
  return (React.createElement(Container, { className: className },
10
- label && (React.createElement(Box, { mb: outlined ? '4px' : '0px' }, renderAsTitle ? (React.createElement(Title, null, label)) : (React.createElement(Text, { tag: "label", color: "subtext", typo: "label", htmlFor: id },
10
+ label && (React.createElement(Box, { mb: { custom: outlined ? 4 : 0 } }, renderAsTitle ? (React.createElement(Title, null, label)) : (React.createElement(Text, { tag: "label", color: "subtext", typo: "label", htmlFor: id },
11
11
  label,
12
12
  required && React.createElement(Asterisk, null, "*"))))),
13
13
  React.createElement(Content, { fullHeight: fullHeight, value: value, outlined: outlined, error: error, key: dropdownKey !== null && dropdownKey !== void 0 ? dropdownKey : null },
@@ -21,6 +21,7 @@ const Container = styled(Box) `
21
21
  display: flex;
22
22
  flex-direction: column;
23
23
  position: relative;
24
+ width: 100%;
24
25
  `;
25
26
  const Content = styled.div `
26
27
  position: relative;
@@ -1 +1 @@
1
- {"version":3,"file":"Field.js","sourceRoot":"","sources":["../../src/Field/Field.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Field.js","sourceRoot":"","sources":["../../src/Field/Field.tsx"],"names":[],"mappings":"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"}
@@ -3,7 +3,7 @@ import styled from 'styled-components';
3
3
  import { Box } from '../Box';
4
4
  export const Fieldset = ({ children, label, outlined = false, }) => {
5
5
  return (React.createElement("fieldset", null,
6
- React.createElement(Box, { mb: outlined ? '4px' : '0px' },
6
+ React.createElement(Box, { mb: { custom: outlined ? 4 : 0 } },
7
7
  React.createElement(Legend, null, label)),
8
8
  children));
9
9
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../src/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAQ5B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,GACF,EAAE,EAAE;IAClB,OAAO,CACL;QACE,oBAAC,GAAG,IAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;YAC/B,oBAAC,MAAM,QAAE,KAAK,CAAU,CACpB;QAEL,QAAQ,CACA,CACZ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;;;;CAI3B,CAAA"}
1
+ {"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../src/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAQ5B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,GACF,EAAE,EAAE;IAClB,OAAO,CACL;QACE,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACnC,oBAAC,MAAM,QAAE,KAAK,CAAU,CACpB;QAEL,QAAQ,CACA,CACZ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;;;;CAI3B,CAAA"}
@@ -74,7 +74,7 @@ export const NumberInput = ({ id: idProp, className, type = 'number', placeholde
74
74
  }
75
75
  };
76
76
  return (React.createElement(Container, { className: className, hasLabel: !!label, hasError: !!errorMsg },
77
- label && (React.createElement(Box, { mb: outlined ? '4px' : '0px' },
77
+ label && (React.createElement(Box, { mb: { custom: outlined ? 4 : 0 } },
78
78
  React.createElement(Text, { tag: "label", color: "subtext", typo: "label", htmlFor: id },
79
79
  label,
80
80
  "\u00A0",
@@ -1 +1 @@
1
- {"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":"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"}
@@ -14,9 +14,10 @@ import styled from 'styled-components';
14
14
  import { darken } from 'polished';
15
15
  import { theme } from '../theme';
16
16
  import { Field } from '../Field';
17
+ import { Icon } from '../Icon';
17
18
  import { useUniqueId } from '../utils/id';
18
19
  export const TextInput = forwardRef(function TextInput(_a, ref) {
19
- var { id: idProp, type = 'text', placeholder, name, value, outlined = false, error = false, onBlur, onChange, onInputChange, disabled = false } = _a, fieldProps = __rest(_a, ["id", "type", "placeholder", "name", "value", "outlined", "error", "onBlur", "onChange", "onInputChange", "disabled"]);
20
+ var { id: idProp, type = 'text', placeholder, name, value, outlined = false, error = false, onBlur, onChange, onInputChange, disabled = false, trailingIcon } = _a, fieldProps = __rest(_a, ["id", "type", "placeholder", "name", "value", "outlined", "error", "onBlur", "onChange", "onInputChange", "disabled", "trailingIcon"]);
20
21
  const id = useUniqueId(idProp);
21
22
  return (React.createElement(Field, Object.assign({}, fieldProps, { id: id, error: error, outlined: outlined, value: value }),
22
23
  React.createElement(React.Fragment, null,
@@ -25,7 +26,8 @@ export const TextInput = forwardRef(function TextInput(_a, ref) {
25
26
  onInputChange && onInputChange(e);
26
27
  }, onBlur: (e) => {
27
28
  onBlur && onBlur(e);
28
- } }))));
29
+ } }),
30
+ trailingIcon && React.createElement(StyledIcon, { render: trailingIcon, color: "subtext" }))));
29
31
  });
30
32
  const StyledInput = styled.input `
31
33
  border: none;
@@ -44,6 +46,25 @@ const StyledInput = styled.input `
44
46
  border-color: ${({ error }) => error ? theme.colors.error : darken(0.1, theme.colors.outline)};
45
47
  }
46
48
 
49
+ ${({ outlined, error }) => outlined &&
50
+ `
51
+ border: 2px solid ${error ? theme.colors.error : theme.colors.outline};
52
+ border-radius: 8px;
53
+ height: auto;
54
+ `}
55
+
56
+ ${({ value }) => value &&
57
+ value != '' &&
58
+ `
59
+ border-color: ${theme.colors.outline};
60
+ `}
61
+
62
+ ${({ trailingIcon }) => trailingIcon &&
63
+ trailingIcon != '' &&
64
+ `
65
+ padding-right: 24px;
66
+ `}
67
+
47
68
  ${({ outlined }) => outlined &&
48
69
  `
49
70
  border-radius: 8px;
@@ -54,4 +75,8 @@ const StyledInput = styled.input `
54
75
  color: ${theme.colors.subtext};
55
76
  }
56
77
  `;
78
+ const StyledIcon = styled(Icon) `
79
+ position: relative;
80
+ left: -24px;
81
+ `;
57
82
  //# sourceMappingURL=TextInput.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/TextInput/TextInput.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/TextInput/TextInput.tsx"],"names":[],"mappings":"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"}
@@ -25,9 +25,9 @@ const thirdPartyBrand = [
25
25
  const ColorCard = ({ colorName }) => {
26
26
  const hexValue = theme.colors[colorName];
27
27
  return (React.createElement(ColorCardWrapper, { width: "180px" },
28
- React.createElement(ColorBox, { colorName: colorName, width: "100%", pt: "50%" }),
28
+ React.createElement(ColorBox, { colorName: colorName, width: "100%", pt: { custom: '50%' } }),
29
29
  React.createElement(Divider, null),
30
- React.createElement(Box, { p: "4px 16px" },
30
+ React.createElement(Box, { px: "16px", py: { custom: 4 } },
31
31
  React.createElement(Text, { tag: "span", typo: "base" }, colorName),
32
32
  React.createElement(Text, { tag: "span", typo: "base-xsmall", color: "subtext" }, hexValue))));
33
33
  };
@@ -1 +1 @@
1
- {"version":3,"file":"colors.stories.js","sourceRoot":"","sources":["../src/colors.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"colors.stories.js","sourceRoot":"","sources":["../src/colors.stories.tsx"],"names":[],"mappings":"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"}
package/dist/index.d.ts CHANGED
@@ -30,3 +30,4 @@ export * from './TextInput';
30
30
  export * from './theme';
31
31
  export * from './Toggle';
32
32
  export * from './Fieldset';
33
+ export { MarginProps, PaddingProps } from './utils/space';
@@ -1,19 +1,25 @@
1
- declare type SpaceFN = (arg: SpaceProps) => string;
2
- export interface SpaceProps {
3
- m?: string;
4
- mx?: string;
5
- my?: string;
6
- ml?: string;
7
- mr?: string;
8
- mt?: string;
9
- mb?: string;
10
- p?: string;
11
- px?: string;
12
- py?: string;
13
- pl?: string;
14
- pr?: string;
15
- pt?: string;
16
- pb?: string;
1
+ declare type Spacing = '8px' | '12px' | '16px' | '24px' | '32px' | '48px' | '64px';
2
+ declare type SpacingProp = Spacing | {
3
+ custom: number | string;
4
+ };
5
+ export interface MarginProps {
6
+ m?: SpacingProp;
7
+ mx?: SpacingProp;
8
+ my?: SpacingProp;
9
+ ml?: SpacingProp;
10
+ mr?: SpacingProp;
11
+ mt?: SpacingProp;
12
+ mb?: SpacingProp;
17
13
  }
18
- export declare const space: SpaceFN;
14
+ export interface PaddingProps {
15
+ p?: SpacingProp;
16
+ px?: SpacingProp;
17
+ py?: SpacingProp;
18
+ pl?: SpacingProp;
19
+ pr?: SpacingProp;
20
+ pt?: SpacingProp;
21
+ pb?: SpacingProp;
22
+ }
23
+ export declare type SpaceProps = MarginProps & PaddingProps;
24
+ export declare const space: (props: SpaceProps) => string;
19
25
  export {};
@@ -1,40 +1,49 @@
1
+ const resolveSpacing = (value) => {
2
+ if (typeof value === 'string') {
3
+ return value;
4
+ }
5
+ if (typeof value.custom === 'string') {
6
+ return value.custom;
7
+ }
8
+ return `${value.custom}px`;
9
+ };
1
10
  export const space = (props) => {
2
11
  const { m, mx, my, ml, mr, mt, mb, p, px, py, pl, pr, pt, pb } = props;
3
12
  return `
4
- ${m ? `margin: ${m};` : ''}
13
+ ${m ? `margin: ${resolveSpacing(m)};` : ''}
5
14
  ${mx
6
15
  ? `
7
- margin-left: ${mx};
8
- margin-right: ${mx};
16
+ margin-left: ${resolveSpacing(mx)};
17
+ margin-right: ${resolveSpacing(mx)};
9
18
  `
10
19
  : ''}
11
20
  ${my
12
21
  ? `
13
- margin-top: ${my};
14
- margin-bottom: ${my};
22
+ margin-top: ${resolveSpacing(my)};
23
+ margin-bottom: ${resolveSpacing(my)};
15
24
  `
16
25
  : ''}
17
- ${ml ? `margin-left: ${ml};` : ''}
18
- ${mr ? `margin-right: ${mr};` : ''}
19
- ${mt ? `margin-top: ${mt};` : ''}
20
- ${mb ? `margin-bottom: ${mb};` : ''}
21
- ${p ? `padding: ${p};` : ''}
26
+ ${ml ? `margin-left: ${resolveSpacing(ml)};` : ''}
27
+ ${mr ? `margin-right: ${resolveSpacing(mr)};` : ''}
28
+ ${mt ? `margin-top: ${resolveSpacing(mt)};` : ''}
29
+ ${mb ? `margin-bottom: ${resolveSpacing(mb)};` : ''}
30
+ ${p ? `padding: ${resolveSpacing(p)};` : ''}
22
31
  ${px
23
32
  ? `
24
- padding-left: ${px};
25
- padding-right: ${px};
33
+ padding-left: ${resolveSpacing(px)};
34
+ padding-right: ${resolveSpacing(px)};
26
35
  `
27
36
  : ''}
28
37
  ${py
29
38
  ? `
30
- padding-top: ${py};
31
- padding-bottom: ${py};
39
+ padding-top: ${resolveSpacing(py)};
40
+ padding-bottom: ${resolveSpacing(py)};
32
41
  `
33
42
  : ''}
34
- ${pl ? `padding-left: ${pl};` : ''}
35
- ${pr ? `padding-right: ${pr};` : ''}
36
- ${pt ? `padding-top: ${pt};` : ''}
37
- ${pb ? `padding-bottom: ${pb};` : ''}
43
+ ${pl ? `padding-left: ${resolveSpacing(pl)};` : ''}
44
+ ${pr ? `padding-right: ${resolveSpacing(pr)};` : ''}
45
+ ${pt ? `padding-top: ${resolveSpacing(pt)};` : ''}
46
+ ${pb ? `padding-bottom: ${resolveSpacing(pb)};` : ''}
38
47
  `;
39
48
  };
40
49
  //# sourceMappingURL=space.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"space.js","sourceRoot":"","sources":["../../src/utils/space.tsx"],"names":[],"mappings":"AAmBA,MAAM,CAAC,MAAM,KAAK,GAAY,CAAC,KAAiB,EAAE,EAAE;IAClD,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,KAAK,CAAA;IAEtE,OAAO;MACH,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;MAExB,EAAE;QACA,CAAC,CAAC;qBACW,EAAE;sBACD,EAAE;KACnB;QACG,CAAC,CAAC,EACN;MAEE,EAAE;QACA,CAAC,CAAC;oBACU,EAAE;uBACC,EAAE;KACpB;QACG,CAAC,CAAC,EACN;MACE,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE;MAC/B,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE;MAChC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE;MAC9B,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE;MACjC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;MAEzB,EAAE;QACA,CAAC,CAAC;sBACY,EAAE;uBACD,EAAE;KACpB;QACG,CAAC,CAAC,EACN;MAEE,EAAE;QACA,CAAC,CAAC;qBACW,EAAE;wBACC,EAAE;KACrB;QACG,CAAC,CAAC,EACN;MACE,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE;MAChC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE;MACjC,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE;MAC/B,EAAE,CAAC,CAAC,CAAC,mBAAmB,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE;GACrC,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"space.js","sourceRoot":"","sources":["../../src/utils/space.tsx"],"names":[],"mappings":"AAIA,MAAM,cAAc,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC5C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,OAAO,KAAK,CAAA;KACb;IAED,IAAI,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ,EAAE;QACpC,OAAO,KAAK,CAAC,MAAM,CAAA;KACpB;IAED,OAAO,GAAG,KAAK,CAAC,MAAM,IAAI,CAAA;AAC5B,CAAC,CAAA;AAwBD,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAU,EAAE;IACjD,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,KAAK,CAAA;IAEtE,OAAO;MACH,CAAC,CAAC,CAAC,CAAC,WAAW,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;MAExC,EAAE;QACA,CAAC,CAAC;qBACW,cAAc,CAAC,EAAE,CAAC;sBACjB,cAAc,CAAC,EAAE,CAAC;KACnC;QACG,CAAC,CAAC,EACN;MAEE,EAAE;QACA,CAAC,CAAC;oBACU,cAAc,CAAC,EAAE,CAAC;uBACf,cAAc,CAAC,EAAE,CAAC;KACpC;QACG,CAAC,CAAC,EACN;MACE,EAAE,CAAC,CAAC,CAAC,gBAAgB,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;MAC/C,EAAE,CAAC,CAAC,CAAC,iBAAiB,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;MAChD,EAAE,CAAC,CAAC,CAAC,eAAe,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;MAC9C,EAAE,CAAC,CAAC,CAAC,kBAAkB,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;MACjD,CAAC,CAAC,CAAC,CAAC,YAAY,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;MAEzC,EAAE;QACA,CAAC,CAAC;sBACY,cAAc,CAAC,EAAE,CAAC;uBACjB,cAAc,CAAC,EAAE,CAAC;KACpC;QACG,CAAC,CAAC,EACN;MAEE,EAAE;QACA,CAAC,CAAC;qBACW,cAAc,CAAC,EAAE,CAAC;wBACf,cAAc,CAAC,EAAE,CAAC;KACrC;QACG,CAAC,CAAC,EACN;MACE,EAAE,CAAC,CAAC,CAAC,iBAAiB,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;MAChD,EAAE,CAAC,CAAC,CAAC,kBAAkB,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;MACjD,EAAE,CAAC,CAAC,CAAC,gBAAgB,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;MAC/C,EAAE,CAAC,CAAC,CAAC,mBAAmB,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;GACrD,CAAA;AACH,CAAC,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mrshmllw/smores-react",
3
- "version": "2.3.3",
3
+ "version": "2.4.1",
4
4
  "main": "./dist/index.js",
5
5
  "description": "Collection of React components used by Marshmallow Technology",
6
6
  "keywords": [
@@ -1,9 +0,0 @@
1
- import { FC, ReactNode } from 'react';
2
- declare type Props = {
3
- id: string;
4
- checked: boolean;
5
- children: ReactNode;
6
- toggle: () => void;
7
- };
8
- export declare const CheckBox: FC<Props>;
9
- export {};
@@ -1,67 +0,0 @@
1
- import React from 'react';
2
- import styled from 'styled-components';
3
- import { Text } from '../Text';
4
- import { theme } from '../theme';
5
- export const CheckBox = ({ id, checked, children, toggle }) => (React.createElement(BoxContainer, { id: id },
6
- React.createElement(Text, { tag: "span", typo: "base" }, children),
7
- React.createElement("input", { type: "checkbox", checked: checked, onChange: toggle }),
8
- React.createElement(Checkmark, null)));
9
- const Checkmark = styled.span `
10
- position: absolute;
11
- left: 0;
12
- width: 24px;
13
- height: 24px;
14
- border: solid 1px ${theme.colors.secondary};
15
- box-sizing: border-box;
16
- border-radius: 1px;
17
-
18
- &:after {
19
- content: '';
20
- position: absolute;
21
- display: none;
22
- top: 3px;
23
- left: 7px;
24
- width: 5px;
25
- height: 12px;
26
- border: solid white;
27
- border-width: 0 2px 2px 0;
28
- -webkit-transform: rotate(45deg);
29
- -ms-transform: rotate(45deg);
30
- transform: rotate(45deg);
31
- }
32
- `;
33
- const BoxContainer = styled.label `
34
- position: relative;
35
- display: flex;
36
- align-items: center;
37
- padding-left: 32px;
38
- user-select: none;
39
- cursor: pointer;
40
-
41
- input {
42
- position: absolute;
43
- opacity: 0;
44
- cursor: pointer;
45
-
46
- &:checked ~ ${Checkmark} {
47
- background-color: ${theme.colors.secondary};
48
- border: solid 1px ${theme.colors.secondary};
49
- }
50
-
51
- &:checked ~ ${Checkmark}:after {
52
- display: block;
53
- }
54
- }
55
-
56
- &:hover {
57
- ${Checkmark} {
58
- background-color: ${theme.colors.background};
59
- border: solid 1px ${theme.colors.secondary};
60
- }
61
- }
62
-
63
- @media (min-width: 768px) {
64
- padding-left: 32px;
65
- }
66
- `;
67
- //# sourceMappingURL=CheckBox.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../src/CheckBoxGroup/CheckBox.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,KAAK,EAAE,MAAM,UAAU,CAAA;AAShC,MAAM,CAAC,MAAM,QAAQ,GAAc,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACxE,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE;IAClB,oBAAC,IAAI,IAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,IACzB,QAAQ,CACJ;IAEP,+BAAO,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAI;IAC7D,oBAAC,SAAS,OAAG,CACA,CAChB,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;sBAKP,KAAK,CAAC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;CAkB3C,CAAA;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;kBAaf,SAAS;0BACD,KAAK,CAAC,MAAM,CAAC,SAAS;0BACtB,KAAK,CAAC,MAAM,CAAC,SAAS;;;kBAG9B,SAAS;;;;;;MAMrB,SAAS;0BACW,KAAK,CAAC,MAAM,CAAC,UAAU;0BACvB,KAAK,CAAC,MAAM,CAAC,SAAS;;;;;;;CAO/C,CAAA"}