@oneqode/design-system 0.4.3 → 0.4.4
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.
|
@@ -196,6 +196,7 @@
|
|
|
196
196
|
--spacing-10: 2.5rem; /** 40px */
|
|
197
197
|
--spacing-12: 3rem; /** 48px */
|
|
198
198
|
--spacing-16: 4rem; /** 64px */
|
|
199
|
+
--spacing-20: 5rem; /** 80px */
|
|
199
200
|
--spacing-section: 5rem; /** Standard spacing between page sections */
|
|
200
201
|
--spacing-section-lg: 10rem; /** Large section block padding - 160px (used for major page sections per Figma) */
|
|
201
202
|
--spacing-inset: 1.5rem; /** Standard inner padding for sections and cards - 24px */
|
|
@@ -220,7 +221,8 @@
|
|
|
220
221
|
--font-weight-medium: 500; /** Medium emphasis */
|
|
221
222
|
--font-weight-semibold: 600; /** Buttons, labels, subheadings */
|
|
222
223
|
--font-weight-bold: 700; /** Headings, strong emphasis */
|
|
223
|
-
--font-letter-spacing-heading: -0.02em; /** Desktop headings (H1
|
|
224
|
+
--font-letter-spacing-heading: -0.02em; /** Desktop headings (H1, H2, H4, H5, H6) - -2% tracking */
|
|
225
|
+
--font-letter-spacing-h3-desktop: -0.0225em; /** H3 desktop - -0.72/32 (-2.25%) */
|
|
224
226
|
--font-letter-spacing-body: -0.01em; /** Body text (text-lg, text-md, text-sm, text-xs) - -1% tracking */
|
|
225
227
|
--font-letter-spacing-mono: 0; /** Mono (text-mono) - no tracking */
|
|
226
228
|
--font-letter-spacing-h1-mobile: -0.0385em; /** H1 mobile - -2/52 */
|
|
@@ -231,7 +233,7 @@
|
|
|
231
233
|
--font-letter-spacing-h6-mobile: 0; /** H6 mobile - none specified */
|
|
232
234
|
--font-line-height-tight: 1.2; /** Desktop headings (H2-H6) - 1.2 ratio */
|
|
233
235
|
--font-line-height-body: 1.5; /** All body text (text-lg, text-md, text-sm, text-xs, text-mono) - 1.5 ratio */
|
|
234
|
-
--font-line-height-h1-desktop: 1.
|
|
236
|
+
--font-line-height-h1-desktop: 1.2; /** H1 desktop - 76.8/64 */
|
|
235
237
|
--font-line-height-h1-mobile: 1.0769; /** H1 mobile - 56/52 */
|
|
236
238
|
--font-line-height-h2-mobile: 1.1; /** H2 mobile - 44/40 */
|
|
237
239
|
--font-line-height-h3-mobile: 1.125; /** H3 mobile - 36/32 */
|
|
@@ -389,14 +391,14 @@
|
|
|
389
391
|
@media (min-width: 768px) {
|
|
390
392
|
:root {
|
|
391
393
|
--type-h1-size: 4rem;
|
|
392
|
-
--type-h1-line-height: 1.
|
|
394
|
+
--type-h1-line-height: 1.2;
|
|
393
395
|
--type-h1-letter-spacing: -0.02em;
|
|
394
396
|
--type-h2-size: 2.75rem;
|
|
395
397
|
--type-h2-line-height: 1.2;
|
|
396
398
|
--type-h2-letter-spacing: -0.02em;
|
|
397
399
|
--type-h3-size: 2rem;
|
|
398
400
|
--type-h3-line-height: 1.2;
|
|
399
|
-
--type-h3-letter-spacing: -0.
|
|
401
|
+
--type-h3-letter-spacing: -0.0225em;
|
|
400
402
|
--type-h4-size: 1.75rem;
|
|
401
403
|
--type-h4-line-height: 1.2;
|
|
402
404
|
--type-h4-letter-spacing: -0.02em;
|
package/package.json
CHANGED