@universal-tennis/ui-shared 0.0.11 → 0.0.13

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.
Files changed (13) hide show
  1. package/dist/stories/assets/css/typography.css +3 -3
  2. package/dist/stories/atoms/Button/Button.js +19 -1
  3. package/dist/stories/atoms/Button/Button.js.map +1 -1
  4. package/dist/stories/atoms/Button/Button.stories.d.ts +1 -0
  5. package/dist/stories/atoms/Button/Button.stories.js +5 -0
  6. package/dist/stories/atoms/Button/Button.stories.js.map +1 -1
  7. package/dist/stories/atoms/Typography/Typography.js +3 -3
  8. package/dist/stories/atoms/Typography/Typography.js.map +1 -1
  9. package/package.json +1 -1
  10. package/src/stories/assets/css/typography.css +3 -3
  11. package/src/stories/atoms/Button/Button.stories.tsx +6 -0
  12. package/src/stories/atoms/Button/Button.tsx +30 -1
  13. package/src/stories/atoms/Typography/Typography.tsx +3 -3
package/dist/stories/assets/css/typography.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root {
2
- --primary: 'Tungsten A', 'Tungsten B', 'Helvetica', Arial, sans-serif;
3
- --secondary: 'Gotham SSm A', 'Gotham SSm B', 'Helvetica', Arial, sans-serif;
4
- --display: 'UTR Numerals', 'Tungsten A', 'Tungsten B';
2
+ --primary-font: 'Tungsten A', 'Tungsten B', 'Helvetica', Arial, sans-serif;
3
+ --secondary-font: 'Gotham SSm A', 'Gotham SSm B', 'Helvetica', Arial, sans-serif;
4
+ --display-font: 'UTR Numerals', 'Tungsten A', 'Tungsten B';
5
5
  }
6
6
 
7
7
 
package/dist/stories/atoms/Button/Button.js CHANGED
@@ -19,7 +19,10 @@ const StyledButton = styled(MuiButton)({
19
19
  height: '40px',
20
20
  whiteSpace: 'nowrap',
21
21
  lineHeight: '39px',
22
- border: '1px solid transparent'
22
+ border: '1px solid transparent',
23
+ '&:hover': {
24
+ cursor: 'pointer'
25
+ },
23
26
  });
