@toptal/picasso-tabs 1.0.6-alpha-fx-4586-popover-a870f6384.1 → 1.0.6-alpha-fx-4589-migrate-typography-f9c39d4d2.22

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 +1 -5
  3. package/dist-package/src/TabDescription/TabDescription.js.map +1 -1
  4. package/package.json +13 -12
  5. package/src/Tab/__snapshots__/test.tsx.snap +3 -3
  6. package/src/TabDescription/TabDescription.tsx +1 -8
  7. package/src/Tabs/__snapshots__/test.tsx.snap +10 -10
  8. package/dist-package/src/TabDescription/styles.d.ts +0 -7
  9. package/dist-package/src/TabDescription/styles.d.ts.map +0 -1
  10. package/dist-package/src/TabDescription/styles.js +0 -7
  11. package/dist-package/src/TabDescription/styles.js.map +0 -1
  12. package/src/TabDescription/styles.ts +0 -7
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":";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"}
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"}
package/dist-package/src/TabDescription/TabDescription.js CHANGED
@@ -1,12 +1,8 @@
1
1
  import React from 'react';
2
- import { makeStyles } from '@material-ui/core/styles';
3
2
  import { TypographyOverflow } from '@toptal/picasso-typography-overflow';
4
- import styles from './styles';
5
- const useStyles = makeStyles(styles, { name: 'PicassoTabDescription' });
6
3
  const TabDescription = ({ children, disabled }) => {
7
- const classes = useStyles();
8
4
  const color = disabled ? 'inherit' : undefined;
9
- return (React.createElement(TypographyOverflow, { className: classes.root, size: 'xxsmall', inline: true, color: color }, children));
5
+ return (React.createElement(TypographyOverflow, { className: '!mt-[2px]', size: 'xxsmall', inline: true, color: color }, children));
10
6
  };
11
7
  export default TabDescription;
12
8
  //# 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;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"}
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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso-tabs",
3
- "version": "1.0.6-alpha-fx-4586-popover-a870f6384.1+a870f6384",
3
+ "version": "1.0.6-alpha-fx-4589-migrate-typography-f9c39d4d2.22+f9c39d4d2",
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-4586-popover-a870f6384.20+a870f6384",
26
- "@toptal/picasso-icons": "1.0.3-alpha-fx-4586-popover-a870f6384.20+a870f6384",
27
- "@toptal/picasso-shared": "14.0.2-alpha-fx-4586-popover-a870f6384.20+a870f6384",
28
- "@toptal/picasso-typography": "1.0.3-alpha-fx-4586-popover-a870f6384.20+a870f6384",
29
- "@toptal/picasso-typography-overflow": "1.0.4-alpha-fx-4586-popover-a870f6384.9+a870f6384",
30
- "@toptal/picasso-user-badge": "1.0.5-alpha-fx-4586-popover-a870f6384.1+a870f6384",
31
- "@toptal/picasso-utils": "1.0.3-alpha-fx-4586-popover-a870f6384.20+a870f6384",
25
+ "@toptal/picasso-container": "1.0.3-alpha-fx-4589-migrate-typography-f9c39d4d2.41+f9c39d4d2",
26
+ "@toptal/picasso-icons": "1.0.3-alpha-fx-4589-migrate-typography-f9c39d4d2.41+f9c39d4d2",
27
+ "@toptal/picasso-shared": "14.0.2-alpha-fx-4589-migrate-typography-f9c39d4d2.41+f9c39d4d2",
28
+ "@toptal/picasso-typography": "1.0.3-alpha-fx-4589-migrate-typography-f9c39d4d2.41+f9c39d4d2",
29
+ "@toptal/picasso-typography-overflow": "1.0.4-alpha-fx-4589-migrate-typography-f9c39d4d2.30+f9c39d4d2",
30
+ "@toptal/picasso-user-badge": "1.0.5-alpha-fx-4589-migrate-typography-f9c39d4d2.22+f9c39d4d2",
31
+ "@toptal/picasso-utils": "1.0.3-alpha-fx-4589-migrate-typography-f9c39d4d2.41+f9c39d4d2",
32
32
  "ap-style-title-case": "^1.1.2",
33
33
  "classnames": "^2.5.1"
34
34
  },
@@ -39,19 +39,20 @@
39
39
  "peerDependencies": {
40
40
  "@material-ui/core": "4.12.4",
41
41
  "@toptal/picasso-provider": "*",
42
- "react": ">=16.12.0 < 19.0.0"
42
+ "react": ">=16.12.0 < 19.0.0",
43
+ "tailwindcss": ">=3"
43
44
  },
44
45
  "exports": {
45
46
  ".": "./dist-package/src/index.js"
46
47
  },
47
48
  "devDependencies": {
48
- "@toptal/picasso-provider": "4.1.1-alpha-fx-4586-popover-a870f6384.42+a870f6384",
49
- "@toptal/picasso-test-utils": "1.1.1-alpha-fx-4586-popover-a870f6384.12+a870f6384"
49
+ "@toptal/picasso-provider": "4.1.1-alpha-fx-4589-migrate-typography-f9c39d4d2.63+f9c39d4d2",
50
+ "@toptal/picasso-test-utils": "1.1.1-alpha-fx-4589-migrate-typography-f9c39d4d2.33+f9c39d4d2"
50
51
  },
