@toptal/picasso-tabs 1.0.4-alpha-fx-4589-migrate-typography-34a78df8a.12 → 1.0.4-alpha-fx-xxx-fix-picasso-table-cell-200486597.3

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 (12) hide show
  1. package/dist-package/src/TabDescription/TabDescription.d.ts.map +1 -1
  2. package/dist-package/src/TabDescription/TabDescription.js +5 -1
  3. package/dist-package/src/TabDescription/TabDescription.js.map +1 -1
  4. package/dist-package/src/TabDescription/styles.d.ts +7 -0
  5. package/dist-package/src/TabDescription/styles.d.ts.map +1 -0
  6. package/dist-package/src/TabDescription/styles.js +7 -0
  7. package/dist-package/src/TabDescription/styles.js.map +1 -0
  8. package/package.json +12 -13
  9. package/src/Tab/__snapshots__/test.tsx.snap +3 -3
  10. package/src/TabDescription/TabDescription.tsx +8 -1
  11. package/src/TabDescription/styles.ts +7 -0
  12. package/src/Tabs/__snapshots__/test.tsx.snap +10 -10
package/dist-package/src/TabDescription/TabDescription.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TabDescription.d.ts","sourceRoot":"","sources":["../../../src/TabDescription/TabDescription.tsx"],"names":[],"mappings":";AAGA,UAAU,KAAK;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,cAAc,2BAA4B,KAAK,gBAapD,CAAA;AAED,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"TabDescription.d.ts","sourceRoot":"","sources":["../../../src/TabDescription/TabDescription.tsx"],"names":[],"mappings":";AAOA,UAAU,KAAK;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAID,QAAA,MAAM,cAAc,2BAA4B,KAAK,gBAcpD,CAAA;AAED,eAAe,cAAc,CAAA"}
package/dist-package/src/TabDescription/TabDescription.js CHANGED
@@ -1,8 +1,12 @@
1
1
  import React from 'react';
2
+ import { makeStyles } from '@material-ui/core/styles';
2
3
  import { TypographyOverflow } from '@toptal/picasso-typography-overflow';
4
+ import styles from './styles';
5
+ const useStyles = makeStyles(styles, { name: 'PicassoTabDescription' });
3
6
  const TabDescription = ({ children, disabled }) => {
7
+ const classes = useStyles();
4
8
  const color = disabled ? 'inherit' : undefined;
5
- return (React.createElement(TypographyOverflow, { className: '!mt-[2px]', size: 'xxsmall', inline: true, color: color }, children));
9
+ return (React.createElement(TypographyOverflow, { className: classes.root, size: 'xxsmall', inline: true, color: color }, children));
6
10
  };
7
11
  export default TabDescription;
8
12
  //# sourceMappingURL=TabDescription.js.map
package/dist-package/src/TabDescription/TabDescription.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TabDescription.js","sourceRoot":"","sources":["../../../src/TabDescription/TabDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAA;AAOxE,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAS,EAAE,EAAE;IACvD,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAA;IAE9C,OAAO,CACL,oBAAC,kBAAkB,IACjB,SAAS,EAAC,WAAW,EACrB,IAAI,EAAC,SAAS,EACd,MAAM,QACN,KAAK,EAAE,KAAK,IAEX,QAAQ,CACU,CACtB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"TabDescription.js","sourceRoot":"","sources":["../../../src/TabDescription/TabDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAA;AAExE,OAAO,MAAM,MAAM,UAAU,CAAA;AAO7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,uBAAuB,EAAE,CAAC,CAAA;AAE9E,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAS,EAAE,EAAE;IACvD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAA;IAE9C,OAAO,CACL,oBAAC,kBAAkB,IACjB,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,IAAI,EAAC,SAAS,EACd,MAAM,QACN,KAAK,EAAE,KAAK,IAEX,QAAQ,CACU,CACtB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}
package/dist-package/src/TabDescription/styles.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ declare const _default: {
2
+ root: {
3
+ marginTop: string;
4
+ };
5
+ };
6
+ export default _default;
7
+ //# sourceMappingURL=styles.d.ts.map
package/dist-package/src/TabDescription/styles.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/TabDescription/styles.ts"],"names":[],"mappings":";;;;;AAEA,wBAIC"}
package/dist-package/src/TabDescription/styles.js ADDED
@@ -0,0 +1,7 @@
1
+ import { rem } from '@toptal/picasso-shared';
2
+ export default {
3
+ root: {
4
+ marginTop: rem('2px'),
5
+ },
6
+ };
7
+ //# sourceMappingURL=styles.js.map
package/dist-package/src/TabDescription/styles.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TabDescription/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAE5C,eAAe;IACb,IAAI,EAAE;QACJ,SAAS,EAAE,GAAG,CAAC,KAAK,CAAC;KACtB;CACF,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso-tabs",
3
- "version": "1.0.4-alpha-fx-4589-migrate-typography-34a78df8a.12+34a78df8a",
3
+ "version": "1.0.4-alpha-fx-xxx-fix-picasso-table-cell-200486597.3+200486597",
4
4
  "description": "Toptal UI components library - Tabs",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -22,13 +22,13 @@
22
22
  },
