Working on component tokens #1114

lukasoppermann · 2024-12-11T10:58:18Z

Summary

Replacing components file with individual files per component, but merging themes.

changeset-bot · 2024-12-11T10:58:24Z

⚠️ No Changeset found

Latest commit: 8d622b8

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

github-actions · 2024-12-18T16:40:53Z

Design Token Diff (CSS)

/css/functional/themes/dark-colorblind.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-colorblind.css	2024-12-18 16:40:00.404429577 +0000
@@ -173,11 +173,12 @@
 --data-teal-color-muted: #041f25;
 --data-yellow-color-emphasis: #895906;
 --data-yellow-color-muted: #2e1a00;
-  --diffBlob-additionNum-bgColor: #58a6ff4d;
+  --diffBlob-additionNum-bgColor: #58a6ff;
 --diffBlob-additionWord-bgColor: #388bfd66;
 --diffBlob-deletionLine-bgColor: #db6d2826;
 --diffBlob-deletionNum-bgColor: #db6d284d;
 --diffBlob-deletionWord-bgColor: #db6d2866;
+  --diffBlob-deletionWord-fgColor: #f0f6fc;
 --diffBlob-hunkLine-bgColor: #212830;
 --diffBlob-hunkNum-bgColor-hover: #656c76;
 --diffBlob-hunkNum-bgColor-rest: #2f3742;
@@ -525,7 +526,6 @@
 --diffBlob-additionWord-fgColor: var(--fgColor-default);
 --diffBlob-deletionLine-fgColor: var(--fgColor-default);
 --diffBlob-deletionNum-fgColor: var(--fgColor-default);
-  --diffBlob-deletionWord-fgColor: var(--fgColor-default);
 --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
 --diffBlob-emptyNum-bgColor: var(--bgColor-muted);
 --diffBlob-expander-iconColor: var(--fgColor-muted);
@@ -779,11 +779,12 @@
   --data-teal-color-muted: #041f25;
   --data-yellow-color-emphasis: #895906;
   --data-yellow-color-muted: #2e1a00;
-    --diffBlob-additionNum-bgColor: #58a6ff4d;
+    --diffBlob-additionNum-bgColor: #58a6ff;
   --diffBlob-additionWord-bgColor: #388bfd66;
   --diffBlob-deletionLine-bgColor: #db6d2826;
   --diffBlob-deletionNum-bgColor: #db6d284d;
   --diffBlob-deletionWord-bgColor: #db6d2866;
+    --diffBlob-deletionWord-fgColor: #f0f6fc;
   --diffBlob-hunkLine-bgColor: #212830;
   --diffBlob-hunkNum-bgColor-hover: #656c76;
   --diffBlob-hunkNum-bgColor-rest: #2f3742;
@@ -1131,7 +1132,6 @@
   --diffBlob-additionWord-fgColor: var(--fgColor-default);
   --diffBlob-deletionLine-fgColor: var(--fgColor-default);
   --diffBlob-deletionNum-fgColor: var(--fgColor-default);
-    --diffBlob-deletionWord-fgColor: var(--fgColor-default);
   --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
   --diffBlob-emptyNum-bgColor: var(--bgColor-muted);
   --diffBlob-expander-iconColor: var(--fgColor-muted);

/css/functional/themes/dark-high-contrast.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-high-contrast.css	2024-12-18 16:40:01.469434136 +0000
@@ -178,7 +178,6 @@
 --data-yellow-color-emphasis: #895906;
 --data-yellow-color-muted: #2e1a00;
 --diffBlob-additionNum-bgColor: #28d7514d;
-  --diffBlob-deletionNum-bgColor: #ff80804d;
 --diffBlob-hunkNum-bgColor-rest: #5cacff66;
 --display-auburn-bgColor-emphasis: #6d4340;
 --display-auburn-bgColor-muted: #271817;
@@ -509,6 +508,7 @@
 --diffBlob-additionLine-bgColor: #0ac74033;
 --diffBlob-additionWord-bgColor: var(--bgColor-success-emphasis);
 --diffBlob-deletionLine-bgColor: #ff808033;
+  --diffBlob-deletionNum-bgColor: #ff80804d;
 --diffBlob-deletionWord-bgColor: var(--bgColor-danger-emphasis);
 --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
 --diffBlob-emptyNum-bgColor: var(--bgColor-muted);
@@ -575,12 +575,12 @@
 --controlTrack-borderColor-rest: var(--borderColor-emphasis);
 --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
 --controlTrack-fgColor-rest: var(--fgColor-default);
-  --diffBlob-additionLine-fgColor: var(--fgColor-onEmphasis);
+  --diffBlob-additionLine-fgColor: var(--fgColor-default);
 --diffBlob-additionNum-fgColor: var(--fgColor-default);
