@nebula.js/stardust 4.6.0 → 4.6.1

package/core/package.json

@@ -1,8 +1,8 @@
 {
   "module": "esm/index.js",
   "peerDependencies": {
-    "@mui/material": "^5.14.14",
-    "@mui/icons-material": "^5.14.14",
+    "@mui/material": "^5.14.15",
+    "@mui/icons-material": "^5.14.15",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
     "react": "^17.0.2 || ^18.1.0",

package/dist/stardust.dev.js

@@ -1,5 +1,5 @@
 /*
-* @nebula.js/stardust v4.6.0
+* @nebula.js/stardust v4.6.1
 * Copyright (c) 2023 QlikTech International AB
 * Released under the MIT license.
 */
@@ -11818,7 +11818,7 @@
 	  return cache[key];
 	}
 
-	const NEBULA_VERSION_HASH = "ba42" ;
+	const NEBULA_VERSION_HASH = "2504" ;
 	ClassNameGenerator$1.configure(componentName => {
 	  return "njs-".concat(NEBULA_VERSION_HASH, "-").concat(componentName.replace('Mui', ''));
 	});
@@ -12079,7 +12079,7 @@
 	  const appRef = React.createRef();
 	  const element = document.createElement('div');
 	  element.style.display = 'none';
-	  element.setAttribute('data-nebulajs-version', "4.6.0" );
+	  element.setAttribute('data-nebulajs-version', "4.6.1" );
 	  element.setAttribute('data-app-id', app.id);
 	  document.body.appendChild(element);
 	  if (context) {
@@ -12147,6 +12147,246 @@
 	  }, appRef, rendered];
 	}
 
+	const pink = {
+	  50: '#fce4ec',
+	  100: '#f8bbd0',
+	  200: '#f48fb1',
+	  300: '#f06292',
+	  400: '#ec407a',
+	  500: '#e91e63',
+	  600: '#d81b60',
+	  700: '#c2185b',
+	  800: '#ad1457',
+	  900: '#880e4f',
+	  A100: '#ff80ab',
+	  A200: '#ff4081',
+	  A400: '#f50057',
+	  A700: '#c51162'
+	};
+	var pink$1 = pink;
+
+	const deepPurple = {
+	  50: '#ede7f6',
+	  100: '#d1c4e9',
+	  200: '#b39ddb',
+	  300: '#9575cd',
+	  400: '#7e57c2',
+	  500: '#673ab7',
+	  600: '#5e35b1',
+	  700: '#512da8',
+	  800: '#4527a0',
+	  900: '#311b92',
+	  A100: '#b388ff',
+	  A200: '#7c4dff',
+	  A400: '#651fff',
+	  A700: '#6200ea'
+	};
+	var deepPurple$1 = deepPurple;
+
+	const indigo = {
+	  50: '#e8eaf6',
+	  100: '#c5cae9',
+	  200: '#9fa8da',
+	  300: '#7986cb',
+	  400: '#5c6bc0',
+	  500: '#3f51b5',
+	  600: '#3949ab',
+	  700: '#303f9f',
+	  800: '#283593',
+	  900: '#1a237e',
+	  A100: '#8c9eff',
+	  A200: '#536dfe',
+	  A400: '#3d5afe',
+	  A700: '#304ffe'
+	};
+	var indigo$1 = indigo;
+
+	const cyan = {
+	  50: '#e0f7fa',
+	  100: '#b2ebf2',
+	  200: '#80deea',
+	  300: '#4dd0e1',
+	  400: '#26c6da',
+	  500: '#00bcd4',
+	  600: '#00acc1',
+	  700: '#0097a7',
+	  800: '#00838f',
+	  900: '#006064',
+	  A100: '#84ffff',
+	  A200: '#18ffff',
+	  A400: '#00e5ff',
+	  A700: '#00b8d4'
+	};
+	var cyan$1 = cyan;
+
+	const teal = {
+	  50: '#e0f2f1',
+	  100: '#b2dfdb',
+	  200: '#80cbc4',
+	  300: '#4db6ac',
+	  400: '#26a69a',
+	  500: '#009688',
+	  600: '#00897b',
+	  700: '#00796b',
+	  800: '#00695c',
+	  900: '#004d40',
+	  A100: '#a7ffeb',
+	  A200: '#64ffda',
+	  A400: '#1de9b6',
+	  A700: '#00bfa5'
+	};
+	var teal$1 = teal;
+
+	const lightGreen = {
+	  50: '#f1f8e9',
+	  100: '#dcedc8',
+	  200: '#c5e1a5',
+	  300: '#aed581',
+	  400: '#9ccc65',
+	  500: '#8bc34a',
+	  600: '#7cb342',
+	  700: '#689f38',
+	  800: '#558b2f',
+	  900: '#33691e',
+	  A100: '#ccff90',
+	  A200: '#b2ff59',
+	  A400: '#76ff03',
+	  A700: '#64dd17'
+	};
+	var lightGreen$1 = lightGreen;
+
+	const lime = {
+	  50: '#f9fbe7',
+	  100: '#f0f4c3',
+	  200: '#e6ee9c',
+	  300: '#dce775',
+	  400: '#d4e157',
+	  500: '#cddc39',
+	  600: '#c0ca33',
+	  700: '#afb42b',
+	  800: '#9e9d24',
+	  900: '#827717',
+	  A100: '#f4ff81',
+	  A200: '#eeff41',
+	  A400: '#c6ff00',
+	  A700: '#aeea00'
+	};
+	var lime$1 = lime;
+
+	const yellow = {
+	  50: '#fffde7',
+	  100: '#fff9c4',
+	  200: '#fff59d',
+	  300: '#fff176',
+	  400: '#ffee58',
+	  500: '#ffeb3b',
+	  600: '#fdd835',
+	  700: '#fbc02d',
+	  800: '#f9a825',
+	  900: '#f57f17',
+	  A100: '#ffff8d',
+	  A200: '#ffff00',
+	  A400: '#ffea00',
+	  A700: '#ffd600'
+	};
+	var yellow$1 = yellow;
+
+	const amber = {
+	  50: '#fff8e1',
+	  100: '#ffecb3',
+	  200: '#ffe082',
+	  300: '#ffd54f',
+	  400: '#ffca28',
+	  500: '#ffc107',
+	  600: '#ffb300',
+	  700: '#ffa000',
+	  800: '#ff8f00',
+	  900: '#ff6f00',
+	  A100: '#ffe57f',
+	  A200: '#ffd740',
+	  A400: '#ffc400',
+	  A700: '#ffab00'
+	};
+	var amber$1 = amber;
+
+	const deepOrange = {
+	  50: '#fbe9e7',
+	  100: '#ffccbc',
+	  200: '#ffab91',
+	  300: '#ff8a65',
+	  400: '#ff7043',
+	  500: '#ff5722',
+	  600: '#f4511e',
+	  700: '#e64a19',
+	  800: '#d84315',
+	  900: '#bf360c',
+	  A100: '#ff9e80',
+	  A200: '#ff6e40',
+	  A400: '#ff3d00',
+	  A700: '#dd2c00'
+	};
+	var deepOrange$1 = deepOrange;
+
+	const brown = {
+	  50: '#efebe9',
+	  100: '#d7ccc8',
+	  200: '#bcaaa4',
+	  300: '#a1887f',
+	  400: '#8d6e63',
+	  500: '#795548',
+	  600: '#6d4c41',
+	  700: '#5d4037',
+	  800: '#4e342e',
+	  900: '#3e2723',
+	  A100: '#d7ccc8',
+	  A200: '#bcaaa4',
+	  A400: '#8d6e63',
+	  A700: '#5d4037'
+	};
+	var brown$1 = brown;
+
+	const blueGrey = {
+	  50: '#eceff1',
+	  100: '#cfd8dc',
+	  200: '#b0bec5',
+	  300: '#90a4ae',
+	  400: '#78909c',
+	  500: '#607d8b',
+	  600: '#546e7a',
+	  700: '#455a64',
+	  800: '#37474f',
+	  900: '#263238',
+	  A100: '#cfd8dc',
+	  A200: '#b0bec5',
+	  A400: '#78909c',
+	  A700: '#455a64'
+	};
+	var blueGrey$1 = blueGrey;
+
+	var namedColors = /*#__PURE__*/Object.freeze({
+		__proto__: null,
+		amber: amber$1,
+		blue: blue$1,
+		blueGrey: blueGrey$1,
+		brown: brown$1,
+		common: common$1,
+		cyan: cyan$1,
+		deepOrange: deepOrange$1,
+		deepPurple: deepPurple$1,
+		green: green$1,
+		grey: grey$1,
+		indigo: indigo$1,
+		lightBlue: lightBlue$1,
+		lightGreen: lightGreen$1,
+		lime: lime$1,
+		orange: orange$1,
+		pink: pink$1,
+		purple: purple$1,
+		red: red$1,
+		teal: teal$1,
+		yellow: yellow$1
+	});
+
 	function getSvgIconUtilityClass(slot) {
 	  return generateUtilityClass('MuiSvgIcon', slot);
 	}