23
23
  "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
24
24
  "dependencies": {
25
- "@toptal/picasso-container": "1.0.3-alpha-fx-4589-migrate-typography-34a78df8a.23+34a78df8a",
26
- "@toptal/picasso-icons": "1.0.3-alpha-fx-4589-migrate-typography-34a78df8a.23+34a78df8a",
27
- "@toptal/picasso-shared": "14.0.2-alpha-fx-4589-migrate-typography-34a78df8a.23+34a78df8a",
28
- "@toptal/picasso-typography": "1.0.3-alpha-fx-4589-migrate-typography-34a78df8a.23+34a78df8a",
29
- "@toptal/picasso-typography-overflow": "1.0.4-alpha-fx-4589-migrate-typography-34a78df8a.12+34a78df8a",
30
- "@toptal/picasso-user-badge": "1.0.3-alpha-fx-4589-migrate-typography-34a78df8a.23+34a78df8a",
31
- "@toptal/picasso-utils": "1.0.3-alpha-fx-4589-migrate-typography-34a78df8a.23+34a78df8a",
25
+ "@toptal/picasso-container": "1.0.3-alpha-fx-xxx-fix-picasso-table-cell-200486597.14+200486597",
26
+ "@toptal/picasso-icons": "1.0.3-alpha-fx-xxx-fix-picasso-table-cell-200486597.14+200486597",
27
+ "@toptal/picasso-shared": "14.0.2-alpha-fx-xxx-fix-picasso-table-cell-200486597.14+200486597",
28
+ "@toptal/picasso-typography": "1.0.3-alpha-fx-xxx-fix-picasso-table-cell-200486597.14+200486597",
29
+ "@toptal/picasso-typography-overflow": "1.0.4-alpha-fx-xxx-fix-picasso-table-cell-200486597.3+200486597",
30
+ "@toptal/picasso-user-badge": "1.0.3-alpha-fx-xxx-fix-picasso-table-cell-200486597.14+200486597",
31
+ "@toptal/picasso-utils": "1.0.3-alpha-fx-xxx-fix-picasso-table-cell-200486597.14+200486597",
32
32
  "ap-style-title-case": "^1.1.2",
33
33
  "classnames": "^2.5.1"
34
34
  },
@@ -39,20 +39,19 @@
39
39
  "peerDependencies": {
40
40
  "@material-ui/core": "4.12.4",
41
41
  "@toptal/picasso-provider": "*",
42
- "react": ">=16.12.0 < 19.0.0",
43
- "tailwindcss": ">=3"
42
+ "react": ">=16.12.0 < 19.0.0"
44
43
  },
45
44
  "exports": {
46
45
  ".": "./dist-package/src/index.js"
47
46
  },
48
47
  "devDependencies": {
49
- "@toptal/picasso-provider": "4.1.1-alpha-fx-4589-migrate-typography-34a78df8a.45+34a78df8a",
50
- "@toptal/picasso-test-utils": "1.1.1-alpha-fx-4589-migrate-typography-34a78df8a.15+34a78df8a"
48
+ "@toptal/picasso-provider": "4.1.1-alpha-fx-xxx-fix-picasso-table-cell-200486597.36+200486597",
49
+ "@toptal/picasso-test-utils": "1.1.1-alpha-fx-xxx-fix-picasso-table-cell-200486597.6+200486597"
51
50
  },
