@veracity/vui/dist/range/theme.js

Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.

import { rangeColors } from "./consts.js";

//#region src/range/theme.ts
const baseStyle = {
	container: { w: 1 },
	thumb: {
		bg: "white",
		border: "2px solid",
		borderRadius: "24px",
		h: "24px",
		lineHeight: "24px",
		w: "24px",
		textAlign: "center",
		transitionDuration: "0s"
	},
	thumbValue: {
		position: "absolute",
		top: "24px",
		w: "18px"
	},
	track: {
		bg: rangeColors.main,
		borderRadius: "24px",
		transitionDuration: "0s"
	}
};
const defaultProps = {};
const parts = [
	"container",
	"thumb",
	"thumbValue",
	"track"
];
const sizes = {};
const variants = {};
var theme_default = {
	baseStyle,
	defaultProps,
	parts,
	sizes,
	variants
};

//#endregion
export { theme_default as default };
globalThis.__vuiVersion__ = "5.3.1"
//# sourceMappingURL=theme.js.map