feat(appearance): add experimental condensed layout

apps/documentation/.storybook/addons/styles-switcher/StylesSwitcher.tsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { IconButton, WithTooltip } from 'storybook/internal/components';
 
 const THEMES = ['Post', 'Cargo'] as const;
-const APPEARANCE = ['Default', 'Compact'] as const;
+const APPEARANCE = ['Default', 'Compact', 'Condensed'] as const;
 const SCHEMES = ['Light', 'Dark'] as const;
 
 /*

apps/documentation/src/stories/packages/styles/styles.docs.mdx

@@ -48,6 +48,11 @@ Import one of our stylesheets into your project (for example into your `/src/sty
         <td>`css`, `scss`</td>
         <td>everything for internal applications</td>
       </tr>
+      <tr>
+        <td>`post-condensed`</td>
+        <td>`css`, `scss`</td>
+        <td>everything for applications with condensed spacing</td>
+      </tr>
       <tr>
         <td>`basics`</td>
         <td>`css`, `scss`</td>

packages/styles/src/cargo-condensed.scss

@@ -0,0 +1,12 @@
+@use './tokens/schemes-static';
+@use './tokens/schemes';
+@use './tokens/device-condensed';
+@use './tokens/appearance-compact'; /* There is no condensed appearance yet */
+@use './tokens/cargo-theme';
+@use './tokens/palettes';
+@use './icons/signal-icons';
+@use './layout';
+@use './utilities';
+@use './elements';
+@use './components';
+@use './helpers';

packages/styles/src/post-condensed.scss

@@ -0,0 +1,12 @@
+@use './tokens/schemes-static';
+@use './tokens/schemes';
+@use './tokens/device-condensed';
+@use './tokens/appearance-compact'; /* There is no condensed appearance yet */
+@use './tokens/post-theme';
+@use './tokens/palettes';
+@use './icons/signal-icons';
+@use './layout';
+@use './utilities';
+@use './elements';
+@use './components';
+@use './helpers';

packages/styles/src/tokens/_device-condensed.scss

@@ -0,0 +1,9 @@
+@use './temp/device' as device;
+
+@use './core';
+@use './../mixins/tokens';
+
+:root,
+[data-color-scheme] {
+  @include tokens.from(device.$post-mobile);
+}