@nextui-org/theme 0.0.0-dev-v2-20230618174149 → 0.0.0-dev-v2-20230619135319

package/dist/{chunk-NASOHMPB.mjs → chunk-4G25OMVV.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-I4OYRSA7.mjs";
+} from "./chunk-FPFQCKUP.mjs";
 
 // src/components/badge.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-27PQQNKZ.mjs → chunk-BH4BMASL.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-I4OYRSA7.mjs";
+} from "./chunk-FPFQCKUP.mjs";
 
 // src/components/code.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-JR6TMRUJ.mjs → chunk-CI2QPWUR.mjs}

@@ -1,12 +1,12 @@
-import {
-  baseStyles
-} from "./chunk-INZK6TTL.mjs";
 import {
   utilities
 } from "./chunk-JH2TR6BI.mjs";
+import {
+  baseStyles
+} from "./chunk-TSW7CNKY.mjs";
 import {
   semanticColors
-} from "./chunk-3YM7ZXUG.mjs";
+} from "./chunk-GNI32UV5.mjs";
 import {
   removeDefaultKeys
 } from "./chunk-37PIXVP4.mjs";
@@ -97,7 +97,7 @@ var corePlugin = (config = {}, defaultTheme, prefix) => {
     ({ addBase, addUtilities, addVariant }) => {
       addBase({
         [":root, [data-theme]"]: {
-          ...baseStyles
+          ...baseStyles(prefix)
         }
       });
       addUtilities({ ...resolved.utilities, ...utilities });

package/dist/{chunk-MWWMIOTS.mjs → chunk-D4S5JGOT.mjs}

@@ -1,9 +1,9 @@
 import {
   colorVariants
-} from "./chunk-I4OYRSA7.mjs";
+} from "./chunk-FPFQCKUP.mjs";
 import {
   translateCenterClasses
-} from "./chunk-INZK6TTL.mjs";
+} from "./chunk-TSW7CNKY.mjs";
 
 // src/components/avatar.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-SPRUF3FQ.mjs → chunk-DWC7GT4K.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-I4OYRSA7.mjs";
+} from "./chunk-FPFQCKUP.mjs";
 
 // src/components/snippet.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-I4OYRSA7.mjs → chunk-FPFQCKUP.mjs}

@@ -27,12 +27,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default-100/50 text-default-foreground",
-  primary: "bg-primary-100/50 text-primary",
-  secondary: "bg-secondary-100/50 text-secondary",
-  success: "bg-success-100/50 text-success-600 dark:text-success",
-  warning: "bg-warning-100/50 text-warning-600 dark:text-warning",
-  danger: "bg-danger-100/50 text-danger",
+  default: "bg-default/20 text-default-foreground",
+  primary: "bg-primary/20 text-primary",
+  secondary: "bg-secondary/20 text-secondary",
+  success: "bg-success/20 text-success-600 dark:text-success",
+  warning: "bg-warning/20 text-warning-600 dark:text-warning",
+  danger: "bg-danger/20 text-danger",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {

package/dist/{chunk-3YM7ZXUG.mjs → chunk-GNI32UV5.mjs}

@@ -17,7 +17,7 @@ var base = {
       DEFAULT: "#11181C"
     },
     divider: {
-      DEFAULT: "rgba(17, 17, 17, 0.25)"
+      DEFAULT: "rgba(17, 17, 17, 0.15)"
     },
     content1: {
       DEFAULT: twColors.zinc[50],
@@ -44,7 +44,7 @@ var base = {
       DEFAULT: "#ECEDEE"
     },
     divider: {
-      DEFAULT: "rgba(255, 255, 255, 0.20)"
+      DEFAULT: "rgba(255, 255, 255, 0.15)"
     },
     content1: {
       DEFAULT: twColors.zinc[900],

package/dist/{chunk-TO7LQPC3.mjs → chunk-GRAPREJD.mjs}

@@ -1,9 +1,9 @@
 import {
   colorVariants
-} from "./chunk-I4OYRSA7.mjs";
+} from "./chunk-FPFQCKUP.mjs";
 import {
   ringClasses
-} from "./chunk-INZK6TTL.mjs";
+} from "./chunk-TSW7CNKY.mjs";
 
 // src/components/chip.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-K55AW2NU.mjs → chunk-ITXIAXJ5.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-I4OYRSA7.mjs";
+} from "./chunk-FPFQCKUP.mjs";
 
 // src/components/pagination.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-CNGIMNA5.mjs → chunk-MPEOTJDC.mjs}

