infinity-forge 6.0.0 → 6.0.2

package/dist/ui/components/form/input-color/react-input-color-lib/components/Alpha/Alpha.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alpha.style.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/form/input-color/react-input-color-lib/components/Alpha/Alpha.style.ts"],"names":[],"mappings":";;;AAEa,QAAA,SAAS,GAAwB;IAC5C,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,KAAK;IACb,SAAS,EAAE,iCAAiC;IAC5C,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,CAAC;IACT,YAAY,EAAE,KAAK;IACnB,UAAU,EAAE,6BAA6B;CAC1C,CAAC;AAEW,QAAA,KAAK,GAAwB;IACxC,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,2JAA2J;IACvK,YAAY,EAAE,KAAK;CACpB,CAAC;AAEW,QAAA,OAAO,GAAwB;IAC1C,KAAK,EAAE,kBAAkB;IACzB,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,KAAK;CAClB,CAAC;AAEW,QAAA,MAAM,GAAwB;IACzC,KAAK,EAAE,MAAM;IACb,YAAY,EAAE,MAAM;IACpB,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,2BAA2B;IACtC,MAAM,EAAE,gBAAgB;IACxB,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,uBAAuB;IAClC,MAAM,EAAE,SAAS;IACjB,IAAI,EAAE,sCAAsC;IAC5C,SAAS,EAAE,YAAY;CACxB,CAAC;AAEW,QAAA,UAAU,GAAwB;IAC7C,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,KAAK;IACX,eAAe,EACb,2LAA2L;IAC7L,kBAAkB,EAAE,aAAa;IACjC,MAAM,EAAE,CAAC,CAAC;IACV,YAAY,EAAE,oCAAoC;CACnD,CAAC"}

package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorList/ColorList.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RgbColor, Color } from '../../types';
+import { RgbColor, Color } from '../../types.js';
 type ColorListProps = {
     colors: Color[];
     additionalStyles?: React.CSSProperties;

package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorList/ColorList.js

@@ -0,0 +1,55 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var tinycolor2_1 = __importDefault(require("tinycolor2"));
+var styles = __importStar(require("./ColorList.style.js"));
+var ColorList = function (_a) {
+    var colors = _a.colors, onClick = _a.onClick, onAdd = _a.onAdd;
+    return ((0, jsx_runtime_1.jsxs)("div", { style: styles.container, children: [colors.map(function (color, index) {
+                var col = (0, tinycolor2_1.default)(color);
+                if (!col.isValid()) {
+                    throw Error("".concat(color, " is not a valid color."));
+                }
+                var rgb = col.toRgb();
+                return ((0, jsx_runtime_1.jsxs)("button", { style: styles.button, onClick: function () { return onClick(rgb); }, type: "button", children: [(0, jsx_runtime_1.jsx)("div", { style: styles.value(rgb) }), (0, jsx_runtime_1.jsx)("div", { style: styles.checkboard })] }, index));
+            }), onAdd && ((0, jsx_runtime_1.jsx)("button", { style: styles.addButton, onClick: onAdd, type: "button", children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "50", height: "50", viewBox: "0 0 50 50", style: styles.svg, children: (0, jsx_runtime_1.jsx)("path", { d: "M27.5 50h-5V27.5H0v-5h22.5V0h5v22.5H50v5H27.5z" }) }) }))] }));
+};
+exports.default = react_1.default.memo(ColorList);
+//# sourceMappingURL=ColorList.js.map

