@planningcenter/chat-react-native 1.3.0-rc.4 → 1.3.0-rc.6

package/src/vendor/tapestry/tapestry_alias_tokens_color_map.ts

@@ -0,0 +1,82 @@
+import { tokens } from './tokens'
+
+// Copied from `@planningcenter/tapestry` package.
+// 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 NeutralColors {
+  name: string
+  fillColorNeutral000: string
+  fillColorNeutral010: string
+  fillColorNeutral020: string
+  fillColorNeutral030: string
+  fillColorNeutral040: string
+  fillColorNeutral050Base: string
+  fillColorNeutral060: string
+  fillColorNeutral070: string
+  fillColorNeutral080: string
+  fillColorNeutral090: string
+  fillColorNeutral100Inverted: string
+}
+
+const neutralsLight: NeutralColors = {
+  name: 'light',
+  fillColorNeutral000: tokens.colorNeutral12,
+  fillColorNeutral010: tokens.colorNeutral24,
+  fillColorNeutral020: tokens.colorNeutral45,
+  fillColorNeutral030: tokens.colorNeutral58,
+  fillColorNeutral040: tokens.colorNeutral81,
+  fillColorNeutral050Base: tokens.colorNeutral88,
+  fillColorNeutral060: tokens.colorNeutral93,
+  fillColorNeutral070: tokens.colorNeutral95,
+  fillColorNeutral080: tokens.colorNeutral97,
+  fillColorNeutral090: tokens.colorNeutral98,
+  fillColorNeutral100Inverted: tokens.colorNeutral100White,
+}
+
+const neutralsDark: NeutralColors = {
+  name: 'dark',
+  fillColorNeutral000: tokens.colorNeutral98,
+  fillColorNeutral010: tokens.colorNeutral88,
+  fillColorNeutral020: tokens.colorNeutral68,
+  fillColorNeutral030: tokens.colorNeutral50,
+  fillColorNeutral040: tokens.colorNeutral32,
+  fillColorNeutral050Base: tokens.colorNeutral24,
+  fillColorNeutral060: tokens.colorNeutral19,
+  fillColorNeutral070: tokens.colorNeutral17,
+  fillColorNeutral080: tokens.colorNeutral15,
+  fillColorNeutral090: tokens.colorNeutral12,
+  fillColorNeutral100Inverted: tokens.colorNeutral7,
+}
+
+interface SemanticAliasesColors {
+  name: string
+  iconColorDefaultPrimary: string
+  iconColorDefaultSecondary: string
+  iconColorDefaultDim: string
+  iconColorDefaultDisabled: string
+  iconColorDefaultInverted: string
+}
+
+const semanticAliasesLight: SemanticAliasesColors = {
+  name: 'light',
+  iconColorDefaultPrimary: neutralsLight.fillColorNeutral010,
+  iconColorDefaultSecondary: neutralsLight.fillColorNeutral020,
+  iconColorDefaultDim: neutralsLight.fillColorNeutral030,
+  iconColorDefaultDisabled: neutralsLight.fillColorNeutral040,
+  iconColorDefaultInverted: neutralsLight.fillColorNeutral100Inverted,
+}
+
+const semanticAliasesDark: SemanticAliasesColors = {
+  name: 'dark',
+  iconColorDefaultPrimary: neutralsDark.fillColorNeutral010,
+  iconColorDefaultSecondary: neutralsDark.fillColorNeutral020,
+  iconColorDefaultDim: neutralsDark.fillColorNeutral030,
+  iconColorDefaultDisabled: neutralsDark.fillColorNeutral040,
+  iconColorDefaultInverted: neutralsDark.fillColorNeutral100Inverted,
+}
+
+export const tapestryAliasTokensColorMap = {
+  light: { ...neutralsLight, ...semanticAliasesLight },
+  dark: { ...neutralsDark, ...semanticAliasesDark },
+}

package/src/vendor/tapestry/tokens.ts

