@g4rcez/components 3.0.0-0 → 3.0.0

package/dist/lib/dom.d.ts

@@ -15,4 +15,5 @@ export declare const getCoords: (elem: HTMLElement, docEl: HTMLElement) => {
     top: number;
     left: number;
 };
+export declare const isChildVisible: (container: HTMLElement, child: HTMLElement, partial?: boolean) => boolean;
 //# sourceMappingURL=dom.d.ts.map

package/dist/lib/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/lib/dom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,MAAM,CAAC;AACxC,OAAO,KAAK,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3D,eAAO,MAAM,SAAS,GACjB,CAAC,EAAE,GAAG,MAAM,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,KAAG,WAAW,CAAC,CAAC,CAS3E,CAAC;AAEN,eAAO,MAAM,gBAAgB,GAAI,GAAG,GAAG,KAAG,CAAC,IAAI,KAAK,CAAC,YAQpD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,GAAG,GAAG,gCAAmB,CAAC;AAEpD,eAAO,MAAM,GAAG,GAAI,GAAG,QAAQ,UAAU,EAAE,WAA0B,CAAC;AAEtE,eAAO,MAAM,aAAa,GAAI,OAAO,gBAAgB,GAAG,SAAS,GAAG,IAAI;;;CAIvE,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,OAAO,gBAAgB,GAAG,mBAAmB,GAAG,iBAAiB,eAIvG,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,aAAa,WAAW,YAAwD,CAAC;AAEnH,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,EAAE,YAAY,MAAM,WAGxE,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,MAAM,WAAW,EAAE,OAAO,WAAW;;;CAI9D,CAAC"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/lib/dom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,MAAM,CAAC;AACxC,OAAO,KAAK,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3D,eAAO,MAAM,SAAS,GACjB,CAAC,EAAE,GAAG,MAAM,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,KAAG,WAAW,CAAC,CAAC,CAS3E,CAAC;AAEN,eAAO,MAAM,gBAAgB,GAAI,GAAG,GAAG,KAAG,CAAC,IAAI,KAAK,CAAC,YAQpD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,GAAG,GAAG,gCAAmB,CAAC;AAEpD,eAAO,MAAM,GAAG,GAAI,GAAG,QAAQ,UAAU,EAAE,WAA0B,CAAC;AAEtE,eAAO,MAAM,aAAa,GAAI,OAAO,gBAAgB,GAAG,SAAS,GAAG,IAAI;;;CAIvE,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,OAAO,gBAAgB,GAAG,mBAAmB,GAAG,iBAAiB,eAIvG,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,aAAa,WAAW,YAAwD,CAAC;AAEnH,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,EAAE,YAAY,MAAM,WAMxE,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,MAAM,WAAW,EAAE,OAAO,WAAW;;;CAI9D,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,WAAW,WAAW,EAAE,OAAO,WAAW,EAAE,UAAS,OAAc,KAAG,OAgBpG,CAAC"}

package/dist/lib/dom.js

@@ -34,11 +34,29 @@ export const initializeInputDataset = (input) => {
 };
 export const hasVerticalScroll = (htmlElement) => htmlElement.scrollHeight > htmlElement.clientHeight;
 export const getRemainingSize = (element, windowSize) => {
-    const rect = element.getBoundingClientRect();
-    return Math.abs(windowSize - rect.bottom);
+    if (element && element.getBoundingClientRect) {
+        const rect = element.getBoundingClientRect();
+        return Math.abs(windowSize - rect.bottom);
+    }
+    return 320;
 };
 export const getCoords = (elem, docEl) => {
     const box = elem.getBoundingClientRect();
     const parent = docEl.getBoundingClientRect();
     return { top: Math.round(box.top - parent.top), left: Math.round(box.left - parent.left) };
 };
+export const isChildVisible = (container, child, partial = true) => {
+    const containerRect = container.getBoundingClientRect();
+    const childRect = child.getBoundingClientRect();
+    const isWithinTop = childRect.top >= containerRect.top;
+    const isWithinBottom = childRect.bottom <= containerRect.bottom;
+    const isWithinLeft = childRect.left >= containerRect.left;
+    const isWithinRight = childRect.right <= containerRect.right;
+    if (partial) {
+        return (childRect.top < containerRect.bottom &&
+            childRect.bottom > containerRect.top &&
+            childRect.left < containerRect.right &&
+            childRect.right > containerRect.left);
+    }
+    return isWithinTop && isWithinBottom && isWithinLeft && isWithinRight;
+};