-  --diffBlob-additionWord-fgColor: var(--fgColor-default);
-  --diffBlob-deletionLine-fgColor: var(--fgColor-onEmphasis);
+  --diffBlob-additionWord-fgColor: var(--fgColor-onEmphasis);
+  --diffBlob-deletionLine-fgColor: var(--fgColor-default);
 --diffBlob-deletionNum-fgColor: var(--fgColor-default);
-  --diffBlob-deletionWord-fgColor: var(--fgColor-default);
+  --diffBlob-deletionWord-fgColor: var(--fgColor-onEmphasis);
 --diffBlob-expander-iconColor: var(--fgColor-default);
 --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
 --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
@@ -784,7 +784,6 @@
   --data-yellow-color-emphasis: #895906;
   --data-yellow-color-muted: #2e1a00;
   --diffBlob-additionNum-bgColor: #28d7514d;
-    --diffBlob-deletionNum-bgColor: #ff80804d;
   --diffBlob-hunkNum-bgColor-rest: #5cacff66;
   --display-auburn-bgColor-emphasis: #6d4340;
   --display-auburn-bgColor-muted: #271817;
@@ -1115,6 +1114,7 @@
   --diffBlob-additionLine-bgColor: #0ac74033;
   --diffBlob-additionWord-bgColor: var(--bgColor-success-emphasis);
   --diffBlob-deletionLine-bgColor: #ff808033;
+    --diffBlob-deletionNum-bgColor: #ff80804d;
   --diffBlob-deletionWord-bgColor: var(--bgColor-danger-emphasis);
   --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
   --diffBlob-emptyNum-bgColor: var(--bgColor-muted);
@@ -1181,12 +1181,12 @@
   --controlTrack-borderColor-rest: var(--borderColor-emphasis);
   --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
   --controlTrack-fgColor-rest: var(--fgColor-default);
-    --diffBlob-additionLine-fgColor: var(--fgColor-onEmphasis);
+    --diffBlob-additionLine-fgColor: var(--fgColor-default);
   --diffBlob-additionNum-fgColor: var(--fgColor-default);
-    --diffBlob-additionWord-fgColor: var(--fgColor-default);
-    --diffBlob-deletionLine-fgColor: var(--fgColor-onEmphasis);
+    --diffBlob-additionWord-fgColor: var(--fgColor-onEmphasis);
+    --diffBlob-deletionLine-fgColor: var(--fgColor-default);
   --diffBlob-deletionNum-fgColor: var(--fgColor-default);
-    --diffBlob-deletionWord-fgColor: var(--fgColor-default);
+    --diffBlob-deletionWord-fgColor: var(--fgColor-onEmphasis);
   --diffBlob-expander-iconColor: var(--fgColor-default);
   --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
   --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);

/css/functional/themes/dark-tritanopia.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-tritanopia.css	2024-12-18 16:39:59.297424815 +0000
@@ -180,6 +180,7 @@
 --diffBlob-additionWord-bgColor: #388bfd66;
 --diffBlob-deletionNum-bgColor: #f851494d;
 --diffBlob-deletionWord-bgColor: #f8514966;
+  --diffBlob-deletionWord-fgColor: #f0f6fc;
 --diffBlob-hunkLine-bgColor: #212830;
 --diffBlob-hunkNum-bgColor-hover: #656c76;
 --diffBlob-hunkNum-bgColor-rest: #2f3742;
@@ -527,7 +528,6 @@
 --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
 --diffBlob-deletionLine-fgColor: var(--fgColor-default);
 --diffBlob-deletionNum-fgColor: var(--fgColor-default);
-  --diffBlob-deletionWord-fgColor: var(--fgColor-default);
 --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
 --diffBlob-emptyNum-bgColor: var(--bgColor-muted);
 --diffBlob-expander-iconColor: var(--fgColor-muted);
@@ -786,6 +786,7 @@
   --diffBlob-additionWord-bgColor: #388bfd66;
   --diffBlob-deletionNum-bgColor: #f851494d;
   --diffBlob-deletionWord-bgColor: #f8514966;
+    --diffBlob-deletionWord-fgColor: #f0f6fc;
   --diffBlob-hunkLine-bgColor: #212830;
   --diffBlob-hunkNum-bgColor-hover: #656c76;
   --diffBlob-hunkNum-bgColor-rest: #2f3742;
@@ -1133,7 +1134,6 @@
   --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
   --diffBlob-deletionLine-fgColor: var(--fgColor-default);
   --diffBlob-deletionNum-fgColor: var(--fgColor-default);
-    --diffBlob-deletionWord-fgColor: var(--fgColor-default);
   --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
   --diffBlob-emptyNum-bgColor: var(--bgColor-muted);
   --diffBlob-expander-iconColor: var(--fgColor-muted);