51
52
  "files": [
52
53
  "dist-package/**",
53
54
  "!dist-package/tsconfig.tsbuildinfo",
54
55
  "src"
55
56
  ],
56
- "gitHead": "a870f63843d197f26e77c978dc0c5e9413fae8d4"
57
+ "gitHead": "f9c39d4d2dfa4a70ba0b6bc623357c814897ca67"
57
58
  }
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="MuiTypography-root PicassoTypography-bodySmall PicassoTypography-inherit PicassoTypography-semibold MuiTypography-body1"
19
+ class="m-0 text-sm text-inherit font-semibold"
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="MuiTypography-root PicassoTypography-bodySmall PicassoTypography-inherit PicassoTypography-semibold MuiTypography-body1"
44
+ class="m-0 text-sm text-inherit font-semibold"
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="MuiTypography-root PicassoTypography-bodySmall PicassoTypography-inherit PicassoTypography-semibold MuiTypography-body1"
72
+ class="m-0 text-sm text-inherit font-semibold"
73
73
  >
74
74
  Tab Label
75
75
  </div>
package/src/TabDescription/TabDescription.tsx CHANGED
@@ -1,24 +1,17 @@
1
1
  import React from 'react'
2
- import type { Theme } from '@material-ui/core/styles'
3
- import { makeStyles } from '@material-ui/core/styles'
4
2
  import { TypographyOverflow } from '@toptal/picasso-typography-overflow'
5
3
 
6
- import styles from './styles'
7
-
8
4
  interface Props {
9
5
  children: string
10
6
  disabled?: boolean
11
7
  }
12
8
 
13
- const useStyles = makeStyles<Theme>(styles, { name: 'PicassoTabDescription' })
14
-
15
9
  const TabDescription = ({ children, disabled }: Props) => {
16
- const classes = useStyles()
17
10
  const color = disabled ? 'inherit' : undefined
18
11
 
19
12
  return (
20
13
  <TypographyOverflow
21
- className={classes.root}
14
+ className='!mt-[2px]'
22
15
  size='xxsmall'
23
16
  inline
24
17
  color={color}
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="MuiTypography-root PicassoTypography-bodySmall PicassoTypography-inherit PicassoTypography-semibold MuiTypography-body1"
35
+ class="m-0 text-sm text-inherit font-semibold"
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="MuiTypography-root PicassoTypography-bodySmall PicassoTypography-inherit PicassoTypography-semibold MuiTypography-body1"
53
+ class="m-0 text-sm text-inherit font-semibold"
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="MuiTypography-root PicassoTypography-bodySmall PicassoTypography-inherit PicassoTypography-semibold MuiTypography-body1"
98
+ class="m-0 text-sm text-inherit font-semibold"
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="MuiTypography-root PicassoTypography-bodySmall PicassoTypography-inherit PicassoTypography-semibold MuiTypography-body1"
116
+ class="m-0 text-sm text-inherit font-semibold"
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="MuiTypography-root PicassoTypography-bodyMedium PicassoTypography-inherit PicassoTypography-semibold TypographyOverflow-wrapper TypographyOverflow-singleLine MuiTypography-body1 MuiTypography-noWrap MuiTypography-displayInline"
165
+ class="m-0 text-md text-inherit font-semibold whitespace-nowrap overflow-ellipsis overflow-hidden inline TypographyOverflow-wrapper !block !whitespace-nowrap"
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="MuiTypography-root PicassoTypography-bodyMedium PicassoTypography-inherit PicassoTypography-semibold TypographyOverflow-wrapper TypographyOverflow-singleLine MuiTypography-body1 MuiTypography-noWrap MuiTypography-displayInline"
183
+ class="m-0 text-md text-inherit font-semibold whitespace-nowrap overflow-ellipsis overflow-hidden inline TypographyOverflow-wrapper !block !whitespace-nowrap"
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="MuiTypography-root PicassoTypography-bodySmall PicassoTypography-inherit PicassoTypography-semibold MuiTypography-body1"
232
+ class="m-0 text-sm text-inherit font-semibold"
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="MuiTypography-root PicassoTypography-bodySmall PicassoTypography-inherit PicassoTypography-semibold MuiTypography-body1"
250
+ class="m-0 text-sm text-inherit font-semibold"
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="MuiTypography-root PicassoTypography-bodySmall PicassoTypography-inherit PicassoTypography-semibold MuiTypography-body1"
306
+ class="m-0 text-sm text-inherit font-semibold"
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="MuiTypography-root PicassoTypography-bodySmall PicassoTypography-inherit PicassoTypography-semibold MuiTypography-body1"
324
+ class="m-0 text-sm text-inherit font-semibold"
325
325
  >
326
326
  Tab 2
327
327
  </div>
package/dist-package/src/TabDescription/styles.d.ts DELETED
@@ -1,7 +0,0 @@
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 DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/TabDescription/styles.ts"],"names":[],"mappings":";;;;;AAEA,wBAIC"}
package/dist-package/src/TabDescription/styles.js DELETED
@@ -1,7 +0,0 @@
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 DELETED
@@ -1 +0,0 @@
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/src/TabDescription/styles.ts DELETED
@@ -1,7 +0,0 @@
1
- import { rem } from '@toptal/picasso-shared'
2
-
3
- export default {
4
- root: {
5
- marginTop: rem('2px'),
6
- },
7
- }