feat(tokens): new tokens for BoxMessage component and its elements

DevoInc · Jul 11, 2023 · f6fe9b5 · f6fe9b5
1 parent 16a015b
commit f6fe9b5
Show file tree

Hide file tree

Showing 5 changed files with 68 additions and 0 deletions.
diff --git a/tokens/src/tokens/component/feedback/BoxMessage/box-message.json b/tokens/src/tokens/component/feedback/BoxMessage/box-message.json
@@ -1,6 +1,22 @@
 {
   "cmp": {
     "boxMessage": {
+      "shape": {
+        "borderSize": {
+          "value": "{alias.shape.borderSize.panel.base.value}"
+        },
+        "borderRadius": {
+          "value": "{alias.shape.borderRadius.md.value}"
+        }
+      },
+      "space": {
+        "padding": {
+          "value": "{alias.space.cmp.sm.value}"
+        },
+        "gap": {
+          "value": "{alias.space.cmp.sm.value}"
+        }
+      },
       "color": {
         "background": {
           "success": {

diff --git a/tokens/src/tokens/component/feedback/BoxMessage/box-message__actions.json b/tokens/src/tokens/component/feedback/BoxMessage/box-message__actions.json
@@ -0,0 +1,16 @@
+{
+  "cmp": {
+    "boxMessage": {
+      "actions": {
+        "space": {
+          "marginTop": {
+            "value": "{alias.space.cmp.sm.value}"
+          },
+          "gap": {
+            "value": "{alias.space.cmp.xs.value}"
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/tokens/src/tokens/component/feedback/BoxMessage/box-message__close.json b/tokens/src/tokens/component/feedback/BoxMessage/box-message__close.json
@@ -0,0 +1,18 @@
+{
+  "cmp": {
+    "boxMessage": {
+      "close": {
+        "space": {
+          "offset": {
+            "top": {
+              "value": "calc({cmp.boxMessage.space.padding.value} - 0.2rem)"
+            },
+            "right": {
+              "value": "{cmp.boxMessage.space.padding.value}"
+            }
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/tokens/src/tokens/component/feedback/BoxMessage/box-message__heading.json b/tokens/src/tokens/component/feedback/BoxMessage/box-message__heading.json
@@ -0,0 +1,13 @@
+{
+  "cmp": {
+    "boxMessage": {
+      "heading": {
+        "space": {
+          "marginBottom": {
+            "value": "{alias.space.cmp.sm.value}"
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/tokens/src/tokens/component/feedback/BoxMessage/box-message__icon.json b/tokens/src/tokens/component/feedback/BoxMessage/box-message__icon.json
@@ -20,6 +20,11 @@
               "value": "{alias.color.background.feedback.info.strong.value}"
             }
           }
+        },
+        "size": {
+          "square":{
+            "value": "{alias.typo.fontSize.icon.xs.value}"
+          }
         }
       }
     }