@dropi/react-native-design-system 0.1.2 → 0.1.3

package/lib/atoms/Buttons/DefaultButton.d.ts

@@ -0,0 +1,15 @@
+import { TouchableOpacityProps } from 'react-native';
+import { IconName } from 'dropi-lib-icons';
+type Variant = 'primary' | 'secondary' | 'tertiary';
+type Size = 'small' | 'normal' | 'large';
+interface Props extends TouchableOpacityProps {
+    label: string;
+    variant: Variant;
+    size: Size;
+    preIcon?: IconName;
+    postIcon?: IconName;
+    disabled?: boolean;
+    isMakingRequest?: boolean;
+}
+export declare const DefaultButton: ({ label, variant, size, preIcon, postIcon, disabled, isMakingRequest, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/atoms/Buttons/DefaultButton.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DefaultButton = void 0;
+var _reactNative = require("react-native");
+var _reactNative2 = require("dropi-lib-icons/react-native");
+var _utils = require("../../utils");
+var _constants = require("../../constants");
+var _Text = require("../Text");
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const DefaultButton = ({
+  label,
+  variant,
+  size,
+  preIcon,
+  postIcon,
+  disabled,
+  isMakingRequest,
+  ...rest
+}) => {
+  const textVariant = size === 'small' ? 's' : size === 'large' ? 'l' : 'm';
+  const iconSize = size === 'small' ? 12 : size === 'large' ? 16 : 14;
+  const tabletIconSize = size === 'small' ? 20 : size === 'large' ? 24 : 22;
+  const labelColor = variant === 'primary' ? _constants.colors.White.light : variant === 'secondary' ? _constants.colors['Primary-500'].light : _constants.colors['Gray-500'].light;
+  return /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, _extends({
+    style: {
+      backgroundColor: variant == 'primary' ? _constants.colors['Primary-500'].light : 'transparent',
+      paddingVertical: size === 'small' ? 8 : size === 'large' ? _constants.spacing['size-4'] : _constants.spacing['size-3'],
+      paddingHorizontal: _constants.spacing['size-4'],
+      borderRadius: _constants.radius['border-2'],
+      alignItems: 'center',
+      justifyContent: 'center',
+      opacity: disabled ? 0.5 : 1,
+      borderWidth: variant === 'primary' ? 0 : 1,
+      borderColor: variant === 'secondary' ? _constants.colors['Primary-500'].light : _constants.colors['Gray-500'].light,
+      flexDirection: 'row'
+    },
+    disabled: disabled || isMakingRequest
+  }, rest), preIcon && /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: {
+      marginRight: _constants.spacing['size-2']
+    }
+  }, /*#__PURE__*/React.createElement(_reactNative2.Icon, {
+    name: preIcon,
+    size: !_utils.isTablet ? iconSize : tabletIconSize,
+    color: labelColor
+  })), !isMakingRequest ? /*#__PURE__*/React.createElement(_Text.Label, {
+    type: textVariant,
+    style: {
+      color: labelColor
+    }
+  }, label) : /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
+    color: labelColor
+  }), postIcon && /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: {
+      marginLeft: _constants.spacing['size-2']
+    }
+  }, /*#__PURE__*/React.createElement(_reactNative2.Icon, {
+    name: postIcon,
+    size: !_utils.isTablet ? iconSize : tabletIconSize,
+    color: labelColor
+  })));
+};
+exports.DefaultButton = DefaultButton;
+const styles = _reactNative.StyleSheet.create({});

package/lib/atoms/Buttons/FeedbackButton.d.ts

