@planningcenter/chat-react-native 1.4.2-rc.1 → 1.4.2

package/src/vendor/tapestry/{tapestry_alias_tokens_color_map.ts → alias_tokens_color_map.ts}

@@ -32,7 +32,7 @@ const neutralsLight: NeutralColors = {
   fillColorNeutral080: tokens.colorNeutral97,
   fillColorNeutral090: tokens.colorNeutral98,
   fillColorNeutral100Inverted: tokens.colorNeutral100White,
-}
+} as const
 
 const neutralsDark: NeutralColors = {
   name: 'dark',
@@ -47,7 +47,7 @@ const neutralsDark: NeutralColors = {
   fillColorNeutral080: tokens.colorNeutral15,
   fillColorNeutral090: tokens.colorNeutral12,
   fillColorNeutral100Inverted: tokens.colorNeutral7,
-}
+} as const
 
 interface SemanticAliasesColors {
   name: string
@@ -62,6 +62,7 @@ interface SemanticAliasesColors {
   textColorDefaultDisabled: string
   textColorDefaultPlaceholder: string
   textColorDefaultInverted: string
+  fillColorInteractionOnlineDefault: string
 }
 
 const semanticAliasesLight: SemanticAliasesColors = {
@@ -77,7 +78,8 @@ const semanticAliasesLight: SemanticAliasesColors = {
   textColorDefaultDisabled: neutralsLight.fillColorNeutral040,
   textColorDefaultPlaceholder: neutralsLight.fillColorNeutral030,
   textColorDefaultInverted: tokens.colorNeutral100White,
-}
+  fillColorInteractionOnlineDefault: tokens.colorInteractionOnlineDefault,
+} as const
 
 const semanticAliasesDark: SemanticAliasesColors = {
   name: 'dark',
@@ -92,9 +94,10 @@ const semanticAliasesDark: SemanticAliasesColors = {
   textColorDefaultDisabled: neutralsDark.fillColorNeutral040,
   textColorDefaultPlaceholder: neutralsDark.fillColorNeutral030,
   textColorDefaultInverted: tokens.colorNeutral7,
+  fillColorInteractionOnlineDefault: tokens.colorInteractionOnlineDefault,
 }
 
-export const tapestryAliasTokensColorMap = {
+export const aliasTokensColorMap = {
   light: { ...neutralsLight, ...semanticAliasesLight },
   dark: { ...neutralsDark, ...semanticAliasesDark },
-}
+} as const

package/src/vendor/tapestry/tokens.ts

@@ -2,28 +2,7 @@
 // Defining these tokens locally is a temporary solution until the package supports mobile.
 // Tokens Reference: https://planningcenter.github.io/tapestry/?path=/docs/foundations-design-tokens--docs
 
-interface ColorPrimitves {
-  colorNeutral7: string
-  colorNeutral12: string
-  colorNeutral15: string
-  colorNeutral17: string
-  colorNeutral19: string
-  colorNeutral24: string
-  colorNeutral32: string
-  colorNeutral45: string
-  colorNeutral50: string
-  colorNeutral58: string
-  colorNeutral68: string
-  colorNeutral81: string
-  colorNeutral88: string
-  colorNeutral93: string
-  colorNeutral95: string
-  colorNeutral97: string
-  colorNeutral98: string
-  colorNeutral100White: string
-}
-
-const colorPrimitives: ColorPrimitves = {
+const colorPrimitives = {
   colorNeutral7: 'hsl(0, 0%, 7%)',
   colorNeutral12: 'hsl(0, 0%, 12%)',
   colorNeutral15: 'hsl(0, 0%, 15%)',
@@ -42,28 +21,9 @@ const colorPrimitives: ColorPrimitves = {
   colorNeutral97: 'hsl(0, 0%, 97%)',
   colorNeutral98: 'hsl(0, 0%, 98%)',
   colorNeutral100White: 'hsl(0, 0%, 100%)',
-}
-
-interface NumericPrimitives {
-  spacingFourth: number
-  spacingHalf: number
-  spacing1: number
-  spacing2: number
-  spacing3: number
-  spacing4: number
-  spacing5: number
-  spacing6: number
-  spacing7: number
-  borderRadiusSm: number
-  borderRadiusMd: number
-  borderRadiusLg: number
-  borderRadiusXl: number
-  borderRadiusRound: number
-  borderSizeDefault: number
-  borderSizeThick: number
-}
+} as const
 
-const numericPrimtives: NumericPrimitives = {
+const numericPrimtives = {
   spacingFourth: 2,
   spacingHalf: 4,
   spacing1: 8,
@@ -80,18 +40,33 @@ const numericPrimtives: NumericPrimitives = {
   borderRadiusRound: 56,
   borderSizeDefault: 1,
   borderSizeThick: 2,
-}
-
-interface NumericAliases {
-  borderRadiusDefault: number
-}
+  fontWeightNormal: '400',
+  fontWeightMedium: '500',
+  fontWeightSemiBold: '600',
+  fontWeightBold: '700',
+  fontSize4xl: 32,
+  fontSize3xl: 28,
+  fontSize2xl: 24,
+  fontSizeXl: 20,
+  fontSizeLg: 18,
+  fontSizeMd: 16,
+  fontSizeSm: 14,
+  fontSizeXs: 12,
+  fontSize2xs: 10,
+} as const
 
-const numericAliases: NumericAliases = {
+const numericAliases = {
   borderRadiusDefault: numericPrimtives.borderRadiusMd,
-}
+} as const
+
+// These tokens are specfic to Chat will not be replaced by the Tapestry library
+const localChatTokens = {
+  colorInteractionOnlineDefault: 'hsl(123, 38%, 57%)',
+} as const
 
 export const tokens = {
   ...colorPrimitives,
   ...numericPrimtives,
   ...numericAliases,
+  ...localChatTokens,
 }

package/build/vendor/tapestry/tapestry_alias_tokens_color_map.d.ts

@@ -1,53 +0,0 @@
-export declare const tapestryAliasTokensColorMap: {
-    light: {
-        name: string;
-        iconColorDefaultPrimary: string;
-        iconColorDefaultSecondary: string;
-        iconColorDefaultDim: string;
-        iconColorDefaultDisabled: string;
-        iconColorDefaultInverted: string;
-        textColorDefaultHeadline: string;
-        textColorDefaultPrimary: string;
-        textColorDefaultSecondary: string;
-        textColorDefaultDisabled: string;
-        textColorDefaultPlaceholder: string;
-        textColorDefaultInverted: string;
-        fillColorNeutral000: string;
-        fillColorNeutral010: string;
-        fillColorNeutral020: string;
-        fillColorNeutral030: string;
-        fillColorNeutral040: string;
-        fillColorNeutral050Base: string;
-        fillColorNeutral060: string;
-        fillColorNeutral070: string;
-        fillColorNeutral080: string;
-        fillColorNeutral090: string;
-        fillColorNeutral100Inverted: string;
-    };
-    dark: {
-        name: string;
-        iconColorDefaultPrimary: string;
-        iconColorDefaultSecondary: string;
-        iconColorDefaultDim: string;
-        iconColorDefaultDisabled: string;
-        iconColorDefaultInverted: string;
-        textColorDefaultHeadline: string;
-        textColorDefaultPrimary: string;
-        textColorDefaultSecondary: string;
-        textColorDefaultDisabled: string;
-        textColorDefaultPlaceholder: string;
-        textColorDefaultInverted: string;
-        fillColorNeutral000: string;
-        fillColorNeutral010: string;
-        fillColorNeutral020: string;
-        fillColorNeutral030: string;
-        fillColorNeutral040: string;
-        fillColorNeutral050Base: string;
-        fillColorNeutral060: string;
-        fillColorNeutral070: string;
-        fillColorNeutral080: string;
-        fillColorNeutral090: string;
-        fillColorNeutral100Inverted: string;
-    };
-};
-//# sourceMappingURL=tapestry_alias_tokens_color_map.d.ts.map

package/build/vendor/tapestry/tapestry_alias_tokens_color_map.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tapestry_alias_tokens_color_map.d.ts","sourceRoot":"","sources":["../../../src/vendor/tapestry/tapestry_alias_tokens_color_map.ts"],"names":[],"mappings":"AAgGA,eAAO,MAAM,2BAA2B;;cA5ChC,MAAM;iCACa,MAAM;mCACJ,MAAM;6BACZ,MAAM;kCACD,MAAM;kCACN,MAAM;kCACN,MAAM;iCACP,MAAM;mCACJ,MAAM;kCACP,MAAM;qCACH,MAAM;kCACT,MAAM;6BAvDX,MAAM;6BACN,MAAM;6BACN,MAAM;6BACN,MAAM;6BACN,MAAM;iCACF,MAAM;6BACV,MAAM;6BACN,MAAM;6BACN,MAAM;6BACN,MAAM;qCACE,MAAM;;;cAkC7B,MAAM;iCACa,MAAM;mCACJ,MAAM;6BACZ,MAAM;kCACD,MAAM;kCACN,MAAM;kCACN,MAAM;iCACP,MAAM;mCACJ,MAAM;kCACP,MAAM;qCACH,MAAM;kCACT,MAAM;6BAvDX,MAAM;6BACN,MAAM;6BACN,MAAM;6BACN,MAAM;6BACN,MAAM;iCACF,MAAM;6BACV,MAAM;6BACN,MAAM;6BACN,MAAM;6BACN,MAAM;qCACE,MAAM;;CAiFpC,CAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"tapestry_alias_tokens_color_map.js","sourceRoot":"","sources":["../../../src/vendor/tapestry/tapestry_alias_tokens_color_map.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAqBjC,MAAM,aAAa,GAAkB;IACnC,IAAI,EAAE,OAAO;IACb,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,uBAAuB,EAAE,MAAM,CAAC,cAAc;IAC9C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,2BAA2B,EAAE,MAAM,CAAC,oBAAoB;CACzD,CAAA;AAED,MAAM,YAAY,GAAkB;IAClC,IAAI,EAAE,MAAM;IACZ,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,uBAAuB,EAAE,MAAM,CAAC,cAAc;IAC9C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,2BAA2B,EAAE,MAAM,CAAC,aAAa;CAClD,CAAA;AAiBD,MAAM,oBAAoB,GAA0B;IAClD,IAAI,EAAE,OAAO;IACb,uBAAuB,EAAE,aAAa,CAAC,mBAAmB;IAC1D,yBAAyB,EAAE,aAAa,CAAC,mBAAmB;IAC5D,mBAAmB,EAAE,aAAa,CAAC,mBAAmB;IACtD,wBAAwB,EAAE,aAAa,CAAC,mBAAmB;IAC3D,wBAAwB,EAAE,aAAa,CAAC,2BAA2B;IACnE,wBAAwB,EAAE,aAAa,CAAC,mBAAmB;IAC3D,uBAAuB,EAAE,aAAa,CAAC,mBAAmB;IAC1D,yBAAyB,EAAE,aAAa,CAAC,mBAAmB;IAC5D,wBAAwB,EAAE,aAAa,CAAC,mBAAmB;IAC3D,2BAA2B,EAAE,aAAa,CAAC,mBAAmB;IAC9D,wBAAwB,EAAE,MAAM,CAAC,oBAAoB;CACtD,CAAA;AAED,MAAM,mBAAmB,GAA0B;IACjD,IAAI,EAAE,MAAM;IACZ,uBAAuB,EAAE,YAAY,CAAC,mBAAmB;IACzD,yBAAyB,EAAE,YAAY,CAAC,mBAAmB;IAC3D,mBAAmB,EAAE,YAAY,CAAC,mBAAmB;IACrD,wBAAwB,EAAE,YAAY,CAAC,mBAAmB;IAC1D,wBAAwB,EAAE,YAAY,CAAC,2BAA2B;IAClE,wBAAwB,EAAE,YAAY,CAAC,mBAAmB;IAC1D,uBAAuB,EAAE,YAAY,CAAC,mBAAmB;IACzD,yBAAyB,EAAE,YAAY,CAAC,mBAAmB;IAC3D,wBAAwB,EAAE,YAAY,CAAC,mBAAmB;IAC1D,2BAA2B,EAAE,YAAY,CAAC,mBAAmB;IAC7D,wBAAwB,EAAE,MAAM,CAAC,aAAa;CAC/C,CAAA;AAED,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACzC,KAAK,EAAE,EAAE,GAAG,aAAa,EAAE,GAAG,oBAAoB,EAAE;IACpD,IAAI,EAAE,EAAE,GAAG,YAAY,EAAE,GAAG,mBAAmB,EAAE;CAClD,CAAA","sourcesContent":["import { tokens } from './tokens'\n\n// 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\ninterface NeutralColors {\n  name: string\n  fillColorNeutral000: string\n  fillColorNeutral010: string\n  fillColorNeutral020: string\n  fillColorNeutral030: string\n  fillColorNeutral040: string\n  fillColorNeutral050Base: string\n  fillColorNeutral060: string\n  fillColorNeutral070: string\n  fillColorNeutral080: string\n  fillColorNeutral090: string\n  fillColorNeutral100Inverted: string\n}\n\nconst neutralsLight: NeutralColors = {\n  name: 'light',\n  fillColorNeutral000: tokens.colorNeutral12,\n  fillColorNeutral010: tokens.colorNeutral24,\n  fillColorNeutral020: tokens.colorNeutral45,\n  fillColorNeutral030: tokens.colorNeutral58,\n  fillColorNeutral040: tokens.colorNeutral81,\n  fillColorNeutral050Base: tokens.colorNeutral88,\n  fillColorNeutral060: tokens.colorNeutral93,\n  fillColorNeutral070: tokens.colorNeutral95,\n  fillColorNeutral080: tokens.colorNeutral97,\n  fillColorNeutral090: tokens.colorNeutral98,\n  fillColorNeutral100Inverted: tokens.colorNeutral100White,\n}\n\nconst neutralsDark: NeutralColors = {\n  name: 'dark',\n  fillColorNeutral000: tokens.colorNeutral98,\n  fillColorNeutral010: tokens.colorNeutral88,\n  fillColorNeutral020: tokens.colorNeutral68,\n  fillColorNeutral030: tokens.colorNeutral50,\n  fillColorNeutral040: tokens.colorNeutral32,\n  fillColorNeutral050Base: tokens.colorNeutral24,\n  fillColorNeutral060: tokens.colorNeutral19,\n  fillColorNeutral070: tokens.colorNeutral17,\n  fillColorNeutral080: tokens.colorNeutral15,\n  fillColorNeutral090: tokens.colorNeutral12,\n  fillColorNeutral100Inverted: tokens.colorNeutral7,\n}\n\ninterface SemanticAliasesColors {\n  name: string\n  iconColorDefaultPrimary: string\n  iconColorDefaultSecondary: string\n  iconColorDefaultDim: string\n  iconColorDefaultDisabled: string\n  iconColorDefaultInverted: string\n  textColorDefaultHeadline: string\n  textColorDefaultPrimary: string\n  textColorDefaultSecondary: string\n  textColorDefaultDisabled: string\n  textColorDefaultPlaceholder: string\n  textColorDefaultInverted: string\n}\n\nconst semanticAliasesLight: SemanticAliasesColors = {\n  name: 'light',\n  iconColorDefaultPrimary: neutralsLight.fillColorNeutral010,\n  iconColorDefaultSecondary: neutralsLight.fillColorNeutral020,\n  iconColorDefaultDim: neutralsLight.fillColorNeutral030,\n  iconColorDefaultDisabled: neutralsLight.fillColorNeutral040,\n  iconColorDefaultInverted: neutralsLight.fillColorNeutral100Inverted,\n  textColorDefaultHeadline: neutralsLight.fillColorNeutral000,\n  textColorDefaultPrimary: neutralsLight.fillColorNeutral010,\n  textColorDefaultSecondary: neutralsLight.fillColorNeutral020,\n  textColorDefaultDisabled: neutralsLight.fillColorNeutral040,\n  textColorDefaultPlaceholder: neutralsLight.fillColorNeutral030,\n  textColorDefaultInverted: tokens.colorNeutral100White,\n}\n\nconst semanticAliasesDark: SemanticAliasesColors = {\n  name: 'dark',\n  iconColorDefaultPrimary: neutralsDark.fillColorNeutral010,\n  iconColorDefaultSecondary: neutralsDark.fillColorNeutral020,\n  iconColorDefaultDim: neutralsDark.fillColorNeutral030,\n  iconColorDefaultDisabled: neutralsDark.fillColorNeutral040,\n  iconColorDefaultInverted: neutralsDark.fillColorNeutral100Inverted,\n  textColorDefaultHeadline: neutralsDark.fillColorNeutral000,\n  textColorDefaultPrimary: neutralsDark.fillColorNeutral010,\n  textColorDefaultSecondary: neutralsDark.fillColorNeutral020,\n  textColorDefaultDisabled: neutralsDark.fillColorNeutral040,\n  textColorDefaultPlaceholder: neutralsDark.fillColorNeutral030,\n  textColorDefaultInverted: tokens.colorNeutral7,\n}\n\nexport const tapestryAliasTokensColorMap = {\n  light: { ...neutralsLight, ...semanticAliasesLight },\n  dark: { ...neutralsDark, ...semanticAliasesDark },\n}\n"]}