/css/functional/themes/light-tritanopia.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-tritanopia.css	2024-12-18 16:39:53.858401415 +0000
@@ -171,6 +171,7 @@
 --diffBlob-hunkLine-bgColor: #f6f8fa;
 --diffBlob-hunkNum-bgColor-hover: #c8d1da;
 --diffBlob-hunkNum-bgColor-rest: #e6eaef;
+  --diffBlob-hunkNum-fgColor-hover: #1f2328;
 --display-auburn-bgColor-emphasis: #9d615c;
 --display-auburn-bgColor-muted: #f2e9e9;
 --display-auburn-borderColor-emphasis: #9d615c;
@@ -589,7 +590,6 @@
 --diffBlob-deletionLine-fgColor: var(--fgColor-default);
 --diffBlob-deletionNum-fgColor: var(--fgColor-default);
 --diffBlob-deletionWord-fgColor: var(--fgColor-default);
-  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-default);
 --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
 --focus-outline: 2px solid #0969da;
 --overlay-borderColor: #d1d9e080;
@@ -777,6 +777,7 @@
   --diffBlob-hunkLine-bgColor: #f6f8fa;
   --diffBlob-hunkNum-bgColor-hover: #c8d1da;
   --diffBlob-hunkNum-bgColor-rest: #e6eaef;
+    --diffBlob-hunkNum-fgColor-hover: #1f2328;
   --display-auburn-bgColor-emphasis: #9d615c;
   --display-auburn-bgColor-muted: #f2e9e9;
   --display-auburn-borderColor-emphasis: #9d615c;
@@ -1195,7 +1196,6 @@
   --diffBlob-deletionLine-fgColor: var(--fgColor-default);
   --diffBlob-deletionNum-fgColor: var(--fgColor-default);
   --diffBlob-deletionWord-fgColor: var(--fgColor-default);
-    --diffBlob-hunkNum-fgColor-hover: var(--fgColor-default);
   --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
   --focus-outline: 2px solid #0969da;
   --overlay-borderColor: #d1d9e080;

github-actions · 2024-12-18T16:40:54Z

Design Token Diff (StyleLint)

The message is too long to be displayed here. For more details, please check the job summary.

github-actions · 2024-12-18T16:40:55Z

Design Token Diff (Figma)

/figma/themes/dark-colorblind.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-colorblind.json	2024-12-18 16:40:08.031461441 +0000
@@ -2138,10 +2138,9 @@
     "r": 0.34509803921568627,
     "g": 0.6509803921568628,
     "b": 1,
-      "a": 0.3
+      "a": 1
   },
   "type": "COLOR",
-    "alpha": 0.3,
   "refId": "mode/diffBlob/additionNum/bgColor",
   "reference": "base/color/dark/base/color/blue/3",
   "collection": "mode",
@@ -2192,7 +2191,7 @@
   },
   "type": "COLOR",
   "refId": "mode/diffBlob/deletionWord/fgColor",
-    "reference": "mode/fgColor/default",
+    "reference": "base/color/dark/base/color/neutral/12",
   "collection": "mode",
   "mode": "dark protanopia deuteranopia",
   "group": "component",
@@ -2249,36 +2248,36 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "diffBlob/hunkLine/bgColor",
+    "name": "diffBlob/hunkLine/fgColor",
   "value": {
-      "r": 0.12941176470588237,
-      "g": 0.1568627450980392,
-      "b": 0.18823529411764706,
+      "r": 0.5686274509803921,
+      "g": 0.596078431372549,
+      "b": 0.6313725490196078,
     "a": 1
   },
   "type": "COLOR",
-    "refId": "mode/diffBlob/hunkLine/bgColor",
-    "reference": "base/color/dark/base/color/neutral/3",
+    "refId": "mode/diffBlob/hunkLine/fgColor",
+    "reference": "mode/fgColor/muted",
   "collection": "mode",
   "mode": "dark protanopia deuteranopia",
   "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "diffBlob/hunkLine/fgColor",
+    "name": "diffBlob/hunkLine/bgColor",
   "value": {
-      "r": 0.5686274509803921,
-      "g": 0.596078431372549,
-      "b": 0.6313725490196078,
+      "r": 0.12941176470588237,
+      "g": 0.1568627450980392,
+      "b": 0.18823529411764706,
     "a": 1
   },
   "type": "COLOR",
-    "refId": "mode/diffBlob/hunkLine/fgColor",
-    "reference": "mode/fgColor/muted",
+    "refId": "mode/diffBlob/hunkLine/bgColor",
+    "reference": "base/color/dark/base/color/neutral/3",
   "collection": "mode",
   "mode": "dark protanopia deuteranopia",
   "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
   "name": "diffBlob/hunkNum/fgColor/rest",

