@bitrix24/b24ui-nuxt 0.5.7 → 0.5.9

package/.nuxt/b24ui/radio-group.ts

@@ -9,11 +9,23 @@ const color = [
   "ai"
 ] as const
 
+const variant = [
+  "list",
+  "card",
+  "table"
+] as const
+
 const orientation = [
   "horizontal",
   "vertical"
 ] as const
 
+const indicator = [
+  "start",
+  "end",
+  "hidden"
+] as const
+
 const size = [
   "xs",
   "sm",
@@ -28,9 +40,9 @@ export default {
     "legend": "mb-1.5 block text-base-900 dark:text-base-400",
     "item": "flex items-start",
     "base": "cursor-pointer rounded-full ring ring-inset ring-base-300 dark:ring-base-700 outline-transparent focus-visible:outline-2 focus-visible:outline-offset-2",
-    "indicator": " flex items-center justify-center size-full rounded-full after:bg-white dark:after:bg-base-dark after:rounded-full",
+    "indicator": " flex items-center justify-center size-full rounded-full after:bg-white dark:after:bg-base-dark after:rounded-full" as typeof indicator[number],
     "container": "flex items-center",
-    "wrapper": "font-b24-primary font-regular ms-2",
+    "wrapper": "font-b24-primary font-regular w-full",
     "label": "cursor-pointer block text-base-master dark:text-base-400",
     "description": "text-base-500 dark:text-base-600"
   },
@@ -38,35 +50,44 @@ export default {
     "color": {
       "default": {
         "base": "focus-visible:outline-base-900 dark:focus-visible:outline-base-900",
-        "indicator": "bg-base-900 dark:bg-base-350"
+        "indicator": "bg-base-900 dark:bg-base-350" as typeof indicator[number]
       },
       "danger": {
         "base": "focus-visible:outline-red-500 dark:focus-visible:outline-red-600",
-        "indicator": "bg-red-500 dark:bg-red-600"
+        "indicator": "bg-red-500 dark:bg-red-600" as typeof indicator[number]
       },
       "success": {
         "base": "focus-visible:outline-green-500 dark:focus-visible:outline-green-600",
-        "indicator": "bg-green-500 dark:bg-green-600"
+        "indicator": "bg-green-500 dark:bg-green-600" as typeof indicator[number]
       },
       "warning": {
         "base": "focus-visible:outline-orange-500 dark:focus-visible:outline-orange-600",
-        "indicator": "bg-orange-500 dark:bg-orange-600"
+        "indicator": "bg-orange-500 dark:bg-orange-600" as typeof indicator[number]
       },
       "primary": {
         "base": "focus-visible:outline-blue-500 dark:focus-visible:outline-blue-600",
-        "indicator": "bg-blue-500 dark:bg-blue-600"
+        "indicator": "bg-blue-500 dark:bg-blue-600" as typeof indicator[number]
       },
       "secondary": {
         "base": "focus-visible:outline-cyan-350 dark:focus-visible:outline-cyan-500",
-        "indicator": "bg-cyan-350 dark:bg-cyan-500"
+        "indicator": "bg-cyan-350 dark:bg-cyan-500" as typeof indicator[number]
       },
       "collab": {
         "base": "focus-visible:outline-collab-500 dark:focus-visible:outline-collab-600",
-        "indicator": "bg-collab-500 dark:bg-collab-600"
+        "indicator": "bg-collab-500 dark:bg-collab-600" as typeof indicator[number]
       },
       "ai": {
         "base": "focus-visible:outline-ai-500 dark:focus-visible:outline-ai-600",
-        "indicator": "bg-ai-500 dark:bg-ai-600"
+        "indicator": "bg-ai-500 dark:bg-ai-600" as typeof indicator[number]
+      }
+    },
+    "variant": {
+      "list": {},
+      "card": {
+        "item": "items-center border border-base-200 dark:border-base-700 rounded-lg"
+      },
+      "table": {
+        "item": "border border-base-200 dark:border-base-900"
       }
     },
     "orientation": {
@@ -78,6 +99,20 @@ export default {
         "fieldset": "flex-col"
       }
     },
+    "indicator": {
+      "start": {
+        "item": "flex-row",
+        "base": "me-2"
+      },
+      "end": {
+        "item": "flex-row-reverse",
+        "base": "ms-2"
+      },
+      "hidden": {
+        "base": "sr-only",
+        "wrapper": "text-center"
+      }
+    },
     "size": {
       "xs": {
         "fieldset": "gap-1",
@@ -86,7 +121,7 @@ export default {
         "item": "text-xs",
         "label": "leading-4",
         "container": "h-4",
-        "indicator": "after:size-1"
+        "indicator": "after:size-1" as typeof indicator[number]
       },
       "sm": {
         "fieldset": "gap-1.5",
@@ -95,7 +130,7 @@ export default {
         "item": "text-sm",
         "label": "leading-4",
         "container": "h-4",
-        "indicator": "after:size-1"
+        "indicator": "after:size-1" as typeof indicator[number]
       },
       "md": {
         "fieldset": "gap-1",
@@ -104,7 +139,7 @@ export default {
         "item": "text-md",
         "label": "leading-5",
         "container": "h-5",
-        "indicator": "after:size-1.5"
+        "indicator": "after:size-1.5" as typeof indicator[number]
       },
       "lg": {
         "fieldset": "gap-1.5",
@@ -113,7 +148,7 @@ export default {
         "item": "text-xl",
         "label": "leading-5",
         "container": "h-5",
-        "indicator": "after:size-2"
+        "indicator": "after:size-2" as typeof indicator[number]
       }
     },
     "disabled": {
@@ -128,8 +163,181 @@ export default {
       }
     }
   },
+  "compoundVariants": [
+    {
+      "size": "xs" as typeof size[number],
+      "variant": [
+        "card" as typeof variant[number],
+        "table" as typeof variant[number]
+      ],
+      "class": {
+        "item": "p-2.5"
+      }
+    },
+    {
+      "size": "sm" as typeof size[number],
+      "variant": [
+        "card" as typeof variant[number],
+        "table" as typeof variant[number]
+      ],
+      "class": {
+        "item": "p-3"
+      }
+    },
+    {
+      "size": "md" as typeof size[number],
+      "variant": [
+        "card" as typeof variant[number],
+        "table" as typeof variant[number]
+      ],
+      "class": {
+        "item": "p-3.5"
+      }
+    },
+    {
+      "size": "lg" as typeof size[number],
+      "variant": [
+        "card" as typeof variant[number],
+        "table" as typeof variant[number]
+      ],
+      "class": {
+        "item": "p-4"
+      }
+    },
+    {
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "first-of-type:rounded-l-lg last-of-type:rounded-r-lg",
+        "fieldset": "gap-0 -space-x-px"
+      }
+    },
+    {
+      "orientation": "vertical" as typeof orientation[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "first-of-type:rounded-t-lg last-of-type:rounded-b-lg",
+        "fieldset": "gap-0 -space-y-px"
+      }
+    },
+    {
+      "color": "default" as typeof color[number],
+      "variant": "card" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:border-base-900 dark:has-data-[state=checked]:border-base-350"
+      }
+    },
+    {
+      "color": "danger" as typeof color[number],
+      "variant": "card" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:border-red-500 dark:has-data-[state=checked]:border-red-600"
+      }
+    },
+    {
+      "color": "success" as typeof color[number],
+      "variant": "card" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:border-green-500 dark:has-data-[state=checked]:border-green-600"
+      }
+    },
+    {
+      "color": "warning" as typeof color[number],
+      "variant": "card" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:border-orange-500 dark:has-data-[state=checked]:border-orange-600"
+      }
+    },
+    {
+      "color": "primary" as typeof color[number],
+      "variant": "card" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:border-blue-500 dark:has-data-[state=checked]:border-blue-600"
+      }
+    },
+    {
+      "color": "secondary" as typeof color[number],
+      "variant": "card" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:border-cyan-500 dark:has-data-[state=checked]:border-cyan-600"
+      }
+    },
+    {
+      "color": "collab" as typeof color[number],
+      "variant": "card" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:border-collab-500 dark:has-data-[state=checked]:border-collab-600"
+      }
+    },
+    {
+      "color": "ai" as typeof color[number],
+      "variant": "card" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:border-ai-500 dark:has-data-[state=checked]:border-ai-600"
+      }
+    },
+    {
+      "color": "default" as typeof color[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:bg-base-100 dark:has-data-[state=checked]:bg-base-900 has-data-[state=checked]:border-base-900/25 dark:has-data-[state=checked]:border-base-700/25 has-data-[state=checked]:z-[1]"
+      }
+    },
+    {
+      "color": "danger" as typeof color[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:bg-red-500/24 dark:has-data-[state=checked]:bg-red-600/24 has-data-[state=checked]:border-red-500 dark:has-data-[state=checked]:border-red-600 has-data-[state=checked]:z-[1]"
+      }
+    },
+    {
+      "color": "success" as typeof color[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:bg-green-500/24 dark:has-data-[state=checked]:bg-green-600/24 has-data-[state=checked]:border-green-500 dark:has-data-[state=checked]:border-green-600 has-data-[state=checked]:z-[1]"
+      }
+    },
+    {
+      "color": "warning" as typeof color[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:bg-orange-500/24 dark:has-data-[state=checked]:bg-orange-600/24 has-data-[state=checked]:border-orange-500 dark:has-data-[state=checked]:border-orange-600 has-data-[state=checked]:z-[1]"
+      }
+    },
+    {
+      "color": "primary" as typeof color[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:bg-blue-500/24 dark:has-data-[state=checked]:bg-blue-600/24 has-data-[state=checked]:border-blue-500 dark:has-data-[state=checked]:border-blue-600 has-data-[state=checked]:z-[1]"
+      }
+    },
+    {
+      "color": "secondary" as typeof color[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:bg-cyan-500/24 dark:has-data-[state=checked]:bg-cyan-600/24 has-data-[state=checked]:border-cyan-500 dark:has-data-[state=checked]:border-cyan-600 has-data-[state=checked]:z-[1]"
+      }
+    },
+    {
+      "color": "collab" as typeof color[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:bg-collab-500/24 dark:has-data-[state=checked]:bg-collab-600/24 has-data-[state=checked]:border-collab-500 dark:has-data-[state=checked]:border-collab-600 has-data-[state=checked]:z-[1]"
+      }
+    },
+    {
+      "color": "ai" as typeof color[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:bg-ai-500/24 dark:has-data-[state=checked]:bg-ai-600/24 has-data-[state=checked]:border-ai-500 dark:has-data-[state=checked]:border-ai-600 has-data-[state=checked]:z-[1]"
+      }
+    }
+  ],
   "defaultVariants": {
     "size": "md" as typeof size[number],
-    "color": "primary" as typeof color[number]
+    "color": "primary" as typeof color[number],
+    "variant": "list" as typeof variant[number],
+    "orientation": "vertical" as typeof orientation[number],
+    "indicator": "start" as typeof indicator[number]
   }
 }

