Update style.mdx of alert-dialog (#318)

* docs(seed-docs): fix typo * docs(seed-docs): Update color spec of Secondary Action (neutral)
daangn · Jul 5, 2023 · 2809a41 · 2809a41
1 parent 3b31efd
commit 2809a41
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 17 deletions.
diff --git a/...options-action-secondary-nonpreffered.png → ...options-action-secondary-nonpreferred.png b/...options-action-secondary-nonpreffered.png → ...options-action-secondary-nonpreferred.png
diff --git a/docs/content/component/alert-dialog/style.mdx b/docs/content/component/alert-dialog/style.mdx
@@ -23,7 +23,7 @@ slug: /component/alert-dialog/style
 | ----------------------- | ---------------------------------- |
 | title                   | text                               |
 | description             | text                               |
-| secondary action intent | alternative, neutral, nonpreffered |
+| secondary action intent | alternative, neutral, nonpreferred |
 
 ## 디자인 결정 (Color)
 
@@ -62,18 +62,18 @@ slug: /component/alert-dialog/style
 
 ### Secondary Action (neutral)
 
-| State    | Part                   | Attribute | Value                     |
-| -------- | ---------------------- | --------- | ------------------------- |
-| Enabled  | Secondary Action       | Color     | $semantic.color.secondary |
-|          | Secondary Action Label | Color     | $semantic.color.secondary |
-| Hovered  | Secondary Action       | Color     | $scale.color.gray-700     |
-|          | Secondary Action Label | Color     | $scale.color.gray-700     |
-| Pressed  | Secondary Action       | Color     | $scale.color.gray-700     |
-|          | Secondary Action Label | Color     | $scale.color.gray-700     |
-| Disabled | Secondary Action       | Color     | $scale.color.gray-400     |
-|          | Secondary Action Label | Color     | $scale.color.gray-400     |
+| State    | Part                   | Attribute | Value                         |
+| -------- | ---------------------- | --------- | ----------------------------- |
+| Enabled  | Secondary Action       | Color     | $semantic.color.secondary-low |
+|          | Secondary Action Label | Color     | $scale.color.gray-900         |
+| Hovered  | Secondary Action       | Color     | $scale.color.gray-300         |
+|          | Secondary Action Label | Color     | $scale.color.gray-900         |
+| Pressed  | Secondary Action       | Color     | $scale.color.gray-300         |
+|          | Secondary Action Label | Color     | $scale.color.gray-900         |
+| Disabled | Secondary Action       | Color     | $scale.color.gray-300         |
+|          | Secondary Action Label | Color     | $scale.color.gray-500         |
 
-### Secondary Action (nonpreffered)
+### Secondary Action (nonpreferred)
 
 | State    | Part                   | Attribute | Value                               |
 | -------- | ---------------------- | --------- | ----------------------------------- |
@@ -93,7 +93,7 @@ slug: /component/alert-dialog/style
 | Title                  | Typography | $semantic.typography.title3-bold       |
 | Description            | Typography | $semantic.typography.subtitle1-regular |
 | Primary Action Label   | Typography | $semantic.typography.label3-bold       |
-| Secondray Action Label | Typography | $semantic.typography.label3-bold       |
+| Secondary Action Label | Typography | $semantic.typography.label3-bold       |
 
 ## 디자인 결정 (Layout)
 
@@ -109,7 +109,7 @@ slug: /component/alert-dialog/style
 | Primary Action                    | Corder Radius      | 6pt   |
 | Secondary Action                  | Corder Radius      | 6pt   |
 
-### secondary action intent=nonpreffered
+### secondary action intent=nonpreferred
 
 | Part             | Attribute       | Value  |
 | ---------------- | --------------- | ------ |

diff --git a/docs/content/component/alert-dialog/usage.mdx b/docs/content/component/alert-dialog/usage.mdx
@@ -94,10 +94,10 @@ slug: /component/alert-dialog/usage
 <HalfCard>
   <HalfCardImageCell>
     ![alert dialog options secondary action
-    nonpreffered](./alertdialog-options-action-secondary-nonpreffered.png)
+    nonpreferred](./alertdialog-options-action-secondary-nonpreferred.png)
   </HalfCardImageCell>
   <HalfCardDescriptionCell>
-    <HalfCardDescriptionTitle>Nonpreffered</HalfCardDescriptionTitle>
+    <HalfCardDescriptionTitle>Nonpreferred</HalfCardDescriptionTitle>
     <HalfCardDescription>
       Primary Action과 Secondary Action의 중요도 차이가 큰 경우 Nonpreferred
       옵션을 사용합니다. 혹은 Action Label이 길어지는 경우 사용합니다.
@@ -113,7 +113,7 @@ slug: /component/alert-dialog/usage
 | description             | string                             |         |      |
 | primary action label    | string                             |         |      |
 | secondary action label  | string                             |         |      |
-| secondary action intent | alternative, neutral, nonpreffered | neutral |      |
+| secondary action intent | alternative, neutral, nonpreferred | neutral |      |
 
 ## 상호작용