@liner-fe/prism 1.12.49 → 1.13.0

package/lib/components/Textfield/index.d.ts

@@ -1,12 +1,11 @@
 import { InputHTMLAttributes } from 'react';
 import { VariantProps } from 'class-variance-authority';
+import { DefaultButtonProps, FillType } from '../Button';
 import { BasicColorType } from '../../types/color';
 declare const defaultTextfieldVariants: (props?: ({
     color?: "neutral-container-lowest" | "neutral-container-mid" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface TextfieldButtonProps {
-    text?: string;
-    onClick?: () => void;
+export interface TextfieldButtonProps extends Omit<DefaultButtonProps<FillType>, 'size'> {
 }
 export type TextfieldLabelType = 'in' | 'out';
 interface TextfieldLabelProps {
@@ -14,7 +13,7 @@ interface TextfieldLabelProps {
     type?: TextfieldLabelType;
 }
 export interface TextfieldProps extends InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof defaultTextfieldVariants> {
-    label: TextfieldLabelProps;
+    label?: TextfieldLabelProps;
     value?: string;
     maxCharacter?: number;
     error?: string;

package/lib/index.css

@@ -954,18 +954,19 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/Textfield/style.module.scss */
-._textfield-container_ylsn9_1 {
+._textfield-container_mmkqk_1 {
   display: flex;
   flex-direction: column;
   gap: var(--lp-sys-gap-positive-200);
+  width: 100%;
 }
-._textfield-container_ylsn9_1:has(:disabled) {
+._textfield-container_mmkqk_1:has(:disabled) {
   cursor: not-allowed;
 }
-._textfield-container_ylsn9_1:has(:disabled) * {
+._textfield-container_mmkqk_1:has(:disabled) * {
   cursor: not-allowed;
 }
-._textfield_ylsn9_1 {
+._textfield_mmkqk_1 {
   box-sizing: border-box;
   position: relative;
   width: 100%;
@@ -976,46 +977,46 @@
   cursor: text;
   transition: ease-out all 0.1s;
 }
-._textfield_ylsn9_1:hover {
+._textfield_mmkqk_1:hover {
   outline: 1px solid var(--neutral-border-opaque-strong);
 }
-._textfield_ylsn9_1:focus-within {
+._textfield_mmkqk_1:focus-within {
   outline: 2px solid var(--neutral-border-opaque-strong);
 }
-._textfield_ylsn9_1:has(:disabled) {
+._textfield_mmkqk_1:has(:disabled) {
   outline: 1px solid var(--neutral-border-opaque-subtle);
   cursor: not-allowed;
 }
-._textfield_ylsn9_1:has(:disabled) > ._label_ylsn9_34 {
+._textfield_mmkqk_1:has(:disabled) > ._label_mmkqk_35 {
   color: var(--neutral-label-tertiary);
   cursor: not-allowed;
 }
-._textfield_ylsn9_1._label-out-textfield_ylsn9_38 {
+._textfield_mmkqk_1._label-out-textfield_mmkqk_39 {
   height: 52px;
   margin-top: 24px;
 }
-._textfield_ylsn9_1._white_ylsn9_42 {
+._textfield_mmkqk_1._white_mmkqk_43 {
   background: var(--neutral-container-lowest);
 }
-._textfield_ylsn9_1._gray_ylsn9_45 {
+._textfield_mmkqk_1._gray_mmkqk_46 {
   background: var(--neutral-container-mid);
 }
-._label_ylsn9_34 {
+._label_mmkqk_35 {
   position: absolute;
   left: 0;
   top: 0;
   color: var(--neutral-label-secondary);
   cursor: text;
 }
-._label-in_ylsn9_57 {
+._label-in_mmkqk_58 {
   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_ylsn9_38 {
+._label-out_mmkqk_39 {
   transform: translateY(-150%);
 }
-._input-wrapper_ylsn9_67 {
+._input-wrapper_mmkqk_68 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1023,7 +1024,7 @@
   height: 100%;
   gap: var(--lp-sys-gap-positive-300);
 }
-._input_ylsn9_67 {
+._input_mmkqk_68 {
   background: transparent;
   border: none;
   outline: none;
@@ -1037,68 +1038,68 @@
   font-weight: var(--lp-pri-font-weight-400);
   line-height: 130%;
 }
-._input_ylsn9_67:focus + ._label-in_ylsn9_57,
-._input_ylsn9_67:not(:placeholder-shown) + ._label-in_ylsn9_57 {
+._input_mmkqk_68:focus + ._label-in_mmkqk_58,
+._input_mmkqk_68:not(:placeholder-shown) + ._label-in_mmkqk_58 {
   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_ylsn9_67::placeholder {
+._input_mmkqk_68::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_ylsn9_103 {
+._label-out-input_mmkqk_104 {
   transform: translateY(0);
 }
-._input-action-buttons_ylsn9_107 {
+._input-action-buttons_mmkqk_108 {
   display: flex;
   align-items: center;
   gap: var(--lp-sys-gap-positive-50);
 }
-._action-button_ylsn9_113 {
+._action-button_mmkqk_114 {
   margin-right: var(--lp-sys-padding-component-100);
 }
-._action-button_ylsn9_113 > svg > circle {
+._action-button_mmkqk_114 > svg > circle {
   fill: var(--neutral-label-secondary);
 }
-._error_ylsn9_120 {
+._error_mmkqk_121 {
   display: block;
   outline: 2px solid var(--function-label-negative);
 }
-._error_ylsn9_120 > ._input_ylsn9_67 + ._label_ylsn9_34 {
+._error_mmkqk_121 > ._input_mmkqk_68 + ._label_mmkqk_35 {
   color: var(--function-label-negative);
 }
-._error_ylsn9_120:hover {
+._error_mmkqk_121:hover {
   outline: 2px solid var(--function-label-negative);
 }
-._error_ylsn9_120:focus-within {
+._error_mmkqk_121:focus-within {
   outline: 2px solid var(--function-label-negative);
 }
-._error_ylsn9_120:focus-within > ._label_ylsn9_34 {
+._error_mmkqk_121:focus-within > ._label_mmkqk_35 {
   color: var(--function-label-negative);
 }
-._error_ylsn9_120 > div > ._error-message_ylsn9_136 {
+._error_mmkqk_121 > div > ._error-message_mmkqk_137 {
   color: var(--function-label-negative);
 }
-._error-wrapper_ylsn9_140 {
+._error-wrapper_mmkqk_141 {
   display: flex;
   align-items: flex-end;
   gap: 4px;
 }
-._error-wrapper_ylsn9_140 > ._error-message_ylsn9_136 {
+._error-wrapper_mmkqk_141 > ._error-message_mmkqk_137 {
   color: var(--function-label-negative);
 }
-._footer_ylsn9_149 {
+._footer_mmkqk_150 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 8px;
   min-height: var(--lp-sys-icon-size-xs);
 }
-._character_ylsn9_157 {
+._character_mmkqk_158 {
   color: var(--neutral-label-secondary);
 }
 
@@ -1190,7 +1191,7 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/Select/style.module.scss */
-@-webkit-keyframes _slide-up_1h1x0_1 {
+@-webkit-keyframes _slide-up_vs1zv_1 {
   0% {
     transform: translateY(3%);
     opacity: 0;
@@ -1200,7 +1201,7 @@
     opacity: 1;
   }
 }
-@keyframes _slide-up_1h1x0_1 {
+@keyframes _slide-up_vs1zv_1 {
   0% {
     transform: translateY(3%);
     opacity: 0;
@@ -1210,7 +1211,7 @@
     opacity: 1;
   }
 }
-@-webkit-keyframes _slide-down_1h1x0_1 {
+@-webkit-keyframes _slide-down_vs1zv_1 {
   0% {
     transform: translateY(0);
     opacity: 1;
@@ -1220,7 +1221,7 @@
     opacity: 0;
   }
 }
-@keyframes _slide-down_1h1x0_1 {
+@keyframes _slide-down_vs1zv_1 {
   0% {
     transform: translateY(0);
     opacity: 1;
@@ -1230,7 +1231,7 @@
     opacity: 0;
   }
 }
-@-webkit-keyframes _slide-in-right_1h1x0_1 {
+@-webkit-keyframes _slide-in-right_vs1zv_1 {
   0% {
     opacity: 0;
     -webkit-transform: translateX(1000px);
@@ -1242,7 +1243,7 @@
     transform: translateX(0);
   }
 }
-@keyframes _slide-in-right_1h1x0_1 {
+@keyframes _slide-in-right_vs1zv_1 {
   0% {
     opacity: 0;
     -webkit-transform: translateX(1000px);
@@ -1254,7 +1255,7 @@
     transform: translateX(0);
   }
 }
-@-webkit-keyframes _slide-out-right_1h1x0_1 {
+@-webkit-keyframes _slide-out-right_vs1zv_1 {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
@@ -1266,7 +1267,7 @@
     transform: translateX(1000px);
   }
 }
-@keyframes _slide-out-right_1h1x0_1 {
+@keyframes _slide-out-right_vs1zv_1 {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
@@ -1278,10 +1279,10 @@
     transform: translateX(1000px);
   }
 }
-._select-label_1h1x0_101 {
+._select-label_vs1zv_101 {
   padding-bottom: var(--lp-sys-padding-component-300);
 }
-._trigger_1h1x0_105 {
+._trigger_vs1zv_105 {
   display: flex;
   align-items: center;
   gap: var(--lp-sys-gap-positive-200);
@@ -1294,43 +1295,45 @@
   width: 100%;
   min-width: 0;
 }
-._trigger_1h1x0_105 > span:not([aria-hidden]) {
+._trigger_vs1zv_105 > span:not([aria-hidden]) {
   text-align: left;
   width: 100%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-._trigger_1h1x0_105 > span[aria-hidden] {
+._trigger_vs1zv_105 > span[aria-hidden] {
   flex: 0 1 0;
 }
-._trigger_1h1x0_105 > span > svg {
+._trigger_vs1zv_105 > span > svg {
   transition: transform 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
 }
-._trigger_1h1x0_105[data-state=open] {
+._trigger_vs1zv_105[data-state=open] {
   border-color: var(--neutral-border-opaque-strong);
 }
-._trigger_1h1x0_105[data-state=open] > span > svg {
+._trigger_vs1zv_105[data-state=open] > span > svg {
   transform: rotate(180deg);
 }
-._trigger_1h1x0_105[data-disabled] {
+._trigger_vs1zv_105[data-disabled] {
   pointer-events: none;
   background: var(--neutral-container-low);
   border-color: var(--neutral-border-overlay-normal);
-  color: var(--neutral-label-tertiary) !important;
 }
-._trigger_1h1x0_105[data-disabled] > span > svg > * {
+._trigger_vs1zv_105[data-disabled] > span > p {
+  color: var(--neutral-label-tertiary);
+}
+._trigger_vs1zv_105[data-disabled] > span > svg > * {
   fill: var(--neutral-label-tertiary);
 }
-._placeholder_1h1x0_147 {
+._placeholder_vs1zv_149 {
   width: 100%;
 }
-._openIcon_1h1x0_151 {
+._openIcon_vs1zv_153 {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-@keyframes _slide-up_1h1x0_1 {
+@keyframes _slide-up_vs1zv_1 {
   0% {
     transform: translateY(3%);
     opacity: 0;
@@ -1340,7 +1343,7 @@
     opacity: 1;
   }
 }
-._desktop-content_1h1x0_167 {
+._desktop-content_vs1zv_169 {
   box-sizing: border-box;
   transform: translateX(-0.5%);
   padding: var(--lp-sys-padding-component-200);
@@ -1351,45 +1354,45 @@
   width: var(--radix-select-trigger-width);
   z-index: 10;
 }
-._desktop-content_1h1x0_167[data-state=open] {
-  -webkit-animation: _slide-up_1h1x0_1 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
-  animation: _slide-up_1h1x0_1 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
+._desktop-content_vs1zv_169[data-state=open] {
+  -webkit-animation: _slide-up_vs1zv_1 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
+  animation: _slide-up_vs1zv_1 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
 }
 @media screen and (max-width: 600px) {
-  ._desktop-content_1h1x0_167._responsive_1h1x0_183 {
+  ._desktop-content_vs1zv_169._responsive_vs1zv_185 {
     display: none !important;
   }
 }
-._header_1h1x0_188 {
+._header_vs1zv_190 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: var(--lp-sys-gap-positive-200);
   padding-bottom: var(--lp-sys-padding-component-300);
 }
-._scrollAreaRoot_1h1x0_196 {
+._scrollAreaRoot_vs1zv_198 {
   width: 100%;
   height: 100%;
 }
-._scrollAreaViewport_1h1x0_201 {
+._scrollAreaViewport_vs1zv_203 {
   width: 100%;
   height: 100%;
   max-height: 290px;
   padding-bottom: var(--lp-sys-padding-component-150);
 }
-._scrollAreaScrollbar_1h1x0_208 {
+._scrollAreaScrollbar_vs1zv_210 {
   width: var(--lp-pri-size-4);
   padding: 5px 2px;
 }
-._scrollAreaThumb_1h1x0_213 {
+._scrollAreaThumb_vs1zv_215 {
   background: var(--neutral-fill-high);
   border-radius: var(--radius-xxl);
 }
-._desktop-label_1h1x0_218 {
+._desktop-label_vs1zv_220 {
   padding: var(--lp-sys-padding-component-200);
   padding-bottom: var(--lp-sys-padding-component-150);
 }
-._item_1h1x0_223 {
+._item_vs1zv_225 {
   display: flex;
   align-items: center;
   overflow: hidden;
@@ -1399,29 +1402,29 @@
   border-radius: var(--lp-sys-radius-s);
   padding: var(--lp-sys-padding-component-200);
 }
-._item_1h1x0_223:focus {
+._item_vs1zv_225:focus {
   background: var(--neutral-fill-lowest-hover);
   outline: none;
 }
-._item_1h1x0_223[data-state=checked] > span > p {
+._item_vs1zv_225[data-state=checked] > span > p {
   color: var(--brand-label-primary);
   font-weight: var(--lp-pri-font-weight-700);
 }
-._item_1h1x0_223[data-disabled] {
+._item_vs1zv_225[data-disabled] {
   pointer-events: none;
 }
-._item_1h1x0_223 > span:nth-child(1) {
+._item_vs1zv_225 > span:nth-child(1) {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   width: 100%;
 }
-._icon_1h1x0_251 {
+._icon_vs1zv_253 {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-._itemIndicator_1h1x0_257 {
+._itemIndicator_vs1zv_259 {
   display: flex;
   align-items: center;
   justify-content: center;