/figma/themes/dark-dimmed.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-dimmed.json	2024-12-18 16:40:07.244458166 +0000
@@ -2151,22 +2151,6 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "diffBlob/hunkLine/bgColor",
-    "value": {
-      "r": 0.2549019607843137,
-      "g": 0.5176470588235295,
-      "b": 0.8941176470588236,
-      "a": 0.1
-    },
-    "type": "COLOR",
-    "refId": "mode/diffBlob/hunkLine/bgColor",
-    "reference": "mode/bgColor/accent-muted",
-    "collection": "mode",
-    "mode": "dark dimmed",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
   "name": "diffBlob/hunkLine/fgColor",
   "value": {
     "r": 0.5686274509803921,
@@ -2183,6 +2167,22 @@
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "diffBlob/hunkLine/bgColor",
+    "value": {
+      "r": 0.2549019607843137,
+      "g": 0.5176470588235295,
+      "b": 0.8941176470588236,
+      "a": 0.1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/hunkLine/bgColor",
+    "reference": "mode/bgColor/accent-muted",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "diffBlob/hunkNum/fgColor/rest",
   "value": {
     "r": 0.8196078431372549,

/figma/themes/dark-high-contrast.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-high-contrast.json	2024-12-18 16:40:08.410463018 +0000
@@ -1874,6 +1874,39 @@
   "scopes": ["STROKE_COLOR"]
 },
 {
+    "name": "diffBlob/additionLine/fgColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/additionLine/fgColor",
+    "reference": "fgColor/default",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/additionLine/bgColor",
+    "value": {
+      "r": 0.0392156862745098,
+      "g": 0.7803921568627451,
+      "b": 0.25098039215686274,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "refId": "mode/diffBlob/additionLine/bgColor",
+    "reference": "mode/bgColor/success-muted",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "diffBlob/additionWord/fgColor",
   "value": {
     "r": 1,
@@ -1883,13 +1916,29 @@
   },
   "type": "COLOR",
   "refId": "mode/diffBlob/additionWord/fgColor",
-    "reference": "fgColor/default",
+    "reference": "mode/fgColor/onEmphasis",
   "collection": "mode",
   "mode": "dark high contrast",
   "group": "component",
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "diffBlob/additionWord/bgColor",
+    "value": {
+      "r": 0,
+      "g": 0.3843137254901961,
+      "b": 0.13333333333333333,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/additionWord/bgColor",
+    "reference": "bgColor/success-emphasis",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "diffBlob/additionNum/fgColor",
   "value": {
     "r": 1,
@@ -1923,6 +1972,39 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "diffBlob/deletionLine/fgColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/deletionLine/fgColor",
+    "reference": "fgColor/default",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/deletionLine/bgColor",
+    "value": {
+      "r": 1,
+      "g": 0.5019607843137255,
+      "b": 0.5019607843137255,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "refId": "mode/diffBlob/deletionLine/bgColor",
+    "reference": "mode/bgColor/danger-muted",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "diffBlob/deletionWord/fgColor",
   "value": {
     "r": 1,
@@ -1932,13 +2014,29 @@
   },
   "type": "COLOR",
   "refId": "mode/diffBlob/deletionWord/fgColor",
-    "reference": "fgColor/default",
+    "reference": "mode/fgColor/onEmphasis",
   "collection": "mode",
   "mode": "dark high contrast",
   "group": "component",
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "diffBlob/deletionWord/bgColor",
+    "value": {
+      "r": 0.6784313725490196,
+      "g": 0.00392156862745098,
+      "b": 0.08627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/deletionWord/bgColor",
+    "reference": "bgColor/danger-emphasis",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "diffBlob/deletionNum/fgColor",
   "value": {
     "r": 1,
@@ -1965,7 +2063,7 @@
   "type": "COLOR",
   "alpha": 0.3,
   "refId": "mode/diffBlob/deletionNum/bgColor",
-    "reference": "base/color/dark-high-contrast/base/color/red/4",
+    "reference": "mode/bgColor/danger-muted",
   "collection": "mode",
   "mode": "dark high contrast",
   "group": "component",
@@ -1988,6 +2086,23 @@
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "diffBlob/hunkLine/bgColor",
+    "value": {
+      "r": 0.3607843137254902,
+      "g": 0.6745098039215687,
+      "b": 1,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "refId": "mode/diffBlob/hunkLine/bgColor",
+    "reference": "mode/bgColor/accent-muted",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "diffBlob/hunkNum/fgColor/rest",
   "value": {
     "r": 1,
@@ -2020,6 +2135,23 @@
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "diffBlob/hunkNum/bgColor/rest",
+    "value": {
+      "r": 0.3607843137254902,
+      "g": 0.6745098039215687,
+      "b": 1,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "alpha": 0.4,
+    "refId": "mode/diffBlob/hunkNum/bgColor/rest",
+    "reference": "base/color/dark-high-contrast/base/color/blue/4",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "diffBlob/hunkNum/bgColor/hover",
   "value": {
     "r": 0.09803921568627451,
@@ -2068,6 +2200,22 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "diffBlob/expander/iconColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/expander/iconColor",
+    "reference": "fgColor/default",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "highlight/neutral/bgColor",
   "value": {
     "r": 0.9411764705882353,

/figma/themes/dark-tritanopia.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-tritanopia.json	2024-12-18 16:40:07.649459851 +0000
@@ -2113,6 +2113,23 @@
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "diffBlob/additionWord/bgColor",
+    "value": {
+      "r": 0.2196078431372549,
+      "g": 0.5450980392156862,
+      "b": 0.9921568627450981,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "alpha": 0.4,
+    "refId": "mode/diffBlob/additionWord/bgColor",
+    "reference": "base/color/dark/base/color/blue/4",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "diffBlob/additionNum/fgColor",
   "value": {
     "r": 0.9411764705882353,
@@ -2129,6 +2146,23 @@
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "diffBlob/additionNum/bgColor",
+    "value": {
+      "r": 0.34509803921568627,
+      "g": 0.6509803921568628,
+      "b": 1,
+      "a": 0.3
+    },
+    "type": "COLOR",
+    "alpha": 0.3,
+    "refId": "mode/diffBlob/additionNum/bgColor",
+    "reference": "base/color/dark/base/color/blue/3",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "diffBlob/deletionLine/fgColor",
   "value": {
     "r": 0.9411764705882353,
@@ -2170,7 +2204,7 @@
   },
   "type": "COLOR",
   "refId": "mode/diffBlob/deletionWord/fgColor",
-    "reference": "mode/fgColor/default",
+    "reference": "base/color/dark/base/color/neutral/12",
   "collection": "mode",
   "mode": "dark tritanopia",
   "group": "component",
@@ -2243,6 +2277,22 @@
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "diffBlob/hunkLine/bgColor",
+    "value": {
+      "r": 0.12941176470588237,
+      "g": 0.1568627450980392,
+      "b": 0.18823529411764706,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/hunkLine/bgColor",
+    "reference": "base/color/dark/base/color/neutral/3",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "diffBlob/hunkNum/fgColor/rest",
   "value": {
     "r": 0.9411764705882353,
@@ -2275,6 +2325,38 @@
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "diffBlob/hunkNum/bgColor/rest",
+    "value": {
+      "r": 0.1843137254901961,
+      "g": 0.21568627450980393,
+      "b": 0.25882352941176473,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/hunkNum/bgColor/rest",
+    "reference": "base/color/dark/base/color/neutral/6",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/hunkNum/bgColor/hover",
+    "value": {
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/hunkNum/bgColor/hover",
+    "reference": "base/color/dark/base/color/neutral/8",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "diffBlob/emptyNum/bgColor",
   "value": {
     "r": 0.08235294117647059,

/figma/themes/dark.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark.json	2024-12-18 16:40:06.891456697 +0000
@@ -2369,22 +2369,6 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "diffBlob/hunkLine/bgColor",
-    "value": {
-      "r": 0.2196078431372549,
-      "g": 0.5450980392156862,
-      "b": 0.9921568627450981,
-      "a": 0.1
-    },
-    "type": "COLOR",
-    "refId": "mode/diffBlob/hunkLine/bgColor",
-    "reference": "mode/bgColor/accent-muted",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
   "name": "diffBlob/hunkLine/fgColor",
   "value": {
     "r": 0.5686274509803921,
@@ -2401,6 +2385,22 @@
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "diffBlob/hunkLine/bgColor",
+    "value": {
+      "r": 0.2196078431372549,
+      "g": 0.5450980392156862,
+      "b": 0.9921568627450981,
+      "a": 0.1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/hunkLine/bgColor",
+    "reference": "mode/bgColor/accent-muted",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "diffBlob/hunkNum/fgColor/rest",
   "value": {
     "r": 0.9411764705882353,

/figma/themes/light-colorblind.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/light-colorblind.json	2024-12-18 16:40:06.124453506 +0000
@@ -2174,36 +2174,36 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "diffBlob/hunkLine/bgColor",
+    "name": "diffBlob/hunkLine/fgColor",
   "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
+      "r": 0.34901960784313724,
+      "g": 0.38823529411764707,
+      "b": 0.43137254901960786,
     "a": 1
   },
   "type": "COLOR",
-    "refId": "mode/diffBlob/hunkLine/bgColor",
-    "reference": "base/color/light/base/color/neutral/1",
+    "refId": "mode/diffBlob/hunkLine/fgColor",
+    "reference": "mode/fgColor/muted",
   "collection": "mode",
   "mode": "light protanopia deuteranopia",
   "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "diffBlob/hunkLine/fgColor",
+    "name": "diffBlob/hunkLine/bgColor",
   "value": {
-      "r": 0.34901960784313724,
-      "g": 0.38823529411764707,
-      "b": 0.43137254901960786,
+      "r": 0.9647058823529412,
+      "g": 0.9725490196078431,
+      "b": 0.9803921568627451,
     "a": 1
   },
   "type": "COLOR",
-    "refId": "mode/diffBlob/hunkLine/fgColor",
-    "reference": "mode/fgColor/muted",
+    "refId": "mode/diffBlob/hunkLine/bgColor",
+    "reference": "base/color/light/base/color/neutral/1",
   "collection": "mode",
   "mode": "light protanopia deuteranopia",
   "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
   "name": "diffBlob/hunkNum/fgColor/rest",

/figma/themes/light-high-contrast.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/light-high-contrast.json	2024-12-18 16:40:06.474454962 +0000
@@ -1870,6 +1870,38 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "diffBlob/additionWord/fgColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/additionWord/fgColor",
+    "reference": "mode/fgColor/onEmphasis",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/additionWord/bgColor",
+    "value": {
+      "r": 0.0196078431372549,
+      "g": 0.36470588235294116,
+      "b": 0.12549019607843137,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/additionWord/bgColor",
+    "reference": "base/color/light-high-contrast/base/color/green/5",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "diffBlob/additionNum/fgColor",
   "value": {
     "r": 0.00392156862745098,
@@ -1934,6 +1966,38 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "diffBlob/deletionWord/fgColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/deletionWord/fgColor",
+    "reference": "mode/fgColor/onEmphasis",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/deletionWord/bgColor",
+    "value": {
+      "r": 0.6274509803921569,
+      "g": 0.06666666666666667,
+      "b": 0.12156862745098039,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/deletionWord/bgColor",
+    "reference": "base/color/light-high-contrast/base/color/red/5",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "diffBlob/deletionNum/fgColor",
   "value": {
     "r": 0.00392156862745098,
@@ -1966,36 +2030,36 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "diffBlob/hunkLine/bgColor",
+    "name": "diffBlob/hunkLine/fgColor",
   "value": {
-      "r": 0.8745098039215686,
-      "g": 0.9686274509803922,
-      "b": 1,
+      "r": 0.27058823529411763,
+      "g": 0.2980392156862745,
+      "b": 0.32941176470588235,
     "a": 1
   },
   "type": "COLOR",
-    "refId": "mode/diffBlob/hunkLine/bgColor",
-    "reference": "mode/bgColor/accent-muted",
+    "refId": "mode/diffBlob/hunkLine/fgColor",
+    "reference": "fgColor/muted",
   "collection": "mode",
   "mode": "light high contrast",
   "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "diffBlob/hunkLine/fgColor",
+    "name": "diffBlob/hunkLine/bgColor",
   "value": {
-      "r": 0.27058823529411763,
-      "g": 0.2980392156862745,
-      "b": 0.32941176470588235,
+      "r": 0.8745098039215686,
+      "g": 0.9686274509803922,
+      "b": 1,
     "a": 1
   },
   "type": "COLOR",
-    "refId": "mode/diffBlob/hunkLine/fgColor",
-    "reference": "fgColor/muted",
+    "refId": "mode/diffBlob/hunkLine/bgColor",
+    "reference": "mode/bgColor/accent-muted",
   "collection": "mode",
   "mode": "light high contrast",
   "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
   "name": "diffBlob/hunkNum/fgColor/rest",
@@ -2030,6 +2094,22 @@
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "diffBlob/hunkNum/bgColor/rest",
+    "value": {
+      "r": 0.611764705882353,
+      "g": 0.8431372549019608,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/hunkNum/bgColor/rest",
+    "reference": "base/color/light-high-contrast/base/color/blue/1",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "diffBlob/hunkNum/bgColor/hover",
   "value": {
     "r": 0.011764705882352941,
@@ -2078,6 +2158,22 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "diffBlob/expander/iconColor",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/expander/iconColor",
+    "reference": "mode/fgColor/default",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "highlight/neutral/bgColor",
   "value": {
     "r": 0.9882352941176471,

/figma/themes/light-tritanopia.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/light-tritanopia.json	2024-12-18 16:40:05.748451941 +0000
@@ -2061,6 +2061,22 @@
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "diffBlob/additionWord/bgColor",
+    "value": {
+      "r": 0.7137254901960784,
+      "g": 0.8901960784313725,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/additionWord/bgColor",
+    "reference": "base/color/light/base/color/blue/1",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "diffBlob/additionNum/fgColor",
   "value": {
     "r": 0.12156862745098039,
@@ -2077,6 +2093,22 @@
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "diffBlob/additionNum/bgColor",
+    "value": {
+      "r": 0.7137254901960784,
+      "g": 0.8901960784313725,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/additionNum/bgColor",
+    "reference": "base/color/light/base/color/blue/1",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "diffBlob/deletionLine/fgColor",
   "value": {
     "r": 0.12156862745098039,
@@ -2125,6 +2157,22 @@
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "diffBlob/deletionWord/bgColor",
+    "value": {
+      "r": 1,
+      "g": 0.807843137254902,
+      "b": 0.796078431372549,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/deletionWord/bgColor",
+    "reference": "base/color/light/base/color/red/1",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "diffBlob/deletionNum/fgColor",
   "value": {
     "r": 0.12156862745098039,
@@ -2141,16 +2189,16 @@
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "diffBlob/hunkLine/bgColor",
+    "name": "diffBlob/deletionNum/bgColor",
   "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
+      "r": 1,
+      "g": 0.807843137254902,
+      "b": 0.796078431372549,
     "a": 1
   },
   "type": "COLOR",
-    "refId": "mode/diffBlob/hunkLine/bgColor",
-    "reference": "base/color/light/base/color/neutral/1",
+    "refId": "mode/diffBlob/deletionNum/bgColor",
+    "reference": "base/color/light/base/color/red/1",
   "collection": "mode",
   "mode": "light tritanopia",
   "group": "component",
@@ -2173,6 +2221,22 @@
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "diffBlob/hunkLine/bgColor",
+    "value": {
+      "r": 0.9647058823529412,
+      "g": 0.9725490196078431,
+      "b": 0.9803921568627451,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/hunkLine/bgColor",
+    "reference": "base/color/light/base/color/neutral/1",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "diffBlob/hunkNum/fgColor/rest",
   "value": {
     "r": 0.12156862745098039,
@@ -2186,6 +2250,22 @@
   "collection": "mode",
   "mode": "light tritanopia",
   "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/hunkNum/fgColor/hover",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/hunkNum/fgColor/hover",
+    "reference": "base/color/light/base/color/black",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {

/figma/themes/light.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/light.json	2024-12-18 16:40:05.305450098 +0000
@@ -10025,36 +10025,36 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "diffBlob/hunkLine/bgColor",
+    "name": "diffBlob/hunkLine/fgColor",
   "value": {
-      "r": 0.8666666666666667,
-      "g": 0.9568627450980393,
-      "b": 1,
+      "r": 0.34901960784313724,
+      "g": 0.38823529411764707,
+      "b": 0.43137254901960786,
     "a": 1
   },
   "type": "COLOR",
-    "refId": "mode/diffBlob/hunkLine/bgColor",
-    "reference": "mode/bgColor/accent-muted",
+    "refId": "mode/diffBlob/hunkLine/fgColor",
+    "reference": "mode/fgColor/muted",
   "collection": "mode",
   "mode": "light",
   "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "diffBlob/hunkLine/fgColor",
+    "name": "diffBlob/hunkLine/bgColor",
   "value": {
-      "r": 0.34901960784313724,
-      "g": 0.38823529411764707,
-      "b": 0.43137254901960786,
+      "r": 0.8666666666666667,
+      "g": 0.9568627450980393,
+      "b": 1,
     "a": 1
   },
   "type": "COLOR",
-    "refId": "mode/diffBlob/hunkLine/fgColor",
-    "reference": "mode/fgColor/muted",
+    "refId": "mode/diffBlob/hunkLine/bgColor",
+    "reference": "mode/bgColor/accent-muted",
   "collection": "mode",
   "mode": "light",
   "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
   "name": "diffBlob/hunkNum/fgColor/rest",

lukasoppermann requested review from a team as code owners December 11, 2024 10:58

lukasoppermann requested a review from langermank December 11, 2024 10:58

lukasoppermann self-assigned this Dec 11, 2024

lukasoppermann added the skip changeset Apply to PRs that should not result in a version bump. label Dec 11, 2024

lukasoppermann changed the title ~~Working on compnent tokens~~ Working on component tokens Dec 11, 2024

lukasoppermann temporarily deployed to github-pages December 11, 2024 11:00 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) December 11, 2024 11:00 Inactive

lukasoppermann temporarily deployed to github-pages December 11, 2024 12:28 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) December 11, 2024 12:29 Inactive

lukasoppermann force-pushed the component-tokens branch from abfed9b to 19ed17b Compare December 12, 2024 18:43

lukasoppermann temporarily deployed to github-pages December 12, 2024 18:45 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) December 12, 2024 18:45 Inactive

lukasoppermann force-pushed the component-tokens branch from 19ed17b to f49ad42 Compare December 13, 2024 09:18

lukasoppermann temporarily deployed to github-pages December 13, 2024 09:20 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) December 13, 2024 09:20 Inactive

lukasoppermann force-pushed the component-tokens branch from f49ad42 to 0e18c9e Compare December 13, 2024 09:33

lukasoppermann temporarily deployed to github-pages December 13, 2024 09:35 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) December 13, 2024 09:36 Inactive

lukasoppermann temporarily deployed to github-pages December 13, 2024 10:26 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) December 13, 2024 10:27 Inactive

lukasoppermann force-pushed the component-tokens branch from 4d5e6f9 to 074d587 Compare December 13, 2024 10:28

lukasoppermann temporarily deployed to github-pages December 13, 2024 10:30 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) December 13, 2024 10:30 Inactive

lukasoppermann temporarily deployed to github-pages December 13, 2024 12:00 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) December 13, 2024 12:00 Inactive

lukasoppermann temporarily deployed to github-pages December 13, 2024 12:07 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) December 13, 2024 12:08 Inactive

lukasoppermann temporarily deployed to github-pages December 13, 2024 12:23 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) December 15, 2024 08:38 Inactive

lukasoppermann temporarily deployed to github-pages December 15, 2024 09:16 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) December 15, 2024 09:16 Inactive

lukasoppermann force-pushed the component-tokens branch 2 times, most recently from dcf0d17 to ba3083e Compare December 16, 2024 08:06

lukasoppermann temporarily deployed to github-pages December 16, 2024 08:49 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) December 16, 2024 08:50 Inactive

lukasoppermann force-pushed the component-tokens branch from c6879b5 to 20556c3 Compare December 16, 2024 11:58

lukasoppermann temporarily deployed to github-pages December 16, 2024 12:00 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) December 16, 2024 12:00 Inactive

lukasoppermann force-pushed the component-tokens branch from 20556c3 to 184b202 Compare December 16, 2024 12:22

lukasoppermann temporarily deployed to github-pages December 16, 2024 12:23 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) December 16, 2024 12:24 Inactive

lukasoppermann force-pushed the component-tokens branch 2 times, most recently from 0e9524d to 3a1fbe8 Compare December 17, 2024 09:13

github-actions bot temporarily deployed to Preview (Storybook) December 17, 2024 09:14 Inactive

lukasoppermann temporarily deployed to github-pages December 17, 2024 09:14 — with GitHub Actions Inactive

lukasoppermann force-pushed the component-tokens branch from 3a1fbe8 to a22a6d0 Compare December 17, 2024 09:15

github-actions bot temporarily deployed to Preview (Storybook) December 17, 2024 09:15 Inactive

lukasoppermann temporarily deployed to github-pages December 17, 2024 09:16 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) December 17, 2024 09:17 Inactive

working on compnent tokens

02018d8

lukasoppermann force-pushed the component-tokens branch from a22a6d0 to 02018d8 Compare December 18, 2024 16:29

fix

8d622b8

lukasoppermann deployed to github-pages December 18, 2024 16:40 — with GitHub Actions View deployment

github-actions bot temporarily deployed to Preview (Storybook) December 18, 2024 16:41 Inactive

lukasoppermann closed this Dec 18, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Working on component tokens #1114

Working on component tokens #1114

lukasoppermann commented Dec 11, 2024

changeset-bot bot commented Dec 11, 2024 •

edited

Loading

github-actions bot commented Dec 18, 2024

/css/functional/themes/dark-colorblind.css

/css/functional/themes/dark-high-contrast.css

/css/functional/themes/dark-tritanopia.css

/css/functional/themes/light-tritanopia.css

github-actions bot commented Dec 18, 2024

github-actions bot commented Dec 18, 2024

/figma/themes/dark-colorblind.json

/figma/themes/dark-dimmed.json

/figma/themes/dark-high-contrast.json

/figma/themes/dark-tritanopia.json

/figma/themes/dark.json

/figma/themes/light-colorblind.json

/figma/themes/light-high-contrast.json

/figma/themes/light-tritanopia.json

/figma/themes/light.json

Working on component tokens #1114

Working on component tokens #1114

Conversation

lukasoppermann commented Dec 11, 2024

Summary

changeset-bot bot commented Dec 11, 2024 • edited Loading

⚠️ No Changeset found

github-actions bot commented Dec 18, 2024

Design Token Diff (CSS)

/css/functional/themes/dark-colorblind.css

/css/functional/themes/dark-high-contrast.css

/css/functional/themes/dark-tritanopia.css

/css/functional/themes/light-tritanopia.css

github-actions bot commented Dec 18, 2024

Design Token Diff (StyleLint)

github-actions bot commented Dec 18, 2024

Design Token Diff (Figma)

/figma/themes/dark-colorblind.json

/figma/themes/dark-dimmed.json

/figma/themes/dark-high-contrast.json

/figma/themes/dark-tritanopia.json

/figma/themes/dark.json

/figma/themes/light-colorblind.json

/figma/themes/light-high-contrast.json

/figma/themes/light-tritanopia.json

/figma/themes/light.json

changeset-bot bot commented Dec 11, 2024 •

edited

Loading