@planningcenter/chat-react-native 1.6.2-rc.1 → 1.6.2-rc.3

package/build/screens/design_system_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"design_system_screen.js","sourceRoot":"","sources":["../../src/screens/design_system_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE7E,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EACL,MAAM,EACN,WAAW,EACX,MAAM,EACN,OAAO,EACP,IAAI,EACJ,UAAU,EACV,KAAK,EACL,OAAO,EACP,IAAI,EACJ,UAAU,EACV,gBAAgB,GACjB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EACL,KAAK,EACL,wBAAwB,EACxB,2BAA2B,EAC3B,wBAAwB,GACzB,MAAM,UAAU,CAAA;AAEjB,MAAM,GAAG,GAAG;IACV,KAAK,EAAE,uCAAuC;IAC9C,MAAM,EAAE,oBAAoB;IAC5B,MAAM,EAAE,kCAAkC;IAC1C,eAAe,EAAE,kEAAkE;IACnF,WAAW,EAAE,CAAC,kCAAkC,EAAE,kCAAkC,CAAC;IACrF,aAAa,EAAE;QACb,kCAAkC;QAClC,kCAAkC;QAClC,kCAAkC;KACnC;IACD,YAAY,EAAE;QACZ,kCAAkC;QAClC,kCAAkC;QAClC,kCAAkC;QAClC,kCAAkC;KACnC;CACF,CAAA;AAED,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAA;AAEvD,MAAM,UAAU,kBAAkB;IAChC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,CACL,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAC5E;MAAA,CAAC,kBAAkB,CAAC,KAAK,CAAC,WAAW,CACnC;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAChC;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,kBAAkB,CACpB;MAAA,CAAC,kBAAkB,CAAC,KAAK,CAAC,OAAO,CAC/B;QAAA,CAAC,KAAK,CACJ,KAAK,CAAC,SAAS,CACf,WAAW,CAAC,iHAAiH,CAE7H;UAAA,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAClC;YAAA,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EACpB;UAAA,EAAE,GAAG,CACP;QAAA,EAAE,KAAK,CACP;QAAA,CAAC,KAAK,CACJ,KAAK,CAAC,OAAO,CACb,WAAW,CAAC,2JAA2J,CAEvK;UAAA,CAAC,GAAG,CACF;YAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,kBAAkB,EAC/E;YAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,kBAAkB,EAC9E;YAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,EAAE,EAChE;UAAA,EAAE,GAAG,CACP;QAAA,EAAE,KAAK,CACP;QAAA,CAAC,KAAK,CACJ,KAAK,CAAC,QAAQ,CACd,WAAW,CAAC,kJAAkJ,CAE9J;UAAA,CAAC,GAAG,CACF;YAAA,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAC9B;YAAA,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,EACjD;YAAA,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAChC;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,GAAG,CACF;YAAA,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EACjD;YAAA,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,EACnE;YAAA,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EACnD;UAAA,EAAE,GAAG,CACP;QAAA,EAAE,KAAK,CACP;QAAA,CAAC,KAAK,CACJ,KAAK,CAAC,aAAa,CACnB,WAAW,CAAC,2GAA2G,CAEvH;UAAA,CAAC,GAAG,CACF;YAAA,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EACtC;YAAA,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,CAAC,EACtE;YAAA,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EACtC;YAAA,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,EACzC;YAAA,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,EAC3C;YAAA,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,EAC5C;UAAA,EAAE,GAAG,CACP;QAAA,EAAE,KAAK,CACP;QAAA,CAAC,KAAK,CACJ,KAAK,CAAC,MAAM,CACZ,WAAW,CAAC,8KAA8K,CAE1L;UAAA,CAAC,GAAG,CACF;YAAA,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAClC;YAAA,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAC1C;YAAA,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,EAClE;YAAA,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EACpD;UAAA,EAAE,GAAG,CACP;QAAA,EAAE,KAAK,CACP;QAAA,CAAC,KAAK,CACJ,KAAK,CAAC,QAAQ,CACd,WAAW,CAAC,oKAAoK,CAEhL;UAAA,CAAC,GAAG,CACF;YAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EACvD;YAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EACvD;YAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAC5E;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,GAAG,CACF;YAAA,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EACjE;YAAA,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EACjE;YAAA,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EACvF;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,GAAG,CACF;YAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,SAAS,CACf,IAAI,CAAC,IAAI,CACT,YAAY,CAAC,cAAc,CAC3B,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAElD;YAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,SAAS,CACf,IAAI,CAAC,IAAI,CACT,aAAa,CAAC,mBAAmB,CACjC,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAElD;YAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,QAAQ,CACd,UAAU,CAAC,QAAQ,CACnB,IAAI,CAAC,IAAI,CACT,YAAY,CAAC,cAAc,CAC3B,aAAa,CAAC,qBAAqB,CACnC,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAEpD;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,GAAG,CACF;YAAA,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAC/D;YAAA,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAC/D;YAAA,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EACpF;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,GAAG,CACF;YAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EACzE;YAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EACzE;YAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,QAAQ,CACd,UAAU,CAAC,QAAQ,CACnB,IAAI,CAAC,IAAI,CACT,OAAO,CAAC,SAAS,EAErB;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,GAAG,CACF;YAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,SAAS,CACf,IAAI,CAAC,IAAI,CACT,OAAO,CAAC,SAAS,CACjB,YAAY,CAAC,cAAc,CAC3B,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAElD;YAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,SAAS,CACf,IAAI,CAAC,IAAI,CACT,OAAO,CAAC,SAAS,CACjB,aAAa,CAAC,mBAAmB,CACjC,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAElD;YAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,QAAQ,CACd,UAAU,CAAC,QAAQ,CACnB,IAAI,CAAC,IAAI,CACT,OAAO,CAAC,SAAS,CACjB,YAAY,CAAC,cAAc,CAC3B,aAAa,CAAC,qBAAqB,CACnC,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAEpD;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,GAAG,CACF;YAAA,CAAC,MAAM,CACL,QAAQ,CACR,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,UAAU,CAChB,IAAI,CAAC,IAAI,CACT,OAAO,CAAC,SAAS,CACjB,YAAY,CAAC,cAAc,CAC3B,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAElD;YAAA,CAAC,MAAM,CACL,QAAQ,CACR,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,UAAU,CAChB,IAAI,CAAC,IAAI,CACT,OAAO,CAAC,SAAS,CACjB,aAAa,CAAC,mBAAmB,CACjC,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAElD;YAAA,CAAC,MAAM,CACL,QAAQ,CACR,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,UAAU,CAChB,UAAU,CAAC,QAAQ,CACnB,IAAI,CAAC,IAAI,CACT,OAAO,CAAC,SAAS,CACjB,YAAY,CAAC,cAAc,CAC3B,aAAa,CAAC,qBAAqB,CACnC,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAEpD;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,GAAG,CACF;YAAA,CAAC,MAAM,CACL,OAAO,CACP,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,SAAS,CACf,IAAI,CAAC,IAAI,CACT,OAAO,CAAC,SAAS,CACjB,YAAY,CAAC,cAAc,CAC3B,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAElD;YAAA,CAAC,MAAM,CACL,OAAO,CACP,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,SAAS,CACf,IAAI,CAAC,IAAI,CACT,OAAO,CAAC,SAAS,CACjB,aAAa,CAAC,mBAAmB,CACjC,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAElD;YAAA,CAAC,MAAM,CACL,OAAO,CACP,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,QAAQ,CACd,UAAU,CAAC,QAAQ,CACnB,IAAI,CAAC,IAAI,CACT,OAAO,CAAC,SAAS,CACjB,YAAY,CAAC,cAAc,CAC3B,aAAa,CAAC,qBAAqB,CACnC,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAEpD;UAAA,EAAE,GAAG,CACP;QAAA,EAAE,KAAK,CACP;QAAA,CAAC,KAAK,CACJ,KAAK,CAAC,YAAY,CAClB,WAAW,CAAC,iNAAiN,CAE7N;UAAA,CAAC,GAAG,CACF;YAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,IAAI,CAAC,IAAI,EAEX;YAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,UAAU,CAAC,QAAQ,CACnB,IAAI,CAAC,IAAI,EAEX;YAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,UAAU,CAAC,aAAa,CACxB,IAAI,CAAC,IAAI,EAEX;YAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,SAAS,CAAC,CAAC,MAAM,CAAC,qBAAqB,CAAC,CACxC,IAAI,CAAC,KAAK,EAEZ;YAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,IAAI,CAAC,MAAM,EAEf;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,GAAG,CACF;YAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,IAAI,CAAC,IAAI,CACT,QAAQ,EAEV;YAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,UAAU,CAAC,QAAQ,CACnB,IAAI,CAAC,IAAI,CACT,QAAQ,EAEV;YAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,UAAU,CAAC,aAAa,CACxB,IAAI,CAAC,IAAI,CACT,QAAQ,EAEV;YAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,SAAS,CAAC,CAAC,MAAM,CAAC,qBAAqB,CAAC,CACxC,IAAI,CAAC,KAAK,CACV,QAAQ,EAEV;YAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,IAAI,CAAC,MAAM,CACX,QAAQ,EAEZ;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,GAAG,CACF;YAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,IAAI,CAAC,IAAI,CACT,OAAO,EAET;YAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,UAAU,CAAC,QAAQ,CACnB,IAAI,CAAC,IAAI,CACT,OAAO,EAET;YAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,UAAU,CAAC,aAAa,CACxB,IAAI,CAAC,IAAI,CACT,OAAO,EAET;YAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,SAAS,CAAC,CAAC,MAAM,CAAC,qBAAqB,CAAC,CACxC,IAAI,CAAC,KAAK,CACV,OAAO,EAET;YAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,IAAI,CAAC,MAAM,CACX,OAAO,EAEX;UAAA,EAAE,GAAG,CACP;QAAA,EAAE,KAAK,CACP;QAAA,CAAC,KAAK,CACJ,KAAK,CAAC,YAAY,CAClB,WAAW,CAAC,4GAA4G,CAExH;UAAA,CAAC,GAAG,CACF;YAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,EAAE,UAAU,CACrD;YAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,WAAW,CACnD;;YACF,EAAE,UAAU,CACZ;YAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,UAAU,CAClD;;YACF,EAAE,UAAU,CACZ;YAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,UAAU,CAClD;;YACF,EAAE,UAAU,CACd;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,GAAG,CACF;YAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,QAAQ,CACnD;;YACF,EAAE,UAAU,CACZ;YAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,QAAQ,CACvE;;YACF,EAAE,UAAU,CACZ;YAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,CACtE;;YACF,EAAE,UAAU,CACZ;YAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,CACtE;;YACF,EAAE,UAAU,CACd;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,GAAG,CACF;YAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,QAAQ,CACxC;;YACF,EAAE,UAAU,CACZ;YAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,QAAQ,CAC5D;;YACF,EAAE,UAAU,CACZ;YAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,CAC3D;;YACF,EAAE,UAAU,CACZ;YAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,CAC3D;;YACF,EAAE,UAAU,CACd;UAAA,EAAE,GAAG,CACP;QAAA,EAAE,KAAK,CACP;QAAA,CAAC,KAAK,CACJ,KAAK,CAAC,kBAAkB,CACxB,WAAW,CAAC,sIAAsI,CAElJ;UAAA,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC9B;YAAA,CAAC,IAAI,CACH;kCAAoB,CAAC,GAAG,CACxB;cAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,mBAAmB,EAAE,gBAAgB,CAAE;yBACpE,CAAC,GAAG,CACf;cAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,QAAQ,CACzD;;cACF,EAAE,gBAAgB,CAAC,CAAC,GAAG,CACvB;yBAAW,CAAC,GAAG,CACf;cAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,QAAQ,CAC9C;;cACF,EAAE,gBAAgB,CAAC,CAAC,GAAG,CACvB;;YACF,EAAE,IAAI,CACN;YAAA,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CACvB;kCAAoB,CAAC,GAAG,CACxB;cAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CACzD;;cACF,EAAE,gBAAgB,CAAC,CAAC,GAAG,CACvB;+BAAiB,CAAC,GAAG,CACrB;cAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,QAAQ,CAC7E;;cACF,EAAE,gBAAgB,CAAC,CAAC,GAAG,CACvB;yBAAW,CAAC,GAAG,CACf;cAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,QAAQ,CAClE;;cACF,EAAE,gBAAgB,CAAC,CAAC,GAAG,CACvB;;YACF,EAAE,IAAI,CACN;YAAA,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CACtB;kCAAoB,CAAC,GAAG,CACxB;cAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CACxD;;cACF,EAAE,gBAAgB,CAAC,CAAC,GAAG,CACvB;+BAAiB,CAAC,GAAG,CACrB;cAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,QAAQ,CAC5E;;cACF,EAAE,gBAAgB,CAAC,CAAC,GAAG,CACvB;yBAAW,CAAC,GAAG,CACf;cAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,QAAQ,CACjE;;cACF,EAAE,gBAAgB,CAAC,CAAC,GAAG,CACvB;;YACF,EAAE,IAAI,CACN;YAAA,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CACtB;kCAAoB,CAAC,GAAG,CACxB;cAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CACxD;;cACF,EAAE,gBAAgB,CAAC,CAAC,GAAG,CACvB;+BAAiB,CAAC,GAAG,CACrB;cAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,QAAQ,CAC5E;;cACF,EAAE,gBAAgB,CAAC,CAAC,GAAG,CACvB;yBAAW,CAAC,GAAG,CACf;cAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,QAAQ,CACjE;;cACF,EAAE,gBAAgB,CAAC,CAAC,GAAG,CACvB;;YACF,EAAE,IAAI,CACR;UAAA,EAAE,GAAG,CACP;QAAA,EAAE,KAAK,CACP;QAAA,CAAC,KAAK,CACJ,KAAK,CAAC,SAAS,CACf,WAAW,CAAC,qHAAqH,CAEjI;UAAA,CAAC,GAAG,CACF;YAAA,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAC3B;YAAA,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CACxC;YAAA,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CACxC;YAAA,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAC1C;UAAA,EAAE,GAAG,CACP;QAAA,EAAE,KAAK,CACP;QAAA,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,wCAAwC,CACtE;UAAA,CAAC,GAAG,CACF;YAAA,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CACtB;YAAA,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,EAAE,IAAI,CACzC;YAAA,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,EAAE,IAAI,CACvC;YAAA,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,EAAE,IAAI,CACzC;UAAA,EAAE,GAAG,CACP;QAAA,EAAE,KAAK,CACT;MAAA,EAAE,kBAAkB,CACpB;MAAA,CAAC,kBAAkB,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CACtC;QAAA,CAAC,SAAS,CACR;UAAA,CAAC,IAAI,CAAC,gDAAgD,EAAE,IAAI,CAC5D;UAAA,CAAC,OAAO,CACN;YAAA,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,OAAO,CAC5C;YAAA,CAAC,IAAI,CACH;;;YAEF,EAAE,IAAI,CACN;YAAA,CAAC,IAAI,CAAC,6BAA6B,EAAE,IAAI,CACzC;YAAA,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CACtB;;YACF,EAAE,YAAY,CACd;YAAA,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CACtB;;YACF,EAAE,YAAY,CAChB;UAAA,EAAE,OAAO,CACT;UAAA,CAAC,OAAO,CACN;YAAA,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,qBAAqB,EAAE,OAAO,CACpD;YAAA,CAAC,IAAI,CACH;;;YAEF,EAAE,IAAI,CACN;YAAA,CAAC,IAAI,CACH;;;YAEF,EAAE,IAAI,CACN;YAAA,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CACtB;;YACF,EAAE,IAAI,CACR;UAAA,EAAE,OAAO,CACT;UAAA,CAAC,OAAO,CACN;YAAA,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,CAC3C;YAAA,CAAC,IAAI,CACH;;;;YAGF,EAAE,IAAI,CACR;UAAA,EAAE,OAAO,CACT;UAAA,CAAC,OAAO,CACN;YAAA,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CACjD;YAAA,CAAC,IAAI,CACH;;;YAEF,EAAE,IAAI,CACN;YAAA,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,kDAAkD,EAAE,IAAI,CACnF;UAAA,EAAE,OAAO,CACX;QAAA,EAAE,SAAS,CACb;MAAA,EAAE,kBAAkB,CACpB;MAAA,CAAC,oEAAoE,CACrE;MAAA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA8CuB,CAC1B;IAAA,EAAE,UAAU,CAAC,CACd,CAAA;AACH,CAAC;AAQD,SAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,GAAG,KAAK,EAA2B;IACtF,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAEhD,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,IAAI,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAC3F;MAAA,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC,CACxC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE,OAAO,IAAI,2BAA2B,CAAC,CAAC,CACvF,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,oBAAoB,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAE5F;QAAA,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,CACzB;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EACrE;MAAA,EAAE,SAAS,CACX;MAAA,CAAC,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CACvE;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAQD,SAAS,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAc;IACzD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACxB;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC/B;QAAA,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,CACtC;QAAA,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,CAC/D;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAOD,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAY;IACxC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAA;AAC5D,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,QAAQ,EAAiC;IAC5D,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAA;AACzD,CAAC;AAOD,SAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAgB;IAChD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAA;AAChE,CAAC;AAOD,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAqB;IAC1D,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,OAAO,CACL,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CACtB;MAAA,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAClD;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,IAAI,CAAC,CAAC,GAAG,CACX;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,UAAU,EAAE;YACV,IAAI,EAAE,CAAC;YACP,eAAe,EAAE,MAAM,CAAC,2BAA2B;SACpD;QACD,SAAS,EAAE;YACT,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;SAClB;QACD,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,mBAAmB,EAAE;QAC/C,OAAO,EAAE;YACP,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;YACb,WAAW,EAAE,MAAM,CAAC,mBAAmB;SACxC;QACD,gBAAgB,EAAE;YAChB,cAAc,EAAE,CAAC;SAClB;QACD,mBAAmB,EAAE;YACnB,iBAAiB,EAAE,CAAC;SACrB;QACD,aAAa,EAAE;YACb,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,eAAe;YAC/B,UAAU,EAAE,QAAQ;YACpB,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC;SAC1B;QACD,eAAe,EAAE;YACf,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC;YACvB,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;SACd;QACD,GAAG,EAAE;YACH,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;YACb,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,QAAQ,EAAE,MAAM;SACjB;QACD,OAAO,EAAE;YACP,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC;SAChB;QACD,SAAS,EAAE;YACT,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC;SAChB;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,wBAAwB;SACrC;QACD,YAAY,EAAE;YACZ,cAAc,EAAE,YAAY;SAC7B;QACD,KAAK,EAAE;YACL,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;SACd;QACD,YAAY,EAAE;YACZ,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;SACd;QACD,gBAAgB,EAAE;YAChB,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC;SACnB;QACD,KAAK,EAAE;YACL,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;SACZ;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,EAAE;YACZ,KAAK,EAAE,MAAM,CAAC,yBAAyB;SACxC;QACD,qBAAqB,EAAE;YACrB,KAAK,EAAE,QAAQ;SAChB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React, { useState } from 'react'\nimport { Alert, Pressable, ScrollView, StyleSheet, View } from 'react-native'\nimport type { ViewStyle } from 'react-native'\nimport { useTheme } from '../hooks'\nimport {\n  Avatar,\n  AvatarGroup,\n  Button,\n  Heading,\n  Icon,\n  IconButton,\n  Image,\n  Spinner,\n  Text,\n  TextButton,\n  TextInlineButton,\n} from '../components/display'\nimport {\n  space,\n  MAX_FONT_SIZE_MULTIPLIER,\n  platformPressedOpacityStyle,\n  platformFontWeightMedium,\n} from '../utils'\n\nconst URL = {\n  image: 'https://picsum.photos/seed/picsum/200',\n  broken: 'https://broken.url',\n  avatar: 'https://i.pravatar.cc/200?img=22',\n  avatar_fallback: 'https://avatars.planningcenteronline.com/uploads/initials/PR.png',\n  two_avatars: ['https://i.pravatar.cc/200?img=22', 'https://i.pravatar.cc/200?img=23'],\n  three_avatars: [\n    'https://i.pravatar.cc/200?img=22',\n    'https://i.pravatar.cc/200?img=23',\n    'https://i.pravatar.cc/200?img=24',\n  ],\n  four_avatars: [\n    'https://i.pravatar.cc/200?img=30',\n    'https://i.pravatar.cc/200?img=29',\n    'https://i.pravatar.cc/200?img=28',\n    'https://i.pravatar.cc/200?img=27',\n  ],\n}\n\nconst buttonPress = () => Alert.alert('Button clicked')\n\nexport function DesignSystemScreen() {\n  const styles = useStyles()\n  const { colors } = useTheme()\n\n  return (\n    <ScrollView contentContainerStyle={styles.container} style={styles.scrollView}>\n      <CollapsableSection title=\"Molecules\">\n        <Row>\n          <Text>🚧 Coming soon! 🚧</Text>\n        </Row>\n      </CollapsableSection>\n      <CollapsableSection title=\"Atoms\">\n        <Group\n          title=\"Spinner\"\n          description=\"Loading indicators that can be used within or close to atomic components. Not intended for full-screen loading.\"\n        >\n          <Row style={styles.spinnerContainer}>\n            <Spinner size={24} />\n          </Row>\n        </Group>\n        <Group\n          title=\"Image\"\n          description=\"Foundational way of displaying images. Loading or broken images will fallback to show a spinner. Hide decortive images from screen readers with `alt=''`.\"\n        >\n          <Row>\n            <Image source={{ uri: URL.broken }} style={styles.image} alt=\"Mountain sunrise\" />\n            <Image source={{ uri: URL.image }} style={styles.image} alt=\"Mountain sunrise\" />\n            <Image source={{ uri: URL.image }} style={styles.image} alt=\"\" />\n          </Row>\n        </Group>\n        <Group\n          title=\"Avatar\"\n          description='Displays the profile image for a user in different sizes and has a loading fallback. Can optionally show an online/offline \"presence\" indicator.'\n        >\n          <Row>\n            <Avatar sourceUri={URL.broken} />\n            <Avatar size=\"md\" sourceUri={URL.avatar_fallback} />\n            <Avatar sourceUri={URL.avatar} />\n          </Row>\n          <Row>\n            <Avatar presence=\"offline\" sourceUri={URL.broken} />\n            <Avatar presence=\"online\" size=\"md\" sourceUri={URL.avatar_fallback} />\n            <Avatar presence=\"offline\" sourceUri={URL.avatar} />\n          </Row>\n        </Group>\n        <Group\n          title=\"AvatarGroup\"\n          description=\"Shows 1-4 images in a grid at different sizes. Loading fallback shows until all images successfully load.\"\n        >\n          <Row>\n            <AvatarGroup sourceUris={[URL.broken]} />\n            <AvatarGroup sourceUris={[URL.broken, URL.broken, ...URL.two_avatars]} />\n            <AvatarGroup sourceUris={[URL.avatar]} />\n            <AvatarGroup sourceUris={URL.two_avatars} />\n            <AvatarGroup sourceUris={URL.three_avatars} />\n            <AvatarGroup sourceUris={URL.four_avatars} />\n          </Row>\n        </Group>\n        <Group\n          title=\"Icon\"\n          description=\"Displays any icon from @planningcenter/icons. Missing icons will fallback to a grey circle. Styling with `fontSize` will allow it to scale with the device's text a11y size.\"\n        >\n          <Row>\n            <Icon name=\"missingIcon\" size={20} />\n            <Icon name=\"general.textMessage\" size={20} />\n            <Icon name=\"general.bell\" size={20} color={colors.needsDesignPass} />\n            <Icon name=\"churchCenter.sort\" style={styles.icon} />\n          </Row>\n        </Group>\n        <Group\n          title=\"Button\"\n          description=\"Feature fill and outline variants for primary and danger usecases, along with disabled & loading states. Optionally shows icons to the left and right of the text.\"\n        >\n          <Row>\n            <Button onPress={buttonPress} title=\"Default\" size=\"sm\" />\n            <Button onPress={buttonPress} title=\"Default\" size=\"md\" />\n            <Button onPress={buttonPress} title=\"Danger\" appearance=\"danger\" size=\"lg\" />\n          </Row>\n          <Row>\n            <Button disabled onPress={buttonPress} title=\"Disabled\" size=\"sm\" />\n            <Button disabled onPress={buttonPress} title=\"Disabled\" size=\"md\" />\n            <Button disabled onPress={buttonPress} title=\"Disabled\" appearance=\"danger\" size=\"lg\" />\n          </Row>\n          <Row>\n            <Button\n              onPress={buttonPress}\n              title=\"Default\"\n              size=\"sm\"\n              iconNameLeft=\"general.plus\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n            />\n            <Button\n              onPress={buttonPress}\n              title=\"Default\"\n              size=\"md\"\n              iconNameRight=\"churchCenter.sort\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n            />\n            <Button\n              onPress={buttonPress}\n              title=\"Danger\"\n              appearance=\"danger\"\n              size=\"lg\"\n              iconNameLeft=\"groups.cards\"\n              iconNameRight=\"general.downChevron\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n            />\n          </Row>\n          <Row>\n            <Button loading onPress={buttonPress} title=\"Default\" size=\"sm\" />\n            <Button loading onPress={buttonPress} title=\"Default\" size=\"md\" />\n            <Button loading onPress={buttonPress} title=\"Danger\" appearance=\"danger\" size=\"lg\" />\n          </Row>\n          <Row>\n            <Button onPress={buttonPress} title=\"Default\" size=\"sm\" variant=\"outline\" />\n            <Button onPress={buttonPress} title=\"Default\" size=\"md\" variant=\"outline\" />\n            <Button\n              onPress={buttonPress}\n              title=\"Danger\"\n              appearance=\"danger\"\n              size=\"lg\"\n              variant=\"outline\"\n            />\n          </Row>\n          <Row>\n            <Button\n              onPress={buttonPress}\n              title=\"Default\"\n              size=\"sm\"\n              variant=\"outline\"\n              iconNameLeft=\"general.plus\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n            />\n            <Button\n              onPress={buttonPress}\n              title=\"Default\"\n              size=\"md\"\n              variant=\"outline\"\n              iconNameRight=\"churchCenter.sort\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n            />\n            <Button\n              onPress={buttonPress}\n              title=\"Danger\"\n              appearance=\"danger\"\n              size=\"lg\"\n              variant=\"outline\"\n              iconNameLeft=\"groups.cards\"\n              iconNameRight=\"general.downChevron\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n            />\n          </Row>\n          <Row>\n            <Button\n              disabled\n              onPress={buttonPress}\n              title=\"Disabled\"\n              size=\"sm\"\n              variant=\"outline\"\n              iconNameLeft=\"general.plus\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n            />\n            <Button\n              disabled\n              onPress={buttonPress}\n              title=\"Disabled\"\n              size=\"md\"\n              variant=\"outline\"\n              iconNameRight=\"churchCenter.sort\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n            />\n            <Button\n              disabled\n              onPress={buttonPress}\n              title=\"Disabled\"\n              appearance=\"danger\"\n              size=\"lg\"\n              variant=\"outline\"\n              iconNameLeft=\"groups.cards\"\n              iconNameRight=\"general.downChevron\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n            />\n          </Row>\n          <Row>\n            <Button\n              loading\n              onPress={buttonPress}\n              title=\"Default\"\n              size=\"sm\"\n              variant=\"outline\"\n              iconNameLeft=\"general.plus\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n            />\n            <Button\n              loading\n              onPress={buttonPress}\n              title=\"Default\"\n              size=\"md\"\n              variant=\"outline\"\n              iconNameRight=\"churchCenter.sort\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n            />\n            <Button\n              loading\n              onPress={buttonPress}\n              title=\"Danger\"\n              appearance=\"danger\"\n              size=\"lg\"\n              variant=\"outline\"\n              iconNameLeft=\"groups.cards\"\n              iconNameRight=\"general.downChevron\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n            />\n          </Row>\n        </Group>\n        <Group\n          title=\"IconButton\"\n          description=\"Supports different appearances, sizes, along with loading & disabled states. Use `iconStyle` for custom colors and font sizes. Requires `accessibilityLabel` as icon's don't provide context to screen readers.\"\n        >\n          <Row>\n            <IconButton\n              onPress={buttonPress}\n              name=\"general.paperclip\"\n              accessibilityLabel=\"Add attachment\"\n              accessibilityHint=\"Opens your device's image gallary\"\n              size=\"md\"\n            />\n            <IconButton\n              onPress={buttonPress}\n              name=\"general.paperclip\"\n              accessibilityLabel=\"Add attachment\"\n              accessibilityHint=\"Opens your device's image gallary\"\n              appearance=\"danger\"\n              size=\"lg\"\n            />\n            <IconButton\n              onPress={buttonPress}\n              name=\"general.paperclip\"\n              accessibilityLabel=\"Add attachment\"\n              accessibilityHint=\"Opens your device's image gallary\"\n              appearance=\"interaction\"\n              size=\"xl\"\n            />\n            <IconButton\n              onPress={buttonPress}\n              name=\"general.paperclip\"\n              accessibilityLabel=\"Add attachment\"\n              accessibilityHint=\"Opens your device's image gallary\"\n              iconStyle={styles.customIconButtonColor}\n              size=\"xxl\"\n            />\n            <IconButton\n              onPress={buttonPress}\n              name=\"general.paperclip\"\n              accessibilityLabel=\"Add attachment\"\n              accessibilityHint=\"Opens your device's image gallary\"\n              size=\"xxxl\"\n            />\n          </Row>\n          <Row>\n            <IconButton\n              onPress={buttonPress}\n              name=\"general.paperclip\"\n              accessibilityLabel=\"Add attachment\"\n              accessibilityHint=\"Opens your device's image gallary\"\n              size=\"md\"\n              disabled\n            />\n            <IconButton\n              onPress={buttonPress}\n              name=\"general.paperclip\"\n              accessibilityLabel=\"Add attachment\"\n              accessibilityHint=\"Opens your device's image gallary\"\n              appearance=\"danger\"\n              size=\"lg\"\n              disabled\n            />\n            <IconButton\n              onPress={buttonPress}\n              name=\"general.paperclip\"\n              accessibilityLabel=\"Add attachment\"\n              accessibilityHint=\"Opens your device's image gallary\"\n              appearance=\"interaction\"\n              size=\"xl\"\n              disabled\n            />\n            <IconButton\n              onPress={buttonPress}\n              name=\"general.paperclip\"\n              accessibilityLabel=\"Add attachment\"\n              accessibilityHint=\"Opens your device's image gallary\"\n              iconStyle={styles.customIconButtonColor}\n              size=\"xxl\"\n              disabled\n            />\n            <IconButton\n              onPress={buttonPress}\n              name=\"general.paperclip\"\n              accessibilityLabel=\"Add attachment\"\n              accessibilityHint=\"Opens your device's image gallary\"\n              size=\"xxxl\"\n              disabled\n            />\n          </Row>\n          <Row>\n            <IconButton\n              onPress={buttonPress}\n              name=\"general.paperclip\"\n              accessibilityLabel=\"Add attachment\"\n              accessibilityHint=\"Opens your device's image gallary\"\n              size=\"md\"\n              loading\n            />\n            <IconButton\n              onPress={buttonPress}\n              name=\"general.paperclip\"\n              accessibilityLabel=\"Add attachment\"\n              accessibilityHint=\"Opens your device's image gallary\"\n              appearance=\"danger\"\n              size=\"lg\"\n              loading\n            />\n            <IconButton\n              onPress={buttonPress}\n              name=\"general.paperclip\"\n              accessibilityLabel=\"Add attachment\"\n              accessibilityHint=\"Opens your device's image gallary\"\n              appearance=\"interaction\"\n              size=\"xl\"\n              loading\n            />\n            <IconButton\n              onPress={buttonPress}\n              name=\"general.paperclip\"\n              accessibilityLabel=\"Add attachment\"\n              accessibilityHint=\"Opens your device's image gallary\"\n              iconStyle={styles.customIconButtonColor}\n              size=\"xxl\"\n              loading\n            />\n            <IconButton\n              onPress={buttonPress}\n              name=\"general.paperclip\"\n              accessibilityLabel=\"Add attachment\"\n              accessibilityHint=\"Opens your device's image gallary\"\n              size=\"xxxl\"\n              loading\n            />\n          </Row>\n        </Group>\n        <Group\n          title=\"TextButton\"\n          description=\"Pressable text with default & danger appearance options. Can be disabled and accept `Text` variance props.\"\n        >\n          <Row>\n            <TextButton onPress={buttonPress}>Default</TextButton>\n            <TextButton onPress={buttonPress} variant=\"secondary\">\n              Default\n            </TextButton>\n            <TextButton onPress={buttonPress} variant=\"tertiary\">\n              Default\n            </TextButton>\n            <TextButton onPress={buttonPress} variant=\"footnote\">\n              Default\n            </TextButton>\n          </Row>\n          <Row>\n            <TextButton onPress={buttonPress} appearance=\"danger\">\n              Danger\n            </TextButton>\n            <TextButton onPress={buttonPress} variant=\"secondary\" appearance=\"danger\">\n              Danger\n            </TextButton>\n            <TextButton onPress={buttonPress} variant=\"tertiary\" appearance=\"danger\">\n              Danger\n            </TextButton>\n            <TextButton onPress={buttonPress} variant=\"footnote\" appearance=\"danger\">\n              Danger\n            </TextButton>\n          </Row>\n          <Row>\n            <TextButton onPress={buttonPress} disabled>\n              Disabled\n            </TextButton>\n            <TextButton onPress={buttonPress} variant=\"secondary\" disabled>\n              Disabled\n            </TextButton>\n            <TextButton onPress={buttonPress} variant=\"tertiary\" disabled>\n              Disabled\n            </TextButton>\n            <TextButton onPress={buttonPress} variant=\"footnote\" disabled>\n              Disabled\n            </TextButton>\n          </Row>\n        </Group>\n        <Group\n          title=\"TextInlineButton\"\n          description=\"Supports nesting within `Text`. Temporary component until React Native fixes a layout bug in `Pressable` which used in `TextButton`.\"\n        >\n          <Row style={styles.alignRowLeft}>\n            <Text>\n              This text is next to{' '}\n              <TextInlineButton onPress={buttonPress}>default button text</TextInlineButton> Lorem\n              ipsum dolor{' '}\n              <TextInlineButton onPress={buttonPress} appearance=\"danger\">\n                danger button text\n              </TextInlineButton>{' '}\n              consectetur{' '}\n              <TextInlineButton onPress={buttonPress} disabled>\n                disabled button text\n              </TextInlineButton>{' '}\n              elit.\n            </Text>\n            <Text variant=\"secondary\">\n              This text is next to{' '}\n              <TextInlineButton variant=\"secondary\" onPress={buttonPress}>\n                default button text\n              </TextInlineButton>{' '}\n              Lorem ipsum dolor{' '}\n              <TextInlineButton variant=\"secondary\" onPress={buttonPress} appearance=\"danger\">\n                danger button text\n              </TextInlineButton>{' '}\n              consectetur{' '}\n              <TextInlineButton variant=\"secondary\" onPress={buttonPress} disabled>\n                disabled button text\n              </TextInlineButton>{' '}\n              elit.\n            </Text>\n            <Text variant=\"tertiary\">\n              This text is next to{' '}\n              <TextInlineButton variant=\"tertiary\" onPress={buttonPress}>\n                default button text\n              </TextInlineButton>{' '}\n              Lorem ipsum dolor{' '}\n              <TextInlineButton variant=\"tertiary\" onPress={buttonPress} appearance=\"danger\">\n                danger button text\n              </TextInlineButton>{' '}\n              consectetur{' '}\n              <TextInlineButton variant=\"tertiary\" onPress={buttonPress} disabled>\n                disabled button text\n              </TextInlineButton>{' '}\n              elit.\n            </Text>\n            <Text variant=\"footnote\">\n              This text is next to{' '}\n              <TextInlineButton variant=\"footnote\" onPress={buttonPress}>\n                default button text\n              </TextInlineButton>{' '}\n              Lorem ipsum dolor{' '}\n              <TextInlineButton variant=\"footnote\" onPress={buttonPress} appearance=\"danger\">\n                danger button text\n              </TextInlineButton>{' '}\n              consectetur{' '}\n              <TextInlineButton variant=\"footnote\" onPress={buttonPress} disabled>\n                disabled button text\n              </TextInlineButton>{' '}\n              elit.\n            </Text>\n          </Row>\n        </Group>\n        <Group\n          title=\"Heading\"\n          description=\"Use for headings & titles as it includes the a11y 'header' role. Change the size and style with the h1-h4 variants.\"\n        >\n          <Row>\n            <Heading>Heading 1</Heading>\n            <Heading variant=\"h2\">Heading 2</Heading>\n            <Heading variant=\"h3\">Heading 3</Heading>\n            <Heading variant=\"h4\">Heading 4</Heading>\n          </Row>\n        </Group>\n        <Group title=\"Text\" description=\"Use for body copy and supporting text.\">\n          <Row>\n            <Text>Plain text</Text>\n            <Text variant=\"secondary\">Secondary</Text>\n            <Text variant=\"tertiary\">Tertiary</Text>\n            <Text variant=\"footnote\">Footnote</Text>\n          </Row>\n        </Group>\n      </CollapsableSection>\n      <CollapsableSection title=\"Theme\" isLast>\n        <TextGroup>\n          <Text>There are four main parts to our theming system…</Text>\n          <TextRow>\n            <Heading variant=\"h3\">Default theme</Heading>\n            <Text>\n              Start at `src/utils/theme` when adding new theme values. The file has more\n              instructions and examples.\n            </Text>\n            <Text>At a high level, it provides…</Text>\n            <TextListItem label=\"1.\">\n              Access to consuming app targets of what theme values that they can be customized.\n            </TextListItem>\n            <TextListItem label=\"2.\">\n              Fallback values for our components to use if the values weren't overriden.\n            </TextListItem>\n          </TextRow>\n          <TextRow>\n            <Heading variant=\"h3\">Customizing the theme</Heading>\n            <Text>\n              Apps can override any default theme value by passing a `theme` object to our\n              `ChatProvider` that holds a `theme` and a `colorScheme`.\n            </Text>\n            <Text>\n              Currently types can be enforced by setting the parent theme object to\n              `CreateChatThemeProps`.\n            </Text>\n            <Text variant=\"footnote\">\n              Example setup: `apps/mobile/src/context/chat_context_provider.tsx`\n            </Text>\n          </TextRow>\n          <TextRow>\n            <Heading variant=\"h3\">Merged theme</Heading>\n            <Text>\n              In `src/contexts/chat_context.tsx` we merge the default theme and any custom values\n              coming from a product target with the `useCreateChatTheme` hook. It creates a single\n              `ChatTheme` type.\n            </Text>\n          </TextRow>\n          <TextRow>\n            <Heading variant=\"h3\">Using theme values</Heading>\n            <Text>\n              Inside of our own `chat-react-native` components we can access the merged `ChatTheme`\n              object via our own `useTheme` hook.\n            </Text>\n            <Text variant=\"footnote\">Example setup: `src/components/display/button.tsx`</Text>\n          </TextRow>\n        </TextGroup>\n      </CollapsableSection>\n      {/* TODO: Enable & update when we install @planningcenter/tapestry */}\n      {/* <CollapsableSection title=\"Tokens\" isLast>\n        <TextGroup>\n          <TextRow>\n            <Heading variant=\"h3\">What are they?</Heading>\n            <Text>\n              Tokens are UX approved CSS values that we can use to style our UI in a consistent way.\n              (e.g. colors, spacing amounts, and font weights.)\n            </Text>\n          </TextRow>\n          <TextRow>\n            <Heading variant=\"h3\">Where do they come from?</Heading>\n            <Text>\n              Tokens primarily come from our internal `@planningcenter/tapestry` package. However,\n              at this time the package only support light mode colors, so Chat uses a workaround.\n            </Text>\n            <Text>\n              Color-based tokens are infused into our theming system with two local files…\n            </Text>\n            <TextListItem label=\"1. `src/vendor/tapestry/tokens`:\">\n              Primitive color values are stored* here. Primitives capture light or dark mode values,\n              but don't take into account the devices's colors scheme.\n            </TextListItem>\n            <TextListItem label=\"2. `src/vendor/tapestry/alias_tokens_color_map`:\">\n              Alias tokens reference the primitive color values token file* in light and dark mode\n              specfic objects. Our theming system then selects the right color to use based on the\n              device's color scheme.\n            </TextListItem>\n            <Text variant=\"footnote\">\n              *If available, reference the color from the Tapestry package instead.\n            </Text>\n          </TextRow>\n          <TextRow>\n            <Heading variant=\"h3\">How do we use them?</Heading>\n            <Text>There are two places to reference tokens at this time…</Text>\n            <TextListItem label=\"• Color tokens:\">\n              Reference them from our internal `useTheme` hook to ensure the correct light or dark\n              mode color token is used.\n            </TextListItem>\n            <TextListItem label=\"• All other tokens:\">\n              Use the `computedToken` function from `@planningcenter/tapestry` by passing it a\n              string with the token's name. This function provides Typescript support and maps to\n              the token's raw CSS value. There is another function called `token`, but it maps to\n              CSS custom properties which React Native doesn't support.\n            </TextListItem>\n          </TextRow>\n        </TextGroup>\n      </CollapsableSection> */}\n    </ScrollView>\n  )\n}\n\ninterface CollapsableSectionProps {\n  children: React.ReactNode\n  title: string\n  isLast?: boolean\n}\n\nfunction CollapsableSection({ children, title, isLast = false }: CollapsableSectionProps) {\n  const styles = useStyles()\n  const { colors } = useTheme()\n  const [collapsed, setCollapsed] = useState(true)\n\n  return (\n    <View style={[styles.section, styles.sectionBorderTop, isLast && styles.sectionBorderBottom]}>\n      <Pressable\n        onPress={() => setCollapsed(!collapsed)}\n        style={({ pressed }) => [styles.sectionHeader, pressed && platformPressedOpacityStyle]}\n        android_ripple={{ color: colors.androidRippleNeutral, borderless: false, foreground: true }}\n      >\n        <Heading>{title}</Heading>\n        <Icon name={collapsed ? 'general.plus' : 'general.minus'} size={16} />\n      </Pressable>\n      {!collapsed && <View style={styles.sectionChildren}>{children}</View>}\n    </View>\n  )\n}\n\ninterface GroupProps {\n  title: string\n  description?: string\n  children: React.ReactNode\n}\n\nfunction Group({ title, description, children }: GroupProps) {\n  const styles = useStyles()\n  return (\n    <View style={styles.group}>\n      <View style={styles.groupHeading}>\n        <Heading variant=\"h3\">{title}</Heading>\n        {description && <Text variant=\"footnote\">{description}</Text>}\n      </View>\n      {children}\n    </View>\n  )\n}\n\ninterface RowProps {\n  children: React.ReactNode\n  style?: ViewStyle\n}\n\nfunction Row({ children, style }: RowProps) {\n  const styles = useStyles()\n  return <View style={[styles.row, style]}>{children}</View>\n}\n\nfunction TextGroup({ children }: { children: React.ReactNode }) {\n  const styles = useStyles()\n  return <View style={styles.textGroup}>{children}</View>\n}\n\ninterface TextRowProps {\n  children: React.ReactNode\n  style?: ViewStyle\n}\n\nfunction TextRow({ children, style }: TextRowProps) {\n  const styles = useStyles()\n  return <View style={[styles.textRow, style]}>{children}</View>\n}\n\ninterface TextListItemProps {\n  label: string\n  children: React.ReactNode\n}\n\nfunction TextListItem({ label, children }: TextListItemProps) {\n  const styles = useStyles()\n  return (\n    <Text variant=\"tertiary\">\n      <Text variant=\"tertiary\" style={styles.mediumWeight}>\n        {label}\n      </Text>{' '}\n      {children}\n    </Text>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    scrollView: {\n      flex: 1,\n      backgroundColor: colors.fillColorNeutral100Inverted,\n    },\n    container: {\n      padding: space(3),\n    },\n    listItem: { color: colors.fillColorNeutral020 },\n    section: {\n      gap: space(1),\n      borderColor: colors.fillColorNeutral020,\n    },\n    sectionBorderTop: {\n      borderTopWidth: 1,\n    },\n    sectionBorderBottom: {\n      borderBottomWidth: 1,\n    },\n    sectionHeader: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      paddingVertical: space(3),\n    },\n    sectionChildren: {\n      paddingBottom: space(3),\n      gap: space(6),\n    },\n    row: {\n      gap: space(2),\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexWrap: 'wrap',\n    },\n    textRow: {\n      gap: space(1.5),\n    },\n    textGroup: {\n      gap: space(2.5),\n    },\n    mediumWeight: {\n      fontWeight: platformFontWeightMedium,\n    },\n    alignRowLeft: {\n      justifyContent: 'flex-start',\n    },\n    group: {\n      gap: space(3),\n    },\n    groupHeading: {\n      gap: space(1),\n    },\n    spinnerContainer: {\n      height: space(2.5),\n    },\n    image: {\n      width: 100,\n      height: 100,\n    },\n    icon: {\n      fontSize: 20,\n      color: colors.iconColorDefaultSecondary,\n    },\n    customIconButtonColor: {\n      color: 'purple',\n    },\n  })\n}\n"]}
+{"version":3,"file":"design_system_screen.js","sourceRoot":"","sources":["../../src/screens/design_system_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react'\nimport { Alert, Pressable, ScrollView, StyleSheet, View } from 'react-native'\nimport type { ViewStyle } from 'react-native'\nimport { useTheme } from '../hooks'\nimport {\n  Avatar,\n  AvatarGroup,\n  Badge,\n  Button,\n  Heading,\n  Icon,\n  IconButton,\n  Image,\n  Spinner,\n  Switch,\n  Text,\n  TextButton,\n  TextInlineButton,\n} from '../components/display'\nimport {\n  space,\n  MAX_FONT_SIZE_MULTIPLIER,\n  platformPressedOpacityStyle,\n  platformFontWeightMedium,\n} from '../utils'\n\n// =================================\n// ====== Docs Utils ===============\n// =================================\n\nconst URL = {\n  image: 'https://picsum.photos/seed/picsum/200',\n  broken: 'https://broken.url',\n  avatar: 'https://i.pravatar.cc/200?img=22',\n  avatar_fallback: 'https://avatars.planningcenteronline.com/uploads/initials/PR.png',\n  two_avatars: ['https://i.pravatar.cc/200?img=22', 'https://i.pravatar.cc/200?img=23'],\n  three_avatars: [\n    'https://i.pravatar.cc/200?img=22',\n    'https://i.pravatar.cc/200?img=23',\n    'https://i.pravatar.cc/200?img=24',\n  ],\n  four_avatars: [\n    'https://i.pravatar.cc/200?img=30',\n    'https://i.pravatar.cc/200?img=29',\n    'https://i.pravatar.cc/200?img=28',\n    'https://i.pravatar.cc/200?img=27',\n  ],\n}\n\nconst buttonPress = () => Alert.alert('Button clicked')\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport function DesignSystemScreen() {\n  const styles = useStyles()\n\n  return (\n    <ScrollView contentContainerStyle={styles.container} style={styles.scrollView}>\n      <ThemeSection />\n      {/* TODO: Enable & update when we install @planningcenter/tapestry */}\n      {/* <TokensSection /> */}\n      <IndicatorsSection />\n      <HeadingTextSection />\n      <PressablesSection />\n      <ImageIconsSection />\n      <FormControlsSection />\n      <StatusComponentsSection isLast />\n    </ScrollView>\n  )\n}\n\n// =================================\n// ====== Sections =================\n// =================================\n\ninterface SectionProps {\n  isLast?: boolean\n}\n\nfunction ThemeSection({ isLast }: SectionProps) {\n  return (\n    <CollapsableSection title=\"Theme\" isLast={isLast}>\n      <TextGroup>\n        <Text>There are four main parts to our theming system…</Text>\n        <TextRow>\n          <Heading variant=\"h3\">Default theme</Heading>\n          <Text>\n            Start at `src/utils/theme` when adding new theme values or checking what target apps\n            have access to. The file has more instructions and examples.\n          </Text>\n          <Text>At a high level, it provides…</Text>\n          <TextListItem label=\"1.\">\n            Access to consuming app targets of what theme values that they can be customized.\n          </TextListItem>\n          <TextListItem label=\"2.\">\n            Fallback values for our components to use if the values weren't overriden.\n          </TextListItem>\n        </TextRow>\n        <TextRow>\n          <Heading variant=\"h3\">Customizing the theme</Heading>\n          <Text>\n            Apps can override any default theme value by passing a `theme` object to our\n            `ChatProvider` that holds a `theme` and a `colorScheme`.\n          </Text>\n          <Text>\n            Currently types can be enforced by setting the parent theme object to\n            `CreateChatThemeProps`.\n          </Text>\n          <Text variant=\"footnote\">\n            Example setup: `apps/mobile/src/context/chat_context_provider.tsx`\n          </Text>\n        </TextRow>\n        <TextRow>\n          <Heading variant=\"h3\">Merged theme</Heading>\n          <Text>\n            In `src/contexts/chat_context.tsx` we merge the default theme and any custom values\n            coming from a product target with the `useCreateChatTheme` hook. It creates a single\n            `ChatTheme` type.\n          </Text>\n        </TextRow>\n        <TextRow>\n          <Heading variant=\"h3\">Using theme values</Heading>\n          <Text>\n            Inside of our own `chat-react-native` components we can access the merged `ChatTheme`\n            object via our own `useTheme` hook.\n          </Text>\n          <Text variant=\"footnote\">Example setup: `src/components/display/button.tsx`</Text>\n        </TextRow>\n      </TextGroup>\n    </CollapsableSection>\n  )\n}\n\n// function TokensSection({ isLast }: SectionProps) {\n//   return (\n//     <CollapsableSection title=\"Tokens\" isLast={isLast}>\n//       <TextGroup>\n//         <TextRow>\n//           <Heading variant=\"h3\">What are they?</Heading>\n//           <Text>\n//             Tokens are UX approved CSS values that we can use to style our UI in a consistent way.\n//             (e.g. colors, spacing amounts, and font weights.)\n//           </Text>\n//         </TextRow>\n//         <TextRow>\n//           <Heading variant=\"h3\">Where do they come from?</Heading>\n//           <Text>\n//             Tokens primarily come from our internal `@planningcenter/tapestry` package. However, at\n//             this time the package only support light mode colors, so Chat uses a workaround.\n//           </Text>\n//           <Text>Color-based tokens are infused into our theming system with two local files…</Text>\n//           <TextListItem label=\"1. `src/vendor/tapestry/tokens`:\">\n//             Primitive color values are stored* here. Primitives capture light or dark mode values,\n//             but don't take into account the devices's colors scheme.\n//           </TextListItem>\n//           <TextListItem label=\"2. `src/vendor/tapestry/alias_tokens_color_map`:\">\n//             Alias tokens reference the primitive color values token file* in light and dark mode\n//             specfic objects. Our theming system then selects the right color to use based on the\n//             device's color scheme.\n//           </TextListItem>\n//           <Text variant=\"footnote\">\n//             *If available, reference the color from the Tapestry package instead.\n//           </Text>\n//         </TextRow>\n//         <TextRow>\n//           <Heading variant=\"h3\">How do we use them?</Heading>\n//           <Text>There are two places to reference tokens at this time…</Text>\n//           <TextListItem label=\"• Color tokens:\">\n//             Reference them from our internal `useTheme` hook to ensure the correct light or dark\n//             mode color token is used.\n//           </TextListItem>\n//           <TextListItem label=\"• All other tokens:\">\n//             Use the `computedToken` function from `@planningcenter/tapestry` by passing it a string\n//             with the token's name. This function provides Typescript support and maps to the token's\n//             raw CSS value. There is another function called `token`, but it maps to CSS custom\n//             properties which React Native doesn't support.\n//           </TextListItem>\n//         </TextRow>\n//       </TextGroup>\n//     </CollapsableSection>\n//   )\n// }\n\nfunction IndicatorsSection({ isLast }: SectionProps) {\n  const styles = useStyles()\n\n  return (\n    <CollapsableSection title=\"Indicators\" isLast={isLast}>\n      <Group\n        title=\"Spinner\"\n        description=\"Loading indicators that can be used within or close to atomic components. Not intended for full-screen loading.\"\n      >\n        <Row style={styles.spinnerContainer}>\n          <Spinner size={24} />\n        </Row>\n      </Group>\n    </CollapsableSection>\n  )\n}\n\nfunction HeadingTextSection({ isLast }: SectionProps) {\n  return (\n    <CollapsableSection title=\"Heading & Text\" isLast={isLast}>\n      <Group\n        title=\"Heading\"\n        description=\"Use for headings & titles as it includes the a11y 'header' role. Change the size and style with the h1-h4 variants.\"\n      >\n        <Row>\n          <Heading>Heading 1</Heading>\n          <Heading variant=\"h2\">Heading 2</Heading>\n          <Heading variant=\"h3\">Heading 3</Heading>\n          <Heading variant=\"h4\">Heading 4</Heading>\n        </Row>\n      </Group>\n      <Group title=\"Text\" description=\"Use for body copy and supporting text.\">\n        <Row>\n          <Text>Plain text</Text>\n          <Text variant=\"secondary\">Secondary</Text>\n          <Text variant=\"tertiary\">Tertiary</Text>\n          <Text variant=\"footnote\">Footnote</Text>\n        </Row>\n      </Group>\n    </CollapsableSection>\n  )\n}\n\nfunction PressablesSection({ isLast }: SectionProps) {\n  const styles = useStyles()\n\n  return (\n    <CollapsableSection title=\"Pressables\" isLast={isLast}>\n      <Group\n        title=\"Button\"\n        description=\"Feature fill and outline variants for primary and danger usecases, along with disabled & loading states. Optionally shows icons to the left and right of the text.\"\n      >\n        <Row>\n          <Button onPress={buttonPress} title=\"Default\" size=\"sm\" />\n          <Button onPress={buttonPress} title=\"Default\" size=\"md\" />\n          <Button onPress={buttonPress} title=\"Danger\" appearance=\"danger\" size=\"lg\" />\n        </Row>\n        <Row>\n          <Button disabled onPress={buttonPress} title=\"Disabled\" size=\"sm\" />\n          <Button disabled onPress={buttonPress} title=\"Disabled\" size=\"md\" />\n          <Button disabled onPress={buttonPress} title=\"Disabled\" appearance=\"danger\" size=\"lg\" />\n        </Row>\n        <Row>\n          <Button\n            onPress={buttonPress}\n            title=\"Default\"\n            size=\"sm\"\n            iconNameLeft=\"general.plus\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Button\n            onPress={buttonPress}\n            title=\"Default\"\n            size=\"md\"\n            iconNameRight=\"churchCenter.sort\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Button\n            onPress={buttonPress}\n            title=\"Danger\"\n            appearance=\"danger\"\n            size=\"lg\"\n            iconNameLeft=\"groups.cards\"\n            iconNameRight=\"general.downChevron\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n        </Row>\n        <Row>\n          <Button loading onPress={buttonPress} title=\"Default\" size=\"sm\" />\n          <Button loading onPress={buttonPress} title=\"Default\" size=\"md\" />\n          <Button loading onPress={buttonPress} title=\"Danger\" appearance=\"danger\" size=\"lg\" />\n        </Row>\n        <Row>\n          <Button onPress={buttonPress} title=\"Default\" size=\"sm\" variant=\"outline\" />\n          <Button onPress={buttonPress} title=\"Default\" size=\"md\" variant=\"outline\" />\n          <Button\n            onPress={buttonPress}\n            title=\"Danger\"\n            appearance=\"danger\"\n            size=\"lg\"\n            variant=\"outline\"\n          />\n        </Row>\n        <Row>\n          <Button\n            onPress={buttonPress}\n            title=\"Default\"\n            size=\"sm\"\n            variant=\"outline\"\n            iconNameLeft=\"general.plus\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Button\n            onPress={buttonPress}\n            title=\"Default\"\n            size=\"md\"\n            variant=\"outline\"\n            iconNameRight=\"churchCenter.sort\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Button\n            onPress={buttonPress}\n            title=\"Danger\"\n            appearance=\"danger\"\n            size=\"lg\"\n            variant=\"outline\"\n            iconNameLeft=\"groups.cards\"\n            iconNameRight=\"general.downChevron\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n        </Row>\n        <Row>\n          <Button\n            disabled\n            onPress={buttonPress}\n            title=\"Disabled\"\n            size=\"sm\"\n            variant=\"outline\"\n            iconNameLeft=\"general.plus\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Button\n            disabled\n            onPress={buttonPress}\n            title=\"Disabled\"\n            size=\"md\"\n            variant=\"outline\"\n            iconNameRight=\"churchCenter.sort\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Button\n            disabled\n            onPress={buttonPress}\n            title=\"Disabled\"\n            appearance=\"danger\"\n            size=\"lg\"\n            variant=\"outline\"\n            iconNameLeft=\"groups.cards\"\n            iconNameRight=\"general.downChevron\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n        </Row>\n        <Row>\n          <Button\n            loading\n            onPress={buttonPress}\n            title=\"Default\"\n            size=\"sm\"\n            variant=\"outline\"\n            iconNameLeft=\"general.plus\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Button\n            loading\n            onPress={buttonPress}\n            title=\"Default\"\n            size=\"md\"\n            variant=\"outline\"\n            iconNameRight=\"churchCenter.sort\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Button\n            loading\n            onPress={buttonPress}\n            title=\"Danger\"\n            appearance=\"danger\"\n            size=\"lg\"\n            variant=\"outline\"\n            iconNameLeft=\"groups.cards\"\n            iconNameRight=\"general.downChevron\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n        </Row>\n      </Group>\n      <Group\n        title=\"IconButton\"\n        description=\"Supports different appearances, sizes, along with loading & disabled states. Use `iconStyle` for custom colors and font sizes. Requires `accessibilityLabel` as icon's don't provide context to screen readers.\"\n      >\n        <Row>\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            size=\"md\"\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            appearance=\"danger\"\n            size=\"lg\"\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            appearance=\"interaction\"\n            size=\"xl\"\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            iconStyle={styles.customIconButtonColor}\n            size=\"xxl\"\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            size=\"xxxl\"\n          />\n        </Row>\n        <Row>\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            size=\"md\"\n            disabled\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            appearance=\"danger\"\n            size=\"lg\"\n            disabled\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            appearance=\"interaction\"\n            size=\"xl\"\n            disabled\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            iconStyle={styles.customIconButtonColor}\n            size=\"xxl\"\n            disabled\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            size=\"xxxl\"\n            disabled\n          />\n        </Row>\n        <Row>\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            size=\"md\"\n            loading\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            appearance=\"danger\"\n            size=\"lg\"\n            loading\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            appearance=\"interaction\"\n            size=\"xl\"\n            loading\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            iconStyle={styles.customIconButtonColor}\n            size=\"xxl\"\n            loading\n          />\n          <IconButton\n            onPress={buttonPress}\n            name=\"general.paperclip\"\n            accessibilityLabel=\"Add attachment\"\n            accessibilityHint=\"Opens your device's image gallary\"\n            size=\"xxxl\"\n            loading\n          />\n        </Row>\n      </Group>\n      <Group\n        title=\"TextButton\"\n        description=\"Pressable text with default & danger appearance options. Can be disabled and accept `Text` variance props.\"\n      >\n        <Row>\n          <TextButton onPress={buttonPress}>Default</TextButton>\n          <TextButton onPress={buttonPress} variant=\"secondary\">\n            Default\n          </TextButton>\n          <TextButton onPress={buttonPress} variant=\"tertiary\">\n            Default\n          </TextButton>\n          <TextButton onPress={buttonPress} variant=\"footnote\">\n            Default\n          </TextButton>\n        </Row>\n        <Row>\n          <TextButton onPress={buttonPress} appearance=\"danger\">\n            Danger\n          </TextButton>\n          <TextButton onPress={buttonPress} variant=\"secondary\" appearance=\"danger\">\n            Danger\n          </TextButton>\n          <TextButton onPress={buttonPress} variant=\"tertiary\" appearance=\"danger\">\n            Danger\n          </TextButton>\n          <TextButton onPress={buttonPress} variant=\"footnote\" appearance=\"danger\">\n            Danger\n          </TextButton>\n        </Row>\n        <Row>\n          <TextButton onPress={buttonPress} disabled>\n            Disabled\n          </TextButton>\n          <TextButton onPress={buttonPress} variant=\"secondary\" disabled>\n            Disabled\n          </TextButton>\n          <TextButton onPress={buttonPress} variant=\"tertiary\" disabled>\n            Disabled\n          </TextButton>\n          <TextButton onPress={buttonPress} variant=\"footnote\" disabled>\n            Disabled\n          </TextButton>\n        </Row>\n      </Group>\n      <Group\n        title=\"TextInlineButton\"\n        description=\"Supports nesting within `Text`. Temporary component until React Native fixes a layout bug in `Pressable` which used in `TextButton`.\"\n      >\n        <Row style={styles.alignRowLeft}>\n          <Text>\n            This text is next to{' '}\n            <TextInlineButton onPress={buttonPress}>default button text</TextInlineButton> Lorem\n            ipsum dolor{' '}\n            <TextInlineButton onPress={buttonPress} appearance=\"danger\">\n              danger button text\n            </TextInlineButton>{' '}\n            consectetur{' '}\n            <TextInlineButton onPress={buttonPress} disabled>\n              disabled button text\n            </TextInlineButton>{' '}\n            elit.\n          </Text>\n          <Text variant=\"secondary\">\n            This text is next to{' '}\n            <TextInlineButton variant=\"secondary\" onPress={buttonPress}>\n              default button text\n            </TextInlineButton>{' '}\n            Lorem ipsum dolor{' '}\n            <TextInlineButton variant=\"secondary\" onPress={buttonPress} appearance=\"danger\">\n              danger button text\n            </TextInlineButton>{' '}\n            consectetur{' '}\n            <TextInlineButton variant=\"secondary\" onPress={buttonPress} disabled>\n              disabled button text\n            </TextInlineButton>{' '}\n            elit.\n          </Text>\n          <Text variant=\"tertiary\">\n            This text is next to{' '}\n            <TextInlineButton variant=\"tertiary\" onPress={buttonPress}>\n              default button text\n            </TextInlineButton>{' '}\n            Lorem ipsum dolor{' '}\n            <TextInlineButton variant=\"tertiary\" onPress={buttonPress} appearance=\"danger\">\n              danger button text\n            </TextInlineButton>{' '}\n            consectetur{' '}\n            <TextInlineButton variant=\"tertiary\" onPress={buttonPress} disabled>\n              disabled button text\n            </TextInlineButton>{' '}\n            elit.\n          </Text>\n          <Text variant=\"footnote\">\n            This text is next to{' '}\n            <TextInlineButton variant=\"footnote\" onPress={buttonPress}>\n              default button text\n            </TextInlineButton>{' '}\n            Lorem ipsum dolor{' '}\n            <TextInlineButton variant=\"footnote\" onPress={buttonPress} appearance=\"danger\">\n              danger button text\n            </TextInlineButton>{' '}\n            consectetur{' '}\n            <TextInlineButton variant=\"footnote\" onPress={buttonPress} disabled>\n              disabled button text\n            </TextInlineButton>{' '}\n            elit.\n          </Text>\n        </Row>\n      </Group>\n    </CollapsableSection>\n  )\n}\n\nfunction ImageIconsSection({ isLast }: SectionProps) {\n  const styles = useStyles()\n  const { colors } = useTheme()\n\n  return (\n    <CollapsableSection title=\"Images & Icons\" isLast={isLast}>\n      <Group\n        title=\"Image\"\n        description=\"Foundational way of displaying images. Loading or broken images will fallback to show a spinner. Hide decortive images from screen readers with `alt=''`.\"\n      >\n        <Row>\n          <Image source={{ uri: URL.broken }} style={styles.image} alt=\"Mountain sunrise\" />\n          <Image source={{ uri: URL.image }} style={styles.image} alt=\"Mountain sunrise\" />\n          <Image source={{ uri: URL.image }} style={styles.image} alt=\"\" />\n        </Row>\n      </Group>\n      <Group\n        title=\"Avatar\"\n        description='Displays the profile image for a user in different sizes and has a loading fallback. Can optionally show an online/offline \"presence\" indicator.'\n      >\n        <Row>\n          <Avatar sourceUri={URL.broken} />\n          <Avatar size=\"md\" sourceUri={URL.avatar_fallback} />\n          <Avatar sourceUri={URL.avatar} />\n        </Row>\n        <Row>\n          <Avatar presence=\"offline\" sourceUri={URL.broken} />\n          <Avatar presence=\"online\" size=\"md\" sourceUri={URL.avatar_fallback} />\n          <Avatar presence=\"offline\" sourceUri={URL.avatar} />\n        </Row>\n      </Group>\n      <Group\n        title=\"AvatarGroup\"\n        description=\"Shows 1-4 images in a grid at different sizes. Loading fallback shows until all images successfully load.\"\n      >\n        <Row>\n          <AvatarGroup sourceUris={[URL.broken]} />\n          <AvatarGroup sourceUris={[URL.broken, URL.broken, ...URL.two_avatars]} />\n          <AvatarGroup sourceUris={[URL.avatar]} />\n          <AvatarGroup sourceUris={URL.two_avatars} />\n          <AvatarGroup sourceUris={URL.three_avatars} />\n          <AvatarGroup sourceUris={URL.four_avatars} />\n        </Row>\n      </Group>\n      <Group\n        title=\"Icon\"\n        description=\"Displays any icon from @planningcenter/icons. Missing icons will fallback to a grey circle. Styling with `fontSize` will allow it to scale with the device's text a11y size.\"\n      >\n        <Row>\n          <Icon name=\"missingIcon\" size={20} />\n          <Icon name=\"general.textMessage\" size={20} />\n          <Icon name=\"general.bell\" size={20} color={colors.needsDesignPass} />\n          <Icon name=\"churchCenter.sort\" style={styles.icon} />\n        </Row>\n      </Group>\n    </CollapsableSection>\n  )\n}\n\nfunction FormControlsSection({ isLast }: SectionProps) {\n  const [switchEnabled, setSwitchEnabled] = useState(false)\n  return (\n    <CollapsableSection title=\"Form Controls\" isLast={isLast}>\n      <Group\n        title=\"Switch\"\n        description=\"Use to toggle a boolean value for some sort of contained setting. (ie. Muting a conversation) This is a light wrapper that takes into account themed colors.\"\n      >\n        <Row>\n          <Switch value={switchEnabled} onValueChange={value => setSwitchEnabled(value)} />\n          <Switch disabled />\n        </Row>\n      </Group>\n    </CollapsableSection>\n  )\n}\n\nfunction StatusComponentsSection({ isLast }: SectionProps) {\n  return (\n    <CollapsableSection title=\"Status components\" isLast={isLast}>\n      <Group\n        title=\"Badge\"\n        description=\"Badge that can convey a status and show an icon. It also supports a meta label and product logo for the conversation list and conversation header. Target products can change colors and hide the logo via theming.\"\n      >\n        <Row>\n          <Badge label=\"Neutral\" appearance=\"neutral\" />\n          <Badge label=\"Error\" appearance=\"error\" />\n          <Badge label=\"Info\" appearance=\"info\" />\n          <Badge label=\"Success\" appearance=\"success\" />\n          <Badge label=\"Warning\" appearance=\"warning\" />\n        </Row>\n        <Row>\n          <Badge label=\"Neutral\" appearance=\"neutral\" iconName=\"general.star\" />\n          <Badge label=\"Error\" appearance=\"error\" iconName=\"general.exclamationTriangle\" />\n          <Badge label=\"Info\" appearance=\"info\" iconName=\"general.outlinedInfoCircle\" />\n          <Badge label=\"Success\" appearance=\"success\" iconName=\"general.check\" />\n          <Badge label=\"Warning\" appearance=\"warning\" iconName=\"general.shieldExclamation\" />\n        </Row>\n        <Row>\n          <Badge\n            variant=\"meta\"\n            productLogoName=\"groups\"\n            label=\"Group\"\n            metaLabel=\"Worlds longest group name that will probably overflow if it gets very much longer\"\n          />\n          <Badge variant=\"meta\" productLogoName=\"groups\" label=\"Group\" metaLabel=\"Young adults\" />\n          <Badge variant=\"meta\" productLogoName=\"services\" label=\"Plan\" metaLabel=\"June 19, 2025\" />\n          <Badge variant=\"meta\" productLogoName=\"services\" label=\"Team\" />\n        </Row>\n        <Row>\n          <Badge\n            variant=\"metaSubtle\"\n            productLogoName=\"groups\"\n            label=\"Group\"\n            metaLabel=\"Worlds longest group name that will probably overflow if it gets very much longer\"\n          />\n          <Badge\n            variant=\"metaSubtle\"\n            productLogoName=\"groups\"\n            label=\"Group\"\n            metaLabel=\"Young adults\"\n          />\n          <Badge\n            variant=\"metaSubtle\"\n            productLogoName=\"services\"\n            label=\"Plan\"\n            metaLabel=\"June 19, 2025\"\n          />\n          <Badge variant=\"metaSubtle\" productLogoName=\"services\" label=\"Team\" />\n        </Row>\n      </Group>\n    </CollapsableSection>\n  )\n}\n\n// =================================\n// ====== Docs UI ==================\n// =================================\ninterface CollapsableSectionProps {\n  children: React.ReactNode\n  title: string\n  isLast?: boolean\n}\n\nfunction CollapsableSection({ children, title, isLast = false }: CollapsableSectionProps) {\n  const styles = useStyles()\n  const { colors } = useTheme()\n  const [collapsed, setCollapsed] = useState(true)\n\n  return (\n    <View style={[styles.section, styles.sectionBorderTop, isLast && styles.sectionBorderBottom]}>\n      <Pressable\n        onPress={() => setCollapsed(!collapsed)}\n        style={({ pressed }) => [styles.sectionHeader, pressed && platformPressedOpacityStyle]}\n        android_ripple={{ color: colors.androidRippleNeutral, borderless: false, foreground: true }}\n      >\n        <Heading>{title}</Heading>\n        <Icon name={collapsed ? 'general.plus' : 'general.minus'} size={16} />\n      </Pressable>\n      {!collapsed && <View style={styles.sectionChildren}>{children}</View>}\n    </View>\n  )\n}\n\ninterface GroupProps {\n  title: string\n  description?: string\n  children: React.ReactNode\n}\n\nfunction Group({ title, description, children }: GroupProps) {\n  const styles = useStyles()\n  return (\n    <View style={styles.group}>\n      <View style={styles.groupHeading}>\n        <Heading variant=\"h3\">{title}</Heading>\n        {description && <Text variant=\"footnote\">{description}</Text>}\n      </View>\n      {children}\n    </View>\n  )\n}\n\ninterface RowProps {\n  children: React.ReactNode\n  style?: ViewStyle\n}\n\nfunction Row({ children, style }: RowProps) {\n  const styles = useStyles()\n  return <View style={[styles.row, style]}>{children}</View>\n}\n\nfunction TextGroup({ children }: { children: React.ReactNode }) {\n  const styles = useStyles()\n  return <View style={styles.textGroup}>{children}</View>\n}\n\ninterface TextRowProps {\n  children: React.ReactNode\n  style?: ViewStyle\n}\n\nfunction TextRow({ children, style }: TextRowProps) {\n  const styles = useStyles()\n  return <View style={[styles.textRow, style]}>{children}</View>\n}\n\ninterface TextListItemProps {\n  label: string\n  children: React.ReactNode\n}\n\nfunction TextListItem({ label, children }: TextListItemProps) {\n  const styles = useStyles()\n  return (\n    <Text variant=\"tertiary\">\n      <Text variant=\"tertiary\" style={styles.mediumWeight}>\n        {label}\n      </Text>{' '}\n      {children}\n    </Text>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    scrollView: {\n      flex: 1,\n      backgroundColor: colors.fillColorNeutral100Inverted,\n    },\n    container: {\n      padding: space(3),\n    },\n    listItem: { color: colors.fillColorNeutral020 },\n    section: {\n      gap: space(1),\n      borderColor: colors.fillColorNeutral020,\n    },\n    sectionBorderTop: {\n      borderTopWidth: 1,\n    },\n    sectionBorderBottom: {\n      borderBottomWidth: 1,\n    },\n    sectionHeader: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      paddingVertical: space(3),\n    },\n    sectionChildren: {\n      paddingBottom: space(3),\n      gap: space(6),\n    },\n    row: {\n      gap: space(2),\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexWrap: 'wrap',\n    },\n    textRow: {\n      gap: space(1.5),\n    },\n    textGroup: {\n      gap: space(2.5),\n    },\n    mediumWeight: {\n      fontWeight: platformFontWeightMedium,\n    },\n    alignRowLeft: {\n      justifyContent: 'flex-start',\n    },\n    group: {\n      gap: space(3),\n    },\n    groupHeading: {\n      gap: space(1),\n    },\n    spinnerContainer: {\n      height: space(2.5),\n    },\n    image: {\n      width: 100,\n      height: 100,\n    },\n    icon: {\n      fontSize: 20,\n      color: colors.iconColorDefaultSecondary,\n    },\n    customIconButtonColor: {\n      color: 'purple',\n    },\n  })\n}\n"]}

