@liner-fe/prism 2.6.4 → 2.6.5

package/lib/index.css

@@ -1372,19 +1372,25 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/Textfield/style.module.scss */
-._textfield-container_15lqz_1 {
+._textfield-container_ogykf_1 {
   display: flex;
   flex-direction: column;
   gap: var(--lp-sys-gap-positive-200);
   width: 100%;
 }
-._textfield-container_15lqz_1:has(:disabled) {
-  cursor: not-allowed;
+._textfield-container_ogykf_1:hover > ._textfield_ogykf_1 {
+  outline: 1px solid var(--neutral-border-opaque-strong);
 }
-._textfield-container_15lqz_1:has(:disabled) * {
+._textfield-container_ogykf_1[data-disabled=true] {
   cursor: not-allowed;
 }
-._textfield_15lqz_1 {
+._textfield-container_ogykf_1[data-disabled=true] > * {
+  cursor: not-allowed !important;
+}
+._textfield-container_ogykf_1[data-disabled=true] > ._textfield_ogykf_1 {
+  outline: 1px solid var(--neutral-border-opaque-normal) !important;
+}
+._textfield_ogykf_1 {
   box-sizing: border-box;
   position: relative;
   width: 100%;
@@ -1395,46 +1401,53 @@
   cursor: text;
   transition: ease-out all 0.1s;
 }
-._textfield_15lqz_1:hover {
-  outline: 1px solid var(--neutral-border-opaque-strong);
-}
-._textfield_15lqz_1:focus-within {
+._textfield_ogykf_1:focus-within {
   outline: 2px solid var(--neutral-border-opaque-strong);
 }
-._textfield_15lqz_1:has(:disabled) {
+._textfield_ogykf_1:disabled {
   outline: 1px solid var(--neutral-border-opaque-subtle);
   cursor: not-allowed;
 }
-._textfield_15lqz_1:has(:disabled) > ._label_15lqz_35 {
+._textfield_ogykf_1:disabled > ._label_ogykf_38 {
   color: var(--neutral-label-tertiary);
   cursor: not-allowed;
 }
-._textfield_15lqz_1._label-out-textfield_15lqz_39 {
+._textfield_ogykf_1._label-out-textfield_ogykf_42 {
   height: 52px;
   margin-top: 24px;
 }
-._textfield_15lqz_1._white_15lqz_43 {
+._textfield_ogykf_1._white_ogykf_46 {
   background: var(--neutral-container-lowest);
 }
-._textfield_15lqz_1._gray_15lqz_46 {
+._textfield_ogykf_1._gray_ogykf_49 {
   background: var(--neutral-container-mid);
 }
-._label_15lqz_35 {
+._label_ogykf_38 {
   position: absolute;
   left: 0;
   top: 0;
   color: var(--neutral-label-secondary);
   cursor: text;
 }
-._label-in_15lqz_58 {
+._label-in_ogykf_61 {
   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);
 }
-._label-out_15lqz_39 {
+._label-out_ogykf_42 {
   transform: translateY(-150%);
 }
-._input-wrapper_15lqz_68 {
+._label-visually-hidden_ogykf_71 {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  margin: -1px;
+  clip: rect(0 0 0 0);
+  white-space: nowrap;
+  border: 0;
+}
+._input-wrapper_ogykf_82 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1442,7 +1455,7 @@
   height: 100%;
   gap: var(--lp-sys-gap-positive-300);
 }
-._input_15lqz_68 {
+._input_ogykf_82 {
   background: transparent;
   border: none;
   outline: none;
@@ -1456,68 +1469,68 @@
   font-weight: var(--lp-pri-font-weight-400);
   line-height: 130%;
 }
-._input_15lqz_68:focus + ._label-in_15lqz_58,
-._input_15lqz_68:not(:placeholder-shown) + ._label-in_15lqz_58 {
+._input_ogykf_82:focus + ._label-in_ogykf_61,
+._input_ogykf_82:not(:placeholder-shown) + ._label-in_ogykf_61 {
   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_15lqz_68::placeholder {
+._input_ogykf_82::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_15lqz_104 {
+._label-out-input_ogykf_118 {
   transform: translateY(0);
 }
-._input-action-buttons_15lqz_108 {
+._input-action-buttons_ogykf_122 {
   display: flex;
   align-items: center;
   gap: var(--lp-sys-gap-positive-50);
 }
-._action-button_15lqz_114 {
+._action-button_ogykf_128 {
   margin-right: var(--lp-sys-padding-component-100);
 }
-._action-button_15lqz_114 > svg > circle {
+._action-button_ogykf_128 > svg > circle {
   fill: var(--neutral-label-secondary);
 }
-._error_15lqz_121 {
+._error_ogykf_135 {
   display: block;
   outline: 2px solid var(--function-label-negative);
 }
-._error_15lqz_121 > ._input_15lqz_68 + ._label_15lqz_35 {
+._error_ogykf_135 > ._input_ogykf_82 + ._label_ogykf_38 {
   color: var(--function-label-negative);
 }
-._error_15lqz_121:hover {
+._error_ogykf_135:hover {
   outline: 2px solid var(--function-label-negative);
 }
-._error_15lqz_121:focus-within {
+._error_ogykf_135:focus-within {
   outline: 2px solid var(--function-label-negative);
 }
-._error_15lqz_121:focus-within > ._label_15lqz_35 {
+._error_ogykf_135:focus-within > ._label_ogykf_38 {
   color: var(--function-label-negative);
 }
-._error_15lqz_121 > div > ._error-message_15lqz_137 {
+._error_ogykf_135 > div > ._error-message_ogykf_151 {
   color: var(--function-label-negative);
 }
-._error-wrapper_15lqz_141 {
+._error-wrapper_ogykf_155 {
   display: flex;
   align-items: flex-end;
   gap: 4px;
 }
-._error-wrapper_15lqz_141 > ._error-message_15lqz_137 {
+._error-wrapper_ogykf_155 > ._error-message_ogykf_151 {
   color: var(--function-label-negative);
 }
-._footer_15lqz_150 {
+._footer_ogykf_164 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 8px;
   min-height: var(--lp-sys-icon-size-xs);
 }
-._character_15lqz_158 {
+._character_ogykf_172 {
   color: var(--neutral-label-secondary);
 }
 

package/lib/index.d.ts

@@ -396,7 +396,7 @@ declare const defaultTextfieldVariants: (props?: ({
     className?: cva.ClassValue;
 })) | undefined) => string;
 type TextfieldButtonProps = Omit<DefaultButtonProps<FillType>, 'size'>;
-type TextfieldLabelType = 'in' | 'out';
+type TextfieldLabelType = 'in' | 'out' | 'visually-hidden';
 interface TextfieldLabelProps {
     text: string;
     type?: TextfieldLabelType;

package/lib/index.js

@@ -17123,24 +17123,25 @@ var import_react19 = require("react");
 
 // src/components/Textfield/style.module.scss
 var style_module_default13 = {
-  "textfield-container": "_textfield-container_15lqz_1",
-  "textfield": "_textfield_15lqz_1",
-  "label": "_label_15lqz_35",
-  "label-out-textfield": "_label-out-textfield_15lqz_39",
-  "white": "_white_15lqz_43",
-  "gray": "_gray_15lqz_46",
-  "label-in": "_label-in_15lqz_58",
-  "label-out": "_label-out_15lqz_39",
-  "input-wrapper": "_input-wrapper_15lqz_68",
-  "input": "_input_15lqz_68",
-  "label-out-input": "_label-out-input_15lqz_104",
-  "input-action-buttons": "_input-action-buttons_15lqz_108",
-  "action-button": "_action-button_15lqz_114",
-  "error": "_error_15lqz_121",
-  "error-message": "_error-message_15lqz_137",
-  "error-wrapper": "_error-wrapper_15lqz_141",
-  "footer": "_footer_15lqz_150",
-  "character": "_character_15lqz_158"
+  "textfield-container": "_textfield-container_ogykf_1",
+  "textfield": "_textfield_ogykf_1",
+  "label": "_label_ogykf_38",
+  "label-out-textfield": "_label-out-textfield_ogykf_42",
+  "white": "_white_ogykf_46",
+  "gray": "_gray_ogykf_49",
+  "label-in": "_label-in_ogykf_61",
+  "label-out": "_label-out_ogykf_42",
+  "label-visually-hidden": "_label-visually-hidden_ogykf_71",
+  "input-wrapper": "_input-wrapper_ogykf_82",
+  "input": "_input_ogykf_82",
+  "label-out-input": "_label-out-input_ogykf_118",
+  "input-action-buttons": "_input-action-buttons_ogykf_122",
+  "action-button": "_action-button_ogykf_128",
+  "error": "_error_ogykf_135",
+  "error-message": "_error-message_ogykf_151",
+  "error-wrapper": "_error-wrapper_ogykf_155",
+  "footer": "_footer_ogykf_164",
+  "character": "_character_ogykf_172"
 };
 
 // src/components/Textfield/index.tsx
@@ -17216,7 +17217,7 @@ var Textfield = (0, import_react19.forwardRef)((props, ref) => {
     }
   }, "handleDeidentify");
   (0, import_react19.useImperativeHandle)(ref, () => inputRef.current);
-  return /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)("div", { className: style_module_default13["textfield-container"], children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)("div", { className: style_module_default13["textfield-container"], "data-disabled": disabled, children: [
     /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
       "div",
       {
@@ -17230,7 +17231,7 @@ var Textfield = (0, import_react19.forwardRef)((props, ref) => {
             "input",
             {
               className: (0, import_clsx15.default)(style_module_default13.input, {
-                [style_module_default13["label-out-input"]]: !label || labelType === "out"
+                [style_module_default13["label-out-input"]]: !label || labelType === "out" || labelType === "visually-hidden"
               }),
               type: isDeidentified ? "password" : "text",
               placeholder,
@@ -17246,7 +17247,8 @@ var Textfield = (0, import_react19.forwardRef)((props, ref) => {
             {
               className: (0, import_clsx15.default)(style_module_default13.label, {
                 [style_module_default13["label-in"]]: labelType === "in",
-                [style_module_default13["label-out"]]: !label || labelType === "out"
+                [style_module_default13["label-out"]]: !label || labelType === "out",
+                [style_module_default13["label-visually-hidden"]]: labelType === "visually-hidden"
               }),
               size: label?.type === "out" ? "s" : void 0,
               htmlFor: id,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liner-fe/prism",
-  "version": "2.6.4",
+  "version": "2.6.5",
   "scripts": {
     "dev": "next dev",
     "start": "next start",