@toptal/picasso-paper 2.0.3 → 2.0.4

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 (5) hide show
  1. package/dist-package/src/Paper/Paper.d.ts.map +1 -1
  2. package/dist-package/src/Paper/Paper.js +30 -19
  3. package/dist-package/src/Paper/Paper.js.map +1 -1
  4. package/package.json +1 -1
  5. package/src/Paper/Paper.tsx +31 -10
package/dist-package/src/Paper/Paper.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Paper.d.ts","sourceRoot":"","sources":["../../../src/Paper/Paper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAGvD,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC;IACtE,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,KAAK,8EA6BhB,CAAA;AAQF,eAAe,KAAK,CAAA"}
1
+ {"version":3,"file":"Paper.d.ts","sourceRoot":"","sources":["../../../src/Paper/Paper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAGvD,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC;IACtE,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AA+BD,eAAO,MAAM,KAAK,8EAqBhB,CAAA;AAQF,eAAe,KAAK,CAAA"}
package/dist-package/src/Paper/Paper.js CHANGED
@@ -11,26 +11,37 @@ var __rest = (this && this.__rest) || function (s, e) {
11
11
  };
12
12
  import React, { forwardRef } from 'react';
13
13
  import { twMerge } from 'tailwind-merge';
14
+ // TODO: [FX-5003] Deprecate legacy shadow classes
15
+ const shadowsMapping = {
16
+ 0: 'shadow-0',
17
+ 1: 'shadow-1',
18
+ 2: 'shadow-2',
19
+ 3: 'shadow-3',
20
+ 4: 'shadow-4',
21
+ 5: 'shadow-5',
22
+ 6: 'shadow-6',
23
+ 7: 'shadow-7',
24
+ 8: 'shadow-8',
25
+ 9: 'shadow-9',
26
+ 10: 'shadow-10',
27
+ 11: 'shadow-11',
28
+ 12: 'shadow-12',
29
+ 13: 'shadow-13',
30
+ 14: 'shadow-14',
31
+ 15: 'shadow-15',
32
+ 16: 'shadow-16',
33
+ 17: 'shadow-17',
34
+ 18: 'shadow-18',
35
+ 19: 'shadow-19',
36
+ 20: 'shadow-20',
37
+ 21: 'shadow-21',
38
+ 22: 'shadow-22',
39
+ 23: 'shadow-23',
40
+ 24: 'shadow-24',
41
+ };
14
42
  export const Paper = forwardRef(function Paper(props, ref) {
15
- const { className, elevation, style, children } = props, rest = __rest(props
16
- /*
17
- TODO: [FX-5003] Deprecate legacy shadow classes
18
-
19
- Use complete class names in comment, so Tailwind includes all of them in the build
20
- .shadow-0 .shadow-1 .shadow-2 .shadow-3 .shadow-4 .shadow-5 .shadow-6 .shadow-7
21
- .shadow-8 .shadow-9 .shadow-10 .shadow-11 .shadow-12 .shadow-13 .shadow-14 .shadow-15
22
- .shadow-16 .shadow-17 .shadow-18 .shadow-19 .shadow-20 .shadow-21 .shadow-22 .shadow-23 .shadow-24
23
- */
24
- , ["className", "elevation", "style", "children"]);
25
- /*
26
- TODO: [FX-5003] Deprecate legacy shadow classes
27
-
28
- Use complete class names in comment, so Tailwind includes all of them in the build
29
- .shadow-0 .shadow-1 .shadow-2 .shadow-3 .shadow-4 .shadow-5 .shadow-6 .shadow-7
30
- .shadow-8 .shadow-9 .shadow-10 .shadow-11 .shadow-12 .shadow-13 .shadow-14 .shadow-15
31
- .shadow-16 .shadow-17 .shadow-18 .shadow-19 .shadow-20 .shadow-21 .shadow-22 .shadow-23 .shadow-24
32
- */
33
- return (React.createElement("div", Object.assign({ ref: ref, className: twMerge('bg-white', `shadow-${elevation}`, 'transition-shadow duration-300 delay-0', className), style: style }, rest), children));
43
+ const { className, elevation = 1, style, children } = props, rest = __rest(props, ["className", "elevation", "style", "children"]);
44
+ return (React.createElement("div", Object.assign({ ref: ref, className: twMerge('bg-white', shadowsMapping[elevation], 'transition-shadow duration-300 delay-0', className), style: style }, rest), children));
34
45
  });
35
46
  Paper.defaultProps = {
36
47
  elevation: 1,
package/dist-package/src/Paper/Paper.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Paper.js","sourceRoot":"","sources":["../../../src/Paper/Paper.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAQxC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAwB,SAAS,KAAK,CACnE,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK;IAEhE;;;;;;;MAOE;MATI,+CAAkD,CAAQ,CAAA;IAEhE;;;;;;;MAOE;IACF,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAChB,UAAU,EACV,UAAU,SAAS,EAAE,EACrB,wCAAwC,EACxC,SAAS,CACV,EACD,KAAK,EAAE,KAAK,IACR,IAAI,GAEP,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,YAAY,GAAG;IACnB,SAAS,EAAE,CAAC;CACb,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,eAAe,KAAK,CAAA"}
1
+ {"version":3,"file":"Paper.js","sourceRoot":"","sources":["../../../src/Paper/Paper.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAQxC,kDAAkD;AAClD,MAAM,cAAc,GAA2B;IAC7C,CAAC,EAAE,UAAU;IACb,CAAC,EAAE,UAAU;IACb,CAAC,EAAE,UAAU;IACb,CAAC,EAAE,UAAU;IACb,CAAC,EAAE,UAAU;IACb,CAAC,EAAE,UAAU;IACb,CAAC,EAAE,UAAU;IACb,CAAC,EAAE,UAAU;IACb,CAAC,EAAE,UAAU;IACb,CAAC,EAAE,UAAU;IACb,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAwB,SAAS,KAAK,CACnE,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,SAAS,EAAE,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA9D,+CAAsD,CAAQ,CAAA;IAEpE,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAChB,UAAU,EACV,cAAc,CAAC,SAAS,CAAC,EACzB,wCAAwC,EACxC,SAAS,CACV,EACD,KAAK,EAAE,KAAK,IACR,IAAI,GAEP,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,YAAY,GAAG;IACnB,SAAS,EAAE,CAAC;CACb,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,eAAe,KAAK,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso-paper",
3
- "version": "2.0.3",
3
+ "version": "2.0.4",
4
4
  "description": "Toptal UI components library - Paper",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/Paper/Paper.tsx CHANGED
@@ -9,26 +9,47 @@ export interface Props extends BaseProps, HTMLAttributes<HTMLDivElement> {
9
9
  children: ReactNode
10
10
  }
11
11
 
12
+ // TODO: [FX-5003] Deprecate legacy shadow classes
13
+ const shadowsMapping: Record<number, string> = {
14
+ 0: 'shadow-0',
15
+ 1: 'shadow-1',
16
+ 2: 'shadow-2',
17
+ 3: 'shadow-3',
18
+ 4: 'shadow-4',
19
+ 5: 'shadow-5',
20
+ 6: 'shadow-6',
21
+ 7: 'shadow-7',
22
+ 8: 'shadow-8',
23
+ 9: 'shadow-9',
24
+ 10: 'shadow-10',
25
+ 11: 'shadow-11',
26
+ 12: 'shadow-12',
27
+ 13: 'shadow-13',
28
+ 14: 'shadow-14',
29
+ 15: 'shadow-15',
30
+ 16: 'shadow-16',
31
+ 17: 'shadow-17',
32
+ 18: 'shadow-18',
33
+ 19: 'shadow-19',
34
+ 20: 'shadow-20',
35
+ 21: 'shadow-21',
36
+ 22: 'shadow-22',
37
+ 23: 'shadow-23',
38
+ 24: 'shadow-24',
39
+ }
40
+
12
41
  export const Paper = forwardRef<HTMLDivElement, Props>(function Paper(
13
42
  props,
14
43
  ref
15
44
  ) {
16
- const { className, elevation, style, children, ...rest } = props
17
-
18
- /*
19
- TODO: [FX-5003] Deprecate legacy shadow classes
45
+ const { className, elevation = 1, style, children, ...rest } = props
20
46
 
21
- Use complete class names in comment, so Tailwind includes all of them in the build
22
- .shadow-0 .shadow-1 .shadow-2 .shadow-3 .shadow-4 .shadow-5 .shadow-6 .shadow-7
23
- .shadow-8 .shadow-9 .shadow-10 .shadow-11 .shadow-12 .shadow-13 .shadow-14 .shadow-15
24
- .shadow-16 .shadow-17 .shadow-18 .shadow-19 .shadow-20 .shadow-21 .shadow-22 .shadow-23 .shadow-24
25
- */
26
47
  return (
27
48
  <div
28
49
  ref={ref}
29
50
  className={twMerge(
30
51
  'bg-white',
31
- `shadow-${elevation}`,
52
+ shadowsMapping[elevation],
32
53
  'transition-shadow duration-300 delay-0',
33
54
  className
34
55
  )}