@vincentgraul/react-components 1.0.52 → 1.0.54
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/input/input.d.ts +5 -3
- package/dist/react-components.css +1 -1
- package/dist/react-components.mjs +19 -24
- package/package.json +14 -14
package/dist/input/input.d.ts
CHANGED
|
@@ -6,8 +6,10 @@ export type InputProps = Exclude<React.InputHTMLAttributes<HTMLInputElement>, "t
|
|
|
6
6
|
colors?: InputColors;
|
|
7
7
|
status?: InputStatus;
|
|
8
8
|
message?: string;
|
|
9
|
-
width?:
|
|
10
|
-
height?:
|
|
9
|
+
width?: number;
|
|
10
|
+
height?: number;
|
|
11
|
+
borderWidth?: number;
|
|
12
|
+
fontWeight?: number;
|
|
11
13
|
className?: string;
|
|
12
14
|
};
|
|
13
|
-
export declare const Input: ({ className, label, message, colors, status, width, height, ...rest }: InputProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare const Input: ({ className, label, message, colors, status, width, height, borderWidth, fontWeight, ...rest }: InputProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._container_1mzhz_1{display:flex;align-items:center;align-self:flex-start;margin:0 0 2rem 2rem}._link_1mzhz_8{color:#fff;font-size:2rem;text-decoration:none}._arrow_1mzhz_14{margin:0 1rem;width:1rem}._flag_1ci92_1{display:block;margin:auto;border-radius:2px}.
|
|
1
|
+
._container_1mzhz_1{display:flex;align-items:center;align-self:flex-start;margin:0 0 2rem 2rem}._link_1mzhz_8{color:#fff;font-size:2rem;text-decoration:none}._arrow_1mzhz_14{margin:0 1rem;width:1rem}._flag_1ci92_1{display:block;margin:auto;border-radius:2px}._container_8q4gc_1{position:relative;width:var(--width, 100%);height:var(--height, auto)}._input-container_8q4gc_7{display:inline-flex;align-items:center;position:relative;width:100%;height:100%}._input_8q4gc_7{width:100%;height:100%;padding:10px;border:0;background-color:transparent;outline:none;z-index:1;color:#000}._input_8q4gc_7:focus+._fieldset_8q4gc_25{border-width:2px}._input_8q4gc_7:focus+._fieldset_8q4gc_25:not(.success,.warning,.error){border-color:var(--focus-color, blue)}._fieldset_8q4gc_25{border:var(--border-width, 1px) solid black;border-radius:5px;position:absolute;inset:-8.5px 0 0;font-size:15px;margin:0}._fieldset_8q4gc_25.success{border-color:var(--success-color, green);color:var(--success-color, green)}._fieldset_8q4gc_25.warning{border-color:var(--warning-color, orange);color:var(--warning-color, orange)}._fieldset_8q4gc_25.error{border-color:var(--error-color, red);color:var(--error-color, red)}._legend_8q4gc_58{padding:0 5px;font-weight:var(--font-weight, 400)}._message-container_8q4gc_63{display:flex;align-items:center;gap:5px;margin-top:5px}._message_8q4gc_63{font-size:14px}._overlay_1va7j_1{position:fixed;inset:0;background-color:#000c;overflow-y:auto;z-index:2}._container_1va7j_12{position:absolute;top:50%;left:50%;transform:translate(-50%);width:50%;color:#f9fbff}._image-container_1va7j_21{display:flex;flex-flow:column;align-items:center}@keyframes _loading_1va7j_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._image_1va7j_21{animation:_loading_1va7j_1 3s linear infinite;margin-bottom:2rem}._container_e4hb2_1{position:absolute;top:0;left:50%;transform:translate(-50%);background-color:#f9fbff;border-radius:.5rem;padding:1rem;z-index:1;margin:5rem 0}._overlay_e4hb2_13{position:fixed;inset:0;background-color:#00000080;overflow-y:auto;z-index:1}._container_12891_1{--hover-background-color: lightgrey;--hover-text-color: black;--selected-background-color: black;--selected-text-color: white;display:flex}._item_12891_10{border-style:solid;border-width:1px 1px 1px 0;padding:.5rem 1rem;display:flex;align-items:center;cursor:pointer}._item_12891_10:first-child{border-width:1px 1px 1px 1px}._item_12891_10:hover:not(._selected_12891_22){background-color:var(--hover-background-color);color:var(--hover-text-color)}._item_12891_10._selected_12891_22{background-color:var(--selected-background-color);color:var(--selected-text-color)}._container_1syfi_1{width:fit-content}._selected-option-container_1syfi_5{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px;background-color:#fff;border-radius:5px}._selected-option-text_1syfi_15{padding-right:10px;border-right:1px solid black}._selected-option-arrow_1syfi_20{width:15px;margin-left:10px}._options-list_1syfi_25{width:100%;list-style:none;padding:0;margin:10px 0 0;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:5px}._option_1syfi_25{padding:10px;cursor:pointer}._option_1syfi_25:hover{background-color:#ecf0f1}._option_1syfi_25:hover:first-child{border-radius:5px 5px 0 0}._option_1syfi_25:hover:last-child{border-radius:0 0 5px 5px}._option_1syfi_25:hover:only-child{border-radius:5px}._container_cds7q_1{display:flex;flex-flow:column}._main_cds7q_6{width:100%;table-layout:fixed;border-collapse:collapse}._tbody_cds7q_12{-webkit-user-select:text;user-select:text}._tbody_cds7q_12 tr:last-child{border:none}._th_cds7q_19{padding:2rem 1rem 1rem 0;word-wrap:break-word;white-space:nowrap}._tr_cds7q_25{text-align:center;border-bottom:2px solid black}._td_cds7q_30{padding:2rem 1rem 1rem 0;word-wrap:break-word}._container_1qatf_1{display:flex}._direction-row_1qatf_5{flex-direction:row}._direction-column_1qatf_9{flex-direction:column}._justify-start_1qatf_13{justify-content:start}._justify-center_1qatf_17{justify-content:center}._justify-end_1qatf_21{justify-content:end}._justify-space-between_1qatf_25{justify-content:space-between}._justify-space-around_1qatf_29{justify-content:space-around}._justify-space-evenly_1qatf_33{justify-content:space-evenly}._justify-stretch_1qatf_37{justify-content:stretch}._align-start_1qatf_41{align-items:start}._align-center_1qatf_45{align-items:center}._align-end_1qatf_49{align-items:end}._align-stretch_1qatf_53{align-items:stretch}._wrap-nowrap_1qatf_57{flex-wrap:nowrap}._wrap-wrap_1qatf_61{flex-wrap:wrap}._wrap-wrap-reverse_1qatf_65{flex-wrap:wrap-reverse}
|
|
@@ -9369,13 +9369,13 @@ const vE = "_flag_1ci92_1", mE = {
|
|
|
9369
9369
|
onChange: C
|
|
9370
9370
|
}
|
|
9371
9371
|
) : null;
|
|
9372
|
-
}, ET = "
|
|
9372
|
+
}, ET = "_container_8q4gc_1", wT = "_input_8q4gc_7", RT = "_fieldset_8q4gc_25", CT = "_legend_8q4gc_58", TT = "_message_8q4gc_63", Nt = {
|
|
9373
9373
|
container: ET,
|
|
9374
|
-
"input-container": "_input-
|
|
9374
|
+
"input-container": "_input-container_8q4gc_7",
|
|
9375
9375
|
input: wT,
|
|
9376
9376
|
fieldset: RT,
|
|
9377
9377
|
legend: CT,
|
|
9378
|
-
"message-container": "_message-
|
|
9378
|
+
"message-container": "_message-container_8q4gc_63",
|
|
9379
9379
|
message: TT
|
|
9380
9380
|
}, VD = ({
|
|
9381
9381
|
className: r,
|
|
@@ -9385,32 +9385,27 @@ const vE = "_flag_1ci92_1", mE = {
|
|
|
9385
9385
|
status: C,
|
|
9386
9386
|
width: R,
|
|
9387
9387
|
height: F,
|
|
9388
|
-
|
|
9388
|
+
borderWidth: x,
|
|
9389
|
+
fontWeight: w,
|
|
9390
|
+
..._
|
|
9389
9391
|
}) => {
|
|
9390
|
-
const
|
|
9392
|
+
const B = {
|
|
9391
9393
|
"--success-color": z?.success,
|
|
9392
9394
|
"--warning-color": z?.warning,
|
|
9393
9395
|
"--error-color": z?.error,
|
|
9394
|
-
"--focus-color": z?.focus
|
|
9396
|
+
"--focus-color": z?.focus,
|
|
9397
|
+
"--width": R && `${R}%`,
|
|
9398
|
+
"--height": F && `${F}rem`,
|
|
9399
|
+
"--border-width": x && `${x}px`,
|
|
9400
|
+
"--font-weight": w
|
|
9395
9401
|
};
|
|
9396
|
-
return /* @__PURE__ */ M(
|
|
9397
|
-
"div",
|
|
9398
|
-
|
|
9399
|
-
className: M5(Nt.
|
|
9400
|
-
|
|
9401
|
-
|
|
9402
|
-
|
|
9403
|
-
...w
|
|
9404
|
-
},
|
|
9405
|
-
children: [
|
|
9406
|
-
/* @__PURE__ */ M("div", { className: Nt["input-container"], children: [
|
|
9407
|
-
/* @__PURE__ */ c("input", { className: M5(Nt.input, C), ...x }),
|
|
9408
|
-
/* @__PURE__ */ c("fieldset", { className: M5(Nt.fieldset, C), children: /* @__PURE__ */ c("legend", { className: Nt.legend, children: d }) })
|
|
9409
|
-
] }),
|
|
9410
|
-
g && /* @__PURE__ */ c("div", { className: Nt["message-container"], children: /* @__PURE__ */ c("span", { className: Nt.message, children: g }) })
|
|
9411
|
-
]
|
|
9412
|
-
}
|
|
9413
|
-
);
|
|
9402
|
+
return /* @__PURE__ */ M("div", { className: M5(Nt.container, r), style: B, children: [
|
|
9403
|
+
/* @__PURE__ */ M("div", { className: Nt["input-container"], children: [
|
|
9404
|
+
/* @__PURE__ */ c("input", { className: M5(Nt.input, C), ..._ }),
|
|
9405
|
+
/* @__PURE__ */ c("fieldset", { className: M5(Nt.fieldset, C), children: /* @__PURE__ */ c("legend", { className: Nt.legend, children: d }) })
|
|
9406
|
+
] }),
|
|
9407
|
+
g && /* @__PURE__ */ c("div", { className: Nt["message-container"], children: /* @__PURE__ */ c("span", { className: Nt.message, children: g }) })
|
|
9408
|
+
] });
|
|
9414
9409
|
}, xT = "_overlay_1va7j_1", _T = "_container_1va7j_12", HT = "_image_1va7j_21", cp = {
|
|
9415
9410
|
overlay: xT,
|
|
9416
9411
|
container: _T,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vincentgraul/react-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.54",
|
|
4
4
|
"main": "dist/react-components.mjs",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"license": "GNU GPLV3",
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
"build-storybook": "storybook build"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
|
-
"react": "
|
|
33
|
-
"react-dom": "
|
|
32
|
+
"react": "19.2.4",
|
|
33
|
+
"react-dom": "19.2.4"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@vincentgraul/types": "^1.0.3",
|
|
@@ -40,28 +40,28 @@
|
|
|
40
40
|
"ua-parser-js": "^2.0.8"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
|
-
"@types/react": "^19.2.
|
|
43
|
+
"@types/react": "^19.2.10",
|
|
44
44
|
"@types/react-dom": "^19.2.3",
|
|
45
45
|
"@types/ua-parser-js": "^0.7.39",
|
|
46
46
|
"@eslint/eslintrc": "^3.3.3",
|
|
47
47
|
"@eslint/js": "^9.39.2",
|
|
48
|
-
"@storybook/react": "^10.
|
|
49
|
-
"@storybook/react-vite": "^10.
|
|
50
|
-
"@testing-library/react": "^16.3.
|
|
48
|
+
"@storybook/react": "^10.2.3",
|
|
49
|
+
"@storybook/react-vite": "^10.2.3",
|
|
50
|
+
"@testing-library/react": "^16.3.2",
|
|
51
51
|
"@types/jest": "^30.0.0",
|
|
52
|
-
"@typescript-eslint/eslint-plugin": "^8.
|
|
53
|
-
"@typescript-eslint/parser": "^8.
|
|
52
|
+
"@typescript-eslint/eslint-plugin": "^8.54.0",
|
|
53
|
+
"@typescript-eslint/parser": "^8.54.0",
|
|
54
54
|
"@vitejs/plugin-react": "^5.1.2",
|
|
55
|
-
"react": "^19.2.
|
|
56
|
-
"react-dom": "^19.2.
|
|
55
|
+
"react": "^19.2.4",
|
|
56
|
+
"react-dom": "^19.2.4",
|
|
57
57
|
"eslint": "^9.39.2",
|
|
58
58
|
"eslint-config-prettier": "^10.1.8",
|
|
59
59
|
"eslint-plugin-prettier": "^5.5.5",
|
|
60
|
-
"eslint-plugin-storybook": "^10.
|
|
60
|
+
"eslint-plugin-storybook": "^10.2.3",
|
|
61
61
|
"jest": "^30.2.0",
|
|
62
62
|
"jest-environment-jsdom": "^30.2.0",
|
|
63
|
-
"prettier": "^3.8.
|
|
64
|
-
"storybook": "^10.
|
|
63
|
+
"prettier": "^3.8.1",
|
|
64
|
+
"storybook": "^10.2.3",
|
|
65
65
|
"ts-jest": "^29.4.6",
|
|
66
66
|
"typedoc": "^0.28.16",
|
|
67
67
|
"typescript": "^5.9.3",
|