@@ -0,0 +1,97 @@
+// Copied from `@planningcenter/tapestry` package.
+// 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 = {
+  colorNeutral7: 'hsl(0, 0%, 7%)',
+  colorNeutral12: 'hsl(0, 0%, 12%)',
+  colorNeutral15: 'hsl(0, 0%, 15%)',
+  colorNeutral17: 'hsl(0, 0%, 17%)',
+  colorNeutral19: 'hsl(0, 0%, 19%)',
+  colorNeutral24: 'hsl(0, 0%, 24%)',
+  colorNeutral32: 'hsl(0, 0%, 32%)',
+  colorNeutral45: 'hsl(0, 0%, 45%)',
+  colorNeutral50: 'hsl(0, 0%, 50%)',
+  colorNeutral58: 'hsl(0, 0%, 58%)',
+  colorNeutral68: 'hsl(0, 0%, 68%)',
+  colorNeutral81: 'hsl(0, 0%, 81%)',
+  colorNeutral88: 'hsl(0, 0%, 88%)',
+  colorNeutral93: 'hsl(0, 0%, 93%)',
+  colorNeutral95: 'hsl(0, 0%, 95%)',
+  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
+}
+
+const numericPrimtives: NumericPrimitives = {
+  spacingFourth: 2,
+  spacingHalf: 4,
+  spacing1: 8,
+  spacing2: 16,
+  spacing3: 24,
+  spacing4: 32,
+  spacing5: 40,
+  spacing6: 48,
+  spacing7: 56,
+  borderRadiusSm: 2,
+  borderRadiusMd: 4,
+  borderRadiusLg: 8,
+  borderRadiusXl: 16,
+  borderRadiusRound: 56,
+  borderSizeDefault: 1,
+  borderSizeThick: 2,
+}
+
+interface NumericAliases {
+  borderRadiusDefault: number
+}
+
+const numericAliases: NumericAliases = {
+  borderRadiusDefault: numericPrimtives.borderRadiusMd,
+}
+
+export const tokens = {
+  ...colorPrimitives,
+  ...numericPrimtives,
+  ...numericAliases,
+}

package/build/context/chat_context.d.ts

@@ -1,9 +0,0 @@
-import { OauthToken } from '../types';
-type ContextValue = {
-    token: OauthToken | null;
-    onTokenExpired: () => void;
-    theme: any;
-};
-export declare const ChatContext: import("react").Context<ContextValue>;
-export {};
-//# sourceMappingURL=chat_context.d.ts.map

package/build/context/chat_context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat_context.d.ts","sourceRoot":"","sources":["../../src/context/chat_context.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,KAAK,EAAE,GAAG,CAAA;CACX,CAAA;AAED,eAAO,MAAM,WAAW,uCAItB,CAAA"}

package/build/context/chat_context.js

@@ -1,7 +0,0 @@
-import { createContext } from 'react';
-export const ChatContext = createContext({
-    theme: null,
-    token: null,
-    onTokenExpired: () => { },
-});
-//# sourceMappingURL=chat_context.js.map

package/build/context/chat_context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat_context.js","sourceRoot":"","sources":["../../src/context/chat_context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AASrC,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAe;IACrD,KAAK,EAAE,IAAI;IACX,KAAK,EAAE,IAAI;IACX,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;CACzB,CAAC,CAAA","sourcesContent":["import { createContext } from 'react'\nimport { OauthToken } from '../types'\n\ntype ContextValue = {\n  token: OauthToken | null\n  onTokenExpired: () => void\n  theme: any\n}\n\nexport const ChatContext = createContext<ContextValue>({\n  theme: null,\n  token: null,\n  onTokenExpired: () => {},\n})\n"]}

package/src/context/chat_context.tsx

@@ -1,14 +0,0 @@
-import { createContext } from 'react'
-import { OauthToken } from '../types'
-
-type ContextValue = {
-  token: OauthToken | null
-  onTokenExpired: () => void
-  theme: any
-}
-
-export const ChatContext = createContext<ContextValue>({
-  theme: null,
-  token: null,
-  onTokenExpired: () => {},
-})