@atlrdsgn/kit
Version:
An ever–expanding library of React components, primitives, and tools
49 lines • 2.43 kB
TypeScript
export declare const constants: {
readonly ROOT_RADII: "11px";
readonly TRIGGER_RADII: "8px";
readonly ITEM_RADII: "8px";
readonly CONTENT_RADII: "11px";
readonly MENU_TRIGGER_BASE: {
readonly display: "inline-flex";
readonly flexDirection: "row";
readonly alignItems: "center";
readonly justifyContent: "center";
readonly fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
readonly fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
readonly width: "auto";
readonly margin: "auto";
};
readonly MENU_CONTENT_BASE: {
readonly zIndex: 9999;
readonly display: "flex";
readonly flexDirection: "column";
readonly alignItems: "center";
readonly justifyContent: "center";
readonly gap: 2;
readonly margin: "auto";
readonly padding: 3;
readonly paddingBottom: 8;
};
readonly MENU_ITEM_BASE: {
readonly boxSizing: "border-box";
readonly cursor: "pointer";
readonly display: "inline-block";
readonly verticalAlign: "middle";
readonly userSelect: "none";
readonly fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
readonly fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
readonly paddingLeft: 14;
readonly paddingRight: 14;
readonly paddingBottom: 2;
readonly paddingTop: 2;
readonly width: "100%";
readonly backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
readonly color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
readonly transition: "all 0.3s ease-in-out";
};
};
//# sourceMappingURL=constant.properties.d.ts.map