@g4rcez/components 4.1.3 → 5.0.1

package/dist/polymorph-BLXhrn9n.js

@@ -0,0 +1,14 @@
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/core/polymorph.tsx
+var n = e(function(e, n) {
+	return /* @__PURE__ */ t(e.as || "span", {
+		ref: n,
+		...e,
+		as: void 0
+	});
+});
+//#endregion
+export { n as t };
+
+//# sourceMappingURL=polymorph-BLXhrn9n.js.map

package/dist/polymorph-BLXhrn9n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"polymorph-BLXhrn9n.js","names":[],"sources":["../src/components/core/polymorph.tsx"],"sourcesContent":["import type React from \"react\";\nimport { forwardRef } from \"react\";\n\ntype PropsOf<T extends React.ElementType> = React.ComponentPropsWithoutRef<T>;\n\nexport type PolymorphicProps<Props, T extends React.ElementType> = Props & {\n    as?: T;\n} & Omit<PropsOf<T>, keyof Props | \"as\" | \"ref\"> & {\n        ref?: React.ComponentProps<T>[\"ref\"];\n    };\n\nexport const Polymorph = forwardRef(function InnerPolymorph<P extends React.ElementType = \"div\">(props: PropsOf<P>, ref: React.ForwardedRef<P>) {\n    const Element = props.as || \"span\";\n    return <Element ref={ref} {...props} as={undefined} />;\n});\n"],"mappings":";;;AAWA,IAAa,IAAY,EAAW,SAA6D,GAAmB,GAA4B;CAE5I,OAAO,kBADS,EAAM,MAAM,QACrB;EAAc;EAAK,GAAI;EAAO,IAAI,KAAA;CAAY,CAAA;AACzD,CAAC"}

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

