@procivis/one-react-native-components 0.1.63

package/lib/commonjs/settings/setting-item.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _typography = _interopRequireDefault(require("../text/typography"));
+var _colorSchemeContext = require("../theme/color-scheme-context");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    height: 60,
+    justifyContent: 'center',
+    width: '100%'
+  },
+  icon: {
+    alignItems: 'center',
+    borderRadius: 18,
+    height: 36,
+    justifyContent: 'center',
+    marginRight: 12,
+    width: 36
+  },
+  label: {
+    flex: 1,
+    marginBottom: 0,
+    marginTop: 0
+  },
+  wrapper: {
+    justifyContent: 'center',
+    marginHorizontal: 16,
+    paddingHorizontal: 12
+  }
+});
+const SettingItem = _ref => {
+  let {
+    title,
+    icon,
+    style,
+    children
+  } = _ref;
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  const iconView = (0, _react.useMemo)(() => {
+    if (!icon) {
+      return undefined;
+    }
+    if ( /*#__PURE__*/_react.default.isValidElement(icon)) {
+      return icon;
+    } else {
+      const IconComponent = icon;
+      return /*#__PURE__*/_react.default.createElement(IconComponent, null);
+    }
+  }, [icon]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.wrapper, {
+      backgroundColor: colorScheme.white
+    }, style]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, iconView && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.icon, {
+      backgroundColor: colorScheme.background
+    }]
+  }, iconView), /*#__PURE__*/_react.default.createElement(_typography.default, {
+    accessible: false,
+    color: colorScheme.text,
+    preset: "s",
+    style: styles.label
+  }, title), children));
+};
+var _default = SettingItem;
+exports.default = _default;
+//# sourceMappingURL=setting-item.js.map

package/lib/commonjs/settings/setting-item.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_typography","_interopRequireDefault","_colorSchemeContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","styles","StyleSheet","create","container","alignItems","flexDirection","height","justifyContent","width","icon","borderRadius","marginRight","label","flex","marginBottom","marginTop","wrapper","marginHorizontal","paddingHorizontal","SettingItem","_ref","title","style","children","colorScheme","useAppColorScheme","iconView","useMemo","undefined","React","isValidElement","IconComponent","createElement","View","backgroundColor","white","background","accessible","color","text","preset","_default","exports"],"sources":["setting-item.tsx"],"sourcesContent":["import React, { ComponentType, FunctionComponent, PropsWithChildren, ReactElement, useMemo } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    height: 60,\n    justifyContent: 'center',\n    width: '100%',\n  },\n  icon: {\n    alignItems: 'center',\n    borderRadius: 18,\n    height: 36,\n    justifyContent: 'center',\n    marginRight: 12,\n    width: 36,\n  },\n  label: {\n    flex: 1,\n    marginBottom: 0,\n    marginTop: 0,\n  },\n  wrapper: {\n    justifyContent: 'center',\n    marginHorizontal: 16,\n    paddingHorizontal: 12,\n  },\n});\n\nexport type SettingItemProps = {\n  icon?: ComponentType<any> | ReactElement;\n  style?: StyleProp<ViewStyle>;\n  title: string;\n};\n\nconst SettingItem: FunctionComponent<PropsWithChildren<SettingItemProps>> = ({ title, icon, style, children }) => {\n  const colorScheme = useAppColorScheme();\n  const iconView: React.ReactElement | undefined = useMemo(() => {\n    if (!icon) {\n      return undefined;\n    }\n    if (React.isValidElement(icon)) {\n      return icon;\n    } else {\n      const IconComponent = icon as React.ComponentType<any>;\n      return <IconComponent />;\n    }\n  }, [icon]);\n\n  return (\n    <View style={[styles.wrapper, { backgroundColor: colorScheme.white }, style]}>\n      <View style={styles.container}>\n        {iconView && <View style={[styles.icon, { backgroundColor: colorScheme.background }]}>{iconView}</View>}\n        <Typography accessible={false} color={colorScheme.text} preset=\"s\" style={styles.label}>\n          {title}\n        </Typography>\n        {children}\n      </View>\n    </View>\n  );\n};\n\nexport default SettingItem;\n"],"mappings":"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"}

