Update styles and typescript

Author: Kubit

src/components/input/utils/extraStyles.utils.ts

@@ -36,10 +36,11 @@ const getRightExtraStyles = (
 const getTopExtraStyles = (
   affixPosition?: POSITIONS,
   width?: number,
-  isOutAffixPosition?: boolean
+  isOutAffixPosition?: boolean,
+  inputWidth?: number
 ): CSSProp | undefined => {
   if (affixPosition === POSITIONS.LEFT && isOutAffixPosition) {
-    return labelInTopStyles(width || 0);
+    return labelInTopStyles(width || 0, inputWidth || 0);
   }
   return undefined;
 };
@@ -77,7 +78,8 @@ export const getExtraStyles = (
   affixPosition?: POSITIONS,
   width?: number,
   isOutAffixPosition?: boolean,
-  helpTextPosition?: InputHelpMessagePosition
+  helpTextPosition?: InputHelpMessagePosition,
+  inputWidth?: number
 ): CSSProp | undefined => {
   if (stylesPosition === POSITIONS.LEFT) {
     return getLeftExtraStyles(affixPosition, isOutAffixPosition);
@@ -86,7 +88,7 @@ export const getExtraStyles = (
     return getRightExtraStyles(affixPosition, isOutAffixPosition);
   }
   if (stylesPosition === POSITIONS.TOP) {
-    return getTopExtraStyles(affixPosition, width, isOutAffixPosition);
+    return getTopExtraStyles(affixPosition, width, isOutAffixPosition, inputWidth);
   }
   if (stylesPosition === POSITIONS.BOTTOM) {
     return getBottomExtraStyles(affixPosition, width, isOutAffixPosition, helpTextPosition);

src/components/modal/modalControlled.tsx

@@ -15,8 +15,7 @@ const CONTAINER_STYLES_EDIT: CssProperty[] = [
   { cssPropertyName: 'overflow-y', cssPropertyValue: 'auto' },
 ];
 const CONTENT_STYLES_EDIT: CssProperty[] = [
-  { cssPropertyName: 'overflow-y', cssPropertyValue: 'unset' },
-  { cssPropertyName: 'max-height', cssPropertyValue: 'unset' },
+  { cssPropertyName: 'overflow-y', cssPropertyValue: 'visible' },
 ];
 
 const ModalControlledComponent = React.forwardRef(

src/components/modal/stories/modal.stories.tsx

@@ -39,7 +39,7 @@ export const Modal: Story = {
     open: true,
     closeIcon: { icon: ICONS.ICON_CLOSE },
     footer: {
-      variant: Object.values(variantsObject[themeSelected].FooterVariant || {})[0] as string,
+      variant: Object.values(variantsObject[themeSelected].FooterVariants || {})[0] as string,
       content: [
         <ReplaceContent key={0} data-position={FooterPositionType.LEFT} width={'100%'}>
           Footer content
@@ -79,7 +79,7 @@ export const ModalWithCtv: Story = {
     open: true,
     closeIcon: { icon: ICONS.ICON_CLOSE },
     footer: {
-      variant: Object.values(variantsObject[themeSelected].FooterVariant || {})[0] as string,
+      variant: Object.values(variantsObject[themeSelected].FooterVariants || {})[0] as string,
       content: [
         <ReplaceContent key={0} data-position={FooterPositionType.LEFT} width={'100%'}>
           Footer content