@liner-fe/prism 2.9.45 → 2.9.47

package/lib/index.css

@@ -931,7 +931,7 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/CheckBox/style.module.scss */
-._checkbox_1jxdh_1 {
+._checkbox_1expy_1 {
   display: flex;
   width: var(--lp-sys-icon-size-xs);
   height: var(--lp-sys-icon-size-xs);
@@ -941,49 +941,49 @@
   outline: none;
   transform: translateY(10%);
   background: var(--lp-pri-achromatic-white);
-  border-radius: var(--lp-sys-radius-xs);
+  border-radius: 4px;
   border: 1px solid var(--neutral-border-overlay-strong);
   cursor: pointer;
 }
-._checkbox_1jxdh_1:hover:not(:disabled) {
+._checkbox_1expy_1:hover:not(:disabled) {
   background: var(--neutral-fill-overlay-lowest-hover);
 }
-._checkbox_1jxdh_1:disabled {
+._checkbox_1expy_1:disabled {
   background: var(--neutral-container-highest);
   cursor: not-allowed;
   border: 1px solid var(--neutral-border-overlay-strong);
 }
-._checkbox_1jxdh_1:disabled > span {
+._checkbox_1expy_1:disabled > span {
   background: none;
 }
-._checkbox_1jxdh_1:disabled > span > svg > path {
+._checkbox_1expy_1:disabled > span > svg > path {
   fill: var(--neutral-label-tertiary);
 }
-._checkbox_1jxdh_1[aria-checked=true]:not(:disabled) {
+._checkbox_1expy_1[aria-checked=true]:not(:disabled) {
   border: none;
 }
-._checkbox_1jxdh_1[aria-checked=true]:hover:not(:disabled) > span {
+._checkbox_1expy_1[aria-checked=true]:hover:not(:disabled) > span {
   background: var(--inverse-container-static-high-hover);
 }
-._checkbox_1jxdh_1 [aria-checked=true]:disabled > span {
+._checkbox_1expy_1 [aria-checked=true]:disabled > span {
   background: none;
 }
-._checkbox-indicator_1jxdh_39 {
+._checkbox-indicator_1expy_39 {
   display: flex;
   align-items: center;
   justify-content: center;
-  border-radius: var(--lp-sys-radius-xs);
+  border-radius: 4px;
   background: var(--inverse-container-static-high);
 }
-._label-wrapper_1jxdh_47 {
+._label-wrapper_1expy_47 {
   display: flex;
   flex-direction: column;
   gap: var(--lp-sys-gap-positive-200);
 }
-._description_1jxdh_53 {
+._description_1expy_53 {
   color: var(--neutral-label-secondary);
 }
-._description_1jxdh_53:has([disabled]) {
+._description_1expy_53:has([disabled]) {
   color: var(--neutral-label-tertiary);
 }
 

package/lib/index.d.ts

@@ -336,6 +336,7 @@ declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & reac
 
 interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof Checkbox$1.Root> {
     label?: string;
+    labelComponent?: ReactNode;
     description?: string;
 }
 declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLButtonElement>>;

package/lib/index.js

@@ -1645,10 +1645,10 @@ import { Checkbox as CheckboxPrimitive } from "radix-ui";
 
 // src/components/CheckBox/style.module.scss
 var style_module_default9 = {
-  "checkbox": "_checkbox_1jxdh_1",
-  "checkbox-indicator": "_checkbox-indicator_1jxdh_39",
-  "label-wrapper": "_label-wrapper_1jxdh_47",
-  "description": "_description_1jxdh_53"
+  "checkbox": "_checkbox_1expy_1",
+  "checkbox-indicator": "_checkbox-indicator_1expy_39",
+  "label-wrapper": "_label-wrapper_1expy_47",
+  "description": "_description_1expy_53"
 };
 
 // src/components/CheckBox/index.tsx
@@ -1739,11 +1739,11 @@ Label.displayName = "Label";
 import { IconCheckMark } from "@liner-fe/icon";
 import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
 var Checkbox = forwardRef12(
-  ({ className, label, description, ...props }, ref) => {
+  ({ className, label, labelComponent, description, ...props }, ref) => {
     const CheckboxWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs6(Label, { position: "right", htmlFor: props.id, children: [
-      /* @__PURE__ */ jsxs6("div", { className: style_module_default9["label-wrapper"], children: [
+      labelComponent ? labelComponent : /* @__PURE__ */ jsxs6("div", { className: style_module_default9["label-wrapper"], children: [
         label,
-        /* @__PURE__ */ jsx15(Paragraph, { className: style_module_default9.description, size: 3, type: "normal", weight: "regular", children: description })
+        description && /* @__PURE__ */ jsx15(Paragraph, { className: style_module_default9.description, size: 3, type: "normal", weight: "regular", children: description })
       ] }),
       children
     ] }) : /* @__PURE__ */ jsx15(Fragment4, { children }), "CheckboxWrapper");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liner-fe/prism",
-  "version": "2.9.45",
+  "version": "2.9.47",
   "type": "module",
   "sideEffects": false,
   "dependencies": {
@@ -19,7 +19,7 @@
     "recoil": "^0.5.2",
     "@liner-fe/design-token": "^2.5.35",
     "@liner-fe/design-token-primitive": "^0.2.34",
-    "@liner-fe/icon": "^0.2.41",
+    "@liner-fe/icon": "^0.2.42",
     "@liner-fe/illust": "^0.2.10"
   },
   "devDependencies": {