@nation-a/ui 0.16.21 → 0.16.22

package/dist/index.js

@@ -1140,7 +1140,9 @@ const ud = At({
       "text.body.16.bold": {},
       "text.body.16.regular": {},
       "label.caption.10.semibold": {},
+      "label.caption.10.regular": {},
       "label.caption.12.semibold": {},
+      "label.caption.12.regular": {},
       "label.caption.14.semibold": {}
     },
     language: {
@@ -1286,6 +1288,14 @@ const ud = At({
         fontFamily: "dmSans"
       }
     },
+    {
+      variant: "label.caption.10.regular",
+      language: "en",
+      css: {
+        textStyle: "en.label.caption.10.regular",
+        fontFamily: "dmSans"
+      }
+    },
     {
       variant: "label.caption.10.semibold",
       language: "en",
@@ -1294,6 +1304,14 @@ const ud = At({
         fontFamily: "dmSans"
       }
     },
+    {
+      variant: "label.caption.12.regular",
+      language: "en",
+      css: {
+        textStyle: "en.label.caption.12.regular",
+        fontFamily: "dmSans"
+      }
+    },
     {
       variant: "label.caption.12.semibold",
       language: "en",
@@ -1430,6 +1448,14 @@ const ud = At({
         fontFamily: "pretendard"
       }
     },
+    {
+      variant: "label.caption.10.regular",
+      language: "ko",
+      css: {
+        textStyle: "kr.label.caption.10.regular",
+        fontFamily: "pretendard"
+      }
+    },
     {
       variant: "label.caption.10.semibold",
       language: "ko",
@@ -1438,6 +1464,14 @@ const ud = At({
         fontFamily: "pretendard"
       }
     },
+    {
+      variant: "label.caption.12.regular",
+      language: "ko",
+      css: {
+        textStyle: "kr.label.caption.12.regular",
+        fontFamily: "pretendard"
+      }
+    },
     {
       variant: "label.caption.12.semibold",
       language: "ko",
@@ -8402,7 +8436,7 @@ const ay = ie(Pl), Hg = ht({
         cursor: "not-allowed"
       },
       _hover: {
-        color: "content.neutral.hovered"
+        color: "content.neutral.bold"
       },
       _selected: {
         color: "content.neutral.bold"
@@ -9507,7 +9541,7 @@ const Rb = {
     "100%": { transform: "rotate(360deg)" }
   }
 };
-var Db = { colors: { content: { neutral: { bold: { value: { base: "{colors.neutral.0}", _dark: "{colors.neutral.1100}" } }, default: { value: { base: "{colors.neutral.300}", _dark: "{colors.neutral.1000}" } }, subtle: { value: { base: "{colors.neutral.600}", _dark: "{colors.neutral.900}" } }, subtlest: { value: { base: "{colors.neutral.900}", _dark: "{colors.neutral.500}" } }, disabled: { value: { base: "{colors.neutral.800}", _dark: "{colors.neutral.600}" } }, default_inverse: { value: { base: "{colors.neutral.1100}", _dark: "{colors.neutral.0}" } } }, neuroidPrimary: { default: { value: { base: "{colors.purple.500}", _dark: "{colors.purple.400}" } }, default_inverse: { value: { base: "{colors.purple.800}", _dark: "{colors.purple.800}" } } }, danger: { default: { value: { base: "{colors.red.600}", _dark: "{colors.red.400}" } } }, warning: { default: { value: { base: "{colors.orange.600}", _dark: "{colors.orange.400}" } } }, success: { default: { value: { base: "{colors.green.600}", _dark: "{colors.green.400}" } } }, informative: { default: { value: { base: "{colors.blue.600}", _dark: "{colors.blue.400}" } } }, zoltarinaPrimary: { default: { value: { base: "{colors.ohre.800}", _dark: "{colors.ohre.400}" } }, default_inverse: { value: { base: "{colors.ohre.1000}", _dark: "{colors.ohre.1000}" } } }, heydPrimary: { default: { value: { base: "{colors.cyan.800}", _dark: "{colors.cyan.400}" } }, default_inverse: { value: { base: "{colors.cyan.1000}", _dark: "{colors.cyan.1000}" } } }, static: { white: { bold: { value: { base: "{colors.neutral.1200}", _dark: "{colors.neutral.1200}" } }, default: { value: { base: "{colors.neutral.1050}", _dark: "{colors.neutral.1050}" } }, subtle: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.1000}" } }, subtlest: { value: { base: "{colors.neutral.900}", _dark: "{colors.neutral.900}" } }, disabled: { value: { base: "{colors.neutral.800}", _dark: "{colors.neutral.800}" } } }, black: { bold: { value: { base: "{colors.neutral.0}", _dark: "{colors.neutral.0}" } }, default: { value: { base: "{colors.neutral.200}", _dark: "{colors.neutral.200}" } }, subtle: { value: { base: "{colors.neutral.400}", _dark: "{colors.neutral.400}" } }, subtlest: { value: { base: "{colors.neutral.600}", _dark: "{colors.neutral.600}" } }, disabled: { value: { base: "{colors.neutral.800}", _dark: "{colors.neutral.800}" } } } }, heybeePrimary: { default: { value: { base: "{colors.yellow.800}", _dark: "{colors.yellow.500}" } }, default_inverse: { value: { base: "{colors.yellow.1000}", _dark: "{colors.yellow.1000}" } } }, neutralInverse: { bold: { value: { base: "{colors.neutral.1100}", _dark: "{colors.neutral.0}" } }, default: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.300}" } }, subtle: { value: { base: "{colors.neutral.900}", _dark: "{colors.neutral.600}" } }, subtlest: { value: { base: "{colors.neutral.500}", _dark: "{colors.neutral.900}" } }, disabled: { value: { base: "{colors.neutral.600}", _dark: "{colors.neutral.800}" } }, default_inverse: { value: { base: "{colors.neutral.0}", _dark: "{colors.neutral.1100}" } } } }, background: { neutral: { default: { value: { base: "{colors.neutral.1050}", _dark: "{colors.neutral.200}" } }, selected: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.300}" } }, disabled: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.400}" } } }, neuroidPrimary: { default: { value: { base: "{colors.purple.300}", _dark: "{colors.purple.600}" } }, selected: { value: { base: "{colors.purple.400}", _dark: "{colors.purple.700}" } } }, neuroidSecondary: { default: { value: { base: "{colors.purple.200}", _dark: "{colors.purple.300}" } }, selected: { value: { base: "{colors.purple.300}", _dark: "{colors.purple.400}" } } }, danger: { default: { value: { base: "{colors.red.300}", _dark: "{colors.red.700}" } }, selected: { value: { base: "{colors.red.400}", _dark: "{colors.red.800}" } } }, warning: { default: { value: { base: "{colors.orange.300}", _dark: "{colors.orange.700}" } }, selected: { value: { base: "{colors.orange.400}", _dark: "{colors.orange.800}" } } }, success: { default: { value: { base: "{colors.green.300}", _dark: "{colors.green.700}" } }, selected: { value: { base: "{colors.green.400}", _dark: "{colors.green.800}" } } }, informative: { default: { value: { base: "{colors.blue.300}", _dark: "{colors.blue.700}" } }, selected: { value: { base: "{colors.blue.400}", _dark: "{colors.blue.800}" } } }, zoltarinaPrimary: { default: { value: { base: "{colors.ohre.400}", _dark: "{colors.ohre.400}" } }, selected: { value: { base: "{colors.ohre.500}", _dark: "{colors.ohre.500}" } } }, zoltarinaSecondary: { default: { value: { base: "{colors.ohre.200}", _dark: "{colors.ohre.200}" } }, selected: { value: { base: "{colors.ohre.300}", _dark: "{colors.ohre.300}" } } }, heydPrimary: { default: { value: { base: "{colors.cyan.500}", _dark: "{colors.cyan.500}" } }, selected: { value: { base: "{colors.cyan.600}", _dark: "{colors.cyan.600}" } } }, heydSecondary: { default: { value: { base: "{colors.cyan.200}", _dark: "{colors.cyan.200}" } }, selected: { value: { base: "{colors.cyan.300}", _dark: "{colors.cyan.300}" } } }, static: { whiteAlpha: { bold: { value: { base: "{colors.white.800A}", _dark: "{colors.white.800A}" } }, default: { value: { base: "{colors.white.500A}", _dark: "{colors.white.500A}" } }, selected: { value: { base: "{colors.white.600A}", _dark: "{colors.white.600A}" } }, disabled: { value: { base: "{colors.white.500A}", _dark: "{colors.white.500A}" } } }, blackAlpha: { bold: { value: { base: "{colors.black.700A}", _dark: "{colors.black.700A}" } }, default: { value: { base: "{colors.black.500A}", _dark: "{colors.black.500A}" } }, selected: { value: { base: "{colors.black.600A}", _dark: "{colors.black.600A}" } }, disabled: { value: { base: "{colors.black.500A}", _dark: "{colors.black.500A}" } } } }, heybeePrimary: { default: { value: { base: "{colors.yellow.500}", _dark: "{colors.yellow.500}" } }, selected: { value: { base: "{colors.yellow.600}", _dark: "{colors.yellow.600}" } } }, neutralInverse: { default: { value: { base: "{colors.neutral.200}", _dark: "{colors.neutral.1050}" } }, selected: { value: { base: "{colors.neutral.300}", _dark: "{colors.neutral.1000}" } }, disabled: { value: { base: "{colors.neutral.400}", _dark: "{colors.neutral.1000}" } } }, v3: { default: { value: { base: "#404040", _dark: "#404040" } } } }, surface: { base: { value: { base: "{colors.neutral.1100}", _dark: "{colors.neutral.0}" } }, layer_1: { value: { base: "{colors.neutral.1100}", _dark: "{colors.neutral.100}" } }, layer_2: { value: { base: "{colors.neutral.1050}", _dark: "{colors.neutral.200}" } } }, shadow: { overlay: { value: { base: "{colors.black.100A}", _dark: "{colors.black.400A}" } }, raised: { value: { base: "{colors.black.400A}", _dark: "{colors.black.600A}" } } }, scrim: { default: { value: { base: "{colors.black.600A}", _dark: "{colors.black.600A}" } } }, skeleton: { default: { value: { base: "{colors.neutral.800}", _dark: "{colors.neutral.100}" } }, subtle: { value: { base: "{colors.neutral.700}", _dark: "{colors.neutral.200}" } } }, border: { neutral: { default: { value: { base: "{colors.neutral.700}", _dark: "{colors.neutral.400}" } }, subtle: { value: { base: "{colors.neutral.900}", _dark: "{colors.neutral.300}" } }, disabled: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.200}" } } }, neuroidPrimary: { default: { value: { base: "{colors.purple.500}", _dark: "{colors.purple.400}" } } }, danger: { default: { value: { base: "{colors.red.500}", _dark: "{colors.red.400}" } } }, warning: { default: { value: { base: "{colors.orange.500}", _dark: "{colors.orange.400}" } } }, success: { default: { value: { base: "{colors.green.500}", _dark: "{colors.green.400}" } } }, informative: { default: { value: { base: "{colors.blue.500}", _dark: "{colors.blue.400}" } } }, zoltarinaPrimary: { default: { value: { base: "{colors.ohre.800}", _dark: "{colors.ohre.400}" } } }, heydPrimary: { default: { value: { base: "{colors.cyan.800}", _dark: "{colors.cyan.400}" } } }, heybeePrimary: { default: { value: { base: "{colors.yellow.800}", _dark: "{colors.yellow.500}" } } } } }, shadows: { raised: { value: "0px 1px 3px 0px {colors.shadow.raised}" }, overlay: { value: "0px 20px 25px -5px {colors.shadow.overlay}" } } }, Eb = { body: { md: { value: { fontFamily: "notoSans", fontWeight: "regular", fontSize: "sm", lineHeight: "lg", letterSpacing: "3xl" } }, lg: { value: { fontFamily: "notoSans", fontWeight: "regular", fontSize: "md", lineHeight: "xl", letterSpacing: "3xl" } }, sm: { value: { fontSize: "xs", fontWeight: "regular", fontFamily: "notoSans", lineHeight: "md", letterSpacing: "3xl" } } }, label: { sm: { value: { fontFamily: "notoSans", fontWeight: "medium", fontSize: "xs", lineHeight: "md", letterSpacing: "3xl" } }, md: { value: { fontFamily: "notoSans", fontWeight: "medium", fontSize: "sm", lineHeight: "lg", letterSpacing: "3xl" } } }, title: { sm: { value: { fontFamily: "notoSans", fontWeight: "medium", fontSize: "sm", lineHeight: "lg", letterSpacing: "2xl" } }, md: { value: { fontFamily: "notoSans", fontWeight: "medium", fontSize: "md", lineHeight: "xl", letterSpacing: "xl" } }, lg: { value: { fontFamily: "notoSans", fontWeight: "semibold", fontSize: "lg", lineHeight: "2xl", letterSpacing: "xl" } } }, headline: { sm: { value: { fontFamily: "inter", fontWeight: "semibold", fontSize: "xl", lineHeight: "2xl", letterSpacing: "lg" } }, md: { value: { fontFamily: "inter", fontWeight: "bold", fontSize: "2xl", lineHeight: "3xl", letterSpacing: "md" } } }, display: { md: { value: { fontFamily: "inter", fontWeight: "bold", fontSize: "3xl", lineHeight: "4xl", letterSpacing: "sm" } }, lg: { value: { fontFamily: "inter", fontWeight: "bold", fontSize: "4xl", lineHeight: "5xl", letterSpacing: "xs" } } }, en: { title: { main: { 22: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "22px", letterSpacing: "3xl" } } }, 24: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "24px", letterSpacing: "3xl" } } }, 30: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "30px", letterSpacing: "2xl" } } }, 56: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "100%", fontSize: "56px", letterSpacing: "sm" } } } }, sub: { 16: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "16px", letterSpacing: "3xl" } } }, 18: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "18px", letterSpacing: "3xl" } } }, 20: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "20px", letterSpacing: "3xl" } } } } }, text: { chat: { 14: { bold: { value: { fontFamily: "dmSans", fontWeight: "bold", lineHeight: "150%", fontSize: "14px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "150%", fontSize: "14px", letterSpacing: "3xl" } } }, 16: { bold: { value: { fontFamily: "dmSans", fontWeight: "bold", lineHeight: "150%", fontSize: "16px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "150%", fontSize: "16px", letterSpacing: "3xl" } } } }, body: { 14: { bold: { value: { fontFamily: "dmSans", fontWeight: "bold", lineHeight: "120%", fontSize: "14px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "120%", fontSize: "14px", letterSpacing: "3xl" } } }, 16: { bold: { value: { fontFamily: "dmSans", fontWeight: "bold", lineHeight: "120%", fontSize: "16px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "120%", fontSize: "16px", letterSpacing: "3xl" } } } } }, label: { caption: { 10: { semibold: { value: { fontFamily: "dmSans", fontWeight: "semibold", lineHeight: "120%", fontSize: "10px", letterSpacing: "3xl" } } }, 12: { semibold: { value: { fontFamily: "dmSans", fontWeight: "semibold", lineHeight: "120%", fontSize: "12px", letterSpacing: "3xl" } } }, 14: { semibold: { value: { fontFamily: "dmSans", fontWeight: "semibold", lineHeight: "120%", fontSize: "14px", letterSpacing: "3xl" } } } } } }, kr: { title: { main: { 22: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "22px", letterSpacing: "2xl" } } }, 24: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "24px", letterSpacing: "2xl" } } }, 30: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "30px", letterSpacing: "xl" } } }, 56: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "100%", fontSize: "56px", letterSpacing: "sm" } } } }, sub: { 16: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "16px", letterSpacing: "2xl" } } }, 18: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "18px", letterSpacing: "2xl" } } }, 20: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "20px", letterSpacing: "2xl" } } } } }, text: { chat: { 14: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "160%", fontSize: "14px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "160%", fontSize: "14px", letterSpacing: "3xl" } } }, 16: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "160%", fontSize: "16px", letterSpacing: "2xl" } }, regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "160%", fontSize: "16px", letterSpacing: "2xl" } } } }, body: { 14: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "130%", fontSize: "14px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "130%", fontSize: "14px", letterSpacing: "3xl" } } }, 16: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "130%", fontSize: "16px", letterSpacing: "2xl" } }, regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "130%", fontSize: "16px", letterSpacing: "2xl" } } } } }, label: { caption: { 10: { semibold: { value: { fontFamily: "pretendard", fontWeight: "semibold", lineHeight: "120%", fontSize: "10px", letterSpacing: "3xl" } } }, 12: { semibold: { value: { fontFamily: "pretendard", fontWeight: "semibold", lineHeight: "120%", fontSize: "12px", letterSpacing: "3xl" } } }, 14: { semibold: { value: { fontFamily: "pretendard", fontWeight: "semibold", lineHeight: "120%", fontSize: "14px", letterSpacing: "3xl" } } } } } } }, ti = { semantic: Db, textStyles: Eb };
+var Db = { colors: { content: { neutral: { bold: { value: { base: "{colors.neutral.0}", _dark: "{colors.neutral.1100}" } }, default: { value: { base: "{colors.neutral.300}", _dark: "{colors.neutral.1000}" } }, subtle: { value: { base: "{colors.neutral.600}", _dark: "{colors.neutral.900}" } }, subtlest: { value: { base: "{colors.neutral.900}", _dark: "{colors.neutral.500}" } }, disabled: { value: { base: "{colors.neutral.800}", _dark: "{colors.neutral.600}" } }, default_inverse: { value: { base: "{colors.neutral.1100}", _dark: "{colors.neutral.0}" } } }, neuroidPrimary: { default: { value: { base: "{colors.purple.500}", _dark: "{colors.purple.400}" } }, default_inverse: { value: { base: "{colors.purple.800}", _dark: "{colors.purple.800}" } } }, danger: { default: { value: { base: "{colors.red.600}", _dark: "{colors.red.400}" } } }, warning: { default: { value: { base: "{colors.orange.600}", _dark: "{colors.orange.400}" } } }, success: { default: { value: { base: "{colors.green.600}", _dark: "{colors.green.400}" } } }, informative: { default: { value: { base: "{colors.blue.600}", _dark: "{colors.blue.400}" } } }, zoltarinaPrimary: { default: { value: { base: "{colors.ohre.800}", _dark: "{colors.ohre.400}" } }, default_inverse: { value: { base: "{colors.ohre.1000}", _dark: "{colors.ohre.1000}" } } }, heydPrimary: { default: { value: { base: "{colors.cyan.800}", _dark: "{colors.cyan.400}" } }, default_inverse: { value: { base: "{colors.cyan.1000}", _dark: "{colors.cyan.1000}" } } }, static: { white: { bold: { value: { base: "{colors.neutral.1200}", _dark: "{colors.neutral.1200}" } }, default: { value: { base: "{colors.neutral.1050}", _dark: "{colors.neutral.1050}" } }, subtle: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.1000}" } }, subtlest: { value: { base: "{colors.neutral.900}", _dark: "{colors.neutral.900}" } }, disabled: { value: { base: "{colors.neutral.800}", _dark: "{colors.neutral.800}" } } }, black: { bold: { value: { base: "{colors.neutral.0}", _dark: "{colors.neutral.0}" } }, default: { value: { base: "{colors.neutral.200}", _dark: "{colors.neutral.200}" } }, subtle: { value: { base: "{colors.neutral.400}", _dark: "{colors.neutral.400}" } }, subtlest: { value: { base: "{colors.neutral.600}", _dark: "{colors.neutral.600}" } }, disabled: { value: { base: "{colors.neutral.800}", _dark: "{colors.neutral.800}" } } } }, heybeePrimary: { default: { value: { base: "{colors.yellow.800}", _dark: "{colors.yellow.500}" } }, default_inverse: { value: { base: "{colors.yellow.1000}", _dark: "{colors.yellow.1000}" } } }, neutralInverse: { bold: { value: { base: "{colors.neutral.1100}", _dark: "{colors.neutral.0}" } }, default: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.300}" } }, subtle: { value: { base: "{colors.neutral.900}", _dark: "{colors.neutral.600}" } }, subtlest: { value: { base: "{colors.neutral.500}", _dark: "{colors.neutral.900}" } }, disabled: { value: { base: "{colors.neutral.600}", _dark: "{colors.neutral.800}" } }, default_inverse: { value: { base: "{colors.neutral.0}", _dark: "{colors.neutral.1100}" } } } }, background: { neutral: { default: { value: { base: "{colors.neutral.1050}", _dark: "{colors.neutral.200}" } }, selected: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.300}" } }, disabled: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.400}" } } }, neuroidPrimary: { default: { value: { base: "{colors.purple.300}", _dark: "{colors.purple.600}" } }, selected: { value: { base: "{colors.purple.400}", _dark: "{colors.purple.700}" } } }, neuroidSecondary: { default: { value: { base: "{colors.purple.200}", _dark: "{colors.purple.300}" } }, selected: { value: { base: "{colors.purple.300}", _dark: "{colors.purple.400}" } } }, danger: { default: { value: { base: "{colors.red.300}", _dark: "{colors.red.700}" } }, selected: { value: { base: "{colors.red.400}", _dark: "{colors.red.800}" } } }, warning: { default: { value: { base: "{colors.orange.300}", _dark: "{colors.orange.700}" } }, selected: { value: { base: "{colors.orange.400}", _dark: "{colors.orange.800}" } } }, success: { default: { value: { base: "{colors.green.300}", _dark: "{colors.green.700}" } }, selected: { value: { base: "{colors.green.400}", _dark: "{colors.green.800}" } } }, informative: { default: { value: { base: "{colors.blue.300}", _dark: "{colors.blue.700}" } }, selected: { value: { base: "{colors.blue.400}", _dark: "{colors.blue.800}" } } }, zoltarinaPrimary: { default: { value: { base: "{colors.ohre.400}", _dark: "{colors.ohre.400}" } }, selected: { value: { base: "{colors.ohre.500}", _dark: "{colors.ohre.500}" } } }, zoltarinaSecondary: { default: { value: { base: "{colors.ohre.200}", _dark: "{colors.ohre.200}" } }, selected: { value: { base: "{colors.ohre.300}", _dark: "{colors.ohre.300}" } } }, heydPrimary: { default: { value: { base: "{colors.cyan.500}", _dark: "{colors.cyan.500}" } }, selected: { value: { base: "{colors.cyan.600}", _dark: "{colors.cyan.600}" } } }, heydSecondary: { default: { value: { base: "{colors.cyan.200}", _dark: "{colors.cyan.200}" } }, selected: { value: { base: "{colors.cyan.300}", _dark: "{colors.cyan.300}" } } }, static: { whiteAlpha: { bold: { value: { base: "{colors.white.800A}", _dark: "{colors.white.800A}" } }, default: { value: { base: "{colors.white.500A}", _dark: "{colors.white.500A}" } }, selected: { value: { base: "{colors.white.600A}", _dark: "{colors.white.600A}" } }, disabled: { value: { base: "{colors.white.500A}", _dark: "{colors.white.500A}" } } }, blackAlpha: { bold: { value: { base: "{colors.black.700A}", _dark: "{colors.black.700A}" } }, default: { value: { base: "{colors.black.500A}", _dark: "{colors.black.500A}" } }, selected: { value: { base: "{colors.black.600A}", _dark: "{colors.black.600A}" } }, disabled: { value: { base: "{colors.black.500A}", _dark: "{colors.black.500A}" } } } }, heybeePrimary: { default: { value: { base: "{colors.yellow.500}", _dark: "{colors.yellow.500}" } }, selected: { value: { base: "{colors.yellow.600}", _dark: "{colors.yellow.600}" } } }, neutralInverse: { default: { value: { base: "{colors.neutral.200}", _dark: "{colors.neutral.1050}" } }, selected: { value: { base: "{colors.neutral.300}", _dark: "{colors.neutral.1000}" } }, disabled: { value: { base: "{colors.neutral.400}", _dark: "{colors.neutral.1000}" } } }, v3: { default: { value: { base: "#404040", _dark: "#404040" } } } }, surface: { base: { value: { base: "{colors.neutral.1100}", _dark: "{colors.neutral.0}" } }, layer_1: { value: { base: "{colors.neutral.1100}", _dark: "{colors.neutral.100}" } }, layer_2: { value: { base: "{colors.neutral.1050}", _dark: "{colors.neutral.200}" } } }, shadow: { overlay: { value: { base: "{colors.black.100A}", _dark: "{colors.black.400A}" } }, raised: { value: { base: "{colors.black.400A}", _dark: "{colors.black.600A}" } } }, scrim: { default: { value: { base: "{colors.black.600A}", _dark: "{colors.black.600A}" } } }, skeleton: { default: { value: { base: "{colors.neutral.800}", _dark: "{colors.neutral.100}" } }, subtle: { value: { base: "{colors.neutral.700}", _dark: "{colors.neutral.200}" } } }, border: { neutral: { default: { value: { base: "{colors.neutral.700}", _dark: "{colors.neutral.400}" } }, subtle: { value: { base: "{colors.neutral.900}", _dark: "{colors.neutral.300}" } }, disabled: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.200}" } } }, neuroidPrimary: { default: { value: { base: "{colors.purple.500}", _dark: "{colors.purple.400}" } } }, danger: { default: { value: { base: "{colors.red.500}", _dark: "{colors.red.400}" } } }, warning: { default: { value: { base: "{colors.orange.500}", _dark: "{colors.orange.400}" } } }, success: { default: { value: { base: "{colors.green.500}", _dark: "{colors.green.400}" } } }, informative: { default: { value: { base: "{colors.blue.500}", _dark: "{colors.blue.400}" } } }, zoltarinaPrimary: { default: { value: { base: "{colors.ohre.800}", _dark: "{colors.ohre.400}" } } }, heydPrimary: { default: { value: { base: "{colors.cyan.800}", _dark: "{colors.cyan.400}" } } }, heybeePrimary: { default: { value: { base: "{colors.yellow.800}", _dark: "{colors.yellow.500}" } } } } }, shadows: { raised: { value: "0px 1px 3px 0px {colors.shadow.raised}" }, overlay: { value: "0px 20px 25px -5px {colors.shadow.overlay}" } } }, Eb = { body: { md: { value: { fontFamily: "notoSans", fontWeight: "regular", fontSize: "sm", lineHeight: "lg", letterSpacing: "3xl" } }, lg: { value: { fontFamily: "notoSans", fontWeight: "regular", fontSize: "md", lineHeight: "xl", letterSpacing: "3xl" } }, sm: { value: { fontSize: "xs", fontWeight: "regular", fontFamily: "notoSans", lineHeight: "md", letterSpacing: "3xl" } } }, label: { sm: { value: { fontFamily: "notoSans", fontWeight: "medium", fontSize: "xs", lineHeight: "md", letterSpacing: "3xl" } }, md: { value: { fontFamily: "notoSans", fontWeight: "medium", fontSize: "sm", lineHeight: "lg", letterSpacing: "3xl" } } }, title: { sm: { value: { fontFamily: "notoSans", fontWeight: "medium", fontSize: "sm", lineHeight: "lg", letterSpacing: "2xl" } }, md: { value: { fontFamily: "notoSans", fontWeight: "medium", fontSize: "md", lineHeight: "xl", letterSpacing: "xl" } }, lg: { value: { fontFamily: "notoSans", fontWeight: "semibold", fontSize: "lg", lineHeight: "2xl", letterSpacing: "xl" } } }, headline: { sm: { value: { fontFamily: "inter", fontWeight: "semibold", fontSize: "xl", lineHeight: "2xl", letterSpacing: "lg" } }, md: { value: { fontFamily: "inter", fontWeight: "bold", fontSize: "2xl", lineHeight: "3xl", letterSpacing: "md" } } }, display: { md: { value: { fontFamily: "inter", fontWeight: "bold", fontSize: "3xl", lineHeight: "4xl", letterSpacing: "sm" } }, lg: { value: { fontFamily: "inter", fontWeight: "bold", fontSize: "4xl", lineHeight: "5xl", letterSpacing: "xs" } } }, en: { title: { main: { 22: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "22px", letterSpacing: "3xl" } } }, 24: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "24px", letterSpacing: "3xl" } } }, 30: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "30px", letterSpacing: "2xl" } } }, 56: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "100%", fontSize: "56px", letterSpacing: "sm" } } } }, sub: { 16: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "16px", letterSpacing: "3xl" } } }, 18: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "18px", letterSpacing: "3xl" } } }, 20: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "20px", letterSpacing: "3xl" } } } } }, text: { chat: { 14: { bold: { value: { fontFamily: "dmSans", fontWeight: "bold", lineHeight: "150%", fontSize: "14px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "150%", fontSize: "14px", letterSpacing: "3xl" } } }, 16: { bold: { value: { fontFamily: "dmSans", fontWeight: "bold", lineHeight: "150%", fontSize: "16px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "150%", fontSize: "16px", letterSpacing: "3xl" } } } }, body: { 14: { bold: { value: { fontFamily: "dmSans", fontWeight: "bold", lineHeight: "120%", fontSize: "14px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "120%", fontSize: "14px", letterSpacing: "3xl" } } }, 16: { bold: { value: { fontFamily: "dmSans", fontWeight: "bold", lineHeight: "120%", fontSize: "16px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "120%", fontSize: "16px", letterSpacing: "3xl" } } } } }, label: { caption: { 10: { regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "120%", fontSize: "10px", letterSpacing: "3xl" } }, semibold: { value: { fontFamily: "dmSans", fontWeight: "semibold", lineHeight: "120%", fontSize: "10px", letterSpacing: "3xl" } } }, 12: { regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "120%", fontSize: "12px", letterSpacing: "3xl" } }, semibold: { value: { fontFamily: "dmSans", fontWeight: "semibold", lineHeight: "120%", fontSize: "12px", letterSpacing: "3xl" } } }, 14: { semibold: { value: { fontFamily: "dmSans", fontWeight: "semibold", lineHeight: "120%", fontSize: "14px", letterSpacing: "3xl" } } } } } }, kr: { title: { main: { 22: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "22px", letterSpacing: "2xl" } } }, 24: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "24px", letterSpacing: "2xl" } } }, 30: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "30px", letterSpacing: "xl" } } }, 56: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "100%", fontSize: "56px", letterSpacing: "sm" } } } }, sub: { 16: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "16px", letterSpacing: "2xl" } } }, 18: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "18px", letterSpacing: "2xl" } } }, 20: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "20px", letterSpacing: "2xl" } } } } }, text: { chat: { 14: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "160%", fontSize: "14px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "160%", fontSize: "14px", letterSpacing: "3xl" } } }, 16: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "160%", fontSize: "16px", letterSpacing: "2xl" } }, regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "160%", fontSize: "16px", letterSpacing: "2xl" } } } }, body: { 14: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "130%", fontSize: "14px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "130%", fontSize: "14px", letterSpacing: "3xl" } } }, 16: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "130%", fontSize: "16px", letterSpacing: "2xl" } }, regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "130%", fontSize: "16px", letterSpacing: "2xl" } } } } }, label: { caption: { 10: { regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "120%", fontSize: "10px", letterSpacing: "3xl" } }, semibold: { value: { fontFamily: "pretendard", fontWeight: "semibold", lineHeight: "120%", fontSize: "10px", letterSpacing: "3xl" } } }, 12: { regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "120%", fontSize: "12px", letterSpacing: "3xl" } }, semibold: { value: { fontFamily: "pretendard", fontWeight: "semibold", lineHeight: "120%", fontSize: "12px", letterSpacing: "3xl" } } }, 14: { semibold: { value: { fontFamily: "pretendard", fontWeight: "semibold", lineHeight: "120%", fontSize: "14px", letterSpacing: "3xl" } } } } } } }, ti = { semantic: Db, textStyles: Eb };
 const Mb = {
   extend: {
     collapsed: '&:is([aria-collapsed=true], [data-collapsed], [data-state="collapsed"])',