@peculiar/react-components 0.3.14 → 0.4.0

package/dist/cjs/Select/select.js

@@ -44,119 +44,104 @@ 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.Select = void 0;
 var React = __importStar(require("react"));
-var styles_1 = require("../styles");
+var styled_1 = __importDefault(require("@emotion/styled"));
 var Typography_1 = require("../Typography");
 var icons_1 = require("../icons");
-var stylesInputBase = function () { return (0, styles_1.css)({
-    label: 'Select-input',
-    fontFamily: 'inherit',
-    outline: 'none',
-    cursor: 'pointer',
-    boxSizing: 'border-box',
-    width: '100%',
-    borderRadius: '4px',
-    padding: '0 calc(var(--pv-size-base-2) + 24px) 0 var(--pv-size-base-2)',
-    color: 'var(--pv-color-black)',
-    backgroundColor: 'var(--pv-color-gray-1)',
-    borderStyle: 'solid',
-    borderWidth: '1px',
-    borderColor: 'var(--pv-color-gray-8)',
-    transition: 'background-color 200ms, color 200ms, border-color 200ms',
-    display: 'block',
-    appearance: 'none',
-    '&:hover': {
-        backgroundColor: 'var(--pv-color-gray-3)',
-        borderColor: 'var(--pv-color-gray-7)',
-    },
-    '&:disabled': {
-        cursor: 'not-allowed',
-        backgroundColor: 'var(--pv-color-gray-1)',
-        borderColor: 'var(--pv-color-gray-5)',
-        color: 'var(--pv-color-gray-7)',
-    },
-    '&:not(:disabled)': {
-        '&[aria-invalid]': {
-            backgroundColor: 'var(--pv-color-wrong-tint-5)',
-            borderColor: 'var(--pv-color-wrong-tint-3)',
-        },
-        '&:focus': {
-            backgroundColor: 'var(--pv-color-secondary-tint-5)',
-            borderColor: 'var(--pv-color-secondary-tint-3)',
-        },
-    },
-}, {
-    fontWeight: 'var(--pv-text-c1-weight)',
-    fontSize: 'var(--pv-text-c1-size)',
-    lineHeight: 'var(--pv-text-c1-height)',
-    letterSpacing: 'var(--pv-text-c1-spacing)',
-}); };
-var stylesInputSizeSmall = function () { return (0, styles_1.css)({
-    label: 'small',
+/**
+ *
+ */
+/**
+ * Styles.
+ */
+var SelectRoot = (0, styled_1.default)('select')(function (props) { return (__assign(__assign(__assign({ fontFamily: 'inherit', outline: 'none', cursor: 'pointer', boxSizing: 'border-box', width: '100%', borderRadius: '4px', padding: '0 calc(var(--pv-size-base-2) + 24px) 0 var(--pv-size-base-2)', backgroundColor: 'var(--pv-color-gray-1)', borderStyle: 'solid', borderWidth: '1px', transition: 'background-color 200ms, color 200ms, border-color 200ms', display: 'block', appearance: 'none', fontWeight: 'var(--pv-text-c1-weight)', fontSize: 'var(--pv-text-c1-size)', lineHeight: 'var(--pv-text-c1-height)', letterSpacing: 'var(--pv-text-c1-spacing)' }, (props.selectSize === 'small' && {
     height: 'var(--pv-size-base-6)',
-}); };
-var stylesInputSizeMedium = function () { return (0, styles_1.css)({
-    label: 'medium',
+})), (props.selectSize === 'medium' && {
     height: 'var(--pv-size-base-7)',
-}); };
-var stylesInputSizeLarge = function () { return (0, styles_1.css)({
-    label: 'large',
+})), (props.selectSize === 'large' && {
     height: 'var(--pv-size-base-8)',
-}); };
-var stylesLabel = function () { return (0, styles_1.css)({
-    label: 'Select-label',
+}))); }, function (props) {
+    var isDark = props.theme.mode === 'dark';
+    var color = isDark
+        ? 'var(--pv-color-white)'
+        : 'var(--pv-color-black)';
+    var borderColor = 'var(--pv-color-gray-8)';
+    var borderColorHover = 'var(--pv-color-gray-7)';
+    var borderColorDisabled = 'var(--pv-color-gray-5)';
+    var colorDisabled = 'var(--pv-color-gray-7)';
+    var invalidBackgroundColor = 'var(--pv-color-wrong-tint-5)';
+    var invalidBorderColor = 'var(--pv-color-wrong-tint-3)';
+    var backgroundColorFocus = 'var(--pv-color-secondary-tint-5)';
+    var borderColorFocus = 'var(--pv-color-secondary-tint-3)';
+    if (isDark) {
+        borderColor = 'var(--pv-color-gray-5)';
+        borderColorHover = 'var(--pv-color-gray-4)';
+        borderColorDisabled = 'var(--pv-color-gray-4)';
+        colorDisabled = 'var(--pv-color-gray-4)';
+        invalidBackgroundColor = 'var(--pv-color-wrong-shade-4)';
+        invalidBorderColor = 'var(--pv-color-wrong-shade-1)';
+        backgroundColorFocus = 'var(--pv-color-secondary-shade-4)';
+        borderColorFocus = 'var(--pv-color-secondary-shade-1)';
+    }
+    return ({
+        color: color,
+        borderColor: borderColor,
+        '&:hover': {
+            backgroundColor: 'var(--pv-color-gray-3)',
+            borderColor: borderColorHover,
+        },
+        '&:disabled': {
+            cursor: 'not-allowed',
+            backgroundColor: 'var(--pv-color-gray-1)',
+            borderColor: borderColorDisabled,
+            color: colorDisabled,
+        },
+        '&:not(:disabled)': {
+            '&[aria-invalid]': {
+                backgroundColor: invalidBackgroundColor,
+                borderColor: invalidBorderColor,
+            },
+            '&:focus': {
+                backgroundColor: backgroundColorFocus,
+                borderColor: borderColorFocus,
+            },
+        },
+    });
+});
+var SelectLabel = (0, styled_1.default)('label')({
     marginBottom: '2px',
     display: 'inline-block',
-}); };
-var stylesError = function () { return (0, styles_1.css)({
-    label: 'Select-error',
+});
+var SelectErrorMessage = (0, styled_1.default)(Typography_1.Typography)({
     marginTop: '2px',
-}); };
-var stylesInputContainer = function () { return (0, styles_1.css)({
-    label: 'Select-container',
+});
+var SelectContainer = (0, styled_1.default)('div')({
     position: 'relative',
-}); };
-var stylesInputArrowIcon = function () { return (0, styles_1.css)({
-    label: 'Select-arrow-icon',
-    position: 'absolute',
-    right: '0px',
-    top: 'calc(50% - 12px)',
-    pointerEvents: 'none',
-    margin: '0px var(--pv-size-base)',
-    color: 'var(--pv-color-gray-10)',
-}); };
-var stylesInputArrowIconDisabled = function () { return (0, styles_1.css)({
-    label: 'disabled',
+});
+var SelectArrowIcon = (0, styled_1.default)(icons_1.ArrowDropDownIcon)(function (props) { return (__assign({ position: 'absolute', right: '0px', top: 'calc(50% - 12px)', pointerEvents: 'none', margin: '0px var(--pv-size-base)', color: 'var(--pv-color-gray-10)' }, (props.disabled && {
     color: 'var(--pv-color-gray-7)',
-}); };
+}))); });
+/**
+ *
+ */
 exports.Select = React.forwardRef(function (props, ref) {
-    var _a, _b, _c, _d;
-    var options = props.options, size = props.size, className = props.className, label = props.label, onChange = props.onChange, inputProps = props.inputProps, disabled = props.disabled, defaultValue = props.defaultValue, id = props.id, value = props.value, placeholder = props.placeholder, required = props.required, name = props.name, inputRef = props.inputRef, error = props.error, errorText = props.errorText, autoFocus = props.autoFocus, other = __rest(props, ["options", "size", "className", "label", "onChange", "inputProps", "disabled", "defaultValue", "id", "value", "placeholder", "required", "name", "inputRef", "error", "errorText", "autoFocus"]);
-    return (React.createElement("div", __assign({}, other, { ref: ref, className: className }),
-        label && (React.createElement("label", { htmlFor: id, className: (0, styles_1.cx)((_a = {},
-                _a[stylesLabel()] = true,
-                _a)) },
+    var options = props.options, size = props.size, label = props.label, inputProps = props.inputProps, disabled = props.disabled, defaultValue = props.defaultValue, id = props.id, value = props.value, placeholder = props.placeholder, required = props.required, name = props.name, inputRef = props.inputRef, error = props.error, errorText = props.errorText, autoFocus = props.autoFocus, onChange = props.onChange, other = __rest(props, ["options", "size", "label", "inputProps", "disabled", "defaultValue", "id", "value", "placeholder", "required", "name", "inputRef", "error", "errorText", "autoFocus", "onChange"]);
+    return (React.createElement("div", __assign({ ref: ref }, other),
+        label && (React.createElement(SelectLabel, { htmlFor: id },
             React.createElement(Typography_1.Typography, { component: "span", variant: "c2", color: "gray-10" }, label))),
-        React.createElement("div", { className: (0, styles_1.cx)(stylesInputContainer()) },
-            React.createElement("select", __assign({ disabled: disabled, defaultValue: defaultValue, id: id, value: value, required: required, name: name, ref: inputRef, 
+        React.createElement(SelectContainer, null,
+            React.createElement(SelectRoot, __assign({ selectSize: size, disabled: disabled, defaultValue: defaultValue, id: id, value: value, required: required, name: name, ref: inputRef, 
                 // eslint-disable-next-line jsx-a11y/no-autofocus
-                autoFocus: autoFocus, className: (0, styles_1.cx)((_b = {},
-                    _b[stylesInputBase()] = true,
-                    _b[stylesInputSizeSmall()] = size === 'small',
-                    _b[stylesInputSizeMedium()] = size === 'medium',
-                    _b[stylesInputSizeLarge()] = size === 'large',
-                    _b)), "aria-invalid": error || undefined, onChange: onChange }, inputProps),
+                autoFocus: autoFocus, "aria-invalid": error || undefined, onChange: onChange }, inputProps),
                 placeholder && (React.createElement("option", { value: "" }, placeholder)),
                 options.map(function (option) { return (React.createElement("option", { key: option.value, value: option.value }, option.label)); })),
-            React.createElement(icons_1.ArrowDropDownIcon, { className: (0, styles_1.cx)((_c = {},
-                    _c[stylesInputArrowIcon()] = true,
-                    _c[stylesInputArrowIconDisabled()] = disabled,
-                    _c)), "aria-hidden": true })),
-        error && errorText && (React.createElement(Typography_1.Typography, { variant: "c2", color: "wrong", className: (0, styles_1.cx)((_d = {},
-                _d[stylesError()] = true,
-                _d)) }, errorText))));
+            React.createElement(SelectArrowIcon, { disabled: disabled, "aria-hidden": true })),
+        error && errorText && (React.createElement(SelectErrorMessage, { variant: "c2", color: "wrong" }, errorText))));
 });
 exports.Select.displayName = 'Select';
 exports.Select.defaultProps = {

package/dist/cjs/Select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/Select/select.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/Select/select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;AACrC,4CAA2C;AAC3C,kCAA6C;AAiF7C;;GAEG;AAEH;;GAEG;AACH,IAAM,UAAU,GAAG,IAAA,gBAAM,EAAC,QAAQ,CAAC,CACjC,UAAC,KAAK,IAAK,OAAA,8BACT,UAAU,EAAE,SAAS,EACrB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,SAAS,EACjB,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,KAAK,EACnB,OAAO,EAAE,8DAA8D,EACvE,eAAe,EAAE,wBAAwB,EACzC,WAAW,EAAE,OAAO,EACpB,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,yDAAyD,EACrE,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,0BAAsC,EAClD,QAAQ,EAAE,wBAAwB,EAClC,UAAU,EAAE,0BAA0B,EACtC,aAAa,EAAE,2BAA2B,IACvC,CAAC,KAAK,CAAC,UAAU,KAAK,OAAO,IAAI;IAClC,MAAM,EAAE,uBAAuB;CAChC,CAAC,GACC,CAAC,KAAK,CAAC,UAAU,KAAK,QAAQ,IAAI;IACnC,MAAM,EAAE,uBAAuB;CAChC,CAAC,GACC,CAAC,KAAK,CAAC,UAAU,KAAK,OAAO,IAAI;IAClC,MAAM,EAAE,uBAAuB;CAChC,CAAC,EACF,EA3BS,CA2BT,EACF,UAAC,KAAK;IACJ,IAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC;IAC3C,IAAM,KAAK,GAAG,MAAM;QAClB,CAAC,CAAC,uBAAuB;QACzB,CAAC,CAAC,uBAAuB,CAAC;IAC5B,IAAI,WAAW,GAAG,wBAAwB,CAAC;IAC3C,IAAI,gBAAgB,GAAG,wBAAwB,CAAC;IAChD,IAAI,mBAAmB,GAAG,wBAAwB,CAAC;IACnD,IAAI,aAAa,GAAG,wBAAwB,CAAC;IAC7C,IAAI,sBAAsB,GAAG,8BAA8B,CAAC;IAC5D,IAAI,kBAAkB,GAAG,8BAA8B,CAAC;IACxD,IAAI,oBAAoB,GAAG,kCAAkC,CAAC;IAC9D,IAAI,gBAAgB,GAAG,kCAAkC,CAAC;IAE1D,IAAI,MAAM,EAAE;QACV,WAAW,GAAG,wBAAwB,CAAC;QACvC,gBAAgB,GAAG,wBAAwB,CAAC;QAC5C,mBAAmB,GAAG,wBAAwB,CAAC;QAC/C,aAAa,GAAG,wBAAwB,CAAC;QACzC,sBAAsB,GAAG,+BAA+B,CAAC;QACzD,kBAAkB,GAAG,+BAA+B,CAAC;QACrD,oBAAoB,GAAG,mCAAmC,CAAC;QAC3D,gBAAgB,GAAG,mCAAmC,CAAC;KACxD;IAED,OAAO,CAAC;QACN,KAAK,OAAA;QACL,WAAW,aAAA;QACX,SAAS,EAAE;YACT,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,gBAAgB;SAC9B;QACD,YAAY,EAAE;YACZ,MAAM,EAAE,aAAa;YACrB,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,mBAAmB;YAChC,KAAK,EAAE,aAAa;SACrB;QACD,kBAAkB,EAAE;YAClB,iBAAiB,EAAE;gBACjB,eAAe,EAAE,sBAAsB;gBACvC,WAAW,EAAE,kBAAkB;aAChC;YACD,SAAS,EAAE;gBACT,eAAe,EAAE,oBAAoB;gBACrC,WAAW,EAAE,gBAAgB;aAC9B;SACF;KACF,CAAC,CAAC;AACL,CAAC,CACF,CAAC;AAEF,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,OAAO,CAAC,CAAC;IAClC,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,cAAc;CACxB,CAAC,CAAC;AAEH,IAAM,kBAAkB,GAAG,IAAA,gBAAM,EAAC,uBAAU,CAAC,CAAC;IAC5C,SAAS,EAAE,KAAK;CACjB,CAAC,CAAC;AAEH,IAAM,eAAe,GAAG,IAAA,gBAAM,EAAC,KAAK,CAAC,CAAC;IACpC,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC;AAEH,IAAM,eAAe,GAAG,IAAA,gBAAM,EAAC,yBAAiB,CAAC,CAAkC,UAAC,KAAK,IAAK,OAAA,YAC5F,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,kBAAkB,EACvB,aAAa,EAAE,MAAM,EACrB,MAAM,EAAE,yBAAyB,EACjC,KAAK,EAAE,yBAAyB,IAC7B,CAAC,KAAK,CAAC,QAAQ,IAAI;IACpB,KAAK,EAAE,wBAAwB;CAChC,CAAC,EACF,EAV4F,CAU5F,CAAC,CAAC;AACJ;;GAEG;AAEU,QAAA,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,UAAC,KAAK,EAAE,GAAG;IAE3E,IAAA,OAAO,GAiBL,KAAK,QAjBA,EACP,IAAI,GAgBF,KAAK,KAhBH,EACJ,KAAK,GAeH,KAAK,MAfF,EACL,UAAU,GAcR,KAAK,WAdG,EACV,QAAQ,GAaN,KAAK,SAbC,EACR,YAAY,GAYV,KAAK,aAZK,EACZ,EAAE,GAWA,KAAK,GAXL,EACF,KAAK,GAUH,KAAK,MAVF,EACL,WAAW,GAST,KAAK,YATI,EACX,QAAQ,GAQN,KAAK,SARC,EACR,IAAI,GAOF,KAAK,KAPH,EACJ,QAAQ,GAMN,KAAK,SANC,EACR,KAAK,GAKH,KAAK,MALF,EACL,SAAS,GAIP,KAAK,UAJE,EACT,SAAS,GAGP,KAAK,UAHE,EACT,QAAQ,GAEN,KAAK,SAFC,EACL,KAAK,UACN,KAAK,EAlBH,mLAkBL,CADS,CACA;IAEV,OAAO,CACL,sCACE,GAAG,EAAE,GAAG,IACJ,KAAK;QAER,KAAK,IAAI,CACR,oBAAC,WAAW,IACV,OAAO,EAAE,EAAE;YAEX,oBAAC,uBAAU,IACT,SAAS,EAAC,MAAM,EAChB,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,SAAS,IAEd,KAAK,CACK,CACD,CACf;QACD,oBAAC,eAAe;YACd,oBAAC,UAAU,aACT,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,QAAQ;gBACb,iDAAiD;gBACjD,SAAS,EAAE,SAAS,kBACN,KAAK,IAAI,SAAS,EAChC,QAAQ,EAAE,QAAQ,IACd,UAAU;gBAEb,WAAW,IAAI,CACd,gCAAQ,KAAK,EAAC,EAAE,IACb,WAAW,CACL,CACV;gBACA,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CACvB,gCACE,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,IAElB,MAAM,CAAC,KAAK,CACN,CACV,EAPwB,CAOxB,CAAC,CACS;YACb,oBAAC,eAAe,IACd,QAAQ,EAAE,QAAQ,wBAElB,CACc;QACjB,KAAK,IAAI,SAAS,IAAI,CACrB,oBAAC,kBAAkB,IACjB,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,OAAO,IAEZ,SAAS,CACS,CACtB,CACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,cAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,QAAQ;CACf,CAAC"}

package/dist/cjs/Skeleton/skeleton.js

@@ -48,10 +48,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.Skeleton = void 0;
 var React = __importStar(require("react"));
-var styles_1 = require("../styles");
+var react_1 = require("@emotion/react");
+var styled_1 = __importDefault(require("@emotion/styled"));
 var Box_1 = require("../Box");
 /**
  *
@@ -59,8 +63,10 @@ var Box_1 = require("../Box");
 /**
  * Styles.
  */
-var pulseKeyframe = (0, styles_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n"], ["\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n"])));
-var stylesBase = function (props) { return (0, styles_1.css)(__assign(__assign(__assign(__assign(__assign({ label: 'Skeleton', display: 'block', height: '1.2em', animation: "".concat(pulseKeyframe, " 1.5s ease-in-out 0.5s infinite") }, (props.variant === 'text' && {
+var pulseKeyframe = (0, react_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n"], ["\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n"])));
+var SkeletonRoot = (0, styled_1.default)(Box_1.Box, {
+    shouldForwardProp: function (prop) { return !['width', 'height'].includes(prop); },
+})(function (props) { return (__assign(__assign(__assign(__assign(__assign({ display: 'block', height: '1.2em', animation: "".concat(pulseKeyframe, " 1.5s ease-in-out 0.5s infinite") }, (props.variant === 'text' && {
     marginTop: 0,
     marginBottom: 0,
     height: 'auto',
@@ -82,17 +88,13 @@ var stylesBase = function (props) { return (0, styles_1.css)(__assign(__assign(_
     height: props.height,
 })), (props.width && {
     width: props.width,
-}))); };
+}))); });
 /**
  *
  */
 exports.Skeleton = React.forwardRef(function (props, ref) {
-    var _a;
-    var children = props.children, height = props.height, width = props.width, variant = props.variant, className = props.className, other = __rest(props, ["children", "height", "width", "variant", "className"]);
-    return (React.createElement(Box_1.Box, __assign({ ref: ref, className: (0, styles_1.cx)((_a = {},
-            _a[stylesBase(props)] = true,
-            _a[className] = !!className,
-            _a)) }, other), children));
+    var children = props.children, other = __rest(props, ["children"]);
+    return (React.createElement(SkeletonRoot, __assign({ ref: ref }, other), children));
 });
 exports.Skeleton.displayName = 'Skeleton';
 exports.Skeleton.defaultProps = {

package/dist/cjs/Skeleton/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../src/Skeleton/skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,oCAKmB;AACnB,8BAA6B;AAmC7B;;GAEG;AAEH;;GAEG;AACH,IAAM,aAAa,OAAG,kBAAS,uKAAA,mGAU9B,IAAA,CAAC;AAEF,IAAM,UAAU,GAAG,UAAC,KAAoB,IAAK,OAAA,IAAA,YAAG,iDAC9C,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,OAAO,EACf,SAAS,EAAE,UAAG,aAAa,oCAAiC,IACzD,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI;IAC9B,SAAS,EAAE,CAAC;IACZ,YAAY,EAAE,CAAC;IACf,MAAM,EAAE,MAAM;IACd,eAAe,EAAE,OAAO;IACxB,SAAS,EAAE,gBAAgB;IAC3B,YAAY,EAAE,KAAK;IACnB,gBAAgB,EAAE;QAChB,OAAO,EAAE,UAAU;KACpB;CACF,CAAC,GACC,CAAC,KAAK,CAAC,OAAO,KAAK,QAAQ,IAAI;IAChC,YAAY,EAAE,KAAK;CACpB,CAAC,GACC,CAAC,KAAK,CAAC,QAAQ,wBAChB,OAAO,EAAE;QACP,UAAU,EAAE,QAAQ;KACrB,IAEE,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI;IAClB,QAAQ,EAAE,aAAa;CACxB,CAAC,GACC,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI;IACnB,MAAM,EAAE,MAAM;CACf,CAAC,CACH,CAAC,GACC,CAAC,KAAK,CAAC,MAAM,IAAI;IAClB,MAAM,EAAE,KAAK,CAAC,MAAM;CACrB,CAAC,GACC,CAAC,KAAK,CAAC,KAAK,IAAI;IACjB,KAAK,EAAE,KAAK,CAAC,KAAK;CACnB,CAAC,EACF,EArC2C,CAqC3C,CAAC;AACH;;GAEG;AAEU,QAAA,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAqB,UAAC,KAAK,EAAE,GAAG;;IAEpE,IAAA,QAAQ,GAMN,KAAK,SANC,EACR,MAAM,GAKJ,KAAK,OALD,EACN,KAAK,GAIH,KAAK,MAJF,EACL,OAAO,GAGL,KAAK,QAHA,EACP,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAPH,uDAOL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,SAAG,aACF,GAAG,EAAE,GAAqB,EAC1B,SAAS,EAAE,IAAA,WAAE;YACX,GAAC,UAAU,CAAC,KAAK,CAAC,IAAG,IAAI;YACzB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,IACE,KAAK,GAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAA0C,CAAC;AAE5C,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,gBAAQ,CAAC,YAAY,GAAG;IACtB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC"}
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../src/Skeleton/skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,wCAA2C;AAC3C,2DAAqC;AAGrC,8BAA6B;AAmC7B;;GAEG;AAEH;;GAEG;AACH,IAAM,aAAa,OAAG,iBAAS,uKAAA,mGAU9B,IAAA,CAAC;AAEF,IAAM,YAAY,GAAG,IAAA,gBAAM,EAAC,SAAG,EAAE;IAC/B,iBAAiB,EAAE,UAAC,IAAI,IAAK,OAAA,CAAC,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAnC,CAAmC;CACjE,CAAC,CAAgB,UAAC,KAAK,IAAK,OAAA,gDAC3B,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,OAAO,EACf,SAAS,EAAE,UAAG,aAAa,oCAAiC,IACzD,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI;IAC9B,SAAS,EAAE,CAAC;IACZ,YAAY,EAAE,CAAC;IACf,MAAM,EAAE,MAAM;IACd,eAAe,EAAE,OAAO;IACxB,SAAS,EAAE,gBAAgB;IAC3B,YAAY,EAAE,KAAK;IACnB,gBAAgB,EAAE;QAChB,OAAO,EAAE,UAAU;KACpB;CACF,CAAC,GACC,CAAC,KAAK,CAAC,OAAO,KAAK,QAAQ,IAAI;IAChC,YAAY,EAAE,KAAK;CACpB,CAAC,GACC,CAAC,KAAK,CAAC,QAAQ,wBAChB,OAAO,EAAE;QACP,UAAU,EAAE,QAAQ;KACrB,IAEE,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI;IAClB,QAAQ,EAAE,aAAa;CACxB,CAAC,GACC,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI;IACnB,MAAM,EAAE,MAAM;CACf,CAAC,CACH,CAAC,GACC,CAAC,KAAK,CAAC,MAAM,IAAI;IAClB,MAAM,EAAE,KAAK,CAAC,MAAM;CACrB,CAAC,GACC,CAAC,KAAK,CAAC,KAAK,IAAI;IACjB,KAAK,EAAE,KAAK,CAAC,KAAK;CACnB,CAAC,EACF,EApC2B,CAoC3B,CAAC,CAAC;AACJ;;GAEG;AAEU,QAAA,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAqB,UAAC,KAAK,EAAE,GAAG;IAEpE,IAAA,QAAQ,GAEN,KAAK,SAFC,EACL,KAAK,UACN,KAAK,EAHH,YAGL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,YAAY,aACX,GAAG,EAAE,GAAqB,IACtB,KAAK,GAER,QAAQ,CACI,CAChB,CAAC;AACJ,CAAC,CAA0C,CAAC;AAE5C,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,gBAAQ,CAAC,YAAY,GAAG;IACtB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC"}

package/dist/cjs/Slider/slider.js

@@ -44,17 +44,24 @@ 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.Slider = void 0;
 var React = __importStar(require("react"));
-var styles_1 = require("../styles");
-var stylesBase = function () { return (0, styles_1.css)({
-    label: 'Slider',
+var styled_1 = __importDefault(require("@emotion/styled"));
+/**
+ *
+ */
+/**
+ * Styles.
+ */
+var SliderRoot = (0, styled_1.default)('div')({
     height: '16px',
     width: '100%',
-}); };
-var stylesInput = function () { return (0, styles_1.css)({
-    label: 'Slider-input',
+});
+var SliderInput = (0, styled_1.default)('input')({
     appearance: 'none',
     width: '100%',
     height: '100%',
@@ -105,15 +112,14 @@ var stylesInput = function () { return (0, styles_1.css)({
             borderColor: 'var(--pv-color-gray-8)',
         },
     },
-}); };
+});
+/**
+ *
+ */
 exports.Slider = React.forwardRef(function (props, ref) {
-    var _a;
-    var className = props.className, defaultValue = props.defaultValue, value = props.value, disabled = props.disabled, max = props.max, min = props.min, name = props.name, step = props.step, onChange = props.onChange, other = __rest(props, ["className", "defaultValue", "value", "disabled", "max", "min", "name", "step", "onChange"]);
-    return (React.createElement("div", __assign({}, other, { ref: ref, className: (0, styles_1.cx)((_a = {},
-            _a[stylesBase()] = true,
-            _a[className] = !!className,
-            _a)) }),
-        React.createElement("input", { type: "range", name: name, min: min, max: max, step: step, className: (0, styles_1.cx)(stylesInput()), value: value, defaultValue: defaultValue, onChange: onChange, disabled: disabled })));
+    var defaultValue = props.defaultValue, value = props.value, disabled = props.disabled, max = props.max, min = props.min, name = props.name, step = props.step, onChange = props.onChange, other = __rest(props, ["defaultValue", "value", "disabled", "max", "min", "name", "step", "onChange"]);
+    return (React.createElement(SliderRoot, __assign({ ref: ref }, other),
+        React.createElement(SliderInput, { type: "range", name: name, min: min, max: max, step: step, value: value, defaultValue: defaultValue, onChange: onChange, disabled: disabled })));
 });
 exports.Slider.displayName = 'Slider';
 exports.Slider.defaultProps = {

package/dist/cjs/Slider/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/Slider/slider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/Slider/slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;AA0CrC;;GAEG;AAEH;;GAEG;AACH,IAAM,UAAU,GAAG,IAAA,gBAAM,EAAC,KAAK,CAAC,CAAc;IAC5C,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;CACd,CAAC,CAAC;AAEH,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,OAAO,CAAC,CAAC;IAClC,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,eAAe,EAAE,iCAAiC;IAClD,YAAY,EAAE,MAAM;IACpB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,wBAAwB;IACpC,yBAAyB,EAAE;QACzB,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,eAAe,EAAE,gCAAgC;QACjD,MAAM,EAAE,2CAA2C;QACnD,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,4CAA4C;KACzD;IACD,qBAAqB,EAAE;QACrB,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,eAAe,EAAE,gCAAgC;QACjD,MAAM,EAAE,2CAA2C;QACnD,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,4CAA4C;KACzD;IACD,kBAAkB,EAAE;QAClB,SAAS,EAAE;YACT,eAAe,EAAE,gCAAgC;SAClD;QACD,SAAS,EAAE;YACT,eAAe,EAAE,gCAAgC;SAClD;KACF;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,aAAa;QACrB,eAAe,EAAE,wBAAwB;QACzC,yBAAyB,EAAE;YACzB,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,wBAAwB;SACtC;QACD,qBAAqB,EAAE;YACrB,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,wBAAwB;SACtC;KACF;CACF,CAAC,CAAC;AACH;;GAEG;AAEU,QAAA,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,UAAC,KAAK,EAAE,GAAG;IAE3E,IAAA,YAAY,GASV,KAAK,aATK,EACZ,KAAK,GAQH,KAAK,MARF,EACL,QAAQ,GAON,KAAK,SAPC,EACR,GAAG,GAMD,KAAK,IANJ,EACH,GAAG,GAKD,KAAK,IALJ,EACH,IAAI,GAIF,KAAK,KAJH,EACJ,IAAI,GAGF,KAAK,KAHH,EACJ,QAAQ,GAEN,KAAK,SAFC,EACL,KAAK,UACN,KAAK,EAVH,+EAUL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,UAAU,aACT,GAAG,EAAE,GAAG,IACJ,KAAK;QAET,oBAAC,WAAW,IACV,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACS,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,cAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;CACR,CAAC"}

package/dist/cjs/Switch/switch.js

@@ -44,14 +44,23 @@ 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.Switch = void 0;
 var React = __importStar(require("react"));
+var styled_1 = __importDefault(require("@emotion/styled"));
+var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
 var Box_1 = require("../Box");
 var hooks_1 = require("../hooks");
-var styles_1 = require("../styles");
-var stylesBase = function () { return (0, styles_1.css)({
-    label: 'Switch',
+/**
+ *
+ */
+/**
+ * Styles.
+ */
+var SwitchRoot = (0, styled_1.default)('label')({
     display: 'inline-flex',
     width: 'var(--pv-size-base-7)',
     height: 'var(--pv-size-base-4)',
@@ -59,8 +68,10 @@ var stylesBase = function () { return (0, styles_1.css)({
     justifyContent: 'center',
     position: 'relative',
     alignItems: 'center',
-}); };
-var stylesInput = function (props) { return (0, styles_1.css)({
+});
+var SwitchInput = (0, styled_1.default)('input', {
+    shouldForwardProp: function (prop) { return (0, is_prop_valid_1.default)(prop) && prop !== 'color'; },
+})({
     label: 'Switch-input',
     overflow: 'hidden',
     width: '100%',
@@ -71,41 +82,66 @@ var stylesInput = function (props) { return (0, styles_1.css)({
     borderRadius: 'inherit',
     appearance: 'none',
     backgroundColor: 'var(--pv-color-gray-6)',
-    '&:checked': {
-        backgroundColor: "var(--pv-color-".concat(props.color, ")"),
-        '+ [aria-hidden]': {
-            transform: 'translateX(calc(50% - 2px))',
-            '&:before': {
-                backgroundColor: "var(--pv-color-".concat(props.color, "-shade-2)"),
+}, function (props) {
+    var isDark = props.theme.mode === 'dark';
+    var backgroundColorChecked = "var(--pv-color-".concat(props.color, ")");
+    var borderColor = 'var(--pv-color-gray-3)';
+    var borderColorDisabled = 'var(--pv-color-gray-3)';
+    var backgroundColorDisabled = 'var(--pv-color-gray-1)';
+    var backgroundColorDisabledChecked = "var(--pv-color-".concat(props.color, "-tint-3)");
+    if (isDark) {
+        backgroundColorChecked = "var(--pv-color-".concat(props.color, "-tint-1)");
+        borderColor = 'var(--pv-color-gray-9)';
+        borderColorDisabled = 'var(--pv-color-gray-6)';
+        backgroundColorDisabled = 'var(--pv-color-gray-7)';
+        backgroundColorDisabledChecked = "var(--pv-color-".concat(props.color, "-shade-3)");
+    }
+    return {
+        '&:checked': {
+            backgroundColor: backgroundColorChecked,
+            '+ [aria-hidden]': {
+                transform: 'translateX(calc(50% - 2px))',
+                '&:before': {
+                    backgroundColor: "var(--pv-color-".concat(props.color, "-shade-2)"),
+                },
             },
         },
-    },
-    '&:disabled': {
-        cursor: 'not-allowed',
-        pointerEvents: 'none',
-        opacity: 0.4,
-    },
-    '&:not(:disabled)': {
-        cursor: 'pointer',
-        '&:hover': {
-            '+ [aria-hidden]:before': {
-                opacity: 0.18,
+        '&:disabled': {
+            cursor: 'not-allowed',
+            pointerEvents: 'none',
+            backgroundColor: 'var(--pv-color-gray-4)',
+            '+ [aria-hidden]': {
+                borderColor: borderColorDisabled,
+                backgroundColor: backgroundColorDisabled,
             },
-        },
-        '&:focus': {
-            '+ [aria-hidden]:before': {
-                opacity: 0.23,
+            '&:checked': {
+                backgroundColor: backgroundColorDisabledChecked,
             },
         },
-        '&:active': {
-            '+ [aria-hidden]:before': {
-                opacity: 0.30,
+        '&:not(:disabled)': {
+            cursor: 'pointer',
+            '+ [aria-hidden]': {
+                borderColor: borderColor,
+            },
+            '&:hover': {
+                '+ [aria-hidden]:before': {
+                    opacity: 0.18,
+                },
+            },
+            '&:focus': {
+                '+ [aria-hidden]:before': {
+                    opacity: 0.23,
+                },
+            },
+            '&:active': {
+                '+ [aria-hidden]:before': {
+                    opacity: 0.30,
+                },
             },
         },
-    },
-}); };
-var stylesDot = function () { return (0, styles_1.css)({
-    label: 'Switch-dot',
+    };
+});
+var SwitchDot = (0, styled_1.default)(Box_1.Box)({
     display: 'block',
     position: 'absolute',
     width: 'var(--pv-size-base-3)',
@@ -127,17 +163,16 @@ var stylesDot = function () { return (0, styles_1.css)({
         backgroundColor: 'var(--pv-color-gray-9)',
         transition: 'opacity 200ms, background-color 200ms',
     },
-}); };
+});
+/**
+ *
+ */
 exports.Switch = React.forwardRef(function (props, ref) {
-    var _a;
-    var checked = props.checked, defaultChecked = props.defaultChecked, _b = props.color, color = _b === void 0 ? 'primary' : _b, required = props.required, inputProps = props.inputProps, className = props.className, disabled = props.disabled, idProp = props.id, name = props.name, onChange = props.onChange, other = __rest(props, ["checked", "defaultChecked", "color", "required", "inputProps", "className", "disabled", "id", "name", "onChange"]);
+    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, onChange = props.onChange, other = __rest(props, ["checked", "defaultChecked", "color", "required", "inputProps", "disabled", "id", "name", "onChange"]);
     var id = (0, hooks_1.useId)(idProp);
-    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", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, className: (0, styles_1.cx)(stylesInput(props)), onChange: onChange })),
-        React.createElement(Box_1.Box, { "aria-hidden": true, className: (0, styles_1.cx)(stylesDot()), background: "".concat(color, "-contrast"), borderColor: "gray-3", borderWidth: 1, borderStyle: "solid", borderRadius: 100 })));
+    return (React.createElement(SwitchRoot, __assign({ ref: ref, htmlFor: id }, other),
+        React.createElement(SwitchInput, __assign({}, inputProps, { type: "checkbox", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, color: color, onChange: onChange })),
+        React.createElement(SwitchDot, { "aria-hidden": true, background: "".concat(color, "-contrast"), borderWidth: 1, borderStyle: "solid", borderRadius: 100 })));
 });
 exports.Switch.displayName = 'Switch';
 exports.Switch.defaultProps = {

package/dist/cjs/Switch/switch.js.map

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