@mediaradar/design-tokens 2.0.2 → 2.0.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.
Files changed (4) hide show
  1. package/dist/DESIGN.md +9 -9
  2. package/dist/css/ref.css +2 -2
  3. package/dist/js/tokens.js +11 -11
  4. package/package.json +1 -1
package/dist/DESIGN.md CHANGED
@@ -219,7 +219,7 @@ Key is the suffix for any Tailwind color utility: `bg-{key}`, `text-{key}`, `bor
219
219
 
220
220
  | Key | Value |
221
221
  | --- | --- |
222
- | tight | 1.2 |
222
+ | tight | 1.25 |
223
223
  | base | 1.5 |
224
224
  | head | 1.5 |
225
225
 
@@ -228,23 +228,23 @@ Key is the suffix for any Tailwind color utility: `bg-{key}`, `text-{key}`, `bor
228
228
  | Key | Value |
229
229
  | --- | --- |
230
230
  | normal | 0em |
231
- | tight | -0.01em |
231
+ | tight | -0.025em |
232
232
 
233
233
  **Text styles** — Tailwind: `text-style-{name}`. One class sets font-size, font-weight, line-height, letter-spacing, and color. Supports all Tailwind variants.
234
234
 
235
235
  | Style | Size | Weight | Leading | Tracking | Color |
236
236
  | --- | --- | --- | --- | --- | --- |
237
237
  | text-style-heading-1 | 1.875rem | 600 | 1.5 | 0em | #363233 |
238
- | text-style-heading-2 | 1.25rem | 600 | 1.2 | 0em | #1f1b16 |
239
- | text-style-heading-3 | 0.875rem | 600 | 1.2 | 0em | #1f1b16 |
240
- | text-style-body-lg | 1.25rem | 700 | 1.2 | 0em | #1f1b16 |
238
+ | text-style-heading-2 | 1.25rem | 600 | 1.25 | 0em | #1f1b16 |
239
+ | text-style-heading-3 | 0.875rem | 600 | 1.25 | 0em | #1f1b16 |
240
+ | text-style-body-lg | 1.25rem | 700 | 1.25 | 0em | #1f1b16 |
241
241
  | text-style-body | 1.125rem | 400 | 1.5 | 0em | #1f1b16 |
242
242
  | text-style-body-sm | 0.875rem | 400 | 1.5 | 0em | #1f1b16 |
243
243
  | text-style-body-xs | 0.75rem | 400 | 1.5 | 0em | #1f1b16 |
244
- | text-style-label | 1rem | 400 | 1.2 | 0em | #1f1b16 |
245
- | text-style-label-strong | 1rem | 600 | 1.2 | 0em | #1f1b16 |
246
- | text-style-label-sm | 0.875rem | 700 | 1.2 | 0em | #6b6358 |
247
- | text-style-label-xs | 0.75rem | 600 | 1.2 | 0em | #6b6358 |
244
+ | text-style-label | 1rem | 400 | 1.25 | 0em | #1f1b16 |
245
+ | text-style-label-strong | 1rem | 600 | 1.25 | 0em | #1f1b16 |
246
+ | text-style-label-sm | 0.875rem | 700 | 1.25 | 0em | #6b6358 |
247
+ | text-style-label-xs | 0.75rem | 600 | 1.25 | 0em | #6b6358 |
248
248
  | text-style-caption | 0.75rem | 400 | 1.5 | 0em | #6b6358 |
249
249
  | text-style-link | 0.875rem | 400 | 1.5 | 0em | #2747c4 |
250
250
  | text-style-link-strong | 0.875rem | 600 | 1.5 | 0em | #2747c4 |
package/dist/css/ref.css CHANGED
@@ -321,7 +321,7 @@
321
321
  --mr-ref-typography-weight-medium: 500;
322
322
  --mr-ref-typography-weight-semibold: 600;
323
323
  --mr-ref-typography-weight-bold: 700;
324
- --mr-ref-typography-line-height-xs: 1.2;
324
+ --mr-ref-typography-line-height-xs: 1.25;
325
325
  --mr-ref-typography-line-height-sm: 1.3;
326
326
  --mr-ref-typography-line-height-base: 1.5;
327
327
  --mr-ref-typography-line-height-lg: 1.6;
@@ -334,7 +334,7 @@
334
334
  --mr-ref-typography-size-xl: 1.5rem;
335
335
  --mr-ref-typography-size-h1: 1.875rem;
336
336
  --mr-ref-typography-letter-spacing-normal: 0em;
337
- --mr-ref-typography-letter-spacing-tight: -0.01em;
337
+ --mr-ref-typography-letter-spacing-tight: -0.025em;
338
338
  --mr-ref-opacity-disabled: 0.4;
339
339
  --mr-ref-opacity-muted: 0.7;
340
340
  --mr-ref-opacity-overlay: 0.6;
package/dist/js/tokens.js CHANGED
@@ -404,7 +404,7 @@ export const mrRefTypographyWeightRegular = 400;
404
404
  export const mrRefTypographyWeightMedium = 500;
405
405
  export const mrRefTypographyWeightSemibold = 600;
406
406
  export const mrRefTypographyWeightBold = 700;
407
- export const mrRefTypographyLineHeightXs = 1.2;
407
+ export const mrRefTypographyLineHeightXs = 1.25;
408
408
  export const mrRefTypographyLineHeightSm = 1.3;
409
409
  export const mrRefTypographyLineHeightBase = 1.5;
