@peculiar/react-components 0.3.15-alpha.1 → 0.3.15

package/dist/cjs/styles/colors/attention.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.attention = exports.generateAttentionColors = void 0;
+var color_1 = require("@peculiar/color");
+var generateAttentionColors = function (hex) {
+    if (hex === void 0) { hex = '#F7A831'; }
+    var palette = new color_1.Color(hex).palette();
+    return {
+        'attention-tint-5': palette.tint5.toHexString(),
+        'attention-tint-4': palette.tint4.toHexString(),
+        'attention-tint-3': palette.tint3.toHexString(),
+        'attention-tint-2': palette.tint2.toHexString(),
+        'attention-tint-1': palette.tint1.toHexString(),
+        attention: palette.base.toHexString(),
+        'attention-shade-1': palette.shade1.toHexString(),
+        'attention-shade-2': palette.shade2.toHexString(),
+        'attention-shade-3': palette.shade3.toHexString(),
+        'attention-shade-4': palette.shade4.toHexString(),
+        'attention-shade-5': palette.shade5.toHexString(),
+    };
+};
+exports.generateAttentionColors = generateAttentionColors;
+exports.attention = (0, exports.generateAttentionColors)();
+//# sourceMappingURL=attention.js.map

package/dist/cjs/styles/colors/attention.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attention.js","sourceRoot":"","sources":["../../../../src/styles/colors/attention.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAEjC,IAAM,uBAAuB,GAAG,UAAC,GAAuB;IAAvB,oBAAA,EAAA,eAAuB;IAC7D,IAAM,OAAO,GAAG,IAAI,aAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzC,OAAO;QACL,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;QACrC,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;KAClD,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,uBAAuB,2BAgBlC;AAEW,QAAA,SAAS,GAAG,IAAA,+BAAuB,GAAE,CAAC"}

package/dist/cjs/styles/colors/grayscale.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.grayscale = void 0;
+exports.grayscale = {
+    white: '#FFFFFF',
+    'gray-1': '#FBFCFD',
+    'gray-2': '#F4F7FC',
+    'gray-3': '#EFF1F6',
+    'gray-4': '#EAEDF2',
+    'gray-5': '#E3E5E8',
+    'gray-6': '#D8DBDE',
+    'gray-7': '#CDD1D5',
+    'gray-8': '#C4C8CC',
+    'gray-9': '#8F999E',
+    'gray-10': '#5C666A',
+    black: '#293033',
+};
+//# sourceMappingURL=grayscale.js.map

package/dist/cjs/styles/colors/grayscale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grayscale.js","sourceRoot":"","sources":["../../../../src/styles/colors/grayscale.ts"],"names":[],"mappings":";;;AAAa,QAAA,SAAS,GAAG;IACvB,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;IACpB,KAAK,EAAE,SAAS;CACjB,CAAC"}

