@liner-fe/prism 1.10.33 → 1.11.1

package/lib/index.mjs

@@ -6294,14 +6294,14 @@ import { Provider, Root, Title, Viewport } from "@radix-ui/react-toast";
 
 // src/components/Toast/style.module.scss
 var style_module_default3 = {
-  "Icon": "_Icon_cywwg_25",
-  "TitleText": "_TitleText_cywwg_31",
-  "ToastViewport": "_ToastViewport_cywwg_36",
-  "ToastRoot": "_ToastRoot_cywwg_60",
-  "ToastTitle": "_ToastTitle_cywwg_76",
-  "slideIn": "_slideIn_cywwg_1",
-  "hide": "_hide_cywwg_1",
-  "swipeOut": "_swipeOut_cywwg_1"
+  "Icon": "_Icon_18unn_25",
+  "TitleText": "_TitleText_18unn_31",
+  "ToastViewport": "_ToastViewport_18unn_36",
+  "ToastRoot": "_ToastRoot_18unn_60",
+  "ToastTitle": "_ToastTitle_18unn_76",
+  "slideIn": "_slideIn_18unn_1",
+  "hide": "_hide_18unn_1",
+  "swipeOut": "_swipeOut_18unn_1"
 };
 
 // src/components/Toast/index.tsx
@@ -6759,39 +6759,156 @@ var IconButton = forwardRef4(
   }
 );
 
+// src/components/CheckBox/index.tsx
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+
+// src/components/CheckBox/style.module.scss
+var style_module_default8 = {
+  "checkbox": "_checkbox_24vda_1",
+  "checkbox-indicator": "_checkbox-indicator_24vda_39",
+  "label-wrapper": "_label-wrapper_24vda_47",
+  "description": "_description_24vda_53"
+};
+
+// src/components/CheckBox/index.tsx
+import { forwardRef as forwardRef6 } from "react";
+import clsx12 from "clsx";
+
 // src/components/_Label/index.tsx
 import { forwardRef as forwardRef5 } from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import clsx11 from "clsx";
 
 // src/components/_Label/style.module.scss
