@nation-a/ui 0.16.15 → 0.16.16

package/dist/styled-system/types/prop-type.d.ts

@@ -207,8 +207,8 @@ export interface UtilityValues {
 	srOnly: boolean;
 	debug: boolean;
 	containerName: CssProperties["containerName"];
-	colorPalette: "neutral" | "black" | "white" | "red" | "orange" | "blue" | "green" | "purple" | "ohre" | "cyan" | "yellow" | "content" | "content.neutral" | "content.neuroidPrimary" | "content.danger" | "content.warning" | "content.success" | "content.informative" | "content.zoltarinaPrimary" | "content.heydPrimary" | "content.static" | "content.static.white" | "content.static.black" | "content.heybeePrimary" | "content.neutralInverse" | "background" | "background.neutral" | "background.neuroidPrimary" | "background.neuroidSecondary" | "background.danger" | "background.warning" | "background.success" | "background.informative" | "background.zoltarinaPrimary" | "background.zoltarinaSecondary" | "background.heydPrimary" | "background.heydSecondary" | "background.static" | "background.static.whiteAlpha" | "background.static.blackAlpha" | "background.heybeePrimary" | "background.neutralInverse" | "surface" | "shadow" | "scrim" | "skeleton" | "border" | "border.neutral" | "border.neuroidPrimary" | "border.danger" | "border.warning" | "border.success" | "border.informative" | "border.zoltarinaPrimary" | "border.heydPrimary" | "border.heybeePrimary";
-	textStyle: "body.md" | "body.lg" | "body.sm" | "label.sm" | "label.md" | "title.sm" | "title.md" | "title.lg" | "headline.sm" | "headline.md" | "display.md" | "display.lg";
+	colorPalette: "neutral" | "black" | "white" | "red" | "orange" | "blue" | "green" | "purple" | "ohre" | "cyan" | "yellow" | "v3" | "content" | "content.neutral" | "content.neuroidPrimary" | "content.danger" | "content.warning" | "content.success" | "content.informative" | "content.zoltarinaPrimary" | "content.heydPrimary" | "content.static" | "content.static.white" | "content.static.black" | "content.heybeePrimary" | "content.neutralInverse" | "background" | "background.neutral" | "background.neuroidPrimary" | "background.neuroidSecondary" | "background.danger" | "background.warning" | "background.success" | "background.informative" | "background.zoltarinaPrimary" | "background.zoltarinaSecondary" | "background.heydPrimary" | "background.heydSecondary" | "background.static" | "background.static.whiteAlpha" | "background.static.blackAlpha" | "background.heybeePrimary" | "background.neutralInverse" | "surface" | "shadow" | "scrim" | "skeleton" | "border" | "border.neutral" | "border.neuroidPrimary" | "border.danger" | "border.warning" | "border.success" | "border.informative" | "border.zoltarinaPrimary" | "border.heydPrimary" | "border.heybeePrimary";
+	textStyle: "body.md" | "body.lg" | "body.sm" | "label.sm" | "label.md" | "title.sm" | "title.md" | "title.lg" | "headline.sm" | "headline.md" | "display.md" | "display.lg" | "en.title.main.22.bold" | "en.title.main.24.bold" | "en.title.main.30.bold" | "en.title.main.56.bold" | "en.title.sub.16.bold" | "en.title.sub.18.bold" | "en.title.sub.20.bold" | "en.text.chat.14.bold" | "en.text.chat.14.regular" | "en.text.chat.16.bold" | "en.text.chat.16.regular" | "en.text.body.14.bold" | "en.text.body.14.regular" | "en.text.body.16.bold" | "en.text.body.16.regular" | "en.label.caption.10.semibold" | "en.label.caption.12.semibold" | "en.label.caption.14.semibold" | "kr.title.main.22.bold" | "kr.title.main.24.bold" | "kr.title.main.30.bold" | "kr.title.main.56.bold" | "kr.title.sub.16.bold" | "kr.title.sub.18.bold" | "kr.title.sub.20.bold" | "kr.text.chat.14.bold" | "kr.text.chat.14.regular" | "kr.text.chat.16.bold" | "kr.text.chat.16.regular" | "kr.text.body.14.bold" | "kr.text.body.14.regular" | "kr.text.body.16.bold" | "kr.text.body.16.regular" | "kr.label.caption.10.semibold" | "kr.label.caption.12.semibold" | "kr.label.caption.14.semibold";
 }
 
 

package/dist/types/components/Text/index.d.ts

