@fruits-chain/react-native-xiaoshu/lib/commonjs/button/style.js

🌈 React Native UI library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.varCreator = exports.styleCreator = void 0;
var _reactNative = require("react-native");
const varCreator = TOKENS => {
  return {
    button_xl_height: 52,
    button_xl_font_size: 18,
    button_xl_loading_size: 18,
    button_l_height: 44,
    button_l_font_size: 16,
    button_l_loading_size: 16,
    button_m_height: 40,
    button_m_font_size: 15,
    button_m_loading_size: 15,
    button_s_height: 32,
    button_s_font_size: 14,
    button_s_loading_size: 14,
    button_xs_height: 24,
    button_xs_font_size: 14,
    button_xs_loading_size: 14,
    button_xs_padding_horizontal: TOKENS.space_1,
    button_padding_horizontal: TOKENS.space_2,
    button_border_width: 1,
    button_border_color: TOKENS.gray_5,
    button_border_radius: TOKENS.border_radius_s,
    button_active_opacity: TOKENS.opacity_60,
    button_disabled_opacity: TOKENS.opacity_40,
    button_loading_opacity: TOKENS.opacity_40,
    button_primary_color: TOKENS.brand_6,
    button_danger_color: TOKENS.red_6,
    button_ghost_background_color: 'transparent',
    button_hazy_lightness: 95,
    button_icon_gap: TOKENS.space_1,
    button_text_color: TOKENS.white,
    button_subtext_line_height: 20,
    button_subtext_font_size: 13,
    button_subtext_opacity: 0.7,
    button_option_min_width: 62,
    button_option_badge_margin_left: TOKENS.space_1,
    button_option_badge_text_font_size: TOKENS.font_size_3,
    button_option_badge_text_color: TOKENS.red_6,
    button_option_disabled_border_color: TOKENS.gray_4,
    button_option_disabled_text_color: TOKENS.gray_5
  };
};
exports.varCreator = varCreator;
const styleCreator = cv => {
  return _reactNative.StyleSheet.create({
    button: {
      alignItems: 'center',
      justifyContent: 'center',
      flexDirection: 'row',
      borderStyle: 'solid',
      paddingHorizontal: cv.button_padding_horizontal,
      borderRadius: cv.button_border_radius
    },
    button_column: {
      flexDirection: 'column'
    },
    button_disabled: {
      opacity: cv.button_disabled_opacity
    },
    button_loading: {
      opacity: cv.button_loading_opacity
    },
    button_xs_padding_horizontal: {
      paddingHorizontal: cv.button_xs_padding_horizontal
    },
    button_square: {
      borderRadius: 0
    },
    button_round: {
      borderRadius: 9999
    },
    text: {
      textAlign: 'center'
    },
    option: {
      minWidth: cv.button_option_min_width
    },
    option_badge: {
      marginLeft: cv.button_option_badge_margin_left
    },
    option_badge_text: {
      fontSize: cv.button_option_badge_text_font_size,
      color: cv.button_option_badge_text_color
    }
  });
};
exports.styleCreator = styleCreator;
//# sourceMappingURL=style.js.map