@nextui-org/theme
Version:
The default theme for NextUI components
81 lines (79 loc) • 2.3 kB
JavaScript
// src/utils/classes.ts
var baseStyles = (prefix) => ({
color: `hsl(var(--${prefix}-foreground))`,
backgroundColor: `hsl(var(--${prefix}-background))`
});
var focusVisibleClasses = [
"focus-visible:z-10",
"focus-visible:outline-2",
"focus-visible:outline-focus",
"focus-visible:outline-offset-2"
];
var dataFocusVisibleClasses = [
"outline-none",
"data-[focus-visible=true]:z-10",
"data-[focus-visible=true]:outline-2",
"data-[focus-visible=true]:outline-focus",
"data-[focus-visible=true]:outline-offset-2"
];
var groupDataFocusVisibleClasses = [
"outline-none",
"group-data-[focus-visible=true]:z-10",
"group-data-[focus-visible=true]:ring-2",
"group-data-[focus-visible=true]:ring-focus",
"group-data-[focus-visible=true]:ring-offset-2",
"group-data-[focus-visible=true]:ring-offset-background"
];
var ringClasses = [
"outline-none",
"ring-2",
"ring-focus",
"ring-offset-2",
"ring-offset-background"
];
var translateCenterClasses = [
"absolute",
"top-1/2",
"left-1/2",
"-translate-x-1/2",
"-translate-y-1/2"
];
var absoluteFullClasses = ["absolute", "inset-0"];
var collapseAdjacentVariantBorders = {
default: ["[&+.border-medium.border-default]:ms-[calc(theme(borderWidth.medium)*-1)]"],
primary: ["[&+.border-medium.border-primary]:ms-[calc(theme(borderWidth.medium)*-1)]"],
secondary: ["[&+.border-medium.border-secondary]:ms-[calc(theme(borderWidth.medium)*-1)]"],
success: ["[&+.border-medium.border-success]:ms-[calc(theme(borderWidth.medium)*-1)]"],
warning: ["[&+.border-medium.border-warning]:ms-[calc(theme(borderWidth.medium)*-1)]"],
danger: ["[&+.border-medium.border-danger]:ms-[calc(theme(borderWidth.medium)*-1)]"]
};
var hiddenInputClasses = [
"[--cursor-hit-x:8px]",
"font-inherit",
"text-[100%]",
"leading-[1.15]",
"m-0",
"p-0",
"overflow-visible",
"box-border",
"absolute",
"top-0",
"start-[calc(var(--cursor-hit-x)*-1)]",
"w-[calc(100%+var(--cursor-hit-x)*2)]",
"h-full",
"opacity-[0.0001]",
"z-[1]",
"cursor-pointer",
"disabled:cursor-default"
];
export {
baseStyles,
focusVisibleClasses,
dataFocusVisibleClasses,
groupDataFocusVisibleClasses,
ringClasses,
translateCenterClasses,
absoluteFullClasses,
collapseAdjacentVariantBorders,
hiddenInputClasses
};