package/dist/cjs/styles/colors/index.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.additional = exports.generateSuccessColors = exports.success = exports.generateAttentionColors = exports.attention = exports.generateWrongColors = exports.wrong = exports.generateSecondaryColors = exports.secondary = exports.generatePrimaryColors = exports.primary = exports.grayscale = void 0;
+var grayscale_1 = require("./grayscale");
+Object.defineProperty(exports, "grayscale", { enumerable: true, get: function () { return grayscale_1.grayscale; } });
+var primary_1 = require("./primary");
+Object.defineProperty(exports, "primary", { enumerable: true, get: function () { return primary_1.primary; } });
+Object.defineProperty(exports, "generatePrimaryColors", { enumerable: true, get: function () { return primary_1.generatePrimaryColors; } });
+var secondary_1 = require("./secondary");
+Object.defineProperty(exports, "secondary", { enumerable: true, get: function () { return secondary_1.secondary; } });
+Object.defineProperty(exports, "generateSecondaryColors", { enumerable: true, get: function () { return secondary_1.generateSecondaryColors; } });
+var wrong_1 = require("./wrong");
+Object.defineProperty(exports, "wrong", { enumerable: true, get: function () { return wrong_1.wrong; } });
+Object.defineProperty(exports, "generateWrongColors", { enumerable: true, get: function () { return wrong_1.generateWrongColors; } });
+var attention_1 = require("./attention");
+Object.defineProperty(exports, "attention", { enumerable: true, get: function () { return attention_1.attention; } });
+Object.defineProperty(exports, "generateAttentionColors", { enumerable: true, get: function () { return attention_1.generateAttentionColors; } });
+var success_1 = require("./success");
+Object.defineProperty(exports, "success", { enumerable: true, get: function () { return success_1.success; } });
+Object.defineProperty(exports, "generateSuccessColors", { enumerable: true, get: function () { return success_1.generateSuccessColors; } });
+var additional_1 = require("./additional");
+Object.defineProperty(exports, "additional", { enumerable: true, get: function () { return additional_1.additional; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/styles/colors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/colors/index.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAClB,qCAA2D;AAAlD,kGAAA,OAAO,OAAA;AAAE,gHAAA,qBAAqB,OAAA;AACvC,yCAAiE;AAAxD,sGAAA,SAAS,OAAA;AAAE,oHAAA,uBAAuB,OAAA;AAC3C,iCAAqD;AAA5C,8FAAA,KAAK,OAAA;AAAE,4GAAA,mBAAmB,OAAA;AACnC,yCAAiE;AAAxD,sGAAA,SAAS,OAAA;AAAE,oHAAA,uBAAuB,OAAA;AAC3C,qCAA2D;AAAlD,kGAAA,OAAO,OAAA;AAAE,gHAAA,qBAAqB,OAAA;AACvC,2CAA0C;AAAjC,wGAAA,UAAU,OAAA"}

package/dist/cjs/styles/colors/primary.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.primary = exports.generatePrimaryColors = void 0;
+var color_1 = require("@peculiar/color");
+var generatePrimaryColors = function (hex) {
+    if (hex === void 0) { hex = '#5EBC54'; }
+    var palette = new color_1.Color(hex).palette();
+    return {
+        'primary-tint-5': palette.tint5.toHexString(),
+        'primary-tint-4': palette.tint4.toHexString(),
+        'primary-tint-3': palette.tint3.toHexString(),
+        'primary-tint-2': palette.tint2.toHexString(),
+        'primary-tint-1': palette.tint1.toHexString(),
+        primary: palette.base.toHexString(),
+        'primary-shade-1': palette.shade1.toHexString(),
+        'primary-shade-2': palette.shade2.toHexString(),
+        'primary-shade-3': palette.shade3.toHexString(),
+        'primary-shade-4': palette.shade4.toHexString(),
+        'primary-shade-5': palette.shade5.toHexString(),
+    };
+};
+exports.generatePrimaryColors = generatePrimaryColors;
+exports.primary = (0, exports.generatePrimaryColors)();
+//# sourceMappingURL=primary.js.map

package/dist/cjs/styles/colors/primary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"primary.js","sourceRoot":"","sources":["../../../../src/styles/colors/primary.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAEjC,IAAM,qBAAqB,GAAG,UAAC,GAAuB;IAAvB,oBAAA,EAAA,eAAuB;IAC3D,IAAM,OAAO,GAAG,IAAI,aAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzC,OAAO;QACL,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;QACnC,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;KAChD,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,qBAAqB,yBAgBhC;AAEW,QAAA,OAAO,GAAG,IAAA,6BAAqB,GAAE,CAAC"}

package/dist/cjs/styles/colors/secondary.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.secondary = exports.generateSecondaryColors = void 0;
+var color_1 = require("@peculiar/color");
+var generateSecondaryColors = function (hex) {
+    if (hex === void 0) { hex = '#377FF4'; }
+    var palette = new color_1.Color(hex).palette();
+    return {
+        'secondary-tint-5': palette.tint5.toHexString(),
+        'secondary-tint-4': palette.tint4.toHexString(),
+        'secondary-tint-3': palette.tint3.toHexString(),
+        'secondary-tint-2': palette.tint2.toHexString(),
+        'secondary-tint-1': palette.tint1.toHexString(),
+        secondary: palette.base.toHexString(),
+        'secondary-shade-1': palette.shade1.toHexString(),
+        'secondary-shade-2': palette.shade2.toHexString(),
+        'secondary-shade-3': palette.shade3.toHexString(),
+        'secondary-shade-4': palette.shade4.toHexString(),
+        'secondary-shade-5': palette.shade5.toHexString(),
+    };
+};
+exports.generateSecondaryColors = generateSecondaryColors;
+exports.secondary = (0, exports.generateSecondaryColors)();
+//# sourceMappingURL=secondary.js.map

package/dist/cjs/styles/colors/secondary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"secondary.js","sourceRoot":"","sources":["../../../../src/styles/colors/secondary.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAEjC,IAAM,uBAAuB,GAAG,UAAC,GAAuB;IAAvB,oBAAA,EAAA,eAAuB;IAC7D,IAAM,OAAO,GAAG,IAAI,aAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzC,OAAO;QACL,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;QACrC,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;KAClD,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,uBAAuB,2BAgBlC;AAEW,QAAA,SAAS,GAAG,IAAA,+BAAuB,GAAE,CAAC"}

package/dist/cjs/styles/colors/success.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.success = exports.generateSuccessColors = void 0;
+var color_1 = require("@peculiar/color");
+var generateSuccessColors = function (hex) {
+    if (hex === void 0) { hex = '#33CC99'; }
+    var palette = new color_1.Color(hex).palette();
+    return {
+        'success-tint-5': palette.tint5.toHexString(),
+        'success-tint-4': palette.tint4.toHexString(),
+        'success-tint-3': palette.tint3.toHexString(),
+        'success-tint-2': palette.tint2.toHexString(),
+        'success-tint-1': palette.tint1.toHexString(),
+        success: palette.base.toHexString(),
+        'success-shade-1': palette.shade1.toHexString(),
+        'success-shade-2': palette.shade2.toHexString(),
+        'success-shade-3': palette.shade3.toHexString(),
+        'success-shade-4': palette.shade4.toHexString(),
+        'success-shade-5': palette.shade5.toHexString(),
+    };
+};
+exports.generateSuccessColors = generateSuccessColors;
+exports.success = (0, exports.generateSuccessColors)();
+//# sourceMappingURL=success.js.map

package/dist/cjs/styles/colors/success.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"success.js","sourceRoot":"","sources":["../../../../src/styles/colors/success.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAEjC,IAAM,qBAAqB,GAAG,UAAC,GAAuB;IAAvB,oBAAA,EAAA,eAAuB;IAC3D,IAAM,OAAO,GAAG,IAAI,aAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzC,OAAO;QACL,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;QACnC,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;KAChD,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,qBAAqB,yBAgBhC;AAEW,QAAA,OAAO,GAAG,IAAA,6BAAqB,GAAE,CAAC"}

package/dist/cjs/styles/colors/wrong.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.wrong = exports.generateWrongColors = void 0;
+var color_1 = require("@peculiar/color");
+var generateWrongColors = function (hex) {
+    if (hex === void 0) { hex = '#DE4641'; }
+    var palette = new color_1.Color(hex).palette();
+    return {
+        'wrong-tint-5': palette.tint5.toHexString(),
+        'wrong-tint-4': palette.tint4.toHexString(),
+        'wrong-tint-3': palette.tint3.toHexString(),
+        'wrong-tint-2': palette.tint2.toHexString(),
+        'wrong-tint-1': palette.tint1.toHexString(),
+        wrong: palette.base.toHexString(),
+        'wrong-shade-1': palette.shade1.toHexString(),
+        'wrong-shade-2': palette.shade2.toHexString(),
+        'wrong-shade-3': palette.shade3.toHexString(),
+        'wrong-shade-4': palette.shade4.toHexString(),
+        'wrong-shade-5': palette.shade5.toHexString(),
+    };
+};
+exports.generateWrongColors = generateWrongColors;
+exports.wrong = (0, exports.generateWrongColors)();
+//# sourceMappingURL=wrong.js.map

package/dist/cjs/styles/colors/wrong.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrong.js","sourceRoot":"","sources":["../../../../src/styles/colors/wrong.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAEjC,IAAM,mBAAmB,GAAG,UAAC,GAAuB;IAAvB,oBAAA,EAAA,eAAuB;IACzD,IAAM,OAAO,GAAG,IAAI,aAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzC,OAAO;QACL,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC3C,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC3C,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC3C,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC3C,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC3C,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;QACjC,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC7C,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC7C,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC7C,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC7C,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;KAC9C,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,mBAAmB,uBAgB9B;AAEW,QAAA,KAAK,GAAG,IAAA,2BAAmB,GAAE,CAAC"}

package/dist/cjs/styles/css.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cache = exports.sheet = exports.css = exports.keyframes = exports.injectGlobal = exports.getRegisteredStyles = exports.merge = exports.cx = exports.hydrate = exports.flush = void 0;
+var create_instance_1 = __importDefault(require("@emotion/css/create-instance"));
+exports.flush = (_a = (0, create_instance_1.default)({
+    key: 'pv',
+    prepend: true,
+}), _a.flush), exports.hydrate = _a.hydrate, exports.cx = _a.cx, exports.merge = _a.merge, exports.getRegisteredStyles = _a.getRegisteredStyles, exports.injectGlobal = _a.injectGlobal, exports.keyframes = _a.keyframes, exports.css = _a.css, exports.sheet = _a.sheet, exports.cache = _a.cache;
+//# sourceMappingURL=css.js.map

package/dist/cjs/styles/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../src/styles/css.ts"],"names":[],"mappings":";;;;;;;AAAA,iFAAyD;AAGvD,QAAA,KAAK,IADM,KAWT,IAAA,yBAAa,EAAC;IAChB,GAAG,EAAE,IAAI;IACT,OAAO,EAAE,IAAI;CACd,CAAC,aAZA,QAAA,OAAO,eACP,QAAA,EAAE,UACF,QAAA,KAAK,aACL,QAAA,mBAAmB,2BACnB,QAAA,YAAY,oBACZ,QAAA,SAAS,iBACT,QAAA,GAAG,WACH,QAAA,KAAK,aACL,QAAA,KAAK,YAIJ"}

package/dist/cjs/styles/default_theme.js

@@ -11,18 +11,146 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultThemeDark = exports.defaultThemeLight = void 0;
-var foundations_1 = require("./foundations");
-exports.defaultThemeLight = {
-    color: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, foundations_1.colors.primary), { 'primary-contrast': foundations_1.colors.grayscale.white }), foundations_1.colors.secondary), { 'secondary-contrast': foundations_1.colors.grayscale.white }), foundations_1.colors.wrong), { 'wrong-contrast': foundations_1.colors.grayscale.white }), foundations_1.colors.attention), foundations_1.colors.success), foundations_1.colors.grayscale), foundations_1.colors.additional),
-    shadow: foundations_1.shadow,
-    text: foundations_1.text,
-    size: foundations_1.size,
-};
-exports.defaultThemeDark = {
-    color: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, foundations_1.colors.primaryDark), { 'primary-contrast': foundations_1.colors.grayscaleDark.white }), foundations_1.colors.secondaryDark), { 'secondary-contrast': foundations_1.colors.grayscaleDark.white }), foundations_1.colors.wrongDark), { 'wrong-contrast': foundations_1.colors.grayscaleDark.white }), foundations_1.colors.attentionDark), foundations_1.colors.successDark), foundations_1.colors.grayscaleDark), foundations_1.colors.additionalDark),
-    shadow: foundations_1.shadow,
-    text: foundations_1.text,
-    size: foundations_1.size,
+exports.defaultTheme = void 0;
+var colors_1 = require("./colors");
+var sizes_1 = require("./sizes");
+exports.defaultTheme = {
+    color: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, colors_1.primary), { 'primary-contrast': colors_1.grayscale.white }), colors_1.secondary), { 'secondary-contrast': colors_1.grayscale.white }), colors_1.wrong), { 'wrong-contrast': colors_1.grayscale.white }), colors_1.attention), colors_1.success), colors_1.grayscale), colors_1.additional),
+    shadow: {
+        'light-low': '0px 1px 3px rgba(85, 94, 98, 0.12), 0px 3px 3px rgba(85, 94, 98, 0.08), 0px 1px 7px rgba(85, 94, 98, 0.06)',
+        'light-medium': '0px 1px 4px rgba(85, 94, 98, 0.18), 0px 3px 5px rgba(85, 94, 98, 0.14), 0px 1px 10px rgba(85, 94, 98, 0.12)',
+        'light-hight': '0px 1px 8px -2px rgba(85, 94, 98, 0.2), 0px 5px 10px 0.2px rgba(85, 94, 98, 0.25), 0px 15px 20px 0.2px rgba(85, 94, 98, 0.21)',
+        'dark-medium': '0px 1px 4px rgba(41, 48, 51, 0.18), 0px 3px 5px rgba(41, 48, 51, 0.16), 0px 1px 10px rgba(41, 48, 51, 0.14)',
+        'dark-hight': '0px 1px 8px -2px rgba(85, 94, 98, 0.2), 0px 5px 10px 0.2px rgba(85, 94, 98, 0.3), 0px 15px 20px 0.2px rgba(85, 94, 98, 0.25)',
+    },
+    text: {
+        /**
+         * h1
+         */
+        h1: {
+            weight: '800',
+            size: '30px',
+            height: '40px',
+            spacing: '0.1px',
+        },
+        /**
+         * h2
+         */
+        h2: {
+            weight: '800',
+            size: '24px',
+            height: '35px',
+            spacing: '0.1px',
+        },
+        /**
+         * h3
+         */
+        h3: {
+            weight: '700',
+            size: '20px',
+            height: '30px',
+            spacing: '0.2px',
+        },
+        /**
+         * h4
+         */
+        h4: {
+            weight: '700',
+            size: '18px',
+            height: '28px',
+            spacing: '0.2px',
+        },
+        /**
+         * h5
+         */
+        h5: {
+            weight: '700',
+            size: '16px',
+            height: '25px',
+            spacing: '0.15px',
+        },
+        /**
+         * subtitle1
+         */
+        s1: {
+            weight: '600',
+            size: '15px',
+            height: '25px',
+            spacing: '0.25px',
+        },
+        /**
+         * subtitle2
+         */
+        s2: {
+            weight: '600',
+            size: '14px',
+            height: '22px',
+            spacing: '0.25px',
+        },
+        /**
+         * body1
+         */
+        b1: {
+            weight: '400',
+            size: '15px',
+            height: '25px',
+            spacing: '0.4px',
+        },
+        /**
+         * body2
+         */
+        b2: {
+            weight: '400',
+            size: '14px',
+            height: '22px',
+            spacing: '0.4px',
+        },
+        /**
+         * body3
+         */
+        b3: {
+            weight: '400',
+            size: '13px',
+            height: '20px',
+            spacing: '0.55px',
+        },
+        /**
+         * button1
+         */
+        btn1: {
+            weight: '700',
+            size: '14px',
+            height: '20px',
+            spacing: '0.2px',
+        },
+        /**
+         * button2
+         */
+        btn2: {
+            weight: '700',
+            size: '13px',
+            height: '17px',
+            spacing: '0.2px',
+        },
+        /**
+         * caption1
+         */
+        c1: {
+            weight: '400',
+            size: '12px',
+            height: '17px',
+            spacing: '0.45px',
+        },
+        /**
+         * caption2
+         */
+        c2: {
+            weight: '400',
+            size: '11px',
+            height: '15px',
+            spacing: '0.5px',
+        },
+    },
+    size: __assign({}, sizes_1.base),
 };
 //# sourceMappingURL=default_theme.js.map

