fix: remove unnecessarily tokens

nl-design-system · Jul 4, 2022 · 15c3234 · 15c3234
1 parent 228952f
commit 15c3234
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 10 deletions.
diff --git a/components/link-social/css/index.scss b/components/link-social/css/index.scss
@@ -4,20 +4,20 @@
  */
 
 .utrecht-link-social {
-  --utrecht-icon-color: var(--utrecht-link-social-icon-color);
-  --utrecht-icon-size: var(--utrecht-link-social-icon-size);
+  --utrecht-icon-size: var(--utrecht-link-social-size);
 
   background-color: var(--utrecht-link-social-background-color);
   border-color: var(--utrecht-link-social-border-color);
   border-radius: 50%;
   border-style: solid;
   border-width: var(--utrecht-link-social-border-width);
+  color: var(--utrecht-link-social-color);
   display: inline-block;
   height: var(--utrecht-link-social-size);
   text-align: center;
   width: var(--utrecht-link-social-size);
 }
 
-* ~ .utrecht-link-social--distanced {
-  margin-inline-start: var(--utrecht-link-social-distanced);
+.utrecht-link-social--distanced {
+  margin-inline-start: var(--utrecht-link-social-margin-inline-start);
 }
diff --git a/components/link-social/css/stories/tokens.stories.mdx b/components/link-social/css/stories/tokens.stories.mdx
@@ -12,5 +12,5 @@ import tokensDefinition from "../../tokens.json";
 <ComponentTokensSection
   tokens={tokens}
   definition={tokensDefinition}
-  component="utrecht-link-soical"
+  component="utrecht-link-social"
 ></ComponentTokensSection>
diff --git a/proprietary/design-tokens/src/component/utrecht/link-social.tokens.json b/proprietary/design-tokens/src/component/utrecht/link-social.tokens.json
@@ -2,14 +2,11 @@
   "utrecht": {
     "link-social": {
       "background-color": { "value": "{utrecht.color.red.40}" },
+      "color": { "value": "{utrecht.color.white}" },
       "border-width": { "value": "2px" },
       "border-color": { "value": "{utrecht.color.white}" },
       "size": { "value": "40px" },
-      "distanced": { "value": "9.6px" },
-      "icon": {
-        "color": { "value": "{utrecht.color.white}" },
-        "size": { "value": "40px" }
-      }
+      "margin-inline-start": { "value": "{utrecht.space.inline.sm}" }
     }
   }
 }