@oneqode/design-system 0.4.2 → 0.4.3
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.
- package/build/css/remake/tokens.css +11 -0
- package/package.json +1 -1
|
@@ -186,6 +186,16 @@
|
|
|
186
186
|
--container-text: 720px; /** Prose content, legal pages, CTAs */
|
|
187
187
|
--container-compact: 650px; /** Tight text blocks, centered descriptions */
|
|
188
188
|
--container-content: 600px; /** Paragraph descriptions, subtitles */
|
|
189
|
+
--spacing-1: 0.25rem; /** 4px - 0.25rem step on the spacing scale */
|
|
190
|
+
--spacing-2: 0.5rem; /** 8px */
|
|
191
|
+
--spacing-3: 0.75rem; /** 12px */
|
|
192
|
+
--spacing-4: 1rem; /** 16px */
|
|
193
|
+
--spacing-5: 1.25rem; /** 20px */
|
|
194
|
+
--spacing-6: 1.5rem; /** 24px */
|
|
195
|
+
--spacing-8: 2rem; /** 32px */
|
|
196
|
+
--spacing-10: 2.5rem; /** 40px */
|
|
197
|
+
--spacing-12: 3rem; /** 48px */
|
|
198
|
+
--spacing-16: 4rem; /** 64px */
|
|
189
199
|
--spacing-section: 5rem; /** Standard spacing between page sections */
|
|
190
200
|
--spacing-section-lg: 10rem; /** Large section block padding - 160px (used for major page sections per Figma) */
|
|
191
201
|
--spacing-inset: 1.5rem; /** Standard inner padding for sections and cards - 24px */
|
|
@@ -283,6 +293,7 @@
|
|
|
283
293
|
--gradient-card-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); /** Bottom-fade scrim on image cards (feature triptych) for text legibility */
|
|
284
294
|
--gradient-hero-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.7) 100%); /** Top-to-bottom darken on hero imagery - keeps headline legible without flattening the photo */
|
|
285
295
|
--pattern-hatch: repeating-linear-gradient(45deg, transparent 0 4px, rgba(255, 255, 255, 0.06) 4px 5px); /** Diagonal hairline hatch decoration - section frame on case studies and feature card borders */
|
|
296
|
+
--layout-padding-xy: 1.25rem; /** Mobile horizontal padding for direct section children of <main> - 20px */
|
|
286
297
|
--motion-duration-fast: 150ms; /** Snappy interactions - button/link hover, icon swaps */
|
|
287
298
|
--motion-duration-base: 250ms; /** Default UI transition - default for most state changes */
|
|
288
299
|
--motion-duration-slow: 400ms; /** Deliberate transition - card/image reveals, dropdown open */
|
package/package.json
CHANGED