Merged in feat/ancillaries-ui-fixes (pull request #3383)

feat: update ancillaries flow ui

* feat: update ancillaries flow ui


Approved-by: Matilda Haneling

packages/design-system/lib/components/IconButton/iconButton.module.css

@@ -231,7 +231,7 @@
   }
 
   &.emphasis {
-    color: inherit;
+    color: var(--Component-Button-Muted-On-fill-Default);
 
     &[data-disabled] {
       background-color: var(--Component-Button-Muted-Fill-Disabled-inverted);

packages/design-system/lib/components/Modal/index.tsx

@@ -11,7 +11,6 @@ import {
 } from 'react-aria-components'
 import { useIntl } from 'react-intl'
 
-
 import {
   type AnimationState,
   AnimationStateEnum,

packages/design-system/lib/components/Modal/modal.module.css

@@ -33,7 +33,7 @@
   display: flex;
   align-items: flex-start;
   position: relative;
-  padding: var(--Space-x2) var(--Space-x7) var(--Space-x2) var(--Space-x2);
+  padding: var(--Space-x2);
 }
 
 .content {
@@ -82,15 +82,10 @@
   }
 
   .header {
-    padding: var(--Space-x3) var(--Space-x7) var(--Space-x3) var(--Space-x3);
+    padding: var(--Space-x2) var(--Space-x2) var(--Space-x15) var(--Space-x3);
   }
 
   .contentWithoutActions {
     padding: 0 var(--Space-x3) var(--Space-x4);
   }
-
-  .close {
-    top: var(--Space-x2);
-    right: var(--Space-x2);
-  }
 }