@navita/css 0.1.0 → 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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navita/css",
3
- "version": "0.1.0",
3
+ "version": "0.2.0",
4
4
  "description": "Public API for Navita",
5
5
  "keywords": [
6
6
  "api",
@@ -20,7 +20,6 @@
20
20
  "dependencies": {
21
21
  "deep-object-diff": "^1.1.9",
22
22
  "cssesc": "^3.0.0",
23
- "picocolors": "^1.0.0",
24
23
  "@navita/adapter": "0.1.0"
25
24
  },
26
25
  "license": "MIT",
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 helpers_walkObject = require('./helpers/walkObject.cjs');
5
+ var walkObject = require('./helpers/walkObject.cjs');
6
6
  var vars = require('./vars.cjs');
7
7
 
8
8
  function createThemeContract(tokens) {
9
- return helpers_walkObject.walkObject(tokens, (_value, path)=>{
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 helpers_walkObject.walkObject(tokens, (value, path)=>{
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, {
@@ -1,10 +1,9 @@
1
1
  'use strict';
2
2
 
3
3
  var deepObjectDiff = require('deep-object-diff');
4
- var pc = require('picocolors');
5
- var helpers_walkObject = require('./helpers/walkObject.cjs');
4
+ var walkObject = require('./helpers/walkObject.cjs');
6
5
 
7
- const normaliseObject = (obj)=>helpers_walkObject.walkObject(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 pc.red(line);
22
+ return `\x1b[31m${line}\x1b[0m`; // Red for '-' type
24
23
  }
25
24
  if (type === '+') {
26
- return pc.green(line);
25
+ return `\x1b[32m${line}\x1b[0m`; // Green for '+' type
27
26
  }
28
27
  }
29
28
  return line;
@@ -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 pc.red(line);
20
+ return `\x1b[31m${line}\x1b[0m`; // Red for '-' type
22
21
  }
23
22
  if (type === '+') {
24
- return pc.green(line);
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 helpers_walkObject = require('./helpers/walkObject.cjs');
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
- helpers_walkObject.walkObject(tokens, (value, path)=>{
36
+ walkObject.walkObject(tokens, (value, path)=>{
37
37
  const cssVarWithoutVar = `--${cssesc(path.join('-').toLowerCase(), {
38
38
  isIdentifier: true
39
39
  })}`;