package/dist/cjs/styles/default_theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"default_theme.js","sourceRoot":"","sources":["../../../src/styles/default_theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,6CAKuB;AAEV,QAAA,iBAAiB,GAAc;IAC1C,KAAK,gGAIA,oBAAM,CAAC,OAAO,KACjB,kBAAkB,EAAE,oBAAM,CAAC,SAAS,CAAC,KAAK,KAIvC,oBAAM,CAAC,SAAS,KACnB,oBAAoB,EAAE,oBAAM,CAAC,SAAS,CAAC,KAAK,KAIzC,oBAAM,CAAC,KAAK,KACf,gBAAgB,EAAE,oBAAM,CAAC,SAAS,CAAC,KAAK,KAIrC,oBAAM,CAAC,SAAS,GAIhB,oBAAM,CAAC,OAAO,GAId,oBAAM,CAAC,SAAS,GAIhB,oBAAM,CAAC,UAAU,CACrB;IACD,MAAM,sBAAA;IACN,IAAI,oBAAA;IACJ,IAAI,oBAAA;CACL,CAAC;AAEW,QAAA,gBAAgB,GAAc;IACzC,KAAK,gGAIA,oBAAM,CAAC,WAAW,KACrB,kBAAkB,EAAE,oBAAM,CAAC,aAAa,CAAC,KAAK,KAI3C,oBAAM,CAAC,aAAa,KACvB,oBAAoB,EAAE,oBAAM,CAAC,aAAa,CAAC,KAAK,KAI7C,oBAAM,CAAC,SAAS,KACnB,gBAAgB,EAAE,oBAAM,CAAC,aAAa,CAAC,KAAK,KAIzC,oBAAM,CAAC,aAAa,GAIpB,oBAAM,CAAC,WAAW,GAIlB,oBAAM,CAAC,aAAa,GAIpB,oBAAM,CAAC,cAAc,CACzB;IACD,MAAM,sBAAA;IACN,IAAI,oBAAA;IACJ,IAAI,oBAAA;CACL,CAAC"}
+{"version":3,"file":"default_theme.js","sourceRoot":"","sources":["../../../src/styles/default_theme.ts"],"names":[],"mappings":"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"}