@@ -27351,16 +27591,55 @@
 
 	const LIGHT = '#FFF';
 	const DARK = '#000';
+	const TRANSPARENT = 'rgba(255, 255, 255, 0)';
+
+	/**
+	 * If needed, converts a named color to a more reliable CSS color format.
+	 *
+	 * @param {string} c The CSS color.
+	 * @returns {string} Converted color or same color as before.
+	 * @private
+	 * @example
+	 *  convertNamedColor('red') => '#FF0000'
+	 */
+	function convertNamedColor(c) {
+	  let out = c;
+	  try {
+	    if (c in namedColors) {
+	      ({
+	        500: out
+	      } = namedColors[c]); // 500 exposes the standard color
+	    } else if (c === 'transparent') {
+	      out = TRANSPARENT;
+	    }
+	  } catch (err) {
+	    out = c;
+	  }
+	  return out;
+	}
+	const hasEnoughContrast = (desiredTextColor, backgroundColor) => {
+	  const desired = convertNamedColor(desiredTextColor);
+	  const background = convertNamedColor(backgroundColor);
+	  const CONTRAST_THRESHOLD = 3.0;
+	  let isContrastingEnough;
+	  try {
+	    isContrastingEnough = getContrastRatio(desired, background) > CONTRAST_THRESHOLD;
+	  } catch (err) {
+	    // The function throws on unsupported or misspelled colors.
+	    // In these cases, simply return true.
+	    isContrastingEnough = true;
+	  }
+	  return isContrastingEnough;
+	};
 	function getContrastingColor(backgroundColor) {
 	  let desiredTextColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
 	  let dark = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DARK;
 	  let light = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : LIGHT;
-	  const CONTRAST_THRESHOLD = 3.0;
 	  let contrastingColor;
-	  if (desiredTextColor && getContrastRatio(desiredTextColor, backgroundColor) > CONTRAST_THRESHOLD) {
+	  if (desiredTextColor && hasEnoughContrast(desiredTextColor, backgroundColor)) {
 	    contrastingColor = desiredTextColor;
 	  } else {
-	    contrastingColor = getContrastRatio(light, backgroundColor) > CONTRAST_THRESHOLD ? light : dark;
+	    contrastingColor = hasEnoughContrast(light, backgroundColor) ? light : dark;
 	  }
 	  return contrastingColor;
 	}