@planningcenter/tapestry-tokens 2.8.0-rc.10 → 2.8.0-rc.12

package/dist/compose/TapestryDarkTokens.kt

@@ -11,21 +11,21 @@ object TapestryDarkTokens {
     val tTextColorDisabled = Color(red = 82, green = 82, blue = 82, alpha = 255)
     val tTextColorPlaceholder = Color(red = 97, green = 97, blue = 97, alpha = 255)
     val tTextColorInteraction = Color(red = 62, green = 156, blue = 218, alpha = 255)
-    val tTextColorInteractionActive = Color(red = 37, green = 131, blue = 193, alpha = 255)
+    val tTextColorInteractionActive = Color(red = 37, green = 130, blue = 193, alpha = 255)
     val tTextColorInteractionVisited = Color(red = 41, green = 145, blue = 214, alpha = 255)
     val tTextColorStatusNeutral = Color(red = 204, green = 204, blue = 204, alpha = 255)
     val tTextColorStatusInfo = Color(red = 62, green = 156, blue = 218, alpha = 255)
     val tTextColorStatusSuccess = Color(red = 91, green = 164, blue = 45, alpha = 255)
     val tTextColorStatusWarning = Color(red = 237, green = 179, blue = 44, alpha = 255)
-    val tTextColorStatusError = Color(red = 216, green = 112, blue = 96, alpha = 255)
+    val tTextColorStatusError = Color(red = 216, green = 111, blue = 95, alpha = 255)
     val tTextColorTagSubtleGray = Color(red = 204, green = 204, blue = 204, alpha = 255)
     val tTextColorTagSubtleBlue = Color(red = 195, green = 206, blue = 233, alpha = 255)
-    val tTextColorTagSubtleIndigo = Color(red = 182, green = 189, blue = 246, alpha = 255)
-    val tTextColorTagSubtleAqua = Color(red = 187, green = 218, blue = 246, alpha = 255)
+    val tTextColorTagSubtleIndigo = Color(red = 182, green = 190, blue = 246, alpha = 255)
+    val tTextColorTagSubtleAqua = Color(red = 187, green = 219, blue = 246, alpha = 255)
     val tTextColorTagSubtleTeal = Color(red = 126, green = 252, blue = 252, alpha = 255)
-    val tTextColorTagSubtleGreen = Color(red = 202, green = 252, blue = 176, alpha = 255)
-    val tTextColorTagSubtleYellow = Color(red = 255, green = 215, blue = 178, alpha = 255)
-    val tTextColorTagSubtleOrange = Color(red = 255, green = 201, blue = 178, alpha = 255)
+    val tTextColorTagSubtleGreen = Color(red = 203, green = 252, blue = 176, alpha = 255)
+    val tTextColorTagSubtleYellow = Color(red = 255, green = 215, blue = 179, alpha = 255)
+    val tTextColorTagSubtleOrange = Color(red = 255, green = 201, blue = 179, alpha = 255)
     val tTextColorTagSubtlePink = Color(red = 252, green = 202, blue = 229, alpha = 255)
     val tTextColorTagSubtlePurple = Color(red = 223, green = 203, blue = 246, alpha = 255)
     val tTextColorTagSubtleMagenta = Color(red = 235, green = 203, blue = 246, alpha = 255)
@@ -48,7 +48,7 @@ object TapestryDarkTokens {
     val tIconColorStatusNeutralSecondary = Color(red = 97, green = 97, blue = 97, alpha = 255)
     val tIconColorStatusNeutralBold = Color(red = 204, green = 204, blue = 204, alpha = 255)
     val tIconColorStatusInfo = Color(red = 62, green = 156, blue = 218, alpha = 255)
-    val tIconColorStatusError = Color(red = 216, green = 112, blue = 96, alpha = 255)
+    val tIconColorStatusError = Color(red = 216, green = 111, blue = 95, alpha = 255)
     val tFillColorNeutral_100 = Color(red = 26, green = 26, blue = 26, alpha = 255)
     val tFillColorNeutral_000 = Color(red = 250, green = 250, blue = 250, alpha = 255)
     val tFillColorNeutral_010 = Color(red = 224, green = 224, blue = 224, alpha = 255)
@@ -61,70 +61,70 @@ object TapestryDarkTokens {
     val tFillColorNeutral_070 = Color(red = 43, green = 43, blue = 43, alpha = 255)
     val tFillColorNeutral_080 = Color(red = 38, green = 38, blue = 38, alpha = 255)
     val tFillColorNeutral_090 = Color(red = 31, green = 31, blue = 31, alpha = 255)
-    val tFillColorInteraction = Color(red = 0, green = 107, blue = 178, alpha = 255)
+    val tFillColorInteraction = Color(red = 0, green = 107, blue = 179, alpha = 255)
     val tFillColorInteractionActive = Color(red = 23, green = 133, blue = 207, alpha = 255)
     val tFillColorInteractionDisabled = Color(red = 64, green = 64, blue = 64, alpha = 255)
     val tFillColorControlNeutralOff = Color(red = 82, green = 82, blue = 82, alpha = 255)
     val tFillColorControlNeutralOn = Color(red = 128, green = 128, blue = 128, alpha = 255)
-    val tFillColorControl = Color(red = 0, green = 107, blue = 178, alpha = 255)
+    val tFillColorControl = Color(red = 0, green = 107, blue = 179, alpha = 255)
     val tFillColorControlDisabled = Color(red = 51, green = 51, blue = 51, alpha = 255)
     val tFillColorStatusNeutral = Color(red = 61, green = 61, blue = 61, alpha = 255)
     val tFillColorStatusNeutralGhost = Color(red = 46, green = 46, blue = 46, alpha = 255)
     val tFillColorStatusNeutralDim = Color(red = 38, green = 38, blue = 38, alpha = 255)
-    val tFillColorStatusInfo = Color(red = 0, green = 107, blue = 178, alpha = 255)
-    val tFillColorStatusInfoGhost = Color(red = 27, green = 42, blue = 52, alpha = 255)
-    val tFillColorStatusInfoDim = Color(red = 29, green = 38, blue = 45, alpha = 255)
+    val tFillColorStatusInfo = Color(red = 0, green = 107, blue = 179, alpha = 255)
+    val tFillColorStatusInfoGhost = Color(red = 26, green = 41, blue = 50, alpha = 255)
+    val tFillColorStatusInfoDim = Color(red = 30, green = 39, blue = 47, alpha = 255)
     val tFillColorStatusSuccessGhost = Color(red = 32, green = 45, blue = 33, alpha = 255)
-    val tFillColorStatusSuccessDim = Color(red = 32, green = 41, blue = 32, alpha = 255)
-    val tFillColorStatusWarningGhost = Color(red = 52, green = 47, blue = 36, alpha = 255)
-    val tFillColorStatusWarningDim = Color(red = 44, green = 41, blue = 34, alpha = 255)
+    val tFillColorStatusSuccessDim = Color(red = 31, green = 40, blue = 31, alpha = 255)
+    val tFillColorStatusWarningGhost = Color(red = 51, green = 46, blue = 36, alpha = 255)
+    val tFillColorStatusWarningDim = Color(red = 43, green = 40, blue = 33, alpha = 255)
     val tFillColorStatusErrorGhost = Color(red = 49, green = 35, blue = 33, alpha = 255)
     val tFillColorStatusErrorDim = Color(red = 44, green = 34, blue = 32, alpha = 255)
-    val tFillColorTooltip = Color(red = 61, green = 61, blue = 61, alpha = 229)
+    val tFillColorTooltip = Color(red = 61, green = 61, blue = 61, alpha = 230)
     val tFillColorTagGray_010 = Color(red = 51, green = 51, blue = 51, alpha = 255)
     val tFillColorTagGray_020 = Color(red = 61, green = 61, blue = 61, alpha = 255)
     val tFillColorTagGray_030 = Color(red = 92, green = 92, blue = 92, alpha = 255)
     val tFillColorTagGray_040 = Color(red = 107, green = 107, blue = 107, alpha = 255)
-    val tFillColorTagBlue_010 = Color(red = 45, green = 56, blue = 76, alpha = 255)
-    val tFillColorTagBlue_020 = Color(red = 54, green = 68, blue = 95, alpha = 255)
-    val tFillColorTagBlue_030 = Color(red = 78, green = 103, blue = 151, alpha = 255)
-    val tFillColorTagBlue_040 = Color(red = 89, green = 118, blue = 175, alpha = 255)
-    val tFillColorTagAqua_010 = Color(red = 38, green = 60, blue = 71, alpha = 255)
-    val tFillColorTagAqua_020 = Color(red = 44, green = 73, blue = 88, alpha = 255)
-    val tFillColorTagAqua_030 = Color(red = 59, green = 108, blue = 133, alpha = 255)
-    val tFillColorTagAqua_040 = Color(red = 67, green = 125, blue = 154, alpha = 255)
-    val tFillColorTagTeal_010 = Color(red = 33, green = 66, blue = 60, alpha = 255)
-    val tFillColorTagTeal_020 = Color(red = 36, green = 78, blue = 70, alpha = 255)
-    val tFillColorTagTeal_030 = Color(red = 46, green = 114, blue = 102, alpha = 255)
-    val tFillColorTagTeal_040 = Color(red = 50, green = 130, blue = 115, alpha = 255)
-    val tFillColorTagGreen_010 = Color(red = 40, green = 65, blue = 35, alpha = 255)
-    val tFillColorTagGreen_020 = Color(red = 44, green = 77, blue = 39, alpha = 255)
-    val tFillColorTagGreen_030 = Color(red = 60, green = 114, blue = 52, alpha = 255)
-    val tFillColorTagGreen_040 = Color(red = 68, green = 133, blue = 58, alpha = 255)
-    val tFillColorTagYellow_010 = Color(red = 66, green = 56, blue = 29, alpha = 255)
-    val tFillColorTagYellow_020 = Color(red = 82, green = 69, blue = 32, alpha = 255)
-    val tFillColorTagYellow_030 = Color(red = 118, green = 97, blue = 39, alpha = 255)
-    val tFillColorTagYellow_040 = Color(red = 141, green = 115, blue = 43, alpha = 255)
-    val tFillColorTagOrange_010 = Color(red = 74, green = 49, blue = 36, alpha = 255)
+    val tFillColorTagBlue_010 = Color(red = 45, green = 56, blue = 77, alpha = 255)
+    val tFillColorTagBlue_020 = Color(red = 53, green = 67, blue = 95, alpha = 255)
+    val tFillColorTagBlue_030 = Color(red = 78, green = 104, blue = 151, alpha = 255)
+    val tFillColorTagBlue_040 = Color(red = 90, green = 118, blue = 175, alpha = 255)
+    val tFillColorTagAqua_010 = Color(red = 37, green = 59, blue = 70, alpha = 255)
+    val tFillColorTagAqua_020 = Color(red = 44, green = 74, blue = 88, alpha = 255)
+    val tFillColorTagAqua_030 = Color(red = 59, green = 109, blue = 135, alpha = 255)
+    val tFillColorTagAqua_040 = Color(red = 67, green = 124, blue = 152, alpha = 255)
+    val tFillColorTagTeal_010 = Color(red = 32, green = 64, blue = 59, alpha = 255)
+    val tFillColorTagTeal_020 = Color(red = 35, green = 77, blue = 69, alpha = 255)
+    val tFillColorTagTeal_030 = Color(red = 45, green = 113, blue = 101, alpha = 255)
+    val tFillColorTagTeal_040 = Color(red = 50, green = 129, blue = 114, alpha = 255)
+    val tFillColorTagGreen_010 = Color(red = 41, green = 66, blue = 36, alpha = 255)
+    val tFillColorTagGreen_020 = Color(red = 44, green = 78, blue = 39, alpha = 255)
+    val tFillColorTagGreen_030 = Color(red = 61, green = 115, blue = 53, alpha = 255)
+    val tFillColorTagGreen_040 = Color(red = 67, green = 131, blue = 58, alpha = 255)
+    val tFillColorTagYellow_010 = Color(red = 67, green = 57, blue = 30, alpha = 255)
+    val tFillColorTagYellow_020 = Color(red = 81, green = 68, blue = 31, alpha = 255)
+    val tFillColorTagYellow_030 = Color(red = 119, green = 97, blue = 40, alpha = 255)
+    val tFillColorTagYellow_040 = Color(red = 140, green = 115, blue = 43, alpha = 255)
+    val tFillColorTagOrange_010 = Color(red = 76, green = 50, blue = 36, alpha = 255)
     val tFillColorTagOrange_020 = Color(red = 91, green = 58, blue = 41, alpha = 255)
-    val tFillColorTagOrange_030 = Color(red = 147, green = 88, blue = 57, alpha = 255)
-    val tFillColorTagOrange_040 = Color(red = 169, green = 100, blue = 63, alpha = 255)
+    val tFillColorTagOrange_030 = Color(red = 147, green = 89, blue = 57, alpha = 255)
+    val tFillColorTagOrange_040 = Color(red = 168, green = 99, blue = 62, alpha = 255)
     val tFillColorTagPink_010 = Color(red = 75, green = 48, blue = 61, alpha = 255)
-    val tFillColorTagPink_020 = Color(red = 85, green = 50, blue = 71, alpha = 255)
-    val tFillColorTagPink_030 = Color(red = 150, green = 80, blue = 122, alpha = 255)
-    val tFillColorTagPink_040 = Color(red = 172, green = 90, blue = 139, alpha = 255)
+    val tFillColorTagPink_020 = Color(red = 84, green = 49, blue = 70, alpha = 255)
+    val tFillColorTagPink_030 = Color(red = 149, green = 80, blue = 122, alpha = 255)
+    val tFillColorTagPink_040 = Color(red = 171, green = 89, blue = 138, alpha = 255)
     val tFillColorTagPurple_010 = Color(red = 60, green = 47, blue = 70, alpha = 255)
     val tFillColorTagPurple_020 = Color(red = 73, green = 56, blue = 86, alpha = 255)
-    val tFillColorTagPurple_030 = Color(red = 122, green = 89, blue = 148, alpha = 255)
-    val tFillColorTagPurple_040 = Color(red = 138, green = 100, blue = 168, alpha = 255)
-    val tFillColorTagMagenta_010 = Color(red = 62, green = 43, blue = 65, alpha = 255)
-    val tFillColorTagMagenta_020 = Color(red = 76, green = 51, blue = 80, alpha = 255)
+    val tFillColorTagPurple_030 = Color(red = 121, green = 88, blue = 147, alpha = 255)
+    val tFillColorTagPurple_040 = Color(red = 140, green = 102, blue = 169, alpha = 255)
+    val tFillColorTagMagenta_010 = Color(red = 61, green = 43, blue = 64, alpha = 255)
+    val tFillColorTagMagenta_020 = Color(red = 77, green = 52, blue = 81, alpha = 255)
     val tFillColorTagMagenta_030 = Color(red = 128, green = 79, blue = 135, alpha = 255)
-    val tFillColorTagMagenta_040 = Color(red = 145, green = 89, blue = 154, alpha = 255)
-    val tFillColorTagIndigo_010 = Color(red = 48, green = 50, blue = 73, alpha = 255)
-    val tFillColorTagIndigo_020 = Color(red = 58, green = 60, blue = 91, alpha = 255)
-    val tFillColorTagIndigo_030 = Color(red = 94, green = 98, blue = 159, alpha = 255)
-    val tFillColorTagIndigo_040 = Color(red = 106, green = 111, blue = 181, alpha = 255)
+    val tFillColorTagMagenta_040 = Color(red = 147, green = 89, blue = 155, alpha = 255)
+    val tFillColorTagIndigo_010 = Color(red = 48, green = 50, blue = 74, alpha = 255)
+    val tFillColorTagIndigo_020 = Color(red = 58, green = 60, blue = 90, alpha = 255)
+    val tFillColorTagIndigo_030 = Color(red = 94, green = 99, blue = 161, alpha = 255)
+    val tFillColorTagIndigo_040 = Color(red = 105, green = 110, blue = 181, alpha = 255)
     val tFillColorButtonNeutralSolid = Color(red = 48, green = 48, blue = 48, alpha = 255)
     val tFillColorButtonNeutralSolidActive = Color(red = 82, green = 82, blue = 82, alpha = 255)
     val tFillColorButtonNeutralSolidDisabled = Color(red = 31, green = 31, blue = 31, alpha = 255)
@@ -135,23 +135,23 @@ object TapestryDarkTokens {
     val tFillColorButtonNeutralGhostActive = Color(red = 48, green = 48, blue = 48, alpha = 255)
     val tFillColorButtonNeutralGhostDisabled = Color(red = 0, green = 0, blue = 0, alpha = 0)
     val tFillColorButtonNeutralResponsiveHeaderDisabled = Color(red = 255, green = 255, blue = 255, alpha = 13)
-    val tFillColorButtonInteractionSolid = Color(red = 0, green = 107, blue = 178, alpha = 255)
+    val tFillColorButtonInteractionSolid = Color(red = 0, green = 107, blue = 179, alpha = 255)
     val tFillColorButtonInteractionSolidActive = Color(red = 23, green = 133, blue = 207, alpha = 255)
     val tFillColorButtonInteractionSolidDisabled = Color(red = 31, green = 31, blue = 31, alpha = 255)
-    val tFillColorButtonInteractionOutline = Color(red = 27, green = 42, blue = 52, alpha = 255)
-    val tFillColorButtonInteractionOutlineActive = Color(red = 25, green = 49, blue = 66, alpha = 255)
+    val tFillColorButtonInteractionOutline = Color(red = 26, green = 41, blue = 50, alpha = 255)
+    val tFillColorButtonInteractionOutlineActive = Color(red = 25, green = 49, blue = 67, alpha = 255)
     val tFillColorButtonInteractionOutlineDisabled = Color(red = 31, green = 31, blue = 31, alpha = 255)
     val tFillColorButtonInteractionGhost = Color(red = 0, green = 0, blue = 0, alpha = 0)
-    val tFillColorButtonInteractionGhostActive = Color(red = 26, green = 46, blue = 59, alpha = 255)
+    val tFillColorButtonInteractionGhostActive = Color(red = 26, green = 47, blue = 60, alpha = 255)
     val tFillColorButtonInteractionGhostDisabled = Color(red = 0, green = 0, blue = 0, alpha = 0)
-    val tFillColorButtonDeleteSolid = Color(red = 163, green = 58, blue = 41, alpha = 255)
-    val tFillColorButtonDeleteSolidActive = Color(red = 194, green = 68, blue = 48, alpha = 255)
+    val tFillColorButtonDeleteSolid = Color(red = 163, green = 57, blue = 41, alpha = 255)
+    val tFillColorButtonDeleteSolidActive = Color(red = 192, green = 67, blue = 48, alpha = 255)
     val tFillColorButtonDeleteSolidDisabled = Color(red = 31, green = 31, blue = 31, alpha = 255)
     val tFillColorButtonDeleteOutline = Color(red = 49, green = 35, blue = 33, alpha = 255)
-    val tFillColorButtonDeleteOutlineActive = Color(red = 62, green = 38, blue = 34, alpha = 255)
+    val tFillColorButtonDeleteOutlineActive = Color(red = 63, green = 39, blue = 34, alpha = 255)
     val tFillColorButtonDeleteOutlineDisabled = Color(red = 31, green = 31, blue = 31, alpha = 255)
     val tFillColorButtonDeleteGhost = Color(red = 0, green = 0, blue = 0, alpha = 0)
-    val tFillColorButtonDeleteGhostActive = Color(red = 55, green = 37, blue = 34, alpha = 255)
+    val tFillColorButtonDeleteGhostActive = Color(red = 54, green = 36, blue = 33, alpha = 255)
     val tFillColorButtonDeleteGhostDisabled = Color(red = 0, green = 0, blue = 0, alpha = 0)
     val tFillColorButtonPill = Color(red = 46, green = 46, blue = 46, alpha = 255)
     val tFillColorButtonPillActive = Color(red = 54, green = 54, blue = 54, alpha = 255)
@@ -162,18 +162,18 @@ object TapestryDarkTokens {
     val tFillColorTransparencyLight_040 = Color(red = 0, green = 0, blue = 0, alpha = 102)
     val tFillColorTransparencyLight_050 = Color(red = 0, green = 0, blue = 0, alpha = 128)
     val tFillColorTransparencyLight_060 = Color(red = 0, green = 0, blue = 0, alpha = 153)
-    val tFillColorTransparencyLight_070 = Color(red = 0, green = 0, blue = 0, alpha = 178)
+    val tFillColorTransparencyLight_070 = Color(red = 0, green = 0, blue = 0, alpha = 179)
     val tFillColorTransparencyLight_080 = Color(red = 0, green = 0, blue = 0, alpha = 204)
-    val tFillColorTransparencyLight_090 = Color(red = 0, green = 0, blue = 0, alpha = 229)
+    val tFillColorTransparencyLight_090 = Color(red = 0, green = 0, blue = 0, alpha = 230)
     val tFillColorTransparencyDark_010 = Color(red = 255, green = 255, blue = 255, alpha = 26)
     val tFillColorTransparencyDark_020 = Color(red = 255, green = 255, blue = 255, alpha = 51)
     val tFillColorTransparencyDark_030 = Color(red = 255, green = 255, blue = 255, alpha = 77)
     val tFillColorTransparencyDark_040 = Color(red = 255, green = 255, blue = 255, alpha = 102)
     val tFillColorTransparencyDark_050 = Color(red = 255, green = 255, blue = 255, alpha = 128)
     val tFillColorTransparencyDark_060 = Color(red = 255, green = 255, blue = 255, alpha = 153)
-    val tFillColorTransparencyDark_070 = Color(red = 255, green = 255, blue = 255, alpha = 178)
+    val tFillColorTransparencyDark_070 = Color(red = 255, green = 255, blue = 255, alpha = 179)
     val tFillColorTransparencyDark_080 = Color(red = 255, green = 255, blue = 255, alpha = 204)
-    val tFillColorTransparencyDark_090 = Color(red = 255, green = 255, blue = 255, alpha = 229)
+    val tFillColorTransparencyDark_090 = Color(red = 255, green = 255, blue = 255, alpha = 230)
     val tSurfaceColorCard = Color(red = 31, green = 31, blue = 31, alpha = 255)
     val tSurfaceColorCanvas = Color(red = 26, green = 26, blue = 26, alpha = 255)
     val tBorderColor = Color(red = 54, green = 54, blue = 54, alpha = 255)
@@ -184,13 +184,13 @@ object TapestryDarkTokens {
     val tBorderColorDim = Color(red = 41, green = 41, blue = 41, alpha = 255)
     val tBorderColorWhite = Color(red = 31, green = 31, blue = 31, alpha = 255)
     val tBorderColorStatusNeutral = Color(red = 97, green = 97, blue = 97, alpha = 255)
-    val tBorderColorStatusInfo = Color(red = 0, green = 107, blue = 178, alpha = 255)
+    val tBorderColorStatusInfo = Color(red = 0, green = 107, blue = 179, alpha = 255)
     val tBorderColorButtonNeutral = Color(red = 48, green = 48, blue = 48, alpha = 255)
     val tBorderColorButtonInfo = Color(red = 0, green = 122, blue = 204, alpha = 64)
     val tBorderColorButtonCreate = Color(red = 75, green = 132, blue = 36, alpha = 64)
-    val tBorderColorButtonDelete = Color(red = 194, green = 68, blue = 48, alpha = 64)
+    val tBorderColorButtonDelete = Color(red = 192, green = 67, blue = 48, alpha = 64)
     val tBorderColorControlNeutral = Color(red = 84, green = 84, blue = 84, alpha = 255)
-    val tBorderColorControlInfo = Color(red = 0, green = 107, blue = 178, alpha = 255)
+    val tBorderColorControlInfo = Color(red = 0, green = 107, blue = 179, alpha = 255)
     val tBorderColorControlDisabled = Color(red = 61, green = 61, blue = 61, alpha = 255)
     val tShadowOverflowColor = Color(red = 0, green = 0, blue = 0, alpha = 153)
 }

package/dist/css/tokens-alias.css

@@ -8,7 +8,7 @@
   --t-border-radius-lg: 8px;
   --t-border-radius-xl: 16px;
   --t-border-radius-round: 56px;
-  --t-border-radius: 4px;
+  --t-border-radius: var(--t-border-radius-md);
   --t-border-width: 1px;
   --t-border-width-thick: 2px;
   --t-spacing-1: 8px;
@@ -320,9 +320,9 @@
   --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 95%);
   --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 93%);
   --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 100%, 0);
-  --t-fill-color-button-neutral-responsive-header: hsla(0, 0%, 0%, 0.1);
-  --t-fill-color-button-neutral-responsive-header-hover: hsla(0, 0%, 0%, 0.2);
-  --t-fill-color-button-neutral-responsive-header-active: hsla(0, 0%, 0%, 0.3);
+  --t-fill-color-button-neutral-responsive-header: var(--t-fill-color-transparency-dark-010);
+  --t-fill-color-button-neutral-responsive-header-hover: var(--t-fill-color-transparency-dark-020);
+  --t-fill-color-button-neutral-responsive-header-active: var(--t-fill-color-transparency-dark-030);
   --t-fill-color-button-neutral-responsive-header-disabled: hsla(0, 0%, 0%, 0.05);
   --t-fill-color-button-interaction-solid: hsl(204, 100%, 40%);
   --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 35%);
@@ -379,8 +379,8 @@
   --t-fill-color-transparency-dark-static-070: hsla(0, 0%, 0%, 0.7);
   --t-fill-color-transparency-dark-static-080: hsla(0, 0%, 0%, 0.8);
   --t-fill-color-transparency-dark-static-090: hsla(0, 0%, 0%, 0.9);
-  --t-surface-color-card: hsl(0, 0%, 100%);
-  --t-surface-color-canvas: hsl(0, 0%, 100%);
+  --t-surface-color-card: var(--t-fill-color-neutral-100);
+  --t-surface-color-canvas: var(--t-fill-color-neutral-100);
   --t-border-color: hsl(0, 0%, 88%);
   --t-border-color-dark: hsl(0, 0%, 81%);
   --t-border-color-darker: hsl(0, 0%, 68%);

package/dist/js/tokens-deprecated.json

@@ -24,19 +24,23 @@
   "color": {
     "--t-icon-color-status-neutral-dark": {
       "type": "color",
-      "value": "var(--t-icon-color-status-neutral-bold)"
+      "value": "var(--t-icon-color-status-neutral-bold)",
+      "darkmode-value": "hsl(0, 0%, 80%)"
     },
     "--t-icon-color-status-info-secondary": {
       "type": "color",
-      "value": "var(--t-icon-color-status-info)"
+      "value": "var(--t-icon-color-status-info)",
+      "darkmode-value": "hsl(204, 68%, 55%)"
     },
     "--t-fill-color-status-neutral-solid": {
       "type": "color",
-      "value": "var(--t-fill-color-status-neutral)"
+      "value": "var(--t-fill-color-status-neutral)",
+      "darkmode-value": "hsl(0, 0%, 24%)"
     },
     "--t-fill-color-status-info-solid": {
       "type": "color",
-      "value": "var(--t-fill-color-status-info)"
+      "value": "var(--t-fill-color-status-info)",
+      "darkmode-value": "hsl(204, 100%, 35%)"
     },
     "--t-fill-color-status-success-solid": {
       "type": "color",
@@ -73,19 +77,23 @@
     },
     "--t-fill-color-button-neutral-outline-dim-default": {
       "type": "color",
-      "value": "var(--t-fill-color-button-neutral-outline)"
+      "value": "var(--t-fill-color-button-neutral-outline)",
+      "darkmode-value": "hsl(0, 0%, 15%)"
     },
     "--t-fill-color-button-neutral-outline-dim-hover": {
       "type": "color",
-      "value": "var(--t-fill-color-button-neutral-outline-hover)"
+      "value": "var(--t-fill-color-button-neutral-outline-hover)",
+      "darkmode-value": "hsl(0, 0%, 17%)"
     },
     "--t-fill-color-button-neutral-outline-dim-active": {
       "type": "color",
-      "value": "var(--t-fill-color-button-neutral-outline-active)"
+      "value": "var(--t-fill-color-button-neutral-outline-active)",
+      "darkmode-value": "hsl(0, 0%, 19%)"
     },
     "--t-fill-color-button-neutral-outline-dim-disabled": {
       "type": "color",
-      "value": "var(--t-fill-color-button-neutral-outline-disabled)"
+      "value": "var(--t-fill-color-button-neutral-outline-disabled)",
+      "darkmode-value": "hsl(0, 0%, 12%)"
     },
     "--t-fill-color-button-neutral-outline-dim-disabled-solid": {
       "type": "color",
@@ -94,19 +102,23 @@
     },
     "--t-fill-color-button-interaction-outline-dim-default": {
       "type": "color",
-      "value": "var(--t-fill-color-button-interaction-outline)"
+      "value": "var(--t-fill-color-button-interaction-outline)",
+      "darkmode-value": "hsl(204, 32%, 15%)"
     },
     "--t-fill-color-button-interaction-outline-dim-hover": {
       "type": "color",
-      "value": "var(--t-fill-color-button-interaction-outline-hover)"
+      "value": "var(--t-fill-color-button-interaction-outline-hover)",
+      "darkmode-value": "hsl(204, 39%, 17%)"
     },
     "--t-fill-color-button-interaction-outline-dim-active": {
       "type": "color",
-      "value": "var(--t-fill-color-button-interaction-outline-active)"
+      "value": "var(--t-fill-color-button-interaction-outline-active)",
+      "darkmode-value": "hsl(205, 45%, 18%)"
     },
     "--t-fill-color-button-interaction-outline-dim-disabled": {
       "type": "color",
-      "value": "var(--t-fill-color-button-interaction-outline-disabled)"
+      "value": "var(--t-fill-color-button-interaction-outline-disabled)",
+      "darkmode-value": "hsl(0, 0%, 12%)"
     },
     "--t-fill-color-button-create-solid-default": {
       "type": "color",
@@ -148,19 +160,23 @@
     },
     "--t-fill-color-button-delete-outline-dim-default": {
       "type": "color",
-      "value": "var(--t-fill-color-button-delete-outline)"
+      "value": "var(--t-fill-color-button-delete-outline)",
+      "darkmode-value": "hsl(8, 20%, 16%)"
     },
     "--t-fill-color-button-delete-outline-dim-hover": {
       "type": "color",
-      "value": "var(--t-fill-color-button-delete-outline-hover)"
+      "value": "var(--t-fill-color-button-delete-outline-hover)",
+      "darkmode-value": "hsl(9, 24%, 17%)"
     },
     "--t-fill-color-button-delete-outline-dim-active": {
       "type": "color",
-      "value": "var(--t-fill-color-button-delete-outline-active)"
+      "value": "var(--t-fill-color-button-delete-outline-active)",
+      "darkmode-value": "hsl(9, 29%, 19%)"
     },
     "--t-fill-color-button-delete-outline-dim-disabled": {
       "type": "color",
-      "value": "var(--t-fill-color-button-delete-outline-disabled)"
+      "value": "var(--t-fill-color-button-delete-outline-disabled)",
+      "darkmode-value": "hsl(0, 0%, 12%)"
     },
     "--t-border-color-default-base": {
       "type": "color",

package/dist/js/tokens.json

@@ -1426,15 +1426,18 @@
     },
     "--t-fill-color-button-neutral-responsive-header": {
       "type": "color",
-      "value": "var(--t-fill-color-transparency-dark-010)"
+      "value": "var(--t-fill-color-transparency-dark-010)",
+      "darkmode-value": "hsla(0, 0%, 100%, 0.1)"
     },
     "--t-fill-color-button-neutral-responsive-header-hover": {
       "type": "color",
-      "value": "var(--t-fill-color-transparency-dark-020)"
+      "value": "var(--t-fill-color-transparency-dark-020)",
+      "darkmode-value": "hsla(0, 0%, 100%, 0.2)"
     },
     "--t-fill-color-button-neutral-responsive-header-active": {
       "type": "color",
-      "value": "var(--t-fill-color-transparency-dark-030)"
+      "value": "var(--t-fill-color-transparency-dark-030)",
+      "darkmode-value": "hsla(0, 0%, 100%, 0.3)"
     },
     "--t-fill-color-button-neutral-responsive-header-disabled": {
       "type": "color",
@@ -1829,11 +1832,13 @@
   "semantic": {
     "--t-form-font-color": {
       "type": "color",
-      "value": "var(--t-text-color)"
+      "value": "var(--t-text-color)",
+      "darkmode-value": "hsl(0, 0%, 80%)"
     },
     "--t-form-background-color": {
       "type": "color",
-      "value": "var(--t-fill-color-neutral-100)"
+      "value": "var(--t-fill-color-neutral-100)",
+      "darkmode-value": "hsl(0, 0%, 10%)"
     },
     "--t-form-border-width": {
       "type": "dimension",
@@ -1841,7 +1846,8 @@
     },
     "--t-form-border-color": {
       "type": "color",
-      "value": "var(--t-border-color)"
+      "value": "var(--t-border-color)",
+      "darkmode-value": "hsl(0, 0%, 21%)"
     },
     "--t-form-border-radius": {
       "type": "dimension",
@@ -1849,39 +1855,48 @@
     },
     "--t-form-border-color-hover": {
       "type": "color",
-      "value": "var(--t-border-color-dark)"
+      "value": "var(--t-border-color-dark)",
+      "darkmode-value": "hsl(0, 0%, 25%)"
     },
     "--t-form-border-color-focus": {
       "type": "color",
-      "value": "var(--t-fill-color-interaction)"
+      "value": "var(--t-fill-color-interaction)",
+      "darkmode-value": "hsl(204, 100%, 35%)"
     },
     "--t-form-placeholder-color": {
       "type": "color",
-      "value": "var(--t-text-color-placeholder)"
+      "value": "var(--t-text-color-placeholder)",
+      "darkmode-value": "hsl(0, 0%, 38%)"
     },
     "--t-form-picker-icon-color": {
       "type": "color",
-      "value": "var(--t-icon-color)"
+      "value": "var(--t-icon-color)",
+      "darkmode-value": "hsl(0, 0%, 80%)"
     },
     "--t-form-font-color-disabled": {
       "type": "color",
-      "value": "var(--t-text-color-disabled)"
+      "value": "var(--t-text-color-disabled)",
+      "darkmode-value": "hsl(0, 0%, 32%)"
     },
     "--t-form-background-color-disabled": {
       "type": "color",
-      "value": "var(--t-fill-color-neutral-070)"
+      "value": "var(--t-fill-color-neutral-070)",
+      "darkmode-value": "hsl(0, 0%, 17%)"
     },
     "--t-form-border-color-disabled": {
       "type": "color",
-      "value": "var(--t-border-color)"
+      "value": "var(--t-border-color)",
+      "darkmode-value": "hsl(0, 0%, 21%)"
     },
     "--t-form-font-color-readonly": {
       "type": "color",
-      "value": "var(--t-text-color)"
+      "value": "var(--t-text-color)",
+      "darkmode-value": "hsl(0, 0%, 80%)"
     },
     "--t-form-background-color-readonly": {
       "type": "color",
-      "value": "var(--t-fill-color-neutral-070)"
+      "value": "var(--t-fill-color-neutral-070)",
+      "darkmode-value": "hsl(0, 0%, 17%)"
     },
     "--t-form-border-color-readonly": {
       "type": "color",
@@ -1889,11 +1904,13 @@
     },
     "--t-form-font-color-error": {
       "type": "color",
-      "value": "var(--t-text-color-status-error)"
+      "value": "var(--t-text-color-status-error)",
+      "darkmode-value": "hsl(8, 61%, 61%)"
     },
     "--t-form-background-color-error": {
       "type": "color",
-      "value": "var(--t-fill-color-neutral-100)"
+      "value": "var(--t-fill-color-neutral-100)",
+      "darkmode-value": "hsl(0, 0%, 10%)"
     },
     "--t-form-border-color-error": {
       "type": "color",
@@ -1934,11 +1951,13 @@
     },
     "--t-banner-font-color": {
       "type": "color",
-      "value": "var(--t-text-color)"
+      "value": "var(--t-text-color)",
+      "darkmode-value": "hsl(0, 0%, 80%)"
     },
     "--t-banner-background-color": {
       "type": "color",
-      "value": "var(--t-fill-color-status-neutral-ghost)"
+      "value": "var(--t-fill-color-status-neutral-ghost)",
+      "darkmode-value": "hsl(0, 0%, 18%)"
     },
     "--t-banner-spacing": {
       "type": "number",
@@ -1950,7 +1969,8 @@
     },
     "--t-banner-title-font-color": {
       "type": "color",
-      "value": "var(--t-text-color-headline)"
+      "value": "var(--t-text-color-headline)",
+      "darkmode-value": "hsl(0, 0%, 94%)"
     },
     "--t-banner-title-font-size": {
       "type": "number",
@@ -1966,15 +1986,18 @@
     },
     "--t-banner-background-color-info": {
       "type": "color",
-      "value": "var(--t-fill-color-status-info-ghost)"
+      "value": "var(--t-fill-color-status-info-ghost)",
+      "darkmode-value": "hsl(204, 32%, 15%)"
     },
     "--t-banner-icon-fill-color-info": {
       "type": "color",
-      "value": "var(--t-icon-color-status-info)"
+      "value": "var(--t-icon-color-status-info)",
+      "darkmode-value": "hsl(204, 68%, 55%)"
     },
     "--t-banner-background-color-warning": {
       "type": "color",
-      "value": "var(--t-fill-color-status-warning-ghost)"
+      "value": "var(--t-fill-color-status-warning-ghost)",
+      "darkmode-value": "hsl(41, 18%, 17%)"
     },
     "--t-banner-icon-fill-color-warning": {
       "type": "color",
@@ -1982,15 +2005,18 @@
     },
     "--t-banner-background-color-error": {
       "type": "color",
-      "value": "var(--t-fill-color-status-error-ghost)"
+      "value": "var(--t-fill-color-status-error-ghost)",
+      "darkmode-value": "hsl(8, 20%, 16%)"
     },
     "--t-banner-icon-fill-color-error": {
       "type": "color",
-      "value": "var(--t-icon-color-status-error)"
+      "value": "var(--t-icon-color-status-error)",
+      "darkmode-value": "hsl(8, 61%, 61%)"
     },
     "--t-banner-background-color-success": {
       "type": "color",
-      "value": "var(--t-fill-color-status-success-ghost)"
+      "value": "var(--t-fill-color-status-success-ghost)",
+      "darkmode-value": "hsl(125, 17%, 15%)"
     },
     "--t-banner-icon-fill-color-success": {
       "type": "color",
@@ -1998,7 +2024,8 @@
     },
     "--t-banner-link-font-color-hover": {
       "type": "color",
-      "value": "var(--t-text-color-headline)"
+      "value": "var(--t-text-color-headline)",
+      "darkmode-value": "hsl(0, 0%, 94%)"
     }
   }
 }

package/dist/swiftui/TapestryDarkTokens.swift

@@ -13,21 +13,21 @@ public enum TapestryDarkTokens {
     public static let tTextColorDisabled = Color(red: 82/255, green: 82/255, blue: 82/255, opacity: 1)
     public static let tTextColorPlaceholder = Color(red: 97/255, green: 97/255, blue: 97/255, opacity: 1)
     public static let tTextColorInteraction = Color(red: 62/255, green: 156/255, blue: 218/255, opacity: 1)
-    public static let tTextColorInteractionActive = Color(red: 37/255, green: 131/255, blue: 193/255, opacity: 1)
+    public static let tTextColorInteractionActive = Color(red: 37/255, green: 130/255, blue: 193/255, opacity: 1)
     public static let tTextColorInteractionVisited = Color(red: 41/255, green: 145/255, blue: 214/255, opacity: 1)
     public static let tTextColorStatusNeutral = Color(red: 204/255, green: 204/255, blue: 204/255, opacity: 1)
     public static let tTextColorStatusInfo = Color(red: 62/255, green: 156/255, blue: 218/255, opacity: 1)
     public static let tTextColorStatusSuccess = Color(red: 91/255, green: 164/255, blue: 45/255, opacity: 1)
     public static let tTextColorStatusWarning = Color(red: 237/255, green: 179/255, blue: 44/255, opacity: 1)
-    public static let tTextColorStatusError = Color(red: 216/255, green: 112/255, blue: 96/255, opacity: 1)
+    public static let tTextColorStatusError = Color(red: 216/255, green: 111/255, blue: 95/255, opacity: 1)
     public static let tTextColorTagSubtleGray = Color(red: 204/255, green: 204/255, blue: 204/255, opacity: 1)
     public static let tTextColorTagSubtleBlue = Color(red: 195/255, green: 206/255, blue: 233/255, opacity: 1)
-    public static let tTextColorTagSubtleIndigo = Color(red: 182/255, green: 189/255, blue: 246/255, opacity: 1)
-    public static let tTextColorTagSubtleAqua = Color(red: 187/255, green: 218/255, blue: 246/255, opacity: 1)
+    public static let tTextColorTagSubtleIndigo = Color(red: 182/255, green: 190/255, blue: 246/255, opacity: 1)
+    public static let tTextColorTagSubtleAqua = Color(red: 187/255, green: 219/255, blue: 246/255, opacity: 1)
     public static let tTextColorTagSubtleTeal = Color(red: 126/255, green: 252/255, blue: 252/255, opacity: 1)
-    public static let tTextColorTagSubtleGreen = Color(red: 202/255, green: 252/255, blue: 176/255, opacity: 1)
-    public static let tTextColorTagSubtleYellow = Color(red: 255/255, green: 215/255, blue: 178/255, opacity: 1)
-    public static let tTextColorTagSubtleOrange = Color(red: 255/255, green: 201/255, blue: 178/255, opacity: 1)
+    public static let tTextColorTagSubtleGreen = Color(red: 203/255, green: 252/255, blue: 176/255, opacity: 1)
+    public static let tTextColorTagSubtleYellow = Color(red: 255/255, green: 215/255, blue: 179/255, opacity: 1)
+    public static let tTextColorTagSubtleOrange = Color(red: 255/255, green: 201/255, blue: 179/255, opacity: 1)
     public static let tTextColorTagSubtlePink = Color(red: 252/255, green: 202/255, blue: 229/255, opacity: 1)
     public static let tTextColorTagSubtlePurple = Color(red: 223/255, green: 203/255, blue: 246/255, opacity: 1)
     public static let tTextColorTagSubtleMagenta = Color(red: 235/255, green: 203/255, blue: 246/255, opacity: 1)
@@ -50,7 +50,7 @@ public enum TapestryDarkTokens {
     public static let tIconColorStatusNeutralSecondary = Color(red: 97/255, green: 97/255, blue: 97/255, opacity: 1)
     public static let tIconColorStatusNeutralBold = Color(red: 204/255, green: 204/255, blue: 204/255, opacity: 1)
     public static let tIconColorStatusInfo = Color(red: 62/255, green: 156/255, blue: 218/255, opacity: 1)
-    public static let tIconColorStatusError = Color(red: 216/255, green: 112/255, blue: 96/255, opacity: 1)
+    public static let tIconColorStatusError = Color(red: 216/255, green: 111/255, blue: 95/255, opacity: 1)
     public static let tFillColorNeutral_100 = Color(red: 26/255, green: 26/255, blue: 26/255, opacity: 1)
     public static let tFillColorNeutral_000 = Color(red: 250/255, green: 250/255, blue: 250/255, opacity: 1)
     public static let tFillColorNeutral_010 = Color(red: 224/255, green: 224/255, blue: 224/255, opacity: 1)
@@ -63,70 +63,70 @@ public enum TapestryDarkTokens {
     public static let tFillColorNeutral_070 = Color(red: 43/255, green: 43/255, blue: 43/255, opacity: 1)
     public static let tFillColorNeutral_080 = Color(red: 38/255, green: 38/255, blue: 38/255, opacity: 1)
     public static let tFillColorNeutral_090 = Color(red: 31/255, green: 31/255, blue: 31/255, opacity: 1)
-    public static let tFillColorInteraction = Color(red: 0/255, green: 107/255, blue: 178/255, opacity: 1)
+    public static let tFillColorInteraction = Color(red: 0/255, green: 107/255, blue: 179/255, opacity: 1)
     public static let tFillColorInteractionActive = Color(red: 23/255, green: 133/255, blue: 207/255, opacity: 1)
     public static let tFillColorInteractionDisabled = Color(red: 64/255, green: 64/255, blue: 64/255, opacity: 1)
     public static let tFillColorControlNeutralOff = Color(red: 82/255, green: 82/255, blue: 82/255, opacity: 1)
     public static let tFillColorControlNeutralOn = Color(red: 128/255, green: 128/255, blue: 128/255, opacity: 1)
-    public static let tFillColorControl = Color(red: 0/255, green: 107/255, blue: 178/255, opacity: 1)
+    public static let tFillColorControl = Color(red: 0/255, green: 107/255, blue: 179/255, opacity: 1)
     public static let tFillColorControlDisabled = Color(red: 51/255, green: 51/255, blue: 51/255, opacity: 1)
     public static let tFillColorStatusNeutral = Color(red: 61/255, green: 61/255, blue: 61/255, opacity: 1)
     public static let tFillColorStatusNeutralGhost = Color(red: 46/255, green: 46/255, blue: 46/255, opacity: 1)
     public static let tFillColorStatusNeutralDim = Color(red: 38/255, green: 38/255, blue: 38/255, opacity: 1)
-    public static let tFillColorStatusInfo = Color(red: 0/255, green: 107/255, blue: 178/255, opacity: 1)
-    public static let tFillColorStatusInfoGhost = Color(red: 27/255, green: 42/255, blue: 52/255, opacity: 1)
-    public static let tFillColorStatusInfoDim = Color(red: 29/255, green: 38/255, blue: 45/255, opacity: 1)
+    public static let tFillColorStatusInfo = Color(red: 0/255, green: 107/255, blue: 179/255, opacity: 1)
+    public static let tFillColorStatusInfoGhost = Color(red: 26/255, green: 41/255, blue: 50/255, opacity: 1)
+    public static let tFillColorStatusInfoDim = Color(red: 30/255, green: 39/255, blue: 47/255, opacity: 1)
     public static let tFillColorStatusSuccessGhost = Color(red: 32/255, green: 45/255, blue: 33/255, opacity: 1)
-    public static let tFillColorStatusSuccessDim = Color(red: 32/255, green: 41/255, blue: 32/255, opacity: 1)
-    public static let tFillColorStatusWarningGhost = Color(red: 52/255, green: 47/255, blue: 36/255, opacity: 1)
-    public static let tFillColorStatusWarningDim = Color(red: 44/255, green: 41/255, blue: 34/255, opacity: 1)
+    public static let tFillColorStatusSuccessDim = Color(red: 31/255, green: 40/255, blue: 31/255, opacity: 1)
+    public static let tFillColorStatusWarningGhost = Color(red: 51/255, green: 46/255, blue: 36/255, opacity: 1)
+    public static let tFillColorStatusWarningDim = Color(red: 43/255, green: 40/255, blue: 33/255, opacity: 1)
     public static let tFillColorStatusErrorGhost = Color(red: 49/255, green: 35/255, blue: 33/255, opacity: 1)
     public static let tFillColorStatusErrorDim = Color(red: 44/255, green: 34/255, blue: 32/255, opacity: 1)
-    public static let tFillColorTooltip = Color(red: 61/255, green: 61/255, blue: 61/255, opacity: 0.8980392156862745)
+    public static let tFillColorTooltip = Color(red: 61/255, green: 61/255, blue: 61/255, opacity: 0.9)
     public static let tFillColorTagGray_010 = Color(red: 51/255, green: 51/255, blue: 51/255, opacity: 1)
     public static let tFillColorTagGray_020 = Color(red: 61/255, green: 61/255, blue: 61/255, opacity: 1)
     public static let tFillColorTagGray_030 = Color(red: 92/255, green: 92/255, blue: 92/255, opacity: 1)
     public static let tFillColorTagGray_040 = Color(red: 107/255, green: 107/255, blue: 107/255, opacity: 1)
-    public static let tFillColorTagBlue_010 = Color(red: 45/255, green: 56/255, blue: 76/255, opacity: 1)
-    public static let tFillColorTagBlue_020 = Color(red: 54/255, green: 68/255, blue: 95/255, opacity: 1)
-    public static let tFillColorTagBlue_030 = Color(red: 78/255, green: 103/255, blue: 151/255, opacity: 1)
-    public static let tFillColorTagBlue_040 = Color(red: 89/255, green: 118/255, blue: 175/255, opacity: 1)
-    public static let tFillColorTagAqua_010 = Color(red: 38/255, green: 60/255, blue: 71/255, opacity: 1)
-    public static let tFillColorTagAqua_020 = Color(red: 44/255, green: 73/255, blue: 88/255, opacity: 1)
-    public static let tFillColorTagAqua_030 = Color(red: 59/255, green: 108/255, blue: 133/255, opacity: 1)
-    public static let tFillColorTagAqua_040 = Color(red: 67/255, green: 125/255, blue: 154/255, opacity: 1)
-    public static let tFillColorTagTeal_010 = Color(red: 33/255, green: 66/255, blue: 60/255, opacity: 1)
-    public static let tFillColorTagTeal_020 = Color(red: 36/255, green: 78/255, blue: 70/255, opacity: 1)
-    public static let tFillColorTagTeal_030 = Color(red: 46/255, green: 114/255, blue: 102/255, opacity: 1)
-    public static let tFillColorTagTeal_040 = Color(red: 50/255, green: 130/255, blue: 115/255, opacity: 1)
-    public static let tFillColorTagGreen_010 = Color(red: 40/255, green: 65/255, blue: 35/255, opacity: 1)
-    public static let tFillColorTagGreen_020 = Color(red: 44/255, green: 77/255, blue: 39/255, opacity: 1)
-    public static let tFillColorTagGreen_030 = Color(red: 60/255, green: 114/255, blue: 52/255, opacity: 1)
-    public static let tFillColorTagGreen_040 = Color(red: 68/255, green: 133/255, blue: 58/255, opacity: 1)
-    public static let tFillColorTagYellow_010 = Color(red: 66/255, green: 56/255, blue: 29/255, opacity: 1)
-    public static let tFillColorTagYellow_020 = Color(red: 82/255, green: 69/255, blue: 32/255, opacity: 1)
-    public static let tFillColorTagYellow_030 = Color(red: 118/255, green: 97/255, blue: 39/255, opacity: 1)
-    public static let tFillColorTagYellow_040 = Color(red: 141/255, green: 115/255, blue: 43/255, opacity: 1)
-    public static let tFillColorTagOrange_010 = Color(red: 74/255, green: 49/255, blue: 36/255, opacity: 1)
+    public static let tFillColorTagBlue_010 = Color(red: 45/255, green: 56/255, blue: 77/255, opacity: 1)
+    public static let tFillColorTagBlue_020 = Color(red: 53/255, green: 67/255, blue: 95/255, opacity: 1)
+    public static let tFillColorTagBlue_030 = Color(red: 78/255, green: 104/255, blue: 151/255, opacity: 1)
+    public static let tFillColorTagBlue_040 = Color(red: 90/255, green: 118/255, blue: 175/255, opacity: 1)
+    public static let tFillColorTagAqua_010 = Color(red: 37/255, green: 59/255, blue: 70/255, opacity: 1)
+    public static let tFillColorTagAqua_020 = Color(red: 44/255, green: 74/255, blue: 88/255, opacity: 1)
+    public static let tFillColorTagAqua_030 = Color(red: 59/255, green: 109/255, blue: 135/255, opacity: 1)
+    public static let tFillColorTagAqua_040 = Color(red: 67/255, green: 124/255, blue: 152/255, opacity: 1)
+    public static let tFillColorTagTeal_010 = Color(red: 32/255, green: 64/255, blue: 59/255, opacity: 1)
+    public static let tFillColorTagTeal_020 = Color(red: 35/255, green: 77/255, blue: 69/255, opacity: 1)
+    public static let tFillColorTagTeal_030 = Color(red: 45/255, green: 113/255, blue: 101/255, opacity: 1)
+    public static let tFillColorTagTeal_040 = Color(red: 50/255, green: 129/255, blue: 114/255, opacity: 1)
+    public static let tFillColorTagGreen_010 = Color(red: 41/255, green: 66/255, blue: 36/255, opacity: 1)
+    public static let tFillColorTagGreen_020 = Color(red: 44/255, green: 78/255, blue: 39/255, opacity: 1)
+    public static let tFillColorTagGreen_030 = Color(red: 61/255, green: 115/255, blue: 53/255, opacity: 1)
+    public static let tFillColorTagGreen_040 = Color(red: 67/255, green: 131/255, blue: 58/255, opacity: 1)
+    public static let tFillColorTagYellow_010 = Color(red: 67/255, green: 57/255, blue: 30/255, opacity: 1)
+    public static let tFillColorTagYellow_020 = Color(red: 81/255, green: 68/255, blue: 31/255, opacity: 1)
+    public static let tFillColorTagYellow_030 = Color(red: 119/255, green: 97/255, blue: 40/255, opacity: 1)
+    public static let tFillColorTagYellow_040 = Color(red: 140/255, green: 115/255, blue: 43/255, opacity: 1)
+    public static let tFillColorTagOrange_010 = Color(red: 76/255, green: 50/255, blue: 36/255, opacity: 1)
     public static let tFillColorTagOrange_020 = Color(red: 91/255, green: 58/255, blue: 41/255, opacity: 1)
-    public static let tFillColorTagOrange_030 = Color(red: 147/255, green: 88/255, blue: 57/255, opacity: 1)
-    public static let tFillColorTagOrange_040 = Color(red: 169/255, green: 100/255, blue: 63/255, opacity: 1)
+    public static let tFillColorTagOrange_030 = Color(red: 147/255, green: 89/255, blue: 57/255, opacity: 1)
+    public static let tFillColorTagOrange_040 = Color(red: 168/255, green: 99/255, blue: 62/255, opacity: 1)
     public static let tFillColorTagPink_010 = Color(red: 75/255, green: 48/255, blue: 61/255, opacity: 1)
-    public static let tFillColorTagPink_020 = Color(red: 85/255, green: 50/255, blue: 71/255, opacity: 1)
-    public static let tFillColorTagPink_030 = Color(red: 150/255, green: 80/255, blue: 122/255, opacity: 1)
-    public static let tFillColorTagPink_040 = Color(red: 172/255, green: 90/255, blue: 139/255, opacity: 1)
+    public static let tFillColorTagPink_020 = Color(red: 84/255, green: 49/255, blue: 70/255, opacity: 1)
+    public static let tFillColorTagPink_030 = Color(red: 149/255, green: 80/255, blue: 122/255, opacity: 1)
+    public static let tFillColorTagPink_040 = Color(red: 171/255, green: 89/255, blue: 138/255, opacity: 1)
     public static let tFillColorTagPurple_010 = Color(red: 60/255, green: 47/255, blue: 70/255, opacity: 1)
     public static let tFillColorTagPurple_020 = Color(red: 73/255, green: 56/255, blue: 86/255, opacity: 1)
-    public static let tFillColorTagPurple_030 = Color(red: 122/255, green: 89/255, blue: 148/255, opacity: 1)
-    public static let tFillColorTagPurple_040 = Color(red: 138/255, green: 100/255, blue: 168/255, opacity: 1)
-    public static let tFillColorTagMagenta_010 = Color(red: 62/255, green: 43/255, blue: 65/255, opacity: 1)
-    public static let tFillColorTagMagenta_020 = Color(red: 76/255, green: 51/255, blue: 80/255, opacity: 1)
+    public static let tFillColorTagPurple_030 = Color(red: 121/255, green: 88/255, blue: 147/255, opacity: 1)
+    public static let tFillColorTagPurple_040 = Color(red: 140/255, green: 102/255, blue: 169/255, opacity: 1)
+    public static let tFillColorTagMagenta_010 = Color(red: 61/255, green: 43/255, blue: 64/255, opacity: 1)
+    public static let tFillColorTagMagenta_020 = Color(red: 77/255, green: 52/255, blue: 81/255, opacity: 1)
     public static let tFillColorTagMagenta_030 = Color(red: 128/255, green: 79/255, blue: 135/255, opacity: 1)
-    public static let tFillColorTagMagenta_040 = Color(red: 145/255, green: 89/255, blue: 154/255, opacity: 1)
-    public static let tFillColorTagIndigo_010 = Color(red: 48/255, green: 50/255, blue: 73/255, opacity: 1)
-    public static let tFillColorTagIndigo_020 = Color(red: 58/255, green: 60/255, blue: 91/255, opacity: 1)
-    public static let tFillColorTagIndigo_030 = Color(red: 94/255, green: 98/255, blue: 159/255, opacity: 1)
-    public static let tFillColorTagIndigo_040 = Color(red: 106/255, green: 111/255, blue: 181/255, opacity: 1)
+    public static let tFillColorTagMagenta_040 = Color(red: 147/255, green: 89/255, blue: 155/255, opacity: 1)
+    public static let tFillColorTagIndigo_010 = Color(red: 48/255, green: 50/255, blue: 74/255, opacity: 1)
+    public static let tFillColorTagIndigo_020 = Color(red: 58/255, green: 60/255, blue: 90/255, opacity: 1)
+    public static let tFillColorTagIndigo_030 = Color(red: 94/255, green: 99/255, blue: 161/255, opacity: 1)
+    public static let tFillColorTagIndigo_040 = Color(red: 105/255, green: 110/255, blue: 181/255, opacity: 1)
     public static let tFillColorButtonNeutralSolid = Color(red: 48/255, green: 48/255, blue: 48/255, opacity: 1)
     public static let tFillColorButtonNeutralSolidActive = Color(red: 82/255, green: 82/255, blue: 82/255, opacity: 1)
     public static let tFillColorButtonNeutralSolidDisabled = Color(red: 31/255, green: 31/255, blue: 31/255, opacity: 1)
@@ -136,46 +136,46 @@ public enum TapestryDarkTokens {
     public static let tFillColorButtonNeutralGhost = Color(red: 0/255, green: 0/255, blue: 0/255, opacity: 0)
     public static let tFillColorButtonNeutralGhostActive = Color(red: 48/255, green: 48/255, blue: 48/255, opacity: 1)
     public static let tFillColorButtonNeutralGhostDisabled = Color(red: 0/255, green: 0/255, blue: 0/255, opacity: 0)
-    public static let tFillColorButtonNeutralResponsiveHeaderDisabled = Color(red: 255/255, green: 255/255, blue: 255/255, opacity: 0.050980392156862744)
-    public static let tFillColorButtonInteractionSolid = Color(red: 0/255, green: 107/255, blue: 178/255, opacity: 1)
+    public static let tFillColorButtonNeutralResponsiveHeaderDisabled = Color(red: 255/255, green: 255/255, blue: 255/255, opacity: 0.05)
+    public static let tFillColorButtonInteractionSolid = Color(red: 0/255, green: 107/255, blue: 179/255, opacity: 1)
     public static let tFillColorButtonInteractionSolidActive = Color(red: 23/255, green: 133/255, blue: 207/255, opacity: 1)
     public static let tFillColorButtonInteractionSolidDisabled = Color(red: 31/255, green: 31/255, blue: 31/255, opacity: 1)
-    public static let tFillColorButtonInteractionOutline = Color(red: 27/255, green: 42/255, blue: 52/255, opacity: 1)
-    public static let tFillColorButtonInteractionOutlineActive = Color(red: 25/255, green: 49/255, blue: 66/255, opacity: 1)
+    public static let tFillColorButtonInteractionOutline = Color(red: 26/255, green: 41/255, blue: 50/255, opacity: 1)
+    public static let tFillColorButtonInteractionOutlineActive = Color(red: 25/255, green: 49/255, blue: 67/255, opacity: 1)
     public static let tFillColorButtonInteractionOutlineDisabled = Color(red: 31/255, green: 31/255, blue: 31/255, opacity: 1)
     public static let tFillColorButtonInteractionGhost = Color(red: 0/255, green: 0/255, blue: 0/255, opacity: 0)
-    public static let tFillColorButtonInteractionGhostActive = Color(red: 26/255, green: 46/255, blue: 59/255, opacity: 1)
+    public static let tFillColorButtonInteractionGhostActive = Color(red: 26/255, green: 47/255, blue: 60/255, opacity: 1)
     public static let tFillColorButtonInteractionGhostDisabled = Color(red: 0/255, green: 0/255, blue: 0/255, opacity: 0)
-    public static let tFillColorButtonDeleteSolid = Color(red: 163/255, green: 58/255, blue: 41/255, opacity: 1)
-    public static let tFillColorButtonDeleteSolidActive = Color(red: 194/255, green: 68/255, blue: 48/255, opacity: 1)
+    public static let tFillColorButtonDeleteSolid = Color(red: 163/255, green: 57/255, blue: 41/255, opacity: 1)
+    public static let tFillColorButtonDeleteSolidActive = Color(red: 192/255, green: 67/255, blue: 48/255, opacity: 1)
     public static let tFillColorButtonDeleteSolidDisabled = Color(red: 31/255, green: 31/255, blue: 31/255, opacity: 1)
     public static let tFillColorButtonDeleteOutline = Color(red: 49/255, green: 35/255, blue: 33/255, opacity: 1)
-    public static let tFillColorButtonDeleteOutlineActive = Color(red: 62/255, green: 38/255, blue: 34/255, opacity: 1)
+    public static let tFillColorButtonDeleteOutlineActive = Color(red: 63/255, green: 39/255, blue: 34/255, opacity: 1)
     public static let tFillColorButtonDeleteOutlineDisabled = Color(red: 31/255, green: 31/255, blue: 31/255, opacity: 1)
     public static let tFillColorButtonDeleteGhost = Color(red: 0/255, green: 0/255, blue: 0/255, opacity: 0)
-    public static let tFillColorButtonDeleteGhostActive = Color(red: 55/255, green: 37/255, blue: 34/255, opacity: 1)
+    public static let tFillColorButtonDeleteGhostActive = Color(red: 54/255, green: 36/255, blue: 33/255, opacity: 1)
     public static let tFillColorButtonDeleteGhostDisabled = Color(red: 0/255, green: 0/255, blue: 0/255, opacity: 0)
     public static let tFillColorButtonPill = Color(red: 46/255, green: 46/255, blue: 46/255, opacity: 1)
     public static let tFillColorButtonPillActive = Color(red: 54/255, green: 54/255, blue: 54/255, opacity: 1)
     public static let tFillColorButtonPillDisabled = Color(red: 46/255, green: 46/255, blue: 46/255, opacity: 1)
-    public static let tFillColorTransparencyLight_010 = Color(red: 0/255, green: 0/255, blue: 0/255, opacity: 0.10196078431372549)
+    public static let tFillColorTransparencyLight_010 = Color(red: 0/255, green: 0/255, blue: 0/255, opacity: 0.1)
     public static let tFillColorTransparencyLight_020 = Color(red: 0/255, green: 0/255, blue: 0/255, opacity: 0.2)
-    public static let tFillColorTransparencyLight_030 = Color(red: 0/255, green: 0/255, blue: 0/255, opacity: 0.30196078431372547)
+    public static let tFillColorTransparencyLight_030 = Color(red: 0/255, green: 0/255, blue: 0/255, opacity: 0.3)
     public static let tFillColorTransparencyLight_040 = Color(red: 0/255, green: 0/255, blue: 0/255, opacity: 0.4)
-    public static let tFillColorTransparencyLight_050 = Color(red: 0/255, green: 0/255, blue: 0/255, opacity: 0.5019607843137255)
+    public static let tFillColorTransparencyLight_050 = Color(red: 0/255, green: 0/255, blue: 0/255, opacity: 0.5)
     public static let tFillColorTransparencyLight_060 = Color(red: 0/255, green: 0/255, blue: 0/255, opacity: 0.6)
-    public static let tFillColorTransparencyLight_070 = Color(red: 0/255, green: 0/255, blue: 0/255, opacity: 0.6980392156862745)
+    public static let tFillColorTransparencyLight_070 = Color(red: 0/255, green: 0/255, blue: 0/255, opacity: 0.7)
     public static let tFillColorTransparencyLight_080 = Color(red: 0/255, green: 0/255, blue: 0/255, opacity: 0.8)
-    public static let tFillColorTransparencyLight_090 = Color(red: 0/255, green: 0/255, blue: 0/255, opacity: 0.8980392156862745)
-    public static let tFillColorTransparencyDark_010 = Color(red: 255/255, green: 255/255, blue: 255/255, opacity: 0.10196078431372549)
+    public static let tFillColorTransparencyLight_090 = Color(red: 0/255, green: 0/255, blue: 0/255, opacity: 0.9)
+    public static let tFillColorTransparencyDark_010 = Color(red: 255/255, green: 255/255, blue: 255/255, opacity: 0.1)
     public static let tFillColorTransparencyDark_020 = Color(red: 255/255, green: 255/255, blue: 255/255, opacity: 0.2)
-    public static let tFillColorTransparencyDark_030 = Color(red: 255/255, green: 255/255, blue: 255/255, opacity: 0.30196078431372547)
+    public static let tFillColorTransparencyDark_030 = Color(red: 255/255, green: 255/255, blue: 255/255, opacity: 0.3)
     public static let tFillColorTransparencyDark_040 = Color(red: 255/255, green: 255/255, blue: 255/255, opacity: 0.4)
-    public static let tFillColorTransparencyDark_050 = Color(red: 255/255, green: 255/255, blue: 255/255, opacity: 0.5019607843137255)
+    public static let tFillColorTransparencyDark_050 = Color(red: 255/255, green: 255/255, blue: 255/255, opacity: 0.5)
     public static let tFillColorTransparencyDark_060 = Color(red: 255/255, green: 255/255, blue: 255/255, opacity: 0.6)
-    public static let tFillColorTransparencyDark_070 = Color(red: 255/255, green: 255/255, blue: 255/255, opacity: 0.6980392156862745)
+    public static let tFillColorTransparencyDark_070 = Color(red: 255/255, green: 255/255, blue: 255/255, opacity: 0.7)
     public static let tFillColorTransparencyDark_080 = Color(red: 255/255, green: 255/255, blue: 255/255, opacity: 0.8)
-    public static let tFillColorTransparencyDark_090 = Color(red: 255/255, green: 255/255, blue: 255/255, opacity: 0.8980392156862745)
+    public static let tFillColorTransparencyDark_090 = Color(red: 255/255, green: 255/255, blue: 255/255, opacity: 0.9)
     public static let tSurfaceColorCard = Color(red: 31/255, green: 31/255, blue: 31/255, opacity: 1)
     public static let tSurfaceColorCanvas = Color(red: 26/255, green: 26/255, blue: 26/255, opacity: 1)
     public static let tBorderColor = Color(red: 54/255, green: 54/255, blue: 54/255, opacity: 1)
@@ -186,13 +186,13 @@ public enum TapestryDarkTokens {
     public static let tBorderColorDim = Color(red: 41/255, green: 41/255, blue: 41/255, opacity: 1)
     public static let tBorderColorWhite = Color(red: 31/255, green: 31/255, blue: 31/255, opacity: 1)
     public static let tBorderColorStatusNeutral = Color(red: 97/255, green: 97/255, blue: 97/255, opacity: 1)
-    public static let tBorderColorStatusInfo = Color(red: 0/255, green: 107/255, blue: 178/255, opacity: 1)
+    public static let tBorderColorStatusInfo = Color(red: 0/255, green: 107/255, blue: 179/255, opacity: 1)
     public static let tBorderColorButtonNeutral = Color(red: 48/255, green: 48/255, blue: 48/255, opacity: 1)
-    public static let tBorderColorButtonInfo = Color(red: 0/255, green: 122/255, blue: 204/255, opacity: 0.25098039215686274)
-    public static let tBorderColorButtonCreate = Color(red: 75/255, green: 132/255, blue: 36/255, opacity: 0.25098039215686274)
-    public static let tBorderColorButtonDelete = Color(red: 194/255, green: 68/255, blue: 48/255, opacity: 0.25098039215686274)
+    public static let tBorderColorButtonInfo = Color(red: 0/255, green: 122/255, blue: 204/255, opacity: 0.25)
+    public static let tBorderColorButtonCreate = Color(red: 75/255, green: 132/255, blue: 36/255, opacity: 0.25)
+    public static let tBorderColorButtonDelete = Color(red: 192/255, green: 67/255, blue: 48/255, opacity: 0.25)
     public static let tBorderColorControlNeutral = Color(red: 84/255, green: 84/255, blue: 84/255, opacity: 1)
-    public static let tBorderColorControlInfo = Color(red: 0/255, green: 107/255, blue: 178/255, opacity: 1)
+    public static let tBorderColorControlInfo = Color(red: 0/255, green: 107/255, blue: 179/255, opacity: 1)
     public static let tBorderColorControlDisabled = Color(red: 61/255, green: 61/255, blue: 61/255, opacity: 1)
     public static let tShadowOverflowColor = Color(red: 0/255, green: 0/255, blue: 0/255, opacity: 0.6)
 }

package/dist/ts/react-native-tokens.js

@@ -99,9 +99,9 @@ export const reactNativeTokens = {
     "--t-icon-color-status-neutral": { light: "hsl(0, 0%, 42%)", dark: "hsl(0, 0%, 54%)" },
     "--t-icon-color-status-neutral-secondary": { light: "hsl(0, 0%, 58%)", dark: "hsl(0, 0%, 38%)" },
     "--t-icon-color-status-neutral-bold": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 80%)" },
-    "--t-icon-color-status-neutral-dark": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 24%)" },
+    "--t-icon-color-status-neutral-dark": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 80%)" },
     "--t-icon-color-status-info": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 68%, 55%)" },
-    "--t-icon-color-status-info-secondary": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 40%)" },
+    "--t-icon-color-status-info-secondary": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 68%, 55%)" },
     "--t-icon-color-status-success": { light: "hsl(96, 57%, 33%)", dark: "hsl(96, 57%, 33%)" },
     "--t-icon-color-status-success-secondary": { light: "hsl(97, 57%, 40%)", dark: "hsl(97, 57%, 40%)" },
     "--t-icon-color-status-warning": { light: "hsl(42, 84%, 49%)", dark: "hsl(42, 84%, 49%)" },
@@ -131,11 +131,11 @@ export const reactNativeTokens = {
     "--t-fill-color-status-neutral": { light: "hsl(0, 0%, 42%)", dark: "hsl(0, 0%, 24%)" },
     "--t-fill-color-status-neutral-ghost": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 18%)" },
     "--t-fill-color-status-neutral-dim": { light: "hsl(0, 0%, 97%)", dark: "hsl(0, 0%, 15%)" },
-    "--t-fill-color-status-neutral-solid": { light: "hsl(0, 0%, 42%)", dark: "hsl(0, 0%, 42%)" },
+    "--t-fill-color-status-neutral-solid": { light: "hsl(0, 0%, 42%)", dark: "hsl(0, 0%, 24%)" },
     "--t-fill-color-status-info": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 35%)" },
     "--t-fill-color-status-info-ghost": { light: "hsl(203, 94%, 94%)", dark: "hsl(204, 32%, 15%)" },
     "--t-fill-color-status-info-dim": { light: "hsl(204, 100%, 97%)", dark: "hsl(206, 22%, 15%)" },
