ingred-ui 23.3.1 → 23.3.2

package/dist/components/Input/Input.d.ts

@@ -40,6 +40,10 @@ export type InputProps = (React.ComponentPropsWithoutRef<"input"> | React.Compon
      * エラーメッセージ（アクセシビリティ用）
      */
     errorMessage?: string;
+    /**
+     * 幅を明示的に指定
+     */
+    width?: string | number;
 };
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
 export default Input;

package/dist/components/Input/Input.stories.d.ts

@@ -20,4 +20,5 @@ export declare const Example: StoryObj<InputProps>;
 export declare const Sizes: StoryObj<InputProps>;
 export declare const Variants: StoryObj<InputProps>;
 export declare const FullWidth: StoryObj<InputProps>;
+export declare const WithWidth: StoryObj<InputProps>;
 export declare const Textarea: StoryObj<InputProps>;

package/dist/index.es.js

@@ -3105,7 +3105,7 @@ var ha=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
     background-color: ${({theme:e})=>e.palette.gray.light};
     cursor: not-allowed;
   }
-`,zy=e.forwardRef((function(t,n){var{error:r=!1,multiline:i=!1,resize:a="both",size:o="medium",variant:l="light",fullWidth:s=!1,errorMessage:c,onFocus:d,onBlur:u}=t,p=M(t,["error","multiline","resize","size","variant","fullWidth","errorMessage","onFocus","onBlur"]);const[m,g]=e.useState(!1),h=i?"textarea":"input",f=e.useCallback((e=>{e.currentTarget.blur()}),[]),b=e.useCallback((()=>{g(!0)}),[]),v=e.useCallback((()=>{g(!1)}),[]),x=r?Object.assign({"aria-invalid":!0},c&&{"aria-errormessage":c}):{};return e.createElement(Ry,Object.assign({},p,x,{ref:n,as:h,$error:r,$isFocused:m,resize:a,$size:o,$variant:l,$fullWidth:s,onFocus:d?wr(b,d):b,onBlur:u?wr(v,u):v,onWheel:wr("number"===p.type?f:null,p.onWheel)}))})),Ty=w`
+`,zy=e.forwardRef((function(t,n){var{error:r=!1,multiline:i=!1,resize:a="both",size:o="medium",variant:l="light",fullWidth:s=!1,errorMessage:c,onFocus:d,onBlur:u}=t,p=M(t,["error","multiline","resize","size","variant","fullWidth","errorMessage","onFocus","onBlur"]);const[m,g]=e.useState(!1),h=i?"textarea":"input",f=e.useCallback((e=>{e.currentTarget.blur()}),[]),b=e.useCallback((()=>{g(!0)}),[]),v=e.useCallback((()=>{g(!1)}),[]),x=r?Object.assign({"aria-invalid":!0},c&&{"aria-errormessage":c}):{};return e.createElement(Ry,Object.assign({},p,x,{ref:n,as:h,$error:r,$isFocused:m,resize:a,$size:o,$variant:l,$fullWidth:s,onFocus:d?wr(b,d):b,onBlur:u?wr(v,u):v,onWheel:wr(!i&&"type"in p&&"number"===p.type?f:null,"onWheel"in p?p.onWheel:void 0)}))})),Ty=w`
   0% {
     right: 100%;
     left: -35%;