@ornikar/kitt-universal 1.1.0 → 2.0.0

package/dist/index-browser-all.es.js

@@ -558,7 +558,7 @@ var getColorFromState = function (state) {
       return 'danger';
 
     default:
-      return 'grey';
+      return 'black-light';
   }
 };
 
@@ -2102,7 +2102,9 @@ var lateOceanColorPalette = {
   englishVermillon: '#D44148',
   goldCrayola: '#F8C583',
   aero: '#89BDDD',
-  transparent: 'transparent'
+  transparent: 'transparent',
+  moonPurple: '#DBD6F9',
+  moonPurpleLight1: '#EDEBFC'
 };
 
 var avatarLateOceanTheme = {
@@ -2180,6 +2182,7 @@ var cardLateOceanTheme = {
 
 var colorsLateOceanTheme = {
   primary: lateOceanColorPalette.lateOcean,
+  primaryLight: lateOceanColorPalette.lateOceanLight1,
   accent: lateOceanColorPalette.warmEmbrace,
   accentLight: lateOceanColorPalette.warmEmbraceLight1,
   success: lateOceanColorPalette.viride,
@@ -2335,9 +2338,7 @@ var tagLateOceanTheme = {
   borderRadius: '10px',
   padding: '2px 12px',
   primary: {
-    // eslint-disable-next-line unicorn/expiring-todo-comments
-    // TODO: validate Moon shadow color with design team
-    backgroundColor: '#EDEBFC'
+    backgroundColor: lateOceanColorPalette.moonPurpleLight1
   },
   "default": {
     backgroundColor: lateOceanColorPalette.black50
@@ -2368,8 +2369,6 @@ var typographyLateOceanTheme = {
   colors: {
     black: lateOceanColorPalette.black1000,
     'black-light': lateOceanColorPalette.black555,
-    grey: lateOceanColorPalette.black555,
-    'grey-light': lateOceanColorPalette.black200,
     white: lateOceanColorPalette.white,
     'white-light': lateOceanColorPalette.white,
     primary: lateOceanColorPalette.lateOcean,
@@ -2382,8 +2381,7 @@ var typographyLateOceanTheme = {
     headers: {
       fontFamily: {
         regular: Platform.OS === 'web' ? 'Moderat' : 'Moderat-Extended-Bold',
-        bold: Platform.OS === 'web' ? 'Moderat' : 'Moderat-Extended-Bold',
-        italic: Platform.OS === 'web' ? 'Moderat' : 'Moderat-Extended-Bold'
+        bold: Platform.OS === 'web' ? 'Moderat' : 'Moderat-Extended-Bold'
       },
       fontWeight: 400,
       fontStyle: 'normal',
@@ -2403,18 +2401,15 @@ var typographyLateOceanTheme = {
     bodies: {
       fontFamily: {
         regular: Platform.OS === 'web' ? 'Noto Sans' : 'NotoSans',
-        bold: Platform.OS === 'web' ? 'Noto Sans' : 'NotoSans-Bold',
-        italic: Platform.OS === 'web' ? 'Noto Sans' : 'NotoSans-Italic'
+        bold: Platform.OS === 'web' ? 'Noto Sans' : 'NotoSans-Bold'
       },
       fontWeight: {
         regular: 400,
-        bold: 700,
-        italic: 400
+        bold: 700
       },
       fontStyle: {
         regular: 'normal',
-        bold: 'normal',
-        italic: 'italic'
+        bold: 'normal'
       },
       configs: {
         'body-large': createTypographyTypeConfig(1.6, 18, 24),
@@ -2450,7 +2445,9 @@ var breakpoints = {
     largeBreakpoint: 'max-width: 1023px',
     wideBreakpoint: 'max-width: 1279px'
   }
-};
+}; // eslint-disable-next-line unicorn/expiring-todo-comments
+// TODO : seperate brand color usage definition from proper theme definition and add typings - https://ornikar.atlassian.net/browse/CME-156
+
 var theme = {
   spacing: 4,
   colors: colorsLateOceanTheme,