package/dist/cjs/styles/index.js

@@ -14,11 +14,15 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultThemeDark = exports.defaultThemeLight = exports.ThemeProvider = void 0;
+exports.defaultTheme = exports.cache = exports.keyframes = exports.cx = exports.css = exports.ThemeProvider = void 0;
 var theme_provider_1 = require("./theme_provider");
 Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return theme_provider_1.ThemeProvider; } });
+var css_1 = require("./css");
+Object.defineProperty(exports, "css", { enumerable: true, get: function () { return css_1.css; } });
+Object.defineProperty(exports, "cx", { enumerable: true, get: function () { return css_1.cx; } });
+Object.defineProperty(exports, "keyframes", { enumerable: true, get: function () { return css_1.keyframes; } });
+Object.defineProperty(exports, "cache", { enumerable: true, get: function () { return css_1.cache; } });
 __exportStar(require("./types"), exports);
 var default_theme_1 = require("./default_theme");
-Object.defineProperty(exports, "defaultThemeLight", { enumerable: true, get: function () { return default_theme_1.defaultThemeLight; } });
-Object.defineProperty(exports, "defaultThemeDark", { enumerable: true, get: function () { return default_theme_1.defaultThemeDark; } });
+Object.defineProperty(exports, "defaultTheme", { enumerable: true, get: function () { return default_theme_1.defaultTheme; } });
 //# sourceMappingURL=index.js.map

