@liner-fe/prism 2.9.47 → 2.9.49

package/lib/index.css

@@ -1145,49 +1145,49 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/Textfield/style.module.scss */
-._textfield-container_g33rb_1 {
+._textfield-container_1v086_1 {
   display: flex;
   flex-direction: column;
   gap: var(--lp-sys-gap-positive-200);
   width: 100%;
 }
-._textfield-container_g33rb_1 > ._textfield_g33rb_1:focus-within {
+._textfield-container_1v086_1 > ._textfield_1v086_1:focus-within {
   outline: 1px solid var(--neutral-border-opaque-strong) !important;
 }
-._textfield-container_g33rb_1 > ._textfield_g33rb_1:focus-within ._label_g33rb_10 {
+._textfield-container_1v086_1 > ._textfield_1v086_1:focus-within ._label_1v086_10 {
   color: var(--neutral-label-primary) !important;
 }
-._textfield-container_g33rb_1:hover > ._textfield_g33rb_1 {
+._textfield-container_1v086_1:hover > ._textfield_1v086_1 {
   outline: 1px solid var(--neutral-border-opaque-strong);
 }
-._textfield-container_g33rb_1[data-disabled=true] {
+._textfield-container_1v086_1[data-disabled=true] {
   cursor: not-allowed;
 }
-._textfield-container_g33rb_1[data-disabled=true] > * {
+._textfield-container_1v086_1[data-disabled=true] > * {
   cursor: not-allowed !important;
 }
-._textfield-container_g33rb_1[data-disabled=true] > ._textfield_g33rb_1 {
+._textfield-container_1v086_1[data-disabled=true] > ._textfield_1v086_1 {
   outline: 1px solid var(--neutral-border-opaque-normal);
 }
-._textfield-container_g33rb_1[data-error=true] > ._textfield_g33rb_1 {
+._textfield-container_1v086_1[data-error=true] > ._textfield_1v086_1 {
   outline: 1px solid var(--function-label-negative);
 }
-._textfield-container_g33rb_1[data-error=true] > ._textfield_g33rb_1 > ._input_g33rb_28 + ._label_g33rb_10 {
+._textfield-container_1v086_1[data-error=true] > ._textfield_1v086_1 > ._input_1v086_28 + ._label_1v086_10 {
   color: var(--function-label-negative);
 }
-._textfield-container_g33rb_1[data-error=true] > ._textfield_g33rb_1:hover {
+._textfield-container_1v086_1[data-error=true] > ._textfield_1v086_1:hover {
   outline: 1px solid var(--function-label-negative);
 }
-._textfield-container_g33rb_1[data-error=true] > ._textfield_g33rb_1:focus-within {
+._textfield-container_1v086_1[data-error=true] > ._textfield_1v086_1:focus-within {
   outline: 1px solid var(--function-label-negative) !important;
 }
-._textfield-container_g33rb_1[data-error=true] > ._textfield_g33rb_1:focus-within ._label_g33rb_10 {
+._textfield-container_1v086_1[data-error=true] > ._textfield_1v086_1:focus-within ._label_1v086_10 {
   color: var(--function-label-negative) !important;
 }
-._textfield-container_g33rb_1[data-error=true] > ._footer_g33rb_40 > ._error-wrapper_g33rb_40 > ._error-message_g33rb_40 {
+._textfield-container_1v086_1[data-error=true] > ._footer_1v086_40 > ._error-wrapper_1v086_40 > ._error-message_1v086_40 {
   margin: 0;
 }
-._textfield_g33rb_1 {
+._textfield_1v086_1 {
   box-sizing: border-box;
   position: relative;
   width: 100%;
@@ -1198,41 +1198,41 @@
   cursor: text;
   transition: ease-out all 0.1s;
 }
-._textfield_g33rb_1:disabled {
+._textfield_1v086_1:disabled {
   outline: 1px solid var(--neutral-border-opaque-subtle);
   cursor: not-allowed;
 }
-._textfield_g33rb_1:disabled > ._label_g33rb_10 {
+._textfield_1v086_1:disabled > ._label_1v086_10 {
   color: var(--neutral-label-tertiary);
   cursor: not-allowed;
 }
-._textfield_g33rb_1._label-out-textfield_g33rb_63 {
+._textfield_1v086_1._label-out-textfield_1v086_63 {
   height: 52px;
   margin-top: 24px;
 }
-._textfield_g33rb_1._white_g33rb_67 {
+._textfield_1v086_1._white_1v086_67 {
   background: var(--neutral-container-lowest);
 }
-._textfield_g33rb_1._gray_g33rb_70 {
+._textfield_1v086_1._gray_1v086_70 {
   background: var(--neutral-container-mid);
 }
-._label_g33rb_10 {
+._label_1v086_10 {
   position: absolute;
   left: 0;
   top: 0;
   color: var(--neutral-label-secondary) !important;
   cursor: text;
 }
-._label-in_g33rb_82 {
+._label-in_1v086_82 {
   transform-origin: left top;
   transform: translate(var(--lp-sys-padding-component-400), 100%) scale(1);
   transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
   font-weight: var(--lp-pri-font-weight-400) !important;
 }
-._label-out_g33rb_63 {
+._label-out_1v086_63 {
   transform: translateY(-150%);
 }
-._label-visually-hidden_g33rb_93 {
+._label-visually-hidden_1v086_93 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -1242,7 +1242,7 @@
   white-space: nowrap;
   border: 0;
 }
-._input-wrapper_g33rb_104 {
+._input-wrapper_1v086_104 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1250,7 +1250,7 @@
   height: 100%;
   gap: var(--lp-sys-gap-positive-300);
 }
-._input_g33rb_28 {
+._input_1v086_28 {
   background: transparent;
   border: none;
   outline: none;
@@ -1264,50 +1264,59 @@
   font-weight: var(--lp-pri-font-weight-400);
   line-height: 130%;
 }
-._input_g33rb_28:focus + ._label-in_g33rb_82,
-._input_g33rb_28:not(:placeholder-shown) + ._label-in_g33rb_82 {
+._input_1v086_28:focus + ._label-in_1v086_82,
+._input_1v086_28:not(:placeholder-shown) + ._label-in_1v086_82 {
   transform: translate(var(--lp-sys-padding-component-400), 60%) scale(0.8);
   font-weight: var(--lp-pri-font-weight-500);
   color: var(--neutral-label-primary);
 }
-._input_g33rb_28::placeholder {
+._input_1v086_28::placeholder {
   color: var(--neutral-label-tertiary);
   font-size: var(--lp-pri-font-size-15);
   font-style: normal;
   font-weight: var(--lp-pri-font-weight-400);
   line-height: 130%;
 }
-._label-out-input_g33rb_140 {
+._input_1v086_28[type=number] {
+  -moz-appearance: textfield;
+  appearance: textfield;
+}
+._input_1v086_28[type=number]::-webkit-inner-spin-button,
+._input_1v086_28[type=number]::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+._label-out-input_1v086_148 {
   transform: translateY(0);
 }
-._input-action-buttons_g33rb_144 {
+._input-action-buttons_1v086_152 {
   display: flex;
   align-items: center;
   gap: var(--lp-sys-gap-positive-50);
 }
-._action-button_g33rb_150 {
+._action-button_1v086_158 {
   margin-right: var(--lp-sys-padding-component-100);
 }
-._action-button_g33rb_150 > svg > circle {
+._action-button_1v086_158 > svg > circle {
   fill: var(--neutral-label-secondary);
 }
-._error-wrapper_g33rb_40 {
+._error-wrapper_1v086_40 {
   display: flex;
   align-items: flex-end;
   gap: 4px;
 }
-._error-wrapper_g33rb_40 > ._error-message_g33rb_40 {
+._error-wrapper_1v086_40 > ._error-message_1v086_40 {
   padding-top: 1px;
   color: var(--function-label-negative);
 }
-._footer_g33rb_40 {
+._footer_1v086_40 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 8px;
   min-height: var(--lp-sys-icon-size-xs);
 }
-._character_g33rb_175 {
+._character_1v086_183 {
   color: var(--neutral-label-secondary);
 }
 

package/lib/index.d.ts

@@ -336,7 +336,6 @@ 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

@@ -1739,10 +1739,10 @@ 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, labelComponent, description, ...props }, ref) => {
+  ({ className, label, description, ...props }, ref) => {
     const CheckboxWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs6(Label, { position: "right", htmlFor: props.id, children: [
-      labelComponent ? labelComponent : /* @__PURE__ */ jsxs6("div", { className: style_module_default9["label-wrapper"], children: [
-        label,
+      /* @__PURE__ */ jsxs6("div", { className: style_module_default9["label-wrapper"], children: [
+        /* @__PURE__ */ jsx15(Paragraph, { type: "normal", weight: "medium", size: 3, children: label }),
         description && /* @__PURE__ */ jsx15(Paragraph, { className: style_module_default9.description, size: 3, type: "normal", weight: "regular", children: description })
       ] }),
       children
@@ -1806,24 +1806,24 @@ import {
 
 // src/components/Textfield/style.module.scss
 var style_module_default12 = {
-  "textfield-container": "_textfield-container_g33rb_1",
-  "textfield": "_textfield_g33rb_1",
-  "label": "_label_g33rb_10",
-  "input": "_input_g33rb_28",
-  "footer": "_footer_g33rb_40",
-  "error-wrapper": "_error-wrapper_g33rb_40",
-  "error-message": "_error-message_g33rb_40",
-  "label-out-textfield": "_label-out-textfield_g33rb_63",
-  "white": "_white_g33rb_67",
-  "gray": "_gray_g33rb_70",
-  "label-in": "_label-in_g33rb_82",
-  "label-out": "_label-out_g33rb_63",
-  "label-visually-hidden": "_label-visually-hidden_g33rb_93",
-  "input-wrapper": "_input-wrapper_g33rb_104",
-  "label-out-input": "_label-out-input_g33rb_140",
-  "input-action-buttons": "_input-action-buttons_g33rb_144",
-  "action-button": "_action-button_g33rb_150",
-  "character": "_character_g33rb_175"
+  "textfield-container": "_textfield-container_1v086_1",
+  "textfield": "_textfield_1v086_1",
+  "label": "_label_1v086_10",
+  "input": "_input_1v086_28",
+  "footer": "_footer_1v086_40",
+  "error-wrapper": "_error-wrapper_1v086_40",
+  "error-message": "_error-message_1v086_40",
+  "label-out-textfield": "_label-out-textfield_1v086_63",
+  "white": "_white_1v086_67",
+  "gray": "_gray_1v086_70",
+  "label-in": "_label-in_1v086_82",
+  "label-out": "_label-out_1v086_63",
+  "label-visually-hidden": "_label-visually-hidden_1v086_93",
+  "input-wrapper": "_input-wrapper_1v086_104",
+  "label-out-input": "_label-out-input_1v086_148",
+  "input-action-buttons": "_input-action-buttons_1v086_152",
+  "action-button": "_action-button_1v086_158",
+  "character": "_character_1v086_183"
 };
 
 // src/components/Textfield/index.tsx
@@ -1905,6 +1905,15 @@ var Textfield = forwardRef14((props, ref) => {
     }
   }, "handleDeidentify");
   useImperativeHandle(ref, () => inputRef.current);
+  const inputType = (() => {
+    if (type === "number") {
+      return type;
+    }
+    if (isDeidentified) {
+      return "password";
+    }
+    return "text";
+  })();
   return /* @__PURE__ */ jsxs8("div", { className: style_module_default12["textfield-container"], "data-disabled": disabled, "data-error": !!error, children: [
     /* @__PURE__ */ jsx17(
       "div",
@@ -1920,7 +1929,7 @@ var Textfield = forwardRef14((props, ref) => {
               className: clsx14(style_module_default12.input, {
                 [style_module_default12["label-out-input"]]: !label || labelType === "out" || labelType === "visually-hidden"
               }),
-              type: isDeidentified ? "password" : "text",
+              type: inputType,
               placeholder,
               ref: inputRef,
               disabled,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liner-fe/prism",
-  "version": "2.9.47",
+  "version": "2.9.49",
   "type": "module",
   "sideEffects": false,
   "dependencies": {
@@ -17,9 +17,9 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "recoil": "^0.5.2",
-    "@liner-fe/design-token": "^2.5.35",
-    "@liner-fe/design-token-primitive": "^0.2.34",
     "@liner-fe/icon": "^0.2.42",
+    "@liner-fe/design-token-primitive": "^0.2.34",
+    "@liner-fe/design-token": "^2.5.35",
     "@liner-fe/illust": "^0.2.10"
   },
   "devDependencies": {