norma-library
Version:
Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.
298 lines • 14.7 kB
JavaScript
import { __assign } from "tslib";
import { createTheme } from '@mui/material/styles';
export var getPalette = function (customPalette) {
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27;
var defaultPalette = {
primary: '#fc7f29',
primaryLight: '#FFDB9F',
primaryMedium: '#FFA84C',
primaryDark: '#B74608',
inherit: '#666666',
secondary: '#43bbf2',
error: '#d63643',
warning: '#ffc300',
info: '#71d5f7',
success: '#6bc235',
white: '#ffffff',
black: '#000000',
helper: '#5a2a79',
secondaryLight: '#D9FCFE',
secondaryMedium: '#71D5F7',
secondaryDark: '#154F8C',
inheritLight: '#A3A3A3',
inheritMedium: '#666666',
inheritDark: '#292929',
whiteLight: '#F5F5F5',
whiteMedium: '#E0E0E0',
whiteDark: '#CCCCCC',
successLight: '#D9F8B0',
successMedium: '#B9EC85',
successDark: '#247010',
errorLight: '#FABEAF',
errorMedium: '#F29085',
errorDark: '#F29085',
warningLight: '#FFF7CC',
warningMedium: '#FFE266',
warningDark: '#936600',
helperLight: '#F3D7F8',
helperMedium: '#BF82D6',
helperDark: '#250D46',
};
var customPaletteAdapted = {
primary: ((_b = (_a = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _a === void 0 ? void 0 : _a.primary) === null || _b === void 0 ? void 0 : _b.main) || defaultPalette.primary,
primaryLight: ((_d = (_c = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _c === void 0 ? void 0 : _c.primary) === null || _d === void 0 ? void 0 : _d.light) || defaultPalette.primaryLight,
primaryMedium: ((_f = (_e = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _e === void 0 ? void 0 : _e.primary) === null || _f === void 0 ? void 0 : _f['500']) || defaultPalette.primaryMedium,
primaryDark: ((_h = (_g = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _g === void 0 ? void 0 : _g.primary) === null || _h === void 0 ? void 0 : _h.dark) || defaultPalette.primaryDark,
inherit: ((_k = (_j = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _j === void 0 ? void 0 : _j.info) === null || _k === void 0 ? void 0 : _k.main) || defaultPalette.inherit,
secondary: ((_m = (_l = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _l === void 0 ? void 0 : _l.secondary) === null || _m === void 0 ? void 0 : _m.main) || defaultPalette.secondary,
error: ((_p = (_o = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _o === void 0 ? void 0 : _o.error) === null || _p === void 0 ? void 0 : _p.main) || defaultPalette.error,
warning: ((_r = (_q = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _q === void 0 ? void 0 : _q.warning) === null || _r === void 0 ? void 0 : _r.main) || defaultPalette.warning,
info: ((_t = (_s = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _s === void 0 ? void 0 : _s.info) === null || _t === void 0 ? void 0 : _t.main) || defaultPalette.info,
success: ((_v = (_u = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _u === void 0 ? void 0 : _u.success) === null || _v === void 0 ? void 0 : _v.main) || defaultPalette.success,
white: defaultPalette.white,
black: ((_x = (_w = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _w === void 0 ? void 0 : _w.text) === null || _x === void 0 ? void 0 : _x.primary) || defaultPalette.black,
helper: defaultPalette.helper,
secondaryLight: ((_z = (_y = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _y === void 0 ? void 0 : _y.secondary) === null || _z === void 0 ? void 0 : _z.light) || defaultPalette.secondaryLight,
secondaryMedium: ((_1 = (_0 = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _0 === void 0 ? void 0 : _0.secondary) === null || _1 === void 0 ? void 0 : _1['500']) || defaultPalette.secondaryMedium,
secondaryDark: ((_3 = (_2 = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _2 === void 0 ? void 0 : _2.secondary) === null || _3 === void 0 ? void 0 : _3.dark) || defaultPalette.secondaryDark,
inheritLight: ((_5 = (_4 = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _4 === void 0 ? void 0 : _4.info) === null || _5 === void 0 ? void 0 : _5.light) || defaultPalette.inheritLight,
inheritMedium: ((_7 = (_6 = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _6 === void 0 ? void 0 : _6.info) === null || _7 === void 0 ? void 0 : _7['500']) || defaultPalette.inheritMedium,
inheritDark: ((_9 = (_8 = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _8 === void 0 ? void 0 : _8.info) === null || _9 === void 0 ? void 0 : _9.dark) || defaultPalette.inheritDark,
whiteLight: defaultPalette.whiteLight,
whiteMedium: defaultPalette.whiteMedium,
whiteDark: defaultPalette.whiteDark,
successLight: ((_11 = (_10 = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _10 === void 0 ? void 0 : _10.success) === null || _11 === void 0 ? void 0 : _11.light) || defaultPalette.successLight,
successMedium: ((_13 = (_12 = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _12 === void 0 ? void 0 : _12.success) === null || _13 === void 0 ? void 0 : _13['500']) || defaultPalette.successMedium,
successDark: ((_15 = (_14 = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _14 === void 0 ? void 0 : _14.success) === null || _15 === void 0 ? void 0 : _15.dark) || defaultPalette.successDark,
errorLight: ((_17 = (_16 = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _16 === void 0 ? void 0 : _16.error) === null || _17 === void 0 ? void 0 : _17.light) || defaultPalette.errorLight,
errorMedium: ((_19 = (_18 = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _18 === void 0 ? void 0 : _18.error) === null || _19 === void 0 ? void 0 : _19['500']) || defaultPalette.errorMedium,
errorDark: ((_21 = (_20 = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _20 === void 0 ? void 0 : _20.error) === null || _21 === void 0 ? void 0 : _21.dark) || defaultPalette.errorDark,
warningLight: ((_23 = (_22 = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _22 === void 0 ? void 0 : _22.warning) === null || _23 === void 0 ? void 0 : _23.light) || defaultPalette.warningLight,
warningMedium: ((_25 = (_24 = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _24 === void 0 ? void 0 : _24.warning) === null || _25 === void 0 ? void 0 : _25['500']) || defaultPalette.warningMedium,
warningDark: ((_27 = (_26 = customPalette === null || customPalette === void 0 ? void 0 : customPalette.palette) === null || _26 === void 0 ? void 0 : _26.warning) === null || _27 === void 0 ? void 0 : _27.dark) || defaultPalette.warningDark,
helperLight: defaultPalette.helperLight,
helperMedium: defaultPalette.helperMedium,
helperDark: defaultPalette.helperDark,
};
return customPalette ? customPaletteAdapted : defaultPalette;
};
export var palette = getPalette();
export var textColors = {
inherit: palette.inherit,
primary: palette.primary,
secondary: palette.secondary,
error: palette.error,
warning: palette.warning,
info: palette.info,
success: palette.success,
white: palette.white,
black: palette.black,
helper: palette.helper,
primaryLight: palette.primaryLight,
primaryMedium: palette.primaryMedium,
primaryDark: palette.primaryDark,
secondaryLight: palette.secondaryLight,
secondaryMedium: palette.secondaryMedium,
secondaryDark: palette.secondaryDark,
inheritLight: palette.inheritLight,
inheritMedium: palette.inheritMedium,
inheritDark: palette.inheritDark,
whiteLight: palette.whiteLight,
whiteMedium: palette.whiteMedium,
whiteDark: palette.whiteDark,
successLight: palette.successLight,
successMedium: palette.successMedium,
successDark: palette.successDark,
errorLight: palette.errorLight,
errorMedium: palette.errorMedium,
errorDark: palette.errorDark,
warningLight: palette.warningLight,
warningMedium: palette.warningMedium,
warningDark: palette.warningDark,
helperLight: palette.helperLight,
helperMedium: palette.helperMedium,
helperDark: palette.helperDark,
};
export var backgroundColors = {
inherit: palette.inherit,
primary: palette.primary,
secondary: palette.secondary,
error: palette.error,
warning: palette.warning,
info: palette.info,
success: palette.success,
white: palette.white,
black: palette.black,
primaryLight: palette.primaryLight,
primaryMedium: palette.primaryMedium,
primaryDark: palette.primaryDark,
secondaryLight: palette.secondaryLight,
secondaryMedium: palette.secondaryMedium,
secondaryDark: palette.secondaryDark,
inheritLight: palette.inheritLight,
inheritMedium: palette.inheritMedium,
inheritDark: palette.inheritDark,
whiteLight: palette.whiteLight,
whiteMedium: palette.whiteMedium,
whiteDark: palette.whiteDark,
successLight: palette.successLight,
successMedium: palette.successMedium,
successDark: palette.successDark,
errorLight: palette.errorLight,
errorMedium: palette.errorMedium,
errorDark: palette.errorDark,
warningLight: palette.warningLight,
warningMedium: palette.warningMedium,
warningDark: palette.warningDark,
helperLight: palette.helperLight,
helperMedium: palette.helperMedium,
helperDark: palette.helperDark,
};
export var olosPalette = {
primary: {
main: palette.primary,
},
secondary: {
main: palette.secondary,
},
error: {
main: palette.error,
},
warning: {
main: palette.warning,
},
info: {
main: palette.info,
},
success: {
main: palette.success,
},
};
export var newOlosPalette = {
primary: {
main: palette.primary,
light: palette.primaryLight,
dark: palette.primaryDark,
contrastText: palette.white,
'500': palette.primaryMedium,
},
secondary: {
main: palette.secondary,
light: palette.secondaryLight,
dark: palette.secondaryDark,
contrastText: palette.white,
'500': palette.secondaryMedium,
},
error: {
main: palette.error,
light: palette.errorLight,
dark: palette.errorDark,
contrastText: palette.white,
'500': palette.errorMedium,
},
warning: {
main: palette.warning,
light: palette.warningLight,
dark: palette.warningDark,
contrastText: palette.white,
'500': palette.warningMedium,
},
info: {
main: palette.inherit,
light: palette.inheritLight,
dark: palette.inheritDark,
contrastText: palette.white,
'500': palette.inheritMedium,
},
success: {
main: palette.success,
light: palette.successLight,
dark: palette.successDark,
contrastText: palette.white,
'500': palette.successMedium,
},
text: {
primary: palette.black,
secondary: palette.primary,
disabled: palette.inherit,
}
};
export var mockPalette = {
primary: {
main: '#fc92ee',
},
secondary: {
main: '#43bbf2',
},
error: {
main: '#d63643',
},
warning: {
main: '#ffc300',
},
info: {
main: '#71d5f7',
},
success: {
main: '#6bc235',
},
};
export var lightTheme = createTheme({
palette: __assign({ mode: 'light' }, olosPalette),
});
export var newLightTheme = createTheme({
palette: __assign({ mode: 'light' }, newOlosPalette),
});
export var darkTheme = createTheme({
palette: __assign(__assign({ mode: 'dark' }, olosPalette), { background: {
default: palette.inheritLight,
paper: palette.inheritDark,
} }),
});
export var mockTheme = createTheme({
palette: __assign({ mode: 'light' }, mockPalette),
});
export var themes = {
light: lightTheme,
dark: darkTheme,
newLight: newLightTheme,
};
var getColor = function (key) {
var palette = getPalette();
if (palette.hasOwnProperty(key)) {
return palette[key];
}
else {
return '#CCC';
}
};
var extractRGB = function (rgbString) {
if (typeof rgbString === 'string') {
var match = rgbString.match(/\((\d+), (\d+), (\d+)\)/);
if (match) {
var r = match[1];
var g = match[2];
var b = match[3];
return "".concat(r, ",").concat(g, ",").concat(b);
}
}
return null;
};
var lightenRGB = function (rgbString, amount) {
if (amount === void 0) { amount = 20; }
if (typeof rgbString === 'string') {
var match = rgbString.match(/\((\d+), (\d+), (\d+)\)/);
if (match) {
var r = parseInt(match[1]);
var g = parseInt(match[2]);
var b = parseInt(match[3]);
var newR = Math.min(255, r + amount);
var newG = Math.min(255, g + amount);
var newB = Math.min(255, b + amount);
return "rgb(".concat(newR, ",").concat(newG, ",").concat(newB, ")");
}
}
return null;
};
export { extractRGB, getColor, lightenRGB };
//# sourceMappingURL=colors.js.map