@bitrix24/b24ui-nuxt 0.7.2 → 1.0.1

package/.nuxt/b24ui/calendar.ts

@@ -1,4 +1,9 @@
 const color = [
+  "air-primary",
+  "air-primary-success",
+  "air-primary-alert",
+  "air-primary-copilot",
+  "air-primary-warning",
   "default",
   "danger",
   "success",
@@ -18,75 +23,90 @@ const size = [
 
 export default {
   "slots": {
-    "root": "font-b24-system w-full",
+    "root": "font-[family-name:var(--ui-font-family-primary)] w-full",
     "header": "flex items-center justify-between",
     "body": "flex flex-col space-y-4 pt-4 sm:flex-row sm:space-x-4 sm:space-y-0",
-    "heading": "text-center font-semibold truncate mx-auto",
+    "heading": "mx-auto text-center font-(--ui-font-weight-semibold) truncate",
     "grid": "w-full border-collapse select-none space-y-1 focus:outline-none",
     "gridRow": "grid grid-cols-7 place-items-center",
     "gridWeekDaysRow": "mb-1 grid w-full grid-cols-7",
     "gridBody": "grid",
-    "headCell": "font-normal text-base-500 dark:text-base-500",
+    "headCell": "font-(--ui-font-weight-normal) text-(--ui-color-design-plain-na-content)",
     "cell": "relative text-center cursor-pointer aria-disabled:cursor-not-allowed",
-    "cellTrigger": "m-0.5 relative flex items-center justify-center rounded-full whitespace-nowrap focus-visible:ring-2 focus:outline-none data-disabled:text-base-500 dark:data-disabled:text-base-600 data-unavailable:text-base-500 dark:data-unavailable:text-base-600 data-outside-view:text-base-500 dark:data-outside-view:text-base-600 data-[selected]:text-white dark:data-[selected]:text-base-100 data-unavailable:line-through data-unavailable:pointer-events-none data-today:font-semibold transition"
+    "cellTrigger": "m-0.5 relative flex items-center justify-center rounded-full whitespace-nowrap focus-visible:ring-2 focus:outline-none text-(--b24ui-typography-label-color) data-disabled:text-(--b24ui-typography-legend-color) data-unavailable:text-(--b24ui-typography-legend-color) data-outside-view:text-(--ui-color-design-plain-na-content-secondary) data-[selected]:text-(--b24ui-color) focus-visible:ring-(--b24ui-background-hover) data-[selected]:bg-(--b24ui-background) data-today:not-data-[selected]:text-(--b24ui-background) data-[highlighted]:bg-(--b24ui-background) data-[highlighted]:text-(--b24ui-color) hover:not-data-[disabled]:not-data-[selected]:bg-(--b24ui-background) hover:not-data-[disabled]:not-data-[selected]:text-(--b24ui-color) data-unavailable:line-through data-unavailable:pointer-events-none data-today:font-(--ui-font-weight-semibold) transition"
   },
   "variants": {
     "color": {
+      "air-primary": {
+        "root": "style-filled"
+      },
+      "air-primary-success": {
+        "root": "style-filled-success"
+      },
+      "air-primary-alert": {
+        "root": "style-filled-alert"
+      },
+      "air-primary-copilot": {
+        "root": "style-filled-copilot"
+      },
+      "air-primary-warning": {
+        "root": "style-filled-warning"
+      },
       "default": {
-        "cellTrigger": "focus-visible:ring-base-300 data-[selected]:bg-base-500 data-today:not-data-[selected]:text-blue-500 data-[highlighted]:bg-base-500/20 hover:not-data-[disabled]:not-data-[selected]:bg-base-500/20 dark:focus-visible:ring-base-800 dark:data-[selected]:bg-base-800 dark:data-today:not-data-[selected]:text-blue-600 dark:data-[highlighted]:bg-base-800/20 dark:hover:not-data-[disabled]:not-data-[selected]:bg-base-800/20"
+        "root": "style-old-default"
       },
       "danger": {
-        "cellTrigger": "focus-visible:ring-red-300 data-[selected]:bg-red-500 data-today:not-data-[selected]:text-red-500 data-[highlighted]:bg-red-500/20 hover:not-data-[disabled]:not-data-[selected]:bg-red-500/20 dark:focus-visible:ring-red-800 dark:data-[selected]:bg-red-500 dark:data-today:not-data-[selected]:text-red-600 dark:data-[highlighted]:bg-red-500/20 dark:hover:not-data-[disabled]:not-data-[selected]:bg-red-500/20"
+        "root": "style-old-danger"
       },
       "success": {
-        "cellTrigger": "focus-visible:ring-green-300 data-[selected]:bg-green-500 data-today:not-data-[selected]:text-green-500 data-[highlighted]:bg-green-500/20 hover:not-data-[disabled]:not-data-[selected]:bg-green-500/20 dark:focus-visible:ring-green-800 dark:data-[selected]:bg-green-500 dark:data-today:not-data-[selected]:text-green-600 dark:data-[highlighted]:bg-green-500/20 dark:hover:not-data-[disabled]:not-data-[selected]:bg-green-500/20"
+        "root": "style-old-success"
       },
       "warning": {
-        "cellTrigger": "focus-visible:ring-orange-300 data-[selected]:bg-orange-500 data-today:not-data-[selected]:text-orange-500 data-[highlighted]:bg-orange-500/20 hover:not-data-[disabled]:not-data-[selected]:bg-orange-500/20 dark:focus-visible:ring-orange-800 dark:data-[selected]:bg-orange-500 dark:data-today:not-data-[selected]:text-orange-600 dark:data-[highlighted]:bg-orange-500/20 dark:hover:not-data-[disabled]:not-data-[selected]:bg-orange-500/20"
+        "root": "style-old-warning"
       },
       "primary": {
-        "cellTrigger": "focus-visible:ring-blue-300 data-[selected]:bg-blue-500 data-today:not-data-[selected]:text-blue-500 data-[highlighted]:bg-blue-500/20 hover:not-data-[disabled]:not-data-[selected]:bg-blue-500/20 dark:focus-visible:ring-blue-800 dark:data-[selected]:bg-blue-500 dark:data-today:not-data-[selected]:text-blue-600 dark:data-[highlighted]:bg-blue-500/20 dark:hover:not-data-[disabled]:not-data-[selected]:bg-blue-500/20"
+        "root": "style-old-primary"
       },
       "secondary": {
-        "cellTrigger": "focus-visible:ring-cyan-300 data-[selected]:bg-cyan-500 data-today:not-data-[selected]:text-cyan-500 data-[highlighted]:bg-cyan-500/20 hover:not-data-[disabled]:not-data-[selected]:bg-cyan-500/20 dark:focus-visible:ring-cyan-800 dark:data-[selected]:bg-cyan-500 dark:data-today:not-data-[selected]:text-cyan-600 dark:data-[highlighted]:bg-cyan-500/20 dark:hover:not-data-[disabled]:not-data-[selected]:bg-cyan-500/20"
+        "root": "style-old-secondary"
       },
       "collab": {
-        "cellTrigger": "focus-visible:ring-collab-300 data-[selected]:bg-collab-500 data-today:not-data-[selected]:text-collab-500 data-[highlighted]:bg-collab-500/20 hover:not-data-[disabled]:not-data-[selected]:bg-collab-500/20 dark:focus-visible:ring-collab-800 dark:data-[selected]:bg-collab-500 dark:data-today:not-data-[selected]:text-collab-600 dark:data-[highlighted]:bg-collab-500/20 dark:hover:not-data-[disabled]:not-data-[selected]:bg-collab-500/20"
+        "root": "style-old-collab"
       },
       "ai": {
-        "cellTrigger": "focus-visible:ring-ai-300 data-[selected]:bg-ai-500 data-today:not-data-[selected]:text-ai-500 data-[highlighted]:bg-ai-500/20 hover:not-data-[disabled]:not-data-[selected]:bg-ai-500/20 dark:focus-visible:ring-ai-800 dark:data-[selected]:bg-ai-500 dark:data-today:not-data-[selected]:text-ai-600 dark:data-[highlighted]:bg-ai-500/20 dark:hover:not-data-[disabled]:not-data-[selected]:bg-ai-500/20"
+        "root": "style-old-ai"
       }
     },
     "size": {
       "xs": {
-        "heading": "text-md",
-        "cell": "text-sm",
+        "heading": "text-(length:--ui-font-size-md)",
+        "cell": "text-(length:--ui-font-size-sm)",
         "headCell": "text-[10px]",
-        "cellTrigger": "size-7",
+        "cellTrigger": "size-[28px]",
         "body": "space-y-2 pt-2"
       },
       "sm": {
-        "heading": "text-md",
-        "headCell": "text-sm",
-        "cell": "text-sm",
-        "cellTrigger": "size-7"
+        "heading": "text-(length:--ui-font-size-md)",
+        "headCell": "text-(length:--ui-font-size-sm)",
+        "cell": "text-(length:--ui-font-size-sm)",
+        "cellTrigger": "size-[28px]"
       },
       "md": {
-        "heading": "text-lg",
-        "headCell": "text-md",
-        "cell": "text-md",
-        "cellTrigger": "size-8"
+        "heading": "text-(length:--ui-font-size-lg)",
+        "headCell": "text-(length:--ui-font-size-md)",
+        "cell": "text-(length:--ui-font-size-md)",
+        "cellTrigger": "size-[32px]"
       },
       "lg": {
-        "heading": "text-2xl",
-        "headCell": "text-lg",
-        "cell": "text-lg",
-        "cellTrigger": "size-9 text-lg"
+        "heading": "text-(length:--ui-font-size-2xl)",
+        "headCell": "text-(length:--ui-font-size-lg)",
+        "cell": "text-(length:--ui-font-size-lg)",
+        "cellTrigger": "size-[36px] text-(length:--ui-font-size-lg)"
       }
     }
   },
   "defaultVariants": {
     "size": "md" as typeof size[number],
-    "color": "primary" as typeof color[number]
+    "color": "air-primary" as typeof color[number]
   }
 }

package/.nuxt/b24ui/checkbox.ts

@@ -1,4 +1,9 @@
 const color = [
+  "air-primary",
+  "air-primary-success",
+  "air-primary-alert",
+  "air-primary-copilot",
+  "air-primary-warning",
   "default",
   "danger",
   "success",
@@ -30,31 +35,62 @@ const size = [
 export default {
   "slots": {
     "root": "relative flex items-start",
-    "base": "cursor-pointer shrink-0 flex items-center justify-center rounded-2xs text-white dark:text-base-150 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 text-base-master dark:text-base-400" as typeof indicator[number],
+    "base": "cursor-pointer flex items-center justify-center shrink-0 rounded-(--ui-border-radius-2xs) text-(--b24ui-typography-label-color) ring ring-inset ring-(--ui-color-base-5) focus-visible:outline-(--b24ui-border-color) outline-transparent focus-visible:outline-2 focus-visible:outline-offset-2",
+    "indicator": "flex items-center justify-center size-full text-(--b24ui-color)" as typeof indicator[number],
     "container": "flex items-center",
-    "wrapper": "font-b24-primary ms-2",
     "icon": "shrink-0 size-full",
-    "label": "cursor-pointer block font-regular text-base-master dark:text-base-400",
-    "description": "text-base-500 dark:text-base-600"
+    "wrapper": "font-[family-name:var(--ui-font-family-primary)] font-(--ui-font-weight-regular)",
+    "label": "cursor-pointer block text-(--b24ui-typography-label-color)",
+    "description": "text-(--b24ui-typography-description-color)"
   },
   "variants": {
     "color": {
-      "default": "focus-visible:outline-base-900 dark:focus-visible:outline-base-350",
-      "danger": "focus-visible:outline-red-500 dark:focus-visible:outline-red-600",
-      "success": "focus-visible:outline-green-500 dark:focus-visible:outline-green-600",
-      "warning": "focus-visible:outline-orange-500 dark:focus-visible:outline-orange-600",
-      "primary": "focus-visible:outline-blue-500 dark:focus-visible:outline-blue-600",
-      "secondary": "focus-visible:outline-cyan-350 dark:focus-visible:outline-cyan-500",
-      "collab": "focus-visible:outline-collab-500 dark:focus-visible:outline-collab-600",
-      "ai": "focus-visible:outline-ai-500 dark:focus-visible:outline-ai-600"
+      "air-primary": {
+        "root": "style-filled"
+      },
+      "air-primary-success": {
+        "root": "style-filled-success"
+      },
+      "air-primary-alert": {
+        "root": "style-filled-alert"
+      },
+      "air-primary-copilot": {
+        "root": "style-filled-copilot"
+      },
+      "air-primary-warning": {
+        "root": "style-filled-warning"
+      },
+      "default": {
+        "root": "style-old-default"
+      },
+      "danger": {
+        "root": "style-old-danger"
+      },
+      "success": {
+        "root": "style-old-success"
+      },
+      "warning": {
+        "root": "style-old-warning"
+      },
+      "primary": {
+        "root": "style-old-primary"
+      },
+      "secondary": {
+        "root": "style-old-secondary"
+      },
+      "collab": {
+        "root": "style-old-collab"
+      },
+      "ai": {
+        "root": "style-old-ai"
+      }
     },
     "variant": {
       "list": {
         "root": ""
       },
       "card": {
-        "root": "border border-muted rounded-lg"
+        "root": "border border-(--ui-color-design-outline-na-stroke) bg-(--ui-color-design-outline-na-bg)"
       }
     },
     "indicator": {
@@ -73,44 +109,46 @@ export default {
     },
     "size": {
       "xs": {
-        "base": "size-3",
-        "container": "h-4",
-        "wrapper": "text-xs",
-        "label": "leading-4"
+        "base": "size-[12px]",
+        "container": "h-[12px]",
+        "wrapper": "text-(length:--ui-font-size-xs)",
+        "label": "leading-[11px]"
       },
       "sm": {
-        "base": "size-3.5",
-        "container": "h-4",
-        "wrapper": "text-sm",
-        "label": "leading-4"
+        "base": "size-[14px]",
+        "container": "h-[14px]",
+        "wrapper": "text-(length:--ui-font-size-sm)",
+        "label": "leading-[14px]"
       },
       "md": {
-        "base": "size-4",
-        "container": "h-5",
-        "wrapper": "text-md",
-        "label": "leading-5"
+        "base": "size-[16px]",
+        "container": "h-[16px]",
+        "wrapper": "text-(length:--ui-font-size-lg)",
+        "label": "leading-[15px]"
       },
       "lg": {
-        "base": "size-5",
-        "container": "h-5",
-        "wrapper": "text-xl",
-        "label": "leading-5"
+        "base": "size-[20px]",
+        "container": "h-[20px]",
+        "wrapper": "text-(length:--ui-font-size-xl)",
+        "label": "leading-[18px]"
       }
     },
     "required": {
       "true": {
-        "label": "after:content-['*'] after:ms-0.5 after:text-red-500 dark:after:text-red-600"
+        "label": "after:content-['*'] after:ms-0.5 after:text-(--ui-color-accent-main-alert)"
       }
     },
     "disabled": {
       "true": {
-        "base": "cursor-not-allowed opacity-75",
-        "label": "cursor-not-allowed opacity-75",
-        "description": "cursor-not-allowed opacity-75"
+        "base": "cursor-not-allowed opacity-30",
+        "label": "cursor-not-allowed opacity-30",
+        "description": "cursor-not-allowed opacity-30"
       }
     },
     "checked": {
-      "true": ""
+      "true": {
+        "base": "ring-1 ring-(--b24ui-background) bg-(--b24ui-background)"
+      }
     }
   },
   "compoundVariants": [
@@ -118,82 +156,41 @@ export default {
       "size": "xs" as typeof size[number],
       "variant": "card" as typeof variant[number],
       "class": {
-        "root": "p-2.5"
+        "root": "px-[13px] py-[7px] rounded-(--ui-border-radius-xs)"
       }
     },
     {
       "size": "sm" as typeof size[number],
       "variant": "card" as typeof variant[number],
       "class": {
-        "root": "p-3"
+        "root": "px-[13px] py-[9px] rounded-(--ui-border-radius-sm)"
       }
     },
     {
       "size": "md" as typeof size[number],
       "variant": "card" as typeof variant[number],
       "class": {
-        "root": "p-3.5"
+        "root": "px-[17px] py-[10px] rounded-(--ui-border-radius-md)"
       }
     },
     {
       "size": "lg" as typeof size[number],
       "variant": "card" as typeof variant[number],
       "class": {
-        "root": "p-4"
+        "root": "px-[23px] py-[12px] rounded-(--ui-border-radius-md)"
       }
     },
     {
-      "color": "default" as typeof color[number],
-      "variant": "list" as typeof variant[number],
-      "checked": true,
-      "class": "ring-2 ring-base-900 bg-base-900 dark:ring-base-350 dark:bg-base-350 dark:text-base-800"
-    },
-    {
-      "color": "danger" as typeof color[number],
-      "variant": "list" as typeof variant[number],
-      "checked": true,
-      "class": "ring-2 ring-red-500 bg-red-500 dark:ring-red-600 dark:bg-red-600 dark:text-red-250"
-    },
-    {
-      "color": "success" as typeof color[number],
-      "variant": "list" as typeof variant[number],
-      "checked": true,
-      "class": "ring-2 ring-green-500 bg-green-500 dark:ring-green-600 dark:bg-green-600 dark:text-green-250"
-    },
-    {
-      "color": "warning" as typeof color[number],
-      "variant": "list" as typeof variant[number],
-      "checked": true,
-      "class": "ring-2 ring-orange-500 bg-orange-500 dark:ring-orange-600 dark:bg-orange-600 dark:text-orange-250"
-    },
-    {
-      "color": "primary" as typeof color[number],
-      "variant": "list" as typeof variant[number],
-      "checked": true,
-      "class": "ring-2 ring-blue-500 bg-blue-500 dark:ring-blue-600 dark:bg-blue-600 dark:text-blue-250"
-    },
-    {
-      "color": "secondary" as typeof color[number],
-      "variant": "list" as typeof variant[number],
-      "checked": true,
-      "class": "ring-2 ring-cyan-350 bg-cyan-350 dark:ring-cyan-500 dark:bg-cyan-500"
-    },
-    {
-      "color": "collab" as typeof color[number],
-      "variant": "list" as typeof variant[number],
-      "checked": true,
-      "class": "ring-2 ring-collab-500 bg-collab-500 dark:ring-collab-600 dark:bg-collab-600 dark:text-collab-250"
-    },
-    {
-      "color": "ai" as typeof color[number],
-      "variant": "list" as typeof variant[number],
+      "variant": "card" as typeof variant[number],
       "checked": true,
-      "class": "ring-2 ring-ai-500 bg-ai-500 dark:ring-ai-600 dark:bg-ai-600 dark:text-ai-250"
+      "class": {
+        "root": "border-(--b24ui-border-color) cursor-pointer"
+      }
     }
   ],
   "defaultVariants": {
+    "color": "air-primary" as typeof color[number],
     "size": "md" as typeof size[number],
-    "color": "primary" as typeof color[number],
     "variant": "list" as typeof variant[number],
     "indicator": "start" as typeof indicator[number]
   }

package/.nuxt/b24ui/chip.ts

@@ -1,4 +1,13 @@
 const color = [
+  "air-primary",
+  "air-primary-success",
+  "air-primary-alert",
+  "air-primary-copilot",
+  "air-primary-warning",
+  "air-secondary",
+  "air-secondary-accent",
+  "air-secondary-accent-1",
+  "air-tertiary",
   "default",
   "danger",
   "success",
@@ -6,20 +15,13 @@ const color = [
   "primary",
   "secondary",
   "collab",
-  "ai",
-  "link"
+  "ai"
 ] as const
 
 const size = [
-  "3xs",
-  "2xs",
-  "xs",
   "sm",
   "md",
-  "lg",
-  "xl",
-  "2xl",
-  "3xl"
+  "lg"
 ] as const
 
 const position = [
@@ -31,31 +33,68 @@ const position = [
 
 export default {
   "slots": {
-    "root": "relative inline-flex items-center justify-center shrink-0",
-    "base": "select-none rounded-sm flex items-center justify-center p-1 text-white leading-none font-semibold font-b24-secondary whitespace-nowrap"
+    "root": "relative shrink-0 isolate inline-flex items-center justify-center",
+    "base": "ui-counter__scope --air font-[family-name:var(--ui-font-family-primary)] font-(--ui-font-weight-medium) select-none relative min-w-(--ui-counter-size) h-(--ui-counter-size) py-0 px-(--ui-counter-inline-space) inline-flex items-center justify-center bg-(--b24ui-background) rounded-(--ui-counter-current-size) ring-(length:--b24ui-border-width) ring-(--b24ui-border-color) text-center align-middle text-(length:--ui-counter-font-size) text-(--b24ui-color) leading-(--ui-counter-current-size) overflow-hidden z-1 text-nowrap",
+    "trailingIcon": "size-(--ui-counter-size) text-inherit text-(length:--ui-counter-symbol-font-size) opacity-96 tracking-(--ui-letter-spacing-xl) me-(--ui-counter-symbol-compensation) empty:me-[0]"
   },
   "variants": {
     "color": {
-      "default": "bg-base-500 dark:bg-base-900 dark:text-base-150",
-      "danger": "bg-red-500 dark:bg-red-600 dark:text-red-250",
-      "success": "bg-green-500 dark:bg-green-600 dark:text-green-250",
-      "warning": "bg-orange-500 dark:bg-orange-600 dark:text-orange-250",
-      "primary": "bg-blue-500 dark:bg-blue-600 dark:text-blue-250",
-      "secondary": "bg-cyan-350 dark:bg-cyan-500",
-      "collab": "bg-collab-500 dark:bg-collab-800 dark:text-collab-250",
-      "ai": "bg-ai-500 dark:bg-ai-800 dark:text-ai-250",
-      "link": "bg-base-900/85 text-white dark:bg-white/85 dark:text-base-900"
+      "air-primary": {
+        "base": "style-filled"
+      },
+      "air-primary-success": {
+        "base": "style-filled-success"
+      },
+      "air-primary-alert": {
+        "base": "style-filled-alert"
+      },
+      "air-primary-copilot": {
+        "base": "style-filled-copilot"
+      },
+      "air-primary-warning": {
+        "base": "style-filled-warning"
+      },
+      "air-secondary": {
+        "base": "style-tinted-no-accent-1"
+      },
+      "air-secondary-accent": {
+        "base": "style-filled-no-accent"
+      },
+      "air-secondary-accent-1": {
+        "base": "style-filled-no-accent-inverted edge-dark:text-(--ui-color-g-content-grey-2)"
+      },
+      "air-tertiary": {
+        "base": "style-outline-no-accent"
+      },
+      "default": {
+        "base": "style-old-default"
+      },
+      "danger": {
+        "base": "style-old-danger"
+      },
+      "success": {
+        "base": "style-old-success"
+      },
+      "warning": {
+        "base": "style-old-warning"
+      },
+      "primary": {
+        "base": "style-old-primary"
+      },
+      "secondary": {
+        "base": "style-old-secondary"
+      },
+      "collab": {
+        "base": "style-old-collab"
+      },
+      "ai": {
+        "base": "style-old-ai"
+      }
     },
     "size": {
-      "3xs": "h-1 min-w-1 text-[0px] text-transparent p-0",
-      "2xs": "h-1.5 min-w-1.5 text-[0px] text-transparent p-0",
-      "xs": "h-xs2 min-w-xs2 text-[0px] text-transparent  p-0",
-      "sm": "h-sm min-w-sm text-4xs font-regular",
-      "md": "h-md min-w-md text-3xs",
-      "lg": "h-lg min-w-lg rounded-md text-xs",
-      "xl": "h-lg min-w-lg rounded-md text-xs",
-      "2xl": "h-lg min-w-lg rounded-md text-xs",
-      "3xl": "h-lg min-w-lg rounded-md text-xs"
+      "sm": "ui-counter-sm font-(--ui-font-weight-regular)",
+      "md": "ui-counter-md",
+      "lg": "ui-counter-lg"
     },
     "position": {
       "top-right": "top-0 right-0",
@@ -63,12 +102,26 @@ export default {
       "top-left": "top-0 left-0",
       "bottom-left": "bottom-0 left-0"
     },
+    "inverted": {
+      "true": "",
+      "false": ""
+    },
     "inset": {
       "false": ""
     },
     "standalone": {
       "true": "",
-      "false": "ring ring-white dark:ring-base-700 absolute"
+      "false": "absolute"
+    },
+    "hideZero": {
+      "true": {
+        "base": "data-[value=0]:hidden"
+      }
+    },
+    "oneDigit": {
+      "true": {
+        "base": "px-0"
+      }
     }
   },
   "compoundVariants": [
@@ -195,11 +248,47 @@ export default {
       "inset": true,
       "standalone": false,
       "class": "translate-y-0 -translate-x-0 transform"
+    },
+    {
+      "inverted": true,
+      "color": "air-primary" as typeof color[number],
+      "class": {
+        "base": "style-filled-inverted"
+      }
+    },
+    {
+      "inverted": true,
+      "color": "air-primary-success" as typeof color[number],
+      "class": {
+        "base": "style-filled-success-inverted"
+      }
+    },
+    {
+      "inverted": true,
+      "color": "air-primary-alert" as typeof color[number],
+      "class": {
+        "base": "style-filled-alert-inverted"
+      }
+    },
+    {
+      "inverted": true,
+      "color": "air-primary-copilot" as typeof color[number],
+      "class": {
+        "base": "style-filled-copilot-inverted"
+      }
+    },
+    {
+      "inverted": true,
+      "color": "air-primary-warning" as typeof color[number],
+      "class": {
+        "base": "style-filled-warning-inverted"
+      }
     }
   ],
   "defaultVariants": {
     "size": "sm" as typeof size[number],
-    "color": "danger" as typeof color[number],
-    "position": "top-right" as typeof position[number]
+    "color": "air-primary-alert" as typeof color[number],
+    "position": "top-right" as typeof position[number],
+    "inverted": false
   }
 }

package/.nuxt/b24ui/container.ts

@@ -1,3 +1,3 @@
 export default {
-  "base": "w-full max-w-[80rem] mx-auto px-5"
+  "base": "w-full max-w-[1280px] mx-auto px-[22px]"
 }