@arthurzakharov/ui-kit 1.6.3 → 1.6.5

package/dist/assets/button-text-X3aS7DVX.css

@@ -0,0 +1 @@
+._ButtonText_162ei_1{display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:var(--rm-ui-padding-xs);border-radius:var(--rm-ui-border-radius-sm)}._TextPrimary_162ei_10{color:var(--rm-ui-color-text-primary)}._TextSecondary_162ei_14{color:var(--rm-ui-color-text-secondary)}._AccentPrimary_162ei_18{color:var(--rm-ui-color-accent-primary)}._AccentSecondary_162ei_22{color:var(--rm-ui-color-accent-secondary)}._ThemePrimary_162ei_26{color:var(--rm-ui-color-theme-primary)}._ThemeSecondary_162ei_30{color:var(--rm-ui-color-theme-secondary)}._Link_162ei_34{color:var(--rm-ui-color-link)}._Left_162ei_38{flex-direction:row}._Right_162ei_42{flex-direction:row-reverse}._Icon_162ei_46{stroke-width:1.5}._SM_162ei_50 ._Icon_162ei_46{width:20px;height:20px}._MD_162ei_55 ._Icon_162ei_46{width:24px;height:24px}._LG_162ei_60 ._Icon_162ei_46{width:26px;height:26px}._SM_162ei_50 ._Content_162ei_65{font-size:var(--rm-ui-font-size-body-small);line-height:calc(var(--rm-ui-line-height-body-small) - var(--rm-ui-padding-xxs) * 2)}._MD_162ei_55 ._Content_162ei_65{font-size:var(--rm-ui-font-size-body);line-height:calc(var(--rm-ui-line-height-body) - var(--rm-ui-padding-xxs) * 2)}._LG_162ei_60 ._Content_162ei_65{font-size:var(--rm-ui-font-size-hl4);line-height:calc(var(--rm-ui-line-height-hl4) - var(--rm-ui-padding-xxs) * 2)}._Content_162ei_65{text-decoration:none}._Light_162ei_84{font-weight:var(--rm-ui-font-weight-light)}._Regular_162ei_88{font-weight:var(--rm-ui-font-weight-regular)}._Medium_162ei_92{font-weight:var(--rm-ui-font-weight-medium)}._Bold_162ei_96{font-weight:var(--rm-ui-font-weight-bold)}._Underlined_162ei_100{text-decoration:underline}

package/dist/assets/checkbox-bwnjS9qO.css

