@atlrdsgn/kit
Version:
An ever–expanding library of React components, primitives, and tools
39 lines • 3.06 kB
TypeScript
/**
* shadows
*
*
*
*
* @large_shadow
*/
export declare const shadowLarge: {
readonly LIGHT: {
readonly INITIAL: "0px 0.7079948583634852px 0.7079948583634852px -0.625px rgba(0, 0, 0, 0.15), \n 0px 1.8096906216668867px 1.8096906216668867px -1.25px rgba(0, 0, 0, 0.14397), \n 0px 3.6205156475884093px 3.6205156475884093px -1.875px rgba(0, 0, 0, 0.13793), \n 0px 6.870631714892718px 6.870631714892718px -2.5px rgba(0, 0, 0, 0.1271), \n 0px 13.644368889910274px 13.644368889910274px -3.125px rgba(0, 0, 0, 0.10452), \n 0px 30px 30px -3.75px rgba(0, 0, 0, 0.05)";
readonly HOVER: "0px 0.7079948583634852px 0.7079948583634852px -0.625px rgba(0, 0, 0, 0.15), \n 0px 1.8096906216668867px 1.8096906216668867px -1.25px rgba(0, 0, 0, 0.14397), \n 0px 3.6205156475884093px 3.6205156475884093px -1.875px rgba(0, 0, 0, 0.13793), \n 0px 6.870631714892718px 6.870631714892718px -2.5px rgba(0, 0, 0, 0.1271), \n 0px 13.644368889910274px 13.644368889910274px -3.125px rgba(0, 0, 0, 0.10452), \n 0px 30px 30px -3.75px rgba(0, 0, 0, 0.05)";
};
readonly DARK: {
readonly INITIAL: "0px 0.7079948583634852px 0.7079948583634852px -0.625px rgba(0, 0, 0, 0.15), \n 0px 1.8096906216668867px 1.8096906216668867px -1.25px rgba(0, 0, 0, 0.14397), \n 0px 3.6205156475884093px 3.6205156475884093px -1.875px rgba(0, 0, 0, 0.13793), \n 0px 6.870631714892718px 6.870631714892718px -2.5px rgba(0, 0, 0, 0.1271), \n 0px 13.644368889910274px 13.644368889910274px -3.125px rgba(0, 0, 0, 0.10452), \n 0px 30px 30px -3.75px rgba(0, 0, 0, 0.05)";
readonly HOVER: "0px 0.7079948583634852px 0.7079948583634852px -0.625px rgba(0, 0, 0, 0.15), \n 0px 1.8096906216668867px 1.8096906216668867px -1.25px rgba(0, 0, 0, 0.14397), \n 0px 3.6205156475884093px 3.6205156475884093px -1.875px rgba(0, 0, 0, 0.13793), \n 0px 6.870631714892718px 6.870631714892718px -2.5px rgba(0, 0, 0, 0.1271), \n 0px 13.644368889910274px 13.644368889910274px -3.125px rgba(0, 0, 0, 0.10452), \n 0px 30px 30px -3.75px rgba(0, 0, 0, 0.05)";
};
};
export type ChipShadows = keyof typeof chipShadows;
export declare const chipShadows: {
readonly primary: {
readonly initial: "0px 1px 2px rgba(43, 43, 43, 0.3)";
readonly hover: "0px 2px 3px rgba(102, 102, 102, 0.3)";
readonly focus: "0px 1px 2px rgba(43, 43, 43, 0.3), 0px 0px 1px 3px rgba(140, 145, 158, 0.4)";
};
};
export declare const sharedShadows: {
readonly MINI: "0px 1px 0px 0px rgba(27, 31, 35, 0.10)";
readonly XS: "rgba(48, 49, 51, 0.05) 0px 0px 1px 0px, rgba(48, 49, 51, 0.1) 0px 1px 2px 0px";
readonly SM: "0px 1px 0px 0px rgba(27, 31, 35, 0.10)";
readonly MD: "0px 3px 6px rgba(149, 157, 165, 0.15)";
};
export declare const shadows: {
readonly MINI: "0px 1px 0px 0px rgba(27, 31, 35, 0.10)";
readonly XS: "rgba(48, 49, 51, 0.05) 0px 0px 1px 0px, rgba(48, 49, 51, 0.1) 0px 1px 2px 0px";
readonly SM: "0px 1px 0px 0px rgba(27, 31, 35, 0.10)";
readonly MD: "0px 3px 6px rgba(149, 157, 165, 0.15)";
};
//# sourceMappingURL=shadows.d.ts.map