lfg2025/kaiser-natron
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(design-system): consolidate cart + sheet-close into IconButton

Browse Source 
IconButton adds:
- xs size (36px) for compact chrome
- ghost variant (transparent → brand-wash on hover)
- shadow prop so callers opt into elevation per-instance

Callsites collapsed:
- Navbar desktop + mobile cart buttons now share one IconButton
  (accent variant; mobile uses shadow='md'). CART_CLASS constant
  deleted — the variant owns that coloring now.
- DesignLayout mobile sheet close uses IconButton ghost xs.

Tone-coupled pills left inline by design:
- Navbar desktop search trigger — visual tone bound to navbar variants
- Search overlay input-row close — tone bound to Search's internal tones
- Hero secondary CTA — tone bound to Hero's internal tones
- Navbar overlay menu cart row — compound pill + inline count chip,
  one-off pattern
This commit is contained in:
Dorian
2026-04-21 14:56:09 +01:00
parent 12c41a22b3
commit e60e24ab23
37 changed files with 84 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
dist/assets/DesignLayout-cbd07qj2.css vendored Normal file
View File

@@ -0,0 +1 @@
.ds-sheet-enter-active[data-v-e314718f],.ds-sheet-leave-active[data-v-e314718f]{transition:transform .26s}.ds-sheet-enter-from[data-v-e314718f],.ds-sheet-leave-to[data-v-e314718f]{transform:translateY(100%)}.ds-backdrop-enter-active[data-v-e314718f],.ds-backdrop-leave-active[data-v-e314718f]{transition:opacity .2s}.ds-backdrop-enter-from[data-v-e314718f],.ds-backdrop-leave-to[data-v-e314718f]{opacity:0}