@@ -273,7 +273,7 @@ declare const Text: import('react').ForwardRefExoticComponent<Omit<{
     part?: string | undefined | undefined;
     ref?: import('react').Ref<HTMLParagraphElement> | undefined;
 } & import('../../../styled-system/types').WithCss & {
-    font?: "inter" | "notoSans" | undefined;
-    variant?: "label.sm" | "body.md" | "body.lg" | "body.sm" | "label.md" | "title.sm" | "title.md" | "title.lg" | "headline.sm" | "headline.md" | "display.md" | "display.lg" | undefined;
+    variant?: "label.sm" | "body.md" | "body.lg" | "body.sm" | "label.md" | "title.sm" | "title.md" | "title.lg" | "headline.sm" | "headline.md" | "display.md" | "display.lg" | "en.title.main.22.bold" | "en.title.main.24.bold" | "en.title.main.30.bold" | "en.title.main.56.bold" | "en.title.sub.16.bold" | "en.title.sub.18.bold" | "en.title.sub.20.bold" | "en.text.chat.14.bold" | "en.text.chat.14.regular" | "en.text.chat.16.bold" | "en.text.chat.16.regular" | "en.text.body.14.bold" | "en.text.body.14.regular" | "en.text.body.16.bold" | "en.text.body.16.regular" | "en.label.caption.10.semibold" | "en.label.caption.12.semibold" | "en.label.caption.14.semibold" | "kr.title.main.22.bold" | "kr.title.main.24.bold" | "kr.title.main.30.bold" | "kr.title.main.56.bold" | "kr.title.sub.16.bold" | "kr.title.sub.18.bold" | "kr.title.sub.20.bold" | "kr.text.chat.14.bold" | "kr.text.chat.14.regular" | "kr.text.chat.16.bold" | "kr.text.chat.16.regular" | "kr.text.body.14.bold" | "kr.text.body.14.regular" | "kr.text.body.16.bold" | "kr.text.body.16.regular" | "kr.label.caption.10.semibold" | "kr.label.caption.12.semibold" | "kr.label.caption.14.semibold" | undefined;
+    font?: "freeman" | "dmSans" | "pretendard" | "notoSans" | "inter" | undefined;
 }, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
 export default Text;

package/dist/types/components/Text/text.recipe.d.ts

@@ -1,14 +1,6 @@
 import { RecipeVariantProps } from '../../../styled-system/css';
 export type TextVariantProps = RecipeVariantProps<typeof textRecipe>;
 export declare const textRecipe: import('../../../styled-system/types').RecipeRuntimeFn<{
-    font: {
-        inter: {
-            fontFamily: "inter";
-        };
-        notoSans: {
-            fontFamily: "notoSans";
-        };
-    };
     variant: {
         'display.lg': {
             textStyle: "display.lg";
@@ -58,5 +50,166 @@ export declare const textRecipe: import('../../../styled-system/types').RecipeRu
             textStyle: "label.md";
             fontFamily: "notoSans";
         };
+        'en.title.main.22.bold': {
+            textStyle: "en.title.main.22.bold";
+            fontFamily: "freeman";
+        };
+        'en.title.main.24.bold': {
+            textStyle: "en.title.main.24.bold";
+            fontFamily: "freeman";
+        };
+        'en.title.main.30.bold': {
+            textStyle: "en.title.main.30.bold";
+            fontFamily: "freeman";
+        };
+        'en.title.main.56.bold': {
+            textStyle: "en.title.main.56.bold";
+            fontFamily: "freeman";
+        };
+        'en.title.sub.16.bold': {
+            textStyle: "en.title.sub.16.bold";
+            fontFamily: "freeman";
+        };
+        'en.title.sub.18.bold': {
+            textStyle: "en.title.sub.18.bold";
+            fontFamily: "freeman";
+        };
+        'en.title.sub.20.bold': {
+            textStyle: "en.title.sub.20.bold";
+            fontFamily: "freeman";
+        };
+        'en.text.chat.14.bold': {
+            textStyle: "en.text.chat.14.bold";
+            fontFamily: "dmSans";
+        };
+        'en.text.chat.14.regular': {
+            textStyle: "en.text.chat.14.regular";
+            fontFamily: "dmSans";
+        };
+        'en.text.chat.16.bold': {
+            textStyle: "en.text.chat.16.bold";
+            fontFamily: "dmSans";
+        };
+        'en.text.chat.16.regular': {
+            textStyle: "en.text.chat.16.regular";
+            fontFamily: "dmSans";
+        };
+        'en.text.body.14.bold': {
+            textStyle: "en.text.body.14.bold";
+            fontFamily: "dmSans";
+        };
+        'en.text.body.14.regular': {
+            textStyle: "en.text.body.14.regular";
+            fontFamily: "dmSans";
+        };
+        'en.text.body.16.bold': {
+            textStyle: "en.text.body.16.bold";
+            fontFamily: "dmSans";
+        };
+        'en.text.body.16.regular': {
+            textStyle: "en.text.body.16.regular";
+            fontFamily: "dmSans";
+        };
+        'en.label.caption.10.semibold': {
+            textStyle: "en.label.caption.10.semibold";
+            fontFamily: "dmSans";
+        };
+        'en.label.caption.12.semibold': {
+            textStyle: "en.label.caption.12.semibold";
+            fontFamily: "dmSans";
+        };
+        'en.label.caption.14.semibold': {
+            textStyle: "en.label.caption.14.semibold";
+            fontFamily: "dmSans";
+        };
+        'kr.title.main.22.bold': {
+            textStyle: "kr.title.main.22.bold";
+            fontFamily: "pretendard";
+        };
+        'kr.title.main.24.bold': {
+            textStyle: "kr.title.main.24.bold";
+            fontFamily: "pretendard";
+        };
+        'kr.title.main.30.bold': {
+            textStyle: "kr.title.main.30.bold";
+            fontFamily: "pretendard";
+        };
+        'kr.title.main.56.bold': {
+            textStyle: "kr.title.main.56.bold";
+            fontFamily: "pretendard";
+        };
+        'kr.title.sub.16.bold': {
+            textStyle: "kr.title.sub.16.bold";
+            fontFamily: "pretendard";
+        };
+        'kr.title.sub.18.bold': {
+            textStyle: "kr.title.sub.18.bold";
+            fontFamily: "pretendard";
+        };
+        'kr.title.sub.20.bold': {
+            textStyle: "kr.title.sub.20.bold";
+            fontFamily: "pretendard";
+        };
+        'kr.text.chat.14.bold': {
+            textStyle: "kr.text.chat.14.bold";
+            fontFamily: "pretendard";
+        };
+        'kr.text.chat.14.regular': {
+            textStyle: "kr.text.chat.14.regular";
+            fontFamily: "pretendard";
+        };
+        'kr.text.chat.16.bold': {
+            textStyle: "kr.text.chat.16.bold";
+            fontFamily: "pretendard";
+        };
+        'kr.text.chat.16.regular': {
+            textStyle: "kr.text.chat.16.regular";
+            fontFamily: "pretendard";
+        };
+        'kr.text.body.14.bold': {
+            textStyle: "kr.text.body.14.bold";
+            fontFamily: "pretendard";
+        };
+        'kr.text.body.14.regular': {
+            textStyle: "kr.text.body.14.regular";
+            fontFamily: "pretendard";
+        };
+        'kr.text.body.16.bold': {
+            textStyle: "kr.text.body.16.bold";
+            fontFamily: "pretendard";
+        };
+        'kr.text.body.16.regular': {
+            textStyle: "kr.text.body.16.regular";
+            fontFamily: "pretendard";
+        };
+        'kr.label.caption.10.semibold': {
+            textStyle: "kr.label.caption.10.semibold";
+            fontFamily: "pretendard";
+        };
+        'kr.label.caption.12.semibold': {
+            textStyle: "kr.label.caption.12.semibold";
+            fontFamily: "pretendard";
+        };
+        'kr.label.caption.14.semibold': {
+            textStyle: "kr.label.caption.14.semibold";
+            fontFamily: "pretendard";
+        };
+    };
+    font: {
+        inter: {
+            fontFamily: "inter";
+        };
+        notoSans: {
+            fontFamily: "notoSans";
+        };
+        dmSans: {
+            fontFamily: "dmSans";
+        };
+        pretendard: {
+            fontFamily: "pretendard";
+        };
+        freeman: {
+            fontFamily: "freeman";
+        };
     };
 }>;