-    "--t-fill-color-status-info-solid": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 40%)" },
+    "--t-fill-color-status-info-solid": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 35%)" },
     "--t-fill-color-status-success": { light: "hsl(96, 57%, 33%)", dark: "hsl(96, 57%, 33%)" },
     "--t-fill-color-status-success-ghost": { light: "hsl(97, 57%, 90%)", dark: "hsl(125, 17%, 15%)" },
     "--t-fill-color-status-success-dim": { light: "hsl(96, 60%, 95%)", dark: "hsl(120, 12%, 14%)" },
@@ -334,14 +334,14 @@ export const reactNativeTokens = {
     "--t-fill-color-button-neutral-ghost-active": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 19%)" },
     "--t-fill-color-button-neutral-ghost-disabled": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 0%, 0)" },
     "--t-fill-color-button-neutral-ghost-disabled-solid": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 100%)" },
-    "--t-fill-color-button-neutral-responsive-header": { light: "hsla(0, 0%, 0%, 0.1)", dark: "hsla(0, 0%, 0%, 0.1)" },
-    "--t-fill-color-button-neutral-responsive-header-hover": { light: "hsla(0, 0%, 0%, 0.2)", dark: "hsla(0, 0%, 0%, 0.2)" },
-    "--t-fill-color-button-neutral-responsive-header-active": { light: "hsla(0, 0%, 0%, 0.3)", dark: "hsla(0, 0%, 0%, 0.3)" },
+    "--t-fill-color-button-neutral-responsive-header": { light: "hsla(0, 0%, 0%, 0.1)", dark: "hsla(0, 0%, 100%, 0.1)" },
+    "--t-fill-color-button-neutral-responsive-header-hover": { light: "hsla(0, 0%, 0%, 0.2)", dark: "hsla(0, 0%, 100%, 0.2)" },
+    "--t-fill-color-button-neutral-responsive-header-active": { light: "hsla(0, 0%, 0%, 0.3)", dark: "hsla(0, 0%, 100%, 0.3)" },
     "--t-fill-color-button-neutral-responsive-header-disabled": { light: "hsla(0, 0%, 0%, 0.05)", dark: "hsla(0, 0%, 100%, 0.05)" },
