docs: sync wireframes and finalize calendar
This commit is contained in:
david committed
1 parent
586994e28c
commit
e0a963aaab
67 files changed
+1125
-703
No files matched your search
@@ -16,7 +16,11 @@ Regeln stehen in [[03_Benennung]] und [[04_Gruppenregeln]]. Komponenten-spezifis
|
||||
| Form Inputs | Checkbox | [[Components/Checkbox]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Checkbox_3816e3b5-c48c-499b-b45e-0777c6972523) | <input type="checkbox" checked id="c318f5"> |
|
||||
| Form Inputs | Checkbox Group | [[Components/Checkbox Group]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Checkbox+Group_f9f1b596-c6b3-4d60-aa9a-f34b353f8aa5) | <input type="checkbox" checked id="4ac26a"> |
|
||||
| Form Inputs | Combobox Autocomplete | [[Components/Combobox Autocomplete]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Custom+Component_8a1be2ee-c1b7-4407-9c21-6448306d2700) | <input type="checkbox" unchecked id="0818a1"> |
|
||||
| Form Inputs | Date Picker | [[Components/Date Picker]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Michelle+Test_Date+Field_8597ff0e-368d-42c9-b5bc-b22473c41104) | <input type="checkbox" unchecked id="5f6cef"> |
|
||||
| Form Inputs | Date Picker | [[Components/Date Picker]] | [Subframe](https://app.subframe.com/f023064a5ca0/design/e0461776-caeb-4bb3-a9a1-7df3bcfe9afe/edit) | <input type="checkbox" unchecked id="5f6cef"> |
|
||||
| Form Inputs | Time Picker | [[Components/Time Picker]] | [Subframe](https://app.subframe.com/f023064a5ca0/design/112bf5fd-6bf3-46ae-859d-571384cc04de/edit) | <input type="checkbox" unchecked id="112bf5"> |
|
||||
| Form Inputs | Date with Time Picker | [[Components/Date with Time Picker]] | [Subframe](https://app.subframe.com/f023064a5ca0/design/9c475604-cb24-4326-b803-a55a7b851305/edit) | <input type="checkbox" unchecked id="9c4756"> |
|
||||
| Form Inputs | Calendar Panel | [[Components/Calendar Panel]] | [Subframe](https://app.subframe.com/f023064a5ca0/design/37a3cced-3793-4849-a1bc-2cdeba169093/edit) | <input type="checkbox" unchecked id="37a3cc"> |
|
||||
| Form Inputs | Time Panel | [[Components/Time Panel]] | [Subframe](https://app.subframe.com/f023064a5ca0/design/b72b2762-6e0c-45f9-87ed-c99b67c3982c/edit) | <input type="checkbox" unchecked id="b72b27"> |
|
||||
| Form Inputs | File Upload | [[Components/File Upload]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Upload_28a3336a-2bdd-4d1c-8dc1-75c9d6eef452) | <input type="checkbox" checked id="2754c8"> |
|
||||
| Form Inputs | Form Group Input Group | [[Components/Form Group Input Group]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="0b659e"> |
|
||||
| Form Inputs | Input OTP Pin Code | [[Components/Input OTP Pin Code]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Verification+Code_1a223fbe-dca0-4e44-a383-44bbc7db975d) | <input type="checkbox" checked id="80b9d8"> |
|
||||
@@ -41,8 +45,8 @@ Regeln stehen in [[03_Benennung]] und [[04_Gruppenregeln]]. Komponenten-spezifis
|
||||
| Data Display | Table | [[Components/Table]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Table_142dfde7-d0cc-48a1-a04c-a08ab2252633) | <input type="checkbox" unchecked id="65a190"> |
|
||||
| Data Display | Tag Label | [[Components/Tag Label]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Tag+_+Label_bb114597-3b27-4c24-a34b-737c67238809) | <input type="checkbox" unchecked id="20dee9"> |
|
||||
| Feedback | Alert | [[Components/Alert]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Alert_3a65613d-d546-467c-80f4-aaba6a7edcd5) | <input type="checkbox" checked id="693d02"> |
|
||||
| Feedback | Banner Alert | [[Components/Banner Alert]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Michelle+Test_Alert_c836f6cf-ff90-4e2d-991f-5cc256be2b6b) | <input type="checkbox" checked id="6ad9f7"> |
|
||||
| Feedback | Error State | [[Components/Error State]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Partial+page+failure_db7ae858-338b-4089-8177-2dea8e3b97fe) | <input type="checkbox" unchecked id="9e51db"> |
|
||||
| Feedback | Banner Alert | [[Components/Banner Alert]] | [Subframe](https://app.subframe.com/f023064a5ca0/design/a3e8dcff-3c57-42da-880f-432bb8ce4100/edit) | <input type="checkbox" checked id="6ad9f7"> |
|
||||
| Feedback | Error State | [[Components/Error State]] | [Subframe](https://app.subframe.com/f023064a5ca0/design/07f75db5-d9ee-406e-8c83-cb9e3bf687ee/edit) | <input type="checkbox" unchecked id="9e51db"> |
|
||||
| Feedback | Form save retry | [[Components/Form save retry]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Form+save+retry_db7627dd-19cb-457b-bbfd-6fe16d620fe0) | <input type="checkbox" checked id="a837a9"> |
|
||||
| Feedback | Loading Indicator ProgressBar | [[Components/Loading Indicator ProgressBar]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Progress_60964db0-a1bf-428b-b9d5-f34cdf58ea77) | <input type="checkbox" checked id="d60fe4"> |
|
||||
| Feedback | Loading Indicator ProgressCircle | [[Components/Loading Indicator ProgressCircle]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Michelle+Test_Progress+Circle_91a72105-500a-46e2-997b-7e8cd29b5f81) | <input type="checkbox" unchecked id="ccd072"> |
|
||||
@@ -54,12 +58,12 @@ Regeln stehen in [[03_Benennung]] und [[04_Gruppenregeln]]. Komponenten-spezifis
|
||||
| Feedback | Stepper Progress Steps Horizontal | [[Components/Stepper Progress Steps Horizontal]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Stepper_3c5d47dc-1b1a-45d9-b244-18422d7bfb56) | <input type="checkbox" unchecked id="3c5d47"> |
|
||||
| Feedback | Stepper Progress Steps Vertikal | [[Components/Stepper Progress Steps Vertikal]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Vertical+Stepper_bdc0291d-b5be-40c5-ae2f-527a868488b2) | <input type="checkbox" unchecked id="bdc029"> |
|
||||
| Feedback | Tooltip | [[Components/Tooltip]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Tooltip_ccebd1e9-f6ac-4737-8376-0dfacd90c9f3) | <input type="checkbox" unchecked id="318e85"> |
|
||||
| Overlays | Confirm Dialog | [[Components/Confirm Dialog]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Confirm+Dialog_7826382f-0b13-45d9-ac8f-238fa6de9121) | <input type="checkbox" unchecked id="984f5a"> |
|
||||
| Overlays | Confirm Dialog | [[Components/Confirm Dialog]] | Nicht mehr im aktuellen Subframe-Bestand (2026-08-25) | <input type="checkbox" unchecked id="984f5a"> |
|
||||
| Overlays | Context Menu | [[Components/Context Menu]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Context+Menu_f8a49f07-fa5b-46c8-9399-cbbf0930cc62) | <input type="checkbox" checked id="f8a49f"> |
|
||||
| Overlays | Drawer Bottom Sheet | [[Components/Drawer Bottom Sheet]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="01f46b"> |
|
||||
| Overlays | Dropdown Menu | [[Components/Dropdown Menu]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Dropdown+Menu_99951515-459b-4286-919e-a89e7549b43b) | <input type="checkbox" unchecked id="999515"> |
|
||||
| Overlays | Modal Dialog | [[Components/Modal Dialog]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Dialog_ca59db17-43fb-4247-8094-3c55162e902d) | <input type="checkbox" unchecked id="1443aa"> |
|
||||
| Overlays | Result Dialog | [[Components/Result Dialog]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Result+Dialog_15b54873-a4f7-4507-a25a-06739f26cf11) | <input type="checkbox" unchecked id="de51cd"> |
|
||||
| Overlays | Result Dialog | [[Components/Result Dialog]] | Nicht mehr im aktuellen Subframe-Bestand (2026-08-25) | <input type="checkbox" unchecked id="de51cd"> |
|
||||
| Overlays | Slide Over Side Panel | [[Components/Slide Over Side Panel]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="b064cf"> |
|
||||
| Navigation | Breadcrumb | [[Components/Breadcrumb]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Breadcrumbs_8898334b-a66f-4ee8-8bd1-afcfa8e37cc0) | <input type="checkbox" unchecked id="d4d9bc"> |
|
||||
| Navigation | Page Header with Back | [[Components/Page Header with Back]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="4c196a"> |
|
||||
@@ -71,7 +75,7 @@ Regeln stehen in [[03_Benennung]] und [[04_Gruppenregeln]]. Komponenten-spezifis
|
||||
| Layout | Card Icon | [[Components/Card Icon]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=MichelleTest_CardIcon_41867f0d-7a6a-4e51-9b08-6cce5a3070b1) | <input type="checkbox" checked id="dfddf1"> |
|
||||
| Layout | Card Image | [[Components/Card Image]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=MichelleTest_CardImage_1f735087-2381-42e1-8ceb-491a8bc63948) | <input type="checkbox" checked id="d621d8"> |
|
||||
| Layout | Page Layout Templates | [[Components/Page Layout Templates]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Default+Page+Layout_a57b1c43-310a-493f-b807-8cc88e2452cf) | <input type="checkbox" unchecked id="e996a6"> |
|
||||
| Layout | Separator Divider | [[Components/Separator Divider]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=MichelleTest_Divider_d7beb179-8dd1-4635-8e50-38eea311008d) | <input type="checkbox" unchecked id="3af15a"> |
|
||||
| Layout | Separator Divider | [[Components/Separator Divider]] | Nicht mehr im aktuellen Subframe-Bestand (2026-08-25) | <input type="checkbox" unchecked id="3af15a"> |
|
||||
| Typography | Label | [[Components/Label]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="c460e4"> |
|
||||
| Utility | Dark Mode Toggle | [[Components/Dark Mode Toggle]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="bbdd9e"> |
|
||||
| Utility | Icon | [[Components/Icon]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Icon+Feedback_e24ec5dc-9821-430d-8254-1d72a7d46218) | <input type="checkbox" checked id="e24ec5"> |
|
||||
@@ -80,7 +84,7 @@ Regeln stehen in [[03_Benennung]] und [[04_Gruppenregeln]]. Komponenten-spezifis
|
||||
| Patterns | Copy to Clipboard | [[Components/Copy to Clipboard]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="3d389a"> |
|
||||
| Patterns | Error Recovery | [[Components/Error Recovery]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="ab406e"> |
|
||||
| Patterns | Inline Editing Click to Edit | [[Components/Inline Editing Click to Edit]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="9bc763"> |
|
||||
| Patterns | Kanban Card | [[Components/Kanban Card]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=MichelleTest_KanbanCard_27235bcb-e61b-4880-9ae6-3f12d290a434) | <input type="checkbox" unchecked id="27235b"> |
|
||||
| Patterns | Kanban Card | [[Components/Kanban Card]] | Nicht mehr im aktuellen Subframe-Bestand (2026-08-25) | <input type="checkbox" unchecked id="27235b"> |
|
||||
| Patterns | Kanban Column | [[Components/Kanban Column]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=MichelleTest_KanbanColumn_bbc08458-14aa-4512-a807-e673a64315ab) | <input type="checkbox" checked id="bbc084"> |
|
||||
| Patterns | Save State Indicators | [[Components/Save State Indicators]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="67bb7b"> |
|
||||
| Patterns | Search Filter Bar | [[Components/Search Filter Bar]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="056a32"> |
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
Bereich: #Feedback
|
||||
Subframe: [In Subframe öffnen](https://app.subframe.com/f023064a5ca0/library?component=Michelle+Test_Alert_c836f6cf-ff90-4e2d-991f-5cc256be2b6b)
|
||||
Subframe: [In Subframe öffnen](https://app.subframe.com/f023064a5ca0/design/a3e8dcff-3c57-42da-880f-432bb8ce4100/edit)
|
||||
Regeln:
|
||||
- [[03_Benennung]]
|
||||
- [[07_Global-Rules]]
|
||||
|
||||
@@ -0,0 +1,13 @@
|
||||
Bereich: #FormInputs
|
||||
Subframe: [In Subframe öffnen](https://app.subframe.com/f023064a5ca0/design/37a3cced-3793-4849-a1bc-2cdeba169093/edit)
|
||||
Regeln:
|
||||
- [[03_Benennung]]
|
||||
- [[07_Global-Rules]]
|
||||
- ![[04_Gruppenregeln#Regel: Form Inputs teilen eine Field-Anatomy]]
|
||||
|
||||
## Notizen
|
||||
|
||||
- Gemeinsames Panel für Datum, Datumsbereich und optional Uhrzeit.
|
||||
- Unterstützt Single-Date, Range und einen Zustand ohne Zeitauswahl.
|
||||
- Monat, Jahr, ausgewählter Tag und Uhrzeiten müssen immer aus dem aufrufenden Screen kommen.
|
||||
- Der aktuelle Komponenten-Preview enthält noch feste Beispielwerte. M01a, M01b und M02 dürfen diese nicht als echte Termindaten übernehmen.
|
||||
@@ -1,5 +1,5 @@
|
||||
Bereich: #Overlays
|
||||
Subframe: [In Subframe öffnen](https://app.subframe.com/f023064a5ca0/library?component=Confirm+Dialog_7826382f-0b13-45d9-ac8f-238fa6de9121)
|
||||
Subframe: Kein eigener Confirm-Dialog-Baustein. Bestätigungsfälle werden mit [[Modal Dialog]] gebaut.
|
||||
Regeln:
|
||||
- [[03_Benennung]]
|
||||
- [[07_Global-Rules]]
|
||||
@@ -7,4 +7,6 @@ Regeln:
|
||||
|
||||
## Notizen
|
||||
|
||||
-
|
||||
- Zwei klare Ausgänge reichen für einfache Bestätigungen.
|
||||
- Wenn eine Aktion drei fachlich verschiedene Ergebnisse hat, müssen alle eindeutig benannt sein. Beispiel: [[M03 Änderungen per E-Mail senden]] mit Zurück, Ohne E-Mail speichern und E-Mail senden.
|
||||
- Destruktive Aktionen behalten die destruktive Button-Hierarchie; ein Versandentscheid ist neutral und nutzt den normalen primären Button.
|
||||
@@ -1,5 +1,5 @@
|
||||
Bereich: #FormInputs
|
||||
Subframe: [In Subframe öffnen](https://app.subframe.com/f023064a5ca0/library?component=Michelle+Test_Date+Field_8597ff0e-368d-42c9-b5bc-b22473c41104)
|
||||
Subframe: [In Subframe öffnen](https://app.subframe.com/f023064a5ca0/design/e0461776-caeb-4bb3-a9a1-7df3bcfe9afe/edit)
|
||||
Regeln:
|
||||
- [[03_Benennung]]
|
||||
- [[07_Global-Rules]]
|
||||
@@ -11,4 +11,6 @@ Regeln:
|
||||
|
||||
## Notizen
|
||||
|
||||
- Basis-Regeln gelten erstmal fuer Single Date. Date Range / von-bis braucht eine eigene offene Regelklaerung.
|
||||
- Für ein einzelnes Datum direkt verwenden; Datum plus Uhrzeit beziehungsweise von–bis über [[Date with Time Picker]] zusammensetzen.
|
||||
- Wenn ein Wert angezeigt werden soll, müssen Wert und Has-Value-Zustand gemeinsam gesetzt sein. Sonst bleibt visuell der Platzhalter sichtbar.
|
||||
- Im Kalender-Flow wird der Date Picker in M01a und M01b zusammen mit dem Time Picker verwendet.
|
||||
@@ -0,0 +1,15 @@
|
||||
Bereich: #FormInputs
|
||||
Subframe: [In Subframe öffnen](https://app.subframe.com/f023064a5ca0/design/9c475604-cb24-4326-b803-a55a7b851305/edit)
|
||||
Regeln:
|
||||
- [[03_Benennung]]
|
||||
- [[07_Global-Rules]]
|
||||
- ![[04_Gruppenregeln#Regel: Form Inputs teilen eine Field-Anatomy]]
|
||||
- ![[04_Gruppenregeln#Regel: Form Inputs nutzen definierte Standardbreiten]]
|
||||
|
||||
## Notizen
|
||||
|
||||
- Kombiniert [[Date Picker]] und [[Time Picker]] in einem gemeinsamen Auslöser.
|
||||
- Im Range-Zustand werden Start und Ende zusammen dargestellt und über ein gemeinsames [[Calendar Panel]] bearbeitet.
|
||||
- Reihenfolge und Trennzeichen müssen klar als Start → Ende lesbar sein.
|
||||
- Beim Öffnen aus einem bestehenden Termin oder Kalenderslot müssen alle Werte vorausgefüllt bleiben.
|
||||
- Im Kalender-Flow verwendet in M01a Quick Create Edit Mode und M01b Termin-Dialog.
|
||||
@@ -1,5 +1,5 @@
|
||||
Bereich: #Feedback
|
||||
Subframe: [In Subframe oeffnen](https://app.subframe.com/f023064a5ca0/library?component=Partial+page+failure_db7ae858-338b-4089-8177-2dea8e3b97fe)
|
||||
Subframe: [In Subframe oeffnen](https://app.subframe.com/f023064a5ca0/design/07f75db5-d9ee-406e-8c83-cb9e3bf687ee/edit)
|
||||
Regeln:
|
||||
- [[03_Benennung]]
|
||||
- [[07_Global-Rules]]
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
Bereich: #Patterns
|
||||
Subframe: [In Subframe oeffnen](https://app.subframe.com/f023064a5ca0/library?component=MichelleTest_KanbanCard_27235bcb-e61b-4880-9ae6-3f12d290a434)
|
||||
Subframe: Nicht mehr im aktuellen Projektbestand (MCP-Abgleich 2026-08-25).
|
||||
Regeln:
|
||||
- [[03_Benennung]]
|
||||
- [[07_Global-Rules]]
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
Bereich: #Overlays
|
||||
Subframe: [In Subframe öffnen](https://app.subframe.com/f023064a5ca0/library?component=Result+Dialog_15b54873-a4f7-4507-a25a-06739f26cf11)
|
||||
Subframe: Nicht mehr im aktuellen Projektbestand (MCP-Abgleich 2026-08-25).
|
||||
Regeln:
|
||||
- [[03_Benennung]]
|
||||
- [[07_Global-Rules]]
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
Bereich: #Layout
|
||||
Subframe: [In Subframe öffnen](https://app.subframe.com/f023064a5ca0/library?component=MichelleTest_Divider_d7beb179-8dd1-4635-8e50-38eea311008d)
|
||||
Subframe: Nicht mehr im aktuellen Projektbestand (MCP-Abgleich 2026-08-25).
|
||||
Regeln:
|
||||
- [[03_Benennung]]
|
||||
- [[07_Global-Rules]]
|
||||
|
||||
@@ -0,0 +1,12 @@
|
||||
Bereich: #FormInputs
|
||||
Subframe: [In Subframe öffnen](https://app.subframe.com/f023064a5ca0/design/b72b2762-6e0c-45f9-87ed-c99b67c3982c/edit)
|
||||
Regeln:
|
||||
- [[03_Benennung]]
|
||||
- [[07_Global-Rules]]
|
||||
- ![[04_Gruppenregeln#Regel: Form Inputs teilen eine Field-Anatomy]]
|
||||
|
||||
## Notizen
|
||||
|
||||
- Interne Auswahlliste für Stunde und Minute innerhalb des [[Time Picker]] beziehungsweise [[Calendar Panel]].
|
||||
- Genau ein Stunden- und ein Minutenwert sind aktiv.
|
||||
- Tastaturbedienung, Scrollposition und Fokus müssen im Development erhalten bleiben.
|
||||
@@ -0,0 +1,14 @@
|
||||
Bereich: #FormInputs
|
||||
Subframe: [In Subframe öffnen](https://app.subframe.com/f023064a5ca0/design/112bf5fd-6bf3-46ae-859d-571384cc04de/edit)
|
||||
Regeln:
|
||||
- [[03_Benennung]]
|
||||
- [[07_Global-Rules]]
|
||||
- ![[04_Gruppenregeln#Regel: Control-Hoehen fuer Button und Form Inputs]]
|
||||
- ![[04_Gruppenregeln#Regel: Form Inputs teilen eine Field-Anatomy]]
|
||||
|
||||
## Notizen
|
||||
|
||||
- Verwendet dieselben Größen-, Fehler-, Disabled- und Label-Zustände wie andere Form Inputs.
|
||||
- Ein gesetzter Wert wird nur im Has-Value-Zustand sichtbar; andernfalls bleibt der Platzhalter stehen.
|
||||
- Innerhalb von [[Date with Time Picker]] kann der eigene Dropdown-Auslöser deaktiviert werden, damit nur ein gemeinsames Panel öffnet.
|
||||
- Die eigentliche Stunden-/Minutenauswahl verwendet [[Time Panel]].
|
||||
Reference in new issue
Block a user