package/.nuxt/b24ui/textarea.ts

@@ -29,6 +29,12 @@ export default {
   "slots": {
     "root": "isolate relative inline-flex items-center w-full",
     "base": "w-full px-3 py-1.5 border-0 focus:outline-none disabled:cursor-not-allowed disabled:bg-base-30/37 disabled:resize-none disabled:text-base-500 dark:disabled:bg-base-900/37 dark:disabled:text-base-800 appearance-none transition duration-300 ease-linear ring ring-inset ring-base-300 dark:ring-base-800 text-base-master bg-white placeholder:text-base-400 hover:text-base-900 focus:text-base-900 active:text-base-900 dark:text-base-150 dark:bg-transparent dark:placeholder:text-base-300 dark:hover:text-base-350 dark:focus:text-base-350 dark:active:text-base-350 font-b24-primary font-regular text-md leading-normal align-middle",
+    "leading": "absolute start-0 flex items-start inset-y-1.5 px-1.5",
+    "leadingIcon": "shrink-0 text-base-400 inset-y-1.5 size-lg2",
+    "leadingAvatar": "shrink-0",
+    "leadingAvatarSize": "xs",
+    "trailing": "absolute end-0 flex items-start inset-y-1.5 px-1.5",
+    "trailingIcon": "shrink-0 text-base-400 size-lg2",
     "tag": "pointer-events-none select-none absolute z-10 -top-1.5 right-3 h-sm px-1.5 flex flex-col justify-center items-center font-b24-primary font-bold text-6xs leading-none uppercase rounded-full"
   },
   "variants": {
@@ -45,6 +51,11 @@ export default {
     "noSplit": {
       "false": "group-not-only:not-first:after:content-[''] group-not-only:not-first:after:absolute group-not-only:not-first:after:top-[7px] group-not-only:not-first:after:bottom-[6px] group-not-only:not-first:after:left-0 group-not-only:not-first:after:w-px group-not-only:not-first:after:bg-current/30"
     },
+    "autoresize": {
+      "true": {
+        "base": "resize-none"
+      }
+    },
     "color": {
       "default": "",
       "danger": "",
@@ -96,6 +107,15 @@ export default {
     "underline": {
       "true": "ring-0 focus-visible:ring-0 border-b border-b-base-300 rounded-none"
     },
+    "leading": {
+      "true": ""
+    },
+    "trailing": {
+      "true": ""
+    },
+    "loading": {
+      "true": ""
+    },
     "highlight": {
       "true": ""
     }
@@ -308,6 +328,29 @@ export default {
       "noBorder": false,
       "underline": true,
       "class": "border-b-ai-500 dark:border-b-ai-600"
+    },
+    {
+      "leading": true,
+      "class": "ps-8"
+    },
+    {
+      "trailing": true,
+      "class": "pe-8"
+    },
+    {
+      "loading": true,
+      "leading": true,
+      "class": {
+        "leadingIcon": "size-[21px]"
+      }
+    },
+    {
+      "loading": true,
+      "leading": false,
+      "trailing": true,
+      "class": {
+        "trailingIcon": "size-[21px]"
+      }
     }
   ],
   "defaultVariants": {