-    "--t-fill-color-button-neutral-outline-dim-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 100%, 0)" },
-    "--t-fill-color-button-neutral-outline-dim-hover": { light: "hsl(0, 0%, 95%)", dark: "hsl(0, 0%, 95%)" },
-    "--t-fill-color-button-neutral-outline-dim-active": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 93%)" },
-    "--t-fill-color-button-neutral-outline-dim-disabled": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 98%)" },
+    "--t-fill-color-button-neutral-outline-dim-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsl(0, 0%, 15%)" },
+    "--t-fill-color-button-neutral-outline-dim-hover": { light: "hsl(0, 0%, 95%)", dark: "hsl(0, 0%, 17%)" },
+    "--t-fill-color-button-neutral-outline-dim-active": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 19%)" },
+    "--t-fill-color-button-neutral-outline-dim-disabled": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 12%)" },
     "--t-fill-color-button-neutral-outline-dim-disabled-solid": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 100%)" },
     "--t-fill-color-button-interaction-solid": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 35%)" },
     "--t-fill-color-button-interaction-solid-hover": { light: "hsl(204, 100%, 35%)", dark: "hsl(204, 100%, 40%)" },
@@ -355,10 +355,10 @@ export const reactNativeTokens = {
     "--t-fill-color-button-interaction-ghost-hover": { light: "hsl(204, 100%, 97%)", dark: "hsl(204, 32%, 15%)" },
     "--t-fill-color-button-interaction-ghost-active": { light: "hsl(203, 94%, 94%)", dark: "hsl(204, 39%, 17%)" },
     "--t-fill-color-button-interaction-ghost-disabled": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 0%, 0)" },
