@nation-a/ui 0.16.21 → 0.16.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +36 -2
- package/dist/index.js.map +1 -1
- package/dist/stats.html +1 -1
- package/dist/styled-system/styles.css +32 -6
- package/dist/styled-system/types/prop-type.d.ts +1 -1
- package/dist/types/components/Text/index.d.ts +1 -1
- package/dist/types/components/Text/text.recipe.d.ts +2 -0
- package/package.json +3 -3
|
@@ -1056,6 +1056,14 @@ html:not(#\#),body:not(#\#) {
|
|
|
1056
1056
|
font-size: 16px;
|
|
1057
1057
|
}
|
|
1058
1058
|
|
|
1059
|
+
.textStyle_en\.label\.caption\.10\.regular:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1060
|
+
letter-spacing: var(--letter-spacings-3xl);
|
|
1061
|
+
font-family: var(--fonts-dm-sans);
|
|
1062
|
+
font-weight: var(--font-weights-regular);
|
|
1063
|
+
line-height: 120%;
|
|
1064
|
+
font-size: 10px;
|
|
1065
|
+
}
|
|
1066
|
+
|
|
1059
1067
|
.textStyle_en\.label\.caption\.10\.semibold:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1060
1068
|
letter-spacing: var(--letter-spacings-3xl);
|
|
1061
1069
|
font-family: var(--fonts-dm-sans);
|
|
@@ -1064,6 +1072,14 @@ html:not(#\#),body:not(#\#) {
|
|
|
1064
1072
|
font-size: 10px;
|
|
1065
1073
|
}
|
|
1066
1074
|
|
|
1075
|
+
.textStyle_en\.label\.caption\.12\.regular:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1076
|
+
letter-spacing: var(--letter-spacings-3xl);
|
|
1077
|
+
font-family: var(--fonts-dm-sans);
|
|
1078
|
+
font-weight: var(--font-weights-regular);
|
|
1079
|
+
line-height: 120%;
|
|
1080
|
+
font-size: 12px;
|
|
1081
|
+
}
|
|
1082
|
+
|
|
1067
1083
|
.textStyle_en\.label\.caption\.12\.semibold:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1068
1084
|
letter-spacing: var(--letter-spacings-3xl);
|
|
1069
1085
|
font-family: var(--fonts-dm-sans);
|
|
@@ -1199,6 +1215,14 @@ html:not(#\#),body:not(#\#) {
|
|
|
1199
1215
|
font-size: 16px;
|
|
1200
1216
|
}
|
|
1201
1217
|
|
|
1218
|
+
.textStyle_kr\.label\.caption\.10\.regular:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1219
|
+
letter-spacing: var(--letter-spacings-3xl);
|
|
1220
|
+
font-family: var(--fonts-pretendard);
|
|
1221
|
+
font-weight: var(--font-weights-regular);
|
|
1222
|
+
line-height: 120%;
|
|
1223
|
+
font-size: 10px;
|
|
1224
|
+
}
|
|
1225
|
+
|
|
1202
1226
|
.textStyle_kr\.label\.caption\.10\.semibold:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1203
1227
|
letter-spacing: var(--letter-spacings-3xl);
|
|
1204
1228
|
font-family: var(--fonts-pretendard);
|
|
@@ -1207,6 +1231,14 @@ html:not(#\#),body:not(#\#) {
|
|
|
1207
1231
|
font-size: 10px;
|
|
1208
1232
|
}
|
|
1209
1233
|
|
|
1234
|
+
.textStyle_kr\.label\.caption\.12\.regular:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1235
|
+
letter-spacing: var(--letter-spacings-3xl);
|
|
1236
|
+
font-family: var(--fonts-pretendard);
|
|
1237
|
+
font-weight: var(--font-weights-regular);
|
|
1238
|
+
line-height: 120%;
|
|
1239
|
+
font-size: 12px;
|
|
1240
|
+
}
|
|
1241
|
+
|
|
1210
1242
|
.textStyle_kr\.label\.caption\.12\.semibold:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1211
1243
|
letter-spacing: var(--letter-spacings-3xl);
|
|
1212
1244
|
font-family: var(--fonts-pretendard);
|
|
@@ -3362,12 +3394,6 @@ html:not(#\#),body:not(#\#) {
|
|
|
3362
3394
|
}
|
|
3363
3395
|
}
|
|
3364
3396
|
|
|
3365
|
-
@media (hover: hover) and (pointer: fine) {
|
|
3366
|
-
.hover\:c_content\.neutral\.hovered:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
3367
|
-
color: content.neutral.hovered;
|
|
3368
|
-
}
|
|
3369
|
-
}
|
|
3370
|
-
|
|
3371
3397
|
@media (hover: hover) and (pointer: fine) {
|
|
3372
3398
|
.hover\:bd-c_content\.neutral\.subtle:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
3373
3399
|
border-color: var(--colors-content-neutral-subtle);
|
|
@@ -208,7 +208,7 @@ export interface UtilityValues {
|
|
|
208
208
|
debug: boolean;
|
|
209
209
|
containerName: CssProperties["containerName"];
|
|
210
210
|
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" | "background.v3" | "surface" | "shadow" | "scrim" | "skeleton" | "border" | "border.neutral" | "border.neuroidPrimary" | "border.danger" | "border.warning" | "border.success" | "border.informative" | "border.zoltarinaPrimary" | "border.heydPrimary" | "border.heybeePrimary";
|
|
211
|
-
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";
|
|
211
|
+
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.regular" | "en.label.caption.10.semibold" | "en.label.caption.12.regular" | "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.regular" | "kr.label.caption.10.semibold" | "kr.label.caption.12.regular" | "kr.label.caption.12.semibold" | "kr.label.caption.14.semibold";
|
|
212
212
|
}
|
|
213
213
|
|
|
214
214
|
|
|
@@ -273,7 +273,7 @@ declare const Text: import('react').ForwardRefExoticComponent<Omit<{
|
|
|
273
273
|
part?: string | undefined | undefined;
|
|
274
274
|
ref?: import('react').Ref<HTMLParagraphElement> | undefined;
|
|
275
275
|
} & import('../../../styled-system/types').WithCss & {
|
|
276
|
-
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" | "title.main.22.bold" | "title.main.24.bold" | "title.main.30.bold" | "title.main.56.bold" | "title.sub.16.bold" | "title.sub.18.bold" | "title.sub.20.bold" | "text.chat.14.bold" | "text.chat.14.regular" | "text.chat.16.bold" | "text.chat.16.regular" | "text.body.14.bold" | "text.body.14.regular" | "text.body.16.bold" | "text.body.16.regular" | "label.caption.10.semibold" | "label.caption.12.semibold" | "label.caption.14.semibold" | undefined;
|
|
276
|
+
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" | "title.main.22.bold" | "title.main.24.bold" | "title.main.30.bold" | "title.main.56.bold" | "title.sub.16.bold" | "title.sub.18.bold" | "title.sub.20.bold" | "text.chat.14.bold" | "text.chat.14.regular" | "text.chat.16.bold" | "text.chat.16.regular" | "text.body.14.bold" | "text.body.14.regular" | "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" | undefined;
|
|
277
277
|
language?: "en" | "ko" | undefined;
|
|
278
278
|
font?: "freeman" | "dmSans" | "pretendard" | "notoSans" | "inter" | undefined;
|
|
279
279
|
}, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
|
|
@@ -66,7 +66,9 @@ export declare const textRecipe: import('../../../styled-system/types').RecipeRu
|
|
|
66
66
|
'text.body.16.bold': {};
|
|
67
67
|
'text.body.16.regular': {};
|
|
68
68
|
'label.caption.10.semibold': {};
|
|
69
|
+
'label.caption.10.regular': {};
|
|
69
70
|
'label.caption.12.semibold': {};
|
|
71
|
+
'label.caption.12.regular': {};
|
|
70
72
|
'label.caption.14.semibold': {};
|
|
71
73
|
};
|
|
72
74
|
language: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nation-a/ui",
|
|
3
|
-
"version": "0.16.
|
|
3
|
+
"version": "0.16.22",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"types": "./dist/types/index.d.ts",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -22,8 +22,8 @@
|
|
|
22
22
|
"react-dom": "^18.3.1",
|
|
23
23
|
"react-hot-toast": "^2.5.2",
|
|
24
24
|
"react-lottie": "^1.2.10",
|
|
25
|
-
"@nation-a/icons": "0.4.
|
|
26
|
-
"@nation-a/tokens": "0.4.
|
|
25
|
+
"@nation-a/icons": "0.4.1",
|
|
26
|
+
"@nation-a/tokens": "0.4.2"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@chromatic-com/storybook": "^3",
|