@sitecore/sc-contenthub-blok/esm/Foundations/shadows.js

A UI library for [Sitecore Content Hub](https://doc.sitecore.com/ch/).

import { blackAlpha, blue, gray, mainColor } from "./colors";
export const stroke = blackAlpha[200];
export const strokeLight = blackAlpha[100];
export const strokeDark = blackAlpha[300];
export const focusColor = blue[500];
/* Shadow-xs */
export const shadowXs = "0 0 0 1px rgba(0, 0, 0, 0.05)";
/* Shadow-sm */
export const shadowSm = "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
/* Shadow-base */
export const shadowBase = "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)";
/* Shadow-md */
export const shadowMd = "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)";
/* Shadow-lg */
export const shadowLg = "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)";
/* Shadow-xl */
export const shadowXl = "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)";
/* Shadow-2xl */
export const shadow2Xl = "0 25px 50px -12px rgba(0, 0, 0, 0.25)";
/* Shadow-dark-lg */
export const shadowDarkLg = "rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.4) 0px 15px 40px";
export const shadowOutline = "0 0 0 3px rgba(74, 101, 232, 0.6)";
export const shadowInner = "inset 0 2px 4px 0 rgba(0,0,0,0.06)";
export const coloredShadowInner = "inset 0 2px 4px 0 rgba(74, 101, 232, 0.6)";
export const tabFocusShadow = "inset 0 0 0 2px rgba(74, 101, 232, 0.6)";
/* Search item shadows */
export const searchItemShadow = shadowSm;
export const searchItemHoverShadow = shadowMd;
export const searchItemSelectedShadow = `0 0 0 1px ${mainColor}`;
export const searchItemSelectedHoverShadow = `0 0 0 1px ${mainColor}, ${shadowMd}`;
export const searchItemActiveShadow = `0 0 0 1px ${gray[900]}, ${shadowMd}`;
//# sourceMappingURL=shadows.js.map