@g4rcez/components 1.3.1 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/core/button.js +2 -2
- package/dist/components/display/empty.d.ts +1 -0
- package/dist/components/display/empty.d.ts.map +1 -1
- package/dist/components/display/empty.js +1 -1
- package/dist/components/display/notifications.js +4 -4
- package/dist/components/display/skeleton.d.ts.map +1 -1
- package/dist/components/display/skeleton.js +1 -1
- package/dist/components/display/tabs.js +1 -1
- package/dist/components/floating/command-palette.js +1 -1
- package/dist/components/floating/menu.js +2 -2
- package/dist/components/floating/modal.js +1 -1
- package/dist/components/form/autocomplete.d.ts.map +1 -1
- package/dist/components/form/autocomplete.js +1 -1
- package/dist/components/form/checkbox.js +1 -1
- package/dist/components/form/free-text.d.ts.map +1 -1
- package/dist/components/form/free-text.js +3 -2
- package/dist/components/form/input-field.js +2 -2
- package/dist/components/form/multi-select.d.ts.map +1 -1
- package/dist/components/form/multi-select.js +2 -2
- package/dist/components/form/select.js +1 -1
- package/dist/components/form/slider.js +1 -1
- package/dist/components/form/switch.js +1 -1
- package/dist/components/table/index.js +1 -1
- package/dist/components/table/metadata.js +1 -1
- package/dist/components/table/thead.js +1 -1
- package/dist/flow/flow.js +1 -1
- package/dist/hooks/use-input-id.d.ts +4 -0
- package/dist/hooks/use-input-id.d.ts.map +1 -0
- package/dist/hooks/use-input-id.js +5 -0
- package/dist/index.css +3581 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4251 -4251
- package/dist/index.mjs.map +1 -1
- package/dist/index.umd.js +14 -14
- package/dist/index.umd.js.map +1 -1
- package/dist/preset/plugin.tailwind.d.ts +6 -0
- package/dist/preset/plugin.tailwind.d.ts.map +1 -0
- package/dist/preset/plugin.tailwind.js +20 -0
- package/dist/preset/preset.tailwind.d.ts +2 -5
- package/dist/preset/preset.tailwind.d.ts.map +1 -1
- package/dist/preset/preset.tailwind.js +2 -21
- package/dist/preset/src/styles/common.d.ts +1 -1
- package/dist/preset/src/styles/common.js +1 -1
- package/dist/styles/common.d.ts +1 -1
- package/dist/styles/common.js +1 -1
- package/package.json +3 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"plugin.tailwind.d.ts","sourceRoot":"","sources":["../../plugin.tailwind.ts"],"names":[],"mappings":";;;;AAIA,wBAWG"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
+
return cooked;
|
|
4
|
+
};
|
|
5
|
+
import plugin from "tailwindcss/plugin";
|
|
6
|
+
var x = String.raw;
|
|
7
|
+
export default plugin(function (_a) {
|
|
8
|
+
var addVariant = _a.addVariant;
|
|
9
|
+
addVariant("hocus", ["&:hover", "&:focus"]);
|
|
10
|
+
addVariant("link", ["&:hover", "&:active"]);
|
|
11
|
+
addVariant("group-assert", [x(templateObject_1 || (templateObject_1 = __makeTemplateObject([":merge(.group):valid:has(.input:valid:not(:placeholder-shown)) &"], [":merge(.group):valid:has(.input:valid:not(:placeholder-shown)) &"])))]);
|
|
12
|
+
addVariant("group-checkbox-checked", [x(templateObject_2 || (templateObject_2 = __makeTemplateObject([":merge(&:has(.form-checkbox[type=\"checkbox\"]:checked))"], [":merge(&:has(.form-checkbox[type=\"checkbox\"]:checked))"])))]);
|
|
13
|
+
addVariant("group-error", [
|
|
14
|
+
x(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]) &"]))),
|
|
15
|
+
x(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])) &"]))),
|
|
16
|
+
x(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) &"]))),
|
|
17
|
+
x(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]) &"]))),
|
|
18
|
+
]);
|
|
19
|
+
});
|
|
20
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import { Config } from "tailwindcss";
|
|
2
|
+
import customPlugins from "./plugin.tailwind";
|
|
2
3
|
import { createDesignTokens, parsers } from "./src/styles/design-tokens";
|
|
3
4
|
import { defaultLightTheme as theme } from "./src/styles/theme";
|
|
4
|
-
declare const customPlugins: {
|
|
5
|
-
handler: import("tailwindcss/types/config").PluginCreator;
|
|
6
|
-
config?: Partial<import("tailwindcss/types/config").Config>;
|
|
7
|
-
};
|
|
8
5
|
declare const config: Partial<Config>;
|
|
9
|
-
export {
|
|
6
|
+
export { config, createDesignTokens, customPlugins, parsers, theme };
|
|
10
7
|
export default config;
|
|
11
8
|
//# sourceMappingURL=preset.tailwind.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preset.tailwind.d.ts","sourceRoot":"","sources":["../../preset.tailwind.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;
|
|
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,aAAa,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,iBAAiB,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAQhE,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CA8B3B,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,aAAa,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AAErE,eAAe,MAAM,CAAC"}
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
1
|
var __assign = (this && this.__assign) || function () {
|
|
6
2
|
__assign = Object.assign || function(t) {
|
|
7
3
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -14,26 +10,12 @@ var __assign = (this && this.__assign) || function () {
|
|
|
14
10
|
return __assign.apply(this, arguments);
|
|
15
11
|
};
|
|
16
12
|
import forms from "@tailwindcss/forms";
|
|
17
|
-
import
|
|
13
|
+
import customPlugins from "./plugin.tailwind";
|
|
18
14
|
import { createDesignTokens, parsers } from "./src/styles/design-tokens";
|
|
19
15
|
import { defaultLightTheme as theme } from "./src/styles/theme";
|
|
20
16
|
var COLORS = createDesignTokens(theme.colors, parsers.formatWithVar("hsla"));
|
|
21
17
|
var spacing = createDesignTokens(theme.spacing, parsers.cssVariable);
|
|
22
18
|
var shadows = createDesignTokens(theme.shadow, parsers.cssVariable);
|
|
23
|
-
var x = String.raw;
|
|
24
|
-
var customPlugins = plugin(function (_a) {
|
|
25
|
-
var addVariant = _a.addVariant;
|
|
26
|
-
addVariant("hocus", ["&:hover", "&:focus"]);
|
|
27
|
-
addVariant("link", ["&:hover", "&:active"]);
|
|
28
|
-
addVariant("group-assert", [x(templateObject_1 || (templateObject_1 = __makeTemplateObject([":merge(.group):valid:has(.input:valid:not(:placeholder-shown)) &"], [":merge(.group):valid:has(.input:valid:not(:placeholder-shown)) &"])))]);
|
|
29
|
-
addVariant("group-checkbox-checked", [x(templateObject_2 || (templateObject_2 = __makeTemplateObject([":merge(&:has(.form-checkbox[type=\"checkbox\"]:checked))"], [":merge(&:has(.form-checkbox[type=\"checkbox\"]:checked))"])))]);
|
|
30
|
-
addVariant("group-error", [
|
|
31
|
-
x(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]) &"]))),
|
|
32
|
-
x(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])) &"]))),
|
|
33
|
-
x(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) &"]))),
|
|
34
|
-
x(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]) &"]))),
|
|
35
|
-
]);
|
|
36
|
-
});
|
|
37
19
|
var config = {
|
|
38
20
|
theme: {
|
|
39
21
|
extend: {
|
|
@@ -65,6 +47,5 @@ var config = {
|
|
|
65
47
|
},
|
|
66
48
|
plugins: [forms({ strategy: "class" }), customPlugins],
|
|
67
49
|
};
|
|
68
|
-
export {
|
|
50
|
+
export { config, createDesignTokens, customPlugins, parsers, theme };
|
|
69
51
|
export default config;
|
|
70
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
@@ -11,7 +11,7 @@ export declare const spacing: {
|
|
|
11
11
|
readonly lg: "1.125rem";
|
|
12
12
|
readonly sm: "0.75rem";
|
|
13
13
|
readonly "field-height": "1.5rem";
|
|
14
|
-
readonly "field-label": "
|
|
14
|
+
readonly "field-label": "0.875rem";
|
|
15
15
|
readonly "input-height": "2.5rem";
|
|
16
16
|
readonly "input-x": "0.5rem";
|
|
17
17
|
readonly "input-y": "0.25rem";
|
package/dist/styles/common.d.ts
CHANGED
|
@@ -11,7 +11,7 @@ export declare const spacing: {
|
|
|
11
11
|
readonly lg: "1.125rem";
|
|
12
12
|
readonly sm: "0.75rem";
|
|
13
13
|
readonly "field-height": "1.5rem";
|
|
14
|
-
readonly "field-label": "
|
|
14
|
+
readonly "field-label": "0.875rem";
|
|
15
15
|
readonly "input-height": "2.5rem";
|
|
16
16
|
readonly "input-x": "0.5rem";
|
|
17
17
|
readonly "input-y": "0.25rem";
|
package/dist/styles/common.js
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@g4rcez/components",
|
|
3
3
|
"description": "Customizable react components.",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "2.0.0",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"private": false,
|
|
7
7
|
"packageManager": "pnpm@10.7.0",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"watch": "vite build --watch --minify false",
|
|
26
26
|
"build": "rm -rf ./dist; vite build; npm run lib:types; npm run preset; npm run lib:css",
|
|
27
27
|
"format": "npx prettier --write .",
|
|
28
|
-
"lib:css": "BUILD_LIB=true tailwind -i ./src/index.css -o ./dist/index.css
|
|
28
|
+
"lib:css": "BUILD_LIB=true tailwind -i ./src/index.css -o ./dist/index.css",
|
|
29
29
|
"lib:tailwind": "tsc -p tsconfig.tailwind.json",
|
|
30
30
|
"lib:types": "tsc -p tsconfig.lib.json",
|
|
31
31
|
"preset": "tsc -p tsconfig.tailwind.json",
|
|
@@ -60,6 +60,7 @@
|
|
|
60
60
|
},
|
|
61
61
|
"devDependencies": {
|
|
62
62
|
"@eslint/js": "9.29.0",
|
|
63
|
+
"@tailwindcss/cli": "4.1.10",
|
|
63
64
|
"@tailwindcss/forms": "0.5.10",
|
|
64
65
|
"@types/node": "24.0.3",
|
|
65
66
|
"@types/qs": "6.14.0",
|