@@ -1 +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"}
+{"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;AAEzE,OAAO,EAAE,iBAAiB,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAsC9C,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CAqC3B,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

@@ -8,6 +8,7 @@ const forms_1 = __importDefault(require("@tailwindcss/forms"));
 const design_tokens_1 = require("./src/styles/design-tokens");
 Object.defineProperty(exports, "createDesignTokens", { enumerable: true, get: function () { return design_tokens_1.createDesignTokens; } });
 Object.defineProperty(exports, "parsers", { enumerable: true, get: function () { return design_tokens_1.parsers; } });
+const components_1 = require("./src/styles/components");
 const theme_1 = require("./src/styles/theme");
 Object.defineProperty(exports, "theme", { enumerable: true, get: function () { return theme_1.defaultLightTheme; } });
 const plugin_tailwind_1 = __importDefault(require("./plugin.tailwind"));
@@ -15,6 +16,37 @@ exports.customPlugins = plugin_tailwind_1.default;
 const COLORS = (0, design_tokens_1.createDesignTokens)(theme_1.defaultLightTheme.colors, design_tokens_1.parsers.formatWithVar("hsla"));
 const spacing = (0, design_tokens_1.createDesignTokens)(theme_1.defaultLightTheme.spacing, design_tokens_1.parsers.cssVariable);
 const shadows = (0, design_tokens_1.createDesignTokens)(theme_1.defaultLightTheme.shadow, design_tokens_1.parsers.cssVariable);
+const componentBorderRadius = {};
+const componentBorderWidth = {};
+const componentSpacing = {};
+const componentFontSize = {};
+for (const [component, attrs] of Object.entries(components_1.components)) {
+    if (!attrs || typeof attrs !== "object")
+        continue;
+    if (component === "typography") {
+        for (const attr of Object.keys(attrs)) {
+            componentFontSize[attr] = `var(--typography-${attr})`;
+        }
+        continue;
+    }
+    for (const attr of Object.keys(attrs)) {
+        const key = `${component}-${attr}`;
+        if (attr === "radius" || attr.endsWith("-radius"))
+            componentBorderRadius[key] = `var(--${key})`;
+        else if (attr === "border" || attr.endsWith("-border")) {
+            componentBorderWidth[key] = `var(--${key})`;
+            componentSpacing[key] = `var(--${key})`;
+        }
+        else if (attr === "text" ||
+            attr.endsWith("-text") ||
+            attr.startsWith("text-")) {
+            componentFontSize[key] = `var(--${key})`;
+            componentSpacing[key] = `var(--${key})`;
+        }
+        else
+            componentSpacing[key] = `var(--${key})`;
+    }
+}
 const config = {
     theme: {
         extend: {
@@ -22,11 +54,11 @@ const config = {
                 DEFAULT: "cubic-bezier(0,0,.58,1)",
                 normal: "cubic-bezier(.25,.1,.25,1)",
             },
-            spacing,
+            spacing: { ...spacing, ...componentSpacing },
             fill: COLORS,
             colors: COLORS,
-            width: spacing,
-            fontSize: spacing,
+            width: { ...spacing, ...componentSpacing },
+            fontSize: { ...spacing, ...componentFontSize },
             boxShadow: shadows,
             dropShadow: shadows,
             lineHeight: { typography: "1.45" },
@@ -35,7 +67,11 @@ const config = {
             transitionDuration: { DEFAULT: "375ms" },
             minWidth: { xs: "20rem", screen: "100vh" },
             borderColors: { ...COLORS, DEFAULT: COLORS.card.border },
-            borderRadius: (0, design_tokens_1.createDesignTokens)(theme_1.defaultLightTheme.rounded, design_tokens_1.parsers.cssVariable),
+            borderRadius: {
+                ...(0, design_tokens_1.createDesignTokens)(theme_1.defaultLightTheme.rounded, design_tokens_1.parsers.cssVariable),
+                ...componentBorderRadius,
+            },
+            borderWidth: { ...componentBorderWidth },
             zIndex: {
                 wizard: "var(--z-wizard)",
                 navbar: "var(--z-navbar)",

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

@@ -1,8 +1,6 @@
 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: DesignTokens["spacing"];

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,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"}
+{"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;;;CAGV,CAAC;AAEX,eAAO,MAAM,OAAO,EAAE,YAAY,CAAC,SAAS,CAMlC,CAAC;AAEX,eAAO,MAAM,MAAM,EAAE,MAQX,CAAC"}

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

@@ -2,9 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.zIndex = exports.spacing = exports.rounded = void 0;
 exports.rounded = {
-    button: "0.55rem",
     pill: "2rem",
-    card: "0.75rem",
     full: "9999px",
 };
 exports.spacing = {
@@ -13,13 +11,6 @@ exports.spacing = {
     lg: "1.125rem",
     sm: "0.75rem",
     dialog: "20rem",
-    "field-height": "1.5rem",
-    "field-label": "0.875rem",
-    "input-height": "2.5rem",
-    "input-x": "0.5rem",
-    "input-y": "0.25rem",
-    "input-inline": "0.25rem",
-    "input-gap": "0.3rem",
 };
 exports.zIndex = {
     wizard: "50",

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

@@ -0,0 +1,3 @@
+import { ComponentTokens } from "./theme.types";
+export declare const components: ComponentTokens;
+//# sourceMappingURL=components.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../../src/styles/components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,UAAU,EAAE,eA4YxB,CAAC"}

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

@@ -0,0 +1,400 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.components = void 0;
+exports.components = {
+    card: {
+        radius: "1rem",
+        "padding-x": "1.5rem",
+        "padding-y": "0.75rem",
+        gap: "1rem",
+        "title-pb": "0.5rem",
+        "title-mb": "0.5rem",
+        "stats-icon-col-w": "5rem",
+        "stats-icon-col-p": "1rem",
+        "stats-content-gap": "0.5rem",
+        "stats-content-py": "0.5rem",
+        "title-text": "2.25rem",
+    },
+    button: {
+        radius: "0.55rem",
+        height: "2.5rem",
+        "padding-x": "1rem",
+        "padding-y": "0.5rem",
+        gap: "0.375rem",
+        "height-big": "3rem",
+        "padding-x-big": "1.5rem",
+        "padding-y-big": "1rem",
+        "height-small": "2rem",
+        "padding-x-small": "1rem",
+        "padding-y-small": "0.5rem",
+        "height-min": "1.75rem",
+        "padding-x-min": "0.75rem",
+        "padding-y-min": "0.25rem",
+        "height-tiny": "1.5rem",
+        "padding-x-tiny": "0.5rem",
+        "padding-y-tiny": "0.25rem",
+        "padding-icon": "0.25rem",
+        "radius-rough": "0.125rem",
+        "radius-squared": "0px",
+    },
+    alert: {
+        radius: "0.5rem",
+        p: "1rem",
+        gap: "0.5rem",
+        "close-top": "0.75rem",
+        "close-right": "0.75rem",
+    },
+    modal: {
+        radius: "0.5rem",
+        "padding-x": "2rem",
+        "padding-y": "1rem",
+        gap: "1rem",
+        "title-pb": "0.5rem",
+        "body-py": "0.25rem",
+        "footer-pt": "1rem",
+        "footer-gap": "0.5rem",
+        "sheet-pt": "1.5rem",
+        "sheet-pb": "1rem",
+        "close-p": "0.25rem",
+        "close-top": "0.25rem",
+        "close-right": "1rem",
+        "confirm-py": "0.5rem",
+        "sheet-handle-h": "0.75rem",
+        "sheet-handle-py": "0.5rem",
+        "sheet-pill-h": "0.5rem",
+        "sheet-pill-w": "25%",
+        "sheet-pill-radius": "0.5rem",
+        "drawer-resizer-h": "2.5rem",
+        "drawer-resizer-w": "0.5rem",
+        "resizer-radius": "0.5rem",
+        "overlay-pt": "2.5rem",
+        "overlay-p": "2.5rem",
+        "dialog-max-w-mobile": "90%",
+        "sheet-max-h-svh": "calc(100svh - 5%)",
+        "sheet-max-h-lvh": "calc(100lvh - 10%)",
+        "sheet-max-h-vh": "calc(100vh - 15%)",
+        "title-text": "1.875rem",
+        "overlay-h": "100dvh",
+    },
+    dropdown: {
+        radius: "0.5rem",
+        p: "1rem",
+        "header-mb": "0.5rem",
+        "max-h": "24rem",
+    },
+    tooltip: {
+        radius: "0.5rem",
+        p: "0.75rem",
+    },
+    menu: {
+        radius: "0.5rem",
+        "item-p": "0.625rem",
+        "max-h": "20rem",
+    },
+    stats: {
+        radius: "1rem",
+        p: "1.5rem",
+        gap: "1rem",
+        "icon-size": "2.5rem",
+        "icon-p": "2rem",
+        "inner-gap": "0.25rem",
+        "footer-px": "1.5rem",
+        "footer-py": "0.5rem",
+        "value-text": "2.25rem",
+    },
+    notification: {
+        radius: "0.75rem",
+        p: "1rem",
+        gap: "0.75rem",
+        "inner-gap": "0.25rem",
+        "close-p": "0.375rem",
+        "close-radius": "0.5rem",
+        "list-gap": "0.75rem",
+        "badge-px": "0.75rem",
+        "badge-py": "0.25rem",
+        "list-top": "1.5rem",
+        "list-max-w": "380px",
+        "badge-text": "0.625rem",
+    },
+    command: {
+        radius: "0.5rem",
+        "item-p": "0.5rem",
+        "item-gap": "0.5rem",
+        "row-h": "2.5rem",
+        "header-h": "3rem",
+        "footer-h": "2rem",
+        "footer-p": "0.5rem",
+        "list-max-h": "24rem",
+        "list-gap": "0.25rem",
+        "list-my": "0.5rem",
+        "group-px": "0.5rem",
+        "group-pt": "0.5rem",
+        "group-pb": "0.25rem",
+        "icon-size": "2.5rem",
+        "input-px": "0.5rem",
+        "input-py": "0.5rem",
+        "list-px": "0.5rem",
+    },
+    tag: {
+        radius: "2rem",
+        gap: "0.375rem",
+        height: "2rem",
+        "padding-x": "1rem",
+        "padding-y": "0.5rem",
+        "height-big": "3rem",
+        "padding-x-big": "1.5rem",
+        "padding-y-big": "1rem",
+        "height-small": "1.5rem",
+        "padding-x-small": "0.75rem",
+        "padding-y-small": "0.5rem",
+        "height-tiny": "1.25rem",
+        "padding-x-tiny": "0.5rem",
+        "padding-y-tiny": "0.25rem",
+        "padding-icon": "0.25rem",
+        "indicator-size": "0.5rem",
+    },
+    calendar: {
+        "cell-p": "0.25rem",
+        "day-size": "2.25rem",
+        "nav-p": "0.375rem",
+        "weekday-py": "0.5rem",
+        "table-mt": "0.5rem",
+        "datetime-my": "1rem",
+        "footer-mt": "0.5rem",
+        "header-radius": "0.25rem",
+        "nav-gap": "0.125rem",
+        "nav-py": "0.25rem",
+        "year-w": "4rem",
+        "icon-size": "1rem",
+        "weekday-text": "0.75rem",
+        "cell-text": "0.75rem",
+    },
+    table: {
+        radius: "0.5rem",
+        "row-gap": "0.25rem",
+        "row-pb": "1rem",
+        "cell-px": "0.5rem",
+        "loading-h": "3.5rem",
+        "empty-h": "12rem",
+        "groups-gap": "1rem",
+        "metadata-mb": "0.25rem",
+        "metadata-gap-x": "1rem",
+        "metadata-gap-y": "0.25rem",
+        "ops-py": "0.5rem",
+        "ops-gap": "1rem",
+        "filter-gap": "1rem",
+        "pill-radius": "0.75rem",
+        "pill-px": "1rem",
+        "pill-py": "0.125rem",
+        "pag-p": "0.75rem",
+        "pag-gap": "1rem",
+        "pag-items-gap": "0.5rem",
+        "pag-item-px": "0.75rem",
+        "pag-item-py": "0.25rem",
+        "loading-bar-h": "0.5rem",
+        "loading-bar-radius": "0.25rem",
+        "filter-dot-size": "0.75rem",
+        "filter-dot-mr": "0.5rem",
+        "filter-row-gap": "0.75rem",
+        "filter-inline-gap": "1rem",
+        "filter-inline-py": "0.5rem",
+        "filter-list-mt": "1rem",
+        "cell-border": "1px",
+        "divider-w": "1px",
+        "groups-mt": "1rem",
+        "groups-my": "1rem",
+        "metadata-min-w": "1ch",
+        "inline-gap-tight": "0.25rem",
+        "cell-padding": "0.75rem",
+    },
+    skeleton: {
+        radius: "0.25rem",
+        height: "2rem",
+        width: "8rem",
+        "cell-h": "1.5rem",
+        "list-gap": "1.5rem",
+    },
+    typography: {
+        xs: "0.75rem",
+        sm: "0.875rem",
+        base: "1rem",
+        lg: "1.125rem",
+        xl: "1.25rem",
+        "2xl": "1.5rem",
+        "3xl": "1.875rem",
+        "4xl": "2.25rem",
+        "5xl": "3rem",
+    },
+    input: {
+        radius: "0.375rem",
+        height: "2.5rem",
+        "padding-x": "0.5rem",
+        "padding-y": "0.25rem",
+        gap: "0.5rem",
+        text: "1rem",
+        "label-text": "0.875rem",
+        "hint-text": "0.75rem",
+        "label-mb": "0.25rem",
+        "hint-mt": "0.3rem",
+        inline: "0.25rem",
+        "slot-gap": "0.5rem",
+        "slot-pl": "0.5rem",
+        "slot-pr": "0.5rem",
+    },
+    checkbox: {
+        size: "1rem",
+        radius: "0.25rem",
+        gap: "0.5rem",
+        "hint-text": "0.75rem",
+    },
+    radiobox: {
+        size: "1rem",
+        gap: "0.5rem",
+    },
+    switch: {
+        "track-h": "1.5rem",
+        "track-w": "2.75rem",
+        "thumb-size": "1.25rem",
+        gap: "0.75rem",
+        "label-text": "0.875rem",
+        "hint-text": "0.75rem",
+        "hint-mt": "0.25rem",
+    },
+    slider: {
+        "control-h": "1.25rem",
+        "track-h": "0.5rem",
+        "thumb-size": "1.25rem",
+    },
+    "file-upload": {
+        p: "1.5rem",
+        radius: "0.5rem",
+        gap: "1rem",
+        "thumb-size": "4rem",
+        "text-name": "1.125rem",
+        "text-size": "0.875rem",
+        "delete-py": "1rem",
+        "inner-gap": "0.5rem",
+        "thumb-my": "1rem",
+        "thumb-gap": "0.25rem",
+    },
+    progress: {
+        "track-h": "1.5rem",
+        radius: "100%",
+    },
+    spinner: {
+        size: "3rem",
+        border: "0.25rem",
+        "container-p": "3rem",
+    },
+    empty: {
+        gap: "1rem",
+        px: "2rem",
+        py: "3rem",
+    },
+    list: {
+        radius: "1rem",
+        "card-p": "1.5rem",
+        "card-py": "1rem",
+        "card-pb": "2rem",
+        "card-gap": "1rem",
+        "close-p": "0.25rem",
+        "header-gap": "0.5rem",
+        "item-py": "0.5rem",
+        "item-gap": "1rem",
+        "avatar-px": "0.25rem",
+        "body-py": "0.25rem",
+        "title-text": "1.5rem",
+    },
+    timeline: {
+        "item-pb": "3rem",
+        "connector-left": "1.5rem",
+        "connector-top": "2rem",
+        "connector-w": "0.125rem",
+        "icon-size": "3rem",
+        "icon-p": "0.5rem",
+        "right-gap": "1.5rem",
+        "right-px": "1rem",
+    },
+    step: {
+        size: "2.5rem",
+        "icon-size": "1.5rem",
+        "label-px": "0.5rem",
+        gap: "1rem",
+        "connector-h": "2px",
+    },
+    tabs: {
+        "header-mb": "0.5rem",
+        "item-px": "2.5rem",
+        "item-py": "1rem",
+        "divider-h": "1px",
+    },
+    shortcut: {
+        gap: "0.25rem",
+        text: "0.875rem",
+    },
+    toolbar: {
+        bottom: "1rem",
+        radius: "0.5rem",
+        p: "1rem",
+    },
+    wizard: {
+        w: "20rem",
+        gap: "0.75rem",
+        radius: "0.5rem",
+        p: "1rem",
+        "footer-pt": "0.5rem",
+        "actions-gap": "0.5rem",
+        "counter-right": "0.5rem",
+        "counter-top": "0.5rem",
+        "label-text": "0.75rem",
+    },
+    info: {
+        gap: "0.25rem",
+        "label-text": "0.875rem",
+        "value-text": "1rem",
+        "secondary-text": "1.125rem",
+    },
+    "page-calendar": {
+        gap: "1rem",
+        "header-gap": "1rem",
+        "date-gap": "0.75rem",
+        "badge-size": "3rem",
+        "badge-radius": "0.5rem",
+        "title-text": "1.25rem",
+        "week-label-text": "0.75rem",
+        "nav-gap": "0.5rem",
+        "nav-btn-gap": "0.25rem",
+        "today-radius": "0.375rem",
+        "today-px": "0.75rem",
+        "today-py": "0.375rem",
+        "today-text": "0.875rem",
+        "view-switch-radius": "0.375rem",
+        "filter-gap": "0.375rem",
+        "filter-text": "0.75rem",
+        "dot-size": "0.25rem",
+        "dot-bottom": "0.125rem",
+        "day-header-gap": "0.75rem",
+        "day-header-px": "1rem",
+        "day-header-py": "0.5rem",
+        "day-badge-size": "2rem",
+        "gutter-w": "60px",
+        "side-px": "1rem",
+        "detail-gap": "0.5rem",
+        "detail-p": "0.75rem",
+        "weekday-py": "0.5rem",
+        "weekday-text": "0.75rem",
+        "cell-min-h": "8rem",
+        "cell-gap": "0.25rem",
+        "cell-p": "0.5rem",
+        "month-badge-size": "1.5rem",
+        "month-badge-text": "0.75rem",
+        "overflow-text": "1.125rem",
+        "week-badge-size": "1.5rem",
+        "week-badge-text": "0.875rem",
+        "hour-text": "0.625rem",
+        "pill-radius": "0.25rem",
+        "pill-text": "0.75rem",
+        "cell-gap-tight": "0.125rem",
+        "nav-mr": "0.25rem",
+    },
+};

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,YAqNxB,CAAC"}
+{"version":3,"file":"dark.d.ts","sourceRoot":"","sources":["../../../../src/styles/dark.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,eAAO,MAAM,UAAU,EAAE,YAsNxB,CAAC"}

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

@@ -2,15 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DARK_THEME = void 0;
 const common_1 = require("./common");
+const components_1 = require("./components");
 exports.DARK_THEME = {
     name: "dark",
     zIndex: common_1.zIndex,
     rounded: common_1.rounded,
     spacing: common_1.spacing,
+    components: components_1.components,
     shadow: {
         "shadow-notification": "1px 2px 2px 2px hsla(210, 15%, 20%,  0.15)",
         "shadow-floating": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
-        "shadow-card": "0px 1px 1px 1px hsla(210, 25%, 20%,  0.1)",
+        "shadow-card": "0px 1px 1px 1px transparent",
         "shadow-table": "0px 1px 1px 1px hsla(210, 25%, 20%,  0.1)",
     },
     colors: {
@@ -114,7 +116,7 @@ exports.DARK_THEME = {
                 bg: "hsla(38, 92%, 50%)",
             },
             info: {
-                text: "hsla(0, 0%, 100%)",
+                text: "hsla(240, 10%, 4%)",
                 bg: "hsla(199, 89%, 48%)",
             },
             success: {
@@ -123,7 +125,7 @@ exports.DARK_THEME = {
             },
             danger: {
                 text: "hsla(0, 0%, 100%)",
-                bg: "hsla(0, 84%, 60%)",
+                bg: "hsla(0, 72%, 42%)",
             },
             muted: {
                 text: "hsla(240, 5%, 96%)",

package/dist/preset/src/styles/default-tokens.d.ts

@@ -0,0 +1,74 @@
+export declare const defaultSpacingTokens: {
+    readonly base: "1rem";
+    readonly hairline: "0.0625rem";
+    readonly lg: "1.125rem";
+    readonly sm: "0.75rem";
+    readonly dialog: "20rem";
+    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 defaultRoundedTokens: {
+    readonly button: "0.55rem";
+    readonly pill: "2rem";
+    readonly card: "0.75rem";
+    readonly full: "9999px";
+};
+export declare const defaultZIndexTokens: {
+    readonly wizard: "50";
+    readonly normal: "1";
+    readonly navbar: "22";
+    readonly calendar: "2";
+    readonly overlay: "21";
+    readonly tooltip: "20";
+    readonly floating: "22";
+};
+export declare const defaultShadowTokens: {
+    readonly "shadow-notification": "1px 2px 2px 2px hsla(210, 25%, 40%, 0.15)";
+    readonly "shadow-floating": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+    readonly "shadow-card": "0px 1px 2px 1px hsla(210, 25%, 20%, 0.1)";
+    readonly "shadow-table": "0px 1px 1px 1px hsla(210, 0%, 0%,  0.1)";
+};
+export declare const defaultTokens: {
+    readonly spacing: {
+        readonly base: "1rem";
+        readonly hairline: "0.0625rem";
+        readonly lg: "1.125rem";
+        readonly sm: "0.75rem";
+        readonly dialog: "20rem";
+        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";
+    };
+    readonly rounded: {
+        readonly button: "0.55rem";
+        readonly pill: "2rem";
+        readonly card: "0.75rem";
+        readonly full: "9999px";
+    };
+    readonly zIndex: {
+        readonly wizard: "50";
+        readonly normal: "1";
+        readonly navbar: "22";
+        readonly calendar: "2";
+        readonly overlay: "21";
+        readonly tooltip: "20";
+        readonly floating: "22";
+    };
+    readonly shadow: {
+        readonly "shadow-notification": "1px 2px 2px 2px hsla(210, 25%, 40%, 0.15)";
+        readonly "shadow-floating": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+        readonly "shadow-card": "0px 1px 2px 1px hsla(210, 25%, 20%, 0.1)";
+        readonly "shadow-table": "0px 1px 1px 1px hsla(210, 0%, 0%,  0.1)";
+    };
+};
+export type DefaultTokens = typeof defaultTokens;
+//# sourceMappingURL=default-tokens.d.ts.map

package/dist/preset/src/styles/default-tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-tokens.d.ts","sourceRoot":"","sources":["../../../../src/styles/default-tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;CAavB,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;;;CAKvB,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;;;;;;CAQtB,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;;;CAKtB,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKhB,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,OAAO,aAAa,CAAC"}