package/dist/lib/fns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fns.d.ts","sourceRoot":"","sources":["../../src/lib/fns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE/B,eAAO,MAAM,IAAI,QAAO,MAkBvB,CAAA;AAUD,eAAO,MAAM,IAAI,GAAI,CAAC,SAAS,GAAG,EAAE,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,oBAGzE,CAAC;AAEF,eAAO,MAAM,KAAK,eAAsC,CAAC;AAEzD,eAAO,MAAM,SAAS,GAAI,QAAQ,MAAM,WAAkD,CAAC;AAE3F,eAAO,MAAM,SAAS,GAAI,CAAC,EAAE,OAAO,CAAC,EAAE,EAAE,MAAM,MAAM,UAQpD,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,GAAG,OAAO,YAAO,CAAC;AAEzC,eAAO,MAAM,IAAI,YAAY,CAAC;AAE9B,eAAO,MAAM,QAAQ,eAGpB,CAAA"}
+{"version":3,"file":"fns.d.ts","sourceRoot":"","sources":["../../src/lib/fns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE/B,eAAO,MAAM,IAAI,QAAO,MAkBvB,CAAC;AAUF,eAAO,MAAM,IAAI,GAAI,CAAC,SAAS,GAAG,EAAE,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,oBAGzE,CAAC;AAEF,eAAO,MAAM,KAAK,eAAsC,CAAC;AAEzD,eAAO,MAAM,SAAS,GAAI,QAAQ,MAAM,WAAkD,CAAC;AAE3F,eAAO,MAAM,SAAS,GAAI,CAAC,EAAE,OAAO,CAAC,EAAE,EAAE,MAAM,MAAM,UAQpD,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,GAAG,OAAO,YAAO,CAAC;AAEzC,eAAO,MAAM,IAAI,YAAW,CAAC;AAE7B,eAAO,MAAM,QAAQ,eAGpB,CAAC"}

package/dist/lib/fns.js

@@ -13,8 +13,8 @@ export const uuid = () => {
     bytes[6] = (bytes[6] & 0x0f) | 0x70;
     bytes[8] = (bytes[8] & 0x3f) | 0x80;
     const hex = Array.from(bytes)
-        .map(b => b.toString(16).padStart(2, '0'))
-        .join('');
+        .map((b) => b.toString(16).padStart(2, "0"))
+        .join("");
     return `${hex.slice(0, 8)}-${hex.slice(8, 12)}-${hex.slice(12, 16)}-${hex.slice(16, 20)}-${hex.slice(20)}`;
 };
 const travel = (path, regexp, obj) => path

package/dist/preset/plugin.tailwind.d.ts

@@ -0,0 +1,9 @@
+declare const plugin: {
+    (options: unknown): {
+        handler: import("tailwindcss/types/config").PluginCreator;
+        config?: Partial<import("tailwindcss/types/config").Config>;
+    };
+    __isOptionsFunction: true;
+};
+export default plugin;
+//# sourceMappingURL=plugin.tailwind.d.ts.map

package/dist/preset/plugin.tailwind.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.tailwind.d.ts","sourceRoot":"","sources":["../../plugin.tailwind.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,MAAM;;;cAIoB,CAAC;;;CAiBhC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/preset/plugin.tailwind.js

@@ -0,0 +1,27 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { withOptions } from "tailwindcss/plugin";
+var css = String.raw;
+var plugin = withOptions(function () {
+    return function (_a) {
+        var addVariant = _a.addVariant;
+        addVariant("hocus", ["&:hover", "&:focus"]);
+        addVariant("link", ["&:hover", "&:active"]);
+        addVariant("group-assert", [css(templateObject_1 || (templateObject_1 = __makeTemplateObject([":merge(.group):valid:has(.input:valid:not(:placeholder-shown)) &"], [":merge(.group):valid:has(.input:valid:not(:placeholder-shown)) &"])))]);
+        addVariant("group-checkbox-checked", [css(templateObject_2 || (templateObject_2 = __makeTemplateObject([":merge(&:has(.form-checkbox[type=\"checkbox\"]:checked))"], [":merge(&:has(.form-checkbox[type=\"checkbox\"]:checked))"])))]);
+        addVariant("group-error", [
+            css(templateObject_3 || (templateObject_3 = __makeTemplateObject([":merge(.group):invalid:has(.input:not(:focus):invalid[data-initialized=true]) &"], [":merge(.group):invalid:has(.input:not(:focus):invalid[data-initialized=true]) &"]))),
+            css(templateObject_4 || (templateObject_4 = __makeTemplateObject([":merge(.group[data-error=true]:has(.input[data-initialized=true])) &"], [":merge(.group[data-error=true]:has(.input[data-initialized=true])) &"]))),
+            css(templateObject_5 || (templateObject_5 = __makeTemplateObject([":merge(.group[data-error=true][data-interactive=true]):has(.input) &"], [":merge(.group[data-error=true][data-interactive=true]):has(.input) &"]))),
+            css(templateObject_6 || (templateObject_6 = __makeTemplateObject([":merge(.group[data-error=true][data-interactive=true]):has(.input[data-initialized=true]) &"], [":merge(.group[data-error=true][data-interactive=true]):has(.input[data-initialized=true]) &"]))),
+        ]);
+    };
+}, function () {
+    return {
+        theme: {},
+    };
+});
+export default plugin;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/dist/preset/preset.tailwind.d.ts

@@ -0,0 +1,8 @@
+import { Config } from "tailwindcss";
+import { createDesignTokens, parsers } from "./src/styles/design-tokens";
+import { defaultLightTheme as theme } from "./src/styles/theme";
+import customPlugins from "./plugin.tailwind";
+declare const config: Partial<Config>;
+export { createDesignTokens, parsers, theme, config, customPlugins };
+export default config;
+//# sourceMappingURL=preset.tailwind.d.ts.map

package/dist/preset/preset.tailwind.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.tailwind.d.ts","sourceRoot":"","sources":["../../preset.tailwind.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,iBAAiB,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAQ9C,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CAiC3B,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;AAErE,eAAe,MAAM,CAAC"}

package/dist/preset/preset.tailwind.js

@@ -0,0 +1,54 @@
+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);
+};
+import forms from "@tailwindcss/forms";
+import { createDesignTokens, parsers } from "./src/styles/design-tokens";
+import { defaultLightTheme as theme } from "./src/styles/theme";
+import customPlugins from "./plugin.tailwind";
+var COLORS = createDesignTokens(theme.colors, parsers.formatWithVar("hsla"));
+var spacing = createDesignTokens(theme.spacing, parsers.cssVariable);
+var shadows = createDesignTokens(theme.shadow, parsers.cssVariable);
+var config = {
+    theme: {
+        extend: {
+            transitionTimingFunction: {
+                DEFAULT: "cubic-bezier(0,0,.58,1)",
+                normal: "cubic-bezier(.25,.1,.25,1)",
+            },
+            spacing: spacing,
+            fill: COLORS,
+            colors: COLORS,
+            width: spacing,
+            fontSize: spacing,
+            boxShadow: shadows,
+            dropShadow: shadows,
+            lineHeight: { typography: "1.45" },
+            letterSpacing: { typography: "0.0175" },
+            placeholderColor: COLORS,
+            transitionDuration: { DEFAULT: "375ms" },
+            minWidth: { xs: "20rem", screen: "100vh" },
+            borderColors: __assign(__assign({}, COLORS), { DEFAULT: COLORS.card.border }),
+            borderRadius: createDesignTokens(theme.rounded, parsers.cssVariable),
+            zIndex: {
+                wizard: "var(--z-wizard)",
+                navbar: "var(--z-navbar)",
+                normal: "var(--z-normal)",
+                overlay: "var(--z-overlay)",
+                tooltip: "var(--z-tooltip)",
+                calendar: "var(--z-calendar)",
+                floating: "var(--z-floating)",
+            },
+        }
+    },
+    plugins: [forms({ strategy: "class" }), customPlugins],
+};
+export { createDesignTokens, parsers, theme, config, customPlugins };
+export default config;

