Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

No alpha in extensions #1122

Merged
merged 1 commit into from
Dec 12, 2024
Merged

No alpha in extensions #1122

merged 1 commit into from
Dec 12, 2024

Conversation

lukasoppermann
Copy link
Contributor

Summary

This PR removes the Alpha prop from extensions and only allows alpha on the same level as $value.

Copy link

changeset-bot bot commented Dec 12, 2024

⚠️ No Changeset found

Latest commit: af8945b

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

@lukasoppermann lukasoppermann added the skip changeset Apply to PRs that should not result in a version bump. label Dec 12, 2024
@lukasoppermann lukasoppermann self-assigned this Dec 12, 2024
Copy link
Contributor

Design Token Diff (StyleLint)

/styleLint/functional/themes/dark-colorblind.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-colorblind.json	2024-12-12 20:32:29.813029654 +0000
@@ -378,17 +378,13 @@
 "diffBlob-hunkLine-bgColor": {
   "$value": "#212830",
   "$type": "color",
-    "$extensions": {
-      "alpha": 1
-    },
+    "alpha": 1,
   "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.3}",
     "$type": "color",
-      "$extensions": {
-        "alpha": 1
-      }
+      "alpha": 1
   },
   "name": "diffBlob-hunkLine-bgColor",
   "attributes": {},
@@ -451,17 +447,13 @@
 "diffBlob-hunkNum-bgColor-rest": {
   "$value": "#2f3742",
   "$type": "color",
-    "$extensions": {
-      "alpha": 1
-    },
+    "alpha": 1,
   "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.6}",
     "$type": "color",
-      "$extensions": {
-        "alpha": 1
-      }
+      "alpha": 1
   },
   "name": "diffBlob-hunkNum-bgColor-rest",
   "attributes": {},
@@ -470,17 +462,13 @@
 "diffBlob-hunkNum-bgColor-hover": {
   "$value": "#656c76",
   "$type": "color",
-    "$extensions": {
-      "alpha": 1
-    },
+    "alpha": 1,
   "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.8}",
     "$type": "color",
-      "$extensions": {
-        "alpha": 1
-      }
+      "alpha": 1
   },
   "name": "diffBlob-hunkNum-bgColor-hover",
   "attributes": {},
