@peculiar/react-components 0.6.0 → 0.6.1
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/Checkbox/checkbox.js +13 -8
- package/dist/cjs/Checkbox/checkbox.js.map +1 -1
- package/dist/cjs/Radio/radio.js +13 -8
- package/dist/cjs/Radio/radio.js.map +1 -1
- package/dist/cjs/Switch/switch.js +0 -1
- package/dist/cjs/Switch/switch.js.map +1 -1
- package/dist/esm/Checkbox/checkbox.js +13 -8
- package/dist/esm/Checkbox/checkbox.js.map +1 -1
- package/dist/esm/Radio/radio.js +13 -8
- package/dist/esm/Radio/radio.js.map +1 -1
- package/dist/esm/Switch/switch.js +0 -1
- package/dist/esm/Switch/switch.js.map +1 -1
- package/dist/esnext/Checkbox/checkbox.js +13 -8
- package/dist/esnext/Checkbox/checkbox.js.map +1 -1
- package/dist/esnext/Radio/radio.js +13 -8
- package/dist/esnext/Radio/radio.js.map +1 -1
- package/dist/esnext/Switch/switch.js +0 -1
- package/dist/esnext/Switch/switch.js.map +1 -1
- package/dist/types/Checkbox/checkbox.d.ts +4 -0
- package/dist/types/Radio/radio.d.ts +4 -0
- package/package.json +2 -2
|
@@ -51,6 +51,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
51
51
|
exports.Checkbox = void 0;
|
|
52
52
|
var React = __importStar(require("react"));
|
|
53
53
|
var styled_1 = __importDefault(require("@emotion/styled"));
|
|
54
|
+
var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
|
|
54
55
|
var icons_1 = require("../icons");
|
|
55
56
|
var hooks_1 = require("../hooks");
|
|
56
57
|
var foundations_1 = require("../styles/foundations");
|
|
@@ -66,7 +67,9 @@ var CheckboxRoot = (0, styled_1.default)('label')({
|
|
|
66
67
|
height: 'var(--pv-size-base-4)',
|
|
67
68
|
position: 'relative',
|
|
68
69
|
});
|
|
69
|
-
var CheckboxInput = (0, styled_1.default)('input'
|
|
70
|
+
var CheckboxInput = (0, styled_1.default)('input', {
|
|
71
|
+
shouldForwardProp: function (prop) { return (0, is_prop_valid_1.default)(prop) && prop !== 'color'; },
|
|
72
|
+
})({
|
|
70
73
|
width: '100%',
|
|
71
74
|
height: '100%',
|
|
72
75
|
margin: 0,
|
|
@@ -93,8 +96,8 @@ var CheckboxInput = (0, styled_1.default)('input')({
|
|
|
93
96
|
}, function (props) {
|
|
94
97
|
var isDark = props.theme.mode === 'dark';
|
|
95
98
|
var color = 'var(--pv-color-gray-9)';
|
|
96
|
-
var colorChecked =
|
|
97
|
-
var backgroundColorChecked =
|
|
99
|
+
var colorChecked = "var(--pv-color-".concat(props.color, "-shade-1)");
|
|
100
|
+
var backgroundColorChecked = "var(--pv-color-".concat(props.color, ")");
|
|
98
101
|
var colorDisabledChecked = 'var(--pv-color-gray-7)';
|
|
99
102
|
var iconColorDisabledChecked = 'var(--pv-color-white)';
|
|
100
103
|
var opacityHover = foundations_1.opacity.light.switch.hover;
|
|
@@ -102,8 +105,8 @@ var CheckboxInput = (0, styled_1.default)('input')({
|
|
|
102
105
|
var opacityActive = foundations_1.opacity.light.switch.active;
|
|
103
106
|
if (isDark) {
|
|
104
107
|
color = 'var(--pv-color-gray-7)';
|
|
105
|
-
colorChecked =
|
|
106
|
-
backgroundColorChecked =
|
|
108
|
+
colorChecked = "var(--pv-color-".concat(props.color, ")");
|
|
109
|
+
backgroundColorChecked = "var(--pv-color-".concat(props.color, "-tint-1)");
|
|
107
110
|
colorDisabledChecked = 'var(--pv-color-gray-5)';
|
|
108
111
|
iconColorDisabledChecked = 'var(--pv-color-gray-8)';
|
|
109
112
|
opacityHover = foundations_1.opacity.dark.switch.hover;
|
|
@@ -169,13 +172,15 @@ var CheckboxIcon = (0, styled_1.default)('svg')({
|
|
|
169
172
|
*
|
|
170
173
|
*/
|
|
171
174
|
exports.Checkbox = React.forwardRef(function (props, ref) {
|
|
172
|
-
var checked = props.checked, _a = props.
|
|
175
|
+
var checked = props.checked, defaultChecked = props.defaultChecked, _a = props.color, color = _a === void 0 ? 'primary' : _a, _b = props.indeterminate, indeterminate = _b === void 0 ? false : _b, required = props.required, inputProps = props.inputProps, disabled = props.disabled, idProp = props.id, name = props.name, _c = props.checkedIcon, checkedIcon = _c === void 0 ? icons_1.CheckIcon : _c, onChange = props.onChange, other = __rest(props, ["checked", "defaultChecked", "color", "indeterminate", "required", "inputProps", "disabled", "id", "name", "checkedIcon", "onChange"]);
|
|
173
176
|
var id = (0, hooks_1.useId)(idProp);
|
|
174
177
|
var icon = indeterminate ? icons_1.MinusIcon : checkedIcon;
|
|
175
178
|
return (React.createElement(CheckboxRoot, __assign({ ref: ref, htmlFor: id }, other),
|
|
176
|
-
React.createElement(CheckboxInput, __assign({}, inputProps, { "data-indeterminate": indeterminate, type: "checkbox", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, onChange: onChange })),
|
|
179
|
+
React.createElement(CheckboxInput, __assign({}, inputProps, { "data-indeterminate": indeterminate, type: "checkbox", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, color: color, onChange: onChange })),
|
|
177
180
|
React.createElement(CheckboxIcon, { as: icon, "aria-hidden": true })));
|
|
178
181
|
});
|
|
179
182
|
exports.Checkbox.displayName = 'Checkbox';
|
|
180
|
-
exports.Checkbox.defaultProps = {
|
|
183
|
+
exports.Checkbox.defaultProps = {
|
|
184
|
+
color: 'primary',
|
|
185
|
+
};
|
|
181
186
|
//# sourceMappingURL=checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/Checkbox/checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;AACrC,kCAAgD;AAChD,kCAAiC;AACjC,qDAAgD;
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/Checkbox/checkbox.tsx"],"names":[],"mappings":"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"}
|
package/dist/cjs/Radio/radio.js
CHANGED
|
@@ -51,6 +51,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
51
51
|
exports.Radio = void 0;
|
|
52
52
|
var React = __importStar(require("react"));
|
|
53
53
|
var styled_1 = __importDefault(require("@emotion/styled"));
|
|
54
|
+
var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
|
|
54
55
|
var icons_1 = require("../icons");
|
|
55
56
|
var hooks_1 = require("../hooks");
|
|
56
57
|
var foundations_1 = require("../styles/foundations");
|
|
@@ -72,7 +73,9 @@ var RadioRoot = (0, styled_1.default)('label')({
|
|
|
72
73
|
} : {
|
|
73
74
|
color: 'var(--pv-color-gray-6)',
|
|
74
75
|
}))); });
|
|
75
|
-
var RadioInput = (0, styled_1.default)('input'
|
|
76
|
+
var RadioInput = (0, styled_1.default)('input', {
|
|
77
|
+
shouldForwardProp: function (prop) { return (0, is_prop_valid_1.default)(prop) && prop !== 'color'; },
|
|
78
|
+
})({
|
|
76
79
|
cursor: 'inherit',
|
|
77
80
|
width: '100%',
|
|
78
81
|
height: '100%',
|
|
@@ -100,8 +103,8 @@ var RadioInput = (0, styled_1.default)('input')({
|
|
|
100
103
|
}, function (props) {
|
|
101
104
|
var isDark = props.theme.mode === 'dark';
|
|
102
105
|
var color = 'var(--pv-color-gray-9)';
|
|
103
|
-
var colorChecked =
|
|
104
|
-
var ellipseColorChecked =
|
|
106
|
+
var colorChecked = "var(--pv-color-".concat(props.color, "-shade-1)");
|
|
107
|
+
var ellipseColorChecked = "var(--pv-color-".concat(props.color, ")");
|
|
105
108
|
var colorDisabled = 'var(--pv-color-gray-6)';
|
|
106
109
|
var colorDisabledChecked = 'var(--pv-color-gray-7)';
|
|
107
110
|
var opacityHover = foundations_1.opacity.light.switch.hover;
|
|
@@ -109,8 +112,8 @@ var RadioInput = (0, styled_1.default)('input')({
|
|
|
109
112
|
var opacityActive = foundations_1.opacity.light.switch.active;
|
|
110
113
|
if (isDark) {
|
|
111
114
|
color = 'var(--pv-color-gray-7)';
|
|
112
|
-
colorChecked =
|
|
113
|
-
ellipseColorChecked =
|
|
115
|
+
colorChecked = "var(--pv-color-".concat(props.color, ")");
|
|
116
|
+
ellipseColorChecked = "var(--pv-color-".concat(props.color, "-tint-1)");
|
|
114
117
|
colorDisabled = 'var(--pv-color-gray-5)';
|
|
115
118
|
colorDisabled = 'var(--pv-color-gray-5)';
|
|
116
119
|
colorDisabledChecked = 'var(--pv-color-gray-5)';
|
|
@@ -173,12 +176,14 @@ var CheckboxIcon = (0, styled_1.default)('svg')({
|
|
|
173
176
|
*
|
|
174
177
|
*/
|
|
175
178
|
exports.Radio = React.forwardRef(function (props, ref) {
|
|
176
|
-
var checked = props.checked, defaultChecked = props.defaultChecked, required = props.required, inputProps = props.inputProps, disabled = props.disabled, idProp = props.id, name = props.name,
|
|
179
|
+
var checked = props.checked, defaultChecked = props.defaultChecked, _a = props.color, color = _a === void 0 ? 'primary' : _a, required = props.required, inputProps = props.inputProps, disabled = props.disabled, idProp = props.id, name = props.name, _b = props.checkedIcon, checkedIcon = _b === void 0 ? icons_1.DotIcon : _b, onChange = props.onChange, other = __rest(props, ["checked", "defaultChecked", "color", "required", "inputProps", "disabled", "id", "name", "checkedIcon", "onChange"]);
|
|
177
180
|
var id = (0, hooks_1.useId)(idProp);
|
|
178
181
|
return (React.createElement(RadioRoot, __assign({ ref: ref, htmlFor: id }, other),
|
|
179
|
-
React.createElement(RadioInput, __assign({}, inputProps, { type: "radio", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, onChange: onChange })),
|
|
182
|
+
React.createElement(RadioInput, __assign({}, inputProps, { type: "radio", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, color: color, onChange: onChange })),
|
|
180
183
|
React.createElement(CheckboxIcon, { as: checkedIcon, "aria-hidden": true })));
|
|
181
184
|
});
|
|
182
185
|
exports.Radio.displayName = 'Radio';
|
|
183
|
-
exports.Radio.defaultProps = {
|
|
186
|
+
exports.Radio.defaultProps = {
|
|
187
|
+
color: 'primary',
|
|
188
|
+
};
|
|
184
189
|
//# sourceMappingURL=radio.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/Radio/radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;AACrC,kCAAmC;AACnC,kCAAiC;AACjC,qDAAgD;
|
|
1
|
+
{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/Radio/radio.tsx"],"names":[],"mappings":"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"}
|
|
@@ -73,7 +73,6 @@ var SwitchRoot = (0, styled_1.default)('label')({
|
|
|
73
73
|
var SwitchInput = (0, styled_1.default)('input', {
|
|
74
74
|
shouldForwardProp: function (prop) { return (0, is_prop_valid_1.default)(prop) && prop !== 'color'; },
|
|
75
75
|
})({
|
|
76
|
-
label: 'Switch-input',
|
|
77
76
|
overflow: 'hidden',
|
|
78
77
|
width: '100%',
|
|
79
78
|
height: '100%',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/Switch/switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;AACrC,yEAAiD;AACjD,8BAA6B;AAC7B,kCAAiC;AACjC,qDAAgD;AAoDhD;;GAEG;AAEH;;GAEG;AACH,IAAM,UAAU,GAAG,IAAA,gBAAM,EAAC,OAAO,CAAC,CAAC;IACjC,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,uBAAuB;IAC9B,MAAM,EAAE,uBAAuB;IAC/B,YAAY,EAAE,uBAAuB;IACrC,cAAc,EAAE,QAAQ;IACxB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,OAAO,EAAE;IAClC,iBAAiB,EAAE,UAAC,IAAI,IAAK,OAAA,IAAA,uBAAW,EAAC,IAAI,CAAC,IAAI,IAAI,KAAK,OAAO,EAArC,CAAqC;CACnE,CAAC,CACA;IACE,
|
|
1
|
+
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/Switch/switch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,6 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
};
|
|
23
23
|
import * as React from 'react';
|
|
24
24
|
import styled from '@emotion/styled';
|
|
25
|
+
import isPropValid from '@emotion/is-prop-valid';
|
|
25
26
|
import { CheckIcon, MinusIcon } from '../icons';
|
|
26
27
|
import { useId } from '../hooks';
|
|
27
28
|
import { opacity } from '../styles/foundations';
|
|
@@ -37,7 +38,9 @@ var CheckboxRoot = styled('label')({
|
|
|
37
38
|
height: 'var(--pv-size-base-4)',
|
|
38
39
|
position: 'relative',
|
|
39
40
|
});
|
|
40
|
-
var CheckboxInput = styled('input'
|
|
41
|
+
var CheckboxInput = styled('input', {
|
|
42
|
+
shouldForwardProp: function (prop) { return isPropValid(prop) && prop !== 'color'; },
|
|
43
|
+
})({
|
|
41
44
|
width: '100%',
|
|
42
45
|
height: '100%',
|
|
43
46
|
margin: 0,
|
|
@@ -64,8 +67,8 @@ var CheckboxInput = styled('input')({
|
|
|
64
67
|
}, function (props) {
|
|
65
68
|
var isDark = props.theme.mode === 'dark';
|
|
66
69
|
var color = 'var(--pv-color-gray-9)';
|
|
67
|
-
var colorChecked =
|
|
68
|
-
var backgroundColorChecked =
|
|
70
|
+
var colorChecked = "var(--pv-color-".concat(props.color, "-shade-1)");
|
|
71
|
+
var backgroundColorChecked = "var(--pv-color-".concat(props.color, ")");
|
|
69
72
|
var colorDisabledChecked = 'var(--pv-color-gray-7)';
|
|
70
73
|
var iconColorDisabledChecked = 'var(--pv-color-white)';
|
|
71
74
|
var opacityHover = opacity.light.switch.hover;
|
|
@@ -73,8 +76,8 @@ var CheckboxInput = styled('input')({
|
|
|
73
76
|
var opacityActive = opacity.light.switch.active;
|
|
74
77
|
if (isDark) {
|
|
75
78
|
color = 'var(--pv-color-gray-7)';
|
|
76
|
-
colorChecked =
|
|
77
|
-
backgroundColorChecked =
|
|
79
|
+
colorChecked = "var(--pv-color-".concat(props.color, ")");
|
|
80
|
+
backgroundColorChecked = "var(--pv-color-".concat(props.color, "-tint-1)");
|
|
78
81
|
colorDisabledChecked = 'var(--pv-color-gray-5)';
|
|
79
82
|
iconColorDisabledChecked = 'var(--pv-color-gray-8)';
|
|
80
83
|
opacityHover = opacity.dark.switch.hover;
|
|
@@ -140,13 +143,15 @@ var CheckboxIcon = styled('svg')({
|
|
|
140
143
|
*
|
|
141
144
|
*/
|
|
142
145
|
export var Checkbox = React.forwardRef(function (props, ref) {
|
|
143
|
-
var checked = props.checked, _a = props.
|
|
146
|
+
var checked = props.checked, defaultChecked = props.defaultChecked, _a = props.color, color = _a === void 0 ? 'primary' : _a, _b = props.indeterminate, indeterminate = _b === void 0 ? false : _b, required = props.required, inputProps = props.inputProps, disabled = props.disabled, idProp = props.id, name = props.name, _c = props.checkedIcon, checkedIcon = _c === void 0 ? CheckIcon : _c, onChange = props.onChange, other = __rest(props, ["checked", "defaultChecked", "color", "indeterminate", "required", "inputProps", "disabled", "id", "name", "checkedIcon", "onChange"]);
|
|
144
147
|
var id = useId(idProp);
|
|
145
148
|
var icon = indeterminate ? MinusIcon : checkedIcon;
|
|
146
149
|
return (React.createElement(CheckboxRoot, __assign({ ref: ref, htmlFor: id }, other),
|
|
147
|
-
React.createElement(CheckboxInput, __assign({}, inputProps, { "data-indeterminate": indeterminate, type: "checkbox", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, onChange: onChange })),
|
|
150
|
+
React.createElement(CheckboxInput, __assign({}, inputProps, { "data-indeterminate": indeterminate, type: "checkbox", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, color: color, onChange: onChange })),
|
|
148
151
|
React.createElement(CheckboxIcon, { as: icon, "aria-hidden": true })));
|
|
149
152
|
});
|
|
150
153
|
Checkbox.displayName = 'Checkbox';
|
|
151
|
-
Checkbox.defaultProps = {
|
|
154
|
+
Checkbox.defaultProps = {
|
|
155
|
+
color: 'primary',
|
|
156
|
+
};
|
|
152
157
|
//# sourceMappingURL=checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/Checkbox/checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/Checkbox/checkbox.tsx"],"names":[],"mappings":"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"}
|
package/dist/esm/Radio/radio.js
CHANGED
|
@@ -22,6 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
};
|
|
23
23
|
import * as React from 'react';
|
|
24
24
|
import styled from '@emotion/styled';
|
|
25
|
+
import isPropValid from '@emotion/is-prop-valid';
|
|
25
26
|
import { DotIcon } from '../icons';
|
|
26
27
|
import { useId } from '../hooks';
|
|
27
28
|
import { opacity } from '../styles/foundations';
|
|
@@ -43,7 +44,9 @@ var RadioRoot = styled('label')({
|
|
|
43
44
|
} : {
|
|
44
45
|
color: 'var(--pv-color-gray-6)',
|
|
45
46
|
}))); });
|
|
46
|
-
var RadioInput = styled('input'
|
|
47
|
+
var RadioInput = styled('input', {
|
|
48
|
+
shouldForwardProp: function (prop) { return isPropValid(prop) && prop !== 'color'; },
|
|
49
|
+
})({
|
|
47
50
|
cursor: 'inherit',
|
|
48
51
|
width: '100%',
|
|
49
52
|
height: '100%',
|
|
@@ -71,8 +74,8 @@ var RadioInput = styled('input')({
|
|
|
71
74
|
}, function (props) {
|
|
72
75
|
var isDark = props.theme.mode === 'dark';
|
|
73
76
|
var color = 'var(--pv-color-gray-9)';
|
|
74
|
-
var colorChecked =
|
|
75
|
-
var ellipseColorChecked =
|
|
77
|
+
var colorChecked = "var(--pv-color-".concat(props.color, "-shade-1)");
|
|
78
|
+
var ellipseColorChecked = "var(--pv-color-".concat(props.color, ")");
|
|
76
79
|
var colorDisabled = 'var(--pv-color-gray-6)';
|
|
77
80
|
var colorDisabledChecked = 'var(--pv-color-gray-7)';
|
|
78
81
|
var opacityHover = opacity.light.switch.hover;
|
|
@@ -80,8 +83,8 @@ var RadioInput = styled('input')({
|
|
|
80
83
|
var opacityActive = opacity.light.switch.active;
|
|
81
84
|
if (isDark) {
|
|
82
85
|
color = 'var(--pv-color-gray-7)';
|
|
83
|
-
colorChecked =
|
|
84
|
-
ellipseColorChecked =
|
|
86
|
+
colorChecked = "var(--pv-color-".concat(props.color, ")");
|
|
87
|
+
ellipseColorChecked = "var(--pv-color-".concat(props.color, "-tint-1)");
|
|
85
88
|
colorDisabled = 'var(--pv-color-gray-5)';
|
|
86
89
|
colorDisabled = 'var(--pv-color-gray-5)';
|
|
87
90
|
colorDisabledChecked = 'var(--pv-color-gray-5)';
|
|
@@ -144,12 +147,14 @@ var CheckboxIcon = styled('svg')({
|
|
|
144
147
|
*
|
|
145
148
|
*/
|
|
146
149
|
export var Radio = React.forwardRef(function (props, ref) {
|
|
147
|
-
var checked = props.checked, defaultChecked = props.defaultChecked, required = props.required, inputProps = props.inputProps, disabled = props.disabled, idProp = props.id, name = props.name,
|
|
150
|
+
var checked = props.checked, defaultChecked = props.defaultChecked, _a = props.color, color = _a === void 0 ? 'primary' : _a, required = props.required, inputProps = props.inputProps, disabled = props.disabled, idProp = props.id, name = props.name, _b = props.checkedIcon, checkedIcon = _b === void 0 ? DotIcon : _b, onChange = props.onChange, other = __rest(props, ["checked", "defaultChecked", "color", "required", "inputProps", "disabled", "id", "name", "checkedIcon", "onChange"]);
|
|
148
151
|
var id = useId(idProp);
|
|
149
152
|
return (React.createElement(RadioRoot, __assign({ ref: ref, htmlFor: id }, other),
|
|
150
|
-
React.createElement(RadioInput, __assign({}, inputProps, { type: "radio", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, onChange: onChange })),
|
|
153
|
+
React.createElement(RadioInput, __assign({}, inputProps, { type: "radio", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, color: color, onChange: onChange })),
|
|
151
154
|
React.createElement(CheckboxIcon, { as: checkedIcon, "aria-hidden": true })));
|
|
152
155
|
});
|
|
153
156
|
Radio.displayName = 'Radio';
|
|
154
|
-
Radio.defaultProps = {
|
|
157
|
+
Radio.defaultProps = {
|
|
158
|
+
color: 'primary',
|
|
159
|
+
};
|
|
155
160
|
//# sourceMappingURL=radio.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/Radio/radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/Radio/radio.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/Switch/switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,WAAW,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAoDhD;;GAEG;AAEH;;GAEG;AACH,IAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACjC,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,uBAAuB;IAC9B,MAAM,EAAE,uBAAuB;IAC/B,YAAY,EAAE,uBAAuB;IACrC,cAAc,EAAE,QAAQ;IACxB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,IAAM,WAAW,GAAG,MAAM,CAAC,OAAO,EAAE;IAClC,iBAAiB,EAAE,UAAC,IAAI,IAAK,OAAA,WAAW,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,OAAO,EAArC,CAAqC;CACnE,CAAC,CACA;IACE,
|
|
1
|
+
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/Switch/switch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import styled from '@emotion/styled';
|
|
3
|
+
import isPropValid from '@emotion/is-prop-valid';
|
|
3
4
|
import { CheckIcon, MinusIcon } from '../icons';
|
|
4
5
|
import { useId } from '../hooks';
|
|
5
6
|
import { opacity } from '../styles/foundations';
|
|
@@ -15,7 +16,9 @@ const CheckboxRoot = styled('label')({
|
|
|
15
16
|
height: 'var(--pv-size-base-4)',
|
|
16
17
|
position: 'relative',
|
|
17
18
|
});
|
|
18
|
-
const CheckboxInput = styled('input'
|
|
19
|
+
const CheckboxInput = styled('input', {
|
|
20
|
+
shouldForwardProp: (prop) => isPropValid(prop) && prop !== 'color',
|
|
21
|
+
})({
|
|
19
22
|
width: '100%',
|
|
20
23
|
height: '100%',
|
|
21
24
|
margin: 0,
|
|
@@ -42,8 +45,8 @@ const CheckboxInput = styled('input')({
|
|
|
42
45
|
}, (props) => {
|
|
43
46
|
const isDark = props.theme.mode === 'dark';
|
|
44
47
|
let color = 'var(--pv-color-gray-9)';
|
|
45
|
-
let colorChecked =
|
|
46
|
-
let backgroundColorChecked =
|
|
48
|
+
let colorChecked = `var(--pv-color-${props.color}-shade-1)`;
|
|
49
|
+
let backgroundColorChecked = `var(--pv-color-${props.color})`;
|
|
47
50
|
let colorDisabledChecked = 'var(--pv-color-gray-7)';
|
|
48
51
|
let iconColorDisabledChecked = 'var(--pv-color-white)';
|
|
49
52
|
let opacityHover = opacity.light.switch.hover;
|
|
@@ -51,8 +54,8 @@ const CheckboxInput = styled('input')({
|
|
|
51
54
|
let opacityActive = opacity.light.switch.active;
|
|
52
55
|
if (isDark) {
|
|
53
56
|
color = 'var(--pv-color-gray-7)';
|
|
54
|
-
colorChecked =
|
|
55
|
-
backgroundColorChecked =
|
|
57
|
+
colorChecked = `var(--pv-color-${props.color})`;
|
|
58
|
+
backgroundColorChecked = `var(--pv-color-${props.color}-tint-1)`;
|
|
56
59
|
colorDisabledChecked = 'var(--pv-color-gray-5)';
|
|
57
60
|
iconColorDisabledChecked = 'var(--pv-color-gray-8)';
|
|
58
61
|
opacityHover = opacity.dark.switch.hover;
|
|
@@ -118,13 +121,15 @@ const CheckboxIcon = styled('svg')({
|
|
|
118
121
|
*
|
|
119
122
|
*/
|
|
120
123
|
export const Checkbox = React.forwardRef((props, ref) => {
|
|
121
|
-
const { checked, indeterminate = false,
|
|
124
|
+
const { checked, defaultChecked, color = 'primary', indeterminate = false, required, inputProps, disabled, id: idProp, name, checkedIcon = CheckIcon, onChange, ...other } = props;
|
|
122
125
|
const id = useId(idProp);
|
|
123
126
|
const icon = indeterminate ? MinusIcon : checkedIcon;
|
|
124
127
|
return (React.createElement(CheckboxRoot, { ref: ref, htmlFor: id, ...other },
|
|
125
|
-
React.createElement(CheckboxInput, { ...inputProps, "data-indeterminate": indeterminate, type: "checkbox", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, onChange: onChange }),
|
|
128
|
+
React.createElement(CheckboxInput, { ...inputProps, "data-indeterminate": indeterminate, type: "checkbox", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, color: color, onChange: onChange }),
|
|
126
129
|
React.createElement(CheckboxIcon, { as: icon, "aria-hidden": true })));
|
|
127
130
|
});
|
|
128
131
|
Checkbox.displayName = 'Checkbox';
|
|
129
|
-
Checkbox.defaultProps = {
|
|
132
|
+
Checkbox.defaultProps = {
|
|
133
|
+
color: 'primary',
|
|
134
|
+
};
|
|
130
135
|
//# sourceMappingURL=checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/Checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/Checkbox/checkbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import styled from '@emotion/styled';
|
|
3
|
+
import isPropValid from '@emotion/is-prop-valid';
|
|
3
4
|
import { DotIcon } from '../icons';
|
|
4
5
|
import { useId } from '../hooks';
|
|
5
6
|
import { opacity } from '../styles/foundations';
|
|
@@ -23,7 +24,9 @@ const RadioRoot = styled('label')({
|
|
|
23
24
|
color: 'var(--pv-color-gray-6)',
|
|
24
25
|
}),
|
|
25
26
|
}));
|
|
26
|
-
const RadioInput = styled('input'
|
|
27
|
+
const RadioInput = styled('input', {
|
|
28
|
+
shouldForwardProp: (prop) => isPropValid(prop) && prop !== 'color',
|
|
29
|
+
})({
|
|
27
30
|
cursor: 'inherit',
|
|
28
31
|
width: '100%',
|
|
29
32
|
height: '100%',
|
|
@@ -51,8 +54,8 @@ const RadioInput = styled('input')({
|
|
|
51
54
|
}, (props) => {
|
|
52
55
|
const isDark = props.theme.mode === 'dark';
|
|
53
56
|
let color = 'var(--pv-color-gray-9)';
|
|
54
|
-
let colorChecked =
|
|
55
|
-
let ellipseColorChecked =
|
|
57
|
+
let colorChecked = `var(--pv-color-${props.color}-shade-1)`;
|
|
58
|
+
let ellipseColorChecked = `var(--pv-color-${props.color})`;
|
|
56
59
|
let colorDisabled = 'var(--pv-color-gray-6)';
|
|
57
60
|
let colorDisabledChecked = 'var(--pv-color-gray-7)';
|
|
58
61
|
let opacityHover = opacity.light.switch.hover;
|
|
@@ -60,8 +63,8 @@ const RadioInput = styled('input')({
|
|
|
60
63
|
let opacityActive = opacity.light.switch.active;
|
|
61
64
|
if (isDark) {
|
|
62
65
|
color = 'var(--pv-color-gray-7)';
|
|
63
|
-
colorChecked =
|
|
64
|
-
ellipseColorChecked =
|
|
66
|
+
colorChecked = `var(--pv-color-${props.color})`;
|
|
67
|
+
ellipseColorChecked = `var(--pv-color-${props.color}-tint-1)`;
|
|
65
68
|
colorDisabled = 'var(--pv-color-gray-5)';
|
|
66
69
|
colorDisabled = 'var(--pv-color-gray-5)';
|
|
67
70
|
colorDisabledChecked = 'var(--pv-color-gray-5)';
|
|
@@ -124,12 +127,14 @@ const CheckboxIcon = styled('svg')({
|
|
|
124
127
|
*
|
|
125
128
|
*/
|
|
126
129
|
export const Radio = React.forwardRef((props, ref) => {
|
|
127
|
-
const { checked, defaultChecked, required, inputProps, disabled, id: idProp, name, checkedIcon = DotIcon, onChange, ...other } = props;
|
|
130
|
+
const { checked, defaultChecked, color = 'primary', required, inputProps, disabled, id: idProp, name, checkedIcon = DotIcon, onChange, ...other } = props;
|
|
128
131
|
const id = useId(idProp);
|
|
129
132
|
return (React.createElement(RadioRoot, { ref: ref, htmlFor: id, ...other },
|
|
130
|
-
React.createElement(RadioInput, { ...inputProps, type: "radio", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, onChange: onChange }),
|
|
133
|
+
React.createElement(RadioInput, { ...inputProps, type: "radio", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, color: color, onChange: onChange }),
|
|
131
134
|
React.createElement(CheckboxIcon, { as: checkedIcon, "aria-hidden": true })));
|
|
132
135
|
});
|
|
133
136
|
Radio.displayName = 'Radio';
|
|
134
|
-
Radio.defaultProps = {
|
|
137
|
+
Radio.defaultProps = {
|
|
138
|
+
color: 'primary',
|
|
139
|
+
};
|
|
135
140
|
//# sourceMappingURL=radio.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/Radio/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/Radio/radio.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/Switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,WAAW,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAoDhD;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACjC,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,uBAAuB;IAC9B,MAAM,EAAE,uBAAuB;IAC/B,YAAY,EAAE,uBAAuB;IACrC,cAAc,EAAE,QAAQ;IACxB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,EAAE;IAClC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,OAAO;CACnE,CAAC,CACA;IACE,
|
|
1
|
+
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/Switch/switch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,6 +11,10 @@ declare type CheckboxOwnProps = {
|
|
|
11
11
|
* If `true`, the component is checked by default.
|
|
12
12
|
*/
|
|
13
13
|
defaultChecked?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* The color of the component.
|
|
16
|
+
*/
|
|
17
|
+
color?: ('primary' | 'secondary');
|
|
14
18
|
/**
|
|
15
19
|
* If `true`, the component appears indeterminate. This does not set the native
|
|
16
20
|
* input element to indeterminate due to inconsistent behavior across browsers.
|
|
@@ -11,6 +11,10 @@ declare type RadioOwnProps = {
|
|
|
11
11
|
* If `true`, the component is checked by default.
|
|
12
12
|
*/
|
|
13
13
|
defaultChecked?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* The color of the component.
|
|
16
|
+
*/
|
|
17
|
+
color?: ('primary' | 'secondary');
|
|
14
18
|
/**
|
|
15
19
|
* Attributes applied to the input element.
|
|
16
20
|
*/
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@peculiar/react-components",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.6.
|
|
4
|
+
"version": "0.6.1",
|
|
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": [
|
|
@@ -81,5 +81,5 @@
|
|
|
81
81
|
"node": ">=12.x"
|
|
82
82
|
},
|
|
83
83
|
"license": "MIT",
|
|
84
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "cba127f64824b54bc66d89560d5eac33c269b881"
|
|
85
85
|
}
|