@justeattakeaway/pie-css 0.26.1 → 0.26.2

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 (2) hide show
  1. package/package.json +5 -2
  2. package/scss/mixins/_font-theme.scss +3 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@justeattakeaway/pie-css",
3
- "version": "0.26.1",
3
+ "version": "0.26.2",
4
4
  "description": "A styling library that provides both a shared collection of ready to use CSS styles to be used across JET web front-ends, and SCSS-based style helpers for our PIE Web Component library.",
5
5
  "repository": {
6
6
  "type": "git",
@@ -20,7 +20,7 @@
20
20
  "cdnContentType": "text/css"
21
21
  },
22
22
  "scripts": {
23
- "build": "run -T ts-node ./buildCss.ts && run -T sass scss/_internal/typography.scss dist/helpers/typography.css --no-source-map",
23
+ "build": "run -T ts-node ./buildCss.ts && run -T sass --load-path=../../../node_modules scss/_internal/typography.scss dist/helpers/typography.css --no-source-map",
24
24
  "lint:scripts": "run -T eslint .",
25
25
  "lint:scripts:fix": "yarn lint:scripts --fix",
26
26
  "lint:style": "run -T stylelint ./**/*.{css,scss}",
@@ -37,6 +37,9 @@
37
37
  "SASS"
38
38
  ],
39
39
  "license": "Apache-2.0",
40
+ "dependencies": {
41
+ "@justeat/pie-design-tokens": "7.10.2"
42
+ },
40
43
  "devDependencies": {
41
44
  "@types/postcss-import": "14.0.3",
42
45
  "include-media": "2.0.0",
package/scss/mixins/_font-theme.scss CHANGED
@@ -2,9 +2,9 @@
2
2
  @use 'sass:list';
3
3
  @use 'sass:map';
4
4
 
5
- // N.b. This next @use import is pretty horrible atm (sorry)
6
- // We could pull in the tokens as a dependency for this package, but that seems worse potentially, so leaving as this for now
7
- @use '../../../../../node_modules/@justeat/pie-design-tokens/dist/jet.scss' as *;
5
+ // this is imported so that we have access to the SCSS design tokens
6
+ // Used mainly to check if font tokens exist using meta.variable-exists()
7
+ @use '@justeat/pie-design-tokens/dist/jet.scss' as *;
8
8
 
9
9
  @mixin font-theme($token-name) {
10
10
  // Define the wide breakpoint to be used in the responsive media query.