@aiaiai-pt/design-system 0.2.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/components/Panel.svelte +2 -2
  2. package/package.json +1 -1
  3. package/tokens/components.css +2 -0
package/components/Panel.svelte CHANGED
@@ -155,7 +155,7 @@
155
155
  position: fixed;
156
156
  inset: 0;
157
157
  background: var(--panel-backdrop);
158
- z-index: 40;
158
+ z-index: var(--panel-z-backdrop);
159
159
  animation: fade-in var(--duration-normal) var(--easing-enter);
160
160
  }
161
161
 
@@ -166,7 +166,7 @@
166
166
  background: var(--panel-bg);
167
167
  box-shadow: var(--panel-shadow);
168
168
  border-radius: var(--panel-radius);
169
- z-index: 41;
169
+ z-index: var(--panel-z-panel);
170
170
  display: flex;
171
171
  flex-direction: column;
172
172
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aiaiai-pt/design-system",
3
- "version": "0.2.0",
3
+ "version": "0.2.1",
4
4
  "description": "Design system tokens and Svelte components for aiaiai products",
5
5
  "license": "MIT",
6
6
  "type": "module",
package/tokens/components.css CHANGED
@@ -281,6 +281,8 @@
281
281
  --panel-backdrop: var(--color-overlay);
282
282
  --panel-close-size: 28px;
283
283
  --panel-close-icon-size: 16px;
284
+ --panel-z-backdrop: 200;
285
+ --panel-z-panel: 201;
284
286
 
285
287
  /* ═══════════════════════════════════════════════
286
288
  STEPPER (wizard / multi-step flow)