@planningcenter/tapestry-tokens 2.7.1-qa-513.0 → 2.8.0-rc.11

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/compose/TapestryTokens.kt

@@ -124,8 +124,8 @@ object TapestryTokens {
     val tFillColorControlNeutralOff = Color(red = 148, green = 148, blue = 148, alpha = 255)
     val tFillColorControlNeutralOn = Color(red = 61, green = 61, blue = 61, alpha = 255)
     val tFillColorControl = Color(red = 0, green = 122, blue = 204, alpha = 255)
-    val tFillColorControlSecondary = Color(red = 88, green = 160, blue = 44, alpha = 255)
     val tFillColorControlError = Color(red = 194, green = 68, blue = 48, alpha = 255)
+    val tFillColorControlSecondary = Color(red = 88, green = 160, blue = 44, alpha = 255)
     val tFillColorControlDisabled = Color(red = 207, green = 207, blue = 207, alpha = 255)
     val tFillColorStatusNeutral = Color(red = 107, green = 107, blue = 107, alpha = 255)
     val tFillColorStatusNeutralGhost = Color(red = 237, green = 237, blue = 237, alpha = 255)

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;
@@ -121,8 +121,8 @@
   --t-fill-color-control-neutral-off: hsl(0, 0%, 58%);
   --t-fill-color-control-neutral-on: hsl(0, 0%, 24%);
   --t-fill-color-control: hsl(204, 100%, 40%);
-  --t-fill-color-control-secondary: hsl(97, 57%, 40%);
   --t-fill-color-control-error: hsl(8, 60%, 47%);
+  --t-fill-color-control-secondary: hsl(97, 57%, 40%);
   --t-fill-color-control-disabled: hsl(0, 0%, 81%);
   --t-fill-color-status-neutral: hsl(0, 0%, 42%);
   --t-fill-color-status-neutral-ghost: hsl(0, 0%, 93%);
@@ -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

@@ -538,14 +538,14 @@
       "value": "hsl(204, 100%, 40%)",
       "darkmode-value": "hsl(204, 100%, 35%)"
     },
-    "--t-fill-color-control-secondary": {
-      "type": "color",
-      "value": "hsl(97, 57%, 40%)"
-    },
     "--t-fill-color-control-error": {
       "type": "color",
       "value": "hsl(8, 60%, 47%)"
     },
+    "--t-fill-color-control-secondary": {
+      "type": "color",
+      "value": "hsl(97, 57%, 40%)"
+    },
     "--t-fill-color-control-disabled": {
       "type": "color",
       "value": "hsl(0, 0%, 81%)",
@@ -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%)"
     }
   }
 }