24
27
  const PrimaryButton = styled(StyledButton)((props) => ({
25
28
  backgroundColor: 'var(--black)',
@@ -45,6 +48,19 @@ const SecondaryButton = styled(StyledButton)({
45
48
  borderColor: 'var(--disabled)'
46
49
  },
47
50
  });
51
+ const LinkButton = styled(MuiButton)({
52
+ borderColor: 'transparent',
53
+ backgroundColor: 'transparent',
54
+ color: 'var(--primary)',
55
+ textTransform: 'inherit',
56
+ padding: 0,
57
+ '&:hover': {
58
+ backgroundColor: 'transparent',
59
+ },
60
+ '&:disabled': {
61
+ borderColor: 'var(--disabled)'
62
+ },
63
+ });
48
64
  export default function Button(_a) {
49
65
  var { children, category } = _a, props = __rest(_a, ["children", "category"]);
50
66
  switch (category) {
@@ -54,6 +70,8 @@ export default function Button(_a) {
54
70
  return (React.createElement(PrimaryButton, Object.assign({ isExpanded: true }, props), children));
55
71
  case 'secondary':
56
72
  return (React.createElement(SecondaryButton, Object.assign({}, props), children));
73
+ case 'link':
74
+ return (React.createElement(LinkButton, Object.assign({ disableTouchRipple: true }, props), children));
57
75
  default:
58
76
  return (React.createElement(StyledButton, Object.assign({}, props), children));
59
77
  }
package/dist/stories/atoms/Button/Button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAW9C,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IACrC,YAAY,EAAE,MAAM;IACpB,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,QAAQ;IACjB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,uBAAuB;CAChC,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,KAAwB,EAAE,EAAE,CAAC,CAAC;IACxE,eAAe,EAAE,cAAc;IAC/B,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;IAE5C,SAAS,EAAE;QACT,eAAe,EAAE,qBAAqB;QACtC,WAAW,EAAE,qBAAqB;KACnC;IACD,YAAY,EAAE;QACZ,eAAe,EAAE,sBAAsB;QACvC,WAAW,EAAE,sBAAsB;KACpC;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,eAAe,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;IAC3C,WAAW,EAAE,cAAc;IAC3B,eAAe,EAAE,aAAa;IAC9B,KAAK,EAAE,cAAc;IAErB,SAAS,EAAE;QACT,WAAW,EAAE,qBAAqB;KACnC;IACD,YAAY,EAAE;QACZ,WAAW,EAAE,iBAAiB;KAC/B;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAA6C;QAA7C,EAAE,QAAQ,EAAE,QAAQ,OAAyB,EAApB,KAAK,cAA9B,wBAAgC,CAAF;IAC3D,QAAQ,QAAQ,EAAE;QAChB,KAAK,SAAS;YACZ,OAAO,CACL,oBAAC,aAAa,oBACR,KAAK,GAER,QAAQ,CACK,CACjB,CAAC;QACJ,KAAK,kBAAkB;YACrB,OAAO,CACH,oBAAC,aAAa,kBACZ,UAAU,UACN,KAAK,GAER,QAAQ,CACK,CACnB,CAAC;QACJ,KAAK,WAAW;YACd,OAAO,CACL,oBAAC,eAAe,oBACV,KAAK,GAER,QAAQ,CACO,CACnB,CAAC;QACJ;YACE,OAAO,CACH,oBAAC,YAAY,oBACP,KAAK,GAEV,QAAQ,CACM,CAClB,CAAC;KACL;AACH,CAAC"}
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAW9C,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IACrC,YAAY,EAAE,MAAM;IACpB,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,QAAQ;IACjB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,uBAAuB;IAE/B,SAAS,EAAE;QACT,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,KAAwB,EAAE,EAAE,CAAC,CAAC;IACxE,eAAe,EAAE,cAAc;IAC/B,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;IAE5C,SAAS,EAAE;QACT,eAAe,EAAE,qBAAqB;QACtC,WAAW,EAAE,qBAAqB;KACnC;IACD,YAAY,EAAE;QACZ,eAAe,EAAE,sBAAsB;QACvC,WAAW,EAAE,sBAAsB;KACpC;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,eAAe,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;IAC3C,WAAW,EAAE,cAAc;IAC3B,eAAe,EAAE,aAAa;IAC9B,KAAK,EAAE,cAAc;IAErB,SAAS,EAAE;QACT,WAAW,EAAE,qBAAqB;KACnC;IACD,YAAY,EAAE;QACZ,WAAW,EAAE,iBAAiB;KAC/B;CACF,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IACnC,WAAW,EAAE,aAAa;IAC1B,eAAe,EAAE,aAAa;IAC9B,KAAK,EAAE,gBAAgB;IACvB,aAAa,EAAE,SAAS;IACxB,OAAO,EAAE,CAAC;IAEV,SAAS,EAAE;QACT,eAAe,EAAE,aAAa;KAC/B;IAED,YAAY,EAAE;QACZ,WAAW,EAAE,iBAAiB;KAC/B;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAA6C;QAA7C,EAAE,QAAQ,EAAE,QAAQ,OAAyB,EAApB,KAAK,cAA9B,wBAAgC,CAAF;IAC3D,QAAQ,QAAQ,EAAE;QAChB,KAAK,SAAS;YACZ,OAAO,CACL,oBAAC,aAAa,oBACR,KAAK,GAER,QAAQ,CACK,CACjB,CAAC;QACJ,KAAK,kBAAkB;YACrB,OAAO,CACH,oBAAC,aAAa,kBACZ,UAAU,UACN,KAAK,GAER,QAAQ,CACK,CACnB,CAAC;QACJ,KAAK,WAAW;YACd,OAAO,CACL,oBAAC,eAAe,oBACV,KAAK,GAER,QAAQ,CACO,CACnB,CAAC;QACJ,KAAK,MAAM;YACT,OAAO,CACH,oBAAC,UAAU,kBACT,kBAAkB,UACd,KAAK,GAER,QAAQ,CACE,CAChB,CAAC;QACJ;YACE,OAAO,CACH,oBAAC,YAAY,oBACP,KAAK,GAEV,QAAQ,CACM,CAClB,CAAC;KACL;AACH,CAAC"}
package/dist/stories/atoms/Button/Button.stories.d.ts CHANGED
@@ -12,4 +12,5 @@ export default _default;
12
12
  export declare const Primary: any;
13
13
  export declare const PrimaryExpanded: any;
14
14
  export declare const Secondary: any;
15
+ export declare const Link: any;
15
16
  export declare const Default: any;
package/dist/stories/atoms/Button/Button.stories.js CHANGED
@@ -25,6 +25,11 @@ Secondary.args = {
25
25
  category: "secondary",
26
26
  children: 'Button',
27
27
  };
28
+ export const Link = Template.bind({});
29
+ Link.args = {
30
+ category: "link",
31
+ children: 'Button',
32
+ };
28
33
  export const Default = Template.bind({});
29
34
  Default.args = {
30
35
  children: 'Button',
package/dist/stories/atoms/Button/Button.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,UAAU,CAAC;AAO9B,eAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE;QACR,eAAe,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;KACtC;CACF,CAAC;AAEF,SAAS,QAAQ,CAAC,IAAW;IAC3B,OAAO,oBAAC,MAAM,oBAAK,IAAI,EAAI,CAAC;AAC9B,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACjD,eAAe,CAAC,IAAI,GAAG;IACrB,QAAQ,EAAE,kBAAkB;IAC5B,QAAQ,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IACf,QAAQ,EAAE,WAAW;IACrB,QAAQ,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,QAAQ;CACnB,CAAC"}
1
+ {"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,UAAU,CAAC;AAO9B,eAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE;QACR,eAAe,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;KACtC;CACF,CAAC;AAEF,SAAS,QAAQ,CAAC,IAAW;IAC3B,OAAO,oBAAC,MAAM,oBAAK,IAAI,EAAI,CAAC;AAC9B,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACjD,eAAe,CAAC,IAAI,GAAG;IACrB,QAAQ,EAAE,kBAAkB;IAC5B,QAAQ,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IACf,QAAQ,EAAE,WAAW;IACrB,QAAQ,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtC,IAAI,CAAC,IAAI,GAAG;IACV,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,QAAQ;CACnB,CAAC"}
package/dist/stories/atoms/Typography/Typography.js CHANGED
@@ -47,15 +47,15 @@ const SECONDARY_SIZES = {
47
47
  "xx-small-book": '10px',
48
48
  };
49
49
  const DisplayTypography = styled(MuiTypography)((props) => ({
50
- fontFamily: 'var(--display)',
50
+ fontFamily: 'var(--display-font)',
51
51
  fontSize: DISPLAY_SIZES[props.size],
52
52
  }));
53
53
  const PrimaryTypography = styled(MuiTypography)((props) => ({
54
- fontFamily: 'var(--primary)',
54
+ fontFamily: 'var(--primary-font)',
55
55
  fontSize: PRIMARY_SIZES[props.size],
56
56
  }));
57
57
  const SecondaryTypography = styled(MuiTypography)((props) => ({
58
- fontFamily: 'var(--secondary)',
58
+ fontFamily: 'var(--secondary-font)',
59
59
  fontSize: SECONDARY_SIZES[props.size],
60
60
  textTransform: props.isCap ? 'uppercase' : 'inherit'
61
61
  }));
package/dist/stories/atoms/Typography/Typography.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Typography/Typography.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Typography/Typography.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,aAAa,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,iCAAiC,CAAC;AAazC,MAAM,aAAa,GAAG;IACpB,WAAW,EAAE,OAAO;IACpB,UAAU,EAAE,OAAO;IACnB,SAAS,EAAE,MAAM;IACjB,KAAK,EAAE,MAAM;IACb,aAAa,EAAE,MAAM;IACrB,aAAa,EAAE,MAAM;CACtB,CAAC;AAEF,MAAM,aAAa,GAAG;IACpB,YAAY,EAAE,MAAM;IACpB,YAAY,EAAE,MAAM;IACpB,aAAa,EAAE,MAAM;IACrB,iBAAiB,EAAE,MAAM;IACzB,eAAe,EAAE,MAAM;IACvB,aAAa,EAAE,MAAM;IACrB,YAAY,EAAE,MAAM;IACpB,cAAc,EAAE,MAAM;CACvB,CAAC;AAEF,MAAM,eAAe,GAAG;IACtB,cAAc,EAAE,MAAM;IACtB,YAAY,EAAE,MAAM;IACpB,eAAe,EAAE,MAAM;IACvB,aAAa,EAAE,MAAM;IACrB,kBAAkB,EAAE,MAAM;IAC1B,cAAc,EAAE,MAAM;IACtB,YAAY,EAAE,MAAM;IACpB,oBAAoB,EAAE,MAAM;IAC5B,gBAAgB,EAAE,MAAM;IACxB,kBAAkB,EAAE,MAAM;IAC1B,cAAc,EAAE,MAAM;IACtB,qBAAqB,EAAE,MAAM;IAC7B,eAAe,EAAE,MAAM;CACxB,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,KAAyB,EAAE,EAAE,CAAC,CAAC;IAC9E,UAAU,EAAE,qBAAqB;IACjC,QAAQ,EAAE,aAAa,CAAC,KAAK,CAAC,IAAkC,CAAC;CAClE,CAAC,CAAC,CAAC;AAEJ,MAAM,iBAAiB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,KAAyB,EAAE,EAAE,CAAC,CAAC;IAC9E,UAAU,EAAE,qBAAqB;IACjC,QAAQ,EAAE,aAAa,CAAC,KAAK,CAAC,IAAkC,CAAC;CAClE,CAAC,CAAC,CAAC;AAEJ,MAAM,mBAAmB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,KAAyB,EAAE,EAAE,CAAC,CAAC;IAChF,UAAU,EAAE,uBAAuB;IACnC,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,IAAoC,CAAC;IACrE,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;CACrD,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAEjB;QAFiB,EACjC,QAAQ,EAAE,QAAQ,EAAE,IAAI,OACR,EADa,KAAK,cADD,gCAElC,CADmC;IAElC,MAAM,KAAK,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpC,QAAQ,QAAQ,EAAE;QAChB,KAAK,SAAS;YACZ,OAAO,CACL,oBAAC,iBAAiB,kBAChB,IAAI,EAAE,IAAI,IACN,KAAK,GAER,QAAQ,CACS,CACrB,CAAC;QACJ,KAAK,WAAW;YACd,OAAO,CACL,oBAAC,mBAAmB,kBAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,IACR,KAAK,GAER,QAAQ,CACW,CACvB,CAAC;QACJ,KAAK,SAAS;YACZ,OAAO,CACL,oBAAC,iBAAiB,kBAChB,IAAI,EAAE,IAAI,IACN,KAAK,GAER,QAAQ,CACS,CACrB,CAAC;QACJ;YACE,OAAO,CACH,oBAAC,iBAAiB,kBAChB,IAAI,EAAE,IAAI,IACN,KAAK,GAEV,QAAQ,CACW,CACvB,CAAC;KACL;AACH,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@universal-tennis/ui-shared",
3
- "version": "0.0.11",
3
+ "version": "0.0.13",
4
4
  "main": "dist/items.js",
5
5
  "license": "MIT",
6
6
  "homepage": "https://universaltennis.com",
package/src/stories/assets/css/typography.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root {
2
- --primary: 'Tungsten A', 'Tungsten B', 'Helvetica', Arial, sans-serif;
3
- --secondary: 'Gotham SSm A', 'Gotham SSm B', 'Helvetica', Arial, sans-serif;
4
- --display: 'UTR Numerals', 'Tungsten A', 'Tungsten B';
2
+ --primary-font: 'Tungsten A', 'Tungsten B', 'Helvetica', Arial, sans-serif;
3
+ --secondary-font: 'Gotham SSm A', 'Gotham SSm B', 'Helvetica', Arial, sans-serif;
4
+ --display-font: 'UTR Numerals', 'Tungsten A', 'Tungsten B';
5
5
  }
6
6
 
7
7
 
package/src/stories/atoms/Button/Button.stories.tsx CHANGED
@@ -37,6 +37,12 @@ Secondary.args = {
37
37
  children: 'Button',
38
38
  };
39
39
 
40
+ export const Link = Template.bind({});
41
+ Link.args = {
42
+ category: "link",
43
+ children: 'Button',
44
+ };
45
+
40
46
  export const Default = Template.bind({});
41
47
  Default.args = {
42
48
  children: 'Button',
package/src/stories/atoms/Button/Button.tsx CHANGED
@@ -18,7 +18,11 @@ const StyledButton = styled(MuiButton)({
18
18
  height: '40px',
19
19
  whiteSpace: 'nowrap',
20
20
  lineHeight: '39px',
21
- border: '1px solid transparent'
21
+ border: '1px solid transparent',
22
+
23
+ '&:hover': {
24
+ cursor: 'pointer'
25
+ },
22
26
  });
23
27
 
24
28
  const PrimaryButton = styled(StyledButton)((props: StyledButtonProps) => ({
@@ -49,6 +53,22 @@ const SecondaryButton = styled(StyledButton)({
49
53
  },
50
54
  });
51
55
 
56
+ const LinkButton = styled(MuiButton)({
57
+ borderColor: 'transparent',
58
+ backgroundColor: 'transparent',
59
+ color: 'var(--primary)',
60
+ textTransform: 'inherit',
61
+ padding: 0,
62
+
63
+ '&:hover': {
64
+ backgroundColor: 'transparent',
65
+ },
66
+
67
+ '&:disabled': {
68
+ borderColor: 'var(--disabled)'
69
+ },
70
+ });
71
+
52
72
  export default function Button({ children, category, ...props }: ButtonProps) {
53
73
  switch (category) {
54
74
  case 'primary':
@@ -76,6 +96,15 @@ export default function Button({ children, category, ...props }: ButtonProps) {
76
96
  {children}
77
97
  </SecondaryButton>
78
98
  );
99
+ case 'link':
100
+ return (
101
+ <LinkButton
102
+ disableTouchRipple
103
+ {...props}
104
+ >
105
+ {children}
106
+ </LinkButton>
107
+ );
79
108
  default:
80
109
  return (
81
110
  <StyledButton
package/src/stories/atoms/Typography/Typography.tsx CHANGED
@@ -51,17 +51,17 @@ const SECONDARY_SIZES = {
51
51
  };
52
52
 
53
53
  const DisplayTypography = styled(MuiTypography)((props: MuiTypographyProps) => ({
54
- fontFamily: 'var(--display)',
54
+ fontFamily: 'var(--display-font)',
55
55
  fontSize: DISPLAY_SIZES[props.size as keyof typeof DISPLAY_SIZES],
56
56
  }));
57
57
 
58
58
  const PrimaryTypography = styled(MuiTypography)((props: MuiTypographyProps) => ({
59
- fontFamily: 'var(--primary)',
59
+ fontFamily: 'var(--primary-font)',
60
60
  fontSize: PRIMARY_SIZES[props.size as keyof typeof PRIMARY_SIZES],
61
61
  }));
62
62
 
63
63
  const SecondaryTypography = styled(MuiTypography)((props: MuiTypographyProps) => ({
64
- fontFamily: 'var(--secondary)',
64
+ fontFamily: 'var(--secondary-font)',
65
65
  fontSize: SECONDARY_SIZES[props.size as keyof typeof SECONDARY_SIZES],
66
66
  textTransform: props.isCap ? 'uppercase' : 'inherit'
67
67
  }));