@g4rcez/components 2.0.2 → 2.0.4

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"plugin.tailwind.d.ts","sourceRoot":"","sources":["../../plugin.tailwind.ts"],"names":[],"mappings":";;;;AAIA,wBAWG"}
+{"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

@@ -2,19 +2,26 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-import plugin from "tailwindcss/plugin";
+import { withOptions } from "tailwindcss/plugin";
 var css = String.raw;
-export default plugin(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]) &"]))),
-    ]);
+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/src/styles/common.d.ts

@@ -11,7 +11,7 @@ export declare const spacing: {
     readonly lg: "1.125rem";
     readonly sm: "0.75rem";
     readonly "field-height": "1.5rem";
-    readonly "field-label": "1.875rem";
+    readonly "field-label": "0.875rem";
     readonly "input-height": "2.5rem";
     readonly "input-x": "0.5rem";
     readonly "input-y": "0.25rem";

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

@@ -10,7 +10,7 @@ export var spacing = {
     lg: "1.125rem",
     sm: "0.75rem",
     "field-height": "1.5rem",
-    "field-label": "1.875rem",
+    "field-label": "0.875rem",
     "input-height": "2.5rem",
     "input-x": "0.5rem",
     "input-y": "0.25rem",

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

@@ -5,7 +5,7 @@ export var DARK_THEME = {
     rounded: rounded,
     spacing: spacing,
     shadow: {
-        "shadow-notification": "1px 2px 2px 2px hsla(210, 25%, 40%,  0.15)",
+        "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)",
     },
@@ -60,7 +60,7 @@ export var DARK_THEME = {
             subtle: "hsla(160, 75%, 75%)",
             hover: "hsla(160, 91%, 27%)",
             foreground: "hsla(160, 91%, 50%)",
-            notification: "hsla(161,62%,17%)",
+            notification: "hsla(160,90%,5%)",
         },
         input: {
             border: "hsla(240, 4%, 25%)",

package/dist/styles/common.d.ts

@@ -11,7 +11,7 @@ export declare const spacing: {
     readonly lg: "1.125rem";
     readonly sm: "0.75rem";
     readonly "field-height": "1.5rem";
-    readonly "field-label": "1.875rem";
+    readonly "field-label": "0.875rem";
     readonly "input-height": "2.5rem";
     readonly "input-x": "0.5rem";
     readonly "input-y": "0.25rem";

package/dist/styles/common.js

@@ -10,7 +10,7 @@ export const spacing = {
     lg: "1.125rem",
     sm: "0.75rem",
     "field-height": "1.5rem",
-    "field-label": "1.875rem",
+    "field-label": "0.875rem",
     "input-height": "2.5rem",
     "input-x": "0.5rem",
     "input-y": "0.25rem",

package/dist/styles/dark.js

@@ -5,7 +5,7 @@ export const DARK_THEME = {
     rounded,
     spacing,
     shadow: {
-        "shadow-notification": "1px 2px 2px 2px hsla(210, 25%, 40%,  0.15)",
+        "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)",
     },
@@ -60,7 +60,7 @@ export const DARK_THEME = {
             subtle: "hsla(160, 75%, 75%)",
             hover: "hsla(160, 91%, 27%)",
             foreground: "hsla(160, 91%, 50%)",
-            notification: "hsla(161,62%,17%)",
+            notification: "hsla(160,90%,5%)",
         },
         input: {
             border: "hsla(240, 4%, 25%)",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@g4rcez/components",
   "description": "Customizable react components.",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "sideEffects": false,
   "private": false,
   "packageManager": "pnpm@10.12.3",
@@ -119,6 +119,12 @@
       "require": "./dist/styles/design-tokens.js",
       "default": "./dist/styles/design-tokens.js"
     },
+    "./plugin.tailwind": {
+      "type": "./dist/preset/plugin.tailwind.d.ts",
+      "import": "./dist/preset/plugin.tailwind.js",
+      "require": "./dist/preset/plugin.tailwind.js",
+      "default": "./dist/preset/plugin.tailwind.js"
+    },
     "./preset.tailwind": {
       "type": "./dist/preset/preset.tailwind.d.ts",
       "import": "./dist/preset/preset.tailwind.js",