@seed-design/rootage-artifacts 2.9.0 → 3.0.0

package/__generated__/color.d.ts

@@ -1250,7 +1250,7 @@ declare const artifact: {
             "value": "$color.palette.gray-100";
           };
         };
-        "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (inverted)";
+        "description": "@deprecated `$color.fg.on-neutral-solid`을 사용하세요. 이 토큰은 @seed-design/css@4.0.0과 이에 대응하는 @seed-design/lynx-css 버전에서 제거될 예정입니다. 일반적인 콘텐츠에 사용되는 반전 전경색입니다.";
       };
       "$color.fg.neutral-muted": {
         "values": {
@@ -1278,6 +1278,84 @@ declare const artifact: {
         };
         "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (subtle)";
       };
+      "$color.fg.on-brand-solid": {
+        "values": {
+          "theme-light": {
+            "type": "color";
+            "value": "$color.palette.static-white";
+          };
+          "theme-dark": {
+            "type": "color";
+            "value": "$color.palette.static-white";
+          };
+        };
+        "description": "브랜드 Solid 배경 위의 전경 요소에 사용됩니다.";
+      };
+      "$color.fg.on-critical-solid": {
+        "values": {
+          "theme-light": {
+            "type": "color";
+            "value": "$color.palette.static-white";
+          };
+          "theme-dark": {
+            "type": "color";
+            "value": "$color.palette.static-white";
+          };
+        };
+        "description": "Critical Solid 배경 위의 전경 요소에 사용됩니다.";
+      };
+      "$color.fg.on-informative-solid": {
+        "values": {
+          "theme-light": {
+            "type": "color";
+            "value": "$color.palette.static-white";
+          };
+          "theme-dark": {
+            "type": "color";
+            "value": "$color.palette.static-white";
+          };
+        };
+        "description": "Informative Solid 배경 위의 전경 요소에 사용됩니다.";
+      };
+      "$color.fg.on-neutral-solid": {
+        "values": {
+          "theme-light": {
+            "type": "color";
+            "value": "$color.palette.gray-00";
+          };
+          "theme-dark": {
+            "type": "color";
+            "value": "$color.palette.gray-100";
+          };
+        };
+        "description": "Neutral Solid 배경 위의 전경 요소에 사용됩니다.";
+      };
+      "$color.fg.on-positive-solid": {
+        "values": {
+          "theme-light": {
+            "type": "color";
+            "value": "$color.palette.static-white";
+          };
+          "theme-dark": {
+            "type": "color";
+            "value": "$color.palette.static-white";
+          };
+        };
+        "description": "Positive Solid 배경 위의 전경 요소에 사용됩니다.";
+      };
+      "$color.fg.on-warning-solid": {
+        "values": {
+          "theme-light": {
+            "type": "color";
+            "value": "$color.palette.static-black-alpha-900";
+          };
+          "theme-dark": {
+            "type": "color";
+            "value": "$color.palette.static-black-alpha-900";
+          };
+        };
+        "description": "Warning Solid 배경 위의 전경 요소에 사용됩니다.";
+      };
       "$color.fg.placeholder": {
         "values": {
           "theme-light": {
@@ -1549,19 +1627,6 @@ declare const artifact: {
         };
         "description": "basement 바로 위에 놓이는 기본 표면입니다. 대부분의 스크린 콘텐츠(List, TextField 등)가 이 레이어 위에서 표현됩니다. (pressed)";
       };
-      "$color.bg.layer-fill": {
-        "values": {
-          "theme-light": {
-            "type": "color";
-            "value": "$color.palette.gray-100";
-          };
-          "theme-dark": {
-            "type": "color";
-            "value": "$color.palette.gray-200";
-          };
-        };
-        "description": "@deprecated @seed-design/css@3.0.0에서 새 이름 토큰으로 대체·제거될 예정입니다.";
-      };
       "$color.bg.layer-floating": {
         "values": {
           "theme-light": {
@@ -1611,7 +1676,7 @@ declare const artifact: {
             "value": "$color.palette.gray-1000";
           };
         };
-        "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (inverted)";
+        "description": "@deprecated `$color.bg.neutral-solid`을 사용하세요. 이 토큰은 @seed-design/css@4.0.0과 이에 대응하는 @seed-design/lynx-css 버전에서 제거될 예정입니다. 일반적인 콘텐츠에 사용되는 반전 배경색입니다.";
       };
       "$color.bg.neutral-inverted-pressed": {
         "values": {
@@ -1624,21 +1689,60 @@ declare const artifact: {
             "value": "$color.palette.gray-800";
           };
         };
-        "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (inverted-pressed)";
+        "description": "@deprecated `$color.bg.neutral-solid-pressed`을 사용하세요. 이 토큰은 @seed-design/css@4.0.0과 이에 대응하는 @seed-design/lynx-css 버전에서 제거될 예정입니다. 일반적인 콘텐츠에 사용되는 기본 색상입니다. (inverted-pressed)";
+      };
+      "$color.bg.neutral-muted": {
+        "values": {
+          "theme-light": {
+            "type": "color";
+            "value": "$color.palette.gray-100";
+          };
+          "theme-dark": {
+            "type": "color";
+            "value": "$color.palette.gray-200";
+          };
+        };
+        "description": "`$color.bg.layer-default` 위에서 영역이나 섹션을 구분하는 표면 색상입니다. (muted)";
       };
       "$color.bg.neutral-solid": {
         "values": {
           "theme-light": {
             "type": "color";
-            "value": "$color.palette.gray-1000";
+            "value": "$color.palette.gray-900";
           };
           "theme-dark": {
             "type": "color";
-            "value": "$color.palette.gray-300";
+            "value": "$color.palette.gray-1000";
           };
         };
         "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (solid)";
       };
+      "$color.bg.neutral-solid-pressed": {
+        "values": {
+          "theme-light": {
+            "type": "color";
+            "value": "$color.palette.gray-800";
+          };
+          "theme-dark": {
+            "type": "color";
+            "value": "$color.palette.gray-800";
+          };
+        };
+        "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (solid-pressed)";
+      };
+      "$color.bg.neutral-subtle": {
+        "values": {
+          "theme-light": {
+            "type": "color";
+            "value": "$color.palette.gray-00";
+          };
+          "theme-dark": {
+            "type": "color";
+            "value": "$color.palette.gray-100";
+          };
+        };
+        "description": "표면과 같은 색상입니다. 회색 표면 위에서 주변과 구분되는 영역에 사용됩니다. (subtle)";
+      };
       "$color.bg.neutral-weak": {
         "values": {
           "theme-light": {

package/__generated__/color.json

@@ -1250,7 +1250,7 @@
             "value": "$color.palette.gray-100"
           }
         },
-        "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (inverted)"
+        "description": "@deprecated `$color.fg.on-neutral-solid`을 사용하세요. 이 토큰은 @seed-design/css@4.0.0과 이에 대응하는 @seed-design/lynx-css 버전에서 제거될 예정입니다. 일반적인 콘텐츠에 사용되는 반전 전경색입니다."
       },
       "$color.fg.neutral-muted": {
         "values": {
@@ -1278,6 +1278,84 @@
         },
         "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (subtle)"
       },
+      "$color.fg.on-brand-solid": {
+        "values": {
+          "theme-light": {
+            "type": "color",
+            "value": "$color.palette.static-white"
+          },
+          "theme-dark": {
+            "type": "color",
+            "value": "$color.palette.static-white"
+          }
+        },
+        "description": "브랜드 Solid 배경 위의 전경 요소에 사용됩니다."
+      },
+      "$color.fg.on-critical-solid": {
+        "values": {
+          "theme-light": {
+            "type": "color",
+            "value": "$color.palette.static-white"
+          },
+          "theme-dark": {
+            "type": "color",
+            "value": "$color.palette.static-white"
+          }
+        },
+        "description": "Critical Solid 배경 위의 전경 요소에 사용됩니다."
+      },
+      "$color.fg.on-informative-solid": {
+        "values": {
+          "theme-light": {
+            "type": "color",
+            "value": "$color.palette.static-white"
+          },
+          "theme-dark": {
+            "type": "color",
+            "value": "$color.palette.static-white"
+          }
+        },
+        "description": "Informative Solid 배경 위의 전경 요소에 사용됩니다."
+      },
+      "$color.fg.on-neutral-solid": {
+        "values": {
+          "theme-light": {
+            "type": "color",
+            "value": "$color.palette.gray-00"
+          },
+          "theme-dark": {
+            "type": "color",
+            "value": "$color.palette.gray-100"
+          }
+        },
+        "description": "Neutral Solid 배경 위의 전경 요소에 사용됩니다."
+      },
+      "$color.fg.on-positive-solid": {
+        "values": {
+          "theme-light": {
+            "type": "color",
+            "value": "$color.palette.static-white"
+          },
+          "theme-dark": {
+            "type": "color",
+            "value": "$color.palette.static-white"
+          }
+        },
+        "description": "Positive Solid 배경 위의 전경 요소에 사용됩니다."
+      },
+      "$color.fg.on-warning-solid": {
+        "values": {
+          "theme-light": {
+            "type": "color",
+            "value": "$color.palette.static-black-alpha-900"
+          },
+          "theme-dark": {
+            "type": "color",
+            "value": "$color.palette.static-black-alpha-900"
+          }
+        },
+        "description": "Warning Solid 배경 위의 전경 요소에 사용됩니다."
+      },
       "$color.fg.placeholder": {
         "values": {
           "theme-light": {
@@ -1549,19 +1627,6 @@
         },
         "description": "basement 바로 위에 놓이는 기본 표면입니다. 대부분의 스크린 콘텐츠(List, TextField 등)가 이 레이어 위에서 표현됩니다. (pressed)"
       },
-      "$color.bg.layer-fill": {
-        "values": {
-          "theme-light": {
-            "type": "color",
-            "value": "$color.palette.gray-100"
-          },
-          "theme-dark": {
-            "type": "color",
-            "value": "$color.palette.gray-200"
-          }
-        },
-        "description": "@deprecated @seed-design/css@3.0.0에서 새 이름 토큰으로 대체·제거될 예정입니다."
-      },
       "$color.bg.layer-floating": {
         "values": {
           "theme-light": {
@@ -1611,7 +1676,7 @@
             "value": "$color.palette.gray-1000"
           }
         },
-        "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (inverted)"
+        "description": "@deprecated `$color.bg.neutral-solid`을 사용하세요. 이 토큰은 @seed-design/css@4.0.0과 이에 대응하는 @seed-design/lynx-css 버전에서 제거될 예정입니다. 일반적인 콘텐츠에 사용되는 반전 배경색입니다."
       },
       "$color.bg.neutral-inverted-pressed": {
         "values": {
@@ -1624,21 +1689,60 @@
             "value": "$color.palette.gray-800"
           }
         },
-        "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (inverted-pressed)"
+        "description": "@deprecated `$color.bg.neutral-solid-pressed`을 사용하세요. 이 토큰은 @seed-design/css@4.0.0과 이에 대응하는 @seed-design/lynx-css 버전에서 제거될 예정입니다. 일반적인 콘텐츠에 사용되는 기본 색상입니다. (inverted-pressed)"
+      },
+      "$color.bg.neutral-muted": {
+        "values": {
+          "theme-light": {
+            "type": "color",
+            "value": "$color.palette.gray-100"
+          },
+          "theme-dark": {
+            "type": "color",
+            "value": "$color.palette.gray-200"
+          }
+        },
+        "description": "`$color.bg.layer-default` 위에서 영역이나 섹션을 구분하는 표면 색상입니다. (muted)"
       },
       "$color.bg.neutral-solid": {
         "values": {
           "theme-light": {
             "type": "color",
-            "value": "$color.palette.gray-1000"
+            "value": "$color.palette.gray-900"
           },
           "theme-dark": {
             "type": "color",
-            "value": "$color.palette.gray-300"
+            "value": "$color.palette.gray-1000"
           }
         },
         "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (solid)"
       },
+      "$color.bg.neutral-solid-pressed": {
+        "values": {
+          "theme-light": {
+            "type": "color",
+            "value": "$color.palette.gray-800"
+          },
+          "theme-dark": {
+            "type": "color",
+            "value": "$color.palette.gray-800"
+          }
+        },
+        "description": "일반적인 콘텐츠에 사용되는 기본 색상입니다. (solid-pressed)"
+      },
+      "$color.bg.neutral-subtle": {
+        "values": {
+          "theme-light": {
+            "type": "color",
+            "value": "$color.palette.gray-00"
+          },
+          "theme-dark": {
+            "type": "color",
+            "value": "$color.palette.gray-100"
+          }
+        },
+        "description": "표면과 같은 색상입니다. 회색 표면 위에서 주변과 구분되는 영역에 사용됩니다. (subtle)"
+      },
       "$color.bg.neutral-weak": {
         "values": {
           "theme-light": {

package/__generated__/components/action-button.d.ts

@@ -237,25 +237,25 @@ declare const artifact: {
               "label": {
                 "color": {
                   "type": "color";
-                  "value": "$color.palette.static-white";
+                  "value": "$color.fg.on-brand-solid";
                 };
               };
               "icon": {
                 "color": {
                   "type": "color";
-                  "value": "$color.palette.static-white";
+                  "value": "$color.fg.on-brand-solid";
                 };
               };
               "prefixIcon": {
                 "color": {
                   "type": "color";
-                  "value": "$color.palette.static-white";
+                  "value": "$color.fg.on-brand-solid";
                 };
               };
               "suffixIcon": {
                 "color": {
                   "type": "color";
-                  "value": "$color.palette.static-white";
+                  "value": "$color.fg.on-brand-solid";
                 };
               };
               "progressCircle": {
@@ -265,7 +265,7 @@ declare const artifact: {
                 };
                 "rangeColor": {
                   "type": "color";
-                  "value": "$color.palette.static-white";
+                  "value": "$color.fg.on-brand-solid";
                 };
               };
             };
@@ -348,31 +348,31 @@ declare const artifact: {
               "root": {
                 "color": {
                   "type": "color";
-                  "value": "$color.bg.neutral-inverted";
+                  "value": "$color.bg.neutral-solid";
                 };
               };
               "label": {
                 "color": {
                   "type": "color";
-                  "value": "$color.fg.neutral-inverted";
+                  "value": "$color.fg.on-neutral-solid";
                 };
               };
               "icon": {
                 "color": {
                   "type": "color";
-                  "value": "$color.fg.neutral-inverted";
+                  "value": "$color.fg.on-neutral-solid";
                 };
               };
               "prefixIcon": {
                 "color": {
                   "type": "color";
-                  "value": "$color.fg.neutral-inverted";
+                  "value": "$color.fg.on-neutral-solid";
                 };
               };
               "suffixIcon": {
                 "color": {
                   "type": "color";
-                  "value": "$color.fg.neutral-inverted";
+                  "value": "$color.fg.on-neutral-solid";
                 };
               };
               "progressCircle": {
@@ -382,7 +382,7 @@ declare const artifact: {
                 };
                 "rangeColor": {
                   "type": "color";
-                  "value": "$color.palette.static-white";
+                  "value": "$color.fg.on-neutral-solid";
                 };
               };
             };
@@ -395,7 +395,7 @@ declare const artifact: {
               "root": {
                 "color": {
                   "type": "color";
-                  "value": "$color.bg.neutral-inverted-pressed";
+                  "value": "$color.bg.neutral-solid-pressed";
                 };
               };
             };
@@ -445,7 +445,7 @@ declare const artifact: {
               "root": {
                 "color": {
                   "type": "color";
-                  "value": "$color.bg.neutral-inverted-pressed";
+                  "value": "$color.bg.neutral-solid-pressed";
                 };
               };
             };
@@ -588,25 +588,25 @@ declare const artifact: {
               "label": {
                 "color": {
                   "type": "color";
-                  "value": "$color.palette.static-white";
+                  "value": "$color.fg.on-critical-solid";
                 };
               };
               "icon": {
                 "color": {
                   "type": "color";
-                  "value": "$color.palette.static-white";
+                  "value": "$color.fg.on-critical-solid";
                 };
               };
               "prefixIcon": {
                 "color": {
                   "type": "color";
-                  "value": "$color.palette.static-white";
+                  "value": "$color.fg.on-critical-solid";
                 };
               };
               "suffixIcon": {
                 "color": {
                   "type": "color";
-                  "value": "$color.palette.static-white";
+                  "value": "$color.fg.on-critical-solid";
                 };
               };
               "progressCircle": {
@@ -616,7 +616,7 @@ declare const artifact: {
                 };
                 "rangeColor": {
                   "type": "color";
-                  "value": "$color.palette.static-white";
+                  "value": "$color.fg.on-critical-solid";
                 };
               };
             };

package/__generated__/components/action-button.json

@@ -237,25 +237,25 @@
               "label": {
                 "color": {
                   "type": "color",
-                  "value": "$color.palette.static-white"
+                  "value": "$color.fg.on-brand-solid"
                 }
               },
               "icon": {
                 "color": {
                   "type": "color",
-                  "value": "$color.palette.static-white"
+                  "value": "$color.fg.on-brand-solid"
                 }
               },
               "prefixIcon": {
                 "color": {
                   "type": "color",
-                  "value": "$color.palette.static-white"
+                  "value": "$color.fg.on-brand-solid"
                 }
               },
               "suffixIcon": {
                 "color": {
                   "type": "color",
-                  "value": "$color.palette.static-white"
+                  "value": "$color.fg.on-brand-solid"
                 }
               },
               "progressCircle": {
@@ -265,7 +265,7 @@
                 },
                 "rangeColor": {
                   "type": "color",
-                  "value": "$color.palette.static-white"
+                  "value": "$color.fg.on-brand-solid"
                 }
               }
             }
@@ -348,31 +348,31 @@
               "root": {
                 "color": {
                   "type": "color",
-                  "value": "$color.bg.neutral-inverted"
+                  "value": "$color.bg.neutral-solid"
                 }
               },
               "label": {
                 "color": {
                   "type": "color",
-                  "value": "$color.fg.neutral-inverted"
+                  "value": "$color.fg.on-neutral-solid"
                 }
               },
               "icon": {
                 "color": {
                   "type": "color",
-                  "value": "$color.fg.neutral-inverted"
+                  "value": "$color.fg.on-neutral-solid"
                 }
               },
               "prefixIcon": {
                 "color": {
                   "type": "color",
-                  "value": "$color.fg.neutral-inverted"
+                  "value": "$color.fg.on-neutral-solid"
                 }
               },
               "suffixIcon": {
                 "color": {
                   "type": "color",
-                  "value": "$color.fg.neutral-inverted"
+                  "value": "$color.fg.on-neutral-solid"
                 }
               },
               "progressCircle": {
@@ -382,7 +382,7 @@
                 },
                 "rangeColor": {
                   "type": "color",
-                  "value": "$color.palette.static-white"
+                  "value": "$color.fg.on-neutral-solid"
                 }
               }
             }
@@ -395,7 +395,7 @@
               "root": {
                 "color": {
                   "type": "color",
-                  "value": "$color.bg.neutral-inverted-pressed"
+                  "value": "$color.bg.neutral-solid-pressed"
                 }
               }
             }
@@ -445,7 +445,7 @@
               "root": {
                 "color": {
                   "type": "color",
-                  "value": "$color.bg.neutral-inverted-pressed"
+                  "value": "$color.bg.neutral-solid-pressed"
                 }
               }
             }
@@ -588,25 +588,25 @@
               "label": {
                 "color": {
                   "type": "color",
-                  "value": "$color.palette.static-white"
+                  "value": "$color.fg.on-critical-solid"
                 }
               },
               "icon": {
                 "color": {
                   "type": "color",
-                  "value": "$color.palette.static-white"
+                  "value": "$color.fg.on-critical-solid"
                 }
               },
               "prefixIcon": {
                 "color": {
                   "type": "color",
-                  "value": "$color.palette.static-white"
+                  "value": "$color.fg.on-critical-solid"
                 }
               },
               "suffixIcon": {
                 "color": {
                   "type": "color",
-                  "value": "$color.palette.static-white"
+                  "value": "$color.fg.on-critical-solid"
                 }
               },
               "progressCircle": {
@@ -616,7 +616,7 @@
                 },
                 "rangeColor": {
                   "type": "color",
-                  "value": "$color.palette.static-white"
+                  "value": "$color.fg.on-critical-solid"
                 }
               }
             }