package/lib/commonjs/settings/settings-button.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _colorSchemeContext = require("../theme/color-scheme-context");
+var _buttonSetting = _interopRequireDefault(require("./button-setting"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const SettingsButton = _ref => {
+  let {
+    style,
+    ...props
+  } = _ref;
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  return /*#__PURE__*/_react.default.createElement(_buttonSetting.default, _extends({
+    style: [styles.button, {
+      backgroundColor: colorScheme.background
+    }, style]
+  }, props));
+};
+const styles = _reactNative.StyleSheet.create({
+  button: {
+    borderRadius: 12,
+    height: 68,
+    marginHorizontal: 0,
+    paddingHorizontal: 12
+  }
+});
+var _default = SettingsButton;
+exports.default = _default;
+//# sourceMappingURL=settings-button.js.map

package/lib/commonjs/settings/settings-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_colorSchemeContext","_buttonSetting","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","SettingsButton","_ref","style","props","colorScheme","useAppColorScheme","createElement","styles","button","backgroundColor","background","StyleSheet","create","borderRadius","height","marginHorizontal","paddingHorizontal","_default","exports"],"sources":["settings-button.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport ButtonSetting, { ButtonSettingProps } from './button-setting';\n\nexport type SettingsButtonProps = ButtonSettingProps;\n\nconst SettingsButton: FC<SettingsButtonProps> = ({ style, ...props }) => {\n  const colorScheme = useAppColorScheme();\n  return <ButtonSetting style={[styles.button, { backgroundColor: colorScheme.background }, style]} {...props} />;\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    borderRadius: 12,\n    height: 68,\n    marginHorizontal: 0,\n    paddingHorizontal: 12,\n  },\n});\n\nexport default SettingsButton;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAqE,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAIrE,MAAMQ,cAAuC,GAAGC,IAAA,IAAyB;EAAA,IAAxB;IAAEC,KAAK;IAAE,GAAGC;EAAM,CAAC,GAAAF,IAAA;EAClE,MAAMG,WAAW,GAAG,IAAAC,qCAAiB,GAAE;EACvC,oBAAO5B,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAACxB,cAAA,CAAAG,OAAa,EAAAC,QAAA;IAACgB,KAAK,EAAE,CAACK,MAAM,CAACC,MAAM,EAAE;MAAEC,eAAe,EAAEL,WAAW,CAACM;IAAW,CAAC,EAAER,KAAK;EAAE,GAAKC,KAAK,EAAI;AACjH,CAAC;AAED,MAAMI,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC/BJ,MAAM,EAAE;IACNK,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACVC,gBAAgB,EAAE,CAAC;IACnBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYjB,cAAc;AAAAkB,OAAA,CAAAjC,OAAA,GAAAgC,QAAA"}