410
410
  export const mrRefTypographyLineHeightLg = 1.6;
@@ -417,7 +417,7 @@ export const mrRefTypographySizeLg = 1.25;
417
417
  export const mrRefTypographySizeXl = 1.5;
418
418
  export const mrRefTypographySizeH1 = 1.875;
419
419
  export const mrRefTypographyLetterSpacingNormal = 0;
420
- export const mrRefTypographyLetterSpacingTight = -0.01;
420
+ export const mrRefTypographyLetterSpacingTight = -0.025;
421
421
  export const mrRefOpacityDisabled = 0.4;
422
422
  export const mrRefOpacityMuted = 0.7;
423
423
  export const mrRefOpacityOverlay = 0.6;
@@ -469,11 +469,11 @@ export const mrTypographyWeightRegular = 400;
469
469
  export const mrTypographyWeightMedium = 500;
470
470
  export const mrTypographyWeightSemibold = 600;
471
471
  export const mrTypographyWeightBold = 700;
472
- export const mrTypographyLineHeightTight = 1.2;
472
+ export const mrTypographyLineHeightTight = 1.25;
473
473
  export const mrTypographyLineHeightBase = 1.5;
474
474
  export const mrTypographyLineHeightHead = 1.5;
475
475
  export const mrTypographyLetterSpacingNormal = 0;
476
- export const mrTypographyLetterSpacingTight = -0.01;
476
+ export const mrTypographyLetterSpacingTight = -0.025;
477
477
  export const mrShapeRadiusControl = 8;
478
478
  export const mrShapeRadiusCard = 12;
479
479
  export const mrShapeBorderWidthControl = 1;
@@ -501,17 +501,17 @@ export const mrTextStyleHeading_1LetterSpacing = 0;
501
501
  export const mrTextStyleHeading_1Color = "#363233";
502
502
  export const mrTextStyleHeading_2FontSize = 1.25;
503
503
  export const mrTextStyleHeading_2FontWeight = 600;
504
- export const mrTextStyleHeading_2LineHeight = 1.2;
504
+ export const mrTextStyleHeading_2LineHeight = 1.25;
505
505
  export const mrTextStyleHeading_2LetterSpacing = 0;
506
506
  export const mrTextStyleHeading_2Color = "#1f1b16";
507
507
  export const mrTextStyleHeading_3FontSize = 0.875;
508
508
  export const mrTextStyleHeading_3FontWeight = 600;
509
- export const mrTextStyleHeading_3LineHeight = 1.2;
509
+ export const mrTextStyleHeading_3LineHeight = 1.25;
510
510
  export const mrTextStyleHeading_3LetterSpacing = 0;
511
511
  export const mrTextStyleHeading_3Color = "#1f1b16";
512
512
  export const mrTextStyleBodyLgFontSize = 1.25;
513
513
  export const mrTextStyleBodyLgFontWeight = 700;
514
- export const mrTextStyleBodyLgLineHeight = 1.2;
514
+ export const mrTextStyleBodyLgLineHeight = 1.25;
515
515
  export const mrTextStyleBodyLgLetterSpacing = 0;
516
516
  export const mrTextStyleBodyLgColor = "#1f1b16";
517
517
  export const mrTextStyleBodyFontSize = 1.125;
@@ -531,22 +531,22 @@ export const mrTextStyleBodyXsLetterSpacing = 0;
531
531
  export const mrTextStyleBodyXsColor = "#1f1b16";
532
532
  export const mrTextStyleLabelFontSize = 1;
533
533
  export const mrTextStyleLabelFontWeight = 400;
534
- export const mrTextStyleLabelLineHeight = 1.2;
534
+ export const mrTextStyleLabelLineHeight = 1.25;
535
535
  export const mrTextStyleLabelLetterSpacing = 0;
536
536
  export const mrTextStyleLabelColor = "#1f1b16";
537
537
  export const mrTextStyleLabelStrongFontSize = 1;
538
538
  export const mrTextStyleLabelStrongFontWeight = 600;
539
- export const mrTextStyleLabelStrongLineHeight = 1.2;
539
+ export const mrTextStyleLabelStrongLineHeight = 1.25;
540
540
  export const mrTextStyleLabelStrongLetterSpacing = 0;
541
541
  export const mrTextStyleLabelStrongColor = "#1f1b16";
542
542
  export const mrTextStyleLabelSmFontSize = 0.875;
543
543
  export const mrTextStyleLabelSmFontWeight = 700;
544
- export const mrTextStyleLabelSmLineHeight = 1.2;
544
+ export const mrTextStyleLabelSmLineHeight = 1.25;
545
545
  export const mrTextStyleLabelSmLetterSpacing = 0;
546
546
  export const mrTextStyleLabelSmColor = "#6b6358";
547
547
  export const mrTextStyleLabelXsFontSize = 0.75;
548
548
  export const mrTextStyleLabelXsFontWeight = 600;
549
- export const mrTextStyleLabelXsLineHeight = 1.2;
549
+ export const mrTextStyleLabelXsLineHeight = 1.25;
550
550
  export const mrTextStyleLabelXsLetterSpacing = 0;
551
551
  export const mrTextStyleLabelXsColor = "#6b6358";
552
552
  export const mrTextStyleCaptionFontSize = 0.75;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mediaradar/design-tokens",
3
- "version": "2.0.2",
3
+ "version": "2.0.4",
4
4
  "main": "dist/js/tokens.js",
5
5
  "types": "dist/js/tokens.d.ts",
6
6
  "type": "module",