package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorList/ColorList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorList.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/form/input-color/react-input-color-lib/components/ColorList/ColorList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0DAAmC;AAEnC,wDAA4C;AAW5C,IAAM,SAAS,GAAG,UAAC,EAA0C;QAAxC,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA;IAAuB,OAAA,CAChE,iCAAK,KAAK,EAAE,MAAM,CAAC,SAAS,aACzB,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK;gBACvB,IAAM,GAAG,GAAG,IAAA,oBAAS,EAAC,KAAK,CAAC,CAAC;gBAE7B,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC;oBACnB,MAAM,KAAK,CAAC,UAAG,KAAK,2BAAwB,CAAC,CAAC;gBAChD,CAAC;gBAED,IAAM,GAAG,GAAG,GAAG,CAAC,KAAK,EAAE,CAAC;gBAExB,OAAO,CACL,oCAAoB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,EAAZ,CAAY,EAAE,IAAI,EAAC,QAAQ,aAClF,gCAAK,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAI,EACjC,gCAAK,KAAK,EAAE,MAAM,CAAC,UAAU,GAAI,KAFtB,KAAK,CAGT,CACV,CAAC;YACJ,CAAC,CAAC,EAED,KAAK,IAAI,CACR,mCAAQ,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ,YAC5D,gCACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,MAAM,CAAC,GAAG,YAEjB,iCAAM,CAAC,EAAC,gDAAgD,GAAG,GACvD,GACC,CACV,IACG,CACP;AAjCiE,CAiCjE,CAAC;AAEF,kBAAe,eAAK,CAAC,IAAI,CAAC,SAAS,CAAqB,CAAC"}

package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorList/ColorList.style.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RgbColor } from '../../types';
+import { RgbColor } from '../../types.js';
 export declare const container: React.CSSProperties;
 export declare const button: React.CSSProperties;
 export declare const addButton: React.CSSProperties;

package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorList/ColorList.style.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkboard = exports.value = exports.svg = exports.addButton = exports.button = exports.container = void 0;
+exports.container = {
+    padding: '0.4rem',
+    borderTop: '1px solid var(--rpc-border-color)',
+    display: 'grid',
+    gridTemplateColumns: 'repeat(10, 1fr)',
+    gridGap: '0.4rem'
+};
+exports.button = {
+    height: '20px',
+    margin: '0',
+    outline: 'none',
+    appearance: 'none',
+    cursor: 'pointer',
+    padding: '0',
+    borderRadius: 'var(--rpc-border-radius)',
+    border: '1px solid var(--rpc-border-color)',
+    overflow: 'hidden',
+    position: 'relative',
+    background: 'none',
+    gridColumnEnd: 'span 1'
+};
+exports.addButton = {
+    height: '20px',
+    margin: '0',
+    padding: '0',
+    outline: 'none',
+    background: 'none',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    cursor: 'pointer',
+    border: 'none',
+    borderRadius: 'var(--rpc-border-radius)',
+    gridColumnEnd: 'span 1'
+};
+exports.svg = {
+    height: '9px',
+    width: '9px',
+    fill: 'var(--rpc-color)'
+};
+var value = function (color) { return ({
+    position: 'absolute',
+    background: "rgba(".concat(color.r, ", ").concat(color.g, ", ").concat(color.b, ", ").concat(color.a, ")"),
+    top: '0px',
+    right: '0px',
+    bottom: '0px',
+    left: '0px',
+    zIndex: 2
+}); };
+exports.value = value;
+exports.checkboard = {
+    position: 'absolute',
+    top: '0px',
+    right: '0px',
+    bottom: '0px',
+    left: '0px',
+    backgroundImage: 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAC9JREFUOBFjZGBgEAFifOANPkkmfJLEyI0awMAw8GHASERU4U0nA++FURdQISEBAFeUATP+HuV8AAAAAElFTkSuQmCC")',
+    backgroundPosition: 'left center',
+    zIndex: 1
+};
+//# sourceMappingURL=ColorList.style.js.map