package/lib/commonjs/settings/switch-setting.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _switch = require("../control/switch");
+var _settingItem = _interopRequireDefault(require("./setting-item"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const SwitchSetting = _ref => {
+  let {
+    title,
+    value,
+    onChange,
+    icon,
+    style,
+    disabled = false,
+    testID
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_settingItem.default, {
+    icon: icon,
+    style: style,
+    title: title
+  }, /*#__PURE__*/_react.default.createElement(_switch.Switch, {
+    accessibilityLabel: title,
+    disabled: disabled,
+    onChange: onChange,
+    testID: testID,
+    value: value
+  }));
+};
+var _default = SwitchSetting;
+exports.default = _default;
+//# sourceMappingURL=switch-setting.js.map

package/lib/commonjs/settings/switch-setting.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_switch","_settingItem","obj","__esModule","default","SwitchSetting","_ref","title","value","onChange","icon","style","disabled","testID","createElement","Switch","accessibilityLabel","_default","exports"],"sources":["switch-setting.tsx"],"sourcesContent":["import React, { ComponentType, FunctionComponent, ReactElement } from 'react';\nimport type { StyleProp, ViewStyle } from 'react-native';\n\nimport { Switch } from '../control/switch';\nimport SettingItem from './setting-item';\n\nexport type SwitchSettingProps = {\n  disabled?: boolean;\n  icon?: ComponentType<any> | ReactElement;\n  onChange: (newValue: boolean) => void;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  title: string;\n  value: boolean;\n};\n\nconst SwitchSetting: FunctionComponent<SwitchSettingProps> = ({\n  title,\n  value,\n  onChange,\n  icon,\n  style,\n  disabled = false,\n  testID,\n}) => {\n  return (\n    <SettingItem icon={icon} style={style} title={title}>\n      <Switch accessibilityLabel={title} disabled={disabled} onChange={onChange} testID={testID} value={value} />\n    </SettingItem>\n  );\n};\n\nexport default SwitchSetting;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAyC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAYzC,MAAMG,aAAoD,GAAGC,IAAA,IAQvD;EAAA,IARwD;IAC5DC,KAAK;IACLC,KAAK;IACLC,QAAQ;IACRC,IAAI;IACJC,KAAK;IACLC,QAAQ,GAAG,KAAK;IAChBC;EACF,CAAC,GAAAP,IAAA;EACC,oBACET,MAAA,CAAAO,OAAA,CAAAU,aAAA,CAACb,YAAA,CAAAG,OAAW;IAACM,IAAI,EAAEA,IAAK;IAACC,KAAK,EAAEA,KAAM;IAACJ,KAAK,EAAEA;EAAM,gBAClDV,MAAA,CAAAO,OAAA,CAAAU,aAAA,CAACd,OAAA,CAAAe,MAAM;IAACC,kBAAkB,EAAET,KAAM;IAACK,QAAQ,EAAEA,QAAS;IAACH,QAAQ,EAAEA,QAAS;IAACI,MAAM,EAAEA,MAAO;IAACL,KAAK,EAAEA;EAAM,EAAG,CAC/F;AAElB,CAAC;AAAC,IAAAS,QAAA,GAEaZ,aAAa;AAAAa,OAAA,CAAAd,OAAA,GAAAa,QAAA"}

package/lib/commonjs/state/error-screen.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _ = require("..");
+var _buttons = require("../buttons");
+var _icons = require("../icons");
+var _text = require("../text");
+var _theme = require("../theme");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const ErrorScreen = _ref => {
+  let {
+    testID,
+    title,
+    subtitle,
+    button
+  } = _ref;
+  const colorScheme = (0, _theme.useAppColorScheme)();
+  return /*#__PURE__*/_react.default.createElement(_.ScrollViewScreen, {
+    header: {
+      static: true,
+      title: title
+    },
+    modalPresentation: true,
+    scrollView: {
+      testID
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.wrapper, {
+      backgroundColor: colorScheme.background
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.warning
+  }, /*#__PURE__*/_react.default.createElement(_icons.CredentialWarningIcon, {
+    height: 42,
+    width: 42
+  }), /*#__PURE__*/_react.default.createElement(_text.Typography, {
+    color: colorScheme.text,
+    preset: "regular",
+    style: styles.message
+  }, subtitle)), button ? /*#__PURE__*/_react.default.createElement(_buttons.Button, {
+    disabled: button.disabled,
+    onPress: button.onPress,
+    testID: button.testID,
+    title: button.label
+  }) : undefined));
+};
+const styles = _reactNative.StyleSheet.create({
+  message: {
+    textAlign: 'center'
+  },
+  warning: {
+    alignItems: 'center',
+    display: 'flex',
+    flexGrow: 1,
+    justifyContent: 'center'
+  },
+  wrapper: {
+    display: 'flex',
+    flexDirection: 'column',
+    height: '100%',
+    paddingHorizontal: 16
+  }
+});
+var _default = ErrorScreen;
+exports.default = _default;
+//# sourceMappingURL=error-screen.js.map

package/lib/commonjs/state/error-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_","_buttons","_icons","_text","_theme","obj","__esModule","default","ErrorScreen","_ref","testID","title","subtitle","button","colorScheme","useAppColorScheme","createElement","ScrollViewScreen","header","static","modalPresentation","scrollView","View","style","styles","wrapper","backgroundColor","background","warning","CredentialWarningIcon","height","width","Typography","color","text","preset","message","Button","disabled","onPress","label","undefined","StyleSheet","create","textAlign","alignItems","display","flexGrow","justifyContent","flexDirection","paddingHorizontal","_default","exports"],"sources":["error-screen.tsx"],"sourcesContent":["import React, { FunctionComponent } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { ScrollViewScreen } from '..';\nimport { Button } from '../buttons';\nimport { CredentialWarningIcon } from '../icons';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport interface ErrorScreenButton {\n  testID?: string;\n  label: string;\n  disabled?: boolean;\n  onPress?: () => void;\n}\n\nexport interface ErrorScreenProps {\n  testID?: string;\n  title: string;\n  subtitle: string;\n  button: ErrorScreenButton;\n}\n\nconst ErrorScreen: FunctionComponent<ErrorScreenProps> = ({ testID, title, subtitle, button }) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <ScrollViewScreen\n      header={{\n        static: true,\n        title: title,\n      }}\n      modalPresentation\n      scrollView={{\n        testID,\n      }}>\n      <View style={[styles.wrapper, { backgroundColor: colorScheme.background }]}>\n        <View style={styles.warning}>\n          <CredentialWarningIcon height={42} width={42} />\n          <Typography color={colorScheme.text} preset=\"regular\" style={styles.message}>\n            {subtitle}\n          </Typography>\n        </View>\n\n        {button ? (\n          <Button disabled={button.disabled} onPress={button.onPress} testID={button.testID} title={button.label} />\n        ) : undefined}\n      </View>\n    </ScrollViewScreen>\n  );\n};\n\nconst styles = StyleSheet.create({\n  message: {\n    textAlign: 'center',\n  },\n  warning: {\n    alignItems: 'center',\n    display: 'flex',\n    flexGrow: 1,\n    justifyContent: 'center',\n  },\n  wrapper: {\n    display: 'flex',\n    flexDirection: 'column',\n    height: '100%',\n    paddingHorizontal: 16,\n  },\n});\n\nexport default ErrorScreen;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,CAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAA6C,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAgB7C,MAAMG,WAAgD,GAAGC,IAAA,IAAyC;EAAA,IAAxC;IAAEC,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAO,CAAC,GAAAJ,IAAA;EAC3F,MAAMK,WAAW,GAAG,IAAAC,wBAAiB,GAAE;EAEvC,oBACEnB,MAAA,CAAAW,OAAA,CAAAS,aAAA,CAAChB,CAAA,CAAAiB,gBAAgB;IACfC,MAAM,EAAE;MACNC,MAAM,EAAE,IAAI;MACZR,KAAK,EAAEA;IACT,CAAE;IACFS,iBAAiB;IACjBC,UAAU,EAAE;MACVX;IACF;EAAE,gBACFd,MAAA,CAAAW,OAAA,CAAAS,aAAA,CAACjB,YAAA,CAAAuB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,OAAO,EAAE;MAAEC,eAAe,EAAEZ,WAAW,CAACa;IAAW,CAAC;EAAE,gBACzE/B,MAAA,CAAAW,OAAA,CAAAS,aAAA,CAACjB,YAAA,CAAAuB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACI;EAAQ,gBAC1BhC,MAAA,CAAAW,OAAA,CAAAS,aAAA,CAACd,MAAA,CAAA2B,qBAAqB;IAACC,MAAM,EAAE,EAAG;IAACC,KAAK,EAAE;EAAG,EAAG,eAChDnC,MAAA,CAAAW,OAAA,CAAAS,aAAA,CAACb,KAAA,CAAA6B,UAAU;IAACC,KAAK,EAAEnB,WAAW,CAACoB,IAAK;IAACC,MAAM,EAAC,SAAS;IAACZ,KAAK,EAAEC,MAAM,CAACY;EAAQ,GACzExB,QAAQ,CACE,CACR,EAENC,MAAM,gBACLjB,MAAA,CAAAW,OAAA,CAAAS,aAAA,CAACf,QAAA,CAAAoC,MAAM;IAACC,QAAQ,EAAEzB,MAAM,CAACyB,QAAS;IAACC,OAAO,EAAE1B,MAAM,CAAC0B,OAAQ;IAAC7B,MAAM,EAAEG,MAAM,CAACH,MAAO;IAACC,KAAK,EAAEE,MAAM,CAAC2B;EAAM,EAAG,GACxGC,SAAS,CACR,CACU;AAEvB,CAAC;AAED,MAAMjB,MAAM,GAAGkB,uBAAU,CAACC,MAAM,CAAC;EAC/BP,OAAO,EAAE;IACPQ,SAAS,EAAE;EACb,CAAC;EACDhB,OAAO,EAAE;IACPiB,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAE,MAAM;IACfC,QAAQ,EAAE,CAAC;IACXC,cAAc,EAAE;EAClB,CAAC;EACDvB,OAAO,EAAE;IACPqB,OAAO,EAAE,MAAM;IACfG,aAAa,EAAE,QAAQ;IACvBnB,MAAM,EAAE,MAAM;IACdoB,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEY3C,WAAW;AAAA4C,OAAA,CAAA7C,OAAA,GAAA4C,QAAA"}

package/lib/commonjs/state/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ErrorScreen", {
+  enumerable: true,
+  get: function () {
+    return _errorScreen.default;
+  }
+});
+Object.defineProperty(exports, "ErrorScreenButton", {
+  enumerable: true,
+  get: function () {
+    return _errorScreen.ErrorScreenButton;
+  }
+});
+Object.defineProperty(exports, "ErrorScreenProps", {
+  enumerable: true,
+  get: function () {
+    return _errorScreen.ErrorScreenProps;
+  }
+});
+var _errorScreen = _interopRequireWildcard(require("./error-screen"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_errorScreen","_interopRequireWildcard","require","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set"],"sources":["index.ts"],"sourcesContent":["import ErrorScreen, { ErrorScreenButton, ErrorScreenProps } from './error-screen';\n\nexport { ErrorScreen, ErrorScreenButton, ErrorScreenProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAkF,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAH,wBAAAO,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA"}

package/lib/commonjs/text/base.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseText = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _accessibility = require("../accessibility/accessibility");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const BaseText = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    align = 'left',
+    color,
+    style,
+    children,
+    announcementActive,
+    announcementCumulative,
+    onAnnouncementFinished,
+    ...props
+  } = _ref;
+  const announcementFinished = (0, _accessibility.useAccessibilityAnnouncementCumulative)(announcementActive && typeof children === 'string' ? children : undefined, announcementCumulative);
+  (0, _react.useEffect)(() => {
+    onAnnouncementFinished === null || onAnnouncementFinished === void 0 ? void 0 : onAnnouncementFinished(announcementFinished);
+  }, [announcementFinished, onAnnouncementFinished]);
+  const baseStyle = {
+    textAlign: align,
+    color
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Text, _extends({
+    ref: ref,
+    style: [baseStyle, style],
+    maxFontSizeMultiplier: 2
+  }, props), children);
+});
+exports.BaseText = BaseText;
+BaseText.displayName = 'BaseText';
+//# sourceMappingURL=base.js.map