@@ -0,0 +1,17 @@
+import { TouchableOpacityProps } from 'react-native';
+import { IconName } from 'dropi-lib-icons';
+type FeedbackType = 'success' | 'error' | 'warning' | 'info';
+type Variant = 'primary' | 'secondary' | 'text';
+type Size = 'small' | 'normal' | 'large';
+interface Props extends TouchableOpacityProps {
+    label: string;
+    feedbackType: FeedbackType;
+    variant: Variant;
+    size: Size;
+    preIcon?: IconName;
+    postIcon?: IconName;
+    disabled?: boolean;
+    isMakingRerequest?: boolean;
+}
+export declare const FeedbackButton: ({ label, feedbackType, variant, size, preIcon, postIcon, disabled, isMakingRerequest, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/atoms/Buttons/FeedbackButton.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FeedbackButton = void 0;
+var _reactNative = require("react-native");
+var _reactNative2 = require("dropi-lib-icons/react-native");
+var _utils = require("../../utils");
+var _constants = require("../../constants");
+var _Text = require("../Text");
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const FeedbackButton = ({
+  label,
+  feedbackType,
+  variant,
+  size,
+  preIcon,
+  postIcon,
+  disabled,
+  isMakingRerequest,
+  ...rest
+}) => {
+  const textVariant = size === 'small' ? 's' : size === 'large' ? 'l' : 'm';
+  const iconSize = size === 'small' ? 12 : size === 'large' ? 16 : 14;
+  const tabletIconSize = size === 'small' ? 20 : size === 'large' ? 24 : 22;
+  const color = feedbackType === 'success' ? _constants.colors['Success-500'].light : feedbackType === 'error' ? _constants.colors['Error-500'].light : feedbackType === 'warning' ? _constants.colors['Warning-500'].light : _constants.colors['Info-500'].light;
+  const labelColor = variant === 'primary' ? _constants.colors.White.light : color;
+  return /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, _extends({
+    style: {
+      backgroundColor: variant === 'primary' ? color : 'transparent',
+      paddingVertical: size === 'small' ? 8 : size === 'large' ? _constants.spacing['size-4'] : _constants.spacing['size-3'],
+      paddingHorizontal: _constants.spacing['size-4'],
+      borderRadius: _constants.radius['border-2'],
+      alignItems: 'center',
+      justifyContent: 'center',
+      opacity: disabled || isMakingRerequest ? 0.5 : 1,
+      borderWidth: variant === 'secondary' ? 1 : 0,
+      borderColor: variant === 'secondary' ? color : undefined,
+      flexDirection: 'row',
+      alignSelf: 'flex-start'
+    }
+  }, rest), preIcon && /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: {
+      marginRight: _constants.spacing['size-2']
+    }
+  }, /*#__PURE__*/React.createElement(_reactNative2.Icon, {
+    name: preIcon,
+    size: !_utils.isTablet ? iconSize : tabletIconSize,
+    color: labelColor
+  })), label !== '' && /*#__PURE__*/React.createElement(_Text.Label, {
+    type: textVariant,
+    style: {
+      color: labelColor
+    }
+  }, label), postIcon && /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: {
+      marginLeft: _constants.spacing['size-2']
+    }
+  }, /*#__PURE__*/React.createElement(_reactNative2.Icon, {
+    name: postIcon,
+    size: !_utils.isTablet ? iconSize : tabletIconSize,
+    color: labelColor
+  })));
+};
+exports.FeedbackButton = FeedbackButton;
+const styles = _reactNative.StyleSheet.create({});

package/lib/atoms/Buttons/TextButton.d.ts

@@ -0,0 +1,14 @@
+import { TouchableOpacityProps } from 'react-native';
+import type { IconName } from 'dropi-lib-icons/';
+type Variant = 'primary' | 'secondary';
+type Size = 'small' | 'normal' | 'large';
+interface Props extends TouchableOpacityProps {
+    label: string;
+    variant: Variant;
+    size: Size;
+    preIcon?: IconName;
+    postIcon?: IconName;
+    replaceColor?: string;
+}
+export declare const TextButton: ({ label, variant, size, preIcon, postIcon, replaceColor, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/atoms/Buttons/TextButton.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextButton = void 0;
+var _reactNative = require("react-native");
+var _utils = require("../../utils");
+var _constants = require("../../constants/");
+var _Text = require("../Text");
+var _reactNative2 = require("dropi-lib-icons/react-native");
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const TextButton = ({
+  label,
+  variant,
+  size,
+  preIcon,
+  postIcon,
+  replaceColor,
+  ...rest
+}) => {
+  const textVariant = size === 'small' ? 's' : size === 'large' ? 'l' : 'm';
+  const iconSize = size === 'small' ? 12 : size === 'large' ? 16 : 14;
+  const tabletIconSize = size === 'small' ? 20 : size === 'large' ? 24 : 22;
+  const color = replaceColor ? replaceColor : variant == 'primary' ? _constants.colors['Primary-500'].light : _constants.colors['Gray-500'].dark;
+  return /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, _extends({
+    style: styles.settingsButton
+  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: {
+      marginRight: label != '' || postIcon ? _constants.spacing['size-2'] : 0
+    }
+  }, preIcon && /*#__PURE__*/React.createElement(_reactNative2.Icon, {
+    name: preIcon,
+    size: !_utils.isTablet ? iconSize : tabletIconSize,
+    color: color
+  })), label !== '' && /*#__PURE__*/React.createElement(_Text.Label, {
+    type: textVariant,
+    style: {
+      color: color
+    }
+  }, label), postIcon && /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: {
+      marginLeft: label != '' || preIcon ? _constants.spacing['size-2'] : 0
+    }
+  }, /*#__PURE__*/React.createElement(_reactNative2.Icon, {
+    name: postIcon,
+    size: !_utils.isTablet ? iconSize : tabletIconSize,
+    color: color
+  })));
+};
+exports.TextButton = TextButton;
+const styles = _reactNative.StyleSheet.create({
+  settingsButton: {
+    flexDirection: 'row',
+    justifyContent: 'center'
+  }
+});