@@ -0,0 +1 @@
+._Checkbox_d6btg_1{display:flex;flex-direction:column}._Label_d6btg_6{position:relative;display:inline-flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._Label_d6btg_6:hover{cursor:pointer}._Choice_d6btg_19{position:relative;left:0;top:3px}._Content_d6btg_25{font-weight:var(--rm-ui-font-weight-regular);color:var(--rm-ui-color-text-primary)}._Content_d6btg_25 button,._Content_d6btg_25 span[role=button]{color:var(--rm-ui-color-link);display:inline;background:none;font:inherit;font-size:inherit;line-height:inherit}._Content_d6btg_25 button:hover,._Content_d6btg_25 span[role=button]:hover{cursor:pointer;text-decoration:underline}._Content_d6btg_25 button:focus-visible,._Content_d6btg_25 span[role=button]:focus-visible{outline-color:var(--rm-ui-color-focus)}._Body_d6btg_51{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._BodySmall_d6btg_56{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._ErrorMessage_d6btg_61{padding-top:var(--rm-ui-padding-xxs)}

package/dist/components/signature/signature.component.js

@@ -1203,6 +1203,7 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1nnjp_1", lt = "_Main_1nnjp_
                   ie,
                   {
                     blurAfterClick: !0,
+                    color: "link",
                     text: "Per Hand/Maus unterschreiben",
                     underlined: !0,
                     className: U.AutoPanelButton,

package/dist/controls/buttons/button-text/button-text.component.js

@@ -1,28 +1,29 @@
-import { jsxs as S, jsx as _ } from "react/jsx-runtime";
-import a from "clsx";
-import { withControl as f, baseProps as l } from "../../../utils/functions/functions.util.js";
+import { jsxs as L, jsx as _ } from "react/jsx-runtime";
+import o from "clsx";
+import { withControl as f, baseProps as a } from "../../../utils/functions/functions.util.js";
 import { Svg as g } from "../../../utils/svg/svg.component.js";
-import '../../../assets/button-text-D-i7Ce3y.css';const p = "_ButtonText_lje93_1", L = "_TextPrimary_lje93_10", M = "_TextSecondary_lje93_14", P = "_AccentPrimary_lje93_18", B = "_AccentSecondary_lje93_22", A = "_ThemePrimary_lje93_26", R = "_ThemeSecondary_lje93_30", C = "_Left_lje93_34", b = "_Right_lje93_38", D = "_Icon_lje93_42", G = "_SM_lje93_46", I = "_MD_lje93_51", N = "_LG_lje93_56", U = "_Content_lje93_61", v = "_Light_lje93_80", k = "_Regular_lje93_84", F = "_Medium_lje93_88", $ = "_Bold_lje93_92", q = "_Underlined_lje93_96", e = {
+import '../../../assets/button-text-X3aS7DVX.css';const p = "_ButtonText_162ei_1", M = "_TextPrimary_162ei_10", P = "_TextSecondary_162ei_14", B = "_AccentPrimary_162ei_18", A = "_AccentSecondary_162ei_22", R = "_ThemePrimary_162ei_26", k = "_ThemeSecondary_162ei_30", C = "_Link_162ei_34", b = "_Left_162ei_38", D = "_Right_162ei_42", G = "_Icon_162ei_46", I = "_SM_162ei_50", N = "_MD_162ei_55", U = "_LG_162ei_60", j = "_Content_162ei_65", v = "_Light_162ei_84", F = "_Regular_162ei_88", $ = "_Medium_162ei_92", q = "_Bold_162ei_96", E = "_Underlined_162ei_100", e = {
   ButtonText: p,
-  TextPrimary: L,
-  TextSecondary: M,
-  AccentPrimary: P,
-  AccentSecondary: B,
-  ThemePrimary: A,
-  ThemeSecondary: R,
-  Left: C,
-  Right: b,
-  Icon: D,
-  SM: G,
-  MD: I,
-  LG: N,
-  Content: U,
+  TextPrimary: M,
+  TextSecondary: P,
+  AccentPrimary: B,
+  AccentSecondary: A,
+  ThemePrimary: R,
+  ThemeSecondary: k,
+  Link: C,
+  Left: b,
+  Right: D,
+  Icon: G,
+  SM: I,
+  MD: N,
+  LG: U,
+  Content: j,
   Light: v,
-  Regular: k,
-  Medium: F,
-  Bold: $,
-  Underlined: q
-}, O = ({
+  Regular: F,
+  Medium: $,
+  Bold: q,
+  Underlined: E
+}, Q = ({
   text: m,
   size: r = "md",
   color: t = "text-primary",
@@ -30,25 +31,25 @@ import '../../../assets/button-text-D-i7Ce3y.css';const p = "_ButtonText_lje93_1
   type: s = "button",
   icon: d = null,
   iconPosition: c = "left",
-  underlined: i = !1,
-  disabled: y = !1,
+  underlined: y = !1,
+  disabled: l = !1,
   preventDefault: u = !1,
-  blurAfterClick: j = !1,
-  onClick: x = () => {
+  blurAfterClick: x = !1,
+  onClick: T = () => {
   },
-  onFocus: T = () => {
+  onFocus: h = () => {
   },
-  onBlur: h = () => {
+  onBlur: S = () => {
   },
   // Base props
-  ...o
-}) => /* @__PURE__ */ S(
+  ...i
+}) => /* @__PURE__ */ L(
   "button",
   {
-    "data-testid": l(o, "data-testid", "button-text"),
+    "data-testid": a(i, "data-testid", "button-text"),
     type: s,
-    disabled: y,
-    className: a(e.ButtonText, l(o, "className"), {
+    disabled: l,
+    className: o(e.ButtonText, a(i, "className"), {
       [e.Left]: c === "left",
       [e.Right]: c === "right",
       [e.SM]: r === "sm",
@@ -59,22 +60,23 @@ import '../../../assets/button-text-D-i7Ce3y.css';const p = "_ButtonText_lje93_1
       [e.AccentPrimary]: t === "accent-primary",
       [e.AccentSecondary]: t === "accent-secondary",
       [e.ThemePrimary]: t === "theme-primary",
-      [e.ThemeSecondary]: t === "theme-secondary"
+      [e.ThemeSecondary]: t === "theme-secondary",
+      [e.Link]: t === "link"
     }),
-    onClick: f(x, { prevent: u, blur: j }),
-    onFocus: () => T(),
-    onBlur: () => h(),
+    onClick: f(T, { prevent: u, blur: x }),
+    onFocus: () => h(),
+    onBlur: () => S(),
     children: [
       /* @__PURE__ */ _(g, { icon: d, className: e.Icon }),
       /* @__PURE__ */ _(
         "span",
         {
-          className: a(e.Content, {
+          className: o(e.Content, {
             [e.Light]: n === "light",
             [e.Regular]: n === "regular",
             [e.Medium]: n === "medium",
             [e.Bold]: n === "bold",
-            [e.Underlined]: i
+            [e.Underlined]: y
           }),
           children: m
         }
@@ -83,5 +85,5 @@ import '../../../assets/button-text-D-i7Ce3y.css';const p = "_ButtonText_lje93_1
   }
 );
 export {
-  O as ButtonText
+  Q as ButtonText
 };

package/dist/controls/interactives/checkbox/checkbox.component.js

@@ -1,17 +1,17 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { useRef as E } from "react";
-import { useHover as M } from "usehooks-ts";
-import _ from "clsx";
-import { FadeSlide as N } from "../../../animations/fade-slide/fade-slide.component.js";
+import { jsxs as b, jsx as e } from "react/jsx-runtime";
+import { useRef as M } from "react";
+import { useHover as N } from "usehooks-ts";
+import p from "clsx";
+import { FadeSlide as S } from "../../../animations/fade-slide/fade-slide.component.js";
 import "../../primitives/box/box.component.js";
-import { baseProps as C } from "../../../utils/functions/functions.util.js";
-import { Choice as S } from "../../primitives/choice/choice.component.js";
+import { baseProps as _ } from "../../../utils/functions/functions.util.js";
+import { Choice as v } from "../../primitives/choice/choice.component.js";
 import { ErrorMessage as F } from "../../primitives/error-message/error-message.component.js";
 import { HiddenInput as L } from "../../primitives/hidden-input/hidden-input.component.js";
 import "lucide-react";
 import { useControlInteraction as $ } from "../../utils/hooks/use-control-interaction/use-control-interaction.hook.js";
 import { Converter as j } from "../../../utils/converter/converter.util.js";
-import '../../../assets/checkbox-CAGKGCVC.css';const H = "_Checkbox_vvcdn_1", I = "_Label_vvcdn_6", P = "_Choice_vvcdn_19", D = "_Content_vvcdn_25", R = "_Body_vvcdn_58", T = "_BodySmall_vvcdn_63", q = "_ErrorMessage_vvcdn_68", o = {
+import '../../../assets/checkbox-bwnjS9qO.css';const H = "_Checkbox_d6btg_1", I = "_Label_d6btg_6", P = "_Choice_d6btg_19", D = "_Content_d6btg_25", R = "_Body_d6btg_51", T = "_BodySmall_d6btg_56", q = "_ErrorMessage_d6btg_61", o = {
   Checkbox: H,
   Label: I,
   Choice: P,
@@ -21,13 +21,13 @@ import '../../../assets/checkbox-CAGKGCVC.css';const H = "_Checkbox_vvcdn_1", I
   ErrorMessage: q
 }, Z = ({
   // Interactive props
-  id: c,
+  id: t,
   value: r = !1,
-  disabled: t = !1,
-  state: s = "idle",
-  onChange: f,
-  onFocus: v,
-  onBlur: b,
+  disabled: s = !1,
+  state: n = "idle",
+  onChange: C,
+  onFocus: f,
+  onBlur: g,
   // Checkbox props
   iconSize: x = "md",
   textSize: a = "body-small",
@@ -37,23 +37,23 @@ import '../../../assets/checkbox-CAGKGCVC.css';const H = "_Checkbox_vvcdn_1", I
   // Base props
   ...m
 }) => {
-  const d = E(null), k = M(d), { focused: i, emitChange: h, handleFocus: B, handleBlur: u } = $({
-    id: c,
-    disabled: t,
-    onChange: f,
-    onFocus: v,
-    onBlur: b
+  const d = M(null), k = N(d), { focused: i, emitChange: h, handleFocus: B, handleBlur: u } = $({
+    id: t,
+    disabled: s,
+    onChange: C,
+    onFocus: f,
+    onBlur: g
   });
-  return /* @__PURE__ */ p("div", { "data-testid": C(m, "data-testid", "checkbox"), className: _(o.Checkbox, C(m, "className")), children: [
-    /* @__PURE__ */ p(
+  return /* @__PURE__ */ b("div", { "data-testid": _(m, "data-testid", "checkbox"), className: p(o.Checkbox, _(m, "className")), children: [
+    /* @__PURE__ */ b(
       "label",
       {
         "data-testid": "checkbox-label",
         ref: d,
-        htmlFor: c,
+        htmlFor: t,
         className: o.Label,
-        onClick: (n) => {
-          i || (n.preventDefault(), h(!r, "mouse"));
+        onClick: (c) => {
+          i || (c.preventDefault(), h(!r, "mouse"));
         },
         onFocus: B,
         onBlur: u,
@@ -62,32 +62,32 @@ import '../../../assets/checkbox-CAGKGCVC.css';const H = "_Checkbox_vvcdn_1", I
             L,
             {
               type: "checkbox",
-              id: c,
-              name: c,
+              id: t,
+              name: t,
               value: j.Boolean.ToBooleanString(r),
               checked: r,
-              disabled: t,
-              onChange: (n, g) => {
-                n.stopPropagation(), h(!r, g);
+              disabled: s,
+              onChange: (c, E) => {
+                c.stopPropagation(), h(!r, E);
               }
             }
           ),
           /* @__PURE__ */ e("div", { className: o.Choice, children: /* @__PURE__ */ e(
-            S,
+            v,
             {
               type: "checkbox",
               size: x,
-              state: s,
+              state: n,
               checked: r,
               focused: i,
               hovered: k,
-              disabled: t
+              disabled: s
             }
           ) }),
           /* @__PURE__ */ e(
             "div",
             {
-              className: _(o.Content, {
+              className: p(o.Content, {
                 [o.Body]: a === "body",
                 [o.BodySmall]: a === "body-small"
               }),
@@ -97,7 +97,7 @@ import '../../../assets/checkbox-CAGKGCVC.css';const H = "_Checkbox_vvcdn_1", I
         ]
       }
     ),
-    /* @__PURE__ */ e(N, { name: "text-message", condition: s === "error" && !!l, children: /* @__PURE__ */ e(F, { text: l, className: o.ErrorMessage }) })
+    /* @__PURE__ */ e(S, { name: "text-message", condition: n === "error" && !!l, children: /* @__PURE__ */ e(F, { text: l, className: o.ErrorMessage }) })
   ] });
 };
 export {

package/dist/controls/utils/types.d.ts

@@ -23,7 +23,7 @@ export type ControlLabelPosition = 'idle' | 'active';
 export type ControlCaptionSize = Extract<FontSize, 'body-extra-small' | 'body-small' | 'body' | 'body-large'>;
 export type ControlCaptionColor = Extract<FontColor, 'text-primary' | 'text-secondary' | 'accent-primary' | 'accent-secondary'>;
 export type ControlButtonColor = 'primary' | 'secondary' | 'tertiary';
-export type ControlButtonTypeColor = Extract<FontColor, 'text-primary' | 'text-secondary' | 'accent-primary' | 'accent-secondary' | 'theme-primary' | 'theme-secondary'>;
+export type ControlButtonTypeColor = Extract<FontColor, 'text-primary' | 'text-secondary' | 'accent-primary' | 'accent-secondary' | 'theme-primary' | 'theme-secondary' | 'link'>;
 export type ControlButtonSize = 'sm' | 'md' | 'lg';
 export type ControlButtonType = 'submit' | 'reset' | 'button';
 export type QuestionPath = string[];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arthurzakharov/ui-kit",
   "private": false,
-  "version": "1.6.3",
+  "version": "1.6.5",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/assets/button-text-D-i7Ce3y.css

@@ -1 +0,0 @@
-._ButtonText_lje93_1{display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:var(--rm-ui-padding-xs);border-radius:var(--rm-ui-border-radius-sm)}._TextPrimary_lje93_10{color:var(--rm-ui-color-text-primary)}._TextSecondary_lje93_14{color:var(--rm-ui-color-text-secondary)}._AccentPrimary_lje93_18{color:var(--rm-ui-color-accent-primary)}._AccentSecondary_lje93_22{color:var(--rm-ui-color-accent-secondary)}._ThemePrimary_lje93_26{color:var(--rm-ui-color-theme-primary)}._ThemeSecondary_lje93_30{color:var(--rm-ui-color-theme-secondary)}._Left_lje93_34{flex-direction:row}._Right_lje93_38{flex-direction:row-reverse}._Icon_lje93_42{stroke-width:1.5}._SM_lje93_46 ._Icon_lje93_42{width:20px;height:20px}._MD_lje93_51 ._Icon_lje93_42{width:24px;height:24px}._LG_lje93_56 ._Icon_lje93_42{width:26px;height:26px}._SM_lje93_46 ._Content_lje93_61{font-size:var(--rm-ui-font-size-body-small);line-height:calc(var(--rm-ui-line-height-body-small) - var(--rm-ui-padding-xxs) * 2)}._MD_lje93_51 ._Content_lje93_61{font-size:var(--rm-ui-font-size-body);line-height:calc(var(--rm-ui-line-height-body) - var(--rm-ui-padding-xxs) * 2)}._LG_lje93_56 ._Content_lje93_61{font-size:var(--rm-ui-font-size-hl4);line-height:calc(var(--rm-ui-line-height-hl4) - var(--rm-ui-padding-xxs) * 2)}._Content_lje93_61{text-decoration:none}._Light_lje93_80{font-weight:var(--rm-ui-font-weight-light)}._Regular_lje93_84{font-weight:var(--rm-ui-font-weight-regular)}._Medium_lje93_88{font-weight:var(--rm-ui-font-weight-medium)}._Bold_lje93_92{font-weight:var(--rm-ui-font-weight-bold)}._Underlined_lje93_96{text-decoration:underline}

package/dist/assets/checkbox-CAGKGCVC.css

@@ -1 +0,0 @@
-._Checkbox_vvcdn_1{display:flex;flex-direction:column}._Label_vvcdn_6{position:relative;display:inline-flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._Label_vvcdn_6:hover{cursor:pointer}._Choice_vvcdn_19{position:relative;left:0;top:3px}._Content_vvcdn_25{font-weight:var(--rm-ui-font-weight-regular);color:var(--rm-ui-color-text-primary)}._Content_vvcdn_25 button,._Content_vvcdn_25 span[data-type=button]{color:var(--rm-ui-color-link);outline-offset:2px;display:inline;margin:0;padding:0;border:0;background:none;font:inherit;line-height:inherit;color:inherit;text-decoration:underline;vertical-align:baseline;cursor:pointer}._Content_vvcdn_25 button:hover,._Content_vvcdn_25 span[data-type=button]:hover{cursor:pointer;text-decoration:underline}._Content_vvcdn_25 button:focus-visible,._Content_vvcdn_25 span[data-type=button]:focus-visible{outline-color:var(--rm-ui-color-focus)}._Body_vvcdn_58{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._BodySmall_vvcdn_63{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._ErrorMessage_vvcdn_68{padding-top:var(--rm-ui-padding-xxs)}