@planningcenter/chat-react-native 3.9.3-rc.2 → 3.10.0

package/build/vendor/tapestry/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../../src/vendor/tapestry/tokens.ts"],"names":[],"mappings":"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","sourcesContent":["// Copied from `@planningcenter/tapestry` package.\n// Defining these tokens locally is a temporary solution until the package supports mobile.\n// Tokens Reference: https://planningcenter.github.io/tapestry/?path=/docs/foundations-design-tokens--docs\n\nconst colorPrimitives = {\n  colorNeutral7: 'hsl(0, 0%, 7%)',\n  colorNeutral12: 'hsl(0, 0%, 12%)',\n  colorNeutral15: 'hsl(0, 0%, 15%)',\n  colorNeutral17: 'hsl(0, 0%, 17%)',\n  colorNeutral19: 'hsl(0, 0%, 19%)',\n  colorNeutral24: 'hsl(0, 0%, 24%)',\n  colorNeutral32: 'hsl(0, 0%, 32%)',\n  colorNeutral45: 'hsl(0, 0%, 45%)',\n  colorNeutral50: 'hsl(0, 0%, 50%)',\n  colorNeutral58: 'hsl(0, 0%, 58%)',\n  colorNeutral68: 'hsl(0, 0%, 68%)',\n  colorNeutral81: 'hsl(0, 0%, 81%)',\n  colorNeutral88: 'hsl(0, 0%, 88%)',\n  colorNeutral93: 'hsl(0, 0%, 93%)',\n  colorNeutral95: 'hsl(0, 0%, 95%)',\n  colorNeutral97: 'hsl(0, 0%, 97%)',\n  colorNeutral98: 'hsl(0, 0%, 98%)',\n  borderColorStatusError: 'hsl(8, 60%, 47%)',\n  borderColorStatusErrorDark: 'hsl(8, 60%, 55%)',\n  colorNeutral100White: 'hsl(0, 0%, 100%)',\n  fillColorInteractionDefault: 'hsl(204, 100%, 40%)',\n  fillColorInteractionSwipeDefault: 'hsl(204, 100%, 40%)',\n  fillColorInteractionSwipeSecondary: 'hsl(0, 0%, 24%)',\n  fillColorStatusNeutralGhost: 'hsl(0, 0%, 93%)',\n  fillColorStatusNeutralGhostDark: 'hsl(0, 0%, 18%)',\n  textColorStatusNeutral: 'hsl(0, 0%, 24%)',\n  textColorStatusNeutralDark: 'hsl(0, 0%, 80%)',\n  iconColorStatusNeutralPrimary: 'hsl(0, 0%, 45%)',\n  iconColorStatusNeutralPrimaryDark: 'hsl(0, 0%, 54%)',\n  fillColorStatusErrorGhost: 'hsl(9, 59%, 93%)',\n  fillColorStatusErrorGhostDark: 'hsl(8, 20%, 16%)',\n  textColorStatusError: 'hsl(8, 60%, 45%)',\n  textColorStatusErrorDark: 'hsl(8, 61%, 61%)',\n  iconColorStatusErrorPrimary: 'hsl(8, 60%, 47%)',\n  iconColorStatusErrorPrimaryDark: 'hsl(8, 60%, 55%)',\n  fillColorStatusWarningGhost: 'hsl(42, 87%, 94%)',\n  fillColorStatusWarningGhostDark: 'hsl(41, 18%, 17%)',\n  textColorStatusWarning: 'hsl(42, 100%, 29%)',\n  textColorStatusWarningDark: 'hsl(42, 84%, 55%)',\n  iconColorStatusWarningPrimary: 'hsl(42, 84%, 49%)',\n  iconColorStatusWarningPrimaryDark: 'hsl(42, 84%, 49%)',\n  fillColorStatusSuccessGhost: 'hsl(97, 57%, 90%)',\n  fillColorStatusSuccessGhostDark: 'hsl(125, 17%, 15%)',\n  textColorStatusSuccess: 'hsl(97, 57%, 28%)',\n  textColorStatusSuccessDark: 'hsl(97, 57%, 41%)',\n  iconColorStatusSuccessPrimary: 'hsl(96, 57%, 33%)',\n  iconColorStatusSuccessPrimaryDark: 'hsl(96, 57%, 41%)',\n  fillColorStatusInfoGhost: 'hsl(203, 94%, 94%)',\n  fillColorStatusInfoGhostDark: 'hsl(204, 32%, 15%)',\n  textColorStatusInfo: 'hsl(204, 100%, 35%)',\n  textColorStatusInfoDark: 'hsl(204, 68%, 55%)',\n  iconColorStatusInfoPrimary: 'hsl(204, 100%, 40%)',\n  iconColorStatusInfoPrimaryDark: 'hsl(204, 78%, 38%)',\n  fillColorTransparencyLight010: 'hsla(0, 0%, 100%, 0.1)',\n  fillColorTransparencyLight020: 'hsla(0, 0%, 100%, 0.2)',\n  fillColorTransparencyLight030: 'hsla(0, 0%, 100%, 0.3)',\n  fillColorTransparencyLight040: 'hsla(0, 0%, 100%, 0.4)',\n  fillColorTransparencyLight050: 'hsla(0, 0%, 100%, 0.5)',\n  fillColorTransparencyLight060: 'hsla(0, 0%, 100%, 0.6)',\n  fillColorTransparencyLight070: 'hsla(0, 0%, 100%, 0.7)',\n  fillColorTransparencyLight080: 'hsla(0, 0%, 100%, 0.8)',\n  fillColorTransparencyLight090: 'hsla(0, 0%, 100%, 0.9)',\n  fillColorTransparencyDark010: 'hsla(0, 0%, 0%, 0.1)',\n  fillColorTransparencyDark020: 'hsla(0, 0%, 0%, 0.2)',\n  fillColorTransparencyDark030: 'hsla(0, 0%, 0%, 0.3)',\n  fillColorTransparencyDark040: 'hsla(0, 0%, 0%, 0.4)',\n  fillColorTransparencyDark050: 'hsla(0, 0%, 0%, 0.5)',\n  fillColorTransparencyDark060: 'hsla(0, 0%, 0%, 0.6)',\n  fillColorTransparencyDark070: 'hsla(0, 0%, 0%, 0.7)',\n  fillColorTransparencyDark080: 'hsla(0, 0%, 0%, 0.8)',\n  fillColorTransparencyDark090: 'hsla(0, 0%, 0%, 0.9)',\n} as const\n\nconst numericPrimtives = {\n  spacingFourth: 2,\n  spacingHalf: 4,\n  spacing1: 8,\n  spacing2: 16,\n  spacing3: 24,\n  spacing4: 32,\n  spacing5: 40,\n  spacing6: 48,\n  spacing7: 56,\n  borderRadiusSm: 2,\n  borderRadiusMd: 4,\n  borderRadiusLg: 8,\n  borderRadiusXl: 16,\n  borderRadiusRound: 56,\n  borderSizeDefault: 1,\n  borderSizeThick: 2,\n  fontWeightNormal: '400',\n  fontWeightMedium: '500',\n  fontWeightSemiBold: '600',\n  fontWeightBold: '700',\n  fontSize4xl: 32,\n  fontSize3xl: 28,\n  fontSize2xl: 24,\n  fontSizeXl: 20,\n  fontSizeLg: 18,\n  fontSizeMd: 16,\n  fontSizeSm: 14,\n  fontSizeXs: 12,\n  fontSize2xs: 10,\n} as const\n\nconst numericAliases = {\n  borderRadiusDefault: numericPrimtives.borderRadiusMd,\n} as const\n\n// These tokens are specfic to Chat will not be replaced by the Tapestry library\nconst localChatTokens = {\n  colorInteractionOnlineDefault: 'hsl(123, 38%, 57%)',\n  fillColorInteractionDefaultDark: 'hsl(204, 100%, 40%)',\n  fillColorStatusErrorMedium: 'hsl(0, 72%, 45%)',\n} as const\n\nexport const tokens = {\n  ...colorPrimitives,\n  ...numericPrimtives,\n  ...numericAliases,\n  ...localChatTokens,\n}\n"]}
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../../src/vendor/tapestry/tokens.ts"],"names":[],"mappings":"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","sourcesContent":["// Copied from `@planningcenter/tapestry` package.\n// Defining these tokens locally is a temporary solution until the package supports mobile.\n// Tokens Reference: https://planningcenter.github.io/tapestry/?path=/docs/foundations-design-tokens--docs\n\nconst colorPrimitives = {\n  colorNeutral7: 'hsl(0, 0%, 7%)',\n  colorNeutral12: 'hsl(0, 0%, 12%)',\n  colorNeutral15: 'hsl(0, 0%, 15%)',\n  colorNeutral17: 'hsl(0, 0%, 17%)',\n  colorNeutral19: 'hsl(0, 0%, 19%)',\n  colorNeutral24: 'hsl(0, 0%, 24%)',\n  colorNeutral32: 'hsl(0, 0%, 32%)',\n  colorNeutral45: 'hsl(0, 0%, 45%)',\n  colorNeutral50: 'hsl(0, 0%, 50%)',\n  colorNeutral58: 'hsl(0, 0%, 58%)',\n  colorNeutral68: 'hsl(0, 0%, 68%)',\n  colorNeutral81: 'hsl(0, 0%, 81%)',\n  colorNeutral88: 'hsl(0, 0%, 88%)',\n  colorNeutral93: 'hsl(0, 0%, 93%)',\n  colorNeutral95: 'hsl(0, 0%, 95%)',\n  colorNeutral97: 'hsl(0, 0%, 97%)',\n  colorNeutral98: 'hsl(0, 0%, 98%)',\n  borderColorStatusInfo: 'hsl(204, 100%, 40%)',\n  borderColorStatusInfoDark: 'hsl(204, 78%, 38%)',\n  borderColorStatusSuccess: 'hsl(96, 57%, 33%)',\n  borderColorStatusSuccessDark: 'hsl(96, 57%, 41%)',\n  borderColorStatusWarning: 'hsl(42, 84%, 49%)',\n  borderColorStatusWarningDark: 'hsl(42, 84%, 49%)',\n  borderColorStatusError: 'hsl(8, 60%, 47%)',\n  borderColorStatusErrorDark: 'hsl(8, 60%, 55%)',\n  colorNeutral100White: 'hsl(0, 0%, 100%)',\n  fillColorInteractionDefault: 'hsl(204, 100%, 40%)',\n  fillColorInteractionSwipeDefault: 'hsl(204, 100%, 40%)',\n  fillColorInteractionSwipeSecondary: 'hsl(0, 0%, 24%)',\n  fillColorStatusNeutralGhost: 'hsl(0, 0%, 93%)',\n  fillColorStatusNeutralGhostDark: 'hsl(0, 0%, 18%)',\n  textColorStatusNeutral: 'hsl(0, 0%, 24%)',\n  textColorStatusNeutralDark: 'hsl(0, 0%, 80%)',\n  iconColorStatusNeutralPrimary: 'hsl(0, 0%, 45%)',\n  iconColorStatusNeutralPrimaryDark: 'hsl(0, 0%, 54%)',\n  fillColorStatusErrorSolid: 'hsl(8, 60%, 47%)',\n  fillColorStatusErrorSolidDark: 'hsl(8, 60%, 55%)',\n  fillColorStatusErrorGhost: 'hsl(9, 59%, 93%)',\n  fillColorStatusErrorGhostDark: 'hsl(8, 20%, 16%)',\n  textColorStatusError: 'hsl(8, 60%, 45%)',\n  textColorStatusErrorDark: 'hsl(8, 61%, 61%)',\n  iconColorStatusErrorPrimary: 'hsl(8, 60%, 47%)',\n  iconColorStatusErrorPrimaryDark: 'hsl(8, 60%, 55%)',\n  fillColorStatusWarningSolid: 'hsl(42, 84%, 49%)',\n  fillColorStatusWarningSolidDark: 'hsl(42, 84%, 49%)',\n  fillColorStatusWarningGhost: 'hsl(42, 87%, 94%)',\n  fillColorStatusWarningGhostDark: 'hsl(41, 18%, 17%)',\n  textColorStatusWarning: 'hsl(42, 100%, 29%)',\n  textColorStatusWarningDark: 'hsl(42, 84%, 55%)',\n  iconColorStatusWarningPrimary: 'hsl(42, 84%, 49%)',\n  iconColorStatusWarningPrimaryDark: 'hsl(42, 84%, 49%)',\n  fillColorStatusSuccessSolid: 'hsl(96, 57%, 33%)',\n  fillColorStatusSuccessSolidDark: 'hsl(96, 57%, 41%)',\n  fillColorStatusSuccessGhost: 'hsl(97, 57%, 90%)',\n  fillColorStatusSuccessGhostDark: 'hsl(125, 17%, 15%)',\n  textColorStatusSuccess: 'hsl(97, 57%, 28%)',\n  textColorStatusSuccessDark: 'hsl(97, 57%, 41%)',\n  iconColorStatusSuccessPrimary: 'hsl(96, 57%, 33%)',\n  iconColorStatusSuccessPrimaryDark: 'hsl(96, 57%, 41%)',\n  fillColorStatusInfoSolid: 'hsl(204, 100%, 40%)',\n  fillColorStatusInfoSolidDark: 'hsl(204, 78%, 38%)',\n  fillColorStatusInfoGhost: 'hsl(203, 94%, 94%)',\n  fillColorStatusInfoGhostDark: 'hsl(204, 32%, 15%)',\n  textColorStatusInfo: 'hsl(204, 100%, 35%)',\n  textColorStatusInfoDark: 'hsl(204, 68%, 55%)',\n  iconColorStatusInfoPrimary: 'hsl(204, 100%, 40%)',\n  iconColorStatusInfoPrimaryDark: 'hsl(204, 78%, 38%)',\n  fillColorTransparencyLight010: 'hsla(0, 0%, 100%, 0.1)',\n  fillColorTransparencyLight020: 'hsla(0, 0%, 100%, 0.2)',\n  fillColorTransparencyLight030: 'hsla(0, 0%, 100%, 0.3)',\n  fillColorTransparencyLight040: 'hsla(0, 0%, 100%, 0.4)',\n  fillColorTransparencyLight050: 'hsla(0, 0%, 100%, 0.5)',\n  fillColorTransparencyLight060: 'hsla(0, 0%, 100%, 0.6)',\n  fillColorTransparencyLight070: 'hsla(0, 0%, 100%, 0.7)',\n  fillColorTransparencyLight080: 'hsla(0, 0%, 100%, 0.8)',\n  fillColorTransparencyLight090: 'hsla(0, 0%, 100%, 0.9)',\n  fillColorTransparencyDark010: 'hsla(0, 0%, 0%, 0.1)',\n  fillColorTransparencyDark020: 'hsla(0, 0%, 0%, 0.2)',\n  fillColorTransparencyDark030: 'hsla(0, 0%, 0%, 0.3)',\n  fillColorTransparencyDark040: 'hsla(0, 0%, 0%, 0.4)',\n  fillColorTransparencyDark050: 'hsla(0, 0%, 0%, 0.5)',\n  fillColorTransparencyDark060: 'hsla(0, 0%, 0%, 0.6)',\n  fillColorTransparencyDark070: 'hsla(0, 0%, 0%, 0.7)',\n  fillColorTransparencyDark080: 'hsla(0, 0%, 0%, 0.8)',\n  fillColorTransparencyDark090: 'hsla(0, 0%, 0%, 0.9)',\n} as const\n\nconst numericPrimtives = {\n  spacingFourth: 2,\n  spacingHalf: 4,\n  spacing1: 8,\n  spacing2: 16,\n  spacing3: 24,\n  spacing4: 32,\n  spacing5: 40,\n  spacing6: 48,\n  spacing7: 56,\n  borderRadiusSm: 2,\n  borderRadiusMd: 4,\n  borderRadiusLg: 8,\n  borderRadiusXl: 16,\n  borderRadiusRound: 56,\n  borderSizeDefault: 1,\n  borderSizeThick: 2,\n  fontWeightNormal: '400',\n  fontWeightMedium: '500',\n  fontWeightSemiBold: '600',\n  fontWeightBold: '700',\n  fontSize4xl: 32,\n  fontSize3xl: 28,\n  fontSize2xl: 24,\n  fontSizeXl: 20,\n  fontSizeLg: 18,\n  fontSizeMd: 16,\n  fontSizeSm: 14,\n  fontSizeXs: 12,\n  fontSize2xs: 10,\n} as const\n\nconst numericAliases = {\n  borderRadiusDefault: numericPrimtives.borderRadiusMd,\n} as const\n\n// These tokens are specfic to Chat will not be replaced by the Tapestry library\nconst localChatTokens = {\n  colorInteractionOnlineDefault: 'hsl(123, 38%, 57%)',\n  fillColorInteractionDefaultDark: 'hsl(204, 100%, 40%)',\n  fillColorStatusErrorMedium: 'hsl(0, 72%, 45%)',\n} as const\n\nexport const tokens = {\n  ...colorPrimitives,\n  ...numericPrimtives,\n  ...numericAliases,\n  ...localChatTokens,\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "3.9.3-rc.2",
+  "version": "3.10.0",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -55,5 +55,5 @@
     "prettier": "^3.4.2",
     "typescript": "<5.6.0"
   },