package/build/utils/theme.d.ts

@@ -22,6 +22,7 @@ export interface DefaultTheme {
     button: {
         borderRadius: number;
     };
+    showBadgeLogo: boolean;
 }
 export declare const defaultTheme: (colorScheme: ColorSchemeName) => ChatTheme;
 export type TemporaryDefaultColorsType = Partial<ChatColors>;
@@ -30,7 +31,25 @@ interface ChatColors {
     buttonStart: string | undefined;
     buttonEnd: string | undefined;
     interaction: string;
+    switchTrackTrue: string | undefined;
+    switchTrackFalse: string | undefined;
+    switchThumbColor: string | undefined;
     testColor: string;
+    statusInfoIcon: string;
+    statusInfoText: string;
+    statusInfoBackground: string;
+    statusSuccessIcon: string;
+    statusSuccessText: string;
+    statusSuccessBackground: string;
+    statusWarningIcon: string;
+    statusWarningText: string;
+    statusWarningBackground: string;
+    statusErrorIcon: string;
+    statusErrorText: string;
+    statusErrorBackground: string;
+    statusNeutralIcon: string;
+    statusNeutralText: string;
+    statusNeutralBackground: string;
 }
 export {};
 //# sourceMappingURL=theme.d.ts.map

package/build/utils/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAA;AAE/E,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C,MAAM,EAAE,YAAY,CAAC,QAAQ,CAAC,GAC5B,CAAC,OAAO,mBAAmB,CAAC,KAAK,GAAG,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAA;CACvE;AAED;;;;;;;;;;;;;gDAagD;AAEhD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,UAAU,CAAA;IAClB,MAAM,EAAE;QACN,YAAY,EAAE,MAAM,CAAA;KACrB,CAAA;CACF;AAED,eAAO,MAAM,YAAY,gBAAiB,eAAe,KAAG,SAc3D,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC,UAAU,CAAC,CAAA;AAE5D,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;CAClB"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAA;AAE/E,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C,MAAM,EAAE,YAAY,CAAC,QAAQ,CAAC,GAC5B,CAAC,OAAO,mBAAmB,CAAC,KAAK,GAAG,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAA;CACvE;AAED;;;;;;;;;;;;;gDAagD;AAEhD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,UAAU,CAAA;IAClB,MAAM,EAAE;QACN,YAAY,EAAE,MAAM,CAAA;KACrB,CAAA;IACD,aAAa,EAAE,OAAO,CAAA;CACvB;AAED,eAAO,MAAM,YAAY,gBAAiB,eAAe,KAAG,SAe3D,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC,UAAU,CAAC,CAAA;AAE5D,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,MAAM,GAAG,SAAS,CAAA;IACnC,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,SAAS,EAAE,MAAM,CAAA;IACjB,cAAc,EAAE,MAAM,CAAA;IACtB,cAAc,EAAE,MAAM,CAAA;IACtB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,iBAAiB,EAAE,MAAM,CAAA;IACzB,iBAAiB,EAAE,MAAM,CAAA;IACzB,uBAAuB,EAAE,MAAM,CAAA;IAC/B,iBAAiB,EAAE,MAAM,CAAA;IACzB,iBAAiB,EAAE,MAAM,CAAA;IACzB,uBAAuB,EAAE,MAAM,CAAA;IAC/B,eAAe,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,iBAAiB,EAAE,MAAM,CAAA;IACzB,iBAAiB,EAAE,MAAM,CAAA;IACzB,uBAAuB,EAAE,MAAM,CAAA;CAChC"}

