Eva Marco e705b6e12c
🎉 Add components library (#10675)
* 🎉 Install react-aria-components

* 🎉 Create modal component in TS using react-aria-component

* 🎉 Create modal ds component

* 🎉 Separate header content and footer components

* 🐛 Remove mf/html macros when not needed

* 🎉 Solve little problems

* ♻️ Format files

* ♻️ Remove ModalCloseBtn

* 🐛 Fix CI

* ♻️ Remove unused files

* 🎉 Make close button not dependant on the modal header

* 🎉 Add footer with two slots

* 🎉 Improvements on modal

* 🐛 Fix package imports and remove login example code

---------

Co-authored-by: Andrey Antukh <niwi@niwi.nz>
2026-07-30 13:05:28 +02:00

61 lines
2.5 KiB
Plaintext

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>Penpot | Full-stack design</title>
<meta name="description" content="Penpot is the open-source design platform for teams that build digital products at scale.">
<meta property="og:locale" content="en_US">
<meta property="og:title" content="Penpot | Full-stack design">
<meta property="og:description" content="Penpot is the open-source design platform for teams that build digital products at scale.">
<meta property="og:image" content="/images/penpot-link-preview.png">
<meta name="twitter:title" content="Penpot | Full-stack design">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:description" content="Penpot is the open-source design platform for teams that build digital products at scale.">
<meta name="twitter:image" content="/images/penpot-link-preview.png">
<meta name="twitter:site" content="@penpotapp">
<meta name="twitter:creator" content="@penpotapp">
<meta name="theme-color" content="#FFFFFF" media="(prefers-color-scheme: light)">
<link id="theme" href="css/main.css?version={{& version_tag}}" rel="stylesheet" type="text/css" />
<link href="css/ui.css?version={{& version_tag}}" rel="stylesheet" type="text/css" />
{{#isDebug}}
<link href="css/debug.css?version={{& version_tag}}" rel="stylesheet" type="text/css" />
{{/isDebug}}
<link rel="icon" href="images/favicon.png?version={{& version_tag }}" />
<script type="importmap">{{& manifest.importmap }}</script>
<script type="module">
globalThis.penpotVersion = "{{& version}}";
globalThis.penpotVersionTag = "{{& version_tag}}";
globalThis.penpotBuildDate = "{{& build_date}}";
</script>
{{# manifest}}
<script src="{{& config}}"></script>
<script src="{{& polyfills}}"></script>
{{/manifest}}
<!--cookie-consent-->
</head>
<body>
{{> ../public/images/sprites/symbol/icons.svg }}
{{> ../public/images/sprites/symbol/cursors.svg }}
{{> ../public/images/sprites/assets.svg }}
<div id="app"></div>
<section id="modal"></section>
{{# manifest}}
<script type="module" src="{{& libs}}"></script>
<script type="module">
import { init } from "{{& app_main}}";
import defaultTranslations from "{{& default_translations}}";
init({defaultTranslations});
</script>
{{/manifest}}
</body>
</html>