111 lines
3.5 KiB
JavaScript
111 lines
3.5 KiB
JavaScript
"use strict";
|
|
var __defProp = Object.defineProperty;
|
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
|
|
// src/components/code.ts
|
|
var code_exports = {};
|
|
__export(code_exports, {
|
|
codeTheme: () => codeTheme
|
|
});
|
|
module.exports = __toCommonJS(code_exports);
|
|
var import_styled_system2 = require("@chakra-ui/styled-system");
|
|
|
|
// src/components/badge.ts
|
|
var import_styled_system = require("@chakra-ui/styled-system");
|
|
var import_theme_tools = require("@chakra-ui/theme-tools");
|
|
var vars = (0, import_styled_system.defineCssVars)("badge", ["bg", "color", "shadow"]);
|
|
var baseStyle = (0, import_styled_system.defineStyle)({
|
|
px: 1,
|
|
textTransform: "uppercase",
|
|
fontSize: "xs",
|
|
borderRadius: "sm",
|
|
fontWeight: "bold",
|
|
bg: vars.bg.reference,
|
|
color: vars.color.reference,
|
|
boxShadow: vars.shadow.reference
|
|
});
|
|
var variantSolid = (0, import_styled_system.defineStyle)((props) => {
|
|
const { colorScheme: c, theme } = props;
|
|
const dark = (0, import_theme_tools.transparentize)(`${c}.500`, 0.6)(theme);
|
|
return {
|
|
[vars.bg.variable]: `colors.${c}.500`,
|
|
[vars.color.variable]: `colors.white`,
|
|
_dark: {
|
|
[vars.bg.variable]: dark,
|
|
[vars.color.variable]: `colors.whiteAlpha.800`
|
|
}
|
|
};
|
|
});
|
|
var variantSubtle = (0, import_styled_system.defineStyle)((props) => {
|
|
const { colorScheme: c, theme } = props;
|
|
const darkBg = (0, import_theme_tools.transparentize)(`${c}.200`, 0.16)(theme);
|
|
return {
|
|
[vars.bg.variable]: `colors.${c}.100`,
|
|
[vars.color.variable]: `colors.${c}.800`,
|
|
_dark: {
|
|
[vars.bg.variable]: darkBg,
|
|
[vars.color.variable]: `colors.${c}.200`
|
|
}
|
|
};
|
|
});
|
|
var variantOutline = (0, import_styled_system.defineStyle)((props) => {
|
|
const { colorScheme: c, theme } = props;
|
|
const darkColor = (0, import_theme_tools.transparentize)(`${c}.200`, 0.8)(theme);
|
|
return {
|
|
[vars.color.variable]: `colors.${c}.500`,
|
|
_dark: {
|
|
[vars.color.variable]: darkColor
|
|
},
|
|
[vars.shadow.variable]: `inset 0 0 0px 1px ${vars.color.reference}`
|
|
};
|
|
});
|
|
var variants = {
|
|
solid: variantSolid,
|
|
subtle: variantSubtle,
|
|
outline: variantOutline
|
|
};
|
|
var badgeTheme = (0, import_styled_system.defineStyleConfig)({
|
|
baseStyle,
|
|
variants,
|
|
defaultProps: {
|
|
variant: "subtle",
|
|
colorScheme: "gray"
|
|
}
|
|
});
|
|
|
|
// src/components/code.ts
|
|
var { variants: variants2, defaultProps } = badgeTheme;
|
|
var baseStyle2 = (0, import_styled_system2.defineStyle)({
|
|
fontFamily: "mono",
|
|
fontSize: "sm",
|
|
px: "0.2em",
|
|
borderRadius: "sm",
|
|
bg: vars.bg.reference,
|
|
color: vars.color.reference,
|
|
boxShadow: vars.shadow.reference
|
|
});
|
|
var codeTheme = (0, import_styled_system2.defineStyleConfig)({
|
|
baseStyle: baseStyle2,
|
|
variants: variants2,
|
|
defaultProps
|
|
});
|
|
// Annotate the CommonJS export names for ESM import in node:
|
|
0 && (module.exports = {
|
|
codeTheme
|
|
});
|
|
//# sourceMappingURL=code.js.map
|