-    "--t-fill-color-button-interaction-outline-dim-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 100%, 0)" },
-    "--t-fill-color-button-interaction-outline-dim-hover": { light: "hsl(204, 100%, 97%)", dark: "hsl(204, 100%, 97%)" },
-    "--t-fill-color-button-interaction-outline-dim-active": { light: "hsl(203, 94%, 94%)", dark: "hsl(203, 94%, 94%)" },
-    "--t-fill-color-button-interaction-outline-dim-disabled": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 98%)" },
+    "--t-fill-color-button-interaction-outline-dim-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsl(204, 32%, 15%)" },
+    "--t-fill-color-button-interaction-outline-dim-hover": { light: "hsl(204, 100%, 97%)", dark: "hsl(204, 39%, 17%)" },
+    "--t-fill-color-button-interaction-outline-dim-active": { light: "hsl(203, 94%, 94%)", dark: "hsl(205, 45%, 18%)" },
+    "--t-fill-color-button-interaction-outline-dim-disabled": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 12%)" },
     "--t-fill-color-button-create-solid-default": { light: "hsl(96, 57%, 33%)", dark: "hsl(0, 0%, 25%)" },
     "--t-fill-color-button-create-solid-hover": { light: "hsl(97, 57%, 28%)", dark: "hsl(0, 0%, 25%)" },
     "--t-fill-color-button-create-solid-active": { light: "hsl(97, 57%, 23%)", dark: "hsl(0, 0%, 25%)" },
