stone-kit
Version:
uikit for redesign
108 lines (107 loc) • 4.16 kB
JavaScript
import { jsx as z } from "react/jsx-runtime";
import { c as h } from "../../../index-YnD2EP-S.js";
const o = "_tagCommon_18las_1", y = "_red_18las_149", p = "_gray_18las_155", g = "_shade_18las_161", x = "_blackGrey_18las_167", c = "_blackWhite_18las_173", d = "_gray5_18las_179", u = "_gray8_18las_185", k = "_chineseBlack_18las_191", G = "_white_18las_198", f = "_fullWhite_18las_205", W = "_shadeWhite_18las_212", w = "_transparent_18las_222", b = "_transWhite_18las_229", L = "_neutralGray6_18las_239", T = "_whiteGrayStroke_18las_245", B = "_whiteGray_18las_245", S = "_lightGray_18las_259", $ = "_black_18las_167", C = "_blackStroke_18las_271", N = "_darkGray_18las_278", j = "_lightBlue_18las_283", v = "_lightGrayTrans_18las_289", q = "_whiteGrayTrans_18las_295", A = "_preLarge_size_m_18las_342", _ = {
tagCommon: o,
"auto-width": "_auto-width_18las_21",
"full-width": "_full-width_18las_25",
"medium-size": "_medium-size_18las_29",
"mini-size": "_mini-size_18las_37",
"mini-12px-size": "_mini-12px-size_18las_45",
"tiny-size": "_tiny-size_18las_53",
"small-size": "_small-size_18las_61",
"preLarge-size": "_preLarge-size_18las_69",
"large-size": "_large-size_18las_77",
"tiny-7px-size": "_tiny-7px-size_18las_85",
"tiny-10px-size": "_tiny-10px-size_18las_93",
"tiny-12px-size": "_tiny-12px-size_18las_101",
"small-10px-size": "_small-10px-size_18las_109",
"small-13px-size": "_small-13px-size_18las_117",
"small-font-14-size": "_small-font-14-size_18las_125",
"extra-small-size": "_extra-small-size_18las_133",
"small-height-28px-size": "_small-height-28px-size_18las_141",
red: y,
gray: p,
shade: g,
blackGrey: x,
blackWhite: c,
gray5: d,
gray8: u,
chineseBlack: k,
white: G,
fullWhite: f,
shadeWhite: W,
transparent: w,
transWhite: b,
neutralGray6: L,
whiteGrayStroke: T,
whiteGray: B,
lightGray: S,
black: $,
blackStroke: C,
darkGray: N,
lightBlue: j,
lightGrayTrans: v,
whiteGrayTrans: q,
"tiny-fontWeight": "_tiny-fontWeight_18las_301",
"medium-fontWeight": "_medium-fontWeight_18las_305",
"large-fontWeight": "_large-fontWeight_18las_309",
"mini-size_m": "_mini-size_m_18las_314",
"tiny-size_m": "_tiny-size_m_18las_321",
"medium-size_m": "_medium-size_m_18las_328",
"small-size_m": "_small-size_m_18las_335",
preLarge_size_m: A,
"large-size_m": "_large-size_m_18las_349",
"tiny-7px-size_m": "_tiny-7px-size_m_18las_356",
"tiny-10px-size_m": "_tiny-10px-size_m_18las_363",
"tiny-12px-size_m": "_tiny-12px-size_m_18las_370",
"small-10px-size_m": "_small-10px-size_m_18las_377",
"small-13px-size_m": "_small-13px-size_m_18las_384",
"small-font-14-size_m": "_small-font-14-size_m_18las_391",
"mini-12px-size_m": "_mini-12px-size_m_18las_398",
"extra-small-size_m": "_extra-small-size_m_18las_405",
"small-height-28px-size_m": "_small-height-28px-size_m_18las_412",
"mini-size_l": "_mini-size_l_18las_421",
"tiny-size_l": "_tiny-size_l_18las_428",
"medium-size_l": "_medium-size_l_18las_435",
"small-size_l": "_small-size_l_18las_442",
"preLarge-size_l": "_preLarge-size_l_18las_449",
"large-size_l": "_large-size_l_18las_456",
"tiny-7px-size_l": "_tiny-7px-size_l_18las_463",
"tiny-10px-size_l": "_tiny-10px-size_l_18las_470",
"tiny-12px-size_l": "_tiny-12px-size_l_18las_477",
"small-10px-size_l": "_small-10px-size_l_18las_484",
"small-13px-size_l": "_small-13px-size_l_18las_491",
"small-font-14-size_l": "_small-font-14-size_l_18las_498",
"mini-12px-size_l": "_mini-12px-size_l_18las_505",
"extra-small-size_l": "_extra-small-size_l_18las_512",
"small-height-28px-size_l": "_small-height-28px-size_l_18las_519"
}, D = h.bind(_), H = ({
size: s = "medium",
size_m: l,
size_l: a,
children: i = "",
variant: e = "gray",
width: t = "auto",
additionalClass: m = "",
fontWeight: n = "medium",
...r
}) => /* @__PURE__ */ z(
"div",
{
className: D(
_.tagCommon,
_[`${s}-size`],
_[`${l}-size_m`],
_[`${a}-size_l`],
_[`${e}`],
_[`${t}-width`],
_[`${n}-fontWeight`],
m
),
...r,
children: i
}
);
export {
H as Tag
};