♻️(frontend) misc improvements

- add opacity props on Box
- rename to cunningham-style.css
- update illustration-docs-empty.png
- smaller tooltip

src/frontend/apps/impress/src/components/Box.tsx

@@ -24,6 +24,7 @@ export interface BoxProps {
   $hasTransition?: boolean | 'slow';
   $height?: CSSProperties['height'];
   $justify?: CSSProperties['justifyContent'];
+  $opacity?: CSSProperties['opacity'];
   $overflow?: CSSProperties['overflow'];
   $margin?: MarginPadding;
   $maxHeight?: CSSProperties['maxHeight'];
@@ -65,6 +66,7 @@ export const Box = styled('div')<BoxProps>`
   ${({ $minHeight }) => $minHeight && `min-height: ${$minHeight};`}
   ${({ $maxWidth }) => $maxWidth && `max-width: ${$maxWidth};`}
   ${({ $minWidth }) => $minWidth && `min-width: ${$minWidth};`}
+  ${({ $opacity }) => $opacity && `opacity: ${$opacity};`}
   ${({ $overflow }) => $overflow && `overflow: ${$overflow};`}
   ${({ $padding }) => $padding && stylesPadding($padding)}
   ${({ $position }) => $position && `position: ${$position};`}

src/frontend/apps/impress/src/cunningham/cunningham-style.css

@@ -1,3 +1,6 @@
+@import url('@gouvfr-lasuite/ui-kit/style');
+@import url('./cunningham-tokens.css');
+
 :root {
   /**
   * Input
@@ -33,3 +36,10 @@
     --c--components--button--border-radius
   );
 }
+
+/**
+ * Tooltip
+*/
+.c__tooltip {
+  padding: 4px 6px;
+}

src/frontend/apps/impress/src/pages/globals.css

@@ -1,6 +1,4 @@
-@import url('@gouvfr-lasuite/ui-kit/style');
-@import url('../cunningham/cunningham-tokens.css');
-@import url('../cunningham/cunningham-custom-tokens.css');
+@import url('../cunningham/cunningham-style.css');
 @import url('@fontsource/material-icons');
 
 body {