@@ -379,10 +379,10 @@ export const reactNativeTokens = {
     "--t-fill-color-button-delete-ghost-hover": { light: "hsl(7, 60%, 97%)", dark: "hsl(8, 20%, 16%)" },
     "--t-fill-color-button-delete-ghost-active": { light: "hsl(9, 59%, 93%)", dark: "hsl(9, 24%, 17%)" },
     "--t-fill-color-button-delete-ghost-disabled": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 0%, 0)" },
-    "--t-fill-color-button-delete-outline-dim-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 100%, 0)" },
-    "--t-fill-color-button-delete-outline-dim-hover": { light: "hsl(7, 60%, 97%)", dark: "hsl(7, 60%, 97%)" },
-    "--t-fill-color-button-delete-outline-dim-active": { light: "hsl(9, 59%, 93%)", dark: "hsl(9, 59%, 93%)" },
-    "--t-fill-color-button-delete-outline-dim-disabled": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 98%)" },
+    "--t-fill-color-button-delete-outline-dim-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsl(8, 20%, 16%)" },
+    "--t-fill-color-button-delete-outline-dim-hover": { light: "hsl(7, 60%, 97%)", dark: "hsl(9, 24%, 17%)" },
+    "--t-fill-color-button-delete-outline-dim-active": { light: "hsl(9, 59%, 93%)", dark: "hsl(9, 29%, 19%)" },
+    "--t-fill-color-button-delete-outline-dim-disabled": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 12%)" },
     "--t-fill-color-button-pill": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 18%)" },
     "--t-fill-color-button-pill-hover": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 21%)" },
     "--t-fill-color-button-pill-active": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 21%)" },
