@atlrdsgn/kit
Version:
An ever–expanding library of React components, primitives, and tools
90 lines • 4.67 kB
TypeScript
export declare const toggleGroupProperties: {
readonly core: {
readonly display: "flex";
readonly flexDirection: "row";
readonly justifyContent: "center";
readonly alignItems: "center";
readonly margin: "auto";
};
readonly text: {
readonly size: {
readonly SM: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
readonly MD: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
readonly lineheight: {
readonly SM: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
readonly MD: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
};
readonly size: {
readonly root: {
readonly padding: {
readonly SM: "4px";
readonly MD: "6px";
};
};
readonly item: {
readonly text: {
readonly size: {
readonly SM: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
readonly MD: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
readonly lineheight: {
readonly SM: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
readonly MD: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
};
readonly padding: {
readonly SM: "4px 10px";
readonly MD: "6px 12px";
};
};
};
readonly color: {
readonly root: {
readonly background: {
readonly CARBON: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
readonly JADE: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
readonly ORANGE: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
readonly SAPPHIRE: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
readonly borderColor: {
readonly CARBON: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
readonly JADE: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
readonly ORANGE: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
readonly SAPPHIRE: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
readonly color: {
readonly CARBON: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
readonly JADE: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
readonly ORANGE: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
readonly SAPPHIRE: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
readonly shadow: {
readonly CARBON: "0px 1px 2px -1px rgba(173, 181, 189, 0.25)";
readonly JADE: "0px 1px 2px -1px rgba(64, 192, 87, 0.25)";
readonly ORANGE: "0px 1px 2px -1px rgba(255, 191, 0, 0.25)";
readonly SAPPHIRE: "0px 1px 2px -1px rgba(17, 12, 34, 0.12)";
};
readonly onFocus: {
readonly shadow: {
readonly CARBON: "0px 0px 0px 3.5px rgba(173, 181, 189, 0.35), 0px 1px 2px 0px #ADB5BD";
readonly JADE: "0px 0px 0px 3.5px rgba(64, 192, 87, 0.40), 0px 1px 2px 0px rgba(0, 0, 0, 0.25)";
readonly ORANGE: "0px 0px 0px 3.5px rgba(253, 126, 20, 0.40), 0px 1px 2px 0px rgba(0, 0, 0, 0.25)";
readonly SAPPHIRE: "0px 0px 0px 3.5px rgba(103, 90, 162, 0.40), 0px 1px 2px 0px rgba(0, 0, 0, 0.25)";
};
};
readonly isDark: {};
};
readonly item: {
readonly background: {};
readonly borderColor: {};
readonly color: {};
readonly shadow: {};
readonly onHover: {};
readonly onFocus: {};
readonly isDark: {};
};
};
};
//# sourceMappingURL=properties.d.ts.map