@kietpt2003/react-native-core-ui
Version:
React Native Core UI components by KietPT
259 lines (253 loc) • 7.33 kB
JavaScript
;
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/themes/index.ts
var themes_exports = {};
__export(themes_exports, {
colors: () => colors_default,
fontSize: () => fontSize_default
});
module.exports = __toCommonJS(themes_exports);
// src/themes/colors.ts
var colors = {
// white
default: "#F1F1F1",
white: "#FFFFFF",
white_80: "rgba(255, 255, 255, 0.8)",
// black
black: "#000000",
black_262626: "#262626",
// transparent
transparent00: "rgba(0, 0, 0, 0)",
transparent10: "rgba(0, 0, 0, 0.1)",
transparent25: "rgba(0, 0, 0, 0.25)",
transparent30: "rgba(0, 0, 0, 0.3)",
transparent40: "rgba(0, 0, 0, 0.4)",
transparent50: "rgba(0, 0, 0, 0.5)",
transparent80: "rgba(0, 0, 0, 0.8)",
// red
red_FF6262: "#FF6262",
red_E00102: "#E00102",
red_E90000: "#E90000",
red_FF0303: "#FF0303",
red_EB4D3D: "#EB4D3D",
red_ED1C1C: "#ED1C1C",
red_F26122: "#F26122",
red_FF3F30: "#FF3F30",
red_FF4D4F: "#FF4D4F",
red_FF6E30: "#FF6E30",
red_F24822: "#F24822",
// green
green_32B14A: "#32B14A",
green_00A720: "#00A720",
green_42A046: "#42A046",
green_4CD964: "#4CD964",
green_8AAD0B: "#8AAD0B",
green_7FBA00: "#7FBA00",
green_3CB371: "#3CB371",
green_7BC143: "#7BC143",
green_387C2B: "#387C2B",
green_50A91A: "#50A91A",
green_2D880C: "#2D880C",
green_389E0D: "#389E0D",
green_42A013: "#42A013",
green_52C41A: "#52C41A",
green_279C2E: "#279C2E",
green_266431: "#266431",
green_32A702: "#32A702",
green_3C7700: "#3C7700",
green_3AA015: "#3AA015",
green_30C75E: "#30C75E",
green_81B214: "#81B214",
green_28C76F: "#28C76F",
green_6CC149: "#6CC149",
green_B2C8B8: "#B2C8B8",
green_6AD36E: "#6AD36E",
green_6ECA67: "#6ECA67",
green_419522: "#419522",
green_266432: "#266432",
green_386338: "#386338",
green_28663B: "#28663B",
green_266643: "#266643",
green_08674F: "#08674F",
green_206A5D: "#206A5D",
green_194527: "#194527",
green_1A4D2E: "#1A4D2E",
green_91C788: "#91C788",
green_D0F4C2: "#D0F4C2",
green_C7F9CC: "#C7F9CC",
green_CBFFDA: "#CBFFDA",
green_9AD7AC: "#9AD7AC",
green_A7E8B9: "#A7E8B9",
green_A0E8AD: "#A0E8AD",
green_92E3A973: "#92E3A973",
green_7BC1431A: "#7BC1431A",
green_0B5270: "#0B5270",
green_E0FEE8: "#E0FEE8",
green_EBF6E3: "#EBF6E3",
greenlightF8ECD2: "#F8ECD2",
green_gradient: ["#7BC143", "#387C2B"],
green_gradient_2: ["#42A046", "#42A046"],
// blue
blue: "#00B4F0",
blue_29ABE2: "#29ABE2",
blue_00A7E1: "#00A7E1",
blue_3677BC: "#3677BC",
blue_DDF7FF: "#DDF7FF",
blue_2B65B2: "#2B65B2",
blue_B2E5F6: "#B2E5F6",
blue_86D3EE: "#86D3EE",
blue_80D3F0: "#80D3F0",
blue_1890FF: "#1890FF",
// yellow
yellow_EDDE5D: "#EDDE5D",
yellow_FFCC29: "#FFCC29",
yellow_F0BD26: "#F0BD26",
yellow_F6BF32: "#F6BF32",
// orange
orange_EB996E: "#EB996E",
orange_F98B0A: "#F98B0A",
orange_F58634: "#F58634",
orange_FFA500: "#FFA500",
orangeFAAE4F: "#FAAE4F",
// grey
gray: "#6E6E6E",
gray_BCBCBC: "#BCBCBC",
gray_7E7E7E: "#7E7E7E",
gray_E5E0E4: "#E5E0E4",
gray_F1F1F1: "#F1F1F1",
gray_E7E3E3: "#E7E3E3",
gray_3C3C3C: "#3C3C3C",
gray_CCCCCC: "#CCCCCC",
gray_FAFAFA: "#FAFAFA",
gray_FDFDFD: "#FDFDFD",
gray_D9D9D9: "#D9D9D9",
gray_D9D9D980: "#D9D9D980",
gray_E6E6E6: "#E6E6E6",
gray_EBEBEB: "#EBEBEB",
gray_F5F5F5: "#F5F5F5",
gray_EEEEEE: "#EEEEEE",
gray_727272: "#727272",
gray_9CA3A5: "#9CA3A5",
gray_E5E5E5: "#E5E5E5",
gray_D1D2D4: "#D1D2D4",
gray_A0A0A0: "#A0A0A0",
gray_EAEAEA: "#EAEAEA",
gray_B3B3B3: "#B3B3B3",
gray_8A8A8A: "#8A8A8A",
gray_E4E4E4: "#E4E4E4",
gray_888888: "#888888",
gray_F4F4F4: "#F4F4F4",
gray_4F4F4F: "#4F4F4F",
gray_DDDDDD: "#DDDDDD",
gray_E1E5EA: "#E1E5EA",
//purple
purple_222C67: "#222C67",
purple_9370DB: "#9370DB",
//shadow
shadow: {
elevation: 4,
shadowColor: "#000",
shadowOpacity: 0.2,
shadowRadius: 3.84,
shadowOffset: {
width: 0,
height: -1
}
},
shadow_btn: {
elevation: 4,
shadowColor: "#000",
shadowOpacity: 0.25,
shadowRadius: 2,
shadowOffset: {
width: 0,
height: 4
}
},
shadow_order: {
elevation: 3,
shadowColor: "#000",
shadowOpacity: 0.15,
shadowRadius: 2.84,
shadowOffset: {
width: 0,
height: 1
}
},
shadow_btn_small: {
elevation: 3,
shadowColor: "#000",
shadowOpacity: 0.25,
shadowRadius: 2,
shadowOffset: {
width: 1,
height: 1
}
}
};
var colors_default = colors;
// src/utils/resolutions.ts
var import_react_native = require("react-native");
var import_react_native_iphone_x_helper = require("react-native-iphone-x-helper");
var import_react_native_device_info = __toESM(require("react-native-device-info"));
var isTablet = import_react_native_device_info.default.isTablet();
var statusBarHeight = import_react_native.Platform.OS == "android" && import_react_native.StatusBar.currentHeight ? import_react_native.StatusBar.currentHeight : 0;
// src/utils/scale.ts
var import_react_native2 = require("react-native");
var { width, height } = import_react_native2.Dimensions.get("window");
var IPHONE_12_WIDTH = 375;
var IPHONE_12_HEIGTH = 812;
var scaleWidth = width / IPHONE_12_WIDTH;
var scaleHeight = height / IPHONE_12_HEIGTH;
var scaleAvg = (scaleWidth + scaleHeight) / 2;
var scaleFont = (size) => Math.round(import_react_native2.PixelRatio.roundToNearestPixel(size * scaleAvg));
// src/themes/fontSize.ts
var fontSize_default = {
_8: scaleFont(8),
_10: scaleFont(10),
_11: scaleFont(11),
_12: scaleFont(12),
_13: scaleFont(13),
_14: scaleFont(14),
_16: scaleFont(16),
_18: scaleFont(18),
_20: scaleFont(20),
_22: scaleFont(22),
_24: scaleFont(24),
_28: scaleFont(28),
_30: scaleFont(30),
_36: scaleFont(36),
_48: scaleFont(48)
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
colors,
fontSize
});
//# sourceMappingURL=index.js.map