@@ -439,24 +439,24 @@ export const reactNativeTokens = {
     "--t-border-color-control-error": { light: "hsl(8, 60%, 47%)", dark: "hsl(8, 60%, 47%)" },
     "--t-border-color-control-disabled": { light: "hsl(0, 0%, 81%)", dark: "hsl(0, 0%, 24%)" },
     "--t-shadow-overflow-color": { light: "hsla(0, 0%, 0%, 0.07)", dark: "hsla(0, 0%, 0%, 0.6)" },
-    "--t-form-background-color": { light: "hsl(0, 0%, 100%)", dark: "hsl(0, 0%, 100%)" },
-    "--t-form-background-color-disabled": { light: "hsl(0, 0%, 95%)", dark: "hsl(0, 0%, 95%)" },
-    "--t-form-background-color-error": { light: "hsl(0, 0%, 100%)", dark: "hsl(0, 0%, 100%)" },
-    "--t-form-background-color-readonly": { light: "hsl(0, 0%, 95%)", dark: "hsl(0, 0%, 95%)" },
-    "--t-form-border-color": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 88%)" },
-    "--t-form-border-color-disabled": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 88%)" },
+    "--t-form-background-color": { light: "hsl(0, 0%, 100%)", dark: "hsl(0, 0%, 10%)" },
+    "--t-form-background-color-disabled": { light: "hsl(0, 0%, 95%)", dark: "hsl(0, 0%, 17%)" },
+    "--t-form-background-color-error": { light: "hsl(0, 0%, 100%)", dark: "hsl(0, 0%, 10%)" },
+    "--t-form-background-color-readonly": { light: "hsl(0, 0%, 95%)", dark: "hsl(0, 0%, 17%)" },
+    "--t-form-border-color": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 21%)" },
+    "--t-form-border-color-disabled": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 21%)" },
     "--t-form-border-color-error": { light: "hsl(8, 60%, 47%)", dark: "hsl(8, 60%, 47%)" },
