@ornikar/kitt-universal 7.0.4 → 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: {
@@ -1795,6 +1797,8 @@ const InputText = /*#__PURE__*/react.forwardRef(({
   textContentType = 'none',
   autoCompleteType = 'off',
   keyboardType = 'default',
+  multiline,
+  onSubmitEditing,
   onFocus,
   onBlur,
   ...props
@@ -1810,6 +1814,7 @@ const InputText = /*#__PURE__*/react.forwardRef(({
     $isDisabled: disabled,
     children: [/*#__PURE__*/jsxRuntime.jsx(StyledTextInput, {
       ref: ref,
+      multiline: multiline,
       nativeID: id,
       editable: !disabled,
       keyboardType: keyboardType,
@@ -1828,7 +1833,8 @@ const InputText = /*#__PURE__*/react.forwardRef(({
       onBlur: e => {
         setIsFocused(false);
         if (onBlur) onBlur(e);
-      }
+      },
+      onSubmitEditing: multiline ? () => null : onSubmitEditing
     }), right ? /*#__PURE__*/jsxRuntime.jsx(RightInputContainer, {
       children: right
     }) : null]