package/lib/atoms/Buttons/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DefaultButton';
+export * from './FeedbackButton';
+export * from './TextButton';

package/lib/atoms/Buttons/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _DefaultButton = require("./DefaultButton");
+Object.keys(_DefaultButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DefaultButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DefaultButton[key];
+    }
+  });
+});
+var _FeedbackButton = require("./FeedbackButton");
+Object.keys(_FeedbackButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FeedbackButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _FeedbackButton[key];
+    }
+  });
+});
+var _TextButton = require("./TextButton");
+Object.keys(_TextButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TextButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TextButton[key];
+    }
+  });
+});

package/lib/atoms/Text/Body.d.ts

@@ -0,0 +1,7 @@
+import { TextProps } from 'react-native';
+type BodyType = 'xs-regular' | 'xs-medium' | 's-regular' | 's-medium' | 'm-regular' | 'm-medium' | 'l-regular' | 'l-medium';
+type Props = TextProps & {
+    type: BodyType;
+};
+export declare const Body: ({ type, style, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/atoms/Text/Body.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Body = void 0;
+var _reactNative = require("react-native");
+var _constants = require("../../constants");
+var _utils = require("../../utils");
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const Body = ({
+  type,
+  style,
+  ...rest
+}) => {
+  return /*#__PURE__*/React.createElement(_reactNative.Text, _extends({
+    style: [styles[type], style]
+  }, rest));
+};
+exports.Body = Body;
+const styles = _reactNative.StyleSheet.create({
+  'xs-regular': {
+    fontSize: _constants.sizes.xs,
+    fontWeight: _constants.weights.regular,
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.xs, 150)
+  },
+  'xs-medium': {
+    fontSize: _constants.sizes.xs,
+    fontWeight: _constants.weights.medium,
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.xs, 150)
+  },
+  's-regular': {
+    fontSize: _constants.sizes.s,
+    fontWeight: _constants.weights.regular,
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.s, 150)
+  },
+  's-medium': {
+    fontSize: _constants.sizes.s,
+    fontWeight: _constants.weights.medium,
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.s, 150)
+  },
+  'm-regular': {
+    fontSize: _constants.sizes.m,
+    fontWeight: _constants.weights.regular,
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.m, 150)
+  },
+  'm-medium': {
+    fontSize: _constants.sizes.m,
+    fontWeight: _constants.weights.medium,
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.m, 150)
+  },
+  'l-regular': {
+    fontSize: _constants.sizes.l,
+    fontWeight: _constants.weights.regular,
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.l, 150)
+  },
+  'l-medium': {
+    fontSize: _constants.sizes.l,
+    fontWeight: _constants.weights.medium,
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.l, 150)
+  }
+});

package/lib/atoms/Text/Caption.d.ts

@@ -0,0 +1,7 @@
+import { TextProps } from 'react-native';
+type CaptionType = 's' | 'm' | 's-light' | 'm-light';
+type Props = TextProps & {
+    type: CaptionType;
+};
+export declare const Caption: ({ type, style, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/atoms/Text/Caption.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Caption = void 0;
+var _reactNative = require("react-native");
+var _constants = require("../../constants");
+var _utils = require("../..//utils");
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const Caption = ({
+  type,
+  style,
+  ...rest
+}) => {
+  return /*#__PURE__*/React.createElement(_reactNative.Text, _extends({
+    style: [styles[type], style]
+  }, rest));
+};
+exports.Caption = Caption;
+const styles = _reactNative.StyleSheet.create({
+  s: {
+    fontSize: _constants.sizes.xxs,
+    fontWeight: _constants.weights.bold,
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.xxs, 110)
+  },
+  m: {
+    fontSize: _constants.sizes.xs,
+    fontWeight: _constants.weights.bold,
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.xs, 110)
+  },
+  "s-light": {
+    fontSize: _constants.sizes.xxs,
+    fontWeight: _constants.weights.light,
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.xxs, 110)
+  },
+  "m-light": {
+    fontSize: _constants.sizes.xs,
+    fontWeight: _constants.weights.light,
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.xs, 110)
+  }
+});

package/lib/atoms/Text/Heading.d.ts