-var style_module_default8 = {
-  "label": "_label_1ajwq_1"
+var style_module_default9 = {
+  "label": "_label_tblhc_1",
+  "error": "_error_tblhc_14",
+  "primary": "_primary_tblhc_18",
+  "secondary": "_secondary_tblhc_29",
+  "top": "_top_tblhc_40",
+  "l": "_l_tblhc_1",
+  "offset-high": "_offset-high_tblhc_43",
+  "offset-medium": "_offset-medium_tblhc_46",
+  "offset-low": "_offset-low_tblhc_49",
+  "m": "_m_tblhc_52",
+  "s": "_s_tblhc_29",
+  "right": "_right_tblhc_71",
+  "disabled": "_disabled_tblhc_93"
 };
 
 // src/components/_Label/index.tsx
+import { cva as cva7 } from "class-variance-authority";
 import { jsx as jsx139 } from "react/jsx-runtime";
-var Label = forwardRef5(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx139(
-    LabelPrimitive.Root,
-    {
-      ref,
-      className: clsx11("lp-sys-typo-paragraph2-normal-medium", style_module_default8.label, className),
-      ...props
+var defaultLabelVariants = cva7(["lp-sys-typo-paragraph2-normal-medium", style_module_default9.label], {
+  variants: {
+    level: {
+      primary: style_module_default9.primary,
+      secondary: style_module_default9.secondary
+    },
+    position: {
+      top: style_module_default9.top,
+      right: style_module_default9.right
+    },
+    size: {
+      l: ["lp-sys-typo-paragraph3-normal-bold", style_module_default9.l],
+      m: ["lp-sys-typo-caption1-normal-medium", style_module_default9.m],
+      s: ["lp-sys-typo-caption2-normal-medium", style_module_default9.s]
+    },
+    offset: {
+      high: style_module_default9["offset-high"],
+      medium: style_module_default9["offset-medium"],
+      low: style_module_default9["offset-low"]
+    },
+    disabled: {
+      true: style_module_default9.disabled
+    },
+    error: {
+      true: style_module_default9.error
     }
-  );
+  }
+});
+var Label = forwardRef5(
+  ({
+    className,
+    level = "primary",
+    position = "top",
+    size = "l",
+    offset = "medium",
+    disabled = false,
+    error = false,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx139(
+      LabelPrimitive.Root,
+      {
+        ref,
+        className: clsx11(defaultLabelVariants({ level, position, size, offset, disabled, error }), className),
+        ...props
+      }
+    );
+  }
+);
+
+// src/components/CheckBox/index.tsx
+import { Fragment as Fragment3, jsx as jsx140, jsxs as jsxs94 } from "react/jsx-runtime";
+var Checkbox = forwardRef6(
+  ({ className, label, description, ...props }, ref) => {
+    const CheckboxWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs94(Label, { position: "right", htmlFor: props.id, children: [
+      /* @__PURE__ */ jsxs94("div", { className: style_module_default8["label-wrapper"], children: [
+        label,
+        /* @__PURE__ */ jsx140(Paragraph, { className: style_module_default8.description, size: 3, type: "normal", weight: "regular", children: description })
+      ] }),
+      children
+    ] }) : /* @__PURE__ */ jsx140(Fragment3, { children }), "CheckboxWrapper");
+    return /* @__PURE__ */ jsx140(CheckboxWrapper, { children: /* @__PURE__ */ jsx140(CheckboxPrimitive.Root, { className: clsx12(style_module_default8.checkbox, className), ref, ...props, children: /* @__PURE__ */ jsx140(CheckboxPrimitive.Indicator, { className: style_module_default8["checkbox-indicator"], children: /* @__PURE__ */ jsx140(Icon, { name: "check-mark", thick: true, size: "xs", type: "inverse-label-primary" }) }) }) });
+  }
+);
+
+// src/components/Radio/index.tsx
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import clsx13 from "clsx";
+import { forwardRef as forwardRef7 } from "react";
+
+// src/components/Radio/style.module.scss
+var style_module_default10 = {
+  "radio": "_radio_xppn4_1",
+  "radio-item": "_radio-item_xppn4_5",
+  "indicator": "_indicator_xppn4_42",
+  "label-wrapper": "_label-wrapper_xppn4_46",
+  "description": "_description_xppn4_52"
+};
+
+// src/components/Radio/index.tsx
+import { Fragment as Fragment4, jsx as jsx141, jsxs as jsxs95 } from "react/jsx-runtime";
+var RadioIndicator = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx141("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx141("circle", { cx: "5", cy: "5", r: "5", fill: "#313133" }) }), "RadioIndicator");
+var RadioRoot = forwardRef7(({ className, ...props }, ref) => /* @__PURE__ */ jsx141(RadioGroupPrimitive.Root, { className: clsx13(style_module_default10.radio, className), ...props }));
+var RadioItem = forwardRef7(
+  ({ className, label, description, ...props }, ref) => {
+    const RadioItemWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs95(Label, { position: "right", htmlFor: props.id, children: [
+      /* @__PURE__ */ jsxs95("div", { className: style_module_default10["label-wrapper"], children: [
+        label,
+        /* @__PURE__ */ jsx141(Paragraph, { className: style_module_default10.description, size: 3, type: "normal", weight: "regular", children: description })
+      ] }),
+      children
+    ] }) : /* @__PURE__ */ jsx141(Fragment4, { children }), "RadioItemWrapper");
+    return /* @__PURE__ */ jsx141(RadioItemWrapper, { children: /* @__PURE__ */ jsx141(RadioGroupPrimitive.Item, { ref, className: clsx13(style_module_default10["radio-item"], className), ...props, children: /* @__PURE__ */ jsx141(RadioGroupPrimitive.Indicator, { className: style_module_default10.indicator, children: /* @__PURE__ */ jsx141(RadioIndicator, {}) }) }) });
+  }
+);
+var Radio = Object.assign(RadioRoot, {
+  Item: RadioItem
 });
 export {
   Button,
   Caption,
+  Checkbox,
   DefaultButton,
   Display,
   Heading,
   Icon,
   IconButton,
-  Label,
   Paragraph,
   Popover,
+  Radio,
   TextButton,
   Title2 as Title,
   Toaster,