package/build/utils/theme.js

@@ -11,6 +11,7 @@ export const defaultTheme = (colorScheme) => {
         button: {
             borderRadius: 40,
         },
+        showBadgeLogo: true, // Overrides visibility of the product logo in `src/display/badge.tsx`
     };
 };
 const colorsChatLight = {
@@ -18,14 +19,50 @@ const colorsChatLight = {
     buttonStart: undefined,
     buttonEnd: undefined,
     interaction: tokens.fillColorInteractionDefault,
+    switchTrackTrue: undefined,
+    switchTrackFalse: undefined,
+    switchThumbColor: undefined,
     testColor: 'hotpink',
+    statusInfoIcon: tokens.iconColorStatusInfoPrimary,
+    statusInfoText: tokens.textColorStatusInfo,
+    statusInfoBackground: tokens.fillColorStatusInfoGhost,
+    statusSuccessIcon: tokens.iconColorStatusSuccessPrimary,
+    statusSuccessText: tokens.textColorStatusSuccess,
+    statusSuccessBackground: tokens.fillColorStatusSuccessGhost,
+    statusWarningIcon: tokens.iconColorStatusWarningPrimary,
+    statusWarningText: tokens.textColorStatusWarning,
+    statusWarningBackground: tokens.fillColorStatusWarningGhost,
+    statusErrorIcon: tokens.iconColorStatusErrorPrimary,
+    statusErrorText: tokens.textColorStatusError,
+    statusErrorBackground: tokens.fillColorStatusErrorGhost,
+    statusNeutralIcon: tokens.iconColorStatusNeutralPrimary,
+    statusNeutralText: tokens.textColorStatusNeutral,
+    statusNeutralBackground: tokens.fillColorStatusNeutralGhost,
 };
 const colorsChatDark = {
     name: 'dark',
     buttonStart: undefined,
     buttonEnd: undefined,
     interaction: tokens.fillColorInteractionDefaultDark,
+    switchTrackTrue: undefined,
+    switchTrackFalse: undefined,
+    switchThumbColor: undefined,
     testColor: 'pink',
+    statusInfoIcon: tokens.iconColorStatusInfoPrimaryDark,
+    statusInfoText: tokens.textColorStatusInfoDark,
+    statusInfoBackground: tokens.fillColorStatusInfoGhostDark,
+    statusSuccessIcon: tokens.iconColorStatusSuccessPrimaryDark,
+    statusSuccessText: tokens.textColorStatusSuccessDark,
+    statusSuccessBackground: tokens.fillColorStatusSuccessGhostDark,
+    statusWarningIcon: tokens.iconColorStatusWarningPrimaryDark,
+    statusWarningText: tokens.textColorStatusWarningDark,
+    statusWarningBackground: tokens.fillColorStatusWarningGhostDark,
+    statusErrorIcon: tokens.iconColorStatusErrorPrimaryDark,
+    statusErrorText: tokens.textColorStatusErrorDark,
+    statusErrorBackground: tokens.fillColorStatusErrorGhostDark,
+    statusNeutralIcon: tokens.iconColorStatusNeutralPrimaryDark,
+    statusNeutralText: tokens.textColorStatusNeutralDark,
+    statusNeutralBackground: tokens.fillColorStatusNeutralGhostDark,
 };
 const chatThemeColorMap = {
     light: colorsChatLight,

package/build/utils/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAA;AA6B/E,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,WAA4B,EAAa,EAAE;IACtE,MAAM,MAAM,GAAG,WAAW,IAAI,OAAO,CAAA;IAErC,MAAM,aAAa,GAAG;QACpB,GAAG,iBAAiB,CAAC,MAAM,CAAC;QAC5B,GAAG,mBAAmB,CAAC,MAAM,CAAC;KAC/B,CAAA;IAED,OAAO;QACL,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE;YACN,YAAY,EAAE,EAAE;SACjB;KACF,CAAA;AACH,CAAC,CAAA;AAYD,MAAM,eAAe,GAAe;IAClC,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,SAAS;IACtB,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,MAAM,CAAC,2BAA2B;IAC/C,SAAS,EAAE,SAAS;CACrB,CAAA;AAED,MAAM,cAAc,GAAe;IACjC,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,SAAS;IACtB,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,MAAM,CAAC,+BAA+B;IACnD,SAAS,EAAE,MAAM;CAClB,CAAA;AAED,MAAM,iBAAiB,GAAG;IACxB,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,cAAc;CACrB,CAAA","sourcesContent":["import { ColorSchemeName } from 'react-native'\nimport { tokens } from '../vendor/tapestry/tokens'\nimport { aliasTokensColorMap } from '../vendor/tapestry/alias_tokens_color_map'\n\nexport interface ChatTheme extends DefaultTheme {\n  colors: DefaultTheme['colors'] &\n    (typeof aliasTokensColorMap.light | typeof aliasTokensColorMap.dark)\n}\n\n/** =============================================\n  NOTE: The specific values for `colors` and the `productBadge` are temporary examples that can be replaced once we start building out UI. This line's comment can be removed at that time too.\n\n  The default theme is intended to support two types of customizations:\n  1. Specific color properties for a chat component (eg. `primaryButtonBackgroundColor`)\n  2. Any styles for a specific component. (Use only one level of nesting.)\n    ```\n      primaryButton: {\n        borderRadius: number\n        container: ViewStyle\n        text: TextStyle\n      }\n    ```\n============================================= */\n\nexport interface DefaultTheme {\n  colors: ChatColors\n  button: {\n    borderRadius: number\n  }\n}\n\nexport const defaultTheme = (colorScheme: ColorSchemeName): ChatTheme => {\n  const scheme = colorScheme || 'light'\n\n  const defaultColors = {\n    ...chatThemeColorMap[scheme],\n    ...aliasTokensColorMap[scheme],\n  }\n\n  return {\n    colors: defaultColors,\n    button: {\n      borderRadius: 40,\n    },\n  }\n}\n\nexport type TemporaryDefaultColorsType = Partial<ChatColors>\n\ninterface ChatColors {\n  name: string\n  buttonStart: string | undefined\n  buttonEnd: string | undefined\n  interaction: string\n  testColor: string\n}\n\nconst colorsChatLight: ChatColors = {\n  name: 'light',\n  buttonStart: undefined,\n  buttonEnd: undefined,\n  interaction: tokens.fillColorInteractionDefault,\n  testColor: 'hotpink',\n}\n\nconst colorsChatDark: ChatColors = {\n  name: 'dark',\n  buttonStart: undefined,\n  buttonEnd: undefined,\n  interaction: tokens.fillColorInteractionDefaultDark,\n  testColor: 'pink',\n}\n\nconst chatThemeColorMap = {\n  light: colorsChatLight,\n  dark: colorsChatDark,\n}\n"]}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAA;AA8B/E,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,WAA4B,EAAa,EAAE;IACtE,MAAM,MAAM,GAAG,WAAW,IAAI,OAAO,CAAA;IAErC,MAAM,aAAa,GAAG;QACpB,GAAG,iBAAiB,CAAC,MAAM,CAAC;QAC5B,GAAG,mBAAmB,CAAC,MAAM,CAAC;KAC/B,CAAA;IAED,OAAO;QACL,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE;YACN,YAAY,EAAE,EAAE;SACjB;QACD,aAAa,EAAE,IAAI,EAAE,sEAAsE;KAC5F,CAAA;AACH,CAAC,CAAA;AA8BD,MAAM,eAAe,GAAe;IAClC,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,SAAS;IACtB,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,MAAM,CAAC,2BAA2B;IAC/C,eAAe,EAAE,SAAS;IAC1B,gBAAgB,EAAE,SAAS;IAC3B,gBAAgB,EAAE,SAAS;IAC3B,SAAS,EAAE,SAAS;IACpB,cAAc,EAAE,MAAM,CAAC,0BAA0B;IACjD,cAAc,EAAE,MAAM,CAAC,mBAAmB;IAC1C,oBAAoB,EAAE,MAAM,CAAC,wBAAwB;IACrD,iBAAiB,EAAE,MAAM,CAAC,6BAA6B;IACvD,iBAAiB,EAAE,MAAM,CAAC,sBAAsB;IAChD,uBAAuB,EAAE,MAAM,CAAC,2BAA2B;IAC3D,iBAAiB,EAAE,MAAM,CAAC,6BAA6B;IACvD,iBAAiB,EAAE,MAAM,CAAC,sBAAsB;IAChD,uBAAuB,EAAE,MAAM,CAAC,2BAA2B;IAC3D,eAAe,EAAE,MAAM,CAAC,2BAA2B;IACnD,eAAe,EAAE,MAAM,CAAC,oBAAoB;IAC5C,qBAAqB,EAAE,MAAM,CAAC,yBAAyB;IACvD,iBAAiB,EAAE,MAAM,CAAC,6BAA6B;IACvD,iBAAiB,EAAE,MAAM,CAAC,sBAAsB;IAChD,uBAAuB,EAAE,MAAM,CAAC,2BAA2B;CAC5D,CAAA;AAED,MAAM,cAAc,GAAe;IACjC,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,SAAS;IACtB,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,MAAM,CAAC,+BAA+B;IACnD,eAAe,EAAE,SAAS;IAC1B,gBAAgB,EAAE,SAAS;IAC3B,gBAAgB,EAAE,SAAS;IAC3B,SAAS,EAAE,MAAM;IACjB,cAAc,EAAE,MAAM,CAAC,8BAA8B;IACrD,cAAc,EAAE,MAAM,CAAC,uBAAuB;IAC9C,oBAAoB,EAAE,MAAM,CAAC,4BAA4B;IACzD,iBAAiB,EAAE,MAAM,CAAC,iCAAiC;IAC3D,iBAAiB,EAAE,MAAM,CAAC,0BAA0B;IACpD,uBAAuB,EAAE,MAAM,CAAC,+BAA+B;IAC/D,iBAAiB,EAAE,MAAM,CAAC,iCAAiC;IAC3D,iBAAiB,EAAE,MAAM,CAAC,0BAA0B;IACpD,uBAAuB,EAAE,MAAM,CAAC,+BAA+B;IAC/D,eAAe,EAAE,MAAM,CAAC,+BAA+B;IACvD,eAAe,EAAE,MAAM,CAAC,wBAAwB;IAChD,qBAAqB,EAAE,MAAM,CAAC,6BAA6B;IAC3D,iBAAiB,EAAE,MAAM,CAAC,iCAAiC;IAC3D,iBAAiB,EAAE,MAAM,CAAC,0BAA0B;IACpD,uBAAuB,EAAE,MAAM,CAAC,+BAA+B;CAChE,CAAA;AAED,MAAM,iBAAiB,GAAG;IACxB,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,cAAc;CACrB,CAAA","sourcesContent":["import { ColorSchemeName } from 'react-native'\nimport { tokens } from '../vendor/tapestry/tokens'\nimport { aliasTokensColorMap } from '../vendor/tapestry/alias_tokens_color_map'\n\nexport interface ChatTheme extends DefaultTheme {\n  colors: DefaultTheme['colors'] &\n    (typeof aliasTokensColorMap.light | typeof aliasTokensColorMap.dark)\n}\n\n/** =============================================\n  NOTE: The specific values for `colors` and the `productBadge` are temporary examples that can be replaced once we start building out UI. This line's comment can be removed at that time too.\n\n  The default theme is intended to support two types of customizations:\n  1. Specific color properties for a chat component (eg. `primaryButtonBackgroundColor`)\n  2. Any styles for a specific component. (Use only one level of nesting.)\n    ```\n      primaryButton: {\n        borderRadius: number\n        container: ViewStyle\n        text: TextStyle\n      }\n    ```\n============================================= */\n\nexport interface DefaultTheme {\n  colors: ChatColors\n  button: {\n    borderRadius: number\n  }\n  showBadgeLogo: boolean\n}\n\nexport const defaultTheme = (colorScheme: ColorSchemeName): ChatTheme => {\n  const scheme = colorScheme || 'light'\n\n  const defaultColors = {\n    ...chatThemeColorMap[scheme],\n    ...aliasTokensColorMap[scheme],\n  }\n\n  return {\n    colors: defaultColors,\n    button: {\n      borderRadius: 40,\n    },\n    showBadgeLogo: true, // Overrides visibility of the product logo in `src/display/badge.tsx`\n  }\n}\n\nexport type TemporaryDefaultColorsType = Partial<ChatColors>\n\ninterface ChatColors {\n  name: string\n  buttonStart: string | undefined\n  buttonEnd: string | undefined\n  interaction: string\n  switchTrackTrue: string | undefined\n  switchTrackFalse: string | undefined\n  switchThumbColor: string | undefined\n  testColor: string\n  statusInfoIcon: string\n  statusInfoText: string\n  statusInfoBackground: string\n  statusSuccessIcon: string\n  statusSuccessText: string\n  statusSuccessBackground: string\n  statusWarningIcon: string\n  statusWarningText: string\n  statusWarningBackground: string\n  statusErrorIcon: string\n  statusErrorText: string\n  statusErrorBackground: string\n  statusNeutralIcon: string\n  statusNeutralText: string\n  statusNeutralBackground: string\n}\n\nconst colorsChatLight: ChatColors = {\n  name: 'light',\n  buttonStart: undefined,\n  buttonEnd: undefined,\n  interaction: tokens.fillColorInteractionDefault,\n  switchTrackTrue: undefined,\n  switchTrackFalse: undefined,\n  switchThumbColor: undefined,\n  testColor: 'hotpink',\n  statusInfoIcon: tokens.iconColorStatusInfoPrimary,\n  statusInfoText: tokens.textColorStatusInfo,\n  statusInfoBackground: tokens.fillColorStatusInfoGhost,\n  statusSuccessIcon: tokens.iconColorStatusSuccessPrimary,\n  statusSuccessText: tokens.textColorStatusSuccess,\n  statusSuccessBackground: tokens.fillColorStatusSuccessGhost,\n  statusWarningIcon: tokens.iconColorStatusWarningPrimary,\n  statusWarningText: tokens.textColorStatusWarning,\n  statusWarningBackground: tokens.fillColorStatusWarningGhost,\n  statusErrorIcon: tokens.iconColorStatusErrorPrimary,\n  statusErrorText: tokens.textColorStatusError,\n  statusErrorBackground: tokens.fillColorStatusErrorGhost,\n  statusNeutralIcon: tokens.iconColorStatusNeutralPrimary,\n  statusNeutralText: tokens.textColorStatusNeutral,\n  statusNeutralBackground: tokens.fillColorStatusNeutralGhost,\n}\n\nconst colorsChatDark: ChatColors = {\n  name: 'dark',\n  buttonStart: undefined,\n  buttonEnd: undefined,\n  interaction: tokens.fillColorInteractionDefaultDark,\n  switchTrackTrue: undefined,\n  switchTrackFalse: undefined,\n  switchThumbColor: undefined,\n  testColor: 'pink',\n  statusInfoIcon: tokens.iconColorStatusInfoPrimaryDark,\n  statusInfoText: tokens.textColorStatusInfoDark,\n  statusInfoBackground: tokens.fillColorStatusInfoGhostDark,\n  statusSuccessIcon: tokens.iconColorStatusSuccessPrimaryDark,\n  statusSuccessText: tokens.textColorStatusSuccessDark,\n  statusSuccessBackground: tokens.fillColorStatusSuccessGhostDark,\n  statusWarningIcon: tokens.iconColorStatusWarningPrimaryDark,\n  statusWarningText: tokens.textColorStatusWarningDark,\n  statusWarningBackground: tokens.fillColorStatusWarningGhostDark,\n  statusErrorIcon: tokens.iconColorStatusErrorPrimaryDark,\n  statusErrorText: tokens.textColorStatusErrorDark,\n  statusErrorBackground: tokens.fillColorStatusErrorGhostDark,\n  statusNeutralIcon: tokens.iconColorStatusNeutralPrimaryDark,\n  statusNeutralText: tokens.textColorStatusNeutralDark,\n  statusNeutralBackground: tokens.fillColorStatusNeutralGhostDark,\n}\n\nconst chatThemeColorMap = {\n  light: colorsChatLight,\n  dark: colorsChatDark,\n}\n"]}

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

@@ -51,6 +51,36 @@ export declare const tokens: {
     colorNeutral98: "hsl(0, 0%, 98%)";
     colorNeutral100White: "hsl(0, 0%, 100%)";
     fillColorInteractionDefault: "hsl(204, 100%, 40%)";
+    fillColorStatusNeutralGhost: "hsl(0, 0%, 93%)";
+    fillColorStatusNeutralGhostDark: "hsl(0, 0%, 18%)";
+    textColorStatusNeutral: "hsl(0, 0%, 24%)";
+    textColorStatusNeutralDark: "hsl(0, 0%, 80%)";
+    iconColorStatusNeutralPrimary: "hsl(0, 0%, 45%)";
+    iconColorStatusNeutralPrimaryDark: "hsl(0, 0%, 54%)";
+    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%)";
+    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%)";
+    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%)";
+    fillColorStatusInfoGhost: "hsl(203, 94%, 94%)";
+    fillColorStatusInfoGhostDark: "hsl(204, 32%, 15%)";
+    textColorStatusInfo: "hsl(204, 100%, 35%)";
+    textColorStatusInfoDark: "hsl(204, 68%, 55%)";
+    iconColorStatusInfoPrimary: "hsl(204, 100%, 40%)";
+    iconColorStatusInfoPrimaryDark: "hsl(204, 78%, 38%)";
     fillColorTransparencyLight010: "hsla(0, 0%, 100%, 0.1)";
     fillColorTransparencyLight020: "hsla(0, 0%, 100%, 0.2)";
     fillColorTransparencyLight030: "hsla(0, 0%, 100%, 0.3)";

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

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/vendor/tapestry/tokens.ts"],"names":[],"mappings":"AAuFA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKlB,CAAA"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/vendor/tapestry/tokens.ts"],"names":[],"mappings":"AAqHA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKlB,CAAA"}

