@weni/unnnic-system 3.2.0 → 3.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 (4) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/package.json +1 -1
  3. package/src/assets/scss/fonts.scss +9 -9
  4. package/src/assets/tokens/fonts.json +9 -9
package/CHANGELOG.md CHANGED
@@ -5,6 +5,11 @@ All notable changes to this project will be documented in this file.
5
5
  The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
6
6
  and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
7
7
 
8
+ # 3.2.1 (2025-09-11)
9
+
10
+ ### Fixed
11
+ - Adjusted the formatting of font tokens to conform to the css font attribute
12
+
8
13
  # 3.2.0 (2025-09-11)
9
14
 
10
15
  ### Added
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@weni/unnnic-system",
3
- "version": "3.2.0",
3
+ "version": "3.2.1",
4
4
  "type": "commonjs",
5
5
  "files": [
6
6
  "dist",
package/src/assets/scss/fonts.scss CHANGED
@@ -6,12 +6,12 @@ $unnnic-font-family: Lato;
6
6
  $unnnic-font-weight-bold: 700;
7
7
  $unnnic-font-weight-medium: 500;
8
8
  $unnnic-font-weight-regular: 400;
9
- $unnnic-font-display-1: Lato 1.5 * 16px /* 24px */ 700 2 * 16px /* 32px */;
10
- $unnnic-font-display-2: Lato 1.25 * 16px /* 20px */ 700 1.6875 * 16px /* 27px */;
11
- $unnnic-font-display-3: Lato 1 * 16px /* 16px */ 700 1.375 * 16px /* 22px */;
12
- $unnnic-font-display-4: Lato 1 * 16px /* 16px */ 400 1.375 * 16px /* 22px */;
13
- $unnnic-font-body: Lato 0.875 * 16px /* 14px */ 400 1.3125 * 16px /* 21px */;
14
- $unnnic-font-emphasis: Lato 0.875 * 16px /* 14px */ 500 1.3125 * 16px /* 21px */;
15
- $unnnic-font-action: Lato 0.875 * 16px /* 14px */ 700 1.3125 * 16px /* 21px */;
16
- $unnnic-font-caption-1: Lato 0.75 * 16px /* 12px */ 500 1.125 * 16px /* 18px */;
17
- $unnnic-font-caption-2: Lato 0.75 * 16px /* 12px */ 400 1.125 * 16px /* 18px */;
9
+ $unnnic-font-display-1: 700 calc(1.5 * 16px) /* 24px */ / calc(2 * 16px) /* 32px */ Lato;
10
+ $unnnic-font-display-2: 700 calc(1.25 * 16px) /* 20px */ / calc(1.6875 * 16px) /* 27px */ Lato;
11
+ $unnnic-font-display-3: 700 calc(1 * 16px) /* 16px */ / calc(1.375 * 16px) /* 22px */ Lato;
12
+ $unnnic-font-display-4: 400 calc(1 * 16px) /* 16px */ / calc(1.375 * 16px) /* 22px */ Lato;
13
+ $unnnic-font-body: 400 calc(0.875 * 16px) /* 14px */ / calc(1.3125 * 16px) /* 21px */ Lato;
14
+ $unnnic-font-emphasis: 500 calc(0.875 * 16px) /* 14px */ / calc(1.3125 * 16px) /* 21px */ Lato;
15
+ $unnnic-font-action: 700 calc(0.875 * 16px) /* 14px */ / calc(1.3125 * 16px) /* 21px */ Lato;
16
+ $unnnic-font-caption-1: 500 calc(0.75 * 16px) /* 12px */ / calc(1.125 * 16px) /* 18px */ Lato;
17
+ $unnnic-font-caption-2: 400 calc(0.75 * 16px) /* 12px */ / calc(1.125 * 16px) /* 18px */ Lato;
package/src/assets/tokens/fonts.json CHANGED
@@ -19,33 +19,33 @@
19
19
  },
20
20
  "display": {
21
21
  "1": {
22
- "value": "{font.family} 1.5 * {font.size} /* 24px */ {font.weight.bold} 2 * {font.size} /* 32px */"
22
+ "value": "{font.weight.bold} calc(1.5 * {font.size}) /* 24px */ / calc(2 * {font.size}) /* 32px */ {font.family}"
23
23
  },
24
24
  "2": {
25
- "value": "{font.family} 1.25 * {font.size} /* 20px */ {font.weight.bold} 1.6875 * {font.size} /* 27px */"
25
+ "value": "{font.weight.bold} calc(1.25 * {font.size}) /* 20px */ / calc(1.6875 * {font.size}) /* 27px */ {font.family}"
26
26
  },
27
27
  "3": {
28
- "value": "{font.family} 1 * {font.size} /* 16px */ {font.weight.bold} 1.375 * {font.size} /* 22px */"
28
+ "value": "{font.weight.bold} calc(1 * {font.size}) /* 16px */ / calc(1.375 * {font.size}) /* 22px */ {font.family}"
29
29
  },
30
30
  "4": {
31
- "value": "{font.family} 1 * {font.size} /* 16px */ {font.weight.regular} 1.375 * {font.size} /* 22px */"
31
+ "value": "{font.weight.regular} calc(1 * {font.size}) /* 16px */ / calc(1.375 * {font.size}) /* 22px */ {font.family}"
32
32
  }
33
33
  },
34
34
  "body": {
35
- "value": "{font.family} 0.875 * {font.size} /* 14px */ {font.weight.regular} 1.3125 * {font.size} /* 21px */"
35
+ "value": "{font.weight.regular} calc(0.875 * {font.size}) /* 14px */ / calc(1.3125 * {font.size}) /* 21px */ {font.family}"
36
36
  },
37
37
  "emphasis": {
38
- "value": "{font.family} 0.875 * {font.size} /* 14px */ {font.weight.medium} 1.3125 * {font.size} /* 21px */"
38
+ "value": "{font.weight.medium} calc(0.875 * {font.size}) /* 14px */ / calc(1.3125 * {font.size}) /* 21px */ {font.family}"
39
39
  },
40
40
  "action": {
41
- "value": "{font.family} 0.875 * {font.size} /* 14px */ {font.weight.bold} 1.3125 * {font.size} /* 21px */"
41
+ "value": "{font.weight.bold} calc(0.875 * {font.size}) /* 14px */ / calc(1.3125 * {font.size}) /* 21px */ {font.family}"
42
42
  },
43
43
  "caption": {
44
44
  "1": {
45
- "value": "{font.family} 0.75 * {font.size} /* 12px */ {font.weight.medium} 1.125 * {font.size} /* 18px */"
45
+ "value": "{font.weight.medium} calc(0.75 * {font.size}) /* 12px */ / calc(1.125 * {font.size}) /* 18px */ {font.family}"
46
46
  },
47
47
  "2": {
48
- "value": "{font.family} 0.75 * {font.size} /* 12px */ {font.weight.regular} 1.125 * {font.size} /* 18px */"
48
+ "value": "{font.weight.regular} calc(0.75 * {font.size}) /* 12px */ / calc(1.125 * {font.size}) /* 18px */ {font.family}"
49
49
  }
50
50
  }
51
51
  }