@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
77 lines (75 loc) • 2.82 kB
JavaScript
const require_utils_index = require('../../utils/index.cjs');
const require_utils = require('./utils.cjs');
const require_animation = require('./animation.cjs');
const require_color_mix = require('./color-mix.cjs');
const require_at_rule = require('./at-rule.cjs');
const require_calc = require('./calc.cjs');
const require_color_scheme = require('./color-scheme.cjs');
const require_display = require('./display.cjs');
const require_filter = require('./filter.cjs');
const require_focus_ring = require('./focus-ring.cjs');
const require_function = require('./function.cjs');
const require_gradient = require('./gradient.cjs');
const require_grid = require('./grid.cjs');
const require_style = require('./style.cjs');
const require_token = require('./token.cjs');
const require_transform = require('./transform.cjs');
const require_transition = require('./transition.cjs');
//#region src/core/css/config.ts
const transforms = {
style: require_style.generateStyle,
colorScheme: require_color_scheme.colorScheme,
animation: require_animation.animation,
bgClip: (value, { prev }) => {
if (value === "text") {
prev ??= {};
prev.color ??= "transparent";
return value;
} else return value;
},
calc: require_calc.generateCalc,
colorMix: require_color_mix.colorMix,
container: require_at_rule.generateAtRule("container"),
content: (value) => {
if ((0, require_utils_index.utils_exports.isObject)(value)) return {
content: "''",
...value
};
else return value;
},
deg: (value) => {
if (require_utils.isCSSVar(value) || value == null) return value;
return typeof value === "string" && !value.endsWith("deg") || (0, require_utils_index.utils_exports.isNumber)(value) ? `${value}deg` : value;
},
display: require_display.display,
filter: require_filter.generateFilter,
focusRing: require_focus_ring.generateFocusRing,
fraction: (value) => {
if ((0, require_utils_index.utils_exports.isNumber)(value) && value <= 1) value = `${value * 100}%`;
return value;
},
function: require_function.generateFunction,
gradient: require_gradient.gradient,
grid: require_grid.grid,
keyframes: require_animation.keyframes,
media: require_at_rule.generateAtRule("media"),
px: (value) => {
if (value == null) return value;
const { unitless } = require_utils.analyzeCSSValue(value);
return unitless || (0, require_utils_index.utils_exports.isNumber)(value) ? `${value}px` : value;
},
supports: require_at_rule.generateAtRule("supports"),
token: require_token.generateToken,
transform: require_transform.transform,
transition: require_transition.generateTransition,
truncated: (value) => {
if (value) return {
overflow: "hidden",
textOverflow: "ellipsis",
whiteSpace: "nowrap"
};
}
};
//#endregion
exports.transforms = transforms;
//# sourceMappingURL=config.cjs.map