package/lib/commonjs/text/base.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_accessibility","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","BaseText","React","forwardRef","_ref","ref","align","color","style","children","announcementActive","announcementCumulative","onAnnouncementFinished","props","announcementFinished","useAccessibilityAnnouncementCumulative","undefined","useEffect","baseStyle","textAlign","createElement","Text","maxFontSizeMultiplier","exports","displayName"],"sources":["base.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect } from 'react';\nimport { ColorValue, StyleProp, Text, TextProps, TextStyle } from 'react-native';\n\nimport { useAccessibilityAnnouncementCumulative } from '../accessibility/accessibility';\n\nexport type BaseTextProps = TextProps & {\n  align?: 'center' | 'left' | 'right';\n  color: ColorValue;\n  style?: StyleProp<TextStyle>;\n\n  /* accessibility automatic voice-over */\n  announcementActive?: boolean;\n  announcementCumulative?: boolean;\n  /* only supported (fired) on iOS */\n  onAnnouncementFinished?: (finished: boolean) => void;\n};\n\nexport const BaseText = React.forwardRef<Text, PropsWithChildren<BaseTextProps>>(\n  (\n    {\n      align = 'left',\n      color,\n      style,\n      children,\n      announcementActive,\n      announcementCumulative,\n      onAnnouncementFinished,\n      ...props\n    },\n    ref,\n  ) => {\n    const announcementFinished = useAccessibilityAnnouncementCumulative(\n      announcementActive && typeof children === 'string' ? (children as string) : undefined,\n      announcementCumulative,\n    );\n    useEffect(() => {\n      onAnnouncementFinished?.(announcementFinished);\n    }, [announcementFinished, onAnnouncementFinished]);\n\n    const baseStyle: TextStyle = {\n      textAlign: align,\n      color,\n    };\n\n    return (\n      <Text ref={ref} style={[baseStyle, style]} maxFontSizeMultiplier={2} {...props}>\n        {children}\n      </Text>\n    );\n  },\n);\n\nBaseText.displayName = 'BaseText';\n"],"mappings":"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"}