@@ -11932,8 +11920,8 @@
 "fgColor-disabled": {
   "$value": "#656c7699",
   "$type": "color",
+    "alpha": 0.6,
   "$extensions": {
-      "alpha": 0.6,
     "org.primer.figma": {
       "collection": "mode",
       "group": "semantic",
@@ -11945,8 +11933,8 @@
   "original": {
     "$value": "{base.color.neutral.8}",
     "$type": "color",
+      "alpha": 0.6,
     "$extensions": {
-        "alpha": 0.6,
       "org.primer.figma": {
         "collection": "mode",
         "group": "semantic",
@@ -12888,17 +12876,13 @@
 "bgColor-closed-muted": {
   "$value": "#656c761a",
   "$type": "color",
-    "$extensions": {
-      "alpha": 0.1
-    },
+    "alpha": 0.1,
   "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
   "isSource": true,
   "original": {
     "$value": "{bgColor.neutral.muted}",
     "$type": "color",
-      "$extensions": {
-        "alpha": 0.1
-      }
+      "alpha": 0.1
   },
   "name": "bgColor-closed-muted",
   "attributes": {},
@@ -13646,17 +13630,13 @@
 "borderColor-closed-muted": {
   "$value": "#3d444d66",
   "$type": "color",
-    "$extensions": {
-      "alpha": 0.4
-    },
+    "alpha": 0.4,
   "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
   "isSource": true,
   "original": {
     "$value": "{borderColor.muted}",
     "$type": "color",
-      "$extensions": {
-        "alpha": 0.4
-      }
+      "alpha": 0.4
   },
   "name": "borderColor-closed-muted",
   "attributes": {},

/styleLint/functional/themes/dark-dimmed.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-dimmed.json	2024-12-12 20:32:27.955034664 +0000
@@ -12618,8 +12618,8 @@
 "bgColor-danger-muted": {
   "$value": "#e5534b1a",
   "$type": "color",
+    "alpha": 0.1,
   "$extensions": {
-      "alpha": 0.1,
     "org.primer.figma": {
       "collection": "mode",
       "group": "semantic",
@@ -12634,8 +12634,8 @@
   "original": {
     "$value": "{base.color.red.4}",
     "$type": "color",
+      "alpha": 0.1,
     "$extensions": {
-        "alpha": 0.1,
       "org.primer.figma": {
         "collection": "mode",
         "group": "semantic",
@@ -12686,8 +12686,8 @@
 "bgColor-closed-muted": {
   "$value": "#e5534b1a",
   "$type": "color",
+    "alpha": 0.1,
   "$extensions": {
-      "alpha": 0.1,
     "org.primer.figma": {
       "collection": "mode",
       "group": "semantic",
@@ -12702,8 +12702,8 @@
   "original": {
     "$value": "{bgColor.danger.muted}",
     "$type": "color",
+      "alpha": 0.1,
     "$extensions": {
-        "alpha": 0.1,
       "org.primer.figma": {
         "collection": "mode",
         "group": "semantic",

/styleLint/functional/themes/dark-high-contrast.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-high-contrast.json	2024-12-12 20:32:30.682029409 +0000
@@ -11278,8 +11278,8 @@
 "bgColor-danger-muted": {
   "$value": "#ff80801a",
   "$type": "color",
+    "alpha": 0.1,
   "$extensions": {
-      "alpha": 0.1,
     "org.primer.figma": {
       "collection": "mode",
       "group": "semantic",
@@ -11294,8 +11294,8 @@
   "original": {
     "$value": "{base.color.red.4}",
     "$type": "color",
+      "alpha": 0.1,
     "$extensions": {
-        "alpha": 0.1,
       "org.primer.figma": {
         "collection": "mode",
         "group": "semantic",
@@ -11326,8 +11326,8 @@
 "bgColor-closed-muted": {
   "$value": "#ff80801a",
   "$type": "color",
+    "alpha": 0.1,
   "$extensions": {
-      "alpha": 0.1,
     "org.primer.figma": {
       "collection": "mode",
       "group": "semantic",
@@ -11342,8 +11342,8 @@
   "original": {
     "$value": "{bgColor.danger.muted}",
     "$type": "color",
+      "alpha": 0.1,
     "$extensions": {
-        "alpha": 0.1,
       "org.primer.figma": {
         "collection": "mode",
         "group": "semantic",

/styleLint/functional/themes/dark-tritanopia.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-tritanopia.json	2024-12-12 20:32:28.850031776 +0000
@@ -168,17 +168,13 @@
 "diffBlob-additionWord-bgColor": {
   "$value": "#388bfd66",
   "$type": "color",
-    "$extensions": {
-      "alpha": 0.4
-    },
+    "alpha": 0.4,
   "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.blue.4}",
     "$type": "color",
-      "$extensions": {
-        "alpha": 0.4
-      }
+      "alpha": 0.4
   },
   "name": "diffBlob-additionWord-bgColor",
   "attributes": {},
@@ -214,17 +210,13 @@
 "diffBlob-additionNum-bgColor": {
   "$value": "#58a6ff4d",
   "$type": "color",
-    "$extensions": {
-      "alpha": 0.3
-    },
+    "alpha": 0.3,
   "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.blue.3}",
     "$type": "color",
-      "$extensions": {
-        "alpha": 0.3
-      }
+      "alpha": 0.3
   },
   "name": "diffBlob-additionNum-bgColor",
   "attributes": {},
@@ -426,17 +418,13 @@
 "diffBlob-hunkLine-bgColor": {
   "$value": "#212830",
   "$type": "color",
-    "$extensions": {
-      "alpha": 1
-    },
+    "alpha": 1,
   "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.3}",
     "$type": "color",
-      "$extensions": {
-        "alpha": 1
-      }
+      "alpha": 1
   },
   "name": "diffBlob-hunkLine-bgColor",
   "attributes": {},
@@ -499,17 +487,13 @@
 "diffBlob-hunkNum-bgColor-rest": {
   "$value": "#2f3742",
   "$type": "color",
-    "$extensions": {
-      "alpha": 1
-    },
+    "alpha": 1,
   "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.6}",
     "$type": "color",
-      "$extensions": {
-        "alpha": 1
-      }
+      "alpha": 1
   },
   "name": "diffBlob-hunkNum-bgColor-rest",
   "attributes": {},
@@ -518,17 +502,13 @@
 "diffBlob-hunkNum-bgColor-hover": {
   "$value": "#656c76",
   "$type": "color",
-    "$extensions": {
-      "alpha": 1
-    },
+    "alpha": 1,
   "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.8}",
     "$type": "color",
-      "$extensions": {
-        "alpha": 1
-      }
+      "alpha": 1
   },
   "name": "diffBlob-hunkNum-bgColor-hover",
   "attributes": {},
@@ -12022,8 +12002,8 @@
 "fgColor-disabled": {
   "$value": "#656c7699",
   "$type": "color",
+    "alpha": 0.6,
   "$extensions": {
-      "alpha": 0.6,
     "org.primer.figma": {
       "collection": "mode",
       "group": "semantic",
@@ -12035,8 +12015,8 @@
   "original": {
     "$value": "{base.color.neutral.8}",
     "$type": "color",
+      "alpha": 0.6,
     "$extensions": {
-        "alpha": 0.6,
       "org.primer.figma": {
         "collection": "mode",
         "group": "semantic",
@@ -12910,8 +12890,8 @@
 "bgColor-danger-muted": {
   "$value": "#f851491a",
   "$type": "color",
+    "alpha": 0.1,
   "$extensions": {
-      "alpha": 0.1,
     "org.primer.figma": {
       "collection": "mode",
       "group": "semantic",
@@ -12926,8 +12906,8 @@
   "original": {
     "$value": "{base.color.red.4}",
     "$type": "color",
+      "alpha": 0.1,
     "$extensions": {
-        "alpha": 0.1,
       "org.primer.figma": {
         "collection": "mode",
         "group": "semantic",
@@ -13492,17 +13472,13 @@
 "borderColor-success-muted": {
   "$value": "#388bfd66",
   "$type": "color",
-    "$extensions": {
-      "alpha": 0.4
-    },
+    "alpha": 0.4,
   "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.blue.4}",
     "$type": "color",
-      "$extensions": {
-        "alpha": 0.4
-      }
+      "alpha": 0.4
   },
   "name": "borderColor-success-muted",
   "attributes": {},
@@ -13524,17 +13500,13 @@
 "borderColor-open-muted": {
   "$value": "#f8514966",
   "$type": "color",
-    "$extensions": {
-      "alpha": 0.4
-    },
+    "alpha": 0.4,
   "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.red.4}",
     "$type": "color",
-      "$extensions": {
-        "alpha": 0.4
-      }
+      "alpha": 0.4
   },
   "name": "borderColor-open-muted",
   "attributes": {},
@@ -13624,17 +13596,13 @@
 "borderColor-severe-muted": {
   "$value": "#f8514966",
   "$type": "color",
-    "$extensions": {
-      "alpha": 0.4
-    },
+    "alpha": 0.4,
   "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.red.4}",
     "$type": "color",
-      "$extensions": {
-        "alpha": 0.4
-      }
+      "alpha": 0.4
   },
   "name": "borderColor-severe-muted",
   "attributes": {},
@@ -13724,17 +13692,13 @@
 "borderColor-closed-muted": {
   "$value": "#3d444d66",
   "$type": "color",
-    "$extensions": {
-      "alpha": 0.4
-    },
+    "alpha": 0.4,
   "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
   "isSource": true,
   "original": {
     "$value": "{borderColor.default}",
     "$type": "color",
-      "$extensions": {
-        "alpha": 0.4
-      }
+      "alpha": 0.4
   },
   "name": "borderColor-closed-muted",
   "attributes": {},

/styleLint/functional/themes/dark.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark.json	2024-12-12 20:32:27.094037444 +0000
@@ -12178,8 +12178,8 @@
 "fgColor-disabled": {
   "$value": "#656c7699",
   "$type": "color",
+    "alpha": 0.6,
   "$extensions": {
-      "alpha": 0.6,
     "org.primer.figma": {
       "collection": "mode",
       "group": "semantic",
@@ -12191,8 +12191,8 @@
   "original": {
     "$value": "{base.color.neutral.8}",
     "$type": "color",
+      "alpha": 0.6,
     "$extensions": {
-        "alpha": 0.6,
       "org.primer.figma": {
         "collection": "mode",
         "group": "semantic",
@@ -13266,8 +13266,8 @@
 "bgColor-danger-muted": {
   "$value": "#f851491a",
   "$type": "color",
+    "alpha": 0.1,
   "$extensions": {
-      "alpha": 0.1,
     "org.primer.figma": {
       "collection": "mode",
       "group": "semantic",
@@ -13282,8 +13282,8 @@
   "original": {
     "$value": "{base.color.red.4}",
     "$type": "color",
+      "alpha": 0.1,
     "$extensions": {
-        "alpha": 0.1,
       "org.primer.figma": {
         "collection": "mode",
         "group": "semantic",
@@ -13334,8 +13334,8 @@
 "bgColor-closed-muted": {
   "$value": "#f851491a",
   "$type": "color",
+    "alpha": 0.1,
   "$extensions": {
-      "alpha": 0.1,
     "org.primer.figma": {
       "collection": "mode",
       "group": "semantic",
@@ -13350,8 +13350,8 @@
   "original": {
     "$value": "{bgColor.danger.muted}",
     "$type": "color",
+      "alpha": 0.1,
     "$extensions": {
-        "alpha": 0.1,
       "org.primer.figma": {
         "collection": "mode",
         "group": "semantic",

/styleLint/functional/themes/light-colorblind.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-colorblind.json	2024-12-12 20:32:25.221043489 +0000
@@ -13668,17 +13668,13 @@
 "borderColor-closed-muted": {
   "$value": "#d1d9e066",
   "$type": "color",
-    "$extensions": {
-      "alpha": 0.4
-    },
+    "alpha": 0.4,
   "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
   "isSource": true,
   "original": {
     "$value": "{borderColor.default}",
     "$type": "color",
-      "$extensions": {
-        "alpha": 0.4
-      }
+      "alpha": 0.4
   },
   "name": "borderColor-closed-muted",
   "attributes": {},

/styleLint/functional/themes/light-tritanopia.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-tritanopia.json	2024-12-12 20:32:24.323046387 +0000
@@ -13710,17 +13710,13 @@
 "borderColor-closed-muted": {
   "$value": "#d1d9e066",
   "$type": "color",
-    "$extensions": {
-      "alpha": 0.4
-    },
+    "alpha": 0.4,
   "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
   "isSource": true,
   "original": {
     "$value": "{borderColor.default}",
     "$type": "color",
-      "$extensions": {
-        "alpha": 0.4
-      }
+      "alpha": 0.4
   },
   "name": "borderColor-closed-muted",
   "attributes": {},

Copy link
Contributor

Design Token Diff (Figma)

/figma/themes/dark-colorblind.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-colorblind.json	2024-12-12 20:32:36.883017200 +0000
@@ -2700,7 +2700,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
   },
   "type": "COLOR",
   "refId": "mode/control/fgColor/disabled",
@@ -3070,7 +3070,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
   },
   "type": "COLOR",
   "refId": "mode/control/checked/bgColor/disabled",
@@ -3166,7 +3166,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
   },
   "type": "COLOR",
   "refId": "mode/control/checked/borderColor/disabled",
@@ -3230,7 +3230,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
   },
   "type": "COLOR",
   "refId": "mode/controlTrack/bgColor/disabled",
@@ -3294,7 +3294,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
   },
   "type": "COLOR",
   "refId": "mode/controlTrack/borderColor/disabled",
@@ -3876,7 +3876,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
   },
   "type": "COLOR",
   "refId": "mode/button/invisible/fgColor/disabled",
@@ -3924,7 +3924,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
   },
   "type": "COLOR",
   "refId": "mode/button/invisible/iconColor/disabled",
@@ -7040,9 +7040,10 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
   },
   "type": "COLOR",
+    "alpha": 0.6,
   "refId": "mode/fgColor/disabled",
   "reference": "base/color/dark/base/color/neutral/8",
   "collection": "mode",

/figma/themes/dark-dimmed.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-dimmed.json	2024-12-12 20:32:36.148019572 +0000
@@ -169,7 +169,7 @@
     "r": 0.8980392156862745,
     "g": 0.3254901960784314,
     "b": 0.29411764705882354,
-      "a": 1
+      "a": 0.1
   },
   "type": "COLOR",
   "refId": "mode/diffBlob/deletionLine/bgColor",
@@ -3040,7 +3040,7 @@
     "r": 0.8980392156862745,
     "g": 0.3254901960784314,
     "b": 0.29411764705882354,
-      "a": 1
+      "a": 0.1
   },
   "type": "COLOR",
   "refId": "mode/control/danger/bgColor/hover",
@@ -7251,9 +7251,10 @@
     "r": 0.8980392156862745,
     "g": 0.3254901960784314,
     "b": 0.29411764705882354,
-      "a": 1
+      "a": 0.1
   },
   "type": "COLOR",
+    "alpha": 0.1,
   "refId": "mode/bgColor/danger-muted",
   "reference": "base/color/dark-dimmed/base/color/red/4",
   "collection": "mode",
@@ -7289,9 +7290,10 @@
     "r": 0.8980392156862745,
     "g": 0.3254901960784314,
     "b": 0.29411764705882354,
-      "a": 1
+      "a": 0.1
   },
   "type": "COLOR",
+    "alpha": 0.1,
   "refId": "mode/bgColor/closed-muted",
   "reference": "mode/bgColor/danger-muted",
   "collection": "mode",

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

+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-high-contrast.json	2024-12-12 20:32:37.210016145 +0000
@@ -5715,9 +5715,10 @@
     "r": 1,
     "g": 0.5019607843137255,
     "b": 0.5019607843137255,
-      "a": 1
+      "a": 0.1
   },
   "type": "COLOR",
+    "alpha": 0.1,
   "refId": "mode/bgColor/danger-muted",
   "reference": "base/color/dark-high-contrast/base/color/red/4",
   "collection": "mode",
@@ -5734,9 +5735,10 @@
     "r": 1,
     "g": 0.5019607843137255,
     "b": 0.5019607843137255,
-      "a": 1
+      "a": 0.1
   },
   "type": "COLOR",
+    "alpha": 0.1,
   "refId": "mode/bgColor/closed-muted",
   "reference": "mode/bgColor/danger-muted",
   "collection": "mode",

/figma/themes/dark-tritanopia.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-tritanopia.json	2024-12-12 20:32:36.503018427 +0000
@@ -135,7 +135,7 @@
     "r": 0.9725490196078431,
     "g": 0.3176470588235294,
     "b": 0.28627450980392155,
-      "a": 1
+      "a": 0.1
   },
   "type": "COLOR",
   "refId": "mode/diffBlob/deletionLine/bgColor",
@@ -2766,7 +2766,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
   },
   "type": "COLOR",
   "refId": "mode/control/fgColor/disabled",
@@ -3073,7 +3073,7 @@
     "r": 0.9725490196078431,
     "g": 0.3176470588235294,
     "b": 0.28627450980392155,
-      "a": 1
+      "a": 0.1
   },
   "type": "COLOR",
   "refId": "mode/control/danger/bgColor/hover",
@@ -3152,7 +3152,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
   },
   "type": "COLOR",
   "refId": "mode/control/checked/bgColor/disabled",
@@ -3248,7 +3248,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
   },
   "type": "COLOR",
   "refId": "mode/control/checked/borderColor/disabled",
@@ -3312,7 +3312,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
   },
   "type": "COLOR",
   "refId": "mode/controlTrack/bgColor/disabled",
@@ -3376,7 +3376,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
   },
   "type": "COLOR",
   "refId": "mode/controlTrack/borderColor/disabled",
@@ -3958,7 +3958,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
   },
   "type": "COLOR",
   "refId": "mode/button/invisible/fgColor/disabled",
@@ -4006,7 +4006,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
   },
   "type": "COLOR",
   "refId": "mode/button/invisible/iconColor/disabled",
@@ -7135,9 +7135,10 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
   },
   "type": "COLOR",
+    "alpha": 0.6,
   "refId": "mode/fgColor/disabled",
   "reference": "base/color/dark/base/color/neutral/8",
   "collection": "mode",
@@ -7569,9 +7570,10 @@
     "r": 0.9725490196078431,
     "g": 0.3176470588235294,
     "b": 0.28627450980392155,
-      "a": 1
+      "a": 0.1
   },
   "type": "COLOR",
+    "alpha": 0.1,
   "refId": "mode/bgColor/danger-muted",
   "reference": "base/color/dark/base/color/red/4",
   "collection": "mode",

/figma/themes/dark.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark.json	2024-12-12 20:32:35.802020689 +0000
@@ -169,7 +169,7 @@
     "r": 0.9725490196078431,
     "g": 0.3176470588235294,
     "b": 0.28627450980392155,
-      "a": 1
+      "a": 0.1
   },
   "type": "COLOR",
   "refId": "mode/diffBlob/deletionLine/bgColor",
@@ -2864,7 +2864,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
   },
   "type": "COLOR",
   "refId": "mode/control/fgColor/disabled",
@@ -3171,7 +3171,7 @@
     "r": 0.9725490196078431,
     "g": 0.3176470588235294,
     "b": 0.28627450980392155,
-      "a": 1
+      "a": 0.1
   },
   "type": "COLOR",
   "refId": "mode/control/danger/bgColor/hover",
@@ -3250,7 +3250,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
   },
   "type": "COLOR",
   "refId": "mode/control/checked/bgColor/disabled",
@@ -3346,7 +3346,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
   },
   "type": "COLOR",
   "refId": "mode/control/checked/borderColor/disabled",
@@ -3410,7 +3410,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
   },
   "type": "COLOR",
   "refId": "mode/controlTrack/bgColor/disabled",
@@ -3474,7 +3474,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
   },
   "type": "COLOR",
   "refId": "mode/controlTrack/borderColor/disabled",
@@ -4116,7 +4116,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
   },
   "type": "COLOR",
   "refId": "mode/button/invisible/fgColor/disabled",
@@ -4164,7 +4164,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
   },
   "type": "COLOR",
   "refId": "mode/button/invisible/iconColor/disabled",
@@ -7341,9 +7341,10 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 1
+      "a": 0.6
   },
   "type": "COLOR",
+    "alpha": 0.6,
   "refId": "mode/fgColor/disabled",
   "reference": "base/color/dark/base/color/neutral/8",
   "collection": "mode",
@@ -7968,9 +7969,10 @@
     "r": 0.9725490196078431,
     "g": 0.3176470588235294,
     "b": 0.28627450980392155,
-      "a": 1
+      "a": 0.1
   },
   "type": "COLOR",
+    "alpha": 0.1,
   "refId": "mode/bgColor/danger-muted",
   "reference": "base/color/dark/base/color/red/4",
   "collection": "mode",
@@ -8006,9 +8008,10 @@
     "r": 0.9725490196078431,
     "g": 0.3176470588235294,
     "b": 0.28627450980392155,
-      "a": 1
+      "a": 0.1
   },
   "type": "COLOR",
+    "alpha": 0.1,
   "refId": "mode/bgColor/closed-muted",
   "reference": "mode/bgColor/danger-muted",
   "collection": "mode",

@github-actions github-actions bot temporarily deployed to Preview (Storybook) December 12, 2024 20:33 Inactive
@lukasoppermann lukasoppermann merged commit 02776ce into main Dec 12, 2024
30 of 31 checks passed
@lukasoppermann lukasoppermann deleted the move-alpha branch December 12, 2024 21:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
skip changeset Apply to PRs that should not result in a version bump.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant