@knapsack/design-token-utils 4.66.3--canary.4370.90526cd.0 → 4.67.0--canary.4368.af45627.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/converters/ks-figma-vars-to-spec/ks-figma-vars-to-spec.d.ts +0 -3
- package/dist/converters/ks-figma-vars-to-spec/ks-figma-vars-to-spec.d.ts.map +1 -1
- package/dist/converters/ks-figma-vars-to-spec/ks-figma-vars-to-spec.js +16 -56
- package/dist/converters/ks-figma-vars-to-spec/ks-figma-vars-to-spec.js.map +1 -1
- package/package.json +9 -9
|
@@ -2,9 +2,6 @@ import { TokenSrcGroup } from '@knapsack/types';
|
|
|
2
2
|
import { KsFigmaVarsFormat } from '../../formats/ks-figma-vars/ks-figma-vars.format.js';
|
|
3
3
|
import { ConverterGenericWarning } from '../../types.js';
|
|
4
4
|
import { TokenDataSummary } from '../spec-src-to-token-data/convert-src-to-token-data.js';
|
|
5
|
-
/**
|
|
6
|
-
* ATTENTION: this is a WIP; assume nothing, question everything
|
|
7
|
-
*/
|
|
8
5
|
export declare function convertKsFigmaVarsToSpec({ ksFigmaVars, currentTokensSrc, }: {
|
|
9
6
|
ksFigmaVars: KsFigmaVarsFormat;
|
|
10
7
|
currentTokensSrc: TokenSrcGroup;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ks-figma-vars-to-spec.d.ts","sourceRoot":"","sources":["../../../src/converters/ks-figma-vars-to-spec/ks-figma-vars-to-spec.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ks-figma-vars-to-spec.d.ts","sourceRoot":"","sources":["../../../src/converters/ks-figma-vars-to-spec/ks-figma-vars-to-spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAgC,MAAM,iBAAiB,CAAC;AAC9E,OAAO,EACL,iBAAiB,EAMlB,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAEzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wDAAwD,CAAC;AA2E1F,wBAAgB,wBAAwB,CAAC,EACvC,WAAW,EACX,gBAAgB,GACjB,EAAE;IACD,WAAW,EAAE,iBAAiB,CAAC;IAC/B,gBAAgB,EAAE,aAAa,CAAC;CACjC,GAAG;IACF,QAAQ,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC;IACzC,GAAG,EAAE,aAAa,CAAC;IACnB,IAAI,EAAE,gBAAgB,CAAC;CACxB,CA0EA"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import loGet from 'lodash/get.js';
|
|
2
1
|
import { isKsFigmaVarValueRgb, isKsFigmaVarValueAlias, } from '../../formats/ks-figma-vars/ks-figma-vars.format.js';
|
|
3
2
|
import { TokenSrcUpdater } from '../../token-src-updater/token-src-updater.js';
|
|
4
3
|
import { convertFigmaColorToHex } from './utils.js';
|
|
@@ -66,42 +65,24 @@ function createTokenSrcValueInfo({ value, varType, }) {
|
|
|
66
65
|
}
|
|
67
66
|
}
|
|
68
67
|
}
|
|
69
|
-
/**
|
|
70
|
-
* ATTENTION: this is a WIP; assume nothing, question everything
|
|
71
|
-
*/
|
|
72
68
|
export function convertKsFigmaVarsToSpec({ ksFigmaVars, currentTokensSrc, }) {
|
|
69
|
+
// ATTENTION: this is a WIP; assume nothing, question everything
|
|
73
70
|
const warnings = [];
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
71
|
+
const tsu = new TokenSrcUpdater({
|
|
72
|
+
src: currentTokensSrc,
|
|
73
|
+
});
|
|
74
|
+
const { collectionsById, tokensById } = tsu.data;
|
|
77
75
|
if (!tsu.collectionsParentKey) {
|
|
78
76
|
tsu.setCollectionsParentKey({ collectionsParentKey: 'collections' });
|
|
79
77
|
}
|
|
80
78
|
const modesById = {};
|
|
81
|
-
// Start by creating empty collections and modes by looping over INCOMING collections
|
|
82
79
|
Object.values(ksFigmaVars.collectionsById).forEach(({ id, name, modes, variableIds }) => {
|
|
83
|
-
if (collectionsById[name]) {
|
|
84
|
-
|
|
85
|
-
}
|
|
86
|
-
else {
|
|
87
|
-
tsu.collection.create({
|
|
88
|
-
collectionId: name,
|
|
89
|
-
// Important that we do NOT create the default `mode 1` starter mode here
|
|
90
|
-
excludeInitialMode: true,
|
|
91
|
-
});
|
|
80
|
+
if (!collectionsById[name]) {
|
|
81
|
+
tsu.collection.create({ collectionId: name, excludeInitialMode: true });
|
|
92
82
|
}
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
// Check if mode already exists
|
|
97
|
-
if ((_a = collectionsById[name]) === null || _a === void 0 ? void 0 : _a.modes.find((existingMode) => existingMode.id === incomingMode.name)) {
|
|
98
|
-
console.log('Mode already exists, no need to create:', incomingMode.name);
|
|
99
|
-
// Don't create mode if it already exists
|
|
100
|
-
return;
|
|
101
|
-
}
|
|
102
|
-
// Otherwise create mode
|
|
103
|
-
modesById[incomingMode.modeId] = incomingMode.name;
|
|
104
|
-
tsu.mode.create({ modeId: incomingMode.name, collectionId: name });
|
|
83
|
+
modes.forEach((mode) => {
|
|
84
|
+
modesById[mode.modeId] = mode.name;
|
|
85
|
+
tsu.mode.create({ modeId: mode.name, collectionId: name });
|
|
105
86
|
});
|
|
106
87
|
});
|
|
107
88
|
Object.values(ksFigmaVars.collectionsById).forEach(({ variableIds }) => {
|
|
@@ -109,38 +90,18 @@ export function convertKsFigmaVarsToSpec({ ksFigmaVars, currentTokensSrc, }) {
|
|
|
109
90
|
.map((vId) => ksFigmaVars.variablesById[vId])
|
|
110
91
|
.forEach(({ collectionId, name, type: varType, valuesByMode }) => {
|
|
111
92
|
const { name: collectionName } = ksFigmaVars.collectionsById[collectionId];
|
|
112
|
-
// Figma treats '/' as a group separator
|
|
113
93
|
const varId = name.replace('/', '.');
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
// key.startsWith(fullVarPath),
|
|
120
|
-
// );
|
|
121
|
-
// Instead, fall back to loGet against src
|
|
122
|
-
const varExists = loGet(currentTokensSrc, fullVarPath);
|
|
123
|
-
if (varExists) {
|
|
124
|
-
console.log('Var already exists, no need to create:', fullVarPath);
|
|
125
|
-
}
|
|
126
|
-
else {
|
|
127
|
-
// Avoid creating var if it already exists
|
|
128
|
-
tsu.var.create({
|
|
129
|
-
collectionId: collectionName,
|
|
130
|
-
varId,
|
|
131
|
-
varType: mapFigmaVarType(varType),
|
|
132
|
-
});
|
|
133
|
-
}
|
|
94
|
+
tsu.var.create({
|
|
95
|
+
collectionId: collectionName,
|
|
96
|
+
varId,
|
|
97
|
+
varType: mapFigmaVarType(varType),
|
|
98
|
+
});
|
|
134
99
|
Object.entries(valuesByMode).forEach(([modeId, value]) => {
|
|
135
|
-
// VAR ALIAS
|
|
136
100
|
if (isKsFigmaVarValueAlias(value)) {
|
|
137
101
|
const figmaVar = ksFigmaVars.variablesById[value.id];
|
|
138
102
|
if (!figmaVar) {
|
|
139
103
|
throw new Error(`Var ${name} has a reference, "${value.id}", that cannot be found`);
|
|
140
104
|
}
|
|
141
|
-
// Using the target Figma Var, get the Collection ID it belongs to,
|
|
142
|
-
// and use to look up that Collection's name
|
|
143
|
-
const targetCollectionName = ksFigmaVars.collectionsById[figmaVar.collectionId].name;
|
|
144
105
|
tsu.var.setModeValue({
|
|
145
106
|
collectionId: collectionName,
|
|
146
107
|
varId,
|
|
@@ -152,14 +113,13 @@ export function convertKsFigmaVarsToSpec({ ksFigmaVars, currentTokensSrc, }) {
|
|
|
152
113
|
isVarRef: true,
|
|
153
114
|
referencedTokenId: [
|
|
154
115
|
tsu.collectionsParentKey,
|
|
155
|
-
|
|
116
|
+
collectionName,
|
|
156
117
|
figmaVar.name.replace('/', '.'),
|
|
157
118
|
].join('.'),
|
|
158
119
|
},
|
|
159
120
|
});
|
|
160
121
|
return;
|
|
161
122
|
}
|
|
162
|
-
// ALL OTHER VAR TYPES
|
|
163
123
|
tsu.var.setModeValue({
|
|
164
124
|
collectionId: collectionName,
|
|
165
125
|
varId,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ks-figma-vars-to-spec.js","sourceRoot":"","sources":["../../../src/converters/ks-figma-vars-to-spec/ks-figma-vars-to-spec.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ks-figma-vars-to-spec.js","sourceRoot":"","sources":["../../../src/converters/ks-figma-vars-to-spec/ks-figma-vars-to-spec.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@knapsack/design-token-utils",
|
|
3
3
|
"description": "",
|
|
4
|
-
"version": "4.
|
|
4
|
+
"version": "4.67.0--canary.4368.af45627.0",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
7
7
|
".": {
|
|
@@ -26,19 +26,19 @@
|
|
|
26
26
|
"test": "time npm run ava"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@knapsack/color-utils": "4.
|
|
30
|
-
"@knapsack/file-utils": "4.
|
|
31
|
-
"@knapsack/types": "4.
|
|
32
|
-
"@knapsack/utils": "4.
|
|
29
|
+
"@knapsack/color-utils": "4.67.0--canary.4368.af45627.0",
|
|
30
|
+
"@knapsack/file-utils": "4.67.0--canary.4368.af45627.0",
|
|
31
|
+
"@knapsack/types": "4.67.0--canary.4368.af45627.0",
|
|
32
|
+
"@knapsack/utils": "4.67.0--canary.4368.af45627.0",
|
|
33
33
|
"flat": "^5.0.2",
|
|
34
34
|
"immer": "^10.0.4",
|
|
35
35
|
"lodash": "^4.17.21",
|
|
36
36
|
"superstruct": "^0.16.7"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@knapsack/eslint-config-starter": "4.
|
|
40
|
-
"@knapsack/test-ava": "4.
|
|
41
|
-
"@knapsack/typescript-config-starter": "4.
|
|
39
|
+
"@knapsack/eslint-config-starter": "4.67.0--canary.4368.af45627.0",
|
|
40
|
+
"@knapsack/test-ava": "4.67.0--canary.4368.af45627.0",
|
|
41
|
+
"@knapsack/typescript-config-starter": "4.67.0--canary.4368.af45627.0",
|
|
42
42
|
"@microsoft/api-extractor": "^7.43.8",
|
|
43
43
|
"@types/flat": "^5.0.5",
|
|
44
44
|
"@types/fs-extra": "^11.0.4",
|
|
@@ -63,5 +63,5 @@
|
|
|
63
63
|
"directory": "libs/design-token-utils",
|
|
64
64
|
"type": "git"
|
|
65
65
|
},
|
|
66
|
-
"gitHead": "
|
|
66
|
+
"gitHead": "af456271627a758b3ef5792ace46a1a6ddd77db1"
|
|
67
67
|
}
|