package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorList/ColorList.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorList.style.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/form/input-color/react-input-color-lib/components/ColorList/ColorList.style.ts"],"names":[],"mappings":";;;AAIa,QAAA,SAAS,GAAwB;IAC5C,OAAO,EAAE,QAAQ;IACjB,SAAS,EAAE,mCAAmC;IAC9C,OAAO,EAAE,MAAM;IACf,mBAAmB,EAAE,iBAAiB;IACtC,OAAO,EAAE,QAAQ;CAClB,CAAC;AAEW,QAAA,MAAM,GAAwB;IACzC,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,GAAG;IACZ,YAAY,EAAE,0BAA0B;IACxC,MAAM,EAAE,mCAAmC;IAC3C,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,QAAQ;CACxB,CAAC;AAEW,QAAA,SAAS,GAAwB;IAC5C,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,0BAA0B;IACxC,aAAa,EAAE,QAAQ;CACxB,CAAC;AAEW,QAAA,GAAG,GAAwB;IACtC,MAAM,EAAE,KAAK;IACb,KAAK,EAAE,KAAK;IACZ,IAAI,EAAE,kBAAkB;CACzB,CAAC;AAEK,IAAM,KAAK,GAAG,UAAC,KAAe,IAA0B,OAAA,CAAC;IAC9D,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,eAAQ,KAAK,CAAC,CAAC,eAAK,KAAK,CAAC,CAAC,eAAK,KAAK,CAAC,CAAC,eAAK,KAAK,CAAC,CAAC,MAAG;IAClE,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,KAAK;IACX,MAAM,EAAE,CAAC;CACV,CAAC,EAR6D,CAQ7D,CAAC;AARU,QAAA,KAAK,SAQf;AAEU,QAAA,UAAU,GAAwB;IAC7C,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,KAAK;IACX,eAAe,EACb,2LAA2L;IAC7L,kBAAkB,EAAE,aAAa;IACjC,MAAM,EAAE,CAAC;CACV,CAAC"}

package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorPicker/ColorPicker.d.ts