-    "--t-form-border-color-focus": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 40%)" },
-    "--t-form-border-color-hover": { light: "hsl(0, 0%, 81%)", dark: "hsl(0, 0%, 81%)" },
+    "--t-form-border-color-focus": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 35%)" },
+    "--t-form-border-color-hover": { light: "hsl(0, 0%, 81%)", dark: "hsl(0, 0%, 25%)" },
     "--t-form-border-color-readonly": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 100%, 0)" },
     "--t-form-border-radius": 4,
     "--t-form-border-width": 1,
-    "--t-form-font-color": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 24%)" },
-    "--t-form-font-color-disabled": { light: "hsl(0, 0%, 68%)", dark: "hsl(0, 0%, 68%)" },
-    "--t-form-font-color-error": { light: "hsl(8, 60%, 45%)", dark: "hsl(8, 60%, 45%)" },
-    "--t-form-font-color-readonly": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 24%)" },
-    "--t-form-picker-icon-color": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 24%)" },
-    "--t-form-placeholder-color": { light: "hsl(0, 0%, 58%)", dark: "hsl(0, 0%, 58%)" },
+    "--t-form-font-color": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 80%)" },
+    "--t-form-font-color-disabled": { light: "hsl(0, 0%, 68%)", dark: "hsl(0, 0%, 32%)" },
+    "--t-form-font-color-error": { light: "hsl(8, 60%, 45%)", dark: "hsl(8, 61%, 61%)" },
+    "--t-form-font-color-readonly": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 80%)" },
+    "--t-form-picker-icon-color": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 80%)" },
+    "--t-form-placeholder-color": { light: "hsl(0, 0%, 58%)", dark: "hsl(0, 0%, 38%)" },
     "--t-border-color-default-base": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 21%)" },
     "--t-border-color-default-dark": { light: "hsl(0, 0%, 81%)", dark: "hsl(0, 0%, 25%)" },
     "--t-border-color-default-darker": { light: "hsl(0, 0%, 68%)", dark: "hsl(0, 0%, 33%)" },
