@revojs/ui 0.2.55 → 0.2.57

package/dist/components/button.d.ts

@@ -1,6 +1,6 @@
 import type { IconComponent } from "./icon";
 export type ButtonType = "button" | "submit";
-export type ButtonSize = "default" | "icon" | "sm" | "xs";
+export type ButtonSize = "md" | "sm" | "xs";
 export type ButtonFont = "normal" | "medium" | "semibold";
 export type ButtonLayout = "left" | "center" | "right";
 export type ButtonText = "sm" | "md";

package/dist/components/select.d.ts

@@ -1,7 +1,7 @@
 export type SelectValue = string | number;
 export type SelectValueState = "placeholder" | "selected";
 export type SelectText = "sm" | "md";
-export type SelectSize = "default" | "sm" | "xs";
+export type SelectSize = "md" | "sm" | "xs";
 export type SelectVariant = "default" | "ghost";
 export type SelectPlacement = "bottom" | "top";
 export type SelectWidth = "full" | "fit";

package/dist/components/stack.d.ts

@@ -1,5 +1,5 @@
 export type StackDirection = "vertical" | "horizontal";
-export type StackGap = "0" | "1" | "3" | "5" | "7";
+export type StackGap = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8";
 export type StackAlign = "start" | "center" | "end" | "stretch";
 export type StackJustify = "start" | "center" | "end" | "between";
 export interface StackProps {

package/dist/components/tabs.d.ts

@@ -1,6 +1,6 @@
 import type { IconComponent } from "./icon";
 export type TabsValue = string | number;
-export type TabsSize = "default" | "xs";
+export type TabsSize = "md" | "xs";
 export interface TabsItem<Value extends TabsValue = TabsValue> {
     value: Value;
     label: string;

package/dist/components/toggle-group.d.ts

@@ -1,6 +1,6 @@
 import type { IconComponent } from "./icon";
 export type ToggleGroupValue = string | number;
-export type ToggleGroupSize = "default" | "xs";
+export type ToggleGroupSize = "md" | "xs";
 export interface ToggleGroupItem<Value extends ToggleGroupValue = ToggleGroupValue> {
     value: Value;
     label?: string;

package/dist/vue/components/button.vue

@@ -45,7 +45,7 @@ const {
     label,
     font = "semibold",
     layout = "center",
-    size = "default",
+    size = "md",
     text = "sm",
     variant = "primary",
     disabled = false,
@@ -89,8 +89,7 @@ const labelLayouts: Record<ButtonLayout, string> = {
 };
 
 const sizes: Record<ButtonSize, string> = {
-    default: "p-3",
-    icon: "p-3",
+    md: "p-3",
     sm: "p-2",
     xs: "p-1",
 };
@@ -113,8 +112,7 @@ const iconSize: Record<ButtonText, number> = {
 const variants: Record<ButtonVariant, string> = {
     primary: "bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active",
     secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-hover active:bg-secondary-active",
-    outline:
-        "bg-secondary text-secondary-foreground ring-1 ring-border ring-inset hover:bg-secondary-hover active:bg-secondary-active",
+    outline: "bg-transparent text-foreground ring-1 ring-border ring-inset hover:bg-ghost-hover active:bg-ghost-active",
     ghost: "bg-transparent text-foreground hover:bg-ghost-hover active:bg-ghost-active",
     destructive: "bg-destructive text-destructive-foreground hover:bg-destructive-hover active:bg-destructive-active",
 };

package/dist/vue/components/collection.vue

@@ -44,8 +44,12 @@ const columnsClass: Record<CollectionColumns, string> = {
 const gaps: Record<StackGap, string> = {
     "0": "gap-0",
     "1": "gap-1",
+    "2": "gap-2",
     "3": "gap-3",
+    "4": "gap-4",
     "5": "gap-5",
+    "6": "gap-6",
     "7": "gap-7",
+    "8": "gap-8",
 };
 </script>

package/dist/vue/components/counter.vue

@@ -4,7 +4,7 @@
 
         <div class="relative grid grid-cols-[auto_minmax(0,1fr)_auto] items-center overflow-hidden rounded-ui">
             <Button
-                size="icon"
+                size="md"
                 variant="ghost"
                 :icon-prefix="MinusIcon"
                 :disabled="disabled || modelValue <= min"
@@ -15,7 +15,7 @@
             <output class="px-1 text-center tabular-nums">{{ modelValue }}</output>
 
             <Button
-                size="icon"
+                size="md"
                 variant="ghost"
                 :icon-prefix="AddIcon"
                 :disabled="disabled || modelValue >= max"

package/dist/vue/components/dialog.vue

@@ -27,7 +27,7 @@
                 <slot name="actions" />
 
                 <Button
-                    size="icon"
+                    size="md"
                     variant="ghost"
                     :icon-prefix="CloseIcon"
                     :aria-label="closeLabel"

package/dist/vue/components/menu-item.vue

@@ -9,7 +9,7 @@
         variant="ghost"
         :icon-prefix="iconPrefix"
         :icon-suffix="iconSuffix"
-        :size="size ?? menuSize ?? 'default'"
+        :size="size ?? menuSize ?? 'md'"
         :disabled="disabled"
         class="w-full"
         :class="variants[variant]"

package/dist/vue/components/menu.vue

@@ -39,7 +39,7 @@ const {
     triggerClass,
     triggerLayout = "center",
     triggerVariant = "ghost",
-    triggerSize = "default",
+    triggerSize = "md",
     itemSize = undefined,
     contentClass,
     contentPadding = "1",
@@ -152,7 +152,7 @@ watch(isOpen, async (value) => {
 
 provide(
     menuSizeKey,
-    computed(() => itemSize ?? (triggerSize === "icon" ? "default" : triggerSize)),
+    computed(() => itemSize ?? triggerSize),
 );
 
 provide(menuCloseKey, async () => {

package/dist/vue/components/navigate.vue

@@ -17,5 +17,5 @@
 import type { NavigateProps } from "../../components/navigate";
 import Button from "./button.vue";
 
-const { href, label, iconPrefix, iconSuffix, active = false, size = "default" } = defineProps<NavigateProps>();
+const { href, label, iconPrefix, iconSuffix, active = false, size = "md" } = defineProps<NavigateProps>();
 </script>

package/dist/vue/components/popover.vue

@@ -56,7 +56,7 @@ const {
     triggerClass,
     triggerLayout = "center",
     triggerVariant = "outline",
-    triggerSize = "default",
+    triggerSize = "md",
     contentClass,
     contentPadding = "1",
     contentGap = "1",

package/dist/vue/components/rating.vue

@@ -7,7 +7,7 @@
                 v-for="value in max"
                 :key="value"
                 :class="variants[state(value)]"
-                size="icon"
+                size="md"
                 variant="ghost"
                 role="radio"
                 :aria-checked="value === modelValue"

package/dist/vue/components/select.vue

@@ -184,7 +184,7 @@ const {
     options,
     label,
     text = "sm",
-    size = "default",
+    size = "md",
     variant = "default",
     placement = "bottom",
     width = "full",
@@ -233,7 +233,7 @@ const controlTexts: Record<SelectText, string> = {
 };
 
 const sizes: Record<SelectSize, string> = {
-    default: "p-3",
+    md: "p-3",
     sm: "p-2",
     xs: "p-1",
 };

package/dist/vue/components/sheet.vue

@@ -24,7 +24,7 @@
                 <slot name="actions" />
 
                 <Button
-                    size="icon"
+                    size="md"
                     variant="ghost"
                     :icon-prefix="CloseIcon"
                     :aria-label="closeLabel"

package/dist/vue/components/stack.vue

@@ -41,17 +41,25 @@ const directions: Record<StackDirection, string> = {
 const gaps: Record<StackGap, string> = {
     "0": "gap-0",
     "1": "gap-1",
+    "2": "gap-2",
     "3": "gap-3",
+    "4": "gap-4",
     "5": "gap-5",
+    "6": "gap-6",
     "7": "gap-7",
+    "8": "gap-8",
 };
 
 const paddings: Record<StackGap, string> = {
     "0": "p-0",
     "1": "p-1",
+    "2": "p-2",
     "3": "p-3",
+    "4": "p-4",
     "5": "p-5",
+    "6": "p-6",
     "7": "p-7",
+    "8": "p-8",
 };
 
 const aligns: Record<StackAlign, string> = {

package/dist/vue/components/tabs.vue

@@ -46,7 +46,7 @@ import type { TabsProps, TabsValue } from "../../components/tabs";
 import Button from "./button.vue";
 import Stack from "./stack.vue";
 
-const { modelValue, items, label, size = "default" } = defineProps<TabsProps<Value>>();
+const { modelValue, items, label, size = "md" } = defineProps<TabsProps<Value>>();
 
 const emit = defineEmits<{
     "update:modelValue": [value: Value];

package/dist/vue/components/toggle-group.vue

@@ -24,7 +24,7 @@ import type { ToggleGroupProps, ToggleGroupValue } from "../../components/toggle
 import Button from "./button.vue";
 import Stack from "./stack.vue";
 
-const { modelValue, items, label, size = "default", wrap = true } = defineProps<ToggleGroupProps<Value>>();
+const { modelValue, items, label, size = "md", wrap = true } = defineProps<ToggleGroupProps<Value>>();
 
 const emit = defineEmits<{
     "update:modelValue": [value: Value];

package/dist/vue/components/upload.vue

@@ -22,7 +22,7 @@
                     </span>
 
                     <Button
-                        size="icon"
+                        size="md"
                         variant="secondary"
                         :text="text"
                         :icon-prefix="CloseIcon"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@revojs/ui",
-    "version": "0.2.55",
+    "version": "0.2.57",
     "license": "MIT",
     "repository": {
         "type": "git",