@@ -1,4 +1,4 @@
-import { Color, ColorObject, ColorCombination, Theme } from '../../types';
+import { Color, ColorObject, ColorCombination, Theme } from '../../types.js';
 export type ColorPickerProps = {
     theme?: Partial<Theme>;
     color?: Color;

package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorPicker/ColorPicker.js

@@ -0,0 +1,119 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importStar(require("react"));
+var tinycolor2_1 = __importDefault(require("tinycolor2"));
+var helper_1 = require("./helper.js");
+var themes_1 = __importDefault(require("../../themes.js"));
+var Hue_1 = __importDefault(require("../Hue/Hue.js"));
+var Alpha_1 = __importDefault(require("../Alpha/Alpha.js"));
+var ColorList_1 = __importDefault(require("../ColorList/ColorList.js"));
+var Saturation_1 = __importDefault(require("../Saturation/Saturation.js"));
+var PresetList_1 = __importDefault(require("../PresetList/PresetList.js"));
+var styles = __importStar(require("./ColorPicker.style.js"));
+var Input_1 = __importDefault(require("../Input/Input.js"));
+var ColorPicker = function (_a) {
+    var theme = _a.theme, color = _a.color, presets = _a.presets, onChange = _a.onChange, hideAlpha = _a.hideAlpha, hideInputs = _a.hideInputs, className = _a.className, combinations = _a.combinations;
+    var _b = (0, react_1.useState)((0, helper_1.initColor)(color)), col = _b[0], setCol = _b[1];
+    (0, react_1.useEffect)(function () {
+        setCol((0, helper_1.initColor)(color));
+    }, [color]);
+    var updateColor = (0, react_1.useCallback)(function (updatedColor) {
+        var newColor = (0, helper_1.initColor)(updatedColor);
+        setCol(newColor);
+        onChange && onChange(newColor);
+    }, [col]);
+    var updateAlpha = (0, react_1.useCallback)(function (alpha) { return updateColor(__assign(__assign({}, col.rgb), { a: alpha })); }, [col]);
+    var rgb = col.rgb, hsl = col.hsl, hsv = col.hsv, hex = col.hex, alpha = col.alpha;
+    var variables = {
+        '--rpc-background': (theme === null || theme === void 0 ? void 0 : theme.background) || themes_1.default.light.background,
+        '--rpc-input-background': (theme === null || theme === void 0 ? void 0 : theme.inputBackground) || themes_1.default.light.inputBackground,
+        '--rpc-color': (theme === null || theme === void 0 ? void 0 : theme.color) || themes_1.default.light.color,
+        '--rpc-border-color': (theme === null || theme === void 0 ? void 0 : theme.borderColor) || themes_1.default.light.borderColor,
+        '--rpc-border-radius': (theme === null || theme === void 0 ? void 0 : theme.borderRadius) || themes_1.default.light.borderRadius,
+        '--rpc-box-shadow': (theme === null || theme === void 0 ? void 0 : theme.boxShadow) || themes_1.default.light.boxShadow,
+        '--rpc-width': (theme === null || theme === void 0 ? void 0 : theme.width) || themes_1.default.light.width
+    };
+    var colorVariables = {
+        '--rpc-hue': hsl.h,
+        '--rpc-red': rgb.r,
+        '--rpc-green': rgb.g,
+        '--rpc-blue': rgb.b,
+        '--rpc-hex': hex,
+        '--rpc-alpha': alpha,
+        '--rpc-rgba': "rgba(".concat(rgb.r, ", ").concat(rgb.g, ", ").concat(rgb.b, ", ").concat(alpha, ")"),
+        '--rpc-hue-pointer': "".concat((hsl.h * 100) / 360, "%"),
+        '--rpc-alpha-pointer': "".concat(alpha * 100, "%"),
+        '--rpc-saturation-pointer-top': "calc(".concat(-(hsv.v * 100) + 100, "% - 6px)"),
+        '--rpc-saturation-pointer-left': "calc(".concat(hsv.s * 100, "% - 6px)")
+    };
+    var handleHexChange = function (val) {
+        if (!/^[0-9A-Fa-f]+$/.test(val))
+            return;
+        var hex = (0, tinycolor2_1.default)("#".concat(val));
+        setCol({
+            hex: "#".concat(val),
+            rgb: hex.toRgb(),
+            hsl: hex.toHsl(),
+            hsv: hex.toHsv(),
+            alpha: hex.getAlpha()
+        });
+    };
+    var handleRgbaInput = function (key, val) {
+        var _a;
+        if (val === '' || val.length > 3)
+            return;
+        var newValue = key === 'a' ? parseInt(val) / 100 : parseInt(val);
+        updateColor(__assign(__assign({}, rgb), (_a = {}, _a[key] = newValue, _a)));
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { style: __assign(__assign(__assign({}, variables), styles.container), colorVariables), className: className, children: [(0, jsx_runtime_1.jsx)(Saturation_1.default, { hsl: hsl, onChange: updateColor }), (0, jsx_runtime_1.jsxs)("div", { style: styles.flex, children: [(0, jsx_runtime_1.jsx)("div", { style: styles.valueWrapper, children: (0, jsx_runtime_1.jsx)("div", { style: styles.checkboard, children: (0, jsx_runtime_1.jsx)("div", { style: styles.value }) }) }), (0, jsx_runtime_1.jsxs)("div", { style: styles.ranges, children: [(0, jsx_runtime_1.jsx)(Hue_1.default, { hsl: hsl, onChange: updateColor }), !hideAlpha && (0, jsx_runtime_1.jsx)(Alpha_1.default, { onChange: updateAlpha })] })] }), !hideInputs && ((0, jsx_runtime_1.jsxs)("div", { style: styles.inputs, children: [(0, jsx_runtime_1.jsx)(Input_1.default, { type: "text", name: "hex", label: "Hex", size: "large", prefix: "#", onChange: handleHexChange, onBlur: updateColor, maxLength: 6, value: hex.replace('#', '') }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex' }, children: [(0, jsx_runtime_1.jsx)(Input_1.default, { value: rgb.r, label: "R", name: "red", type: "number", min: 0, max: 255, step: 1, onChange: function (val) { return handleRgbaInput('r', val); } }), (0, jsx_runtime_1.jsx)(Input_1.default, { value: rgb.g, label: "G", name: "green", type: "number", min: 0, max: 255, step: 1, onChange: function (val) { return handleRgbaInput('g', val); } }), (0, jsx_runtime_1.jsx)(Input_1.default, { value: rgb.b, label: "B", name: "blue", type: "number", min: 0, max: 255, step: 1, onChange: function (val) { return handleRgbaInput('b', val); } }), !hideAlpha && ((0, jsx_runtime_1.jsx)(Input_1.default, { value: rgb.a * 100, label: "Alpha", name: "alpha", type: "number", min: 0, max: 100, step: 1, onChange: function (val) { return handleRgbaInput('a', val); } }))] })] })), presets && (0, jsx_runtime_1.jsx)(PresetList_1.default, { colors: presets, onClick: updateColor, currentColor: col.rgb }), combinations && ((0, jsx_runtime_1.jsx)(ColorList_1.default, { colors: (0, helper_1.getColorCombination)(col, combinations), onClick: updateColor }))] }));
+};
+exports.default = react_1.default.memo(ColorPicker);
+//# sourceMappingURL=ColorPicker.js.map

package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorPicker/ColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/form/input-color/react-input-color-lib/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"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"}

package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorPicker/ColorPicker.style.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.inputs = exports.colors = exports.ranges = exports.flex = exports.value = exports.valueWrapper = exports.checkboard = exports.container = void 0;
+exports.container = {
+    background: 'var(--rpc-background)',
+    boxShadow: 'var(--rpc-box-shadow)',
+    borderRadius: 'var(--rpc-border-radius)',
+    width: 'var(--rpc-width)',
+    minWidth: '280px',
+    border: '1px solid var(--rpc-border-color)'
+};
+exports.checkboard = {
+    position: 'relative',
+    width: '25px',
+    height: '25px',
+    borderRadius: 'var(--rpc-border-radius)',
+    overflow: 'hidden',
+    boxShadow: 'inset 0 0 2px 0px rgba(0, 0, 0, .2)',
+    backgroundImage: 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAC9JREFUOBFjZGBgEAFifOANPkkmfJLEyI0awMAw8GHASERU4U0nA++FURdQISEBAFeUATP+HuV8AAAAAElFTkSuQmCC")',
+    backgroundPosition: 'left center'
+};
+exports.valueWrapper = {
+    background: 'var(--rpc-input-background)',
+    borderRadius: 'var(--rpc-border-radius)'
+};
+exports.value = {
+    position: 'absolute',
+    top: '0px',
+    right: '0px',
+    bottom: '0px',
+    left: '0px',
+    background: 'var(--rpc-rgba)',
+    zIndex: 1,
+    border: '1px solid var(--rpc-border-color)',
+    borderRadius: 'var(--rpc-border-radius)'
+};
+exports.flex = {
+    margin: '0.4rem 0.4rem',
+    width: 'calc(100% - 0.8rem)',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexWrap: 'wrap'
+};
+exports.ranges = {
+    flexGrow: 2,
+    marginLeft: '0.4rem'
+};
+exports.colors = {
+    margin: '0 0.5rem 0 0'
+};
+exports.inputs = {
+    margin: '0 0.3rem 0.3rem',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+};
+//# sourceMappingURL=ColorPicker.style.js.map

package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorPicker/ColorPicker.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.style.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/form/input-color/react-input-color-lib/components/ColorPicker/ColorPicker.style.ts"],"names":[],"mappings":";;;AAEa,QAAA,SAAS,GAAwB;IAC5C,UAAU,EAAE,uBAAuB;IACnC,SAAS,EAAE,uBAAuB;IAClC,YAAY,EAAE,0BAA0B;IACxC,KAAK,EAAE,kBAAkB;IACzB,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,mCAAmC;CAC5C,CAAC;AAEW,QAAA,UAAU,GAAwB;IAC7C,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,0BAA0B;IACxC,QAAQ,EAAE,QAAQ;IAClB,SAAS,EAAE,qCAAqC;IAChD,eAAe,EACb,2LAA2L;IAC7L,kBAAkB,EAAE,aAAa;CAClC,CAAC;AAEW,QAAA,YAAY,GAAwB;IAC/C,UAAU,EAAE,6BAA6B;IACzC,YAAY,EAAE,0BAA0B;CACzC,CAAC;AACW,QAAA,KAAK,GAAwB;IACxC,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,KAAK;IACX,UAAU,EAAE,iBAAiB;IAC7B,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,mCAAmC;IAC3C,YAAY,EAAE,0BAA0B;CACzC,CAAC;AAEW,QAAA,IAAI,GAAwB;IACvC,MAAM,EAAE,eAAe;IACvB,KAAK,EAAE,qBAAqB;IAC5B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,QAAQ,EAAE,MAAM;CACjB,CAAC;AAEW,QAAA,MAAM,GAAwB;IACzC,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEW,QAAA,MAAM,GAAwB;IACzC,MAAM,EAAE,cAAc;CACvB,CAAC;AAEW,QAAA,MAAM,GAAwB;IACzC,MAAM,EAAE,iBAAiB;IACzB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,eAAe;CAChC,CAAC"}

package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorPicker/helper.d.ts

@@ -1,3 +1,3 @@
-import { Color, ColorObject, ColorCombination } from '../../types';
+import { Color, ColorObject, ColorCombination } from '../../types.js';
 export declare const initColor: (col?: Color) => ColorObject;
 export declare const getColorCombination: (color: ColorObject, comb: ColorCombination | ColorCombination[]) => any[];

package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorPicker/helper.js

@@ -0,0 +1,55 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getColorCombination = exports.initColor = void 0;
+var tinycolor2_1 = __importDefault(require("tinycolor2"));
+var initColor = function (col) {
+    var color = (0, tinycolor2_1.default)(col);
+    var isValidColor = color.isValid();
+    if (!isValidColor) {
+        return {
+            hex: '#000000',
+            rgb: { r: 0, g: 0, b: 0, a: 1 },
+            hsl: { h: 0, s: 0, l: 0, a: 1 },
+            hsv: { h: 0, s: 0, v: 0, a: 1 },
+            alpha: 1
+        };
+    }
+    return {
+        hex: color.toHexString(),
+        rgb: color.toRgb(),
+        hsl: color.toHsl(),
+        hsv: color.toHsv(),
+        alpha: color.getAlpha()
+    };
+};
+exports.initColor = initColor;
+var getColorCombination = function (color, comb) {
+    var hex = color.hex;
+    var col = (0, tinycolor2_1.default)(hex);
+    var all = typeof comb === 'string' ? [comb] : comb;
+    var combs = [];
+    all.forEach(function (item) {
+        if (item === 'analogous') {
+            return col.analogous().forEach(function (t) { return combs.push(t.toHexString()); });
+        }
+        if (item === 'monochromatic') {
+            return col.monochromatic().forEach(function (t) { return combs.push(t.toHexString()); });
+        }
+        if (item === 'splitcomplement') {
+            return col.splitcomplement().forEach(function (t) { return combs.push(t.toHexString()); });
+        }
+        if (item === 'tetrad') {
+            return col.tetrad().forEach(function (t) { return combs.push(t.toHexString()); });
+        }
+        if (item === 'triad') {
+            return col.triad().forEach(function (t) { return combs.push(t.toHexString()); });
+        }
+        return combs.push(col.complement().toHexString());
+    });
+    return combs;
+};
+exports.getColorCombination = getColorCombination;
+//# sourceMappingURL=helper.js.map

package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorPicker/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/form/input-color/react-input-color-lib/components/ColorPicker/helper.ts"],"names":[],"mappings":"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"}

package/dist/ui/components/form/input-color/react-input-color-lib/components/Hue/Hue.d.ts

@@ -1,4 +1,4 @@
-import { HslColor } from '../../types';
+import { HslColor } from '../../types.js';
 type HueProps = {
     hsl: HslColor;
     onChange?: (color: HslColor) => void;

package/dist/ui/components/form/input-color/react-input-color-lib/components/Hue/Hue.js

@@ -0,0 +1,55 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importStar(require("react"));
+var styles = __importStar(require("./Hue.style.js"));
+var usePosition_1 = __importDefault(require("../../hooks/usePosition.js"));
+var Hue = function (_a) {
+    var hsl = _a.hsl, onChange = _a.onChange;
+    var handleMove = (0, react_1.useCallback)(function (_a) {
+        var left = _a.left;
+        return onChange && onChange({ h: 360 * left, s: hsl.s, l: hsl.l, a: hsl.a });
+    }, [onChange]);
+    var _b = (0, usePosition_1.default)({
+        onMove: handleMove
+    }), ref = _b.ref, handleStart = _b.handleStart;
+    return ((0, jsx_runtime_1.jsx)("div", { style: styles.container, ref: ref, onTouchStart: handleStart, onMouseDown: handleStart, children: (0, jsx_runtime_1.jsx)("div", { style: styles.pointer, children: (0, jsx_runtime_1.jsx)("div", { style: styles.slider }) }) }));
+};
+exports.default = react_1.default.memo(Hue);
+//# sourceMappingURL=Hue.js.map

package/dist/ui/components/form/input-color/react-input-color-lib/components/Hue/Hue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hue.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/form/input-color/react-input-color-lib/components/Hue/Hue.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2C;AAI3C,kDAAsC;AACtC,wEAAgE;AAOhE,IAAM,GAAG,GAAG,UAAC,EAA2B;QAAzB,GAAG,SAAA,EAAE,QAAQ,cAAA;IAC1B,IAAM,UAAU,GAAG,IAAA,mBAAW,EAC5B,UAAC,EAAkB;YAAhB,IAAI,UAAA;QAAiB,OAAA,QAAQ,IAAI,QAAQ,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC;IAArE,CAAqE,EAC7F,CAAC,QAAQ,CAAC,CACX,CAAC;IAEI,IAAA,KAAuB,IAAA,qBAAW,EAAC;QACvC,MAAM,EAAE,UAAU;KACnB,CAAC,EAFM,GAAG,SAAA,EAAE,WAAW,iBAEtB,CAAC;IAEH,OAAO,CACL,gCAAK,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,YACzF,gCAAK,KAAK,EAAE,MAAM,CAAC,OAAO,YACxB,gCAAK,KAAK,EAAE,MAAM,CAAC,MAAM,GAAI,GACzB,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAK,CAAC,IAAI,CAAC,GAAG,CAAe,CAAC"}

package/dist/ui/components/form/input-color/react-input-color-lib/components/Hue/Hue.style.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.slider = exports.pointer = exports.container = void 0;
+exports.container = {
+    width: '100%',
+    height: '8px',
+    background: 'linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)',
+    boxShadow: 'inset 0 0 1px rgba(0, 0, 0, .2)',
+    position: 'relative',
+    borderRadius: '4px'
+};
+exports.pointer = {
+    width: 'calc(100% - 8px)',
+    height: '100%',
+    position: 'relative',
+    marginLeft: '8px'
+};
+exports.slider = {
+    width: '12px',
+    borderRadius: '12px',
+    height: '12px',
+    boxSizing: 'border-box',
+    boxShadow: '0 0 1px rgba(0, 0, 0, .9)',
+    border: '2px solid #fff',
+    position: 'absolute',
+    transform: 'translate(-2px, -2px)',
+    cursor: 'pointer',
+    left: 'calc(var(--rpc-hue-pointer) - 8px)'
+};
+//# sourceMappingURL=Hue.style.js.map

package/dist/ui/components/form/input-color/react-input-color-lib/components/Hue/Hue.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hue.style.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/form/input-color/react-input-color-lib/components/Hue/Hue.style.ts"],"names":[],"mappings":";;;AAEa,QAAA,SAAS,GAAwB;IAC5C,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,KAAK;IACb,UAAU,EACR,iGAAiG;IACnG,SAAS,EAAE,iCAAiC;IAC5C,QAAQ,EAAE,UAAU;IACpB,YAAY,EAAE,KAAK;CACpB,CAAC;AAEW,QAAA,OAAO,GAAwB;IAC1C,KAAK,EAAE,kBAAkB;IACzB,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,KAAK;CAClB,CAAC;AAEW,QAAA,MAAM,GAAwB;IACzC,KAAK,EAAE,MAAM;IACb,YAAY,EAAE,MAAM;IACpB,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,2BAA2B;IACtC,MAAM,EAAE,gBAAgB;IACxB,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,uBAAuB;IAClC,MAAM,EAAE,SAAS;IACjB,IAAI,EAAE,oCAAoC;CAC3C,CAAC"}

package/dist/ui/components/form/input-color/react-input-color-lib/components/Input/Input.js

@@ -0,0 +1,63 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var styles = __importStar(require("./Input.style.js"));
+var Input = function (_a) {
+    var name = _a.name, value = _a.value, _b = _a.type, type = _b === void 0 ? 'text' : _b, label = _a.label, prefix = _a.prefix, min = _a.min, max = _a.max, step = _a.step, maxLength = _a.maxLength, _c = _a.size, size = _c === void 0 ? 'small' : _c, onChange = _a.onChange, onBlur = _a.onBlur;
+    var width = size === 'small' ? '42px' : '54px';
+    return ((0, jsx_runtime_1.jsxs)("label", { style: styles.label, children: [(0, jsx_runtime_1.jsxs)("div", { style: styles.wrapper, children: [prefix && (0, jsx_runtime_1.jsx)("span", { style: styles.prefix, children: prefix }), (0, jsx_runtime_1.jsx)("input", { autoComplete: "off", type: type, name: name, value: value, onChange: function (e) { return onChange(e.target.value); }, onBlur: function (e) {
+                            if (onBlur)
+                                return onBlur(e.target.value);
+                            onChange(e.target.value);
+                        }, style: __assign(__assign({}, styles.input), { width: width }), spellCheck: false, maxLength: maxLength, min: min, max: max, step: step })] }), (0, jsx_runtime_1.jsx)("span", { children: label })] }));
+};
+exports.default = react_1.default.memo(Input);
+//# sourceMappingURL=Input.js.map

package/dist/ui/components/form/input-color/react-input-color-lib/components/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/form/input-color/react-input-color-lib/components/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,oDAAwC;AAiBxC,IAAM,KAAK,GAAG,UAAC,EAaF;QAZX,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EACb,KAAK,WAAA,EACL,MAAM,YAAA,EACN,GAAG,SAAA,EACH,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,QAAQ,cAAA,EACR,MAAM,YAAA;IAEN,IAAM,KAAK,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IACjD,OAAO,CACL,mCAAO,KAAK,EAAE,MAAM,CAAC,KAAK,aACxB,iCAAK,KAAK,EAAE,MAAM,CAAC,OAAO,aACvB,MAAM,IAAI,iCAAM,KAAK,EAAE,MAAM,CAAC,MAAM,YAAG,MAAM,GAAQ,EACtD,kCACE,YAAY,EAAC,KAAK,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAA,CAAC,IAAI,OAAA,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAxB,CAAwB,EACvC,MAAM,EAAE,UAAA,CAAC;4BACP,IAAI,MAAM;gCAAE,OAAO,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;4BAC1C,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wBAC3B,CAAC,EACD,KAAK,wBAAO,MAAM,CAAC,KAAK,KAAE,KAAK,OAAA,KAC/B,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,GACV,IACE,EAEN,2CAAO,KAAK,GAAQ,IACd,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAK,CAAC,IAAI,CAAC,KAAK,CAAiB,CAAC"}

package/dist/ui/components/form/input-color/react-input-color-lib/components/Input/Input.style.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.label = exports.prefix = exports.input = exports.wrapper = void 0;
+exports.wrapper = {
+    display: 'flex',
+    alignItems: 'center',
+    color: 'var(--rpc-color)',
+    border: '1px solid var(--rpc-border-color)',
+    borderRadius: 'var(--rpc-border-radius)',
+    margin: '0.1rem',
+    background: 'var(--rpc-input-background)'
+};
+exports.input = {
+    width: '45px',
+    background: 'none',
+    color: 'var(--rpc-color)',
+    border: 'none',
+    borderRadius: 'var(--rpc-border-radius)',
+    padding: '5px',
+    fontSize: '10px',
+    margin: '0',
+    textTransform: 'uppercase',
+    boxSizing: 'border-box'
+};
+exports.prefix = {
+    paddingLeft: '5px',
+    fontSize: '10px',
+    color: 'var(--rpc-borderColor)'
+};
+exports.label = {
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    fontFamily: 'sans-serif',
+    fontSize: '10px',
+    color: 'var(--rpc-color)'
+};
+//# sourceMappingURL=Input.style.js.map