@@ -474,7 +474,7 @@ export const reactNativeTokens = {
     "--t-fill-color-button-interaction-solid-default": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 35%)" },
     "--t-fill-color-button-neutral-ghost-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 0%, 0)" },
     "--t-fill-color-button-neutral-outline-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsl(0, 0%, 15%)" },
-    "--t-fill-color-button-neutral-responsive-header-default": { light: "hsla(0, 0%, 0%, 0.1)", dark: "hsla(0, 0%, 0%, 0.1)" },
+    "--t-fill-color-button-neutral-responsive-header-default": { light: "hsla(0, 0%, 0%, 0.1)", dark: "hsla(0, 0%, 100%, 0.1)" },
     "--t-fill-color-button-neutral-solid-default": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 19%)" },
     "--t-fill-color-button-pill-default": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 18%)" },
     "--t-fill-color-control-primary": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 35%)" },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/tapestry-tokens",
-  "version": "2.8.0-rc.10",
+  "version": "2.8.0-rc.12",
   "type": "module",
   "repository": {
     "type": "git",
@@ -50,5 +50,5 @@
     "typescript": "^5.5.3",
     "vitest": "^3.0.0"
   },
-  "gitHead": "c9c65ff2b6027e6d3df85f166a6cc0c2abc084b7"
+  "gitHead": "08a3bb2b8797cf2174e15fffcef80b0439b4bc17"
 }