@justeattakeaway/pie-button 0.5.0 → 0.5.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/.turbo/turbo-build.log +1 -1
  2. package/CHANGELOG.md +6 -0
  3. package/package.json +1 -1
  4. package/src/button.scss +8 -11
package/.turbo/turbo-build.log CHANGED
@@ -1,4 +1,4 @@
1
- @justeattakeaway/pie-button:build: cache hit, replaying output 21df156a0b013060
1
+ @justeattakeaway/pie-button:build: cache hit, replaying output c2fea04222d5810e
2
2
  @justeattakeaway/pie-button:build: vite v4.0.4 building for production...
3
3
  @justeattakeaway/pie-button:build: transforming...
4
4
  @justeattakeaway/pie-button:build: ✓ 4 modules transformed.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # Changelog
2
2
 
3
+ ## 0.5.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [Changed] - Replaced hard-coded font values with scss variables ([#226](https://github.com/justeattakeaway/pie/pull/226)) by [@LTurns](https://github.com/LTurns)
8
+
3
9
  ## 0.5.0
4
10
 
5
11
  ### Minor Changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@justeattakeaway/pie-button",
3
- "version": "0.5.0",
3
+ "version": "0.5.1",
4
4
  "description": "PIE design system button built using web components",
5
5
  "type": "module",
6
6
  "main": "dist/pie-button.js",
package/src/button.scss CHANGED
@@ -7,35 +7,32 @@
7
7
  font-weight: dt.$font-interactive-m-weight;
8
8
  }
9
9
 
10
- // TODO - Use latest design tokens for font size and line height
11
- // once fozzie has been updated to handle them.
12
-
13
10
  .o-btn--xsmall {
14
11
  padding: 6px dt.$spacing-b;
15
12
  min-height: 32px;
16
- font-size: 14px;
17
- line-height: 20px;
13
+ font-size: dt.$font-size-14 * 1px;
14
+ line-height: dt.$font-size-14-line-height * 1px;
18
15
  }
19
16
 
20
17
  .o-btn--small {
21
18
  padding: 8px dt.$spacing-d;
22
19
  min-height: 40px;
23
- font-size: 19px;
24
- line-height: 28px;
20
+ font-size: dt.$font-size-19 * 1px;
21
+ line-height: dt.$font-size-19-line-height * 1px;
25
22
  }
26
23
 
27
24
  .o-btn--medium {
28
25
  padding: 10px dt.$spacing-e;
29
26
  min-height: 48px;
30
- font-size: 20px;
31
- line-height: 28px;
27
+ font-size: dt.$font-size-20 * 1px;
28
+ line-height: dt.$font-size-20-line-height * 1px;
32
29
  }
33
30
 
34
31
  .o-btn--large {
35
32
  padding: 14px dt.$spacing-e;
36
33
  min-height: 56px;
37
- font-size: 20px;
38
- line-height: 28px;
34
+ font-size: dt.$font-size-20 * 1px;
35
+ line-height: dt.$font-size-20-line-height * 1px;
39
36
  }
40
37
 
41
38
  .o-btn--primary {