decord/source/design/components/Button/native/ButtonConstants.native.tsx

56 lines
2.2 KiB
TypeScript
Raw Normal View History

2026-08-12 06:57:52 +00:00
// Module ID: 4758
// Function ID: 4759
2026-07-29 08:29:29 +00:00
// Name: MINIMUM_HIT_AREA
2026-08-12 06:57:52 +00:00
// Dependencies: [4756, 712, 2]
2026-07-25 08:10:48 +00:00
// Exports: getButtonBorderRadius, getButtonDefaultTextVariant, getButtonPadding
2026-07-20 16:05:17 +00:00
2026-08-12 06:57:52 +00:00
// Module 4758 (MINIMUM_HIT_AREA)
2026-07-29 08:29:29 +00:00
import IconSizes from "IconSizes";
import IconSizes from "IconSizes";
import IconSizes from "IconSizes";
2026-07-20 16:05:17 +00:00
2026-07-29 08:29:29 +00:00
const SMALL = require("IconSizes").IconSizes.SMALL;
const SMALL_20 = require("IconSizes").IconSizes.SMALL_20;
const MEDIUM = require("IconSizes").IconSizes.MEDIUM;
const diff = 32 - IconSizes.getIconSize(SMALL);
const diff1 = 40 - IconSizes.getIconSize(SMALL_20);
const diff2 = 48 - IconSizes.getIconSize(MEDIUM);
2026-07-23 10:11:24 +00:00
const result = require("set").fileFinishedImporting("design/components/Button/native/ButtonConstants.native.tsx");
2026-07-20 16:05:17 +00:00
export const MINIMUM_HIT_AREA = 44;
export const SMALL_BUTTON_HEIGHT = 32;
export const MEDIUM_BUTTON_HEIGHT = 40;
export const LARGE_BUTTON_HEIGHT = 48;
export const FAB_BUTTON_SIZE = 56;
export const BUTTON_BORDER_WIDTH = 1;
export const DEFAULT_BUTTON_SIZE = "md";
export const SMALL_BUTTON_ICON_SIZE = SMALL;
export const MEDIUM_BUTTON_ICON_SIZE = SMALL_20;
export const LARGE_BUTTON_ICON_SIZE = MEDIUM;
2026-07-29 08:29:29 +00:00
export const FAB_BUTTON_ICON_SIZE = require("IconSizes").IconSizes.MEDIUM;
2026-07-20 16:05:17 +00:00
export const SMALL_BUTTON_HORIZONTAL_PADDING = 12;
export const MEDIUM_BUTTON_HORIZONTAL_PADDING = 20;
export const LARGE_BUTTON_HORIZONTAL_PADDING = 24;
2026-07-29 08:29:29 +00:00
export const SMALL_BUTTON_PADDING = (diff - 2) / 2;
export const MEDIUM_BUTTON_PADDING = (diff1 - 2) / 2;
export const LARGE_BUTTON_PADDING = (diff2 - 2) / 2;
2026-07-20 16:05:17 +00:00
export const BUTTON_DEFAULT_MAX_FONT_SIZE_MULTIPLIER = 3;
2026-07-29 08:29:29 +00:00
export function getButtonDefaultTextVariant(size) {
2026-07-20 16:05:17 +00:00
let str = "text-sm/semibold";
2026-07-29 08:29:29 +00:00
if ("lg" === size) {
2026-07-20 16:05:17 +00:00
str = "text-md/semibold";
}
return str;
}
2026-07-29 08:29:29 +00:00
export const getButtonPadding = function getButtonPadding(FAB_BUTTON_SIZE, FAB_BUTTON_ICON_SIZE) {
2026-08-12 06:57:52 +00:00
return (FAB_BUTTON_SIZE - require(4756) /* IconSizes */.getIconSize(FAB_BUTTON_ICON_SIZE) - 2) / 2;
2026-07-29 08:29:29 +00:00
};
2026-07-25 08:10:48 +00:00
export const getButtonBorderRadius = function getButtonBorderRadius(arg0) {
if ("lg" === arg0) {
2026-07-29 08:29:29 +00:00
let BORDER_RADIUS = importDefault(712).modules.button.BORDER_RADIUS_LG;
2026-07-25 08:10:48 +00:00
} else {
2026-07-29 08:29:29 +00:00
BORDER_RADIUS = importDefault(712).modules.button.BORDER_RADIUS;
2026-07-25 08:10:48 +00:00
}
return BORDER_RADIUS;
};