stone-kit
Version:
uikit for redesign
80 lines (79 loc) • 2.73 kB
JavaScript
import { jsx as n } from "react/jsx-runtime";
import { c as r } from "../../../index-rKuIKazb.js";
const o = "_tagCommon_1087m_1", h = "_red_1087m_108", p = "_gray_1087m_114", c = "_shade_1087m_120", y = "_blackGrey_1087m_126", g = "_chineseBlack_1087m_132", x = "_white_1087m_139", d = "_fullWhite_1087m_146", u = "_shadeWhite_1087m_153", k = "_transparent_1087m_160", w = "_transWhite_1087m_167", G = "_whiteGrayStroke_1087m_174", W = "_whiteGray_1087m_174", b = "_lightGray_1087m_188", f = "_blackStroke_1087m_194", L = "_lightBlue_1087m_201", B = "_preLarge_size_m_1087m_236", _ = {
tagCommon: o,
"auto-width": "_auto-width_1087m_20",
"full-width": "_full-width_1087m_24",
"medium-size": "_medium-size_1087m_28",
"mini-size": "_mini-size_1087m_36",
"tiny-size": "_tiny-size_1087m_44",
"small-size": "_small-size_1087m_52",
"preLarge-size": "_preLarge-size_1087m_60",
"large-size": "_large-size_1087m_68",
"tiny-7px-size": "_tiny-7px-size_1087m_76",
"tiny-10px-size": "_tiny-10px-size_1087m_84",
"small-10px-size": "_small-10px-size_1087m_92",
"small-13px-size": "_small-13px-size_1087m_100",
red: h,
gray: p,
shade: c,
blackGrey: y,
chineseBlack: g,
white: x,
fullWhite: d,
shadeWhite: u,
transparent: k,
transWhite: w,
whiteGrayStroke: G,
whiteGray: W,
lightGray: b,
blackStroke: f,
lightBlue: L,
"mini-size_m": "_mini-size_m_1087m_208",
"tiny-size_m": "_tiny-size_m_1087m_215",
"medium-size_m": "_medium-size_m_1087m_222",
"small-size_m": "_small-size_m_1087m_229",
preLarge_size_m: B,
"large-size_m": "_large-size_m_1087m_243",
"tiny-7px-size_m": "_tiny-7px-size_m_1087m_250",
"tiny-10px-size_m": "_tiny-10px-size_m_1087m_257",
"small-10px-size_m": "_small-10px-size_m_1087m_264",
"small-13px-size_m": "_small-13px-size_m_1087m_271",
"mini-size_l": "_mini-size_l_1087m_280",
"tiny-size_l": "_tiny-size_l_1087m_287",
"medium-size_l": "_medium-size_l_1087m_294",
"small-size_l": "_small-size_l_1087m_301",
"preLarge-size_l": "_preLarge-size_l_1087m_308",
"large-size_l": "_large-size_l_1087m_315",
"tiny-7px-size_l": "_tiny-7px-size_l_1087m_322",
"tiny-10px-size_l": "_tiny-10px-size_l_1087m_329",
"small-10px-size_l": "_small-10px-size_l_1087m_336",
"small-13px-size_l": "_small-13px-size_l_1087m_343"
}, S = r.bind(_), N = ({
size: e = "medium",
size_m: i,
size_l: s,
children: m = "",
variant: l = "gray",
width: t = "auto",
additionalClass: a = "",
...z
}) => /* @__PURE__ */ n(
"div",
{
className: S(
_.tagCommon,
_[`${e}-size`],
_[`${i}-size_m`],
_[`${s}-size_l`],
_[`${l}`],
_[`${t}-width`],
a
),
...z,
children: m
}
);
export {
N as Tag
};