@nation-a/ui 0.17.3 → 0.17.5

package/dist/index.js

@@ -1191,6 +1191,7 @@ const Td = Ut({
       },
       "title.main.22.bold": {},
       "title.main.24.bold": {},
+      "title.main.28.bold": {},
       "title.main.30.bold": {},
       "title.main.56.bold": {},
       "title.sub.16.bold": {},
@@ -1246,6 +1247,13 @@ const Td = Ut({
       textStyle: "en.title.main.24.bold",
       fontFamily: "freeman"
     }
+  }, {
+    variant: "title.main.28.bold",
+    language: "en",
+    css: {
+      textStyle: "en.title.main.28.bold",
+      fontFamily: "freeman"
+    }
   }, {
     variant: "title.main.30.bold",
     language: "en",
@@ -1386,6 +1394,13 @@ const Td = Ut({
       textStyle: "kr.title.main.24.bold",
       fontFamily: "pretendard"
     }
+  }, {
+    variant: "title.main.28.bold",
+    language: "ko",
+    css: {
+      textStyle: "kr.title.main.28.bold",
+      fontFamily: "pretendard"
+    }
   }, {
     variant: "title.main.30.bold",
     language: "ko",
@@ -10042,7 +10057,7 @@ const ty = {
     }
   }
 };
-var ny = { 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}" } } }, oy = { 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" } } } } } } }, yi = { semantic: ny, textStyles: oy };
+var ny = { 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}" } } }, oy = { 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" } } }, 28: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "28px", 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" } } }, 28: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "28px", 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" } } } } } } }, yi = { semantic: ny, textStyles: oy };
 const ry = {
   extend: {
     collapsed: '&:is([aria-collapsed=true], [data-collapsed], [data-state="collapsed"])',