-  "gitHead": "de49441aae912740d1ceb6b140464b535e6b4a44"
+  "gitHead": "13ed62e0777dcfc153cb61b2e9f1bb4ff0cabc88"
 }

package/src/components/conversation/disabled_replies_banners.tsx

@@ -42,7 +42,7 @@ const useStyles = () => {
     baseBanner: {
       paddingHorizontal: 16,
       paddingVertical: 4,
-      backgroundColor: colors.statusNeutralBackground,
+      backgroundColor: colors.statusNeutralComposedBackground,
       borderTopWidth: 1,
       borderTopColor: colors.borderColorDefaultBase,
     },

package/src/components/conversation/message_form.tsx

@@ -291,6 +291,7 @@ function MessageFormInput() {
   return (
     <View style={styles.textInputBoundary}>
       <MessageFormAttachments />
+      {attachmentError ? <Text style={styles.inputErrorMessage}>{attachmentError}</Text> : null}
       <View style={styles.textInputRow}>
         {usingGiphy ? (
           <View style={styles.giphyBadge}>
@@ -313,8 +314,6 @@ function MessageFormInput() {
           submitBehavior={usingGiphy ? 'submit' : 'newline'}
         />
       </View>
-
-      {attachmentError ? <Text style={styles.inputErrorMessage}>{attachmentError}</Text> : null}
     </View>
   )
 }
@@ -646,6 +645,8 @@ const useMessageFormStyles = () => {
     inputErrorMessage: {
       color: theme.colors.statusErrorText,
       fontSize: 14,
+      paddingHorizontal: 16,
+      paddingVertical: 4,
     },
     editingIndicator: {
       flexDirection: 'row',

package/src/components/display/image_attachment_preview.tsx

@@ -81,7 +81,7 @@ const useStyles = ({ size = 'md', error = false }: Partial<ImageAttachmentPrevie
       overflow: 'hidden',
       borderRadius: borderRadius,
       borderWidth: error ? 2 : 1,
-      borderColor: error ? colors.borderColorStatusError : colors.borderColorDefaultBase,
+      borderColor: error ? colors.statusErrorBorder : colors.borderColorDefaultBase,
     },
     image: {
       opacity: error ? 0.5 : 1,
@@ -97,7 +97,7 @@ const useStyles = ({ size = 'md', error = false }: Partial<ImageAttachmentPrevie
       width: 20,
     },
     errorBadge: {
-      backgroundColor: colors.borderColorStatusError,
+      backgroundColor: colors.statusErrorBorder,
       position: 'absolute',
       bottom: 0,
       right: 0,

package/src/components/display/utils/button_colors.ts

@@ -51,7 +51,7 @@ function useButtonColorOptionMap(): ButtonColorOptionMap {
 
   return {
     interaction: colors.interaction,
-    danger: colors.fillColorStatusErrorMedium,
+    danger: colors.statusErrorFill,
     disabled: colors.textColorDefaultDisabled,
   }
 }
@@ -61,7 +61,7 @@ function useIconButtonColorOptionMap(): IconButtonColorOptionMap {
   const { colors } = useTheme()
 
   return {
-    danger: colors.fillColorStatusErrorMedium,
+    danger: colors.statusErrorFill,
     disabled: colors.textColorDefaultDisabled,
     interaction: colors.interaction,
     neutral: colors.iconColorDefaultSecondary,
@@ -77,7 +77,7 @@ function useGradientColorMap(): GradientColorMap {
 
   return {
     interaction: [defaultColorStart, defaultColorEnd],
-    danger: [colors.fillColorStatusErrorMedium, colors.fillColorStatusErrorMedium],
+    danger: [colors.statusErrorFill, colors.statusErrorFill],
     disabled: [
       colors.fillColorButtonNeutralSolidDisabled,
       colors.fillColorButtonNeutralSolidDisabled,

package/src/components/display/utils/status_colors.ts

@@ -37,49 +37,49 @@ type StatusAppearanceColors = Record<
 function useStatusColorAppearanceMap(): StatusAppearanceColors {
   const {
     colors: {
-      statusErrorBackground,
-      statusErrorText,
-      statusErrorIcon,
-      statusInfoBackground,
-      statusInfoText,
-      statusInfoIcon,
-      statusNeutralBackground,
-      statusNeutralText,
-      statusNeutralIcon,
-      statusSuccessBackground,
-      statusSuccessText,
-      statusSuccessIcon,
-      statusWarningBackground,
-      statusWarningText,
-      statusWarningIcon,
+      statusErrorComposedBackground,
+      statusErrorComposedText,
+      statusErrorComposedIcon,
+      statusInfoComposedBackground,
+      statusInfoComposedText,
+      statusInfoComposedIcon,
+      statusNeutralComposedBackground,
+      statusNeutralComposedText,
+      statusNeutralComposedIcon,
+      statusSuccessComposedBackground,
+      statusSuccessComposedText,
+      statusSuccessComposedIcon,
+      statusWarningComposedBackground,
+      statusWarningComposedText,
+      statusWarningComposedIcon,
     },
   } = useTheme()
 
   return {
     error: {
-      background: statusErrorBackground,
-      text: statusErrorText,
-      icon: statusErrorIcon,
+      background: statusErrorComposedBackground,
+      text: statusErrorComposedText,
+      icon: statusErrorComposedIcon,
     },
     info: {
-      background: statusInfoBackground,
-      text: statusInfoText,
-      icon: statusInfoIcon,
+      background: statusInfoComposedBackground,
+      text: statusInfoComposedText,
+      icon: statusInfoComposedIcon,
     },
     neutral: {
-      background: statusNeutralBackground,
-      text: statusNeutralText,
-      icon: statusNeutralIcon,
+      background: statusNeutralComposedBackground,
+      text: statusNeutralComposedText,
+      icon: statusNeutralComposedIcon,
     },
     success: {
-      background: statusSuccessBackground,
-      text: statusSuccessText,
-      icon: statusSuccessIcon,
+      background: statusSuccessComposedBackground,
+      text: statusSuccessComposedText,
+      icon: statusSuccessComposedIcon,
     },
     warning: {
-      background: statusWarningBackground,
-      text: statusWarningText,
-      icon: statusWarningIcon,
+      background: statusWarningComposedBackground,
+      text: statusWarningComposedText,
+      icon: statusWarningComposedIcon,
     },
   }
 }

package/src/components/display/video_attachment_preview.tsx

@@ -93,7 +93,7 @@ const useStyles = ({ error }: Partial<VideoAttachmentPreviewProps>) => {
       alignItems: 'center',
       gap: 8,
       backgroundColor: colors.fillColorNeutral070,
-      borderColor: error ? colors.borderColorStatusError : colors.borderColorDefaultBase,
+      borderColor: error ? colors.statusErrorBorder : colors.borderColorDefaultBase,
       borderWidth: error ? 2 : 1,
       borderRadius,
       padding: 4,
@@ -136,7 +136,7 @@ const useStyles = ({ error }: Partial<VideoAttachmentPreviewProps>) => {
       alignSelf: 'flex-start',
     },
     errorBadge: {
-      backgroundColor: colors.borderColorStatusError,
+      backgroundColor: colors.statusErrorBorder,
       position: 'absolute',
       bottom: 0,
       right: 0,

package/src/screens/bug_report_screen.tsx

@@ -254,9 +254,6 @@ const useStyles = () => {
     fullHeight: {
       flex: 1,
     },
-    centeredText: {
-      textAlign: 'center',
-    },
     description: {
       color: colors.textColorDefaultSecondary,
     },
@@ -295,28 +292,6 @@ const useStyles = () => {
     attachButton: {
       alignSelf: 'flex-start',
     },
-    videoPreviewContainer: {
-      flexDirection: 'row',
-      justifyContent: 'space-between',
-      alignItems: 'center',
-      gap: 16,
-    },
-    videoPreviewTextContainer: {
-      flexDirection: 'row',
-      gap: 4,
-      alignItems: 'center',
-      flexShrink: 1,
-    },
-    videoPreviewText: {
-      flexShrink: 1,
-      color: colors.textColorDefaultSecondary,
-    },
-    videoPreviewFileIcon: {
-      color: colors.iconColorDefaultSecondary,
-    },
-    videoPreviewRemoveButtonIcon: {
-      color: colors.statusErrorIcon,
-    },
     footer: { gap: 8 },
     successIcon: {
       color: colors.statusSuccessIcon,

package/src/screens/conversation_details_screen.tsx

@@ -596,7 +596,7 @@ const useStyles = ({ isStart, isEnd }: { isStart?: boolean; isEnd?: boolean } =
     inputValidationContainer: {
       paddingTop: 8,
       borderTopWidth: 1,
-      borderColor: colors.borderColorStatusError,
+      borderColor: colors.statusErrorBorder,
     },
     inputValidationText: {
       color: colors.statusErrorText,

package/src/utils/theme.ts

@@ -58,22 +58,37 @@ interface ChatColors {
   iOSModalHeaderButtonTextColor: OpaqueColorValue | string | undefined
   androidSwitchThumbColor: string | undefined
   testColor: string
-  statusInfoIcon: string
-  statusInfoText: string
-  statusInfoBackground: string
   statusSuccessIcon: string
   statusSuccessText: string
-  statusSuccessBackground: string
+  statusSuccessBorder: string
+  statusSuccessFill: string
+  statusInfoIcon: string
+  statusInfoText: string
+  statusInfoBorder: string
+  statusInfoFill: string
   statusWarningIcon: string
   statusWarningText: string
-  statusWarningBackground: string
+  statusWarningBorder: string
+  statusWarningFill: string
   statusErrorIcon: string
   statusErrorText: string
-  statusErrorBackground: string
-  statusNeutralIcon: string
-  statusNeutralText: string
-  statusNeutralBackground: string
-  borderColorStatusError: string
+  statusErrorBorder: string
+  statusErrorFill: string
+  statusSuccessComposedIcon: string
+  statusSuccessComposedText: string
+  statusSuccessComposedBackground: string
+  statusInfoComposedIcon: string
+  statusInfoComposedText: string
+  statusInfoComposedBackground: string
+  statusWarningComposedIcon: string
+  statusWarningComposedText: string
+  statusWarningComposedBackground: string
+  statusErrorComposedIcon: string
+  statusErrorComposedText: string
+  statusErrorComposedBackground: string
+  statusNeutralComposedIcon: string
+  statusNeutralComposedText: string
+  statusNeutralComposedBackground: string
 }
 
 const colorsChatLight: ChatColors = {
@@ -87,20 +102,35 @@ const colorsChatLight: ChatColors = {
   testColor: 'hotpink',
   statusInfoIcon: tokens.iconColorStatusInfoPrimary,
   statusInfoText: tokens.textColorStatusInfo,
-  statusInfoBackground: tokens.fillColorStatusInfoGhost,
+  statusInfoBorder: tokens.borderColorStatusInfo,
+  statusInfoFill: tokens.fillColorStatusInfoSolid,
   statusSuccessIcon: tokens.iconColorStatusSuccessPrimary,
   statusSuccessText: tokens.textColorStatusSuccess,
-  statusSuccessBackground: tokens.fillColorStatusSuccessGhost,
+  statusSuccessBorder: tokens.borderColorStatusSuccess,
+  statusSuccessFill: tokens.fillColorStatusSuccessSolid,
   statusWarningIcon: tokens.iconColorStatusWarningPrimary,
   statusWarningText: tokens.textColorStatusWarning,
-  statusWarningBackground: tokens.fillColorStatusWarningGhost,
+  statusWarningBorder: tokens.borderColorStatusWarning,
+  statusWarningFill: tokens.fillColorStatusWarningSolid,
   statusErrorIcon: tokens.iconColorStatusErrorPrimary,
   statusErrorText: tokens.textColorStatusError,
-  statusErrorBackground: tokens.fillColorStatusErrorGhost,
-  statusNeutralIcon: tokens.iconColorStatusNeutralPrimary,
-  statusNeutralText: tokens.textColorStatusNeutral,
-  statusNeutralBackground: tokens.fillColorStatusNeutralGhost,
-  borderColorStatusError: tokens.borderColorStatusError,
+  statusErrorBorder: tokens.borderColorStatusError,
+  statusErrorFill: tokens.fillColorStatusErrorSolid,
+  statusInfoComposedIcon: tokens.iconColorStatusInfoPrimary,
+  statusInfoComposedText: tokens.textColorStatusInfo,
+  statusInfoComposedBackground: tokens.fillColorStatusInfoGhost,
+  statusSuccessComposedIcon: tokens.iconColorStatusSuccessPrimary,
+  statusSuccessComposedText: tokens.textColorStatusSuccess,
+  statusSuccessComposedBackground: tokens.fillColorStatusSuccessGhost,
+  statusWarningComposedIcon: tokens.iconColorStatusWarningPrimary,
+  statusWarningComposedText: tokens.textColorStatusWarning,
+  statusWarningComposedBackground: tokens.fillColorStatusWarningGhost,
+  statusErrorComposedIcon: tokens.iconColorStatusErrorPrimary,
+  statusErrorComposedText: tokens.textColorStatusError,
+  statusErrorComposedBackground: tokens.fillColorStatusErrorGhost,
+  statusNeutralComposedIcon: tokens.iconColorStatusNeutralPrimary,
+  statusNeutralComposedText: tokens.textColorStatusNeutral,
+  statusNeutralComposedBackground: tokens.fillColorStatusNeutralGhost,
 }
 
 const colorsChatDark: ChatColors = {
@@ -114,20 +144,37 @@ const colorsChatDark: ChatColors = {
   testColor: 'pink',
   statusInfoIcon: tokens.iconColorStatusInfoPrimaryDark,
   statusInfoText: tokens.textColorStatusInfoDark,
-  statusInfoBackground: tokens.fillColorStatusInfoGhostDark,
+  statusInfoBorder: tokens.borderColorStatusInfoDark,
+  statusInfoFill: tokens.fillColorStatusInfoSolidDark,
   statusSuccessIcon: tokens.iconColorStatusSuccessPrimaryDark,
   statusSuccessText: tokens.textColorStatusSuccessDark,
-  statusSuccessBackground: tokens.fillColorStatusSuccessGhostDark,
+  statusSuccessBorder: tokens.borderColorStatusSuccessDark,
+  statusSuccessFill: tokens.fillColorStatusSuccessSolidDark,
   statusWarningIcon: tokens.iconColorStatusWarningPrimaryDark,
   statusWarningText: tokens.textColorStatusWarningDark,
-  statusWarningBackground: tokens.fillColorStatusWarningGhostDark,
+  statusWarningBorder: tokens.borderColorStatusWarningDark,
+  statusWarningFill: tokens.fillColorStatusWarningSolidDark,
   statusErrorIcon: tokens.iconColorStatusErrorPrimaryDark,
   statusErrorText: tokens.textColorStatusErrorDark,
-  statusErrorBackground: tokens.fillColorStatusErrorGhostDark,
-  statusNeutralIcon: tokens.iconColorStatusNeutralPrimaryDark,
-  statusNeutralText: tokens.textColorStatusNeutralDark,
-  statusNeutralBackground: tokens.fillColorStatusNeutralGhostDark,
-  borderColorStatusError: tokens.borderColorStatusErrorDark,
+  statusErrorBorder: tokens.borderColorStatusErrorDark,
+  statusErrorFill: tokens.fillColorStatusErrorSolidDark,
+
+  // Note: CCA inverts composed status colors in dark mode
+  statusInfoComposedIcon: tokens.iconColorStatusInfoPrimaryDark,
+  statusInfoComposedText: tokens.textColorStatusInfoDark,
+  statusInfoComposedBackground: tokens.fillColorStatusInfoGhostDark,
+  statusSuccessComposedIcon: tokens.iconColorStatusSuccessPrimaryDark,
+  statusSuccessComposedText: tokens.textColorStatusSuccessDark,
+  statusSuccessComposedBackground: tokens.fillColorStatusSuccessGhostDark,
+  statusWarningComposedIcon: tokens.iconColorStatusWarningPrimaryDark,
+  statusWarningComposedText: tokens.textColorStatusWarningDark,
+  statusWarningComposedBackground: tokens.fillColorStatusWarningGhostDark,
+  statusErrorComposedIcon: tokens.iconColorStatusErrorPrimaryDark,
+  statusErrorComposedText: tokens.textColorStatusErrorDark,
+  statusErrorComposedBackground: tokens.fillColorStatusErrorGhostDark,
+  statusNeutralComposedIcon: tokens.iconColorStatusNeutralPrimaryDark,
+  statusNeutralComposedText: tokens.textColorStatusNeutralDark,
+  statusNeutralComposedBackground: tokens.fillColorStatusNeutralGhostDark,
 }
 
 const chatThemeColorMap = {

package/src/vendor/tapestry/tokens.ts

@@ -20,6 +20,12 @@ const colorPrimitives = {
   colorNeutral95: 'hsl(0, 0%, 95%)',
   colorNeutral97: 'hsl(0, 0%, 97%)',
   colorNeutral98: 'hsl(0, 0%, 98%)',
+  borderColorStatusInfo: 'hsl(204, 100%, 40%)',
+  borderColorStatusInfoDark: 'hsl(204, 78%, 38%)',
+  borderColorStatusSuccess: 'hsl(96, 57%, 33%)',
+  borderColorStatusSuccessDark: 'hsl(96, 57%, 41%)',
+  borderColorStatusWarning: 'hsl(42, 84%, 49%)',
+  borderColorStatusWarningDark: 'hsl(42, 84%, 49%)',
   borderColorStatusError: 'hsl(8, 60%, 47%)',
   borderColorStatusErrorDark: 'hsl(8, 60%, 55%)',
   colorNeutral100White: 'hsl(0, 0%, 100%)',
@@ -32,24 +38,32 @@ const colorPrimitives = {
   textColorStatusNeutralDark: 'hsl(0, 0%, 80%)',
   iconColorStatusNeutralPrimary: 'hsl(0, 0%, 45%)',
   iconColorStatusNeutralPrimaryDark: 'hsl(0, 0%, 54%)',
+  fillColorStatusErrorSolid: 'hsl(8, 60%, 47%)',
+  fillColorStatusErrorSolidDark: 'hsl(8, 60%, 55%)',
   fillColorStatusErrorGhost: 'hsl(9, 59%, 93%)',
   fillColorStatusErrorGhostDark: 'hsl(8, 20%, 16%)',
   textColorStatusError: 'hsl(8, 60%, 45%)',
   textColorStatusErrorDark: 'hsl(8, 61%, 61%)',
   iconColorStatusErrorPrimary: 'hsl(8, 60%, 47%)',
   iconColorStatusErrorPrimaryDark: 'hsl(8, 60%, 55%)',
+  fillColorStatusWarningSolid: 'hsl(42, 84%, 49%)',
+  fillColorStatusWarningSolidDark: 'hsl(42, 84%, 49%)',
   fillColorStatusWarningGhost: 'hsl(42, 87%, 94%)',
   fillColorStatusWarningGhostDark: 'hsl(41, 18%, 17%)',
   textColorStatusWarning: 'hsl(42, 100%, 29%)',
   textColorStatusWarningDark: 'hsl(42, 84%, 55%)',
   iconColorStatusWarningPrimary: 'hsl(42, 84%, 49%)',
   iconColorStatusWarningPrimaryDark: 'hsl(42, 84%, 49%)',
+  fillColorStatusSuccessSolid: 'hsl(96, 57%, 33%)',
+  fillColorStatusSuccessSolidDark: 'hsl(96, 57%, 41%)',
   fillColorStatusSuccessGhost: 'hsl(97, 57%, 90%)',
   fillColorStatusSuccessGhostDark: 'hsl(125, 17%, 15%)',
   textColorStatusSuccess: 'hsl(97, 57%, 28%)',
   textColorStatusSuccessDark: 'hsl(97, 57%, 41%)',
   iconColorStatusSuccessPrimary: 'hsl(96, 57%, 33%)',
   iconColorStatusSuccessPrimaryDark: 'hsl(96, 57%, 41%)',
+  fillColorStatusInfoSolid: 'hsl(204, 100%, 40%)',
+  fillColorStatusInfoSolidDark: 'hsl(204, 78%, 38%)',
   fillColorStatusInfoGhost: 'hsl(203, 94%, 94%)',
   fillColorStatusInfoGhostDark: 'hsl(204, 32%, 15%)',
   textColorStatusInfo: 'hsl(204, 100%, 35%)',