09Design system tree

├── tokens
│   ├── colors
│   │   ├── _colors.scss
│   │   ├── colors-light.scss
│   │   └── colors-dark.scss
│   ├── spacing + radius
│   │   └── spacing.scss
│   ├── typography
│   │   ├── typography-tokens.scss
│   │   ├── typography-mixins.scss
│   │   └── typography.scss
│   └── token entrypoint
│       └── variables.scss
└── base styles
    ├── design-system.scss
    └── preview.scss

├── atoms
│   ├── buttons: Primary, Secondary, Line, Ghost
│   ├── forms: Toggle, Checkbox, Radio, Input
│   ├── messaging: Status, Badge
│   └── navigation: Tab, Breadcrumb
├── molecules
│   ├── composites: Input, Textarea, Select
│   ├── navigation: Tabs, Navbar
│   ├── feedback: Alert, EmptyState, Tooltip
│   ├── selection: Switch, CardWith*
│   └── calendar: Calendar, Datepicker
└── organisms / domain blocks
    ├── Table
    ├── NotificationDialog
    ├── NavbarSide
    └── Booking, Place, Widget, Dropdown