@uniai-fe/uds-foundation 0.0.9 → 0.1.0

package/dist/index.css

@@ -290,7 +290,8 @@
     }
   }
   html,
-  body {
+  body,
+  .uds-theme-root {
     width: 100%;
     height: 100%;
     position: fixed;
@@ -300,7 +301,22 @@
     z-index: 0;
   }
 }
-@layer foundation.color {
+@layer foundation.tokens {
+  @font-face {
+    font-family: "Pretendard JP Variable";
+    src: url("./fonts/pretendard-jp/PretendardJPVariable.woff2") format("woff2");
+    font-weight: 100 900;
+    font-style: normal;
+    font-display: swap;
+  }
+  @font-face {
+    font-family: "InterVariable";
+    src: url("./fonts/inter/InterVariable.woff2") format("woff2");
+    font-weight: 100 900;
+    font-style: normal;
+    font-display: swap;
+  }
+  /* foundation 토큰을 단일 :root 블록으로 모아 중복 선언을 방지한다. */
   :root {
     --color-common-100: #fff;
     --color-common-0: #000;
@@ -531,10 +547,6 @@
     --color-success: var(--color-green-40);
     --color-information: var(--color-blue-60);
     --color-new: var(--color-red-50);
-  }
-}
-@layer foundation.spacing {
-  :root {
     --spacing-padding-1: 2px;
     --spacing-padding-2: 4px;
     --spacing-padding-3: 6px;
@@ -561,10 +573,6 @@
     --spacing-gap-13: 48px;
     --spacing-gap-14: 64px;
     --spacing-gap-15: 80px;
-  }
-}
-@layer foundation.layout {
-  :root {
     --theme-breakpoint-xsmall-start: 0px;
     --theme-breakpoint-small-start: 768px;
     --theme-breakpoint-medium-start: 992px;
@@ -610,22 +618,6 @@
     --theme-radius-large-2: 16px;
     --theme-radius-xlarge: 16px;
   }
-}
-@layer foundation.typography {
-  @font-face {
-    font-family: "Pretendard JP Variable";
-    src: url("./fonts/pretendard-jp/PretendardJPVariable.woff2") format("woff2");
-    font-weight: 100 900;
-    font-style: normal;
-    font-display: swap;
-  }
-  @font-face {
-    font-family: "InterVariable";
-    src: url("./fonts/inter/InterVariable.woff2") format("woff2");
-    font-weight: 100 900;
-    font-style: normal;
-    font-display: swap;
-  }
   :root :root {
     --font-family-pretendard:
       "Pretendard JP Variable", "Pretendard JP", "Pretendard Variable",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniai-fe/uds-foundation",
-  "version": "0.0.9",
+  "version": "0.1.0",
   "description": "UNIAI Design System; Design Foundation Package",
   "type": "module",
   "private": false,

package/src/index.scss

@@ -20,30 +20,17 @@
   @include initDocument.foundation-document();
 }
 
-@layer foundation.color {
-  :root {
-    @include colorTokens.foundation-color-tokens();
-  }
-}
+@layer foundation.tokens {
+  @include typoFontFace.foundation-typography-font-face();
 
-@layer foundation.spacing {
+  /* foundation 토큰을 단일 :root 블록으로 모아 중복 선언을 방지한다. */
   :root {
+    @include colorTokens.foundation-color-tokens();
     @include spacingPadding.foundation-spacing-padding();
     @include spacingGap.foundation-spacing-gap();
-  }
-}
-
-@layer foundation.layout {
-  :root {
     @include layoutBreakpoint.foundation-layout-breakpoint();
     @include layoutSize.foundation-layout-size();
     @include layoutRadius.foundation-layout-radius();
-  }
-}
-
-@layer foundation.typography {
-  @include typoFontFace.foundation-typography-font-face();
-  :root {
     @include typoFontFamily.foundation-typography-font-family();
     @include typoDisplay.foundation-typography-display();
     @include typoHeading.foundation-typography-heading();

package/src/init/document.scss

@@ -1,7 +1,8 @@
 // 문서 루트 영역 기본 레이아웃 mixin
 @mixin foundation-document() {
   html,
-  body {
+  body,
+  .uds-theme-root {
     width: 100%;
     height: 100%;
     position: fixed;