package/lib/commonjs/text/font.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fontFactory = exports.default = void 0;
+var _reactNative = require("react-native");
+var FontFace;
+(function (FontFace) {
+  FontFace["OpenSans"] = "Open Sans";
+  FontFace["IBMPlexMono"] = "IBM Plex Mono";
+  FontFace["ProcivisBook"] = "Procivis-Book";
+})(FontFace || (FontFace = {}));
+var FontWeight;
+(function (FontWeight) {
+  FontWeight["Medium"] = "500";
+  FontWeight["Regular"] = "400";
+})(FontWeight || (FontWeight = {}));
+// generate styles for a font with given weight and style
+const fontFactory = _ref => {
+  let {
+    face,
+    weight
+  } = _ref;
+  if (_reactNative.Platform.OS === 'android') {
+    var _Object$values$Object;
+    const filePrefix = (_Object$values$Object = Object.values(FontFace)[Object.values(FontFace).indexOf(face)]) === null || _Object$values$Object === void 0 ? void 0 : _Object$values$Object.replace(' ', '');
+    if (!weight) {
+      return {
+        fontFamily: filePrefix
+      };
+    }
+    const fileSuffix = Object.keys(FontWeight)[Object.values(FontWeight).indexOf(weight)];
+    return {
+      fontFamily: `${filePrefix}-${fileSuffix}`
+    };
+  } else {
+    return {
+      fontFamily: face,
+      fontWeight: weight
+    };
+  }
+};
+exports.fontFactory = fontFactory;
+const font = {
+  regular: fontFactory({
+    face: FontFace.OpenSans,
+    weight: FontWeight.Regular
+  }),
+  medium: fontFactory({
+    face: FontFace.OpenSans,
+    weight: FontWeight.Medium
+  }),
+  code: fontFactory({
+    face: FontFace.IBMPlexMono,
+    weight: FontWeight.Regular
+  }),
+  heading: fontFactory({
+    face: FontFace.ProcivisBook
+  })
+};
+var _default = font;
+exports.default = _default;
+//# sourceMappingURL=font.js.map