package/dist/types/test/utils.d.ts

@@ -0,0 +1,13 @@
+import { RenderOptions, RenderResult } from '@testing-library/react';
+import { ReactElement } from 'react';
+import { UserEvent } from '@testing-library/user-event';
+interface CustomRenderOptions extends Omit<RenderOptions, 'wrapper'> {
+}
+/**
+ * Custom render function that includes UI providers
+ */
+declare const customRender: (ui: ReactElement, options?: CustomRenderOptions) => RenderResult & {
+    user: UserEvent;
+};
+export * from '@testing-library/react';
+export { customRender as render };

package/dist/types/theme/tokens/index.d.ts

@@ -187,6 +187,15 @@ export declare const tokens: {
             };
         };
         white: {
+            "1000A": {
+                value: string;
+            };
+            "900A": {
+                value: string;
+            };
+            "800A": {
+                value: string;
+            };
             "700A": {
                 value: string;
             };
@@ -465,6 +474,11 @@ export declare const tokens: {
                 value: string;
             };
         };
+        v3: {
+            blue: {
+                value: string;
+            };
+        };
     };
     borderWidths: {
         none: {
@@ -585,20 +599,23 @@ export declare const tokens: {
         bold: {
             value: string;
         };
-        regularItalic: {
+    };
+    fonts: {
+        freeman: {
             value: string;
         };
-        mediumItalic: {
+        dmSans: {
             value: string;
         };
-    };
-    fonts: {
-        inter: {
+        pretendard: {
             value: string;
         };
         notoSans: {
             value: string;
         };
+        inter: {
+            value: string;
+        };
     };
     animations: {
         'backdrop-in': {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nation-a/ui",
-  "version": "0.16.15",
+  "version": "0.16.16",
   "type": "module",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/index.cjs",
@@ -23,10 +23,11 @@
     "react-hot-toast": "^2.5.2",
     "react-lottie": "^1.2.10",
     "@nation-a/icons": "0.3.0",
-    "@nation-a/tokens": "0.3.0"
+    "@nation-a/tokens": "0.4.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3",
+    "@emotion/is-prop-valid": "^1.3.1",
     "@pandacss/dev": "^0.53.1",
     "@storybook/addon-essentials": "^8.6.11",
     "@storybook/addon-interactions": "^8.6.11",