@trafilea/afrodita-components 4.0.2-beta.6 → 4.0.2-beta.7

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.
@@ -8,6 +8,7 @@ export interface BaseButtonProps {
8
8
  type?: ButtonType;
9
9
  onClick: () => void;
10
10
  className?: string;
11
+ inline?: boolean;
11
12
  }
12
- declare const BaseButton: ({ children, renderLeading, renderTrailing, disabled, type, onClick, className, }: BaseButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
13
+ declare const BaseButton: ({ children, renderLeading, renderTrailing, disabled, type, onClick, className, inline, }: BaseButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
13
14
  export default BaseButton;
@@ -2,7 +2,7 @@ import { Story } from '@storybook/react';
2
2
  import { BaseButtonProps } from './BaseButton';
3
3
  declare const _default: {
4
4
  title: string;
5
- component: ({ children, renderLeading, renderTrailing, disabled, type, onClick, className, }: BaseButtonProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
5
+ component: ({ children, renderLeading, renderTrailing, disabled, type, onClick, className, inline, }: BaseButtonProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
6
6
  disabled: {
7
7
  options: boolean[];
8
8
  control: {
package/build/index.d.ts CHANGED
@@ -487,6 +487,7 @@ interface BaseButtonProps {
487
487
  type?: ButtonType;
488
488
  onClick: () => void;
489
489
  className?: string;
490
+ inline?: boolean;
490
491
  }
491
492
 
492
493
  declare type BaseProps = Pick<BaseButtonProps, 'disabled' | 'type' | 'onClick'>;
@@ -3481,9 +3481,9 @@ function jsxs(type, props, key) {
3481
3481
  }
3482
3482
 
3483
3483
  var BaseButton = function (_a) {
3484
- var children = _a.children, renderLeading = _a.renderLeading, renderTrailing = _a.renderTrailing, disabled = _a.disabled, _b = _a.type, type = _b === void 0 ? 'button' : _b, onClick = _a.onClick, className = _a.className;
3484
+ var children = _a.children, renderLeading = _a.renderLeading, renderTrailing = _a.renderTrailing, disabled = _a.disabled, _b = _a.type, type = _b === void 0 ? 'button' : _b, onClick = _a.onClick, className = _a.className, inline = _a.inline;
3485
3485
  return (jsxs("button", __assign({ onClick: onClick, disabled: disabled, className: className, type: type, css: {
3486
- display: 'flex',
3486
+ display: inline ? 'inherit-flex' : 'flex',
3487
3487
  justifyContent: 'center',
3488
3488
  alignItems: 'center',
3489
3489
  padding: '0.75rem 2rem',
@@ -3521,7 +3521,7 @@ var BaseCTA = function (_a) {
3521
3521
  var text = _a.text, onClick = _a.onClick, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.wide, wide = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? ComponentSize.Medium : _d, type = _a.type, className = _a.className;
3522
3522
  var theme = useTheme();
3523
3523
  var stylesBySize = getStylesBySize$9(size, theme);
3524
- return (jsx(BaseButton, __assign({ onClick: onClick, disabled: disabled, className: className, type: type, css: __assign(__assign({ width: wide ? '100%' : '' }, stylesBySize), { fontWeight: theme.component.button.fontWeight, borderRadius: "".concat(theme.component.button.borderRadius), cursor: 'pointer', '&:disabled': {
3524
+ return (jsx(BaseButton, __assign({ onClick: onClick, disabled: disabled, className: className, type: type, css: __assign(__assign({ width: wide ? '100%' : 'fit-content' }, stylesBySize), { fontWeight: theme.component.button.fontWeight, borderRadius: "".concat(theme.component.button.borderRadius), cursor: 'pointer', '&:disabled': {
3525
3525
  backgroundColor: theme.colors.background.disabled,
3526
3526
  color: theme.colors.text.disabled,
3527
3527
  cursor: 'not-allowed',
package/build/index.js CHANGED
@@ -3489,9 +3489,9 @@ function jsxs(type, props, key) {
3489
3489
  }
3490
3490
 
3491
3491
  var BaseButton = function (_a) {
3492
- var children = _a.children, renderLeading = _a.renderLeading, renderTrailing = _a.renderTrailing, disabled = _a.disabled, _b = _a.type, type = _b === void 0 ? 'button' : _b, onClick = _a.onClick, className = _a.className;
3492
+ var children = _a.children, renderLeading = _a.renderLeading, renderTrailing = _a.renderTrailing, disabled = _a.disabled, _b = _a.type, type = _b === void 0 ? 'button' : _b, onClick = _a.onClick, className = _a.className, inline = _a.inline;
3493
3493
  return (jsxs("button", __assign({ onClick: onClick, disabled: disabled, className: className, type: type, css: {
3494
- display: 'flex',
3494
+ display: inline ? 'inherit-flex' : 'flex',
3495
3495
  justifyContent: 'center',
3496
3496
  alignItems: 'center',
3497
3497
  padding: '0.75rem 2rem',
@@ -3529,7 +3529,7 @@ var BaseCTA = function (_a) {
3529
3529
  var text = _a.text, onClick = _a.onClick, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.wide, wide = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? exports.ComponentSize.Medium : _d, type = _a.type, className = _a.className;
3530
3530
  var theme = useTheme();
3531
3531
  var stylesBySize = getStylesBySize$9(size, theme);
3532
- return (jsx(BaseButton, __assign({ onClick: onClick, disabled: disabled, className: className, type: type, css: __assign(__assign({ width: wide ? '100%' : '' }, stylesBySize), { fontWeight: theme.component.button.fontWeight, borderRadius: "".concat(theme.component.button.borderRadius), cursor: 'pointer', '&:disabled': {
3532
+ return (jsx(BaseButton, __assign({ onClick: onClick, disabled: disabled, className: className, type: type, css: __assign(__assign({ width: wide ? '100%' : 'fit-content' }, stylesBySize), { fontWeight: theme.component.button.fontWeight, borderRadius: "".concat(theme.component.button.borderRadius), cursor: 'pointer', '&:disabled': {
3533
3533
  backgroundColor: theme.colors.background.disabled,
3534
3534
  color: theme.colors.text.disabled,
3535
3535
  cursor: 'not-allowed',
@@ -26,25 +26,6 @@ var __assign = function() {
26
26
  return __assign.apply(this, arguments);
27
27
  };
28
28
 
29
- /* istanbul ignore next */
30
- function color(color, contrast, softColor, softContrast) {
31
- return {
32
- color: color,
33
- contrast: contrast,
34
- soft: {
35
- color: softColor,
36
- contrast: softContrast,
37
- },
38
- };
39
- }
40
- /* istanbul ignore next */
41
- function basic(color, contrast) {
42
- return {
43
- color: color,
44
- contrast: contrast,
45
- };
46
- }
47
-
48
29
  var shapermint = {
49
30
  name: 'Shapermint',
50
31
  fontSizes: [10, 12, 14, 16, 18, 20, 24, 30, 36, 42, 52, 60, 68, 72, 76],
@@ -56,42 +37,122 @@ var shapermint = {
56
37
  },
57
38
  colors: {
58
39
  pallete: {
59
- primary: __assign(__assign({}, color('#f7a08b', '--colors-shades-700-color', '#fcd9d1', '--colors-shades-700-color')), { 20: color('fdece8', '--colors-shades-700-color', '#fef7f6', '--colors-shades-700-color'), 40: color('#fcd9d1', '--colors-shades-700-color', '#fef0ed', '--colors-shades-700-color'), 60: color('#fac6b9', '--colors-shades-700-color', '#fde8e3', '--colors-shades-700-color'), 80: color('#f9b3a2', '--colors-shades-700-color', '#fde1da', '--colors-shades-700-color') }),
60
- secondary: __assign(__assign({}, color('#292929', '--colors-shades-white-color', '#bbbbbb', '--colors-shades-700-color')), { 20: color('#d4d4d4', '--colors-shades-700-color', '#f1f1f1', '--colors-shades-700-color'), 40: color('#a9a9a9', '--colors-shades-700-color', '#e4e4e4', '--colors-shades-700-color'), 60: color('#7f7f7f', '--colors-shades-white-color', '#d6d6d6', '--colors-shades-700-color'), 80: color('#545454', '--colors-shades-white-color', '#c9c9c9', '--colors-shades-700-color') }),
61
- // prettier-ignore
62
- ocean: color('#2B526D', '--colors-shades-white-color', '#BFCBD3', '--colors-shades-700-color'),
40
+ primary: {
41
+ color: '#f7a08b',
42
+ contrast: '--colors-shades-700-color',
43
+ soft: {
44
+ color: '#fcd9d1',
45
+ contrast: '--colors-shades-700-color',
46
+ },
47
+ 20: {
48
+ color: '#fdece8',
49
+ contrast: '--colors-shades-700-color',
50
+ soft: {
51
+ color: '#fef7f6',
52
+ contrast: '--colors-shades-700-color',
53
+ },
54
+ },
55
+ 40: {
56
+ color: '#fcd9d1',
57
+ contrast: '--colors-shades-700-color',
58
+ soft: {
59
+ color: '#fef0ed',
60
+ contrast: '--colors-shades-700-color',
61
+ },
62
+ },
63
+ 60: {
64
+ color: '#fac6b9',
65
+ contrast: '--colors-shades-700-color',
66
+ soft: {
67
+ color: '#fde8e3',
68
+ contrast: '--colors-shades-700-color',
69
+ },
70
+ },
71
+ 80: {
72
+ color: '#f9b3a2',
73
+ contrast: '--colors-shades-700-color',
74
+ soft: {
75
+ color: '#fde1da',
76
+ contrast: '--colors-shades-700-color',
77
+ },
78
+ },
79
+ },
80
+ secondary: __assign({
81
+ color: '#292929',
82
+ contrast: '--colors-shades-white-color',
83
+ soft: {
84
+ color: '#bbbbbb',
85
+ contrast: '--colors-shades-700-color',
86
+ },
87
+ }, { 20: {
88
+ color: '#d4d4d4',
89
+ contrast: '--colors-shades-700-color',
90
+ soft: {
91
+ color: '#f1f1f1',
92
+ contrast: '--colors-shades-700-color',
93
+ },
94
+ }, 40: {
95
+ color: '#a9a9a9',
96
+ contrast: '--colors-shades-700-color',
97
+ soft: {
98
+ color: '#e4e4e4',
99
+ contrast: '--colors-shades-700-color',
100
+ },
101
+ }, 60: {
102
+ color: '#7f7f7f',
103
+ contrast: '--colors-shades-white-color',
104
+ soft: {
105
+ color: '#d6d6d6',
106
+ contrast: '--colors-shades-700-color',
107
+ },
108
+ }, 80: {
109
+ color: '#545454',
110
+ contrast: '--colors-shades-white-color',
111
+ soft: {
112
+ color: '#c9c9c9',
113
+ contrast: '--colors-shades-700-color',
114
+ },
115
+ } }),
116
+ ocean: {
117
+ color: '#2B526D',
118
+ contrast: '--colors-shades-white-color',
119
+ soft: {
120
+ color: '#BFCBD3',
121
+ contrast: '--colors-shades-700-color',
122
+ },
123
+ },
63
124
  },
64
125
  shades: {
65
- black: basic('#000', '--colors-shades-white-color'),
66
- white: basic('#fff', '--colors-shades-700-color'),
67
- 5: basic('#fafafa', '--colors-shades-700-color'),
68
- 10: basic('#f7f7f7', '--colors-shades-700-color'),
69
- 50: basic('#efefef', '--colors-shades-700-color'),
70
- 100: basic('#e5e5e5', '--colors-shades-700-color'),
71
- 150: basic('#d1d1d1', '--colors-shades-700-color'),
72
- 200: basic('#bbbbbb', '--colors-shades-700-color'),
73
- 250: basic('#a6a6a6', '--colors-shades-700-color'),
74
- 300: basic('#9e9e9e', '--colors-shades-700-color'),
75
- 350: basic('#949494', '--colors-shades-700-color'),
76
- 400: basic('#808080', '--colors-shades-700-color'),
77
- 450: basic('#767676', '--colors-shades-700-color'),
78
- 500: basic('#5a5a5a', '--colors-shades-white-color'),
79
- 550: basic('#3a3a3a', '--colors-shades-white-color'),
80
- 600: basic('#343434', '--colors-shades-white-color'),
81
- 650: basic('#2d2d2d', '--colors-shades-white-color'),
82
- 700: basic('#292929', '--colors-shades-white-color'),
83
- 750: basic('#232323', '--colors-shades-white-color'),
84
- 800: basic('#202020', '--colors-shades-white-color'),
85
- 850: basic('#1b1b1b', '--colors-shades-white-color'),
86
- 900: basic('#191919', '--colors-shades-white-color'),
87
- 950: basic('#141414', '--colors-shades-white-color'),
88
- 990: basic('#0b0b0b', '--colors-shades-white-color'),
126
+ black: { color: '#000', contrast: '--colors-shades-white-color' },
127
+ white: { color: '#fff', contrast: '--colors-shades-700-color' },
128
+ 5: { color: '#fafafa', contrast: '--colors-shades-700-color' },
129
+ 10: { color: '#f7f7f7', contrast: '--colors-shades-700-color' },
130
+ 50: { color: '#efefef', contrast: '--colors-shades-700-color' },
131
+ 100: { color: '#e5e5e5', contrast: '--colors-shades-700-color' },
132
+ 150: { color: '#d1d1d1', contrast: '--colors-shades-700-color' },
133
+ 200: { color: '#bbbbbb', contrast: '--colors-shades-700-color' },
134
+ 250: { color: '#a6a6a6', contrast: '--colors-shades-700-color' },
135
+ 300: { color: '#9e9e9e', contrast: '--colors-shades-700-color' },
136
+ 350: { color: '#949494', contrast: '--colors-shades-700-color' },
137
+ 400: { color: '#808080', contrast: '--colors-shades-700-color' },
138
+ 450: { color: '#767676', contrast: '--colors-shades-700-color' },
139
+ 500: { color: '#5a5a5a', contrast: '--colors-shades-white-color' },
140
+ 550: { color: '#3a3a3a', contrast: '--colors-shades-white-color' },
141
+ 600: { color: '#343434', contrast: '--colors-shades-white-color' },
142
+ 650: { color: '#2d2d2d', contrast: '--colors-shades-white-color' },
143
+ 700: { color: '#292929', contrast: '--colors-shades-white-color' },
144
+ 750: { color: '#232323', contrast: '--colors-shades-white-color' },
145
+ 800: { color: '#202020', contrast: '--colors-shades-white-color' },
146
+ 850: { color: '#1b1b1b', contrast: '--colors-shades-white-color' },
147
+ 900: { color: '#191919', contrast: '--colors-shades-white-color' },
148
+ 950: { color: '#141414', contrast: '--colors-shades-white-color' },
149
+ 990: { color: '#0b0b0b', contrast: '--colors-shades-white-color' },
89
150
  },
90
151
  semantic: {
91
- positive: basic('#2f806a', '--colors-shades-white-color'),
92
- urgent: basic('#c64844', '--colors-shades-white-color'),
93
- attention: basic('#f2d96f', '--colors-shades-700-color'),
94
- informative: basic('#0a609b', '--colors-shades-700-color'),
152
+ positive: { color: '#2f806a', contrast: '--colors-shades-white-color' },
153
+ urgent: { color: '#c64844', contrast: '--colors-shades-white-color' },
154
+ attention: { color: '#f2d96f', contrast: '--colors-shades-700-color' },
155
+ informative: { color: '#0a609b', contrast: '--colors-shades-700-color' },
95
156
  },
96
157
  border: {
97
158
  color: '',
@@ -26,25 +26,6 @@ var __assign = function() {
26
26
  return __assign.apply(this, arguments);
27
27
  };
28
28
 
29
- /* istanbul ignore next */
30
- function color(color, contrast, softColor, softContrast) {
31
- return {
32
- color: color,
33
- contrast: contrast,
34
- soft: {
35
- color: softColor,
36
- contrast: softContrast,
37
- },
38
- };
39
- }
40
- /* istanbul ignore next */
41
- function basic(color, contrast) {
42
- return {
43
- color: color,
44
- contrast: contrast,
45
- };
46
- }
47
-
48
29
  var truekind = {
49
30
  name: 'Truekind',
50
31
  fontSizes: [10, 12, 14, 16, 18, 20, 24, 30, 36, 42, 52, 60, 68, 72, 76],
@@ -56,41 +37,80 @@ var truekind = {
56
37
  },
57
38
  colors: {
58
39
  pallete: {
59
- primary: __assign(__assign({}, color('#cc4125', '--colors-shades-white-color', '', '')), { 20: color('#f5d9d3', '--colors-shades-700-color', '', ''), 40: color('#ebb3a8', '--colors-shades-700-color', '', ''), 60: color('#e08d7c', '--colors-shades-700-color', '', ''), 80: color('#d66751', '--colors-shades-700-color', '', '') }),
60
- secondary: __assign(__assign({}, color('#292929', '--colors-shades-white-color', '#bbbbbb', '--colors-shades-700-color')), { 20: color('#d4d4d4', '--colors-shades-700-color', '#f1f1f1', '--colors-shades-700-color'), 40: color('#a9a9a9', '--colors-shades-700-color', '#e4e4e4', '--colors-shades-700-color'), 60: color('#7f7f7f', '--colors-shades-white-color', '#d6d6d6', '--colors-shades-700-color'), 80: color('#545454', '--colors-shades-white-color', '#c9c9c9', '--colors-shades-700-color') }),
61
- cloud: color('#', '#', '#', '#'),
40
+ primary: __assign({
41
+ color: '#cc4125',
42
+ contrast: '--colors-shades-white-color',
43
+ soft: { color: '', contrast: '' },
44
+ }, { 20: {
45
+ color: '#f5d9d3',
46
+ contrast: '--colors-shades-700-color',
47
+ soft: { color: '', contrast: '' },
48
+ }, 40: {
49
+ color: '#ebb3a8',
50
+ contrast: '--colors-shades-700-color',
51
+ soft: { color: '', contrast: '' },
52
+ }, 60: {
53
+ color: '#e08d7c',
54
+ contrast: '--colors-shades-700-color',
55
+ soft: { color: '', contrast: '' },
56
+ }, 80: {
57
+ color: '#d66751',
58
+ contrast: '--colors-shades-700-color',
59
+ soft: { color: '', contrast: '' },
60
+ } }),
61
+ secondary: __assign({
62
+ color: '#292929',
63
+ contrast: '--colors-shades-white-color',
64
+ soft: { color: '#bbbbbb', contrast: '--colors-shades-700-color' },
65
+ }, { 20: {
66
+ color: '#d4d4d4',
67
+ contrast: '--colors-shades-700-color',
68
+ soft: { color: '#f1f1f1', contrast: '--colors-shades-700-color' },
69
+ }, 40: {
70
+ color: '#a9a9a9',
71
+ contrast: '--colors-shades-700-color',
72
+ soft: { color: '#e4e4e4', contrast: '--colors-shades-700-color' },
73
+ }, 60: {
74
+ color: '#7f7f7f',
75
+ contrast: '--colors-shades-white-color',
76
+ soft: { color: '#d6d6d6', contrast: '--colors-shades-700-color' },
77
+ }, 80: {
78
+ color: '#545454',
79
+ contrast: '--colors-shades-white-color',
80
+ soft: { color: '#c9c9c9', contrast: '--colors-shades-700-color' },
81
+ } }),
62
82
  },
63
83
  shades: {
64
- black: basic('#000', '--colors-shades-white-color'),
65
- white: basic('#fff', '--colors-shades-700-color'),
66
- 5: basic('#fafafa', '--colors-shades-700-color'),
67
- 10: basic('#f7f7f7', '--colors-shades-700-color'),
68
- 50: basic('#efefef', '--colors-shades-700-color'),
69
- 100: basic('#e5e5e5', '--colors-shades-700-color'),
70
- 150: basic('#d1d1d1', '--colors-shades-700-color'),
71
- 200: basic('#bbbbbb', '--colors-shades-700-color'),
72
- 250: basic('#a6a6a6', '--colors-shades-700-color'),
73
- 300: basic('#9e9e9e', '--colors-shades-700-color'),
74
- 350: basic('#949494', '--colors-shades-700-color'),
75
- 400: basic('#808080', '--colors-shades-700-color'),
76
- 450: basic('#767676', '--colors-shades-700-color'),
77
- 500: basic('#5a5a5a', '--colors-shades-white-color'),
78
- 550: basic('#3a3a3a', '--colors-shades-white-color'),
79
- 600: basic('#343434', '--colors-shades-white-color'),
80
- 650: basic('#2d2d2d', '--colors-shades-white-color'),
81
- 700: basic('#292929', '--colors-shades-white-color'),
82
- 750: basic('#232323', '--colors-shades-white-color'),
83
- 800: basic('#202020', '--colors-shades-white-color'),
84
- 850: basic('#1b1b1b', '--colors-shades-white-color'),
85
- 900: basic('#191919', '--colors-shades-white-color'),
86
- 950: basic('#141414', '--colors-shades-white-color'),
87
- 990: basic('#0b0b0b', '--colors-shades-white-color'),
84
+ black: { color: '#000', contrast: '--colors-shades-white-color' },
85
+ white: { color: '#fff', contrast: '--colors-shades-700-color' },
86
+ 5: { color: '#fafafa', contrast: '--colors-shades-700-color' },
87
+ 10: { color: '#f7f7f7', contrast: '--colors-shades-700-color' },
88
+ 50: { color: '#efefef', contrast: '--colors-shades-700-color' },
89
+ 100: { color: '#e5e5e5', contrast: '--colors-shades-700-color' },
90
+ 150: { color: '#d1d1d1', contrast: '--colors-shades-700-color' },
91
+ 200: { color: '#bbbbbb', contrast: '--colors-shades-700-color' },
92
+ 250: { color: '#a6a6a6', contrast: '--colors-shades-700-color' },
93
+ 300: { color: '#9e9e9e', contrast: '--colors-shades-700-color' },
94
+ 350: { color: '#949494', contrast: '--colors-shades-700-color' },
95
+ 400: { color: '#808080', contrast: '--colors-shades-700-color' },
96
+ 450: { color: '#767676', contrast: '--colors-shades-700-color' },
97
+ 500: { color: '#5a5a5a', contrast: '--colors-shades-white-color' },
98
+ 550: { color: '#3a3a3a', contrast: '--colors-shades-white-color' },
99
+ 600: { color: '#343434', contrast: '--colors-shades-white-color' },
100
+ 650: { color: '#2d2d2d', contrast: '--colors-shades-white-color' },
101
+ 700: { color: '#292929', contrast: '--colors-shades-white-color' },
102
+ 750: { color: '#232323', contrast: '--colors-shades-white-color' },
103
+ 800: { color: '#202020', contrast: '--colors-shades-white-color' },
104
+ 850: { color: '#1b1b1b', contrast: '--colors-shades-white-color' },
105
+ 900: { color: '#191919', contrast: '--colors-shades-white-color' },
106
+ 950: { color: '#141414', contrast: '--colors-shades-white-color' },
107
+ 990: { color: '#0b0b0b', contrast: '--colors-shades-white-color' },
88
108
  },
89
109
  semantic: {
90
- positive: basic('#2579C8', '--colors-shades-white-color'),
91
- urgent: basic('#D82A2D', '--colors-shades-white-color'),
92
- attention: basic('#FFA877', '--colors-shades-700-color'),
93
- informative: basic('#686872', '--colors-shades-white-color'),
110
+ positive: { color: '#2579C8', contrast: '--colors-shades-white-color' },
111
+ urgent: { color: '#D82A2D', contrast: '--colors-shades-white-color' },
112
+ attention: { color: '#FFA877', contrast: '--colors-shades-700-color' },
113
+ informative: { color: '#686872', contrast: '--colors-shades-white-color' },
94
114
  },
95
115
  border: {
96
116
  color: '',
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Trafilea's Design System",
4
4
  "author": "Trafilea",
5
5
  "repository": "https://github.com/trafilea/afrodita-components",
6
- "version": "4.0.2-beta.6",
6
+ "version": "4.0.2-beta.7",
7
7
  "private": false,
8
8
  "main": "build/index.js",
9
9
  "style": "build/index.css",