52
51
  "files": [
53
52
  "dist-package/**",
54
53
  "!dist-package/tsconfig.tsbuildinfo",
55
54
  "src"
56
55
  ],
57
- "gitHead": "34a78df8a2413cce5ce39d40f7d9539df2bfd8aa"
56
+ "gitHead": "2004865972d65bc7589152ecc580eee50b243a04"
58
57
  }
package/src/Tab/__snapshots__/test.tsx.snap CHANGED
@@ -16,7 +16,7 @@ exports[`Tab Tab disabled tab 1`] = `
16
16
  class="MuiTab-wrapper PicassoTab-wrapper"
17
17
  >
18
18
  <div
19
- class="m-0 text-sm text-inherit font-semibold"
19
+ class="MuiTypography-root PicassoTypography-bodySmall PicassoTypography-inherit PicassoTypography-semibold MuiTypography-body1"
20
20
  >
21
21
  Tab Label
22
22
  </div>
@@ -41,7 +41,7 @@ exports[`Tab Tab renders 1`] = `
41
41
  class="MuiTab-wrapper PicassoTab-wrapper"
42
42
  >
43
43
  <div
44
- class="m-0 text-sm text-inherit font-semibold"
44
+ class="MuiTypography-root PicassoTypography-bodySmall PicassoTypography-inherit PicassoTypography-semibold MuiTypography-body1"
45
45
  >
46
46
  Tab Label
47
47
  </div>
@@ -69,7 +69,7 @@ exports[`Tab Tab tab with icon 1`] = `
69
69
  id="Icon"
70
70
  />
71
71
  <div
72
- class="m-0 text-sm text-inherit font-semibold"
72
+ class="MuiTypography-root PicassoTypography-bodySmall PicassoTypography-inherit PicassoTypography-semibold MuiTypography-body1"
73
73
  >
74
74
  Tab Label
75
75
  </div>
package/src/TabDescription/TabDescription.tsx CHANGED
@@ -1,17 +1,24 @@
1
1
  import React from 'react'
2
+ import type { Theme } from '@material-ui/core/styles'
3
+ import { makeStyles } from '@material-ui/core/styles'
2
4
  import { TypographyOverflow } from '@toptal/picasso-typography-overflow'
3
5
 
6
+ import styles from './styles'
7
+
4
8
  interface Props {
5
9
  children: string
6
10
  disabled?: boolean
7
11
  }
8
12
 
13
+ const useStyles = makeStyles<Theme>(styles, { name: 'PicassoTabDescription' })
14
+
9
15
  const TabDescription = ({ children, disabled }: Props) => {
16
+ const classes = useStyles()
10
17
  const color = disabled ? 'inherit' : undefined
11
18
 
12
19
  return (
13
20
  <TypographyOverflow
14
- className='!mt-[2px]'
21
+ className={classes.root}
15
22
  size='xxsmall'
16
23
  inline
17
24
  color={color}
package/src/TabDescription/styles.ts ADDED
@@ -0,0 +1,7 @@
1
+ import { rem } from '@toptal/picasso-shared'
2
+
3
+ export default {
4
+ root: {
5
+ marginTop: rem('2px'),
6
+ },
7
+ }
package/src/Tabs/__snapshots__/test.tsx.snap CHANGED
@@ -32,7 +32,7 @@ exports[`Tabs renders 1`] = `
32
32
  class="MuiTab-wrapper PicassoTab-wrapper"
33
33
  >
34
34
  <div
35
- class="m-0 text-sm text-inherit font-semibold"
35
+ class="MuiTypography-root PicassoTypography-bodySmall PicassoTypography-inherit PicassoTypography-semibold MuiTypography-body1"
36
36
  >
37
37
  Tab 1
38
38
  </div>
@@ -50,7 +50,7 @@ exports[`Tabs renders 1`] = `
50
50
  class="MuiTab-wrapper PicassoTab-wrapper"
51
51
  >
52
52
  <div
53
- class="m-0 text-sm text-inherit font-semibold"
53
+ class="MuiTypography-root PicassoTypography-bodySmall PicassoTypography-inherit PicassoTypography-semibold MuiTypography-body1"
54
54
  >
55
55
  Tab 2
56
56
  </div>
@@ -95,7 +95,7 @@ exports[`Tabs renders in full width 1`] = `
95
95
  class="MuiTab-wrapper PicassoTab-wrapper"
96
96
  >