package/dist/cjs/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,0CAAwB;AACxB,iDAAsE;AAA7D,kHAAA,iBAAiB,OAAA;AAAE,iHAAA,gBAAgB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,6BAKe;AAJb,0FAAA,GAAG,OAAA;AACH,yFAAA,EAAE,OAAA;AACF,gGAAA,SAAS,OAAA;AACT,4FAAA,KAAK,OAAA;AAEP,0CAAwB;AACxB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA"}

package/dist/cjs/styles/{foundations/sizes.js → sizes/base.js}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.size = exports.generateSize = void 0;
-var generateSize = function (grid) {
+exports.base = exports.generateBaseSize = void 0;
+var generateBaseSize = function (grid) {
     if (grid === void 0) { grid = 5; }
     return ({
         'base-half': "".concat(grid / 2, "px"),
@@ -21,6 +21,6 @@ var generateSize = function (grid) {
         'base-16': "".concat(grid * 16, "px"),
     });
 };
-exports.generateSize = generateSize;
-exports.size = (0, exports.generateSize)();
-//# sourceMappingURL=sizes.js.map
+exports.generateBaseSize = generateBaseSize;
+exports.base = (0, exports.generateBaseSize)();
+//# sourceMappingURL=base.js.map

package/dist/cjs/styles/sizes/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sourceRoot":"","sources":["../../../../src/styles/sizes/base.ts"],"names":[],"mappings":";;;AAAO,IAAM,gBAAgB,GAAG,UAAC,IAAgB;IAAhB,qBAAA,EAAA,QAAgB;IAAK,OAAA,CAAC;QACrD,WAAW,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QAC5B,IAAI,EAAE,UAAG,IAAI,OAAI;QACjB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,SAAS,EAAE,UAAG,IAAI,GAAG,EAAE,OAAI;QAC3B,SAAS,EAAE,UAAG,IAAI,GAAG,EAAE,OAAI;QAC3B,SAAS,EAAE,UAAG,IAAI,GAAG,EAAE,OAAI;QAC3B,SAAS,EAAE,UAAG,IAAI,GAAG,EAAE,OAAI;QAC3B,SAAS,EAAE,UAAG,IAAI,GAAG,EAAE,OAAI;KAC5B,CAAC;AAhBoD,CAgBpD,CAAC;AAhBU,QAAA,gBAAgB,oBAgB1B;AAEU,QAAA,IAAI,GAAG,IAAA,wBAAgB,GAAE,CAAC"}

package/dist/cjs/styles/sizes/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateBaseSize = exports.base = void 0;
+var base_1 = require("./base");
+Object.defineProperty(exports, "base", { enumerable: true, get: function () { return base_1.base; } });
+Object.defineProperty(exports, "generateBaseSize", { enumerable: true, get: function () { return base_1.generateBaseSize; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/styles/sizes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/sizes/index.ts"],"names":[],"mappings":";;;AAAA,+BAAgD;AAAvC,4FAAA,IAAI,OAAA;AAAE,wGAAA,gBAAgB,OAAA"}

package/dist/cjs/styles/theme_provider.js

@@ -27,23 +27,20 @@ exports.ThemeProvider = void 0;
 var React = __importStar(require("react"));
 var react_1 = require("@emotion/react");
 var utils_1 = require("./utils");
-/**
- *
- */
+var default_theme_1 = require("./default_theme");
 var ThemeProvider = function (props) {
-    var children = props.children, mode = props.mode, themeProp = props.theme;
-    var theme = React.useMemo(function () { return (0, utils_1.createThemeCSSVariablesFromObject)((0, utils_1.createTheme)(mode, themeProp)); }, [themeProp, mode]);
+    var _a;
+    var children = props.children, themeProp = props.theme, _b = props.cssVarsRoot, cssVarsRoot = _b === void 0 ? 'html, ::backdrop' : _b;
+    var theme = React.useMemo(function () {
+        var output = themeProp ? (0, utils_1.createTheme)(themeProp) : default_theme_1.defaultTheme;
+        return output;
+    }, [themeProp]);
     return (React.createElement(React.Fragment, null,
-        React.createElement(react_1.Global, { styles: {
-                'html, ::backdrop': theme,
-            } }),
-        React.createElement(react_1.ThemeProvider, { theme: {
-                mode: mode,
-            } }, children)));
+        React.createElement(react_1.Global, { styles: (_a = {},
+                _a[cssVarsRoot] = (0, utils_1.createThemeCSSVariablesFromObject)(theme),
+                _a) }),
+        children));
 };
 exports.ThemeProvider = ThemeProvider;
 exports.ThemeProvider.displayName = 'ThemeProvider';
-exports.ThemeProvider.defaultProps = {
-    mode: 'light',
-};
 //# sourceMappingURL=theme_provider.js.map

package/dist/cjs/styles/theme_provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,wCAA+E;AAC/E,iCAAyE;AAWzE;;GAEG;AAEI,IAAM,aAAa,GAAiC,UAAC,KAAK;IAE7D,IAAA,QAAQ,GAGN,KAAK,SAHC,EACR,IAAI,GAEF,KAAK,KAFH,EACG,SAAS,GACd,KAAK,MADS,CACR;IAEV,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACzB,cAAM,OAAA,IAAA,yCAAiC,EAAC,IAAA,mBAAW,EAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAA/D,CAA+D,EACrE,CAAC,SAAS,EAAE,IAAI,CAAC,CAClB,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,cAAM,IACL,MAAM,EAAE;gBACN,kBAAkB,EAAE,KAAK;aAC1B,GACD;QACF,oBAAC,qBAAoB,IACnB,KAAK,EAAE;gBACL,IAAI,MAAA;aACL,IAEA,QAAQ,CACY,CACtB,CACJ,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,aAAa,iBA4BxB;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,qBAAa,CAAC,YAAY,GAAG;IAC3B,IAAI,EAAE,OAAO;CACd,CAAC"}
+{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,wCAAwC;AACxC,iCAAyE;AACzE,iDAA+C;AASxC,IAAM,aAAa,GAAiC,UAAC,KAAK;;IAE7D,IAAA,QAAQ,GAGN,KAAK,SAHC,EACD,SAAS,GAEd,KAAK,MAFS,EAChB,KACE,KAAK,YADyB,EAAhC,WAAW,mBAAG,kBAAkB,KAAA,CACxB;IAEV,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;QAC1B,IAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,IAAA,mBAAW,EAAC,SAAS,CAAC,CAAC,CAAC,CAAC,4BAAY,CAAC;QAEjE,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL;QACE,oBAAC,cAAM,IACL,MAAM;gBACJ,GAAC,WAAW,IAAG,IAAA,yCAAiC,EAAC,KAAK,CAAC;sBAEzD;QACD,QAAQ,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,aAAa,iBAuBxB;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/cjs/styles/utils.js

@@ -19,50 +19,29 @@ var flat_1 = __importDefault(require("flat"));
 var deepmerge_1 = __importDefault(require("deepmerge"));
 var color_1 = require("@peculiar/color");
 var default_theme_1 = require("./default_theme");
-var foundations_1 = require("./foundations");
+var colors_1 = require("./colors");
+var sizes_1 = require("./sizes");
 exports.themeCSSVariablePrefix = 'pv';
 exports.contrastThreshold = 2;
-var createTheme = function (mode, options) {
-    var _a, _b, _c, _d, _e;
-    var defaultTheme = mode === 'dark' ? default_theme_1.defaultThemeDark : default_theme_1.defaultThemeLight;
-    var getContrastText = function (background) {
+var createTheme = function (options) {
+    var _a, _b, _c, _d;
+    var primary = (0, colors_1.generatePrimaryColors)((_a = options === null || options === void 0 ? void 0 : options.color) === null || _a === void 0 ? void 0 : _a.primary);
+    var secondary = (0, colors_1.generateSecondaryColors)((_b = options === null || options === void 0 ? void 0 : options.color) === null || _b === void 0 ? void 0 : _b.secondary);
+    var wrong = (0, colors_1.generateWrongColors)((_c = options === null || options === void 0 ? void 0 : options.color) === null || _c === void 0 ? void 0 : _c.wrong);
+    var attention = (0, colors_1.generateAttentionColors)((_d = options === null || options === void 0 ? void 0 : options.color) === null || _d === void 0 ? void 0 : _d.attention);
+    var size = (0, sizes_1.generateBaseSize)(options === null || options === void 0 ? void 0 : options.size);
+    function getContrastText(background) {
         var contrastRatio = new color_1.Color(background)
-            .getContrastRatio(defaultTheme.color.white);
+            .getContrastRatio(default_theme_1.defaultTheme.color.white);
         return contrastRatio > exports.contrastThreshold
-            ? defaultTheme.color.white
-            : defaultTheme.color.black;
-    };
-    var primary = ((_a = options === null || options === void 0 ? void 0 : options.color) === null || _a === void 0 ? void 0 : _a.primary)
-        ? foundations_1.colors.generateColorPalette('primary', options.color.primary)
-        : undefined;
-    var secondary = ((_b = options === null || options === void 0 ? void 0 : options.color) === null || _b === void 0 ? void 0 : _b.secondary)
-        ? foundations_1.colors.generateColorPalette('secondary', options.color.secondary)
-        : undefined;
-    var wrong = ((_c = options === null || options === void 0 ? void 0 : options.color) === null || _c === void 0 ? void 0 : _c.wrong)
-        ? foundations_1.colors.generateColorPalette('wrong', options.color.wrong)
-        : undefined;
-    var attention = ((_d = options === null || options === void 0 ? void 0 : options.color) === null || _d === void 0 ? void 0 : _d.attention)
-        ? foundations_1.colors.generateColorPalette('attention', options.color.attention)
-        : undefined;
-    var success = ((_e = options === null || options === void 0 ? void 0 : options.color) === null || _e === void 0 ? void 0 : _e.success)
-        ? foundations_1.colors.generateColorPalette('success', options.color.success)
-        : undefined;
-    return {
-        color: deepmerge_1.default.all([
-            defaultTheme.color,
-            __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, primary || {}), secondary || {}), wrong || {}), attention || {}), success || {}), (primary ? {
-                'primary-contrast': getContrastText(primary.primary),
-            } : {})), (secondary ? {
-                'secondary-contrast': getContrastText(secondary.secondary),
-            } : {})), (wrong ? {
-                'wrong-contrast': getContrastText(wrong.wrong),
-            } : {})),
-            (options === null || options === void 0 ? void 0 : options.color) || {},
-        ]),
-        shadow: (0, deepmerge_1.default)(defaultTheme.shadow, (options === null || options === void 0 ? void 0 : options.shadow) || {}),
-        text: (0, deepmerge_1.default)(defaultTheme.text, (options === null || options === void 0 ? void 0 : options.text) || {}),
-        size: (0, foundations_1.generateSize)(options === null || options === void 0 ? void 0 : options.size),
-    };
+            ? default_theme_1.defaultTheme.color.white
+            : default_theme_1.defaultTheme.color.black;
+    }
+    var partialTheme = (0, deepmerge_1.default)(options, {
+        color: __assign(__assign(__assign(__assign(__assign(__assign({}, primary), secondary), wrong), attention), { 'primary-contrast': getContrastText(primary.primary), 'secondary-contrast': getContrastText(secondary.secondary), 'wrong-contrast': getContrastText(wrong.wrong) }), options === null || options === void 0 ? void 0 : options.color),
+        size: size,
+    });
+    return (0, deepmerge_1.default)(default_theme_1.defaultTheme, partialTheme);
 };
 exports.createTheme = createTheme;
 var createThemeCSSVariablesFromObject = function (object) {

package/dist/cjs/styles/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,8CAAwB;AACxB,wDAAkC;AAClC,yCAAwC;AACxC,iDAAsE;AAEtE,6CAGuB;AAEV,QAAA,sBAAsB,GAAG,IAAI,CAAC;AAC9B,QAAA,iBAAiB,GAAG,CAAC,CAAC;AAE5B,IAAM,WAAW,GAAG,UAAC,IAAsB,EAAE,OAA0B;;IAC5E,IAAM,YAAY,GAAG,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,gCAAgB,CAAC,CAAC,CAAC,iCAAiB,CAAC;IAE5E,IAAM,eAAe,GAAG,UAAC,UAAkB;QACzC,IAAM,aAAa,GAAG,IAAI,aAAK,CAAC,UAAU,CAAC;aACxC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,aAAa,GAAG,yBAAiB;YACtC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK;YAC1B,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAM,OAAO,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,OAAO;QACrC,CAAC,CAAC,oBAAM,CAAC,oBAAoB,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;QAC/D,CAAC,CAAC,SAAS,CAAC;IACd,IAAM,SAAS,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,SAAS;QACzC,CAAC,CAAC,oBAAM,CAAC,oBAAoB,CAAC,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;QACnE,CAAC,CAAC,SAAS,CAAC;IACd,IAAM,KAAK,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,KAAK;QACjC,CAAC,CAAC,oBAAM,CAAC,oBAAoB,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;QAC3D,CAAC,CAAC,SAAS,CAAC;IACd,IAAM,SAAS,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,SAAS;QACzC,CAAC,CAAC,oBAAM,CAAC,oBAAoB,CAAC,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;QACnE,CAAC,CAAC,SAAS,CAAC;IACd,IAAM,OAAO,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,OAAO;QACrC,CAAC,CAAC,oBAAM,CAAC,oBAAoB,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;QAC/D,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO;QACL,KAAK,EAAE,mBAAS,CAAC,GAAG,CAAC;YACnB,YAAY,CAAC,KAAK;wFAEb,OAAO,IAAI,EAAE,GACb,SAAS,IAAI,EAAE,GACf,KAAK,IAAI,EAAE,GACX,SAAS,IAAI,EAAE,GACf,OAAO,IAAI,EAAE,GACb,CAAC,OAAO,CAAC,CAAC,CAAC;gBACZ,kBAAkB,EAAE,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC;aACrD,CAAC,CAAC,CAAC,EAAE,CAAC,GACJ,CAAC,SAAS,CAAC,CAAC,CAAC;gBACd,oBAAoB,EAAE,eAAe,CAAC,SAAS,CAAC,SAAS,CAAC;aAC3D,CAAC,CAAC,CAAC,EAAE,CAAC,GACJ,CAAC,KAAK,CAAC,CAAC,CAAC;gBACV,gBAAgB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;aAC/C,CAAC,CAAC,CAAC,EAAE,CAAC;YAET,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,KAAI,EAAE;SACrB,CAAuB;QACxB,MAAM,EAAE,IAAA,mBAAS,EAAC,YAAY,CAAC,MAAM,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,KAAI,EAAE,CAAC;QAC7D,IAAI,EAAE,IAAA,mBAAS,EAAC,YAAY,CAAC,IAAI,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,KAAI,EAAE,CAAC;QACvD,IAAI,EAAE,IAAA,0BAAY,EAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC;KAClC,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,WAAW,eAqDtB;AAEK,IAAM,iCAAiC,GAAG,UAAC,MAA2B;;IAC3E,IAAM,OAAO,GAAG,IAAA,cAAI;QAEhB,GAAC,YAAK,8BAAsB,CAAE,IAAG,MAAM;aAEzC,EAAE,SAAS,EAAE,GAAG,EAAE,CACnB,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AATW,QAAA,iCAAiC,qCAS5C"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,8CAAwB;AACxB,wDAAkC;AAClC,yCAAwC;AACxC,iDAA+C;AAE/C,mCAKkB;AAClB,iCAEiB;AAEJ,QAAA,sBAAsB,GAAG,IAAI,CAAC;AAC9B,QAAA,iBAAiB,GAAG,CAAC,CAAC;AAE5B,IAAM,WAAW,GAAG,UAAC,OAA0B;;IACpD,IAAM,OAAO,GAAG,IAAA,8BAAqB,EAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,OAAO,CAAC,CAAC;IAC/D,IAAM,SAAS,GAAG,IAAA,gCAAuB,EAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC;IACrE,IAAM,KAAK,GAAG,IAAA,4BAAmB,EAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,KAAK,CAAC,CAAC;IACzD,IAAM,SAAS,GAAG,IAAA,gCAAuB,EAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC;IACrE,IAAM,IAAI,GAAG,IAAA,wBAAgB,EAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,CAAC;IAE7C,SAAS,eAAe,CAAC,UAAkB;QACzC,IAAM,aAAa,GAAG,IAAI,aAAK,CAAC,UAAU,CAAC;aACxC,gBAAgB,CAAC,4BAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,aAAa,GAAG,yBAAiB;YACtC,CAAC,CAAC,4BAAY,CAAC,KAAK,CAAC,KAAK;YAC1B,CAAC,CAAC,4BAAY,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,CAAC;IAED,IAAM,YAAY,GAAG,IAAA,mBAAS,EAAC,OAAO,EAAE;QACtC,KAAK,EAAE,0DACF,OAAO,GACP,SAAS,GACT,KAAK,GACL,SAAS,KACZ,kBAAkB,EAAE,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,EACpD,oBAAoB,EAAE,eAAe,CAAC,SAAS,CAAC,SAAS,CAAC,EAC1D,gBAAgB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,KAC3C,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CACoB;QACvC,IAAI,MAAA;KACL,CAAC,CAAC;IAEH,OAAO,IAAA,mBAAS,EAAC,4BAAY,EAAE,YAAY,CAAC,CAAC;AAC/C,CAAC,CAAC;AA/BW,QAAA,WAAW,eA+BtB;AAEK,IAAM,iCAAiC,GAAG,UAAC,MAA2B;;IAC3E,IAAM,OAAO,GAAG,IAAA,cAAI;QAEhB,GAAC,YAAK,8BAAsB,CAAE,IAAG,MAAM;aAEzC,EAAE,SAAS,EAAE,GAAG,EAAE,CACnB,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AATW,QAAA,iCAAiC,qCAS5C"}