@ornikar/kitt-universal 7.1.1 → 7.2.0

package/dist/index-node-14.17.cjs.web.js

@@ -150,10 +150,10 @@ const StyledTypography = /*#__PURE__*/styled__default(BabelPluginStyledComponent
 }, ({
   theme,
   $color
-}) => !$color ? '' : `
-  color: ${theme.kitt.typography.colors[$color]};
-  text-decoration-color: ${theme.kitt.typography.colors[$color]};
-  `);
+}) => {
+  if (!$color) return '';
+  return styled.css(["color:", ";text-decoration-color:", ";"], theme.kitt.typography.colors[$color], theme.kitt.typography.colors[$color]);
+});
 function useTypographyTypeForCurrentWindowSize(base, small, medium, large) {
   const {
     width
@@ -911,7 +911,9 @@ const colors = {
   warning: lateOceanColorPalette.goldCrayola,
   separator: lateOceanColorPalette.black100,
   hover: lateOceanColorPalette.black100,
+  white: lateOceanColorPalette.white,
   black: lateOceanColorPalette.black1000,
+  blackAnthracite: lateOceanColorPalette.black800,
   uiBackground: lateOceanColorPalette.black25,
   uiBackgroundLight: lateOceanColorPalette.white,
   transparent: lateOceanColorPalette.transparent,
@@ -1100,16 +1102,16 @@ const createTypographyTypeConfig = (lineHeightMultiplier, baseAndSmallFontSize,
 });
 const typography = {
   colors: {
-    black: lateOceanColorPalette.black1000,
-    'black-anthracite': lateOceanColorPalette.black800,
+    black: colors.black,
+    'black-anthracite': colors.blackAnthracite,
     'black-light': lateOceanColorPalette.black555,
-    white: lateOceanColorPalette.white,
-    'white-light': lateOceanColorPalette.white,
-    primary: lateOceanColorPalette.lateOcean,
-    'primary-light': lateOceanColorPalette.lateOceanLight1,
-    accent: lateOceanColorPalette.warmEmbrace,
-    success: lateOceanColorPalette.viride,
-    danger: lateOceanColorPalette.englishVermillon
+    white: colors.white,
+    'white-light': colors.white,
+    primary: colors.primary,
+    'primary-light': colors.primaryLight,
+    accent: colors.accent,
+    success: colors.success,
+    danger: colors.danger
   },
   types: {
     headers: {