@sitecore/sc-contenthub-blok
Version:
A UI library for [Sitecore Content Hub](https://doc.sitecore.com/ch/).
35 lines • 2.28 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.searchItemActiveShadow = exports.searchItemSelectedHoverShadow = exports.searchItemSelectedShadow = exports.searchItemHoverShadow = exports.searchItemShadow = exports.tabFocusShadow = exports.coloredShadowInner = exports.shadowInner = exports.shadowOutline = exports.shadowDarkLg = exports.shadow2Xl = exports.shadowXl = exports.shadowLg = exports.shadowMd = exports.shadowBase = exports.shadowSm = exports.shadowXs = exports.focusColor = exports.strokeDark = exports.strokeLight = exports.stroke = void 0;
const colors_1 = require("./colors");
exports.stroke = colors_1.blackAlpha[200];
exports.strokeLight = colors_1.blackAlpha[100];
exports.strokeDark = colors_1.blackAlpha[300];
exports.focusColor = colors_1.blue[500];
/* Shadow-xs */
exports.shadowXs = "0 0 0 1px rgba(0, 0, 0, 0.05)";
/* Shadow-sm */
exports.shadowSm = "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
/* Shadow-base */
exports.shadowBase = "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)";
/* Shadow-md */
exports.shadowMd = "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)";
/* Shadow-lg */
exports.shadowLg = "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)";
/* Shadow-xl */
exports.shadowXl = "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)";
/* Shadow-2xl */
exports.shadow2Xl = "0 25px 50px -12px rgba(0, 0, 0, 0.25)";
/* Shadow-dark-lg */
exports.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";
exports.shadowOutline = "0 0 0 3px rgba(74, 101, 232, 0.6)";
exports.shadowInner = "inset 0 2px 4px 0 rgba(0,0,0,0.06)";
exports.coloredShadowInner = "inset 0 2px 4px 0 rgba(74, 101, 232, 0.6)";
exports.tabFocusShadow = "inset 0 0 0 2px rgba(74, 101, 232, 0.6)";
/* Search item shadows */
exports.searchItemShadow = exports.shadowSm;
exports.searchItemHoverShadow = exports.shadowMd;
exports.searchItemSelectedShadow = `0 0 0 1px ${colors_1.mainColor}`;
exports.searchItemSelectedHoverShadow = `0 0 0 1px ${colors_1.mainColor}, ${exports.shadowMd}`;
exports.searchItemActiveShadow = `0 0 0 1px ${colors_1.gray[900]}, ${exports.shadowMd}`;
//# sourceMappingURL=shadows.js.map