@uniai-fe/uds-foundation 0.0.5 → 0.0.6

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.
Files changed (8) hide show
  1. package/dist/index.css +28 -9
  2. package/dist/typography/fonts/pretendard.js +1 -0
  3. package/package.json +1 -1
  4. package/src/index.scss +1 -0
  5. package/src/init/reset.scss +9 -0
  6. package/src/typography/fonts/font-face.scss +17 -0
  7. package/src/typography/fonts/font-family.scss +13 -11
  8. package/src/typography/fonts/pretendard.ts +1 -0
package/dist/index.css CHANGED
@@ -20,6 +20,7 @@
20
20
  letter-spacing: -0.05em;
21
21
  flex-shrink: 0;
22
22
  overscroll-behavior-y: none;
23
+ font-family: var(--font-family-sans, "Pretendard JP Variable", "Pretendard JP", "Pretendard Variable", "Pretendard", "Inter", sans-serif);
23
24
  }
24
25
  *:focus,
25
26
  *:focus-within,
@@ -657,23 +658,41 @@
657
658
  --theme-radius-xlarge: 16px;
658
659
  }
659
660
  }
661
+ @layer theme.tokens.typography {
662
+ @font-face {
663
+ font-family: "Pretendard JP Variable";
664
+ src: url("./fonts/pretendard-jp/PretendardJPVariable.woff2") format("woff2");
665
+ font-weight: 100 900;
666
+ font-style: normal;
667
+ font-display: swap;
668
+ }
669
+ @font-face {
670
+ font-family: "InterVariable";
671
+ src: url("./fonts/inter/InterVariable.woff2") format("woff2");
672
+ font-weight: 100 900;
673
+ font-style: normal;
674
+ font-display: swap;
675
+ }
676
+ }
660
677
  @layer theme.tokens.typography {
661
678
  :root {
662
679
  --font-family-pretendard:
663
680
  "Pretendard JP Variable", "Pretendard JP", "Pretendard Variable",
664
- "Pretendard", "Noto Sans KR", "-apple-system", "BlinkMacSystemFont",
665
- "Apple SD Gothic Neo", "Segoe UI", "Roboto", "Helvetica",
666
- "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji",
681
+ "Pretendard", "InterVariable", "Inter", "Noto Sans KR", "-apple-system",
682
+ "BlinkMacSystemFont", "Apple SD Gothic Neo", "Segoe UI", "Roboto",
683
+ "Helvetica Neue", "Helvetica", "Apple Color Emoji", "Segoe UI Emoji",
667
684
  "Segoe UI Symbol", "Malgun Gothic", "맑은 고딕", "돋움", "dotum",
668
685
  "Oxygen", "Oxygen-Sans", "Ubuntu", "Cantarell", "sans-serif";
669
686
  --font-family-inter:
670
- "InterVariable", "Inter", "-apple-system", "BlinkMacSystemFont",
671
- "Segoe UI", "Roboto", "Helvetica", "Helvetica Neue", "Apple Color Emoji",
672
- "Segoe UI Emoji", "Segoe UI Symbol", "Malgun Gothic", "맑은 고딕", "돋움",
673
- "dotum", "Oxygen", "Oxygen-Sans", "Ubuntu", "Cantarell", "sans-serif";
687
+ "InterVariable", "Inter", "Pretendard JP Variable", "Pretendard JP",
688
+ "Pretendard Variable", "Pretendard", "-apple-system",
689
+ "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Helvetica",
690
+ "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Malgun Gothic",
691
+ "맑은 고딕", "돋움", "dotum", "Oxygen", "Oxygen-Sans", "Ubuntu",
692
+ "Cantarell", "sans-serif";
674
693
  --font-family-system:
675
- "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica",
676
- "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji",
694
+ "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto",
695
+ "Helvetica Neue", "Helvetica", "Apple Color Emoji", "Segoe UI Emoji",
677
696
  "Segoe UI Symbol", "Malgun Gothic", "맑은 고딕", "돋움", "dotum",
678
697
  "Oxygen", "Oxygen-Sans", "Ubuntu", "Cantarell", "sans-serif";
679
698
  --font-family-sans: var(--font-family-pretendard);
package/dist/typography/fonts/pretendard.js CHANGED
@@ -5,6 +5,7 @@ const pretendardFont = {
5
5
  family: "Pretendard JP Variable",
6
6
  cssVariable: "--theme-font-family-pretendard",
7
7
  fallbacks: [
8
+ "Pretendard JP",
8
9
  "Pretendard Variable",
9
10
  "Pretendard",
10
11
  "Inter",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniai-fe/uds-foundation",
3
- "version": "0.0.5",
3
+ "version": "0.0.6",
4
4
  "description": "UNIAI Design System; Design Foundation Package",
5
5
  "type": "module",
6
6
  "private": false,
package/src/index.scss CHANGED
@@ -8,6 +8,7 @@
8
8
  @use "./layout/breakpoint.scss";
9
9
  @use "./layout/size.scss";
10
10
  @use "./layout/radius.scss";
11
+ @use "./typography/fonts/font-face.scss";
11
12
  @use "./typography/fonts/font-family.scss";
12
13
  @use "./typography/styles/display.scss";
13
14
  @use "./typography/styles/heading.scss";
package/src/init/reset.scss CHANGED
@@ -20,6 +20,15 @@
20
20
  letter-spacing: -0.05em;
21
21
  flex-shrink: 0;
22
22
  overscroll-behavior-y: none;
23
+ font-family: var(
24
+ --font-family-sans,
25
+ "Pretendard JP Variable",
26
+ "Pretendard JP",
27
+ "Pretendard Variable",
28
+ "Pretendard",
29
+ "Inter",
30
+ sans-serif
31
+ ); // Pretendard/Inter 스택을 전역 기본값으로 유지한다.
23
32
  }
24
33
 
25
34
  *:focus,
package/src/typography/fonts/font-face.scss ADDED
@@ -0,0 +1,17 @@
1
+ @layer theme.tokens.typography {
2
+ @font-face {
3
+ font-family: "Pretendard JP Variable";
4
+ src: url("./fonts/pretendard-jp/PretendardJPVariable.woff2") format("woff2");
5
+ font-weight: 100 900;
6
+ font-style: normal;
7
+ font-display: swap;
8
+ }
9
+
10
+ @font-face {
11
+ font-family: "InterVariable";
12
+ src: url("./fonts/inter/InterVariable.woff2") format("woff2");
13
+ font-weight: 100 900;
14
+ font-style: normal;
15
+ font-display: swap;
16
+ }
17
+ }
package/src/typography/fonts/font-family.scss CHANGED
@@ -1,25 +1,27 @@
1
1
  @layer theme.tokens.typography {
2
2
  :root {
3
- // Pretendard 계열 기본 스택
3
+ // Pretendard와 Inter를 공통 기본 스택으로 사용한다.
4
4
  --font-family-pretendard:
5
5
  "Pretendard JP Variable", "Pretendard JP", "Pretendard Variable",
6
- "Pretendard", "Noto Sans KR", "-apple-system", "BlinkMacSystemFont",
7
- "Apple SD Gothic Neo", "Segoe UI", "Roboto", "Helvetica",
8
- "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji",
6
+ "Pretendard", "InterVariable", "Inter", "Noto Sans KR", "-apple-system",
7
+ "BlinkMacSystemFont", "Apple SD Gothic Neo", "Segoe UI", "Roboto",
8
+ "Helvetica Neue", "Helvetica", "Apple Color Emoji", "Segoe UI Emoji",
9
9
  "Segoe UI Symbol", "Malgun Gothic", "맑은 고딕", "돋움", "dotum",
10
10
  "Oxygen", "Oxygen-Sans", "Ubuntu", "Cantarell", "sans-serif";
11
11
 
12
- // Inter 계열 기본 스택
12
+ // Inter 계열 기본 스택에 Pretendard를 보조 fallback으로 포함한다.
13
13
  --font-family-inter:
14
- "InterVariable", "Inter", "-apple-system", "BlinkMacSystemFont",
15
- "Segoe UI", "Roboto", "Helvetica", "Helvetica Neue", "Apple Color Emoji",
16
- "Segoe UI Emoji", "Segoe UI Symbol", "Malgun Gothic", "맑은 고딕", "돋움",
17
- "dotum", "Oxygen", "Oxygen-Sans", "Ubuntu", "Cantarell", "sans-serif";
14
+ "InterVariable", "Inter", "Pretendard JP Variable", "Pretendard JP",
15
+ "Pretendard Variable", "Pretendard", "-apple-system",
16
+ "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Helvetica",
17
+ "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Malgun Gothic",
18
+ "맑은 고딕", "돋움", "dotum", "Oxygen", "Oxygen-Sans", "Ubuntu",
19
+ "Cantarell", "sans-serif";
18
20
 
19
21
  // 시스템 기본 산세리프 스택
20
22
  --font-family-system:
21
- "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica",
22
- "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji",
23
+ "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto",
24
+ "Helvetica Neue", "Helvetica", "Apple Color Emoji", "Segoe UI Emoji",
23
25
  "Segoe UI Symbol", "Malgun Gothic", "맑은 고딕", "돋움", "dotum",
24
26
  "Oxygen", "Oxygen-Sans", "Ubuntu", "Cantarell", "sans-serif";
25
27
 
package/src/typography/fonts/pretendard.ts CHANGED
@@ -7,6 +7,7 @@ export const pretendardFont: ThemeFontDefinition = {
7
7
  family: "Pretendard JP Variable",
8
8
  cssVariable: "--theme-font-family-pretendard",
9
9
  fallbacks: [
10
+ "Pretendard JP",
10
11
  "Pretendard Variable",
11
12
  "Pretendard",
12
13
  "Inter",