release: 0.0.

hoangdevnull · hoangdevnull · commit cbc527ea4d51 · 2024-06-20T16:25:03.000+07:00
diff --git a/apps/web/src/stories/autocomplete-field.stories.tsx b/apps/web/src/stories/autocomplete-field.stories.tsx
@@ -120,14 +120,7 @@ const options: AutocompleteProps['options'] = [
 const DefaultTemplate: StoryFn<AutocompleteProps & { showIcon?: boolean }> = ({ showIcon, ...args }) => {
   return (
     <EnhancedView prop="Default">
-      <div className="max-w-sm">
-        <Form.Autocomplete
-          {...args}
-          prefix={showIcon ? undefined : <></>}
-          placeholder="Placeholder"
-          options={options}
-        />
-      </div>
+      <Form.Autocomplete {...args} prefix={showIcon ? undefined : <></>} placeholder="Placeholder" options={options} />
     </EnhancedView>
   );
 };
diff --git a/apps/web/src/stories/autocomplete.stories.tsx b/apps/web/src/stories/autocomplete.stories.tsx
@@ -120,9 +120,7 @@ const options: AutocompleteProps['options'] = [
 const DefaultTemplate: StoryFn<AutocompleteProps & { showIcon: boolean }> = ({ showIcon, ...args }) => {
   return (
     <EnhancedView prop="Default">
-      <div className="max-w-sm">
-        <Autocomplete {...args} prefix={showIcon ? undefined : <></>} placeholder="Placeholder" options={options} />
-      </div>
+      <Autocomplete {...args} prefix={showIcon ? undefined : <></>} placeholder="Placeholder" options={options} />
     </EnhancedView>
   );
 };
diff --git a/apps/web/src/stories/button.stories.tsx b/apps/web/src/stories/button.stories.tsx
@@ -54,6 +54,9 @@ const meta: Meta = {
     freeHeight: {
       control: { type: 'boolean' },
     },
+    fullWidth: {
+      control: { type: 'boolean' },
+    },
   },
   parameters: {
     docs: {
diff --git a/apps/web/src/stories/input.stories.tsx b/apps/web/src/stories/input.stories.tsx
@@ -29,6 +29,9 @@ const meta: Meta = {
     disabled: {
       control: { type: 'boolean' },
     },
+    fullWidth: {
+      control: { type: 'boolean' },
+    },
   },
   parameters: {
     docs: {
diff --git a/apps/web/src/stories/text-field.stories.tsx b/apps/web/src/stories/text-field.stories.tsx
@@ -35,6 +35,9 @@ const meta: Meta = {
     disabled: {
       control: { type: 'boolean' },
     },
+    fullWidth: {
+      true: 'w-full',
+    },
   },
   args: {
     helperText: 'This is a hint text to help user.',
diff --git a/packages/icons/package.json b/packages/icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@var-meta/icons",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "sideEffects": [
     "*.svg"
   ],
diff --git a/packages/theme/package.json b/packages/theme/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@var-meta/theme",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "license": "MIT",
   "sideEffects": false,
   "exports": {
diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@var-meta/ui",
   "license": "MIT",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "sideEffects": [
     "**/*.css"
   ],
diff --git a/packages/ui/src/components/autocomplete/autocomplete.tsx b/packages/ui/src/components/autocomplete/autocomplete.tsx
@@ -31,6 +31,7 @@ const autocompleteVariants = tv({
   variants: {
     fullWidth: {
       true: 'w-full',
+      false: 'w-auto',
     },
   },
   defaultVariants: {
@@ -274,6 +275,7 @@ const AutocompleteComponent = <T extends boolean = false>(
                 <div className="flex items-center">
                   {clearable ? (
                     <button
+                      type="button"
                       onClick={handleClear}
                       className={cn(
                         'hover:bg-background-light hover:text-foreground-secondary text-foreground-secondary pointer-events-none invisible relative z-10 flex h-6 w-6 items-center justify-center rounded-full opacity-0 outline-none transition-all',
diff --git a/packages/ui/src/components/button/button-close.tsx b/packages/ui/src/components/button/button-close.tsx
@@ -31,7 +31,7 @@ export const ButtonClose = forwardRef<ElementRef<'button'>, ButtonCloseProps>((p
   const { className, size, ...etc } = props;
 
   return (
-    <button className={cn(buttonCloseVariants({ size, className }))} {...etc} ref={ref}>
+    <button type="button" className={cn(buttonCloseVariants({ size, className }))} {...etc} ref={ref}>
       <CloseIcon
         className={cn('h-5 w-5', {
           'h-6 w-6': size === 'lg',
diff --git a/packages/ui/src/components/button/button.styles.ts b/packages/ui/src/components/button/button.styles.ts
@@ -37,6 +37,7 @@ export const buttonVariants = tv({
     radius: radiusVariant,
     fullWidth: {
       true: 'w-full',
+      false: 'w-auto',
     },
     iconOnly: {
       true: 'aspect-square p-0',
diff --git a/packages/ui/src/components/button/button.tsx b/packages/ui/src/components/button/button.tsx
@@ -32,6 +32,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>((props, ref) =>
     startIcon,
     endIcon,
     freeHeight,
+    type = 'button',
     ...etc
   } = props;
 
diff --git a/packages/ui/src/components/calendar/calendar-button.tsx b/packages/ui/src/components/calendar/calendar-button.tsx
@@ -9,7 +9,7 @@ export interface CalendarButtonProps extends ElementProps<'button'> {
 
 const CalendarButton = ({ icon = <CalendarIcon />, ...props }: CalendarButtonProps) => {
   return (
-    <button className="flex items-center justify-center" {...props}>
+    <button className="flex items-center justify-center" type="button" {...props}>
       {icon}
     </button>
   );
diff --git a/packages/ui/src/components/command/command.tsx b/packages/ui/src/components/command/command.tsx
@@ -42,6 +42,7 @@ const commandInputVariant = tv({
   variants: {
     fullWidth: {
       true: 'w-full',
+      false: 'w-auto',
     },
   },
 });
diff --git a/packages/ui/src/components/input/input.tsx b/packages/ui/src/components/input/input.tsx
@@ -20,6 +20,7 @@ const inputVariants = tv({
     },
     fullWidth: {
       true: 'w-full',
+      false: 'w-auto',
     },
     size: {
       none: 'min-h-0',
diff --git a/packages/ui/src/components/layout/burger-menu.tsx b/packages/ui/src/components/layout/burger-menu.tsx
@@ -12,6 +12,7 @@ const BurgerMenu = forwardRef<ElementRef<'button'>, ElementProps<'button'>>(
     if (!isMobile) return null;
     return (
       <button
+        type="button"
         onClick={composeEventHandlers(toggleOpen, onClick)}
         className={cn('relative h-8 w-8', className)}
         {...props}
diff --git a/packages/ui/src/components/select/core-select.tsx b/packages/ui/src/components/select/core-select.tsx
@@ -44,6 +44,7 @@ export const selectTriggerVariants = tv({
     radius: radiusVariant,
     fullWidth: {
       true: 'w-full',
+      false: 'w-auto',
     },
   },
   defaultVariants: {
diff --git a/packages/ui/src/components/stepper/stepper-item.tsx b/packages/ui/src/components/stepper/stepper-item.tsx
@@ -198,6 +198,7 @@ export const StepperItem = React.forwardRef<ElementRef<'div'>, StepperItemProps>
     >
       <div className={cn('flex flex-1 items-center', centeredLabel ? 'flex-col gap-3' : 'gap-4')}>
         <button
+          type="button"
           aria-current={isCurrentStep ? 'step' : undefined}
           data-invalid={isCurrentStep && isError}
           data-complete={isCompletedStep}
diff --git a/packages/ui/src/components/tag/tag.tsx b/packages/ui/src/components/tag/tag.tsx
@@ -114,7 +114,7 @@ const Tag = React.forwardRef<React.ElementRef<'div'>, TagProps>((props: TagProps
         </Show>
       </div>
       <Show when={withCloseIcon}>
-        <button onClick={onClose}>
+        <button type="button" onClick={onClose}>
           {typeof closeIcon === 'boolean' ? <CloseIcon className="h-5 w-5 text-gray-400" /> : closeIcon}
         </button>
       </Show>
diff --git a/packages/ui/src/components/textarea/textarea.tsx b/packages/ui/src/components/textarea/textarea.tsx
@@ -23,6 +23,7 @@ const textareaVariants = tv({
     },
     fullWidth: {
       true: 'w-full',
+      false: 'w-auto',
     },
   },
   defaultVariants: {
@@ -39,7 +40,7 @@ export interface TextareaProps
 const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
   ({ variant, rows = 6, className, fullWidth, ...props }, ref) => {
     return (
-      <textarea className={textareaVariants({ variant, className, fullWidth })} rows={rows} ref={ref} {...props} />
+      <textarea className={textareaVariants({ variant, fullWidth, className })} rows={rows} ref={ref} {...props} />
     );
   }
 );

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@var-meta/icons",`
`3`		`- "version": "0.0.6",`
	`3`	`+ "version": "0.0.7",`
`4`	`4`	`"sideEffects": [`
`5`	`5`	`"*.svg"`
`6`	`6`	`],`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@var-meta/theme",`
`3`		`- "version": "0.0.6",`
	`3`	`+ "version": "0.0.7",`
`4`	`4`	`"license": "MIT",`
`5`	`5`	`"sideEffects": false,`
`6`	`6`	`"exports": {`
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@var-meta/ui",`
`3`	`3`	`"license": "MIT",`
`4`		`- "version": "0.0.6",`
	`4`	`+ "version": "0.0.7",`
`5`	`5`	`"sideEffects": [`
`6`	`6`	`"*/.css"`
`7`	`7`	`],`