package/lib/commonjs/text/font.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","FontFace","FontWeight","fontFactory","_ref","face","weight","Platform","OS","_Object$values$Object","filePrefix","Object","values","indexOf","replace","fontFamily","fileSuffix","keys","fontWeight","exports","font","regular","OpenSans","Regular","medium","Medium","code","IBMPlexMono","heading","ProcivisBook","_default","default"],"sources":["font.ts"],"sourcesContent":["import { Platform, TextStyle } from 'react-native';\n\nexport interface FontStyle {\n  fontFamily?: string;\n  fontWeight?: TextStyle['fontWeight'];\n}\n\nenum FontFace {\n  OpenSans = 'Open Sans',\n  IBMPlexMono = 'IBM Plex Mono',\n  ProcivisBook = 'Procivis-Book',\n}\n\nenum FontWeight {\n  Medium = '500',\n  Regular = '400',\n}\n\nexport interface FontFactoryProps {\n  face: FontFace;\n  weight?: FontWeight;\n}\n\n// generate styles for a font with given weight and style\nexport const fontFactory = ({ face, weight }: FontFactoryProps): FontStyle => {\n  if (Platform.OS === 'android') {\n    const filePrefix = Object.values(FontFace)[Object.values(FontFace).indexOf(face)]?.replace(' ', '');\n    if (!weight) {\n      return {\n        fontFamily: filePrefix,\n      };\n    }\n    const fileSuffix = Object.keys(FontWeight)[Object.values(FontWeight).indexOf(weight)];\n    return {\n      fontFamily: `${filePrefix}-${fileSuffix}`,\n    };\n  } else {\n    return {\n      fontFamily: face,\n      fontWeight: weight,\n    };\n  }\n};\n\nconst font = {\n  regular: fontFactory({ face: FontFace.OpenSans, weight: FontWeight.Regular }),\n  medium: fontFactory({ face: FontFace.OpenSans, weight: FontWeight.Medium }),\n  code: fontFactory({ face: FontFace.IBMPlexMono, weight: FontWeight.Regular }),\n  heading: fontFactory({ face: FontFace.ProcivisBook }),\n};\n\nexport default font;\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAmD,IAO9CC,QAAQ;AAAA,WAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;AAAA,GAARA,QAAQ,KAARA,QAAQ;AAAA,IAMRC,UAAU;AAAA,WAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;AAAA,GAAVA,UAAU,KAAVA,UAAU;AAUf;AACO,MAAMC,WAAW,GAAGC,IAAA,IAAmD;EAAA,IAAlD;IAAEC,IAAI;IAAEC;EAAyB,CAAC,GAAAF,IAAA;EAC5D,IAAIG,qBAAQ,CAACC,EAAE,KAAK,SAAS,EAAE;IAAA,IAAAC,qBAAA;IAC7B,MAAMC,UAAU,IAAAD,qBAAA,GAAGE,MAAM,CAACC,MAAM,CAACX,QAAQ,CAAC,CAACU,MAAM,CAACC,MAAM,CAACX,QAAQ,CAAC,CAACY,OAAO,CAACR,IAAI,CAAC,CAAC,cAAAI,qBAAA,uBAA9DA,qBAAA,CAAgEK,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;IACnG,IAAI,CAACR,MAAM,EAAE;MACX,OAAO;QACLS,UAAU,EAAEL;MACd,CAAC;IACH;IACA,MAAMM,UAAU,GAAGL,MAAM,CAACM,IAAI,CAACf,UAAU,CAAC,CAACS,MAAM,CAACC,MAAM,CAACV,UAAU,CAAC,CAACW,OAAO,CAACP,MAAM,CAAC,CAAC;IACrF,OAAO;MACLS,UAAU,EAAG,GAAEL,UAAW,IAAGM,UAAW;IAC1C,CAAC;EACH,CAAC,MAAM;IACL,OAAO;MACLD,UAAU,EAAEV,IAAI;MAChBa,UAAU,EAAEZ;IACd,CAAC;EACH;AACF,CAAC;AAACa,OAAA,CAAAhB,WAAA,GAAAA,WAAA;AAEF,MAAMiB,IAAI,GAAG;EACXC,OAAO,EAAElB,WAAW,CAAC;IAAEE,IAAI,EAAEJ,QAAQ,CAACqB,QAAQ;IAAEhB,MAAM,EAAEJ,UAAU,CAACqB;EAAQ,CAAC,CAAC;EAC7EC,MAAM,EAAErB,WAAW,CAAC;IAAEE,IAAI,EAAEJ,QAAQ,CAACqB,QAAQ;IAAEhB,MAAM,EAAEJ,UAAU,CAACuB;EAAO,CAAC,CAAC;EAC3EC,IAAI,EAAEvB,WAAW,CAAC;IAAEE,IAAI,EAAEJ,QAAQ,CAAC0B,WAAW;IAAErB,MAAM,EAAEJ,UAAU,CAACqB;EAAQ,CAAC,CAAC;EAC7EK,OAAO,EAAEzB,WAAW,CAAC;IAAEE,IAAI,EAAEJ,QAAQ,CAAC4B;EAAa,CAAC;AACtD,CAAC;AAAC,IAAAC,QAAA,GAEaV,IAAI;AAAAD,OAAA,CAAAY,OAAA,GAAAD,QAAA"}

