@navita/css 0.0.13 → 0.2.0
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.
- package/package.json +2 -3
- package/theme.cjs +3 -3
- package/validateContract.cjs +4 -5
- package/validateContract.mjs +2 -3
- package/vars.cjs +2 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navita/css",
|
|
3
|
-
"version": "0.0
|
|
3
|
+
"version": "0.2.0",
|
|
4
4
|
"description": "Public API for Navita",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"api",
|
|
@@ -20,8 +20,7 @@
|
|
|
20
20
|
"dependencies": {
|
|
21
21
|
"deep-object-diff": "^1.1.9",
|
|
22
22
|
"cssesc": "^3.0.0",
|
|
23
|
-
"
|
|
24
|
-
"@navita/adapter": "0.0.11"
|
|
23
|
+
"@navita/adapter": "0.1.0"
|
|
25
24
|
},
|
|
26
25
|
"license": "MIT",
|
|
27
26
|
"author": "Eagerpatch",
|
package/theme.cjs
CHANGED
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
var adapter = require('@navita/adapter');
|
|
4
4
|
var cssesc = require('cssesc');
|
|
5
|
-
var
|
|
5
|
+
var walkObject = require('./helpers/walkObject.cjs');
|
|
6
6
|
var vars = require('./vars.cjs');
|
|
7
7
|
|
|
8
8
|
function createThemeContract(tokens) {
|
|
9
|
-
return
|
|
9
|
+
return walkObject.walkObject(tokens, (_value, path)=>{
|
|
10
10
|
return `var(${vars.createVar(path.join('-').toLowerCase())})`;
|
|
11
11
|
});
|
|
12
12
|
}
|
|
13
13
|
function createGlobalThemeContract(tokens, mapFn) {
|
|
14
|
-
return
|
|
14
|
+
return walkObject.walkObject(tokens, (value, path)=>{
|
|
15
15
|
const rawVarName = typeof mapFn === 'function' ? mapFn(value, path) : value;
|
|
16
16
|
const varName = typeof rawVarName === 'string' ? rawVarName.replace(/^--/, '') : null;
|
|
17
17
|
if (typeof varName !== 'string' || varName !== cssesc(varName, {
|
package/validateContract.cjs
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var deepObjectDiff = require('deep-object-diff');
|
|
4
|
-
var
|
|
5
|
-
var helpers_walkObject = require('./helpers/walkObject.cjs');
|
|
4
|
+
var walkObject = require('./helpers/walkObject.cjs');
|
|
6
5
|
|
|
7
|
-
const normaliseObject = (obj)=>
|
|
6
|
+
const normaliseObject = (obj)=>walkObject.walkObject(obj, ()=>'');
|
|
8
7
|
function validateContract(contract, tokens) {
|
|
9
8
|
const theDiff = deepObjectDiff.diff(normaliseObject(contract), normaliseObject(tokens));
|
|
10
9
|
const valid = Object.keys(theDiff).length === 0;
|
|
@@ -20,10 +19,10 @@ function diffLine(value, nesting, type) {
|
|
|
20
19
|
const line = `${type ? type : ' '}${whitespace}${value}`;
|
|
21
20
|
{
|
|
22
21
|
if (type === '-') {
|
|
23
|
-
return
|
|
22
|
+
return `\x1b[31m${line}\x1b[0m`; // Red for '-' type
|
|
24
23
|
}
|
|
25
24
|
if (type === '+') {
|
|
26
|
-
return
|
|
25
|
+
return `\x1b[32m${line}\x1b[0m`; // Green for '+' type
|
|
27
26
|
}
|
|
28
27
|
}
|
|
29
28
|
return line;
|
package/validateContract.mjs
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { diff } from 'deep-object-diff';
|
|
2
|
-
import pc from 'picocolors';
|
|
3
2
|
import { walkObject } from './helpers/walkObject.mjs';
|
|
4
3
|
|
|
5
4
|
const normaliseObject = (obj)=>walkObject(obj, ()=>'');
|
|
@@ -18,10 +17,10 @@ function diffLine(value, nesting, type) {
|
|
|
18
17
|
const line = `${type ? type : ' '}${whitespace}${value}`;
|
|
19
18
|
{
|
|
20
19
|
if (type === '-') {
|
|
21
|
-
return
|
|
20
|
+
return `\x1b[31m${line}\x1b[0m`; // Red for '-' type
|
|
22
21
|
}
|
|
23
22
|
if (type === '+') {
|
|
24
|
-
return
|
|
23
|
+
return `\x1b[32m${line}\x1b[0m`; // Green for '+' type
|
|
25
24
|
}
|
|
26
25
|
}
|
|
27
26
|
return line;
|
package/vars.cjs
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var adapter = require('@navita/adapter');
|
|
4
4
|
var cssesc = require('cssesc');
|
|
5
|
-
var
|
|
5
|
+
var walkObject = require('./helpers/walkObject.cjs');
|
|
6
6
|
var validateContract = require('./validateContract.cjs');
|
|
7
7
|
|
|
8
8
|
function createVar(name) {
|
|
@@ -33,7 +33,7 @@ function assignVars(varContract, tokens) {
|
|
|
33
33
|
if (!valid) {
|
|
34
34
|
throw new Error(`Tokens don't match contract.\n${diffString}`);
|
|
35
35
|
}
|
|
36
|
-
|
|
36
|
+
walkObject.walkObject(tokens, (value, path)=>{
|
|
37
37
|
const cssVarWithoutVar = `--${cssesc(path.join('-').toLowerCase(), {
|
|
38
38
|
isIdentifier: true
|
|
39
39
|
})}`;
|