bruno/dss
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

auto-backup: 2025-12-12 09:14:37 (18 files: +0 ~18 -0)

Browse Source 
Generated by DSS Git Backup Hook
This commit is contained in:
Bruno Sarlo
2025-12-12 06:14:37 -03:00
parent 8a09b6830a
commit db5be5ce37
18 changed files with 121 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
admin-ui/src/stories/ComponentsOverlay.stories.js
View File

@@ -1,7 +1,7 @@
/**
* Overlay
* Modal and overlay components
* @generated 2025-12-11T18:41:28.964095
* @generated 2025-12-12T06:14:20.893320
*/
export default {
title: 'Components/Overlay',
@@ -59,7 +59,7 @@ export const Overview = {
render: () => `
<style>${styles}</style>
<div class="component-grid">
<div class="component-card">
<div class="card-header">
<h3>Alert Dialog</h3>
@@ -67,7 +67,7 @@ export const Overview = {
</div>
<p class="description">A modal dialog that interrupts user flow with important information</p>
<div class="variants"></div>
</div>
<div class="component-card">
<div class="card-header">
@@ -76,7 +76,7 @@ export const Overview = {
</div>
<p class="description">Right-click context menu with keyboard support</p>
<div class="variants"></div>
</div>
<div class="component-card">
<div class="card-header">
@@ -85,12 +85,12 @@ export const Overview = {
</div>
<p class="description">A modal dialog for content display</p>
<div class="variants"></div>
</div>
<div class="component-card">
<div class="card-header">
<h3>Drawer</h3>
</div>
<p class="description">A drawer component extending dialog</p>
<div class="variants"></div>
@@ -103,7 +103,7 @@ export const Overview = {
</div>
<p class="description">Menu displayed on trigger interaction</p>
<div class="variants"></div>
</div>
<div class="component-card">
<div class="card-header">
@@ -112,7 +112,7 @@ export const Overview = {
</div>
<p class="description">Content appearing on hover</p>
<div class="variants"></div>
</div>
<div class="component-card">
<div class="card-header">
@@ -121,7 +121,7 @@ export const Overview = {
</div>
<p class="description">Floating content panel</p>
<div class="variants"></div>
</div>
<div class="component-card">
<div class="card-header">
@@ -130,7 +130,7 @@ export const Overview = {
</div>
<p class="description">Side panel overlay</p>
<div class="variants"><div class="variant-row"><span class="var-name">side:</span> <span class="badge">top</span> <span class="badge">right</span> <span class="badge">bottom</span> <span class="badge">left</span></div></div>
</div>
<div class="component-card">
<div class="card-header">
@@ -139,7 +139,7 @@ export const Overview = {
</div>
<p class="description">Informative popup on hover</p>
<div class="variants"></div>
</div>
</div>
`