@peculiar/react-components 0.0.2-alpha.256 → 0.0.2-alpha.260
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.
- package/dist/cjs/CircularProgress/circular_progress.js.map +1 -1
- package/dist/cjs/Tabs/tab.js +18 -9
- package/dist/cjs/Tabs/tab.js.map +1 -1
- package/dist/esm/CircularProgress/circular_progress.js.map +1 -1
- package/dist/esm/Tabs/tab.js +18 -9
- package/dist/esm/Tabs/tab.js.map +1 -1
- package/dist/esnext/CircularProgress/circular_progress.js.map +1 -1
- package/dist/esnext/Tabs/tab.js +18 -9
- package/dist/esnext/Tabs/tab.js.map +1 -1
- package/dist/types/CircularProgress/circular_progress.d.ts +1 -1
- package/dist/types/Tabs/tab.d.ts +4 -0
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"circular_progress.js","sourceRoot":"","sources":["../../../src/CircularProgress/circular_progress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,oCAA+C;
|
|
1
|
+
{"version":3,"file":"circular_progress.js","sourceRoot":"","sources":["../../../src/CircularProgress/circular_progress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,oCAA+C;AAuB/C;;GAEG;AACH,IAAM,IAAI,GAAG,EAAE,CAAC;AAChB,IAAM,SAAS,GAAG,CAAC,CAAC;AAEpB,IAAM,sBAAsB,GAAG,kBAAS,iKAAA,8FAOvC,IAAA,CAAC;AAEF,IAAM,oBAAoB,GAAG,kBAAS,wTAAA,qPAarC,IAAA,CAAC;AAEF,IAAM,UAAU,GAAG,UAAC,KAAyB,IAAK,OAAA,YAAG,CAAC;IACpD,KAAK,EAAE,kBAAkB;IACzB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,oBAAkB,KAAK,MAAG;IACjC,SAAS,EAAK,sBAAsB,0BAAuB;CAC5D,CAAC,EAPgD,CAOhD,CAAC;AAEH,IAAM,eAAe,GAAG,cAAM,OAAA,YAAG,CAAC;IAChC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,uBAAuB;IAC/B,KAAK,EAAE,uBAAuB;CAC/B,CAAC,EAJ4B,CAI5B,CAAC;AAEH,IAAM,eAAe,GAAG,cAAM,OAAA,YAAG,CAAC;IAChC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,uBAAuB;IAC/B,KAAK,EAAE,uBAAuB;CAC/B,CAAC,EAJ4B,CAI5B,CAAC;AAEH,IAAM,iBAAiB,GAAG,cAAM,OAAA,YAAG,CAAC;IAClC,KAAK,EAAE,sBAAsB;IAC7B,OAAO,EAAE,OAAO;CACjB,CAAC,EAH8B,CAG9B,CAAC;AAEH,IAAM,oBAAoB,GAAG,cAAM,OAAA,YAAG,CAAC;IACrC,KAAK,EAAE,yBAAyB;IAChC,MAAM,EAAE,cAAc;IACtB,eAAe,EAAE,aAAa;IAC9B,gBAAgB,EAAE,CAAC;IACnB,SAAS,EAAK,oBAAoB,+BAA4B;CAC/D,CAAC,EANiC,CAMjC,CAAC;AACH;;GAEG;AAEU,QAAA,gBAAgB,GAAG,eAAK,CAAC,UAAU,CAC9C,UAAC,KAAK,EAAE,GAAG;;IAEP,IAAA,KAAK,GAIH,KAAK,MAJF,EACL,SAAS,GAGP,KAAK,UAHE,EACT,IAAI,GAEF,KAAK,KAFH,EACD,KAAK,UACN,KAAK,EALH,8BAKL,CADS,CACA;IAEV,OAAO,CACL,kDACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,WAAE;YACX,GAAC,UAAU,CAAC,KAAK,CAAC,IAAG,IAAI;YACzB,GAAC,eAAe,EAAE,IAAG,IAAI,KAAK,OAAO;YACrC,GAAC,eAAe,EAAE,IAAG,IAAI,KAAK,OAAO;YACrC,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,EACF,IAAI,EAAC,aAAa;QAElB,uCACE,OAAO,EAAK,IAAI,GAAG,CAAC,SAAI,IAAI,GAAG,CAAC,SAAI,IAAI,SAAI,IAAM,EAClD,SAAS,EAAE,iBAAiB,EAAE;YAE9B,0CACE,EAAE,EAAE,IAAI,EACR,EAAE,EAAE,IAAI,EACR,CAAC,EAAE,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC,EACzB,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,SAAS,EACtB,SAAS,EAAE,oBAAoB,EAAE,GACjC,CACE,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,wBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,wBAAgB,CAAC,YAAY,GAAG;IAC9B,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,OAAO;CACd,CAAC"}
|
package/dist/cjs/Tabs/tab.js
CHANGED
|
@@ -84,15 +84,23 @@ exports.Tab = React.forwardRef(function (props, ref) {
|
|
|
84
84
|
var _a;
|
|
85
85
|
var children = props.children, className = props.className, disabled = props.disabled, id = props.id,
|
|
86
86
|
// @ts-ignore
|
|
87
|
-
selected = props.selected, componentProp = props.component, onChange = props.onChange, other = __rest(props, ["children", "className", "disabled", "id", "selected", "component", "onChange"]);
|
|
87
|
+
selected = props.selected, _b = props.color, color = _b === void 0 ? 'black' : _b, componentProp = props.component, onChange = props.onChange, other = __rest(props, ["children", "className", "disabled", "id", "selected", "color", "component", "onChange"]);
|
|
88
88
|
var Component = componentProp || 'button';
|
|
89
|
-
var
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
89
|
+
var textColor = React.useMemo(function () {
|
|
90
|
+
if (disabled) {
|
|
91
|
+
return 'gray-7';
|
|
92
|
+
}
|
|
93
|
+
if (color === 'white') {
|
|
94
|
+
if (selected) {
|
|
95
|
+
return 'white';
|
|
96
|
+
}
|
|
97
|
+
return 'gray-9';
|
|
98
|
+
}
|
|
99
|
+
if (selected) {
|
|
100
|
+
return 'black';
|
|
101
|
+
}
|
|
102
|
+
return 'gray-10';
|
|
103
|
+
}, [disabled, selected, color]);
|
|
96
104
|
var handleClick = function (event) {
|
|
97
105
|
if (!selected && onChange) {
|
|
98
106
|
onChange(event, id);
|
|
@@ -102,11 +110,12 @@ exports.Tab = React.forwardRef(function (props, ref) {
|
|
|
102
110
|
_a[stylesBase()] = true,
|
|
103
111
|
_a[className] = !!className,
|
|
104
112
|
_a)), onClick: handleClick }),
|
|
105
|
-
React.createElement(Typography_1.Typography, { variant: "s2", component: "span", color:
|
|
113
|
+
React.createElement(Typography_1.Typography, { variant: "s2", component: "span", color: textColor }, children)));
|
|
106
114
|
});
|
|
107
115
|
exports.Tab.displayName = 'Tab';
|
|
108
116
|
exports.Tab.defaultProps = {
|
|
109
117
|
disabled: false,
|
|
110
118
|
component: 'button',
|
|
119
|
+
color: 'black',
|
|
111
120
|
};
|
|
112
121
|
//# sourceMappingURL=tab.js.map
|
package/dist/cjs/Tabs/tab.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/Tabs/tab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,oCAA+C;AAC/C,4CAA2C;
|
|
1
|
+
{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/Tabs/tab.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"circular_progress.js","sourceRoot":"","sources":["../../../src/CircularProgress/circular_progress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"circular_progress.js","sourceRoot":"","sources":["../../../src/CircularProgress/circular_progress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAuB/C;;GAEG;AACH,IAAM,IAAI,GAAG,EAAE,CAAC;AAChB,IAAM,SAAS,GAAG,CAAC,CAAC;AAEpB,IAAM,sBAAsB,GAAG,SAAS,iKAAA,8FAOvC,IAAA,CAAC;AAEF,IAAM,oBAAoB,GAAG,SAAS,wTAAA,qPAarC,IAAA,CAAC;AAEF,IAAM,UAAU,GAAG,UAAC,KAAyB,IAAK,OAAA,GAAG,CAAC;IACpD,KAAK,EAAE,kBAAkB;IACzB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,oBAAkB,KAAK,MAAG;IACjC,SAAS,EAAK,sBAAsB,0BAAuB;CAC5D,CAAC,EAPgD,CAOhD,CAAC;AAEH,IAAM,eAAe,GAAG,cAAM,OAAA,GAAG,CAAC;IAChC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,uBAAuB;IAC/B,KAAK,EAAE,uBAAuB;CAC/B,CAAC,EAJ4B,CAI5B,CAAC;AAEH,IAAM,eAAe,GAAG,cAAM,OAAA,GAAG,CAAC;IAChC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,uBAAuB;IAC/B,KAAK,EAAE,uBAAuB;CAC/B,CAAC,EAJ4B,CAI5B,CAAC;AAEH,IAAM,iBAAiB,GAAG,cAAM,OAAA,GAAG,CAAC;IAClC,KAAK,EAAE,sBAAsB;IAC7B,OAAO,EAAE,OAAO;CACjB,CAAC,EAH8B,CAG9B,CAAC;AAEH,IAAM,oBAAoB,GAAG,cAAM,OAAA,GAAG,CAAC;IACrC,KAAK,EAAE,yBAAyB;IAChC,MAAM,EAAE,cAAc;IACtB,eAAe,EAAE,aAAa;IAC9B,gBAAgB,EAAE,CAAC;IACnB,SAAS,EAAK,oBAAoB,+BAA4B;CAC/D,CAAC,EANiC,CAMjC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,IAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAC9C,UAAC,KAAK,EAAE,GAAG;;IAEP,IAAA,KAAK,GAIH,KAAK,MAJF,EACL,SAAS,GAGP,KAAK,UAHE,EACT,IAAI,GAEF,KAAK,KAFH,EACD,KAAK,UACN,KAAK,EALH,8BAKL,CADS,CACA;IAEV,OAAO,CACL,wCACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE;YACX,GAAC,UAAU,CAAC,KAAK,CAAC,IAAG,IAAI;YACzB,GAAC,eAAe,EAAE,IAAG,IAAI,KAAK,OAAO;YACrC,GAAC,eAAe,EAAE,IAAG,IAAI,KAAK,OAAO;YACrC,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,EACF,IAAI,EAAC,aAAa;QAElB,6BACE,OAAO,EAAK,IAAI,GAAG,CAAC,SAAI,IAAI,GAAG,CAAC,SAAI,IAAI,SAAI,IAAM,EAClD,SAAS,EAAE,iBAAiB,EAAE;YAE9B,gCACE,EAAE,EAAE,IAAI,EACR,EAAE,EAAE,IAAI,EACR,CAAC,EAAE,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC,EACzB,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,SAAS,EACtB,SAAS,EAAE,oBAAoB,EAAE,GACjC,CACE,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,gBAAgB,CAAC,YAAY,GAAG;IAC9B,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,OAAO;CACd,CAAC"}
|
package/dist/esm/Tabs/tab.js
CHANGED
|
@@ -62,15 +62,23 @@ export var Tab = React.forwardRef(function (props, ref) {
|
|
|
62
62
|
var _a;
|
|
63
63
|
var children = props.children, className = props.className, disabled = props.disabled, id = props.id,
|
|
64
64
|
// @ts-ignore
|
|
65
|
-
selected = props.selected, componentProp = props.component, onChange = props.onChange, other = __rest(props, ["children", "className", "disabled", "id", "selected", "component", "onChange"]);
|
|
65
|
+
selected = props.selected, _b = props.color, color = _b === void 0 ? 'black' : _b, componentProp = props.component, onChange = props.onChange, other = __rest(props, ["children", "className", "disabled", "id", "selected", "color", "component", "onChange"]);
|
|
66
66
|
var Component = componentProp || 'button';
|
|
67
|
-
var
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
67
|
+
var textColor = React.useMemo(function () {
|
|
68
|
+
if (disabled) {
|
|
69
|
+
return 'gray-7';
|
|
70
|
+
}
|
|
71
|
+
if (color === 'white') {
|
|
72
|
+
if (selected) {
|
|
73
|
+
return 'white';
|
|
74
|
+
}
|
|
75
|
+
return 'gray-9';
|
|
76
|
+
}
|
|
77
|
+
if (selected) {
|
|
78
|
+
return 'black';
|
|
79
|
+
}
|
|
80
|
+
return 'gray-10';
|
|
81
|
+
}, [disabled, selected, color]);
|
|
74
82
|
var handleClick = function (event) {
|
|
75
83
|
if (!selected && onChange) {
|
|
76
84
|
onChange(event, id);
|
|
@@ -80,11 +88,12 @@ export var Tab = React.forwardRef(function (props, ref) {
|
|
|
80
88
|
_a[stylesBase()] = true,
|
|
81
89
|
_a[className] = !!className,
|
|
82
90
|
_a)), onClick: handleClick }),
|
|
83
|
-
React.createElement(Typography, { variant: "s2", component: "span", color:
|
|
91
|
+
React.createElement(Typography, { variant: "s2", component: "span", color: textColor }, children)));
|
|
84
92
|
});
|
|
85
93
|
Tab.displayName = 'Tab';
|
|
86
94
|
Tab.defaultProps = {
|
|
87
95
|
disabled: false,
|
|
88
96
|
component: 'button',
|
|
97
|
+
color: 'black',
|
|
89
98
|
};
|
|
90
99
|
//# sourceMappingURL=tab.js.map
|
package/dist/esm/Tabs/tab.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/Tabs/tab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAa,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/Tabs/tab.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"circular_progress.js","sourceRoot":"","sources":["../../../src/CircularProgress/circular_progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"circular_progress.js","sourceRoot":"","sources":["../../../src/CircularProgress/circular_progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAuB/C;;GAEG;AACH,MAAM,IAAI,GAAG,EAAE,CAAC;AAChB,MAAM,SAAS,GAAG,CAAC,CAAC;AAEpB,MAAM,sBAAsB,GAAG,SAAS,CAAA;;;;;;;CAOvC,CAAC;AAEF,MAAM,oBAAoB,GAAG,SAAS,CAAA;;;;;;;;;;;;;CAarC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAyB,EAAE,EAAE,CAAC,GAAG,CAAC;IACpD,KAAK,EAAE,kBAAkB;IACzB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,kBAAkB,KAAK,GAAG;IACjC,SAAS,EAAE,GAAG,sBAAsB,uBAAuB;CAC5D,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAChC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,uBAAuB;IAC/B,KAAK,EAAE,uBAAuB;CAC/B,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAChC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,uBAAuB;IAC/B,KAAK,EAAE,uBAAuB;CAC/B,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAClC,KAAK,EAAE,sBAAsB;IAC7B,OAAO,EAAE,OAAO;CACjB,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IACrC,KAAK,EAAE,yBAAyB;IAChC,MAAM,EAAE,cAAc;IACtB,eAAe,EAAE,aAAa;IAC9B,gBAAgB,EAAE,CAAC;IACnB,SAAS,EAAE,GAAG,oBAAoB,4BAA4B;CAC/D,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAC9C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,KAAK,EACL,SAAS,EACT,IAAI,EACJ,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,6CACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI;YACzB,CAAC,eAAe,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;YACrC,CAAC,eAAe,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;YACrC,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,EACF,IAAI,EAAC,aAAa;QAElB,6BACE,OAAO,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,IAAI,IAAI,EAAE,EAClD,SAAS,EAAE,iBAAiB,EAAE;YAE9B,gCACE,EAAE,EAAE,IAAI,EACR,EAAE,EAAE,IAAI,EACR,CAAC,EAAE,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC,EACzB,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,SAAS,EACtB,SAAS,EAAE,oBAAoB,EAAE,GACjC,CACE,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,gBAAgB,CAAC,YAAY,GAAG;IAC9B,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,OAAO;CACd,CAAC"}
|
package/dist/esnext/Tabs/tab.js
CHANGED
|
@@ -39,15 +39,23 @@ const stylesBase = () => css({
|
|
|
39
39
|
export const Tab = React.forwardRef((props, ref) => {
|
|
40
40
|
const { children, className, disabled, id,
|
|
41
41
|
// @ts-ignore
|
|
42
|
-
selected, component: componentProp, onChange, ...other } = props;
|
|
42
|
+
selected, color = 'black', component: componentProp, onChange, ...other } = props;
|
|
43
43
|
const Component = componentProp || 'button';
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
44
|
+
const textColor = React.useMemo(() => {
|
|
45
|
+
if (disabled) {
|
|
46
|
+
return 'gray-7';
|
|
47
|
+
}
|
|
48
|
+
if (color === 'white') {
|
|
49
|
+
if (selected) {
|
|
50
|
+
return 'white';
|
|
51
|
+
}
|
|
52
|
+
return 'gray-9';
|
|
53
|
+
}
|
|
54
|
+
if (selected) {
|
|
55
|
+
return 'black';
|
|
56
|
+
}
|
|
57
|
+
return 'gray-10';
|
|
58
|
+
}, [disabled, selected, color]);
|
|
51
59
|
const handleClick = (event) => {
|
|
52
60
|
if (!selected && onChange) {
|
|
53
61
|
onChange(event, id);
|
|
@@ -57,11 +65,12 @@ export const Tab = React.forwardRef((props, ref) => {
|
|
|
57
65
|
[stylesBase()]: true,
|
|
58
66
|
[className]: !!className,
|
|
59
67
|
}), onClick: handleClick }),
|
|
60
|
-
React.createElement(Typography, { variant: "s2", component: "span", color:
|
|
68
|
+
React.createElement(Typography, { variant: "s2", component: "span", color: textColor }, children)));
|
|
61
69
|
});
|
|
62
70
|
Tab.displayName = 'Tab';
|
|
63
71
|
Tab.defaultProps = {
|
|
64
72
|
disabled: false,
|
|
65
73
|
component: 'button',
|
|
74
|
+
color: 'black',
|
|
66
75
|
};
|
|
67
76
|
//# sourceMappingURL=tab.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/Tabs/tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAa,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/Tabs/tab.tsx"],"names":[],"mappings":"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"}
|
package/dist/types/Tabs/tab.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@peculiar/react-components",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.0.2-alpha.
|
|
4
|
+
"version": "0.0.2-alpha.260+5207a48",
|
|
5
5
|
"author": "PeculiarVentures Team",
|
|
6
6
|
"description": "A simple and customizable component library to build faster, beautiful, and more accessible React applications.",
|
|
7
7
|
"keywords": [
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"dependencies": {
|
|
41
41
|
"@emotion/core": "^10.1.1",
|
|
42
42
|
"@emotion/css": "^11.1.3",
|
|
43
|
-
"@peculiar/color": "^0.0.2-alpha.
|
|
43
|
+
"@peculiar/color": "^0.0.2-alpha.260+5207a48",
|
|
44
44
|
"@popperjs/core": "^2.9.3",
|
|
45
45
|
"@types/flat": "^5.0.2",
|
|
46
46
|
"@types/react-transition-group": "^4.4.2",
|
|
@@ -83,5 +83,5 @@
|
|
|
83
83
|
"node": ">=12.x"
|
|
84
84
|
},
|
|
85
85
|
"license": "MIT",
|
|
86
|
-
"gitHead": "
|
|
86
|
+
"gitHead": "5207a48e042c4a8f2cbcc08e9bbe3605f45265f7"
|
|
87
87
|
}
|