@vincentgraul/react-components 1.0.66 → 1.0.68

package/dist/button/button.d.ts

@@ -12,7 +12,8 @@ type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     borderRadius?: number;
     borderWidth?: number;
     padding?: string;
+    hoverOpacity?: number;
     className?: string;
 };
-export declare const Button: ({ className, children, width, height, alignSelf, fontSize, fontWeight, borderRadius, borderWidth, padding, color, backgroundColor, borderColor, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ className, children, width, height, alignSelf, fontSize, fontWeight, borderRadius, borderWidth, padding, color, backgroundColor, borderColor, hoverOpacity, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/flex/flex.d.ts

@@ -4,6 +4,7 @@ export type FlexProps = {
     direction?: "row" | "column";
     justifyContent?: "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly" | "stretch";
     alignItems?: "start" | "center" | "end" | "stretch";
+    alignSelf?: "start" | "center" | "end" | "stretch";
     wrap?: "nowrap" | "wrap" | "wrap-reverse";
     width?: number;
     height?: number;
@@ -11,4 +12,4 @@ export type FlexProps = {
     gap?: number;
     className?: string;
 };
-export declare const Flex: ({ className, children, direction, justifyContent, alignItems, wrap, width, height, padding, gap, }: FlexProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Flex: ({ className, children, direction, justifyContent, alignItems, alignSelf, wrap, width, height, padding, gap, }: FlexProps) => import("react/jsx-runtime").JSX.Element;

package/dist/react-components.css

@@ -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}._container_qbw16_1{position:relative}._input-container_qbw16_5{display:inline-flex;align-items:center;position:relative;width:100%;height:100%}._input_qbw16_5{width:100%;height:100%;padding:10px;border:0;background-color:transparent;outline:none;z-index:1;color:#000}._input_qbw16_5:focus+._fieldset_qbw16_23:not(.success,.warning,.error){color:var(--focus-color, blue);border-color:var(--focus-color, blue)}._fieldset_qbw16_23{border:1px solid black;border-radius:5px;position:absolute;inset:-8.5px 0 0;font-size:15px;margin:0}._fieldset_qbw16_23.success{border-color:var(--success-color, green);color:var(--success-color, green)}._fieldset_qbw16_23.warning{border-color:var(--warning-color, orange);color:var(--warning-color, orange)}._fieldset_qbw16_23.error{border-color:var(--error-color, red);color:var(--error-color, red)}._legend_qbw16_55{padding:0 5px}._message-container_qbw16_59{display:flex;align-items:center;gap:5px;margin-top:5px}._message-container_qbw16_59.success{color:var(--success-color, green)}._message-container_qbw16_59.warning{color:var(--warning-color, orange)}._message-container_qbw16_59.error{color:var(--error-color, red)}._overlay_krtsr_1{position:fixed;inset:0;background-color:#000c;overflow-y:auto;z-index:2}._container_krtsr_12{position:absolute;top:50%;left:50%;width:50%;color:#f9fbff}._image-container_krtsr_20{display:flex;flex-flow:column;align-items:center;transform:translate(-50%)}@keyframes _loading_krtsr_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._image_krtsr_20{animation:_loading_krtsr_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_ldyam_1{display:flex}._container_fn9zh_1{padding:.5rem 1rem;cursor:pointer;border-style:solid}._container_1qytk_1{display:flex;flex-direction:column;align-items:center}._drop-zone_1qytk_7{display:flex;width:100%;flex-direction:column;border:5px dashed black;align-items:center;cursor:pointer;padding:1rem}._drop-zone--dragging_1qytk_17{opacity:.5}._text_1qytk_21{margin:0;text-align:center}._preview-file_1qytk_26{width:100%}._remove-button_1qytk_30{background:none;border:none;padding:0;cursor:pointer}
+._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_qbw16_1{position:relative}._input-container_qbw16_5{display:inline-flex;align-items:center;position:relative;width:100%;height:100%}._input_qbw16_5{width:100%;height:100%;padding:10px;border:0;background-color:transparent;outline:none;z-index:1;color:#000}._input_qbw16_5:focus+._fieldset_qbw16_23:not(.success,.warning,.error){color:var(--focus-color, blue);border-color:var(--focus-color, blue)}._fieldset_qbw16_23{border:1px solid black;border-radius:5px;position:absolute;inset:-8.5px 0 0;font-size:15px;margin:0}._fieldset_qbw16_23.success{border-color:var(--success-color, green);color:var(--success-color, green)}._fieldset_qbw16_23.warning{border-color:var(--warning-color, orange);color:var(--warning-color, orange)}._fieldset_qbw16_23.error{border-color:var(--error-color, red);color:var(--error-color, red)}._legend_qbw16_55{padding:0 5px}._message-container_qbw16_59{display:flex;align-items:center;gap:5px;margin-top:5px}._message-container_qbw16_59.success{color:var(--success-color, green)}._message-container_qbw16_59.warning{color:var(--warning-color, orange)}._message-container_qbw16_59.error{color:var(--error-color, red)}._overlay_krtsr_1{position:fixed;inset:0;background-color:#000c;overflow-y:auto;z-index:2}._container_krtsr_12{position:absolute;top:50%;left:50%;width:50%;color:#f9fbff}._image-container_krtsr_20{display:flex;flex-flow:column;align-items:center;transform:translate(-50%)}@keyframes _loading_krtsr_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._image_krtsr_20{animation:_loading_krtsr_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_ldyam_1{display:flex}._container_1xgvv_1{padding:.5rem 1rem;cursor:pointer;border-style:solid}._container_1xgvv_1:hover{opacity:var(--hover-opacity, .8)}._container_1qytk_1{display:flex;flex-direction:column;align-items:center}._drop-zone_1qytk_7{display:flex;width:100%;flex-direction:column;border:5px dashed black;align-items:center;cursor:pointer;padding:1rem}._drop-zone--dragging_1qytk_17{opacity:.5}._text_1qytk_21{margin:0;text-align:center}._preview-file_1qytk_26{width:100%}._remove-button_1qytk_30{background:none;border:none;padding:0;cursor:pointer}

package/dist/react-components.js

@@ -48861,28 +48861,30 @@ const ID = ({
   direction: g,
   justifyContent: y,
   alignItems: w,
-  wrap: R,
-  width: F,
-  height: x,
-  padding: C,
-  gap: H
+  alignSelf: R,
+  wrap: F,
+  width: x,
+  height: C,
+  padding: H,
+  gap: B
 }) => /* @__PURE__ */ c(
   "div",
   {
     className: O8(BD.container, r),
     style: {
-      width: `${F ?? 100}%`,
-      height: x !== void 0 ? `${x}rem` : "auto",
+      width: `${x ?? 100}%`,
+      height: C !== void 0 ? `${C}rem` : "auto",
       flexDirection: g,
       justifyContent: y,
       alignItems: w,
-      flexWrap: R,
-      padding: C,
-      gap: `${H ?? 0}rem`
+      alignSelf: R,
+      flexWrap: F,
+      padding: H,
+      gap: `${B ?? 0}rem`
     },
     children: d
   }
-), qD = "_container_fn9zh_1", OD = {
+), qD = "_container_1xgvv_1", OD = {
   container: qD
 }, cV = ({
   className: r,
@@ -48898,28 +48900,35 @@ const ID = ({
   color: B,
   backgroundColor: E,
   borderColor: S,
-  ...O
-}) => /* @__PURE__ */ c(
-  "button",
-  {
-    className: O8(OD.container, r),
-    style: {
-      width: `${g ?? 100}%`,
-      height: y !== void 0 ? `${y}rem` : "auto",
-      borderRadius: `${x ?? 0}px`,
-      borderWidth: `${C ?? 1}px`,
-      fontSize: `${R ?? 1}rem`,
-      fontWeight: F ?? 400,
-      alignSelf: w,
-      padding: H,
-      color: B ?? "black",
-      backgroundColor: E ?? "white",
-      borderColor: S ?? "black"
-    },
-    ...O,
-    children: d
-  }
-), DD = "_container_1qytk_1", VD = "_text_1qytk_21", n7 = {
+  hoverOpacity: O,
+  ...D
+}) => {
+  const Y = {
+    "--hover-opacity": O
+  };
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      className: O8(OD.container, r),
+      style: {
+        width: `${g ?? 100}%`,
+        height: y !== void 0 ? `${y}rem` : "auto",
+        borderRadius: `${x ?? 0}px`,
+        borderWidth: `${C ?? 1}px`,
+        fontSize: `${R ?? 1}rem`,
+        fontWeight: F ?? 400,
+        alignSelf: w,
+        padding: H,
+        color: B ?? "black",
+        backgroundColor: E ?? "white",
+        borderColor: S ?? "black",
+        ...Y
+      },
+      ...D,
+      children: d
+    }
+  );
+}, DD = "_container_1qytk_1", VD = "_text_1qytk_21", n7 = {
   container: DD,
   "drop-zone": "_drop-zone_1qytk_7",
   "drop-zone--dragging": "_drop-zone--dragging_1qytk_17",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vincentgraul/react-components",
-  "version": "1.0.66",
+  "version": "1.0.68",
   "type": "module",
   "exports": {
     ".": {