Merge branch 'dev' of github.com:daangn/seed-design into feat/docs-404-page

Author: SeieunYoo

.changeset/bumpy-olives-crash.md

@@ -0,0 +1,6 @@
+---
+"@seed-design/stylesheet": patch
+"@seed-design/css": patch
+---
+
+color-scheme의 light-only와 dark-only에 `only` 키워드를 추가합니다

docs/app/react/[[...slug]]/page.tsx

@@ -37,9 +37,6 @@ export default async function Page(props: { params: Promise<{ slug?: string[] }>
       }}
       full={page.data.full}
       lastUpdate={lastModified}
-      article={{
-        className: "isolate",
-      }}
     >
       <DocsTitle>{displayTitle}</DocsTitle>
       <DocsDescription>{displayDescription}</DocsDescription>

docs/content/react/components/floating-action-button.mdx

@@ -12,6 +12,14 @@ description: 화면 상에 떠 있으며 주요 액션을 실행하는 버튼입
   ```
 </ComponentExample>
 
+## Installation
+
+```package-install
+npx @seed-design/cli@latest add ui:floating-action-button
+```
+
+<ManualInstallation name="floating-action-button" />
+
 ## Props
 
 <react-type-table path="./registry/ui/floating-action-button.tsx" name="FloatingActionButtonProps" />

docs/public/rootage/components/image-frame-floater.json

@@ -13,7 +13,7 @@
           "properties": {
             "offset": {
               "type": "dimension",
-              "description": "오버레이가 이미지 프레임 가장자리에서 떨어진 거리입니다."
+              "description": "image-frame root slot의 padding property로 대체되었습니다."
             }
           }
         }

docs/public/rootage/components/image-frame.json

@@ -21,7 +21,11 @@
             },
             "cornerRadius": {
               "type": "dimension",
-              "description": "rounded 옵션 사용 시 적용되는 모서리 반경입니다."
+              "description": "이 값은 기본값이며 변경할 수 있습니다."
+            },
+            "padding": {
+              "type": "dimension",
+              "description": "내부에 오버레이 요소가 존재하는 경우 이미지 모서리와 오버레이 요소 사이의 간격입니다. 이 값은 기본값이며 변경할 수 있습니다."
             }
           }
         }
@@ -53,26 +57,17 @@
     },
     "definitions": [
       {
-        "variants": {
-          "stroke": "true"
-        },
+        "variants": {},
         "definitions": [
           {
             "states": [
               "enabled"
             ],
             "slots": {
               "root": {
-                "strokeColor": {
-                  "type": "color",
-                  "value": "$color.stroke.neutral-subtle"
-                },
-                "strokeWidth": {
+                "padding": {
                   "type": "dimension",
-                  "value": {
-                    "value": 1,
-                    "unit": "px"
-                  }
+                  "value": "$dimension.x1_5"
                 }
               }
             }
@@ -81,7 +76,7 @@
       },
       {
         "variants": {
-          "stroke": "false"
+          "stroke": "true"
         },
         "definitions": [
           {
@@ -90,10 +85,14 @@
             ],
             "slots": {
               "root": {
+                "strokeColor": {
+                  "type": "color",
+                  "value": "$color.stroke.neutral-subtle"
+                },
                 "strokeWidth": {
                   "type": "dimension",
                   "value": {
-                    "value": 0,
+                    "value": 1,
                     "unit": "px"
                   }
                 }
@@ -102,6 +101,12 @@
           }
         ]
       },
+      {
+        "variants": {
+          "stroke": "false"
+        },
+        "definitions": []
+      },
       {
         "variants": {
           "rounded": "true"
@@ -126,24 +131,7 @@
         "variants": {
           "rounded": "false"
         },
-        "definitions": [
-          {
-            "states": [
-              "enabled"
-            ],
-            "slots": {
-              "root": {
-                "cornerRadius": {
-                  "type": "dimension",
-                  "value": {
-                    "value": 0,
-                    "unit": "px"
-                  }
-                }
-              }
-            }
-          }
-        ]
+        "definitions": []
       }
     ]
   }

packages/css/all.css

@@ -236,10 +236,12 @@
 
 [data-seed-color-mode="light-only"] {
   color-scheme: light;
+  color-scheme: light only;
 }
 
 [data-seed-color-mode="dark-only"] {
   color-scheme: dark;
+  color-scheme: dark only;
 }
 
 :root {

packages/css/all.min.css

@@ -236,10 +236,12 @@
 
 [data-seed-color-mode="light-only"] {
   color-scheme: light;
+  color-scheme: light only;
 }
 
 [data-seed-color-mode="dark-only"] {
   color-scheme: dark;
+  color-scheme: dark only;
 }
 
 :root {

packages/css/base.css

@@ -2,7 +2,7 @@ export declare const vars: {
   "base": {
     "enabled": {
       "root": {
-        /** 오버레이가 이미지 프레임 가장자리에서 떨어진 거리입니다. */
+        /** image-frame root slot의 padding property로 대체되었습니다. */
         "offset": "6px"
       }
     }