@bitrix24/b24ui-nuxt 0.1.2 → 0.1.4

package/.nuxt/b24ui/advice.ts

@@ -6,28 +6,11 @@ const angle = [
 export default {
   "slots": {
     "root": "flex items-end",
-    "descriptionWrapper": [
-      "relative"
-    ],
-    "descriptionBorder": [
-      "fill-blue-500 dark:fill-blue-300"
-    ],
-    "descriptionBg": [
-      "fill-white dark:fill-base-900"
-    ],
-    "descriptionAngle": [
-      "absolute",
-      "w-[14px] h-[12px]"
-    ],
-    "description": [
-      "grow",
-      "w-11/12 py-3 px-md2 ms-2",
-      "rounded-[23px]",
-      "font-b24-secondary text-md leading-md font-normal",
-      "border-1",
-      "border-blue-500 bg-white text-base-950",
-      "dark:border-blue-300 dark:bg-base-900 dark:text-base-200"
-    ],
+    "descriptionWrapper": "relative",
+    "descriptionBorder": "fill-blue-500 dark:fill-blue-300",
+    "descriptionBg": "fill-white dark:fill-base-900",
+    "descriptionAngle": "absolute w-[14px] h-[12px]",
+    "description": "grow w-11/12 py-3 px-md2 ms-2 rounded-[23px] font-b24-secondary text-md leading-md font-normal border-1 border-blue-500 bg-white text-base-950 dark:border-blue-300 dark:bg-base-900 dark:text-base-200",
     "leading": "me-1.5 ms-2",
     "leadingIcon": "shrink-0 size-[42px]",
     "leadingAvatar": "shrink-0",

package/.nuxt/b24ui/badge.ts

@@ -25,12 +25,7 @@ const size = [
 
 export default {
   "slots": {
-    "base": [
-      "select-none font-b24-secondary font-normal",
-      "inline-flex items-center",
-      "transition-all duration-200 ease-linear",
-      "px-2 leading-normal rounded-md"
-    ],
+    "base": "select-none font-b24-secondary font-normal inline-flex items-center transition-all duration-200 ease-linear px-2 leading-normal rounded-md",
     "wrapper": "inline-flex items-center",
     "label": "max-w-full whitespace-nowrap text-ellipsis",
     "leadingIcon": "shrink-0",

package/.nuxt/b24ui/button.ts

@@ -36,9 +36,7 @@ export default {
       "disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:opacity-50",
       "transition duration-150 ease-linear"
     ],
-    "baseLine": [
-      "inline-flex items-center"
-    ],
+    "baseLine": "inline-flex items-center",
     "label": "truncate",
     "leadingIcon": "shrink-0",
     "leadingAvatar": "shrink-0",

package/.nuxt/b24ui/countdown.ts

@@ -8,10 +8,7 @@ const size = [
 
 export default {
   "slots": {
-    "base": [
-      "relative flex flex-row flex-nowrap items-center justify-between",
-      "text-base-500 dark:text-base-600"
-    ],
+    "base": "relative flex flex-row flex-nowrap items-center justify-between text-base-500 dark:text-base-600",
     "label": "",
     "leadingIcon": "shrink-0",
     "leadingAvatar": "shrink-0",
@@ -19,9 +16,7 @@ export default {
     "circleBase": "-scale-x-100 absolute inset-x-0 inset-y-0",
     "circleGroup": "fill-none stroke-none",
     "circleElement": "stroke-transparent stroke-1",
-    "circlePath": [
-      "stroke-[7px] rotate-90 origin-center stroke-current transition-all duration-1000 ease-linear"
-    ]
+    "circlePath": "stroke-[7px] rotate-90 origin-center stroke-current transition-all duration-1000 ease-linear"
   },
   "variants": {
     "size": {

package/.nuxt/b24ui/input.ts

@@ -39,30 +39,14 @@ const type = [
 export default {
   "slots": {
     "root": "relative inline-flex items-center w-full",
-    "base": [
-      "w-full py-0 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-none",
-      "align-middle",
-      "text-ellipsis whitespace-nowrap"
-    ],
+    "base": "w-full py-0 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-none align-middle text-ellipsis whitespace-nowrap",
     "leading": "absolute inset-y-0 start-0 flex items-center",
     "leadingIcon": "shrink-0 text-base-400",
     "leadingAvatar": "shrink-0",
     "leadingAvatarSize": "",
     "trailing": "absolute inset-y-0 end-0 flex items-center",
     "trailingIcon": "shrink-0 text-base-400",
-    "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"
-    ]
+    "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": {
     "buttonGroup": {

package/.nuxt/b24ui/select.ts

@@ -39,69 +39,27 @@ const type = [
 export default {
   "slots": {
     "root": "relative inline-flex items-center min-w-full w-full",
-    "base": [
-      "relative inline-flex items-center group",
-      "min-w-full w-full py-0 border-0 focus:outline-none",
-      "cursor-pointer disabled:cursor-not-allowed",
-      "disabled:bg-base-30/37 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 hover:text-base-900 focus:text-base-900 active:text-base-900",
-      "dark:text-base-150 dark:bg-transparent dark:hover:text-base-350 dark:focus:text-base-350 dark:active:text-base-350",
-      "font-b24-primary font-regular text-sm",
-      "align-middle",
-      "text-ellipsis whitespace-nowrap"
-    ],
+    "base": "relative inline-flex items-center group min-w-full w-full py-0 border-0 focus:outline-none cursor-pointer disabled:cursor-not-allowed disabled:bg-base-30/37 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 hover:text-base-900 focus:text-base-900 active:text-base-900 dark:text-base-150 dark:bg-transparent dark:hover:text-base-350 dark:focus:text-base-350 dark:active:text-base-350 font-b24-primary font-regular text-sm align-middle text-ellipsis whitespace-nowrap",
     "leading": "absolute inset-y-0 start-0 flex items-center",
     "leadingIcon": "shrink-0 text-base-400",
     "leadingAvatar": "shrink-0",
     "leadingAvatarSize": "",
     "trailing": "absolute inset-y-0 end-0 flex items-center",
     "trailingIcon": "shrink-0 text-base-400",
-    "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"
-    ],
+    "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",
     "value": "truncate pointer-events-none",
     "placeholder": "truncate text-base-400 dark:text-base-300",
     "arrow": "fill-base-master/10 dark:fill-base-100/20",
-    "content": [
-      "max-h-60 w-[var(--reka-popper-anchor-width)]",
-      "bg-white dark:bg-base-dark",
-      "shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800",
-      "overflow-hidden",
-      "data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
-      "pointer-events-auto"
-    ],
-    "scrollUpDownButton": [
-      "flex items-center justify-center h-[25px] cursor-default backdrop-blur",
-      "text-base-800 bg-white",
-      "dark:text-base-100 dark:bg-base-dark"
-    ],
+    "content": "max-h-60 w-[var(--reka-popper-anchor-width)] bg-white dark:bg-base-dark shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] pointer-events-auto",
+    "scrollUpDownButton": "flex items-center justify-center h-[25px] cursor-default backdrop-blur text-base-800 bg-white dark:text-base-100 dark:bg-base-dark",
     "scrollUpDownButtonIcon": "",
     "viewport": "divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1",
     "group": "p-1 isolate",
     "empty": "py-2 text-center text-sm text-base-500 dark:text-base-600",
-    "label": [
-      "flex items-center",
-      "font-semibold text-base-900 dark:text-base-200"
-    ],
+    "label": "flex items-center font-semibold text-base-900 dark:text-base-200",
     "separator": "-mx-1 my-1 h-px bg-base-master/10 dark:bg-base-100/20",
-    "item": [
-      "group relative w-full flex items-center select-none outline-none",
-      "before:absolute before:z-[-1] before:inset-px before:rounded-2xs",
-      "cursor-pointer",
-      "data-disabled:cursor-not-allowed data-disabled:opacity-75",
-      "text-base-master dark:text-base-150 data-highlighted:text-base-900 dark:data-highlighted:text-base-200 data-highlighted:before:bg-base-100/50 dark:data-highlighted:before:bg-base-900",
-      "transition-colors before:transition-colors"
-    ],
-    "itemLeadingIcon": [
-      "shrink-0 text-base-500 dark:text-base-700 group-data-highlighted:text-base-master dark:group-data-highlighted:text-base-150",
-      "transition-colors"
-    ],
+    "item": "group relative w-full flex items-center select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-2xs cursor-pointer data-disabled:cursor-not-allowed data-disabled:opacity-75 text-base-master dark:text-base-150 data-highlighted:text-base-900 dark:data-highlighted:text-base-200 data-highlighted:before:bg-base-100/50 dark:data-highlighted:before:bg-base-900 transition-colors before:transition-colors",
+    "itemLeadingIcon": "shrink-0 text-base-500 dark:text-base-700 group-data-highlighted:text-base-master dark:group-data-highlighted:text-base-150 transition-colors",
     "itemLeadingAvatar": "shrink-0",
     "itemLeadingAvatarSize": "",
     "itemLeadingChip": "shrink-0",

package/.nuxt/b24ui/switch.ts

@@ -19,16 +19,10 @@ const size = [
 export default {
   "slots": {
     "root": "relative flex items-start",
-    "base": [
-      "cursor-pointer inline-flex items-center shrink-0 rounded-full border-2 border-transparent focus-visible:outline-2 focus-visible:outline-offset-2 data-[state=unchecked]:bg-base-200 dark:data-[state=unchecked]:bg-base-800",
-      "transition-colors duration-200"
-    ],
+    "base": "cursor-pointer inline-flex items-center shrink-0 rounded-full border-2 border-transparent focus-visible:outline-2 focus-visible:outline-offset-2 data-[state=unchecked]:bg-base-200 dark:data-[state=unchecked]:bg-base-800 transition-colors duration-200",
     "container": "flex items-center",
     "thumb": "group pointer-events-none rounded-full bg-white dark:bg-base-100 shadow-lg ring-0 transition-transform duration-200 data-[state=unchecked]:translate-x-0 data-[state=unchecked]:rtl:-translate-x-0 flex items-center justify-center",
-    "icon": [
-      "absolute shrink-0 group-data-[state=unchecked]:text-base-400 dark:group-data-[state=unchecked]:text-base-700 opacity-0 p-0.5 size-10/10",
-      "transition-[color,opacity] duration-200"
-    ],
+    "icon": "absolute shrink-0 group-data-[state=unchecked]:text-base-400 dark:group-data-[state=unchecked]:text-base-700 opacity-0 p-0.5 size-10/10 transition-[color,opacity] duration-200",
     "wrapper": "font-b24-primary font-regular ms-2",
     "label": "cursor-pointer block text-base-master dark:text-base-400",
     "description": "text-base-500 dark:text-base-600"

package/.nuxt/b24ui/tabs.ts

@@ -32,14 +32,7 @@ export default {
     "root": "flex items-center gap-2",
     "list": "relative flex p-1 group",
     "indicator": "absolute transition-[translate,width] duration-200",
-    "trigger": [
-      "group relative inline-flex items-center shrink-0 min-w-0",
-      "data-[state=inactive]:text-base-600 dark:data-[state=inactive]:text-base-600",
-      "hover:data-[state=inactive]:not-disabled:text-base-master dark:hover:data-[state=inactive]:not-disabled:text-base-150",
-      "font-medium rounded-xl",
-      "cursor-pointer disabled:cursor-not-allowed disabled:opacity-75 focus:outline-hidden",
-      "transition-colors"
-    ],
+    "trigger": "group relative inline-flex items-center shrink-0 min-w-0 data-[state=inactive]:text-base-600 dark:data-[state=inactive]:text-base-600 hover:data-[state=inactive]:not-disabled:text-base-master dark:hover:data-[state=inactive]:not-disabled:text-base-150 font-medium rounded-xl cursor-pointer disabled:cursor-not-allowed disabled:opacity-75 focus:outline-hidden transition-colors",
     "content": "focus:outline-none w-full",
     "leadingIcon": "shrink-0",
     "leadingAvatar": "shrink-0",

package/.nuxt/b24ui/textarea.ts

@@ -28,23 +28,8 @@ const tagColor = [
 export default {
   "slots": {
     "root": "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"
-    ],
-    "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"
-    ]
+    "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",
+    "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": {
     "buttonGroup": {

package/.nuxt/b24ui/toast.ts

@@ -11,14 +11,7 @@ const color = [
 
 export default {
   "slots": {
-    "root": [
-      "relative group overflow-hidden rounded-[26px] py-3.5 ps-6 pe-4 flex gap-2.5 focus:outline-none",
-      "font-b24-primary",
-      "dark:ring-2 dark:ring-base-900",
-      "bg-base-ebony/80 dark:bg-base-dark",
-      "text-sm font-normal",
-      "text-white dark:text-base-150"
-    ],
+    "root": "relative group overflow-hidden rounded-[26px] py-3.5 ps-6 pe-4 flex gap-2.5 focus:outline-none font-b24-primary dark:ring-2 dark:ring-base-900 bg-base-ebony/80 dark:bg-base-dark text-sm font-normal text-white dark:text-base-150",
     "wrapper": "w-0 flex-1 flex flex-col gap-1",
     "title": "font-medium",
     "description": "",

package/.nuxt/b24ui/tooltip.ts

@@ -1,12 +1,6 @@
 export default {
   "slots": {
-    "content": [
-      "flex items-center gap-1 shadow-sm rounded-2xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
-      "min-h-6 px-2 py-1 text-xs",
-      "bg-base-dark/85 text-white",
-      "dark:bg-base-dark dark:text-base-150 dark:ring dark:ring-base-100/20",
-      "pointer-events-auto"
-    ],
+    "content": "flex items-center gap-1 shadow-sm rounded-2xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] min-h-6 px-2 py-1 text-xs bg-base-dark text-white dark:bg-base-dark dark:text-base-150 dark:ring dark:ring-base-100/20 pointer-events-auto",
     "arrow": "fill-base-dark dark:fill-base-100/20",
     "text": "text-pretty max-w-[200px]",
     "kbds": "hidden lg:inline-flex items-center shrink-0 gap-0.5 before:content-[''] before:me-0.5",