@peculiar/react-components 0.3.14 → 0.4.0

package/dist/cjs/ButtonBase/button_base.js

@@ -44,10 +44,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonBase = void 0;
 var React = __importStar(require("react"));
-var styles_1 = require("../styles");
+var styled_1 = __importDefault(require("@emotion/styled"));
+var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
 var Typography_1 = require("../Typography");
 /**
  *
@@ -55,8 +59,9 @@ var Typography_1 = require("../Typography");
 /**
  * Styles.
  */
-var stylesBase = function () { return (0, styles_1.css)({
-    label: 'ButtonBase',
+var ButtonBaseRoot = (0, styled_1.default)('button', {
+    shouldForwardProp: function (prop) { return (0, is_prop_valid_1.default)(prop) && prop !== 'color'; },
+})(function (props) { return ({
     fontFamily: 'inherit',
     outline: 'none',
     cursor: 'pointer',
@@ -75,193 +80,149 @@ var stylesBase = function () { return (0, styles_1.css)({
     '&:disabled': {
         cursor: 'not-allowed',
         boxShadow: 'none',
+        color: props.variant === 'text'
+            ? 'var(--pv-color-gray-7)'
+            : 'var(--pv-color-gray-8)',
+        backgroundColor: props.variant === 'contained' && 'var(--pv-color-gray-4)',
+        borderColor: props.variant === 'outlined' && 'var(--pv-color-gray-4)',
     },
-}); };
-var stylesVariantTextColorDefault = function () { return (0, styles_1.css)({
-    color: 'var(--pv-color-black)',
-    '&:not(:disabled)': {
-        '&:hover': {
-            backgroundColor: 'var(--pv-color-gray-3)',
-        },
-        '&:focus': {
-            backgroundColor: 'var(--pv-color-gray-4)',
-        },
-        '&:active': {
-            backgroundColor: 'var(--pv-color-gray-5)',
-        },
-    },
-}); };
-var stylesVariantTextColorWhite = function () { return (0, styles_1.css)({
-    color: 'var(--pv-color-white)',
-    '&:not(:disabled)': {
-        '&:hover': {
-            backgroundColor: 'var(--pv-color-gray-7)',
-        },
-        '&:focus': {
-            backgroundColor: 'var(--pv-color-gray-8)',
-        },
-        '&:active': {
-            backgroundColor: 'var(--pv-color-gray-9)',
-        },
-    },
-}); };
-var stylesVariantTextColor = function (color) { return (0, styles_1.css)({
-    color: "var(--pv-color-".concat(color, ")"),
-    '&:not(:disabled)': {
-        '&:hover': {
-            backgroundColor: "var(--pv-color-".concat(color, "-tint-5)"),
-        },
-        '&:focus': {
-            backgroundColor: "var(--pv-color-".concat(color, "-tint-4)"),
-        },
-        '&:active': {
-            backgroundColor: "var(--pv-color-".concat(color, "-tint-3)"),
-        },
-    },
-}); };
-var stylesVariantText = function () { return (0, styles_1.css)({
-    '&:disabled': {
-        color: 'var(--pv-color-gray-7)',
-    },
-}); };
-var stylesVariantContainedColorDefault = function () { return (0, styles_1.css)({
-    backgroundColor: 'var(--pv-color-gray-8)',
-    color: 'var(--pv-color-black)',
-    '&:not(:disabled)': {
-        '&:hover': {
-            backgroundColor: 'var(--pv-color-gray-7)',
-        },
-        '&:focus': {
-            backgroundColor: 'var(--pv-color-gray-6)',
-        },
-        '&:active': {
-            backgroundColor: 'var(--pv-color-gray-5)',
-            boxShadow: 'var(--pv-shadow-light-medium)',
-        },
-    },
-}); };
-var stylesVariantContainedColorWhite = function () { return (0, styles_1.css)({
-    backgroundColor: 'var(--pv-color-white)',
-    color: 'var(--pv-color-black)',
-    '&:not(:disabled)': {
-        '&:hover': {
-            backgroundColor: 'var(--pv-color-gray-7)',
-        },
-        '&:focus': {
-            backgroundColor: 'var(--pv-color-gray-6)',
-        },
-        '&:active': {
-            backgroundColor: 'var(--pv-color-gray-5)',
-            boxShadow: 'var(--pv-shadow-light-medium)',
-        },
-    },
-}); };
-var stylesVariantContainedColor = function (color) { return (0, styles_1.css)({
-    backgroundColor: "var(--pv-color-".concat(color, ")"),
-    color: "var(--pv-color-".concat(color, "-contrast)"),
-    '&:not(:disabled)': {
-        '&:hover': {
-            backgroundColor: "var(--pv-color-".concat(color, "-tint-1)"),
-        },
-        '&:focus': {
-            backgroundColor: "var(--pv-color-".concat(color, "-tint-2)"),
-        },
-        '&:active': {
-            backgroundColor: "var(--pv-color-".concat(color, "-tint-2)"),
-            boxShadow: 'var(--pv-shadow-light-medium)',
-        },
-    },
-}); };
-var stylesVariantContained = function () { return (0, styles_1.css)({
-    boxShadow: 'var(--pv-shadow-light-low)',
-    '&:disabled': {
-        color: 'var(--pv-color-gray-8)',
-        backgroundColor: 'var(--pv-color-gray-4)',
-    },
-}); };
-var stylesVariantOutlinedColorDefault = function () { return (0, styles_1.css)({
-    color: 'var(--pv-color-black)',
-    borderColor: 'var(--pv-color-gray-8)',
-    '&:not(:disabled)': {
-        '&:hover': {
-            backgroundColor: 'var(--pv-color-gray-3)',
-        },
-        '&:focus': {
-            backgroundColor: 'var(--pv-color-gray-4)',
-        },
-        '&:active': {
-            backgroundColor: 'var(--pv-color-gray-5)',
-        },
-    },
-}); };
-var stylesVariantOutlinedColorWhite = function () { return (0, styles_1.css)({
-    color: 'var(--pv-color-white)',
-    borderColor: 'var(--pv-color-white)',
-    '&:not(:disabled)': {
-        '&:hover': {
-            backgroundColor: 'var(--pv-color-gray-7)',
-        },
-        '&:focus': {
-            backgroundColor: 'var(--pv-color-gray-8)',
-        },
-        '&:active': {
-            backgroundColor: 'var(--pv-color-gray-9)',
-        },
-    },
-}); };
-var stylesVariantOutlinedColor = function (color) { return (0, styles_1.css)({
-    color: "var(--pv-color-".concat(color, ")"),
-    borderColor: "var(--pv-color-".concat(color, "-tint-2)"),
-    '&:not(:disabled)': {
-        '&:hover': {
-            backgroundColor: "var(--pv-color-".concat(color, "-tint-5)"),
-        },
-        '&:focus': {
-            backgroundColor: "var(--pv-color-".concat(color, "-tint-4)"),
-        },
-        '&:active': {
-            backgroundColor: "var(--pv-color-".concat(color, "-tint-3)"),
+}); }, function (props) {
+    var isDark = props.theme.mode === 'dark';
+    var color = isDark
+        ? 'var(--pv-color-white)'
+        : 'var(--pv-color-black)';
+    var borderColor;
+    var backgroundColor;
+    var backgroundColorHover;
+    var backgroundColorFocus;
+    var backgroundColorActive;
+    var boxShadow;
+    var boxShadowActive;
+    if (props.variant === 'outlined') {
+        if (props.color === 'default') {
+            borderColor = 'var(--pv-color-gray-7)';
+            backgroundColorHover = 'var(--pv-color-gray-3)';
+            backgroundColorFocus = 'var(--pv-color-gray-4)';
+            backgroundColorActive = 'var(--pv-color-gray-5)';
+        }
+        else if (props.color === 'white') {
+            color = 'var(--pv-color-white)';
+            borderColor = 'var(--pv-color-white)';
+            backgroundColorHover = 'var(--pv-color-gray-7)';
+            backgroundColorFocus = 'var(--pv-color-gray-8)';
+            backgroundColorActive = 'var(--pv-color-gray-9)';
+        }
+        else if (isDark) {
+            color = "var(--pv-color-".concat(props.color, ")");
+            borderColor = "var(--pv-color-".concat(props.color, "-shade-1)");
+            backgroundColorHover = "var(--pv-color-".concat(props.color, "-shade-4)");
+            backgroundColorFocus = "var(--pv-color-".concat(props.color, "-shade-3)");
+            backgroundColorActive = "var(--pv-color-".concat(props.color, "-shade-2)");
+        }
+        else {
+            color = "var(--pv-color-".concat(props.color, ")");
+            borderColor = "var(--pv-color-".concat(props.color, "-tint-2)");
+            backgroundColorHover = "var(--pv-color-".concat(props.color, "-tint-5)");
+            backgroundColorFocus = "var(--pv-color-".concat(props.color, "-tint-4)");
+            backgroundColorActive = "var(--pv-color-".concat(props.color, "-tint-3)");
+        }
+    }
+    if (props.variant === 'contained') {
+        if (props.color === 'default') {
+            if (isDark) {
+                backgroundColor = 'var(--pv-color-gray-6)';
+                backgroundColorHover = 'var(--pv-color-gray-5)';
+                backgroundColorFocus = 'var(--pv-color-gray-4)';
+                backgroundColorActive = 'var(--pv-color-gray-3)';
+            }
+            else {
+                backgroundColor = 'var(--pv-color-gray-8)';
+                backgroundColorHover = 'var(--pv-color-gray-7)';
+                backgroundColorFocus = 'var(--pv-color-gray-6)';
+                backgroundColorActive = 'var(--pv-color-gray-5)';
+            }
+        }
+        else if (props.color === 'white') {
+            backgroundColor = 'var(--pv-color-white)';
+            backgroundColorHover = 'var(--pv-color-gray-7)';
+            backgroundColorFocus = 'var(--pv-color-gray-6)';
+            backgroundColorActive = 'var(--pv-color-gray-5)';
+        }
+        else {
+            color = "var(--pv-color-".concat(props.color, "-contrast)");
+            backgroundColor = "var(--pv-color-".concat(props.color, ")");
+            backgroundColorHover = "var(--pv-color-".concat(props.color, "-tint-1)");
+            backgroundColorFocus = "var(--pv-color-".concat(props.color, "-tint-2)");
+            backgroundColorActive = "var(--pv-color-".concat(props.color, "-tint-2)");
+        }
+        if (isDark) {
+            boxShadow = 'var(--pv-shadow-dark-medium)';
+            boxShadowActive = 'var(--pv-shadow-dark-hight)';
+        }
+        else {
+            boxShadow = 'var(--pv-shadow-light-low)';
+            boxShadowActive = 'var(--pv-shadow-light-medium)';
+        }
+    }
+    if (props.variant === 'text') {
+        if (props.color === 'default') {
+            backgroundColorHover = 'var(--pv-color-gray-3)';
+            backgroundColorFocus = 'var(--pv-color-gray-4)';
+            backgroundColorActive = 'var(--pv-color-gray-5)';
+        }
+        else if (props.color === 'white') {
+            color = 'var(--pv-color-white)';
+            backgroundColorHover = 'var(--pv-color-gray-7)';
+            backgroundColorFocus = 'var(--pv-color-gray-8)';
+            backgroundColorActive = 'var(--pv-color-gray-9)';
+        }
+        else if (isDark) {
+            color = "var(--pv-color-".concat(props.color, ")");
+            backgroundColorHover = "var(--pv-color-".concat(props.color, "-shade-4)");
+            backgroundColorFocus = "var(--pv-color-".concat(props.color, "-shade-3)");
+            backgroundColorActive = "var(--pv-color-".concat(props.color, "-shade-2)");
+        }
+        else {
+            color = "var(--pv-color-".concat(props.color, ")");
+            backgroundColorHover = "var(--pv-color-".concat(props.color, "-tint-5)");
+            backgroundColorFocus = "var(--pv-color-".concat(props.color, "-tint-4)");
+            backgroundColorActive = "var(--pv-color-".concat(props.color, "-tint-3)");
+        }
+    }
+    return {
+        borderColor: borderColor,
+        backgroundColor: backgroundColor,
+        color: color,
+        boxShadow: boxShadow,
+        '&:not(:disabled)': {
+            '&:hover': {
+                backgroundColor: backgroundColorHover,
+            },
+            '&:focus': {
+                backgroundColor: backgroundColorFocus,
+            },
+            '&:active': {
+                backgroundColor: backgroundColorActive,
+                boxShadow: boxShadowActive,
+            },
         },
-    },
-}); };
-var stylesVariantOutlined = function () { return (0, styles_1.css)({
-    '&:disabled': {
-        color: 'var(--pv-color-gray-8)',
-        borderColor: 'var(--pv-color-gray-4)',
-    },
-}); };
-var stylesLabel = function () { return (0, styles_1.css)({
-    label: 'ButtonBase-label',
+    };
+});
+var ButtonBaseLabel = (0, styled_1.default)(Typography_1.Typography)({
     width: '100%',
     display: 'inherit',
     alignItems: 'inherit',
     justifyContent: 'inherit',
-}); };
+});
 /**
  *
  */
 exports.ButtonBase = React.forwardRef(function (props, ref) {
-    var _a;
-    var variant = props.variant, textVariantProp = props.textVariant, color = props.color, size = props.size, className = props.className, children = props.children, disabled = props.disabled, _b = props.type, type = _b === void 0 ? 'button' : _b, component = props.component, other = __rest(props, ["variant", "textVariant", "color", "size", "className", "children", "disabled", "type", "component"]);
+    var textVariantProp = props.textVariant, size = props.size, children = props.children, _a = props.type, type = _a === void 0 ? 'button' : _a, component = props.component, other = __rest(props, ["textVariant", "size", "children", "type", "component"]);
     var Component = component || 'button';
     var textVariant = textVariantProp || (size === 'small' ? 'btn2' : 'btn1');
-    return (React.createElement(Component, __assign({}, other, { ref: ref, type: type, disabled: disabled, className: (0, styles_1.cx)((_a = {},
-            _a[stylesBase()] = true,
-            _a[stylesVariantTextColorDefault()] = variant === 'text' && color === 'default',
-            _a[stylesVariantTextColorWhite()] = variant === 'text' && color === 'white',
-            _a[stylesVariantTextColor(color)] = variant === 'text' && !['white', 'default'].includes(color),
-            _a[stylesVariantText()] = variant === 'text',
-            _a[stylesVariantContainedColorDefault()] = variant === 'contained' && color === 'default',
-            _a[stylesVariantContainedColorWhite()] = variant === 'contained' && color === 'white',
-            _a[stylesVariantContainedColor(color)] = variant === 'contained' && !['white', 'default'].includes(color),
-            _a[stylesVariantContained()] = variant === 'contained',
-            _a[stylesVariantOutlinedColorDefault()] = variant === 'outlined' && color === 'default',
-            _a[stylesVariantOutlinedColorWhite()] = variant === 'outlined' && color === 'white',
-            _a[stylesVariantOutlinedColor(color)] = variant === 'outlined' && !['white', 'default'].includes(color),
-            _a[stylesVariantOutlined()] = variant === 'outlined',
-            _a[className] = !!className,
-            _a)) }),
-        React.createElement(Typography_1.Typography, { variant: textVariant, className: (0, styles_1.cx)(stylesLabel()), color: "inherit" }, children)));
+    return (React.createElement(ButtonBaseRoot, __assign({ as: Component, ref: ref, type: type, size: size }, other),
+        React.createElement(ButtonBaseLabel, { color: "inherit", variant: textVariant }, children)));
 });
 exports.ButtonBase.displayName = 'ButtonBase';
 exports.ButtonBase.defaultProps = {

package/dist/cjs/ButtonBase/button_base.js.map

@@ -1 +1 @@
-{"version":3,"file":"button_base.js","sourceRoot":"","sources":["../../../src/ButtonBase/button_base.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"button_base.js","sourceRoot":"","sources":["../../../src/ButtonBase/button_base.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Checkbox/checkbox.js

@@ -44,27 +44,28 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Checkbox = void 0;
 var React = __importStar(require("react"));
+var styled_1 = __importDefault(require("@emotion/styled"));
 var icons_1 = require("../icons");
 var hooks_1 = require("../hooks");
-var styles_1 = require("../styles");
 /**
  *
  */
 /**
  * Styles.
  */
-var stylesBase = function () { return (0, styles_1.css)({
-    label: 'Checkbox',
+var CheckboxRoot = (0, styled_1.default)('label')({
     display: 'inline-flex',
     width: 'var(--pv-size-base-4)',
     height: 'var(--pv-size-base-4)',
     position: 'relative',
-}); };
-var stylesInput = function () { return (0, styles_1.css)({
-    label: 'Checkbox-input',
+});
+var CheckboxInput = (0, styled_1.default)('input')({
     width: '100%',
     height: '100%',
     margin: 0,
@@ -74,7 +75,6 @@ var stylesInput = function () { return (0, styles_1.css)({
     borderWidth: '2px',
     borderStyle: 'solid',
     appearance: 'none',
-    color: 'var(--pv-color-gray-9)',
     borderColor: 'currentColor',
     backgroundColor: 'transparent',
     '&:before': {
@@ -89,44 +89,66 @@ var stylesInput = function () { return (0, styles_1.css)({
         backgroundColor: 'currentColor',
         transition: 'opacity 200ms',
     },
-    '&:checked': {
-        '+ [aria-hidden]': {
-            opacity: 1,
-        },
-    },
-    '&:not(:disabled)': {
-        cursor: 'pointer',
+}, function (props) {
+    var isDark = props.theme.mode === 'dark';
+    var color = 'var(--pv-color-gray-9)';
+    var colorChecked = 'var(--pv-color-primary-shade-1)';
+    var backgroundColorChecked = 'var(--pv-color-primary)';
+    var colorDisabledChecked = 'var(--pv-color-gray-7)';
+    var iconColorDisabledChecked = 'var(--pv-color-white)';
+    if (isDark) {
+        color = 'var(--pv-color-gray-7)';
+        colorChecked = 'var(--pv-color-primary)';
+        backgroundColorChecked = 'var(--pv-color-primary-tint-1)';
+        colorDisabledChecked = 'var(--pv-color-gray-5)';
+        iconColorDisabledChecked = 'var(--pv-color-gray-8)';
+    }
+    return ({
+        color: color,
         '&:checked': {
-            color: 'var(--pv-color-primary-shade-1)',
-            backgroundColor: 'var(--pv-color-primary)',
-        },
-        '&:hover': {
-            '&:before': {
-                opacity: 0.18,
+            '+ [aria-hidden]': {
+                opacity: 1,
             },
         },
-        '&:focus': {
-            '&:before': {
-                opacity: 0.23,
+        '&:not(:disabled)': {
+            cursor: 'pointer',
+            '&:checked': {
+                color: colorChecked,
+                backgroundColor: backgroundColorChecked,
+                '+ [aria-hidden]': {
+                    color: 'var(--pv-color-white)',
+                },
             },
-        },
-        '&:active': {
-            '&:before': {
-                opacity: 0.30,
+            '&:hover': {
+                '&:before': {
+                    opacity: 0.18,
+                },
+            },
+            '&:focus': {
+                '&:before': {
+                    opacity: 0.23,
+                },
+            },
+            '&:active': {
+                '&:before': {
+                    opacity: 0.30,
+                },
             },
         },
-    },
-    '&:disabled': {
-        cursor: 'not-allowed',
-        color: 'var(--pv-color-gray-6)',
-        '&:checked': {
-            color: 'var(--pv-color-gray-7)',
-            backgroundColor: 'var(--pv-color-gray-6)',
+        '&:disabled': {
+            cursor: 'not-allowed',
+            color: 'var(--pv-color-gray-6)',
+            '&:checked': {
+                color: colorDisabledChecked,
+                backgroundColor: 'var(--pv-color-gray-6)',
+                '+ [aria-hidden]': {
+                    color: iconColorDisabledChecked,
+                },
+            },
         },
-    },
-}); };
-var stylesIcon = function () { return (0, styles_1.css)({
-    label: 'Checkbox-icon',
+    });
+});
+var CheckboxIcon = (0, styled_1.default)('svg')({
     display: 'block',
     position: 'absolute',
     top: 0,
@@ -134,32 +156,17 @@ var stylesIcon = function () { return (0, styles_1.css)({
     width: '100%',
     height: '100%',
     opacity: 0,
-    color: 'var(--pv-color-white)',
     pointerEvents: 'none',
-}); };
+});
 /**
  *
  */
 exports.Checkbox = React.forwardRef(function (props, ref) {
-    var _a;
-    var checked = props.checked, defaultChecked = props.defaultChecked, required = props.required, inputProps = props.inputProps, className = props.className, disabled = props.disabled, idProp = props.id, checkedIcon = props.checkedIcon, onChange = props.onChange, other = __rest(props, ["checked", "defaultChecked", "required", "inputProps", "className", "disabled", "id", "checkedIcon", "onChange"]);
+    var checked = props.checked, defaultChecked = props.defaultChecked, required = props.required, inputProps = props.inputProps, disabled = props.disabled, idProp = props.id, _a = props.checkedIcon, checkedIcon = _a === void 0 ? icons_1.CheckIcon : _a, onChange = props.onChange, other = __rest(props, ["checked", "defaultChecked", "required", "inputProps", "disabled", "id", "checkedIcon", "onChange"]);
     var id = (0, hooks_1.useId)(idProp);
-    var renderIcon = function () {
-        var baseIconProps = {
-            'aria-hidden': true,
-            className: (0, styles_1.cx)(stylesIcon()),
-        };
-        if (checkedIcon) {
-            return React.cloneElement(checkedIcon, baseIconProps);
-        }
-        return (React.createElement(icons_1.CheckIcon, __assign({}, baseIconProps)));
-    };
-    return (React.createElement("label", __assign({}, other, { ref: ref, htmlFor: id, className: (0, styles_1.cx)((_a = {},
-            _a[stylesBase()] = true,
-            _a[className] = !!className,
-            _a)) }),
-        React.createElement("input", __assign({}, inputProps, { type: "checkbox", id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, className: stylesInput(), onChange: onChange })),
-        renderIcon()));
+    return (React.createElement(CheckboxRoot, __assign({ ref: ref, htmlFor: id }, other),
+        React.createElement(CheckboxInput, __assign({}, inputProps, { type: "checkbox", id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, onChange: onChange })),
+        React.createElement(CheckboxIcon, { as: checkedIcon, "aria-hidden": true })));
 });
 exports.Checkbox.displayName = 'Checkbox';
 exports.Checkbox.defaultProps = {};

package/dist/cjs/Checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/Checkbox/checkbox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/Checkbox/checkbox.tsx"],"names":[],"mappings":"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"}