package/dist/preset/src/styles/common.d.ts

@@ -1,22 +1,10 @@
-import { ZIndex } from "./theme.types";
+import { DesignTokens, ZIndex } from "./theme.types";
 export declare const rounded: {
     readonly button: "0.55rem";
     readonly pill: "2rem";
     readonly card: "0.75rem";
     readonly full: "9999px";
 };
-export declare const spacing: {
-    readonly base: "1rem";
-    readonly hairline: "0.0625rem";
-    readonly lg: "1.125rem";
-    readonly sm: "0.75rem";
-    readonly "field-height": "1.5rem";
-    readonly "field-label": "0.875rem";
-    readonly "input-height": "2.5rem";
-    readonly "input-x": "0.5rem";
-    readonly "input-y": "0.25rem";
-    readonly "input-inline": "0.25rem";
-    readonly "input-gap": "0.3rem";
-};
+export declare const spacing: DesignTokens["spacing"];
 export declare const zIndex: ZIndex;
 //# sourceMappingURL=common.d.ts.map

package/dist/preset/src/styles/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/styles/common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,eAAO,MAAM,OAAO;;;;;CAKV,CAAC;AAEX,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYV,CAAC;AAEX,eAAO,MAAM,MAAM,EAAE,MAQX,CAAC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/styles/common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAErD,eAAO,MAAM,OAAO;;;;;CAKV,CAAC;AAEX,eAAO,MAAM,OAAO,EAAE,YAAY,CAAC,SAAS,CAalC,CAAC;AAEX,eAAO,MAAM,MAAM,EAAE,MAQX,CAAC"}