package/build/vendor/tapestry/tokens.js

@@ -21,6 +21,36 @@ const colorPrimitives = {
     colorNeutral98: 'hsl(0, 0%, 98%)',
     colorNeutral100White: 'hsl(0, 0%, 100%)',
     fillColorInteractionDefault: 'hsl(204, 100%, 40%)',
+    fillColorStatusNeutralGhost: 'hsl(0, 0%, 93%)',
+    fillColorStatusNeutralGhostDark: 'hsl(0, 0%, 18%)',
+    textColorStatusNeutral: 'hsl(0, 0%, 24%)',
+    textColorStatusNeutralDark: 'hsl(0, 0%, 80%)',
+    iconColorStatusNeutralPrimary: 'hsl(0, 0%, 45%)',
+    iconColorStatusNeutralPrimaryDark: 'hsl(0, 0%, 54%)',
+    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%)',
+    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%)',
+    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%)',
+    fillColorStatusInfoGhost: 'hsl(203, 94%, 94%)',
+    fillColorStatusInfoGhostDark: 'hsl(204, 32%, 15%)',
+    textColorStatusInfo: 'hsl(204, 100%, 35%)',
+    textColorStatusInfoDark: 'hsl(204, 68%, 55%)',
+    iconColorStatusInfoPrimary: 'hsl(204, 100%, 40%)',
+    iconColorStatusInfoPrimaryDark: 'hsl(204, 78%, 38%)',
     fillColorTransparencyLight010: 'hsla(0, 0%, 100%, 0.1)',
     fillColorTransparencyLight020: 'hsla(0, 0%, 100%, 0.2)',
     fillColorTransparencyLight030: 'hsla(0, 0%, 100%, 0.3)',

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

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../../src/vendor/tapestry/tokens.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,2FAA2F;AAC3F,0GAA0G;AAE1G,MAAM,eAAe,GAAG;IACtB,aAAa,EAAE,gBAAgB;IAC/B,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,oBAAoB,EAAE,kBAAkB;IACxC,2BAA2B,EAAE,qBAAqB;IAClD,6BAA6B,EAAE,wBAAwB;IACvD,6BAA6B,EAAE,wBAAwB;IACvD,6BAA6B,EAAE,wBAAwB;IACvD,6BAA6B,EAAE,wBAAwB;IACvD,6BAA6B,EAAE,wBAAwB;IACvD,6BAA6B,EAAE,wBAAwB;IACvD,6BAA6B,EAAE,wBAAwB;IACvD,6BAA6B,EAAE,wBAAwB;IACvD,6BAA6B,EAAE,wBAAwB;IACvD,4BAA4B,EAAE,sBAAsB;IACpD,4BAA4B,EAAE,sBAAsB;IACpD,4BAA4B,EAAE,sBAAsB;IACpD,4BAA4B,EAAE,sBAAsB;IACpD,4BAA4B,EAAE,sBAAsB;IACpD,4BAA4B,EAAE,sBAAsB;IACpD,4BAA4B,EAAE,sBAAsB;IACpD,4BAA4B,EAAE,sBAAsB;IACpD,4BAA4B,EAAE,sBAAsB;CAC5C,CAAA;AAEV,MAAM,gBAAgB,GAAG;IACvB,aAAa,EAAE,CAAC;IAChB,WAAW,EAAE,CAAC;IACd,QAAQ,EAAE,CAAC;IACX,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,cAAc,EAAE,CAAC;IACjB,cAAc,EAAE,CAAC;IACjB,cAAc,EAAE,CAAC;IACjB,cAAc,EAAE,EAAE;IAClB,iBAAiB,EAAE,EAAE;IACrB,iBAAiB,EAAE,CAAC;IACpB,eAAe,EAAE,CAAC;IAClB,gBAAgB,EAAE,KAAK;IACvB,gBAAgB,EAAE,KAAK;IACvB,kBAAkB,EAAE,KAAK;IACzB,cAAc,EAAE,KAAK;IACrB,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IACf,UAAU,EAAE,EAAE;IACd,UAAU,EAAE,EAAE;IACd,UAAU,EAAE,EAAE;IACd,UAAU,EAAE,EAAE;IACd,UAAU,EAAE,EAAE;IACd,WAAW,EAAE,EAAE;CACP,CAAA;AAEV,MAAM,cAAc,GAAG;IACrB,mBAAmB,EAAE,gBAAgB,CAAC,cAAc;CAC5C,CAAA;AAEV,gFAAgF;AAChF,MAAM,eAAe,GAAG;IACtB,6BAA6B,EAAE,oBAAoB;IACnD,+BAA+B,EAAE,qBAAqB;IACtD,0BAA0B,EAAE,kBAAkB;CACtC,CAAA;AAEV,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,GAAG,eAAe;IAClB,GAAG,gBAAgB;IACnB,GAAG,cAAc;IACjB,GAAG,eAAe;CACnB,CAAA","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  colorNeutral100White: 'hsl(0, 0%, 100%)',\n  fillColorInteractionDefault: 'hsl(204, 100%, 40%)',\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  colorNeutral100White: 'hsl(0, 0%, 100%)',\n  fillColorInteractionDefault: 'hsl(204, 100%, 40%)',\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"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "1.6.2-rc.1",
+  "version": "1.6.2-rc.3",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -46,5 +46,5 @@
     "prettier": "^3.4.2",
     "typescript": "<5.6.0"
   },
-  "gitHead": "a8cf11f82abf54115ee5fbe47bf870074a11b950"
+  "gitHead": "911d3afec35afad96c5dd51936470507dde80992"
 }