@bitrix24/b24ui-nuxt 0.4.1 → 0.4.2

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/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/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/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]
   }
 }