package/lib/commonjs/text/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Typography", {
+  enumerable: true,
+  get: function () {
+    return _typography.default;
+  }
+});
+Object.defineProperty(exports, "TypographyProps", {
+  enumerable: true,
+  get: function () {
+    return _typography.TypographyProps;
+  }
+});
+var _typography = _interopRequireWildcard(require("./typography"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_typography","_interopRequireWildcard","require","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set"],"sources":["index.ts"],"sourcesContent":["import Typography, { TypographyProps } from './typography';\n\nexport { Typography, TypographyProps };\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA2D,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAH,wBAAAO,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA"}

package/lib/commonjs/text/typography.js

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _theme = require("../theme");
+var _base = require("./base");
+var _font = _interopRequireDefault(require("./font"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const presets = {
+  xl: {
+    ..._font.default.heading,
+    fontSize: 26,
+    lineHeight: 36,
+    letterSpacing: 0.2
+  },
+  l: {
+    ..._font.default.heading,
+    fontSize: 24,
+    lineHeight: 33
+  },
+  'l/line-height-large': {
+    ..._font.default.heading,
+    fontSize: 24,
+    lineHeight: 28
+  },
+  regular: {
+    ..._font.default.regular,
+    fontSize: 17,
+    lineHeight: 24
+  },
+  m: {
+    ..._font.default.medium,
+    fontSize: 17,
+    lineHeight: 22,
+    letterSpacing: -0.2
+  },
+  'm/heading': {
+    ..._font.default.heading,
+    fontSize: 17,
+    lineHeight: 22,
+    letterSpacing: -0.2
+  },
+  s: {
+    ..._font.default.regular,
+    fontSize: 14,
+    lineHeight: 22
+  },
+  's/line-height-capped': {
+    ..._font.default.regular,
+    fontSize: 14,
+    lineHeight: 22,
+    letterSpacing: -0.2
+    // TODO: vertical trim: cap height
+  },
+
+  's/line-height-small': {
+    ..._font.default.regular,
+    fontSize: 14,
+    lineHeight: 18,
+    letterSpacing: 0.3
+  },
+  's/code': {
+    ..._font.default.code,
+    fontSize: 14,
+    lineHeight: 22,
+    letterSpacing: 0.2
+  },
+  xs: {
+    ..._font.default.regular,
+    fontSize: 12,
+    lineHeight: 22,
+    letterSpacing: -0.1
+  },
+  'xs/line-height-small': {
+    ..._font.default.regular,
+    fontSize: 12,
+    lineHeight: 18,
+    letterSpacing: 0.3
+  },
+  'xs/code': {
+    ..._font.default.code,
+    fontSize: 12,
+    lineHeight: 18,
+    letterSpacing: 0.3
+  }
+};
+/**
+ * General text component
+ * @see https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=1045-30326
+ */
+const Typography = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    preset = 'regular',
+    color,
+    caps,
+    style,
+    ...props
+  } = _ref;
+  const colorScheme = (0, _theme.useAppColorScheme)();
+  return /*#__PURE__*/_react.default.createElement(_base.BaseText, _extends({
+    ref: ref,
+    style: [presets[preset], caps && styles.caps, style],
+    color: color !== null && color !== void 0 ? color : colorScheme.text
+  }, props));
+});
+Typography.displayName = 'Typography';
+const styles = _reactNative.StyleSheet.create({
+  caps: {
+    textTransform: 'uppercase'
+  }
+});
+var _default = Typography;
+exports.default = _default;
+//# sourceMappingURL=typography.js.map

package/lib/commonjs/text/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theme","_base","_font","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","presets","xl","font","heading","fontSize","lineHeight","letterSpacing","l","regular","m","medium","s","code","xs","Typography","React","forwardRef","_ref","ref","preset","color","caps","style","props","colorScheme","useAppColorScheme","createElement","BaseText","styles","text","displayName","StyleSheet","create","textTransform","_default","exports"],"sources":["typography.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text } from 'react-native';\n\nimport { useAppColorScheme } from '../theme';\nimport { BaseText, BaseTextProps } from './base';\nimport font from './font';\n\nconst presets = {\n  xl: {\n    ...font.heading,\n    fontSize: 26,\n    lineHeight: 36,\n    letterSpacing: 0.2,\n  },\n  l: {\n    ...font.heading,\n    fontSize: 24,\n    lineHeight: 33,\n  },\n  'l/line-height-large': {\n    ...font.heading,\n    fontSize: 24,\n    lineHeight: 28,\n  },\n  regular: {\n    ...font.regular,\n    fontSize: 17,\n    lineHeight: 24,\n  },\n  m: {\n    ...font.medium,\n    fontSize: 17,\n    lineHeight: 22,\n    letterSpacing: -0.2,\n  },\n  'm/heading': {\n    ...font.heading,\n    fontSize: 17,\n    lineHeight: 22,\n    letterSpacing: -0.2,\n  },\n  s: {\n    ...font.regular,\n    fontSize: 14,\n    lineHeight: 22,\n  },\n  's/line-height-capped': {\n    ...font.regular,\n    fontSize: 14,\n    lineHeight: 22,\n    letterSpacing: -0.2,\n    // TODO: vertical trim: cap height\n  },\n  's/line-height-small': {\n    ...font.regular,\n    fontSize: 14,\n    lineHeight: 18,\n    letterSpacing: 0.3,\n  },\n  's/code': {\n    ...font.code,\n    fontSize: 14,\n    lineHeight: 22,\n    letterSpacing: 0.2,\n  },\n  xs: {\n    ...font.regular,\n    fontSize: 12,\n    lineHeight: 22,\n    letterSpacing: -0.1,\n  },\n  'xs/line-height-small': {\n    ...font.regular,\n    fontSize: 12,\n    lineHeight: 18,\n    letterSpacing: 0.3,\n  },\n  'xs/code': {\n    ...font.code,\n    fontSize: 12,\n    lineHeight: 18,\n    letterSpacing: 0.3,\n  },\n} as const;\n\nexport type TypographyProps = BaseTextProps & {\n  preset?: keyof typeof presets;\n  caps?: boolean;\n};\n\n/**\n * General text component\n * @see https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=1045-30326\n */\nconst Typography = React.forwardRef<Text, TypographyProps>(\n  ({ preset = 'regular', color, caps, style, ...props }, ref) => {\n    const colorScheme = useAppColorScheme();\n    return (\n      <BaseText\n        ref={ref}\n        style={[presets[preset], caps && styles.caps, style]}\n        color={color ?? colorScheme.text}\n        {...props}\n      />\n    );\n  },\n);\n\nTypography.displayName = 'Typography';\n\nconst styles = StyleSheet.create({\n  caps: {\n    textTransform: 'uppercase',\n  },\n});\n\nexport default Typography;\n"],"mappings":"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"}

package/lib/commonjs/theme/color-scheme-context.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColorSchemeProvider = ColorSchemeProvider;
+exports.useAppColorScheme = useAppColorScheme;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const defaultColorScheme = {
+  accent: '#0F151A',
+  accentText: '#EBF2F4',
+  background: '#F1F3F5',
+  backgroundScroll: 'rgba(241, 243, 245, 0.7)',
+  black: '#000000',
+  codeAccent: '#CFD2E7',
+  credentialHeaderBackground: 'rgba(255, 255, 255, 0.87)',
+  error: '#D90D0D',
+  grayDark: '#CDD4DA',
+  linkText: '#3F7BA6',
+  success: '#00D066',
+  successText: '#006B34',
+  text: '#0D0E10',
+  warning: '#F7BF0B',
+  white: '#FFFFFF',
+  darkMode: false,
+  nerdView: {
+    background: 'rgba(2, 4, 21, 0.95)',
+    attributeLabel: '#929497',
+    attributeValueBackground: 'rgba(255, 255, 255, 0.02)',
+    attributeValueBorder: 'rgba(255, 255, 255, 0.2)',
+    attributeSectionBackground: 'rgba(2, 4, 21, 0.8)',
+    button: 'rgba(255, 255, 255, 0.05)',
+    codeHighlightText: 'rgba(232, 135, 114, 1)'
+  }
+};
+const ColorSchemeContext = /*#__PURE__*/_react.default.createContext(defaultColorScheme);
+ColorSchemeContext.displayName = 'ColorSchemeContext';
+function ColorSchemeProvider(props) {
+  return /*#__PURE__*/_react.default.createElement(ColorSchemeContext.Provider, {
+    value: props.colorScheme
+  }, props.children);
+}
+
+/**
+ * A hook to gain access to the current `ColorScheme`
+ * @note A custom superset of `ColorScheme` can be used (must also be passed to the `ColorSchemeProvider`)
+ */
+function useAppColorScheme() {
+  return _react.default.useContext(ColorSchemeContext);
+}
+//# sourceMappingURL=color-scheme-context.js.map