@terrazzo/token-tools 0.2.8 → 0.3.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/CHANGELOG.md +14 -0
- package/dist/css/lib.js +2 -2
- package/dist/css/lib.js.map +1 -1
- package/dist/css/typography.d.ts +2 -1
- package/dist/css/typography.js +13 -3
- package/dist/css/typography.js.map +1 -1
- package/dist/string.d.ts +2 -0
- package/dist/string.js +21 -0
- package/dist/string.js.map +1 -1
- package/package.json +2 -3
- package/.turbo/turbo-build.log +0 -12
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @terrazzo/token-tools
|
|
2
2
|
|
|
3
|
+
## 0.3.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#391](https://github.com/terrazzoapp/terrazzo/pull/391) [`8e6810c`](https://github.com/terrazzoapp/terrazzo/commit/8e6810c33aded376aca58ebf2f28ad20aa3a06b1) Thanks [@drwpow](https://github.com/drwpow)! - ⚠️ Breaking change: Remove dash around numbers in CSS var names
|
|
8
|
+
|
|
9
|
+
## 0.2.9
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#387](https://github.com/terrazzoapp/terrazzo/pull/387) [`f14224b`](https://github.com/terrazzoapp/terrazzo/commit/f14224b5ae3dcf31d1a67a2f3346ffabfe7dc71b) Thanks [@drwpow](https://github.com/drwpow)! - Fix incorrect parsing of typography tokens’ lineHeight when it’s a dimension value.
|
|
14
|
+
|
|
15
|
+
- [#387](https://github.com/terrazzoapp/terrazzo/pull/387) [`f14224b`](https://github.com/terrazzoapp/terrazzo/commit/f14224b5ae3dcf31d1a67a2f3346ffabfe7dc71b) Thanks [@drwpow](https://github.com/drwpow)! - Fix warning on parsing dimension tokens in typography tokens
|
|
16
|
+
|
|
3
17
|
## 0.2.8
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
package/dist/css/lib.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { kebabCase } from '
|
|
1
|
+
import { kebabCase } from '../string.js';
|
|
2
2
|
export const defaultAliasTransform = (id) => `var(${makeCSSVar(id)})`;
|
|
3
3
|
/** Generate shorthand CSS for select token types */
|
|
4
4
|
export function generateShorthand({ $type, localID }) {
|
|
@@ -20,7 +20,7 @@ export function transformCompositeAlias(value, { aliasOf, transformAlias = defau
|
|
|
20
20
|
}
|
|
21
21
|
return output;
|
|
22
22
|
}
|
|
23
|
-
const CSS_VAR_RE = /(?:(\p{Uppercase_Letter}
|
|
23
|
+
const CSS_VAR_RE = /(?:(\p{Uppercase_Letter}?[\p{Lowercase_Letter}\p{Number}]+|[\p{Uppercase_Letter}\p{Number}]+|[\u{80}-\u{10FFFF}\p{Number}]+|_)|.)/u;
|
|
24
24
|
/**
|
|
25
25
|
* Generate a valid CSS variable from any string
|
|
26
26
|
* Code by @dfrankland
|
package/dist/css/lib.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lib.js","sourceRoot":"","sources":["../../src/css/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"lib.js","sourceRoot":"","sources":["../../src/css/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,OAAO,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC;AAE9E,oDAAoD;AACpD,MAAM,UAAU,iBAAiB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAsC;IACtF,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,YAAY,CAAC,CAAC,CAAC;YAClB,OAAO,CAAC,UAAU,EAAE,OAAO,EAAE,iBAAiB,CAAC;iBAC5C,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,OAAO,IAAI,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;iBAC5D,IAAI,CAAC,GAAG,CAAC,CAAC;QACf,CAAC;QACD,gGAAgG;QAChG,6DAA6D;IAC/D,CAAC;AACH,CAAC;AAED,mCAAmC;AACnC,MAAM,UAAU,uBAAuB,CACrC,KAAQ,EACR,EAAE,OAAO,EAAE,cAAc,GAAG,qBAAqB,EAAqD;IAEtG,MAAM,MAAM,GAA2B,EAAE,CAAC;IAC1C,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;QACxB,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,cAAc,CAAC,GAAG,OAAO,IAAI,GAAG,EAAE,CAAC,CAAC;IAC/D,CAAC;IACD,OAAO,MAAiC,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,GACd,oIAAoI,CAAC;AAYvI;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,IAAY,EAAE,EAAE,MAAM,EAAE,OAAO,GAAG,KAAK,KAAwB,EAAE;IAC1F,IAAI,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAChE,IAAI,MAAM,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,MAAM,GAAG,CAAC,EAAE,CAAC;QACjD,QAAQ,GAAG,GAAG,MAAM,IAAI,QAAQ,EAAE,CAAC;IACrC,CAAC;IACD,MAAM,aAAa,GAAG,KAAK,QAAQ,EAAE,CAAC,iBAAiB,EAAE,CAAC;IAC1D,OAAO,OAAO,CAAC,CAAC,CAAC,OAAO,aAAa,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC;AAC3D,CAAC"}
|
package/dist/css/typography.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import type { TypographyValue } from '../types.js';
|
|
1
2
|
import { type IDGenerator } from './lib.js';
|
|
2
3
|
/** Convert typography value to multiple CSS values */
|
|
3
|
-
export declare function transformTypographyValue(value:
|
|
4
|
+
export declare function transformTypographyValue(value: TypographyValue, { aliasOf, partialAliasOf, transformAlias, }?: {
|
|
4
5
|
aliasOf?: string;
|
|
5
6
|
partialAliasOf?: Record<keyof typeof value, string>;
|
|
6
7
|
transformAlias?: IDGenerator;
|
package/dist/css/typography.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { kebabCase } from '
|
|
1
|
+
import { kebabCase } from '../string.js';
|
|
2
2
|
import { transformDimensionValue } from './dimension.js';
|
|
3
3
|
import { transformFontFamilyValue } from './font-family.js';
|
|
4
4
|
import { transformFontWeightValue } from './font-weight.js';
|
|
5
5
|
import { defaultAliasTransform, transformCompositeAlias } from './lib.js';
|
|
6
|
+
import { transformNumberValue } from './number.js';
|
|
6
7
|
import { transformStringValue } from './string.js';
|
|
7
8
|
/** Convert typography value to multiple CSS values */
|
|
8
9
|
export function transformTypographyValue(value, { aliasOf, partialAliasOf, transformAlias = defaultAliasTransform, } = {}) {
|
|
@@ -21,8 +22,8 @@ export function transformTypographyValue(value, { aliasOf, partialAliasOf, trans
|
|
|
21
22
|
transformedValue = transformFontFamilyValue(subvalue, { transformAlias });
|
|
22
23
|
break;
|
|
23
24
|
}
|
|
24
|
-
case '
|
|
25
|
-
case '
|
|
25
|
+
case 'fontSize':
|
|
26
|
+
case 'letterSpacing': {
|
|
26
27
|
transformedValue = transformDimensionValue(subvalue, { transformAlias });
|
|
27
28
|
break;
|
|
28
29
|
}
|
|
@@ -30,6 +31,15 @@ export function transformTypographyValue(value, { aliasOf, partialAliasOf, trans
|
|
|
30
31
|
transformedValue = transformFontWeightValue(subvalue, { transformAlias });
|
|
31
32
|
break;
|
|
32
33
|
}
|
|
34
|
+
case 'lineHeight': {
|
|
35
|
+
if (typeof subvalue === 'number') {
|
|
36
|
+
transformedValue = transformNumberValue(subvalue, { transformAlias });
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
transformedValue = transformDimensionValue(subvalue, { transformAlias });
|
|
40
|
+
}
|
|
41
|
+
break;
|
|
42
|
+
}
|
|
33
43
|
default: {
|
|
34
44
|
transformedValue = transformStringValue(subvalue, { transformAlias });
|
|
35
45
|
break;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/css/typography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/css/typography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAoB,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAC5F,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD,sDAAsD;AACtD,MAAM,UAAU,wBAAwB,CACtC,KAAsB,EACtB,EACE,OAAO,EACP,cAAc,EACd,cAAc,GAAG,qBAAqB,MACqE,EAAE;IAE/G,MAAM,MAAM,GAA2B,EAAE,CAAC;IAC1C,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,uBAAuB,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC;IACrE,CAAC;IACD,KAAK,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACzD,IAAI,gBAAwB,CAAC;QAC7B,IAAI,cAAc,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC/B,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,QAAQ,CAAE,CAAC,CAAC;QAC/D,CAAC;aAAM,CAAC;YACN,QAAQ,QAAQ,EAAE,CAAC;gBACjB,KAAK,YAAY,CAAC,CAAC,CAAC;oBAClB,gBAAgB,GAAG,wBAAwB,CAAC,QAAoB,EAAE,EAAE,cAAc,EAAE,CAAC,CAAC;oBACtF,MAAM;gBACR,CAAC;gBACD,KAAK,UAAU,CAAC;gBAChB,KAAK,eAAe,CAAC,CAAC,CAAC;oBACrB,gBAAgB,GAAG,uBAAuB,CAAC,QAAuC,EAAE,EAAE,cAAc,EAAE,CAAC,CAAC;oBACxG,MAAM;gBACR,CAAC;gBACD,KAAK,YAAY,CAAC,CAAC,CAAC;oBAClB,gBAAgB,GAAG,wBAAwB,CAAC,QAAkB,EAAE,EAAE,cAAc,EAAE,CAAC,CAAC;oBACpF,MAAM;gBACR,CAAC;gBACD,KAAK,YAAY,CAAC,CAAC,CAAC;oBAClB,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;wBACjC,gBAAgB,GAAG,oBAAoB,CAAC,QAAkB,EAAE,EAAE,cAAc,EAAE,CAAC,CAAC;oBAClF,CAAC;yBAAM,CAAC;wBACN,gBAAgB,GAAG,uBAAuB,CAAC,QAAuC,EAAE,EAAE,cAAc,EAAE,CAAC,CAAC;oBAC1G,CAAC;oBACD,MAAM;gBACR,CAAC;gBACD,OAAO,CAAC,CAAC,CAAC;oBACR,gBAAgB,GAAG,oBAAoB,CAAC,QAAkB,EAAE,EAAE,cAAc,EAAE,CAAC,CAAC;oBAChF,MAAM;gBACR,CAAC;YACH,CAAC;QACH,CAAC;QACD,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,GAAG,gBAAgB,CAAC;IACjD,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC"}
|
package/dist/string.d.ts
CHANGED
|
@@ -2,3 +2,5 @@
|
|
|
2
2
|
export declare function padStr(input: string, length: number, alignment?: 'left' | 'center' | 'right'): string;
|
|
3
3
|
/** Pluralize strings */
|
|
4
4
|
export declare function pluralize<T = string>(count: number, singular: T, plural: T): T;
|
|
5
|
+
/** Turn a string into kebab-case */
|
|
6
|
+
export declare function kebabCase(str: string): string;
|
package/dist/string.js
CHANGED
|
@@ -23,4 +23,25 @@ export function padStr(input, length, alignment = 'left') {
|
|
|
23
23
|
export function pluralize(count, singular, plural) {
|
|
24
24
|
return count === 1 ? singular : plural;
|
|
25
25
|
}
|
|
26
|
+
/** Turn a string into kebab-case */
|
|
27
|
+
export function kebabCase(str) {
|
|
28
|
+
let output = '';
|
|
29
|
+
for (const c of str.split('')) {
|
|
30
|
+
if (c === '.') {
|
|
31
|
+
output += '-';
|
|
32
|
+
continue;
|
|
33
|
+
}
|
|
34
|
+
let isFirstUppercase = true;
|
|
35
|
+
if (isFirstUppercase && /\p{Uppercase_Letter}/u.test(c)) {
|
|
36
|
+
output += `-${c.toLocaleLowerCase()}`;
|
|
37
|
+
isFirstUppercase = false; // don’t break apart multiple consecutive uppercase letters
|
|
38
|
+
continue;
|
|
39
|
+
}
|
|
40
|
+
else {
|
|
41
|
+
isFirstUppercase = true; // reset
|
|
42
|
+
}
|
|
43
|
+
output += c;
|
|
44
|
+
}
|
|
45
|
+
return output;
|
|
46
|
+
}
|
|
26
47
|
//# sourceMappingURL=string.js.map
|
package/dist/string.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"string.js","sourceRoot":"","sources":["../src/string.ts"],"names":[],"mappings":"AAAA,yBAAyB;AACzB,MAAM,UAAU,MAAM,CAAC,KAAa,EAAE,MAAc,EAAE,YAAyC,MAAM;IACnG,MAAM,CAAC,GACL,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG,kCAAkC;QAChE,KAAK,CAAC,MAAM,CAAC;IACf,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;QACV,QAAQ,SAAS,EAAE,CAAC;YAClB,KAAK,MAAM,CAAC,CAAC,CAAC;gBACZ,OAAO,GAAG,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;YACpC,CAAC;YACD,KAAK,OAAO,CAAC,CAAC,CAAC;gBACb,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC;YACpC,CAAC;YACD,KAAK,QAAQ,CAAC,CAAC,CAAC;gBACd,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gBAC/B,MAAM,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC;gBACvB,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3D,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,wBAAwB;AACxB,MAAM,UAAU,SAAS,CAAa,KAAa,EAAE,QAAW,EAAE,MAAS;IACzE,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;AACzC,CAAC"}
|
|
1
|
+
{"version":3,"file":"string.js","sourceRoot":"","sources":["../src/string.ts"],"names":[],"mappings":"AAAA,yBAAyB;AACzB,MAAM,UAAU,MAAM,CAAC,KAAa,EAAE,MAAc,EAAE,YAAyC,MAAM;IACnG,MAAM,CAAC,GACL,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG,kCAAkC;QAChE,KAAK,CAAC,MAAM,CAAC;IACf,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;QACV,QAAQ,SAAS,EAAE,CAAC;YAClB,KAAK,MAAM,CAAC,CAAC,CAAC;gBACZ,OAAO,GAAG,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;YACpC,CAAC;YACD,KAAK,OAAO,CAAC,CAAC,CAAC;gBACb,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC;YACpC,CAAC;YACD,KAAK,QAAQ,CAAC,CAAC,CAAC;gBACd,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gBAC/B,MAAM,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC;gBACvB,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3D,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,wBAAwB;AACxB,MAAM,UAAU,SAAS,CAAa,KAAa,EAAE,QAAW,EAAE,MAAS;IACzE,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;AACzC,CAAC;AAED,oCAAoC;AACpC,MAAM,UAAU,SAAS,CAAC,GAAW;IACnC,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,KAAK,MAAM,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;QAC9B,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;YACd,MAAM,IAAI,GAAG,CAAC;YACd,SAAS;QACX,CAAC;QACD,IAAI,gBAAgB,GAAG,IAAI,CAAC;QAC5B,IAAI,gBAAgB,IAAI,uBAAuB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;YACxD,MAAM,IAAI,IAAI,CAAC,CAAC,iBAAiB,EAAE,EAAE,CAAC;YACtC,gBAAgB,GAAG,KAAK,CAAC,CAAC,2DAA2D;YACrF,SAAS;QACX,CAAC;aAAM,CAAC;YACN,gBAAgB,GAAG,IAAI,CAAC,CAAC,QAAQ;QACnC,CAAC;QAED,MAAM,IAAI,CAAC,CAAC;IACd,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@terrazzo/token-tools",
|
|
3
3
|
"description": "Various utilities for token types",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.3.0",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Drew Powers",
|
|
7
7
|
"email": "drew@pow.rs"
|
|
@@ -35,9 +35,8 @@
|
|
|
35
35
|
"./*": "./*"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@humanwhocodes/momoa": "^3.3.
|
|
38
|
+
"@humanwhocodes/momoa": "^3.3.5",
|
|
39
39
|
"culori": "^4.0.1",
|
|
40
|
-
"scule": "^1.3.0",
|
|
41
40
|
"wildcard-match": "^5.1.3"
|
|
42
41
|
},
|
|
43
42
|
"devDependencies": {
|
package/.turbo/turbo-build.log
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
> @terrazzo/token-tools@0.2.8 build /home/runner/work/terrazzo/terrazzo/packages/token-tools
|
|
3
|
-
> pnpm run build:ts && pnpm -w run inject-license @terrazzo/token-tools dist/index.js
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
> @terrazzo/token-tools@0.2.8 build:ts /home/runner/work/terrazzo/terrazzo/packages/token-tools
|
|
7
|
-
> tsc -p tsconfig.build.json
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
> @terrazzo/monorepo@ inject-license /home/runner/work/terrazzo/terrazzo
|
|
11
|
-
> node scripts/inject-license.js "@terrazzo/token-tools" "dist/index.js"
|
|
12
|
-
|