package/dist/preset/src/styles/common.js

@@ -9,6 +9,7 @@ export var spacing = {
     hairline: "0.0625rem",
     lg: "1.125rem",
     sm: "0.75rem",
+    dialog: "20rem",
     "field-height": "1.5rem",
     "field-label": "0.875rem",
     "input-height": "2.5rem",

package/dist/preset/src/styles/dark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dark.d.ts","sourceRoot":"","sources":["../../../../src/styles/dark.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,eAAO,MAAM,UAAU,EAAE,YA+MxB,CAAC"}
+{"version":3,"file":"dark.d.ts","sourceRoot":"","sources":["../../../../src/styles/dark.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,eAAO,MAAM,UAAU,EAAE,YAoNxB,CAAC"}

package/dist/preset/src/styles/dark.js

@@ -11,198 +11,203 @@ export var DARK_THEME = {
         "shadow-table": "0px 1px 1px 1px hsla(210, 25%, 20%,  0.1)",
     },
     colors: {
-        foreground: "hsla(210, 50%, 98%)",
-        background: "hsla(0, 0%, 9%)",
-        border: "hsla(240, 7%, 27%)",
-        muted: "hsla(210, 10%, 40%)",
-        disabled: "hsla(240, 4%, 33%)",
+        foreground: "hsla(240, 5%, 96%)",
+        background: "hsla(240, 10%, 8%)",
+        border: "hsla(240, 4%, 16%)",
+        disabled: "hsla(240, 4%, 16%)",
+        muted: {
+            DEFAULT: "hsla(240, 4%, 16%)",
+            foreground: "hsla(240, 5%, 65%)",
+            subtle: "hsla(240, 5%, 65%)",
+            hover: "hsla(240, 4%, 20%)",
+        },
         emphasis: {
-            foreground: "hsla(251, 91%, 95%)",
-            DEFAULT: "hsla(255, 92%, 76%)",
-            subtle: "hsla(252, 95%, 85%)",
-            hover: "hsla(262, 83%, 58%)",
+            foreground: "hsla(199, 89%, 48%)",
+            DEFAULT: "hsla(199, 89%, 10%)",
+            subtle: "hsla(199, 89%, 15%)",
+            hover: "hsla(199, 89%, 40%)",
         },
         primary: {
-            foreground: "hsla(210, 40%, 98%)",
-            DEFAULT: "hsla(200,98%,39%)",
-            subtle: "hsla(199, 95%, 87%)",
-            hover: "hsla(199, 97%, 40%)",
+            foreground: "hsla(240, 6%, 10%)",
+            DEFAULT: "hsla(201,49%,54%)",
+            subtle: "hsla(201,49%,36%)",
+            hover: "hsla(201,49%,22%)",
         },
         secondary: {
-            DEFAULT: "hsla(210, 32%, 70%)",
-            background: "hsla(210, 30%, 81%)",
-            subtle: "hsla(210, 27%, 88%)",
-            hover: "hsla(210, 10%, 58%)",
-            foreground: "hsla(210, 20%, 30%)",
+            DEFAULT: "hsla(240, 5%, 96%)",
+            background: "hsla(240, 4%, 16%)",
+            subtle: "hsla(240, 4%, 20%)",
+            hover: "hsla(240, 4%, 25%)",
+            foreground: "hsla(240, 5%, 96%)",
         },
         info: {
-            DEFAULT: "hsla(219, 91%, 59%)",
-            subtle: "hsla(219, 93%, 77%)",
-            hover: "hsla(219, 83%, 41%)",
-            foreground: "hsla(210, 40%, 98%)",
-            notification: "hsla(219, 91%, 59%)",
-        },
-        warn: {
-            DEFAULT: "hsla(27, 96%, 61%)",
-            subtle: "hsla(45, 95%, 66%)",
-            hover: "hsla(21, 90%, 48%)",
-            foreground: "hsla(210, 40%, 98%)",
-            notification: "hsla(32, 65%, 75%)",
+            DEFAULT: "hsla(199, 89%, 48%)",
+            subtle: "hsla(199, 89%, 15%)",
+            hover: "hsla(199, 89%, 40%)",
+            foreground: "hsla(0, 0%, 100%)",
+            notification: "hsla(199, 89%, 48%)",
         },
         danger: {
-            DEFAULT: "hsla(358, 65%, 57%)",
-            subtle: "hsla(0, 94%, 81%)",
-            hover: "hsla(0, 82%, 47%)",
-            foreground: "hsla(210, 40%, 98%)",
-            notification: "hsla(358, 40%, 23%)",
+            DEFAULT: "hsla(0, 84%, 60%)",
+            subtle: "hsla(0, 84%, 15%)",
+            hover: "hsla(0, 84%, 50%)",
+            foreground: "hsla(0, 0%, 100%)",
+            notification: "hsla(0, 84%, 60%)",
+        },
+        warn: {
+            DEFAULT: "hsla(38, 92%, 50%)",
+            subtle: "hsla(38, 92%, 15%)",
+            hover: "hsla(38, 92%, 45%)",
+            foreground: "hsla(240, 10%, 4%)",
+            notification: "hsla(38, 92%, 50%)",
         },
         success: {
-            DEFAULT: "hsla(160, 73%, 36%)",
-            subtle: "hsla(160, 75%, 75%)",
-            hover: "hsla(160, 91%, 27%)",
-            foreground: "hsla(160, 91%, 50%)",
-            notification: "hsla(160,90%,5%)",
+            DEFAULT: "hsla(142, 71%, 45%)",
+            subtle: "hsla(142, 71%, 15%)",
+            hover: "hsla(142, 71%, 40%)",
+            foreground: "hsla(240, 10%, 4%)",
+            notification: "hsla(142, 71%, 45%)",
         },
         input: {
-            border: "hsla(240, 4%, 25%)",
-            placeholder: "hsla(210, 24%, 71%)",
-            "mask-error": "hsla(0, 94%, 81%)",
-            "switch-bg": "hsla(0, 0%, 9%)",
+            border: "hsla(240, 4%, 16%)",
+            placeholder: "hsla(240, 5%, 65%)",
+            "mask-error": "hsla(0, 84%, 20%)",
+            "switch-bg": "hsla(240, 4%, 16%)",
             switch: "hsla(0, 0%, 100%)",
             slider: "hsla(0, 0%, 100%)",
         },
         card: {
-            muted: "hsla(0, 0%, 22%)",
-            border: "hsla(240, 7%, 20%)",
-            background: "hsla(0, 0%, 15%)",
+            muted: "hsla(240, 4%, 10%)",
+            border: "hsla(240, 4%, 11%)",
+            background: "hsla(221, 16%, 9%)",
         },
         floating: {
-            foreground: "hsla(210, 40%, 98%)",
-            background: "hsla(219, 15%, 12%)",
-            hover: "hsla(221, 10%, 22%)",
-            border: "hsla(240, 7%, 17%)",
+            foreground: "hsla(240, 5%, 96%)",
+            background: "hsla(240, 10%, 8%)",
+            hover: "hsla(240, 4%, 16%)",
+            border: "hsla(240, 4%, 16%)",
             overlay: "hsla(0, 0%, 0%)",
         },
         tooltip: {
-            foreground: "hsla(210, 40%, 98%)",
-            background: "hsla(221, 5%, 15%)",
-            hover: "hsla(221, 10%, 35%)",
-            border: "hsla(0, 0%, 19%)",
+            foreground: "hsla(240, 10%, 4%)",
+            background: "hsla(0, 0%, 100%)",
+            hover: "hsla(0, 0%, 100%)",
+            border: "hsla(0, 0%, 100%)",
             overlay: "hsla(0, 0%, 0%)",
         },
         table: {
-            header: "hsla(0, 0%, 12%)",
-            border: "hsla(240, 4%, 20%)",
-            background: "hsla(0, 0%, 15%)",
+            header: "hsla(240, 4%, 10%)",
+            border: "hsla(240, 4%, 16%)",
+            background: "hsla(240, 10%, 4%)",
         },
         button: {
             primary: {
-                text: "hsla(200,98%,60%)",
-                bg: "hsla(200,28%,19%)",
+                text: "hsla(221, 52%, 100%)",
+                bg: "hsla(201,49%,42%)",
             },
             warn: {
-                text: "hsla(26,100%,67%)",
-                bg: "hsla(37,100%,15%)",
+                text: "hsla(240, 10%, 4%)",
+                bg: "hsla(38, 92%, 50%)",
             },
             info: {
-                text: "hsla(200,80%,70%)",
-                bg: "hsla(206,66%,24%)",
+                text: "hsla(0, 0%, 100%)",
+                bg: "hsla(199, 89%, 48%)",
             },
             success: {
-                text: "hsla(151,65%,54%)",
-                bg: "hsla(154,52%,19%)",
+                text: "hsla(240, 10%, 4%)",
+                bg: "hsla(142, 71%, 45%)",
             },
             danger: {
-                text: "hsla(2,100%,90%)",
-                bg: "hsla(5,62%,23%)",
+                text: "hsla(0, 0%, 100%)",
+                bg: "hsla(0, 84%, 60%)",
             },
             muted: {
-                text: "hsla(0, 100%, 100%)",
-                bg: "hsla(0, 0%, 12%)",
+                text: "hsla(240, 5%, 96%)",
+                bg: "hsla(240, 4%, 16%)",
             },
             neutral: {
-                text: "hsla(200,98%,60%)",
-                bg: "hsla(200,28%,19%)",
+                text: "hsla(240, 5%, 96%)",
+                bg: "hsla(240, 4%, 16%)",
             },
             secondary: {
-                text: "hsla(216,10%,90%)",
-                bg: "hsla(214,7%,19%)",
+                text: "hsla(240, 10%, 4%)",
+                bg: "hsla(0, 0%, 100%)",
             },
         },
         tag: {
             primary: {
-                text: "hsla(200,98%,60%)",
-                bg: "hsla(200,28%,19%)",
+                text: "hsla(0, 0%, 100%)",
+                bg: "hsla(240, 4%, 20%)",
             },
             warn: {
-                text: "hsla(26,100%,67%)",
-                bg: "hsla(37,100%,15%)",
+                text: "hsla(38, 92%, 70%)",
+                bg: "hsla(38, 92%, 15%)",
             },
             info: {
-                text: "hsla(200,80%,70%)",
-                bg: "hsla(206,66%,24%)",
+                text: "hsla(199, 89%, 70%)",
+                bg: "hsla(199, 89%, 15%)",
             },
             success: {
-                text: "hsla(151,65%,54%)",
-                bg: "hsla(154,52%,19%)",
+                text: "hsla(142, 71%, 70%)",
+                bg: "hsla(142, 71%, 15%)",
             },
             danger: {
-                text: "hsla(2,100%,79%)",
-                bg: "hsla(5,62%,23%)",
+                text: "hsla(0, 84%, 70%)",
+                bg: "hsla(0, 84%, 15%)",
             },
             neutral: {
-                text: "hsla(200,98%,60%)",
-                bg: "hsla(200,28%,19%)",
+                text: "hsla(240, 5%, 96%)",
+                bg: "hsla(240, 4%, 16%)",
             },
             secondary: {
-                text: "hsla(216,10%,90%)",
-                bg: "hsla(214,7%,19%)",
+                text: "hsla(240, 10%, 4%)",
+                bg: "hsla(0, 0%, 100%)",
             },
             muted: {
-                text: "hsla(0, 100%, 100%)",
-                bg: "hsla(0, 0%, 12%)",
+                text: "hsla(240, 5%, 96%)",
+                bg: "hsla(240, 4%, 16%)",
             },
         },
         alert: {
             primary: {
-                text: "hsla(210,100%,72%)",
-                border: "hsla(212,69%,16%)",
-                bg: "hsla(215,42%,9%)",
+                text: "hsla(199, 89%, 80%)",
+                border: "hsla(199, 89%, 25%)",
+                bg: "hsla(199, 89%, 12%)",
             },
             warn: {
-                bg: "hsla(28,33%,9%)",
-                border: "hsla(29,65%,12%)",
-                text: "hsla(27,100%,78%)",
+                bg: "hsla(38, 92%, 12%)",
+                border: "hsla(38, 92%, 25%)",
+                text: "hsla(38, 92%, 80%)",
             },
             info: {
-                text: "hsla(253,100%,83%)",
-                bg: "hsla(263,28%,11%)",
-                border: "hsla(252,34%,51%)",
+                text: "hsla(199, 89%, 80%)",
+                bg: "hsla(199, 89%, 12%)",
+                border: "hsla(199, 89%, 25%)",
             },
             success: {
-                text: "hsla(144,79%,79%)",
-                bg: "hsla(153,20%,9%)",
-                border: "hsla(144,70%,14%)",
+                text: "hsla(142, 71%, 80%)",
+                bg: "hsla(142, 71%, 12%)",
+                border: "hsla(142, 71%, 25%)",
             },
             danger: {
-                text: "hsla(350,100%,91%)",
-                bg: "hsla(355,25%,15%)",
-                border: "hsla(355,25%,10%)",
+                text: "hsla(0, 84%, 80%)",
+                bg: "hsla(0, 84%, 12%)",
+                border: "hsla(0, 84%, 25%)",
             },
             neutral: {
-                text: "hsla(200,98%,60%)",
-                bg: "hsla(200,28%,19%)",
-                border: "hsla(200,90%,89%)",
+                text: "hsla(240, 5%, 96%)",
+                bg: "hsla(240, 4%, 16%)",
+                border: "hsla(240, 4%, 20%)",
             },
             secondary: {
-                text: "hsla(220,9%,94%)",
-                bg: "hsla(220,6%,10%)",
-                border: "hsla(214,7%,19%)",
+                text: "hsla(240, 10%, 4%)",
+                bg: "hsla(0, 0%, 100%)",
+                border: "hsla(0, 0%, 100%)",
             },
             muted: {
-                bg: "hsla(0, 0%, 12%)",
-                border: "hsla(0, 0%, 40%)",
-                text: "hsla(0, 100%, 100%)",
+                bg: "hsla(240, 4%, 16%)",
+                border: "hsla(240, 4%, 20%)",
+                text: "hsla(240, 5%, 96%)",
             },
         },
     },

package/dist/preset/src/styles/light.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"light.d.ts","sourceRoot":"","sources":["../../../../src/styles/light.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,eAAO,MAAM,WAAW,EAAE,YA+MzB,CAAC"}
+{"version":3,"file":"light.d.ts","sourceRoot":"","sources":["../../../../src/styles/light.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,eAAO,MAAM,WAAW,EAAE,YAoNzB,CAAC"}