@@ -1,6 +1,6 @@
 import {
   semanticColors
-} from "./chunk-3YM7ZXUG.mjs";
+} from "./chunk-GNI32UV5.mjs";
 import {
   commonColors
 } from "./chunk-CRCBVLUP.mjs";

package/dist/{chunk-RWQ57OVD.mjs → chunk-NVCWXYAR.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-I4OYRSA7.mjs";
+} from "./chunk-FPFQCKUP.mjs";
 
 // src/components/tabs.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-YOSP6YO6.mjs → chunk-O32L4YWJ.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-I4OYRSA7.mjs";
+} from "./chunk-FPFQCKUP.mjs";
 
 // src/components/popover.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-RWCBIS6I.mjs → chunk-QU6QFAKV.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-I4OYRSA7.mjs";
+} from "./chunk-FPFQCKUP.mjs";
 
 // src/components/button.ts
 import { tv } from "tailwind-variants";
@@ -250,32 +250,32 @@ var button = tv({
     {
       variant: "light",
       color: "default",
-      class: [colorVariants.light.default, "data-[hover=true]:bg-default-100/50"]
+      class: [colorVariants.light.default, "data-[hover=true]:bg-default/20"]
     },
     {
       variant: "light",
       color: "primary",
-      class: [colorVariants.light.primary, "data-[hover=true]:bg-primary-100/50"]
+      class: [colorVariants.light.primary, "data-[hover=true]:bg-primary/20"]
     },
     {
       variant: "light",
       color: "secondary",
-      class: [colorVariants.light.secondary, "data-[hover=true]:bg-secondary-100/50"]
+      class: [colorVariants.light.secondary, "data-[hover=true]:bg-secondary/20"]
     },
     {
       variant: "light",
       color: "success",
-      class: [colorVariants.light.success, "data-[hover=true]:bg-success-100/50"]
+      class: [colorVariants.light.success, "data-[hover=true]:bg-success/20"]
     },
     {
       variant: "light",
       color: "warning",
-      class: [colorVariants.light.warning, "data-[hover=true]:bg-warning-100/50"]
+      class: [colorVariants.light.warning, "data-[hover=true]:bg-warning/20"]
     },
     {
       variant: "light",
       color: "danger",
-      class: [colorVariants.light.danger, "data-[hover=true]:bg-danger-100/50"]
+      class: [colorVariants.light.danger, "data-[hover=true]:bg-danger/20"]
     },
     {
       variant: "ghost",

package/dist/{chunk-INZK6TTL.mjs → chunk-TSW7CNKY.mjs}

@@ -1,8 +1,8 @@
 // src/utils/classes.ts
-var baseStyles = {
-  color: "hsl(var(--nextui-foreground))",
-  backgroundColor: "hsl(var(--nextui-background))"
-};
+var baseStyles = (prefix) => ({
+  color: `hsl(var(--${prefix}-foreground))`,
+  backgroundColor: `hsl(var(--${prefix}-background))`
+});
 var focusVisibleClasses = [
   "focus:outline-0",
   "focus-visible:ring-2",

package/dist/{chunk-EQVBIZB3.mjs → chunk-UHOIXUPW.mjs}

@@ -26,6 +26,7 @@ var modal = tv({
       "dark:bg-content1",
       "border border-default-100",
       "outline-none",
+      "mx-6",
       "my-16"
     ],
     backdrop: "z-50",
@@ -82,7 +83,7 @@ var modal = tv({
         base: "max-w-5xl"
       },
       full: {
-        base: "my-0 max-w-full h-[100dvh] !rounded-none"
+        base: "my-0 mx-0 max-w-full h-[100dvh] !rounded-none"
       }
     },
     radius: {

package/dist/colors/index.js

@@ -175,7 +175,7 @@ var base = {
       DEFAULT: "#11181C"
     },
     divider: {
-      DEFAULT: "rgba(17, 17, 17, 0.25)"
+      DEFAULT: "rgba(17, 17, 17, 0.15)"
     },
     content1: {
       DEFAULT: import_colors.default.zinc[50],
@@ -202,7 +202,7 @@ var base = {
       DEFAULT: "#ECEDEE"
     },
     divider: {
-      DEFAULT: "rgba(255, 255, 255, 0.20)"
+      DEFAULT: "rgba(255, 255, 255, 0.15)"
     },
     content1: {
       DEFAULT: import_colors.default.zinc[900],

package/dist/colors/index.mjs

@@ -1,9 +1,9 @@
 import {
   colors
-} from "../chunk-CNGIMNA5.mjs";
+} from "../chunk-MPEOTJDC.mjs";
 import {
   semanticColors
-} from "../chunk-3YM7ZXUG.mjs";
+} from "../chunk-GNI32UV5.mjs";
 import "../chunk-37PIXVP4.mjs";
 import "../chunk-M63AFAHO.mjs";
 import {

package/dist/colors/semantic.js

@@ -173,7 +173,7 @@ var base = {
       DEFAULT: "#11181C"
     },
     divider: {
-      DEFAULT: "rgba(17, 17, 17, 0.25)"
+      DEFAULT: "rgba(17, 17, 17, 0.15)"
     },
     content1: {
       DEFAULT: import_colors.default.zinc[50],
@@ -200,7 +200,7 @@ var base = {
       DEFAULT: "#ECEDEE"
     },
     divider: {
-      DEFAULT: "rgba(255, 255, 255, 0.20)"
+      DEFAULT: "rgba(255, 255, 255, 0.15)"
     },
     content1: {
       DEFAULT: import_colors.default.zinc[900],

package/dist/colors/semantic.mjs

@@ -2,7 +2,7 @@ import {
   semanticColors,
   semanticColorsDark,
   semanticColorsLight
-} from "../chunk-3YM7ZXUG.mjs";
+} from "../chunk-GNI32UV5.mjs";
 import "../chunk-37PIXVP4.mjs";
 import "../chunk-CRCBVLUP.mjs";
 import "../chunk-DCEG5LGX.mjs";

package/dist/colors.js

@@ -175,7 +175,7 @@ var base = {
       DEFAULT: "#11181C"
     },
     divider: {
-      DEFAULT: "rgba(17, 17, 17, 0.25)"
+      DEFAULT: "rgba(17, 17, 17, 0.15)"
     },
     content1: {
       DEFAULT: import_colors.default.zinc[50],
@@ -202,7 +202,7 @@ var base = {
       DEFAULT: "#ECEDEE"
     },
     divider: {
-      DEFAULT: "rgba(255, 255, 255, 0.20)"
+      DEFAULT: "rgba(255, 255, 255, 0.15)"
     },
     content1: {
       DEFAULT: import_colors.default.zinc[900],

package/dist/colors.mjs

@@ -1,10 +1,10 @@
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
-} from "./chunk-CNGIMNA5.mjs";
+} from "./chunk-MPEOTJDC.mjs";
 import {
   semanticColors
-} from "./chunk-3YM7ZXUG.mjs";
+} from "./chunk-GNI32UV5.mjs";
 import "./chunk-37PIXVP4.mjs";
 import "./chunk-M63AFAHO.mjs";
 import {

package/dist/components/avatar.js

@@ -64,12 +64,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default-100/50 text-default-foreground",
-  primary: "bg-primary-100/50 text-primary",
-  secondary: "bg-secondary-100/50 text-secondary",
-  success: "bg-success-100/50 text-success-600 dark:text-success",
-  warning: "bg-warning-100/50 text-warning-600 dark:text-warning",
-  danger: "bg-danger-100/50 text-danger",
+  default: "bg-default/20 text-default-foreground",
+  primary: "bg-primary/20 text-primary",
+  secondary: "bg-secondary/20 text-secondary",
+  success: "bg-success/20 text-success-600 dark:text-success",
+  warning: "bg-warning/20 text-warning-600 dark:text-warning",
+  danger: "bg-danger/20 text-danger",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {

package/dist/components/avatar.mjs

@@ -1,11 +1,11 @@
 import {
   avatar,
   avatarGroup
-} from "../chunk-MWWMIOTS.mjs";
+} from "../chunk-D4S5JGOT.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
-import "../chunk-I4OYRSA7.mjs";
-import "../chunk-INZK6TTL.mjs";
+import "../chunk-FPFQCKUP.mjs";
+import "../chunk-TSW7CNKY.mjs";
 export {
   avatar,
   avatarGroup

package/dist/components/badge.js

@@ -54,12 +54,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default-100/50 text-default-foreground",
-  primary: "bg-primary-100/50 text-primary",
-  secondary: "bg-secondary-100/50 text-secondary",
-  success: "bg-success-100/50 text-success-600 dark:text-success",
-  warning: "bg-warning-100/50 text-warning-600 dark:text-warning",
-  danger: "bg-danger-100/50 text-danger",
+  default: "bg-default/20 text-default-foreground",
+  primary: "bg-primary/20 text-primary",
+  secondary: "bg-secondary/20 text-secondary",
+  success: "bg-success/20 text-success-600 dark:text-success",
+  warning: "bg-warning/20 text-warning-600 dark:text-warning",
+  danger: "bg-danger/20 text-danger",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {

package/dist/components/badge.mjs

@@ -1,10 +1,10 @@
 import {
   badge
-} from "../chunk-NASOHMPB.mjs";
+} from "../chunk-4G25OMVV.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
-import "../chunk-I4OYRSA7.mjs";
-import "../chunk-INZK6TTL.mjs";
+import "../chunk-FPFQCKUP.mjs";
+import "../chunk-TSW7CNKY.mjs";
 export {
   badge
 };

package/dist/components/button.js

@@ -55,12 +55,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default-100/50 text-default-foreground",
-  primary: "bg-primary-100/50 text-primary",
-  secondary: "bg-secondary-100/50 text-secondary",
-  success: "bg-success-100/50 text-success-600 dark:text-success",
-  warning: "bg-warning-100/50 text-warning-600 dark:text-warning",
-  danger: "bg-danger-100/50 text-danger",
+  default: "bg-default/20 text-default-foreground",
+  primary: "bg-primary/20 text-primary",
+  secondary: "bg-secondary/20 text-secondary",
+  success: "bg-success/20 text-success-600 dark:text-success",
+  warning: "bg-warning/20 text-warning-600 dark:text-warning",
+  danger: "bg-danger/20 text-danger",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {
@@ -347,32 +347,32 @@ var button = (0, import_tailwind_variants.tv)({
     {
       variant: "light",
       color: "default",
-      class: [colorVariants.light.default, "data-[hover=true]:bg-default-100/50"]
+      class: [colorVariants.light.default, "data-[hover=true]:bg-default/20"]
     },
     {
       variant: "light",
       color: "primary",
-      class: [colorVariants.light.primary, "data-[hover=true]:bg-primary-100/50"]
+      class: [colorVariants.light.primary, "data-[hover=true]:bg-primary/20"]
     },
     {
       variant: "light",
       color: "secondary",
-      class: [colorVariants.light.secondary, "data-[hover=true]:bg-secondary-100/50"]
+      class: [colorVariants.light.secondary, "data-[hover=true]:bg-secondary/20"]
     },
     {
       variant: "light",
       color: "success",
-      class: [colorVariants.light.success, "data-[hover=true]:bg-success-100/50"]
+      class: [colorVariants.light.success, "data-[hover=true]:bg-success/20"]
     },
     {
       variant: "light",
       color: "warning",
-      class: [colorVariants.light.warning, "data-[hover=true]:bg-warning-100/50"]
+      class: [colorVariants.light.warning, "data-[hover=true]:bg-warning/20"]
     },
     {
       variant: "light",
       color: "danger",
-      class: [colorVariants.light.danger, "data-[hover=true]:bg-danger-100/50"]
+      class: [colorVariants.light.danger, "data-[hover=true]:bg-danger/20"]
     },
     {
       variant: "ghost",

package/dist/components/button.mjs

@@ -1,11 +1,11 @@
 import {
   button,
   buttonGroup
-} from "../chunk-RWCBIS6I.mjs";
+} from "../chunk-QU6QFAKV.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
-import "../chunk-I4OYRSA7.mjs";
-import "../chunk-INZK6TTL.mjs";
+import "../chunk-FPFQCKUP.mjs";
+import "../chunk-TSW7CNKY.mjs";
 export {
   button,
   buttonGroup

package/dist/components/chip.js

@@ -64,12 +64,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default-100/50 text-default-foreground",
-  primary: "bg-primary-100/50 text-primary",
-  secondary: "bg-secondary-100/50 text-secondary",
-  success: "bg-success-100/50 text-success-600 dark:text-success",
-  warning: "bg-warning-100/50 text-warning-600 dark:text-warning",
-  danger: "bg-danger-100/50 text-danger",
+  default: "bg-default/20 text-default-foreground",
+  primary: "bg-primary/20 text-primary",
+  secondary: "bg-secondary/20 text-secondary",
+  success: "bg-success/20 text-success-600 dark:text-success",
+  warning: "bg-warning/20 text-warning-600 dark:text-warning",
+  danger: "bg-danger/20 text-danger",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {

package/dist/components/chip.mjs

@@ -1,10 +1,10 @@
 import {
   chip
-} from "../chunk-TO7LQPC3.mjs";
+} from "../chunk-GRAPREJD.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
-import "../chunk-I4OYRSA7.mjs";
-import "../chunk-INZK6TTL.mjs";
+import "../chunk-FPFQCKUP.mjs";
+import "../chunk-TSW7CNKY.mjs";
 export {
   chip
 };

package/dist/components/code.js

@@ -54,12 +54,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default-100/50 text-default-foreground",
-  primary: "bg-primary-100/50 text-primary",
-  secondary: "bg-secondary-100/50 text-secondary",
-  success: "bg-success-100/50 text-success-600 dark:text-success",
-  warning: "bg-warning-100/50 text-warning-600 dark:text-warning",
-  danger: "bg-danger-100/50 text-danger",
+  default: "bg-default/20 text-default-foreground",
+  primary: "bg-primary/20 text-primary",
+  secondary: "bg-secondary/20 text-secondary",
+  success: "bg-success/20 text-success-600 dark:text-success",
+  warning: "bg-warning/20 text-warning-600 dark:text-warning",
+  danger: "bg-danger/20 text-danger",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {

package/dist/components/code.mjs

@@ -1,10 +1,10 @@
 import {
   code
-} from "../chunk-27PQQNKZ.mjs";
+} from "../chunk-BH4BMASL.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
-import "../chunk-I4OYRSA7.mjs";
-import "../chunk-INZK6TTL.mjs";
+import "../chunk-FPFQCKUP.mjs";
+import "../chunk-TSW7CNKY.mjs";
 export {
   code
 };

package/dist/components/index.js

@@ -111,12 +111,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default-100/50 text-default-foreground",
-  primary: "bg-primary-100/50 text-primary",
-  secondary: "bg-secondary-100/50 text-secondary",
-  success: "bg-success-100/50 text-success-600 dark:text-success",
-  warning: "bg-warning-100/50 text-warning-600 dark:text-warning",
-  danger: "bg-danger-100/50 text-danger",
+  default: "bg-default/20 text-default-foreground",
+  primary: "bg-primary/20 text-primary",
+  secondary: "bg-secondary/20 text-secondary",
+  success: "bg-success/20 text-success-600 dark:text-success",
+  warning: "bg-warning/20 text-warning-600 dark:text-warning",
+  danger: "bg-danger/20 text-danger",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {
@@ -917,32 +917,32 @@ var button = (0, import_tailwind_variants5.tv)({
     {
       variant: "light",
       color: "default",
-      class: [colorVariants.light.default, "data-[hover=true]:bg-default-100/50"]
+      class: [colorVariants.light.default, "data-[hover=true]:bg-default/20"]
     },
     {
       variant: "light",
       color: "primary",
-      class: [colorVariants.light.primary, "data-[hover=true]:bg-primary-100/50"]
+      class: [colorVariants.light.primary, "data-[hover=true]:bg-primary/20"]
     },
     {
       variant: "light",
       color: "secondary",
-      class: [colorVariants.light.secondary, "data-[hover=true]:bg-secondary-100/50"]
+      class: [colorVariants.light.secondary, "data-[hover=true]:bg-secondary/20"]
     },
     {
       variant: "light",
       color: "success",
-      class: [colorVariants.light.success, "data-[hover=true]:bg-success-100/50"]
+      class: [colorVariants.light.success, "data-[hover=true]:bg-success/20"]
     },
     {
       variant: "light",
       color: "warning",
-      class: [colorVariants.light.warning, "data-[hover=true]:bg-warning-100/50"]
+      class: [colorVariants.light.warning, "data-[hover=true]:bg-warning/20"]
     },
     {
       variant: "light",
       color: "danger",
-      class: [colorVariants.light.danger, "data-[hover=true]:bg-danger-100/50"]
+      class: [colorVariants.light.danger, "data-[hover=true]:bg-danger/20"]
     },
     {
       variant: "ghost",
@@ -5151,6 +5151,7 @@ var modal = (0, import_tailwind_variants23.tv)({
       "dark:bg-content1",
       "border border-default-100",
       "outline-none",
+      "mx-6",
       "my-16"
     ],
     backdrop: "z-50",
@@ -5207,7 +5208,7 @@ var modal = (0, import_tailwind_variants23.tv)({
         base: "max-w-5xl"
       },
       full: {
-        base: "my-0 max-w-full h-[100dvh] !rounded-none"
+        base: "my-0 mx-0 max-w-full h-[100dvh] !rounded-none"
       }
     },
     radius: {