react95-native-rabbl 0.1.6 → 0.1.8

package/README.md

@@ -33,4 +33,7 @@
 npm run build
 npm login
 npm publish
+
+# Then
+npm install react95-native-rabbl@latest
 ```

package/dist/commonjs/components/Icons/CheckmarkIcon.js

@@ -9,34 +9,69 @@ var _reactNative = require("react-native");
 var _theming = require("../../core/theming");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*
 const pixelSize = 1.5;
 const segmentSize = 3 * pixelSize;
+
 const CheckmarkIcon = ({
   disabled = false,
   style = {},
   theme,
   ...rest
-}) => {
+}: Props) => {
   const segmentOffsets = [2, 3, 4, 3, 2, 1, 0];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.wrapper, style],
-    ...rest,
-    children: segmentOffsets.map((offset, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.segment, {
-        marginTop: offset * pixelSize,
-        backgroundColor: disabled ? theme.checkmarkDisabled : theme.checkmark
-      }]
-    }, i))
-  });
+
+  return (
+    <View style={[styles.wrapper, style]} {...rest}>
+      {segmentOffsets.map((offset, i) => (
+        <View
+          key={i}
+          style={[
+            styles.segment,
+            {
+              marginTop: offset * pixelSize,
+              backgroundColor: disabled
+                ? theme.checkmarkDisabled
+                : theme.checkmark,
+            },
+          ]}
+        />
+      ))}
+    </View>
+  );
 };
-const styles = _reactNative.StyleSheet.create({
+
+const styles = StyleSheet.create({
   wrapper: {
     position: 'relative',
-    flexDirection: 'row'
+    flexDirection: 'row',
   },
   segment: {
     width: pixelSize,
-    height: segmentSize
+    height: segmentSize,
+  },
+});
+*/
+
+const CheckmarkIcon = ({
+  disabled = false,
+  style = {},
+  theme,
+  ...rest
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: style,
+    ...rest,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+      source: !disabled ? require('../../assets/images/check10x11.png') : require('../../assets/images/check10x11disabled.png'),
+      style: styles.image
+    })
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  image: {
+    width: 10,
+    height: 11
   }
 });
 var _default = exports.default = (0, _theming.withTheme)(CheckmarkIcon);

package/dist/commonjs/components/Icons/CheckmarkIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theming","_jsxRuntime","e","__esModule","default","pixelSize","segmentSize","CheckmarkIcon","disabled","style","theme","rest","segmentOffsets","jsx","View","styles","wrapper","children","map","offset","i","segment","marginTop","backgroundColor","checkmarkDisabled","checkmark","StyleSheet","create","position","flexDirection","width","height","_default","exports","withTheme"],"sourceRoot":"../../../../src","sources":["components/Icons/CheckmarkIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,QAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQ/C,MAAMG,SAAS,GAAG,GAAG;AACrB,MAAMC,WAAW,GAAG,CAAC,GAAGD,SAAS;AAEjC,MAAME,aAAa,GAAGA,CAAC;EACrBC,QAAQ,GAAG,KAAK;EAChBC,KAAK,GAAG,CAAC,CAAC;EACVC,KAAK;EACL,GAAGC;AACE,CAAC,KAAK;EACX,MAAMC,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;EAE5C,oBACE,IAAAX,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAe,IAAI;IAACL,KAAK,EAAE,CAACM,MAAM,CAACC,OAAO,EAAEP,KAAK,CAAE;IAAA,GAAKE,IAAI;IAAAM,QAAA,EAC3CL,cAAc,CAACM,GAAG,CAAC,CAACC,MAAM,EAAEC,CAAC,kBAC5B,IAAAnB,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAe,IAAI;MAEHL,KAAK,EAAE,CACLM,MAAM,CAACM,OAAO,EACd;QACEC,SAAS,EAAEH,MAAM,GAAGd,SAAS;QAC7BkB,eAAe,EAAEf,QAAQ,GACrBE,KAAK,CAACc,iBAAiB,GACvBd,KAAK,CAACe;MACZ,CAAC;IACD,GATGL,CAUN,CACF;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAML,MAAM,GAAGW,uBAAU,CAACC,MAAM,CAAC;EAC/BX,OAAO,EAAE;IACPY,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDR,OAAO,EAAE;IACPS,KAAK,EAAEzB,SAAS;IAChB0B,MAAM,EAAEzB;EACV;AACF,CAAC,CAAC;AAAC,IAAA0B,QAAA,GAAAC,OAAA,CAAA7B,OAAA,GAEY,IAAA8B,kBAAS,EAAC3B,aAAa,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theming","_jsxRuntime","e","__esModule","default","CheckmarkIcon","disabled","style","theme","rest","jsx","View","children","Image","source","styles","image","StyleSheet","create","width","height","_default","exports","withTheme"],"sourceRoot":"../../../../src","sources":["components/Icons/CheckmarkIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,QAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQ/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMG,aAAa,GAAGA,CAAC;EACrBC,QAAQ,GAAG,KAAK;EAChBC,KAAK,GAAG,CAAC,CAAC;EACVC,KAAK;EACL,GAAGC;AACE,CAAC,KAAK;EACX,oBACE,IAAAR,WAAA,CAAAS,GAAA,EAACX,YAAA,CAAAY,IAAI;IAACJ,KAAK,EAAEA,KAAM;IAAA,GAAKE,IAAI;IAAAG,QAAA,eAC1B,IAAAX,WAAA,CAAAS,GAAA,EAACX,YAAA,CAAAc,KAAK;MACJC,MAAM,EAAE,CAACR,QAAQ,GAAGR,OAAO,CAAC,oCAAoC,CAAC,GAAGA,OAAO,CAAC,4CAA4C,CAAE;MAC1HS,KAAK,EAAEQ,MAAM,CAACC;IAAM,CACrB;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMD,MAAM,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAC/BF,KAAK,EAAE;IACLG,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAEY,IAAAmB,kBAAS,EAAClB,aAAa,CAAC","ignoreList":[]}

package/dist/commonjs/components/Icons/CloseIcon.js

@@ -7,9 +7,43 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _theming = require("../../core/theming");
-var _ = require("../..");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//import { ChevronIcon } from '../..';
+
+/*const CloseIcon = ({
+  disabled = false,
+  segments = 4,
+  style,
+  theme,
+  ...rest
+}: Props) => {
+  return (
+    <View style={[styles.wrapper, style]} {...rest}>
+      <ChevronIcon
+        theme={theme}
+        disabled={disabled}
+        segments={segments}
+        direction='right'
+      />
+      <ChevronIcon
+        theme={theme}
+        disabled={disabled}
+        segments={segments}
+        direction='left'
+        style={{ marginLeft: -2, marginRight: 2 }}
+      />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  wrapper: {
+    alignItems: 'center',
+    flexDirection: 'row',
+  },
+});*/
+
 const CloseIcon = ({
   disabled = false,
   segments = 4,
@@ -17,30 +51,19 @@ const CloseIcon = ({
   theme,
   ...rest
 }) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.wrapper, style],
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: style,
     ...rest,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.ChevronIcon, {
-      theme: theme,
-      disabled: disabled,
-      segments: segments,
-      direction: "right"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ChevronIcon, {
-      theme: theme,
-      disabled: disabled,
-      segments: segments,
-      direction: "left",
-      style: {
-        marginLeft: -2,
-        marginRight: 2
-      }
-    })]
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+      source: !disabled ? require('../../assets/images/close-icon10x11.png') : require('../../assets/images/close-icon10x11disabled.png'),
+      style: styles.image
+    })
   });
 };
 const styles = _reactNative.StyleSheet.create({
-  wrapper: {
-    alignItems: 'center',
-    flexDirection: 'row'
+  image: {
+    width: 10,
+    height: 11
   }
 });
 var _default = exports.default = (0, _theming.withTheme)(CloseIcon);

package/dist/commonjs/components/Icons/CloseIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theming","_","_jsxRuntime","e","__esModule","default","CloseIcon","disabled","segments","style","theme","rest","jsxs","View","styles","wrapper","children","jsx","ChevronIcon","direction","marginLeft","marginRight","StyleSheet","create","alignItems","flexDirection","_default","exports","withTheme"],"sourceRoot":"../../../../src","sources":["components/Icons/CloseIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,CAAA,GAAAH,OAAA;AAAoC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AASpC,MAAMG,SAAS,GAAGA,CAAC;EACjBC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,CAAC;EACZC,KAAK;EACLC,KAAK;EACL,GAAGC;AACE,CAAC,KAAK;EACX,oBACE,IAAAT,WAAA,CAAAU,IAAA,EAACb,YAAA,CAAAc,IAAI;IAACJ,KAAK,EAAE,CAACK,MAAM,CAACC,OAAO,EAAEN,KAAK,CAAE;IAAA,GAAKE,IAAI;IAAAK,QAAA,gBAC5C,IAAAd,WAAA,CAAAe,GAAA,EAAChB,CAAA,CAAAiB,WAAW;MACVR,KAAK,EAAEA,KAAM;MACbH,QAAQ,EAAEA,QAAS;MACnBC,QAAQ,EAAEA,QAAS;MACnBW,SAAS,EAAC;IAAO,CAClB,CAAC,eACF,IAAAjB,WAAA,CAAAe,GAAA,EAAChB,CAAA,CAAAiB,WAAW;MACVR,KAAK,EAAEA,KAAM;MACbH,QAAQ,EAAEA,QAAS;MACnBC,QAAQ,EAAEA,QAAS;MACnBW,SAAS,EAAC,MAAM;MAChBV,KAAK,EAAE;QAAEW,UAAU,EAAE,CAAC,CAAC;QAAEC,WAAW,EAAE;MAAE;IAAE,CAC3C,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAMP,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,OAAO,EAAE;IACPS,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAEY,IAAAuB,kBAAS,EAACtB,SAAS,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theming","_jsxRuntime","e","__esModule","default","CloseIcon","disabled","segments","style","theme","rest","jsx","View","children","Image","source","styles","image","StyleSheet","create","width","height","_default","exports","withTheme"],"sourceRoot":"../../../../src","sources":["components/Icons/CloseIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,QAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAC/C;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMG,SAAS,GAAGA,CAAC;EACjBC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,CAAC;EACZC,KAAK;EACLC,KAAK;EACL,GAAGC;AACE,CAAC,KAAK;EACX,oBACE,IAAAT,WAAA,CAAAU,GAAA,EAACZ,YAAA,CAAAa,IAAI;IAACJ,KAAK,EAAEA,KAAM;IAAA,GAAKE,IAAI;IAAAG,QAAA,eAC1B,IAAAZ,WAAA,CAAAU,GAAA,EAACZ,YAAA,CAAAe,KAAK;MACJC,MAAM,EAAE,CAACT,QAAQ,GAAGR,OAAO,CAAC,yCAAyC,CAAC,GAAGA,OAAO,CAAC,iDAAiD,CAAE;MACpIU,KAAK,EAAEQ,MAAM,CAACC;IAAM,CACrB;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMD,MAAM,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAC/BF,KAAK,EAAE;IACLG,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GAEY,IAAAoB,kBAAS,EAACnB,SAAS,CAAC","ignoreList":[]}

package/dist/module/components/Icons/CheckmarkIcon.js

@@ -1,37 +1,72 @@
 "use strict";
 
 import React from 'react';
-import { StyleSheet, View } from 'react-native';
+import { Image, StyleSheet, View } from 'react-native';
 import { withTheme } from '../../core/theming';
 import { jsx as _jsx } from "react/jsx-runtime";
+/*
 const pixelSize = 1.5;
 const segmentSize = 3 * pixelSize;
+
 const CheckmarkIcon = ({
   disabled = false,
   style = {},
   theme,
   ...rest
-}) => {
+}: Props) => {
   const segmentOffsets = [2, 3, 4, 3, 2, 1, 0];
-  return /*#__PURE__*/_jsx(View, {
-    style: [styles.wrapper, style],
-    ...rest,
-    children: segmentOffsets.map((offset, i) => /*#__PURE__*/_jsx(View, {
-      style: [styles.segment, {
-        marginTop: offset * pixelSize,
-        backgroundColor: disabled ? theme.checkmarkDisabled : theme.checkmark
-      }]
-    }, i))
-  });
+
+  return (
+    <View style={[styles.wrapper, style]} {...rest}>
+      {segmentOffsets.map((offset, i) => (
+        <View
+          key={i}
+          style={[
+            styles.segment,
+            {
+              marginTop: offset * pixelSize,
+              backgroundColor: disabled
+                ? theme.checkmarkDisabled
+                : theme.checkmark,
+            },
+          ]}
+        />
+      ))}
+    </View>
+  );
 };
+
 const styles = StyleSheet.create({
   wrapper: {
     position: 'relative',
-    flexDirection: 'row'
+    flexDirection: 'row',
   },
   segment: {
     width: pixelSize,
-    height: segmentSize
+    height: segmentSize,
+  },
+});
+*/
+
+const CheckmarkIcon = ({
+  disabled = false,
+  style = {},
+  theme,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    style: style,
+    ...rest,
+    children: /*#__PURE__*/_jsx(Image, {
+      source: !disabled ? require('../../assets/images/check10x11.png') : require('../../assets/images/check10x11disabled.png'),
+      style: styles.image
+    })
+  });
+};
+const styles = StyleSheet.create({
+  image: {
+    width: 10,
+    height: 11
   }
 });
 export default withTheme(CheckmarkIcon);

package/dist/module/components/Icons/CheckmarkIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","withTheme","jsx","_jsx","pixelSize","segmentSize","CheckmarkIcon","disabled","style","theme","rest","segmentOffsets","styles","wrapper","children","map","offset","i","segment","marginTop","backgroundColor","checkmarkDisabled","checkmark","create","position","flexDirection","width","height"],"sourceRoot":"../../../../src","sources":["components/Icons/CheckmarkIcon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAGrE,SAASC,SAAS,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ/C,MAAMC,SAAS,GAAG,GAAG;AACrB,MAAMC,WAAW,GAAG,CAAC,GAAGD,SAAS;AAEjC,MAAME,aAAa,GAAGA,CAAC;EACrBC,QAAQ,GAAG,KAAK;EAChBC,KAAK,GAAG,CAAC,CAAC;EACVC,KAAK;EACL,GAAGC;AACE,CAAC,KAAK;EACX,MAAMC,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;EAE5C,oBACER,IAAA,CAACH,IAAI;IAACQ,KAAK,EAAE,CAACI,MAAM,CAACC,OAAO,EAAEL,KAAK,CAAE;IAAA,GAAKE,IAAI;IAAAI,QAAA,EAC3CH,cAAc,CAACI,GAAG,CAAC,CAACC,MAAM,EAAEC,CAAC,kBAC5Bd,IAAA,CAACH,IAAI;MAEHQ,KAAK,EAAE,CACLI,MAAM,CAACM,OAAO,EACd;QACEC,SAAS,EAAEH,MAAM,GAAGZ,SAAS;QAC7BgB,eAAe,EAAEb,QAAQ,GACrBE,KAAK,CAACY,iBAAiB,GACvBZ,KAAK,CAACa;MACZ,CAAC;IACD,GATGL,CAUN,CACF;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAML,MAAM,GAAGb,UAAU,CAACwB,MAAM,CAAC;EAC/BV,OAAO,EAAE;IACPW,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDP,OAAO,EAAE;IACPQ,KAAK,EAAEtB,SAAS;IAChBuB,MAAM,EAAEtB;EACV;AACF,CAAC,CAAC;AAEF,eAAeJ,SAAS,CAACK,aAAa,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Image","StyleSheet","View","withTheme","jsx","_jsx","CheckmarkIcon","disabled","style","theme","rest","children","source","require","styles","image","create","width","height"],"sourceRoot":"../../../../src","sources":["components/Icons/CheckmarkIcon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAaC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAG5E,SAASC,SAAS,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,aAAa,GAAGA,CAAC;EACrBC,QAAQ,GAAG,KAAK;EAChBC,KAAK,GAAG,CAAC,CAAC;EACVC,KAAK;EACL,GAAGC;AACE,CAAC,KAAK;EACX,oBACEL,IAAA,CAACH,IAAI;IAACM,KAAK,EAAEA,KAAM;IAAA,GAAKE,IAAI;IAAAC,QAAA,eAC1BN,IAAA,CAACL,KAAK;MACJY,MAAM,EAAE,CAACL,QAAQ,GAAGM,OAAO,CAAC,oCAAoC,CAAC,GAAGA,OAAO,CAAC,4CAA4C,CAAE;MAC1HL,KAAK,EAAEM,MAAM,CAACC;IAAM,CACrB;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMD,MAAM,GAAGb,UAAU,CAACe,MAAM,CAAC;EAC/BD,KAAK,EAAE;IACLE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAef,SAAS,CAACG,aAAa,CAAC","ignoreList":[]}

package/dist/module/components/Icons/CloseIcon.js

@@ -1,10 +1,43 @@
 "use strict";
 
 import React from 'react';
-import { StyleSheet, View } from 'react-native';
+import { Image, StyleSheet, View } from 'react-native';
 import { withTheme } from '../../core/theming';
-import { ChevronIcon } from '../..';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+//import { ChevronIcon } from '../..';
+import { jsx as _jsx } from "react/jsx-runtime";
+/*const CloseIcon = ({
+  disabled = false,
+  segments = 4,
+  style,
+  theme,
+  ...rest
+}: Props) => {
+  return (
+    <View style={[styles.wrapper, style]} {...rest}>
+      <ChevronIcon
+        theme={theme}
+        disabled={disabled}
+        segments={segments}
+        direction='right'
+      />
+      <ChevronIcon
+        theme={theme}
+        disabled={disabled}
+        segments={segments}
+        direction='left'
+        style={{ marginLeft: -2, marginRight: 2 }}
+      />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  wrapper: {
+    alignItems: 'center',
+    flexDirection: 'row',
+  },
+});*/
+
 const CloseIcon = ({
   disabled = false,
   segments = 4,
@@ -12,30 +45,19 @@ const CloseIcon = ({
   theme,
   ...rest
 }) => {
-  return /*#__PURE__*/_jsxs(View, {
-    style: [styles.wrapper, style],
+  return /*#__PURE__*/_jsx(View, {
+    style: style,
     ...rest,
-    children: [/*#__PURE__*/_jsx(ChevronIcon, {
-      theme: theme,
-      disabled: disabled,
-      segments: segments,
-      direction: "right"
-    }), /*#__PURE__*/_jsx(ChevronIcon, {
-      theme: theme,
-      disabled: disabled,
-      segments: segments,
-      direction: "left",
-      style: {
-        marginLeft: -2,
-        marginRight: 2
-      }
-    })]
+    children: /*#__PURE__*/_jsx(Image, {
+      source: !disabled ? require('../../assets/images/close-icon10x11.png') : require('../../assets/images/close-icon10x11disabled.png'),
+      style: styles.image
+    })
   });
 };
 const styles = StyleSheet.create({
-  wrapper: {
-    alignItems: 'center',
-    flexDirection: 'row'
+  image: {
+    width: 10,
+    height: 11
   }
 });
 export default withTheme(CloseIcon);

package/dist/module/components/Icons/CloseIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","withTheme","ChevronIcon","jsx","_jsx","jsxs","_jsxs","CloseIcon","disabled","segments","style","theme","rest","styles","wrapper","children","direction","marginLeft","marginRight","create","alignItems","flexDirection"],"sourceRoot":"../../../../src","sources":["components/Icons/CloseIcon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAGrE,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,WAAW,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASpC,MAAMC,SAAS,GAAGA,CAAC;EACjBC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,CAAC;EACZC,KAAK;EACLC,KAAK;EACL,GAAGC;AACE,CAAC,KAAK;EACX,oBACEN,KAAA,CAACN,IAAI;IAACU,KAAK,EAAE,CAACG,MAAM,CAACC,OAAO,EAAEJ,KAAK,CAAE;IAAA,GAAKE,IAAI;IAAAG,QAAA,gBAC5CX,IAAA,CAACF,WAAW;MACVS,KAAK,EAAEA,KAAM;MACbH,QAAQ,EAAEA,QAAS;MACnBC,QAAQ,EAAEA,QAAS;MACnBO,SAAS,EAAC;IAAO,CAClB,CAAC,eACFZ,IAAA,CAACF,WAAW;MACVS,KAAK,EAAEA,KAAM;MACbH,QAAQ,EAAEA,QAAS;MACnBC,QAAQ,EAAEA,QAAS;MACnBO,SAAS,EAAC,MAAM;MAChBN,KAAK,EAAE;QAAEO,UAAU,EAAE,CAAC,CAAC;QAAEC,WAAW,EAAE;MAAE;IAAE,CAC3C,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAML,MAAM,GAAGd,UAAU,CAACoB,MAAM,CAAC;EAC/BL,OAAO,EAAE;IACPM,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAEF,eAAepB,SAAS,CAACM,SAAS,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Image","StyleSheet","View","withTheme","jsx","_jsx","CloseIcon","disabled","segments","style","theme","rest","children","source","require","styles","image","create","width","height"],"sourceRoot":"../../../../src","sources":["components/Icons/CloseIcon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAaC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAG5E,SAASC,SAAS,QAAQ,oBAAoB;AAC9C;AAAA,SAAAC,GAAA,IAAAC,IAAA;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,SAAS,GAAGA,CAAC;EACjBC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,CAAC;EACZC,KAAK;EACLC,KAAK;EACL,GAAGC;AACE,CAAC,KAAK;EACX,oBACEN,IAAA,CAACH,IAAI;IAACO,KAAK,EAAEA,KAAM;IAAA,GAAKE,IAAI;IAAAC,QAAA,eAC1BP,IAAA,CAACL,KAAK;MACJa,MAAM,EAAE,CAACN,QAAQ,GAAGO,OAAO,CAAC,yCAAyC,CAAC,GAAGA,OAAO,CAAC,iDAAiD,CAAE;MACpIL,KAAK,EAAEM,MAAM,CAACC;IAAM,CACrB;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMD,MAAM,GAAGd,UAAU,CAACgB,MAAM,CAAC;EAC/BD,KAAK,EAAE;IACLE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAehB,SAAS,CAACG,SAAS,CAAC","ignoreList":[]}

package/dist/typescript/src/components/Icons/CheckmarkIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckmarkIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/CheckmarkIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAEtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGzC,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;;;mKAUC,KAAK;AAkCR,wBAAwC"}
+{"version":3,"file":"CheckmarkIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/CheckmarkIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAS,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGzC,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;;;mKAmDC,KAAK;AAkBR,wBAAwC"}

package/dist/typescript/src/components/Icons/CloseIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CloseIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/CloseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAEtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAIzC,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;;;6KAQC,KAAK;AA2BR,wBAAoC"}
+{"version":3,"file":"CloseIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/CloseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAS,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAIzC,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;;;6KAyCC,KAAK;AAkBR,wBAAoC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react95-native-rabbl",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "Refreshed Windows 95 style UI components for your React Native app",
   "funding": [
     {

package/src/components/Icons/CheckmarkIcon.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
+import { Image, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
 
 import type { Theme } from '../../types';
 import { withTheme } from '../../core/theming';
@@ -10,6 +10,7 @@ type Props = {
   theme: Theme;
 };
 
+/*
 const pixelSize = 1.5;
 const segmentSize = 3 * pixelSize;
 
@@ -51,5 +52,29 @@ const styles = StyleSheet.create({
     height: segmentSize,
   },
 });
+*/
+
+const CheckmarkIcon = ({
+  disabled = false,
+  style = {},
+  theme,
+  ...rest
+}: Props) => {
+  return (
+    <View style={style} {...rest}>
+      <Image
+        source={!disabled ? require('../../assets/images/check10x11.png') : require('../../assets/images/check10x11disabled.png')}
+        style={styles.image}
+      />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  image: {
+    width: 10,
+    height: 11,
+  },
+});
 
 export default withTheme(CheckmarkIcon);

package/src/components/Icons/CloseIcon.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
-import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
+import { Image, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
 
 import type { Theme } from '../../types';
 import { withTheme } from '../../core/theming';
-import { ChevronIcon } from '../..';
+//import { ChevronIcon } from '../..';
 
 type Props = {
   disabled?: boolean;
@@ -12,7 +12,7 @@ type Props = {
   theme: Theme;
 };
 
-const CloseIcon = ({
+/*const CloseIcon = ({
   disabled = false,
   segments = 4,
   style,
@@ -43,6 +43,30 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     flexDirection: 'row',
   },
+});*/
+
+const CloseIcon = ({
+  disabled = false,
+  segments = 4,
+  style,
+  theme,
+  ...rest
+}: Props) => {
+  return (
+    <View style={style} {...rest}>
+      <Image
+        source={!disabled ? require('../../assets/images/close-icon10x11.png') : require('../../assets/images/close-icon10x11disabled.png')}
+        style={styles.image}
+      />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  image: {
+    width: 10,
+    height: 11,
+  },
 });
 
 export default withTheme(CloseIcon);