97
97
  <div
98
- class="m-0 text-sm text-inherit font-semibold"
98
+ class="MuiTypography-root PicassoTypography-bodySmall PicassoTypography-inherit PicassoTypography-semibold MuiTypography-body1"
99
99
  >
100
100
  Tab 1
101
101
  </div>
@@ -113,7 +113,7 @@ exports[`Tabs renders in full width 1`] = `
113
113
  class="MuiTab-wrapper PicassoTab-wrapper"
114
114
  >
115
115
  <div
116
- class="m-0 text-sm text-inherit font-semibold"
116
+ class="MuiTypography-root PicassoTypography-bodySmall PicassoTypography-inherit PicassoTypography-semibold MuiTypography-body1"
117
117
  >
118
118
  Tab 2
119
119
  </div>
@@ -162,7 +162,7 @@ exports[`Tabs renders in vertical orientation 1`] = `
162
162
  class="MuiTab-wrapper PicassoTab-wrapper"
163
163
  >
164
164
  <div
165
- class="m-0 text-md text-inherit font-semibold whitespace-nowrap overflow-ellipsis overflow-hidden inline TypographyOverflow-wrapper !block !whitespace-nowrap"
165
+ class="MuiTypography-root PicassoTypography-bodyMedium PicassoTypography-inherit PicassoTypography-semibold TypographyOverflow-wrapper TypographyOverflow-singleLine MuiTypography-body1 MuiTypography-noWrap MuiTypography-displayInline"
166
166
  >
167
167
  Tab 1
168
168
  </div>
@@ -180,7 +180,7 @@ exports[`Tabs renders in vertical orientation 1`] = `
180
180
  class="MuiTab-wrapper PicassoTab-wrapper"
181
181
  >
182
182
  <div
183
- class="m-0 text-md text-inherit font-semibold whitespace-nowrap overflow-ellipsis overflow-hidden inline TypographyOverflow-wrapper !block !whitespace-nowrap"
183
+ class="MuiTypography-root PicassoTypography-bodyMedium PicassoTypography-inherit PicassoTypography-semibold TypographyOverflow-wrapper TypographyOverflow-singleLine MuiTypography-body1 MuiTypography-noWrap MuiTypography-displayInline"
184
184
  >
185
185
  Tab 2
186
186
  </div>
@@ -229,7 +229,7 @@ exports[`Tabs renders with a pre-selected option 1`] = `
229
229
  class="MuiTab-wrapper PicassoTab-wrapper"
230
230
  >
231
231
  <div
232
- class="m-0 text-sm text-inherit font-semibold"
232
+ class="MuiTypography-root PicassoTypography-bodySmall PicassoTypography-inherit PicassoTypography-semibold MuiTypography-body1"
233
233
  >
234
234
  Tab 1
235
235
  </div>
@@ -247,7 +247,7 @@ exports[`Tabs renders with a pre-selected option 1`] = `
247
247
  class="MuiTab-wrapper PicassoTab-wrapper"
248
248
  >
249
249
  <div
250
- class="m-0 text-sm text-inherit font-semibold"
250
+ class="MuiTypography-root PicassoTypography-bodySmall PicassoTypography-inherit PicassoTypography-semibold MuiTypography-body1"
251
251
  >
252
252
  Tab 2
253
253
  </div>
@@ -303,7 +303,7 @@ exports[`Tabs renders with a pre-selected option using custom value 1`] = `
303
303
  class="MuiTab-wrapper PicassoTab-wrapper"
304
304
  >
305
305
  <div
306
- class="m-0 text-sm text-inherit font-semibold"
306
+ class="MuiTypography-root PicassoTypography-bodySmall PicassoTypography-inherit PicassoTypography-semibold MuiTypography-body1"
307
307
  >
308
308
  Tab 1
309
309
  </div>
@@ -321,7 +321,7 @@ exports[`Tabs renders with a pre-selected option using custom value 1`] = `
321
321
  class="MuiTab-wrapper PicassoTab-wrapper"
322
322
  >
323
323
  <div
324
- class="m-0 text-sm text-inherit font-semibold"
324
+ class="MuiTypography-root PicassoTypography-bodySmall PicassoTypography-inherit PicassoTypography-semibold MuiTypography-body1"
325
325
  >
326
326
  Tab 2
327
327
  </div>