@toptal/picasso-tabs 3.0.2-alpha-fx-null-revert-tabs-974b03420.32 → 3.0.2-alpha-fx-null-revert-tabs-96315ad16.40
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.
@@ -20,7 +20,7 @@ const useStyles = makeStyles(styles, {
|
|
20
20
|
});
|
21
21
|
export const TabsOrientationContext = React.createContext('horizontal');
|
22
22
|
export const Tabs = forwardRef((props, ref) => {
|
23
|
-
const { children, orientation, onChange, value, variant = 'scrollable' } = props, rest = __rest(props, ["children", "orientation", "onChange", "value", "variant"]);
|
23
|
+
const { children, orientation = 'horizontal', onChange, value, variant = 'scrollable' } = props, rest = __rest(props, ["children", "orientation", "onChange", "value", "variant"]);
|
24
24
|
const classes = useStyles(props);
|
25
25
|
const action = useTabAction();
|
26
26
|
return (React.createElement(TabsOrientationContext.Provider, { value: orientation },
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/Tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAGnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,YAAY,MAAM,kBAAkB,CAAA;AAqB3C,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,MAAM;CACb,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAEvD,YAAY,CAAC,CAAA;AAEf,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,KAAe,EACf,GAAoC,EACpC,EAAE;IACF,MAAM,EACJ,QAAQ,EACR,WAAW,
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/Tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAGnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,YAAY,MAAM,kBAAkB,CAAA;AAqB3C,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,MAAM;CACb,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAEvD,YAAY,CAAC,CAAA;AAEf,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,KAAe,EACf,GAAoC,EACpC,EAAE;IACF,MAAM,EACJ,QAAQ,EACR,WAAW,GAAG,YAAY,EAC1B,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,YAAY,KAEpB,KAAK,EADJ,IAAI,UACL,KAAK,EAPH,2DAOL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAChC,MAAM,MAAM,GAAG,YAAY,EAAE,CAAA;IAE7B,OAAO,CACL,oBAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW;QACjD,oBAAC,OAAO,oBACF,IAAI,IACR,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,WAAW,CAAC,EAAE,EACvC,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,aAAa,EAAC,MAAM,EACpB,qBAAqB,EAAE,eAAe,EACtC,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,KAEf,QAAQ,CACD,CACsB,CACnC,CAAA;AACH,CAAC,CAG4B,CAAA;AAE/B,eAAe,IAAI,CAAA"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@toptal/picasso-tabs",
|
3
|
-
"version": "3.0.2-alpha-fx-null-revert-tabs-
|
3
|
+
"version": "3.0.2-alpha-fx-null-revert-tabs-96315ad16.40+96315ad16",
|
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": "2.0.1-alpha-fx-null-revert-tabs-
|
26
|
-
"@toptal/picasso-icons": "1.6.1-alpha-fx-null-revert-tabs-
|
27
|
-
"@toptal/picasso-shared": "15.0.1-alpha-fx-null-revert-tabs-
|
28
|
-
"@toptal/picasso-typography": "3.0.1-alpha-fx-null-revert-tabs-
|
29
|
-
"@toptal/picasso-typography-overflow": "2.0.5-alpha-fx-null-revert-tabs-
|
30
|
-
"@toptal/picasso-user-badge": "3.0.2-alpha-fx-null-revert-tabs-
|
31
|
-
"@toptal/picasso-utils": "1.0.4-alpha-fx-null-revert-tabs-
|
25
|
+
"@toptal/picasso-container": "2.0.1-alpha-fx-null-revert-tabs-96315ad16.54+96315ad16",
|
26
|
+
"@toptal/picasso-icons": "1.6.1-alpha-fx-null-revert-tabs-96315ad16.40+96315ad16",
|
27
|
+
"@toptal/picasso-shared": "15.0.1-alpha-fx-null-revert-tabs-96315ad16.133+96315ad16",
|
28
|
+
"@toptal/picasso-typography": "3.0.1-alpha-fx-null-revert-tabs-96315ad16.54+96315ad16",
|
29
|
+
"@toptal/picasso-typography-overflow": "2.0.5-alpha-fx-null-revert-tabs-96315ad16.54+96315ad16",
|
30
|
+
"@toptal/picasso-user-badge": "3.0.2-alpha-fx-null-revert-tabs-96315ad16.40+96315ad16",
|
31
|
+
"@toptal/picasso-utils": "1.0.4-alpha-fx-null-revert-tabs-96315ad16.133+96315ad16",
|
32
32
|
"ap-style-title-case": "^1.1.2",
|
33
33
|
"classnames": "^2.5.1"
|
34
34
|
},
|
@@ -46,14 +46,14 @@
|
|
46
46
|
".": "./dist-package/src/index.js"
|
47
47
|
},
|
48
48
|
"devDependencies": {
|
49
|
-
"@toptal/picasso-provider": "5.0.1-alpha-fx-null-revert-tabs-
|
50
|
-
"@toptal/picasso-tailwind-merge": "1.2.1-alpha-fx-null-revert-tabs-
|
51
|
-
"@toptal/picasso-test-utils": "1.1.2-alpha-fx-null-revert-tabs-
|
49
|
+
"@toptal/picasso-provider": "5.0.1-alpha-fx-null-revert-tabs-96315ad16.54+96315ad16",
|
50
|
+
"@toptal/picasso-tailwind-merge": "1.2.1-alpha-fx-null-revert-tabs-96315ad16.54+96315ad16",
|
51
|
+
"@toptal/picasso-test-utils": "1.1.2-alpha-fx-null-revert-tabs-96315ad16.133+96315ad16"
|
52
52
|
},
|
53
53
|
"files": [
|
54
54
|
"dist-package/**",
|
55
55
|
"!dist-package/tsconfig.tsbuildinfo",
|
56
56
|
"src"
|
57
57
|
],
|
58
|
-
"gitHead": "
|
58
|
+
"gitHead": "96315ad160eabd6ec2f07fd7c70fbc5f69c04016"
|
59
59
|
}
|
@@ -6,7 +6,7 @@ exports[`Tab Tab disabled tab 1`] = `
|
|
6
6
|
class="Picasso-root"
|
7
7
|
>
|
8
8
|
<div
|
9
|
-
class="MuiTabs-root
|
9
|
+
class="MuiTabs-root"
|
10
10
|
>
|
11
11
|
<div
|
12
12
|
class="MuiTabs-scrollable"
|
@@ -22,7 +22,7 @@ exports[`Tab Tab disabled tab 1`] = `
|
|
22
22
|
>
|
23
23
|
<button
|
24
24
|
aria-selected="false"
|
25
|
-
class="MuiButtonBase-root MuiTab-root
|
25
|
+
class="MuiButtonBase-root MuiTab-root MuiTab-textColorInherit Mui-disabled Mui-disabled"
|
26
26
|
disabled=""
|
27
27
|
role="tab"
|
28
28
|
tabindex="-1"
|
@@ -32,7 +32,7 @@ exports[`Tab Tab disabled tab 1`] = `
|
|
32
32
|
class="MuiTab-wrapper PicassoTab-wrapper"
|
33
33
|
>
|
34
34
|
<div
|
35
|
-
class="m-0 text-
|
35
|
+
class="m-0 text-md text-inherit font-semibold whitespace-nowrap overflow-ellipsis overflow-hidden inline TypographyOverflow-wrapper !block !whitespace-nowrap"
|
36
36
|
>
|
37
37
|
Tab Label
|
38
38
|
</div>
|
@@ -55,7 +55,7 @@ exports[`Tab Tab renders 1`] = `
|
|
55
55
|
class="Picasso-root"
|
56
56
|
>
|
57
57
|
<div
|
58
|
-
class="MuiTabs-root
|
58
|
+
class="MuiTabs-root"
|
59
59
|
>
|
60
60
|
<div
|
61
61
|
class="MuiTabs-scrollable"
|
@@ -71,7 +71,7 @@ exports[`Tab Tab renders 1`] = `
|
|
71
71
|
>
|
72
72
|
<button
|
73
73
|
aria-selected="false"
|
74
|
-
class="MuiButtonBase-root MuiTab-root
|
74
|
+
class="MuiButtonBase-root MuiTab-root MuiTab-textColorInherit"
|
75
75
|
role="tab"
|
76
76
|
tabindex="0"
|
77
77
|
type="button"
|
@@ -80,7 +80,7 @@ exports[`Tab Tab renders 1`] = `
|
|
80
80
|
class="MuiTab-wrapper PicassoTab-wrapper"
|
81
81
|
>
|
82
82
|
<div
|
83
|
-
class="m-0 text-
|
83
|
+
class="m-0 text-md text-inherit font-semibold whitespace-nowrap overflow-ellipsis overflow-hidden inline TypographyOverflow-wrapper !block !whitespace-nowrap"
|
84
84
|
>
|
85
85
|
Tab Label
|
86
86
|
</div>
|
@@ -103,7 +103,7 @@ exports[`Tab Tab tab with icon 1`] = `
|
|
103
103
|
class="Picasso-root"
|
104
104
|
>
|
105
105
|
<div
|
106
|
-
class="MuiTabs-root
|
106
|
+
class="MuiTabs-root"
|
107
107
|
>
|
108
108
|
<div
|
109
109
|
class="MuiTabs-scrollable"
|
@@ -119,7 +119,7 @@ exports[`Tab Tab tab with icon 1`] = `
|
|
119
119
|
>
|
120
120
|
<button
|
121
121
|
aria-selected="false"
|
122
|
-
class="MuiButtonBase-root MuiTab-root
|
122
|
+
class="MuiButtonBase-root MuiTab-root MuiTab-textColorInherit MuiTab-labelIcon"
|
123
123
|
role="tab"
|
124
124
|
tabindex="0"
|
125
125
|
type="button"
|
@@ -131,7 +131,7 @@ exports[`Tab Tab tab with icon 1`] = `
|
|
131
131
|
id="Icon"
|
132
132
|
/>
|
133
133
|
<div
|
134
|
-
class="m-0 text-
|
134
|
+
class="m-0 text-md text-inherit font-semibold whitespace-nowrap overflow-ellipsis overflow-hidden inline TypographyOverflow-wrapper !block !whitespace-nowrap"
|
135
135
|
>
|
136
136
|
Tab Label
|
137
137
|
</div>
|
package/src/Tabs/Tabs.tsx
CHANGED
@@ -43,7 +43,7 @@ export const Tabs = forwardRef(
|
|
43
43
|
) => {
|
44
44
|
const {
|
45
45
|
children,
|
46
|
-
orientation,
|
46
|
+
orientation = 'horizontal',
|
47
47
|
onChange,
|
48
48
|
value,
|
49
49
|
variant = 'scrollable',
|
@@ -53,10 +53,10 @@ export const Tabs = forwardRef(
|
|
53
53
|
const action = useTabAction()
|
54
54
|
|
55
55
|
return (
|
56
|
-
<TabsOrientationContext.Provider value={orientation
|
56
|
+
<TabsOrientationContext.Provider value={orientation}>
|
57
57
|
<MUITabs
|
58
58
|
{...rest}
|
59
|
-
classes={{ root: classes[orientation
|
59
|
+
classes={{ root: classes[orientation] }}
|
60
60
|
ref={ref}
|
61
61
|
onChange={onChange}
|
62
62
|
value={value}
|