@@ -0,0 +1,7 @@
+import { TextProps } from 'react-native';
+type HeadingType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';
+type Props = TextProps & {
+    type: HeadingType;
+};
+export declare const Heading: ({ type, style, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/atoms/Text/Heading.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Heading = void 0;
+var _reactNative = require("react-native");
+var _constants = require("../../constants");
+var _utils = require("../../utils");
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const Heading = ({
+  type,
+  style,
+  ...rest
+}) => {
+  return /*#__PURE__*/React.createElement(_reactNative.Text, _extends({
+    style: [styles[type], style]
+  }, rest));
+};
+exports.Heading = Heading;
+const styles = _reactNative.StyleSheet.create({
+  h1: {
+    fontSize: _constants.sizes.xxxxl,
+    fontWeight: _constants.weights.bold,
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.xxxxl, 110)
+  },
+  h2: {
+    fontSize: _constants.sizes.xxxl,
+    fontWeight: _constants.weights.bold,
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.xxxl, 110)
+  },
+  h3: {
+    fontSize: _constants.sizes.xxl,
+    fontWeight: _constants.weights.bold,
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.xxl, 110)
+  },
+  h4: {
+    fontSize: _constants.sizes.xl,
+    fontWeight: _constants.weights.bold,
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.xl, 110)
+  },
+  h5: {
+    fontSize: _constants.sizes.l,
+    fontWeight: _constants.weights.bold,
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.l, 110)
+  }
+});

package/lib/atoms/Text/Label.d.ts

@@ -0,0 +1,7 @@
+import { TextProps } from 'react-native';
+type LabelType = 's' | 'm' | 'l';
+type Props = TextProps & {
+    type: LabelType;
+};
+export declare const Label: ({ type, style, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/atoms/Text/Label.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Label = void 0;
+var _reactNative = require("react-native");
+var _constants = require("../../constants");
+var _utils = require("../../utils");
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const Label = ({
+  type,
+  style,
+  ...rest
+}) => {
+  return /*#__PURE__*/React.createElement(_reactNative.Text, _extends({
+    style: [styles[type], style]
+  }, rest));
+};
+exports.Label = Label;
+const styles = _reactNative.StyleSheet.create({
+  s: {
+    fontSize: _constants.sizes.xs,
+    fontWeight: _constants.weights.bold,
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.xs, 110)
+  },
+  m: {
+    fontSize: _constants.sizes.s,
+    fontWeight: _constants.weights.bold,
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.s, 110)
+  },
+  l: {
+    fontSize: _constants.sizes.m,
+    fontWeight: _constants.weights.bold,
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.m, 110)
+  }
+});

package/lib/atoms/Text/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Heading';
+export * from './Body';
+export * from './Caption';
+export * from './Label';

package/lib/atoms/Text/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Heading = require("./Heading");
+Object.keys(_Heading).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Heading[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Heading[key];
+    }
+  });
+});
+var _Body = require("./Body");
+Object.keys(_Body).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Body[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Body[key];
+    }
+  });
+});
+var _Caption = require("./Caption");
+Object.keys(_Caption).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Caption[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Caption[key];
+    }
+  });
+});
+var _Label = require("./Label");
+Object.keys(_Label).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Label[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Label[key];
+    }
+  });
+});

package/lib/atoms/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Text';
+export * from './Buttons';

package/lib/atoms/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Text = require("./Text");
+Object.keys(_Text).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Text[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Text[key];
+    }
+  });
+});
+var _Buttons = require("./Buttons");
+Object.keys(_Buttons).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Buttons[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Buttons[key];
+    }
+  });
+});

package/lib/utils/TextUtils.d.ts

@@ -0,0 +1 @@
+export declare const getLineHeight: (fontSize: number, percentage: number) => number;

package/lib/utils/TextUtils.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getLineHeight = void 0;
+const getLineHeight = (fontSize, percentage) => {
+  return Math.round(fontSize * (percentage / 100));
+};
+exports.getLineHeight = getLineHeight;

package/lib/utils/index.d.ts

@@ -1 +1,2 @@
 export declare const isTablet: boolean;
+export * from './TextUtils';

package/lib/utils/index.js

@@ -3,7 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  isTablet: true
+};
 exports.isTablet = void 0;
 var _reactNative = require("react-native");
+var _TextUtils = require("./TextUtils");
+Object.keys(_TextUtils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TextUtils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TextUtils[key];
+    }
+  });
+});
 const windowWidth = _reactNative.Dimensions.get("window").width;
 const isTablet = exports.isTablet = windowWidth >= 768;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dropi/react-native-design-system",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "A React Native package built from scratch",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -20,7 +20,8 @@
   "license": "MIT",
   "peerDependencies": {
     "react": ">=19.0.0",
-    "react-native": ">=0.79.5"
+    "react-native": ">=0.79.5",
+    "dropi-lib-icons": ">=1.2.5"
   },
   "devDependencies": {
     "@babel/cli": "^7.28.3",
@@ -31,6 +32,7 @@
     "@types/react": "^19.2.3",
     "react": "^19.2.0",
     "react-native": "^0.82.1",
-    "typescript": "^5.6.0"
+    "typescript": "^5.6.0",
+    "dropi-lib-icons": "^1.2.5"
   }
 }