@vincentgraul/react-components 1.0.49 → 1.0.50
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 +3 -1
- package/dist/react-components.mjs +32 -12
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/input/input.d.ts
CHANGED
|
@@ -6,7 +6,9 @@ type Props = Exclude<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {
|
|
|
6
6
|
colors?: InputColors;
|
|
7
7
|
status?: InputStatus;
|
|
8
8
|
message?: string;
|
|
9
|
+
width?: string;
|
|
10
|
+
height?: string;
|
|
9
11
|
className?: string;
|
|
10
12
|
};
|
|
11
|
-
export declare const Input: ({ className, label, message, colors, status, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare const Input: ({ className, label, message, colors, status, width, height, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
12
14
|
export {};
|
|
@@ -9374,28 +9374,48 @@ const P7 = "_flag_1ci92_1", S7 = {
|
|
|
9374
9374
|
onChange: c
|
|
9375
9375
|
}
|
|
9376
9376
|
) : null;
|
|
9377
|
-
}, Na = "
|
|
9377
|
+
}, Na = "_container_lfodr_1", $a = "_input_lfodr_10", ja = "_fieldset_lfodr_28", Ua = "_legend_lfodr_61", Wa = "_message_lfodr_65", b2 = {
|
|
9378
9378
|
container: Na,
|
|
9379
|
-
"input-container": "_input-
|
|
9379
|
+
"input-container": "_input-container_lfodr_10",
|
|
9380
9380
|
input: $a,
|
|
9381
9381
|
fieldset: ja,
|
|
9382
9382
|
legend: Ua,
|
|
9383
|
-
"message-container": "_message-
|
|
9383
|
+
"message-container": "_message-container_lfodr_65",
|
|
9384
9384
|
message: Wa
|
|
9385
|
-
}, eg = ({
|
|
9386
|
-
|
|
9385
|
+
}, eg = ({
|
|
9386
|
+
className: l,
|
|
9387
|
+
label: t,
|
|
9388
|
+
message: a,
|
|
9389
|
+
colors: r,
|
|
9390
|
+
status: c,
|
|
9391
|
+
width: i,
|
|
9392
|
+
height: o,
|
|
9393
|
+
...d
|
|
9394
|
+
}) => {
|
|
9395
|
+
const s = {
|
|
9387
9396
|
"--success-color": r == null ? void 0 : r.success,
|
|
9388
9397
|
"--warning-color": r == null ? void 0 : r.warning,
|
|
9389
9398
|
"--error-color": r == null ? void 0 : r.error,
|
|
9390
9399
|
"--focus-color": r == null ? void 0 : r.focus
|
|
9391
9400
|
};
|
|
9392
|
-
return /* @__PURE__ */ n(
|
|
9393
|
-
|
|
9394
|
-
|
|
9395
|
-
|
|
9396
|
-
|
|
9397
|
-
|
|
9398
|
-
|
|
9401
|
+
return /* @__PURE__ */ n(
|
|
9402
|
+
"div",
|
|
9403
|
+
{
|
|
9404
|
+
className: x1(b2.container, l),
|
|
9405
|
+
style: {
|
|
9406
|
+
width: i || void 0,
|
|
9407
|
+
height: o || void 0,
|
|
9408
|
+
...s
|
|
9409
|
+
},
|
|
9410
|
+
children: [
|
|
9411
|
+
/* @__PURE__ */ n("div", { className: b2["input-container"], children: [
|
|
9412
|
+
/* @__PURE__ */ e("input", { className: x1(b2.input, c), ...d }),
|
|
9413
|
+
/* @__PURE__ */ e("fieldset", { className: x1(b2.fieldset, c), children: /* @__PURE__ */ e("legend", { className: b2.legend, children: t }) })
|
|
9414
|
+
] }),
|
|
9415
|
+
a && /* @__PURE__ */ e("div", { className: b2["message-container"], children: /* @__PURE__ */ e("span", { className: b2.message, children: a }) })
|
|
9416
|
+
]
|
|
9417
|
+
}
|
|
9418
|
+
);
|
|
9399
9419
|
}, Ga = "_overlay_1va7j_1", Ka = "_container_1va7j_12", Ya = "_image_1va7j_21", Xa = "_loading_1va7j_1", n3 = {
|
|
9400
9420
|
overlay: Ga,
|
|
9401
9421
|
container: Ka,
|
package/dist/style.css
CHANGED
|
@@ -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_lfodr_1{--success-color: green;--warning-color: orange;--error-color: red;--focus-color: blue;position:relative}._input-container_lfodr_10{display:inline-flex;align-items:center;position:relative;width:100%;height:100%}._input_lfodr_10{width:100%;height:100%;padding:10px;border:0;background-color:transparent;outline:none;z-index:1;color:#000}._input_lfodr_10:focus+._fieldset_lfodr_28{border-width:2px}._input_lfodr_10:focus+._fieldset_lfodr_28:not(.success,.warning,.error){border-color:var(--focus-color)}._fieldset_lfodr_28{border:1px solid black;border-radius:5px;position:absolute;top:-8.5px;right:0;bottom:0;left:0;font-size:15px;margin:0}._fieldset_lfodr_28.success{border-color:var(--success-color);color:var(--success-color)}._fieldset_lfodr_28.warning{border-color:var(--warning-color);color:var(--warning-color)}._fieldset_lfodr_28.error{border-color:var(--error-color);color:var(--error-color)}._legend_lfodr_61{padding:0 5px}._message-container_lfodr_65{display:flex;align-items:center;gap:5px;margin-top:5px}._message_lfodr_65{font-size:14px}._overlay_1va7j_1{position:fixed;top:0;right:0;bottom:0;left: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;top:0;right:0;bottom:0;left: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}
|