@bitrix24/b24ui-nuxt 0.4.1 → 0.4.3

package/.nuxt/b24ui/button.ts

@@ -132,6 +132,14 @@ export default {
     "normalCase": {
       "true": "font-semibold normal-case",
       "false": "font-bold uppercase"
+    },
+    "active": {
+      "true": {
+        "base": ""
+      },
+      "false": {
+        "base": ""
+      }
     }
   },
   "compoundVariants": [

package/.nuxt/b24ui/modal.ts

@@ -1,6 +1,12 @@
+const overlayBlur = [
+  "auto",
+  "on",
+  "off"
+] as const
+
 export default {
   "slots": {
-    "overlay": "fixed inset-0 bg-base-950/20 dark:bg-base-950/30 backdrop-blur-sm",
+    "overlay": "fixed inset-0 bg-base-950/20 dark:bg-base-950/30",
     "content": "py-md2 px-5 fixed bg-white dark:bg-base-950 flex flex-col focus:outline-none",
     "header": "flex items-center gap-1.5 pe-5 pt-0",
     "wrapper": "min-h-lg2",
@@ -11,10 +17,21 @@ export default {
     "close": "absolute top-2 end-1.5 p-0.5"
   },
   "variants": {
+    "overlayBlur": {
+      "auto": {
+        "overlay": "motion-safe:backdrop-blur-sm"
+      },
+      "on": {
+        "overlay": "backdrop-blur-sm"
+      },
+      "off": {
+        "overlay": ""
+      }
+    },
     "transition": {
       "true": {
-        "overlay": "data-[state=open]:animate-[fade-in_200ms_ease-out] data-[state=closed]:animate-[fade-out_200ms_ease-in]",
-        "content": "data-[state=open]:animate-[scale-in_200ms_ease-out] data-[state=closed]:animate-[scale-out_200ms_ease-in]"
+        "overlay": "motion-safe:data-[state=open]:animate-[fade-in_200ms_ease-out] motion-safe:data-[state=closed]:animate-[fade-out_200ms_ease-in]",
+        "content": "motion-safe:data-[state=open]:animate-[scale-in_200ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_200ms_ease-in]"
       }
     },
     "fullscreen": {
@@ -32,6 +49,7 @@ export default {
     }
   },
   "defaultVariants": {
-    "scrollbarThin": true
+    "scrollbarThin": true,
+    "overlayBlur": "auto" as typeof overlayBlur[number]
   }
 }

package/.nuxt/b24ui/prose/a.ts

@@ -0,0 +1,5 @@
+export default {
+  "slots": {
+    "base": "cursor-pointer text-blue-700 dark:text-blue-300 hover:underline underline-offset-2 focus-visible:outline-info-text transition-colors [&>code]:transition-colors [&>code]:ring-dashed hover:[&>code]:text-blue-700 hover:[&>code]:bg-blue-250 hover:[&>code]:ring-blue-250 dark:hover:[&>code]:text-blue-700 dark:hover:[&>code]:bg-blue-250 dark:hover:[&>code]:ring-blue-250"
+  }
+}

package/.nuxt/b24ui/prose/blockquote.ts

@@ -0,0 +1,5 @@
+export default {
+  "slots": {
+    "base": "mb-2 border-s-4 border-blue-500 dark:border-blue-600 ps-4 italic"
+  }
+}

package/.nuxt/b24ui/prose/code.ts

@@ -0,0 +1,31 @@
+const color = [
+  "default",
+  "danger",
+  "success",
+  "warning",
+  "primary",
+  "secondary",
+  "collab",
+  "ai"
+] as const
+
+export default {
+  "slots": {
+    "base": "px-1.5 py-0.5 font-b24-system-mono font-medium text-sm leading-normal rounded-md inline-block"
+  },
+  "variants": {
+    "color": {
+      "default": "ring ring-inset text-base-800 bg-base-150 ring-base-300 dark:text-base-950 dark:bg-base-200 dark:ring-base-800",
+      "danger": "ring ring-inset text-red-800 bg-red-250 ring-red-250 dark:text-red-800 dark:bg-red-350 dark:ring-red-350",
+      "success": "ring ring-inset text-green-800 bg-green-300 ring-green-300 dark:text-green-800 dark:bg-green-330 dark:ring-green-330",
+      "warning": "ring ring-inset text-orange-800 bg-orange-300 ring-orange-300 dark:text-orange-800 dark:bg-orange-400 dark:ring-orange-400",
+      "primary": "ring ring-inset text-blue-700 bg-blue-250 ring-blue-250 dark:text-blue-700 dark:bg-blue-300 dark:ring-blue-300",
+      "secondary": "ring ring-inset text-white bg-cyan-350 ring-cyan-350 dark:text-cyan-100 dark:bg-cyan-400 dark:ring-cyan-400",
+      "collab": "ring ring-inset text-collab-800 bg-collab-300 ring-collab-300 dark:text-collab-800 dark:bg-collab-300 dark:ring-collab-300",
+      "ai": "ring ring-inset text-ai-500 bg-ai-150 ring-ai-150 dark:text-ai-600 dark:bg-ai-200 dark:ring-ai-200"
+    }
+  },
+  "defaultVariants": {
+    "color": "default" as typeof color[number]
+  }
+}

package/.nuxt/b24ui/prose/em.ts

@@ -0,0 +1,5 @@
+export default {
+  "slots": {
+    "base": ""
+  }
+}

package/.nuxt/b24ui/prose/h1.ts

@@ -0,0 +1,6 @@
+export default {
+  "slots": {
+    "base": "mb-2 text-base-master dark:text-base-150 scroll-mt-[calc(45px+var(--b24ui-header-height))] lg:scroll-mt-(--b24ui-header-height) text-h1",
+    "link": "inline-flex items-center gap-2"
+  }
+}

package/.nuxt/b24ui/prose/{prose-h2.ts → h2.ts}

@@ -1,6 +1,6 @@
 export default {
   "slots": {
-    "base": "relative mb-2 text-4xl leading-2xs font-light [&>a>code]:text-xl/7 [&>a>code]:font-bold text-base-master dark:text-base-150 scroll-mt-[calc(48px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(48px+var(--b24ui-header-height))] [&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text hover:[&>a>code]:text-info-text [&>a>code]:border-dashed [&>a>code]:transition-colors",
+    "base": "relative mb-2 [&>a>code]:text-xl/7 [&>a>code]:font-bold text-base-master dark:text-base-150 scroll-mt-[calc(48px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(48px+var(--b24ui-header-height))] [&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text hover:[&>a>code]:text-info-text [&>a>code]:border-dashed [&>a>code]:transition-colors text-h2",
     "leading": [
       "absolute -ms-8 top-1 p-1",
       "rounded-md hidden lg:flex",

package/.nuxt/b24ui/prose/{prose-h3.ts → h3.ts}

@@ -1,6 +1,6 @@
 export default {
   "slots": {
-    "base": "relative mb-2 text-3xl leading-2xs font-light [&>a>code]:text-lg/7 [&>a>code]:font-bold text-base-master dark:text-base-150 scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))] [&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text hover:[&>a>code]:text-info-text [&>a>code]:border-dashed [&>a>code]:transition-colors",
+    "base": "relative mb-2 [&>a>code]:text-lg/7 [&>a>code]:font-bold text-base-master dark:text-base-150 scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))] [&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text hover:[&>a>code]:text-info-text [&>a>code]:border-dashed [&>a>code]:transition-colors text-h3",
     "leading": [
       "absolute -ms-8 top-0.5 p-1",
       "rounded-md hidden lg:flex",

package/.nuxt/b24ui/prose/h4.ts

@@ -0,0 +1,16 @@
+export default {
+  "slots": {
+    "base": "relative mb-2 [&>a>code]:text-lg/7 [&>a>code]:font-bold text-base-master dark:text-base-150 scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))] [&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text hover:[&>a>code]:text-info-text [&>a>code]:border-dashed [&>a>code]:transition-colors text-h4",
+    "leading": [
+      "absolute -ms-8 top-0.5 p-1",
+      "rounded-md hidden lg:flex",
+      "opacity-0 group-hover:opacity-100 group-focus:opacity-100",
+      "bg-base-100 dark:bg-base-900",
+      "text-base-500 dark:text-base-600",
+      "hover:text-outline-info-text",
+      "transition"
+    ],
+    "leadingIcon": "size-4 shrink-0",
+    "link": "group lg:ps-2 lg:-ms-2"
+  }
+}

package/.nuxt/b24ui/prose/h5.ts

@@ -0,0 +1,16 @@
+export default {
+  "slots": {
+    "base": "relative mb-2 [&>a>code]:text-lg/7 [&>a>code]:font-bold text-base-master dark:text-base-150 scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))] [&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text hover:[&>a>code]:text-info-text [&>a>code]:border-dashed [&>a>code]:transition-colors text-h5",
+    "leading": [
+      "absolute -ms-8 top-0.5 p-1",
+      "rounded-md hidden lg:flex",
+      "opacity-0 group-hover:opacity-100 group-focus:opacity-100",
+      "bg-base-100 dark:bg-base-900",
+      "text-base-500 dark:text-base-600",
+      "hover:text-outline-info-text",
+      "transition"
+    ],
+    "leadingIcon": "size-4 shrink-0",
+    "link": "group lg:ps-2 lg:-ms-2"
+  }
+}

package/.nuxt/b24ui/prose/h6.ts

@@ -0,0 +1,16 @@
+export default {
+  "slots": {
+    "base": "relative mb-2 [&>a>code]:text-lg/7 [&>a>code]:font-bold text-base-master dark:text-base-150 scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))] [&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text hover:[&>a>code]:text-info-text [&>a>code]:border-dashed [&>a>code]:transition-colors text-h6",
+    "leading": [
+      "absolute -ms-8 top-0.5 p-1",
+      "rounded-md hidden lg:flex",
+      "opacity-0 group-hover:opacity-100 group-focus:opacity-100",
+      "bg-base-100 dark:bg-base-900",
+      "text-base-500 dark:text-base-600",
+      "hover:text-outline-info-text",
+      "transition"
+    ],
+    "leadingIcon": "size-4 shrink-0",
+    "link": "group lg:ps-2 lg:-ms-2"
+  }
+}

package/.nuxt/b24ui/prose/hr.ts

@@ -0,0 +1,5 @@
+export default {
+  "slots": {
+    "base": "my-4 border-t border-base-master/10 dark:border-base-100/20"
+  }
+}

package/.nuxt/b24ui/prose/ol.ts

@@ -0,0 +1,5 @@
+export default {
+  "slots": {
+    "base": "list-decimal ps-2 mb-2 ms-3 marker:text-base-master dark:marker:text-base-150"
+  }
+}

package/.nuxt/b24ui/prose/pre.ts

@@ -0,0 +1,6 @@
+export default {
+  "slots": {
+    "root": "my-4 p-4 font-b24-system-mono font-semibold text-sm leading-4 bg-black overflow-auto rounded w-full text-pretty",
+    "base": "text-green-350"
+  }
+}

package/.nuxt/b24ui/prose/strong.ts

@@ -0,0 +1,5 @@
+export default {
+  "slots": {
+    "base": ""
+  }
+}

package/.nuxt/b24ui/prose/ul.ts

@@ -0,0 +1,5 @@
+export default {
+  "slots": {
+    "base": "list-disc ps-2 mb-2 ms-3 marker:text-base-master dark:marker:text-base-150"
+  }
+}

package/.nuxt/b24ui/slideover.ts

@@ -1,3 +1,9 @@
+const overlayBlur = [
+  "auto",
+  "on",
+  "off"
+] as const
+
 const side = [
   "top",
   "right",
@@ -7,7 +13,7 @@ const side = [
 
 export default {
   "slots": {
-    "overlay": "fixed inset-0 bg-base-950/20 dark:bg-base-950/30 backdrop-blur-xs",
+    "overlay": "fixed inset-0 bg-base-950/20 dark:bg-base-950/30",
     "content": "fixed bg-base-50 dark:bg-base-950 sm:shadow-lg flex flex-col focus:outline-none",
     "header": "mt-4 px-5 flex items-center gap-1.5",
     "wrapper": "min-h-2xl",
@@ -19,6 +25,17 @@ export default {
     "safeList": "group-hover:rounded-full group-hover:border-1 group-hover:border-current"
   },
   "variants": {
+    "overlayBlur": {
+      "auto": {
+        "overlay": "motion-safe:backdrop-blur-sm"
+      },
+      "on": {
+        "overlay": "backdrop-blur-sm"
+      },
+      "off": {
+        "overlay": ""
+      }
+    },
     "side": {
       "top": {
         "content": "inset-x-0 top-0 max-h-full"
@@ -35,7 +52,7 @@ export default {
     },
     "transition": {
       "true": {
-        "overlay": "data-[state=open]:animate-[fade-in_200ms_ease-out] data-[state=closed]:animate-[fade-out_200ms_ease-in]"
+        "overlay": "motion-safe:data-[state=open]:animate-[fade-in_200ms_ease-out] motion-safe:data-[state=closed]:animate-[fade-out_200ms_ease-in]"
       }
     },
     "scrollbarThin": {
@@ -70,33 +87,34 @@ export default {
       "transition": true,
       "side": "top" as typeof side[number],
       "class": {
-        "content": "data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-top_200ms_ease-in-out]"
+        "content": "motion-safe:data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out] motion-safe:data-[state=closed]:animate-[slide-out-to-top_200ms_ease-in-out]"
       }
     },
     {
       "transition": true,
       "side": "right" as typeof side[number],
       "class": {
-        "content": "data-[state=open]:animate-[slide-in-from-right_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-right_200ms_ease-in-out]"
+        "content": "motion-safe:data-[state=open]:animate-[slide-in-from-right_200ms_ease-in-out] motion-safe:data-[state=closed]:animate-[slide-out-to-right_200ms_ease-in-out]"
       }
     },
     {
       "transition": true,
       "side": "bottom" as typeof side[number],
       "class": {
-        "content": "data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-bottom_200ms_ease-in-out]"
+        "content": "motion-safe:data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out] motion-safe:data-[state=closed]:animate-[slide-out-to-bottom_200ms_ease-in-out]"
       }
     },
     {
       "transition": true,
       "side": "left" as typeof side[number],
       "class": {
-        "content": "data-[state=open]:animate-[slide-in-from-left_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-left_200ms_ease-in-out]"
+        "content": "motion-safe:data-[state=open]:animate-[slide-in-from-left_200ms_ease-in-out] motion-safe:data-[state=closed]:animate-[slide-out-to-left_200ms_ease-in-out]"
       }
     }
   ],
   "defaultVariants": {
     "side": "right" as typeof side[number],
-    "scrollbarThin": true
+    "scrollbarThin": true,
+    "overlayBlur": "auto" as typeof overlayBlur[number]
   }
 }